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
|
@@ -73,6 +73,12 @@ var SIZE_VAR;
|
|
|
73
73
|
SIZE_VAR["LG"] = "lg";
|
|
74
74
|
SIZE_VAR["XL"] = "xl";
|
|
75
75
|
})(SIZE_VAR || (SIZE_VAR = {}));
|
|
76
|
+
var XV_SORT_DIR;
|
|
77
|
+
(function (XV_SORT_DIR) {
|
|
78
|
+
XV_SORT_DIR["ASC"] = "asc";
|
|
79
|
+
XV_SORT_DIR["DESC"] = "desc";
|
|
80
|
+
XV_SORT_DIR["NONE"] = "none";
|
|
81
|
+
})(XV_SORT_DIR || (XV_SORT_DIR = {}));
|
|
76
82
|
|
|
77
83
|
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}";
|
|
78
84
|
|
|
@@ -256,41 +262,139 @@ const XvCheckbox = class {
|
|
|
256
262
|
};
|
|
257
263
|
XvCheckbox.style = xvCheckboxCss;
|
|
258
264
|
|
|
259
|
-
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;
|
|
265
|
+
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)}";
|
|
260
266
|
|
|
261
267
|
const XvDataTable = class {
|
|
262
268
|
constructor(hostRef) {
|
|
263
269
|
registerInstance(this, hostRef);
|
|
264
270
|
this.size = SIZE_VAR.MD;
|
|
265
271
|
this.columnWidths = [];
|
|
272
|
+
this.hover = false;
|
|
266
273
|
}
|
|
267
274
|
render() {
|
|
268
|
-
return (h(Host, { key: '
|
|
275
|
+
return (h(Host, { key: '207324db4e9adea03e0137788fa43f8e9a7eb677', class: "xv-data-table" }, h("caption", { key: 'f5925136510194c00db68b12ef921f6e68b56904' }, h("slot", { key: 'b0b40ae6031c154f75f84587c4fa54f2c86fb011', name: "title" })), h("div", { key: '69121d921fcdc8f1c82e44d7eede6cdcab9e22d4', class: "bar" }, h("div", { key: '6b3db04362ba12983581946f00a66738dee3c2da', class: "bar_batch" }, h("slot", { key: 'caac537802365f29fefb13ac7f2c3060849ac47e', name: "batch" })), h("div", { key: 'b918df57e54dca14d66dd8a14994ceab12ff7ad2', class: "bar_toolbar" }, h("slot", { key: 'a567d9d6258abf3b3ed888e5ecee3817962949f6', name: "toolbar" }))), h("table", { key: 'fd0e463d79710b09db9a6e5655279d6c6591ed2e', role: "table" }, this.columnWidths.length > 0 && (h("colgroup", { key: '05aa18155327d5ecb1c62081dc081efb1f3b8db3' }, this.columnWidths.map((width = 'auto') => h("col", { style: { width } })))), h("slot", { key: 'f95cdd075cad05b53bf8e3cef85eccd908c1191f' }))));
|
|
269
276
|
}
|
|
277
|
+
get el() { return getElement(this); }
|
|
270
278
|
};
|
|
271
279
|
XvDataTable.style = xvDataTableCss;
|
|
272
280
|
|
|
273
|
-
const xvDataTableCellCss = "
|
|
281
|
+
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}";
|
|
274
282
|
|
|
275
283
|
const XvDataTableCell = class {
|
|
276
284
|
constructor(hostRef) {
|
|
277
285
|
registerInstance(this, hostRef);
|
|
286
|
+
this.sortChange = createEvent(this, "sortChange");
|
|
287
|
+
}
|
|
288
|
+
handleSort() {
|
|
289
|
+
if (this.sort === undefined)
|
|
290
|
+
return;
|
|
291
|
+
let sort = this.sort;
|
|
292
|
+
if (this.sort === '')
|
|
293
|
+
sort = XV_SORT_DIR.NONE;
|
|
294
|
+
this.sort = sort === XV_SORT_DIR.NONE ?
|
|
295
|
+
XV_SORT_DIR.ASC : sort === XV_SORT_DIR.ASC ?
|
|
296
|
+
XV_SORT_DIR.DESC : XV_SORT_DIR.NONE;
|
|
297
|
+
forEach(this.el.parentElement.children, (cell) => {
|
|
298
|
+
if (cell !== this.el && cell.hasAttribute('sort')) {
|
|
299
|
+
cell.setAttribute('sort', 'none');
|
|
300
|
+
}
|
|
301
|
+
});
|
|
302
|
+
if (!this.name)
|
|
303
|
+
this.name = uidGenerator();
|
|
304
|
+
this.sortChange.emit(this.sort);
|
|
278
305
|
}
|
|
306
|
+
;
|
|
279
307
|
render() {
|
|
280
|
-
return (h(Host, { key: '
|
|
308
|
+
return (h(Host, { key: 'bfc254739fa56d47210d43d134ba6c3534c5e567', role: "cell", style: { width: this.width }, class: {
|
|
309
|
+
multiline: this.multiline !== undefined,
|
|
310
|
+
[`align--${this.align}`]: !!this.align
|
|
311
|
+
} }, !this.multiline || isNaN(this.multiline) ? h("slot", null) : (h("div", { class: "line-clamp", style: { ['-webkit-line-clamp']: `${this.multiline}` } }, h("slot", null)))));
|
|
281
312
|
}
|
|
313
|
+
get el() { return getElement(this); }
|
|
282
314
|
};
|
|
283
315
|
XvDataTableCell.style = xvDataTableCellCss;
|
|
284
316
|
|
|
285
|
-
const
|
|
317
|
+
const XV_DATA_TABLE_TAG = 'xv-data-table';
|
|
318
|
+
const XV_DATA_TABLE_ROW_TAG = 'xv-data-table-row';
|
|
319
|
+
|
|
320
|
+
const xvDataTableCollapseCss = ":host([collapsed]){display:none}:host([expanded]){display:contents}";
|
|
321
|
+
|
|
322
|
+
const XvDataTableCollapse = class {
|
|
323
|
+
constructor(hostRef) {
|
|
324
|
+
registerInstance(this, hostRef);
|
|
325
|
+
this.collapsedChange = createEvent(this, "collapsedChange");
|
|
326
|
+
this.collapsed = false;
|
|
327
|
+
}
|
|
328
|
+
async setCollapsed(collapsed) {
|
|
329
|
+
this.collapsed = collapsed;
|
|
330
|
+
this.collapsedChange.emit(this.collapsed);
|
|
331
|
+
return this.collapsed;
|
|
332
|
+
}
|
|
333
|
+
componentWillLoad() {
|
|
334
|
+
const table = this.el.closest(XV_DATA_TABLE_TAG);
|
|
335
|
+
const rows = table.querySelectorAll(XV_DATA_TABLE_ROW_TAG);
|
|
336
|
+
rows.forEach((row) => row === null || row === void 0 ? void 0 : row.setAttribute('collapsable', ''));
|
|
337
|
+
}
|
|
338
|
+
render() {
|
|
339
|
+
return (h(Host, { key: '7704e9d073c449d3efd35bada4f632129378308e', id: this.el.id, part: "xv-collapse", class: this.el.className, collapsed: this.collapsed, expanded: !this.collapsed }, h("slot", { key: 'a9684bbe4c0bf29fdf12c81344236d1b38865fd3' })));
|
|
340
|
+
}
|
|
341
|
+
get el() { return getElement(this); }
|
|
342
|
+
};
|
|
343
|
+
XvDataTableCollapse.style = xvDataTableCollapseCss;
|
|
344
|
+
|
|
345
|
+
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}";
|
|
286
346
|
|
|
287
347
|
const XvDataTableRow = class {
|
|
288
348
|
constructor(hostRef) {
|
|
289
349
|
registerInstance(this, hostRef);
|
|
350
|
+
this.check = createEvent(this, "check");
|
|
351
|
+
this.checked = false;
|
|
352
|
+
this.partial = false;
|
|
353
|
+
this.hover = false;
|
|
354
|
+
this.header = false;
|
|
355
|
+
this.footer = false;
|
|
356
|
+
this.disabled = false;
|
|
357
|
+
this.readonly = false;
|
|
358
|
+
this.required = false;
|
|
359
|
+
this.collapsed = false;
|
|
360
|
+
this.collapseClick = async () => {
|
|
361
|
+
var _a;
|
|
362
|
+
if (!this.collapse || !this.collapseEl)
|
|
363
|
+
return;
|
|
364
|
+
this.collapsed = !this.collapsed;
|
|
365
|
+
await ((_a = this.collapseEl) === null || _a === void 0 ? void 0 : _a.setCollapsed(this.collapsed));
|
|
366
|
+
};
|
|
367
|
+
this.setInitialState = () => {
|
|
368
|
+
var _a;
|
|
369
|
+
if (this.collapse && !this.collapseEl) {
|
|
370
|
+
this.collapseEl = this.el.parentElement.querySelector(`xv-data-table-collapse${this.collapse}`);
|
|
371
|
+
this.collapsed = (_a = this.collapseEl) === null || _a === void 0 ? void 0 : _a.hasAttribute('collapsed');
|
|
372
|
+
}
|
|
373
|
+
if (!this.hover) {
|
|
374
|
+
const table = this.el.closest(XV_DATA_TABLE_TAG);
|
|
375
|
+
this.hover = table.hasAttribute('hover');
|
|
376
|
+
}
|
|
377
|
+
};
|
|
378
|
+
this.checkedChangeHandle = ({ detail: checked }) => {
|
|
379
|
+
if (!checked && this.partial)
|
|
380
|
+
this.partial = checked;
|
|
381
|
+
if (!this.name)
|
|
382
|
+
this.name = uidGenerator();
|
|
383
|
+
this.check.emit({
|
|
384
|
+
checked,
|
|
385
|
+
name: this.name,
|
|
386
|
+
value: this.value,
|
|
387
|
+
partial: this.partial,
|
|
388
|
+
header: this.header,
|
|
389
|
+
footer: this.footer,
|
|
390
|
+
expandable: !!this.collapseEl,
|
|
391
|
+
});
|
|
392
|
+
};
|
|
290
393
|
}
|
|
291
394
|
render() {
|
|
292
|
-
return (h(Host, { key: '
|
|
395
|
+
return (h(Host, { key: '4e452026f2b03d8d54811cb1de7342bc0a4d38b1', role: "row", part: "xv-row", class: { checked: this.checked, hover: this.hover } }, (!!this.variant || this.collapsable) && (h("xv-data-table-cell", { key: '28d1bb41ac6c4de32701315e1a201892041d4b42', width: !!this.variant ? '16px' : '0', class: "cell-control" }, !!this.collapse && (h("button", { key: 'b7d4c5d1e8121ce9797ca292d7367df734b356fe', class: { 'cell-control_collapse': true, open: !this.collapsed }, onClick: this.collapseClick })), this.variant === 'checkbox' && (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" })))), h("slot", { key: '0ae007a4595a3cc854246c2e46d058df0f596b17', onSlotchange: this.setInitialState })));
|
|
293
396
|
}
|
|
397
|
+
get el() { return getElement(this); }
|
|
294
398
|
};
|
|
295
399
|
XvDataTableRow.style = xvDataTableRowCss;
|
|
296
400
|
|
|
@@ -392,7 +496,7 @@ const XvDropdown = class {
|
|
|
392
496
|
this.changeSelection.emit(this.setSelected(this.selectedMap, optionElements));
|
|
393
497
|
}
|
|
394
498
|
render() {
|
|
395
|
-
return (h(Host, { key: '
|
|
499
|
+
return (h(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 }, h("label", { key: '54550cb9b8a26cc4df4a55abc677bd3f5bb9730d', class: "label" }, h("slot", { key: '46270d1b0e6b5ee26a07aeaf318617c73e82cfdb', name: "label" }, this.label), this.info && h("xv-tooltip-v2", { key: 'f3b7c09e3346dbaeb0fd720e20e4bbcd58bde7eb', class: "label_info", message: this.info })), h("div", { key: '4b4a2794ba78378cd89b3b2ad67bc66edbf4c52f', class: "xv-dropdown-control control", onClick: this.handleOpen }, this.selected.length ? (h("p", { class: "control_value" }, this.selected.join(', '))) : (h("p", { class: "control_placeholder" }, this.placeholder || '')), this.renderIcon(), 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" }, h("path", { key: 'a895b585e7750cf4a01f7bd0dff390e70f2c482c', d: "M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z" }))), this.open && h("div", { key: '846792bfd1683daeb3223fb68c3559543b540787', class: "options" }, h("slot", { key: "xv-dropdown-options" })), (this.helper || this.error || this.warning) && (h("p", { key: '741d4636d86a44091e4a4b275806f745ded156f7', class: "helper" }, this.error || this.warning || this.helper))));
|
|
396
500
|
}
|
|
397
501
|
componentWillLoad() {
|
|
398
502
|
this.setDefaultValues();
|
|
@@ -442,7 +546,7 @@ const XvDropdownItem = class {
|
|
|
442
546
|
});
|
|
443
547
|
}
|
|
444
548
|
render() {
|
|
445
|
-
return (h(Host, { key: '
|
|
549
|
+
return (h(Host, { key: '85ba648d8281168521c1ed8c4b0b861fb428ce8e', class: "xv-dropdown-item", value: this.value, role: "option", tabindex: this.disabled ? -1 : false }, h("slot", { key: '6c303d085e23e1ecfa433aefa22f02be1cd5711f' }), this.selected && h("span", { key: 'c555912f9727a0e42b09279b31fe3b3b740bf7eb', class: "checkmark" })));
|
|
446
550
|
}
|
|
447
551
|
componentWillLoad() {
|
|
448
552
|
if (!this.value)
|
|
@@ -540,10 +644,10 @@ const XvFileUploader = class {
|
|
|
540
644
|
}
|
|
541
645
|
render() {
|
|
542
646
|
var _a;
|
|
543
|
-
return (h(Host, { key: '
|
|
647
|
+
return (h(Host, { key: '1105dfa28937f83f3508498ecf3b00b181f3f062', class: { 'upload-wrapper': true, [`uploader-${this.size}`]: true, disabled: !!this.disabled } }, this.label && h("label", { key: 'bb7aeb7744325dc15cee88e63672ab2f1cac48fa', class: "label" }, this.label), this.description && h("p", { key: '17d6076cf70f1d69b9d760992739f5f8ae571711', class: "description" }, this.description), this.variant === 'button' ? (h("button", { disabled: this.disabled, class: "upload-btn", 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.', ((_a = this.accept) === null || _a === void 0 ? void 0 : _a.length) > 0 && h("span", null, " (", this.accept.join(', '), ")"))), 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(',') }), h("ul", { key: '3d2b5a6505a70c4a14004f0e0f3c6da7213b0007', class: "file-list" }, this.files.map((file, index) => {
|
|
544
648
|
var _a, _b;
|
|
545
649
|
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)));
|
|
546
|
-
})), this.error && (h("div", { key: '
|
|
650
|
+
})), this.error && (h("div", { key: '3918fcaf5c5660eb2a5553886e191e2969d81cb4', class: "error-container" }, h("p", { key: '26fcb672d89ec14e99b83dfc78712b72d9042d72', class: "error-container_primary" }, this.error)))));
|
|
547
651
|
}
|
|
548
652
|
_renderLoaderState(index) {
|
|
549
653
|
var _a, _b, _c;
|
|
@@ -593,7 +697,7 @@ const Xvfooter = class {
|
|
|
593
697
|
}
|
|
594
698
|
}
|
|
595
699
|
render() {
|
|
596
|
-
return (h("footer", { key: '
|
|
700
|
+
return (h("footer", { key: 'ded377d47464f3f171b99929f6517d4a2bc0be7b' }, h("div", { key: 'f1cfbd7b0277f073ed45a7be034bc86d60bf8880', innerHTML: this.htmlContent })));
|
|
597
701
|
}
|
|
598
702
|
get el() { return getElement(this); }
|
|
599
703
|
};
|
|
@@ -633,13 +737,13 @@ const XvHeader = class {
|
|
|
633
737
|
}
|
|
634
738
|
}
|
|
635
739
|
render() {
|
|
636
|
-
return (h("div", { key: '
|
|
740
|
+
return (h("div", { key: 'e23865373ad9ea2ad72b911763532a825f606bc5', id: "nav-container", class: "xv-header" }, h("nav", { key: '7a621ccedbbcea7752e8f0535718e714ac3b87a7', class: "navbar navbar-default navbar-fixed-top backend-force-relative" }, h("div", { key: '5d48c595a601eb4aecbf20acf7bad412173b0c43', class: "container" }, h("div", { key: '495a0c316a6eaf585704e5d8c7fc1ad6a98ef0a2', class: "row" }, h("div", { key: 'ae0135513b1afd15a8a732b433226ea4c2e5fb34', class: "col-sm-3 col-xs-3 col-xxs-4 no-padding-right" }, h("div", { key: '941dcc71efd9fcd591fc37d3b79658a5895c0cf5', class: "navbar-header" }, h("button", { key: '05422376a774a3fb2bad4f3d99260c14c9591ac3', class: "btn btn-default navbar-toggle pull-left navbar-btn", "data-toggle": "collapse", "data-target": "#main-menu" }, h("i", { key: '2724965e90ff27350749d35e4f334c896222adbd', class: "fa fa-bars fa-lg", "aria-hidden": "true" })), h("div", { key: '540e61643a05c89e92739af9e5639dae1c7a3a89', class: "visible-xs-inline" }, h("a", { key: 'a90967bfd343bfa84310f439e869d5cf6fd7b245', href: "https://www.crossvertise.com/", class: "navbar-brand" }, h("img", { key: '9a4a05061aab1c1b9f47f3c8a5f1d233f2d0585f', src: "https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo-small.svg", alt: "Crossvertise" }))), h("div", { key: '6be821a687b33ff2ec170722ced74f916380f351', class: "hidden-xs" }, h("a", { key: '30494848524505dfd30b205d781628ecd76d7133', href: "https://www.crossvertise.com/", class: "navbar-brand" }, h("img", { key: '3d295824a957db5789a0712bcce707679a0b61eb', loading: "lazy", src: "https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo.svg", alt: "Crossvertise" }))))), h("div", { key: 'ccda27c0fc15d51d8bb36a0edc6449a2a0ad96ab', class: "col-sm-9 col-xs-9 col-xxs-8 no-padding-left" }, h("ul", { key: '11cb71d231254db9f1c5c53695aae2e721da4b20', class: "nav nav-pills nav-meta pull-right" }, h("li", { key: '50c5f81db2f1f0e85c5f6bbf9a253465d9e84b35' }, h("a", { key: '79bc7f4274fc938a35e38682ba0f65fccdfb4b03', class: "btn btn-link navbar-btn hidden-xs", href: "#" }, h("i", { key: '21710845d33579fab0dc70d063b5d872387378c9', class: "fa fa-user" }), h("i", { key: 'c6061afb38e2b2ed44c03ce4e910d9d2b5801a17', class: "fa fa-exchange-alt" }))), h("li", { key: '49348a283e4ede773307681345099e57207fcdda' }, h("a", { key: '290fd16b3aafec374b449d5050a19f606894b1d7', class: "btn btn-link navbar-btn hidden-xs", href: "#" }, "Kontakt"), h("a", { key: 'b51214e7831f07a03ac866bda5266c8d525fe558', href: "https://www.crossvertise.com/contact", class: "btn btn-link navbar-btn hidden-xs", style: { display: 'none' } }, "Kontakt"), h("a", { key: '31fd0c8390e09334e1996330efa04c9899620cc6', class: "btn btn-default btn-link navbar-btn visible-xs hidden-xxs", href: "#" }, h("i", { key: '17684ce738751f491369695434ab9183008a9b0d', class: "fa fa-phone" }))), h("li", { key: '38ece1d7260b8d73c7e48e3bd3b6ac29d389b88b', class: "dropdown", id: "my-xv-menu" }, h("a", { key: '70ba7716137f93f52ea952ea401fb634a85bd672', href: "#", class: "dropdown-toggle btn btn-default navbar-btn btn-link", "data-toggle": "dropdown" }, h("i", { key: 'bba83584c110f747aeb7e1f64d1010eb76588e93', class: "fa fa-user fa-lg text-success", "aria-hidden": "true" }), "\u00A0", h("span", { key: '6438bc959dfd6245859425f8e325127f869a4a8a', class: "hidden-xs" }, "Mein Bereich"), h("span", { key: '48b03adc129165116ac53166508b7d85a50d9110', class: "caret" })), h("ul", { key: '41a1e53662bc7c4b01b4dc50ed498b904d3e1fe0', class: "dropdown-menu-left dropdown-menu navbar-myxv" }, h("li", { key: 'f74892854e52d7109b3f40aeb9f0df75db7df6b9' }, h("a", { key: '0b41a267d437bab5d1c721942901c90c2b5f544c', href: "#" }, h("i", { key: '8824476df69bb5efeed55b742c2bf660711e9946', class: "fa fa-tachometer-alt fa-fw" }), "\u00A0Cockpitfunktionen\u00A0", h("i", { key: 'eea0470f9510c6bb4be719edb4592511fbe9db2f', class: "fa fa-caret-down" }))), h("li", { key: '8db405011c404f6f62ca6f849fd1a5c7fb6130b5' }, h("a", { key: '2a07deb167ebeb88396424325057ded6a5d3bb79', href: "#" }, h("i", { key: 'c278dfc51bb82626032dda352ec0fef4fe292d0e', class: "fa fa-cubes" }), "\u00A0Entit\u00E4ten\u00A0", h("i", { key: 'df99378caeca61ff7fc34e0e5ba4ef300945c91b', class: "fa fa-caret-down" }))), h("li", { key: 'ac30718411da279c57fadadc62a6cd669a34d715', role: "separator", class: "divider" }), h("li", { key: '869b0c629487677b67c713ca73651755cbf6f383' }, h("a", { key: 'ac460c523ce2202ba08b7de10bdac67b48912dd6', href: "#" }, h("i", { key: 'feda1a2c2999dead3b2b3eb834f8b51cc63dd991', class: "fa fa-user" }), "\u00A0Mein Crossvertise\u00A0", h("span", { key: 'db19052087c8efff2cf408629775636aa1980250', class: "badge" }, "0"), h("i", { key: '5225f5b72738346c19fb1613950410bca93d8d2a', class: "fa fa-caret-down" }))), h("li", { key: '5590a102180218c69e065cc57794b835a5f224d1' }, h("a", { key: '316a47a72b47da1f68fd1f717f7246740f25a6a8', href: "https://www.crossvertise.com/de-de/mycrossvertise/account/logoff?returnUrl=https%3A%2F%2Fwww.crossvertise.com" }, h("i", { key: 'bb8ccc79300a525d4f8194d2fd00abb2581db9f6', class: "fa fa-sign-out-alt fa-fw", "aria-hidden": "true" }), "\u00A0Logout")))), h("li", { key: 'd0ba91f2c496398d5aa5dbb1117d6309e8f1e606', class: "visible-sm-block visible-xs-block hidden-xxs" }, h("a", { key: '22b74c5543d27d32c2d02e351b7c21e16b9ce78c', class: "btn btn-default navbar-btn btn-link", "data-toggle": "collapse", "data-target": "#search-collapse" }, h("i", { key: '01b86811a768fc2a19d72cb4f17c6a9785829ab0', class: "fa fa-search", "aria-hidden": "true" }))), h("li", { key: 'c0d72f6ddd76f3dfa9d96f12118d0a73241753e8', class: "hidden-xs hidden-sm" }, h("a", { key: '71a09c453ede7a36bc6b8fc5fa79d1e608a16cfb', role: "button", onClick: this.openLoginModal, class: "btn btn-default navbar-btn btn-link" }, h("i", { key: '74142f2bd13d8de2d85fc1e82377407152d14c92', class: "fa fa-user fa-lg", "aria-hidden": "true" }), h("span", { key: '1b5116849bca8e05dc349f8554b1b552c88369dc' }, "Login"))), h("xv-login-modal", { key: 'cb142ee870252f3633b90b4e9abcd05f9f7e2df7', visible: this.showLoginModal, onClose: this.closeLoginModal }), h("li", { key: 'bb2855d3c34440d8fb379624ddd5acda1a8df347', class: "hidden-xs" }, h("a", { key: 'ad31c42ae4f0cfffa369b8c6471f89dc21bbbfa8', class: "btn btn-default navbar-btn btn-link", href: "https://market.crossvertise.com/de-de/mycrossvertise/account/register" }, h("span", { key: '6a9faaac3cfe6211636be703df13a104762e2fb2' }, "Registrieren"))), h("li", { key: '2211f6d0672a708956f3cc615bf0c7ee7b3ce1ec', class: "navbar-divider hidden-xs" }), h("li", { key: '252bdabd42167b13a7e338c6554dc62f6dbf5156' }, h("a", { key: 'e4e3b75d0be8af70ca5e7fe64e3ee2b21eff072b', class: "btn btn-success navbar-btn", href: "https://market.crossvertise.com/de-de/mycrossvertise/shoppingcart/activecart" }, h("span", { key: 'f5c1b26dd26a7baf67cfccfe4817aaa7b9cf0c9d', class: "xv-font-icon-warenkorb fa-lg fa-fw", "aria-hidden": "true" }), h("span", { key: '8e4e16628d7662e46bb92817e430471557390432', class: "hidden-xs hidden-sm" }, "\u00A0Warenkorb\u00A0"), h("span", { key: 'da18423a0585a0298ec080cb2526c1104f46e907', class: "badge badge-success" }, "0"))))))), h("div", { key: '282355ac46855e03ae8a3d64bb4eaf62c86e77ca', class: "collapse hidden-md hidden-lg", id: "search-collapse" }, h("div", { key: '5007ccb71a3ff29b7325f0fcf8bce09eb93f603c', class: "container" }, h("form", { key: '55627dcc8b419e24b65cd6f6ad5e4fdde1a368d0', action: "https://market.crossvertise.com/de-de/media/search", class: "navbar-form", method: "get", role: "search" }, h("div", { key: '0d39c0d7cd9b098f6d5ab5f1f1c3418128753816', class: "input-group" }, h("input", { key: 'fb554f8ba5df87ec3fe372c9834497accafdd451', class: "form-control", name: "Q", placeholder: "Suche", type: "text", autocomplete: "off" }), h("span", { key: '353cc24679f1092fea80f7c033525d8291ec8d0b', class: "input-group-btn force-full-width" }, h("button", { key: 'bbde50921f67baa753a65540f544bfcae80379c6', class: "btn btn-default search-addon", type: "submit" }, h("i", { key: '17749c3879831e532d36a08cc7c1ef43d72e5591', class: "fa fa-search", "aria-hidden": "true" })))))))), h("div", { key: '37675efdf9ad133373d0b4053d1007b92b9be622', innerHTML: this.htmlContent })));
|
|
637
741
|
}
|
|
638
742
|
get el() { return getElement(this); }
|
|
639
743
|
};
|
|
640
744
|
XvHeader.style = xvHeaderCss;
|
|
641
745
|
|
|
642
|
-
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%}";
|
|
746
|
+
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%}";
|
|
643
747
|
|
|
644
748
|
const XvLink = class {
|
|
645
749
|
constructor(hostRef) {
|
|
@@ -655,7 +759,7 @@ const XvLink = class {
|
|
|
655
759
|
e.stopPropagation();
|
|
656
760
|
}
|
|
657
761
|
render() {
|
|
658
|
-
return (h(Host, { key: '
|
|
762
|
+
return (h(Host, { key: '8abd4142d08b9a55fe67a2c588655728e25dd159', class: `xv-link_${this.variant}` }, 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 }, h("slot", { key: '0a68b77769f8681dfc44782f9e5ea2db1a8a7d6f', name: "icon-left" }), h("slot", { key: '3ecd19fef95c96c283f260a5ef5dea734bf318bd' }), h("slot", { key: '8f21cd979ccfc5e6e890092b6ebea3b0bd067f1d', name: "icon-right" }))));
|
|
659
763
|
}
|
|
660
764
|
};
|
|
661
765
|
XvLink.style = xvLinkCss;
|
|
@@ -831,7 +935,7 @@ const XvModal = class {
|
|
|
831
935
|
}
|
|
832
936
|
render() {
|
|
833
937
|
var _a;
|
|
834
|
-
return (h(Host, { key: '
|
|
938
|
+
return (h(Host, { key: '227d7c8432c263024eb14ebcc906d45d01845143', role: "dialog", size: this.size, id: this.el.id }, h("slot", { key: 'e9c1c83f4d5e3a1ddfa765b17129ea13dce96582', name: "trigger", onSlotchange: this.setupTrigger }), h("div", { key: '3a5b9b557925edb299ce386e289f60d87cbf9341', class: { backdrop: true }, onClick: this.onBackdropClick }, h("div", { key: '77e793861e33d77ca59c5f3bc89e1a6d83b8ba38', class: "modal" }, h("button", { key: '5534a1306535847efa5c77d393323ca93d9b33f3', class: "modal_close", onClick: this.closeModal.bind(this) }, "\u00D7"), h("div", { key: 'c3dee869a2be046d2e216730fc122da92c21920d', class: "modal_header" }, h("slot", { key: '42c0d657d261841a8fcb6461a079e06b5b1d2fad', name: "header" }, ((_a = this.el) === null || _a === void 0 ? void 0 : _a.title) && h("h5", { key: '48aae8d010464e9a06c92699ad9e1dfe5feb0e04', class: "modal_header__title" }, this.el.title))), h("div", { key: '4cb0e7c1fed672df57dc86e4ebc53859d9695d0d', class: { 'modal_content': true, overflow: this.overflow } }, h("slot", { key: '1df966114775ee209cab1311350cb9d005abae0c' })), h("div", { key: 'fc246530cac2cedb24a3b8be81e710cecd7b18fc', class: "modal_footer" }, h("slot", { key: '5b00a76e35824e041d8f891ca4e40ec27d72290f', name: "footer" }))))));
|
|
835
939
|
}
|
|
836
940
|
disconnectedCallback() {
|
|
837
941
|
this.removeTriggerListener();
|
|
@@ -877,7 +981,7 @@ const XvNotification = class {
|
|
|
877
981
|
};
|
|
878
982
|
}
|
|
879
983
|
render() {
|
|
880
|
-
return (h(Host, { key: '
|
|
984
|
+
return (h(Host, { key: '828674420130a41adc1c21b7dac6ba7795142871', class: "xv-notification", type: this.variant }, this.renderIcon(this.variant), h("div", { key: '2f863367c6952b1974607f577d33d69a572b83ac', class: "content" }, h("div", { key: 'df968f2dc944bf7b8cad543fb64a3c9d124a11ff', class: "content_wrapper" }, this.el.title && h("h5", { key: '200f8de5f706f7b4318cb94b9966a6171d56e2f5', class: "content_title" }, this.el.title), h("slot", { key: '76e93f53912a25d9240b82434e05466bf16902b3' })), h("slot", { key: '0403b90c0e139d214356519a33c0c546e03953a0', name: "footer" })), this.dismissible && h("button", { key: '70f8219f0b7c2dc897d0bb36ea5c7c7fb7aa3288', class: "close", onClick: this.closeHandle })));
|
|
881
985
|
}
|
|
882
986
|
static get assetsDirs() { return ["xv-notification/icons"]; }
|
|
883
987
|
get el() { return getElement(this); }
|
|
@@ -927,12 +1031,12 @@ const XvNumberInput = class {
|
|
|
927
1031
|
this.valueChange.emit(this.value);
|
|
928
1032
|
}
|
|
929
1033
|
render() {
|
|
930
|
-
return (h(Host, { key: '
|
|
1034
|
+
return (h(Host, { key: '9e9d338c9ff5f2191a7b93d75473455fcd0595e3', class: { disabled: !!this.disabled } }, h("label", { key: '94743e62549da23b3c63280d9a228bb7bab4dc86', class: "control" }, this.label && h("span", { key: 'a7feadfdb33ac4305a58b0634fafdfab56293a1e', class: "control_label" }, this.label), h("div", { key: '7e87334966533108284fad892e219c3d6e320da0', class: {
|
|
931
1035
|
'control_input': true,
|
|
932
1036
|
readonly: !!this.readonly,
|
|
933
1037
|
error: !!this.error,
|
|
934
1038
|
warning: !!this.warning
|
|
935
|
-
} }, h("input", { key: '
|
|
1039
|
+
} }, 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 }), h("div", { key: '4c13d73fa8ad210f1561ca9d924dc37b5d25f058', 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: 'ded5d2e74f4ff8544d025ce2862422ac69f54f9b', size: this.size, variant: "ghost", disabled: this.disabled || this.readonly, onClick: this.decrement, "aria-label": "Decrease" }, h("span", { key: '84bebcdd58a31c59d52685c589361532033074ba', slot: "icon-left", class: "status-icon" }, "\u2212")), h("hr", { key: 'ec34eb763fd84994fd3dde49dbb53c5472ff46ed' }), h("xv-button-v2", { key: '2275bbefc228ab1147c002c204b93da04d2b001e', size: this.size, variant: "ghost", disabled: this.disabled || this.readonly, onClick: this.increment, "aria-label": "Increase" }, h("span", { key: 'c64d970edf867832d6ee74354df55aa1cf151007', slot: "icon-left", class: "status-icon" }, "+"))))), this.helper && h("p", { key: 'b463bea86f2fa93c89072898796d03a9cd6c03bd', class: "message" }, this.helper), typeof this.error === 'string' ? (h("p", { class: "message error" }, this.error)) : typeof this.warning === 'string' ? (h("p", { class: "message warning" }, this.warning)) : null));
|
|
936
1040
|
}
|
|
937
1041
|
static get formAssociated() { return true; }
|
|
938
1042
|
};
|
|
@@ -990,7 +1094,7 @@ const XvOverflowMenu = class {
|
|
|
990
1094
|
}
|
|
991
1095
|
}
|
|
992
1096
|
render() {
|
|
993
|
-
return (h(Host, { key: '
|
|
1097
|
+
return (h(Host, { key: '49562a0f5cdd0ffc9d07c175f02133ebf91379f8', class: "xv-overflow-menu", size: this.size, role: "menu", tabindex: -1 }, h("button", { key: '512bfdab373dd6f91d747cd780588d743e995aba', class: { btn: true, open: this.open }, onClick: this.onOpenToggle, disabled: this.disabled }, h("svg", { key: 'ae162d6550bc87396f6f3307e15c3990b417768c', xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 128 512" }, 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" }))), h("div", { key: '4595e1d6334852bc13d9a1ead5534f1947a6697a', class: { list: true, open: this.open, [`position-${this.position}`]: true } }, h("slot", { key: '83c2cabf49ca7cb8e5c9e51526eae1d1b7202380' }))));
|
|
994
1098
|
}
|
|
995
1099
|
componentDidLoad() {
|
|
996
1100
|
this.openChangeHandle();
|
|
@@ -1026,7 +1130,7 @@ const XvOverflowMenuItem = class {
|
|
|
1026
1130
|
this.itemClick.emit({ event, value: this.value });
|
|
1027
1131
|
}
|
|
1028
1132
|
render() {
|
|
1029
|
-
return (h(Host, { key: '
|
|
1133
|
+
return (h(Host, { key: '3dd2a5251f385c53432fbe4964cfa6b506bea62e', class: "xv-overflow-menu-item", role: "menuitem", disabled: this.disabled }, h("slot", { key: 'c140fd224ff48c962a85401003d6fc94091d7b05' })));
|
|
1030
1134
|
}
|
|
1031
1135
|
};
|
|
1032
1136
|
XvOverflowMenuItem.style = xvOverflowMenuItemCss;
|
|
@@ -1100,7 +1204,7 @@ const XvProgressIndicator = class {
|
|
|
1100
1204
|
this.updateChildItems();
|
|
1101
1205
|
}
|
|
1102
1206
|
render() {
|
|
1103
|
-
return (h(Host, { key: '
|
|
1207
|
+
return (h(Host, { key: '05e84a5e734b88c4d2a3c2206e4e5ea75c0fc969', variant: this.variant, size: this.size, class: { 'xv-progress-indicator': true } }, h("slot", { key: '12dcb64216cfc45663d73d66bbd3225be005e897' })));
|
|
1104
1208
|
}
|
|
1105
1209
|
get el() { return getElement(this); }
|
|
1106
1210
|
static get watchers() { return {
|
|
@@ -1117,7 +1221,7 @@ const XvProgressIndicatorItem = class {
|
|
|
1117
1221
|
this.status = PROGRESS_ITEM_STATUS.NO_STARTED;
|
|
1118
1222
|
}
|
|
1119
1223
|
render() {
|
|
1120
|
-
return (h(Host, { key: '
|
|
1224
|
+
return (h(Host, { key: 'b648f0b889dbd13effc1e2df2d0b8df4a4310d33', status: this.status, class: { 'xv-progress-indicator-item': true } }, h("span", { key: '9f58d648cf7b954a3be77c2a09c1b0dea135831e', class: "line" }), h("span", { key: 'db4cedc2a3ae0894581658fc7e11059e89c6c805', class: "icon" }, h("svg", { key: '9418f257a253fe9c366fe148c5a24fa715a6f5ca', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512" }, 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" }))), h("p", { key: 'e71ecb98094b46e8af831d3bc7efd5461819a1cd', class: "label" }, h("slot", { key: 'c2332223f5205aabf5501014e6a4521665c2d1f7' }))));
|
|
1121
1225
|
}
|
|
1122
1226
|
get el() { return getElement(this); }
|
|
1123
1227
|
};
|
|
@@ -1132,7 +1236,7 @@ const XvTab = class {
|
|
|
1132
1236
|
this.loading = false;
|
|
1133
1237
|
}
|
|
1134
1238
|
render() {
|
|
1135
|
-
return (h(Host, { key: '
|
|
1239
|
+
return (h(Host, { key: 'ab7f5dbb607ca9c91a2503b4f5a739685e2ec45f', disabled: this.disabled, name: this.name }, this.loading ? h("xv-loader-v2", { size: SIZE_VAR.LG }) : h("slot", null)));
|
|
1136
1240
|
}
|
|
1137
1241
|
};
|
|
1138
1242
|
XvTab.style = xvTabCss;
|
|
@@ -1171,7 +1275,7 @@ const XvTable = class {
|
|
|
1171
1275
|
.join(' ') + ' repeat(auto-fit, minmax(0, 1fr))');
|
|
1172
1276
|
}
|
|
1173
1277
|
render() {
|
|
1174
|
-
return (h(Host, { key: '
|
|
1278
|
+
return (h(Host, { key: '7638ad48563703718ad0cc8fff24ee18cf3a48ff', class: { batchVisible: !!this.selectedCount } }, h("slot", { key: '434ff076e975190cc57b748ddea8eeece9cf88bd', name: "title" }, !!this.el.title && h("h2", { key: '65da06cb74c47d17b88e835bd7a6ef096af16b45', class: "xv-table-title" }, this.el.title)), h("slot", { key: '882e9653dc35963bf24aac581a8d03c4fedd1ae9', name: "toolbar" }), h("div", { key: '6c4c289d8bdd312e0d80648012ae8030125b2ed6', class: "xv-table" }, h("div", { key: '66ec508b2996535f00bebb8fa1d6639023f4ac23', class: "batch-actions" }, h(Fragment, { key: 'e28a6fb4c17ec7287d11ff1c6745df530795d7fd' }, h("div", { key: '3d9ad8d0757d390fa8beb04acff62848170c6d1c', class: "batch-actions_content" }, h("slot", { key: 'bc8fe38784469a85e323ed1d3a6c23acc51a98af', name: "batch" })), h("p", { key: '8f49764dfd6c521e31a58fd2a285d149950f3a1c', class: "batch-actions_count" }, !!this.selectedCount && `${this.selectedCount} ${this.selectedCount === 1 ? 'Position ausgewählt' : 'Positionen ausgewählt'}`))), h("div", { key: '316cfca89ab6549abdbfadf0fe5806acbc347d0b', class: "xv-table_wrapper" }, h("slot", { key: 'a5a7c79f2bfc49b4825b87677899f16c6c8cd9bb' }), h("slot", { key: '7e82440672624b8e4c6a4b84c615db38b04fb031', name: "footer" })), !!this.loading && (h("div", { key: '3b656b4c0d355884589438f1da2c98d1129a9fac', class: "xv-table_loading" }, h("xv-loader-v2", { key: '873d51be85722147c5c52f44f5ba590e5033a529', size: SIZE_VAR.LG }))))));
|
|
1175
1279
|
}
|
|
1176
1280
|
componentWillLoad() {
|
|
1177
1281
|
this.setColsSizeTemplate();
|
|
@@ -1183,15 +1287,6 @@ const XvTable = class {
|
|
|
1183
1287
|
};
|
|
1184
1288
|
XvTable.style = xvTableCss;
|
|
1185
1289
|
|
|
1186
|
-
var XV_SORT_DIR;
|
|
1187
|
-
(function (XV_SORT_DIR) {
|
|
1188
|
-
XV_SORT_DIR["ASC"] = "asc";
|
|
1189
|
-
XV_SORT_DIR["DESC"] = "desc";
|
|
1190
|
-
XV_SORT_DIR["NONE"] = "none";
|
|
1191
|
-
})(XV_SORT_DIR || (XV_SORT_DIR = {}));
|
|
1192
|
-
const XV_EXPANDABLE_KEY = 'expandable';
|
|
1193
|
-
const XV_TABLE_TAG = 'xv-table-v2';
|
|
1194
|
-
|
|
1195
1290
|
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}";
|
|
1196
1291
|
|
|
1197
1292
|
const XvTableCell = class {
|
|
@@ -1219,12 +1314,15 @@ const XvTableCell = class {
|
|
|
1219
1314
|
}
|
|
1220
1315
|
;
|
|
1221
1316
|
render() {
|
|
1222
|
-
return (h(Host, { key: '
|
|
1317
|
+
return (h(Host, { key: '81ba9b0d8bd1652b30259af7a177b27185c49dee' }, h("slot", { key: '5b0517d3001ba92944f2032307541d7db6eb7b27' })));
|
|
1223
1318
|
}
|
|
1224
1319
|
get el() { return getElement(this); }
|
|
1225
1320
|
};
|
|
1226
1321
|
XvTableCell.style = xvTableCellCss;
|
|
1227
1322
|
|
|
1323
|
+
const XV_EXPANDABLE_KEY = 'expandable';
|
|
1324
|
+
const XV_TABLE_TAG = 'xv-table-v2';
|
|
1325
|
+
|
|
1228
1326
|
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}";
|
|
1229
1327
|
|
|
1230
1328
|
const XvTableExpand = class {
|
|
@@ -1237,7 +1335,7 @@ const XvTableExpand = class {
|
|
|
1237
1335
|
};
|
|
1238
1336
|
}
|
|
1239
1337
|
render() {
|
|
1240
|
-
return (h(Host, { key: '
|
|
1338
|
+
return (h(Host, { key: '6176a4e0845dbae0f6e28b7a31110e8b2ce6b6d9' }, h("button", { key: 'a4d9b8ec62e9a791f24355cba0397af7c5ad8fa6', class: { 'expand-btn': true, open: this.open }, disabled: this.disabled, onClick: this.handleExpand }), h("slot", { key: '9d4d815a424de28794a334c1ffeac6613b3bf380', name: XV_EXPANDABLE_KEY }), h("div", { key: '4acce147075c142a356f3fcb5cbe9cc5ccaea4c0', class: { expandableContent: true, open: this.open } }, h("slot", { key: '0e46f8843b84ddd7bf362b3c5178373b466fb96e' }))));
|
|
1241
1339
|
}
|
|
1242
1340
|
componentDidLoad() {
|
|
1243
1341
|
setAttr(this.el.parentElement, XV_EXPANDABLE_KEY, true);
|
|
@@ -1292,7 +1390,7 @@ const XvTableRow = class {
|
|
|
1292
1390
|
}
|
|
1293
1391
|
}
|
|
1294
1392
|
render() {
|
|
1295
|
-
return (h(Host, { key: '
|
|
1393
|
+
return (h(Host, { key: '1f48d141e4c4b1036332971c34bcd149fbc196f4' }, this.variant !== undefined && (h("xv-table-v2-cell", { key: 'a637c7e8796fd48df9f96b8785e96a1b8bb92a2f', class: "cell-control" }, this.variant === 'checkbox' && (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' && (h("input", { key: 'ae2eed4ad0763d5c586e3788a9daa9a324ac2bf5', type: "radio", name: this.name, checked: this.checked || this.partial, disabled: this.disabled, required: this.required, readonly: this.readonly })))), h("slot", { key: '1fa5632863f0386f1de3b8d869483e297b56c4bd' })));
|
|
1296
1394
|
}
|
|
1297
1395
|
componentWillLoad() {
|
|
1298
1396
|
this.setInitialAttrs();
|
|
@@ -1423,7 +1521,7 @@ const XvTag = class {
|
|
|
1423
1521
|
this.closeClick.emit(e);
|
|
1424
1522
|
}
|
|
1425
1523
|
render() {
|
|
1426
|
-
return (h(Host, { key: '
|
|
1524
|
+
return (h(Host, { key: '87520047c00d97194c91de7dac1caf125147c1b9', style: { color: this.color, background: this.bg }, class: `xv-tag ${this.disabled ? 'disabled' : ''} ${this.size}` }, h("div", { key: '166e1f781942507532ad010e704d4f5a8fdc7da1', class: "xv-tag_content" }, h("slot", { key: '14020588654dfa8b6ddd1294c904796536a9020c' })), this.closeable && (h("button", { key: '222a7bd11a30e4c12cc45164ae4f294d4c6d6524', onClick: this.closeHandler.bind(this), class: "xv-tag_close" }))));
|
|
1427
1525
|
}
|
|
1428
1526
|
};
|
|
1429
1527
|
XvTag.style = xvTagCss;
|
|
@@ -1453,13 +1551,13 @@ const XvTextInput = class {
|
|
|
1453
1551
|
};
|
|
1454
1552
|
}
|
|
1455
1553
|
render() {
|
|
1456
|
-
return (h(Host, { key: '
|
|
1554
|
+
return (h(Host, { key: 'b9c4820d1f0ba4e6baf9cd405c42380577f5379d', class: { disabled: !!this.disabled } }, h("label", { key: 'e331f40fc28c74833276e75c8376270589a17279', class: "control" }, this.label && h("span", { key: '4d48b122402bd36b98495a9bfdf991512126049d', class: "control_label" }, this.label), h("div", { key: '7c4f26d5a943417b54500a54b993108a70a5ed83', class: {
|
|
1457
1555
|
'control_input': true,
|
|
1458
1556
|
readonly: !!this.readonly,
|
|
1459
1557
|
[this.size]: true,
|
|
1460
1558
|
error: !!this.error,
|
|
1461
1559
|
warning: !!this.warning,
|
|
1462
|
-
} }, h("input", { key: '
|
|
1560
|
+
} }, 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 }), h("div", { key: '739c31f7939b0baaa3e8d49ec61b016005c427ad', class: "control_input__icons" }, this.loading && h("xv-loader-v2", { key: '8aaa989d7ad0fe3b9f86908c648fe2e01c551bc9', 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))), this.helper && h("p", { key: '7d613edeffa7c6d8e2a76bc69217347187a3b008', class: "message" }, this.helper), typeof this.error === 'string' ? (h("p", { class: "message error" }, this.error)) : typeof this.warning === 'string' ? (h("p", { class: "message warning" }, this.warning)) : null));
|
|
1463
1561
|
}
|
|
1464
1562
|
static get formAssociated() { return true; }
|
|
1465
1563
|
};
|
|
@@ -3323,7 +3421,7 @@ const XvToggleTip = class {
|
|
|
3323
3421
|
}
|
|
3324
3422
|
;
|
|
3325
3423
|
render() {
|
|
3326
|
-
return (h(Host, { key: '
|
|
3424
|
+
return (h(Host, { key: '7b125738966144a7fdafe1ae26d77b72085b8003', class: "xv-toggle-tip" }, 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) }, h("slot", { key: '752b5bf8be01660d12a6911e4a594c69da6b1e0c', name: "trigger" }, h("svg", { key: '6a594cfd8a4ff05d30d70fdda25a01157f6f94ee', class: "trigger_icon", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: 16, height: 16 }, 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" })))), h("div", { key: 'ee2d9238662f276f76669353139a25867708f625', class: { popover: true }, role: "tooltip", tabindex: "-1", ref: (el) => (this.popoverEl = el) }, h("div", { key: '3c9f9455849855757051aeeac26cba84123f6f7d', class: "popover-tip", part: "tip", "data-popper-arrow": "" }), h("div", { key: 'cfb0da55d009997e002f072b7ff36efaf14fb06f', class: "popover-content" }, h("slot", { key: 'f2dc06851b50ed5002f819e018f2bf191011fbf3', name: "header" }), h("slot", { key: '2dc5b57ffd60fa4586dc43b3e9534e4ede376199', name: "body" }), h("slot", { key: '1c236e27d751fd957fdeaf2605d8b24495b59daf', name: "footer" })))));
|
|
3327
3425
|
}
|
|
3328
3426
|
disconnectedCallback() {
|
|
3329
3427
|
this.destroyPopper();
|
|
@@ -3365,13 +3463,13 @@ const XvTooltip = class {
|
|
|
3365
3463
|
this.popperInstance = null;
|
|
3366
3464
|
}
|
|
3367
3465
|
render() {
|
|
3368
|
-
return (h(Host, { key: '
|
|
3466
|
+
return (h(Host, { key: 'd1f0178c3853f96716217630ff0349a0396f33a0' }, h("slot", { key: '11af6ea09c3d833318118164f0493bf4c98316a3' }, h("svg", { key: '614c37cd6eda62cc3745f49252627f1383a46166', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: 16, height: 16 }, 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 && (h("div", { key: '8f0db2decd3ff2993b0b618e2111cac861fec058', class: "xv-tooltip", ref: (el) => (this.tooltipEl = el), role: "tooltip" }, this.message, h("div", { key: 'a8e05a8dbe988e7df14da6a16f42e528a68708c0', class: "xv-tooltip-arrow", "data-popper-arrow": "" })))));
|
|
3369
3467
|
}
|
|
3370
3468
|
get el() { return getElement(this); }
|
|
3371
3469
|
};
|
|
3372
3470
|
XvTooltip.style = xvTooltipCss;
|
|
3373
3471
|
|
|
3374
|
-
export { XvAccordion as xv_accordion_v2, XvAccordionItem as xv_accordion_v2_item, XvButton as xv_button_v2, XvCard as xv_card_v2, XvCheckbox as xv_checkbox_v2, XvDataTable as xv_data_table, XvDataTableCell as xv_data_table_cell, XvDataTableRow as xv_data_table_row, XvDropdown as xv_dropdown_v2, XvDropdownItem as xv_dropdown_v2_item, XvFileUploader as xv_file_uploader, Xvfooter as xv_footer, XvHeader as xv_header, XvLink as xv_link_v2, XvLoader as xv_loader_v2, XvLoginModal as xv_login_modal, XvModal as xv_modal_v2, XvNotification as xv_notification_v2, XvNumberInput as xv_number_input_v2, XvOverflowMenu as xv_overflow_menu_v2, XvOverflowMenuItem as xv_overflow_menu_v2_item, XvProgressIndicator as xv_progress_indicator_v2, XvProgressIndicatorItem as xv_progress_indicator_v2_item, XvTab as xv_tab_v2, XvTable as xv_table_v2, XvTableCell as xv_table_v2_cell, XvTableExpand as xv_table_v2_expand, XvTableRow as xv_table_v2_row, XvTabs as xv_tabs_v2, XvTag as xv_tag_v2, XvTextInput as xv_text_input_v2, XvToggleTip as xv_toggle_tip, XvTooltip as xv_tooltip_v2 };
|
|
3375
|
-
//# 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.js.map
|
|
3472
|
+
export { XvAccordion as xv_accordion_v2, XvAccordionItem as xv_accordion_v2_item, XvButton as xv_button_v2, XvCard as xv_card_v2, XvCheckbox as xv_checkbox_v2, XvDataTable as xv_data_table, XvDataTableCell as xv_data_table_cell, XvDataTableCollapse as xv_data_table_collapse, XvDataTableRow as xv_data_table_row, XvDropdown as xv_dropdown_v2, XvDropdownItem as xv_dropdown_v2_item, XvFileUploader as xv_file_uploader, Xvfooter as xv_footer, XvHeader as xv_header, XvLink as xv_link_v2, XvLoader as xv_loader_v2, XvLoginModal as xv_login_modal, XvModal as xv_modal_v2, XvNotification as xv_notification_v2, XvNumberInput as xv_number_input_v2, XvOverflowMenu as xv_overflow_menu_v2, XvOverflowMenuItem as xv_overflow_menu_v2_item, XvProgressIndicator as xv_progress_indicator_v2, XvProgressIndicatorItem as xv_progress_indicator_v2_item, XvTab as xv_tab_v2, XvTable as xv_table_v2, XvTableCell as xv_table_v2_cell, XvTableExpand as xv_table_v2_expand, XvTableRow as xv_table_v2_row, XvTabs as xv_tabs_v2, XvTag as xv_tag_v2, XvTextInput as xv_text_input_v2, XvToggleTip as xv_toggle_tip, XvTooltip as xv_tooltip_v2 };
|
|
3473
|
+
//# 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.js.map
|
|
3376
3474
|
|
|
3377
|
-
//# sourceMappingURL=xv-accordion-
|
|
3475
|
+
//# sourceMappingURL=xv-accordion-v2_34.entry.js.map
|