xv-webcomponents 0.1.60-qa.0 → 0.1.63-qa.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/xv-accordion-v2_40.cjs.entry.js +113 -38
- package/dist/cjs/xv-accordion-v2_40.cjs.entry.js.map +1 -1
- package/dist/cjs/xv-webcomponents.cjs.js +1 -1
- package/dist/collection/components/xv-dropdown/xv-dropdown.css +13 -0
- package/dist/collection/components/xv-dropdown/xv-dropdown.js +24 -3
- package/dist/collection/components/xv-dropdown/xv-dropdown.js.map +1 -1
- package/dist/collection/components/xv-header/xv-header.js +21 -4
- package/dist/collection/components/xv-header/xv-header.js.map +1 -1
- 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 +2 -2
- package/dist/collection/components/xv-overflow-menu/xv-overflow-menu.js.map +1 -1
- package/dist/collection/components/xv-pagination/xv-pagination.css +114 -1
- package/dist/collection/components/xv-pagination/xv-pagination.js +114 -32
- package/dist/collection/components/xv-pagination/xv-pagination.js.map +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-slider/xv-slider.js +1 -1
- package/dist/collection/components/xv-table/xv-table-cell/xv-table-cell.js +1 -1
- package/dist/collection/components/xv-table/xv-table-expand/xv-table-expand.js +1 -1
- package/dist/collection/components/xv-table/xv-table-row/xv-table-row.js +1 -1
- package/dist/collection/components/xv-table/xv-table.js +1 -1
- package/dist/collection/components/xv-tabs/xv-tab/xv-tab.js +1 -1
- package/dist/collection/components/xv-tag/xv-tag.js +1 -1
- package/dist/collection/components/xv-text-input/xv-text-input.css +11 -5
- package/dist/collection/components/xv-text-input/xv-text-input.js +11 -2
- package/dist/collection/components/xv-text-input/xv-text-input.js.map +1 -1
- package/dist/collection/components/xv-textarea/xv-textarea.js +2 -2
- package/dist/collection/components/xv-tile/xv-tile.js +2 -2
- package/dist/collection/components/xv-toggle/xv-toggle.js +1 -1
- package/dist/collection/components/xv-toggle-tip/xv-toggle-tip.js +1 -1
- package/dist/collection/components/xv-tooltip/xv-tooltip.js +2 -2
- package/dist/esm/loader.js +1 -1
- package/dist/esm/xv-accordion-v2_40.entry.js +113 -38
- package/dist/esm/xv-accordion-v2_40.entry.js.map +1 -1
- package/dist/esm/xv-webcomponents.js +1 -1
- package/dist/types/components/xv-dropdown/xv-dropdown.d.ts +1 -0
- package/dist/types/components/xv-header/xv-header.d.ts +2 -0
- package/dist/types/components/xv-pagination/xv-pagination.d.ts +16 -4
- package/dist/types/components/xv-text-input/xv-text-input.d.ts +2 -0
- package/dist/types/components.d.ts +42 -24
- package/dist/xv-webcomponents/{p-d5f0a8ad.entry.js → p-d5e7b808.entry.js} +2 -2
- package/dist/xv-webcomponents/p-d5e7b808.entry.js.map +1 -0
- package/dist/xv-webcomponents/xv-webcomponents.esm.js +1 -1
- package/package.json +1 -1
- package/dist/xv-webcomponents/p-d5f0a8ad.entry.js.map +0 -1
|
@@ -77572,13 +77572,14 @@ XvDatepicker.style = xvDatepickerCss;
|
|
|
77572
77572
|
|
|
77573
77573
|
const DropdownItemSelector = '.xv-dropdown-item';
|
|
77574
77574
|
|
|
77575
|
-
const xvDropdownCss = ".xv-tooltip[role=tooltip]{position:absolute;background-color:var(--background-inverse, #333333);color:var(--text-on-color);padding:var(--spacing-03) var(--spacing-04);border-radius:3px;font-size:var(--fz-sm);z-index:999;min-width:min(150px, 90vw);max-width:min(400px, 90vw)}.xv-tooltip[role=tooltip]::after{content:\"\";position:absolute;width:0;height:0;border-style:solid}.xv-tooltip[role=tooltip][data-popper-placement=top]::after{bottom:-5px;left:50%;transform:translateX(-50%);border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=top-start]::after{bottom:-5px;left:12px;border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=top-end]::after{bottom:-5px;right:12px;border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom]::after{top:-5px;left:50%;transform:translateX(-50%);border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom-start]::after{top:-5px;left:12px;border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom-end]::after{top:-5px;right:12px;border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=left]::after{top:50%;right:-5px;transform:translateY(-50%);border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=left-start]::after{top:12px;right:-5px;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=left-end]::after{bottom:12px;right:-5px;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=right]::after{top:50%;left:-5px;transform:translateY(-50%);border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=right-start]::after{top:12px;left:-5px;border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=right-end]::after{bottom:12px;left:-5px;border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}:host{--dropdown-padding-x:16px;--dropdown-padding-y:11px;--dropdown-max-width:300px;display:block;position:relative;text-align:left;max-width:min(var(--dropdown-max-width), 100%)}:host .label{display:block;color:var(--text-secondary, #515151);font-family:var(--ff-body, Tahoma);font-size:12px;font-style:normal;font-weight:700;line-height:16px;letter-spacing:0.32px;margin-bottom:8px}:host .label ::slotted([slot=label]){color:var(--text-secondary, #515151);font-family:var(--ff-body, Tahoma);font-size:12px;font-style:normal;font-weight:700;line-height:16px;letter-spacing:0.32px}:host .label_info{margin-left:var(--spacing-02)}:host .control{background-blend-mode:multiply;border-radius:3px;box-shadow:0 0 0 1px #8B8B8B inset;transition:0.2s ease-in-out background-color;cursor:pointer;margin:0;box-sizing:border-box;font-family:inherit;font-size:100%;padding:0;border:0;appearance:none;background-color:var(--field-02, #FFF);text-align:start;inline-size:100%;position:relative;display:inline-flex;overflow:hidden;align-items:center;block-size:calc(100% + 1px);outline:none;padding-block:var(--dropdown-padding-y);padding-inline:var(--dropdown-padding-x);text-overflow:ellipsis;vertical-align:top;white-space:nowrap}:host .control_value,:host .control_placeholder{flex:1;margin:0;overflow:hidden;color:var(--text-primary, #333);user-select:none;text-overflow:ellipsis;white-space:nowrap;font-family:var(--fz-body, Tahoma);font-size:14px;font-style:normal;font-weight:400;line-height:18px;letter-spacing:0.16px;padding-inline:0 1rem}:host .control_placeholder{color:var(--text-placeholder, #ACACAC)}:host .control_icon{width:18px;height:18px}:host .control_icon.error{color:var(--support-error, #F1290E)}:host .control_icon.warning{color:var(--support-warning, #FF7F04)}:host .control_arrow{box-sizing:border-box;margin:0;font-size:100%;vertical-align:baseline;padding:0;border:0;appearance:none;background:none;text-align:start;display:flex;align-items:center;justify-content:center;block-size:1.5rem;inline-size:1.5rem;inset-inline-end:0.75rem;outline:none;transition:transform 70ms cubic-bezier(0.2, 0, 0.38, 0.9)}:host .control:hover{background-color:var(--field-hover-02, #E9E9E9)}:host .control:active{background-color:var(--layer-selected-02, #E3E3E3)}:host .options{inset-block-start:100%;margin-block-start:1px;display:block;max-block-size:13.75rem;box-shadow:0 2px 6px rgba(0, 0, 0, 0.3);position:absolute;z-index:10;inline-size:100%;inset-inline:0;overflow-y:auto;transition:max-height 0.11s cubic-bezier(0.2, 0, 0.38, 0.9);border-radius:3px;background-color:var(--field-02, #FFF);scrollbar-width:thin;scrollbar-color:var(--layer-accent-03) transparent}:host .options ::slotted(.xv-dropdown-item){display:block;max-block-size:13.75rem;inset-inline:0;box-sizing:border-box;padding:var(--dropdown-padding-y) calc(var(--dropdown-padding-x) + 16px) var(--dropdown-padding-y) var(--dropdown-padding-x);position:relative;cursor:pointer;overflow:hidden;color:var(--text-secondary, #515151);text-overflow:ellipsis;white-space:nowrap;font-family:var(--ff-body, Tahoma);font-size:var(--fz-md, 14px);font-style:normal;font-weight:400;line-height:18px;letter-spacing:0.16px;transition:0.2s ease-in-out background-color;user-select:none}:host .options ::slotted(.xv-dropdown-item):after{content:\"\";position:absolute;bottom:0;height:1px;left:10px;width:calc(100% - 20px);background-color:var(--border-subtle-01)}:host .options ::slotted(.xv-dropdown-item:hover){background-color:var(--layer-hover-02, #F7F7F7)}:host .options ::slotted(.xv-dropdown-item:active){background-color:var(--layer-selected-hover-02, #DADADA)}:host .options ::slotted(.xv-dropdown-item[selected]){background-color:var(--layer-selected-02, #E3E3E3)}:host .options ::slotted(.xv-dropdown-item[selected]:hover){background-color:var(--layer-selected-hover-02, #DADADA)}:host .options ::slotted(.xv-dropdown-item[disabled]){background-color:transparent;opacity:0.4;cursor:not-allowed}:host .helper{color:var(--text-helper, #646464);font-family:var(--ff-heading, \"IBM Plex Sans\");font-size:12px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:0.32px;margin:4px 0 0;padding:0}:host([open]) .control_arrow{transform:rotate(180deg)}:host([disabled]){opacity:0.4;cursor:not-allowed}:host([disabled]) .control{cursor:inherit}:host([disabled]) .control:hover,:host([disabled]) .control:active,:host([disabled]) .control:focus-within{background-color:transparent}:host([error]) .control{box-shadow:none;outline:2px solid var(--support-support-error, #F1290E)}:host([error]) .helper{color:var(--text-error, #D62512)}:host([size=xs]){--dropdown-padding-y:4px}:host([size=sm]){--dropdown-padding-y:7px}:host([size=md]){--dropdown-padding-y:11px}:host([size=lg]){--dropdown-padding-y:15px}:host([size=xl]){--dropdown-padding-y:16px}";
|
|
77575
|
+
const xvDropdownCss = ".xv-tooltip[role=tooltip]{position:absolute;background-color:var(--background-inverse, #333333);color:var(--text-on-color);padding:var(--spacing-03) var(--spacing-04);border-radius:3px;font-size:var(--fz-sm);z-index:999;min-width:min(150px, 90vw);max-width:min(400px, 90vw)}.xv-tooltip[role=tooltip]::after{content:\"\";position:absolute;width:0;height:0;border-style:solid}.xv-tooltip[role=tooltip][data-popper-placement=top]::after{bottom:-5px;left:50%;transform:translateX(-50%);border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=top-start]::after{bottom:-5px;left:12px;border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=top-end]::after{bottom:-5px;right:12px;border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom]::after{top:-5px;left:50%;transform:translateX(-50%);border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom-start]::after{top:-5px;left:12px;border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom-end]::after{top:-5px;right:12px;border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=left]::after{top:50%;right:-5px;transform:translateY(-50%);border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=left-start]::after{top:12px;right:-5px;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=left-end]::after{bottom:12px;right:-5px;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=right]::after{top:50%;left:-5px;transform:translateY(-50%);border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=right-start]::after{top:12px;left:-5px;border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=right-end]::after{bottom:12px;left:-5px;border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}:host{--dropdown-padding-x:16px;--dropdown-padding-y:11px;--dropdown-max-width:300px;display:block;position:relative;text-align:left;max-width:min(var(--dropdown-max-width), 100%)}:host .label{display:block;color:var(--text-secondary, #515151);font-family:var(--ff-body, Tahoma);font-size:12px;font-style:normal;font-weight:700;line-height:16px;letter-spacing:0.32px;margin-bottom:8px}:host .label ::slotted([slot=label]){color:var(--text-secondary, #515151);font-family:var(--ff-body, Tahoma);font-size:12px;font-style:normal;font-weight:700;line-height:16px;letter-spacing:0.32px}:host .label_info{margin-left:var(--spacing-02)}:host .control{background-blend-mode:multiply;border-radius:3px;box-shadow:0 0 0 1px #8B8B8B inset;transition:0.2s ease-in-out background-color;cursor:pointer;margin:0;box-sizing:border-box;font-family:inherit;font-size:100%;padding:0;border:0;appearance:none;background-color:var(--field-02, #FFF);text-align:start;inline-size:100%;position:relative;display:inline-flex;overflow:hidden;align-items:center;block-size:calc(100% + 1px);outline:none;padding-block:var(--dropdown-padding-y);padding-inline:var(--dropdown-padding-x);text-overflow:ellipsis;vertical-align:top;white-space:nowrap}:host .control_value,:host .control_placeholder{flex:1;margin:0;overflow:hidden;color:var(--text-primary, #333);user-select:none;text-overflow:ellipsis;white-space:nowrap;font-family:var(--fz-body, Tahoma);font-size:14px;font-style:normal;font-weight:400;line-height:18px;letter-spacing:0.16px;padding-inline:0 1rem}:host .control_placeholder{color:var(--text-placeholder, #ACACAC)}:host .control_icon{width:18px;height:18px}:host .control_icon.error{color:var(--support-error, #F1290E)}:host .control_icon.warning{color:var(--support-warning, #FF7F04)}:host .control_arrow{box-sizing:border-box;margin:0;font-size:100%;vertical-align:baseline;padding:0;border:0;appearance:none;background:none;text-align:start;display:flex;align-items:center;justify-content:center;block-size:1.5rem;inline-size:1.5rem;inset-inline-end:0.75rem;outline:none;transition:transform 70ms cubic-bezier(0.2, 0, 0.38, 0.9)}:host .control:hover{background-color:var(--field-hover-02, #E9E9E9)}:host .control:active{background-color:var(--layer-selected-02, #E3E3E3)}:host .options{inset-block-start:100%;margin-block-start:1px;display:block;max-block-size:13.75rem;box-shadow:0 2px 6px rgba(0, 0, 0, 0.3);position:absolute;z-index:10;inline-size:100%;inset-inline:0;overflow-y:auto;transition:max-height 0.11s cubic-bezier(0.2, 0, 0.38, 0.9);border-radius:3px;background-color:var(--field-02, #FFF);scrollbar-width:thin;scrollbar-color:var(--layer-accent-03) transparent}:host .options ::slotted(.xv-dropdown-item){display:block;max-block-size:13.75rem;inset-inline:0;box-sizing:border-box;padding:var(--dropdown-padding-y) calc(var(--dropdown-padding-x) + 16px) var(--dropdown-padding-y) var(--dropdown-padding-x);position:relative;cursor:pointer;overflow:hidden;color:var(--text-secondary, #515151);text-overflow:ellipsis;white-space:nowrap;font-family:var(--ff-body, Tahoma);font-size:var(--fz-md, 14px);font-style:normal;font-weight:400;line-height:18px;letter-spacing:0.16px;transition:0.2s ease-in-out background-color;user-select:none}:host .options ::slotted(.xv-dropdown-item):after{content:\"\";position:absolute;bottom:0;height:1px;left:10px;width:calc(100% - 20px);background-color:var(--border-subtle-01)}:host .options ::slotted(.xv-dropdown-item:hover){background-color:var(--layer-hover-02, #F7F7F7)}:host .options ::slotted(.xv-dropdown-item:active){background-color:var(--layer-selected-hover-02, #DADADA)}:host .options ::slotted(.xv-dropdown-item[selected]){background-color:var(--layer-selected-02, #E3E3E3)}:host .options ::slotted(.xv-dropdown-item[selected]:hover){background-color:var(--layer-selected-hover-02, #DADADA)}:host .options ::slotted(.xv-dropdown-item[disabled]){background-color:transparent;opacity:0.4;cursor:not-allowed}:host .helper{color:var(--text-helper, #646464);font-family:var(--ff-heading, \"IBM Plex Sans\");font-size:12px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:0.32px;margin:4px 0 0;padding:0}:host(.ghost) .control{background-color:transparent;box-shadow:none;border:none;padding:0}:host(.ghost) .control_value{padding-inline-end:5px}:host(.ghost) .options{width:min-content}:host([open]) .control_arrow{transform:rotate(180deg)}:host([disabled]){opacity:0.4;cursor:not-allowed}:host([disabled]) .control{cursor:inherit}:host([disabled]) .control:hover,:host([disabled]) .control:active,:host([disabled]) .control:focus-within{background-color:transparent}:host([error]) .control{box-shadow:none;outline:2px solid var(--support-support-error, #F1290E)}:host([error]) .helper{color:var(--text-error, #D62512)}:host([size=xs]){--dropdown-padding-y:4px}:host([size=sm]){--dropdown-padding-y:7px}:host([size=md]){--dropdown-padding-y:11px}:host([size=lg]){--dropdown-padding-y:15px}:host([size=xl]){--dropdown-padding-y:16px}";
|
|
77576
77576
|
|
|
77577
77577
|
const XvDropdown = class {
|
|
77578
77578
|
constructor(hostRef) {
|
|
77579
77579
|
index.registerInstance(this, hostRef);
|
|
77580
77580
|
this.changeSelection = index.createEvent(this, "changeSelection");
|
|
77581
77581
|
this.size = SIZE_VAR.MD;
|
|
77582
|
+
this.variant = 'default';
|
|
77582
77583
|
this.selected = [];
|
|
77583
77584
|
this.selectedMap = new Map();
|
|
77584
77585
|
this.setSelected = (selectedMap, optionNodes) => {
|
|
@@ -77601,10 +77602,10 @@ const XvDropdown = class {
|
|
|
77601
77602
|
this.open = false;
|
|
77602
77603
|
};
|
|
77603
77604
|
this.addListeners = () => {
|
|
77604
|
-
document.
|
|
77605
|
+
document.addEventListener('click', this.handleClickOutside, { capture: true });
|
|
77605
77606
|
};
|
|
77606
77607
|
this.removeListeners = () => {
|
|
77607
|
-
document.
|
|
77608
|
+
document.removeEventListener('click', this.handleClickOutside, { capture: true });
|
|
77608
77609
|
};
|
|
77609
77610
|
this.setDefaultValues = () => {
|
|
77610
77611
|
if (!this.defaultValue)
|
|
@@ -77668,7 +77669,7 @@ const XvDropdown = class {
|
|
|
77668
77669
|
this.changeSelection.emit(this.setSelected(this.selectedMap, optionElements));
|
|
77669
77670
|
}
|
|
77670
77671
|
render() {
|
|
77671
|
-
return (index.h(index.Host, { key: '
|
|
77672
|
+
return (index.h(index.Host, { key: 'b96f153ec2ff31f390fc2ad723f193de710cd567', class: { 'xv-dropdown': true, [this.variant]: !!this.variant }, role: "combobox", size: this.size, open: this.open, error: this.error, disabled: this.disabled, tabindex: this.disabled ? -1 : false }, (this.label || this.info) && (index.h("label", { key: '40bb7e619035756f61b8b5624f16cfed34f5ec2d', class: "label" }, index.h("slot", { key: 'd604a2edd4810ed58ed712a77c25a43da05df221', name: "label" }, this.label), this.info && index.h("xv-tooltip-v2", { key: 'ed0e1e03f32bc37e43650ca18a743b3dca00ab89', class: "label_info", message: this.info }))), index.h("div", { key: 'c0ea18da4c8ce80f0bddd148c111dadf7f6b3820', 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: '26372853a4717334620d99f1ce2c89469416bc4e', 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: '60156fb834708a219a901e80da9324a5033ed527', d: "M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z" }))), this.open && index.h("div", { key: '36d68900c8b4abe3288209074dcd90a95a10a65b', class: "options" }, index.h("slot", { key: "xv-dropdown-options" })), (this.helper || this.error || this.warning) && (index.h("p", { key: '41c6f19fb8405180c02ffe07f8549b2d9d5f3242', class: "helper" }, this.error || this.warning || this.helper))));
|
|
77672
77673
|
}
|
|
77673
77674
|
componentWillLoad() {
|
|
77674
77675
|
this.setDefaultValues();
|
|
@@ -77896,7 +77897,20 @@ const XvHeader = class {
|
|
|
77896
77897
|
this.listPosition = { width: 0, top: 0, left: 0 };
|
|
77897
77898
|
this.showPopover = false;
|
|
77898
77899
|
this.currentSuggestion = null;
|
|
77900
|
+
this.searchInputs = [];
|
|
77899
77901
|
this.inputHandlers = [];
|
|
77902
|
+
this.handleClickOutside = (ev) => {
|
|
77903
|
+
if (!this.suggestions.length)
|
|
77904
|
+
return;
|
|
77905
|
+
const suggestionsEl = this.el.querySelector('#xv-search-suggestions');
|
|
77906
|
+
const target = ev.target;
|
|
77907
|
+
if (this.searchInputs.some(input => input.contains(target)))
|
|
77908
|
+
return;
|
|
77909
|
+
if (suggestionsEl && suggestionsEl.contains(target))
|
|
77910
|
+
return;
|
|
77911
|
+
this.suggestions = [];
|
|
77912
|
+
this.currentSuggestion = null;
|
|
77913
|
+
};
|
|
77900
77914
|
this.openLoginModal = () => {
|
|
77901
77915
|
this.showLoginModal = true;
|
|
77902
77916
|
};
|
|
@@ -77956,7 +77970,8 @@ const XvHeader = class {
|
|
|
77956
77970
|
return text.replace(/[.*+?^${}()|[\\]\\]/g, '\\$&');
|
|
77957
77971
|
}
|
|
77958
77972
|
componentDidLoad() {
|
|
77959
|
-
const inputs = this.el.querySelectorAll('input[name="Q"]');
|
|
77973
|
+
const inputs = Array.from(this.el.querySelectorAll('input[name="Q"]'));
|
|
77974
|
+
this.searchInputs = inputs;
|
|
77960
77975
|
inputs.forEach(input => {
|
|
77961
77976
|
const handleInput = this.handleSearchInput.bind(this);
|
|
77962
77977
|
const handleKeyDown = this.handleKeyDown.bind(this);
|
|
@@ -77973,6 +77988,7 @@ const XvHeader = class {
|
|
|
77973
77988
|
this.searchInput = input;
|
|
77974
77989
|
}
|
|
77975
77990
|
});
|
|
77991
|
+
document.body.addEventListener('click', this.handleClickOutside);
|
|
77976
77992
|
}
|
|
77977
77993
|
loadMetaNav() {
|
|
77978
77994
|
try {
|
|
@@ -78001,6 +78017,8 @@ const XvHeader = class {
|
|
|
78001
78017
|
});
|
|
78002
78018
|
});
|
|
78003
78019
|
this.inputHandlers = [];
|
|
78020
|
+
this.searchInputs = [];
|
|
78021
|
+
document.body.removeEventListener('click', this.handleClickOutside);
|
|
78004
78022
|
}
|
|
78005
78023
|
async componentWillLoad() {
|
|
78006
78024
|
this.loadMetaNav();
|
|
@@ -78024,9 +78042,9 @@ const XvHeader = class {
|
|
|
78024
78042
|
}
|
|
78025
78043
|
render() {
|
|
78026
78044
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16;
|
|
78027
|
-
return (index.h("div", { key: '
|
|
78028
|
-
_v.map(item => (index.h("li", null, index.h("a", { href: item.Url, target: item.Target || '_self' }, index.h("i", { class: item.CssClass }), "\u00A0", item.Text)))), ((_w = this.metaNav) === null || _w === void 0 ? void 0 : _w.IsManager) && (index.h("li", { key: '
|
|
78029
|
-
_7.map(item => (index.h("li", null, index.h("a", { href: item.Url, target: item.Target || '_self' }, index.h("i", { class: item.CssClass }), item.Text)))), index.h("li", { key: '
|
|
78045
|
+
return (index.h("div", { key: '9e983c598ba18d54699a5cac9ea01d912777fd89', id: "nav-container", class: "xv-header" }, index.h("nav", { key: '46e7cdaf37c99de3fcc927afb128311d4ba0ce7f', class: "navbar navbar-default navbar-fixed-top backend-force-relative" }, index.h("div", { key: '3aa9e7a87d81131555f6b4bd84684eb4252440e4', class: "container" }, index.h("div", { key: 'bdc9f7f9459b52db02cc59072f2143fb91cac2b7', class: "row" }, index.h("div", { key: '25865d6f9f7b6728fef5626b0bbd4e780e76dca2', class: "col-sm-3 col-xs-3 col-xxs-4 no-padding-right" }, index.h("div", { key: 'f84b94a6ba97c591e5bb3fc4f4ea3345c40c79bc', class: "navbar-header" }, index.h("button", { key: 'c0f70c5376a0584e6a06745cf5642ed42add0139', class: "btn btn-default navbar-toggle pull-left navbar-btn", "data-toggle": "collapse", "data-target": "#main-menu" }, index.h("i", { key: 'c8c62379713c1f68d63b527ea97e6d529185ee44', class: "fa fa-bars fa-lg", "aria-hidden": "true" })), index.h("div", { key: 'ec54729fca58a511387dbc48a2ef3ab5cffdd255', class: "visible-xs-inline" }, index.h("a", { key: '9a4d612cff035284ec3430bf0e0245139eca4a5a', href: "https://www.crossvertise.com/", class: "navbar-brand" }, index.h("img", { key: '4f044f29bfe269dbb237fa3b4400c990bd509074', src: "https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo-small.svg", alt: "Crossvertise" }))), index.h("div", { key: '48504070f74139a4da92a7eda882fa21544ee86d', class: "hidden-xs" }, index.h("a", { key: 'ddcf356f6b18e8a97dc00d2e653c08a15ad543f6', href: "https://www.crossvertise.com/", class: "navbar-brand" }, index.h("img", { key: '569740ad879dcd582bdd89d350599d88ab529ad1', loading: "lazy", src: "https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo.svg", alt: "Crossvertise" }))))), index.h("div", { key: 'ff4a09e59ddbeadedc1757052cd933a656f26335', class: "col-sm-9 col-xs-9 col-xxs-8 no-padding-left" }, index.h("ul", { key: 'f68d7abd8f8acd93b168779284bb5042b995daca', class: "nav nav-pills nav-meta pull-right" }, ((_a = this.metaNav) === null || _a === void 0 ? void 0 : _a.ImpersonationInfo) && (index.h("li", { key: 'c7710a57f32b8f3210027a252d7d7da3b2b8fe57' }, index.h("div", { key: '2fdf22547406b356d01be39b4e70abe4007e1c5f', class: "btn btn-link navbar-btn navbar-btn-cust hidden-xs", onClick: this.togglePopover }, index.h("i", { key: 'b7d3a5d64e0d9f39be766a9e3c176e4155e45300', class: "fa fa-user" }), index.h("i", { key: '33cbff00d5a4d1a22d9b0322a3edf7d996bbcada', class: "fa fa-exchange-alt" })), index.h("div", { key: '9a3abc0399f71565f20b5af33cad71b4eda2449c', class: "popover popover-fixed fade bottom in", style: { "display": this.showPopover ? "block" : "none" } }, index.h("div", { key: '31652a1834ea31c23b197b9d53130a3033ea67bf', class: "arrow" }), index.h("h3", { key: 'd8beb8e6a06720c390b51d7d93a1484f939e520a', class: "popover-title" }, "Momentan ist die Kundenperspektive aktiviert f\u00FCr:"), index.h("div", { key: 'f5793d3d4468f341630e5c349896fe902b6b4600', class: "popover-content" }, index.h("div", { key: '336fb799ac3537a53dccb11649083431cd5967b3', class: "row" }, index.h("div", { key: '04c8945c396ea56ec4cfcec2a096ade7687e9ce0', class: "col-xs-12" }, index.h("table", { key: '81fc9ecbed7027ec1d5341ffc441c0f391b86506', class: "table-condensed" }, index.h("tbody", { key: '238f73b42004e68d58175dcbb438e750202ce2ef' }, index.h("tr", { key: 'a71f1f34793dd5e4d76060786d3de5c261fd78dc' }, index.h("td", { key: '35ae36a0ac7c54f9c57aa86063444961d9869065' }, index.h("span", { key: 'cb52c62f14e883fe4194b70a2085ab68ff9b871a' }, (_c = (_b = this.metaNav) === null || _b === void 0 ? void 0 : _b.ImpersonationInfo) === null || _c === void 0 ? void 0 : _c.NameAndTitle))), index.h("tr", { key: '91c92c0fee48e7eafe6e1a05c90489fc376b8a32' }, index.h("td", { key: 'f1c778c4f037c7b79288dffc4857b10cb72d0726' }, index.h("span", { key: '3c2dc23b00ab008f66b473ccd7c85daef8989d76' }, (_e = (_d = this.metaNav) === null || _d === void 0 ? void 0 : _d.ImpersonationInfo) === null || _e === void 0 ? void 0 : _e.CompanyName))), index.h("tr", { key: '4a7191a74877408db7e87758b949824afe70d49a' }, index.h("td", { key: '51064aaec7801654c1575c596e7d05351ffe06e2' }, index.h("span", { key: 'c11c293b2e1734d9a3e94250726738364ca50beb' }, (_g = (_f = this.metaNav) === null || _f === void 0 ? void 0 : _f.ImpersonationInfo) === null || _g === void 0 ? void 0 : _g.Email))), index.h("tr", { key: 'f6d45ca587131e34ed96b9289f8896709f2e80da' }, index.h("td", { key: '5ade43398b89b7adaf1daa12e4e00cc92f9cc3ff' }, index.h("span", { key: 'ee843b218336acb8cb2d753d521217b822317d25' }, (_j = (_h = this.metaNav) === null || _h === void 0 ? void 0 : _h.ImpersonationInfo) === null || _j === void 0 ? void 0 : _j.PhoneOffice)))))))), index.h("div", { key: '1779ff63456bed5b17adf24c429076f56a4d42b0', class: "row contact-contactform-container", id: "contact-contactform-container-nav" }, index.h("div", { key: 'e477a80def21952163ffe7ae4d60c0d48ba09e5c', class: "col-xs-12" }, index.h("a", { key: 'd3e3ef1a1077b7954d4025d775b37829402c0858', class: "btn btn-primary btn-block", href: "/de-de/mycrossvertise/account/clearimpersonation" }, "Kundenperspektive verlassen")))))), index.h("li", { key: '56d19113a5e363b1b5dfa74b9924d02e03b58d62' }, index.h("a", { key: '51224ca6f044fe3a8455ae8b74b0a35e38617283', class: "btn btn-link navbar-btn hidden-xs", href: "#" }, "Kontakt"), index.h("a", { key: '36e510b2f5b1ebf81af5557502ad98c7f0eb183a', href: "/contact", class: "btn btn-link navbar-btn hidden-xs", style: { display: 'none' } }, "Kontakt"), index.h("a", { key: 'cdfd0e321d2ac31821202ff51923612445257b31', class: "btn btn-default btn-link navbar-btn visible-xs hidden-xxs", href: "#" }, index.h("i", { key: 'e74d63b3f3d1db4aece33a25662f437915e616b4', class: "fa fa-phone" }))), ((_k = this.metaNav) === null || _k === void 0 ? void 0 : _k.IsManager) && (index.h("li", { key: '50731ce365a209319911c576b21c48539e1c7c9e', class: "dropdown" }, index.h("a", { key: '0f85afeedd55519b494919db0b895bcfa2b3ae15', class: "dropdown-toggle btn navbar-btn btn-link", "data-toggle": "dropdown", role: "button", "data-container": "body", "aria-haspopup": "true", "aria-expanded": "false" }, index.h("i", { key: '2a217d7585f2c3780cb827323629a56d63b53893', class: "fas fa-bell fa-lg" }), index.h("span", { key: 'f896b95239aff6b062fc26b4bc00489deda0742b', id: "notifications-count", class: "badge badge-success badge-top-right", style: { display: 'none' } })))), ((_l = this.metaNav) === null || _l === void 0 ? void 0 : _l.IsAuthenticated) && (index.h("li", { key: '57a317925ff153996089148b9edb66b3f024f2c3', class: "dropdown", id: "my-xv-menu" }, index.h("a", { key: 'f8361f5e705030638392059b933524956e1fe82c', class: "dropdown-toggle btn navbar-btn btn-link", "data-toggle": "dropdown", role: "button", "data-container": "body", "aria-haspopup": "true", "aria-expanded": "false" }, index.h("i", { key: 'd0323ffceae4fe6935fa46787b234165b60d28aa', class: "fa fa-user fa-lg text-success", "aria-hidden": "true" }), "\u00A0", index.h("span", { key: '86e2a4d4f90bb347a7ad27edb22e0b94ed5232a3', class: "hidden-xs" }, (_m = this.metaNav) === null || _m === void 0 ? void 0 : _m.UserMenuText), "\u00A0", index.h("span", { key: '0378abdfa4cb8b134df5e7a9b95c4a3861eef87e', class: "caret" })), index.h("ul", { key: '797e43763fe6572305e7958d498db9284d6a3c0f', class: "dropdown-menu-left dropdown-menu navbar-myxv" }, ((_o = this.metaNav) === null || _o === void 0 ? void 0 : _o.IsManager) && (index.h("li", { key: '0a823de3410bde9f42e9e98a6f1861257c7fc7f1' }, index.h("a", { key: 'c171813758f87a82174e50d90fe34f1a8826e79b', onClick: () => this.toggleCockpitMenu() }, index.h("i", { key: '8b3fb3f8096d1549ee2e83115674e27a5f7353dc', class: "fa fa-tachometer-alt fa-fw" }), "\u00A0Cockpitfunktionen \u00A0", index.h("i", { key: '105f4896cc715771f68d1895760c3e19a55213c1', class: "fa fa-caret-down" })))), this.isCockpitMenuExpanded && ((_q = (_p = this.metaNav) === null || _p === void 0 ? void 0 : _p.ManagerCockpitMenu) === null || _q === void 0 ? void 0 : _q.map(item => (index.h("li", { class: 'user-menu-item' }, index.h("a", { href: item.Url, target: item.Target || '_self' }, index.h("i", { class: item.CssClass }), "\u00A0\u00A0", item.Text))))), ((_r = this.metaNav) === null || _r === void 0 ? void 0 : _r.IsManager) && (index.h("li", { key: '7c4e9dce3d4edc9db1d9f457e5a087f8cc7869bf' }, index.h("a", { key: 'a8fefa69552741cbdd51d2525b29450bb8a9e447', onClick: () => this.toggleEntitiesMenu() }, index.h("i", { key: 'ff0858e1294e130d796e374bbdf65c1176b63d10', class: "fa fa-cubes" }), "\u00A0Entit\u00E4ten \u00A0", index.h("i", { key: '0f693b256ef47a906a01246cc35320f7d1407f6b', class: "fa fa-caret-down" })))), this.isEntitiesMenuExpanded && ((_t = (_s = this.metaNav) === null || _s === void 0 ? void 0 : _s.ManagerEntitiesMenu) === null || _t === void 0 ? void 0 : _t.map(item => (index.h("li", { class: 'user-menu-item' }, index.h("a", { href: item.Url, target: item.Target || '_self' }, index.h("i", { class: item.CssClass }), item.Text))))), (_v = (_u = this.metaNav) === null || _u === void 0 ? void 0 : _u.ManagerMenu) === null || _v === void 0 ? void 0 :
|
|
78046
|
+
_v.map(item => (index.h("li", null, index.h("a", { href: item.Url, target: item.Target || '_self' }, index.h("i", { class: item.CssClass }), "\u00A0", item.Text)))), ((_w = this.metaNav) === null || _w === void 0 ? void 0 : _w.IsManager) && (index.h("li", { key: '4695bda78dd103cceba296a6b4f6c7910a3ba73e', role: "separator", class: "divider" })), ((_x = this.metaNav) === null || _x === void 0 ? void 0 : _x.IsManager) && (index.h("li", { key: '23d215776904bfa5f58cda7c4c5e75af4e047f94' }, index.h("a", { key: '605209d88134a08ebe8f1d2c595e819e1bfeaf72', onClick: () => this.toggleUserMenu() }, index.h("i", { key: '1bcda7955e948809fddc0bd179ba9c7b082e5bdb', class: "fa fa-user" }), "\u00A0Mein Crossvertise \u00A0", index.h("span", { key: '302f6bc8628b068c1d76ff551ad036929816041f', class: "badge" }, (_y = this.metaNav) === null || _y === void 0 ? void 0 : _y.PendingItems), index.h("i", { key: 'c10ffc59af0eca68ac11f4b3981324f90d8cf0e9', class: "fa fa-caret-down" })))), this.isUserMenuExpanded && ((_0 = (_z = this.metaNav) === null || _z === void 0 ? void 0 : _z.UserMenu) === null || _0 === void 0 ? void 0 : _0.map(item => (index.h("li", { class: 'user-menu-item' }, index.h("a", { href: item.Url, target: item.Target || '_self' }, index.h("i", { class: item.CssClass }), item.Text, "\u00A0", item.BadgeText && (index.h("span", { class: "badge" }, item.BadgeText))))))), ((_2 = (_1 = this.metaNav) === null || _1 === void 0 ? void 0 : _1.ImpersonationInfo) === null || _2 === void 0 ? void 0 : _2.isImpersonated) && (index.h("li", { key: '6853b86ded63f357f07874c7d130cb5dafdd812a', class: 'user-menu-item' }, index.h("a", { key: 'd98146f43d0e35d176334600ccd6b9da55660af7', href: (_4 = (_3 = this.metaNav) === null || _3 === void 0 ? void 0 : _3.ImpersonationInfo) === null || _4 === void 0 ? void 0 : _4.ClearImpersonationUrl }, index.h("i", { key: 'aa55b1f55438e7c4b957ac0ca17ceeed85866f2d', class: "fa fa-exchange-alt" }), "Kundenperspektive verlassen"))), ((_5 = this.metaNav) === null || _5 === void 0 ? void 0 : _5.IsManager) && (index.h("li", { key: '0c5069756b0b78e07d1ed62558fc3f6e03366307', role: "separator", class: "divider" })), (_7 = (_6 = this.metaNav) === null || _6 === void 0 ? void 0 : _6.ActionsMenu) === null || _7 === void 0 ? void 0 :
|
|
78047
|
+
_7.map(item => (index.h("li", null, index.h("a", { href: item.Url, target: item.Target || '_self' }, index.h("i", { class: item.CssClass }), item.Text)))), index.h("li", { key: 'f326296a03713d095003535816873b76d5f48d94' }, index.h("a", { key: '460f4e524625d43550e1b7875b02e07df3ab20ac', href: "/de-de/mycrossvertise/account/logoff?returnUrl=/" }, index.h("i", { key: '0e15b834a797a8f15cfc711fe53562231d6617a0', class: "fa fa-sign-out-alt fa-fw", "aria-hidden": "true" }), "Logout"))))), index.h("li", { key: 'bfe4cbd2518e08984ff5753ed8933c71859c25a3', class: "visible-sm-block visible-xs-block hidden-xxs" }, index.h("a", { key: '068494b14f95455993a7f122a53158674413e69c', class: "btn btn-default navbar-btn btn-link", "data-toggle": "collapse", "data-target": "#search-collapse" }, index.h("i", { key: 'd5784c82eb8b8b247096f1ce19d5652f717b0868', class: "fa fa-search", "aria-hidden": "true" }))), !((_8 = this.metaNav) === null || _8 === void 0 ? void 0 : _8.IsAuthenticated) && (index.h("li", { key: '7e27ad5c2be033b1410ab7d8f35c379a0f99d5e1', class: "hidden-md hidden-lg" }, index.h("a", { key: '75bb5da8e0a4e54c38025c14a6c48a39a54987bf', class: "btn btn-default navbar-btn btn-link mob-login", href: "/de-de/mycrossvertise/account/logon" }, index.h("i", { key: 'd4ceafa6630e9875e4b5aa02c8043b3415875ed3', class: "fa fa-user fa-lg", "aria-hidden": "true" })))), !((_9 = this.metaNav) === null || _9 === void 0 ? void 0 : _9.IsAuthenticated) && (index.h("li", { key: '860cc16a9a3113797f94176e49af6e5018ef21d3', class: "hidden-xs hidden-sm" }, index.h("a", { key: 'f8a7786698714b25065eac2f092a20b1dca56819', role: "button", onClick: this.openLoginModal, class: "btn btn-default navbar-btn btn-link" }, index.h("i", { key: '753c70b5740cd59f0fdda73a478872d5d322432d', class: "fa fa-user fa-lg", "aria-hidden": "true" }), index.h("span", { key: '1b27674a5fd250d999e62836e79922c062a50489', class: "padding-sm-left" }, "Login")), index.h("xv-login-modal", { key: '7d6964bc79ed62c939512309791a5332a645f7cc', visible: this.showLoginModal, onClose: this.closeLoginModal }))), !((_10 = this.metaNav) === null || _10 === void 0 ? void 0 : _10.IsAuthenticated) && (index.h("li", { key: '2de53918d777dae9b7337b6f124a41b85ab6e1cb', class: "hidden-xs" }, index.h("a", { key: '5ab0873ed36ef6e7878bd30ace2e796733aba937', class: "btn btn-default navbar-btn btn-link", href: "/de-de/mycrossvertise/account/register" }, index.h("span", { key: '7f77ad720e54f443f0c3440ba91c29f2b6ecd1c5' }, "Registrieren")))), index.h("li", { key: 'd7900c6e64670fd0904eec3cc63859db247b2b82', class: "navbar-divider hidden-xs" }), index.h("li", { key: 'b83b17e74e05d26556cd0dd1ce497d50e5998bb1' }, index.h("a", { key: '9deb40e7fa62aba0d84321d468e822f0f3b783c3', class: "btn btn-success navbar-btn", href: "/angular/shopping-cart" }, index.h("span", { key: '7fd595e0194180f585c8ee339d23854479d9c346', class: "xv-font-icon-warenkorb fa-lg fa-fw", "aria-hidden": "true" }), index.h("span", { key: '721f33d0dc1f64cbf34aa9940eb578c31a92c8e2', class: "hidden-xs hidden-sm" }, "\u00A0Warenkorb\u00A0"), index.h("span", { key: 'beffcb3f5cfef4a78c632c76cf08198fc4e35d5a', class: "badge badge-success" }, ((_12 = (_11 = this.metaNav) === null || _11 === void 0 ? void 0 : _11.Cart) === null || _12 === void 0 ? void 0 : _12.NumberOfItems) || 0))))))), index.h("div", { key: '6e011db39a3ef5214454c01ed878421d80855974', class: "collapse hidden-md hidden-lg", id: "search-collapse" }, index.h("div", { key: 'c54830e5e0a1acb61470524d4ba072218b8d3992', class: "container" }, index.h("form", { key: '5edca459f41ee0fa9c2513e1dddb464f3e666322', action: "/de-de/media/search", class: "navbar-form", method: "get", role: "search" }, index.h("div", { key: '73409a7e440baec3bf92f6d5b2a4b5c5ddbb6ede', class: "input-group" }, index.h("input", { key: 'b755ae0c80dfb8572e73d49d5fee629bf900ed88', class: "form-control", name: "Q", placeholder: "Suche", type: "text", autocomplete: "off" }), index.h("span", { key: '0c76260d6f98d5d0a0f1c8c58e5b967688d9b4c3', class: "input-group-btn force-full-width" }, index.h("button", { key: '71182c02ebac137be60b9b47a6f44cd912d854e4', class: "btn btn-default search-addon", type: "submit" }, index.h("i", { key: '4845f8457a13ca9b399c8f20f7dcfe377a1221ce', class: "fa fa-search", "aria-hidden": "true" })))))))), index.h("div", { key: '8ba3d7c7b6da01e137b802893ec71f6c89729092', innerHTML: this.htmlContent }), index.h("ul", { key: '65959110a2077a384c531ee6ca7bae302eeadda0', class: "ui-autocomplete ui-front ui-menu ui-widget ui-widget-content ui-corner-all", id: "xv-search-suggestions", tabindex: "0", style: {
|
|
78030
78048
|
width: `${(_13 = this.listPosition) === null || _13 === void 0 ? void 0 : _13.width}px`,
|
|
78031
78049
|
top: `${(_14 = this.listPosition) === null || _14 === void 0 ? void 0 : _14.top}px`,
|
|
78032
78050
|
left: `${(_15 = this.listPosition) === null || _15 === void 0 ? void 0 : _15.left}px`,
|
|
@@ -78393,8 +78411,8 @@ const XvOverflowMenu = class {
|
|
|
78393
78411
|
}
|
|
78394
78412
|
}
|
|
78395
78413
|
render() {
|
|
78396
|
-
const button = (index.h("button", { key: '26f5dae60c8027a7b6bbf77a9a00e826d0c1217f', class: { btn: true, open: this.open }, onClick: this.onOpenToggle, disabled: this.disabled }, index.h("svg", { key: '
|
|
78397
|
-
return (index.h(index.Host, { key: '
|
|
78414
|
+
const button = (index.h("button", { key: '26f5dae60c8027a7b6bbf77a9a00e826d0c1217f', class: { btn: true, open: this.open }, onClick: this.onOpenToggle, disabled: this.disabled }, index.h("slot", { key: 'c2d6ed0d818d0326beccb808ddf487d5fc7b0947', name: "trigger" }, index.h("svg", { key: '634d60e7ff566146897e17f7b4c8ffa886c8b20a', xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 128 512" }, index.h("path", { key: '4cba03314376b7001735e87b22eb993c6ead7b3c', 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" })))));
|
|
78415
|
+
return (index.h(index.Host, { key: 'e62f620afcfae5d8ef62e3c6098410eb5c662f25', class: "xv-overflow-menu", size: this.size, role: "menu", tabindex: -1 }, this.tooltip ? index.h("xv-tooltip-v2", { message: this.tooltip }, button) : button, index.h("div", { key: '2eeb9b41fc1db6330a1ed76fee66f93fce1b4a4f', class: { list: true, open: this.open, [`position-${this.position}`]: true } }, index.h("slot", { key: 'dc35c0bbeb1b9525c0a4c3ae08a04b2225b03228' }))));
|
|
78398
78416
|
}
|
|
78399
78417
|
componentDidLoad() {
|
|
78400
78418
|
this.openChangeHandle();
|
|
@@ -78430,25 +78448,78 @@ const XvOverflowMenuItem = class {
|
|
|
78430
78448
|
this.itemClick.emit({ event, value: this.value });
|
|
78431
78449
|
}
|
|
78432
78450
|
render() {
|
|
78433
|
-
return (index.h(index.Host, { key: '
|
|
78451
|
+
return (index.h(index.Host, { key: '52b73576a826793034adf40e21ec6b1b3924723e', class: "xv-overflow-menu-item", role: "menuitem", disabled: this.disabled }, index.h("slot", { key: '2442735c71751258ad71cda4f3666005aefe39f2' })));
|
|
78434
78452
|
}
|
|
78435
78453
|
};
|
|
78436
78454
|
XvOverflowMenuItem.style = xvOverflowMenuItemCss;
|
|
78437
78455
|
|
|
78438
|
-
const xvPaginationCss = ".xv-tooltip[role=tooltip]{position:absolute;background-color:var(--background-inverse, #333333);color:var(--text-on-color);padding:var(--spacing-03) var(--spacing-04);border-radius:3px;font-size:var(--fz-sm);z-index:999;min-width:min(150px, 90vw);max-width:min(400px, 90vw)}.xv-tooltip[role=tooltip]::after{content:\"\";position:absolute;width:0;height:0;border-style:solid}.xv-tooltip[role=tooltip][data-popper-placement=top]::after{bottom:-5px;left:50%;transform:translateX(-50%);border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=top-start]::after{bottom:-5px;left:12px;border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=top-end]::after{bottom:-5px;right:12px;border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom]::after{top:-5px;left:50%;transform:translateX(-50%);border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom-start]::after{top:-5px;left:12px;border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom-end]::after{top:-5px;right:12px;border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=left]::after{top:50%;right:-5px;transform:translateY(-50%);border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=left-start]::after{top:12px;right:-5px;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=left-end]::after{bottom:12px;right:-5px;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=right]::after{top:50%;left:-5px;transform:translateY(-50%);border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=right-start]::after{top:12px;left:-5px;border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=right-end]::after{bottom:12px;left:-5px;border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}:host{display:block}";
|
|
78456
|
+
const xvPaginationCss = ".xv-tooltip[role=tooltip]{position:absolute;background-color:var(--background-inverse, #333333);color:var(--text-on-color);padding:var(--spacing-03) var(--spacing-04);border-radius:3px;font-size:var(--fz-sm);z-index:999;min-width:min(150px, 90vw);max-width:min(400px, 90vw)}.xv-tooltip[role=tooltip]::after{content:\"\";position:absolute;width:0;height:0;border-style:solid}.xv-tooltip[role=tooltip][data-popper-placement=top]::after{bottom:-5px;left:50%;transform:translateX(-50%);border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=top-start]::after{bottom:-5px;left:12px;border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=top-end]::after{bottom:-5px;right:12px;border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom]::after{top:-5px;left:50%;transform:translateX(-50%);border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom-start]::after{top:-5px;left:12px;border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom-end]::after{top:-5px;right:12px;border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=left]::after{top:50%;right:-5px;transform:translateY(-50%);border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=left-start]::after{top:12px;right:-5px;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=left-end]::after{bottom:12px;right:-5px;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=right]::after{top:50%;left:-5px;transform:translateY(-50%);border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=right-start]::after{top:12px;left:-5px;border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=right-end]::after{bottom:12px;left:-5px;border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}:host{display:inline-flex}:host .options-select{align-self:center;border:none;background-color:transparent;padding-block:var(--spacing-03);padding-inline-start:var(--spacing-02)}:host .block{display:inline-flex;align-items:center;flex-wrap:nowrap;white-space:nowrap;margin:0 var(--spacing-03);column-gap:var(--spacing-03)}:host .block_full{flex:1}:host .icon{box-sizing:border-box;width:0;height:0;border:solid currentColor;border-width:0 2px 2px 0;display:inline-block;padding:0.25em}:host .icon_prev{transform:rotate(135deg);margin-left:5px}:host .icon_next{transform:rotate(-45deg);margin-right:5px}:host .list{display:flex;list-style:none;padding:0;margin:0}:host .list_options{display:flex;align-items:center;white-space:nowrap;column-gap:var(--spacing-04)}:host .list_options__middle{display:flex;flex:1}:host .list_page{user-select:none}:host .list .active .list_page{color:var(--text-on-color-active, #000);font-weight:700}:host .list .active .list_page:after{content:\"\";position:absolute;top:90%;left:25%;width:50%;height:2px;background-color:var(--text-on-color-active, #000)}:host .list_dots{position:relative;display:inline-block}:host .list_dots__icon{user-select:none;display:flex;width:auto;height:100%;align-items:center;justify-content:center}:host .list_dots select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:none;border:none;cursor:pointer;color:transparent;position:absolute;left:0;top:0;width:100%;height:100%;padding-inline:var(--spacing-03)}:host .list_dots select option{background-color:white;color:var(--text-primary, #333)}:host(.block){display:flex}:host([variant=compact]){justify-content:flex-end}:host([size=xs]){column-gap:var(--spacing-04)}:host([size=xs]) .list{column-gap:var(--spacing-04)}";
|
|
78439
78457
|
|
|
78440
78458
|
const XvPagination = class {
|
|
78441
78459
|
constructor(hostRef) {
|
|
78442
78460
|
index.registerInstance(this, hostRef);
|
|
78443
|
-
this.
|
|
78461
|
+
this.pageChange = index.createEvent(this, "pageChange");
|
|
78462
|
+
this.itemsPerPageOptions = [10, 20, 30, 40, 50, 100];
|
|
78463
|
+
this.itemsPerPage = this.itemsPerPageOptions[0];
|
|
78464
|
+
/*
|
|
78465
|
+
* total number of pages
|
|
78466
|
+
* */
|
|
78467
|
+
this.total = 100;
|
|
78468
|
+
/*
|
|
78469
|
+
* current page
|
|
78470
|
+
* */
|
|
78444
78471
|
this.page = 1;
|
|
78445
|
-
this.
|
|
78446
|
-
this.
|
|
78447
|
-
|
|
78448
|
-
|
|
78472
|
+
this.size = SIZE_VAR.MD;
|
|
78473
|
+
this.variant = 'regular';
|
|
78474
|
+
/*
|
|
78475
|
+
* Rows per one page
|
|
78476
|
+
* */
|
|
78477
|
+
this.totalItems = this.total * this.itemsPerPage;
|
|
78478
|
+
this.handlePageSelectChange = (e) => {
|
|
78479
|
+
const value = Number(e.target.value);
|
|
78480
|
+
if (isNaN(value))
|
|
78481
|
+
return;
|
|
78482
|
+
this.handlePageChange(value);
|
|
78483
|
+
};
|
|
78484
|
+
this.handleItemsPerPageChange = (e) => {
|
|
78485
|
+
const value = Number(e.target.value);
|
|
78486
|
+
if (isNaN(value))
|
|
78487
|
+
return;
|
|
78488
|
+
this.itemsPerPage = value;
|
|
78489
|
+
// reset current page
|
|
78490
|
+
this.handlePageChange(1);
|
|
78491
|
+
};
|
|
78492
|
+
}
|
|
78493
|
+
get visiblePagesWithDots() {
|
|
78494
|
+
const total = this.total;
|
|
78495
|
+
const current = this.page;
|
|
78496
|
+
if (total <= 7) {
|
|
78497
|
+
return Array.from({ length: total }, (_, i) => i + 1);
|
|
78498
|
+
}
|
|
78499
|
+
const pages = [];
|
|
78500
|
+
// If there are 4 or fewer pages, show all pages
|
|
78501
|
+
if (current <= 4) {
|
|
78502
|
+
pages.push(1, 2, 3, 4, 5, 'dots-end', total);
|
|
78503
|
+
return pages;
|
|
78504
|
+
}
|
|
78505
|
+
// End of the list (active ≥ total - 3)
|
|
78506
|
+
if (current >= total - 3) {
|
|
78507
|
+
pages.push(1, 'dots-start');
|
|
78508
|
+
for (let i = total - 4; i <= total; i++) {
|
|
78509
|
+
pages.push(i);
|
|
78510
|
+
}
|
|
78511
|
+
return pages;
|
|
78512
|
+
}
|
|
78513
|
+
// middle
|
|
78514
|
+
pages.push(1, 'dots-start', current - 1, current, current + 1, 'dots-end', total);
|
|
78515
|
+
return pages;
|
|
78516
|
+
}
|
|
78517
|
+
handlePageChange(newPage) {
|
|
78518
|
+
this.page = newPage;
|
|
78519
|
+
this.pageChange.emit({ page: this.page, itemsPerPage: this.itemsPerPage });
|
|
78449
78520
|
}
|
|
78450
78521
|
render() {
|
|
78451
|
-
return (index.h(index.Host, { key: '
|
|
78522
|
+
return (index.h(index.Host, { key: '4a169f44bdb77a4fe600a63ed4f4efcca8a1eb9a', class: { block: this.block, [this.variant]: !!this.variant, [this.size]: !!this.size } }, this.variant === 'full' && (index.h("div", { key: '07841d36259a55c14ca31c5cf75ee242672bb5cb', class: "block" }, index.h("select", { key: '9c08d0fe75125aa7603817139dd1a193e846648a', class: "options-select", name: "options", onChange: this.handleItemsPerPageChange }, this.itemsPerPageOptions.map((v) => v <= this.total && index.h("option", { value: v }, v))))), this.variant === 'full' && (index.h("span", { key: 'd60e1f6e69ae59f82d1f3b59d12253b52a5357b0', class: "block block_full" }, `${(this.page - 1) * this.itemsPerPage + 1} – ${Math.min(this.page * this.itemsPerPage, this.totalItems)} von ${this.totalItems} Einträgen`)), this.variant === 'full' && (index.h("div", { key: 'f2e6350a59961ae79a107164ebdf9eac1d36175d', class: "block" }, index.h("select", { key: 'c4f65d6ae0cb1ffe86fa9d05aeb9836668d8c04a', class: "options-select", name: "pages", onChange: this.handlePageSelectChange }, Array.from({ length: this.total }, (_, i) => (index.h("option", { selected: this.page === i + 1, value: i + 1 }, i + 1)))), index.h("span", { key: 'fdbf4da5164346b225398a5dbee4b2fee36cbb91' }, "von ", this.total, " Seiten"))), this.variant === 'compact' && index.h("span", { key: 'e8d2d17827bf388199afee5326bea623ff750733', class: "block" }, "Seite ", this.page), index.h("xv-button-v2", { key: 'ad55130bf1cdfa58778d55e47c8d91718dd7cf3c', variant: "ghost", size: this.size, onClick: () => this.handlePageChange(this.page - 1), disabled: this.page <= 1 }, index.h("span", { key: '9830b9ec740fdc4d687d2120a471fa9219343b29', slot: "icon-left", class: "icon icon_prev" })), this.variant === 'regular' && (index.h("ul", { key: '9913e0b38de8bec89323e33f2d37bf6f1bc4696f', class: "list" }, this.visiblePagesWithDots.map((page) => (index.h("li", { class: { active: this.page === page } }, page === 'dots-start' ? (index.h("div", { class: "list_dots" }, index.h("xv-button-v2", { variant: "ghost", size: this.size, tabindex: -1 }, index.h("span", { slot: "icon-left", class: "list_dots__icon" }, "...")), index.h("select", { name: "start", onChange: this.handlePageSelectChange }, Array.from({ length: this.page - 3 }, (_, i) => (index.h("option", { value: i + 2 }, i + 2)))))) : page === 'dots-end' ? (index.h("div", { class: "list_dots" }, index.h("xv-button-v2", { variant: "ghost", size: this.size, tabindex: -1 }, index.h("span", { slot: "icon-left", class: "list_dots__icon" }, "...")), index.h("select", { name: "end", onChange: this.handlePageSelectChange }, Array.from({ length: this.total - (this.page + 2) }, (_, i) => (index.h("option", { value: i + this.page + 2 }, i + this.page + 2)))))) : (index.h("xv-button-v2", { variant: "ghost", size: this.size, disabled: this.page === page, onClick: () => this.handlePageChange(page) }, index.h("span", { class: "list_page", slot: "icon-left" }, page)))))))), index.h("xv-button-v2", { key: 'ab355a931fbbca91dad3dbf99a62e7ab49241e1c', variant: "ghost", size: this.size, onClick: () => this.handlePageChange(this.page + 1), disabled: this.page >= this.total }, index.h("span", { key: '9e3a16d00db09b57a25c0af9fb8f80b5feb6ea51', slot: "icon-left", class: "icon icon_next" }))));
|
|
78452
78523
|
}
|
|
78453
78524
|
};
|
|
78454
78525
|
XvPagination.style = xvPaginationCss;
|
|
@@ -78522,7 +78593,7 @@ const XvProgressIndicator = class {
|
|
|
78522
78593
|
this.updateChildItems();
|
|
78523
78594
|
}
|
|
78524
78595
|
render() {
|
|
78525
|
-
return (index.h(index.Host, { key: '
|
|
78596
|
+
return (index.h(index.Host, { key: '0b178eee590a5f2c4de4af88d5651c5556caa790', variant: this.variant, size: this.size, class: { 'xv-progress-indicator': true } }, index.h("slot", { key: 'd45ae8b656f9ec4cbcd0bcbaef4b0879bc00c2cc' })));
|
|
78526
78597
|
}
|
|
78527
78598
|
get el() { return index.getElement(this); }
|
|
78528
78599
|
static get watchers() { return {
|
|
@@ -78539,7 +78610,7 @@ const XvProgressIndicatorItem = class {
|
|
|
78539
78610
|
this.status = PROGRESS_ITEM_STATUS.NO_STARTED;
|
|
78540
78611
|
}
|
|
78541
78612
|
render() {
|
|
78542
|
-
return (index.h(index.Host, { key: '
|
|
78613
|
+
return (index.h(index.Host, { key: '6d7f6e40bbed6d60731afb883f716cf911593925', status: this.status, class: { 'xv-progress-indicator-item': true } }, index.h("span", { key: 'e12633afebc77d85ffd39351c0abc4c619cb3ad1', class: "line" }), index.h("span", { key: 'e822fb95db2630949388193537ccd1f656f9878c', class: "icon" }, index.h("svg", { key: '4c64d4ed53899217f24cb7d765ba8b93dc237ec4', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512" }, index.h("path", { key: 'a68876b14e85a91d59cacf6f7f35bbc705e81194', 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: '1a021d4c96e5835c79a378e67474c7fcc4b501a7', class: "label" }, index.h("slot", { key: '5cbe1f8e41050f339df125f969f495d559198214' }))));
|
|
78543
78614
|
}
|
|
78544
78615
|
get el() { return index.getElement(this); }
|
|
78545
78616
|
};
|
|
@@ -78595,7 +78666,7 @@ const XvSlider = class {
|
|
|
78595
78666
|
this.setValue(this.min);
|
|
78596
78667
|
}
|
|
78597
78668
|
render() {
|
|
78598
|
-
return (index.h(index.Host, { key: '
|
|
78669
|
+
return (index.h(index.Host, { key: '2c67cebd268c54be59c20341e45192bbef6efcfb', class: { disabled: this.disabled, readonly: this.readonly } }, this.label && index.h("label", { key: '1cd9d1596e2cd9e71d9023cdcc387bdd9b54dfe0', class: "label" }, this.label), index.h("div", { key: 'eb13c1d3fd7c02840d51ab4e1278aec4a9b19894', class: "control" }, index.h("span", { key: '93f881f8ea77c7b3dd9cd0a8ca4c6264947dea84', class: "control_label" }, this.min), index.h("input", { key: 'bc4c6e1d6e1b9671a6f0ac9284e5d777475d7e56', type: "range", disabled: this.disabled || this.readonly, readonly: this.readonly, name: this.name, min: this.min, max: this.max, step: this.step, value: this.value, onInput: this.handleInput, style: { backgroundSize: `${((this.value - this.min) * 100) / (this.max - this.min)}% 100%` } }), index.h("span", { key: '8dfe193e295c6af371b4e7aefa7bb6711cde05d8', class: "control_label" }, this.max), !this.notEditable && (index.h("input", { key: 'b5bfd50c69557b9e433f42a24b6ff19eb54de9d9', type: "number", disabled: this.disabled, readonly: this.readonly, name: `${this.name}-number-input`, step: this.step, min: this.min, max: this.max, value: this.value, onInput: this.handleNumberInput, onBlur: this.handleNumberBlur })))));
|
|
78599
78670
|
}
|
|
78600
78671
|
static get formAssociated() { return true; }
|
|
78601
78672
|
};
|
|
@@ -78610,7 +78681,7 @@ const XvTab = class {
|
|
|
78610
78681
|
this.loading = false;
|
|
78611
78682
|
}
|
|
78612
78683
|
render() {
|
|
78613
|
-
return (index.h(index.Host, { key: '
|
|
78684
|
+
return (index.h(index.Host, { key: '4e37a56d91deb9c67adab407bf35913c565010e3', disabled: this.disabled, name: this.name }, this.loading ? index.h("xv-loader-v2", { size: SIZE_VAR.LG }) : index.h("slot", null)));
|
|
78614
78685
|
}
|
|
78615
78686
|
};
|
|
78616
78687
|
XvTab.style = xvTabCss;
|
|
@@ -78649,7 +78720,7 @@ const XvTable = class {
|
|
|
78649
78720
|
.join(' ') + ' repeat(auto-fit, minmax(0, 1fr))');
|
|
78650
78721
|
}
|
|
78651
78722
|
render() {
|
|
78652
|
-
return (index.h(index.Host, { key: '
|
|
78723
|
+
return (index.h(index.Host, { key: 'b03b07f0114f995a04d9e37ef7be3c1932ab7a48', class: { batchVisible: !!this.selectedCount } }, index.h("slot", { key: '20fefc1fddb3798e33d97e6c91aa5bfda2b231fb', name: "title" }, !!this.el.title && index.h("h2", { key: '07ab5f5c642c5d2724dde0ae9ab1abdb3b9761be', class: "xv-table-title" }, this.el.title)), index.h("slot", { key: '0f8cfbdf14640128bcb173efcc9094c685538fb8', name: "toolbar" }), index.h("div", { key: '242febfdfa23b36a1bde4c7515f296137bcf69e3', class: "xv-table" }, index.h("div", { key: 'e444b18105b25e33e6ad66f171ed7a01e8ed693d', class: "batch-actions" }, index.h(index.Fragment, { key: '31944b5c71a40b7ee2cc52a8299f7adc02e87847' }, index.h("div", { key: '9529d34374656123fda7f65e660b94501dcb7108', class: "batch-actions_content" }, index.h("slot", { key: 'd3db23f32460ba0ff8711d648e0720af33cfc380', name: "batch" })), index.h("p", { key: '3f77bf7e5ba07bc8955a61f2ac4d0042f3fe2a74', class: "batch-actions_count" }, !!this.selectedCount && `${this.selectedCount} ${this.selectedCount === 1 ? 'Position ausgewählt' : 'Positionen ausgewählt'}`))), index.h("div", { key: '47abf460bce0e426d80019e2f29b74d0b2f75fa4', class: "xv-table_wrapper" }, index.h("slot", { key: 'a8663b169596e7a77a6c00a0f3bdb28ca21d1d3b' }), index.h("slot", { key: 'cffd9eb9079950d177506f854e18514de87e0bc5', name: "footer" })), !!this.loading && (index.h("div", { key: '1a0a3c07199ae6de1503eb76a0755a0e1fbae7c8', class: "xv-table_loading" }, index.h("xv-loader-v2", { key: '4522d8a3305b738ac134e1e22b3207928e63d19c', size: SIZE_VAR.LG }))))));
|
|
78653
78724
|
}
|
|
78654
78725
|
componentWillLoad() {
|
|
78655
78726
|
this.setColsSizeTemplate();
|
|
@@ -78688,7 +78759,7 @@ const XvTableCell = class {
|
|
|
78688
78759
|
}
|
|
78689
78760
|
;
|
|
78690
78761
|
render() {
|
|
78691
|
-
return (index.h(index.Host, { key: '
|
|
78762
|
+
return (index.h(index.Host, { key: 'f9731884589d4576863adc6e6b6247b07af57002' }, index.h("slot", { key: 'e92e75cbe9e97e3107d3e52400cd8469bbff5171' })));
|
|
78692
78763
|
}
|
|
78693
78764
|
get el() { return index.getElement(this); }
|
|
78694
78765
|
};
|
|
@@ -78709,7 +78780,7 @@ const XvTableExpand = class {
|
|
|
78709
78780
|
};
|
|
78710
78781
|
}
|
|
78711
78782
|
render() {
|
|
78712
|
-
return (index.h(index.Host, { key: '
|
|
78783
|
+
return (index.h(index.Host, { key: 'c56788d4993dba400c34ccead5eb8e1cbdf97231' }, index.h("button", { key: '407dca7d7cc96904e5fbe821175dc323de4e5d39', class: { 'expand-btn': true, open: this.open }, disabled: this.disabled, onClick: this.handleExpand }), index.h("slot", { key: 'ee12c70cce24ed74fc95e399a01d1be61462959a', name: XV_EXPANDABLE_KEY }), index.h("div", { key: '12e2ec373d6fa07ce0b48a8cf1450b02a14df998', class: { expandableContent: true, open: this.open } }, index.h("slot", { key: '9e9640bc35ca00437922bccb121e99f7a39de29b' }))));
|
|
78713
78784
|
}
|
|
78714
78785
|
componentDidLoad() {
|
|
78715
78786
|
index$1.setAttr(this.el.parentElement, XV_EXPANDABLE_KEY, true);
|
|
@@ -78764,7 +78835,7 @@ const XvTableRow = class {
|
|
|
78764
78835
|
}
|
|
78765
78836
|
}
|
|
78766
78837
|
render() {
|
|
78767
|
-
return (index.h(index.Host, { key: '
|
|
78838
|
+
return (index.h(index.Host, { key: 'cf3e625ce226bf3417f453cbfa9ee7d0d129b48c' }, this.variant !== undefined && (index.h("xv-table-v2-cell", { key: 'd6b4016d31f224dd2e35f7036358b33e49e392c6', class: "cell-control" }, this.variant === 'checkbox' && (index.h("xv-checkbox-v2", { key: '151bb44274401ca699e6351c5a0a0874ea54a342', 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: '1fb3855cb98b67dd436f0c0350ff59b795bca93d', type: "radio", name: this.name, checked: this.checked || this.partial, disabled: this.disabled, required: this.required, readonly: this.readonly })))), index.h("slot", { key: '740e51976b5b79e9decd28694bdc92a9f9bee5b8' })));
|
|
78768
78839
|
}
|
|
78769
78840
|
componentWillLoad() {
|
|
78770
78841
|
this.setInitialAttrs();
|
|
@@ -78895,12 +78966,12 @@ const XvTag = class {
|
|
|
78895
78966
|
this.closeClick.emit(e);
|
|
78896
78967
|
}
|
|
78897
78968
|
render() {
|
|
78898
|
-
return (index.h(index.Host, { key: '
|
|
78969
|
+
return (index.h(index.Host, { key: '4c0a738d92071da4921cede3da3ccebad8487878', style: { color: this.color, background: this.bg }, class: `xv-tag ${this.disabled ? 'disabled' : ''} ${this.size}` }, index.h("div", { key: 'db767be7c853cc1a2e6f9122a6d623c81a7acd52', class: "xv-tag_content" }, index.h("slot", { key: '5c587138c6a23fa4fb2addb3de70dbdd8ecc35b6' })), this.closeable && (index.h("button", { key: '85420dca4b4dedb9159513862e480045ffd0099a', onClick: this.closeHandler.bind(this), class: "xv-tag_close" }))));
|
|
78899
78970
|
}
|
|
78900
78971
|
};
|
|
78901
78972
|
XvTag.style = xvTagCss;
|
|
78902
78973
|
|
|
78903
|
-
const xvTextInputCss = ".xv-tooltip[role=tooltip]{position:absolute;background-color:var(--background-inverse, #333333);color:var(--text-on-color);padding:var(--spacing-03) var(--spacing-04);border-radius:3px;font-size:var(--fz-sm);z-index:999;min-width:min(150px, 90vw);max-width:min(400px, 90vw)}.xv-tooltip[role=tooltip]::after{content:\"\";position:absolute;width:0;height:0;border-style:solid}.xv-tooltip[role=tooltip][data-popper-placement=top]::after{bottom:-5px;left:50%;transform:translateX(-50%);border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=top-start]::after{bottom:-5px;left:12px;border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=top-end]::after{bottom:-5px;right:12px;border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom]::after{top:-5px;left:50%;transform:translateX(-50%);border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom-start]::after{top:-5px;left:12px;border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom-end]::after{top:-5px;right:12px;border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=left]::after{top:50%;right:-5px;transform:translateY(-50%);border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=left-start]::after{top:12px;right:-5px;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=left-end]::after{bottom:12px;right:-5px;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=right]::after{top:50%;left:-5px;transform:translateY(-50%);border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=right-start]::after{top:12px;left:-5px;border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=right-end]::after{bottom:12px;left:-5px;border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}:host{display:inline-block;text-align:left}:host .control_label{display:block;margin-bottom:var(--spacing-03);color:var(--text-secondary, #515151);font-family:var(--ff-body, Tahoma);font-size:var(--fz-sm, 12px);font-style:normal;font-weight:700;line-height:var(--fz-md);letter-spacing:0.32px}:host .control_input{display:flex;border:1px solid var(--border-subtle-01);outline:2px solid transparent;background-color:transparent;border-radius:3px;transition:250ms ease-in-out border-color, 250ms ease-in-out outline-color}:host .control_input:hover{border-color:var(--border-subtle-selected-01)}:host .control_input:focus-within{outline-color:var(--focus)}:host .control_input.error{outline-color:var(--support-error)}:host .control_input.readonly{border-radius:0;border-top-width:0;border-left-width:0;border-right-width:0;outline-color:transparent}:host .control_input input
|
|
78974
|
+
const xvTextInputCss = ".xv-tooltip[role=tooltip]{position:absolute;background-color:var(--background-inverse, #333333);color:var(--text-on-color);padding:var(--spacing-03) var(--spacing-04);border-radius:3px;font-size:var(--fz-sm);z-index:999;min-width:min(150px, 90vw);max-width:min(400px, 90vw)}.xv-tooltip[role=tooltip]::after{content:\"\";position:absolute;width:0;height:0;border-style:solid}.xv-tooltip[role=tooltip][data-popper-placement=top]::after{bottom:-5px;left:50%;transform:translateX(-50%);border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=top-start]::after{bottom:-5px;left:12px;border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=top-end]::after{bottom:-5px;right:12px;border-width:5px 5px 0 5px;border-color:var(--background-inverse, black) transparent transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom]::after{top:-5px;left:50%;transform:translateX(-50%);border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom-start]::after{top:-5px;left:12px;border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=bottom-end]::after{top:-5px;right:12px;border-width:0 5px 5px 5px;border-color:transparent transparent var(--background-inverse, black) transparent}.xv-tooltip[role=tooltip][data-popper-placement=left]::after{top:50%;right:-5px;transform:translateY(-50%);border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=left-start]::after{top:12px;right:-5px;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=left-end]::after{bottom:12px;right:-5px;border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--background-inverse, black)}.xv-tooltip[role=tooltip][data-popper-placement=right]::after{top:50%;left:-5px;transform:translateY(-50%);border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=right-start]::after{top:12px;left:-5px;border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}.xv-tooltip[role=tooltip][data-popper-placement=right-end]::after{bottom:12px;left:-5px;border-width:5px 5px 5px 0;border-color:transparent var(--background-inverse, black) transparent transparent}:host{display:inline-block;text-align:left}:host .control_label{display:block;margin-bottom:var(--spacing-03);color:var(--text-secondary, #515151);font-family:var(--ff-body, Tahoma);font-size:var(--fz-sm, 12px);font-style:normal;font-weight:700;line-height:var(--fz-md);letter-spacing:0.32px}:host .control_input{display:flex;border:1px solid var(--border-subtle-01);outline:2px solid transparent;background-color:transparent;border-radius:3px;transition:250ms ease-in-out border-color, 250ms ease-in-out outline-color}:host .control_input:hover{border-color:var(--border-subtle-selected-01)}:host .control_input:focus-within{outline-color:var(--focus)}:host .control_input.error{outline-color:var(--support-error)}:host .control_input.readonly{border-radius:0;border-top-width:0;border-left-width:0;border-right-width:0;outline-color:transparent}:host .control_input input{flex:1;border:none;outline:none;-moz-appearance:textfield;background-color:transparent;margin:0;padding-block:0;padding-inline:var(--spacing-05);box-sizing:border-box;color:var(--text-primary);min-width:20px;font-style:normal;font-weight:400;letter-spacing:0.16px}:host .control_input input::-webkit-inner-spin-button,:host .control_input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}:host .control_input__icons{display:inline-flex;align-items:stretch;column-gap:2px;padding-right:var(--spacing-05)}:host .control_input__icons .status-icon{display:inline-flex;align-items:center;align-self:center;font-size:1.35em}:host .control_input__icons .status-icon:is(button){background-color:transparent;box-shadow:none;border:none;cursor:pointer}:host .control_input__icons .status-icon.error{background-color:var(--support-error);color:white;width:16px;height:16px;border-radius:8px;font-size:12px;font-weight:bold;align-items:center;justify-content:center}:host .control_input__icons .status-icon.warning{color:var(--support-warning)}:host .control_input__icons hr{border:none;outline:none;width:2px;height:60%;align-self:center;background-color:var(--border-subtle-01);display:inline-flex}:host .control_input.xs{height:16px}:host .control_input.sm{height:32px}:host .control_input.md{height:40px}:host .control_input.lg{height:48px}:host .control_input.xl{height:60px}:host .message{margin:var(--spacing-02) 0 0;color:var(--text-helper, #646464);font-size:var(--fz-sm, 12px);font-style:normal;font-weight:400;line-height:var(--fz-md, 16px);letter-spacing:0.32px}:host .message.error{color:var(--text-error)}:host .message.warning{color:var(--text-secondary, #515151)}:host(.disabled){cursor:not-allowed}:host(.disabled) .control_label,:host(.disabled) .control_input input,:host(.disabled) .control_input input::placeholder,:host(.disabled) .message:not(.error){color:var(--text-disabled);cursor:not-allowed}:host(.disabled) .control_input__icons,:host(.disabled) .message.error{opacity:0.5;cursor:not-allowed}:host([block]){display:block}:host([block]) .control_input input{width:100%}";
|
|
78904
78975
|
|
|
78905
78976
|
const XvTextInput = class {
|
|
78906
78977
|
constructor(hostRef) {
|
|
@@ -78917,6 +78988,10 @@ const XvTextInput = class {
|
|
|
78917
78988
|
this.value = '';
|
|
78918
78989
|
this.loading = false;
|
|
78919
78990
|
this.size = SIZE_VAR.MD;
|
|
78991
|
+
this.isPasswordVisible = false;
|
|
78992
|
+
this.togglePassword = () => {
|
|
78993
|
+
this.isPasswordVisible = !this.isPasswordVisible;
|
|
78994
|
+
};
|
|
78920
78995
|
this.handleInput = (e) => {
|
|
78921
78996
|
const target = e.target;
|
|
78922
78997
|
this.value = target.value;
|
|
@@ -78925,13 +79000,13 @@ const XvTextInput = class {
|
|
|
78925
79000
|
};
|
|
78926
79001
|
}
|
|
78927
79002
|
render() {
|
|
78928
|
-
return (index.h(index.Host, { key: '
|
|
79003
|
+
return (index.h(index.Host, { key: 'f97adda1e8793fed7c644085b25207bb41e9a15c', class: { disabled: !!this.disabled } }, index.h("label", { key: 'd84826dfd89e7ff1a034476ee2ee69dcb2fb46bb', class: "control" }, this.label && index.h("span", { key: 'dd6696d2e93c512de27bfa00ffeb9b3208f2fcb5', class: "control_label" }, this.label), index.h("div", { key: 'c31c8075adee0129e4d0878c0d19627ff4b30c52', class: {
|
|
78929
79004
|
'control_input': true,
|
|
78930
79005
|
readonly: !!this.readonly,
|
|
78931
79006
|
[this.size]: true,
|
|
78932
79007
|
error: !!this.error,
|
|
78933
79008
|
warning: !!this.warning,
|
|
78934
|
-
} }, index.h("input", { key: '
|
|
79009
|
+
} }, index.h("input", { key: '5e2bc699dcd974386db7c866399e4b5ead8b385d', autocomplete: this.autocomplete, type: (this.type === 'password' && this.isPasswordVisible && 'text') || this.type, placeholder: this.placeholder, disabled: this.disabled, readonly: this.readonly, onInput: this.handleInput, name: this.name, value: this.value }), index.h("div", { key: '6f4977138a016d5d38d6790ed37e6babd7cb60fe', class: "control_input__icons" }, this.loading && index.h("xv-loader-v2", { key: 'dc364b6570872127c9d459d68636a5573efceba0', 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.type === 'password' && (index.h("button", { key: '769d425ca096e7f49283c7350ac1c49db0add86a', onClick: this.togglePassword, disabled: this.disabled, class: "status-icon" }, index.h("svg", { key: 'bcdd55cdd451de6ef18daf007768a72a58000f9e', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 640 512", width: 16, height: 16 }, this.isPasswordVisible ? (index.h("path", { fill: "currentColor", d: "M38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2S-1.2 34.7 9.2 42.9l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7L525.6 386.7c39.6-40.6 66.4-86.1 79.9-118.4c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C465.5 68.8 400.8 32 320 32c-68.2 0-125 26.3-169.3 60.8L38.8 5.1zm151 118.3C226 97.7 269.5 80 320 80c65.2 0 118.8 29.6 159.9 67.7C518.4 183.5 545 226 558.6 256c-12.6 28-36.6 66.8-70.9 100.9l-53.8-42.2c9.1-17.6 14.2-37.5 14.2-58.7c0-70.7-57.3-128-128-128c-32.2 0-61.7 11.9-84.2 31.5l-46.1-36.1zM394.9 284.2l-81.5-63.9c4.2-8.5 6.6-18.2 6.6-28.3c0-5.5-.7-10.9-2-16c.7 0 1.3 0 2 0c44.2 0 80 35.8 80 80c0 9.9-1.8 19.4-5.1 28.2zm9.4 130.3C378.8 425.4 350.7 432 320 432c-65.2 0-118.8-29.6-159.9-67.7C121.6 328.5 95 286 81.4 256c8.3-18.4 21.5-41.5 39.4-64.8L83.1 161.5C60.3 191.2 44 220.8 34.5 243.7c-3.3 7.9-3.3 16.7 0 24.6c14.9 35.7 46.2 87.7 93 131.1C174.5 443.2 239.2 480 320 480c47.8 0 89.9-12.9 126.2-32.5l-41.9-33zM192 256c0 70.7 57.3 128 128 128c13.3 0 26.1-2 38.2-5.8L302 334c-23.5-5.4-43.1-21.2-53.7-42.3l-56.1-44.2c-.2 2.8-.3 5.6-.3 8.5z" })) : (index.h("path", { fill: "currentColor", d: "M288 80c-65.2 0-118.8 29.6-159.9 67.7C89.6 183.5 63 226 49.4 256c13.6 30 40.2 72.5 78.6 108.3C169.2 402.4 222.8 432 288 432s118.8-29.6 159.9-67.7C486.4 328.5 513 286 526.6 256c-13.6-30-40.2-72.5-78.6-108.3C406.8 109.6 353.2 80 288 80zM95.4 112.6C142.5 68.8 207.2 32 288 32s145.5 36.8 192.6 80.6c46.8 43.5 78.1 95.4 93 131.1c3.3 7.9 3.3 16.7 0 24.6c-14.9 35.7-46.2 87.7-93 131.1C433.5 443.2 368.8 480 288 480s-145.5-36.8-192.6-80.6C48.6 356 17.3 304 2.5 268.3c-3.3-7.9-3.3-16.7 0-24.6C17.3 208 48.6 156 95.4 112.6zM288 336c44.2 0 80-35.8 80-80s-35.8-80-80-80c-.7 0-1.3 0-2 0c1.3 5.1 2 10.5 2 16c0 35.3-28.7 64-64 64c-5.5 0-10.9-.7-16-2c0 .7 0 1.3 0 2c0 44.2 35.8 80 80 80zm0-208a128 128 0 1 1 0 256 128 128 0 1 1 0-256z" })))))))), this.helper && index.h("p", { key: '59fe79fc699f8a6fda5c9c71076083f087f6a250', 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));
|
|
78935
79010
|
}
|
|
78936
79011
|
static get formAssociated() { return true; }
|
|
78937
79012
|
};
|
|
@@ -78968,12 +79043,12 @@ const XvTextarea = class {
|
|
|
78968
79043
|
this.value && this.internals.setFormValue(this.value);
|
|
78969
79044
|
}
|
|
78970
79045
|
render() {
|
|
78971
|
-
return (index.h(index.Host, { key: '
|
|
79046
|
+
return (index.h(index.Host, { key: 'bc34a9f4a5eddc6fef4668e24b6ddcf0429bea53', class: { disabled: !!this.disabled } }, index.h("label", { key: 'ee138762477bba10e39df01a7c6a521d28ab95ae', class: "control" }, (this.label || this.max) && (index.h("p", { key: '588462de4214b70b909a8042468367cfa83dfb35', class: "control_label" }, index.h("span", { key: '8f5a14973c7b0f08f11cb9af038bae622ca3cc32' }, this.label, this.info && index.h("xv-tooltip-v2", { key: '271b989234e3eeff311a39e841614574b3cf186f', message: this.info })), this.max !== undefined && !this.counterHide && (index.h("span", { key: '4a774a564bdd949fb4655d882caf7b709f8bf166', class: "control_label__count" }, this.value.length || 0, "/", this.max)))), index.h("div", { key: 'dd7a17aec4e5c55e2fe67f8ba997bcc1d5439da9', class: {
|
|
78972
79047
|
'control_input': true,
|
|
78973
79048
|
readonly: !!this.readonly,
|
|
78974
79049
|
error: this.error !== undefined,
|
|
78975
79050
|
warning: this.warning !== undefined,
|
|
78976
|
-
} }, index.h("textarea", { key: '
|
|
79051
|
+
} }, index.h("textarea", { key: 'd8f81828a23b858eef0ab3c93efa409e8ab46da2', class: { 'no-resize': !!this.noResize }, name: this.name, rows: this.rows, value: this.value, maxLength: this.max, disabled: this.disabled, readOnly: this.readonly, placeholder: this.placeholder, onInput: this.onInput }), index.h("div", { key: 'fb1ff73179f3fdf86bb1aaa009acae812fde10e5', class: "control_input__icons" }, this._renderIcon()))), this.helper && index.h("p", { key: 'bfc46dd99d46c3ed23b94110e9ae28b768e8dfd5', 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));
|
|
78977
79052
|
}
|
|
78978
79053
|
_renderIcon() {
|
|
78979
79054
|
if (this.loading)
|
|
@@ -79023,7 +79098,7 @@ const XvTile = class {
|
|
|
79023
79098
|
this.checked = !this.checked;
|
|
79024
79099
|
}
|
|
79025
79100
|
render() {
|
|
79026
|
-
return (index.h(index.Host, { key: '
|
|
79101
|
+
return (index.h(index.Host, { key: 'ab074052115783ac27d5cc220ebbaff2988e1be9', class: "xv-tile--host" }, index.h("label", { key: '648adf3118b95d422974df965279a5e1a28647b3', class: {
|
|
79027
79102
|
[this.el.className]: !!this.el.className,
|
|
79028
79103
|
'xv-tile': true,
|
|
79029
79104
|
[`xv-tile--variant-${this.variant}`]: !!this.variant,
|
|
@@ -79031,7 +79106,7 @@ const XvTile = class {
|
|
|
79031
79106
|
'xv-tile--disabled': !!this.disabled,
|
|
79032
79107
|
'selected': !!this.checked,
|
|
79033
79108
|
'xv-tile--error': this.error !== undefined,
|
|
79034
|
-
} }, index.h("div", { key: '
|
|
79109
|
+
} }, index.h("div", { key: '024ed17aaf59907857075109d743828873e4d276', class: "xv-tile_content" }, this.label && index.h("h4", { key: '68463f12637445165f867ffe312d7f8d6fd9b6a8', class: "xv-tile_content__title" }, this.label), index.h("slot", { key: '2b6ae6bf18fbcb92f7f5b6ae0cfb1053d3321758' })), this.variant === 'selectable' && (index.h("div", { key: '6d5467eb55b41db4f7bf0d3c9aa1e4474a0cad1e', class: "xv-tile_control" }, this.multiple ? (index.h("input", { type: "checkbox", disabled: this.disabled, onChange: this.handleChange, name: this.name, value: this.value, checked: this.checked })) : (index.h("input", { type: "radio", disabled: this.disabled, onChange: this.handleChange, name: this.name, value: this.value, checked: this.checked })))), (this.variant === 'clickable' || this.variant === 'expandable') && (index.h("div", { key: '4c09dc99f437a70f4b4a691eef951eda7f4a1f81', class: "xv-tile_footer" }, index.h("button", { key: 'd88546fc7f7087b85cf2a86e5d9ab779e47af64c', class: { 'xv-tile_footer__icon': true, [`icon--${this.variant}`]: true, open: this.checked } }))), index.h("div", { key: 'eded1c536984b3ee203ec459b0285ebebef01184', class: { 'xv-tile_expandable': true, open: this.checked } }, index.h("slot", { key: '5c36792aff2b6615fe84234bccc98aa77e19516a', name: "expandable" })))));
|
|
79035
79110
|
}
|
|
79036
79111
|
get el() { return index.getElement(this); }
|
|
79037
79112
|
};
|
|
@@ -79063,7 +79138,7 @@ const XvToggle = class {
|
|
|
79063
79138
|
};
|
|
79064
79139
|
}
|
|
79065
79140
|
render() {
|
|
79066
|
-
return (index.h(index.Host, { key: '
|
|
79141
|
+
return (index.h(index.Host, { key: 'f94dc7c5caac8d9b6c749cf79d6a1b3903c8615f', class: { 'xv-toggle': true, disabled: this.disabled, readonly: !!this.readonly, block: !!this.block } }, this.label && index.h("span", { key: '50670a2c4a0acc11cfd1329488ea8915861de152', class: "label" }, this.label), index.h("label", { key: '7649a2a3a10da5d7940c3be1e0047a8d643c3275', class: "control" }, index.h("slot", { key: '87cd20b47941d2539d2bea29ffe8b0e4c40d601d', name: "before" }), index.h("div", { key: '2c3817ec08a7a7de440d54d4143129cab43d904b', class: "control_input" }, index.h("input", { key: 'c1d318be818aab4537879d55a942e1f097cce469', type: "checkbox", readonly: this.readonly, name: this.name, value: this.value, checked: this.checked, disabled: this.disabled || this.readonly, onChange: this.onChange }), index.h("span", { key: '3c54e3d34281df1bc1aaf7f682094e1daf5a0db5', class: "toggle" })), index.h("slot", { key: 'e998d2b200b56083baad9afa26cf23c75d8e15e8', name: "after" }))));
|
|
79067
79142
|
}
|
|
79068
79143
|
static get formAssociated() { return true; }
|
|
79069
79144
|
};
|
|
@@ -79138,7 +79213,7 @@ const XvToggleTip = class {
|
|
|
79138
79213
|
}
|
|
79139
79214
|
;
|
|
79140
79215
|
render() {
|
|
79141
|
-
return (index.h(index.Host, { key: '
|
|
79216
|
+
return (index.h(index.Host, { key: 'e518c8a24a215ba918f4da5e43f0889cb41dc26c', class: "xv-toggle-tip" }, index.h("div", { key: '05eae3615457df9f32132638c6b7aa304acd97d4', 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: '55af7cf18f5fb4877e3e80e64af44b91ca657fce', name: "trigger" }, index.h("svg", { key: '17935d95227817137b217db39ac5aa3d2d5641ac', class: "trigger_icon", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: 16, height: 16 }, index.h("path", { key: '16134c79add993ce4e55dc5211c07bf4b39cff24', 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: 'af79b60eb672367a58aeffe6414f88088f2ae3c8', class: { popover: true }, role: "tooltip", tabindex: "-1", ref: (el) => (this.popoverEl = el) }, index.h("div", { key: '0202527b82a06c976dd725726dd4c2600e946ce3', class: "popover-tip", part: "tip", "data-popper-arrow": "" }), index.h("div", { key: 'b5fb38c20e289abd5a958e804943efdd6c55e3eb', class: "popover-content" }, index.h("slot", { key: 'b531f4fae759fcd71c943fcda58fe2923e853f42', name: "header" }), index.h("slot", { key: '0b59a06ea38672ca470eb0529616b681e014bd3b', name: "body" }), index.h("slot", { key: '7abcc90ce4f113c9fa2c00a119c1e93b9c83251a', name: "footer" })))));
|
|
79142
79217
|
}
|
|
79143
79218
|
disconnectedCallback() {
|
|
79144
79219
|
this.destroyPopper();
|
|
@@ -79191,11 +79266,11 @@ const XvTooltip = class {
|
|
|
79191
79266
|
this.destroyTooltip();
|
|
79192
79267
|
}
|
|
79193
79268
|
render() {
|
|
79194
|
-
return (index.h(index.Host, { key: '
|
|
79269
|
+
return (index.h(index.Host, { key: '12d5d541c845de8a2af7d2846c7a8aae35e01ba7', role: "tooltip", class: {
|
|
79195
79270
|
'xv-tooltip-wrapper': true,
|
|
79196
79271
|
[`xv-tooltip-wrapper__block`]: !!this.block,
|
|
79197
79272
|
[`xv-tooltip-wrapper__dashed`]: !!this.dashed,
|
|
79198
|
-
} }, index.h("slot", { key: '
|
|
79273
|
+
} }, index.h("slot", { key: 'a58caf6a6b87ca61698e3849f08ddb3179bf9d56' }, index.h("svg", { key: '9a49e6554a0899777e72651c547d1044a6f18710', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: 16, height: 16 }, index.h("path", { key: 'b082c688eb0a138f69f7f63ba4e808e6abf9ab8c', 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" })))));
|
|
79199
79274
|
}
|
|
79200
79275
|
get el() { return index.getElement(this); }
|
|
79201
79276
|
};
|