npm - xv-webcomponents - Versions diffs - 1.3.41-qa.0 → 1.3.41-staging.0 - Mend

xv-webcomponents 1.3.41-qa.0 → 1.3.41-staging.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.

Files changed (46) hide show

package/dist/collection/components/xv-login-modal/xv-login-modal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"xv-login-modal.js","sourceRoot":"","sources":["../../../src/components/xv-login-modal/xv-login-modal.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Event, EventEmitter, h, Prop, State } from '@stencil/core';\n\ntype OAuthProvider = {\n displayName: string;\n providerName: string;\n icon: string;\n buttonClass: string;\n};\n\n@Component({\n tag: 'xv-login-modal',\n styleUrl: 'xv-login-modal.scss',\n shadow: true,\n})\nexport class XvLoginModal {\n @Prop() visible: boolean = false;\n @Event() close: EventEmitter<void>;\n @State() oauthProviders: OAuthProvider[] = [];\n @State() bookNow: boolean = false;\n @State() returnUrl: string = '/';\n @State() passwordLoginEnabled: boolean = true;\n @State() oauthLoginEnabled: boolean = true;\n @State() passwordRegistrationEnabled: boolean = true;\n @State() configurationName: string = 'Xv';\n @State() xvMvcConfigName: string = 'Xv';\n @State() contactUrl: string = 'https://sitefinity-qa.crossvertise.com/ueber-uns/kontakt';\n metaNav: any;\n\n componentWillLoad() {\n this.setReturnUrl();\n this.readMetaNavCookie();\n }\n\n private setReturnUrl() {\n const params = new URLSearchParams(window.location.search);\n let url = params.get('returnUrl') \|\| window.location.href;\n if (url.toLowerCase().includes('resetpassword')) {\n url = '/';\n }\n this.returnUrl = url;\n }\n\n private readMetaNavCookie() {\n if (!this.metaNav) this.metaNav = JSON.parse(localStorage.getItem('metaNav') \|\| '{}');\n\n if (!this.metaNav) return;\n\n try {\n const metaNavObj = this.metaNav;\n this.passwordLoginEnabled = !!metaNavObj.PasswordLoginEnabled;\n this.oauthLoginEnabled = !!metaNavObj.oauthLoginEnabled;\n this.passwordRegistrationEnabled = !!metaNavObj.PasswordRegistrationEnabled;\n this.configurationName = metaNavObj.ConfigurationName;\n this.xvMvcConfigName = metaNavObj.XvMvcConfigName;\n this.contactUrl = metaNavObj.ContactUrl ?? `${this.getBaseUrl()}/ueber-uns/kontakt`;\n } catch (e) {\n console.warn('Could not parse metaNav cookie:', e);\n }\n }\n\n private readonly handleClose = () => {\n this.close.emit();\n };\n\n private renderPasswordLogin() {\n if (!this.passwordLoginEnabled) return null;\n return (\n <label class=\"pull-right spacer\">\n <a href={`${this.getBaseUrl()}/de-de/mycrossvertise/account/lostpassword`}>\n Passwort vergessen?\n </a>\n </label>\n );\n }\n\n private renderOAuthProviders() {\n \n return (\n <div class=\"row\">\n <div class=\"col-xs-12\">\n <div class=\"col-xs-12\">\n <div class=\"row spacer spacer-bottom\">\n <div class=\"col-xs-5\"><hr /></div>\n <div class=\"col-xs-2 text-center placeholder\">oder</div>\n <div class=\"col-xs-5\"><hr /></div>\n <div class=\"col-xs-12\">\n <span>Alternative Anmeldung:</span>\n </div>\n </div>\n </div>\n <div class=\"col-sm-12\">\n <div class=\"col-xs-12 no-padding-right\">\n <form\n method=\"POST\"\n action={`${this.getBaseUrl()}/de-de/mycrossvertise/account/externallogin`}\n >\n <div class=\"row\">\n \n <div class=\"col-xs-6 col-sm-3 no-padding-left padding-bottom-10 center-cell\">\n <button\n type=\"submit\"\n style={{ maxWidth: '125px' }}\n name=\"provider\"\n class={`cell-content btn btn-primary btn btn-block btn-google-primary btn-primary btn-block`}\n value={\"Google\"}\n title={`Mit Google anmelden`}\n >\n <i class={`fab fa-google pull-left`}></i>\n <span style={{ marginLeft :'5px;'}}>Google</span>\n </button>\n </div>\n </div>\n <input type=\"hidden\" name=\"BookNow\" value={this.bookNow.toString()} />\n </form>\n </div>\n </div>\n <div class=\"col-xs-12\"><hr /></div>\n <div class=\"col-sm-12 text-left\">\n <div class=\"\">Neuer Kunde? <a href={`${this.getBaseUrl()}/de-de/mycrossvertise/account/register`}>Jetzt kostenlos registrieren!</a></div>\n </div>\n </div>\n </div>\n );\n }\n\n private renderFooter() {\n return (\n <div class=\"modal-footer\">\n <div class=\"col-sm-12 text-left\">\n <div>\n <div class=\"spacer\">Sie sind bereits registriert, können sich aber nicht einloggen?</div>\n <div>\n <a href={this.contactUrl}>Kontaktieren Sie uns</a>, wir kümmern uns darum.\n </div>\n </div>\n </div>\n </div>\n );\n }\n\n private readonly handleSubmit = async (e: Event) => {\n e.preventDefault();\n const form = e.target as HTMLFormElement;\n const formData = new FormData(form);\n \n try {\n const response = await fetch(form.action, {\n method: 'POST',\n body: formData,\n credentials: 'include',\n });\n \n if (response.ok) {\n window.location.reload();\n }\n } catch (error) {\n console.error('Login failed:', error);\n }\n };\n\n private getBaseUrl(): string {\n const hostname = window.location.hostname;\n \n if (hostname.includes('sitefinity-qa.crossvertise.com')) {\n return 'https://qa.crossvertise.com';\n } else if (hostname.includes('www.crossvertise.com')) {\n return 'https://market.crossvertise.com';\n } else if (hostname.includes('sitefinity-staging.crossvertise.com')) {\n return 'https://staging.crossvertise.com';\n } else {\n // fallback for local dev or default prod\n return '';\n }\n }\n\n render() {\n if (!this.visible) return null;\n return (\n <div class=\"modal show\" style={{ display: 'block' }} id=\"login-modal\" tabIndex={-1} role=\"dialog\">\n <div class=\"modal-dialog\" role=\"document\">\n <div class=\"modal-content\">\n <div class=\"modal-header\">\n <div class=\"row\">\n <div class=\"col-sm-10\">\n <div class=\"col-xs-12\">\n <h4 class=\"modal-title\">Logindaten</h4>\n </div>\n </div>\n <div class=\"col-xs-1 pull-right\">\n <button onClick={this.handleClose} type=\"button\" class=\"close\">\n <span aria-hidden=\"true\">×</span>\n </button>\n </div>\n </div>\n </div>\n <div class=\"modal-body\">\n <div class=\"row\">\n <div class=\"col-sm-12\">\n <form\n autoComplete=\"off\"\n id=\"logon-modal-form\"\n action={`${this.getBaseUrl()}/de-de/mycrossvertise/account/logon?returnUrl=${encodeURIComponent(this.returnUrl)}`}\n method=\"post\"\n class=\"spacer\"\n onSubmit={this.handleSubmit}\n >\n <input type=\"hidden\" name=\"returnUrl\" value={this.returnUrl} />\n <div class=\"form-group spacer-bottom\">\n <div class=\"control-label col-xs-12\">\n <label htmlFor=\"LoginPopup.UserName\">E-Mail</label>\n <strong class=\"text-danger\"></strong>\n </div>\n <div class=\"col-xs-12\">\n <input class=\"form-control\" id=\"userName\" name=\"UserName\" type=\"text\" tabIndex={1} />\n </div>\n </div>\n <div class=\"form-group spacer\">\n <div class=\"control-label col-xs-6\">\n <label class=\"spacer\" htmlFor=\"LoginPopup.Password\">Passwort</label>\n <strong class=\"text-danger spacer\"></strong>\n </div>\n <div class=\"col-xs-6\">\n {this.renderPasswordLogin()}\n </div>\n <div class=\"col-xs-12\">\n <input class=\"form-control\" id=\"password\" name=\"Password\" type=\"password\" tabIndex={2} />\n </div>\n </div>\n <div class=\"form-group spacer\">\n <div class=\"col-xs-12\">\n <button class=\"btn btn-primary btn-lg btn-block spacer\" type=\"submit\" tabIndex={3}>\n Anmelden\n </button>\n </div>\n </div>\n <div class=\"form-group\">\n <div class=\"checkbox col-xs-12\">\n <label htmlFor=\"RememberMe\">\n <input id=\"RememberMe\" name=\"RememberMe\" type=\"checkbox\" value=\"true\" />\n Angemeldet bleiben?\n </label>\n </div>\n </div>\n </form>\n </div>\n </div>\n {this.renderOAuthProviders()}\n </div>\n {this.renderFooter()}\n </div>\n </div>\n </div>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"xv-login-modal.js","sourceRoot":"","sources":["../../../src/components/xv-login-modal/xv-login-modal.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Event, EventEmitter, h, Prop, State } from '@stencil/core';\n\ntype OAuthProvider = {\n displayName: string;\n providerName: string;\n icon: string;\n buttonClass: string;\n};\n\n@Component({\n tag: 'xv-login-modal',\n styleUrl: 'xv-login-modal.scss',\n shadow: true,\n})\nexport class XvLoginModal {\n @Prop() visible: boolean = false;\n @Event() close: EventEmitter<void>;\n @State() oauthProviders: OAuthProvider[] = [];\n @State() bookNow: boolean = false;\n @State() returnUrl: string = '/';\n @State() passwordLoginEnabled: boolean = true;\n @State() oauthLoginEnabled: boolean = true;\n @State() passwordRegistrationEnabled: boolean = true;\n @State() configurationName: string = 'Xv';\n @State() xvMvcConfigName: string = 'Xv';\n @State() contactUrl: string = 'https://sitefinity-qa.crossvertise.com/ueber-uns/kontakt';\n metaNav: any;\n\n componentWillLoad() {\n this.setReturnUrl();\n this.readMetaNavCookie();\n }\n\n private setReturnUrl() {\n const params = new URLSearchParams(window.location.search);\n let url = params.get('returnUrl') \|\| window.location.href;\n if (url.toLowerCase().includes('resetpassword')) {\n url = '/';\n }\n this.returnUrl = url;\n }\n\n private readMetaNavCookie() {\n if (!this.metaNav) this.metaNav = JSON.parse(localStorage.getItem('metaNav') \|\| '{}');\n\n if (!this.metaNav) return;\n\n try {\n const metaNavObj = this.metaNav;\n this.passwordLoginEnabled = !!metaNavObj.PasswordLoginEnabled;\n this.oauthLoginEnabled = !!metaNavObj.oauthLoginEnabled;\n this.passwordRegistrationEnabled = !!metaNavObj.PasswordRegistrationEnabled;\n this.configurationName = metaNavObj.ConfigurationName;\n this.xvMvcConfigName = metaNavObj.XvMvcConfigName;\n this.contactUrl = metaNavObj.ContactUrl ?? `${this.getBaseUrl()}/ueber-uns/kontakt`;\n } catch (e) {\n console.warn('Could not parse metaNav cookie:', e);\n }\n }\n\n private readonly handleClose = () => {\n this.close.emit();\n };\n\n private renderPasswordLogin() {\n if (!this.passwordLoginEnabled) return null;\n return (\n <label class=\"pull-right spacer\">\n <a href={`${this.getBaseUrl()}/de-de/mycrossvertise/account/lostpassword`}>\n Passwort vergessen?\n </a>\n </label>\n );\n }\n\n private renderOAuthProviders() {\n \n return (\n <div class=\"row\">\n <div class=\"col-xs-12\">\n <div class=\"col-xs-12\">\n <div class=\"row spacer spacer-bottom\">\n <div class=\"col-xs-5\"><hr /></div>\n <div class=\"col-xs-2 text-center placeholder\">oder</div>\n <div class=\"col-xs-5\"><hr /></div>\n <div class=\"col-xs-12\">\n <span>Alternative Anmeldung:</span>\n </div>\n </div>\n </div>\n <div class=\"col-sm-12\">\n <div class=\"col-xs-12 no-padding-right\">\n <form\n method=\"POST\"\n action={`${this.getBaseUrl()}/de-de/mycrossvertise/account/externallogin`}\n >\n <div class=\"row\">\n \n <div class=\"col-xs-6 col-sm-3 no-padding-left padding-bottom-10 center-cell\">\n <button\n type=\"submit\"\n style={{ maxWidth: '125px' }}\n name=\"provider\"\n class={`cell-content btn btn-primary btn btn-block btn-google-primary btn-primary btn-block`}\n value={\"Google\"}\n title={`Mit Google anmelden`}\n >\n <i class={`fab fa-google pull-left`}></i>\n <span style={{ marginLeft :'5px;'}}>Google</span>\n </button>\n </div>\n </div>\n <input type=\"hidden\" name=\"BookNow\" value={this.bookNow.toString()} />\n </form>\n </div>\n </div>\n <div class=\"col-xs-12\"><hr /></div>\n <div class=\"col-sm-12 text-left\">\n <div class=\"\">Neuer Kunde? <a href={`${this.getBaseUrl()}/de-de/mycrossvertise/account/register`}>Jetzt kostenlos registrieren!</a></div>\n </div>\n </div>\n </div>\n );\n }\n\n private renderFooter() {\n return (\n <div class=\"modal-footer\">\n <div class=\"col-sm-12 text-left\">\n <div>\n <div class=\"spacer\">Sie sind bereits registriert, können sich aber nicht einloggen?</div>\n <div>\n <a href={this.contactUrl}>Kontaktieren Sie uns</a>, wir kümmern uns darum.\n </div>\n </div>\n </div>\n </div>\n );\n }\n\n private getBaseUrl(): string {\n const hostname = window.location.hostname;\n \n if (hostname.includes('sitefinity-qa.crossvertise.com')) {\n return 'https://qa.crossvertise.com';\n } else if (hostname.includes('www.crossvertise.com')) {\n return 'https://market.crossvertise.com';\n } else if (hostname.includes('sitefinity-staging.crossvertise.com')) {\n return 'https://staging.crossvertise.com';\n } else {\n // fallback for local dev or default prod\n return '';\n }\n }\n\n render() {\n if (!this.visible) return null;\n return (\n <div class=\"modal show\" style={{ display: 'block' }} id=\"login-modal\" tabIndex={-1} role=\"dialog\">\n <div class=\"modal-dialog\" role=\"document\">\n <div class=\"modal-content\">\n <div class=\"modal-header\">\n <div class=\"row\">\n <div class=\"col-sm-10\">\n <div class=\"col-xs-12\">\n <h4 class=\"modal-title\">Logindaten</h4>\n </div>\n </div>\n <div class=\"col-xs-1 pull-right\">\n <button onClick={this.handleClose} type=\"button\" class=\"close\">\n <span aria-hidden=\"true\">×</span>\n </button>\n </div>\n </div>\n </div>\n <div class=\"modal-body\">\n <div class=\"row\">\n <div class=\"col-sm-12\">\n <form\n autoComplete=\"off\"\n id=\"logon-modal-form\"\n action={`${this.getBaseUrl()}/de-de/mycrossvertise/account/logon?returnUrl=${encodeURIComponent(this.returnUrl)}`}\n method=\"post\"\n class=\"spacer\"\n >\n <input type=\"hidden\" name=\"returnUrl\" value={this.returnUrl} />\n <div class=\"form-group spacer-bottom\">\n <div class=\"control-label col-xs-12\">\n <label htmlFor=\"LoginPopup.UserName\">E-Mail</label>\n <strong class=\"text-danger\"></strong>\n </div>\n <div class=\"col-xs-12\">\n <input class=\"form-control\" id=\"userName\" name=\"UserName\" type=\"text\" tabIndex={1} />\n </div>\n </div>\n <div class=\"form-group spacer\">\n <div class=\"control-label col-xs-6\">\n <label class=\"spacer\" htmlFor=\"LoginPopup.Password\">Passwort</label>\n <strong class=\"text-danger spacer\"></strong>\n </div>\n <div class=\"col-xs-6\">\n {this.renderPasswordLogin()}\n </div>\n <div class=\"col-xs-12\">\n <input class=\"form-control\" id=\"password\" name=\"Password\" type=\"password\" tabIndex={2} />\n </div>\n </div>\n <div class=\"form-group spacer\">\n <div class=\"col-xs-12\">\n <button class=\"btn btn-primary btn-lg btn-block spacer\" type=\"submit\" tabIndex={3}>\n Anmelden\n </button>\n </div>\n </div>\n <div class=\"form-group\">\n <div class=\"checkbox col-xs-12\">\n <label htmlFor=\"RememberMe\">\n <input id=\"RememberMe\" name=\"RememberMe\" type=\"checkbox\" value=\"true\" />\n Angemeldet bleiben?\n </label>\n </div>\n </div>\n </form>\n </div>\n </div>\n {this.renderOAuthProviders()}\n </div>\n {this.renderFooter()}\n </div>\n </div>\n </div>\n );\n }\n}\n"]}

package/dist/collection/components/xv-mega-menu/xv-mega-menu.js CHANGED Viewed

@@ -80,13 +80,13 @@ export class XvMegaMenu {
         }
     }
     render() {
-        return (h(Host, { key: '6e294879f14e428882c121214f6d1352c72a2bdd' }, h("nav", { key: '7f67a84295d8fc92854c6eaa3d0fb46410e151c0', class: { 'xv-menu': true, open: this.open } }, this.loading && (h("div", { key: '109b14848ffaf02cf5732b04ce16893e2e36fbd9', class: { 'xv-menu-loader': true, open: this.open } }, h("xv-loader-v2", { key: '41a840162973c92704d455121993e99339ae2ab2' }))), h("ul", { key: '56421c235c10233a65fc315461d1e471775a0e5b', class: { menu: true, open: this.open } }, this.menuItems.map((menuItem) => {
+        return (h(Host, { key: '5d6f4d453649abf5926c9fe715886b0e06ae5362' }, h("nav", { key: '2e8f702d25602ac8f063bba5c0165196cc177907', class: { 'xv-menu': true, open: this.open } }, this.loading && (h("div", { key: '760c1f7ff7f4b8d08cde9ab35551a5e5c7f81747', class: { 'xv-menu-loader': true, open: this.open } }, h("xv-loader-v2", { key: '5cd25ebb6e9a9bcd57d06c619f56b65cf81f4dce' }))), h("ul", { key: '14b36cbde6a58bd28a3ae5474a412688ad38ffb4', class: { menu: true, open: this.open } }, this.menuItems.map((menuItem) => {
             var _a;
             return (h("li", { class: { 'menu-item': true, active: menuItem.id === ((_a = this.activeItem) === null || _a === void 0 ? void 0 : _a.id) } }, h("p", { class: "menu-item-label", onClick: () => this.setActiveItem(menuItem) }, menuItem === null || menuItem === void 0 ? void 0 : menuItem.label), h("ul", { class: "menu-item-groups" }, menuItem.groups.map((group) => {
                 var _a, _b;
                 return (h("li", { class: { group: true, active: ((_a = this.activeGroup) === null || _a === void 0 ? void 0 : _a.id) === group.id } }, group.label && (h("div", { class: "group-label", onClick: () => this.setActiveGroup(group) }, h("span", { class: "group-label-text" }, group.label), h("span", { class: "group-label-icon" }))), h("div", { class: "group-container" }, h("div", { class: { 'group-container-absolute': true, noLabel: !group.label && (((_b = menuItem.groups) === null || _b === void 0 ? void 0 : _b.length) || 0) < 2 } }, h("div", { class: "group-menus" }, h("ul", { class: { 'group-menus-categories': true, inline: group.layout === 'inline' } }, group.categories.map((category) => (h("li", { class: "category" }, h("p", { class: "category-label" }, category.label), h("ul", { class: "category-routes" }, category.routes.map((route) => (h("li", { class: "route" }, h("xv-link-v2", { size: "lg", variant: "ghost", href: route.route || '#' }, route.label), route.tag && (h("xv-tag-v2", { class: "route-tag", size: "sm", color: "#161616", bg: "#E0E0E0" }, route.tag)))))))))), h("ul", { class: "group-menus-actions" }, group.actions.map((action) => (h("li", { class: "action" }, action.type === 'link' && (h("xv-link-v2", { variant: "standalone", href: action === null || action === void 0 ? void 0 : action.url }, action.label, h("span", { class: "link-chevron", slot: "icon-right" }, "\u2192"))), action.type === 'button' && h("xv-button-v2", { onClick: () => this.navActionClick(action), block: true, variant: "tertiary" }, action.label)))))), (group === null || group === void 0 ? void 0 : group.card) && (h("div", { class: "group-card" }, h("xv-card-v2", { media: group.card.image, variant: this.isMobile ? 'horizontal' : 'vertical' }, h("h5", { slot: "header", class: "group-card-title" }, group.card.title), h("p", { slot: "body", class: "group-card-desc" }, group.card.description), group.card.linkLabel && (h("xv-link-v2", { slot: "footer", variant: "standalone", href: group.card.linkUrl || '#' }, group.card.linkLabel, h("span", { class: "link-chevron", slot: "icon-right" }, "\u2192"))))))))));
             }))));
-        }), h("li", { key: '0a130d433cf31fab5d1be9af71dfe7573a7e0fb9', class: "menu--right" }, h("slot", { key: '358da36ff0c75ecbd18d82703527f942e3e8de37', name: "menu-right" })), this.open && (h("li", { key: '071687d9f9533a918d81b5128087f14c4060c7a8', class: "menu--backdrop", onClick: () => this.handleClose() }))))));
+        }), h("li", { key: 'cf826d8de6bf554b050f3c4101ef3ccb1d9c5eae', class: "menu--right" }, h("slot", { key: '830c2392a8700e556d028976698df7c0a6c229ac', name: "menu-right" })), this.open && (h("li", { key: 'b26ec8b245b5adef4bcbbdb7f873b48293989952', class: "menu--backdrop", onClick: () => this.handleClose() }))))));
     }
     static get is() { return "xv-mega-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/xv-modal/xv-modal.js CHANGED Viewed

@@ -58,7 +58,7 @@ export class XvModal {
     }
     render() {
         var _a;
-        return (h(Host, { key: 'cf9dd7f141f165071f46ab7b774668918bf97935', role: "dialog", size: this.size, id: this.el.id }, h("slot", { key: '789214e14cd71351688e0b2025ac70638dc4d8b5', name: "trigger", onSlotchange: this.setupTrigger }), h("div", { key: '93e1908163dea65fac211ddbf5f892c7857bed24', class: { backdrop: true }, onClick: this.onBackdropClick }, h("div", { key: 'a7380f258e29d5eaffdf8d07faf6d0a4c947c1bd', class: "modal" }, h("button", { key: '7e6bfacfbc5f5ce80fcebc61f0a1f4fffe2e429b', class: "modal_close", onClick: this.closeModal.bind(this) }, "\u00D7"), h("div", { key: 'fdee5ae988d8e1cb98bfc2c06be0232e2a503af5', class: "modal_header" }, h("slot", { key: '6776bc16756ac1312590cd7d80401366538d85cc', name: "header" }, ((_a = this.el) === null || _a === void 0 ? void 0 : _a.title) && h("h5", { key: '89fbfbe6933e7c37c3a459cf02215d99f85c40f0', class: "modal_header__title" }, this.el.title))), h("div", { key: '5710712e959c5d60155bc23e71dcc26aa09fcbda', class: { 'modal_content': true, overflow: this.overflow } }, h("slot", { key: '70ab8b2992c7741f579e63dfd50de8aa86b4234b' })), h("div", { key: '5ab595236913a7a1a816e0f23c3a36536fa4db39', class: "modal_footer" }, h("slot", { key: '3397717b01ff42909b86a6484ccbeb36d81a9a98', name: "footer" })), !!this.loading && (h("div", { key: '96a75342ebe1233a86e9d51404ef060b65ef19fc', class: "loading" }, h("xv-loader-v2", { key: 'dc008d2149a439a1e9da15dee75a0cf8dd4d7329', size: SIZE_VAR.LG })))))));
+        return (h(Host, { key: '8263418361d8c0e527e786174c984d7e38b14551', role: "dialog", size: this.size, id: this.el.id }, h("slot", { key: '1f5b4a6dd8790ae67024656536953ec00d6ed1e3', name: "trigger", onSlotchange: this.setupTrigger }), h("div", { key: '08a3fa8ed12382f43ff94d768bbee0461e9a7865', class: { backdrop: true }, onClick: this.onBackdropClick }, h("div", { key: '09405048b0b9c3175540b7b33dec8ddfe2c67e46', class: "modal" }, h("button", { key: '27d76149abf201a9f8c2425fe897bc034ed8c7c3', class: "modal_close", onClick: this.closeModal.bind(this) }, "\u00D7"), h("div", { key: 'f084c1febf4e62dddbbde9bc5084a8504ecfd5ac', class: "modal_header" }, h("slot", { key: '17c517a92210a720f963e8a41a19b7f3b1698aeb', name: "header" }, ((_a = this.el) === null || _a === void 0 ? void 0 : _a.title) && h("h5", { key: '042b4e7169f98cc46526a937ceb14adc1d3697df', class: "modal_header__title" }, this.el.title))), h("div", { key: '82302ff435057316918dd881a3fba9c8d66ef73b', class: { 'modal_content': true, overflow: this.overflow } }, h("slot", { key: '345c187ced9cc452ba4c5535175b193bc1939bb4' })), h("div", { key: 'dead38bb232a4234628ffa4b985d59fac40040f7', class: "modal_footer" }, h("slot", { key: '1190fbd59cf7333d827235562f23ee283a4b5e2c', name: "footer" })), !!this.loading && (h("div", { key: '9e1b95a2fb18fd0036c71d2041023022ab0fed95', class: "loading" }, h("xv-loader-v2", { key: 'd77d1ff7a35f37a2e5b7704fee7f0dc8240afde0', size: SIZE_VAR.LG })))))));
     }
     disconnectedCallback() {
         this.removeTriggerListener();

package/dist/collection/components/xv-notification/xv-notification.js CHANGED Viewed

@@ -25,7 +25,7 @@ export class XvNotification {
         };
     }
     render() {
-        return (h(Host, { key: '9693d327e8e6e643ec931d5c04764066c2f6ff6c', class: "xv-notification", type: this.variant }, this.renderIcon(this.variant), h("div", { key: 'bc36cdfa7f16f77b1f1d52393a842809c3c43338', class: "content" }, h("div", { key: '665177e39806e6f1e98863de720e6bee2f060aba', class: "content_wrapper" }, this.el.title && h("h5", { key: 'a51a70778847d67b733a391e8f773ec063f5d2b6', class: "content_title" }, this.el.title), h("slot", { key: 'edd1473c6b5e8831b1040e32ad6d18b0de6dcac0' })), h("slot", { key: '1ff767ee9845c2590a9b88d44f541705597f3200', name: "footer" })), this.dismissible && h("button", { key: 'fad7ceffd315539676396a7af9532300b5cbb9fa', class: "close", onClick: this.closeHandle })));
+        return (h(Host, { key: '111e5ae70e2d82b45fe69cf1c13353b65e55c5cb', class: "xv-notification", type: this.variant }, this.renderIcon(this.variant), h("div", { key: 'dc3ebfd7d718dfee5dd9a615e4b303e13130b754', class: "content" }, h("div", { key: '7b2890d32d24c07db7f0b085c9e94abd5eb01614', class: "content_wrapper" }, this.el.title && h("h5", { key: '4e3b3e2c241405cb9a6b534108f06023616542b1', class: "content_title" }, this.el.title), h("slot", { key: 'daeb584a0daa36adfd6d4c8ea9abf3e25cd56103' })), h("slot", { key: '3f0bda180a6528e4698636832f7170b8634c1479', name: "footer" })), this.dismissible && h("button", { key: '739be80af26a3477e40d5dd6677ae0cf810cbef2', class: "close", onClick: this.closeHandle })));
     }
     static get is() { return "xv-notification-v2"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/xv-number-input/xv-number-input.js CHANGED Viewed

@@ -32,12 +32,12 @@ export class XvNumberInput {
         this.valueChange.emit(this.value);
     }
     render() {
-        return (h(Host, { key: '8d7789f518c4c1589b488f18b6aacd623f04466d', class: { disabled: !!this.disabled } }, h("label", { key: '3f5b8d696939975908b642431aa0d8348899250b', class: "control" }, this.label && h("span", { key: '4f10a77413e005ee745074dc979ed4d85518f6ca', class: "control_label" }, this.label), h("div", { key: '71adcb74002e2a657624fb7852365e6e41e6c6b8', class: {
+        return (h(Host, { key: '6d11b01cca1f80b66efd3e7525bd3ad784c7c639', class: { disabled: !!this.disabled } }, h("label", { key: '23c15709020da35160965d311b52afe6b4f9cafc', class: "control" }, this.label && h("span", { key: 'f9f25fec86ec5b0893a8f5dca87ae0e40a0ea6e2', class: "control_label" }, this.label), h("div", { key: '3bc57ef9dc105e1c269c48ea2965ac3728f341e3', class: {
                 'control_input': true,
                 readonly: !!this.readonly,
                 error: !!this.error,
                 warning: !!this.warning
-            } }, h("input", { key: '272b3b6ec1d2412e52ec5bf894065f55c6c8c4f2', type: "number", placeholder: this.placeholder, disabled: this.disabled, readonly: this.readonly, onInput: this.handleInput, name: this.name, min: this.min, max: this.max, step: this.step, value: this.value }), h("div", { key: '93a513a0b543c94b6195d92c88953f0725d5ecef', class: "control_input__icons" }, this.loading ? (h("xv-loader-v2", { size: SIZE_VAR.XS })) : !!this.error ? (h("span", { class: "status-icon error", "aria-hidden": "true" }, "!")) : !!this.warning ? (h("span", { class: "status-icon warning", "aria-hidden": "true" }, "\u26A0")) : null, h("xv-button-v2", { key: 'ef2ceae290e6aff48e643e32ab6fab6f1688b0cb', size: this.size, variant: "ghost", disabled: this.disabled || this.readonly, onClick: this.decrement, "aria-label": "Decrease" }, h("span", { key: 'e5be0e06bee000dc3e241c50cc4ee4b648298ce1', slot: "icon-left", class: "status-icon" }, "\u2212")), h("hr", { key: 'fe1d7a886fc2faa93789e3375923734c8954a005' }), h("xv-button-v2", { key: 'fb200b8268092ff620f2189e5162fbf7428c3a1a', size: this.size, variant: "ghost", disabled: this.disabled || this.readonly, onClick: this.increment, "aria-label": "Increase" }, h("span", { key: '710e1f98d2ac23fd2b9a5cdee4a1b89583ff8663', slot: "icon-left", class: "status-icon" }, "+"))))), this.helper && h("p", { key: 'f521002baae11f6f60ebaa629e0319be54943fb2', 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));
+            } }, h("input", { key: '79d4f5f2d20bc5e95391b555f5e024b7bf412d31', type: "number", placeholder: this.placeholder, disabled: this.disabled, readonly: this.readonly, onInput: this.handleInput, name: this.name, min: this.min, max: this.max, step: this.step, value: this.value }), h("div", { key: '063e16e9423bf3931f815560dd9d10907d1fd9be', class: "control_input__icons" }, this.loading ? (h("xv-loader-v2", { size: SIZE_VAR.XS })) : !!this.error ? (h("span", { class: "status-icon error", "aria-hidden": "true" }, "!")) : !!this.warning ? (h("span", { class: "status-icon warning", "aria-hidden": "true" }, "\u26A0")) : null, h("xv-button-v2", { key: 'd91cb9634cbf011960524e6ad1e1603ce8a05f0a', size: this.size, variant: "ghost", disabled: this.disabled || this.readonly, onClick: this.decrement, "aria-label": "Decrease" }, h("span", { key: '8ce50c2ccdcc90a1475ececd2f0c708291d485b6', slot: "icon-left", class: "status-icon" }, "\u2212")), h("hr", { key: 'b5bd989f074f25daa35236f9982588c9659f4c2b' }), h("xv-button-v2", { key: 'd59e9c935aa96f9257bbcf843d80e84b04c66016', size: this.size, variant: "ghost", disabled: this.disabled || this.readonly, onClick: this.increment, "aria-label": "Increase" }, h("span", { key: 'f5d2f3d3b5965ae166df0233426229f4f4736739', slot: "icon-left", class: "status-icon" }, "+"))))), this.helper && h("p", { key: 'b53f4c5f25864689e759d0d2d16e5485044127be', 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));
     }
     static get is() { return "xv-number-input-v2"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/xv-overflow-menu/xv-overflow-menu-item/xv-overflow-menu-item.js CHANGED Viewed

@@ -11,7 +11,7 @@ export class XvOverflowMenuItem {
         this.itemClick.emit({ event, value: this.value });
     }
     render() {
-        return (h(Host, { key: '008e889b59039f6e3084fcc573ccdd371bf990d0', class: "xv-overflow-menu-item", role: "menuitem", disabled: this.disabled }, h("slot", { key: '184cd0c80d12feb7fb3365cb21d8d5070edd1108' })));
+        return (h(Host, { key: '7c4b46bc0f64e2ccb74d3d8fd144d6154ee34c39', class: "xv-overflow-menu-item", role: "menuitem", disabled: this.disabled }, h("slot", { key: '1d7a1af72b45a93c92c69c0b6f08723961a4c0d8' })));
     }
     static get is() { return "xv-overflow-menu-v2-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/xv-overflow-menu/xv-overflow-menu.js CHANGED Viewed

@@ -48,8 +48,8 @@ export class XvOverflowMenu {
         }
     }
     render() {
-        const button = (h("button", { key: '662c41618566f076e0f5c7bbc030c8cbf8b54d77', class: { btn: true, open: this.open }, onClick: this.onOpenToggle, disabled: this.disabled }, h("slot", { key: '128e8fe75090fefae7bf53963eee31412279dbfc', name: "trigger" }, h("svg", { key: 'ddbda98fb13cc4fbe8487b1ce68cecdd80bc083b', xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 128 512" }, h("path", { key: 'b2675766b1aa8f8ab7cc9e58faa679a5ae0cb242', 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" })))));
-        return (h(Host, { key: 'edc5693d69f7e7fd3ca71f97086eb2ae870e7c3b', 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: 'ef3a30503956b9eb4c9ad43d089df1b12246b53e', class: { list: true, open: this.open, [`position-${this.position}`]: true } }, h("slot", { key: '425b94094a51dc0278531ec6151c1834626d6f4c' }))));
+        const button = (h("button", { key: '108d938e89301d95fb278eece1840c88fb1fffdf', class: { btn: true, open: this.open }, onClick: this.onOpenToggle, disabled: this.disabled }, h("slot", { key: 'fcea76bd502bd214f42cbcafcbbda2119b5e1225', name: "trigger" }, h("svg", { key: '7b6d9d7c71f8ee57b2ea96ae1b489241c4e9f999', xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 128 512" }, h("path", { key: '82b81a6e942ae4c49209b8d41398d7c50bf5a343', 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" })))));
+        return (h(Host, { key: 'd603c4a6247c7e1496338a5fa10fe7180e4709b8', 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: 'ea72f193973fe562f52f259f836b483f5073aef9', class: { list: true, open: this.open, [`position-${this.position}`]: true } }, h("slot", { key: 'a59d1a3881ce9fca4a089d0629d27279e1eba90b' }))));
     }
     componentDidLoad() {
         this.openChangeHandle();

package/dist/collection/components/xv-pagination/xv-pagination.js CHANGED Viewed

@@ -89,7 +89,7 @@ export class XvPagination {
             this.observer.disconnect();
     }
     render() {
-        return (h(Host, { key: 'dcd217199f471a002c5f51edd56e8f7b7a9c3fda', class: { block: this.block, [this.currentVariant]: true, [this.size]: !!this.size } }, this.currentVariant === 'full' && (h("div", { key: '047964ebf74b1d9e0d563bc7a1e1320e0044f875', class: "block" }, h("select", { key: 'f6448bb1443abd55d95a71d0aa706f756d15632f', class: "options-select", name: "options", onChange: this.handleItemsPerPageChange }, this.itemsPerPageOptions.map((v) => h("option", { value: v }, v))))), this.currentVariant === 'full' && (h("span", { key: '7fefe767811e28f65f508c520b036b653cc2b13b', 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' && (h("div", { key: 'bca2e9a0859bddd77a8ed34cee03e47eb2c83764', class: "block" }, h("select", { key: 'b445c77542806f6eab485d59ecf9a83e89df5ce5', 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: '5fedd4d2a4749bafe74c4c955651f68d69443acd' }, "von ", this.total, " Seiten"))), this.currentVariant === 'compact' && h("span", { key: '5c01784e1c86650033fbf5cf852901df744ea6ce', class: "block" }, "Seite ", this.page), h("xv-button-v2", { key: 'd250d9cafad97c0fc6776960083caf86dd76eda2', variant: "ghost", size: this.size, onClick: () => this.handlePageChange(this.page - 1), disabled: this.page <= 1 }, h("span", { key: '78c03330743e0197c09933df6b19bfaff6844b1f', slot: "icon-left", class: "icon icon_prev" })), this.currentVariant === 'regular' && (h("ul", { key: 'b31c8b9522037ad8e87b7de64e0e2fd99794a6c5', 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: '5a1a9ea6dcfb6ec8b1d0cfd4d9855ebb2874dd0e', variant: "ghost", size: this.size, onClick: () => this.handlePageChange(this.page + 1), disabled: this.page >= this.total }, h("span", { key: '344751d6ccadc72019de9072432ff36173df613f', slot: "icon-left", class: "icon icon_next" }))));
+        return (h(Host, { key: 'de2d612784ff32e4f09c74acf0352699f51965e5', class: { block: this.block, [this.currentVariant]: true, [this.size]: !!this.size } }, this.currentVariant === 'full' && (h("div", { key: 'db4cd1c87c324fb4b0a4abb34499abd8d673bd5e', class: "block" }, h("select", { key: '35f50151ce9f91f357d795cf4f8b574822b5e6a3', class: "options-select", name: "options", onChange: this.handleItemsPerPageChange }, this.itemsPerPageOptions.map((v) => h("option", { value: v }, v))))), this.currentVariant === 'full' && (h("span", { key: '4dbf81a597e367ca2b8564ceeb7b5437ecfefb1c', 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' && (h("div", { key: 'ad6e6e1ffe063506278f886f0ef32db3ffab5872', class: "block" }, h("select", { key: '05d5d799a6f37c20691f281fa59c6dc30dbe415b', 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: '0fe9b345c2e2a013a2d60130051bbf8060015645' }, "von ", this.total, " Seiten"))), this.currentVariant === 'compact' && h("span", { key: '9ba31f8306075ead734ef3544fa954faa5cbd530', class: "block" }, "Seite ", this.page), h("xv-button-v2", { key: '73e97982a1a0ebde346ac28216d1a5655636f756', variant: "ghost", size: this.size, onClick: () => this.handlePageChange(this.page - 1), disabled: this.page <= 1 }, h("span", { key: 'fc6397bd21b41bbcb2c6ce4bdfdf01f3bb59ed67', slot: "icon-left", class: "icon icon_prev" })), this.currentVariant === 'regular' && (h("ul", { key: '4f219c2a49929c6a28b47a87cc5e8b34de2c68c2', 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: '664d3f27880324870413a4ed4645631ce2bcc128', variant: "ghost", size: this.size, onClick: () => this.handlePageChange(this.page + 1), disabled: this.page >= this.total }, h("span", { key: '908db4f1ea85d32f8d378bda960b6f7673a5c2c8', slot: "icon-left", class: "icon icon_next" }))));
     }
     static get is() { return "xv-pagination"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/xv-progress-indicator/xv-progress-indicator-item/xv-progress-indicator-item.js CHANGED Viewed

@@ -5,7 +5,7 @@ export class XvProgressIndicatorItem {
         this.status = PROGRESS_ITEM_STATUS.NO_STARTED;
     }
     render() {
-        return (h(Host, { key: '09548fa62fcc439370d3de5389c0ebf5193daec8', status: this.status, class: { 'xv-progress-indicator-item': true } }, h("span", { key: '2ef1c114f2167d8118f572da9241ef7a8413271a', class: "line" }), h("span", { key: 'ac8fbdee4c1a844e5a11e3d8e94c310c653f4043', class: "icon" }, h("svg", { key: '40638a5171a588fe12eee9f1ff67ee1067b408a6', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512" }, h("path", { key: '5e55a5ef99fd82541b0771b4e284f8f8f148eb28', 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: '607d9232976c4139c4e4f8833ed67dd532b43c58', class: "label" }, h("slot", { key: 'c1536befd3861f4774ce58094699736c7d4bb557' }))));
+        return (h(Host, { key: '8decb92b7b78c6dd7d1af9030e081fbcf3e2906d', status: this.status, class: { 'xv-progress-indicator-item': true } }, h("span", { key: 'e3158c96000af21ee74edb77eba6daf531bb3ac7', class: "line" }), h("span", { key: '4983ce0addc366be73b937271c6f7d5e360c5dd7', class: "icon" }, h("svg", { key: '5f5f424251e1498b5625b72262eabb2c7189d2ea', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512" }, h("path", { key: '06cb3c5fc2b4c371ba0f7eac718dd8449fbada59', 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: '9a787f1994d63ff14e0a20d51b55696449fa2133', class: "label" }, h("slot", { key: 'a697fd8de27624bd3ca6bfa10d273772326c1f7a' }))));
     }
     static get is() { return "xv-progress-indicator-v2-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/xv-progress-indicator/xv-progress-indicator.js CHANGED Viewed

@@ -56,7 +56,7 @@ export class XvProgressIndicator {
         this.updateChildItems();
     }
     render() {
-        return (h(Host, { key: '9b69a7a5ff0c9961681062ff13b76e5dab32818f', variant: this.variant, size: this.size, class: { 'xv-progress-indicator': true } }, h("slot", { key: '8323e5c89ff6c12f6df165589e0c645b5669de0c' })));
+        return (h(Host, { key: '0b2788662bf45c73f497d276872978fd25e528df', variant: this.variant, size: this.size, class: { 'xv-progress-indicator': true } }, h("slot", { key: '6407f5c4f673d90db71f4c8e35c1112d2c8588f6' })));
     }
     static get is() { return "xv-progress-indicator-v2"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/xv-radio/xv-radio.js CHANGED Viewed

@@ -23,12 +23,12 @@ export class XvRadio {
         }
     }
     render() {
-        return (h("div", { key: '9ff9730584dacb9c8a44c220e0b64897a71293cd', class: {
+        return (h("div", { key: 'b53c53d841d0075fbec4206731ccea61b5c96d28', class: {
                 'xv-radio': true,
                 'xv-radio--reverse': this.reverse,
                 'xv-radio--block': this.block,
                 [`xv-radio--size-${this.size}`]: !!this.size,
-            } }, this.label && h("p", { key: '2832262621c51b7c87fc987e586b44de29bd78fc', class: "xv-radio_label" }, this.label), h("label", { key: 'c9bd9ab851e88138ae89b5885a25829bc9ee73b0', class: { 'xv-radio_container': true, disabled: this.disabled } }, h("div", { key: '00e69dc38156d917722dd6654a29044e60c1e842', class: { 'xv-radio_input': true, 'xv-radio_input--error': !!this.error || this.error === '' } }, h("input", { key: '6a409a84a67f690381b3f7c2fd4e63f4ca1a345d', ref: el => (this.inputEl = el), type: "radio", name: this.name, value: this.value, checked: this.checked, readonly: this.readonly, disabled: this.disabled }), h("span", { key: 'fa328f40a9d0df34685e5e0d1a205f6857d5b2dd', class: "xv-radio_input__mark" })), h("span", { key: 'c173476a57aea49d185143fa277bcffed1b1d518', class: "xv-radio_container__label" }, h("slot", { key: 'e69c94430f979e61f40dccc5ab1bce927a699ea3' }))), this.error && typeof this.error === 'string' && (h("span", { key: '09c2c5bce39e7d9f0cab3a30ed15327d9be75104', class: "xv-radio_msg xv-radio_msg--error" }, h("span", { key: '33c03c4b5dd7a542f3055f9dc94b91b7e5f8a625', class: "xv-radio_msg__status", "aria-hidden": "true" }, "!"), this.error)), this.warning && typeof this.warning === 'string' && (h("span", { key: 'b8929da50d2c70ad08e8450ad91ff46ccd223a42', class: "xv-radio_msg xv-radio_msg--warning" }, h("span", { key: '97b2f567a808946179c721ed55d0b6c38c86ba48', class: "xv-radio_msg__status", "aria-hidden": "true" }, "\u26A0"), this.warning)), h("slot", { key: 'b8e14024f34d427257674bdcd9a6848eefc456f4', name: "info" })));
+            } }, this.label && h("p", { key: 'e9044d31f4d6a8e3dc3d42fea0cce7a1c05964ee', class: "xv-radio_label" }, this.label), h("label", { key: '128c189141ca661bfcf7b544096b7ea3ea425904', class: { 'xv-radio_container': true, disabled: this.disabled } }, h("div", { key: '8e0d7fe7966a1a5aecc38b00950bf89f0838cb3f', class: { 'xv-radio_input': true, 'xv-radio_input--error': !!this.error || this.error === '' } }, h("input", { key: '8826bb8a862f74e31773f5c07b4217d0d6e6a11f', ref: el => (this.inputEl = el), type: "radio", name: this.name, value: this.value, checked: this.checked, readonly: this.readonly, disabled: this.disabled }), h("span", { key: '92a34c684915b27faa81a31e8973a92cc5d49a2b', class: "xv-radio_input__mark" })), h("span", { key: '1747905eee00c7ba31da80a6f97cc282e86970c3', class: "xv-radio_container__label" }, h("slot", { key: '2a1cd47e834594b0bfad4d0bf950bcbce0a1b457' }))), this.error && typeof this.error === 'string' && (h("span", { key: '0748a1eb6190f7f9bf01bdbb4961af988f2e5dfa', class: "xv-radio_msg xv-radio_msg--error" }, h("span", { key: 'dab3d3c987d1e000d4fa07b0cf773d02785bf001', class: "xv-radio_msg__status", "aria-hidden": "true" }, "!"), this.error)), this.warning && typeof this.warning === 'string' && (h("span", { key: '5d85683553d829e97494a35b3ce8052fd879a219', class: "xv-radio_msg xv-radio_msg--warning" }, h("span", { key: 'f70d777b4714d176fecbb9c97dd2eb993eee5bc1', class: "xv-radio_msg__status", "aria-hidden": "true" }, "\u26A0"), this.warning)), h("slot", { key: 'dedeba20f48915f326b4716f10eb7114fe7c1c93', name: "info" })));
     }
     connectedCallback() {
         var _a;

package/dist/collection/components/xv-slider/xv-slider.js CHANGED Viewed

@@ -38,7 +38,7 @@ export class XvSlider {
             this.setValue(this.min);
     }
     render() {
-        return (h(Host, { key: '65b5f77102fc853c925d6f760d2b3abf532fb410', class: { disabled: this.disabled, readonly: this.readonly } }, this.label && h("label", { key: 'd41f82e844f751f2f1c21d6e2bf45eeb020b6797', class: "label" }, this.label), h("div", { key: '107bac3edbe93cd1e70355f5f1a272aeaaa30e66', class: "control" }, h("span", { key: '6ec8506b8f98643269fa4c63f06cea38d9d7cd94', class: "control_label" }, this.min), h("input", { key: '47c82f52be60fce3a00080431f5c1e847674a7c4', 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: 'c50a4646f004446282ff26f7f9c3b3451847c469', class: "control_label" }, this.max), !this.notEditable && (h("input", { key: '26bd5a06252f5e40948c157effdeed8ca70e21a0', 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 })))));
+        return (h(Host, { key: 'f8bd0327882c91bc1dc555b85a5590b6d5821fe9', class: { disabled: this.disabled, readonly: this.readonly } }, this.label && h("label", { key: 'e08788441f970595e2b1a790c3b32432053a66e0', class: "label" }, this.label), h("div", { key: 'aa8f6471d87a28b06f05fe47a07c4a6264067e2d', class: "control" }, h("span", { key: '4a479ee3a9da9a55720bdbe007fd9a79c1089288', class: "control_label" }, this.min), h("input", { key: '68a3e60be7ee0c7230af7364493a26b579aa3067', 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: 'e1fd01a1a620ce57126c1ec6c69edbc4bb7fae22', class: "control_label" }, this.max), !this.notEditable && (h("input", { key: 'de9330c3994eda9adb5656d1cc92ff024d3bea47', 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 })))));
     }
     static get is() { return "xv-slider-v2"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/xv-table/xv-table-cell/xv-table-cell.js CHANGED Viewed

@@ -22,7 +22,7 @@ export class XvTableCell {
     }
     ;
     render() {
-        return (h(Host, { key: '3e0c22fb242bd398573122dd2a00dc901497a009' }, h("slot", { key: 'fc7762c2948eac3accc5754ad502944d9bffa7e4' })));
+        return (h(Host, { key: 'da8229cc5872db65d44f26fb99b7e3d2e382ac2b' }, h("slot", { key: '5a15dfa988467cfe964a72dd8d31fe778c5df67e' })));
     }
     static get is() { return "xv-table-v2-cell"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/xv-table/xv-table-expand/xv-table-expand.js CHANGED Viewed

@@ -10,7 +10,7 @@ export class XvTableExpand {
         };
     }
     render() {
-        return (h(Host, { key: 'a29bba528367aafd9650625c841a8123f640a2fa' }, h("button", { key: '0ec0bcdc6c5012a1cf5729b6698a815deb7ddc48', class: { 'expand-btn': true, open: this.open }, disabled: this.disabled, onClick: this.handleExpand }), h("slot", { key: '862be89bc4739da411a016b5739b4dc69dd4be99', name: XV_EXPANDABLE_KEY }), h("div", { key: 'eff2f1a738a93687c916887184dc6e7291ba5a89', class: { expandableContent: true, open: this.open } }, h("slot", { key: '4e72a85615c6f96226e8be7f57534aacc688105e' }))));
+        return (h(Host, { key: 'a9c776927b7b19704893b97e7e0343ed39b0a9d2' }, h("button", { key: '9f137fc85c112b95308e43671456a212f9cd43e6', class: { 'expand-btn': true, open: this.open }, disabled: this.disabled, onClick: this.handleExpand }), h("slot", { key: 'c4ed7f3950e83870cde0122143948f221237ff42', name: XV_EXPANDABLE_KEY }), h("div", { key: '1a2d362fe7df79a82d1ca8a750f6daf2f60947bb', class: { expandableContent: true, open: this.open } }, h("slot", { key: '65d6b7dfe27ee1dcb213ec3a2feed4ad97c1629b' }))));
     }
     componentDidLoad() {
         setAttr(this.el.parentElement, XV_EXPANDABLE_KEY, true);

package/dist/collection/components/xv-table/xv-table-row/xv-table-row.js CHANGED Viewed

@@ -42,7 +42,7 @@ export class XvTableRow {
         }
     }
     render() {
-        return (h(Host, { key: '46f975a7cfd0260acdad32c8acbd40a3337e1b9d' }, this.variant !== undefined && (h("xv-table-v2-cell", { key: 'e12ffd41c0ab880ae5629170ecab526fb82aef6f', class: "cell-control" }, this.variant === 'checkbox' && (h("xv-checkbox-v2", { key: 'd8d0be9f4e19318cd0258b27ae85ac588096b8db', 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: '2d73c8f705bcf91b28ec9d64d7b01d9631f0063e', type: "radio", name: this.name, checked: this.checked || this.partial, disabled: this.disabled, required: this.required, readonly: this.readonly })))), h("slot", { key: '08dfff77578afec9fb0442e4f1118053c9103728' })));
+        return (h(Host, { key: '8c6233a383bc3ee615bf6c2a470765cb6defe351' }, this.variant !== undefined && (h("xv-table-v2-cell", { key: '43a3ac9ec532d257cec5e5b017f18d2fe7fad407', class: "cell-control" }, this.variant === 'checkbox' && (h("xv-checkbox-v2", { key: '4f7221976069798922653ab76f8b8d70a41b4d96', 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: 'b41867f256b363d93f831abbd59df940c8ebffe6', type: "radio", name: this.name, checked: this.checked || this.partial, disabled: this.disabled, required: this.required, readonly: this.readonly })))), h("slot", { key: '8ff839111cb434e6b2ba2480f48cd45a1b9c1e82' })));
     }
     componentWillLoad() {
         this.setInitialAttrs();

package/dist/collection/components/xv-table/xv-table.js CHANGED Viewed

@@ -31,7 +31,7 @@ export class XvTable {
             .join(' ') + ' repeat(auto-fit, minmax(0, 1fr))');
     }
     render() {
-        return (h(Host, { key: 'f3b5f4eaa5ee2d8795054b2115d9bb56385ca9c6', class: { batchVisible: !!this.selectedCount } }, h("slot", { key: 'ffbd9da4116f1cba8a901d309dfdf67f07d91093', name: "title" }, !!this.el.title && h("h2", { key: 'ddec775172bda4d1653b18da13a097bbcd2ef9c5', class: "xv-table-title" }, this.el.title)), h("slot", { key: '5470089d22e2475c6760e53f6e940ff91b742cc4', name: "toolbar" }), h("div", { key: '65e63536eb7c0370481adeb32aa910345667c9d0', class: "xv-table" }, h("div", { key: '57026d14fef2090dfafc7fa06889bbda69a63b2a', class: "batch-actions" }, h(Fragment, { key: '74d241a0df57604afb83b28f2dfc1a3fe2111de8' }, h("div", { key: '35a35f160c71e89fea25d02cee12522b2898e150', class: "batch-actions_content" }, h("slot", { key: 'b8a6f876f39b9fcd19852807b0db16eb5bdef092', name: "batch" })), h("p", { key: 'd2931436e95ef549d3ec5f807055385c640471ab', class: "batch-actions_count" }, !!this.selectedCount && `${this.selectedCount} ${this.selectedCount === 1 ? 'Position ausgewählt' : 'Positionen ausgewählt'}`))), h("div", { key: 'b4605bdacc6cadb8fec7a4c48488f5ced6bf2739', class: "xv-table_wrapper" }, h("slot", { key: '97e02a4eb80d13ab2f9e87fe225bb495c2bf3c97' }), h("slot", { key: '341409503cf59983c6da68f06d12fbbd63b0ad53', name: "footer" })), !!this.loading && (h("div", { key: 'cae6c84a0afb8054b175abf574444cc6f91259cf', class: "xv-table_loading" }, h("xv-loader-v2", { key: '969707b3b7c4140dfd1fa9100affd526b966c8f4', size: SIZE_VAR.LG }))))));
+        return (h(Host, { key: 'cadf77da552498bf0cf5ab45fbcf72944d30fdda', class: { batchVisible: !!this.selectedCount } }, h("slot", { key: 'c7f2c662101bae7e8b7c34f7c43ab80fdd0909d7', name: "title" }, !!this.el.title && h("h2", { key: '612092bce9b6bdfe1a50f8d65f9f35a752928a35', class: "xv-table-title" }, this.el.title)), h("slot", { key: '7b8da17df39e9f1b1afa30ba6c58d0300d5d4739', name: "toolbar" }), h("div", { key: '8b7e02276455fa5b445c0631b1ed712cdc5be8f0', class: "xv-table" }, h("div", { key: '4257b77af2ea08d5642f51d43452621c66005ab9', class: "batch-actions" }, h(Fragment, { key: 'a1f306871e14d51c3012a25e88ca5dfe6853cd10' }, h("div", { key: 'b3bccb470652f0d1372c007d5a630f904a142bf5', class: "batch-actions_content" }, h("slot", { key: '7dbf0b5b2b1f8567f5b7dcdb5b496381ee7c99a2', name: "batch" })), h("p", { key: '278ec3e5015dc594073718db94048531b731a58c', class: "batch-actions_count" }, !!this.selectedCount && `${this.selectedCount} ${this.selectedCount === 1 ? 'Position ausgewählt' : 'Positionen ausgewählt'}`))), h("div", { key: '66b7f802bf24e6e24093b2e15a2a0decca954256', class: "xv-table_wrapper" }, h("slot", { key: 'a8490b05f1e08f55ebdad031bed9018b3d9e2752' }), h("slot", { key: 'bf4fbbded871a0ee749697f3f831b220529f7a55', name: "footer" })), !!this.loading && (h("div", { key: '2574b3d799be9b1f6bd96fa6ce0b146834d7602b', class: "xv-table_loading" }, h("xv-loader-v2", { key: 'bfeec3c6d55c233e88b6817b8f9cb2cb399fc2cd', size: SIZE_VAR.LG }))))));
     }
     componentWillLoad() {
         this.setColsSizeTemplate();

package/dist/collection/components/xv-tabs/xv-tab/xv-tab.js CHANGED Viewed

@@ -6,7 +6,7 @@ export class XvTab {
         this.loading = false;
     }
     render() {
-        return (h(Host, { key: '2a4d0204de83abb16fbfaeb0897a7c91d18fdca9', disabled: this.disabled, name: this.name }, this.loading ? h("xv-loader-v2", { size: SIZE_VAR.LG }) : h("slot", null)));
+        return (h(Host, { key: '9daf17c8139e8bf025a0febecd4b0ebb22622b9f', disabled: this.disabled, name: this.name }, this.loading ? h("xv-loader-v2", { size: SIZE_VAR.LG }) : h("slot", null)));
     }
     static get is() { return "xv-tab-v2"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/xv-tag/xv-tag.js CHANGED Viewed

@@ -13,7 +13,7 @@ export class XvTag {
         this.closeClick.emit(e);
     }
     render() {
-        return (h(Host, { key: 'cc0177543bca0c6a1a9e860128a8c3a46659725a', style: { color: this.color, background: this.bg }, class: `xv-tag ${this.disabled ? 'disabled' : ''} ${this.size}` }, h("div", { key: '7898a76c7cf70deeefed782bd3e515e62b66699f', class: "xv-tag_content" }, h("slot", { key: 'ab6a147728a03efe1786e6ade432c80039c92ab6' })), this.closeable && (h("button", { key: 'd5f616e82ce5d05a105eb5149d4e57750e97a308', onClick: this.closeHandler.bind(this), class: "xv-tag_close" }))));
+        return (h(Host, { key: '5e4c52eaf49c3015b4cb50512580c10b1aef6115', style: { color: this.color, background: this.bg }, class: `xv-tag ${this.disabled ? 'disabled' : ''} ${this.size}` }, h("div", { key: '12b698084cc9c6ccc88845486d3fd08d5377dacd', class: "xv-tag_content" }, h("slot", { key: 'f08bf92e9840460812c3d631abb0bd496c2e7670' })), this.closeable && (h("button", { key: '73319f6d1c8fc560200301908940231f558433cb', onClick: this.closeHandler.bind(this), class: "xv-tag_close" }))));
     }
     static get is() { return "xv-tag-v2"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/xv-tag-combobox/xv-tag-combobox.js CHANGED Viewed

@@ -233,12 +233,12 @@ export class XvTagCombobox {
         const suggestionsVisible = this.open && this.filtered.length > 0;
         const ariaOwns = suggestionsVisible ? `${this.uid}-listbox` : undefined;
         const activedesc = this.highlighted >= 0 ? this.optionId(this.highlighted) : undefined;
-        return (h(Host, { key: 'bb425519d847594e2a96cb62bc8ff817da0a881e', class: "xv-combobox", part: "root", size: this.size }, this.label && h("label", { key: 'c54465520253b922a17961a58ba81683bc903d17', class: "label" }, this.label), h("div", { key: 'bc6703394d812340bc220966f396275e075037d4', class: {
+        return (h(Host, { key: '37e0a48eff700ac15759db3fa699249aa8061e62', class: "xv-combobox", part: "root", size: this.size }, this.label && h("label", { key: 'be9f0ffb9feefd26ef434ab3c1df802c89812dc4', class: "label" }, this.label), h("div", { key: 'c3c3688b8f9e6620690bda55f41a65ebbaae50fd', class: {
                 'control': true,
                 'control--disabled': this.disabled,
                 'control--error': !!this.error,
                 'control--readonly': !!this.readonly,
-            }, onClick: () => this.blockClick() }, h("div", { key: '942f1c8c17e8c2af081576d2bc374d74218d123a', class: "control-chips", role: "list" }, this.selected.map((s, i) => (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))), h("input", { key: 'b4adf1a51bbe9ff08eb1a4f14339c2b2b9dad5dc', 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.error && typeof this.error === 'string' && (h("p", { key: 'f44f1269e07c583c6bbe4f7fd70d58da2d4ea39b', class: "message message--error" }, this.error)), this.warning && typeof this.warning === 'string' && (h("p", { key: '125ff2fd3468cd27525797fe42ba392e1334fbad', class: "message message--warning" }, this.warning)), suggestionsVisible && (h("ul", { key: 'd060bb50c97915d0323b900ff0b3924316932f0e', id: `${this.uid}-listbox`, class: "suggestions", role: "listbox", part: "listbox" }, this.filtered.map((opt, idx) => (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) }, h("div", { class: "suggestions-opt-content" }, opt.bg ? h("span", { class: "suggestions-opt-content--color", style: { background: opt.bg } }) : null, h("span", { class: "suggestions-opt-content--label" }, this.highlightLabel(opt.label).map((seg, i) => typeof seg === 'string' ? h("span", { key: i }, seg) : h("strong", { key: i }, seg.match)))))))))));
+            }, onClick: () => this.blockClick() }, h("div", { key: '6b33503f95dc7dba91a57ad26ad4342e9da56123', class: "control-chips", role: "list" }, this.selected.map((s, i) => (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))), h("input", { key: '7a5c1e2aa186da0d5a834bb4879a3a3ee6f3ecbd', 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.error && typeof this.error === 'string' && (h("p", { key: '28878871eaeef87cac3f32246bd4892cc1b2ffd9', class: "message message--error" }, this.error)), this.warning && typeof this.warning === 'string' && (h("p", { key: 'dbcbe18cd166f5ce06333826d055c95a97976070', class: "message message--warning" }, this.warning)), suggestionsVisible && (h("ul", { key: 'c6cc940867f2732be0320efcc9f773da72de1316', id: `${this.uid}-listbox`, class: "suggestions", role: "listbox", part: "listbox" }, this.filtered.map((opt, idx) => (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) }, h("div", { class: "suggestions-opt-content" }, opt.bg ? h("span", { class: "suggestions-opt-content--color", style: { background: opt.bg } }) : null, h("span", { class: "suggestions-opt-content--label" }, this.highlightLabel(opt.label).map((seg, i) => typeof seg === 'string' ? h("span", { key: i }, seg) : h("strong", { key: i }, seg.match)))))))))));
     }
     static get is() { return "xv-tag-combobox"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/xv-text-input/xv-text-input.js CHANGED Viewed

@@ -23,13 +23,13 @@ export class XvTextInput {
         };
     }
     render() {
-        return (h(Host, { key: 'ab853921a305caef341db0ec84969c3f5cac34a0', class: { disabled: !!this.disabled } }, h("label", { key: '08f884d783676da598553c400ac3c35d99d58526', class: "control" }, this.label && h("span", { key: '479d1f9e5b1aaa8a32d53045b06a55de80243d77', class: "control_label" }, this.label), h("div", { key: 'e68c96c84cc4aa4dd9ba5421660db93cf7b21c7e', class: {
+        return (h(Host, { key: '59f4bec822ec1792f59343da3f17846975cb6cbc', class: { disabled: !!this.disabled } }, h("label", { key: '65f831c363f7c053e5c16173b4ff9eb7ebdbdb8f', class: "control" }, this.label && h("span", { key: '0542ba4a5cd49907e614d5de208e4389c7b072c9', class: "control_label" }, this.label), h("div", { key: '2931687ea813a738bdde61679189dde92bfe98db', class: {
                 'control_input': true,
                 readonly: !!this.readonly,
                 [this.size]: true,
                 error: !!this.error,
                 warning: !!this.warning,
-            } }, h("input", { key: '7f1047b9b22207b2a0920cda0ea0da25bdae01f9', 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: 'f08efeaa85fd3664b1d08a06cda7b13732cd79cd', class: "control_input__icons" }, this.loading && h("xv-loader-v2", { key: '1e78fa367bd40c5dfc24ac8428b976db7373a618', 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: '26e2304cd10c8e9cbf7516b514677e06cd87342e', onClick: this.togglePassword, disabled: this.disabled, class: "status-icon" }, h("svg", { key: '07a9d194acb2d426d53cbc31ff978d2f2ab85351', 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: '372023ffc5940d4042cb873d6e6982fee9b8370b', 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));
+            } }, h("input", { key: 'cc31032878ac6f2002fc21f1dbd1c267115806e4', 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: 'a6fb735d64d2303261411bc853a014d210a86fab', class: "control_input__icons" }, this.loading && h("xv-loader-v2", { key: 'b8b87db23498fa8b60aa76960aa498eb697c5666', 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: 'd45b4335de4d4ffca6936e705f1940f4847d9e9b', onClick: this.togglePassword, disabled: this.disabled, class: "status-icon" }, h("svg", { key: '36a49f0f5d3a58a87501f395cd156f072d482f6a', 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: 'a860a8c6e03bd53711445e5b63184783d0f3381a', 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));
     }
     static get is() { return "xv-text-input-v2"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/xv-textarea/xv-textarea.js CHANGED Viewed

@@ -20,12 +20,12 @@ export class XvTextarea {
         this.value && this.internals.setFormValue(this.value);
     }
     render() {
-        return (h(Host, { key: '8979527cc9cc587e0b7e576e650197c4f35f95b8', class: { disabled: !!this.disabled } }, h("label", { key: 'edce9d4905cfeb8fef6fd8db068392f498efcde2', class: "control" }, (this.label || this.max) && (h("p", { key: '35936d010e1ccf6f88bb28db2dd2a2bd70ac9147', class: "control_label" }, h("span", { key: 'ef63f9eacb3ae57d250f2b53f65724f1a235b28a' }, this.label, this.info && h("xv-tooltip-v2", { key: 'c4e4bb2758c211952d166e91ebce039447e658cc', message: this.info })), this.max !== undefined && !this.counterHide && (h("span", { key: 'c99cd40edc9edca398bd91dc1cb168021baf28f5', class: "control_label__count" }, this.value.length || 0, "/", this.max)))), h("div", { key: 'fe1a022e24b9fe5d951ec82669cc39a3307128db', class: {
+        return (h(Host, { key: '26e2b61d80c952034d3c4f1dc6496a1f670113d7', class: { disabled: !!this.disabled } }, h("label", { key: 'a24e0fad5747e308919421e48f6fed702236a9e2', class: "control" }, (this.label || this.max) && (h("p", { key: '1504fffae11d89af9524a194dfbbe5d796ac71fa', class: "control_label" }, h("span", { key: 'd1b33f118996c6e78264890fa61c34e203e6be1f' }, this.label, this.info && h("xv-tooltip-v2", { key: 'ee7512013abb53095358e7b47632cbd2646c04e1', message: this.info })), this.max !== undefined && !this.counterHide && (h("span", { key: 'ec5e280c7b6a38b9e5f8404a013b704bed892ab1', class: "control_label__count" }, this.value.length || 0, "/", this.max)))), h("div", { key: '37e6d7091acbbf800d633852a8cfe60ee7b1b1ae', class: {
                 'control_input': true,
                 readonly: !!this.readonly,
                 error: !!this.error,
                 warning: this.warning !== undefined,
-            } }, h("textarea", { key: '7d8c6cf1f102b1811b8bd439b62ca48082a1480f', 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: '6328692320d8b39a387693cbb397f85d4206ddba', class: "control_input__icons" }, this._renderIcon()))), this.helper && h("p", { key: '944185b4b41d7726840a0d11c19737c7c7941bd8', 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));
+            } }, h("textarea", { key: 'd9a5a29cb4ac19399a67bfcd70adcebdf064b3df', 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: '254fdba11f5d1b27a693e0ab8fa95aaa4859719b', class: "control_input__icons" }, this._renderIcon()))), this.helper && h("p", { key: 'fb318af4fb23fffe1aa649d2771ad909e75dc8ef', 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));
     }
     _renderIcon() {
         if (this.loading)

package/dist/collection/components/xv-tile/xv-tile.js CHANGED Viewed

@@ -28,7 +28,7 @@ export class XvTile {
         this.checked = !this.checked;
     }
     render() {
-        return (h(Host, { key: '860fd6812027d50dfea3711e18440a9e64fd600c', class: "xv-tile--host" }, h("label", { key: '71c191e621252e8396a25d8fbea56a85871c7f1a', class: {
+        return (h(Host, { key: '0647a97d6f315ff02b5fe671fd69178b31c5bdbd', class: "xv-tile--host" }, h("label", { key: '09a27f603d38025fba0e427c6bdd3855be34d4e9', class: {
                 [this.el.className]: !!this.el.className,
                 'xv-tile': true,
                 [`xv-tile--variant-${this.variant}`]: !!this.variant,
@@ -36,7 +36,7 @@ export class XvTile {
                 'xv-tile--disabled': !!this.disabled,
                 'selected': !!this.checked,
                 'xv-tile--error': !!this.error,
-            } }, h("div", { key: '548578981518c93dd9db7f380e934025b33edacd', class: "xv-tile_content" }, this.label && h("p", { key: '9f4bcc88b83c9c02a49ebae0cdac1d278e69199c', class: "xv-tile_content__title" }, this.label), h("slot", { key: '8b7bedf458010b3ad15fd0a3dfe73fc4aa4aaabf' })), this.variant === 'selectable' && (h("div", { key: '8048f318c9b10952032c7646968d915dcf9d8b24', 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: '1f757e1d1012edee2acc95b9a9cc37702345674f', class: "xv-tile_footer" }, h("button", { key: 'e78b0d6f0ad1148508596e32503063dee9f73241', class: { 'xv-tile_footer__icon': true, [`icon--${this.variant}`]: true, open: this.checked } }))), h("div", { key: '7377401c0918158872adcf9ebffd478309b60815', class: { 'xv-tile_expandable': true, open: this.checked } }, h("slot", { key: 'be6d69f9f96990a728d22926efa0ee22e2657efe', name: "expandable" })))));
+            } }, h("div", { key: '18a4798d301884e39549b6fcceeccfee4ec7f3a1', class: "xv-tile_content" }, this.label && h("p", { key: '4c2bc7430977a95d3e06b7990c75deca137ab014', class: "xv-tile_content__title" }, this.label), h("slot", { key: 'cc593f2f7fa2ceef2f52cb39e400e7f780f800ad' })), this.variant === 'selectable' && (h("div", { key: '686918b10aa285efb4410e4e22d010b346c613de', 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: 'bbb32edf686c45fcf4bf2d70ea1ca7d850499327', class: "xv-tile_footer" }, h("button", { key: '10918e935f44647596a1f33fb1dadc68eb67eb75', class: { 'xv-tile_footer__icon': true, [`icon--${this.variant}`]: true, open: this.checked } }))), h("div", { key: '8a6753f5f3137f0042d2b555f24f47c72b4c9422', class: { 'xv-tile_expandable': true, open: this.checked } }, h("slot", { key: '478687cee63d48dff63bb3f561544c0ee7b2a5e6', name: "expandable" })))));
     }
     static get is() { return "xv-tile"; }
     static get originalStyleUrls() {

package/dist/collection/components/xv-toggle/xv-toggle.js CHANGED Viewed

@@ -15,7 +15,7 @@ export class XvToggle {
         };
     }
     render() {
-        return (h(Host, { key: 'fd03b2698bfef88c82d4821b7814232da976d5e6', class: { 'xv-toggle': true, disabled: this.disabled, readonly: !!this.readonly, block: !!this.block } }, this.label && h("span", { key: '0711b3b5950b434b5e4dd1c651eabb6e51bfd208', class: "label" }, this.label), h("label", { key: 'a9c20c7458c5faf6f0bfd565eb4723e881478b25', class: "control" }, h("slot", { key: '6eadb6084c6291ab396456be066f351bae2ee362', name: "before" }), h("div", { key: '23a24c630411dc9f49e6f730b618e03afbd7d9cf', class: "control_input" }, h("input", { key: 'e0a5554216f879d0a158f6795ec4f1624c454ee0', 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: 'e4d177dfd31a2b3224ce3cc1309be06f688d89c5', class: "toggle" })), h("slot", { key: 'de0f12cf26da502c03fde736300ca7bf151937cb', name: "after" }))));
+        return (h(Host, { key: '03a0370a50cb9e514f498e8aee4bb87853489f71', class: { 'xv-toggle': true, disabled: this.disabled, readonly: !!this.readonly, block: !!this.block } }, this.label && h("span", { key: 'fd3cd149abad7e0fd9ca915b17000f7a816e4f16', class: "label" }, this.label), h("label", { key: '89b964206363978b26c10d4e0589cfb6a5b30b6a', class: "control" }, h("slot", { key: 'dff0b059ad598a5f50918b1ee88c2bf6dfebf007', name: "before" }), h("div", { key: '45b383b1a445085d4946c2a7bdd33fdf81670a25', class: "control_input" }, h("input", { key: '236d9edbd4fdf2b845ec2180612a60c7c7c68d35', 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: 'f8203aeb29e9919990c77f338252859c944e43d6', class: "toggle" })), h("slot", { key: 'e3b1af9c3831994eb6ffe0325069653faa7cc312', name: "after" }))));
     }
     static get is() { return "xv-toggle"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/xv-toggle-tip/xv-toggle-tip.js CHANGED Viewed

@@ -67,7 +67,7 @@ export class XvToggleTip {
     }
     ;
     render() {
-        return (h(Host, { key: 'c19e86013161bf0881ef89383299508b23d8a27e', class: "xv-toggle-tip" }, h("div", { key: '411af6bc07f90eb0ee4c7151caf6407ab54e82b8', 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) }, h("slot", { key: 'a2c985ee14dad9f7f92a5e4c9361940c177593de', name: "trigger" }, h("svg", { key: '258ed13de9bd9ebf22436293aae8828c2e8ec4df', class: "trigger_icon", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: 16, height: 16 }, h("path", { key: 'a786d6ffda771c7c9edb424308db22eaac73bd5e', 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: '851dbc4ee020b6eb4872481596b7cec994da3077', class: { popover: true, autoSize: !!this.autoSize }, role: "tooltip", tabindex: "-1", ref: (el) => (this.popoverEl = el) }, h("div", { key: '09636beebdd217e4d07a202e1bf3ef125db7264a', class: "popover-tip", part: "tip", "data-popper-arrow": "" }), h("div", { key: 'f59e1d47c1220bd632f7f57165ca9e218168e591', class: "popover-content" }, h("slot", { key: 'c2fbf13798e39412f5425923cb3af793b9247986', name: "header" }), h("slot", { key: 'f0c6f14d0e24765da87b4738eb2a9c51471b64c7', name: "body" }), h("slot", { key: '5c9ff180c969d4b9effa005d876252aca68e56e2', name: "footer" })))));
+        return (h(Host, { key: '2eca74d72ffbffdd3d58d38117f046c013f43128', class: "xv-toggle-tip" }, h("div", { key: '5a893073eaa23c21e418f0a338bee6f78932e86b', 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) }, h("slot", { key: 'e3dc593886fd07c65065a22c0b4c0ae282f1feff', name: "trigger" }, h("svg", { key: '062472bc0f13afe728439ddba744df67c855ba0e', class: "trigger_icon", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: 16, height: 16 }, h("path", { key: 'd1ad04aaaa83370bdd1522492b97195ffb2bf819', 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: 'c77f2ef21143d433df6ac38695df80f8d878c53b', class: { popover: true, autoSize: !!this.autoSize }, role: "tooltip", tabindex: "-1", ref: (el) => (this.popoverEl = el) }, h("div", { key: 'ed737915b7952c02b753512d5d28d7a642197969', class: "popover-tip", part: "tip", "data-popper-arrow": "" }), h("div", { key: '7ff8025fcca453782dbbd9f4c7d7b65950ea34aa', class: "popover-content" }, h("slot", { key: '6226b3547dd0428ee99b017a6018c8969bee2b9d', name: "header" }), h("slot", { key: 'ee1d4f9db5b9b6deb17e9f6d031553280d7f5c8f', name: "body" }), h("slot", { key: '4bed4b0b9687ebda2775214b5eea02e92ebf205a', name: "footer" })))));
     }
     disconnectedCallback() {
         this.destroyPopper();

package/dist/collection/components/xv-tooltip/xv-tooltip.js CHANGED Viewed

@@ -38,11 +38,11 @@ export class XvTooltip {
         this.destroyTooltip();
     }
     render() {
-        return (h(Host, { key: '0c99eaf12f1cb50bbbcf6ef4c63fe26002fbdd40', role: "tooltip", class: {
+        return (h(Host, { key: 'bd64699038649638211985c97d08018a55ccfa7b', role: "tooltip", class: {
                 'xv-tooltip-wrapper': true,
                 [`xv-tooltip-wrapper__block`]: !!this.block,
                 [`xv-tooltip-wrapper__dashed`]: !!this.dashed,
-            } }, h("slot", { key: 'fcd52d9b2b302bf279c6feb9dc7a4744cd0f25de' }, h("svg", { key: 'e7070469fb669c53d21419cfed96a71bc0e77bb4', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: 16, height: 16 }, h("path", { key: 'c14a96e28e243c25bfab0e6c4886cd6b31c404da', 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("slot", { key: '434274e34f94e45013c1c750174f0de5fac2f193' }, h("svg", { key: '7a377ab1127a6138a1b6439f46a67f1c545b5bb1', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: 16, height: 16 }, h("path", { key: '8c3d95f71f8f49ebe3f62522ad3f38f29721553f', 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" })))));
     }
     static get is() { return "xv-tooltip-v2"; }
     static get originalStyleUrls() {