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
|
@@ -3198,7 +3198,7 @@ const XV_DATA_TABLE_TAG = 'xv-data-table';
|
|
|
3198
3198
|
const XV_DATA_TABLE_ROW_TAG = 'xv-data-table-row';
|
|
3199
3199
|
const XV_ROW_DRAG_HANDLE_CLASS = 'xv-row-drag-handle';
|
|
3200
3200
|
|
|
3201
|
-
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")
|
|
3201
|
+
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)}`;
|
|
3202
3202
|
|
|
3203
3203
|
const XvDataTable = class {
|
|
3204
3204
|
constructor(hostRef) {
|
|
@@ -81095,7 +81095,7 @@ var XvFileUploaderVariants;
|
|
|
81095
81095
|
XvFileUploaderVariants["DRAG_DROP"] = "drag-drop";
|
|
81096
81096
|
})(XvFileUploaderVariants || (XvFileUploaderVariants = {}));
|
|
81097
81097
|
|
|
81098
|
-
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 .
|
|
81098
|
+
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}`;
|
|
81099
81099
|
|
|
81100
81100
|
const XvFileUploader = class {
|
|
81101
81101
|
constructor(hostRef) {
|
|
@@ -81114,6 +81114,8 @@ const XvFileUploader = class {
|
|
|
81114
81114
|
this.errors = [];
|
|
81115
81115
|
this.dragActive = false;
|
|
81116
81116
|
this.errorMessages = [];
|
|
81117
|
+
// Kept apart from `error` so a consumer-supplied message survives the next pick.
|
|
81118
|
+
this.internalError = null;
|
|
81117
81119
|
this.onFileSelect = (event) => {
|
|
81118
81120
|
const input = event.target;
|
|
81119
81121
|
const selectedFiles = Array.from(input.files || []);
|
|
@@ -81152,10 +81154,10 @@ const XvFileUploader = class {
|
|
|
81152
81154
|
const uniqueFiles = [];
|
|
81153
81155
|
for (const file of files) {
|
|
81154
81156
|
let error = null;
|
|
81155
|
-
if (
|
|
81156
|
-
|
|
81157
|
-
|
|
81158
|
-
|
|
81157
|
+
if (seenFileNames.has(file.name))
|
|
81158
|
+
continue;
|
|
81159
|
+
seenFileNames.add(file.name);
|
|
81160
|
+
uniqueFiles.push(file);
|
|
81159
81161
|
const dotIndex = file.name.lastIndexOf('.');
|
|
81160
81162
|
const extension = file.name.substring(dotIndex).toLowerCase();
|
|
81161
81163
|
const isAccepted = this.accept.length === 0 || this.accept.some(type => type.toLowerCase() === extension);
|
|
@@ -81167,7 +81169,7 @@ const XvFileUploader = class {
|
|
|
81167
81169
|
}
|
|
81168
81170
|
errorMessages.push(error);
|
|
81169
81171
|
}
|
|
81170
|
-
this.
|
|
81172
|
+
this.internalError = uniqueFiles.length > this.maxFiles
|
|
81171
81173
|
? `Only ${this.maxFiles} file(s) allowed.`
|
|
81172
81174
|
: null;
|
|
81173
81175
|
this.errorMessages = errorMessages;
|
|
@@ -81183,7 +81185,15 @@ const XvFileUploader = class {
|
|
|
81183
81185
|
}
|
|
81184
81186
|
}
|
|
81185
81187
|
render() {
|
|
81186
|
-
|
|
81188
|
+
const error = this.error || this.internalError;
|
|
81189
|
+
const message = resolveFieldMessage({ error, warning: this.warning, helper: this.helper });
|
|
81190
|
+
return (h(Host, { key: '04568eba6facb5a18a4b4bc9ae6de9ce0f3e3db7', class: {
|
|
81191
|
+
'upload-wrapper': true,
|
|
81192
|
+
[`uploader-${this.size}`]: true,
|
|
81193
|
+
disabled: !!this.disabled,
|
|
81194
|
+
error: !!error,
|
|
81195
|
+
warning: !!this.warning && !error,
|
|
81196
|
+
} }, this.label && h("label", { key: '5c5861bee814ecacdd43fd92dcb47240869f895b', class: "label" }, this.label), this.description && h("p", { key: 'd4a5de6bb093e02010ba98031dd5eda4c748ec9f', class: "description" }, this.description), this.variant === 'button' ? (h("xv-button-v2", { class: "uploadBtn", variant: this.buttonVariant, disabled: this.disabled, onClick: () => this.fileInput.click() }, this.addText || 'Dateien auswählen')) : (h("div", { class: { 'drop-zone': true, active: this.dragActive }, onDrop: this.onDrop, onDragOver: this.onDragOver, onDragLeave: this.onDragLeave, onClick: () => this.fileInput.click() }, this.addText || 'Dateien hierher ziehen oder darauf klicken, um eine Datei auszuwählen.')), h("input", { key: '08df6268214165b3b40ae177de230eae800d1a23', ref: el => (this.fileInput = el), type: "file", hidden: true, onChange: this.onFileSelect, multiple: this.multiple, accept: this.accept.join(',') }), message && (h("p", { key: '8f777fdc47a98f8ff9be67fafb8b1da79eabad09', class: { message: true, [message.level]: true } }, message.level === 'error' && h("span", { key: '4c550a739de39651a8326569546162b08555ef63', class: "status-icon error", "aria-hidden": "true" }, "!"), message.level === 'warning' && h("span", { key: 'b8a8229a57c053f94b691d86404313677b1f26ca', class: "status-icon warning", "aria-hidden": "true" }, "\u26A0"), message.text)), h("ul", { key: '6d82ac56ab535618bc958068c06ff987bdab1022', class: "file-list" }, this.files.map((file, index) => {
|
|
81187
81197
|
var _a, _b;
|
|
81188
81198
|
return (h("li", { class: { file: true, withError: !!(((_a = this.errors) === null || _a === void 0 ? void 0 : _a[index]) || ((_b = this.errorMessages) === null || _b === void 0 ? void 0 : _b[index])) } }, h("div", { class: "file_container" }, h("span", { class: "file_container_name" }, file.name), this._renderLoaderState(index)), this._renderError(index)));
|
|
81189
81199
|
}))));
|
|
@@ -81255,7 +81265,7 @@ const Xvfooter = class {
|
|
|
81255
81265
|
render() {
|
|
81256
81266
|
const { categories, socials, logo, legalLinks, payments, partners, advantages } = this.data || {};
|
|
81257
81267
|
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));
|
|
81258
|
-
return (h("footer", { key: '
|
|
81268
|
+
return (h("footer", { key: '726a05b831d337bdef052ca16b478a85ef5dfd9b', class: "xv-footer" }, (advantages === null || advantages === void 0 ? void 0 : advantages.length) > 0 && (h("div", { key: '22a41f8bd514f4b61bc62df31ddcabc5de7b7bc6', class: "xv-footer-advantages" }, h("div", { key: '5e4035e086ad3bd7987ff802736096c4364f8530', class: "xv-container" }, this._renderFooterList(advantages, { itemWithLabel: true })))), hasDataLength && (h("div", { key: '003822874e51506b991f76e92c4f5d8c96073f99', class: "xv-container" }, h("div", { key: '4e09e7f929eff1a781d6d64120915ca4d30f5d86', class: "xv-footer__grid xv-footer-y-spacing" }, h("div", { key: 'ebd4fd1e5e72fd08f9c49c10bf0e760fb644864f', class: "xv-footer__col-main" }, h("ul", { key: 'bdfa7fc3986ea83b3b3514ae61e0c463f1070f3c', class: "xv-footer-categories" }, categories === null || categories === void 0 ? void 0 : categories.map((category) => (h("li", null, h("p", { class: "xv-label-02" }, category.label), h("ul", { class: "xv-footer-routes" }, category.routes.map((item) => (h("li", null, h("a", { class: "xv-body-compact-02", href: item.href, target: item.target }, item.label)))))))))), h("div", { key: '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 && (h("div", { key: '0ab1803fd376c5f10be8b0e664d81dd8158577de', class: "xv-footer-legal" }, h("div", { key: 'b755d56da4c5ce178a1b3b0e1883e3444144b54b', class: "xv-container" }, h("div", { key: '356cc0b19cccf1e69b5531ff580a6c63274c0783', class: "xv-footer-legal-row" }, logo && (h("a", { key: '325a93b944d086c42565bdf6b973301f25fbd778', class: "xv-footer-logo", href: logo.href, target: logo.target }, logo.label && h("span", { key: '6292ac8dc8630818902d96da3b275e1e3f763281', class: "xv-label-02" }, logo.label), h("img", { key: '847e90de5ebb14fdf255c7c37ad1f90c99424f02', loading: "lazy", src: logo.image, alt: logo.label }))), h("ul", { key: 'd692fb126d2e382fe142fd3b033f794fc38f66fd' }, legalLinks.map((item) => {
|
|
81259
81269
|
if (item.label === 'Cookie Einstellungen') {
|
|
81260
81270
|
return h("li", null, h("a", { class: "xv-helper-text-02", onClick: this.openCookieSettings }, item.label));
|
|
81261
81271
|
}
|
|
@@ -81298,9 +81308,20 @@ const XvGeoMap = class {
|
|
|
81298
81308
|
/** Shape resolution: medium = simplified geometry (snappy), high = originals */
|
|
81299
81309
|
this.resolution = 'medium';
|
|
81300
81310
|
/**
|
|
81301
|
-
*
|
|
81302
|
-
* data
|
|
81303
|
-
*
|
|
81311
|
+
* MapLibre style URL for the vector basemap. Default: OpenFreeMap Positron — the same
|
|
81312
|
+
* pale data-overlay look as the previous CARTO light, free for commercial use, no API
|
|
81313
|
+
* key (openfreemap.org). Set to an empty string to fall back to the raster `tiles` path.
|
|
81314
|
+
*/
|
|
81315
|
+
this.styleUrl = 'https://tiles.openfreemap.org/styles/positron';
|
|
81316
|
+
/**
|
|
81317
|
+
* Label language for the vector basemap (OpenMapTiles `name:{lang}` attribute, falling
|
|
81318
|
+
* back to the place's local name). Empty string keeps the style's own labels.
|
|
81319
|
+
*/
|
|
81320
|
+
this.language = 'de';
|
|
81321
|
+
/**
|
|
81322
|
+
* Raster tile URL template, used only when `style-url` is empty. The former CARTO
|
|
81323
|
+
* default now watermarks keyless traffic ("API KEY REQUIRED"), so this path needs a
|
|
81324
|
+
* keyed/licensed tile URL.
|
|
81304
81325
|
*/
|
|
81305
81326
|
this.tiles = 'https://basemaps.cartocdn.com/rastertiles/light_all/{z}/{x}/{y}@2x.png';
|
|
81306
81327
|
this.attribution = '© CARTO, © OpenStreetMap contributors';
|
|
@@ -81312,6 +81333,8 @@ const XvGeoMap = class {
|
|
|
81312
81333
|
this.selectZoom = 9;
|
|
81313
81334
|
/** Load the map bundle only when scrolled near the viewport (default: true) */
|
|
81314
81335
|
this.lazy = true;
|
|
81336
|
+
/** Show the search box over the map (default: true) */
|
|
81337
|
+
this.showSearch = true;
|
|
81315
81338
|
this.ready = false;
|
|
81316
81339
|
this.loadError = false;
|
|
81317
81340
|
this.zoomGated = true;
|
|
@@ -81355,6 +81378,10 @@ const XvGeoMap = class {
|
|
|
81355
81378
|
['units-fill', 'units-hover', 'units-line'].forEach(l => this.map.setLayerZoomRange(l, this.selectZoom, 24));
|
|
81356
81379
|
this.refreshUnits();
|
|
81357
81380
|
}
|
|
81381
|
+
showSearchChanged(value) {
|
|
81382
|
+
if (!value)
|
|
81383
|
+
this.resetSearch();
|
|
81384
|
+
}
|
|
81358
81385
|
componentDidLoad() {
|
|
81359
81386
|
if (!this.lazy || !('IntersectionObserver' in window)) {
|
|
81360
81387
|
this.initMap();
|
|
@@ -81385,7 +81412,7 @@ const XvGeoMap = class {
|
|
|
81385
81412
|
}
|
|
81386
81413
|
const map = new maplibregl.Map({
|
|
81387
81414
|
container: this.mapContainer,
|
|
81388
|
-
style: {
|
|
81415
|
+
style: this.styleUrl || {
|
|
81389
81416
|
version: 8,
|
|
81390
81417
|
sources: {
|
|
81391
81418
|
basemap: {
|
|
@@ -81407,6 +81434,23 @@ const XvGeoMap = class {
|
|
|
81407
81434
|
this.el._map = map; // e2e/test handle
|
|
81408
81435
|
map.addControl(new maplibregl.NavigationControl({ showCompass: false }));
|
|
81409
81436
|
map.on('load', () => {
|
|
81437
|
+
// The hosted style labels in international/English names ("Rhineland Palatinate"),
|
|
81438
|
+
// mixed with local ones. The tile data carries per-language names, so rewrite every
|
|
81439
|
+
// name-based label layer to prefer the configured language over the style default.
|
|
81440
|
+
if (this.styleUrl && this.language) {
|
|
81441
|
+
for (const layer of map.getStyle().layers) {
|
|
81442
|
+
if (layer.type !== 'symbol')
|
|
81443
|
+
continue;
|
|
81444
|
+
const textField = map.getLayoutProperty(layer.id, 'text-field');
|
|
81445
|
+
if (textField && JSON.stringify(textField).includes('name')) {
|
|
81446
|
+
map.setLayoutProperty(layer.id, 'text-field', [
|
|
81447
|
+
'coalesce',
|
|
81448
|
+
['get', `name:${this.language}`],
|
|
81449
|
+
['get', 'name'],
|
|
81450
|
+
]);
|
|
81451
|
+
}
|
|
81452
|
+
}
|
|
81453
|
+
}
|
|
81410
81454
|
// Design tokens (Masha, MAR-15783): selection = highlight-01 fill / interactive-02
|
|
81411
81455
|
// outline; optimizer preview = highlight-02 fill / interactive-01 outline. Fallbacks
|
|
81412
81456
|
// keep the previous XV green/amber where the host page lacks the tokens.
|
|
@@ -81739,11 +81783,30 @@ const XvGeoMap = class {
|
|
|
81739
81783
|
}
|
|
81740
81784
|
}, 300);
|
|
81741
81785
|
}
|
|
81742
|
-
|
|
81786
|
+
resetSearch() {
|
|
81787
|
+
clearTimeout(this.searchDebounce);
|
|
81788
|
+
this.searchSeq++;
|
|
81743
81789
|
this.searchQuery = '';
|
|
81744
81790
|
this.searchResults = [];
|
|
81745
|
-
|
|
81746
|
-
|
|
81791
|
+
}
|
|
81792
|
+
pickSearchResult(result) {
|
|
81793
|
+
this.resetSearch();
|
|
81794
|
+
// navigate only (QA, 28.08): finding an area means SHOWING it — selecting stays a
|
|
81795
|
+
// deliberate click on the map. Applies to every level (PLZ, Landkreis, Bundesland).
|
|
81796
|
+
void this.flyToUnit(result.code).catch(() => undefined);
|
|
81797
|
+
}
|
|
81798
|
+
/** Pan/zoom to a unit without touching the selection. */
|
|
81799
|
+
async flyToUnit(code) {
|
|
81800
|
+
var _a;
|
|
81801
|
+
await this.ensureReady();
|
|
81802
|
+
const res = await fetch(`${this.apiBase}/geo-units/${encodeURIComponent(this.level)}/lookup?resolution=${this.resolution}`, {
|
|
81803
|
+
method: 'POST',
|
|
81804
|
+
headers: { 'Content-Type': 'application/json' },
|
|
81805
|
+
body: JSON.stringify({ codes: [code] }),
|
|
81806
|
+
});
|
|
81807
|
+
if (!res.ok)
|
|
81808
|
+
return; // search already found it; a failed lookup just means no jump
|
|
81809
|
+
this.fitTo((_a = unwrap(await res.json())) !== null && _a !== void 0 ? _a : []);
|
|
81747
81810
|
}
|
|
81748
81811
|
/** A method call means the map is needed now — start loading even if it hasn't scrolled into view. */
|
|
81749
81812
|
ensureReady() {
|
|
@@ -81784,7 +81847,7 @@ const XvGeoMap = class {
|
|
|
81784
81847
|
this.map.fitBounds([[minX, minY], [maxX, maxY]], { padding: 48, maxZoom: 12, duration: 800 });
|
|
81785
81848
|
}
|
|
81786
81849
|
render() {
|
|
81787
|
-
return (h(Host, { key: '
|
|
81850
|
+
return (h(Host, { key: '5e284532eaaf73fac04321672fd135a5fdfd1055' }, h("div", { key: 'b9334d39245fde17f998d0ad2557fe0a1fd09394', class: "container" }, h("div", { key: '8de6c78a3fb0907c9aac53f4543e3c0e85fbef73', class: "map", ref: el => (this.mapContainer = el) }), this.ready && this.showSearch && (h("div", { key: 'e65a447aa5fbebd4c95681c23ffa944d58d43c04', class: "search" }, 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 && (h("ul", { key: 'd1debbd7d31a7a2048b109ba2e29fa4362e8a1a0', class: "search-results" }, this.searchResults.map(r => (h("li", { key: r.code, onClick: () => this.pickSearchResult(r) }, h("strong", null, r.code), " ", r.name))))))), this.ready && this.zoomGated && (h("div", { key: 'ecfe1655f20432ef5f1941bfe46b21eedfe24ee1', class: "hint" }, "Reinzoomen, um PLZ-Gebiete zu laden")), !this.ready && !this.loadError && (h("div", { key: 'c55d03375b737d2d9eaf27cd77f1e5a1156e6f90', class: "skeleton", "aria-busy": "true" }, h("xv-loader-v2", { key: '3ec94850cae9e4660110c809d39bab2625e79137', variant: "vertical" }, "Karte wird geladen \u2026"))), this.loadError && h("div", { key: '0fe30d566b83e27deff3367e2200b1142bdfa5ec', class: "skeleton error" }, "Karte konnte nicht geladen werden."))));
|
|
81788
81851
|
}
|
|
81789
81852
|
get el() { return getElement(this); }
|
|
81790
81853
|
static get watchers() { return {
|
|
@@ -81793,6 +81856,9 @@ const XvGeoMap = class {
|
|
|
81793
81856
|
}],
|
|
81794
81857
|
"selectZoom": [{
|
|
81795
81858
|
"selectZoomChanged": 0
|
|
81859
|
+
}],
|
|
81860
|
+
"showSearch": [{
|
|
81861
|
+
"showSearchChanged": 0
|
|
81796
81862
|
}]
|
|
81797
81863
|
}; }
|
|
81798
81864
|
};
|
|
@@ -81974,7 +82040,7 @@ const XvHeader = class {
|
|
|
81974
82040
|
render() {
|
|
81975
82041
|
var _a, _b, _c, _d, _e;
|
|
81976
82042
|
const isXvBrand = (((_a = this.metaNav) === null || _a === void 0 ? void 0 : _a['WhitelabelName']) || 'Xv') === 'Xv';
|
|
81977
|
-
return (h("header", { key: '
|
|
82043
|
+
return (h("header", { key: '5683344a3c1c65652aafefcd39a29cfb52b39630', class: "header" }, h("div", { key: '51a5be7406c30c5eb21612e253f6f816c07c2474', class: "header-wrapper" }, h("div", { key: '355678ae2ea723877995820902a7ecc831b24e25', class: "xv-container" }, h("div", { key: 'b204f994a41175f413fc11a4b4501ea36d83c49a', class: "header-top" }, h("div", { key: '58e62438aaf3568986422eadd60abc27242ee0e2', class: "header-top--left" }, h("xv-button-v2", { key: 'c2bd1f89d10a2d6a4468a4eb84b0a305afe130e6', class: "menu-btn", variant: "ghost", onClick: this.toggleMobMenu }, h("i", { key: 'f6299023fffc108aa30edadd662f1c9cac20a444', slot: "icon-left", class: { 'fa': true, 'fa-times': this.mobMenuOpen, 'fa-bars': !this.mobMenuOpen } })), this.metaNav && (h("a", { key: '9a3187c7a0a0f5bc824e5aa5e4f885509e4cff06', href: `${window.location.origin}/` }, h("picture", { key: '53a3940f8a98f039a5750b42f1b9848e5a0e5dcd' }, 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)" }), 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 && (h("xv-link-v2", { key: 'e8ea29d1d86816d48b0a21433fb0bb56609e2a43', class: "header-top--orgUnit", variant: "standalone", href: "/de-de/mycrossvertise" }, this.orgUnit))), h("ul", { key: '0faa215cd3ff434bb57992e3d683ba5365b2434a', class: "header-top--right" }, this._renderSearch(), this._renderImpersonationInfo(), !((_d = this.metaNav) === null || _d === void 0 ? void 0 : _d.IsManager) && isXvBrand && (h("li", { key: '33e91f13c12e158bbab3021fdeabde589ba8d811' }, h("xv-link-v2", { key: 'cf6abae927469bf5d11d664c2b55bfa690712b7c', variant: "ghost", href: "https://www.crossvertise.com/ueber-uns/kontakt" }, h("xv-button-v2", { key: 'cccb09642e193457f8a8ed76852051f66e35e267', variant: "ghost", size: SIZE_VAR.MD }, h("i", { key: '865a8a9b71566c9e12767f1f816baf6b81b38881', class: "header-icon far fa-envelope" }), 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 && (h("li", { key: '4493c9258b480c76150dfa1e6a166625ccc53f3d' }, h("xv-link-v2", { key: '15165cd18bf8c6df2fa0a01a04060b8ec3e8d7c9', variant: "ghost", href: "https://help.crossvertise.com" }, h("xv-button-v2", { key: 'c57fbe7a136ea7a3b7156b676aeb9de9563f7641', variant: "ghost", size: SIZE_VAR.MD }, h("i", { key: '6299e5025daf1eb965a391f22b16c36d121446f6', class: "header-icon far fa-question-circle" }), h("span", { key: 'c12f1fd242b0139f6bf36a91ff4783ba0ee8311e', class: "header-label xv-body-02" }, "Hilfe"))))), this._renderShoppingCart()))), h("div", { key: 'a811e4d9776a559a0514614a5af21b1df291b58f', class: "header-wrapper--bg" }, h("div", { key: 'ac5415351936518dbfb37bd2bc0a8ef507779ca9', class: "xv-container" }, h("xv-mega-menu", { key: '3a261a18a1fea02ae336975e0699b4d80bf2b4ed', open: this.mobMenuOpen, onOpenChange: this.closeMobMenu })))), h("xv-login-modal", { key: '2958a0ed0091eb1f88337aa6ed4d88d8fa7f3e02', visible: this.showLoginModal, onClose: () => this.showLoginModal = false })));
|
|
81978
82044
|
}
|
|
81979
82045
|
get el() { return getElement(this); }
|
|
81980
82046
|
};
|
|
@@ -82042,7 +82108,7 @@ const XvImageViewer = class {
|
|
|
82042
82108
|
}
|
|
82043
82109
|
}
|
|
82044
82110
|
render() {
|
|
82045
|
-
return (h(Host, { key: '
|
|
82111
|
+
return (h(Host, { key: 'a2cbdae5298980d510b68acfe6053116d29dc849', class: { 'image-wrapper': true, errored: this.errored } }, !this.loaded && h("xv-loader-v2", { key: 'ace025d878873694ce29d3f1042b7551ccf3b3d8', class: "loading" }, this.placeholder), this.loaded && this.errored && h("slot", { key: '212f5518d6b6779c7d3b3c16b1e483f7f47ccca1', name: "fallback" }), this.loaded && !this.errored && (h("img", { key: '302fb84d4af07d1f4c63a0b9e0984be1f4981835', src: this.src, alt: this.alt, class: "image", onClick: this.handleClick, onError: this.handleError })), this.isFullscreen && (h("dialog", { key: 'ac5d27c9b241a037729eb6192a663e0f2a2331db', class: "fullscreen-dialog", ref: el => (this.dialogEl = el), onClick: this.handleDialogClick, onClose: this.closeFullscreen }, !this.fullscreenLoaded && h("xv-loader-v2", { key: 'd0680262f8e5e45d6e89b95cdf3f8451e4246d9c', class: "loading", size: SIZE_VAR.LG }, this.placeholder), h("img", { key: '76893eceb6dead348febe21d2dc9800f9c0c3bcd', src: this.fullscreenSrc || this.src, alt: this.alt, class: {
|
|
82046
82112
|
'fullscreen-image': true,
|
|
82047
82113
|
loaded: this.fullscreenLoaded,
|
|
82048
82114
|
} })))));
|
|
@@ -82067,7 +82133,7 @@ const XvLink = class {
|
|
|
82067
82133
|
e.stopPropagation();
|
|
82068
82134
|
}
|
|
82069
82135
|
render() {
|
|
82070
|
-
return (h(Host, { key: '
|
|
82136
|
+
return (h(Host, { key: '854358c47b87c65f684e693e114c33ac21a27816', class: { [`xv-link_${this.variant}`]: true, disabled: !!this.disabled } }, 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 }, h("slot", { key: 'ba5491fe340ab2d135db073c01f167b7def196ae', name: "icon-left" }), h("slot", { key: 'beaa1287a081ecc5c05e1e5c746c4485b156af9a' }), h("slot", { key: '5491ff14083f125c3c60f30c884c4d4285d9f593', name: "icon-right" }))));
|
|
82071
82137
|
}
|
|
82072
82138
|
};
|
|
82073
82139
|
XvLink.style = xvLinkCss();
|
|
@@ -82235,7 +82301,7 @@ const XvMegaMenu = class {
|
|
|
82235
82301
|
void this.fetchMenuData();
|
|
82236
82302
|
}
|
|
82237
82303
|
render() {
|
|
82238
|
-
return (h(Host, { key: '
|
|
82304
|
+
return (h(Host, { key: '4aedd7042cf3dc4a7f2c87fd4cc4c957c1197d8d' }, h("nav", { key: 'b9f8f282ef76fa208afd943af9e9802d34f981fd', class: { 'xv-menu': true, open: this.open } }, this.menuLoading && (h("div", { key: 'bc1c61ea9a77d268f3862d0a4be2f849bb82a426', class: { 'xv-menu-loader': true, open: this.open } }, h("xv-loader-v2", { key: 'f8df801370503ef75c9ea9e8a3d800099e23f522' }))), h("ul", { key: '04bc64d69c31c033624fc2f012ed24d1452c31fa', class: { menu: true, open: this.open } }, this.menuItems.map((menuItem) => {
|
|
82239
82305
|
var _a, _b;
|
|
82240
82306
|
return (h("li", { class: { 'menu-item': true, active: menuItem.id === ((_a = this.activeItem) === null || _a === void 0 ? void 0 : _a.id) } }, menuItem.route ? (h("xv-link-v2", { variant: "ghost", href: menuItem.route.route }, h("p", { class: "menu-item-label" }, (_b = menuItem.route) === null || _b === void 0 ? void 0 : _b.label))) : (h(Fragment, null, h("p", { class: "menu-item-label", onClick: () => this.setActiveItem(menuItem) }, menuItem === null || menuItem === void 0 ? void 0 : menuItem.label), h("ul", { class: "menu-item-groups" }, menuItem.groups.map((group) => {
|
|
82241
82307
|
var _a;
|
|
@@ -82245,7 +82311,7 @@ const XvMegaMenu = class {
|
|
|
82245
82311
|
} }, h("div", { class: "group-menus" }, h("ul", { class: { 'group-menus-categories': true, inline: group.layout === 'inline' } }, group.categories.map((category) => (h("li", { class: "category" }, h("p", { class: "category-label" }, category.label), h("ul", { class: "category-routes" }, category.routes.map((route) => (h("li", { class: "route" }, h("xv-link-v2", { size: "lg", variant: "ghost", href: route.route || '#' }, route.label), route.tag && (h("xv-tag-v2", { class: "route-tag", size: "sm", color: "#161616", bg: "#E0E0E0" }, route.tag)))))))))), h("ul", { class: "group-menus-actions" }, group.actions.map((action) => (h("li", { class: "action" }, action.type === 'link' && (h("xv-link-v2", { variant: "standalone", href: action === null || action === void 0 ? void 0 : action.url }, action.label, h("span", { class: "link-chevron", slot: "icon-right" }, "\u2192"))), action.type === 'button' &&
|
|
82246
82312
|
h("xv-button-v2", { onClick: () => this.navActionClick(action), block: true, variant: "tertiary" }, action.label)))))), (group === null || group === void 0 ? void 0 : group.card) && (h("div", { class: "group-card" }, h("xv-card-v2", { media: this.applicationContext !== 'Komsa' ? group.card.image : undefined, variant: this.isMobile ? 'horizontal' : 'vertical' }, h("h5", { slot: "header", class: "group-card-title" }, group.card.title), h("p", { slot: "body", class: "group-card-desc" }, group.card.description), group.card.linkLabel && (h("xv-link-v2", { slot: "footer", variant: "standalone", href: group.card.linkUrl || '#' }, group.card.linkLabel, h("span", { class: "link-chevron", slot: "icon-right" }, "\u2192"))))))))));
|
|
82247
82313
|
}))))));
|
|
82248
|
-
}), h("li", { key: '
|
|
82314
|
+
}), h("li", { key: '3cdf016df0466206430f7ab6fb593203955086d6', class: "menu--right" }, h("slot", { key: '4d10fd0501f28c0cdcad6c2dbfc5983989bc42d8', name: "menu-right" })), this.open && (h("li", { key: '436084ee89ddbea567478af9f703d5e51a244aed', class: "menu--backdrop", onClick: () => this.handleClose() }))))));
|
|
82249
82315
|
}
|
|
82250
82316
|
get el() { return getElement(this); }
|
|
82251
82317
|
};
|
|
@@ -82313,7 +82379,7 @@ const XvModal = class {
|
|
|
82313
82379
|
}
|
|
82314
82380
|
render() {
|
|
82315
82381
|
var _a;
|
|
82316
|
-
return (h(Host, { key: '
|
|
82382
|
+
return (h(Host, { key: 'fdac67d8c2e9ff8226bb3b50cad47991212bfb95', role: "dialog", size: this.size, id: this.el.id }, h("slot", { key: 'b22af521c0661beb51656076e54f8d4524949cd6', name: "trigger", onSlotchange: this.setupTrigger }), h("div", { key: 'c4bad1d31c096232681719910a884b6f2f265d34', class: { backdrop: true }, onClick: this.onBackdropClick }, h("div", { key: '077a36f530d91d80aa64e29628416c15ee86b9fd', class: "modal" }, h("button", { key: 'e7b13a106603fec23def8c7c17d6abbc7a775d0e', class: "modal_close", onClick: this.closeModal.bind(this) }, "\u00D7"), h("div", { key: 'e38dd875e812d85bc4f5480c7861cbab60cf818d', class: "modal_header" }, h("slot", { key: 'dd88ea66b09a04f1b1489818b3f05362c1181e60', name: "header" }, ((_a = this.el) === null || _a === void 0 ? void 0 : _a.title) && h("h5", { key: '5b68119aa27b342374efd45e72b5d031edeca230', class: "modal_header__title" }, this.el.title))), h("div", { key: '8c254b16fa7ec7816d5c8c3365274ecf0f534873', class: { 'modal_content': true, overflow: this.overflow } }, h("slot", { key: 'cf6e6792d45519e823694ebc21bc3184fd8d9359' })), h("div", { key: '3a28a55f60a1c08e86b7c5569de855e62c131695', class: "modal_footer" }, h("slot", { key: '6422af93a0778da86f6761fe0ca75daf584bbfa1', name: "footer" })), !!this.loading && (h("div", { key: '58a94925425046105105ed8c5833579bc6861114', class: "loading" }, h("xv-loader-v2", { key: 'cf9b5416582bdd5835b8edc4dfb9f78c0a16f375', size: SIZE_VAR.LG })))))));
|
|
82317
82383
|
}
|
|
82318
82384
|
disconnectedCallback() {
|
|
82319
82385
|
this.removeTriggerListener();
|
|
@@ -82351,7 +82417,7 @@ const XvNotification = class {
|
|
|
82351
82417
|
};
|
|
82352
82418
|
}
|
|
82353
82419
|
render() {
|
|
82354
|
-
return (h(Host, { key: '
|
|
82420
|
+
return (h(Host, { key: 'dd814e1eddaa7d37cb2c0783c908f2785c81b7c4', class: "xv-notification", type: this.variant }, this.renderIcon(this.variant), h("div", { key: '48e3ee87ad67c61c86eb5e3d9b6b89b33f343ecc', class: "content" }, h("div", { key: '1e6dcbe72ca123f66dc238c74e3b90eb04f11d07', class: "content_wrapper" }, this.el.title && h("h5", { key: 'fdfc5730d10b1e315f604da2786f2923dd54d576', class: "content_title" }, this.el.title), h("slot", { key: '20313c03cdc71057c9ce10bce2b8ca3632c5f8a0' })), h("slot", { key: '4e594f31fd130778f98a9fa1d9e52ce522e9fa76', name: "footer" })), this.dismissible && h("button", { key: '2506c5cf0937183d09f743d5f9d4c6a6d74e966d', class: "close", onClick: this.closeHandle })));
|
|
82355
82421
|
}
|
|
82356
82422
|
static get assetsDirs() { return ["xv-notification/icons"]; }
|
|
82357
82423
|
get el() { return getElement(this); }
|
|
@@ -82402,12 +82468,12 @@ const XvNumberInput = class {
|
|
|
82402
82468
|
}
|
|
82403
82469
|
render() {
|
|
82404
82470
|
const message = resolveFieldMessage({ error: this.error, warning: this.warning, helper: this.helper });
|
|
82405
|
-
return (h(Host, { key: '
|
|
82471
|
+
return (h(Host, { key: 'eda5a787210f187373ce97896a300ff9a013e0c1', class: { disabled: !!this.disabled } }, h("label", { key: '5f22e4ac254a665891879ff65399d007cc38a8b9', class: "control" }, this.label && h("span", { key: 'ff73bc8b8838e4c35f0f7fbefb0d939cc17b075c', class: "control_label" }, this.label), h("div", { key: '78e49d25ae43b96b3eb8255bcaa58418895f0813', class: {
|
|
82406
82472
|
'control_input': true,
|
|
82407
82473
|
readonly: !!this.readonly,
|
|
82408
82474
|
error: !!this.error,
|
|
82409
82475
|
warning: !!this.warning
|
|
82410
|
-
} }, h("input", { key: '
|
|
82476
|
+
} }, 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 }), h("div", { key: 'b0255100ddf246c55e73b8e04e1f4ccb0d395cc1', class: "control_input__icons" }, this.loading ? (h("xv-loader-v2", { size: SIZE_VAR.XS })) : !!this.error ? (h("span", { class: "status-icon error", "aria-hidden": "true" }, "!")) : !!this.warning ? (h("span", { class: "status-icon warning", "aria-hidden": "true" }, "\u26A0")) : null, h("xv-button-v2", { key: '4b5489a5c638a8f430de09e4a2cac747299c2dd6', size: this.size, variant: "ghost", disabled: this.disabled || this.readonly, onClick: this.decrement, "aria-label": "Decrease" }, h("span", { key: '893e166dc36724066a682afe7c688463039554a6', slot: "icon-left", class: "status-icon" }, "\u2212")), h("hr", { key: '02b5ad18e9fa4fcd19a776d6c14c312025b722e9' }), h("xv-button-v2", { key: '3d084e86fb4073afda330b45d9f029dc72f86a5a', size: this.size, variant: "ghost", disabled: this.disabled || this.readonly, onClick: this.increment, "aria-label": "Increase" }, h("span", { key: '4eb5052758d452a8b9f2664c0cf2baef33955536', slot: "icon-left", class: "status-icon" }, "+"))))), message && (h("p", { key: '717c219eae006734322a039e31fa530a2d8f1c33', class: { message: true, [message.level]: true } }, message.text))));
|
|
82411
82477
|
}
|
|
82412
82478
|
static get formAssociated() { return true; }
|
|
82413
82479
|
};
|
|
@@ -82864,7 +82930,7 @@ const XvPagination = class {
|
|
|
82864
82930
|
this.observer.disconnect();
|
|
82865
82931
|
}
|
|
82866
82932
|
render() {
|
|
82867
|
-
return (h(Host, { key: '
|
|
82933
|
+
return (h(Host, { key: 'a29c7b693ea69001d1c04ab9942b4c095ae763d3', class: { block: this.block, [this.currentVariant]: true, [this.size]: !!this.size } }, this.currentVariant === 'full' && (h("div", { key: '00ab6d301986eedcaa6f174efc755c549be68175', class: "block" }, h("select", { key: 'c4d8e0610495f34de27f0c0365bc8e15f09c7165', class: "options-select", name: "options", onChange: this.handleItemsPerPageChange }, this.pageSizeOptions.map((v) => h("option", { selected: v === this.itemsPerPage, value: v }, v))))), this.currentVariant === 'full' && (h("span", { key: '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' && (h("div", { key: 'dd1c78767c1ddbcfaf51677d869c1f7827049f38', class: "block" }, h("select", { key: 'a8784b2d18e2b0b30a1270d2e10efa14f89e205b', class: "options-select", name: "pages", onChange: this.handlePageSelectChange }, Array.from({ length: this.total }, (_, i) => (h("option", { selected: this.page === i + 1, value: i + 1 }, i + 1)))), h("span", { key: '15ca820461781e8e9063b50751a827e302b29f63' }, "von ", this.total, " Seiten"))), this.currentVariant === 'compact' && h("span", { key: '44680186b510e3dc603047694fbfe34d39e23224', class: "block" }, "Seite ", this.page), h("xv-button-v2", { key: '1fd3f8adfa3940bbc7a6c1418f141e27ff488b8a', variant: "ghost", size: this.size, onClick: () => this.handlePageChange(this.page - 1), disabled: this.page <= 1 }, h("span", { key: 'fd6c2bca87553c53f3f1462e9d8302a9f19906f9', slot: "icon-left", class: "icon icon_prev" })), this.currentVariant === 'regular' && (h("ul", { key: 'bb4b578c6d1b86963d73673fb64fbe29cd7b935e', class: "list" }, this.visiblePagesWithDots.map((page) => (h("li", { class: { active: this.page === page } }, page === 'dots-start' ? (h("div", { class: "list_dots" }, h("xv-button-v2", { variant: "ghost", size: this.size, tabindex: -1 }, h("span", { slot: "icon-left", class: "list_dots__icon" }, "...")), h("select", { name: "start", onChange: this.handlePageSelectChange }, Array.from({ length: this.page - 3 }, (_, i) => (h("option", { value: i + 2 }, i + 2)))))) : page === 'dots-end' ? (h("div", { class: "list_dots" }, h("xv-button-v2", { variant: "ghost", size: this.size, tabindex: -1 }, h("span", { slot: "icon-left", class: "list_dots__icon" }, "...")), h("select", { name: "end", onChange: this.handlePageSelectChange }, Array.from({ length: this.total - (this.page + 2) }, (_, i) => (h("option", { value: i + this.page + 2 }, i + this.page + 2)))))) : (h("xv-button-v2", { variant: "ghost", size: this.size, disabled: this.page === page, onClick: () => this.handlePageChange(page) }, h("span", { class: "list_page", slot: "icon-left" }, page)))))))), h("xv-button-v2", { key: 'b5550040d2883244574704c643d3295760a2254f', variant: "ghost", size: this.size, onClick: () => this.handlePageChange(this.page + 1), disabled: this.page >= this.total }, h("span", { key: '351da7374e84c682e1b420a6ac97be5aacaacdee', slot: "icon-left", class: "icon icon_next" }))));
|
|
82868
82934
|
}
|
|
82869
82935
|
get el() { return getElement(this); }
|
|
82870
82936
|
};
|
|
@@ -82933,7 +82999,7 @@ const XvProgressIndicator = class {
|
|
|
82933
82999
|
this.updateChildItems();
|
|
82934
83000
|
}
|
|
82935
83001
|
render() {
|
|
82936
|
-
return (h(Host, { key: '
|
|
83002
|
+
return (h(Host, { key: '6e68433aeac02292b8b2530e462f0fd7422d6d9c', variant: this.variant, size: this.size, class: { 'xv-progress-indicator': true } }, h("slot", { key: '8d167acd9c1625edcfef332e52fa712efe633d1f' })));
|
|
82937
83003
|
}
|
|
82938
83004
|
get el() { return getElement(this); }
|
|
82939
83005
|
static get watchers() { return {
|
|
@@ -82952,7 +83018,7 @@ const XvProgressIndicatorItem = class {
|
|
|
82952
83018
|
this.status = PROGRESS_ITEM_STATUS.NO_STARTED;
|
|
82953
83019
|
}
|
|
82954
83020
|
render() {
|
|
82955
|
-
return (h(Host, { key: '
|
|
83021
|
+
return (h(Host, { key: '96cf1c73bb9e9bb7de64e0296b4f1f0f823bbc9a', status: this.status, class: { 'xv-progress-indicator-item': true } }, h("span", { key: 'ccd66f4f0698a4bdc15b550e9d2387aa8dfc87d3', class: "line" }), h("span", { key: '9e28dd04de9b5d4cb01fb99366534bb4f4d67ced', class: "icon" }, h("svg", { key: '24aefa5c8d3eb84cde70a9f5c034958a910a6b06', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512" }, 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" }))), h("p", { key: '1c895e0e104b485655424b262450ee9cf29cd463', class: "label" }, h("slot", { key: 'e5371b1ac5d5d2767ed8c99bb33869fc0c633582' }))));
|
|
82956
83022
|
}
|
|
82957
83023
|
get el() { return getElement(this); }
|
|
82958
83024
|
};
|
|
@@ -82985,12 +83051,12 @@ const XvRadio = class {
|
|
|
82985
83051
|
}
|
|
82986
83052
|
render() {
|
|
82987
83053
|
const message = resolveFieldMessage({ error: this.error, warning: this.warning, helper: this.helper });
|
|
82988
|
-
return (h("div", { key: '
|
|
83054
|
+
return (h("div", { key: '02166d375e7c99d2398d6a14fbbb60b90d380a16', class: {
|
|
82989
83055
|
'xv-radio': true,
|
|
82990
83056
|
'xv-radio--reverse': this.reverse,
|
|
82991
83057
|
'xv-radio--block': this.block,
|
|
82992
83058
|
[`xv-radio--size-${this.size}`]: !!this.size,
|
|
82993
|
-
} }, this.label && h("p", { key: '
|
|
83059
|
+
} }, this.label && h("p", { key: 'd1a81177fa3024d342450e855c14cc0388cc7553', class: "xv-radio_label" }, this.label), h("label", { key: 'c45ba9aa0cf98b07c21ccbfbd3bdbaaef8544f1e', class: { 'xv-radio_container': true, disabled: this.disabled } }, h("div", { key: '81319fc43d5686b741d3359b4728a7c16b24d2d3', class: { 'xv-radio_input': true, 'xv-radio_input--error': !!this.error || this.error === '' } }, 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 }), h("span", { key: 'f32467cb36574e039ad89f66f4174333217bb47a', class: "xv-radio_input__mark" })), h("span", { key: '337e7220454322ec79aa58de00848e1fb3ca77f3', class: "xv-radio_container__label" }, h("slot", { key: '7fdd83653d3659ac10c498968b4815dfda140dab' }))), message && (h("span", { key: 'a4865648d41a69b058de946543f7b3856befd3b1', class: `xv-radio_msg xv-radio_msg--${message.level}` }, message.level !== 'helper' && (h("span", { key: 'd9cf3829912a3773779d319762b51b3f2812da59', class: "xv-radio_msg__status", "aria-hidden": "true" }, message.level === 'error' ? '!' : '⚠')), message.text)), h("slot", { key: '405d8344959363a24a25a987cd751be924c634cf', name: "info" })));
|
|
82994
83060
|
}
|
|
82995
83061
|
connectedCallback() {
|
|
82996
83062
|
var _a;
|
|
@@ -83074,7 +83140,7 @@ const XvSlider = class {
|
|
|
83074
83140
|
this.setValue(this.min);
|
|
83075
83141
|
}
|
|
83076
83142
|
render() {
|
|
83077
|
-
return (h(Host, { key: '
|
|
83143
|
+
return (h(Host, { key: '253eea9c6c9162bf5b50a97d4af8810f8490f189', class: { disabled: this.disabled, readonly: this.readonly } }, this.label && h("label", { key: 'cec17ff25892a6399a8bf9c62c9b07d4cc7934d1', class: "label" }, this.label), h("div", { key: '5f33256b927b3ddd1db17a6606bcdff87c3e6ae5', class: "control" }, h("span", { key: '8bea46771e4996618bda44f21ce7e8aa3460a984', class: "control_label" }, this.min), 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%` } }), h("span", { key: '7dd182d973c64638339283309df6c41b541f45e2', class: "control_label" }, this.max), !this.notEditable && (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 })))));
|
|
83078
83144
|
}
|
|
83079
83145
|
static get formAssociated() { return true; }
|
|
83080
83146
|
};
|
|
@@ -83089,7 +83155,7 @@ const XvTab = class {
|
|
|
83089
83155
|
this.loading = false;
|
|
83090
83156
|
}
|
|
83091
83157
|
render() {
|
|
83092
|
-
return (h(Host, { key: '
|
|
83158
|
+
return (h(Host, { key: '76699ccd7d1e8af635c321550e6d6392e6e2c4b9', disabled: this.disabled, name: this.name }, this.loading ? h("xv-loader-v2", { size: SIZE_VAR.LG }) : h("slot", null)));
|
|
83093
83159
|
}
|
|
83094
83160
|
};
|
|
83095
83161
|
XvTab.style = xvTabCss();
|
|
@@ -83129,7 +83195,7 @@ const XvTable = class {
|
|
|
83129
83195
|
.join(' ') + ' repeat(auto-fit, minmax(0, 1fr))');
|
|
83130
83196
|
}
|
|
83131
83197
|
render() {
|
|
83132
|
-
return (h(Host, { key: '
|
|
83198
|
+
return (h(Host, { key: 'edf06e0e5b119011348c2feccdc819ac4155672e', class: { batchVisible: !!this.selectedCount } }, h("slot", { key: '2ac35c09a51202785ccfe1d67bff3582674a517a', name: "title" }, !!this.el.title && h("h2", { key: 'f424184d6d7037f106bfa3fd6ed83d8ed90257de', class: "xv-table-title" }, this.el.title)), h("slot", { key: '8f8e95a33a613daaad1b0ab5a6d718059e4a1385', name: "toolbar" }), h("div", { key: '497fad23df1d1617da4cb9af0aa6140a430faeb1', class: "xv-table" }, h("div", { key: 'e4d05316a9b85d7f79684c9f9b43827814755f15', class: "batch-actions" }, h(Fragment, { key: '8393b269acf1a15195d399499aa9e6c92c847d75' }, h("div", { key: 'e04878dc472d40100e58bbb8a846e065c03a82b9', class: "batch-actions_content" }, h("slot", { key: '4b5bffda977c50156e8328fcd7e6160b501dcf66', name: "batch" })), h("p", { key: '9415bf79595624335569a99e2a45b37cb7074ceb', class: "batch-actions_count" }, !!this.selectedCount && `${this.selectedCount} ${this.selectedCount === 1 ? 'Position ausgewählt' : 'Positionen ausgewählt'}`))), h("div", { key: '2dd990bd8155d14d5eae8fb4c86eb6c5bc937bf5', class: "xv-table_wrapper" }, h("slot", { key: 'ff18eaf2411ccf748bc7ab74a72bdd915eca220a' }), h("slot", { key: '93d390340a6d88c15af6989684cf4d5fa4b1d8a2', name: "footer" })), !!this.loading && (h("div", { key: '6506cd01da5cc91e907c3aca7233f0b138b341a1', class: "xv-table_loading" }, h("xv-loader-v2", { key: 'fe3a27780ea0d6d701c393fe5ee1c8d2cf3cf2ff', size: SIZE_VAR.LG }))))));
|
|
83133
83199
|
}
|
|
83134
83200
|
componentWillLoad() {
|
|
83135
83201
|
this.setColsSizeTemplate();
|
|
@@ -83170,7 +83236,7 @@ const XvTableCell = class {
|
|
|
83170
83236
|
}
|
|
83171
83237
|
;
|
|
83172
83238
|
render() {
|
|
83173
|
-
return (h(Host, { key: '
|
|
83239
|
+
return (h(Host, { key: 'bb86da283d1f6cf3b5155653e77b1d3d4ce0e369' }, h("slot", { key: '467a20aec32bc6edc93672ca27be92a06f701bf2' })));
|
|
83174
83240
|
}
|
|
83175
83241
|
get el() { return getElement(this); }
|
|
83176
83242
|
};
|
|
@@ -83191,7 +83257,7 @@ const XvTableExpand = class {
|
|
|
83191
83257
|
};
|
|
83192
83258
|
}
|
|
83193
83259
|
render() {
|
|
83194
|
-
return (h(Host, { key: '
|
|
83260
|
+
return (h(Host, { key: '473b4626a29270fa831996074fff843b7c9eddc5' }, h("button", { key: '4af26372a7115efe6b4735e2fd5e6a2a33fb969d', class: { 'expand-btn': true, open: this.open }, disabled: this.disabled, onClick: this.handleExpand }), h("slot", { key: '4d6e1bf46f257cc9fca0d9a9be2d8c171bc73378', name: XV_EXPANDABLE_KEY }), h("div", { key: 'fb5d07295e08c022aeb5f1fbd7fac4793e1d337a', class: { expandableContent: true, open: this.open } }, h("slot", { key: 'f236d82b58248c4289b327aa82b0487a1b12a714' }))));
|
|
83195
83261
|
}
|
|
83196
83262
|
componentDidLoad() {
|
|
83197
83263
|
setAttr(this.el.parentElement, XV_EXPANDABLE_KEY, true);
|
|
@@ -83246,7 +83312,7 @@ const XvTableRow = class {
|
|
|
83246
83312
|
}
|
|
83247
83313
|
}
|
|
83248
83314
|
render() {
|
|
83249
|
-
return (h(Host, { key: '
|
|
83315
|
+
return (h(Host, { key: '311a1b88a03de2e60f0dacfbddfee1966b759192' }, this.variant !== undefined && (h("xv-table-v2-cell", { key: '74aae5167235299e4d2eb3e38cf83435dfcb7d89', class: "cell-control" }, this.variant === 'checkbox' && (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' && (h("input", { key: '69517f260532878fed768cb5516720a065020a58', type: "radio", name: this.name, checked: this.checked || this.partial, disabled: this.disabled, required: this.required, readonly: this.readonly })))), h("slot", { key: 'ba7466543dfcf5891c2f937fdc4505e97e84f1a9' })));
|
|
83250
83316
|
}
|
|
83251
83317
|
componentWillLoad() {
|
|
83252
83318
|
this.setInitialAttrs();
|
|
@@ -83613,12 +83679,12 @@ const XvTagCombobox = class {
|
|
|
83613
83679
|
const ariaOwns = suggestionsVisible ? `${this.uid}-listbox` : undefined;
|
|
83614
83680
|
const activedesc = this.highlighted >= 0 ? this.optionId(this.highlighted) : undefined;
|
|
83615
83681
|
const message = resolveFieldMessage({ error: this.error, warning: this.warning, helper: this.helper });
|
|
83616
|
-
return (h(Host, { key: '
|
|
83682
|
+
return (h(Host, { key: 'e941872301b1952f26c4c5b90fa40f001574ec6a', class: "xv-combobox", part: "root", size: this.size }, this.label && h("label", { key: 'a4488e311b4aa48c5400a4c2d204cc18a632037f', class: "label" }, this.label), h("div", { key: 'b5915ce3fa303449bb9bc079cfff32750a6207ea', class: {
|
|
83617
83683
|
'control': true,
|
|
83618
83684
|
'control--disabled': this.disabled,
|
|
83619
83685
|
'control--error': !!this.error,
|
|
83620
83686
|
'control--readonly': !!this.readonly,
|
|
83621
|
-
}, onClick: () => this.blockClick() }, h("div", { key: '
|
|
83687
|
+
}, onClick: () => this.blockClick() }, h("div", { key: '47fbe13f27260fbdbc3e773cd55d04ce6ea9c136', class: "control-chips", role: "list" }, this.selected.map((s, i) => (h("xv-tag-v2", { role: "listitem", part: "chip", "data-value": s.value, size: this.COMPARE_TAG_SIZE[this.size], disabled: this.disabled, bg: (s === null || s === void 0 ? void 0 : s.bg) || 'var(--layer-accent-01, #F7F7F7)', color: (s === null || s === void 0 ? void 0 : s.color) || 'var(--text-primary, #333)', closeable: !this.readonly, onCloseClick: ({ detail }) => this.removeTag(i, detail) }, s.label))), h("input", { key: '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 && (h("span", { key: 'e4833d5d863c300232ad4a154bddbfad20ec6e4c', class: "control-loader", part: "loader", "aria-hidden": "true" }, h("xv-loader-v2", { key: 'c997216442aa4e60b132584242432c640ae93d21', size: "sm", variant: "horizontal" })))), message && (h("p", { key: '5e1dce2e193273c85e1ad8f7a3873d31733c22a4', class: { message: true, [message.level]: true } }, message.text)), suggestionsVisible && (h("ul", { key: 'cf5b6ef73f11d2c780271174989c6c6ef46ac699', id: `${this.uid}-listbox`, class: "suggestions", role: "listbox", part: "listbox" }, this.filtered.map((opt, idx) => (h("li", { id: this.optionId(idx), class: { 'suggestions-opt': true, 'suggestions-opt--highlight': idx === this.highlighted }, role: "option", "aria-selected": idx === this.highlighted, onMouseEnter: () => this.onOptionMouseEnter(idx), onMouseDown: (ev) => ev.preventDefault(), onClick: () => this.selectOption(opt) }, h("div", { class: "suggestions-opt-content" }, opt.bg ? h("span", { class: "suggestions-opt-content--color", style: { background: opt.bg } }) : null, h("span", { class: "suggestions-opt-content--label" }, this.highlightLabel(opt.label).map((seg, i) => typeof seg === 'string' ? h("span", { key: i }, seg) : h("strong", { key: i }, seg.match)))))))))));
|
|
83622
83688
|
}
|
|
83623
83689
|
get host() { return getElement(this); }
|
|
83624
83690
|
static get watchers() { return {
|
|
@@ -83650,7 +83716,7 @@ const XvTag = class {
|
|
|
83650
83716
|
this.closeClick.emit(e);
|
|
83651
83717
|
}
|
|
83652
83718
|
render() {
|
|
83653
|
-
return (h(Host, { key: '
|
|
83719
|
+
return (h(Host, { key: 'ed4d390c8ef169083ecffe24b2acb4ec67b5880e', style: { color: this.color, background: this.bg }, class: `xv-tag ${this.disabled ? 'disabled' : ''} ${this.size}` }, h("div", { key: 'bab5476c05c44123ef241dbd3accd8964dbebb52', class: "xv-tag_content", part: "details-content" }, h("slot", { key: 'f8c3f1370ce99ddea046d0c39bc00a5e068e047b' })), this.closeable && (h("button", { key: 'c9cc9c79e51528c004147db83bd421f5417b718f', onClick: this.closeHandler.bind(this), class: "xv-tag_close" }))));
|
|
83654
83720
|
}
|
|
83655
83721
|
};
|
|
83656
83722
|
XvTag.style = xvTagCss();
|
|
@@ -83690,13 +83756,13 @@ const XvTextInput = class {
|
|
|
83690
83756
|
}
|
|
83691
83757
|
render() {
|
|
83692
83758
|
const message = resolveFieldMessage({ error: this.error, warning: this.warning, helper: this.helper });
|
|
83693
|
-
return (h(Host, { key: '
|
|
83759
|
+
return (h(Host, { key: '79042d7211819be55a545c7aaf96b008af3b0266', class: { disabled: !!this.disabled } }, h("label", { key: 'c46f6ba70140cdcb97ae554c33a863ca65cf1cf5', class: "control" }, this.label && h("span", { key: '01f9cb555e6ec53e8e1b0af99b3a083706bcbda3', class: "control_label" }, this.label), h("div", { key: 'f1da6bfba9b1c52cce4895766c1676811753cb74', class: {
|
|
83694
83760
|
'control_input': true,
|
|
83695
83761
|
readonly: !!this.readonly,
|
|
83696
83762
|
[this.size]: true,
|
|
83697
83763
|
error: !!this.error,
|
|
83698
83764
|
warning: !!this.warning,
|
|
83699
|
-
} }, h("input", { key: '
|
|
83765
|
+
} }, 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 }), h("div", { key: 'b77c7f12f299082a2152a35cfeec3d62e84403b9', class: "control_input__icons" }, this.loading && h("xv-loader-v2", { key: '26b643e921c83f19119412b026901236d2649855', size: SIZE_VAR.XS }), this.clearable && this.value && !this.loading && !this.disabled && !this.readonly && (h("button", { key: 'b98166bd005da5b326f71e66ab9359d05295e9c4', type: "button", class: "status-icon clear", "aria-label": "Clear", onClick: this.handleClear }, "\u00D7")), !!this.error ? (h("span", { class: "status-icon error", "aria-hidden": "true" }, "!")) : !!this.warning ? (h("span", { class: "status-icon warning", "aria-hidden": "true" }, "\u26A0")) : null, this.type === 'password' && (h("button", { key: '9f175a3e5f68df8f6b5a2f96b42d47c2c5619ecc', onClick: this.togglePassword, disabled: this.disabled, class: "status-icon" }, h("svg", { key: '36c3df92e0eb7af38ac44f1f1f3dc041210631a0', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 640 512", width: 16, height: 16 }, this.isPasswordVisible ? (h("path", { fill: "currentColor", d: "M38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2S-1.2 34.7 9.2 42.9l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7L525.6 386.7c39.6-40.6 66.4-86.1 79.9-118.4c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C465.5 68.8 400.8 32 320 32c-68.2 0-125 26.3-169.3 60.8L38.8 5.1zm151 118.3C226 97.7 269.5 80 320 80c65.2 0 118.8 29.6 159.9 67.7C518.4 183.5 545 226 558.6 256c-12.6 28-36.6 66.8-70.9 100.9l-53.8-42.2c9.1-17.6 14.2-37.5 14.2-58.7c0-70.7-57.3-128-128-128c-32.2 0-61.7 11.9-84.2 31.5l-46.1-36.1zM394.9 284.2l-81.5-63.9c4.2-8.5 6.6-18.2 6.6-28.3c0-5.5-.7-10.9-2-16c.7 0 1.3 0 2 0c44.2 0 80 35.8 80 80c0 9.9-1.8 19.4-5.1 28.2zm9.4 130.3C378.8 425.4 350.7 432 320 432c-65.2 0-118.8-29.6-159.9-67.7C121.6 328.5 95 286 81.4 256c8.3-18.4 21.5-41.5 39.4-64.8L83.1 161.5C60.3 191.2 44 220.8 34.5 243.7c-3.3 7.9-3.3 16.7 0 24.6c14.9 35.7 46.2 87.7 93 131.1C174.5 443.2 239.2 480 320 480c47.8 0 89.9-12.9 126.2-32.5l-41.9-33zM192 256c0 70.7 57.3 128 128 128c13.3 0 26.1-2 38.2-5.8L302 334c-23.5-5.4-43.1-21.2-53.7-42.3l-56.1-44.2c-.2 2.8-.3 5.6-.3 8.5z" })) : (h("path", { fill: "currentColor", d: "M288 80c-65.2 0-118.8 29.6-159.9 67.7C89.6 183.5 63 226 49.4 256c13.6 30 40.2 72.5 78.6 108.3C169.2 402.4 222.8 432 288 432s118.8-29.6 159.9-67.7C486.4 328.5 513 286 526.6 256c-13.6-30-40.2-72.5-78.6-108.3C406.8 109.6 353.2 80 288 80zM95.4 112.6C142.5 68.8 207.2 32 288 32s145.5 36.8 192.6 80.6c46.8 43.5 78.1 95.4 93 131.1c3.3 7.9 3.3 16.7 0 24.6c-14.9 35.7-46.2 87.7-93 131.1C433.5 443.2 368.8 480 288 480s-145.5-36.8-192.6-80.6C48.6 356 17.3 304 2.5 268.3c-3.3-7.9-3.3-16.7 0-24.6C17.3 208 48.6 156 95.4 112.6zM288 336c44.2 0 80-35.8 80-80s-35.8-80-80-80c-.7 0-1.3 0-2 0c1.3 5.1 2 10.5 2 16c0 35.3-28.7 64-64 64c-5.5 0-10.9-.7-16-2c0 .7 0 1.3 0 2c0 44.2 35.8 80 80 80zm0-208a128 128 0 1 1 0 256 128 128 0 1 1 0-256z" })))))))), message && (h("p", { key: '8875f82c52418fafef874e0c349e84dd1b67bc54', class: { message: true, [message.level]: true } }, message.text))));
|
|
83700
83766
|
}
|
|
83701
83767
|
static get formAssociated() { return true; }
|
|
83702
83768
|
};
|
|
@@ -83734,12 +83800,12 @@ const XvTextarea = class {
|
|
|
83734
83800
|
}
|
|
83735
83801
|
render() {
|
|
83736
83802
|
const message = resolveFieldMessage({ error: this.error, warning: this.warning, helper: this.helper });
|
|
83737
|
-
return (h(Host, { key: '
|
|
83803
|
+
return (h(Host, { key: '8e7b82b83f6145642480920bf9849742b5c4a67e', class: { disabled: !!this.disabled } }, h("label", { key: '59a74cb4d45e0d4b70181f3faf0a8dad9a81d614', class: "control" }, (this.label || this.max) && (h("p", { key: '8d4878a86e033cf33fb2d3444f6b3ffa36899d37', class: "control_label" }, h("span", { key: '306c34b609570b9e75f9324e3544a2a109b8f98d' }, this.label, this.info && h("xv-tooltip-v2", { key: 'd28af7a413eb42a50e1ace227c82bbcd2b025438', message: this.info })), this.max !== undefined && !this.counterHide && (h("span", { key: '52576a05c421328cdad75ff9c3d4088097f4922a', class: "control_label__count" }, this.value.length || 0, "/", this.max)))), h("div", { key: '4f97adacb8d95702abb772de002f03bed03fb16e', class: {
|
|
83738
83804
|
'control_input': true,
|
|
83739
83805
|
readonly: !!this.readonly,
|
|
83740
83806
|
error: !!this.error,
|
|
83741
83807
|
warning: this.warning !== undefined,
|
|
83742
|
-
} }, h("textarea", { key: '
|
|
83808
|
+
} }, 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 }), h("div", { key: '3b70c503fee52d6656e0c09deb1240a16ba0c901', class: "control_input__icons" }, this._renderIcon()))), message && (h("p", { key: 'e2868393a6c884f5c7aab30a6e4fd4497b8307d0', class: { message: true, [message.level]: true } }, message.text))));
|
|
83743
83809
|
}
|
|
83744
83810
|
_renderIcon() {
|
|
83745
83811
|
if (this.loading)
|
|
@@ -83790,7 +83856,7 @@ const XvTile = class {
|
|
|
83790
83856
|
this.checked = !this.checked;
|
|
83791
83857
|
}
|
|
83792
83858
|
render() {
|
|
83793
|
-
return (h(Host, { key: '
|
|
83859
|
+
return (h(Host, { key: 'aaeeccf8990e5e2ce7d3a261291d2908745f1e74', class: "xv-tile--host" }, h("label", { key: 'acf77670a01d9872a7224064527b79b4194307bc', class: {
|
|
83794
83860
|
[this.el.className]: !!this.el.className,
|
|
83795
83861
|
'xv-tile': true,
|
|
83796
83862
|
[`xv-tile--variant-${this.variant}`]: !!this.variant,
|
|
@@ -83798,7 +83864,7 @@ const XvTile = class {
|
|
|
83798
83864
|
'xv-tile--disabled': !!this.disabled,
|
|
83799
83865
|
'selected': !!this.checked,
|
|
83800
83866
|
'xv-tile--error': !!this.error,
|
|
83801
|
-
} }, h("div", { key: '
|
|
83867
|
+
} }, h("div", { key: 'e57313a08c5135152c9ba367a0b360a6a9333c63', class: "xv-tile_content" }, this.label && h("p", { key: 'e0182093f55e60bb9eb8bc759c3816f9ac201a6a', class: "xv-tile_content__title" }, this.label), h("slot", { key: '3d507a7bd6f7816079d873801ddb72f8f2ede9b6' })), this.variant === 'selectable' && (h("div", { key: '96892981b579f5ddb21d2d897f037abd17102ba7', class: "xv-tile_control" }, this.multiple ? (h("input", { type: "checkbox", disabled: this.disabled || this.readonly, readonly: this.readonly, onChange: this.handleChange, name: this.name, value: this.value, checked: this.checked })) : (h("input", { type: "radio", disabled: this.disabled || this.readonly, readonly: this.readonly, onChange: this.handleChange, name: this.name, value: this.value, checked: this.checked })))), (this.variant === 'clickable' || this.variant === 'expandable') && (h("div", { key: 'ec5750ee2a4f6898393b3cc3ddc3aef989208456', class: "xv-tile_footer" }, h("button", { key: '031964c0d328d89f70df52a2723a295a2fa409d2', class: { 'xv-tile_footer__icon': true, [`icon--${this.variant}`]: true, open: this.checked } }))), h("div", { key: '31efefae6b9fad590ce1e1145dd16be6def61f02', class: { 'xv-tile_expandable': true, open: this.checked } }, h("slot", { key: '59dc3a92d9ea4158d9edba752cb7e8846c068c20', name: "expandable" })))));
|
|
83802
83868
|
}
|
|
83803
83869
|
get el() { return getElement(this); }
|
|
83804
83870
|
};
|
|
@@ -83830,7 +83896,7 @@ const XvToggle = class {
|
|
|
83830
83896
|
};
|
|
83831
83897
|
}
|
|
83832
83898
|
render() {
|
|
83833
|
-
return (h(Host, { key: '
|
|
83899
|
+
return (h(Host, { key: '19a5cfc45aa468c93b6b0dc3d61d5dbc69a02e28', class: { 'xv-toggle': true, disabled: this.disabled, readonly: !!this.readonly, block: !!this.block } }, this.label && h("span", { key: '07e87a9fa4a5cc82e35c9a4860fa5bf2f08aa14b', class: "label" }, this.label), h("label", { key: '0f023f5e6ab44023441c09d07e098ac633b64863', class: "control" }, h("slot", { key: '9557fa03fa243f56ad8725521064a09d1b40f186', name: "before" }), h("div", { key: '550587838ab46027f1b5b371ab84653e751c593d', class: "control_input" }, 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 }), h("span", { key: 'fbafd5d851099473ec795541c5ff8b59ca26e327', class: "toggle" })), h("slot", { key: '08948e6980e8b7bd8146f39d28af5832ace11d49', name: "after" }))));
|
|
83834
83900
|
}
|
|
83835
83901
|
static get formAssociated() { return true; }
|
|
83836
83902
|
};
|
|
@@ -83907,7 +83973,7 @@ const XvToggleTip = class {
|
|
|
83907
83973
|
}
|
|
83908
83974
|
;
|
|
83909
83975
|
render() {
|
|
83910
|
-
return (h(Host, { key: '
|
|
83976
|
+
return (h(Host, { key: '19f3956d61f53cfd4974ebf74eca2e59eda96bbe', class: "xv-toggle-tip" }, 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) }, h("slot", { key: 'bf9322a2c89c2ab8af45a34c1fa8062d6b0d9c85', name: "trigger" }, h("svg", { key: '49d5177854b74ac8701477ba6b5cf43b3ca10ca0', class: "trigger_icon", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: 16, height: 16 }, 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" })))), h("div", { key: '21c766a13e4ebfbfc8e5a4d37466a661730c50ac', class: { popover: true, autoSize: !!this.autoSize }, role: "tooltip", tabindex: "-1", ref: (el) => (this.popoverEl = el) }, h("div", { key: 'c1dd6ee875cb9f68068c6067271fd9204b1f76c2', class: "popover-tip", part: "tip", "data-popper-arrow": "" }), h("div", { key: '1905eb38b9199c84a4c145a80c3957f1d76a18ed', class: "popover-content" }, h("slot", { key: '6ca62c2347633dd9411feefa36f33147e6eed69b', name: "header" }), h("slot", { key: 'e41510dd45b200b138d324bfb26a7bd6f8a8a667', name: "body" }), h("slot", { key: '20e4af025e79a515724379e9be82ed703cb57e2b', name: "footer" })))));
|
|
83911
83977
|
}
|
|
83912
83978
|
disconnectedCallback() {
|
|
83913
83979
|
this.destroyPopper();
|
|
@@ -83962,11 +84028,11 @@ const XvTooltip = class {
|
|
|
83962
84028
|
this.destroyTooltip();
|
|
83963
84029
|
}
|
|
83964
84030
|
render() {
|
|
83965
|
-
return (h(Host, { key: '
|
|
84031
|
+
return (h(Host, { key: 'dd4bb9b3cba5a7d8a0a326ec58455743025eecb6', role: "tooltip", class: {
|
|
83966
84032
|
'xv-tooltip-wrapper': true,
|
|
83967
84033
|
[`xv-tooltip-wrapper__block`]: !!this.block,
|
|
83968
84034
|
[`xv-tooltip-wrapper__dashed`]: !!this.dashed,
|
|
83969
|
-
} }, h("slot", { key: '
|
|
84035
|
+
} }, h("slot", { key: '6fb648c67f6451eafe33a2b6ea7e91f256f1353b' }, h("svg", { key: '130f9a4f275c8562d3c192acd0e608be68620c6d', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: 16, height: 16 }, 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" })))));
|
|
83970
84036
|
}
|
|
83971
84037
|
get el() { return getElement(this); }
|
|
83972
84038
|
};
|