xv-webcomponents 0.1.37 → 0.1.39

package/dist/collection/components/xv-login-modal/xv-login-modal.js

@@ -0,0 +1,146 @@
+import { h } from "@stencil/core";
+export class XvLoginModal {
+    constructor() {
+        this.visible = false;
+        this.oauthProviders = [];
+        this.bookNow = false;
+        this.returnUrl = '/';
+        this.passwordLoginEnabled = true;
+        this.oauthLoginEnabled = true;
+        this.passwordRegistrationEnabled = true;
+        this.configurationName = 'Xv';
+        this.xvMvcConfigName = 'Xv';
+        this.contactUrl = 'https://sitefinity-qa.crossvertise.com/ueber-uns/kontakt';
+        this.handleClose = () => {
+            this.close.emit();
+        };
+    }
+    componentWillLoad() {
+        this.setReturnUrl();
+        this.readMetaNavCookie();
+        this.oauthProviders = [
+            {
+                displayName: 'Google',
+                providerName: 'Google',
+                icon: 'fa fa-google',
+                buttonClass: 'btn btn-block btn-google-primary btn-primary',
+            },
+        ];
+    }
+    setReturnUrl() {
+        const params = new URLSearchParams(window.location.search);
+        let url = params.get('returnUrl') || window.location.href;
+        if (url.toLowerCase().includes('resetpassword')) {
+            url = '/';
+        }
+        this.returnUrl = url;
+    }
+    readMetaNavCookie() {
+        const metaNavCookie = document.cookie
+            .split('; ')
+            .find(row => row.startsWith('metaNav='));
+        if (!metaNavCookie)
+            return;
+        try {
+            const cookieValue = decodeURIComponent(metaNavCookie.split('=')[1]);
+            const metaNavObj = JSON.parse(cookieValue);
+            this.passwordLoginEnabled = !!metaNavObj.PasswordLoginEnabled;
+            this.oauthLoginEnabled = !!metaNavObj.oauthLoginEnabled;
+            this.passwordRegistrationEnabled = !!metaNavObj.PasswordRegistrationEnabled;
+            this.configurationName = metaNavObj.ConfigurationName;
+            this.xvMvcConfigName = metaNavObj.XvMvcConfigName;
+            this.contactUrl = metaNavObj.ContactUrl;
+        }
+        catch (e) {
+            console.warn('Could not parse metaNav cookie:', e);
+        }
+    }
+    renderPasswordLogin() {
+        if (!this.passwordLoginEnabled)
+            return null;
+        return (h("label", { class: "pull-right spacer" }, h("a", { href: "/de-de/mycrossvertise/account/lostpassword", target: "_blank", rel: "noopener" }, "Passwort vergessen?")));
+    }
+    renderOAuthProviders() {
+        if (!this.oauthLoginEnabled)
+            return null;
+        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() })))))));
+    }
+    renderFooter() {
+        if (!this.passwordRegistrationEnabled && this.configurationName !== this.xvMvcConfigName)
+            return null;
+        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."))))));
+    }
+    render() {
+        if (!this.visible)
+            return null;
+        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()))));
+    }
+    static get is() { return "xv-login-modal"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["xv-login-modal.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["xv-login-modal.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "visible": {
+                "type": "boolean",
+                "attribute": "visible",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "false"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "oauthProviders": {},
+            "bookNow": {},
+            "returnUrl": {},
+            "passwordLoginEnabled": {},
+            "oauthLoginEnabled": {},
+            "passwordRegistrationEnabled": {},
+            "configurationName": {},
+            "xvMvcConfigName": {},
+            "contactUrl": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "close",
+                "name": "close",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }];
+    }
+}
+//# sourceMappingURL=xv-login-modal.js.map

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

@@ -0,0 +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\">&times;</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"]}

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

