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
|
@@ -77570,13 +77570,14 @@ XvDatepicker.style = xvDatepickerCss;
|
|
|
77570
77570
|
|
|
77571
77571
|
const DropdownItemSelector = '.xv-dropdown-item';
|
|
77572
77572
|
|
|
77573
|
-
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}";
|
|
77573
|
+
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}";
|
|
77574
77574
|
|
|
77575
77575
|
const XvDropdown = class {
|
|
77576
77576
|
constructor(hostRef) {
|
|
77577
77577
|
registerInstance(this, hostRef);
|
|
77578
77578
|
this.changeSelection = createEvent(this, "changeSelection");
|
|
77579
77579
|
this.size = SIZE_VAR.MD;
|
|
77580
|
+
this.variant = 'default';
|
|
77580
77581
|
this.selected = [];
|
|
77581
77582
|
this.selectedMap = new Map();
|
|
77582
77583
|
this.setSelected = (selectedMap, optionNodes) => {
|
|
@@ -77599,10 +77600,10 @@ const XvDropdown = class {
|
|
|
77599
77600
|
this.open = false;
|
|
77600
77601
|
};
|
|
77601
77602
|
this.addListeners = () => {
|
|
77602
|
-
document.
|
|
77603
|
+
document.addEventListener('click', this.handleClickOutside, { capture: true });
|
|
77603
77604
|
};
|
|
77604
77605
|
this.removeListeners = () => {
|
|
77605
|
-
document.
|
|
77606
|
+
document.removeEventListener('click', this.handleClickOutside, { capture: true });
|
|
77606
77607
|
};
|
|
77607
77608
|
this.setDefaultValues = () => {
|
|
77608
77609
|
if (!this.defaultValue)
|
|
@@ -77666,7 +77667,7 @@ const XvDropdown = class {
|
|
|
77666
77667
|
this.changeSelection.emit(this.setSelected(this.selectedMap, optionElements));
|
|
77667
77668
|
}
|
|
77668
77669
|
render() {
|
|
77669
|
-
return (h(Host, { key: '
|
|
77670
|
+
return (h(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) && (h("label", { key: '40bb7e619035756f61b8b5624f16cfed34f5ec2d', class: "label" }, h("slot", { key: 'd604a2edd4810ed58ed712a77c25a43da05df221', name: "label" }, this.label), this.info && h("xv-tooltip-v2", { key: 'ed0e1e03f32bc37e43650ca18a743b3dca00ab89', class: "label_info", message: this.info }))), h("div", { key: 'c0ea18da4c8ce80f0bddd148c111dadf7f6b3820', 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: '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" }, h("path", { key: '60156fb834708a219a901e80da9324a5033ed527', d: "M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z" }))), this.open && h("div", { key: '36d68900c8b4abe3288209074dcd90a95a10a65b', class: "options" }, h("slot", { key: "xv-dropdown-options" })), (this.helper || this.error || this.warning) && (h("p", { key: '41c6f19fb8405180c02ffe07f8549b2d9d5f3242', class: "helper" }, this.error || this.warning || this.helper))));
|
|
77670
77671
|
}
|
|
77671
77672
|
componentWillLoad() {
|
|
77672
77673
|
this.setDefaultValues();
|
|
@@ -77894,7 +77895,20 @@ const XvHeader = class {
|
|
|
77894
77895
|
this.listPosition = { width: 0, top: 0, left: 0 };
|
|
77895
77896
|
this.showPopover = false;
|
|
77896
77897
|
this.currentSuggestion = null;
|
|
77898
|
+
this.searchInputs = [];
|
|
77897
77899
|
this.inputHandlers = [];
|
|
77900
|
+
this.handleClickOutside = (ev) => {
|
|
77901
|
+
if (!this.suggestions.length)
|
|
77902
|
+
return;
|
|
77903
|
+
const suggestionsEl = this.el.querySelector('#xv-search-suggestions');
|
|
77904
|
+
const target = ev.target;
|
|
77905
|
+
if (this.searchInputs.some(input => input.contains(target)))
|
|
77906
|
+
return;
|
|
77907
|
+
if (suggestionsEl && suggestionsEl.contains(target))
|
|
77908
|
+
return;
|
|
77909
|
+
this.suggestions = [];
|
|
77910
|
+
this.currentSuggestion = null;
|
|
77911
|
+
};
|
|
77898
77912
|
this.openLoginModal = () => {
|
|
77899
77913
|
this.showLoginModal = true;
|
|
77900
77914
|
};
|
|
@@ -77954,7 +77968,8 @@ const XvHeader = class {
|
|
|
77954
77968
|
return text.replace(/[.*+?^${}()|[\\]\\]/g, '\\$&');
|
|
77955
77969
|
}
|
|
77956
77970
|
componentDidLoad() {
|
|
77957
|
-
const inputs = this.el.querySelectorAll('input[name="Q"]');
|
|
77971
|
+
const inputs = Array.from(this.el.querySelectorAll('input[name="Q"]'));
|
|
77972
|
+
this.searchInputs = inputs;
|
|
77958
77973
|
inputs.forEach(input => {
|
|
77959
77974
|
const handleInput = this.handleSearchInput.bind(this);
|
|
77960
77975
|
const handleKeyDown = this.handleKeyDown.bind(this);
|
|
@@ -77971,6 +77986,7 @@ const XvHeader = class {
|
|
|
77971
77986
|
this.searchInput = input;
|
|
77972
77987
|
}
|
|
77973
77988
|
});
|
|
77989
|
+
document.body.addEventListener('click', this.handleClickOutside);
|
|
77974
77990
|
}
|
|
77975
77991
|
loadMetaNav() {
|
|
77976
77992
|
try {
|
|
@@ -77999,6 +78015,8 @@ const XvHeader = class {
|
|
|
77999
78015
|
});
|
|
78000
78016
|
});
|
|
78001
78017
|
this.inputHandlers = [];
|
|
78018
|
+
this.searchInputs = [];
|
|
78019
|
+
document.body.removeEventListener('click', this.handleClickOutside);
|
|
78002
78020
|
}
|
|
78003
78021
|
async componentWillLoad() {
|
|
78004
78022
|
this.loadMetaNav();
|
|
@@ -78022,9 +78040,9 @@ const XvHeader = class {
|
|
|
78022
78040
|
}
|
|
78023
78041
|
render() {
|
|
78024
78042
|
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;
|
|
78025
|
-
return (h("div", { key: '
|
|
78026
|
-
_v.map(item => (h("li", null, h("a", { href: item.Url, target: item.Target || '_self' }, h("i", { class: item.CssClass }), "\u00A0", item.Text)))), ((_w = this.metaNav) === null || _w === void 0 ? void 0 : _w.IsManager) && (h("li", { key: '
|
|
78027
|
-
_7.map(item => (h("li", null, h("a", { href: item.Url, target: item.Target || '_self' }, h("i", { class: item.CssClass }), item.Text)))), h("li", { key: '
|
|
78043
|
+
return (h("div", { key: '9e983c598ba18d54699a5cac9ea01d912777fd89', id: "nav-container", class: "xv-header" }, h("nav", { key: '46e7cdaf37c99de3fcc927afb128311d4ba0ce7f', class: "navbar navbar-default navbar-fixed-top backend-force-relative" }, h("div", { key: '3aa9e7a87d81131555f6b4bd84684eb4252440e4', class: "container" }, h("div", { key: 'bdc9f7f9459b52db02cc59072f2143fb91cac2b7', class: "row" }, h("div", { key: '25865d6f9f7b6728fef5626b0bbd4e780e76dca2', class: "col-sm-3 col-xs-3 col-xxs-4 no-padding-right" }, h("div", { key: 'f84b94a6ba97c591e5bb3fc4f4ea3345c40c79bc', class: "navbar-header" }, h("button", { key: 'c0f70c5376a0584e6a06745cf5642ed42add0139', class: "btn btn-default navbar-toggle pull-left navbar-btn", "data-toggle": "collapse", "data-target": "#main-menu" }, h("i", { key: 'c8c62379713c1f68d63b527ea97e6d529185ee44', class: "fa fa-bars fa-lg", "aria-hidden": "true" })), h("div", { key: 'ec54729fca58a511387dbc48a2ef3ab5cffdd255', class: "visible-xs-inline" }, h("a", { key: '9a4d612cff035284ec3430bf0e0245139eca4a5a', href: "https://www.crossvertise.com/", class: "navbar-brand" }, h("img", { key: '4f044f29bfe269dbb237fa3b4400c990bd509074', src: "https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo-small.svg", alt: "Crossvertise" }))), h("div", { key: '48504070f74139a4da92a7eda882fa21544ee86d', class: "hidden-xs" }, h("a", { key: 'ddcf356f6b18e8a97dc00d2e653c08a15ad543f6', href: "https://www.crossvertise.com/", class: "navbar-brand" }, h("img", { key: '569740ad879dcd582bdd89d350599d88ab529ad1', loading: "lazy", src: "https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo.svg", alt: "Crossvertise" }))))), h("div", { key: 'ff4a09e59ddbeadedc1757052cd933a656f26335', class: "col-sm-9 col-xs-9 col-xxs-8 no-padding-left" }, h("ul", { key: 'f68d7abd8f8acd93b168779284bb5042b995daca', class: "nav nav-pills nav-meta pull-right" }, ((_a = this.metaNav) === null || _a === void 0 ? void 0 : _a.ImpersonationInfo) && (h("li", { key: 'c7710a57f32b8f3210027a252d7d7da3b2b8fe57' }, h("div", { key: '2fdf22547406b356d01be39b4e70abe4007e1c5f', class: "btn btn-link navbar-btn navbar-btn-cust hidden-xs", onClick: this.togglePopover }, h("i", { key: 'b7d3a5d64e0d9f39be766a9e3c176e4155e45300', class: "fa fa-user" }), h("i", { key: '33cbff00d5a4d1a22d9b0322a3edf7d996bbcada', class: "fa fa-exchange-alt" })), h("div", { key: '9a3abc0399f71565f20b5af33cad71b4eda2449c', class: "popover popover-fixed fade bottom in", style: { "display": this.showPopover ? "block" : "none" } }, h("div", { key: '31652a1834ea31c23b197b9d53130a3033ea67bf', class: "arrow" }), h("h3", { key: 'd8beb8e6a06720c390b51d7d93a1484f939e520a', class: "popover-title" }, "Momentan ist die Kundenperspektive aktiviert f\u00FCr:"), h("div", { key: 'f5793d3d4468f341630e5c349896fe902b6b4600', class: "popover-content" }, h("div", { key: '336fb799ac3537a53dccb11649083431cd5967b3', class: "row" }, h("div", { key: '04c8945c396ea56ec4cfcec2a096ade7687e9ce0', class: "col-xs-12" }, h("table", { key: '81fc9ecbed7027ec1d5341ffc441c0f391b86506', class: "table-condensed" }, h("tbody", { key: '238f73b42004e68d58175dcbb438e750202ce2ef' }, h("tr", { key: 'a71f1f34793dd5e4d76060786d3de5c261fd78dc' }, h("td", { key: '35ae36a0ac7c54f9c57aa86063444961d9869065' }, h("span", { key: 'cb52c62f14e883fe4194b70a2085ab68ff9b871a' }, (_c = (_b = this.metaNav) === null || _b === void 0 ? void 0 : _b.ImpersonationInfo) === null || _c === void 0 ? void 0 : _c.NameAndTitle))), h("tr", { key: '91c92c0fee48e7eafe6e1a05c90489fc376b8a32' }, h("td", { key: 'f1c778c4f037c7b79288dffc4857b10cb72d0726' }, h("span", { key: '3c2dc23b00ab008f66b473ccd7c85daef8989d76' }, (_e = (_d = this.metaNav) === null || _d === void 0 ? void 0 : _d.ImpersonationInfo) === null || _e === void 0 ? void 0 : _e.CompanyName))), h("tr", { key: '4a7191a74877408db7e87758b949824afe70d49a' }, h("td", { key: '51064aaec7801654c1575c596e7d05351ffe06e2' }, h("span", { key: 'c11c293b2e1734d9a3e94250726738364ca50beb' }, (_g = (_f = this.metaNav) === null || _f === void 0 ? void 0 : _f.ImpersonationInfo) === null || _g === void 0 ? void 0 : _g.Email))), h("tr", { key: 'f6d45ca587131e34ed96b9289f8896709f2e80da' }, h("td", { key: '5ade43398b89b7adaf1daa12e4e00cc92f9cc3ff' }, h("span", { key: 'ee843b218336acb8cb2d753d521217b822317d25' }, (_j = (_h = this.metaNav) === null || _h === void 0 ? void 0 : _h.ImpersonationInfo) === null || _j === void 0 ? void 0 : _j.PhoneOffice)))))))), h("div", { key: '1779ff63456bed5b17adf24c429076f56a4d42b0', class: "row contact-contactform-container", id: "contact-contactform-container-nav" }, h("div", { key: 'e477a80def21952163ffe7ae4d60c0d48ba09e5c', class: "col-xs-12" }, h("a", { key: 'd3e3ef1a1077b7954d4025d775b37829402c0858', class: "btn btn-primary btn-block", href: "/de-de/mycrossvertise/account/clearimpersonation" }, "Kundenperspektive verlassen")))))), h("li", { key: '56d19113a5e363b1b5dfa74b9924d02e03b58d62' }, h("a", { key: '51224ca6f044fe3a8455ae8b74b0a35e38617283', class: "btn btn-link navbar-btn hidden-xs", href: "#" }, "Kontakt"), h("a", { key: '36e510b2f5b1ebf81af5557502ad98c7f0eb183a', href: "/contact", class: "btn btn-link navbar-btn hidden-xs", style: { display: 'none' } }, "Kontakt"), h("a", { key: 'cdfd0e321d2ac31821202ff51923612445257b31', class: "btn btn-default btn-link navbar-btn visible-xs hidden-xxs", href: "#" }, h("i", { key: 'e74d63b3f3d1db4aece33a25662f437915e616b4', class: "fa fa-phone" }))), ((_k = this.metaNav) === null || _k === void 0 ? void 0 : _k.IsManager) && (h("li", { key: '50731ce365a209319911c576b21c48539e1c7c9e', class: "dropdown" }, 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" }, h("i", { key: '2a217d7585f2c3780cb827323629a56d63b53893', class: "fas fa-bell fa-lg" }), 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) && (h("li", { key: '57a317925ff153996089148b9edb66b3f024f2c3', class: "dropdown", id: "my-xv-menu" }, 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" }, h("i", { key: 'd0323ffceae4fe6935fa46787b234165b60d28aa', class: "fa fa-user fa-lg text-success", "aria-hidden": "true" }), "\u00A0", h("span", { key: '86e2a4d4f90bb347a7ad27edb22e0b94ed5232a3', class: "hidden-xs" }, (_m = this.metaNav) === null || _m === void 0 ? void 0 : _m.UserMenuText), "\u00A0", h("span", { key: '0378abdfa4cb8b134df5e7a9b95c4a3861eef87e', class: "caret" })), h("ul", { key: '797e43763fe6572305e7958d498db9284d6a3c0f', class: "dropdown-menu-left dropdown-menu navbar-myxv" }, ((_o = this.metaNav) === null || _o === void 0 ? void 0 : _o.IsManager) && (h("li", { key: '0a823de3410bde9f42e9e98a6f1861257c7fc7f1' }, h("a", { key: 'c171813758f87a82174e50d90fe34f1a8826e79b', onClick: () => this.toggleCockpitMenu() }, h("i", { key: '8b3fb3f8096d1549ee2e83115674e27a5f7353dc', class: "fa fa-tachometer-alt fa-fw" }), "\u00A0Cockpitfunktionen \u00A0", 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 => (h("li", { class: 'user-menu-item' }, h("a", { href: item.Url, target: item.Target || '_self' }, h("i", { class: item.CssClass }), "\u00A0\u00A0", item.Text))))), ((_r = this.metaNav) === null || _r === void 0 ? void 0 : _r.IsManager) && (h("li", { key: '7c4e9dce3d4edc9db1d9f457e5a087f8cc7869bf' }, h("a", { key: 'a8fefa69552741cbdd51d2525b29450bb8a9e447', onClick: () => this.toggleEntitiesMenu() }, h("i", { key: 'ff0858e1294e130d796e374bbdf65c1176b63d10', class: "fa fa-cubes" }), "\u00A0Entit\u00E4ten \u00A0", 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 => (h("li", { class: 'user-menu-item' }, h("a", { href: item.Url, target: item.Target || '_self' }, 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 :
|
|
78044
|
+
_v.map(item => (h("li", null, h("a", { href: item.Url, target: item.Target || '_self' }, h("i", { class: item.CssClass }), "\u00A0", item.Text)))), ((_w = this.metaNav) === null || _w === void 0 ? void 0 : _w.IsManager) && (h("li", { key: '4695bda78dd103cceba296a6b4f6c7910a3ba73e', role: "separator", class: "divider" })), ((_x = this.metaNav) === null || _x === void 0 ? void 0 : _x.IsManager) && (h("li", { key: '23d215776904bfa5f58cda7c4c5e75af4e047f94' }, h("a", { key: '605209d88134a08ebe8f1d2c595e819e1bfeaf72', onClick: () => this.toggleUserMenu() }, h("i", { key: '1bcda7955e948809fddc0bd179ba9c7b082e5bdb', class: "fa fa-user" }), "\u00A0Mein Crossvertise \u00A0", h("span", { key: '302f6bc8628b068c1d76ff551ad036929816041f', class: "badge" }, (_y = this.metaNav) === null || _y === void 0 ? void 0 : _y.PendingItems), 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 => (h("li", { class: 'user-menu-item' }, h("a", { href: item.Url, target: item.Target || '_self' }, h("i", { class: item.CssClass }), item.Text, "\u00A0", item.BadgeText && (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) && (h("li", { key: '6853b86ded63f357f07874c7d130cb5dafdd812a', class: 'user-menu-item' }, 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 }, h("i", { key: 'aa55b1f55438e7c4b957ac0ca17ceeed85866f2d', class: "fa fa-exchange-alt" }), "Kundenperspektive verlassen"))), ((_5 = this.metaNav) === null || _5 === void 0 ? void 0 : _5.IsManager) && (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 :
|
|
78045
|
+
_7.map(item => (h("li", null, h("a", { href: item.Url, target: item.Target || '_self' }, h("i", { class: item.CssClass }), item.Text)))), h("li", { key: 'f326296a03713d095003535816873b76d5f48d94' }, h("a", { key: '460f4e524625d43550e1b7875b02e07df3ab20ac', href: "/de-de/mycrossvertise/account/logoff?returnUrl=/" }, h("i", { key: '0e15b834a797a8f15cfc711fe53562231d6617a0', class: "fa fa-sign-out-alt fa-fw", "aria-hidden": "true" }), "Logout"))))), h("li", { key: 'bfe4cbd2518e08984ff5753ed8933c71859c25a3', class: "visible-sm-block visible-xs-block hidden-xxs" }, h("a", { key: '068494b14f95455993a7f122a53158674413e69c', class: "btn btn-default navbar-btn btn-link", "data-toggle": "collapse", "data-target": "#search-collapse" }, h("i", { key: 'd5784c82eb8b8b247096f1ce19d5652f717b0868', class: "fa fa-search", "aria-hidden": "true" }))), !((_8 = this.metaNav) === null || _8 === void 0 ? void 0 : _8.IsAuthenticated) && (h("li", { key: '7e27ad5c2be033b1410ab7d8f35c379a0f99d5e1', class: "hidden-md hidden-lg" }, h("a", { key: '75bb5da8e0a4e54c38025c14a6c48a39a54987bf', class: "btn btn-default navbar-btn btn-link mob-login", href: "/de-de/mycrossvertise/account/logon" }, h("i", { key: 'd4ceafa6630e9875e4b5aa02c8043b3415875ed3', class: "fa fa-user fa-lg", "aria-hidden": "true" })))), !((_9 = this.metaNav) === null || _9 === void 0 ? void 0 : _9.IsAuthenticated) && (h("li", { key: '860cc16a9a3113797f94176e49af6e5018ef21d3', class: "hidden-xs hidden-sm" }, h("a", { key: 'f8a7786698714b25065eac2f092a20b1dca56819', role: "button", onClick: this.openLoginModal, class: "btn btn-default navbar-btn btn-link" }, h("i", { key: '753c70b5740cd59f0fdda73a478872d5d322432d', class: "fa fa-user fa-lg", "aria-hidden": "true" }), h("span", { key: '1b27674a5fd250d999e62836e79922c062a50489', class: "padding-sm-left" }, "Login")), h("xv-login-modal", { key: '7d6964bc79ed62c939512309791a5332a645f7cc', visible: this.showLoginModal, onClose: this.closeLoginModal }))), !((_10 = this.metaNav) === null || _10 === void 0 ? void 0 : _10.IsAuthenticated) && (h("li", { key: '2de53918d777dae9b7337b6f124a41b85ab6e1cb', class: "hidden-xs" }, h("a", { key: '5ab0873ed36ef6e7878bd30ace2e796733aba937', class: "btn btn-default navbar-btn btn-link", href: "/de-de/mycrossvertise/account/register" }, h("span", { key: '7f77ad720e54f443f0c3440ba91c29f2b6ecd1c5' }, "Registrieren")))), h("li", { key: 'd7900c6e64670fd0904eec3cc63859db247b2b82', class: "navbar-divider hidden-xs" }), h("li", { key: 'b83b17e74e05d26556cd0dd1ce497d50e5998bb1' }, h("a", { key: '9deb40e7fa62aba0d84321d468e822f0f3b783c3', class: "btn btn-success navbar-btn", href: "/angular/shopping-cart" }, h("span", { key: '7fd595e0194180f585c8ee339d23854479d9c346', class: "xv-font-icon-warenkorb fa-lg fa-fw", "aria-hidden": "true" }), h("span", { key: '721f33d0dc1f64cbf34aa9940eb578c31a92c8e2', class: "hidden-xs hidden-sm" }, "\u00A0Warenkorb\u00A0"), 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))))))), h("div", { key: '6e011db39a3ef5214454c01ed878421d80855974', class: "collapse hidden-md hidden-lg", id: "search-collapse" }, h("div", { key: 'c54830e5e0a1acb61470524d4ba072218b8d3992', class: "container" }, h("form", { key: '5edca459f41ee0fa9c2513e1dddb464f3e666322', action: "/de-de/media/search", class: "navbar-form", method: "get", role: "search" }, h("div", { key: '73409a7e440baec3bf92f6d5b2a4b5c5ddbb6ede', class: "input-group" }, h("input", { key: 'b755ae0c80dfb8572e73d49d5fee629bf900ed88', class: "form-control", name: "Q", placeholder: "Suche", type: "text", autocomplete: "off" }), h("span", { key: '0c76260d6f98d5d0a0f1c8c58e5b967688d9b4c3', class: "input-group-btn force-full-width" }, h("button", { key: '71182c02ebac137be60b9b47a6f44cd912d854e4', class: "btn btn-default search-addon", type: "submit" }, h("i", { key: '4845f8457a13ca9b399c8f20f7dcfe377a1221ce', class: "fa fa-search", "aria-hidden": "true" })))))))), h("div", { key: '8ba3d7c7b6da01e137b802893ec71f6c89729092', innerHTML: this.htmlContent }), 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: {
|
|
78028
78046
|
width: `${(_13 = this.listPosition) === null || _13 === void 0 ? void 0 : _13.width}px`,
|
|
78029
78047
|
top: `${(_14 = this.listPosition) === null || _14 === void 0 ? void 0 : _14.top}px`,
|
|
78030
78048
|
left: `${(_15 = this.listPosition) === null || _15 === void 0 ? void 0 : _15.left}px`,
|
|
@@ -78391,8 +78409,8 @@ const XvOverflowMenu = class {
|
|
|
78391
78409
|
}
|
|
78392
78410
|
}
|
|
78393
78411
|
render() {
|
|
78394
|
-
const button = (h("button", { key: '26f5dae60c8027a7b6bbf77a9a00e826d0c1217f', class: { btn: true, open: this.open }, onClick: this.onOpenToggle, disabled: this.disabled }, h("svg", { key: '
|
|
78395
|
-
return (h(Host, { key: '
|
|
78412
|
+
const button = (h("button", { key: '26f5dae60c8027a7b6bbf77a9a00e826d0c1217f', class: { btn: true, open: this.open }, onClick: this.onOpenToggle, disabled: this.disabled }, h("slot", { key: 'c2d6ed0d818d0326beccb808ddf487d5fc7b0947', name: "trigger" }, h("svg", { key: '634d60e7ff566146897e17f7b4c8ffa886c8b20a', xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 128 512" }, 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" })))));
|
|
78413
|
+
return (h(Host, { key: 'e62f620afcfae5d8ef62e3c6098410eb5c662f25', class: "xv-overflow-menu", size: this.size, role: "menu", tabindex: -1 }, this.tooltip ? h("xv-tooltip-v2", { message: this.tooltip }, button) : button, h("div", { key: '2eeb9b41fc1db6330a1ed76fee66f93fce1b4a4f', class: { list: true, open: this.open, [`position-${this.position}`]: true } }, h("slot", { key: 'dc35c0bbeb1b9525c0a4c3ae08a04b2225b03228' }))));
|
|
78396
78414
|
}
|
|
78397
78415
|
componentDidLoad() {
|
|
78398
78416
|
this.openChangeHandle();
|
|
@@ -78428,25 +78446,78 @@ const XvOverflowMenuItem = class {
|
|
|
78428
78446
|
this.itemClick.emit({ event, value: this.value });
|
|
78429
78447
|
}
|
|
78430
78448
|
render() {
|
|
78431
|
-
return (h(Host, { key: '
|
|
78449
|
+
return (h(Host, { key: '52b73576a826793034adf40e21ec6b1b3924723e', class: "xv-overflow-menu-item", role: "menuitem", disabled: this.disabled }, h("slot", { key: '2442735c71751258ad71cda4f3666005aefe39f2' })));
|
|
78432
78450
|
}
|
|
78433
78451
|
};
|
|
78434
78452
|
XvOverflowMenuItem.style = xvOverflowMenuItemCss;
|
|
78435
78453
|
|
|
78436
|
-
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}";
|
|
78454
|
+
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)}";
|
|
78437
78455
|
|
|
78438
78456
|
const XvPagination = class {
|
|
78439
78457
|
constructor(hostRef) {
|
|
78440
78458
|
registerInstance(this, hostRef);
|
|
78441
|
-
this.
|
|
78459
|
+
this.pageChange = createEvent(this, "pageChange");
|
|
78460
|
+
this.itemsPerPageOptions = [10, 20, 30, 40, 50, 100];
|
|
78461
|
+
this.itemsPerPage = this.itemsPerPageOptions[0];
|
|
78462
|
+
/*
|
|
78463
|
+
* total number of pages
|
|
78464
|
+
* */
|
|
78465
|
+
this.total = 100;
|
|
78466
|
+
/*
|
|
78467
|
+
* current page
|
|
78468
|
+
* */
|
|
78442
78469
|
this.page = 1;
|
|
78443
|
-
this.
|
|
78444
|
-
this.
|
|
78445
|
-
|
|
78446
|
-
|
|
78470
|
+
this.size = SIZE_VAR.MD;
|
|
78471
|
+
this.variant = 'regular';
|
|
78472
|
+
/*
|
|
78473
|
+
* Rows per one page
|
|
78474
|
+
* */
|
|
78475
|
+
this.totalItems = this.total * this.itemsPerPage;
|
|
78476
|
+
this.handlePageSelectChange = (e) => {
|
|
78477
|
+
const value = Number(e.target.value);
|
|
78478
|
+
if (isNaN(value))
|
|
78479
|
+
return;
|
|
78480
|
+
this.handlePageChange(value);
|
|
78481
|
+
};
|
|
78482
|
+
this.handleItemsPerPageChange = (e) => {
|
|
78483
|
+
const value = Number(e.target.value);
|
|
78484
|
+
if (isNaN(value))
|
|
78485
|
+
return;
|
|
78486
|
+
this.itemsPerPage = value;
|
|
78487
|
+
// reset current page
|
|
78488
|
+
this.handlePageChange(1);
|
|
78489
|
+
};
|
|
78490
|
+
}
|
|
78491
|
+
get visiblePagesWithDots() {
|
|
78492
|
+
const total = this.total;
|
|
78493
|
+
const current = this.page;
|
|
78494
|
+
if (total <= 7) {
|
|
78495
|
+
return Array.from({ length: total }, (_, i) => i + 1);
|
|
78496
|
+
}
|
|
78497
|
+
const pages = [];
|
|
78498
|
+
// If there are 4 or fewer pages, show all pages
|
|
78499
|
+
if (current <= 4) {
|
|
78500
|
+
pages.push(1, 2, 3, 4, 5, 'dots-end', total);
|
|
78501
|
+
return pages;
|
|
78502
|
+
}
|
|
78503
|
+
// End of the list (active ≥ total - 3)
|
|
78504
|
+
if (current >= total - 3) {
|
|
78505
|
+
pages.push(1, 'dots-start');
|
|
78506
|
+
for (let i = total - 4; i <= total; i++) {
|
|
78507
|
+
pages.push(i);
|
|
78508
|
+
}
|
|
78509
|
+
return pages;
|
|
78510
|
+
}
|
|
78511
|
+
// middle
|
|
78512
|
+
pages.push(1, 'dots-start', current - 1, current, current + 1, 'dots-end', total);
|
|
78513
|
+
return pages;
|
|
78514
|
+
}
|
|
78515
|
+
handlePageChange(newPage) {
|
|
78516
|
+
this.page = newPage;
|
|
78517
|
+
this.pageChange.emit({ page: this.page, itemsPerPage: this.itemsPerPage });
|
|
78447
78518
|
}
|
|
78448
78519
|
render() {
|
|
78449
|
-
return (h(Host, { key: '
|
|
78520
|
+
return (h(Host, { key: '4a169f44bdb77a4fe600a63ed4f4efcca8a1eb9a', class: { block: this.block, [this.variant]: !!this.variant, [this.size]: !!this.size } }, this.variant === 'full' && (h("div", { key: '07841d36259a55c14ca31c5cf75ee242672bb5cb', class: "block" }, h("select", { key: '9c08d0fe75125aa7603817139dd1a193e846648a', class: "options-select", name: "options", onChange: this.handleItemsPerPageChange }, this.itemsPerPageOptions.map((v) => v <= this.total && h("option", { value: v }, v))))), this.variant === 'full' && (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' && (h("div", { key: 'f2e6350a59961ae79a107164ebdf9eac1d36175d', class: "block" }, h("select", { key: 'c4f65d6ae0cb1ffe86fa9d05aeb9836668d8c04a', class: "options-select", name: "pages", onChange: this.handlePageSelectChange }, Array.from({ length: this.total }, (_, i) => (h("option", { selected: this.page === i + 1, value: i + 1 }, i + 1)))), h("span", { key: 'fdbf4da5164346b225398a5dbee4b2fee36cbb91' }, "von ", this.total, " Seiten"))), this.variant === 'compact' && h("span", { key: 'e8d2d17827bf388199afee5326bea623ff750733', class: "block" }, "Seite ", this.page), h("xv-button-v2", { key: 'ad55130bf1cdfa58778d55e47c8d91718dd7cf3c', variant: "ghost", size: this.size, onClick: () => this.handlePageChange(this.page - 1), disabled: this.page <= 1 }, h("span", { key: '9830b9ec740fdc4d687d2120a471fa9219343b29', slot: "icon-left", class: "icon icon_prev" })), this.variant === 'regular' && (h("ul", { key: '9913e0b38de8bec89323e33f2d37bf6f1bc4696f', class: "list" }, this.visiblePagesWithDots.map((page) => (h("li", { class: { active: this.page === page } }, page === 'dots-start' ? (h("div", { class: "list_dots" }, h("xv-button-v2", { variant: "ghost", size: this.size, tabindex: -1 }, h("span", { slot: "icon-left", class: "list_dots__icon" }, "...")), h("select", { name: "start", onChange: this.handlePageSelectChange }, Array.from({ length: this.page - 3 }, (_, i) => (h("option", { value: i + 2 }, i + 2)))))) : page === 'dots-end' ? (h("div", { class: "list_dots" }, h("xv-button-v2", { variant: "ghost", size: this.size, tabindex: -1 }, h("span", { slot: "icon-left", class: "list_dots__icon" }, "...")), h("select", { name: "end", onChange: this.handlePageSelectChange }, Array.from({ length: this.total - (this.page + 2) }, (_, i) => (h("option", { value: i + this.page + 2 }, i + this.page + 2)))))) : (h("xv-button-v2", { variant: "ghost", size: this.size, disabled: this.page === page, onClick: () => this.handlePageChange(page) }, h("span", { class: "list_page", slot: "icon-left" }, page)))))))), h("xv-button-v2", { key: 'ab355a931fbbca91dad3dbf99a62e7ab49241e1c', variant: "ghost", size: this.size, onClick: () => this.handlePageChange(this.page + 1), disabled: this.page >= this.total }, h("span", { key: '9e3a16d00db09b57a25c0af9fb8f80b5feb6ea51', slot: "icon-left", class: "icon icon_next" }))));
|
|
78450
78521
|
}
|
|
78451
78522
|
};
|
|
78452
78523
|
XvPagination.style = xvPaginationCss;
|
|
@@ -78520,7 +78591,7 @@ const XvProgressIndicator = class {
|
|
|
78520
78591
|
this.updateChildItems();
|
|
78521
78592
|
}
|
|
78522
78593
|
render() {
|
|
78523
|
-
return (h(Host, { key: '
|
|
78594
|
+
return (h(Host, { key: '0b178eee590a5f2c4de4af88d5651c5556caa790', variant: this.variant, size: this.size, class: { 'xv-progress-indicator': true } }, h("slot", { key: 'd45ae8b656f9ec4cbcd0bcbaef4b0879bc00c2cc' })));
|
|
78524
78595
|
}
|
|
78525
78596
|
get el() { return getElement(this); }
|
|
78526
78597
|
static get watchers() { return {
|
|
@@ -78537,7 +78608,7 @@ const XvProgressIndicatorItem = class {
|
|
|
78537
78608
|
this.status = PROGRESS_ITEM_STATUS.NO_STARTED;
|
|
78538
78609
|
}
|
|
78539
78610
|
render() {
|
|
78540
|
-
return (h(Host, { key: '
|
|
78611
|
+
return (h(Host, { key: '6d7f6e40bbed6d60731afb883f716cf911593925', status: this.status, class: { 'xv-progress-indicator-item': true } }, h("span", { key: 'e12633afebc77d85ffd39351c0abc4c619cb3ad1', class: "line" }), h("span", { key: 'e822fb95db2630949388193537ccd1f656f9878c', class: "icon" }, h("svg", { key: '4c64d4ed53899217f24cb7d765ba8b93dc237ec4', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512" }, 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" }))), h("p", { key: '1a021d4c96e5835c79a378e67474c7fcc4b501a7', class: "label" }, h("slot", { key: '5cbe1f8e41050f339df125f969f495d559198214' }))));
|
|
78541
78612
|
}
|
|
78542
78613
|
get el() { return getElement(this); }
|
|
78543
78614
|
};
|
|
@@ -78593,7 +78664,7 @@ const XvSlider = class {
|
|
|
78593
78664
|
this.setValue(this.min);
|
|
78594
78665
|
}
|
|
78595
78666
|
render() {
|
|
78596
|
-
return (h(Host, { key: '
|
|
78667
|
+
return (h(Host, { key: '2c67cebd268c54be59c20341e45192bbef6efcfb', class: { disabled: this.disabled, readonly: this.readonly } }, this.label && h("label", { key: '1cd9d1596e2cd9e71d9023cdcc387bdd9b54dfe0', class: "label" }, this.label), h("div", { key: 'eb13c1d3fd7c02840d51ab4e1278aec4a9b19894', class: "control" }, h("span", { key: '93f881f8ea77c7b3dd9cd0a8ca4c6264947dea84', class: "control_label" }, this.min), 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%` } }), h("span", { key: '8dfe193e295c6af371b4e7aefa7bb6711cde05d8', class: "control_label" }, this.max), !this.notEditable && (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 })))));
|
|
78597
78668
|
}
|
|
78598
78669
|
static get formAssociated() { return true; }
|
|
78599
78670
|
};
|
|
@@ -78608,7 +78679,7 @@ const XvTab = class {
|
|
|
78608
78679
|
this.loading = false;
|
|
78609
78680
|
}
|
|
78610
78681
|
render() {
|
|
78611
|
-
return (h(Host, { key: '
|
|
78682
|
+
return (h(Host, { key: '4e37a56d91deb9c67adab407bf35913c565010e3', disabled: this.disabled, name: this.name }, this.loading ? h("xv-loader-v2", { size: SIZE_VAR.LG }) : h("slot", null)));
|
|
78612
78683
|
}
|
|
78613
78684
|
};
|
|
78614
78685
|
XvTab.style = xvTabCss;
|
|
@@ -78647,7 +78718,7 @@ const XvTable = class {
|
|
|
78647
78718
|
.join(' ') + ' repeat(auto-fit, minmax(0, 1fr))');
|
|
78648
78719
|
}
|
|
78649
78720
|
render() {
|
|
78650
|
-
return (h(Host, { key: '
|
|
78721
|
+
return (h(Host, { key: 'b03b07f0114f995a04d9e37ef7be3c1932ab7a48', class: { batchVisible: !!this.selectedCount } }, h("slot", { key: '20fefc1fddb3798e33d97e6c91aa5bfda2b231fb', name: "title" }, !!this.el.title && h("h2", { key: '07ab5f5c642c5d2724dde0ae9ab1abdb3b9761be', class: "xv-table-title" }, this.el.title)), h("slot", { key: '0f8cfbdf14640128bcb173efcc9094c685538fb8', name: "toolbar" }), h("div", { key: '242febfdfa23b36a1bde4c7515f296137bcf69e3', class: "xv-table" }, h("div", { key: 'e444b18105b25e33e6ad66f171ed7a01e8ed693d', class: "batch-actions" }, h(Fragment, { key: '31944b5c71a40b7ee2cc52a8299f7adc02e87847' }, h("div", { key: '9529d34374656123fda7f65e660b94501dcb7108', class: "batch-actions_content" }, h("slot", { key: 'd3db23f32460ba0ff8711d648e0720af33cfc380', name: "batch" })), h("p", { key: '3f77bf7e5ba07bc8955a61f2ac4d0042f3fe2a74', class: "batch-actions_count" }, !!this.selectedCount && `${this.selectedCount} ${this.selectedCount === 1 ? 'Position ausgewählt' : 'Positionen ausgewählt'}`))), h("div", { key: '47abf460bce0e426d80019e2f29b74d0b2f75fa4', class: "xv-table_wrapper" }, h("slot", { key: 'a8663b169596e7a77a6c00a0f3bdb28ca21d1d3b' }), h("slot", { key: 'cffd9eb9079950d177506f854e18514de87e0bc5', name: "footer" })), !!this.loading && (h("div", { key: '1a0a3c07199ae6de1503eb76a0755a0e1fbae7c8', class: "xv-table_loading" }, h("xv-loader-v2", { key: '4522d8a3305b738ac134e1e22b3207928e63d19c', size: SIZE_VAR.LG }))))));
|
|
78651
78722
|
}
|
|
78652
78723
|
componentWillLoad() {
|
|
78653
78724
|
this.setColsSizeTemplate();
|
|
@@ -78686,7 +78757,7 @@ const XvTableCell = class {
|
|
|
78686
78757
|
}
|
|
78687
78758
|
;
|
|
78688
78759
|
render() {
|
|
78689
|
-
return (h(Host, { key: '
|
|
78760
|
+
return (h(Host, { key: 'f9731884589d4576863adc6e6b6247b07af57002' }, h("slot", { key: 'e92e75cbe9e97e3107d3e52400cd8469bbff5171' })));
|
|
78690
78761
|
}
|
|
78691
78762
|
get el() { return getElement(this); }
|
|
78692
78763
|
};
|
|
@@ -78707,7 +78778,7 @@ const XvTableExpand = class {
|
|
|
78707
78778
|
};
|
|
78708
78779
|
}
|
|
78709
78780
|
render() {
|
|
78710
|
-
return (h(Host, { key: '
|
|
78781
|
+
return (h(Host, { key: 'c56788d4993dba400c34ccead5eb8e1cbdf97231' }, h("button", { key: '407dca7d7cc96904e5fbe821175dc323de4e5d39', class: { 'expand-btn': true, open: this.open }, disabled: this.disabled, onClick: this.handleExpand }), h("slot", { key: 'ee12c70cce24ed74fc95e399a01d1be61462959a', name: XV_EXPANDABLE_KEY }), h("div", { key: '12e2ec373d6fa07ce0b48a8cf1450b02a14df998', class: { expandableContent: true, open: this.open } }, h("slot", { key: '9e9640bc35ca00437922bccb121e99f7a39de29b' }))));
|
|
78711
78782
|
}
|
|
78712
78783
|
componentDidLoad() {
|
|
78713
78784
|
setAttr(this.el.parentElement, XV_EXPANDABLE_KEY, true);
|
|
@@ -78762,7 +78833,7 @@ const XvTableRow = class {
|
|
|
78762
78833
|
}
|
|
78763
78834
|
}
|
|
78764
78835
|
render() {
|
|
78765
|
-
return (h(Host, { key: '
|
|
78836
|
+
return (h(Host, { key: 'cf3e625ce226bf3417f453cbfa9ee7d0d129b48c' }, this.variant !== undefined && (h("xv-table-v2-cell", { key: 'd6b4016d31f224dd2e35f7036358b33e49e392c6', class: "cell-control" }, this.variant === 'checkbox' && (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' && (h("input", { key: '1fb3855cb98b67dd436f0c0350ff59b795bca93d', type: "radio", name: this.name, checked: this.checked || this.partial, disabled: this.disabled, required: this.required, readonly: this.readonly })))), h("slot", { key: '740e51976b5b79e9decd28694bdc92a9f9bee5b8' })));
|
|
78766
78837
|
}
|
|
78767
78838
|
componentWillLoad() {
|
|
78768
78839
|
this.setInitialAttrs();
|
|
@@ -78893,12 +78964,12 @@ const XvTag = class {
|
|
|
78893
78964
|
this.closeClick.emit(e);
|
|
78894
78965
|
}
|
|
78895
78966
|
render() {
|
|
78896
|
-
return (h(Host, { key: '
|
|
78967
|
+
return (h(Host, { key: '4c0a738d92071da4921cede3da3ccebad8487878', style: { color: this.color, background: this.bg }, class: `xv-tag ${this.disabled ? 'disabled' : ''} ${this.size}` }, h("div", { key: 'db767be7c853cc1a2e6f9122a6d623c81a7acd52', class: "xv-tag_content" }, h("slot", { key: '5c587138c6a23fa4fb2addb3de70dbdd8ecc35b6' })), this.closeable && (h("button", { key: '85420dca4b4dedb9159513862e480045ffd0099a', onClick: this.closeHandler.bind(this), class: "xv-tag_close" }))));
|
|
78897
78968
|
}
|
|
78898
78969
|
};
|
|
78899
78970
|
XvTag.style = xvTagCss;
|
|
78900
78971
|
|
|
78901
|
-
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
|
|
78972
|
+
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%}";
|
|
78902
78973
|
|
|
78903
78974
|
const XvTextInput = class {
|
|
78904
78975
|
constructor(hostRef) {
|
|
@@ -78915,6 +78986,10 @@ const XvTextInput = class {
|
|
|
78915
78986
|
this.value = '';
|
|
78916
78987
|
this.loading = false;
|
|
78917
78988
|
this.size = SIZE_VAR.MD;
|
|
78989
|
+
this.isPasswordVisible = false;
|
|
78990
|
+
this.togglePassword = () => {
|
|
78991
|
+
this.isPasswordVisible = !this.isPasswordVisible;
|
|
78992
|
+
};
|
|
78918
78993
|
this.handleInput = (e) => {
|
|
78919
78994
|
const target = e.target;
|
|
78920
78995
|
this.value = target.value;
|
|
@@ -78923,13 +78998,13 @@ const XvTextInput = class {
|
|
|
78923
78998
|
};
|
|
78924
78999
|
}
|
|
78925
79000
|
render() {
|
|
78926
|
-
return (h(Host, { key: '
|
|
79001
|
+
return (h(Host, { key: 'f97adda1e8793fed7c644085b25207bb41e9a15c', class: { disabled: !!this.disabled } }, h("label", { key: 'd84826dfd89e7ff1a034476ee2ee69dcb2fb46bb', class: "control" }, this.label && h("span", { key: 'dd6696d2e93c512de27bfa00ffeb9b3208f2fcb5', class: "control_label" }, this.label), h("div", { key: 'c31c8075adee0129e4d0878c0d19627ff4b30c52', class: {
|
|
78927
79002
|
'control_input': true,
|
|
78928
79003
|
readonly: !!this.readonly,
|
|
78929
79004
|
[this.size]: true,
|
|
78930
79005
|
error: !!this.error,
|
|
78931
79006
|
warning: !!this.warning,
|
|
78932
|
-
} }, h("input", { key: '
|
|
79007
|
+
} }, 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 }), h("div", { key: '6f4977138a016d5d38d6790ed37e6babd7cb60fe', class: "control_input__icons" }, this.loading && h("xv-loader-v2", { key: 'dc364b6570872127c9d459d68636a5573efceba0', 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.type === 'password' && (h("button", { key: '769d425ca096e7f49283c7350ac1c49db0add86a', onClick: this.togglePassword, disabled: this.disabled, class: "status-icon" }, h("svg", { key: 'bcdd55cdd451de6ef18daf007768a72a58000f9e', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 640 512", width: 16, height: 16 }, this.isPasswordVisible ? (h("path", { fill: "currentColor", d: "M38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2S-1.2 34.7 9.2 42.9l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7L525.6 386.7c39.6-40.6 66.4-86.1 79.9-118.4c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C465.5 68.8 400.8 32 320 32c-68.2 0-125 26.3-169.3 60.8L38.8 5.1zm151 118.3C226 97.7 269.5 80 320 80c65.2 0 118.8 29.6 159.9 67.7C518.4 183.5 545 226 558.6 256c-12.6 28-36.6 66.8-70.9 100.9l-53.8-42.2c9.1-17.6 14.2-37.5 14.2-58.7c0-70.7-57.3-128-128-128c-32.2 0-61.7 11.9-84.2 31.5l-46.1-36.1zM394.9 284.2l-81.5-63.9c4.2-8.5 6.6-18.2 6.6-28.3c0-5.5-.7-10.9-2-16c.7 0 1.3 0 2 0c44.2 0 80 35.8 80 80c0 9.9-1.8 19.4-5.1 28.2zm9.4 130.3C378.8 425.4 350.7 432 320 432c-65.2 0-118.8-29.6-159.9-67.7C121.6 328.5 95 286 81.4 256c8.3-18.4 21.5-41.5 39.4-64.8L83.1 161.5C60.3 191.2 44 220.8 34.5 243.7c-3.3 7.9-3.3 16.7 0 24.6c14.9 35.7 46.2 87.7 93 131.1C174.5 443.2 239.2 480 320 480c47.8 0 89.9-12.9 126.2-32.5l-41.9-33zM192 256c0 70.7 57.3 128 128 128c13.3 0 26.1-2 38.2-5.8L302 334c-23.5-5.4-43.1-21.2-53.7-42.3l-56.1-44.2c-.2 2.8-.3 5.6-.3 8.5z" })) : (h("path", { fill: "currentColor", d: "M288 80c-65.2 0-118.8 29.6-159.9 67.7C89.6 183.5 63 226 49.4 256c13.6 30 40.2 72.5 78.6 108.3C169.2 402.4 222.8 432 288 432s118.8-29.6 159.9-67.7C486.4 328.5 513 286 526.6 256c-13.6-30-40.2-72.5-78.6-108.3C406.8 109.6 353.2 80 288 80zM95.4 112.6C142.5 68.8 207.2 32 288 32s145.5 36.8 192.6 80.6c46.8 43.5 78.1 95.4 93 131.1c3.3 7.9 3.3 16.7 0 24.6c-14.9 35.7-46.2 87.7-93 131.1C433.5 443.2 368.8 480 288 480s-145.5-36.8-192.6-80.6C48.6 356 17.3 304 2.5 268.3c-3.3-7.9-3.3-16.7 0-24.6C17.3 208 48.6 156 95.4 112.6zM288 336c44.2 0 80-35.8 80-80s-35.8-80-80-80c-.7 0-1.3 0-2 0c1.3 5.1 2 10.5 2 16c0 35.3-28.7 64-64 64c-5.5 0-10.9-.7-16-2c0 .7 0 1.3 0 2c0 44.2 35.8 80 80 80zm0-208a128 128 0 1 1 0 256 128 128 0 1 1 0-256z" })))))))), this.helper && h("p", { key: '59fe79fc699f8a6fda5c9c71076083f087f6a250', 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));
|
|
78933
79008
|
}
|
|
78934
79009
|
static get formAssociated() { return true; }
|
|
78935
79010
|
};
|
|
@@ -78966,12 +79041,12 @@ const XvTextarea = class {
|
|
|
78966
79041
|
this.value && this.internals.setFormValue(this.value);
|
|
78967
79042
|
}
|
|
78968
79043
|
render() {
|
|
78969
|
-
return (h(Host, { key: '
|
|
79044
|
+
return (h(Host, { key: 'bc34a9f4a5eddc6fef4668e24b6ddcf0429bea53', class: { disabled: !!this.disabled } }, h("label", { key: 'ee138762477bba10e39df01a7c6a521d28ab95ae', class: "control" }, (this.label || this.max) && (h("p", { key: '588462de4214b70b909a8042468367cfa83dfb35', class: "control_label" }, h("span", { key: '8f5a14973c7b0f08f11cb9af038bae622ca3cc32' }, this.label, this.info && h("xv-tooltip-v2", { key: '271b989234e3eeff311a39e841614574b3cf186f', message: this.info })), this.max !== undefined && !this.counterHide && (h("span", { key: '4a774a564bdd949fb4655d882caf7b709f8bf166', class: "control_label__count" }, this.value.length || 0, "/", this.max)))), h("div", { key: 'dd7a17aec4e5c55e2fe67f8ba997bcc1d5439da9', class: {
|
|
78970
79045
|
'control_input': true,
|
|
78971
79046
|
readonly: !!this.readonly,
|
|
78972
79047
|
error: this.error !== undefined,
|
|
78973
79048
|
warning: this.warning !== undefined,
|
|
78974
|
-
} }, h("textarea", { key: '
|
|
79049
|
+
} }, 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 }), h("div", { key: 'fb1ff73179f3fdf86bb1aaa009acae812fde10e5', class: "control_input__icons" }, this._renderIcon()))), this.helper && h("p", { key: 'bfc46dd99d46c3ed23b94110e9ae28b768e8dfd5', 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));
|
|
78975
79050
|
}
|
|
78976
79051
|
_renderIcon() {
|
|
78977
79052
|
if (this.loading)
|
|
@@ -79021,7 +79096,7 @@ const XvTile = class {
|
|
|
79021
79096
|
this.checked = !this.checked;
|
|
79022
79097
|
}
|
|
79023
79098
|
render() {
|
|
79024
|
-
return (h(Host, { key: '
|
|
79099
|
+
return (h(Host, { key: 'ab074052115783ac27d5cc220ebbaff2988e1be9', class: "xv-tile--host" }, h("label", { key: '648adf3118b95d422974df965279a5e1a28647b3', class: {
|
|
79025
79100
|
[this.el.className]: !!this.el.className,
|
|
79026
79101
|
'xv-tile': true,
|
|
79027
79102
|
[`xv-tile--variant-${this.variant}`]: !!this.variant,
|
|
@@ -79029,7 +79104,7 @@ const XvTile = class {
|
|
|
79029
79104
|
'xv-tile--disabled': !!this.disabled,
|
|
79030
79105
|
'selected': !!this.checked,
|
|
79031
79106
|
'xv-tile--error': this.error !== undefined,
|
|
79032
|
-
} }, h("div", { key: '
|
|
79107
|
+
} }, h("div", { key: '024ed17aaf59907857075109d743828873e4d276', class: "xv-tile_content" }, this.label && h("h4", { key: '68463f12637445165f867ffe312d7f8d6fd9b6a8', class: "xv-tile_content__title" }, this.label), h("slot", { key: '2b6ae6bf18fbcb92f7f5b6ae0cfb1053d3321758' })), this.variant === 'selectable' && (h("div", { key: '6d5467eb55b41db4f7bf0d3c9aa1e4474a0cad1e', class: "xv-tile_control" }, this.multiple ? (h("input", { type: "checkbox", disabled: this.disabled, onChange: this.handleChange, name: this.name, value: this.value, checked: this.checked })) : (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') && (h("div", { key: '4c09dc99f437a70f4b4a691eef951eda7f4a1f81', class: "xv-tile_footer" }, h("button", { key: 'd88546fc7f7087b85cf2a86e5d9ab779e47af64c', class: { 'xv-tile_footer__icon': true, [`icon--${this.variant}`]: true, open: this.checked } }))), h("div", { key: 'eded1c536984b3ee203ec459b0285ebebef01184', class: { 'xv-tile_expandable': true, open: this.checked } }, h("slot", { key: '5c36792aff2b6615fe84234bccc98aa77e19516a', name: "expandable" })))));
|
|
79033
79108
|
}
|
|
79034
79109
|
get el() { return getElement(this); }
|
|
79035
79110
|
};
|
|
@@ -79061,7 +79136,7 @@ const XvToggle = class {
|
|
|
79061
79136
|
};
|
|
79062
79137
|
}
|
|
79063
79138
|
render() {
|
|
79064
|
-
return (h(Host, { key: '
|
|
79139
|
+
return (h(Host, { key: 'f94dc7c5caac8d9b6c749cf79d6a1b3903c8615f', class: { 'xv-toggle': true, disabled: this.disabled, readonly: !!this.readonly, block: !!this.block } }, this.label && h("span", { key: '50670a2c4a0acc11cfd1329488ea8915861de152', class: "label" }, this.label), h("label", { key: '7649a2a3a10da5d7940c3be1e0047a8d643c3275', class: "control" }, h("slot", { key: '87cd20b47941d2539d2bea29ffe8b0e4c40d601d', name: "before" }), h("div", { key: '2c3817ec08a7a7de440d54d4143129cab43d904b', class: "control_input" }, 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 }), h("span", { key: '3c54e3d34281df1bc1aaf7f682094e1daf5a0db5', class: "toggle" })), h("slot", { key: 'e998d2b200b56083baad9afa26cf23c75d8e15e8', name: "after" }))));
|
|
79065
79140
|
}
|
|
79066
79141
|
static get formAssociated() { return true; }
|
|
79067
79142
|
};
|
|
@@ -79136,7 +79211,7 @@ const XvToggleTip = class {
|
|
|
79136
79211
|
}
|
|
79137
79212
|
;
|
|
79138
79213
|
render() {
|
|
79139
|
-
return (h(Host, { key: '
|
|
79214
|
+
return (h(Host, { key: 'e518c8a24a215ba918f4da5e43f0889cb41dc26c', class: "xv-toggle-tip" }, 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) }, h("slot", { key: '55af7cf18f5fb4877e3e80e64af44b91ca657fce', name: "trigger" }, h("svg", { key: '17935d95227817137b217db39ac5aa3d2d5641ac', class: "trigger_icon", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: 16, height: 16 }, 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" })))), h("div", { key: 'af79b60eb672367a58aeffe6414f88088f2ae3c8', class: { popover: true }, role: "tooltip", tabindex: "-1", ref: (el) => (this.popoverEl = el) }, h("div", { key: '0202527b82a06c976dd725726dd4c2600e946ce3', class: "popover-tip", part: "tip", "data-popper-arrow": "" }), h("div", { key: 'b5fb38c20e289abd5a958e804943efdd6c55e3eb', class: "popover-content" }, h("slot", { key: 'b531f4fae759fcd71c943fcda58fe2923e853f42', name: "header" }), h("slot", { key: '0b59a06ea38672ca470eb0529616b681e014bd3b', name: "body" }), h("slot", { key: '7abcc90ce4f113c9fa2c00a119c1e93b9c83251a', name: "footer" })))));
|
|
79140
79215
|
}
|
|
79141
79216
|
disconnectedCallback() {
|
|
79142
79217
|
this.destroyPopper();
|
|
@@ -79189,11 +79264,11 @@ const XvTooltip = class {
|
|
|
79189
79264
|
this.destroyTooltip();
|
|
79190
79265
|
}
|
|
79191
79266
|
render() {
|
|
79192
|
-
return (h(Host, { key: '
|
|
79267
|
+
return (h(Host, { key: '12d5d541c845de8a2af7d2846c7a8aae35e01ba7', role: "tooltip", class: {
|
|
79193
79268
|
'xv-tooltip-wrapper': true,
|
|
79194
79269
|
[`xv-tooltip-wrapper__block`]: !!this.block,
|
|
79195
79270
|
[`xv-tooltip-wrapper__dashed`]: !!this.dashed,
|
|
79196
|
-
} }, h("slot", { key: '
|
|
79271
|
+
} }, h("slot", { key: 'a58caf6a6b87ca61698e3849f08ddb3179bf9d56' }, h("svg", { key: '9a49e6554a0899777e72651c547d1044a6f18710', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: 16, height: 16 }, 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" })))));
|
|
79197
79272
|
}
|
|
79198
79273
|
get el() { return getElement(this); }
|
|
79199
79274
|
};
|