xv-webcomponents 0.1.41 → 0.1.42
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_33.cjs.entry.js → xv-accordion-v2_34.cjs.entry.js} +142 -43
- package/dist/cjs/xv-accordion-v2_34.cjs.entry.js.map +1 -0
- package/dist/cjs/xv-webcomponents.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/xv-data-table/_vars.js +3 -0
- package/dist/collection/components/xv-data-table/_vars.js.map +1 -0
- package/dist/collection/components/xv-data-table/xv-data-table-cell/xv-data-table-cell.css +61 -1
- package/dist/collection/components/xv-data-table/xv-data-table-cell/xv-data-table-cell.js +104 -2
- package/dist/collection/components/xv-data-table/xv-data-table-cell/xv-data-table-cell.js.map +1 -1
- package/dist/collection/components/xv-data-table/xv-data-table-collapse/xv-data-table-collapse.css +7 -0
- package/dist/collection/components/xv-data-table/xv-data-table-collapse/xv-data-table-collapse.js +101 -0
- package/dist/collection/components/xv-data-table/xv-data-table-collapse/xv-data-table-collapse.js.map +1 -0
- package/dist/collection/components/xv-data-table/xv-data-table-row/xv-data-table-row.css +67 -0
- package/dist/collection/components/xv-data-table/xv-data-table-row/xv-data-table-row.js +313 -1
- package/dist/collection/components/xv-data-table/xv-data-table-row/xv-data-table-row.js.map +1 -1
- package/dist/collection/components/xv-data-table/xv-data-table.css +67 -14
- package/dist/collection/components/xv-data-table/xv-data-table.js +19 -35
- package/dist/collection/components/xv-data-table/xv-data-table.js.map +1 -1
- package/dist/collection/components/xv-dropdown/xv-dropdown-item/xv-dropdown-item.js +1 -1
- package/dist/collection/components/xv-dropdown/xv-dropdown.js +1 -1
- package/dist/collection/components/xv-file-uploader/xv-file-uploader.js +2 -2
- package/dist/collection/components/xv-footer/xv-footer.js +1 -1
- package/dist/collection/components/xv-header/xv-header.js +1 -1
- package/dist/collection/components/xv-link/xv-link.css +1 -0
- package/dist/collection/components/xv-link/xv-link.js +1 -1
- 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-overflow-menu/xv-overflow-menu-item/xv-overflow-menu-item.js +1 -1
- package/dist/collection/components/xv-overflow-menu/xv-overflow-menu.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-table/_vars.js +0 -6
- package/dist/collection/components/xv-table/_vars.js.map +1 -1
- package/dist/collection/components/xv-table/xv-table-cell/xv-table-cell.js +4 -4
- package/dist/collection/components/xv-table/xv-table-cell/xv-table-cell.js.map +1 -1
- package/dist/collection/components/xv-table/xv-table-expand/xv-table-expand.js +1 -1
- package/dist/collection/components/xv-table/xv-table-row/xv-table-row.js +1 -1
- package/dist/collection/components/xv-table/xv-table.js +1 -1
- package/dist/collection/components/xv-tabs/xv-tab/xv-tab.js +1 -1
- package/dist/collection/components/xv-tag/xv-tag.js +1 -1
- package/dist/collection/components/xv-text-input/xv-text-input.js +2 -2
- package/dist/collection/components/xv-toggle-tip/xv-toggle-tip.js +1 -1
- package/dist/collection/components/xv-tooltip/xv-tooltip.js +1 -1
- package/dist/collection/types/enum.js +6 -0
- package/dist/collection/types/enum.js.map +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{xv-accordion-v2_33.entry.js → xv-accordion-v2_34.entry.js} +142 -44
- package/dist/esm/xv-accordion-v2_34.entry.js.map +1 -0
- package/dist/esm/xv-webcomponents.js +1 -1
- package/dist/types/components/xv-data-table/_vars.d.ts +11 -0
- package/dist/types/components/xv-data-table/xv-data-table-cell/xv-data-table-cell.d.ts +7 -0
- package/dist/types/components/xv-data-table/xv-data-table-collapse/xv-data-table-collapse.d.ts +9 -0
- package/dist/types/components/xv-data-table/xv-data-table-row/xv-data-table-row.d.ts +21 -0
- package/dist/types/components/xv-data-table/xv-data-table.d.ts +2 -2
- package/dist/types/components/xv-table/_vars.d.ts +1 -5
- package/dist/types/components/xv-table/xv-table-cell/xv-table-cell.d.ts +2 -1
- package/dist/types/components.d.ts +160 -8
- package/dist/types/types/enum.d.ts +5 -0
- package/dist/xv-webcomponents/p-9c06f44c.entry.js +2 -0
- package/dist/xv-webcomponents/p-9c06f44c.entry.js.map +1 -0
- package/dist/xv-webcomponents/xv-webcomponents.esm.js +1 -1
- package/package.json +1 -1
- package/dist/cjs/xv-accordion-v2_33.cjs.entry.js.map +0 -1
- package/dist/esm/xv-accordion-v2_33.entry.js.map +0 -1
- package/dist/xv-webcomponents/p-ec72208c.entry.js +0 -2
- package/dist/xv-webcomponents/p-ec72208c.entry.js.map +0 -1
|
@@ -75,6 +75,12 @@ var SIZE_VAR;
|
|
|
75
75
|
SIZE_VAR["LG"] = "lg";
|
|
76
76
|
SIZE_VAR["XL"] = "xl";
|
|
77
77
|
})(SIZE_VAR || (SIZE_VAR = {}));
|
|
78
|
+
var XV_SORT_DIR;
|
|
79
|
+
(function (XV_SORT_DIR) {
|
|
80
|
+
XV_SORT_DIR["ASC"] = "asc";
|
|
81
|
+
XV_SORT_DIR["DESC"] = "desc";
|
|
82
|
+
XV_SORT_DIR["NONE"] = "none";
|
|
83
|
+
})(XV_SORT_DIR || (XV_SORT_DIR = {}));
|
|
78
84
|
|
|
79
85
|
const xvButtonV2Css = ":host{display:inline-block}:host([block]){display:block;width:100%}.xv-button{all:unset;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:3px;font-size:var(--fz-md);font-family:var(--ff-body, Tahoma);font-style:normal;font-weight:700;line-height:128.571%;letter-spacing:0.16px;cursor:pointer;position:relative;transition:background 0.2s, color 0.2s, border-color 0.2s;user-select:none;width:100%}.xv-button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.xv-button--xs{--xv-button-icon-size:16px;padding:var(--spacing-02);height:var(--xv-button-icon-size)}.xv-button--sm{--xv-button-icon-size:32px;padding:var(--spacing-03);height:var(--xv-button-icon-size)}.xv-button--md{--xv-button-icon-size:40px;padding:var(--spacing-04);height:var(--xv-button-icon-size)}.xv-button--lg{--xv-button-icon-size:48px;padding:var(--spacing-05);height:var(--xv-button-icon-size)}.xv-button--xl{--xv-button-icon-size:60px;font-size:1.1em;padding:var(--spacing-06);height:auto}.xv-button--primary{background-color:var(--button-primary);color:var(--text-on-color)}.xv-button--primary:hover{background-color:var(--button-primary-hover)}.xv-button--primary:active{background-color:var(--button-primary-active)}.xv-button--accent{background-color:var(--button-accent);color:var(--text-on-color)}.xv-button--accent:hover{background-color:var(--button-accent-hover)}.xv-button--accent:active{background-color:var(--button-accent-active)}.xv-button--secondary{background-color:var(--button-secondary);border:1px solid var(--border-subtle-01)}.xv-button--secondary:hover{background-color:var(--button-secondary-hover)}.xv-button--secondary:active{background-color:var(--button-secondary-active)}.xv-button--danger{background:var(--support-error);color:white}.xv-button--danger:hover{background-color:#ba1b23}.xv-button--danger:active{background-color:#750e13}.xv-button--danger:disabled{background-color:var(--button-disabled);border-color:transparent;color:var(--text-on-color-disabled, #8B8B8B)}.xv-button--tertiary{background-color:transparent;border:1px solid var(--button-tertiary)}.xv-button--tertiary:hover{background-color:var(--button-tertiary-hover)}.xv-button--tertiary:active{background-color:var(--button-tertiary-active)}.xv-button--tertiary:disabled{color:var(--text-disabled);border-color:var(--button-disabled, #D1D1D1);background-color:transparent}.xv-button--ghost{background-color:transparent;color:var(--text-primary)}.xv-button--ghost:hover{background-color:transparent}.xv-button--ghost:active{background-color:rgba(139, 139, 139, 0.5)}.xv-button--ghost:disabled{color:var(--text-disabled);border-color:transparent;background-color:transparent}.xv-button--primary:disabled,.xv-button--accent:disabled,.xv-button--secondary:disabled,.xv-button--danger:disabled{border-color:var(--border-subtle-01, #D1D1D1);background-color:var(--button-disabled, #D1D1D1);color:var(--text-on-color-disabled, #8B8B8B)}.xv-button--disabled{cursor:not-allowed}.xv-button--loading{pointer-events:none;opacity:0.8}.xv-button__label{display:inline-flex;align-items:center}.xv-button__loader{position:absolute;left:50%;transform:translateX(-50%)}.xv-button__icon{display:inline-flex;align-items:center}.xv-button--icon-left .xv-button__icon--left{margin-inline-end:var(--spacing-05)}.xv-button--icon-right .xv-button__icon--right{margin-inline-start:var(--spacing-05)}.xv-button--icon-only{padding:0;width:var(--xv-button-icon-size, 40px);height:var(--xv-button-icon-size, 40px);justify-content:center}.xv-button--icon-only .xv-button__icon{margin:0}";
|
|
80
86
|
|
|
@@ -258,41 +264,139 @@ const XvCheckbox = class {
|
|
|
258
264
|
};
|
|
259
265
|
XvCheckbox.style = xvCheckboxCss;
|
|
260
266
|
|
|
261
|
-
const xvDataTableCss = ":host{--xv-data-table-border-width:1px;--xv-data-table-border-color:var(--border-subtle-01);--xv-data-table-padding-x:var(--spacing-05);--xv-data-table-padding-y:var(--spacing-05);--xv-data-table-row-bg:transparent;
|
|
267
|
+
const xvDataTableCss = ":host{--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: 980px){: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:1000px}}:host .bar{position:sticky;left:0}: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\") !important;font-size:var(--fz-xl, 21px) !important;text-align:left;font-style:normal !important;font-weight:400 !important;line-height:normal !important;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([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)}";
|
|
262
268
|
|
|
263
269
|
const XvDataTable = class {
|
|
264
270
|
constructor(hostRef) {
|
|
265
271
|
index.registerInstance(this, hostRef);
|
|
266
272
|
this.size = SIZE_VAR.MD;
|
|
267
273
|
this.columnWidths = [];
|
|
274
|
+
this.hover = false;
|
|
268
275
|
}
|
|
269
276
|
render() {
|
|
270
|
-
return (index.h(index.Host, { key: '
|
|
277
|
+
return (index.h(index.Host, { key: '207324db4e9adea03e0137788fa43f8e9a7eb677', class: "xv-data-table" }, index.h("caption", { key: 'f5925136510194c00db68b12ef921f6e68b56904' }, index.h("slot", { key: 'b0b40ae6031c154f75f84587c4fa54f2c86fb011', name: "title" })), index.h("div", { key: '69121d921fcdc8f1c82e44d7eede6cdcab9e22d4', class: "bar" }, index.h("div", { key: '6b3db04362ba12983581946f00a66738dee3c2da', class: "bar_batch" }, index.h("slot", { key: 'caac537802365f29fefb13ac7f2c3060849ac47e', name: "batch" })), index.h("div", { key: 'b918df57e54dca14d66dd8a14994ceab12ff7ad2', class: "bar_toolbar" }, index.h("slot", { key: 'a567d9d6258abf3b3ed888e5ecee3817962949f6', name: "toolbar" }))), index.h("table", { key: 'fd0e463d79710b09db9a6e5655279d6c6591ed2e', role: "table" }, this.columnWidths.length > 0 && (index.h("colgroup", { key: '05aa18155327d5ecb1c62081dc081efb1f3b8db3' }, this.columnWidths.map((width = 'auto') => index.h("col", { style: { width } })))), index.h("slot", { key: 'f95cdd075cad05b53bf8e3cef85eccd908c1191f' }))));
|
|
271
278
|
}
|
|
279
|
+
get el() { return index.getElement(this); }
|
|
272
280
|
};
|
|
273
281
|
XvDataTable.style = xvDataTableCss;
|
|
274
282
|
|
|
275
|
-
const xvDataTableCellCss = "
|
|
283
|
+
const xvDataTableCellCss = "@charset \"UTF-8\";:host{display:table-cell;border-style:solid;border-left-width:0;border-right-width:0;border-top-width:var(--xv-data-table-border-width, 0);border-bottom-width:var(--xv-data-table-border-width, 0);border-color:var(--xv-data-table-border-color, transparent);padding-inline:var(--xv-data-table-padding-x, 0);padding-block:var(--xv-data-table-padding-y, 0);vertical-align:middle;word-break:break-all;font-style:normal;font-weight:400}:host .line-clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}:host(:not(.multiline)){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host(:not(.multiline)) ::slotted(*){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host([sort]){position:relative;cursor:pointer;user-select:none}:host([sort]):before,:host([sort]):after{font-size:12px;line-height:10px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;right:8px;pointer-events:none;transition:350ms ease-in-out opacity;opacity:0}:host([sort]):before{content:\"▲\";top:50%;transform:translateY(calc(-50% - 5px))}:host([sort])::after{content:\"▼\";top:50%;transform:translateY(calc(-50% + 5px))}:host([sort]:hover){background-color:var(--layer-accent-hover-01, #E3E3E3)}:host([sort]:hover)::before,:host([sort]:hover)::after{opacity:1}:host([sort=asc]){background-color:var(--layer-accent-active-01, #D1D1D1)}:host([sort=asc])::before{opacity:1}:host([sort=asc])::after{display:none}:host([sort=desc]){background-color:var(--layer-accent-active-01, #D1D1D1)}:host([sort=desc])::before{display:none}:host([sort=desc])::after{opacity:1}";
|
|
276
284
|
|
|
277
285
|
const XvDataTableCell = class {
|
|
278
286
|
constructor(hostRef) {
|
|
279
287
|
index.registerInstance(this, hostRef);
|
|
288
|
+
this.sortChange = index.createEvent(this, "sortChange");
|
|
289
|
+
}
|
|
290
|
+
handleSort() {
|
|
291
|
+
if (this.sort === undefined)
|
|
292
|
+
return;
|
|
293
|
+
let sort = this.sort;
|
|
294
|
+
if (this.sort === '')
|
|
295
|
+
sort = XV_SORT_DIR.NONE;
|
|
296
|
+
this.sort = sort === XV_SORT_DIR.NONE ?
|
|
297
|
+
XV_SORT_DIR.ASC : sort === XV_SORT_DIR.ASC ?
|
|
298
|
+
XV_SORT_DIR.DESC : XV_SORT_DIR.NONE;
|
|
299
|
+
index$1.forEach(this.el.parentElement.children, (cell) => {
|
|
300
|
+
if (cell !== this.el && cell.hasAttribute('sort')) {
|
|
301
|
+
cell.setAttribute('sort', 'none');
|
|
302
|
+
}
|
|
303
|
+
});
|
|
304
|
+
if (!this.name)
|
|
305
|
+
this.name = index$1.uidGenerator();
|
|
306
|
+
this.sortChange.emit(this.sort);
|
|
280
307
|
}
|
|
308
|
+
;
|
|
281
309
|
render() {
|
|
282
|
-
return (index.h(index.Host, { key: '
|
|
310
|
+
return (index.h(index.Host, { key: 'bfc254739fa56d47210d43d134ba6c3534c5e567', role: "cell", style: { width: this.width }, class: {
|
|
311
|
+
multiline: this.multiline !== undefined,
|
|
312
|
+
[`align--${this.align}`]: !!this.align
|
|
313
|
+
} }, !this.multiline || isNaN(this.multiline) ? index.h("slot", null) : (index.h("div", { class: "line-clamp", style: { ['-webkit-line-clamp']: `${this.multiline}` } }, index.h("slot", null)))));
|
|
283
314
|
}
|
|
315
|
+
get el() { return index.getElement(this); }
|
|
284
316
|
};
|
|
285
317
|
XvDataTableCell.style = xvDataTableCellCss;
|
|
286
318
|
|
|
287
|
-
const
|
|
319
|
+
const XV_DATA_TABLE_TAG = 'xv-data-table';
|
|
320
|
+
const XV_DATA_TABLE_ROW_TAG = 'xv-data-table-row';
|
|
321
|
+
|
|
322
|
+
const xvDataTableCollapseCss = ":host([collapsed]){display:none}:host([expanded]){display:contents}";
|
|
323
|
+
|
|
324
|
+
const XvDataTableCollapse = class {
|
|
325
|
+
constructor(hostRef) {
|
|
326
|
+
index.registerInstance(this, hostRef);
|
|
327
|
+
this.collapsedChange = index.createEvent(this, "collapsedChange");
|
|
328
|
+
this.collapsed = false;
|
|
329
|
+
}
|
|
330
|
+
async setCollapsed(collapsed) {
|
|
331
|
+
this.collapsed = collapsed;
|
|
332
|
+
this.collapsedChange.emit(this.collapsed);
|
|
333
|
+
return this.collapsed;
|
|
334
|
+
}
|
|
335
|
+
componentWillLoad() {
|
|
336
|
+
const table = this.el.closest(XV_DATA_TABLE_TAG);
|
|
337
|
+
const rows = table.querySelectorAll(XV_DATA_TABLE_ROW_TAG);
|
|
338
|
+
rows.forEach((row) => row === null || row === void 0 ? void 0 : row.setAttribute('collapsable', ''));
|
|
339
|
+
}
|
|
340
|
+
render() {
|
|
341
|
+
return (index.h(index.Host, { key: '7704e9d073c449d3efd35bada4f632129378308e', id: this.el.id, part: "xv-collapse", class: this.el.className, collapsed: this.collapsed, expanded: !this.collapsed }, index.h("slot", { key: 'a9684bbe4c0bf29fdf12c81344236d1b38865fd3' })));
|
|
342
|
+
}
|
|
343
|
+
get el() { return index.getElement(this); }
|
|
344
|
+
};
|
|
345
|
+
XvDataTableCollapse.style = xvDataTableCollapseCss;
|
|
346
|
+
|
|
347
|
+
const xvDataTableRowCss = ":host{display:table-row;background-color:var(--xv-data-table-row-bg, transparent);transition:0.2s ease-in-out background-color}:host .cell-control{font-size:8px;max-width:16px;position:relative;padding-left:calc(var(--xv-data-table-padding-x) + var(--xv-data-table-padding-x) + 10px + 1em);overflow:visible}:host .cell-control_collapse{font-size:inherit;width:1em;height:1em;margin:0;padding:0;position:absolute;overflow:visible;background-color:transparent;outline:none;top:calc(50% - 0.7em);left:var(--xv-data-table-padding-x);display:inline-flex;border-top:none;border-left:none;border-right:2px solid var(--icon-primary, #333);border-bottom:2px solid var(--icon-primary, #333);transform:rotate(45deg);transform-origin:center center;transition:0.2s ease-in-out transform, 0.2s ease-in-out opacity;cursor:pointer;box-sizing:content-box}:host .cell-control_collapse:active{opacity:0.4}:host .cell-control_collapse.open{transform:rotate(-135deg)}:host .cell-control_checkbox{display:flex}:host(.hover:not([header]):hover){background-color:var(--layer-hover-01, #E9E9E9)}:host([header]){background-color:var(--layer-accent-01, #F7F7F7)}:host(.checked){background-color:var(--layer-selected-01, #E3E3E3)}:host(.hover.checked:hover){background-color:var(--layer-selected-hover-01, #DADADA)}:host([footer]),:host([footer]:hover),:host([footer].hover),:host([footer].hover:hover){background-color:var(--layer-accent-02, #E3E3E3)}:host([disabled]){opacity:0.5}";
|
|
288
348
|
|
|
289
349
|
const XvDataTableRow = class {
|
|
290
350
|
constructor(hostRef) {
|
|
291
351
|
index.registerInstance(this, hostRef);
|
|
352
|
+
this.check = index.createEvent(this, "check");
|
|
353
|
+
this.checked = false;
|
|
354
|
+
this.partial = false;
|
|
355
|
+
this.hover = false;
|
|
356
|
+
this.header = false;
|
|
357
|
+
this.footer = false;
|
|
358
|
+
this.disabled = false;
|
|
359
|
+
this.readonly = false;
|
|
360
|
+
this.required = false;
|
|
361
|
+
this.collapsed = false;
|
|
362
|
+
this.collapseClick = async () => {
|
|
363
|
+
var _a;
|
|
364
|
+
if (!this.collapse || !this.collapseEl)
|
|
365
|
+
return;
|
|
366
|
+
this.collapsed = !this.collapsed;
|
|
367
|
+
await ((_a = this.collapseEl) === null || _a === void 0 ? void 0 : _a.setCollapsed(this.collapsed));
|
|
368
|
+
};
|
|
369
|
+
this.setInitialState = () => {
|
|
370
|
+
var _a;
|
|
371
|
+
if (this.collapse && !this.collapseEl) {
|
|
372
|
+
this.collapseEl = this.el.parentElement.querySelector(`xv-data-table-collapse${this.collapse}`);
|
|
373
|
+
this.collapsed = (_a = this.collapseEl) === null || _a === void 0 ? void 0 : _a.hasAttribute('collapsed');
|
|
374
|
+
}
|
|
375
|
+
if (!this.hover) {
|
|
376
|
+
const table = this.el.closest(XV_DATA_TABLE_TAG);
|
|
377
|
+
this.hover = table.hasAttribute('hover');
|
|
378
|
+
}
|
|
379
|
+
};
|
|
380
|
+
this.checkedChangeHandle = ({ detail: checked }) => {
|
|
381
|
+
if (!checked && this.partial)
|
|
382
|
+
this.partial = checked;
|
|
383
|
+
if (!this.name)
|
|
384
|
+
this.name = index$1.uidGenerator();
|
|
385
|
+
this.check.emit({
|
|
386
|
+
checked,
|
|
387
|
+
name: this.name,
|
|
388
|
+
value: this.value,
|
|
389
|
+
partial: this.partial,
|
|
390
|
+
header: this.header,
|
|
391
|
+
footer: this.footer,
|
|
392
|
+
expandable: !!this.collapseEl,
|
|
393
|
+
});
|
|
394
|
+
};
|
|
292
395
|
}
|
|
293
396
|
render() {
|
|
294
|
-
return (index.h(index.Host, { key: '
|
|
397
|
+
return (index.h(index.Host, { key: '4e452026f2b03d8d54811cb1de7342bc0a4d38b1', role: "row", part: "xv-row", class: { checked: this.checked, hover: this.hover } }, (!!this.variant || this.collapsable) && (index.h("xv-data-table-cell", { key: '28d1bb41ac6c4de32701315e1a201892041d4b42', width: !!this.variant ? '16px' : '0', class: "cell-control" }, !!this.collapse && (index.h("button", { key: 'b7d4c5d1e8121ce9797ca292d7367df734b356fe', class: { 'cell-control_collapse': true, open: !this.collapsed }, onClick: this.collapseClick })), this.variant === 'checkbox' && (index.h("xv-checkbox-v2", { key: '6095d07a8626988bb863317284fb3ebd137ef58a', name: this.name, partial: this.partial, checked: this.checked || this.partial, disabled: this.disabled, readonly: this.readonly, required: this.required, onEventChange: this.checkedChangeHandle, class: "cell-control_checkbox" })))), index.h("slot", { key: '0ae007a4595a3cc854246c2e46d058df0f596b17', onSlotchange: this.setInitialState })));
|
|
295
398
|
}
|
|
399
|
+
get el() { return index.getElement(this); }
|
|
296
400
|
};
|
|
297
401
|
XvDataTableRow.style = xvDataTableRowCss;
|
|
298
402
|
|
|
@@ -394,7 +498,7 @@ const XvDropdown = class {
|
|
|
394
498
|
this.changeSelection.emit(this.setSelected(this.selectedMap, optionElements));
|
|
395
499
|
}
|
|
396
500
|
render() {
|
|
397
|
-
return (index.h(index.Host, { key: '
|
|
501
|
+
return (index.h(index.Host, { key: '556a488d40dfcf1510f183fefbbf9d9bd1d0be80', class: "xv-dropdown", role: "combobox", size: this.size, open: this.open, error: this.error, disabled: this.disabled, tabindex: this.disabled ? -1 : false }, index.h("label", { key: '54550cb9b8a26cc4df4a55abc677bd3f5bb9730d', class: "label" }, index.h("slot", { key: '46270d1b0e6b5ee26a07aeaf318617c73e82cfdb', name: "label" }, this.label), this.info && index.h("xv-tooltip-v2", { key: 'f3b7c09e3346dbaeb0fd720e20e4bbcd58bde7eb', class: "label_info", message: this.info })), index.h("div", { key: '4b4a2794ba78378cd89b3b2ad67bc66edbf4c52f', class: "xv-dropdown-control control", onClick: this.handleOpen }, this.selected.length ? (index.h("p", { class: "control_value" }, this.selected.join(', '))) : (index.h("p", { class: "control_placeholder" }, this.placeholder || '')), this.renderIcon(), index.h("svg", { key: '7c79ee0d976229090c0c0a25d01d7beb9a0c3afc', class: "control_arrow", focusable: "false", preserveAspectRatio: "xMidYMid meet", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", "aria-hidden": "true", width: "16", height: "16", viewBox: "0 0 16 16" }, index.h("path", { key: 'a895b585e7750cf4a01f7bd0dff390e70f2c482c', d: "M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z" }))), this.open && index.h("div", { key: '846792bfd1683daeb3223fb68c3559543b540787', class: "options" }, index.h("slot", { key: "xv-dropdown-options" })), (this.helper || this.error || this.warning) && (index.h("p", { key: '741d4636d86a44091e4a4b275806f745ded156f7', class: "helper" }, this.error || this.warning || this.helper))));
|
|
398
502
|
}
|
|
399
503
|
componentWillLoad() {
|
|
400
504
|
this.setDefaultValues();
|
|
@@ -444,7 +548,7 @@ const XvDropdownItem = class {
|
|
|
444
548
|
});
|
|
445
549
|
}
|
|
446
550
|
render() {
|
|
447
|
-
return (index.h(index.Host, { key: '
|
|
551
|
+
return (index.h(index.Host, { key: '85ba648d8281168521c1ed8c4b0b861fb428ce8e', class: "xv-dropdown-item", value: this.value, role: "option", tabindex: this.disabled ? -1 : false }, index.h("slot", { key: '6c303d085e23e1ecfa433aefa22f02be1cd5711f' }), this.selected && index.h("span", { key: 'c555912f9727a0e42b09279b31fe3b3b740bf7eb', class: "checkmark" })));
|
|
448
552
|
}
|
|
449
553
|
componentWillLoad() {
|
|
450
554
|
if (!this.value)
|
|
@@ -542,10 +646,10 @@ const XvFileUploader = class {
|
|
|
542
646
|
}
|
|
543
647
|
render() {
|
|
544
648
|
var _a;
|
|
545
|
-
return (index.h(index.Host, { key: '
|
|
649
|
+
return (index.h(index.Host, { key: '1105dfa28937f83f3508498ecf3b00b181f3f062', class: { 'upload-wrapper': true, [`uploader-${this.size}`]: true, disabled: !!this.disabled } }, this.label && index.h("label", { key: 'bb7aeb7744325dc15cee88e63672ab2f1cac48fa', class: "label" }, this.label), this.description && index.h("p", { key: '17d6076cf70f1d69b9d760992739f5f8ae571711', class: "description" }, this.description), this.variant === 'button' ? (index.h("button", { disabled: this.disabled, class: "upload-btn", onClick: () => this.fileInput.click() }, this.addText || 'Dateien auswählen')) : (index.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.', ((_a = this.accept) === null || _a === void 0 ? void 0 : _a.length) > 0 && index.h("span", null, " (", this.accept.join(', '), ")"))), index.h("input", { key: 'bc25da9c977df0452fd8946b160d7b89487a5aee', ref: el => (this.fileInput = el), type: "file", hidden: true, onChange: this.onFileSelect, multiple: this.multiple, accept: this.accept.map(type => `.${type}`).join(',') }), index.h("ul", { key: '3d2b5a6505a70c4a14004f0e0f3c6da7213b0007', class: "file-list" }, this.files.map((file, index$1) => {
|
|
546
650
|
var _a, _b;
|
|
547
651
|
return (index.h("li", { class: { file: true, withError: !!(((_a = this.errors) === null || _a === void 0 ? void 0 : _a[index$1]) || ((_b = this.errorMessages) === null || _b === void 0 ? void 0 : _b[index$1])) } }, index.h("div", { class: "file_container" }, index.h("span", { class: "file_container_name" }, file.name), this._renderLoaderState(index$1)), this._renderError(index$1)));
|
|
548
|
-
})), this.error && (index.h("div", { key: '
|
|
652
|
+
})), this.error && (index.h("div", { key: '3918fcaf5c5660eb2a5553886e191e2969d81cb4', class: "error-container" }, index.h("p", { key: '26fcb672d89ec14e99b83dfc78712b72d9042d72', class: "error-container_primary" }, this.error)))));
|
|
549
653
|
}
|
|
550
654
|
_renderLoaderState(index$1) {
|
|
551
655
|
var _a, _b, _c;
|
|
@@ -595,7 +699,7 @@ const Xvfooter = class {
|
|
|
595
699
|
}
|
|
596
700
|
}
|
|
597
701
|
render() {
|
|
598
|
-
return (index.h("footer", { key: '
|
|
702
|
+
return (index.h("footer", { key: 'ded377d47464f3f171b99929f6517d4a2bc0be7b' }, index.h("div", { key: 'f1cfbd7b0277f073ed45a7be034bc86d60bf8880', innerHTML: this.htmlContent })));
|
|
599
703
|
}
|
|
600
704
|
get el() { return index.getElement(this); }
|
|
601
705
|
};
|
|
@@ -635,13 +739,13 @@ const XvHeader = class {
|
|
|
635
739
|
}
|
|
636
740
|
}
|
|
637
741
|
render() {
|
|
638
|
-
return (index.h("div", { key: '
|
|
742
|
+
return (index.h("div", { key: 'e23865373ad9ea2ad72b911763532a825f606bc5', id: "nav-container", class: "xv-header" }, index.h("nav", { key: '7a621ccedbbcea7752e8f0535718e714ac3b87a7', class: "navbar navbar-default navbar-fixed-top backend-force-relative" }, index.h("div", { key: '5d48c595a601eb4aecbf20acf7bad412173b0c43', class: "container" }, index.h("div", { key: '495a0c316a6eaf585704e5d8c7fc1ad6a98ef0a2', class: "row" }, index.h("div", { key: 'ae0135513b1afd15a8a732b433226ea4c2e5fb34', class: "col-sm-3 col-xs-3 col-xxs-4 no-padding-right" }, index.h("div", { key: '941dcc71efd9fcd591fc37d3b79658a5895c0cf5', class: "navbar-header" }, index.h("button", { key: '05422376a774a3fb2bad4f3d99260c14c9591ac3', class: "btn btn-default navbar-toggle pull-left navbar-btn", "data-toggle": "collapse", "data-target": "#main-menu" }, index.h("i", { key: '2724965e90ff27350749d35e4f334c896222adbd', class: "fa fa-bars fa-lg", "aria-hidden": "true" })), index.h("div", { key: '540e61643a05c89e92739af9e5639dae1c7a3a89', class: "visible-xs-inline" }, index.h("a", { key: 'a90967bfd343bfa84310f439e869d5cf6fd7b245', href: "https://www.crossvertise.com/", class: "navbar-brand" }, index.h("img", { key: '9a4a05061aab1c1b9f47f3c8a5f1d233f2d0585f', src: "https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo-small.svg", alt: "Crossvertise" }))), index.h("div", { key: '6be821a687b33ff2ec170722ced74f916380f351', class: "hidden-xs" }, index.h("a", { key: '30494848524505dfd30b205d781628ecd76d7133', href: "https://www.crossvertise.com/", class: "navbar-brand" }, index.h("img", { key: '3d295824a957db5789a0712bcce707679a0b61eb', loading: "lazy", src: "https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo.svg", alt: "Crossvertise" }))))), index.h("div", { key: 'ccda27c0fc15d51d8bb36a0edc6449a2a0ad96ab', class: "col-sm-9 col-xs-9 col-xxs-8 no-padding-left" }, index.h("ul", { key: '11cb71d231254db9f1c5c53695aae2e721da4b20', class: "nav nav-pills nav-meta pull-right" }, index.h("li", { key: '50c5f81db2f1f0e85c5f6bbf9a253465d9e84b35' }, index.h("a", { key: '79bc7f4274fc938a35e38682ba0f65fccdfb4b03', class: "btn btn-link navbar-btn hidden-xs", href: "#" }, index.h("i", { key: '21710845d33579fab0dc70d063b5d872387378c9', class: "fa fa-user" }), index.h("i", { key: 'c6061afb38e2b2ed44c03ce4e910d9d2b5801a17', class: "fa fa-exchange-alt" }))), index.h("li", { key: '49348a283e4ede773307681345099e57207fcdda' }, index.h("a", { key: '290fd16b3aafec374b449d5050a19f606894b1d7', class: "btn btn-link navbar-btn hidden-xs", href: "#" }, "Kontakt"), index.h("a", { key: 'b51214e7831f07a03ac866bda5266c8d525fe558', href: "https://www.crossvertise.com/contact", class: "btn btn-link navbar-btn hidden-xs", style: { display: 'none' } }, "Kontakt"), index.h("a", { key: '31fd0c8390e09334e1996330efa04c9899620cc6', class: "btn btn-default btn-link navbar-btn visible-xs hidden-xxs", href: "#" }, index.h("i", { key: '17684ce738751f491369695434ab9183008a9b0d', class: "fa fa-phone" }))), index.h("li", { key: '38ece1d7260b8d73c7e48e3bd3b6ac29d389b88b', class: "dropdown", id: "my-xv-menu" }, index.h("a", { key: '70ba7716137f93f52ea952ea401fb634a85bd672', href: "#", class: "dropdown-toggle btn btn-default navbar-btn btn-link", "data-toggle": "dropdown" }, index.h("i", { key: 'bba83584c110f747aeb7e1f64d1010eb76588e93', class: "fa fa-user fa-lg text-success", "aria-hidden": "true" }), "\u00A0", index.h("span", { key: '6438bc959dfd6245859425f8e325127f869a4a8a', class: "hidden-xs" }, "Mein Bereich"), index.h("span", { key: '48b03adc129165116ac53166508b7d85a50d9110', class: "caret" })), index.h("ul", { key: '41a1e53662bc7c4b01b4dc50ed498b904d3e1fe0', class: "dropdown-menu-left dropdown-menu navbar-myxv" }, index.h("li", { key: 'f74892854e52d7109b3f40aeb9f0df75db7df6b9' }, index.h("a", { key: '0b41a267d437bab5d1c721942901c90c2b5f544c', href: "#" }, index.h("i", { key: '8824476df69bb5efeed55b742c2bf660711e9946', class: "fa fa-tachometer-alt fa-fw" }), "\u00A0Cockpitfunktionen\u00A0", index.h("i", { key: 'eea0470f9510c6bb4be719edb4592511fbe9db2f', class: "fa fa-caret-down" }))), index.h("li", { key: '8db405011c404f6f62ca6f849fd1a5c7fb6130b5' }, index.h("a", { key: '2a07deb167ebeb88396424325057ded6a5d3bb79', href: "#" }, index.h("i", { key: 'c278dfc51bb82626032dda352ec0fef4fe292d0e', class: "fa fa-cubes" }), "\u00A0Entit\u00E4ten\u00A0", index.h("i", { key: 'df99378caeca61ff7fc34e0e5ba4ef300945c91b', class: "fa fa-caret-down" }))), index.h("li", { key: 'ac30718411da279c57fadadc62a6cd669a34d715', role: "separator", class: "divider" }), index.h("li", { key: '869b0c629487677b67c713ca73651755cbf6f383' }, index.h("a", { key: 'ac460c523ce2202ba08b7de10bdac67b48912dd6', href: "#" }, index.h("i", { key: 'feda1a2c2999dead3b2b3eb834f8b51cc63dd991', class: "fa fa-user" }), "\u00A0Mein Crossvertise\u00A0", index.h("span", { key: 'db19052087c8efff2cf408629775636aa1980250', class: "badge" }, "0"), index.h("i", { key: '5225f5b72738346c19fb1613950410bca93d8d2a', class: "fa fa-caret-down" }))), index.h("li", { key: '5590a102180218c69e065cc57794b835a5f224d1' }, index.h("a", { key: '316a47a72b47da1f68fd1f717f7246740f25a6a8', href: "https://www.crossvertise.com/de-de/mycrossvertise/account/logoff?returnUrl=https%3A%2F%2Fwww.crossvertise.com" }, index.h("i", { key: 'bb8ccc79300a525d4f8194d2fd00abb2581db9f6', class: "fa fa-sign-out-alt fa-fw", "aria-hidden": "true" }), "\u00A0Logout")))), index.h("li", { key: 'd0ba91f2c496398d5aa5dbb1117d6309e8f1e606', class: "visible-sm-block visible-xs-block hidden-xxs" }, index.h("a", { key: '22b74c5543d27d32c2d02e351b7c21e16b9ce78c', class: "btn btn-default navbar-btn btn-link", "data-toggle": "collapse", "data-target": "#search-collapse" }, index.h("i", { key: '01b86811a768fc2a19d72cb4f17c6a9785829ab0', class: "fa fa-search", "aria-hidden": "true" }))), index.h("li", { key: 'c0d72f6ddd76f3dfa9d96f12118d0a73241753e8', class: "hidden-xs hidden-sm" }, index.h("a", { key: '71a09c453ede7a36bc6b8fc5fa79d1e608a16cfb', role: "button", onClick: this.openLoginModal, class: "btn btn-default navbar-btn btn-link" }, index.h("i", { key: '74142f2bd13d8de2d85fc1e82377407152d14c92', class: "fa fa-user fa-lg", "aria-hidden": "true" }), index.h("span", { key: '1b5116849bca8e05dc349f8554b1b552c88369dc' }, "Login"))), index.h("xv-login-modal", { key: 'cb142ee870252f3633b90b4e9abcd05f9f7e2df7', visible: this.showLoginModal, onClose: this.closeLoginModal }), index.h("li", { key: 'bb2855d3c34440d8fb379624ddd5acda1a8df347', class: "hidden-xs" }, index.h("a", { key: 'ad31c42ae4f0cfffa369b8c6471f89dc21bbbfa8', class: "btn btn-default navbar-btn btn-link", href: "https://market.crossvertise.com/de-de/mycrossvertise/account/register" }, index.h("span", { key: '6a9faaac3cfe6211636be703df13a104762e2fb2' }, "Registrieren"))), index.h("li", { key: '2211f6d0672a708956f3cc615bf0c7ee7b3ce1ec', class: "navbar-divider hidden-xs" }), index.h("li", { key: '252bdabd42167b13a7e338c6554dc62f6dbf5156' }, index.h("a", { key: 'e4e3b75d0be8af70ca5e7fe64e3ee2b21eff072b', class: "btn btn-success navbar-btn", href: "https://market.crossvertise.com/de-de/mycrossvertise/shoppingcart/activecart" }, index.h("span", { key: 'f5c1b26dd26a7baf67cfccfe4817aaa7b9cf0c9d', class: "xv-font-icon-warenkorb fa-lg fa-fw", "aria-hidden": "true" }), index.h("span", { key: '8e4e16628d7662e46bb92817e430471557390432', class: "hidden-xs hidden-sm" }, "\u00A0Warenkorb\u00A0"), index.h("span", { key: 'da18423a0585a0298ec080cb2526c1104f46e907', class: "badge badge-success" }, "0"))))))), index.h("div", { key: '282355ac46855e03ae8a3d64bb4eaf62c86e77ca', class: "collapse hidden-md hidden-lg", id: "search-collapse" }, index.h("div", { key: '5007ccb71a3ff29b7325f0fcf8bce09eb93f603c', class: "container" }, index.h("form", { key: '55627dcc8b419e24b65cd6f6ad5e4fdde1a368d0', action: "https://market.crossvertise.com/de-de/media/search", class: "navbar-form", method: "get", role: "search" }, index.h("div", { key: '0d39c0d7cd9b098f6d5ab5f1f1c3418128753816', class: "input-group" }, index.h("input", { key: 'fb554f8ba5df87ec3fe372c9834497accafdd451', class: "form-control", name: "Q", placeholder: "Suche", type: "text", autocomplete: "off" }), index.h("span", { key: '353cc24679f1092fea80f7c033525d8291ec8d0b', class: "input-group-btn force-full-width" }, index.h("button", { key: 'bbde50921f67baa753a65540f544bfcae80379c6', class: "btn btn-default search-addon", type: "submit" }, index.h("i", { key: '17749c3879831e532d36a08cc7c1ef43d72e5591', class: "fa fa-search", "aria-hidden": "true" })))))))), index.h("div", { key: '37675efdf9ad133373d0b4053d1007b92b9be622', innerHTML: this.htmlContent })));
|
|
639
743
|
}
|
|
640
744
|
get el() { return index.getElement(this); }
|
|
641
745
|
};
|
|
642
746
|
XvHeader.style = xvHeaderCss;
|
|
643
747
|
|
|
644
|
-
const xvLinkCss = ":host{font-family:var(--ff-body, inherit)}:host(.xv-link_inline){display:inline-block}:host(.xv-link_inline) .xv-link{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}:host(.xv-link_standalone){display:block}:host(.xv-link_standalone) .xv-link{display:block;text-decoration-line:none}:host(.xv-link_ghost) .xv-link{color:inherit;text-decoration:none}.xv-link{display:inline-flex;gap:8px;align-items:center;color:var(--link-primary);font-family:var(--ff-body);font-style:normal;font-weight:400;transition:color 200ms ease-in-out}.xv-link:active{color:var(--text-primary)}.xv-link:visited{color:var(--link-visted)}.xv-link:hover{color:var(--link-primary-hover);cursor:pointer}.xv-link:disabled,.xv-link_disabled,.xv-link::part(disabled){color:var(--text-disabled);pointer-events:none;cursor:initial}.xv-link.sm{font-size:var(--fz-sm);line-height:137.5%}.xv-link.md{font-size:var(--fz-md);line-height:128.571%}.xv-link.lg{font-size:var(--fz-lg);line-height:133.333%}";
|
|
748
|
+
const xvLinkCss = ":host{font-family:var(--ff-body, inherit)}:host(.xv-link_inline){display:inline-block}:host(.xv-link_inline) .xv-link{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}:host(.xv-link_standalone){display:block}:host(.xv-link_standalone) .xv-link{display:block;text-decoration-line:none}:host(.xv-link_ghost) .xv-link{display:contents;color:inherit;text-decoration:none}.xv-link{display:inline-flex;gap:8px;align-items:center;color:var(--link-primary);font-family:var(--ff-body);font-style:normal;font-weight:400;transition:color 200ms ease-in-out}.xv-link:active{color:var(--text-primary)}.xv-link:visited{color:var(--link-visted)}.xv-link:hover{color:var(--link-primary-hover);cursor:pointer}.xv-link:disabled,.xv-link_disabled,.xv-link::part(disabled){color:var(--text-disabled);pointer-events:none;cursor:initial}.xv-link.sm{font-size:var(--fz-sm);line-height:137.5%}.xv-link.md{font-size:var(--fz-md);line-height:128.571%}.xv-link.lg{font-size:var(--fz-lg);line-height:133.333%}";
|
|
645
749
|
|
|
646
750
|
const XvLink = class {
|
|
647
751
|
constructor(hostRef) {
|
|
@@ -657,7 +761,7 @@ const XvLink = class {
|
|
|
657
761
|
e.stopPropagation();
|
|
658
762
|
}
|
|
659
763
|
render() {
|
|
660
|
-
return (index.h(index.Host, { key: '
|
|
764
|
+
return (index.h(index.Host, { key: '8abd4142d08b9a55fe67a2c588655728e25dd159', class: `xv-link_${this.variant}` }, index.h("a", { key: 'b6fec7e701adf7a5caef4ae0610f6d83b2c08617', href: this.href, onClick: this.preventLinkHandler.bind(this), class: `xv-link ${this.disabled ? 'xv-link_disabled' : ''} ${this.size}`, target: this.target }, index.h("slot", { key: '0a68b77769f8681dfc44782f9e5ea2db1a8a7d6f', name: "icon-left" }), index.h("slot", { key: '3ecd19fef95c96c283f260a5ef5dea734bf318bd' }), index.h("slot", { key: '8f21cd979ccfc5e6e890092b6ebea3b0bd067f1d', name: "icon-right" }))));
|
|
661
765
|
}
|
|
662
766
|
};
|
|
663
767
|
XvLink.style = xvLinkCss;
|
|
@@ -833,7 +937,7 @@ const XvModal = class {
|
|
|
833
937
|
}
|
|
834
938
|
render() {
|
|
835
939
|
var _a;
|
|
836
|
-
return (index.h(index.Host, { key: '
|
|
940
|
+
return (index.h(index.Host, { key: '227d7c8432c263024eb14ebcc906d45d01845143', role: "dialog", size: this.size, id: this.el.id }, index.h("slot", { key: 'e9c1c83f4d5e3a1ddfa765b17129ea13dce96582', name: "trigger", onSlotchange: this.setupTrigger }), index.h("div", { key: '3a5b9b557925edb299ce386e289f60d87cbf9341', class: { backdrop: true }, onClick: this.onBackdropClick }, index.h("div", { key: '77e793861e33d77ca59c5f3bc89e1a6d83b8ba38', class: "modal" }, index.h("button", { key: '5534a1306535847efa5c77d393323ca93d9b33f3', class: "modal_close", onClick: this.closeModal.bind(this) }, "\u00D7"), index.h("div", { key: 'c3dee869a2be046d2e216730fc122da92c21920d', class: "modal_header" }, index.h("slot", { key: '42c0d657d261841a8fcb6461a079e06b5b1d2fad', name: "header" }, ((_a = this.el) === null || _a === void 0 ? void 0 : _a.title) && index.h("h5", { key: '48aae8d010464e9a06c92699ad9e1dfe5feb0e04', class: "modal_header__title" }, this.el.title))), index.h("div", { key: '4cb0e7c1fed672df57dc86e4ebc53859d9695d0d', class: { 'modal_content': true, overflow: this.overflow } }, index.h("slot", { key: '1df966114775ee209cab1311350cb9d005abae0c' })), index.h("div", { key: 'fc246530cac2cedb24a3b8be81e710cecd7b18fc', class: "modal_footer" }, index.h("slot", { key: '5b00a76e35824e041d8f891ca4e40ec27d72290f', name: "footer" }))))));
|
|
837
941
|
}
|
|
838
942
|
disconnectedCallback() {
|
|
839
943
|
this.removeTriggerListener();
|
|
@@ -879,7 +983,7 @@ const XvNotification = class {
|
|
|
879
983
|
};
|
|
880
984
|
}
|
|
881
985
|
render() {
|
|
882
|
-
return (index.h(index.Host, { key: '
|
|
986
|
+
return (index.h(index.Host, { key: '828674420130a41adc1c21b7dac6ba7795142871', class: "xv-notification", type: this.variant }, this.renderIcon(this.variant), index.h("div", { key: '2f863367c6952b1974607f577d33d69a572b83ac', class: "content" }, index.h("div", { key: 'df968f2dc944bf7b8cad543fb64a3c9d124a11ff', class: "content_wrapper" }, this.el.title && index.h("h5", { key: '200f8de5f706f7b4318cb94b9966a6171d56e2f5', class: "content_title" }, this.el.title), index.h("slot", { key: '76e93f53912a25d9240b82434e05466bf16902b3' })), index.h("slot", { key: '0403b90c0e139d214356519a33c0c546e03953a0', name: "footer" })), this.dismissible && index.h("button", { key: '70f8219f0b7c2dc897d0bb36ea5c7c7fb7aa3288', class: "close", onClick: this.closeHandle })));
|
|
883
987
|
}
|
|
884
988
|
static get assetsDirs() { return ["xv-notification/icons"]; }
|
|
885
989
|
get el() { return index.getElement(this); }
|
|
@@ -929,12 +1033,12 @@ const XvNumberInput = class {
|
|
|
929
1033
|
this.valueChange.emit(this.value);
|
|
930
1034
|
}
|
|
931
1035
|
render() {
|
|
932
|
-
return (index.h(index.Host, { key: '
|
|
1036
|
+
return (index.h(index.Host, { key: '9e9d338c9ff5f2191a7b93d75473455fcd0595e3', class: { disabled: !!this.disabled } }, index.h("label", { key: '94743e62549da23b3c63280d9a228bb7bab4dc86', class: "control" }, this.label && index.h("span", { key: 'a7feadfdb33ac4305a58b0634fafdfab56293a1e', class: "control_label" }, this.label), index.h("div", { key: '7e87334966533108284fad892e219c3d6e320da0', class: {
|
|
933
1037
|
'control_input': true,
|
|
934
1038
|
readonly: !!this.readonly,
|
|
935
1039
|
error: !!this.error,
|
|
936
1040
|
warning: !!this.warning
|
|
937
|
-
} }, index.h("input", { key: '
|
|
1041
|
+
} }, index.h("input", { key: 'b241be77f4f61110fc00911bacf58f493a6dc648', 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.h("div", { key: '4c13d73fa8ad210f1561ca9d924dc37b5d25f058', class: "control_input__icons" }, this.loading ? (index.h("xv-loader-v2", { size: SIZE_VAR.XS })) : !!this.error ? (index.h("span", { class: "status-icon error", "aria-hidden": "true" }, "!")) : !!this.warning ? (index.h("span", { class: "status-icon warning", "aria-hidden": "true" }, "\u26A0")) : null, index.h("xv-button-v2", { key: 'ded5d2e74f4ff8544d025ce2862422ac69f54f9b', size: this.size, variant: "ghost", disabled: this.disabled || this.readonly, onClick: this.decrement, "aria-label": "Decrease" }, index.h("span", { key: '84bebcdd58a31c59d52685c589361532033074ba', slot: "icon-left", class: "status-icon" }, "\u2212")), index.h("hr", { key: 'ec34eb763fd84994fd3dde49dbb53c5472ff46ed' }), index.h("xv-button-v2", { key: '2275bbefc228ab1147c002c204b93da04d2b001e', size: this.size, variant: "ghost", disabled: this.disabled || this.readonly, onClick: this.increment, "aria-label": "Increase" }, index.h("span", { key: 'c64d970edf867832d6ee74354df55aa1cf151007', slot: "icon-left", class: "status-icon" }, "+"))))), this.helper && index.h("p", { key: 'b463bea86f2fa93c89072898796d03a9cd6c03bd', class: "message" }, this.helper), typeof this.error === 'string' ? (index.h("p", { class: "message error" }, this.error)) : typeof this.warning === 'string' ? (index.h("p", { class: "message warning" }, this.warning)) : null));
|
|
938
1042
|
}
|
|
939
1043
|
static get formAssociated() { return true; }
|
|
940
1044
|
};
|
|
@@ -992,7 +1096,7 @@ const XvOverflowMenu = class {
|
|
|
992
1096
|
}
|
|
993
1097
|
}
|
|
994
1098
|
render() {
|
|
995
|
-
return (index.h(index.Host, { key: '
|
|
1099
|
+
return (index.h(index.Host, { key: '49562a0f5cdd0ffc9d07c175f02133ebf91379f8', class: "xv-overflow-menu", size: this.size, role: "menu", tabindex: -1 }, index.h("button", { key: '512bfdab373dd6f91d747cd780588d743e995aba', class: { btn: true, open: this.open }, onClick: this.onOpenToggle, disabled: this.disabled }, index.h("svg", { key: 'ae162d6550bc87396f6f3307e15c3990b417768c', xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 128 512" }, index.h("path", { key: '25c4542139eec20f7e04892baab53347901450ec', d: "M64 368a48 48 0 1 0 0 96 48 48 0 1 0 0-96zm0-160a48 48 0 1 0 0 96 48 48 0 1 0 0-96zM112 96A48 48 0 1 0 16 96a48 48 0 1 0 96 0z" }))), index.h("div", { key: '4595e1d6334852bc13d9a1ead5534f1947a6697a', class: { list: true, open: this.open, [`position-${this.position}`]: true } }, index.h("slot", { key: '83c2cabf49ca7cb8e5c9e51526eae1d1b7202380' }))));
|
|
996
1100
|
}
|
|
997
1101
|
componentDidLoad() {
|
|
998
1102
|
this.openChangeHandle();
|
|
@@ -1028,7 +1132,7 @@ const XvOverflowMenuItem = class {
|
|
|
1028
1132
|
this.itemClick.emit({ event, value: this.value });
|
|
1029
1133
|
}
|
|
1030
1134
|
render() {
|
|
1031
|
-
return (index.h(index.Host, { key: '
|
|
1135
|
+
return (index.h(index.Host, { key: '3dd2a5251f385c53432fbe4964cfa6b506bea62e', class: "xv-overflow-menu-item", role: "menuitem", disabled: this.disabled }, index.h("slot", { key: 'c140fd224ff48c962a85401003d6fc94091d7b05' })));
|
|
1032
1136
|
}
|
|
1033
1137
|
};
|
|
1034
1138
|
XvOverflowMenuItem.style = xvOverflowMenuItemCss;
|
|
@@ -1102,7 +1206,7 @@ const XvProgressIndicator = class {
|
|
|
1102
1206
|
this.updateChildItems();
|
|
1103
1207
|
}
|
|
1104
1208
|
render() {
|
|
1105
|
-
return (index.h(index.Host, { key: '
|
|
1209
|
+
return (index.h(index.Host, { key: '05e84a5e734b88c4d2a3c2206e4e5ea75c0fc969', variant: this.variant, size: this.size, class: { 'xv-progress-indicator': true } }, index.h("slot", { key: '12dcb64216cfc45663d73d66bbd3225be005e897' })));
|
|
1106
1210
|
}
|
|
1107
1211
|
get el() { return index.getElement(this); }
|
|
1108
1212
|
static get watchers() { return {
|
|
@@ -1119,7 +1223,7 @@ const XvProgressIndicatorItem = class {
|
|
|
1119
1223
|
this.status = PROGRESS_ITEM_STATUS.NO_STARTED;
|
|
1120
1224
|
}
|
|
1121
1225
|
render() {
|
|
1122
|
-
return (index.h(index.Host, { key: '
|
|
1226
|
+
return (index.h(index.Host, { key: 'b648f0b889dbd13effc1e2df2d0b8df4a4310d33', status: this.status, class: { 'xv-progress-indicator-item': true } }, index.h("span", { key: '9f58d648cf7b954a3be77c2a09c1b0dea135831e', class: "line" }), index.h("span", { key: 'db4cedc2a3ae0894581658fc7e11059e89c6c805', class: "icon" }, index.h("svg", { key: '9418f257a253fe9c366fe148c5a24fa715a6f5ca', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512" }, index.h("path", { key: 'eb7497d0698fde8fbd8f6eedff617ea597802109', fill: "currentColor", d: "M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z" }))), index.h("p", { key: 'e71ecb98094b46e8af831d3bc7efd5461819a1cd', class: "label" }, index.h("slot", { key: 'c2332223f5205aabf5501014e6a4521665c2d1f7' }))));
|
|
1123
1227
|
}
|
|
1124
1228
|
get el() { return index.getElement(this); }
|
|
1125
1229
|
};
|
|
@@ -1134,7 +1238,7 @@ const XvTab = class {
|
|
|
1134
1238
|
this.loading = false;
|
|
1135
1239
|
}
|
|
1136
1240
|
render() {
|
|
1137
|
-
return (index.h(index.Host, { key: '
|
|
1241
|
+
return (index.h(index.Host, { key: 'ab7f5dbb607ca9c91a2503b4f5a739685e2ec45f', disabled: this.disabled, name: this.name }, this.loading ? index.h("xv-loader-v2", { size: SIZE_VAR.LG }) : index.h("slot", null)));
|
|
1138
1242
|
}
|
|
1139
1243
|
};
|
|
1140
1244
|
XvTab.style = xvTabCss;
|
|
@@ -1173,7 +1277,7 @@ const XvTable = class {
|
|
|
1173
1277
|
.join(' ') + ' repeat(auto-fit, minmax(0, 1fr))');
|
|
1174
1278
|
}
|
|
1175
1279
|
render() {
|
|
1176
|
-
return (index.h(index.Host, { key: '
|
|
1280
|
+
return (index.h(index.Host, { key: '7638ad48563703718ad0cc8fff24ee18cf3a48ff', class: { batchVisible: !!this.selectedCount } }, index.h("slot", { key: '434ff076e975190cc57b748ddea8eeece9cf88bd', name: "title" }, !!this.el.title && index.h("h2", { key: '65da06cb74c47d17b88e835bd7a6ef096af16b45', class: "xv-table-title" }, this.el.title)), index.h("slot", { key: '882e9653dc35963bf24aac581a8d03c4fedd1ae9', name: "toolbar" }), index.h("div", { key: '6c4c289d8bdd312e0d80648012ae8030125b2ed6', class: "xv-table" }, index.h("div", { key: '66ec508b2996535f00bebb8fa1d6639023f4ac23', class: "batch-actions" }, index.h(index.Fragment, { key: 'e28a6fb4c17ec7287d11ff1c6745df530795d7fd' }, index.h("div", { key: '3d9ad8d0757d390fa8beb04acff62848170c6d1c', class: "batch-actions_content" }, index.h("slot", { key: 'bc8fe38784469a85e323ed1d3a6c23acc51a98af', name: "batch" })), index.h("p", { key: '8f49764dfd6c521e31a58fd2a285d149950f3a1c', class: "batch-actions_count" }, !!this.selectedCount && `${this.selectedCount} ${this.selectedCount === 1 ? 'Position ausgewählt' : 'Positionen ausgewählt'}`))), index.h("div", { key: '316cfca89ab6549abdbfadf0fe5806acbc347d0b', class: "xv-table_wrapper" }, index.h("slot", { key: 'a5a7c79f2bfc49b4825b87677899f16c6c8cd9bb' }), index.h("slot", { key: '7e82440672624b8e4c6a4b84c615db38b04fb031', name: "footer" })), !!this.loading && (index.h("div", { key: '3b656b4c0d355884589438f1da2c98d1129a9fac', class: "xv-table_loading" }, index.h("xv-loader-v2", { key: '873d51be85722147c5c52f44f5ba590e5033a529', size: SIZE_VAR.LG }))))));
|
|
1177
1281
|
}
|
|
1178
1282
|
componentWillLoad() {
|
|
1179
1283
|
this.setColsSizeTemplate();
|
|
@@ -1185,15 +1289,6 @@ const XvTable = class {
|
|
|
1185
1289
|
};
|
|
1186
1290
|
XvTable.style = xvTableCss;
|
|
1187
1291
|
|
|
1188
|
-
var XV_SORT_DIR;
|
|
1189
|
-
(function (XV_SORT_DIR) {
|
|
1190
|
-
XV_SORT_DIR["ASC"] = "asc";
|
|
1191
|
-
XV_SORT_DIR["DESC"] = "desc";
|
|
1192
|
-
XV_SORT_DIR["NONE"] = "none";
|
|
1193
|
-
})(XV_SORT_DIR || (XV_SORT_DIR = {}));
|
|
1194
|
-
const XV_EXPANDABLE_KEY = 'expandable';
|
|
1195
|
-
const XV_TABLE_TAG = 'xv-table-v2';
|
|
1196
|
-
|
|
1197
1292
|
const xvTableCellCss = "@charset \"UTF-8\";:host{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:var(--xv-table-padding-y) var(--xv-table-padding-x);color:var(--text-primary, #333);font-family:var(--ff-body, Tahoma);font-size:14px;font-style:normal;font-weight:400;line-height:1.2;letter-spacing:0.16px;transition:0.25s ease-in-out background-color}:host([multiline]){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:initial;padding-bottom:1px;padding-top:0;line-height:1.2}:host([align=left]){text-align:left}:host([align=right]){text-align:right}:host([align=center]){text-align:center}:host([sort]){position:relative;cursor:pointer;user-select:none}:host([sort]):before,:host([sort]):after{font-size:12px;line-height:10px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;right:8px;pointer-events:none;transition:350ms ease-in-out opacity;opacity:0}:host([sort]):before{content:\"▲\";top:50%;transform:translateY(calc(-50% - 5px))}:host([sort])::after{content:\"▼\";top:50%;transform:translateY(calc(-50% + 5px))}:host([sort]:hover){background-color:var(--layer-accent-hover-01, #E3E3E3)}:host([sort]:hover)::before,:host([sort]:hover)::after{opacity:1}:host([sort=asc]){background-color:var(--layer-accent-active-01, #D1D1D1)}:host([sort=asc])::before{opacity:1}:host([sort=asc])::after{display:none}:host([sort=desc]){background-color:var(--layer-accent-active-01, #D1D1D1)}:host([sort=desc])::before{display:none}:host([sort=desc])::after{opacity:1}";
|
|
1198
1293
|
|
|
1199
1294
|
const XvTableCell = class {
|
|
@@ -1221,12 +1316,15 @@ const XvTableCell = class {
|
|
|
1221
1316
|
}
|
|
1222
1317
|
;
|
|
1223
1318
|
render() {
|
|
1224
|
-
return (index.h(index.Host, { key: '
|
|
1319
|
+
return (index.h(index.Host, { key: '81ba9b0d8bd1652b30259af7a177b27185c49dee' }, index.h("slot", { key: '5b0517d3001ba92944f2032307541d7db6eb7b27' })));
|
|
1225
1320
|
}
|
|
1226
1321
|
get el() { return index.getElement(this); }
|
|
1227
1322
|
};
|
|
1228
1323
|
XvTableCell.style = xvTableCellCss;
|
|
1229
1324
|
|
|
1325
|
+
const XV_EXPANDABLE_KEY = 'expandable';
|
|
1326
|
+
const XV_TABLE_TAG = 'xv-table-v2';
|
|
1327
|
+
|
|
1230
1328
|
const xvTableExpandCss = ":host{display:block;position:relative;transition:0.25s ease-in-out background-color}:host .expand-btn{z-index:9;position:absolute;left:max(10px, var(--xv-table-padding-x));top:max(2px, var(--xv-table-padding-y) + 2px);background-color:transparent;cursor:pointer;outline:none;margin:0;padding:0;box-sizing:border-box;display:block;width:8.5px;height:8.5px;border-top:none;border-left:none;border-right:2px solid var(--icon-primary, #333);border-bottom:2px solid var(--icon-primary, #333);transform:rotate(45deg);transform-origin:center center;transition:0.2s ease-in-out transform}:host .expand-btn:disabled{cursor:not-allowed;opacity:0.5}:host .expand-btn.open{transform:rotate(-135deg)}:host .expandableContent{overflow:hidden;margin:0;padding:0;max-height:0;transition:250ms ease max-height}:host .expandableContent.open{max-height:600px}:host ::slotted([slot=expandable]){display:grid;align-items:center}:host ::slotted(xv-table-v2-row),:host ::slotted([slot=expandable]){padding-inline-start:calc(max(10px, var(--xv-table-padding-x)) * 2 + 10px)}:host ::slotted([disabled]){pointer-events:none;opacity:0.4;cursor:not-allowed;user-select:none}";
|
|
1231
1329
|
|
|
1232
1330
|
const XvTableExpand = class {
|
|
@@ -1239,7 +1337,7 @@ const XvTableExpand = class {
|
|
|
1239
1337
|
};
|
|
1240
1338
|
}
|
|
1241
1339
|
render() {
|
|
1242
|
-
return (index.h(index.Host, { key: '
|
|
1340
|
+
return (index.h(index.Host, { key: '6176a4e0845dbae0f6e28b7a31110e8b2ce6b6d9' }, index.h("button", { key: 'a4d9b8ec62e9a791f24355cba0397af7c5ad8fa6', class: { 'expand-btn': true, open: this.open }, disabled: this.disabled, onClick: this.handleExpand }), index.h("slot", { key: '9d4d815a424de28794a334c1ffeac6613b3bf380', name: XV_EXPANDABLE_KEY }), index.h("div", { key: '4acce147075c142a356f3fcb5cbe9cc5ccaea4c0', class: { expandableContent: true, open: this.open } }, index.h("slot", { key: '0e46f8843b84ddd7bf362b3c5178373b466fb96e' }))));
|
|
1243
1341
|
}
|
|
1244
1342
|
componentDidLoad() {
|
|
1245
1343
|
index$1.setAttr(this.el.parentElement, XV_EXPANDABLE_KEY, true);
|
|
@@ -1294,7 +1392,7 @@ const XvTableRow = class {
|
|
|
1294
1392
|
}
|
|
1295
1393
|
}
|
|
1296
1394
|
render() {
|
|
1297
|
-
return (index.h(index.Host, { key: '
|
|
1395
|
+
return (index.h(index.Host, { key: '1f48d141e4c4b1036332971c34bcd149fbc196f4' }, this.variant !== undefined && (index.h("xv-table-v2-cell", { key: 'a637c7e8796fd48df9f96b8785e96a1b8bb92a2f', class: "cell-control" }, this.variant === 'checkbox' && (index.h("xv-checkbox-v2", { key: '01e7267f1ac891110c5d8d86ba7bb1965ccd0bcf', name: this.name, partial: this.partial, checked: this.checked || this.partial, disabled: this.disabled, required: this.required, readonly: this.readonly, onEventChange: this.checkHandle })), this.variant === 'radio' && (index.h("input", { key: 'ae2eed4ad0763d5c586e3788a9daa9a324ac2bf5', type: "radio", name: this.name, checked: this.checked || this.partial, disabled: this.disabled, required: this.required, readonly: this.readonly })))), index.h("slot", { key: '1fa5632863f0386f1de3b8d869483e297b56c4bd' })));
|
|
1298
1396
|
}
|
|
1299
1397
|
componentWillLoad() {
|
|
1300
1398
|
this.setInitialAttrs();
|
|
@@ -1425,7 +1523,7 @@ const XvTag = class {
|
|
|
1425
1523
|
this.closeClick.emit(e);
|
|
1426
1524
|
}
|
|
1427
1525
|
render() {
|
|
1428
|
-
return (index.h(index.Host, { key: '
|
|
1526
|
+
return (index.h(index.Host, { key: '87520047c00d97194c91de7dac1caf125147c1b9', style: { color: this.color, background: this.bg }, class: `xv-tag ${this.disabled ? 'disabled' : ''} ${this.size}` }, index.h("div", { key: '166e1f781942507532ad010e704d4f5a8fdc7da1', class: "xv-tag_content" }, index.h("slot", { key: '14020588654dfa8b6ddd1294c904796536a9020c' })), this.closeable && (index.h("button", { key: '222a7bd11a30e4c12cc45164ae4f294d4c6d6524', onClick: this.closeHandler.bind(this), class: "xv-tag_close" }))));
|
|
1429
1527
|
}
|
|
1430
1528
|
};
|
|
1431
1529
|
XvTag.style = xvTagCss;
|
|
@@ -1455,13 +1553,13 @@ const XvTextInput = class {
|
|
|
1455
1553
|
};
|
|
1456
1554
|
}
|
|
1457
1555
|
render() {
|
|
1458
|
-
return (index.h(index.Host, { key: '
|
|
1556
|
+
return (index.h(index.Host, { key: 'b9c4820d1f0ba4e6baf9cd405c42380577f5379d', class: { disabled: !!this.disabled } }, index.h("label", { key: 'e331f40fc28c74833276e75c8376270589a17279', class: "control" }, this.label && index.h("span", { key: '4d48b122402bd36b98495a9bfdf991512126049d', class: "control_label" }, this.label), index.h("div", { key: '7c4f26d5a943417b54500a54b993108a70a5ed83', class: {
|
|
1459
1557
|
'control_input': true,
|
|
1460
1558
|
readonly: !!this.readonly,
|
|
1461
1559
|
[this.size]: true,
|
|
1462
1560
|
error: !!this.error,
|
|
1463
1561
|
warning: !!this.warning,
|
|
1464
|
-
} }, index.h("input", { key: '
|
|
1562
|
+
} }, index.h("input", { key: 'b6e5cf7ed95c5649b7c1aff16fe7668c2a05c71b', type: this.type, placeholder: this.placeholder, disabled: this.disabled, readonly: this.readonly, onInput: this.handleInput, name: this.name, value: this.value }), index.h("div", { key: '739c31f7939b0baaa3e8d49ec61b016005c427ad', class: "control_input__icons" }, this.loading && index.h("xv-loader-v2", { key: '8aaa989d7ad0fe3b9f86908c648fe2e01c551bc9', size: SIZE_VAR.XS }), !!this.error ? (index.h("span", { class: "status-icon error", "aria-hidden": "true" }, "!")) : !!this.warning ? (index.h("span", { class: "status-icon warning", "aria-hidden": "true" }, "\u26A0")) : null))), this.helper && index.h("p", { key: '7d613edeffa7c6d8e2a76bc69217347187a3b008', class: "message" }, this.helper), typeof this.error === 'string' ? (index.h("p", { class: "message error" }, this.error)) : typeof this.warning === 'string' ? (index.h("p", { class: "message warning" }, this.warning)) : null));
|
|
1465
1563
|
}
|
|
1466
1564
|
static get formAssociated() { return true; }
|
|
1467
1565
|
};
|
|
@@ -3325,7 +3423,7 @@ const XvToggleTip = class {
|
|
|
3325
3423
|
}
|
|
3326
3424
|
;
|
|
3327
3425
|
render() {
|
|
3328
|
-
return (index.h(index.Host, { key: '
|
|
3426
|
+
return (index.h(index.Host, { key: '7b125738966144a7fdafe1ae26d77b72085b8003', class: "xv-toggle-tip" }, index.h("div", { key: '0fefcfc966714aa98d98672a1727aa2fc6bfadf2', class: "trigger", role: "button", tabindex: "0", "aria-expanded": this.open ? 'true' : 'false', "aria-controls": "popover", onClick: () => this.setPopover(!this.open), ref: (el) => (this.triggerEl = el) }, index.h("slot", { key: '752b5bf8be01660d12a6911e4a594c69da6b1e0c', name: "trigger" }, index.h("svg", { key: '6a594cfd8a4ff05d30d70fdda25a01157f6f94ee', class: "trigger_icon", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: 16, height: 16 }, index.h("path", { key: '133a8b6e0f4d04e3c4df60209517191d5fd508fe', fill: "currentColor", d: "M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336c-13.3 0-24 10.7-24 24s10.7 24 24 24l80 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-8 0 0-88c0-13.3-10.7-24-24-24l-48 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l24 0 0 64-24 0zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z" })))), index.h("div", { key: 'ee2d9238662f276f76669353139a25867708f625', class: { popover: true }, role: "tooltip", tabindex: "-1", ref: (el) => (this.popoverEl = el) }, index.h("div", { key: '3c9f9455849855757051aeeac26cba84123f6f7d', class: "popover-tip", part: "tip", "data-popper-arrow": "" }), index.h("div", { key: 'cfb0da55d009997e002f072b7ff36efaf14fb06f', class: "popover-content" }, index.h("slot", { key: 'f2dc06851b50ed5002f819e018f2bf191011fbf3', name: "header" }), index.h("slot", { key: '2dc5b57ffd60fa4586dc43b3e9534e4ede376199', name: "body" }), index.h("slot", { key: '1c236e27d751fd957fdeaf2605d8b24495b59daf', name: "footer" })))));
|
|
3329
3427
|
}
|
|
3330
3428
|
disconnectedCallback() {
|
|
3331
3429
|
this.destroyPopper();
|
|
@@ -3367,7 +3465,7 @@ const XvTooltip = class {
|
|
|
3367
3465
|
this.popperInstance = null;
|
|
3368
3466
|
}
|
|
3369
3467
|
render() {
|
|
3370
|
-
return (index.h(index.Host, { key: '
|
|
3468
|
+
return (index.h(index.Host, { key: 'd1f0178c3853f96716217630ff0349a0396f33a0' }, index.h("slot", { key: '11af6ea09c3d833318118164f0493bf4c98316a3' }, index.h("svg", { key: '614c37cd6eda62cc3745f49252627f1383a46166', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: 16, height: 16 }, index.h("path", { key: '11f2da0b818971c6f17145e1fa5b17b1852faafd', 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" }))), this.visible && (index.h("div", { key: '8f0db2decd3ff2993b0b618e2111cac861fec058', class: "xv-tooltip", ref: (el) => (this.tooltipEl = el), role: "tooltip" }, this.message, index.h("div", { key: 'a8e05a8dbe988e7df14da6a16f42e528a68708c0', class: "xv-tooltip-arrow", "data-popper-arrow": "" })))));
|
|
3371
3469
|
}
|
|
3372
3470
|
get el() { return index.getElement(this); }
|
|
3373
3471
|
};
|
|
@@ -3380,6 +3478,7 @@ exports.xv_card_v2 = XvCard;
|
|
|
3380
3478
|
exports.xv_checkbox_v2 = XvCheckbox;
|
|
3381
3479
|
exports.xv_data_table = XvDataTable;
|
|
3382
3480
|
exports.xv_data_table_cell = XvDataTableCell;
|
|
3481
|
+
exports.xv_data_table_collapse = XvDataTableCollapse;
|
|
3383
3482
|
exports.xv_data_table_row = XvDataTableRow;
|
|
3384
3483
|
exports.xv_dropdown_v2 = XvDropdown;
|
|
3385
3484
|
exports.xv_dropdown_v2_item = XvDropdownItem;
|
|
@@ -3406,6 +3505,6 @@ exports.xv_tag_v2 = XvTag;
|
|
|
3406
3505
|
exports.xv_text_input_v2 = XvTextInput;
|
|
3407
3506
|
exports.xv_toggle_tip = XvToggleTip;
|
|
3408
3507
|
exports.xv_tooltip_v2 = XvTooltip;
|
|
3409
|
-
//# sourceMappingURL=xv-accordion-v2.xv-accordion-v2-item.xv-button-v2.xv-card-v2.xv-checkbox-v2.xv-data-table.xv-data-table-cell.xv-data-table-row.xv-dropdown-v2.xv-dropdown-v2-item.xv-file-uploader.xv-footer.xv-header.xv-link-v2.xv-loader-v2.xv-login-modal.xv-modal-v2.xv-notification-v2.xv-number-input-v2.xv-overflow-menu-v2.xv-overflow-menu-v2-item.xv-progress-indicator-v2.xv-progress-indicator-v2-item.xv-tab-v2.xv-table-v2.xv-table-v2-cell.xv-table-v2-expand.xv-table-v2-row.xv-tabs-v2.xv-tag-v2.xv-text-input-v2.xv-toggle-tip.xv-tooltip-v2.entry.cjs.js.map
|
|
3508
|
+
//# sourceMappingURL=xv-accordion-v2.xv-accordion-v2-item.xv-button-v2.xv-card-v2.xv-checkbox-v2.xv-data-table.xv-data-table-cell.xv-data-table-collapse.xv-data-table-row.xv-dropdown-v2.xv-dropdown-v2-item.xv-file-uploader.xv-footer.xv-header.xv-link-v2.xv-loader-v2.xv-login-modal.xv-modal-v2.xv-notification-v2.xv-number-input-v2.xv-overflow-menu-v2.xv-overflow-menu-v2-item.xv-progress-indicator-v2.xv-progress-indicator-v2-item.xv-tab-v2.xv-table-v2.xv-table-v2-cell.xv-table-v2-expand.xv-table-v2-row.xv-tabs-v2.xv-tag-v2.xv-text-input-v2.xv-toggle-tip.xv-tooltip-v2.entry.cjs.js.map
|
|
3410
3509
|
|
|
3411
|
-
//# sourceMappingURL=xv-accordion-
|
|
3510
|
+
//# sourceMappingURL=xv-accordion-v2_34.cjs.entry.js.map
|