xv-webcomponents 1.24.14-qa.0 → 1.24.18
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/{index-DpLAFt0R.js → index-CsKqwBc1.js} +644 -7
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/xv-accordion-v2_50.cjs.entry.js +55 -36
- package/dist/cjs/xv-footer-next.cjs.entry.js +122 -0
- package/dist/cjs/xv-header-next.cjs.entry.js +2 -2
- package/dist/cjs/xv-mega-menu-next.cjs.entry.js +7 -7
- package/dist/cjs/xv-webcomponents.cjs.js +2 -2
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/xv-data-table/xv-data-table-cell/xv-data-table-cell.css +2 -1
- package/dist/collection/components/xv-footer-next/xv-footer-next.css +486 -0
- package/dist/collection/components/xv-footer-next/xv-footer-next.js +167 -0
- package/dist/collection/components/xv-footer-next/xv-footer-next.model.js +17 -0
- package/dist/collection/components/xv-geo-map/xv-geo-map.js +41 -1
- package/dist/collection/components/xv-header/xv-header.js +1 -1
- package/dist/collection/components/xv-header-next/xv-header-next.js +1 -1
- package/dist/collection/components/xv-image-viewer/xv-image-viewer.js +1 -1
- package/dist/collection/components/xv-link/xv-link.js +1 -1
- package/dist/collection/components/xv-mega-menu/xv-mega-menu.js +2 -2
- package/dist/collection/components/xv-mega-menu-next/xv-mega-menu-next.css +42 -2
- package/dist/collection/components/xv-mega-menu-next/xv-mega-menu-next.js +20 -6
- package/dist/collection/components/xv-modal/xv-modal.js +1 -1
- package/dist/collection/components/xv-notification/xv-notification.js +1 -1
- package/dist/collection/components/xv-number-input/xv-number-input.js +2 -2
- package/dist/collection/components/xv-pagination/xv-pagination.js +1 -1
- package/dist/collection/components/xv-progress-indicator/xv-progress-indicator-item/xv-progress-indicator-item.js +1 -1
- package/dist/collection/components/xv-progress-indicator/xv-progress-indicator.js +1 -1
- package/dist/collection/components/xv-radio/xv-radio.js +2 -2
- package/dist/collection/components/xv-slider/xv-slider.js +1 -1
- package/dist/collection/components/xv-table/xv-table-cell/xv-table-cell.js +1 -1
- package/dist/collection/components/xv-table/xv-table-expand/xv-table-expand.js +1 -1
- package/dist/collection/components/xv-table/xv-table-row/xv-table-row.js +1 -1
- package/dist/collection/components/xv-table/xv-table.js +1 -1
- package/dist/collection/components/xv-tabs/xv-tab/xv-tab.js +1 -1
- package/dist/collection/components/xv-tag/xv-tag.js +1 -1
- package/dist/collection/components/xv-tag-combobox/xv-tag-combobox.js +2 -2
- package/dist/collection/components/xv-text-input/xv-text-input.js +2 -2
- package/dist/collection/components/xv-textarea/xv-textarea.js +2 -2
- package/dist/collection/components/xv-tile/xv-tile.js +2 -2
- package/dist/collection/components/xv-toggle/xv-toggle.js +1 -1
- package/dist/collection/components/xv-toggle-tip/xv-toggle-tip.js +1 -1
- package/dist/collection/components/xv-tooltip/xv-tooltip.js +2 -2
- package/dist/esm/{index-CQm2sRKT.js → index-D0yFoU2h.js} +1 -1
- package/dist/esm/{index-DmxA2ysB.js → index-Owr_mJOX.js} +644 -7
- package/dist/esm/index.js +1 -1
- package/dist/esm/loader.js +3 -3
- package/dist/esm/xv-accordion-v2_50.entry.js +56 -37
- package/dist/esm/xv-footer-next.entry.js +120 -0
- package/dist/esm/xv-header-next.entry.js +3 -3
- package/dist/esm/xv-mega-menu-next.entry.js +8 -8
- package/dist/esm/xv-webcomponents.js +3 -3
- package/dist/types/components/xv-footer-next/xv-footer-next.d.ts +42 -0
- package/dist/types/components/xv-footer-next/xv-footer-next.model.d.ts +43 -0
- package/dist/types/components/xv-geo-map/xv-geo-map.d.ts +7 -0
- package/dist/types/components/xv-mega-menu-next/xv-mega-menu-next.d.ts +14 -0
- package/dist/types/components.d.ts +131 -0
- package/dist/xv-webcomponents/index.esm.js +1 -1
- package/dist/xv-webcomponents/p-3dd10203.entry.js +1 -0
- package/dist/xv-webcomponents/p-76cf729b.entry.js +8 -0
- package/dist/xv-webcomponents/{p-CQm2sRKT.js → p-D0yFoU2h.js} +1 -1
- package/dist/xv-webcomponents/p-Owr_mJOX.js +2 -0
- package/dist/xv-webcomponents/p-ec19bcc7.entry.js +1 -0
- package/dist/xv-webcomponents/{p-f46bb687.entry.js → p-fbd8ca68.entry.js} +1 -1
- package/dist/xv-webcomponents/xv-webcomponents.esm.js +1 -1
- package/hydrate/index.d.ts +287 -0
- package/hydrate/index.js +113808 -0
- package/hydrate/index.mjs +113798 -0
- package/hydrate/package.json +12 -0
- package/package.json +8 -2
- package/dist/xv-webcomponents/p-88185dc3.entry.js +0 -8
- package/dist/xv-webcomponents/p-DmxA2ysB.js +0 -2
- package/dist/xv-webcomponents/p-fe9b38f8.entry.js +0 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index$1 = require('./index-
|
|
3
|
+
var index$1 = require('./index-CsKqwBc1.js');
|
|
4
4
|
var index$2 = require('./index-Cb30DBqk.js');
|
|
5
5
|
var _vars = require('./_vars-Cyrk3TAl.js');
|
|
6
6
|
|
|
@@ -3320,7 +3320,7 @@ const XvDataTable = class {
|
|
|
3320
3320
|
};
|
|
3321
3321
|
XvDataTable.style = xvDataTableCss();
|
|
3322
3322
|
|
|
3323
|
-
const xvDataTableCellCss = () => `@charset "UTF-8";:host{display:table-cell;border-style:solid;border-left-width:0;border-right-width:0;border-top-width:var(--xv-data-table-border-width, 0);border-bottom-width:var(--xv-data-table-border-width, 0);border-color:var(--xv-data-table-border-color, transparent);padding-inline:var(--xv-data-table-padding-x, 0);padding-block:var(--xv-data-table-padding-y, 0);vertical-align:middle;
|
|
3323
|
+
const xvDataTableCellCss = () => `@charset "UTF-8";:host{display:table-cell;border-style:solid;border-left-width:0;border-right-width:0;border-top-width:var(--xv-data-table-border-width, 0);border-bottom-width:var(--xv-data-table-border-width, 0);border-color:var(--xv-data-table-border-color, transparent);padding-inline:var(--xv-data-table-padding-x, 0);padding-block:var(--xv-data-table-padding-y, 0);vertical-align:middle;overflow-wrap:break-word;word-break:normal;font-style:normal;font-weight:400}:host .line-clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}:host(:not(.multiline)){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host(:not(.multiline)) ::slotted(*){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host([sort]){position:relative;cursor:pointer;user-select:none}:host([sort]):before,:host([sort]):after{font-size:12px;line-height:10px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;right:8px;pointer-events:none;transition:350ms ease-in-out opacity;opacity:0}:host([sort]):before{content:"▲";top:50%;transform:translateY(calc(-50% - 5px))}:host([sort])::after{content:"▼";top:50%;transform:translateY(calc(-50% + 5px))}:host([sort]:hover){background-color:var(--layer-accent-hover-02, #D1D1D1)}:host([sort]:hover)::before,:host([sort]:hover)::after{opacity:1}:host([sort=asc]){background-color:var(--layer-accent-active-02, #ACACAC)}:host([sort=asc])::before{opacity:1}:host([sort=asc])::after{display:none}:host([sort=desc]){background-color:var(--layer-accent-active-02, #ACACAC)}:host([sort=desc])::before{display:none}:host([sort=desc])::after{opacity:1}`;
|
|
3324
3324
|
|
|
3325
3325
|
const XvDataTableCell = class {
|
|
3326
3326
|
constructor(hostRef) {
|
|
@@ -82414,6 +82414,25 @@ const XvGeoMap = class {
|
|
|
82414
82414
|
this.fitTo([...this.selected.values(), ...this.preview.values()]);
|
|
82415
82415
|
return this.preview.size;
|
|
82416
82416
|
}
|
|
82417
|
+
/**
|
|
82418
|
+
* Highlight already-loaded units by code in the preview color — the ATV optimizer's
|
|
82419
|
+
* region-reduction proposal marks the units it would DROP from the selection (MAR-15968).
|
|
82420
|
+
* Visual only, like previewByRadius: the selection and its events stay untouched.
|
|
82421
|
+
* Unknown codes are skipped (they cannot be painted without geometry). Returns the count shown.
|
|
82422
|
+
*/
|
|
82423
|
+
async previewPostalCodes(codes) {
|
|
82424
|
+
await this.ensureReady();
|
|
82425
|
+
this.preview.clear();
|
|
82426
|
+
codes.forEach(code => {
|
|
82427
|
+
const unit = this.units.get(code);
|
|
82428
|
+
if (unit)
|
|
82429
|
+
this.preview.set(code, unit);
|
|
82430
|
+
});
|
|
82431
|
+
this.renderUnits();
|
|
82432
|
+
this.updatePreviewFilter();
|
|
82433
|
+
this.fitTo([...this.selected.values(), ...this.preview.values()]);
|
|
82434
|
+
return this.preview.size;
|
|
82435
|
+
}
|
|
82417
82436
|
/** Remove the optimizer proposal highlight. */
|
|
82418
82437
|
async clearPreview() {
|
|
82419
82438
|
await this.ensureReady();
|
|
@@ -82507,7 +82526,7 @@ const XvGeoMap = class {
|
|
|
82507
82526
|
this.map.fitBounds([[minX, minY], [maxX, maxY]], { padding: 48, maxZoom: 12, duration: 800 });
|
|
82508
82527
|
}
|
|
82509
82528
|
render() {
|
|
82510
|
-
return (index$1.h(index$1.Host, { key: '
|
|
82529
|
+
return (index$1.h(index$1.Host, { key: 'aa8a62537eefb4c8b0573d52a245fddee58784e9' }, index$1.h("div", { key: 'd3272c744cfad85c612266bea1770814cf894008', class: "container" }, index$1.h("div", { key: '8c81a14c3e18ddd009534fa9990a1fa16e1d9230', class: "map", ref: el => (this.mapContainer = el) }), this.ready && this.showSearch && (index$1.h("div", { key: 'fb0895d39cf80ac86cce680b53b28fa96482e278', class: "search" }, index$1.h("input", { key: '183868a736825e213c89a3a692e91bcf6c3d1184', type: "search", placeholder: "Ort oder PLZ suchen", value: this.searchQuery, onInput: e => this.onSearchInput(e.target.value) }), this.searchResults.length > 0 && (index$1.h("ul", { key: '9c4853667eb7cdec8a0250cb92708a0f25002ba7', class: "search-results" }, this.searchResults.map(r => (index$1.h("li", { key: r.code, onClick: () => this.pickSearchResult(r) }, this.level === 'plz5' ? (index$1.h("span", null, index$1.h("strong", null, r.code), " ", r.name)) : (index$1.h("span", null, r.name))))))))), this.ready && this.zoomGated && (index$1.h("div", { key: 'bb82b0a5403c108e3ac2afc9b08f3716dac842ca', class: "hint" }, "Reinzoomen, um PLZ-Gebiete zu laden")), !this.ready && !this.loadError && (index$1.h("div", { key: 'f15a084e4ef12d7c70b59aa3605e0c7f9f7b775f', class: "skeleton", "aria-busy": "true" }, index$1.h("xv-loader-v2", { key: 'ec09c3c91355e7b6af8d7d4447e3f009ac525a83', variant: "vertical" }, "Karte wird geladen \u2026"))), this.loadError && index$1.h("div", { key: '165dba4e3bef05e469a02549814a776026ec6692', class: "skeleton error" }, "Karte konnte nicht geladen werden."))));
|
|
82511
82530
|
}
|
|
82512
82531
|
get el() { return index$1.getElement(this); }
|
|
82513
82532
|
static get watchers() { return {
|
|
@@ -82779,7 +82798,7 @@ const XvHeader = class {
|
|
|
82779
82798
|
render() {
|
|
82780
82799
|
var _a, _b, _c, _d, _e;
|
|
82781
82800
|
const isXvBrand = (((_a = this.metaNav) === null || _a === void 0 ? void 0 : _a['WhitelabelName']) || 'Xv') === 'Xv';
|
|
82782
|
-
return (index$1.h("header", { key: '
|
|
82801
|
+
return (index$1.h("header", { key: 'af76cc152a61bcdd725ba0a0d5c48046bb111f46', class: "header" }, index$1.h("div", { key: '91c1725f926deaeba6506d25bf8ed88d43032e12', class: "header-wrapper" }, index$1.h("div", { key: '7c6afc22c00d3e42df091fc965d448b16063b3fe', class: "xv-container" }, index$1.h("div", { key: '7b7366c9e099194726e76395344c3218d39c170b', class: "header-top" }, index$1.h("div", { key: 'd95a4ebbd1f64a329753a70b41e7b1ae7e5b8048', class: "header-top--left" }, index$1.h("xv-button-v2", { key: '90a8afed61b6aba93470742ba90e1d3644149c01', class: "menu-btn", variant: "ghost", onClick: this.toggleMobMenu }, index$1.h("i", { key: '5c3de90341ce5de24aa826f2743c90a2b0caaa57', slot: "icon-left", class: { 'fa': true, 'fa-times': this.mobMenuOpen, 'fa-bars': !this.mobMenuOpen } })), this.metaNav && (index$1.h("a", { key: 'c2c70834af7af1c61899c9b42248f5a9c2ba0847', href: `${window.location.origin}/` }, index$1.h("picture", { key: 'ad3d59ec5f1ccd35c8298ac10c6d833331bc3ebc' }, index$1.h("source", { key: '88c08972c01e3009ef7fc3fbc027b91a09eca1b2', srcSet: ((_b = this.metaNav) === null || _b === void 0 ? void 0 : _b.LogoUrl) || 'https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo.svg', media: "(min-width: 990px)" }), index$1.h("img", { key: '63e63e7f7139a9dcfcd59bc6dea4904712c3b934', src: ((_c = this.metaNav) === null || _c === void 0 ? void 0 : _c.LogoSmallUrl) || 'https://www.crossvertise.com/ResourcePackages/Bootstrap/assets/dist/images/logo-small.svg', onError: this.logoFallback, loading: "lazy", alt: "Crossvertise" })))), this.orgUnit && (index$1.h("xv-link-v2", { key: '04ff42e03785cc899aeeef33e24a695a0756f7ca', class: "header-top--orgUnit", variant: "standalone", href: "/de-de/mycrossvertise" }, this.orgUnit))), index$1.h("ul", { key: 'e3afec2cb65aba7d5c3ec617a6fd9c67a06cda40', class: "header-top--right" }, this._renderSearch(), this._renderImpersonationInfo(), !((_d = this.metaNav) === null || _d === void 0 ? void 0 : _d.IsManager) && isXvBrand && (index$1.h("li", { key: '24ef7a40a1d8831a79fed88546d901b51b0aecaa' }, index$1.h("xv-link-v2", { key: '64983c24b0520da29c9d62d3db26be5f4d161c7d', variant: "ghost", href: "https://www.crossvertise.com/ueber-uns/kontakt" }, index$1.h("xv-button-v2", { key: '92a37e3a1ed35dfe5337873ee06209259937710e', variant: "ghost", size: _vars.SIZE_VAR.MD }, index$1.h("i", { key: '61d8fd3a6978ef0d90ee21e41bd3c9e0ce67d307', class: "header-icon far fa-envelope" }), index$1.h("span", { key: 'fe9fd5e6d6f78e861edd80f9f451c1950223ef77', class: "header-label xv-body-02" }, "Kontakt"))))), this._renderNotifications(), this._renderAccount(), !((_e = this.metaNav) === null || _e === void 0 ? void 0 : _e.IsManager) && isXvBrand && (index$1.h("li", { key: '2f406dc181e2e1f55d7cbf1812fc2049e0a1212d' }, index$1.h("xv-link-v2", { key: '6c761c5240738696651da0e7ef1304cfd9e90400', variant: "ghost", href: "https://help.crossvertise.com" }, index$1.h("xv-button-v2", { key: '7a3a12f34e45d1c6c6aad807ab28ba16bbd4d73b', variant: "ghost", size: _vars.SIZE_VAR.MD }, index$1.h("i", { key: 'd86a1bfff3cc411bff216152692d454b190e3ae7', class: "header-icon far fa-question-circle" }), index$1.h("span", { key: '3484c06f9051c6c7f777e86dc66f91b0baabc916', class: "header-label xv-body-02" }, "Hilfe"))))), this._renderShoppingCart()))), index$1.h("div", { key: 'c0e74d590f08d367fe08a98d80b050be37eb2a2e', class: "header-wrapper--bg" }, index$1.h("div", { key: '1d1c01db316866bf140d84f9a34dcde26003cf64', class: "xv-container" }, index$1.h("xv-mega-menu", { key: '565010cecbcc286a6d9bf8a4e7093b372cec6405', open: this.mobMenuOpen, onOpenChange: this.closeMobMenu })))), index$1.h("xv-login-modal", { key: '008a6f4f498d44bbcabaae47533e20d5a2783e15', visible: this.showLoginModal, onClose: () => this.showLoginModal = false })));
|
|
82783
82802
|
}
|
|
82784
82803
|
get el() { return index$1.getElement(this); }
|
|
82785
82804
|
};
|
|
@@ -82847,7 +82866,7 @@ const XvImageViewer = class {
|
|
|
82847
82866
|
}
|
|
82848
82867
|
}
|
|
82849
82868
|
render() {
|
|
82850
|
-
return (index$1.h(index$1.Host, { key: '
|
|
82869
|
+
return (index$1.h(index$1.Host, { key: '0ed113c4d6ce7a2222aa652e2ea99abec44be7a1', class: { 'image-wrapper': true, errored: this.errored } }, !this.loaded && index$1.h("xv-loader-v2", { key: 'b91d58e4eb0e93b186a17699bbcef8a1d27352a0', class: "loading" }, this.placeholder), this.loaded && this.errored && index$1.h("slot", { key: '5145a36dab2a5eaa92b3b7553a24612d8805c6d8', name: "fallback" }), this.loaded && !this.errored && (index$1.h("img", { key: 'd1845bc7d95670edb707c5429b0bab8cd4ea5989', src: this.src, alt: this.alt, class: "image", onClick: this.handleClick, onError: this.handleError })), this.isFullscreen && (index$1.h("dialog", { key: '08e2bcafc2683d5adbec3210d0f593cbd48fe560', class: "fullscreen-dialog", ref: el => (this.dialogEl = el), onClick: this.handleDialogClick, onClose: this.closeFullscreen }, !this.fullscreenLoaded && index$1.h("xv-loader-v2", { key: '54d603bb7403f92df9442fa2d56db0e9318c8ee4', class: "loading", size: _vars.SIZE_VAR.LG }, this.placeholder), index$1.h("img", { key: '4da2a309f7be022c868569512b489d3a6319908a', src: this.fullscreenSrc || this.src, alt: this.alt, class: {
|
|
82851
82870
|
'fullscreen-image': true,
|
|
82852
82871
|
loaded: this.fullscreenLoaded,
|
|
82853
82872
|
} })))));
|
|
@@ -82872,7 +82891,7 @@ const XvLink = class {
|
|
|
82872
82891
|
e.stopPropagation();
|
|
82873
82892
|
}
|
|
82874
82893
|
render() {
|
|
82875
|
-
return (index$1.h(index$1.Host, { key: '
|
|
82894
|
+
return (index$1.h(index$1.Host, { key: 'a9fd4136c50ddba4c59f934503da66f725bc06cd', class: { [`xv-link_${this.variant}`]: true, disabled: !!this.disabled } }, index$1.h("a", { key: '9da08d8185f246a141b744661f863893efbae6b2', href: this.href, onClick: this.preventLinkHandler.bind(this), class: { 'xv-link': true, 'xv-link_disabled': !!this.disabled, [this.size]: !!this.size }, target: this.target }, index$1.h("slot", { key: '0ec8db6b346add89e185072bd0d1487a4437102e', name: "icon-left" }), index$1.h("slot", { key: '1e1b71d809911969bdf1e08368c671a3439f6087' }), index$1.h("slot", { key: '3eb15640ade7a7c88665360bfe3ab94b8a69e089', name: "icon-right" }))));
|
|
82876
82895
|
}
|
|
82877
82896
|
};
|
|
82878
82897
|
XvLink.style = xvLinkCss();
|
|
@@ -83039,7 +83058,7 @@ const XvMegaMenu = class {
|
|
|
83039
83058
|
void this.fetchMenuData();
|
|
83040
83059
|
}
|
|
83041
83060
|
render() {
|
|
83042
|
-
return (index$1.h(index$1.Host, { key: '
|
|
83061
|
+
return (index$1.h(index$1.Host, { key: '5f2979691c296f255a4af567b13877b58042ebb1' }, index$1.h("nav", { key: '5488cc3b13d3384e349034a7faa519636b450690', class: { 'xv-menu': true, open: this.open } }, this.menuLoading && (index$1.h("div", { key: '225a780b15d381eb3dcd01a929165b8d6a3d34c2', class: { 'xv-menu-loader': true, open: this.open } }, index$1.h("xv-loader-v2", { key: 'b66f449bf7154ce77515df080872a75d661d96f1' }))), index$1.h("ul", { key: 'c7e7b2e44ca6966a0ff5aa4fed408064660eff38', class: { menu: true, open: this.open } }, this.menuItems.map((menuItem) => {
|
|
83043
83062
|
var _a, _b;
|
|
83044
83063
|
return (index$1.h("li", { class: { 'menu-item': true, active: menuItem.id === ((_a = this.activeItem) === null || _a === void 0 ? void 0 : _a.id) } }, menuItem.route ? (index$1.h("a", { class: "menu-item-label", href: menuItem.route.route }, (_b = menuItem.route) === null || _b === void 0 ? void 0 : _b.label)) : (index$1.h(index$1.Fragment, null, index$1.h("p", { class: "menu-item-label", onClick: () => this.setActiveItem(menuItem) }, menuItem === null || menuItem === void 0 ? void 0 : menuItem.label), index$1.h("ul", { class: "menu-item-groups" }, menuItem.groups.map((group) => {
|
|
83045
83064
|
var _a;
|
|
@@ -83049,7 +83068,7 @@ const XvMegaMenu = class {
|
|
|
83049
83068
|
} }, index$1.h("div", { class: "group-menus" }, index$1.h("ul", { class: { 'group-menus-categories': true, inline: group.layout === 'inline' } }, group.categories.map((category) => (index$1.h("li", { class: "category" }, index$1.h("p", { class: "category-label" }, category.label), index$1.h("ul", { class: "category-routes" }, category.routes.map((route) => (index$1.h("li", { class: "route" }, index$1.h("a", { class: "route-link", href: route.route || '#' }, route.label), route.tag && (index$1.h("xv-tag-v2", { class: "route-tag", size: "sm", color: "#161616", bg: "#E0E0E0" }, route.tag)))))))))), index$1.h("ul", { class: "group-menus-actions" }, group.actions.map((action) => (index$1.h("li", { class: "action" }, action.type === 'link' && (index$1.h("a", { class: "action-link", href: action === null || action === void 0 ? void 0 : action.url }, action.label, index$1.h("span", { class: "link-chevron" }, "\u2192"))), action.type === 'button' &&
|
|
83050
83069
|
index$1.h("xv-button-v2", { onClick: () => this.navActionClick(action), block: true, variant: "tertiary" }, action.label)))))), (group === null || group === void 0 ? void 0 : group.card) && (index$1.h("div", { class: "group-card" }, index$1.h("xv-card-v2", { media: this.applicationContext !== 'Komsa' ? group.card.image : undefined, variant: this.isMobile ? 'horizontal' : 'vertical' }, index$1.h("h5", { slot: "header", class: "group-card-title" }, group.card.title), index$1.h("p", { slot: "body", class: "group-card-desc" }, group.card.description), group.card.linkLabel && (index$1.h("a", { slot: "footer", class: "action-link", href: group.card.linkUrl || '#' }, group.card.linkLabel, index$1.h("span", { class: "link-chevron" }, "\u2192"))))))))));
|
|
83051
83070
|
}))))));
|
|
83052
|
-
}), index$1.h("li", { key: '
|
|
83071
|
+
}), index$1.h("li", { key: '2ef9d0ceb2ce7f8cbe3d1cd0b067817eb38971a0', class: "menu--right" }, index$1.h("slot", { key: 'cacfd1179deefcec4b8483f2da4e74d07fa9955e', name: "menu-right" })), this.open && (index$1.h("li", { key: 'dcdd0f0cb42e8b283c799af00856843e64bfb1b4', class: "menu--backdrop", onClick: () => this.handleClose() }))))));
|
|
83053
83072
|
}
|
|
83054
83073
|
get el() { return index$1.getElement(this); }
|
|
83055
83074
|
};
|
|
@@ -83117,7 +83136,7 @@ const XvModal = class {
|
|
|
83117
83136
|
}
|
|
83118
83137
|
render() {
|
|
83119
83138
|
var _a;
|
|
83120
|
-
return (index$1.h(index$1.Host, { key: '
|
|
83139
|
+
return (index$1.h(index$1.Host, { key: 'c2345852e80d3e007c5d08387da748fa8aa5bb27', role: "dialog", size: this.size, id: this.el.id }, index$1.h("slot", { key: 'ed73d734554d5264839de0efbdaadc5eaba4a61d', name: "trigger", onSlotchange: this.setupTrigger }), index$1.h("div", { key: '9daa3155bb7c386a3914d07530dc2c0c5a0125a1', class: { backdrop: true }, onClick: this.onBackdropClick }, index$1.h("div", { key: '03c95cc4b18e7c935b2139936d434909e542d9f3', class: "modal" }, index$1.h("button", { key: '5ec7629072adfcd3a3b78bb783b4dbc5b3466d43', class: "modal_close", onClick: this.closeModal.bind(this) }, "\u00D7"), index$1.h("div", { key: '418f7ced52960a2f1075ed53b93458f7ac2f1740', class: "modal_header" }, index$1.h("slot", { key: '85558e2696a4cca779cff13e83d5f87b9d04b125', name: "header" }, ((_a = this.el) === null || _a === void 0 ? void 0 : _a.title) && index$1.h("h5", { key: '604d8f32a2e5bc6e8aad0489c59ee7c82cda0e46', class: "modal_header__title" }, this.el.title))), index$1.h("div", { key: '7fde461b4ca0232c2254eda1f0f2550d18c9427d', class: { 'modal_content': true, overflow: this.overflow } }, index$1.h("slot", { key: '7a2d54e2d29a7b902e8f22a9cf492fb2058fc6bc' })), index$1.h("div", { key: '6f659c4d9bf5bdf80deaacd36af411df157695be', class: "modal_footer" }, index$1.h("slot", { key: '8db1f6b6d86ebcb4c948a4223eaa01f84a0322ae', name: "footer" })), !!this.loading && (index$1.h("div", { key: '04c3419d37f1bbe6aa5a962314915963fbda24cb', class: "loading" }, index$1.h("xv-loader-v2", { key: '98587d240f0f607ab510ff4463a37456d25772f6', size: _vars.SIZE_VAR.LG })))))));
|
|
83121
83140
|
}
|
|
83122
83141
|
disconnectedCallback() {
|
|
83123
83142
|
this.removeTriggerListener();
|
|
@@ -83155,7 +83174,7 @@ const XvNotification = class {
|
|
|
83155
83174
|
};
|
|
83156
83175
|
}
|
|
83157
83176
|
render() {
|
|
83158
|
-
return (index$1.h(index$1.Host, { key: '
|
|
83177
|
+
return (index$1.h(index$1.Host, { key: 'a136db8b13a4cb61eb34f018c372bf59223b0692', class: "xv-notification", type: this.variant }, this.renderIcon(this.variant), index$1.h("div", { key: '554396e525dd08a7c18dd11e39039a64fe546ea1', class: "content" }, index$1.h("div", { key: '3adedb9ef85125786abdace0d2f75f8581131dcf', class: "content_wrapper" }, this.el.title && index$1.h("h5", { key: 'c56aaa863501b563ba34886c9bd08070a7f26ad4', class: "content_title" }, this.el.title), index$1.h("slot", { key: 'b4aa2f4387db6cf9a01d2a208924de791c7164b4' })), index$1.h("slot", { key: '742e43bd5a62937ce3278f7cf75a3e50c27071ba', name: "footer" })), this.dismissible && index$1.h("button", { key: '0aa0638484c0748ededebaa2ce5dd572c49bdd3f', class: "close", onClick: this.closeHandle })));
|
|
83159
83178
|
}
|
|
83160
83179
|
static get assetsDirs() { return ["xv-notification/icons"]; }
|
|
83161
83180
|
get el() { return index$1.getElement(this); }
|
|
@@ -83206,12 +83225,12 @@ const XvNumberInput = class {
|
|
|
83206
83225
|
}
|
|
83207
83226
|
render() {
|
|
83208
83227
|
const message = index$2.resolveFieldMessage({ error: this.error, warning: this.warning, helper: this.helper });
|
|
83209
|
-
return (index$1.h(index$1.Host, { key: '
|
|
83228
|
+
return (index$1.h(index$1.Host, { key: '4158036ad4d09156993f81a014f7a106b96d5b3d', class: { disabled: !!this.disabled } }, index$1.h("label", { key: 'c43f9296dbe2ce2fd294e381aad8c2752b624ded', class: "control" }, this.label && index$1.h("span", { key: 'c823d944b256ebb6fe146daf9ba16c8e09f37adb', class: "control_label" }, this.label), index$1.h("div", { key: 'f152140a2ef785b1ad2007e538dfeb0c2797b694', class: {
|
|
83210
83229
|
'control_input': true,
|
|
83211
83230
|
readonly: !!this.readonly,
|
|
83212
83231
|
error: !!this.error,
|
|
83213
83232
|
warning: !!this.warning
|
|
83214
|
-
} }, index$1.h("input", { key: '
|
|
83233
|
+
} }, index$1.h("input", { key: '488b8e30d249716a4915a2f6bf948dd99370c329', type: "number", placeholder: this.placeholder, disabled: this.disabled, readonly: this.readonly, onInput: this.handleInput, name: this.name, min: this.min, max: this.max, step: this.step, value: this.value }), index$1.h("div", { key: '8946e76a1caf59961f9a599cd394a4a2c07183aa', class: "control_input__icons" }, this.loading ? (index$1.h("xv-loader-v2", { size: _vars.SIZE_VAR.XS })) : !!this.error ? (index$1.h("span", { class: "status-icon error", "aria-hidden": "true" }, "!")) : !!this.warning ? (index$1.h("span", { class: "status-icon warning", "aria-hidden": "true" }, "\u26A0")) : null, index$1.h("xv-button-v2", { key: 'b8c224f611eb125db8c2e46c57c7f426681819af', size: this.size, variant: "ghost", disabled: this.disabled || this.readonly, onClick: this.decrement, "aria-label": "Decrease" }, index$1.h("span", { key: '2bf05e5441044d3b893a156082d91136918f6aac', slot: "icon-left", class: "status-icon" }, "\u2212")), index$1.h("hr", { key: '38dd267ef455e79759dd57d928ded23ab0f19a39' }), index$1.h("xv-button-v2", { key: '5c4ca8cbf2c665614cdb5c3e65f081305ce5eb52', size: this.size, variant: "ghost", disabled: this.disabled || this.readonly, onClick: this.increment, "aria-label": "Increase" }, index$1.h("span", { key: 'e009c33be7ce48fc99e8f24a20088029ea057f60', slot: "icon-left", class: "status-icon" }, "+"))))), message && (index$1.h("p", { key: 'c9b8fc75261e59c649d0c6eef702e98c17e5f772', class: { message: true, [message.level]: true } }, message.text))));
|
|
83215
83234
|
}
|
|
83216
83235
|
static get formAssociated() { return true; }
|
|
83217
83236
|
};
|
|
@@ -83675,7 +83694,7 @@ const XvPagination = class {
|
|
|
83675
83694
|
this.observer.disconnect();
|
|
83676
83695
|
}
|
|
83677
83696
|
render() {
|
|
83678
|
-
return (index$1.h(index$1.Host, { key: '
|
|
83697
|
+
return (index$1.h(index$1.Host, { key: '62f48874a343c0d2e54a98f065d790bd0befa5fc', class: { block: this.block, [this.currentVariant]: true, [this.size]: !!this.size } }, this.currentVariant === 'full' && (index$1.h("div", { key: '50a169a0d6e3197f8a354aa48444a76e992559ae', class: "block" }, index$1.h("select", { key: 'fb45e9ab6c97324923c532c77e475a6e963a4301', class: "options-select", name: "options", onChange: this.handleItemsPerPageChange }, this.pageSizeOptions.map((v) => index$1.h("option", { selected: v === this.itemsPerPage, value: v }, v))))), this.currentVariant === 'full' && (index$1.h("span", { key: '79de705d539c1715827d2be6b07f3edbc92762c1', class: "block block_full" }, `${(this.page - 1) * this.itemsPerPage + 1} – ${Math.min(this.page * this.itemsPerPage, this.totalItems)} von ${this.totalItems} Einträgen`)), this.currentVariant === 'full' && (index$1.h("div", { key: '5142ba68f6ef99587fb74963ca3451fedb1464a7', class: "block" }, index$1.h("select", { key: '4f30fc7dc6a951d184c502c1a5b3c4629a879fe5', class: "options-select", name: "pages", onChange: this.handlePageSelectChange }, Array.from({ length: this.total }, (_, i) => (index$1.h("option", { selected: this.page === i + 1, value: i + 1 }, i + 1)))), index$1.h("span", { key: '1e7328f4c974a2a6559a06db4e9ee62120ed1f5c' }, "von ", this.total, " Seiten"))), this.currentVariant === 'compact' && index$1.h("span", { key: '39055a38b6b8a289bb841ba8a7a65aa1b7f596c1', class: "block" }, "Seite ", this.page), index$1.h("xv-button-v2", { key: '047b3dfb9a90f5bcd797a81fcae28c4e898363b8', variant: "ghost", size: this.size, onClick: () => this.handlePageChange(this.page - 1), disabled: this.page <= 1 }, index$1.h("span", { key: '1eb837092946fcf23a3360d1f939218022a5aca7', slot: "icon-left", class: "icon icon_prev" })), this.currentVariant === 'regular' && (index$1.h("ul", { key: 'cdac9b7430d7f970a81cfee82b04684dabbfe66e', class: "list" }, this.visiblePagesWithDots.map((page) => (index$1.h("li", { class: { active: this.page === page } }, page === 'dots-start' ? (index$1.h("div", { class: "list_dots" }, index$1.h("xv-button-v2", { variant: "ghost", size: this.size, tabindex: -1 }, index$1.h("span", { slot: "icon-left", class: "list_dots__icon" }, "...")), index$1.h("select", { name: "start", onChange: this.handlePageSelectChange }, Array.from({ length: this.page - 3 }, (_, i) => (index$1.h("option", { value: i + 2 }, i + 2)))))) : page === 'dots-end' ? (index$1.h("div", { class: "list_dots" }, index$1.h("xv-button-v2", { variant: "ghost", size: this.size, tabindex: -1 }, index$1.h("span", { slot: "icon-left", class: "list_dots__icon" }, "...")), index$1.h("select", { name: "end", onChange: this.handlePageSelectChange }, Array.from({ length: this.total - (this.page + 2) }, (_, i) => (index$1.h("option", { value: i + this.page + 2 }, i + this.page + 2)))))) : (index$1.h("xv-button-v2", { variant: "ghost", size: this.size, disabled: this.page === page, onClick: () => this.handlePageChange(page) }, index$1.h("span", { class: "list_page", slot: "icon-left" }, page)))))))), index$1.h("xv-button-v2", { key: '7d14046abd3d7130503fe7c540547e04cc84a321', variant: "ghost", size: this.size, onClick: () => this.handlePageChange(this.page + 1), disabled: this.page >= this.total }, index$1.h("span", { key: '7e3c7aa9f558a3a65cb406e728c870a3828a314b', slot: "icon-left", class: "icon icon_next" }))));
|
|
83679
83698
|
}
|
|
83680
83699
|
get el() { return index$1.getElement(this); }
|
|
83681
83700
|
};
|
|
@@ -83744,7 +83763,7 @@ const XvProgressIndicator = class {
|
|
|
83744
83763
|
this.updateChildItems();
|
|
83745
83764
|
}
|
|
83746
83765
|
render() {
|
|
83747
|
-
return (index$1.h(index$1.Host, { key: '
|
|
83766
|
+
return (index$1.h(index$1.Host, { key: 'f3898c3326bcc8dfba042f0ba4251394cb59c8cb', variant: this.variant, size: this.size, class: { 'xv-progress-indicator': true } }, index$1.h("slot", { key: 'e4c5aa4ff362504bc14e12510a1628df5605bc86' })));
|
|
83748
83767
|
}
|
|
83749
83768
|
get el() { return index$1.getElement(this); }
|
|
83750
83769
|
static get watchers() { return {
|
|
@@ -83763,7 +83782,7 @@ const XvProgressIndicatorItem = class {
|
|
|
83763
83782
|
this.status = PROGRESS_ITEM_STATUS.NO_STARTED;
|
|
83764
83783
|
}
|
|
83765
83784
|
render() {
|
|
83766
|
-
return (index$1.h(index$1.Host, { key: '
|
|
83785
|
+
return (index$1.h(index$1.Host, { key: '09c49f4d6d94d8415c700314e730a3b843f4ece6', status: this.status, class: { 'xv-progress-indicator-item': true } }, index$1.h("span", { key: 'f8ddef218d18184e696a283430213dcb826e9075', class: "line" }), index$1.h("span", { key: '1bc33bb41d665b844d49ea4b14e869339aa4b2f8', class: "icon" }, index$1.h("svg", { key: '537972c72d05d0fd471f50053f0dedbfed3ccca5', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512" }, index$1.h("path", { key: 'ca3f068e0b0ec9cd7419c6635714d19003296b83', 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$1.h("p", { key: '90bee95bb8fd7052fc76082dc4f0c0cd6cc92fa6', class: "label" }, index$1.h("slot", { key: '4bca5f1c8b5f1805ab97bf4746627feb1342ea84' }))));
|
|
83767
83786
|
}
|
|
83768
83787
|
get el() { return index$1.getElement(this); }
|
|
83769
83788
|
};
|
|
@@ -83796,12 +83815,12 @@ const XvRadio = class {
|
|
|
83796
83815
|
}
|
|
83797
83816
|
render() {
|
|
83798
83817
|
const message = index$2.resolveFieldMessage({ error: this.error, warning: this.warning, helper: this.helper });
|
|
83799
|
-
return (index$1.h("div", { key: '
|
|
83818
|
+
return (index$1.h("div", { key: 'a5bd54d7cec7cb40be24919c3b41c5ed92a99cf2', class: {
|
|
83800
83819
|
'xv-radio': true,
|
|
83801
83820
|
'xv-radio--reverse': this.reverse,
|
|
83802
83821
|
'xv-radio--block': this.block,
|
|
83803
83822
|
[`xv-radio--size-${this.size}`]: !!this.size,
|
|
83804
|
-
} }, this.label && index$1.h("p", { key: '
|
|
83823
|
+
} }, this.label && index$1.h("p", { key: '5590c84e6d3ec6df39ef4050fc703b0c4afc2468', class: "xv-radio_label" }, this.label), index$1.h("label", { key: '91a3663372287976c6e30ab8f8ee71d7bd094560', class: { 'xv-radio_container': true, disabled: this.disabled } }, index$1.h("div", { key: 'a4b1696f69cb477fde3377b67302002c6a88c7a2', class: { 'xv-radio_input': true, 'xv-radio_input--error': !!this.error || this.error === '' } }, index$1.h("input", { key: 'da12f38002c730353f84957a37f077051b4b5280', ref: el => (this.inputEl = el), type: "radio", name: this.name, value: this.value, checked: this.checked, readonly: this.readonly, disabled: this.disabled }), index$1.h("span", { key: 'de61b86f9b8eee2f9e7b6974578c90a7a26bf494', class: "xv-radio_input__mark" })), index$1.h("span", { key: '5b94a373356bcadec10fbf8a5c6da6a84bbb9a2b', class: "xv-radio_container__label" }, index$1.h("slot", { key: '86fdf6d2b379e8b3c4ea289de62397b09076dfbb' }))), message && (index$1.h("span", { key: '1fb0b5218e5e26dc4c27a31563f52e8c99d775b1', class: `xv-radio_msg xv-radio_msg--${message.level}` }, message.level !== 'helper' && (index$1.h("span", { key: '10b552df31bf71845b4d1e4d6eee3b2f62e39326', class: "xv-radio_msg__status", "aria-hidden": "true" }, message.level === 'error' ? '!' : '⚠')), message.text)), index$1.h("slot", { key: '61ce97bc85b2729fdd1518d3986067d2a237a87d', name: "info" })));
|
|
83805
83824
|
}
|
|
83806
83825
|
connectedCallback() {
|
|
83807
83826
|
var _a;
|
|
@@ -83885,7 +83904,7 @@ const XvSlider = class {
|
|
|
83885
83904
|
this.setValue(this.min);
|
|
83886
83905
|
}
|
|
83887
83906
|
render() {
|
|
83888
|
-
return (index$1.h(index$1.Host, { key: '
|
|
83907
|
+
return (index$1.h(index$1.Host, { key: '11c40a6165eccfcf4a3295f00be682b3d33bf905', class: { disabled: this.disabled, readonly: this.readonly } }, this.label && index$1.h("label", { key: 'a6f77efc3bfc9374ba1404148bde3aab4e3cfdd2', class: "label" }, this.label), index$1.h("div", { key: '797c04cc1621f50df5020a8638abc204e9596bce', class: "control" }, index$1.h("span", { key: 'd12ce0d36697ec78d6566361e574d8a3614b5c3b', class: "control_label" }, this.min), index$1.h("input", { key: '7f4538a9197e59000577ecb55c2d1f1e4a9f414c', 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$1.h("span", { key: '34ef16e2ba029e39670a75b35031e85ef4cc4354', class: "control_label" }, this.max), !this.notEditable && (index$1.h("input", { key: '05a71cc922583e905525b26b16273ad622992dd5', 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 })))));
|
|
83889
83908
|
}
|
|
83890
83909
|
static get formAssociated() { return true; }
|
|
83891
83910
|
};
|
|
@@ -83900,7 +83919,7 @@ const XvTab = class {
|
|
|
83900
83919
|
this.loading = false;
|
|
83901
83920
|
}
|
|
83902
83921
|
render() {
|
|
83903
|
-
return (index$1.h(index$1.Host, { key: '
|
|
83922
|
+
return (index$1.h(index$1.Host, { key: '9ddcc5b6377ee484d9a03c3140237415a3ed4de8', disabled: this.disabled, name: this.name }, this.loading ? index$1.h("xv-loader-v2", { size: _vars.SIZE_VAR.LG }) : index$1.h("slot", null)));
|
|
83904
83923
|
}
|
|
83905
83924
|
};
|
|
83906
83925
|
XvTab.style = xvTabCss();
|
|
@@ -83940,7 +83959,7 @@ const XvTable = class {
|
|
|
83940
83959
|
.join(' ') + ' repeat(auto-fit, minmax(0, 1fr))');
|
|
83941
83960
|
}
|
|
83942
83961
|
render() {
|
|
83943
|
-
return (index$1.h(index$1.Host, { key: '
|
|
83962
|
+
return (index$1.h(index$1.Host, { key: 'f0711170b3ad6dabbdd483b010dd6f22d7ec1631', class: { batchVisible: !!this.selectedCount } }, index$1.h("slot", { key: '4bc1e71e19c4680e46bb7f73465b72ff837c7a0c', name: "title" }, !!this.el.title && index$1.h("h2", { key: 'f918b06484a2566d69b5382236ae2324540774a2', class: "xv-table-title" }, this.el.title)), index$1.h("slot", { key: '9a21013605924298bcae24c74feb9f0c390efa56', name: "toolbar" }), index$1.h("div", { key: 'cf462e29071f77fee5a13b7f651da4e2bdcbc40d', class: "xv-table" }, index$1.h("div", { key: 'c2ed05b2c5b209cc62f2df8c691804ac21249ecd', class: "batch-actions" }, index$1.h(index$1.Fragment, { key: '5f32bd5629db70840d1d68ea78bede1e67bfd265' }, index$1.h("div", { key: 'ff4cc9e2f1d52f8d16fcc2d84e89ad0f3dfb00ff', class: "batch-actions_content" }, index$1.h("slot", { key: '198577df42ac304709684d15d8841025ee127d8a', name: "batch" })), index$1.h("p", { key: '5b1dfd8fd620731b67927c56af7fa5cf097d8836', class: "batch-actions_count" }, !!this.selectedCount && `${this.selectedCount} ${this.selectedCount === 1 ? 'Position ausgewählt' : 'Positionen ausgewählt'}`))), index$1.h("div", { key: '20dad37417e9e41cded241e4007ac1f91d5eed94', class: "xv-table_wrapper" }, index$1.h("slot", { key: '9d01779970a97742f51068946aa2bc11162974ef' }), index$1.h("slot", { key: '5f2bd23674bc36f225136fe5df33accfdff18880', name: "footer" })), !!this.loading && (index$1.h("div", { key: '44ea0e246abce7c4d4e2d477f432eaa0eb4d9add', class: "xv-table_loading" }, index$1.h("xv-loader-v2", { key: '00a6383e74ab5d3683b16453abd40df0d2e4161d', size: _vars.SIZE_VAR.LG }))))));
|
|
83944
83963
|
}
|
|
83945
83964
|
componentWillLoad() {
|
|
83946
83965
|
this.setColsSizeTemplate();
|
|
@@ -83981,7 +84000,7 @@ const XvTableCell = class {
|
|
|
83981
84000
|
}
|
|
83982
84001
|
;
|
|
83983
84002
|
render() {
|
|
83984
|
-
return (index$1.h(index$1.Host, { key: '
|
|
84003
|
+
return (index$1.h(index$1.Host, { key: 'b7f43a556871a2dfaa2f5dec382236127933e856' }, index$1.h("slot", { key: '54815afbe48e46cf7b1d15857bf4865c88f80551' })));
|
|
83985
84004
|
}
|
|
83986
84005
|
get el() { return index$1.getElement(this); }
|
|
83987
84006
|
};
|
|
@@ -84002,7 +84021,7 @@ const XvTableExpand = class {
|
|
|
84002
84021
|
};
|
|
84003
84022
|
}
|
|
84004
84023
|
render() {
|
|
84005
|
-
return (index$1.h(index$1.Host, { key: '
|
|
84024
|
+
return (index$1.h(index$1.Host, { key: 'fdf6ddc9bf569737845c6f00ebcb8500c13d5272' }, index$1.h("button", { key: '588198eb49ea8a35ac10f49077ae489a08aa512e', class: { 'expand-btn': true, open: this.open }, disabled: this.disabled, onClick: this.handleExpand }), index$1.h("slot", { key: 'fdf3b5510076b7ca6372d04aaa02e8191b5c873f', name: XV_EXPANDABLE_KEY }), index$1.h("div", { key: 'f2ca9eb9e1aa52d3293b3e3997d74e96cd2dc635', class: { expandableContent: true, open: this.open } }, index$1.h("slot", { key: 'dce32e0de0c521c4e3f41fdac530758af7fd59c9' }))));
|
|
84006
84025
|
}
|
|
84007
84026
|
componentDidLoad() {
|
|
84008
84027
|
index$2.setAttr(this.el.parentElement, XV_EXPANDABLE_KEY, true);
|
|
@@ -84057,7 +84076,7 @@ const XvTableRow = class {
|
|
|
84057
84076
|
}
|
|
84058
84077
|
}
|
|
84059
84078
|
render() {
|
|
84060
|
-
return (index$1.h(index$1.Host, { key: '
|
|
84079
|
+
return (index$1.h(index$1.Host, { key: 'abe9f4fbf5e7e04f40288d3ddabe8840387251ec' }, this.variant !== undefined && (index$1.h("xv-table-v2-cell", { key: '32ce50adaf418a9d1624cac7a3768e9e79b0d7cd', class: "cell-control" }, this.variant === 'checkbox' && (index$1.h("xv-checkbox-v2", { key: '46c6bbd9e143caa518e7db5e85c5a5c1a40e3eba', 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$1.h("input", { key: '1dba951c50149fda86f551a8d8670110bb3c4dbb', type: "radio", name: this.name, checked: this.checked || this.partial, disabled: this.disabled, required: this.required, readonly: this.readonly })))), index$1.h("slot", { key: '8e1078ed147ecd3f4de46d2ffae6dd95a8d91e61' })));
|
|
84061
84080
|
}
|
|
84062
84081
|
componentWillLoad() {
|
|
84063
84082
|
this.setInitialAttrs();
|
|
@@ -84424,12 +84443,12 @@ const XvTagCombobox = class {
|
|
|
84424
84443
|
const ariaOwns = suggestionsVisible ? `${this.uid}-listbox` : undefined;
|
|
84425
84444
|
const activedesc = this.highlighted >= 0 ? this.optionId(this.highlighted) : undefined;
|
|
84426
84445
|
const message = index$2.resolveFieldMessage({ error: this.error, warning: this.warning, helper: this.helper });
|
|
84427
|
-
return (index$1.h(index$1.Host, { key: '
|
|
84446
|
+
return (index$1.h(index$1.Host, { key: '5e8248ac0331caec2320723d3c93d015e48ff6bb', class: "xv-combobox", part: "root", size: this.size }, this.label && index$1.h("label", { key: '5d19726d3bdfaab699f8811976226144b2f55e31', class: "label" }, this.label), index$1.h("div", { key: 'edbb58964e66116eadc42f7879d95e3e846937c9', class: {
|
|
84428
84447
|
'control': true,
|
|
84429
84448
|
'control--disabled': this.disabled,
|
|
84430
84449
|
'control--error': !!this.error,
|
|
84431
84450
|
'control--readonly': !!this.readonly,
|
|
84432
|
-
}, onClick: () => this.blockClick() }, index$1.h("div", { key: '
|
|
84451
|
+
}, onClick: () => this.blockClick() }, index$1.h("div", { key: 'ba53f5bfad98257ebb983ce3d2144bd0dd716895', class: "control-chips", role: "list" }, this.selected.map((s, i) => (index$1.h("xv-tag-v2", { role: "listitem", part: "chip", "data-value": s.value, size: this.COMPARE_TAG_SIZE[this.size], disabled: this.disabled, bg: (s === null || s === void 0 ? void 0 : s.bg) || 'var(--layer-accent-01, #F7F7F7)', color: (s === null || s === void 0 ? void 0 : s.color) || 'var(--text-primary, #333)', closeable: !this.readonly, onCloseClick: ({ detail }) => this.removeTag(i, detail) }, s.label))), index$1.h("input", { key: '9fac0f6b705ee4ec11caa67c0970e3fc71804fc9', ref: (el) => (this.inputEl = el), class: "control-input", readonly: this.readonly, placeholder: this.selected.length ? '' : this.placeholder, value: this.inputValue, onInput: (e) => this.onInput(e), onKeyDown: (e) => this.onKeyDown(e), onFocus: () => { this.onOpen(); this.recomputeFiltered(); }, "aria-autocomplete": "list", "aria-expanded": this.open ? 'true' : 'false', "aria-controls": ariaOwns, "aria-activedescendant": activedesc, disabled: this.disabled })), this.loading && (index$1.h("span", { key: 'b80fbc582ee55a301df1f20104749e8de2714075', class: "control-loader", part: "loader", "aria-hidden": "true" }, index$1.h("xv-loader-v2", { key: 'a857383bdaf4e1bab7974102b351a1ff9787fcef', size: "sm", variant: "horizontal" })))), message && (index$1.h("p", { key: '9dfd23dacb40aac4448b6f0b7505ec66627b5f38', class: { message: true, [message.level]: true } }, message.text)), suggestionsVisible && (index$1.h("ul", { key: 'bc4e801891609c15ec651a8025cfda632073232b', id: `${this.uid}-listbox`, class: "suggestions", role: "listbox", part: "listbox" }, this.filtered.map((opt, idx) => (index$1.h("li", { id: this.optionId(idx), class: { 'suggestions-opt': true, 'suggestions-opt--highlight': idx === this.highlighted }, role: "option", "aria-selected": idx === this.highlighted, onMouseEnter: () => this.onOptionMouseEnter(idx), onMouseDown: (ev) => ev.preventDefault(), onClick: () => this.selectOption(opt) }, index$1.h("div", { class: "suggestions-opt-content" }, opt.bg ? index$1.h("span", { class: "suggestions-opt-content--color", style: { background: opt.bg } }) : null, index$1.h("span", { class: "suggestions-opt-content--label" }, this.highlightLabel(opt.label).map((seg, i) => typeof seg === 'string' ? index$1.h("span", { key: i }, seg) : index$1.h("strong", { key: i }, seg.match)))))))))));
|
|
84433
84452
|
}
|
|
84434
84453
|
get host() { return index$1.getElement(this); }
|
|
84435
84454
|
static get watchers() { return {
|
|
@@ -84461,7 +84480,7 @@ const XvTag = class {
|
|
|
84461
84480
|
this.closeClick.emit(e);
|
|
84462
84481
|
}
|
|
84463
84482
|
render() {
|
|
84464
|
-
return (index$1.h(index$1.Host, { key: '
|
|
84483
|
+
return (index$1.h(index$1.Host, { key: 'aec18c111837e87eb107ce26f293dd72a1878096', style: { color: this.color, background: this.bg }, class: `xv-tag ${this.disabled ? 'disabled' : ''} ${this.size}` }, index$1.h("div", { key: 'c40e130e24d594a7dd8ef63e7f23d2267bcfb45e', class: "xv-tag_content", part: "details-content" }, index$1.h("slot", { key: '566781446b6268547d5e987c7935e4ebf394a376' })), this.closeable && (index$1.h("button", { key: 'ef60cf6a984087bb53f9db03ef96989ca9a691b8', onClick: this.closeHandler.bind(this), class: "xv-tag_close" }))));
|
|
84465
84484
|
}
|
|
84466
84485
|
};
|
|
84467
84486
|
XvTag.style = xvTagCss();
|
|
@@ -84501,13 +84520,13 @@ const XvTextInput = class {
|
|
|
84501
84520
|
}
|
|
84502
84521
|
render() {
|
|
84503
84522
|
const message = index$2.resolveFieldMessage({ error: this.error, warning: this.warning, helper: this.helper });
|
|
84504
|
-
return (index$1.h(index$1.Host, { key: '
|
|
84523
|
+
return (index$1.h(index$1.Host, { key: 'dfffcd8e3e5e235a5a807a637f370fba87fef0a9', class: { disabled: !!this.disabled } }, index$1.h("label", { key: '9e72854454351517bb494f374077660a2b894a56', class: "control" }, this.label && index$1.h("span", { key: 'a6dd0f45925927af7e29aefe26c5d6a0212d0913', class: "control_label" }, this.label), index$1.h("div", { key: '8f08cf94eb43cf81993d2d0bf7ccf78397a2f2bf', class: {
|
|
84505
84524
|
'control_input': true,
|
|
84506
84525
|
readonly: !!this.readonly,
|
|
84507
84526
|
[this.size]: true,
|
|
84508
84527
|
error: !!this.error,
|
|
84509
84528
|
warning: !!this.warning,
|
|
84510
|
-
} }, index$1.h("input", { key: '
|
|
84529
|
+
} }, index$1.h("input", { key: '3254e55f1fef316ba0bdb0f5c5abe48fd66fbd87', 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$1.h("div", { key: 'ce3a5d3b13445e3160cfccf0ac482c91c49edda8', class: "control_input__icons" }, this.loading && index$1.h("xv-loader-v2", { key: '391f8abfc94e8de782cfca92a35f5f83ca65e810', size: _vars.SIZE_VAR.XS }), this.clearable && this.value && !this.loading && !this.disabled && !this.readonly && (index$1.h("button", { key: '594965111c02ef10719e1ece79d5a59e1b7a1fd2', type: "button", class: "status-icon clear", "aria-label": "Clear", onClick: this.handleClear }, "\u00D7")), !!this.error ? (index$1.h("span", { class: "status-icon error", "aria-hidden": "true" }, "!")) : !!this.warning ? (index$1.h("span", { class: "status-icon warning", "aria-hidden": "true" }, "\u26A0")) : null, this.type === 'password' && (index$1.h("button", { key: 'fff2e8abcb93bd5171b6df64f9212be3a516fe7b', onClick: this.togglePassword, disabled: this.disabled, class: "status-icon" }, index$1.h("svg", { key: '000f0aaf492f802c07a000706a9ac178c71a9329', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 640 512", width: 16, height: 16 }, this.isPasswordVisible ? (index$1.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$1.h("path", { fill: "currentColor", d: "M288 80c-65.2 0-118.8 29.6-159.9 67.7C89.6 183.5 63 226 49.4 256c13.6 30 40.2 72.5 78.6 108.3C169.2 402.4 222.8 432 288 432s118.8-29.6 159.9-67.7C486.4 328.5 513 286 526.6 256c-13.6-30-40.2-72.5-78.6-108.3C406.8 109.6 353.2 80 288 80zM95.4 112.6C142.5 68.8 207.2 32 288 32s145.5 36.8 192.6 80.6c46.8 43.5 78.1 95.4 93 131.1c3.3 7.9 3.3 16.7 0 24.6c-14.9 35.7-46.2 87.7-93 131.1C433.5 443.2 368.8 480 288 480s-145.5-36.8-192.6-80.6C48.6 356 17.3 304 2.5 268.3c-3.3-7.9-3.3-16.7 0-24.6C17.3 208 48.6 156 95.4 112.6zM288 336c44.2 0 80-35.8 80-80s-35.8-80-80-80c-.7 0-1.3 0-2 0c1.3 5.1 2 10.5 2 16c0 35.3-28.7 64-64 64c-5.5 0-10.9-.7-16-2c0 .7 0 1.3 0 2c0 44.2 35.8 80 80 80zm0-208a128 128 0 1 1 0 256 128 128 0 1 1 0-256z" })))))))), message && (index$1.h("p", { key: '6119a6b2c23e286c3497c10d51c9c960bf2592dd', class: { message: true, [message.level]: true } }, message.text))));
|
|
84511
84530
|
}
|
|
84512
84531
|
static get formAssociated() { return true; }
|
|
84513
84532
|
};
|
|
@@ -84545,12 +84564,12 @@ const XvTextarea = class {
|
|
|
84545
84564
|
}
|
|
84546
84565
|
render() {
|
|
84547
84566
|
const message = index$2.resolveFieldMessage({ error: this.error, warning: this.warning, helper: this.helper });
|
|
84548
|
-
return (index$1.h(index$1.Host, { key: '
|
|
84567
|
+
return (index$1.h(index$1.Host, { key: 'a0cdec449f14a935e52385e3ef86d83583e69902', class: { disabled: !!this.disabled } }, index$1.h("label", { key: 'e4cf3999be97e311be536c33379f3f53f16e09e5', class: "control" }, (this.label || this.max) && (index$1.h("p", { key: 'dc55c61f5da704fcc6a9ed563a1acaafb0d68057', class: "control_label" }, index$1.h("span", { key: 'f2d6af6ef3eca8d652f36f0f17364bd99bb5f20a' }, this.label, this.info && index$1.h("xv-tooltip-v2", { key: 'ff3d442d23d4889372c37b9686fe1c83f900ea7d', message: this.info })), this.max !== undefined && !this.counterHide && (index$1.h("span", { key: 'bfbd7541bc1ee7b15a8442e2d86baaced94ebdda', class: "control_label__count" }, this.value.length || 0, "/", this.max)))), index$1.h("div", { key: '77cc1af898d52ac363688e6215520fcea8b305e1', class: {
|
|
84549
84568
|
'control_input': true,
|
|
84550
84569
|
readonly: !!this.readonly,
|
|
84551
84570
|
error: !!this.error,
|
|
84552
84571
|
warning: this.warning !== undefined,
|
|
84553
|
-
} }, index$1.h("textarea", { key: '
|
|
84572
|
+
} }, index$1.h("textarea", { key: '8dafb19974fa5c32df676ddc86c55dd2a701e77c', 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$1.h("div", { key: 'f00f7075964c36893ecfe3c2a8a1cea3244204ae', class: "control_input__icons" }, this._renderIcon()))), message && (index$1.h("p", { key: '350be385673f441fca51383e7875ec3fe5b411f5', class: { message: true, [message.level]: true } }, message.text))));
|
|
84554
84573
|
}
|
|
84555
84574
|
_renderIcon() {
|
|
84556
84575
|
if (this.loading)
|
|
@@ -84601,7 +84620,7 @@ const XvTile = class {
|
|
|
84601
84620
|
this.checked = !this.checked;
|
|
84602
84621
|
}
|
|
84603
84622
|
render() {
|
|
84604
|
-
return (index$1.h(index$1.Host, { key: '
|
|
84623
|
+
return (index$1.h(index$1.Host, { key: '4c090238b156d8a932a2f4e60216098034e70183', class: "xv-tile--host" }, index$1.h("label", { key: '9b4c0c2793aa50114b108d79a18402c55886da7c', class: {
|
|
84605
84624
|
[this.el.className]: !!this.el.className,
|
|
84606
84625
|
'xv-tile': true,
|
|
84607
84626
|
[`xv-tile--variant-${this.variant}`]: !!this.variant,
|
|
@@ -84609,7 +84628,7 @@ const XvTile = class {
|
|
|
84609
84628
|
'xv-tile--disabled': !!this.disabled,
|
|
84610
84629
|
'selected': !!this.checked,
|
|
84611
84630
|
'xv-tile--error': !!this.error,
|
|
84612
|
-
} }, index$1.h("div", { key: '
|
|
84631
|
+
} }, index$1.h("div", { key: '373d063768eeb1c60399d34785c8ee8fa9150a24', class: "xv-tile_content" }, this.label && index$1.h("p", { key: 'af30da446df62f4e8944a282c87b6a92be6ebc90', class: "xv-tile_content__title" }, this.label), index$1.h("slot", { key: '0ae5abe6de380c97f3460ca5bbaf38d2692b9d85' })), this.variant === 'selectable' && (index$1.h("div", { key: 'be5579df477d6c70c61ee7ba827f67fabebd84f0', class: "xv-tile_control" }, this.multiple ? (index$1.h("input", { type: "checkbox", disabled: this.disabled || this.readonly, readonly: this.readonly, onChange: this.handleChange, name: this.name, value: this.value, checked: this.checked })) : (index$1.h("input", { type: "radio", disabled: this.disabled || this.readonly, readonly: this.readonly, onChange: this.handleChange, name: this.name, value: this.value, checked: this.checked })))), (this.variant === 'clickable' || this.variant === 'expandable') && (index$1.h("div", { key: 'a68c2082715f51e11266c2cbb4f650e3a555f9de', class: "xv-tile_footer" }, index$1.h("button", { key: 'b4a9509c48bffdf534bde8b8177a7994bfd7c346', class: { 'xv-tile_footer__icon': true, [`icon--${this.variant}`]: true, open: this.checked } }))), index$1.h("div", { key: '4883eec3b83bd04812cd60aed5c95ea31d58d7fe', class: { 'xv-tile_expandable': true, open: this.checked } }, index$1.h("slot", { key: 'ccd01fb3e90dc234182ed97db512b01ba53dc4d6', name: "expandable" })))));
|
|
84613
84632
|
}
|
|
84614
84633
|
get el() { return index$1.getElement(this); }
|
|
84615
84634
|
};
|
|
@@ -84641,7 +84660,7 @@ const XvToggle = class {
|
|
|
84641
84660
|
};
|
|
84642
84661
|
}
|
|
84643
84662
|
render() {
|
|
84644
|
-
return (index$1.h(index$1.Host, { key: '
|
|
84663
|
+
return (index$1.h(index$1.Host, { key: '4d07f6e733ad75000fa625be7d2284c74c11009e', class: { 'xv-toggle': true, disabled: this.disabled, readonly: !!this.readonly, block: !!this.block } }, this.label && index$1.h("span", { key: '4fd0d4337aa9f1eab42248b362b3842576cc94ea', class: "label" }, this.label), index$1.h("label", { key: '3dc4c0469f1827c9228598ea962433dbcbd963a5', class: "control" }, index$1.h("slot", { key: '97febe0fa535c914484bf7c4f1c33250bbf02733', name: "before" }), index$1.h("div", { key: '9adb503ec22dd7dae26ea9db36e0db4f2dbb2f4d', class: "control_input" }, index$1.h("input", { key: '49c464ffaa7889935f909915d7ed6db833016dd7', type: "checkbox", readonly: this.readonly, name: this.name, value: this.value, checked: this.checked, disabled: this.disabled || this.readonly, onChange: this.onChange }), index$1.h("span", { key: '00a326c0907e67b444053067d56023e09d20ed48', class: "toggle" })), index$1.h("slot", { key: 'dfe270ab7512646598d27c80eab1fe9f186c46ca', name: "after" }))));
|
|
84645
84664
|
}
|
|
84646
84665
|
static get formAssociated() { return true; }
|
|
84647
84666
|
};
|
|
@@ -84718,7 +84737,7 @@ const XvToggleTip = class {
|
|
|
84718
84737
|
}
|
|
84719
84738
|
;
|
|
84720
84739
|
render() {
|
|
84721
|
-
return (index$1.h(index$1.Host, { key: '
|
|
84740
|
+
return (index$1.h(index$1.Host, { key: '472b799da38cc98fcbb0605ddc1ad70fcad23dd9', class: "xv-toggle-tip" }, index$1.h("div", { key: 'fba5eebecd22c49990980b088d6d5006ac8ac87c', class: { 'trigger': true, 'trigger--block': this.block }, role: "button", tabindex: "0", "aria-expanded": this.open ? 'true' : 'false', "aria-controls": "popover", onClick: () => this.setPopover(!this.open), ref: (el) => (this.triggerEl = el) }, index$1.h("slot", { key: 'cc05559e9c7600d84e7df01defa641b70f477116', name: "trigger" }, index$1.h("svg", { key: '69f327094db864f2b71e1f378799b61fd2e64e8d', class: "trigger_icon", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: 16, height: 16 }, index$1.h("path", { key: '51566d81488353fc6517a1de52c2829727f8704b', 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$1.h("div", { key: '1e3ea712f28d588583a99bdf42d032a71b09b666', class: { popover: true, autoSize: !!this.autoSize }, role: "tooltip", tabindex: "-1", ref: (el) => (this.popoverEl = el) }, index$1.h("div", { key: '5f9eeef784c23c4c8b40d2376922ce5c7fe3af16', class: "popover-tip", part: "tip", "data-popper-arrow": "" }), index$1.h("div", { key: 'e2a490ed9701cc95a61cfcd9fb56a9a9fe9c51e5', class: "popover-content" }, index$1.h("slot", { key: '8fe4c24f99c6b20bce4f94e3d9280dafc694552d', name: "header" }), index$1.h("slot", { key: '4557fa427a7371baf1350d4f6d0a11484e32dadc', name: "body" }), index$1.h("slot", { key: '2cd8aa4d46eaacd2d60ade49616ec925d2097f2d', name: "footer" })))));
|
|
84722
84741
|
}
|
|
84723
84742
|
disconnectedCallback() {
|
|
84724
84743
|
this.destroyPopper();
|
|
@@ -84773,11 +84792,11 @@ const XvTooltip = class {
|
|
|
84773
84792
|
this.destroyTooltip();
|
|
84774
84793
|
}
|
|
84775
84794
|
render() {
|
|
84776
|
-
return (index$1.h(index$1.Host, { key: '
|
|
84795
|
+
return (index$1.h(index$1.Host, { key: 'bcd593f87bb0a23588d85f113229ab5048bdf366', role: "tooltip", class: {
|
|
84777
84796
|
'xv-tooltip-wrapper': true,
|
|
84778
84797
|
[`xv-tooltip-wrapper__block`]: !!this.block,
|
|
84779
84798
|
[`xv-tooltip-wrapper__dashed`]: !!this.dashed,
|
|
84780
|
-
} }, index$1.h("slot", { key: '
|
|
84799
|
+
} }, index$1.h("slot", { key: '3b6045961995c6499fcf528e043fa8b3e149413e' }, index$1.h("svg", { key: '4930076da256e01295e6c057bdc7d2b7c46dc49a', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: 16, height: 16 }, index$1.h("path", { key: '16f656d148ef04e661f4482ec9e1c29447f04aff', 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" })))));
|
|
84781
84800
|
}
|
|
84782
84801
|
get el() { return index$1.getElement(this); }
|
|
84783
84802
|
};
|