@@ -58,7 +58,7 @@ export class XvModal {
     }
     render() {
         var _a;
-        return (h(Host, { key: '2366289d47548d714bbdd49948f792f351f28f08', role: "dialog", size: this.size, id: this.el.id }, h("slot", { key: '5315e7fff2a42c9cacff80f8123198b3b478afb9', name: "trigger", onSlotchange: this.setupTrigger }), h("div", { key: 'de7fd67203a1728be67f86a2ea40279d93faa17c', class: { backdrop: true }, onClick: this.onBackdropClick }, h("div", { key: '088329b5f8624893d0e6a70de8e5320b555ca917', class: "modal" }, h("button", { key: '930e3e2f153a8b29ad072d3293ceff42d4f29467', class: "modal_close", onClick: this.closeModal.bind(this) }, "\u00D7"), h("div", { key: '454958176af3ffe3a3ce05fcd4676498ba64ed7d', class: "modal_header" }, h("slot", { key: 'c36847fd99974fe853eedebaab7d35b14895fc62', name: "header" }, ((_a = this.el) === null || _a === void 0 ? void 0 : _a.title) && h("h5", { key: '967825b4cf637c6fde19330fda5b88fc63aee479', class: "modal_header__title" }, this.el.title))), h("div", { key: '6ea2df2fa221a02655c9d981565132879901bbe7', class: { 'modal_content': true, overflow: this.overflow } }, h("slot", { key: '2636c2c24cfc4faf7561f2c4d5a380f23ce904e8' })), h("div", { key: 'cb4d838daf7bc1e8fb4c029318250ec2f3e7a37a', class: "modal_footer" }, h("slot", { key: '79b371cb00c2152a1131be31202f7c8061a4b61b', name: "footer" }))))));
+        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" }))))));
     }
     disconnectedCallback() {
         this.removeTriggerListener();
@@ -79,6 +79,7 @@ export class XvModal {
         return {
             "open": {
                 "type": "boolean",
+                "attribute": "open",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -93,12 +94,12 @@ export class XvModal {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "open",
                 "reflect": true,
                 "defaultValue": "false"
             },
             "permanent": {
                 "type": "boolean",
+                "attribute": "permanent",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -113,12 +114,12 @@ export class XvModal {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "permanent",
                 "reflect": true,
                 "defaultValue": "false"
             },
             "size": {
                 "type": "string",
+                "attribute": "size",
                 "mutable": false,
                 "complexType": {
                     "original": "SIZE_VAR",
@@ -139,12 +140,12 @@ export class XvModal {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "size",
                 "reflect": true,
                 "defaultValue": "SIZE_VAR.MD"
             },
             "overflow": {
                 "type": "boolean",
+                "attribute": "overflow",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -159,7 +160,6 @@ export class XvModal {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "overflow",
                 "reflect": true,
                 "defaultValue": "true"
             }

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

@@ -25,7 +25,7 @@ export class XvNotification {
         };
     }
     render() {
-        return (h(Host, { key: '910f05cb3632aee19f893969b3f2225890586cfb', class: "xv-notification", type: this.variant }, this.renderIcon(this.variant), h("div", { key: '575f30f393d7bf69f7ac4b7c14cc08742ea37a02', class: "content" }, h("div", { key: '9df87a020f9b0eeaa37b4162e930e3d73db4eba5', class: "content_wrapper" }, this.el.title && h("h5", { key: '6aceb1370abd0511d94def7830c203f8e51ad84b', class: "content_title" }, this.el.title), h("slot", { key: 'c053806cacc705dc3cfbba53c36dc761ca995e87' })), h("slot", { key: '7967d656c6541a9f21cb2a2cd87376915c21f0c3', name: "footer" })), this.dismissible && h("button", { key: '0cb3d1e44bb0f84f8a72f1ac7875364911fb4fa7', class: "close", onClick: this.closeHandle })));
+        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 })));
     }
     static get is() { return "xv-notification-v2"; }
     static get encapsulation() { return "shadow"; }
@@ -44,6 +44,7 @@ export class XvNotification {
         return {
             "variant": {
                 "type": "string",
+                "attribute": "variant",
                 "mutable": false,
                 "complexType": {
                     "original": "NOTIFICATION_VARIANTS",
@@ -64,12 +65,12 @@ export class XvNotification {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "variant",
                 "reflect": true,
                 "defaultValue": "NOTIFICATION_VARIANTS.INFO"
             },
             "dismissible": {
                 "type": "boolean",
+                "attribute": "dismissible",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -84,7 +85,6 @@ export class XvNotification {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "dismissible",
                 "reflect": true,
                 "defaultValue": "false"
             }

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

@@ -11,7 +11,7 @@ export class XvOverflowMenuItem {
         this.itemClick.emit({ event, value: this.value });
     }
     render() {
-        return (h(Host, { key: '8dc660c2d77b3885eb0b164633874047ca89058c', class: "xv-overflow-menu-item", role: "menuitem", disabled: this.disabled }, h("slot", { key: '557ee1f91a59d867bae782b7352688f091c3228b' })));
+        return (h(Host, { key: 'e2cb692dfe47684c9ef1cb8cd9519126b98d3be3', class: "xv-overflow-menu-item", role: "menuitem", disabled: this.disabled }, h("slot", { key: '7202537314f9992ef86f5db66a76234d749c9e96' })));
     }
     static get is() { return "xv-overflow-menu-v2-item"; }
     static get encapsulation() { return "shadow"; }
@@ -29,6 +29,7 @@ export class XvOverflowMenuItem {
         return {
             "disabled": {
                 "type": "boolean",
+                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -43,12 +44,12 @@ export class XvOverflowMenuItem {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "disabled",
                 "reflect": true,
                 "defaultValue": "false"
             },
             "value": {
                 "type": "any",
+                "attribute": "value",
                 "mutable": false,
                 "complexType": {
                     "original": "OverflowMenuEvent['value']",
@@ -69,11 +70,11 @@ export class XvOverflowMenuItem {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "value",
                 "reflect": true
             },
             "variant": {
                 "type": "string",
+                "attribute": "variant",
                 "mutable": false,
                 "complexType": {
                     "original": "OverflowMenuVariant",
@@ -94,7 +95,6 @@ export class XvOverflowMenuItem {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "variant",
                 "reflect": false,
                 "defaultValue": "OverflowMenuVariant.DEFAULT"
             }

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

@@ -48,7 +48,7 @@ export class XvOverflowMenu {
         }
     }
     render() {
-        return (h(Host, { key: '4a9f6f2c8a5a4f3c4d1b8c666930b51ccab80228', class: "xv-overflow-menu", size: this.size, role: "menu", tabindex: -1 }, h("button", { key: 'd55471ea38b1f3bf3d04054ff310f616d3c1cd4d', class: { btn: true, open: this.open }, onClick: this.onOpenToggle, disabled: this.disabled }, h("svg", { key: '70d5c2fd85655ecc48060d31a3ac3e2d822b33ce', xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 128 512" }, h("path", { key: '68847d692a27943e1e39368da3f448b4162cecb2', 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: '0c57895d318dc03c502f28a1b175aee7cc14c573', class: { list: true, open: this.open, [`position-${this.position}`]: true } }, h("slot", { key: 'd5645b5bce743e4cc8eae0c271379d212926c3b2' }))));
+        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' }))));
     }
     componentDidLoad() {
         this.openChangeHandle();
@@ -72,6 +72,7 @@ export class XvOverflowMenu {
         return {
             "open": {
                 "type": "boolean",
+                "attribute": "open",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -86,12 +87,12 @@ export class XvOverflowMenu {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "open",
                 "reflect": true,
                 "defaultValue": "false"
             },
             "disabled": {
                 "type": "boolean",
+                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -106,12 +107,12 @@ export class XvOverflowMenu {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "disabled",
                 "reflect": true,
                 "defaultValue": "false"
             },
             "position": {
                 "type": "string",
+                "attribute": "position",
                 "mutable": false,
                 "complexType": {
                     "original": "'left' | 'right'",
@@ -126,12 +127,12 @@ export class XvOverflowMenu {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "position",
                 "reflect": false,
                 "defaultValue": "'left'"
             },
             "size": {
                 "type": "string",
+                "attribute": "size",
                 "mutable": false,
                 "complexType": {
                     "original": "SIZE_VAR",
@@ -152,7 +153,6 @@ export class XvOverflowMenu {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "size",
                 "reflect": false,
                 "defaultValue": "SIZE_VAR.MD"
             }

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

@@ -5,7 +5,7 @@ export class XvProgressIndicatorItem {
         this.status = PROGRESS_ITEM_STATUS.NO_STARTED;
     }
     render() {
-        return (h(Host, { key: '79acb016d3774423ebc4b4fca110a2ac450358ff', status: this.status, class: { 'xv-progress-indicator-item': true } }, h("span", { key: 'da650032b1e038635c5bbbbdabcf8de3d510c162', class: "line" }), h("span", { key: 'b3cfcdca102ea9d180b711a90a3a735b1faf0296', class: "icon" }, h("svg", { key: 'ad92853715e40b74c291867a158759cfd13ff9af', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512" }, h("path", { key: '955f05d5ffcebd9dee12fd89ae34cdf94d68f668', 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: '9c47e82f96314c2e0868c6c67ff9c0b4b66eec4f', class: "label" }, h("slot", { key: '5730d018f363e84fb299877ee854360eb42b06ce' }))));
+        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' }))));
     }
     static get is() { return "xv-progress-indicator-v2-item"; }
     static get encapsulation() { return "shadow"; }
@@ -23,6 +23,7 @@ export class XvProgressIndicatorItem {
         return {
             "status": {
                 "type": "string",
+                "attribute": "status",
                 "mutable": false,
                 "complexType": {
                     "original": "PROGRESS_ITEM_STATUS",
@@ -43,7 +44,6 @@ export class XvProgressIndicatorItem {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "status",
                 "reflect": false,
                 "defaultValue": "PROGRESS_ITEM_STATUS.NO_STARTED"
             }

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

@@ -56,7 +56,7 @@ export class XvProgressIndicator {
         this.updateChildItems();
     }
     render() {
-        return (h(Host, { key: '00ad521136d02deaedb3984ff711d23ff0853062', variant: this.variant, size: this.size, class: { 'xv-progress-indicator': true } }, h("slot", { key: '054dbfebd8387688975665058d9bba3903a768fc' })));
+        return (h(Host, { key: '5d3f317d147dd29f3e0a00064a2ca4a0a79f101d', variant: this.variant, size: this.size, class: { 'xv-progress-indicator': true } }, h("slot", { key: '1e6a9d655861024aee5d8a4e4e159d5fd06250a8' })));
     }
     static get is() { return "xv-progress-indicator-v2"; }
     static get encapsulation() { return "shadow"; }
@@ -74,6 +74,7 @@ export class XvProgressIndicator {
         return {
             "progress": {
                 "type": "number",
+                "attribute": "progress",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -88,12 +89,12 @@ export class XvProgressIndicator {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "progress",
                 "reflect": true,
                 "defaultValue": "0"
             },
             "variant": {
                 "type": "string",
+                "attribute": "variant",
                 "mutable": false,
                 "complexType": {
                     "original": "PROGRESS_VARIANTS",
@@ -114,12 +115,12 @@ export class XvProgressIndicator {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "variant",
                 "reflect": false,
                 "defaultValue": "PROGRESS_VARIANTS.DEFAULT"
             },
             "size": {
                 "type": "string",
+                "attribute": "size",
                 "mutable": false,
                 "complexType": {
                     "original": "SIZE_VAR",
@@ -140,7 +141,6 @@ export class XvProgressIndicator {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "size",
                 "reflect": false,
                 "defaultValue": "SIZE_VAR.MD"
             }

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

@@ -22,7 +22,7 @@ export class XvTableCell {
     }
     ;
     render() {
-        return (h(Host, { key: 'c7d27a9888f8dd449e4ece79309497a7a5435f3f' }, h("slot", { key: '9dfec1da63cd4c796a152fd7c95cd95573922445' })));
+        return (h(Host, { key: 'a43012499f2ab81a47702b6861fd39180729ce8d' }, h("slot", { key: 'bcb83a24979755ec0959e09e849dd8b9fa04a95b' })));
     }
     static get is() { return "xv-table-v2-cell"; }
     static get encapsulation() { return "shadow"; }
@@ -40,6 +40,7 @@ export class XvTableCell {
         return {
             "multiline": {
                 "type": "boolean",
+                "attribute": "multiline",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -54,11 +55,11 @@ export class XvTableCell {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "multiline",
                 "reflect": true
             },
             "name": {
                 "type": "string",
+                "attribute": "name",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -73,11 +74,11 @@ export class XvTableCell {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "name",
                 "reflect": true
             },
             "align": {
                 "type": "string",
+                "attribute": "align",
                 "mutable": false,
                 "complexType": {
                     "original": "'left' | 'right' | 'center'",
@@ -92,11 +93,11 @@ export class XvTableCell {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "align",
                 "reflect": true
             },
             "sort": {
                 "type": "string",
+                "attribute": "sort",
                 "mutable": true,
                 "complexType": {
                     "original": "XV_SORT_DIR | ''",
@@ -117,7 +118,6 @@ export class XvTableCell {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "sort",
                 "reflect": true
             }
         };

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

@@ -10,7 +10,7 @@ export class XvTableExpand {
         };
     }
     render() {
-        return (h(Host, { key: 'd5b0feeb957eb5d6ed947c0819225a6898fea034' }, h("button", { key: '63a7820dc19b3dfb5047f6ec5c271b99a3766d9d', class: { 'expand-btn': true, open: this.open }, disabled: this.disabled, onClick: this.handleExpand }), h("slot", { key: '73ccb205e604809beee6ffc53f00a2033ded8a4a', name: XV_EXPANDABLE_KEY }), h("div", { key: '32399433e236263d8a63874358d27f78db42975c', class: { expandableContent: true, open: this.open } }, h("slot", { key: '52fe4f89bbea86a16ead1f8f001f7cc74239f5d9' }))));
+        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' }))));
     }
     componentDidLoad() {
         setAttr(this.el.parentElement, XV_EXPANDABLE_KEY, true);
@@ -31,6 +31,7 @@ export class XvTableExpand {
         return {
             "open": {
                 "type": "boolean",
+                "attribute": "open",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -45,12 +46,12 @@ export class XvTableExpand {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "open",
                 "reflect": true,
                 "defaultValue": "false"
             },
             "disabled": {
                 "type": "boolean",
+                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -65,7 +66,6 @@ export class XvTableExpand {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "disabled",
                 "reflect": true,
                 "defaultValue": "false"
             }