xv-webcomponents 0.1.38 → 0.1.39
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{xv-accordion-v2_26.cjs.entry.js → xv-accordion-v2_27.cjs.entry.js} +109 -18
- package/dist/cjs/xv-accordion-v2_27.cjs.entry.js.map +1 -0
- package/dist/cjs/xv-webcomponents.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/xv-header/xv-header.js +10 -2
- package/dist/collection/components/xv-header/xv-header.js.map +1 -1
- package/dist/collection/components/xv-link/xv-link.js +1 -1
- package/dist/collection/components/xv-login-modal/xv-login-modal.css +22575 -0
- package/dist/collection/components/xv-login-modal/xv-login-modal.js +146 -0
- package/dist/collection/components/xv-login-modal/xv-login-modal.js.map +1 -0
- 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-overflow-menu/xv-overflow-menu-item/xv-overflow-menu-item.js +1 -1
- package/dist/collection/components/xv-overflow-menu/xv-overflow-menu.js +1 -1
- package/dist/collection/components/xv-progress-indicator/xv-progress-indicator-item/xv-progress-indicator-item.js +1 -1
- package/dist/collection/components/xv-progress-indicator/xv-progress-indicator.js +1 -1
- package/dist/collection/components/xv-table/xv-table-cell/xv-table-cell.js +1 -1
- package/dist/collection/components/xv-table/xv-table-expand/xv-table-expand.js +1 -1
- package/dist/collection/components/xv-table/xv-table-row/xv-table-row.js +1 -1
- package/dist/collection/components/xv-table/xv-table.js +1 -1
- package/dist/collection/components/xv-tabs/xv-tab/xv-tab.js +1 -1
- package/dist/collection/components/xv-tag/xv-tag.js +1 -1
- package/dist/collection/components/xv-text-input/xv-text-input.js +1 -1
- package/dist/collection/components/xv-tooltip/xv-tooltip.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{xv-accordion-v2_26.entry.js → xv-accordion-v2_27.entry.js} +109 -19
- package/dist/esm/xv-accordion-v2_27.entry.js.map +1 -0
- package/dist/esm/xv-webcomponents.js +1 -1
- package/dist/types/components/xv-header/xv-header.d.ts +3 -0
- package/dist/types/components/xv-login-modal/xv-login-modal.d.ts +29 -0
- package/dist/types/components.d.ts +31 -0
- package/dist/xv-webcomponents/p-6a4cc790.entry.js +2 -0
- package/dist/xv-webcomponents/p-6a4cc790.entry.js.map +1 -0
- package/dist/xv-webcomponents/xv-webcomponents.esm.js +1 -1
- package/package.json +1 -1
- package/dist/cjs/xv-accordion-v2_26.cjs.entry.js.map +0 -1
- package/dist/esm/xv-accordion-v2_26.entry.js.map +0 -1
- package/dist/xv-webcomponents/p-4d970ae4.entry.js +0 -2
- package/dist/xv-webcomponents/p-4d970ae4.entry.js.map +0 -1
|
@@ -0,0 +1,146 @@
|
|
|
1
|
+
import { h } from "@stencil/core";
|
|
2
|
+
export class XvLoginModal {
|
|
3
|
+
constructor() {
|
|
4
|
+
this.visible = false;
|
|
5
|
+
this.oauthProviders = [];
|
|
6
|
+
this.bookNow = false;
|
|
7
|
+
this.returnUrl = '/';
|
|
8
|
+
this.passwordLoginEnabled = true;
|
|
9
|
+
this.oauthLoginEnabled = true;
|
|
10
|
+
this.passwordRegistrationEnabled = true;
|
|
11
|
+
this.configurationName = 'Xv';
|
|
12
|
+
this.xvMvcConfigName = 'Xv';
|
|
13
|
+
this.contactUrl = 'https://sitefinity-qa.crossvertise.com/ueber-uns/kontakt';
|
|
14
|
+
this.handleClose = () => {
|
|
15
|
+
this.close.emit();
|
|
16
|
+
};
|
|
17
|
+
}
|
|
18
|
+
componentWillLoad() {
|
|
19
|
+
this.setReturnUrl();
|
|
20
|
+
this.readMetaNavCookie();
|
|
21
|
+
this.oauthProviders = [
|
|
22
|
+
{
|
|
23
|
+
displayName: 'Google',
|
|
24
|
+
providerName: 'Google',
|
|
25
|
+
icon: 'fa fa-google',
|
|
26
|
+
buttonClass: 'btn btn-block btn-google-primary btn-primary',
|
|
27
|
+
},
|
|
28
|
+
];
|
|
29
|
+
}
|
|
30
|
+
setReturnUrl() {
|
|
31
|
+
const params = new URLSearchParams(window.location.search);
|
|
32
|
+
let url = params.get('returnUrl') || window.location.href;
|
|
33
|
+
if (url.toLowerCase().includes('resetpassword')) {
|
|
34
|
+
url = '/';
|
|
35
|
+
}
|
|
36
|
+
this.returnUrl = url;
|
|
37
|
+
}
|
|
38
|
+
readMetaNavCookie() {
|
|
39
|
+
const metaNavCookie = document.cookie
|
|
40
|
+
.split('; ')
|
|
41
|
+
.find(row => row.startsWith('metaNav='));
|
|
42
|
+
if (!metaNavCookie)
|
|
43
|
+
return;
|
|
44
|
+
try {
|
|
45
|
+
const cookieValue = decodeURIComponent(metaNavCookie.split('=')[1]);
|
|
46
|
+
const metaNavObj = JSON.parse(cookieValue);
|
|
47
|
+
this.passwordLoginEnabled = !!metaNavObj.PasswordLoginEnabled;
|
|
48
|
+
this.oauthLoginEnabled = !!metaNavObj.oauthLoginEnabled;
|
|
49
|
+
this.passwordRegistrationEnabled = !!metaNavObj.PasswordRegistrationEnabled;
|
|
50
|
+
this.configurationName = metaNavObj.ConfigurationName;
|
|
51
|
+
this.xvMvcConfigName = metaNavObj.XvMvcConfigName;
|
|
52
|
+
this.contactUrl = metaNavObj.ContactUrl;
|
|
53
|
+
}
|
|
54
|
+
catch (e) {
|
|
55
|
+
console.warn('Could not parse metaNav cookie:', e);
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
renderPasswordLogin() {
|
|
59
|
+
if (!this.passwordLoginEnabled)
|
|
60
|
+
return null;
|
|
61
|
+
return (h("label", { class: "pull-right spacer" }, h("a", { href: "/de-de/mycrossvertise/account/lostpassword", target: "_blank", rel: "noopener" }, "Passwort vergessen?")));
|
|
62
|
+
}
|
|
63
|
+
renderOAuthProviders() {
|
|
64
|
+
if (!this.oauthLoginEnabled)
|
|
65
|
+
return null;
|
|
66
|
+
return (h("div", { class: "row" }, h("div", { class: "col-xs-12" }, h("div", { class: "col-xs-12" }, h("div", { class: "row spacer spacer-bottom" }, h("div", { class: "col-xs-5" }, h("hr", null)), h("div", { class: "col-xs-2 text-center placeholder" }, "oder"), h("div", { class: "col-xs-5" }, h("hr", null)), h("div", { class: "col-xs-12" }, h("span", null, "Alternative Anmeldung:")))), h("div", { class: "col-sm-12" }, h("div", { class: "col-xs-12 no-padding-right" }, h("form", { method: "POST", class: "spacer", action: "/de-de/mycrossvertise/account/externallogin" }, h("div", { class: "row" }, this.oauthProviders.map(provider => (h("div", { class: "col-xs-6 col-sm-3 no-padding-left padding-bottom-10 center-cell" }, h("button", { type: "submit", style: { maxWidth: '125px' }, name: "provider", class: `cell-content btn btn-primary ${provider.buttonClass} btn-block`, value: provider.providerName, title: `Mit ${provider.displayName} anmelden` }, h("i", { class: `${provider.icon} pull-left` }), h("span", null, provider.displayName)))))), h("input", { type: "hidden", name: "BookNow", value: this.bookNow.toString() })))))));
|
|
67
|
+
}
|
|
68
|
+
renderFooter() {
|
|
69
|
+
if (!this.passwordRegistrationEnabled && this.configurationName !== this.xvMvcConfigName)
|
|
70
|
+
return null;
|
|
71
|
+
return (h("div", { class: "modal-footer" }, h("div", { class: "col-sm-12 text-left" }, this.passwordRegistrationEnabled && (h("div", null, "Noch kein Kunde?", h("a", { href: `/de-de/mycrossvertise/account/register?returnUrl=${encodeURIComponent(this.returnUrl)}` }, "Jetzt kostenlos registrieren!"))), this.configurationName === this.xvMvcConfigName && (h("div", null, h("div", { class: "spacer" }, "Sie sind bereits registriert, k\u00F6nnen sich aber nicht einloggen?"), h("div", null, h("a", { href: this.contactUrl }, "Kontaktieren Sie uns"), ", wir k\u00FCmmern uns darum."))))));
|
|
72
|
+
}
|
|
73
|
+
render() {
|
|
74
|
+
if (!this.visible)
|
|
75
|
+
return null;
|
|
76
|
+
return (h("div", { class: "modal show", style: { display: 'block' }, id: "login-modal", tabIndex: -1, role: "dialog" }, h("div", { class: "modal-dialog", role: "document" }, h("div", { class: "modal-content" }, h("div", { class: "modal-header" }, h("div", { class: "row" }, h("div", { class: "col-sm-10" }, h("div", { class: "col-xs-12" }, h("h4", { class: "modal-title" }, "Login"))), h("div", { class: "col-xs-1 pull-right" }, h("button", { onClick: this.handleClose, type: "button", class: "close" }, h("span", { "aria-hidden": "true" }, "\u00D7"))))), h("div", { class: "modal-body" }, h("div", { class: "row" }, h("div", { class: "col-sm-12" }, h("form", { autoComplete: "off", id: "logon-modal-form", action: `/de-de/mycrossvertise/account/logon?returnUrl=${encodeURIComponent(this.returnUrl)}`, method: "post", class: "spacer" }, h("input", { type: "hidden", name: "returnUrl", value: this.returnUrl }), h("div", { class: "form-group spacer-bottom" }, h("div", { class: "control-label col-xs-12" }, h("label", { htmlFor: "LoginPopup.UserName" }, "E-Mail"), h("strong", { class: "text-danger" }, "*")), h("div", { class: "col-xs-12" }, h("input", { class: "form-control", id: "userName", name: "UserName", type: "text", tabIndex: 1 }))), h("div", { class: "form-group spacer" }, h("div", { class: "control-label col-xs-6" }, h("label", { class: "spacer", htmlFor: "LoginPopup.Password" }, "Passwort"), h("strong", { class: "text-danger spacer" }, "*")), h("div", { class: "col-xs-6" }, this.renderPasswordLogin()), h("div", { class: "col-xs-12" }, h("input", { class: "form-control", id: "password", name: "Password", type: "password", tabIndex: 2 }))), h("div", { class: "form-group spacer" }, h("div", { class: "col-xs-12" }, h("button", { class: "btn btn-primary btn-lg btn-block spacer", type: "submit", tabIndex: 3 }, "Anmelden"))), h("div", { class: "form-group" }, h("div", { class: "checkbox col-xs-12" }, h("label", { htmlFor: "RememberMe" }, h("input", { id: "RememberMe", name: "RememberMe", type: "checkbox", value: "true" }), "Angemeldet bleiben?")))))), this.renderOAuthProviders()), this.renderFooter()))));
|
|
77
|
+
}
|
|
78
|
+
static get is() { return "xv-login-modal"; }
|
|
79
|
+
static get encapsulation() { return "shadow"; }
|
|
80
|
+
static get originalStyleUrls() {
|
|
81
|
+
return {
|
|
82
|
+
"$": ["xv-login-modal.scss"]
|
|
83
|
+
};
|
|
84
|
+
}
|
|
85
|
+
static get styleUrls() {
|
|
86
|
+
return {
|
|
87
|
+
"$": ["xv-login-modal.css"]
|
|
88
|
+
};
|
|
89
|
+
}
|
|
90
|
+
static get properties() {
|
|
91
|
+
return {
|
|
92
|
+
"visible": {
|
|
93
|
+
"type": "boolean",
|
|
94
|
+
"attribute": "visible",
|
|
95
|
+
"mutable": false,
|
|
96
|
+
"complexType": {
|
|
97
|
+
"original": "boolean",
|
|
98
|
+
"resolved": "boolean",
|
|
99
|
+
"references": {}
|
|
100
|
+
},
|
|
101
|
+
"required": false,
|
|
102
|
+
"optional": false,
|
|
103
|
+
"docs": {
|
|
104
|
+
"tags": [],
|
|
105
|
+
"text": ""
|
|
106
|
+
},
|
|
107
|
+
"getter": false,
|
|
108
|
+
"setter": false,
|
|
109
|
+
"reflect": false,
|
|
110
|
+
"defaultValue": "false"
|
|
111
|
+
}
|
|
112
|
+
};
|
|
113
|
+
}
|
|
114
|
+
static get states() {
|
|
115
|
+
return {
|
|
116
|
+
"oauthProviders": {},
|
|
117
|
+
"bookNow": {},
|
|
118
|
+
"returnUrl": {},
|
|
119
|
+
"passwordLoginEnabled": {},
|
|
120
|
+
"oauthLoginEnabled": {},
|
|
121
|
+
"passwordRegistrationEnabled": {},
|
|
122
|
+
"configurationName": {},
|
|
123
|
+
"xvMvcConfigName": {},
|
|
124
|
+
"contactUrl": {}
|
|
125
|
+
};
|
|
126
|
+
}
|
|
127
|
+
static get events() {
|
|
128
|
+
return [{
|
|
129
|
+
"method": "close",
|
|
130
|
+
"name": "close",
|
|
131
|
+
"bubbles": true,
|
|
132
|
+
"cancelable": true,
|
|
133
|
+
"composed": true,
|
|
134
|
+
"docs": {
|
|
135
|
+
"tags": [],
|
|
136
|
+
"text": ""
|
|
137
|
+
},
|
|
138
|
+
"complexType": {
|
|
139
|
+
"original": "void",
|
|
140
|
+
"resolved": "void",
|
|
141
|
+
"references": {}
|
|
142
|
+
}
|
|
143
|
+
}];
|
|
144
|
+
}
|
|
145
|
+
}
|
|
146
|
+
//# sourceMappingURL=xv-login-modal.js.map
|
|
@@ -0,0 +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\n componentWillLoad() {\n this.setReturnUrl();\n this.readMetaNavCookie();\n this.oauthProviders = [\n {\n displayName: 'Google',\n providerName: 'Google',\n icon: 'fa fa-google',\n buttonClass: 'btn btn-block btn-google-primary btn-primary',\n },\n ];\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 const metaNavCookie = document.cookie\n .split('; ')\n .find(row => row.startsWith('metaNav='));\n if (!metaNavCookie) return;\n try {\n const cookieValue = decodeURIComponent(metaNavCookie.split('=')[1]);\n const metaNavObj = JSON.parse(cookieValue);\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;\n } catch (e) {\n console.warn('Could not parse metaNav cookie:', e);\n }\n }\n\n private 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=\"/de-de/mycrossvertise/account/lostpassword\" target=\"_blank\" rel=\"noopener\">\n Passwort vergessen?\n </a>\n </label>\n );\n }\n\n private renderOAuthProviders() {\n if (!this.oauthLoginEnabled) return null;\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 class=\"spacer\"\n action=\"/de-de/mycrossvertise/account/externallogin\"\n >\n <div class=\"row\">\n {this.oauthProviders.map(provider => (\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 ${provider.buttonClass} btn-block`}\n value={provider.providerName}\n title={`Mit ${provider.displayName} anmelden`}\n >\n <i class={`${provider.icon} pull-left`}></i>\n <span>{provider.displayName}</span>\n </button>\n </div>\n ))}\n </div>\n <input type=\"hidden\" name=\"BookNow\" value={this.bookNow.toString()} />\n </form>\n </div>\n </div>\n </div>\n </div>\n );\n }\n\n private renderFooter() {\n if (!this.passwordRegistrationEnabled && this.configurationName !== this.xvMvcConfigName) return null;\n return (\n <div class=\"modal-footer\">\n <div class=\"col-sm-12 text-left\">\n {this.passwordRegistrationEnabled && (\n <div>\n Noch kein Kunde?\n <a\n href={`/de-de/mycrossvertise/account/register?returnUrl=${encodeURIComponent(this.returnUrl)}`}\n >\n Jetzt kostenlos registrieren!\n </a>\n </div>\n )}\n {this.configurationName === this.xvMvcConfigName && (\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 )}\n </div>\n </div>\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\">Login</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={`/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"]}
|
|
@@ -58,7 +58,7 @@ export class XvModal {
|
|
|
58
58
|
}
|
|
59
59
|
render() {
|
|
60
60
|
var _a;
|
|
61
|
-
return (h(Host, { key: '
|
|
61
|
+
return (h(Host, { key: 'ef15c655a4e3e5020de233c8627dbefc62ed9e56', role: "dialog", size: this.size, id: this.el.id }, h("slot", { key: '55950e9d76cd33495f14eb159d998dc11277c0f9', name: "trigger", onSlotchange: this.setupTrigger }), h("div", { key: 'f3e941dec65ec9a7093dc88a82024b6d4db6324a', class: { backdrop: true }, onClick: this.onBackdropClick }, h("div", { key: '48142d79b4de6d1aa146c8c8033a0cfbe9e166da', class: "modal" }, h("button", { key: '6e9501a2b6f69755d93740ce334bfc4a5ea78f60', class: "modal_close", onClick: this.closeModal.bind(this) }, "\u00D7"), h("div", { key: '9aadbd409cace25b8e8e8bead47b0610d756e1c4', class: "modal_header" }, h("slot", { key: '32d0f7b10974856e3806e82ffc8d971b3b25e81b', name: "header" }, ((_a = this.el) === null || _a === void 0 ? void 0 : _a.title) && h("h5", { key: '8e5ede7c5f8488adcb42a61f972562c8214aebae', class: "modal_header__title" }, this.el.title))), h("div", { key: 'd00616f0a7865d301a0b090dd91363bde4128867', class: { 'modal_content': true, overflow: this.overflow } }, h("slot", { key: 'd263d339bedadd0557e386e22c4526b98e446027' })), h("div", { key: 'cf96d19157c63b68abc85e95042a9619accd26fd', class: "modal_footer" }, h("slot", { key: '0b41d59fecf287e452d10aa6a6f4ab1a6e07f77f', name: "footer" }))))));
|
|
62
62
|
}
|
|
63
63
|
disconnectedCallback() {
|
|
64
64
|
this.removeTriggerListener();
|
|
@@ -25,7 +25,7 @@ export class XvNotification {
|
|
|
25
25
|
};
|
|
26
26
|
}
|
|
27
27
|
render() {
|
|
28
|
-
return (h(Host, { key: '
|
|
28
|
+
return (h(Host, { key: '4600f7f3594935680e104bad02663f288460b39b', class: "xv-notification", type: this.variant }, this.renderIcon(this.variant), h("div", { key: 'ffc9842337dcaba886a58fc80d96810c33a47f76', class: "content" }, h("div", { key: '1236432271bf6cb93c5bfbb0614d87c0d1fb183b', class: "content_wrapper" }, this.el.title && h("h5", { key: '10cbc18d55fe9842e31a65b814015eb66a4641af', class: "content_title" }, this.el.title), h("slot", { key: 'e127dfc35e3e6542c417ef27ab01515fd83af9f2' })), h("slot", { key: 'beb7103db214900e7833187cf6c9ee3dffc18b03', name: "footer" })), this.dismissible && h("button", { key: '791ef115a1739271ec9d87e145691ecaf18b2498', class: "close", onClick: this.closeHandle })));
|
|
29
29
|
}
|
|
30
30
|
static get is() { return "xv-notification-v2"; }
|
|
31
31
|
static get encapsulation() { return "shadow"; }
|
package/dist/collection/components/xv-overflow-menu/xv-overflow-menu-item/xv-overflow-menu-item.js
CHANGED
|
@@ -11,7 +11,7 @@ export class XvOverflowMenuItem {
|
|
|
11
11
|
this.itemClick.emit({ event, value: this.value });
|
|
12
12
|
}
|
|
13
13
|
render() {
|
|
14
|
-
return (h(Host, { key: '
|
|
14
|
+
return (h(Host, { key: 'e2cb692dfe47684c9ef1cb8cd9519126b98d3be3', class: "xv-overflow-menu-item", role: "menuitem", disabled: this.disabled }, h("slot", { key: '7202537314f9992ef86f5db66a76234d749c9e96' })));
|
|
15
15
|
}
|
|
16
16
|
static get is() { return "xv-overflow-menu-v2-item"; }
|
|
17
17
|
static get encapsulation() { return "shadow"; }
|
|
@@ -48,7 +48,7 @@ export class XvOverflowMenu {
|
|
|
48
48
|
}
|
|
49
49
|
}
|
|
50
50
|
render() {
|
|
51
|
-
return (h(Host, { key: '
|
|
51
|
+
return (h(Host, { key: 'b375598d3169590a82225cc37f52c573bee30c9f', class: "xv-overflow-menu", size: this.size, role: "menu", tabindex: -1 }, h("button", { key: '693ff71c2c32b5eafe680701a519560d36aadf31', class: { btn: true, open: this.open }, onClick: this.onOpenToggle, disabled: this.disabled }, h("svg", { key: '23067a22dfbab57f4840bb31a46e18b311b58316', xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 128 512" }, h("path", { key: 'f3eeded9441704b3ec6fc378bb4518595684d1be', d: "M64 368a48 48 0 1 0 0 96 48 48 0 1 0 0-96zm0-160a48 48 0 1 0 0 96 48 48 0 1 0 0-96zM112 96A48 48 0 1 0 16 96a48 48 0 1 0 96 0z" }))), h("div", { key: '9b7abc36a3b00b02d654b9bf369630164fb25d19', class: { list: true, open: this.open, [`position-${this.position}`]: true } }, h("slot", { key: '4309141f86fb81e49438d033132bc460b7386c7a' }))));
|
|
52
52
|
}
|
|
53
53
|
componentDidLoad() {
|
|
54
54
|
this.openChangeHandle();
|
|
@@ -5,7 +5,7 @@ export class XvProgressIndicatorItem {
|
|
|
5
5
|
this.status = PROGRESS_ITEM_STATUS.NO_STARTED;
|
|
6
6
|
}
|
|
7
7
|
render() {
|
|
8
|
-
return (h(Host, { key: '
|
|
8
|
+
return (h(Host, { key: '7ab9049e23319e40102861c273bcdbe50a007d47', status: this.status, class: { 'xv-progress-indicator-item': true } }, h("span", { key: 'b354a67c14cce7dfbd4dcc1ea5fbefc322e8387f', class: "line" }), h("span", { key: 'ac9328b00220e878f41601ed622b4bd72f1f4525', class: "icon" }, h("svg", { key: '72315a3e5bdbc53b9c9bad11d0fc664ccbc71dfa', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512" }, h("path", { key: 'a2fd19444c84e59ff52a28e60b77bf8a1a304b0d', 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: '8a61ee0d9f5b7cb2d5ec3a3a95de9c6520da3438', class: "label" }, h("slot", { key: '597cc0cd7efb06d78070fdf087537db220784183' }))));
|
|
9
9
|
}
|
|
10
10
|
static get is() { return "xv-progress-indicator-v2-item"; }
|
|
11
11
|
static get encapsulation() { return "shadow"; }
|
|
@@ -56,7 +56,7 @@ export class XvProgressIndicator {
|
|
|
56
56
|
this.updateChildItems();
|
|
57
57
|
}
|
|
58
58
|
render() {
|
|
59
|
-
return (h(Host, { key: '
|
|
59
|
+
return (h(Host, { key: '5d3f317d147dd29f3e0a00064a2ca4a0a79f101d', variant: this.variant, size: this.size, class: { 'xv-progress-indicator': true } }, h("slot", { key: '1e6a9d655861024aee5d8a4e4e159d5fd06250a8' })));
|
|
60
60
|
}
|
|
61
61
|
static get is() { return "xv-progress-indicator-v2"; }
|
|
62
62
|
static get encapsulation() { return "shadow"; }
|
|
@@ -22,7 +22,7 @@ export class XvTableCell {
|
|
|
22
22
|
}
|
|
23
23
|
;
|
|
24
24
|
render() {
|
|
25
|
-
return (h(Host, { key: '
|
|
25
|
+
return (h(Host, { key: 'a43012499f2ab81a47702b6861fd39180729ce8d' }, h("slot", { key: 'bcb83a24979755ec0959e09e849dd8b9fa04a95b' })));
|
|
26
26
|
}
|
|
27
27
|
static get is() { return "xv-table-v2-cell"; }
|
|
28
28
|
static get encapsulation() { return "shadow"; }
|
|
@@ -10,7 +10,7 @@ export class XvTableExpand {
|
|
|
10
10
|
};
|
|
11
11
|
}
|
|
12
12
|
render() {
|
|
13
|
-
return (h(Host, { key: '
|
|
13
|
+
return (h(Host, { key: 'e1929797c81be1a2ea84916899d39da5d408e6bb' }, h("button", { key: 'd17ee91f88dcde48ccb2b1e0de40eb733d505a78', class: { 'expand-btn': true, open: this.open }, disabled: this.disabled, onClick: this.handleExpand }), h("slot", { key: '33c52bc864e741c66d448e80ec5d675c433aa649', name: XV_EXPANDABLE_KEY }), h("div", { key: '02795ad1ee52bdcf34519b9fcc4325698ef61919', class: { expandableContent: true, open: this.open } }, h("slot", { key: '185185f6fed3ae43a09c85903628eced54847cb7' }))));
|
|
14
14
|
}
|
|
15
15
|
componentDidLoad() {
|
|
16
16
|
setAttr(this.el.parentElement, XV_EXPANDABLE_KEY, true);
|
|
@@ -42,7 +42,7 @@ export class XvTableRow {
|
|
|
42
42
|
}
|
|
43
43
|
}
|
|
44
44
|
render() {
|
|
45
|
-
return (h(Host, { key: '
|
|
45
|
+
return (h(Host, { key: '0fa754f2982bb475a1354cf8c7653cdbc9b710bc' }, this.variant !== undefined && (h("xv-table-v2-cell", { key: '344b3acf23c6e96e7c2422bc87ba47ddc468fe32', class: "cell-control" }, this.variant === 'checkbox' && (h("xv-checkbox-v2", { key: '718a01dddcd1d5f3c354a26f8c4d7d0920048be1', 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: '8c49a2babdf5388004b1ab3cb1639206687f7535', type: "radio", name: this.name, checked: this.checked || this.partial, disabled: this.disabled, required: this.required, readonly: this.readonly })))), h("slot", { key: '565e6e933a38fd71ccd49f28772014ca3cb06398' })));
|
|
46
46
|
}
|
|
47
47
|
componentWillLoad() {
|
|
48
48
|
this.setInitialAttrs();
|
|
@@ -31,7 +31,7 @@ export class XvTable {
|
|
|
31
31
|
.join(' ') + ' repeat(auto-fit, minmax(0, 1fr))');
|
|
32
32
|
}
|
|
33
33
|
render() {
|
|
34
|
-
return (h(Host, { key: '
|
|
34
|
+
return (h(Host, { key: '4894a985912a52eb0173566d6c2daff7dfc39035', class: { batchVisible: !!this.selectedCount } }, h("slot", { key: 'c370d3fd370a78528ff5e540fb59239c6b416bd9', name: "title" }, !!this.el.title && h("h2", { key: 'aefcffd432a2c24c6f84924d03fad5f0498d4b10', class: "xv-table-title" }, this.el.title)), h("slot", { key: '227b2ace04ed35ce3cff88c34d99054d8c552bc3', name: "toolbar" }), h("div", { key: '810934177b689d49dc1402aac97502081982744b', class: "xv-table" }, h("div", { key: 'db7c19f33120457dbd53a491579379741187652f', class: "batch-actions" }, h(Fragment, { key: 'b9c688ccda045afc1fd46ebed503d96f3096f788' }, h("div", { key: '628767d1a33fa98195056441e871a4beccb5b1ec', class: "batch-actions_content" }, h("slot", { key: 'b73f2d55c5c65daaabce1a89eb61ed328445c804', name: "batch" })), h("p", { key: '162fa01f1027c4c0df8a784995b50a085f44e98b', class: "batch-actions_count" }, !!this.selectedCount && `${this.selectedCount} ${this.selectedCount === 1 ? 'Position ausgewählt' : 'Positionen ausgewählt'}`))), h("div", { key: '68b9c4807c9e6dd297bc74867f3230154493d5e6', class: "xv-table_wrapper" }, h("slot", { key: 'fd28df98e8497825d4f4ecfb3e292c724952ae83' }), h("slot", { key: 'f1604b484a87f35fffa11fc55eb05ff52d3d55ac', name: "footer" })), !!this.loading && (h("div", { key: '6e7cae29ba018e5af760cdcb9a9387e5e33369ae', class: "xv-table_loading" }, h("xv-loader-v2", { key: '72f23f7b4de8edeae93565bccceeca9e78a071d4', size: SIZE_VAR.LG }))))));
|
|
35
35
|
}
|
|
36
36
|
componentWillLoad() {
|
|
37
37
|
this.setColsSizeTemplate();
|
|
@@ -6,7 +6,7 @@ export class XvTab {
|
|
|
6
6
|
this.loading = false;
|
|
7
7
|
}
|
|
8
8
|
render() {
|
|
9
|
-
return (h(Host, { key: '
|
|
9
|
+
return (h(Host, { key: 'acf8d6047f8d0b12a4353c439bb8be5e96a6de2d', disabled: this.disabled, name: this.name }, this.loading ? h("xv-loader-v2", { size: SIZE_VAR.LG }) : h("slot", null)));
|
|
10
10
|
}
|
|
11
11
|
static get is() { return "xv-tab-v2"; }
|
|
12
12
|
static get encapsulation() { return "shadow"; }
|
|
@@ -13,7 +13,7 @@ export class XvTag {
|
|
|
13
13
|
this.closeClick.emit(e);
|
|
14
14
|
}
|
|
15
15
|
render() {
|
|
16
|
-
return (h(Host, { key: '
|
|
16
|
+
return (h(Host, { key: '14b055dd7dedf6b5fcba8b8b3eb2f5f508d805a9', style: { color: this.color, background: this.bg }, class: `xv-tag ${this.disabled ? 'disabled' : ''} ${this.size}` }, h("div", { key: 'f68b22e13acb0cde1e9f80260625a72439a412df', class: "xv-tag_content" }, h("slot", { key: 'c4bbfc6909234057747f0cb4b13fd6a24f14a356' })), this.closeable && (h("button", { key: 'e05cd88033f44a852c7de9615fde4a4ebcee0d79', onClick: this.closeHandler.bind(this), class: "xv-tag_close" }))));
|
|
17
17
|
}
|
|
18
18
|
static get is() { return "xv-tag-v2"; }
|
|
19
19
|
static get encapsulation() { return "shadow"; }
|
|
@@ -36,7 +36,7 @@ export class XvTextInput {
|
|
|
36
36
|
};
|
|
37
37
|
}
|
|
38
38
|
render() {
|
|
39
|
-
return (h(Host, { key: '
|
|
39
|
+
return (h(Host, { key: 'ff06aea5ae7498aaf2c855da8ee0f7a0522456e4', name: this.name, class: "xv-text-input", role: "textbox", tabindex: this.disabled ? -1 : false }, this.label && h("label", { key: 'cf8084b9c0aab74c87297e1af0ea6d069cb6b8f1', class: "label" }, this.label), h("div", { key: '9ebc989deb41e835f30c72f4777d94cadd68a023', class: "control" }, h("input", { key: '82b18d350f325ae32daad68552ac083dd2c3b157', type: "text", class: { withIcon: this.status !== TextInputStatus.DEF }, readonly: this.readonly, value: this.value, disabled: this.disabled, onInput: this.handleInput, placeholder: this.placeholder }), this.getControlIcon(this.status)), this.helper && h("p", { key: '070097a66e9a21872b8245305a24070fc5b8f443', class: "helper" }, this.helper)));
|
|
40
40
|
}
|
|
41
41
|
componentWillLoad() {
|
|
42
42
|
this.internals.setFormValue(this.value);
|
|
@@ -9,7 +9,7 @@ export class XvTooltip {
|
|
|
9
9
|
this.position = 'top';
|
|
10
10
|
}
|
|
11
11
|
render() {
|
|
12
|
-
return (h(Host, { key: '
|
|
12
|
+
return (h(Host, { key: '7de12b2a66877ad7be729a8d78056efeedb56d8f', tooltip: this.message, class: `xv-tooltip_${this.position}` }, h("slot", { key: 'd52506f97478e29652a7671b4cba6333961f5e61' }, h("svg", { key: 'e6f06c96135155d504577e6086f0a58fd8ae9b09', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: 16, height: 16 }, h("path", { key: '6580f275c8400f37cafd96f2c68a4e1e9cbd12bd', 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" })))));
|
|
13
13
|
}
|
|
14
14
|
static get is() { return "xv-tooltip-v2"; }
|
|
15
15
|
static get encapsulation() { return "shadow"; }
|
package/dist/esm/loader.js
CHANGED
|
@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-DQuL1Twl.js';
|
|
|
5
5
|
const defineCustomElements = async (win, options) => {
|
|
6
6
|
if (typeof window === 'undefined') return undefined;
|
|
7
7
|
await globalScripts();
|
|
8
|
-
return bootstrapLazy([["xv-breadcrumbs-v2",[[1,"xv-breadcrumbs-v2"]]],["xv-accordion-
|
|
8
|
+
return bootstrapLazy([["xv-breadcrumbs-v2",[[1,"xv-breadcrumbs-v2"]]],["xv-accordion-v2_27",[[1,"xv-table-v2-row",{"checked":[1540],"partial":[1540],"name":[1537],"value":[520],"hover":[1540],"readonly":[516],"required":[516],"disabled":[516],"header":[516],"variant":[1537]},null,{"checked":["checkedChangeHandle"]}],[1,"xv-dropdown-v2",{"disabled":[516],"multiple":[516],"required":[516],"loading":[516],"open":[1540],"error":[513],"label":[513],"helper":[513],"warning":[513],"placeholder":[513],"size":[1],"defaultValue":[8,"default-value"],"selected":[32],"selectedMap":[32]},[[0,"itemSelected","handleItemSelected"]],{"open":["openChangeHandle"]}],[0,"xv-header",{"htmlContent":[32],"showLoginModal":[32]}],[1,"xv-tab-v2",{"label":[513],"disabled":[516],"loading":[516],"name":[8]}],[1,"xv-table-v2",{"size":[513],"hover":[516],"loading":[516],"colsSize":[16,"colssize"],"selected":[32],"selectedCount":[32]},[[0,"checkedChange","handleCheckedChange"]],{"colsSize":["setColsSizeTemplate"]}],[1,"xv-tabs-v2",{"active":[1544],"loading":[516],"variant":[1],"emptyMessage":[1,"empty-message"],"tabElements":[32],"showArrows":[32]},[[9,"resize","updateArrowVisibility"]]],[65,"xv-text-input-v2",{"label":[513],"placeholder":[513],"helper":[513],"name":[513],"size":[513],"status":[513],"value":[1537],"disabled":[516],"readonly":[516],"loading":[516]}],[1,"xv-accordion-v2",{"multiple":[4],"xvId":[1,"xv-id"],"value":[1025],"opened":[32],"toggleItem":[64]}],[1,"xv-accordion-v2-item",{"disabled":[4],"label":[1],"value":[1],"isOpen":[32]},[[16,"accordionChange","handleAccordionChange"]]],[1,"xv-button-v2",{"label":[1],"block":[4],"type":[1],"variant":[1],"disabled":[4]}],[1,"xv-card-v2",{"variant":[1],"media":[1],"header":[1],"body":[1],"footer":[1]}],[1,"xv-dropdown-v2-item",{"disabled":[4],"value":[1544],"selected":[1540]},[[0,"click","handleClick"]]],[0,"xv-footer",{"htmlContent":[32]}],[1,"xv-link-v2",{"href":[1],"target":[1],"disabled":[4],"size":[1],"variant":[1]}],[1,"xv-modal-v2",{"open":[1540],"permanent":[516],"size":[513],"overflow":[516],"openModal":[64],"closeModal":[64]}],[1,"xv-notification-v2",{"variant":[513],"dismissible":[516]}],[1,"xv-overflow-menu-v2",{"open":[1540],"disabled":[516],"position":[1],"size":[1]},[[0,"keydown","handleKeyDown"]],{"open":["openChangeHandle"]}],[1,"xv-overflow-menu-v2-item",{"disabled":[516],"value":[520],"variant":[1]},[[0,"click","handleClick"]]],[1,"xv-progress-indicator-v2",{"progress":[514],"variant":[1],"size":[1]},null,{"progress":["updateChildItems"]}],[1,"xv-progress-indicator-v2-item",{"status":[1]}],[1,"xv-table-v2-expand",{"open":[1540],"disabled":[516]}],[1,"xv-tag-v2",{"size":[1],"color":[1],"bg":[1],"disabled":[4],"closeable":[4]}],[1,"xv-tooltip-v2",{"message":[513],"position":[513],"multiline":[516]}],[65,"xv-checkbox-v2",{"checked":[1540],"indeterminate":[516],"disabled":[516],"name":[513],"value":[513],"readonly":[516],"required":[516],"partial":[516],"label":[1],"size":[513],"error":[520],"hasFocus":[32]},null,{"checked":["onCheckedChange"]}],[1,"xv-login-modal",{"visible":[4],"oauthProviders":[32],"bookNow":[32],"returnUrl":[32],"passwordLoginEnabled":[32],"oauthLoginEnabled":[32],"passwordRegistrationEnabled":[32],"configurationName":[32],"xvMvcConfigName":[32],"contactUrl":[32]}],[1,"xv-table-v2-cell",{"multiline":[516],"name":[1537],"align":[513],"sort":[1537]},[[0,"click","handleSort"]]],[1,"xv-loader-v2",{"show":[4],"variant":[1],"size":[1]}]]]], options);
|
|
9
9
|
};
|
|
10
10
|
|
|
11
11
|
export { defineCustomElements };
|