@salla.sa/twilight-components 1.6.15-alpha.20 → 1.6.15-alpha.3

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 (125) hide show
  1. package/dist/cjs/{index-ccab76e9.js → index-98e1eea0.js} +2 -2
  2. package/dist/cjs/{index-2d91726c.js → index-cac2fd59.js} +10 -89
  3. package/dist/cjs/loader.cjs.js +3 -3
  4. package/dist/cjs/salla-add-product-button.cjs.entry.js +1 -1
  5. package/dist/cjs/{salla-button_29.cjs.entry.js → salla-button_27.cjs.entry.js} +107 -231
  6. package/dist/cjs/salla-conditional-fields.cjs.entry.js +1 -1
  7. package/dist/cjs/salla-installment.cjs.entry.js +9 -4
  8. package/dist/cjs/salla-loyalty-prize-item.cjs.entry.js +1 -1
  9. package/dist/cjs/salla-scopes.cjs.entry.js +1 -1
  10. package/dist/cjs/salla-select.cjs.entry.js +1 -1
  11. package/dist/cjs/twilight.cjs.js +3 -3
  12. package/dist/collection/Helpers/Helper.js +15 -22
  13. package/dist/collection/collection-manifest.json +0 -2
  14. package/dist/collection/components/salla-gifting/salla-gifting.js +3 -9
  15. package/dist/collection/components/salla-infinite-scroll/salla-infinite-scroll.js +2 -1
  16. package/dist/collection/components/salla-installment/salla-installment.css +0 -3
  17. package/dist/collection/components/salla-installment/salla-installment.js +7 -2
  18. package/dist/collection/components/salla-localization-modal/salla-localization-modal.js +4 -2
  19. package/dist/collection/components/salla-login-modal/salla-login-modal.js +1 -1
  20. package/dist/collection/components/salla-modal/salla-modal.js +9 -18
  21. package/dist/collection/components/salla-offer-modal/salla-offer-modal.js +28 -61
  22. package/dist/collection/components/salla-placeholder/salla-placeholder.js +6 -6
  23. package/dist/collection/components/salla-product-availability/salla-product-availability.js +2 -2
  24. package/dist/collection/components/salla-product-size-guide/salla-product-size-guide.js +32 -32
  25. package/dist/collection/components/salla-quantity-input/salla-quantity-input.js +1 -1
  26. package/dist/collection/components/salla-rating-modal/salla-rating-modal.js +18 -15
  27. package/dist/collection/components/salla-rating-stars/salla-rating-stars.js +1 -1
  28. package/dist/collection/components/salla-search/salla-search.js +4 -3
  29. package/dist/collection/components/salla-swiper/salla-swiper.js +0 -1
  30. package/dist/collection/components/salla-tel-input/salla-tel-input.js +4 -2
  31. package/dist/collection/components/salla-verify/salla-verify.js +33 -38
  32. package/dist/components/Helper.js +15 -22
  33. package/dist/components/index.d.ts +0 -2
  34. package/dist/components/index.js +2 -4
  35. package/dist/components/salla-gifting.js +3 -7
  36. package/dist/components/salla-infinite-scroll.js +1 -0
  37. package/dist/components/salla-installment.js +8 -3
  38. package/dist/components/salla-localization-modal.js +4 -2
  39. package/dist/components/salla-login-modal.js +1 -1
  40. package/dist/components/salla-modal2.js +8 -10
  41. package/dist/components/salla-offer-modal.js +19 -41
  42. package/dist/components/salla-placeholder2.js +2 -2
  43. package/dist/components/salla-product-availability2.js +1 -1
  44. package/dist/components/salla-product-size-guide.js +6 -13
  45. package/dist/components/salla-rating-modal.js +21 -21
  46. package/dist/components/salla-rating-stars2.js +1 -1
  47. package/dist/components/salla-search.js +4 -3
  48. package/dist/components/salla-swiper2.js +0 -1
  49. package/dist/components/salla-tel-input2.js +3 -1
  50. package/dist/components/salla-verify2.js +31 -37
  51. package/dist/esm/{index-03197930.js → index-0ce70ad2.js} +10 -89
  52. package/dist/esm/{index-1cc8829f.js → index-294a3ac7.js} +2 -2
  53. package/dist/esm/loader.js +3 -3
  54. package/dist/esm/salla-add-product-button.entry.js +1 -1
  55. package/dist/esm/{salla-button_29.entry.js → salla-button_27.entry.js} +108 -230
  56. package/dist/esm/salla-conditional-fields.entry.js +1 -1
  57. package/dist/esm/salla-installment.entry.js +9 -4
  58. package/dist/esm/salla-loyalty-prize-item.entry.js +1 -1
  59. package/dist/esm/salla-scopes.entry.js +1 -1
  60. package/dist/esm/salla-select.entry.js +1 -1
  61. package/dist/esm/twilight.js +3 -3
  62. package/dist/esm-es5/index-0ce70ad2.js +4 -0
  63. package/dist/esm-es5/index-294a3ac7.js +24 -0
  64. package/dist/esm-es5/loader.js +1 -1
  65. package/dist/esm-es5/salla-add-product-button.entry.js +1 -1
  66. package/dist/esm-es5/salla-button_27.entry.js +34 -0
  67. package/dist/esm-es5/salla-conditional-fields.entry.js +1 -1
  68. package/dist/esm-es5/salla-installment.entry.js +1 -1
  69. package/dist/esm-es5/salla-loyalty-prize-item.entry.js +1 -1
  70. package/dist/esm-es5/salla-scopes.entry.js +1 -1
  71. package/dist/esm-es5/salla-select.entry.js +1 -1
  72. package/dist/esm-es5/twilight.js +1 -1
  73. package/dist/twilight/p-05eb9983.system.js +24 -0
  74. package/dist/twilight/p-0db2b810.entry.js +4 -0
  75. package/dist/twilight/{p-2b8f1167.entry.js → p-10ac9c79.entry.js} +1 -1
  76. package/dist/twilight/{p-06ecc027.entry.js → p-13129ac9.entry.js} +1 -1
  77. package/dist/twilight/{p-f0415183.system.entry.js → p-1914490f.system.entry.js} +1 -1
  78. package/dist/twilight/p-24e726cc.system.entry.js +34 -0
  79. package/dist/twilight/{p-3feb37f5.system.entry.js → p-26a23097.system.entry.js} +1 -1
  80. package/dist/twilight/p-44829812.system.js +4 -0
  81. package/dist/twilight/{p-092ad6d4.entry.js → p-521b6fde.entry.js} +1 -1
  82. package/dist/twilight/p-5b6fe797.js +24 -0
  83. package/dist/twilight/{p-bac267ae.entry.js → p-97daba27.entry.js} +1 -1
  84. package/dist/twilight/{p-a1cd00a6.system.entry.js → p-a7caaba3.system.entry.js} +1 -1
  85. package/dist/twilight/{p-20584294.entry.js → p-bbc94b9b.entry.js} +1 -1
  86. package/dist/twilight/p-ca68752d.js +5 -0
  87. package/dist/twilight/p-ce3e3fa2.system.entry.js +4 -0
  88. package/dist/twilight/p-d64f3123.entry.js +22 -0
  89. package/dist/twilight/p-db0ba553.system.js +5 -0
  90. package/dist/twilight/{p-f7bb47ef.system.entry.js → p-dd9b3c90.system.entry.js} +1 -1
  91. package/dist/twilight/{p-a82f8d33.system.entry.js → p-f610b6bf.system.entry.js} +1 -1
  92. package/dist/twilight/twilight.esm.js +1 -1
  93. package/dist/twilight/twilight.js +1 -1
  94. package/dist/types/Helpers/Helper.d.ts +6 -6
  95. package/dist/types/components/salla-installment/salla-installment.d.ts +2 -1
  96. package/dist/types/components/salla-modal/salla-modal.d.ts +0 -1
  97. package/dist/types/components/salla-offer-modal/offer-schema.d.ts +0 -1
  98. package/dist/types/components/salla-offer-modal/salla-offer-modal.d.ts +0 -4
  99. package/dist/types/components/salla-placeholder/salla-placeholder.d.ts +3 -3
  100. package/dist/types/components/salla-rating-modal/salla-rating-modal.d.ts +1 -2
  101. package/dist/types/components/salla-verify/salla-verify.d.ts +1 -2
  102. package/dist/types/components.d.ts +7 -35
  103. package/package.json +4 -4
  104. package/dist/collection/components/salla-cart-summary/salla-cart-summary.css +0 -3
  105. package/dist/collection/components/salla-cart-summary/salla-cart-summary.js +0 -35
  106. package/dist/collection/components/salla-user-settings/salla-user-settings.css +0 -0
  107. package/dist/collection/components/salla-user-settings/salla-user-settings.js +0 -107
  108. package/dist/components/salla-cart-summary.d.ts +0 -11
  109. package/dist/components/salla-cart-summary.js +0 -53
  110. package/dist/components/salla-user-settings.d.ts +0 -11
  111. package/dist/components/salla-user-settings.js +0 -116
  112. package/dist/esm-es5/index-03197930.js +0 -4
  113. package/dist/esm-es5/index-1cc8829f.js +0 -24
  114. package/dist/esm-es5/salla-button_29.entry.js +0 -34
  115. package/dist/twilight/p-2bdd14ea.entry.js +0 -22
  116. package/dist/twilight/p-a058465b.system.js +0 -24
  117. package/dist/twilight/p-a2cc9062.entry.js +0 -4
  118. package/dist/twilight/p-b95c5d8c.system.entry.js +0 -34
  119. package/dist/twilight/p-c571b40b.js +0 -5
  120. package/dist/twilight/p-ca961962.system.js +0 -5
  121. package/dist/twilight/p-ee91a41b.system.js +0 -4
  122. package/dist/twilight/p-f59fe82e.js +0 -24
  123. package/dist/twilight/p-f99821d3.system.entry.js +0 -4
  124. package/dist/types/components/salla-cart-summary/salla-cart-summary.d.ts +0 -6
  125. package/dist/types/components/salla-user-settings/salla-user-settings.d.ts +0 -18
@@ -1,107 +0,0 @@
1
- /*!
2
- * Crafted with ❤ by Salla
3
- */
4
- import { Component, Host, h, State, Prop } from '@stencil/core';
5
- import Bullhorn from '../../assets/svg/bullhorn.svg';
6
- import UserOff from '../../assets/svg/user-off.svg';
7
- export class SallaUserSettings {
8
- constructor() {
9
- // Texts
10
- this.deactivateAccount = salla.lang.get('pages.profile.deactivate_account');
11
- this.promotionalMsgs = salla.lang.get('pages.profile.promotional_messages');
12
- this.deactivateDesc = salla.lang.get('pages.profile.deactivate_account_description');
13
- this.promotionalMsgsDesc = salla.lang.get('pages.profile.promotional_messages_description');
14
- this.sorryForLeavingText = salla.lang.get('pages.profile.warning_for_deactivate');
15
- this.warningText = salla.lang.get('pages.profile.sorry_for_leaving');
16
- this.keepAccount = salla.lang.get('pages.profile.keep_account');
17
- this.buttonLoading = false;
18
- this.isNotifiable = false;
19
- salla.lang.onLoaded(() => {
20
- this.deactivateAccount = salla.lang.get('pages.profile.deactivate_account');
21
- this.promotionalMsgs = salla.lang.get('pages.profile.promotional_messages');
22
- this.deactivateDesc = salla.lang.get('pages.profile.deactivate_account_description');
23
- this.promotionalMsgsDesc = salla.lang.get('pages.profile.promotional_messages_description');
24
- this.warningText = salla.lang.get('pages.profile.warning_for_deactivate');
25
- this.sorryForLeavingText = salla.lang.get('pages.profile.sorry_for_leaving');
26
- this.keepAccount = salla.lang.get('pages.profile.keep_account');
27
- });
28
- }
29
- toggleNotification(event) {
30
- salla.profile.updateSettings({ is_notifiable: event.target.checked });
31
- }
32
- capitalizeText(str) {
33
- return str.charAt(0).toUpperCase() + str.slice(1);
34
- }
35
- openDeactivateModal() {
36
- this.confirmationModal.setTitle(this.capitalizeText(this.deactivateAccount));
37
- this.confirmationModal.open();
38
- }
39
- async deleteAccount() {
40
- await salla.profile.delete().finally(() => this.confirmationModal.close());
41
- }
42
- render() {
43
- return (h(Host, { class: "s-user-settings-wrapper" },
44
- h("div", { class: "s-user-settings-section" },
45
- h("salla-list-tile", null,
46
- h("div", { slot: "icon", class: "s-user-settings-section-icon" },
47
- h("span", { innerHTML: Bullhorn })),
48
- h("div", { slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.promotionalMsgs)),
49
- h("div", { slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.promotionalMsgsDesc)),
50
- h("div", { slot: 'action', class: "s-user-settings-section-action" },
51
- h("label", { class: "s-toggle" },
52
- h("input", { class: "s-toggle-input", checked: this.isNotifiable, onChange: (e) => this.toggleNotification(e), type: "checkbox" }),
53
- h("div", { class: "s-toggle-switcher" }))))),
54
- h("div", { class: "s-user-settings-section" },
55
- h("salla-list-tile", null,
56
- h("div", { slot: "icon", class: "s-user-settings-section-icon" },
57
- h("span", { innerHTML: UserOff })),
58
- h("div", { slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.deactivateAccount)),
59
- h("div", { slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.deactivateDesc)),
60
- h("div", { slot: 'action', class: "s-user-settings-section-action" },
61
- h("salla-button", { fill: "outline", color: "danger", shape: "btn", size: "medium", width: "normal", onClick: () => this.openDeactivateModal() }, this.capitalizeText(this.deactivateAccount))))),
62
- h("salla-modal", { width: "sm", subTitle: this.capitalizeText(this.sorryForLeavingText), ref: modal => this.confirmationModal = modal },
63
- h("span", { slot: 'icon', class: "s-user-settings-confirmation-icon", innerHTML: UserOff }),
64
- h("div", { class: "s-user-settings-confirmation" },
65
- h("div", { class: "s-user-settings-confirmation-warning" }, this.capitalizeText(this.warningText)),
66
- h("div", { class: "s-user-settings-confirmation-actions" },
67
- h("salla-button", { width: "wide", onClick: () => this.confirmationModal.close() }, this.capitalizeText(this.keepAccount)),
68
- h("salla-button", { fill: 'outline', loading: this.buttonLoading, width: "wide", onClick: () => this.deleteAccount() }, this.capitalizeText(this.deactivateAccount)))))));
69
- }
70
- static get is() { return "salla-user-settings"; }
71
- static get originalStyleUrls() { return {
72
- "$": ["salla-user-settings.scss"]
73
- }; }
74
- static get styleUrls() { return {
75
- "$": ["salla-user-settings.css"]
76
- }; }
77
- static get properties() { return {
78
- "isNotifiable": {
79
- "type": "boolean",
80
- "mutable": false,
81
- "complexType": {
82
- "original": "boolean",
83
- "resolved": "boolean",
84
- "references": {}
85
- },
86
- "required": false,
87
- "optional": false,
88
- "docs": {
89
- "tags": [],
90
- "text": ""
91
- },
92
- "attribute": "is-notifiable",
93
- "reflect": true,
94
- "defaultValue": "false"
95
- }
96
- }; }
97
- static get states() { return {
98
- "deactivateAccount": {},
99
- "promotionalMsgs": {},
100
- "deactivateDesc": {},
101
- "promotionalMsgsDesc": {},
102
- "sorryForLeavingText": {},
103
- "warningText": {},
104
- "keepAccount": {},
105
- "buttonLoading": {}
106
- }; }
107
- }
@@ -1,11 +0,0 @@
1
- import type { Components, JSX } from "../types/components";
2
-
3
- interface SallaCartSummary extends Components.SallaCartSummary, HTMLElement {}
4
- export const SallaCartSummary: {
5
- prototype: SallaCartSummary;
6
- new (): SallaCartSummary;
7
- };
8
- /**
9
- * Used to define this component and all nested components recursively.
10
- */
11
- export const defineCustomElement: () => void;
@@ -1,53 +0,0 @@
1
- /*!
2
- * Crafted with ❤ by Salla
3
- */
4
- import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
5
-
6
- const CartIcon = `<!-- Generated by IcoMoon.io -->
7
- <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="30" height="32" viewBox="0 0 30 32">
8
- <title>cart</title>
9
- <path d="M15.426 28.084c0-1.412-0.85-2.684-2.156-3.226-1.305-0.54-2.807-0.241-3.805 0.758-0.999 0.998-1.298 2.5-0.758 3.805 0.54 1.303 1.815 2.155 3.226 2.155 1.928-0.003 3.49-1.564 3.492-3.492h0.001zM10.597 28.084h0.001c0-0.54 0.326-1.027 0.825-1.235 0.498-0.206 1.074-0.091 1.455 0.29 0.383 0.382 0.497 0.957 0.29 1.456-0.208 0.5-0.695 0.825-1.235 0.825-0.355 0-0.695-0.142-0.944-0.391-0.251-0.251-0.392-0.591-0.392-0.946h-0.001l0.001 0.001zM28.23 28.084c0-1.412-0.85-2.684-2.155-3.226-1.305-0.54-2.807-0.241-3.806 0.758s-1.297 2.5-0.756 3.805c0.54 1.303 1.813 2.155 3.226 2.155 1.927-0.003 3.49-1.564 3.491-3.492zM23.401 28.084c0-0.54 0.326-1.027 0.825-1.235 0.5-0.206 1.075-0.091 1.457 0.29s0.497 0.957 0.289 1.456c-0.206 0.5-0.693 0.825-1.233 0.825-0.738 0-1.337-0.599-1.337-1.337l-0.001 0.001zM1.953 0.234l-0.342-0.059c-0.29-0.064-0.594-0.004-0.839 0.166-0.247 0.169-0.414 0.436-0.463 0.734-0.050 0.3 0.023 0.607 0.201 0.85s0.444 0.402 0.738 0.44l0.341 0.059c1.825 0.324 3.248 1.794 3.548 3.662l1.981 12.369h-0.001c0.218 1.387 0.913 2.651 1.96 3.563s2.379 1.412 3.754 1.41h14.242c0.601 0 1.088-0.498 1.088-1.112s-0.487-1.112-1.088-1.112h-14.242c-1.679-0.001-3.139-1.183-3.525-2.854h11.463c1.614 0.004 3.188-0.518 4.493-1.49 1.305-0.973 2.271-2.346 2.762-3.918l1.298-4.136c0.145-0.455 0.065-0.953-0.213-1.336-0.278-0.385-0.72-0.608-1.187-0.602h-20.467l-0.181-1.141c-0.218-1.367-0.849-2.631-1.802-3.615-0.954-0.983-2.184-1.64-3.518-1.878h-0.001zM26.946 9.096l-0.993 3.169v-0.001c-0.353 1.122-1.044 2.101-1.975 2.796s-2.056 1.067-3.208 1.067h-11.833l-1.125-7.042 19.134 0.011z"></path>
10
- </svg>
11
- `;
12
-
13
- const sallaCartSummaryCss = ":host{display:block}";
14
-
15
- const SallaCartSummary$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
16
- constructor() {
17
- super();
18
- this.__registerHost();
19
- this.__attachShadow();
20
- this.cartSummaryCount = 0;
21
- this.cartSummaryTotal = 0;
22
- salla.cart.event.onUpdated(() => {
23
- this.cartSummaryCount = salla.storage.get('cart.summary.count');
24
- this.cartSummaryCount = salla.storage.get('cart.summary.total');
25
- });
26
- }
27
- render() {
28
- return (h(Host, null, h("a", { class: "s-cart-summary", href: salla.url.get('cart') }, h("slot", { name: "icon" }, h("i", { class: "s-cart-summary-icon", innerHTML: CartIcon })), h("span", { class: "s-cart-summary-count" }, salla.helpers.number(this.cartSummaryCount)), h("b", { class: "s-cart-summary-total" }, salla.money(this.cartSummaryTotal)))));
29
- }
30
- static get style() { return sallaCartSummaryCss; }
31
- }, [1, "salla-cart-summary", {
32
- "cartSummaryCount": [32],
33
- "cartSummaryTotal": [32]
34
- }]);
35
- function defineCustomElement$1() {
36
- if (typeof customElements === "undefined") {
37
- return;
38
- }
39
- const components = ["salla-cart-summary"];
40
- components.forEach(tagName => { switch (tagName) {
41
- case "salla-cart-summary":
42
- if (!customElements.get(tagName)) {
43
- customElements.define(tagName, SallaCartSummary$1);
44
- }
45
- break;
46
- } });
47
- }
48
- defineCustomElement$1();
49
-
50
- const SallaCartSummary = SallaCartSummary$1;
51
- const defineCustomElement = defineCustomElement$1;
52
-
53
- export { SallaCartSummary, defineCustomElement };
@@ -1,11 +0,0 @@
1
- import type { Components, JSX } from "../types/components";
2
-
3
- interface SallaUserSettings extends Components.SallaUserSettings, HTMLElement {}
4
- export const SallaUserSettings: {
5
- prototype: SallaUserSettings;
6
- new (): SallaUserSettings;
7
- };
8
- /**
9
- * Used to define this component and all nested components recursively.
10
- */
11
- export const defineCustomElement: () => void;
@@ -1,116 +0,0 @@
1
- /*!
2
- * Crafted with ❤ by Salla
3
- */
4
- import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
5
- import { d as defineCustomElement$5 } from './salla-button2.js';
6
- import { d as defineCustomElement$4 } from './salla-list-tile2.js';
7
- import { d as defineCustomElement$3 } from './salla-loading2.js';
8
- import { d as defineCustomElement$2 } from './salla-modal2.js';
9
-
10
- const Bullhorn = `<!-- Generated by IcoMoon.io -->
11
- <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
12
- <title>bullhorn</title>
13
- <path d="M30.129 0.264c-0.339-0.252-0.776-0.328-1.179-0.208l-24.951 7.485v-0.216c0-0.736-0.597-1.333-1.333-1.333s-1.333 0.597-1.333 1.333v14.667c0 0.736 0.597 1.333 1.333 1.333s1.333-0.597 1.333-1.333v-0.112l3.448 1.207-0.595 1.704c-0.321 1.019-0.227 2.103 0.267 3.051s1.327 1.647 2.345 1.968l6.359 2.004c0.399 0.127 0.804 0.187 1.201 0.187 1.699 0 3.277-1.091 3.812-2.785l0.423-1.295 7.633 2.672c0.143 0.049 0.292 0.075 0.44 0.075 0.273 0 0.543-0.084 0.772-0.247 0.352-0.249 0.561-0.655 0.561-1.087v-28c0-0.421-0.199-0.819-0.537-1.069zM18.297 28.4c-0.221 0.701-0.973 1.089-1.673 0.871l-6.357-2.004c-0.34-0.108-0.617-0.34-0.781-0.656s-0.196-0.676-0.101-0.977l0.581-1.665 8.777 3.072zM28 27.453l-24-8.4v-8.728l24-7.2z"></path>
14
- </svg>
15
- `;
16
-
17
- const UserOff = `<!-- Generated by IcoMoon.io -->
18
- <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
19
- <title>user-off</title>
20
- <path d="M10.837 19.309c-4.963 1.284-8.171 4.303-8.171 7.691v3.667c0 0.736 0.597 1.333 1.333 1.333s1.333-0.597 1.333-1.333v-3.667c0-2.101 2.48-4.155 6.172-5.109 0.713-0.184 1.141-0.912 0.957-1.625-0.184-0.711-0.908-1.137-1.625-0.956zM12.859 3.715c0.933-0.685 2.020-1.048 3.141-1.048 2.941 0 5.333 2.392 5.333 5.333 0 1.121-0.363 2.208-1.048 3.141-0.436 0.593-0.308 1.428 0.284 1.864 0.239 0.175 0.515 0.259 0.788 0.259 0.411 0 0.815-0.188 1.076-0.544 1.025-1.393 1.567-3.025 1.567-4.72 0-4.412-3.588-8-8-8-1.695 0-3.327 0.541-4.721 1.567-0.592 0.435-0.72 1.269-0.284 1.864 0.436 0.593 1.269 0.721 1.864 0.284zM31.609 29.724l-29.333-29.333c-0.521-0.521-1.364-0.521-1.885 0s-0.521 1.364 0 1.885l29.333 29.333c0.26 0.26 0.601 0.391 0.943 0.391s0.683-0.131 0.943-0.391c0.521-0.521 0.521-1.364 0-1.885z"></path>
21
- </svg>
22
- `;
23
-
24
- const sallaUserSettingsCss = "";
25
-
26
- const SallaUserSettings$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
27
- constructor() {
28
- super();
29
- this.__registerHost();
30
- // Texts
31
- this.deactivateAccount = salla.lang.get('pages.profile.deactivate_account');
32
- this.promotionalMsgs = salla.lang.get('pages.profile.promotional_messages');
33
- this.deactivateDesc = salla.lang.get('pages.profile.deactivate_account_description');
34
- this.promotionalMsgsDesc = salla.lang.get('pages.profile.promotional_messages_description');
35
- this.sorryForLeavingText = salla.lang.get('pages.profile.warning_for_deactivate');
36
- this.warningText = salla.lang.get('pages.profile.sorry_for_leaving');
37
- this.keepAccount = salla.lang.get('pages.profile.keep_account');
38
- this.buttonLoading = false;
39
- this.isNotifiable = false;
40
- salla.lang.onLoaded(() => {
41
- this.deactivateAccount = salla.lang.get('pages.profile.deactivate_account');
42
- this.promotionalMsgs = salla.lang.get('pages.profile.promotional_messages');
43
- this.deactivateDesc = salla.lang.get('pages.profile.deactivate_account_description');
44
- this.promotionalMsgsDesc = salla.lang.get('pages.profile.promotional_messages_description');
45
- this.warningText = salla.lang.get('pages.profile.warning_for_deactivate');
46
- this.sorryForLeavingText = salla.lang.get('pages.profile.sorry_for_leaving');
47
- this.keepAccount = salla.lang.get('pages.profile.keep_account');
48
- });
49
- }
50
- toggleNotification(event) {
51
- salla.profile.updateSettings({ is_notifiable: event.target.checked });
52
- }
53
- capitalizeText(str) {
54
- return str.charAt(0).toUpperCase() + str.slice(1);
55
- }
56
- openDeactivateModal() {
57
- this.confirmationModal.setTitle(this.capitalizeText(this.deactivateAccount));
58
- this.confirmationModal.open();
59
- }
60
- async deleteAccount() {
61
- await salla.profile.delete().finally(() => this.confirmationModal.close());
62
- }
63
- render() {
64
- return (h(Host, { class: "s-user-settings-wrapper" }, h("div", { class: "s-user-settings-section" }, h("salla-list-tile", null, h("div", { slot: "icon", class: "s-user-settings-section-icon" }, h("span", { innerHTML: Bullhorn })), h("div", { slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.promotionalMsgs)), h("div", { slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.promotionalMsgsDesc)), h("div", { slot: 'action', class: "s-user-settings-section-action" }, h("label", { class: "s-toggle" }, h("input", { class: "s-toggle-input", checked: this.isNotifiable, onChange: (e) => this.toggleNotification(e), type: "checkbox" }), h("div", { class: "s-toggle-switcher" }))))), h("div", { class: "s-user-settings-section" }, h("salla-list-tile", null, h("div", { slot: "icon", class: "s-user-settings-section-icon" }, h("span", { innerHTML: UserOff })), h("div", { slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.deactivateAccount)), h("div", { slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.deactivateDesc)), h("div", { slot: 'action', class: "s-user-settings-section-action" }, h("salla-button", { fill: "outline", color: "danger", shape: "btn", size: "medium", width: "normal", onClick: () => this.openDeactivateModal() }, this.capitalizeText(this.deactivateAccount))))), h("salla-modal", { width: "sm", subTitle: this.capitalizeText(this.sorryForLeavingText), ref: modal => this.confirmationModal = modal }, h("span", { slot: 'icon', class: "s-user-settings-confirmation-icon", innerHTML: UserOff }), h("div", { class: "s-user-settings-confirmation" }, h("div", { class: "s-user-settings-confirmation-warning" }, this.capitalizeText(this.warningText)), h("div", { class: "s-user-settings-confirmation-actions" }, h("salla-button", { width: "wide", onClick: () => this.confirmationModal.close() }, this.capitalizeText(this.keepAccount)), h("salla-button", { fill: 'outline', loading: this.buttonLoading, width: "wide", onClick: () => this.deleteAccount() }, this.capitalizeText(this.deactivateAccount)))))));
65
- }
66
- static get style() { return sallaUserSettingsCss; }
67
- }, [0, "salla-user-settings", {
68
- "isNotifiable": [516, "is-notifiable"],
69
- "deactivateAccount": [32],
70
- "promotionalMsgs": [32],
71
- "deactivateDesc": [32],
72
- "promotionalMsgsDesc": [32],
73
- "sorryForLeavingText": [32],
74
- "warningText": [32],
75
- "keepAccount": [32],
76
- "buttonLoading": [32]
77
- }]);
78
- function defineCustomElement$1() {
79
- if (typeof customElements === "undefined") {
80
- return;
81
- }
82
- const components = ["salla-user-settings", "salla-button", "salla-list-tile", "salla-loading", "salla-modal"];
83
- components.forEach(tagName => { switch (tagName) {
84
- case "salla-user-settings":
85
- if (!customElements.get(tagName)) {
86
- customElements.define(tagName, SallaUserSettings$1);
87
- }
88
- break;
89
- case "salla-button":
90
- if (!customElements.get(tagName)) {
91
- defineCustomElement$5();
92
- }
93
- break;
94
- case "salla-list-tile":
95
- if (!customElements.get(tagName)) {
96
- defineCustomElement$4();
97
- }
98
- break;
99
- case "salla-loading":
100
- if (!customElements.get(tagName)) {
101
- defineCustomElement$3();
102
- }
103
- break;
104
- case "salla-modal":
105
- if (!customElements.get(tagName)) {
106
- defineCustomElement$2();
107
- }
108
- break;
109
- } });
110
- }
111
- defineCustomElement$1();
112
-
113
- const SallaUserSettings = SallaUserSettings$1;
114
- const defineCustomElement = defineCustomElement$1;
115
-
116
- export { SallaUserSettings, defineCustomElement };
@@ -1,4 +0,0 @@
1
- var __extends=this&&this.__extends||function(){var e=function(t,r){e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)if(Object.prototype.hasOwnProperty.call(t,r))e[r]=t[r]};return e(t,r)};return function(t,r){if(typeof r!=="function"&&r!==null)throw new TypeError("Class extends value "+String(r)+" is not a constructor or null");e(t,r);function n(){this.constructor=t}t.prototype=r===null?Object.create(r):(n.prototype=r.prototype,new n)}}();var __awaiter=this&&this.__awaiter||function(e,t,r,n){function a(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,o){function s(e){try{i(n.next(e))}catch(e){o(e)}}function l(e){try{i(n["throw"](e))}catch(e){o(e)}}function i(e){e.done?r(e.value):a(e.value).then(s,l)}i((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var r={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},n,a,o,s;return s={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function l(e){return function(t){return i([e,t])}}function i(s){if(n)throw new TypeError("Generator is already executing.");while(r)try{if(n=1,a&&(o=s[0]&2?a["return"]:s[0]?a["throw"]||((o=a["return"])&&o.call(a),0):a.next)&&!(o=o.call(a,s[1])).done)return o;if(a=0,o)s=[s[0]&2,o.value];switch(s[0]){case 0:case 1:o=s;break;case 4:r.label++;return{value:s[1],done:false};case 5:r.label++;a=s[1];s=[0];continue;case 7:s=r.ops.pop();r.trys.pop();continue;default:if(!(o=r.trys,o=o.length>0&&o[o.length-1])&&(s[0]===6||s[0]===2)){r=0;continue}if(s[0]===3&&(!o||s[1]>o[0]&&s[1]<o[3])){r.label=s[1];break}if(s[0]===6&&r.label<o[1]){r.label=o[1];o=s;break}if(o&&r.label<o[2]){r.label=o[2];r.ops.push(s);break}if(o[2])r.ops.pop();r.trys.pop();continue}s=t.call(e,r)}catch(e){s=[6,e];a=0}finally{n=o=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,t,r){if(r||arguments.length===2)for(var n=0,a=t.length,o;n<a;n++){if(o||!(n in t)){if(!o)o=Array.prototype.slice.call(t,0,n);o[n]=t[n]}}return e.concat(o||Array.prototype.slice.call(t))};
2
- /*!
3
- * Crafted with ❤ by Salla
4
- */var NAMESPACE="twilight";var scopeId;var contentRef;var hostTagName;var useNativeShadowDom=false;var checkSlotFallbackVisibility=false;var checkSlotRelocate=false;var isSvgMode=false;var queuePending=false;var win=typeof window!=="undefined"?window:{};var CSS=win.CSS;var doc=win.document||{head:{}};var plt={$flags$:0,$resourcesUrl$:"",jmp:function(e){return e()},raf:function(e){return requestAnimationFrame(e)},ael:function(e,t,r,n){return e.addEventListener(t,r,n)},rel:function(e,t,r,n){return e.removeEventListener(t,r,n)},ce:function(e,t){return new CustomEvent(e,t)}};var supportsShadow=true;var promiseResolve=function(e){return Promise.resolve(e)};var supportsConstructableStylesheets=function(){try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false}();var addHostEventListeners=function(e,t,r,n){if(r){r.map((function(r){var n=r[0],a=r[1],o=r[2];var s=getHostListenerTarget(e,n);var l=hostListenerProxy(t,o);var i=hostListenerOpts(n);plt.ael(s,a,l,i);(t.$rmListeners$=t.$rmListeners$||[]).push((function(){return plt.rel(s,a,l,i)}))}))}};var hostListenerProxy=function(e,t){return function(r){try{{if(e.$flags$&256){e.$lazyInstance$[t](r)}else{(e.$queuedListeners$=e.$queuedListeners$||[]).push([t,r])}}}catch(e){consoleError(e)}}};var getHostListenerTarget=function(e,t){if(t&8)return win;return e};var hostListenerOpts=function(e){return(e&2)!==0};var CONTENT_REF_ID="r";var ORG_LOCATION_ID="o";var SLOT_NODE_ID="s";var TEXT_NODE_ID="t";var HYDRATE_ID="s-id";var HYDRATED_STYLE_ID="sty-id";var HYDRATE_CHILD_ID="c-id";var HYDRATED_CSS="{visibility:hidden}.hydrated{visibility:inherit}";var XLINK_NS="http://www.w3.org/1999/xlink";var createTime=function(e,t){if(t===void 0){t=""}{return function(){return}}};var uniqueTime=function(e,t){{return function(){return}}};var rootAppliedStyles=new WeakMap;var registerStyle=function(e,t,r){var n=styles.get(e);if(supportsConstructableStylesheets&&r){n=n||new CSSStyleSheet;if(typeof n==="string"){n=t}else{n.replaceSync(t)}}else{n=t}styles.set(e,n)};var addStyle=function(e,t,r,n){var a=getScopeId(t);var o=styles.get(a);e=e.nodeType===11?e:doc;if(o){if(typeof o==="string"){e=e.head||e;var s=rootAppliedStyles.get(e);var l=void 0;if(!s){rootAppliedStyles.set(e,s=new Set)}if(!s.has(a)){if(e.host&&(l=e.querySelector("[".concat(HYDRATED_STYLE_ID,'="').concat(a,'"]')))){l.innerHTML=o}else{if(plt.$cssShim$){l=plt.$cssShim$.createHostStyle(n,a,o,!!(t.$flags$&10));var i=l["s-sc"];if(i){a=i;s=null}}else{l=doc.createElement("style");l.innerHTML=o}e.insertBefore(l,e.querySelector("link"))}if(s){s.add(a)}}}else if(!e.adoptedStyleSheets.includes(o)){e.adoptedStyleSheets=__spreadArray(__spreadArray([],e.adoptedStyleSheets,true),[o],false)}}return a};var attachStyles=function(e){var t=e.$cmpMeta$;var r=e.$hostElement$;var n=t.$flags$;var a=createTime("attachStyles",t.$tagName$);var o=addStyle(r.shadowRoot?r.shadowRoot:r.getRootNode(),t,e.$modeName$,r);if(n&10){r["s-sc"]=o;r.classList.add(o+"-h")}a()};var getScopeId=function(e,t){return"sc-"+e.$tagName$};var convertScopedToShadow=function(e){return e.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{")};var EMPTY_OBJ={};var SVG_NS="http://www.w3.org/2000/svg";var HTML_NS="http://www.w3.org/1999/xhtml";var isDef=function(e){return e!=null};var isComplexType=function(e){e=typeof e;return e==="object"||e==="function"};var h=function(e,t){var r=[];for(var n=2;n<arguments.length;n++){r[n-2]=arguments[n]}var a=null;var o=null;var s=null;var l=false;var i=false;var c=[];var $=function(t){for(var r=0;r<t.length;r++){a=t[r];if(Array.isArray(a)){$(a)}else if(a!=null&&typeof a!=="boolean"){if(l=typeof e!=="function"&&!isComplexType(a)){a=String(a)}if(l&&i){c[c.length-1].$text$+=a}else{c.push(l?newVNode(null,a):a)}i=l}}};$(r);if(t){if(t.key){o=t.key}if(t.name){s=t.name}{var f=t.className||t.class;if(f){t.class=typeof f!=="object"?f:Object.keys(f).filter((function(e){return f[e]})).join(" ")}}}var u=newVNode(e,null);u.$attrs$=t;if(c.length>0){u.$children$=c}{u.$key$=o}{u.$name$=s}return u};var newVNode=function(e,t){var r={$flags$:0,$tag$:e,$text$:t,$elm$:null,$children$:null};{r.$attrs$=null}{r.$key$=null}{r.$name$=null}return r};var Host={};var isHost=function(e){return e&&e.$tag$===Host};var setAccessor=function(e,t,r,n,a,o){if(r!==n){var s=isMemberInElement(e,t);var l=t.toLowerCase();if(t==="class"){var i=e.classList;var c=parseClassList(r);var $=parseClassList(n);i.remove.apply(i,c.filter((function(e){return e&&!$.includes(e)})));i.add.apply(i,$.filter((function(e){return e&&!c.includes(e)})))}else if(t==="style"){{for(var f in r){if(!n||n[f]==null){if(f.includes("-")){e.style.removeProperty(f)}else{e.style[f]=""}}}}for(var f in n){if(!r||n[f]!==r[f]){if(f.includes("-")){e.style.setProperty(f,n[f])}else{e.style[f]=n[f]}}}}else if(t==="key");else if(t==="ref"){if(n){n(e)}}else if(!s&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(isMemberInElement(win,l)){t=l.slice(2)}else{t=l[2]+t.slice(3)}if(r){plt.rel(e,t,r,false)}if(n){plt.ael(e,t,n,false)}}else{var u=isComplexType(n);if((s||u&&n!==null)&&!a){try{if(!e.tagName.includes("-")){var d=n==null?"":n;if(t==="list"){s=false}else if(r==null||e[t]!=d){e[t]=d}}else{e[t]=n}}catch(e){}}var v=false;{if(l!==(l=l.replace(/^xlink\:?/,""))){t=l;v=true}}if(n==null||n===false){if(n!==false||e.getAttribute(t)===""){if(v){e.removeAttributeNS(XLINK_NS,t)}else{e.removeAttribute(t)}}}else if((!s||o&4||a)&&!u){n=n===true?"":n;if(v){e.setAttributeNS(XLINK_NS,t,n)}else{e.setAttribute(t,n)}}}}};var parseClassListRegex=/\s/;var parseClassList=function(e){return!e?[]:e.split(parseClassListRegex)};var updateElement=function(e,t,r,n){var a=t.$elm$.nodeType===11&&t.$elm$.host?t.$elm$.host:t.$elm$;var o=e&&e.$attrs$||EMPTY_OBJ;var s=t.$attrs$||EMPTY_OBJ;{for(n in o){if(!(n in s)){setAccessor(a,n,o[n],undefined,r,t.$flags$)}}}for(n in s){setAccessor(a,n,o[n],s[n],r,t.$flags$)}};var createElm=function(e,t,r,n){var a=t.$children$[r];var o=0;var s;var l;var i;if(!useNativeShadowDom){checkSlotRelocate=true;if(a.$tag$==="slot"){if(scopeId){n.classList.add(scopeId+"-s")}a.$flags$|=a.$children$?2:1}}if(a.$text$!==null){s=a.$elm$=doc.createTextNode(a.$text$)}else if(a.$flags$&1){s=a.$elm$=doc.createTextNode("")}else{if(!isSvgMode){isSvgMode=a.$tag$==="svg"}s=a.$elm$=doc.createElementNS(isSvgMode?SVG_NS:HTML_NS,a.$flags$&2?"slot-fb":a.$tag$);if(isSvgMode&&a.$tag$==="foreignObject"){isSvgMode=false}{updateElement(null,a,isSvgMode)}if(isDef(scopeId)&&s["s-si"]!==scopeId){s.classList.add(s["s-si"]=scopeId)}if(a.$children$){for(o=0;o<a.$children$.length;++o){l=createElm(e,a,o,s);if(l){s.appendChild(l)}}}{if(a.$tag$==="svg"){isSvgMode=false}else if(s.tagName==="foreignObject"){isSvgMode=true}}}{s["s-hn"]=hostTagName;if(a.$flags$&(2|1)){s["s-sr"]=true;s["s-cr"]=contentRef;s["s-sn"]=a.$name$||"";i=e&&e.$children$&&e.$children$[r];if(i&&i.$tag$===a.$tag$&&e.$elm$){putBackInOriginalLocation(e.$elm$,false)}}}return s};var putBackInOriginalLocation=function(e,t){plt.$flags$|=1;var r=e.childNodes;for(var n=r.length-1;n>=0;n--){var a=r[n];if(a["s-hn"]!==hostTagName&&a["s-ol"]){parentReferenceNode(a).insertBefore(a,referenceNode(a));a["s-ol"].remove();a["s-ol"]=undefined;checkSlotRelocate=true}if(t){putBackInOriginalLocation(a,t)}}plt.$flags$&=~1};var addVnodes=function(e,t,r,n,a,o){var s=e["s-cr"]&&e["s-cr"].parentNode||e;var l;if(s.shadowRoot&&s.tagName===hostTagName){s=s.shadowRoot}for(;a<=o;++a){if(n[a]){l=createElm(null,r,a,e);if(l){n[a].$elm$=l;s.insertBefore(l,referenceNode(t))}}}};var removeVnodes=function(e,t,r,n,a){for(;t<=r;++t){if(n=e[t]){a=n.$elm$;callNodeRefs(n);{checkSlotFallbackVisibility=true;if(a["s-ol"]){a["s-ol"].remove()}else{putBackInOriginalLocation(a,true)}}a.remove()}}};var updateChildren=function(e,t,r,n){var a=0;var o=0;var s=0;var l=0;var i=t.length-1;var c=t[0];var $=t[i];var f=n.length-1;var u=n[0];var d=n[f];var v;var p;while(a<=i&&o<=f){if(c==null){c=t[++a]}else if($==null){$=t[--i]}else if(u==null){u=n[++o]}else if(d==null){d=n[--f]}else if(isSameVnode(c,u)){patch(c,u);c=t[++a];u=n[++o]}else if(isSameVnode($,d)){patch($,d);$=t[--i];d=n[--f]}else if(isSameVnode(c,d)){if(c.$tag$==="slot"||d.$tag$==="slot"){putBackInOriginalLocation(c.$elm$.parentNode,false)}patch(c,d);e.insertBefore(c.$elm$,$.$elm$.nextSibling);c=t[++a];d=n[--f]}else if(isSameVnode($,u)){if(c.$tag$==="slot"||d.$tag$==="slot"){putBackInOriginalLocation($.$elm$.parentNode,false)}patch($,u);e.insertBefore($.$elm$,c.$elm$);$=t[--i];u=n[++o]}else{s=-1;{for(l=a;l<=i;++l){if(t[l]&&t[l].$key$!==null&&t[l].$key$===u.$key$){s=l;break}}}if(s>=0){p=t[s];if(p.$tag$!==u.$tag$){v=createElm(t&&t[o],r,s,e)}else{patch(p,u);t[s]=undefined;v=p.$elm$}u=n[++o]}else{v=createElm(t&&t[o],r,o,e);u=n[++o]}if(v){{parentReferenceNode(c.$elm$).insertBefore(v,referenceNode(c.$elm$))}}}}if(a>i){addVnodes(e,n[f+1]==null?null:n[f+1].$elm$,r,n,o,f)}else if(o>f){removeVnodes(t,a,i)}};var isSameVnode=function(e,t){if(e.$tag$===t.$tag$){if(e.$tag$==="slot"){return e.$name$===t.$name$}{return e.$key$===t.$key$}}return false};var referenceNode=function(e){return e&&e["s-ol"]||e};var parentReferenceNode=function(e){return(e["s-ol"]?e["s-ol"]:e).parentNode};var patch=function(e,t){var r=t.$elm$=e.$elm$;var n=e.$children$;var a=t.$children$;var o=t.$tag$;var s=t.$text$;var l;if(s===null){{isSvgMode=o==="svg"?true:o==="foreignObject"?false:isSvgMode}{if(o==="slot");else{updateElement(e,t,isSvgMode)}}if(n!==null&&a!==null){updateChildren(r,n,t,a)}else if(a!==null){if(e.$text$!==null){r.textContent=""}addVnodes(r,null,t,a,0,a.length-1)}else if(n!==null){removeVnodes(n,0,n.length-1)}if(isSvgMode&&o==="svg"){isSvgMode=false}}else if(l=r["s-cr"]){l.parentNode.textContent=s}else if(e.$text$!==s){r.data=s}};var updateFallbackSlotVisibility=function(e){var t=e.childNodes;var r;var n;var a;var o;var s;var l;for(n=0,a=t.length;n<a;n++){r=t[n];if(r.nodeType===1){if(r["s-sr"]){s=r["s-sn"];r.hidden=false;for(o=0;o<a;o++){l=t[o].nodeType;if(t[o]["s-hn"]!==r["s-hn"]||s!==""){if(l===1&&s===t[o].getAttribute("slot")){r.hidden=true;break}}else{if(l===1||l===3&&t[o].textContent.trim()!==""){r.hidden=true;break}}}}updateFallbackSlotVisibility(r)}}};var relocateNodes=[];var relocateSlotContent=function(e){var t;var r;var n;var a;var o;var s;var l=0;var i=e.childNodes;var c=i.length;for(;l<c;l++){t=i[l];if(t["s-sr"]&&(r=t["s-cr"])&&r.parentNode){n=r.parentNode.childNodes;a=t["s-sn"];for(s=n.length-1;s>=0;s--){r=n[s];if(!r["s-cn"]&&!r["s-nr"]&&r["s-hn"]!==t["s-hn"]){if(isNodeLocatedInSlot(r,a)){o=relocateNodes.find((function(e){return e.$nodeToRelocate$===r}));checkSlotFallbackVisibility=true;r["s-sn"]=r["s-sn"]||a;if(o){o.$slotRefNode$=t}else{relocateNodes.push({$slotRefNode$:t,$nodeToRelocate$:r})}if(r["s-sr"]){relocateNodes.map((function(e){if(isNodeLocatedInSlot(e.$nodeToRelocate$,r["s-sn"])){o=relocateNodes.find((function(e){return e.$nodeToRelocate$===r}));if(o&&!e.$slotRefNode$){e.$slotRefNode$=o.$slotRefNode$}}}))}}else if(!relocateNodes.some((function(e){return e.$nodeToRelocate$===r}))){relocateNodes.push({$nodeToRelocate$:r})}}}}if(t.nodeType===1){relocateSlotContent(t)}}};var isNodeLocatedInSlot=function(e,t){if(e.nodeType===1){if(e.getAttribute("slot")===null&&t===""){return true}if(e.getAttribute("slot")===t){return true}return false}if(e["s-sn"]===t){return true}return t===""};var callNodeRefs=function(e){{e.$attrs$&&e.$attrs$.ref&&e.$attrs$.ref(null);e.$children$&&e.$children$.map(callNodeRefs)}};var renderVdom=function(e,t){var r=e.$hostElement$;var n=e.$cmpMeta$;var a=e.$vnode$||newVNode(null,null);var o=isHost(t)?t:h(null,null,t);hostTagName=r.tagName;if(n.$attrsToReflect$){o.$attrs$=o.$attrs$||{};n.$attrsToReflect$.map((function(e){var t=e[0],n=e[1];return o.$attrs$[n]=r[t]}))}o.$tag$=null;o.$flags$|=4;e.$vnode$=o;o.$elm$=a.$elm$=r.shadowRoot||r;{scopeId=r["s-sc"]}{contentRef=r["s-cr"];useNativeShadowDom=(n.$flags$&1)!==0;checkSlotFallbackVisibility=false}patch(a,o);{plt.$flags$|=1;if(checkSlotRelocate){relocateSlotContent(o.$elm$);var s=void 0;var l=void 0;var i=void 0;var c=void 0;var $=void 0;var f=void 0;var u=0;for(;u<relocateNodes.length;u++){s=relocateNodes[u];l=s.$nodeToRelocate$;if(!l["s-ol"]){i=doc.createTextNode("");i["s-nr"]=l;l.parentNode.insertBefore(l["s-ol"]=i,l)}}for(u=0;u<relocateNodes.length;u++){s=relocateNodes[u];l=s.$nodeToRelocate$;if(s.$slotRefNode$){c=s.$slotRefNode$.parentNode;$=s.$slotRefNode$.nextSibling;i=l["s-ol"];while(i=i.previousSibling){f=i["s-nr"];if(f&&f["s-sn"]===l["s-sn"]&&c===f.parentNode){f=f.nextSibling;if(!f||!f["s-nr"]){$=f;break}}}if(!$&&c!==l.parentNode||l.nextSibling!==$){if(l!==$){if(!l["s-hn"]&&l["s-ol"]){l["s-hn"]=l["s-ol"].parentNode.nodeName}c.insertBefore(l,$)}}}else{if(l.nodeType===1){l.hidden=true}}}}if(checkSlotFallbackVisibility){updateFallbackSlotVisibility(o.$elm$)}plt.$flags$&=~1;relocateNodes.length=0}};var getElement=function(e){return getHostRef(e).$hostElement$};var createEvent=function(e,t,r){var n=getElement(e);return{emit:function(e){return emitEvent(n,t,{bubbles:!!(r&4),composed:!!(r&2),cancelable:!!(r&1),detail:e})}}};var emitEvent=function(e,t,r){var n=plt.ce(t,r);e.dispatchEvent(n);return n};var attachToAncestor=function(e,t){if(t&&!e.$onRenderResolve$&&t["s-p"]){t["s-p"].push(new Promise((function(t){return e.$onRenderResolve$=t})))}};var scheduleUpdate=function(e,t){{e.$flags$|=16}if(e.$flags$&4){e.$flags$|=512;return}attachToAncestor(e,e.$ancestorComponent$);var r=function(){return dispatchHooks(e,t)};return writeTask(r)};var dispatchHooks=function(e,t){var r=createTime("scheduleUpdate",e.$cmpMeta$.$tagName$);var n=e.$lazyInstance$;var a;if(t){{e.$flags$|=256;if(e.$queuedListeners$){e.$queuedListeners$.map((function(e){var t=e[0],r=e[1];return safeCall(n,t,r)}));e.$queuedListeners$=null}}{a=safeCall(n,"componentWillLoad")}}r();return then(a,(function(){return updateComponent(e,n,t)}))};var updateComponent=function(e,t,r){return __awaiter(void 0,void 0,void 0,(function(){var n,a,o,s,l,i;return __generator(this,(function(c){n=e.$hostElement$;a=createTime("update",e.$cmpMeta$.$tagName$);o=n["s-rc"];if(r){attachStyles(e)}s=createTime("render",e.$cmpMeta$.$tagName$);{callRender(e,t)}if(plt.$cssShim$){plt.$cssShim$.updateHost(n)}if(o){o.map((function(e){return e()}));n["s-rc"]=undefined}s();a();{l=n["s-p"];i=function(){return postUpdateComponent(e)};if(l.length===0){i()}else{Promise.all(l).then(i);e.$flags$|=4;l.length=0}}return[2]}))}))};var callRender=function(e,t,r){try{t=t.render();{e.$flags$&=~16}{e.$flags$|=2}{{{renderVdom(e,t)}}}}catch(t){consoleError(t,e.$hostElement$)}return null};var postUpdateComponent=function(e){var t=e.$cmpMeta$.$tagName$;var r=e.$hostElement$;var n=createTime("postUpdate",t);var a=e.$lazyInstance$;var o=e.$ancestorComponent$;{safeCall(a,"componentDidRender")}if(!(e.$flags$&64)){e.$flags$|=64;{addHydratedFlag(r)}{safeCall(a,"componentDidLoad")}n();{e.$onReadyResolve$(r);if(!o){appDidLoad()}}}else{n()}{e.$onInstanceResolve$(r)}{if(e.$onRenderResolve$){e.$onRenderResolve$();e.$onRenderResolve$=undefined}if(e.$flags$&512){nextTick((function(){return scheduleUpdate(e,false)}))}e.$flags$&=~(4|512)}};var appDidLoad=function(e){{addHydratedFlag(doc.documentElement)}nextTick((function(){return emitEvent(win,"appload",{detail:{namespace:NAMESPACE}})}))};var safeCall=function(e,t,r){if(e&&e[t]){try{return e[t](r)}catch(e){consoleError(e)}}return undefined};var then=function(e,t){return e&&e.then?e.then(t):t()};var addHydratedFlag=function(e){return e.classList.add("hydrated")};var initializeClientHydrate=function(e,t,r,n){var a=createTime("hydrateClient",t);var o=e.shadowRoot;var s=[];var l=[];var i=o?[]:null;var c=n.$vnode$=newVNode(t,null);if(!plt.$orgLocNodes$){initializeDocumentHydrate(doc.body,plt.$orgLocNodes$=new Map)}e[HYDRATE_ID]=r;e.removeAttribute(HYDRATE_ID);clientHydrate(c,s,l,i,e,e,r);s.map((function(e){var r=e.$hostId$+"."+e.$nodeId$;var n=plt.$orgLocNodes$.get(r);var a=e.$elm$;if(n&&supportsShadow&&n["s-en"]===""){n.parentNode.insertBefore(a,n.nextSibling)}if(!o){a["s-hn"]=t;if(n){a["s-ol"]=n;a["s-ol"]["s-nr"]=a}}plt.$orgLocNodes$.delete(r)}));if(o){i.map((function(e){if(e){o.appendChild(e)}}))}a()};var clientHydrate=function(e,t,r,n,a,o,s){var l;var i;var c;var $;if(o.nodeType===1){l=o.getAttribute(HYDRATE_CHILD_ID);if(l){i=l.split(".");if(i[0]===s||i[0]==="0"){c={$flags$:0,$hostId$:i[0],$nodeId$:i[1],$depth$:i[2],$index$:i[3],$tag$:o.tagName.toLowerCase(),$elm$:o,$attrs$:null,$children$:null,$key$:null,$name$:null,$text$:null};t.push(c);o.removeAttribute(HYDRATE_CHILD_ID);if(!e.$children$){e.$children$=[]}e.$children$[c.$index$]=c;e=c;if(n&&c.$depth$==="0"){n[c.$index$]=c.$elm$}}}for($=o.childNodes.length-1;$>=0;$--){clientHydrate(e,t,r,n,a,o.childNodes[$],s)}if(o.shadowRoot){for($=o.shadowRoot.childNodes.length-1;$>=0;$--){clientHydrate(e,t,r,n,a,o.shadowRoot.childNodes[$],s)}}}else if(o.nodeType===8){i=o.nodeValue.split(".");if(i[1]===s||i[1]==="0"){l=i[0];c={$flags$:0,$hostId$:i[1],$nodeId$:i[2],$depth$:i[3],$index$:i[4],$elm$:o,$attrs$:null,$children$:null,$key$:null,$name$:null,$tag$:null,$text$:null};if(l===TEXT_NODE_ID){c.$elm$=o.nextSibling;if(c.$elm$&&c.$elm$.nodeType===3){c.$text$=c.$elm$.textContent;t.push(c);o.remove();if(!e.$children$){e.$children$=[]}e.$children$[c.$index$]=c;if(n&&c.$depth$==="0"){n[c.$index$]=c.$elm$}}}else if(c.$hostId$===s){if(l===SLOT_NODE_ID){c.$tag$="slot";if(i[5]){o["s-sn"]=c.$name$=i[5]}else{o["s-sn"]=""}o["s-sr"]=true;if(n){c.$elm$=doc.createElement(c.$tag$);if(c.$name$){c.$elm$.setAttribute("name",c.$name$)}o.parentNode.insertBefore(c.$elm$,o);o.remove();if(c.$depth$==="0"){n[c.$index$]=c.$elm$}}r.push(c);if(!e.$children$){e.$children$=[]}e.$children$[c.$index$]=c}else if(l===CONTENT_REF_ID){if(n){o.remove()}else{a["s-cr"]=o;o["s-cn"]=true}}}}}else if(e&&e.$tag$==="style"){var f=newVNode(null,o.textContent);f.$elm$=o;f.$index$="0";e.$children$=[f]}};var initializeDocumentHydrate=function(e,t){if(e.nodeType===1){var r=0;for(;r<e.childNodes.length;r++){initializeDocumentHydrate(e.childNodes[r],t)}if(e.shadowRoot){for(r=0;r<e.shadowRoot.childNodes.length;r++){initializeDocumentHydrate(e.shadowRoot.childNodes[r],t)}}}else if(e.nodeType===8){var n=e.nodeValue.split(".");if(n[0]===ORG_LOCATION_ID){t.set(n[1]+"."+n[2],e);e.nodeValue="";e["s-en"]=n[3]}}};var parsePropertyValue=function(e,t){if(e!=null&&!isComplexType(e)){if(t&4){return e==="false"?false:e===""||!!e}if(t&2){return parseFloat(e)}if(t&1){return String(e)}return e}return e};var getValue=function(e,t){return getHostRef(e).$instanceValues$.get(t)};var setValue=function(e,t,r,n){var a=getHostRef(e);var o=a.$hostElement$;var s=a.$instanceValues$.get(t);var l=a.$flags$;var i=a.$lazyInstance$;r=parsePropertyValue(r,n.$members$[t][0]);var c=Number.isNaN(s)&&Number.isNaN(r);var $=r!==s&&!c;if((!(l&8)||s===undefined)&&$){a.$instanceValues$.set(t,r);if(i){if(n.$watchers$&&l&128){var f=n.$watchers$[t];if(f){f.map((function(e){try{i[e](r,s,t)}catch(e){consoleError(e,o)}}))}}if((l&(2|16))===2){scheduleUpdate(a,false)}}}};var proxyComponent=function(e,t,r){if(t.$members$){if(e.watchers){t.$watchers$=e.watchers}var n=Object.entries(t.$members$);var a=e.prototype;n.map((function(e){var n=e[0],o=e[1][0];if(o&31||r&2&&o&32){Object.defineProperty(a,n,{get:function(){return getValue(this,n)},set:function(e){setValue(this,n,e,t)},configurable:true,enumerable:true})}else if(r&1&&o&64){Object.defineProperty(a,n,{value:function(){var e=[];for(var t=0;t<arguments.length;t++){e[t]=arguments[t]}var r=getHostRef(this);return r.$onInstancePromise$.then((function(){var t;return(t=r.$lazyInstance$)[n].apply(t,e)}))}})}}));if(r&1){var o=new Map;a.attributeChangedCallback=function(e,t,r){var n=this;plt.jmp((function(){var t=o.get(e);if(n.hasOwnProperty(t)){r=n[t];delete n[t]}else if(a.hasOwnProperty(t)&&typeof n[t]==="number"&&n[t]==r){return}n[t]=r===null&&typeof n[t]==="boolean"?false:r}))};e.observedAttributes=n.filter((function(e){var t=e[0],r=e[1];return r[0]&15})).map((function(e){var r=e[0],n=e[1];var a=n[1]||r;o.set(a,r);if(n[0]&512){t.$attrsToReflect$.push([r,a])}return a}))}}return e};var initializeComponent=function(e,t,r,n,a){return __awaiter(void 0,void 0,void 0,(function(){var e,n,o,s,l,i,c;return __generator(this,(function($){switch($.label){case 0:if(!((t.$flags$&32)===0))return[3,3];t.$flags$|=32;a=loadModule(r);if(!a.then)return[3,2];e=uniqueTime();return[4,a];case 1:a=$.sent();e();$.label=2;case 2:if(!a.isProxied){{r.$watchers$=a.watchers}proxyComponent(a,r,2);a.isProxied=true}n=createTime("createInstance",r.$tagName$);{t.$flags$|=8}try{new a(t)}catch(e){consoleError(e)}{t.$flags$&=~8}{t.$flags$|=128}n();if(a.style){o=a.style;s=getScopeId(r);if(!styles.has(s)){l=createTime("registerStyles",r.$tagName$);registerStyle(s,o,!!(r.$flags$&1));l()}}$.label=3;case 3:i=t.$ancestorComponent$;c=function(){return scheduleUpdate(t,true)};if(i&&i["s-rc"]){i["s-rc"].push(c)}else{c()}return[2]}}))}))};var connectedCallback=function(e){if((plt.$flags$&1)===0){var t=getHostRef(e);var r=t.$cmpMeta$;var n=createTime("connectedCallback",r.$tagName$);if(!(t.$flags$&1)){t.$flags$|=1;var a=void 0;{a=e.getAttribute(HYDRATE_ID);if(a){if(r.$flags$&1){var o=addStyle(e.shadowRoot,r);e.classList.remove(o+"-h",o+"-s")}initializeClientHydrate(e,r.$tagName$,a,t)}}if(!a){if(r.$flags$&(4|8)){setContentReference(e)}}{var s=e;while(s=s.parentNode||s.host){if(s.nodeType===1&&s.hasAttribute("s-id")&&s["s-p"]||s["s-p"]){attachToAncestor(t,t.$ancestorComponent$=s);break}}}if(r.$members$){Object.entries(r.$members$).map((function(t){var r=t[0],n=t[1][0];if(n&31&&e.hasOwnProperty(r)){var a=e[r];delete e[r];e[r]=a}}))}{initializeComponent(e,t,r)}}else{addHostEventListeners(e,t,r.$listeners$)}n()}};var setContentReference=function(e){var t=e["s-cr"]=doc.createComment("");t["s-cn"]=true;e.insertBefore(t,e.firstChild)};var disconnectedCallback=function(e){if((plt.$flags$&1)===0){var t=getHostRef(e);{if(t.$rmListeners$){t.$rmListeners$.map((function(e){return e()}));t.$rmListeners$=undefined}}if(plt.$cssShim$){plt.$cssShim$.removeHost(e)}}};var bootstrapLazy=function(e,t){if(t===void 0){t={}}var r=createTime();var n=[];var a=t.exclude||[];var o=win.customElements;var s=doc.head;var l=s.querySelector("meta[charset]");var i=doc.createElement("style");var c=[];var $=doc.querySelectorAll("[".concat(HYDRATED_STYLE_ID,"]"));var f;var u=true;var d=0;Object.assign(plt,t);plt.$resourcesUrl$=new URL(t.resourcesUrl||"./",doc.baseURI).href;{plt.$flags$|=2}{for(;d<$.length;d++){registerStyle($[d].getAttribute(HYDRATED_STYLE_ID),convertScopedToShadow($[d].innerHTML),true)}}e.map((function(e){e[1].map((function(t){var r={$flags$:t[0],$tagName$:t[1],$members$:t[2],$listeners$:t[3]};{r.$members$=t[2]}{r.$listeners$=t[3]}{r.$attrsToReflect$=[]}{r.$watchers$={}}var s=r.$tagName$;var l=function(e){__extends(t,e);function t(t){var n=e.call(this,t)||this;t=n;registerHost(t,r);if(r.$flags$&1){{{t.attachShadow({mode:"open"})}}}return n}t.prototype.connectedCallback=function(){var e=this;if(f){clearTimeout(f);f=null}if(u){c.push(this)}else{plt.jmp((function(){return connectedCallback(e)}))}};t.prototype.disconnectedCallback=function(){var e=this;plt.jmp((function(){return disconnectedCallback(e)}))};t.prototype.componentOnReady=function(){return getHostRef(this).$onReadyPromise$};return t}(HTMLElement);r.$lazyBundleId$=e[0];if(!a.includes(s)&&!o.get(s)){n.push(s);o.define(s,proxyComponent(l,r,1))}}))}));{i.innerHTML=n+HYDRATED_CSS;i.setAttribute("data-styles","");s.insertBefore(i,l?l.nextSibling:s.firstChild)}u=false;if(c.length){c.map((function(e){return e.connectedCallback()}))}else{{plt.jmp((function(){return f=setTimeout(appDidLoad,30)}))}}r()};var hostRefs=new WeakMap;var getHostRef=function(e){return hostRefs.get(e)};var registerInstance=function(e,t){return hostRefs.set(t.$lazyInstance$=e,t)};var registerHost=function(e,t){var r={$flags$:0,$hostElement$:e,$cmpMeta$:t,$instanceValues$:new Map};{r.$onInstancePromise$=new Promise((function(e){return r.$onInstanceResolve$=e}))}{r.$onReadyPromise$=new Promise((function(e){return r.$onReadyResolve$=e}));e["s-p"]=[];e["s-rc"]=[]}addHostEventListeners(e,r,t.$listeners$);return hostRefs.set(e,r)};var isMemberInElement=function(e,t){return t in e};var consoleError=function(e,t){return(0,console.error)(e,t)};var cmpModules=new Map;var loadModule=function(e,t,r){var n=e.$tagName$.replace(/-/g,"_");var a=e.$lazyBundleId$;var o=cmpModules.get(a);if(o){return o[n]}if(!r||!BUILD.hotModuleReplacement){var s=function(e){cmpModules.set(a,e);return e[n]};switch(a){case"salla-button_29":return import("./salla-button_29.entry.js").then(s,consoleError);case"salla-add-product-button":return import("./salla-add-product-button.entry.js").then(s,consoleError);case"salla-conditional-fields":return import("./salla-conditional-fields.entry.js").then(s,consoleError);case"salla-installment":return import("./salla-installment.entry.js").then(s,consoleError);case"salla-loyalty-prize-item":return import("./salla-loyalty-prize-item.entry.js").then(s,consoleError);case"salla-scopes":return import("./salla-scopes.entry.js").then(s,consoleError);case"salla-select":return import("./salla-select.entry.js").then(s,consoleError)}}return import("./".concat(a,".entry.js").concat("")).then((function(e){{cmpModules.set(a,e)}return e[n]}),consoleError)};var styles=new Map;var queueDomReads=[];var queueDomWrites=[];var queueTask=function(e,t){return function(r){e.push(r);if(!queuePending){queuePending=true;if(t&&plt.$flags$&4){nextTick(flush)}else{plt.raf(flush)}}}};var consume=function(e){for(var t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){consoleError(e)}}e.length=0};var flush=function(){consume(queueDomReads);{consume(queueDomWrites);if(queuePending=queueDomReads.length>0){plt.raf(flush)}}};var nextTick=function(e){return promiseResolve().then(e)};var writeTask=queueTask(queueDomWrites,true);export{CSS as C,Host as H,NAMESPACE as N,promiseResolve as a,bootstrapLazy as b,createEvent as c,doc as d,getElement as g,h,plt as p,registerInstance as r,win as w};