@salla.sa/twilight-components 2.14.393 → 2.14.395

package/dist/collection/components/salla-filters/salla-filters.js

@@ -209,6 +209,7 @@ export class SallaFilters {
         return {
             "filters": {
                 "type": "unknown",
+                "attribute": "filters",
                 "mutable": true,
                 "complexType": {
                     "original": "Filter[]",
@@ -217,8 +218,7 @@ export class SallaFilters {
                         "Filter": {
                             "location": "import",
                             "path": "./interfaces",
-                            "id": "src/components/salla-filters/interfaces.ts::Filter",
-                            "referenceLocation": "Filter"
+                            "id": "src/components/salla-filters/interfaces.ts::Filter"
                         }
                     }
                 },

package/dist/collection/components/salla-filters-widget/salla-filters-widget.js

@@ -185,6 +185,7 @@ export class SallaFiltersWidget {
         return {
             "withLoadMore": {
                 "type": "boolean",
+                "attribute": "with-load-more",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -199,11 +200,11 @@ export class SallaFiltersWidget {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "attribute": "with-load-more"
+                "reflect": false
             },
             "filtersData": {
                 "type": "unknown",
+                "attribute": "filters-data",
                 "mutable": false,
                 "complexType": {
                     "original": "object",
@@ -221,6 +222,7 @@ export class SallaFiltersWidget {
             },
             "option": {
                 "type": "unknown",
+                "attribute": "option",
                 "mutable": false,
                 "complexType": {
                     "original": "Filter",
@@ -229,8 +231,7 @@ export class SallaFiltersWidget {
                         "Filter": {
                             "location": "import",
                             "path": "../salla-filters/interfaces",
-                            "id": "src/components/salla-filters/interfaces.ts::Filter",
-                            "referenceLocation": "Filter"
+                            "id": "src/components/salla-filters/interfaces.ts::Filter"
                         }
                     }
                 },

package/dist/collection/components/salla-gifting/salla-gifting.js

@@ -80,6 +80,9 @@ export class SallaGifting {
             this.open();
         });
     }
+    isPhysical() {
+        return this.physicalProducts || this.physical;
+    }
     componentDidLoad() {
         salla.event.product.onPriceUpdated(() => {
             const quantityInput = document.querySelector(`.s-quantity-input-input`);
@@ -448,7 +451,7 @@ export class SallaGifting {
             { key: 'sender_name', value: this.senderName, label: this.senderNameLabel },
             { key: 'receiver.name', value: this.receiverName, label: this.receiverNameFieldLabel },
             { key: 'receiver.mobile', value: this.receiverMobile, label: this.receiverMobileFieldLabel },
-            ...(this.physicalProducts ? [
+            ...(this.isPhysical() ? [
                 { key: 'receiver.country', value: this.selectedCountryId, label: this.receiverCountryFieldLabel },
                 ...(this.isKSA ? [{ key: 'receiver.region', value: this.selectedRegionId, label: this.receiverRegionFieldLabel }] : []),
                 { key: 'receiver.city_id', value: this.receiverCity, label: this.receiverCityFieldLabel },
@@ -476,9 +479,9 @@ export class SallaGifting {
                 name: this.receiverName,
                 mobile_country_code: this.receiverCountryCode,
                 mobile: this.receiverMobile,
-                ...(this.physicalProducts && this.selectedCountryCode ? { country_code: this.selectedCountryCode } : {}),
-                ...(this.physicalProducts && this.selectedRegionId ? { region_id: this.selectedRegionId } : {}),
-                ...(this.receiverCity && this.physicalProducts ? { city_id: this.receiverCity } : {})
+                ...(this.isPhysical() && this.selectedCountryCode ? { country_code: this.selectedCountryCode } : {}),
+                ...(this.isPhysical() && this.selectedRegionId ? { region_id: this.selectedRegionId } : {}),
+                ...(this.receiverCity && this.isPhysical() ? { city_id: this.receiverCity } : {})
             },
             has_apple_pay: salla.helpers.hasApplePay(),
         };
@@ -539,7 +542,7 @@ export class SallaGifting {
     }
     render() {
         return [
-            h("div", { key: '5d0eec8210f77d166c144704ec78bffcaf1f4ce0' }, h("salla-list-tile", { key: '19cc20b4f70bbb8a7d267f60052db77589901962', class: this.generateClass() }, h("div", { key: '1c3c52b5ac48e71a6ac26c60494657ac28d16457', slot: "title" }, this.vertical ? h("span", { innerHTML: GiftSharing }) : '', h("h3", { key: 'e3379fb3ed39d1bc63500346058b26b883c3be13' }, !!this.widgetTitle ? this.widgetTitle : this.sectionTitle)), h("div", { key: 'f6c2a522727546aa27cef725faa8be082da063da', slot: "subtitle" }, h("div", { key: '7b58ad967f39fa2cc660369b72e73f8dc49f90dc' }, !!this.widgetSubtitle ? this.widgetSubtitle : this.sectionSubtitle)), h("div", { key: '848396dcd6ce6009ebc4cf1a209a055ad1adbf15', slot: "action" }, h("salla-button", { key: '2ba69b670f1c958784c6f1dca6b2dd0b93f20859', color: "primary", fill: "outline", width: "wide", class: "s-gifting-widget-action", onClick: () => this.handleGiftButtonClick() }, h("slot", { key: '6ac9ac339e321fc9433465cfd75f299307ee7152', name: "widget-btn-content" }, h("div", { key: 'c61dd36375886c1ecf87f115e5248dca1af7efc9', class: "s-gifting-widget-action-content" }, h("span", { key: '0c8a3630ba6b15889fc4bf3d55a1279cdf713400', innerHTML: GiftSharing }), " \u00A0", h("span", { key: 'c9299ec752e5393f30a78e1e01d367be9e97ca50' }, this.sectionBtnText)))))), h("salla-modal", { key: '9ee17e79f97eee59d25d9627d5b1cd4ada7cadb3', id: this.hostId, isLoading: true, class: "s-gifting-modal", width: "sm", ref: modal => this.modal = modal }, h("div", { key: 'aba3b6a4d3e903934c9b5e629119c3a3b5bc90ab', slot: "loading" }, h("div", { key: 'e03613cc85bf4024f63d2e256a2744ec78f7eabf', class: "s-gifting-skeleton" }, h("div", { key: '01156691d540ce5ef5723902610a1da27fba3ddb', class: "s-gifting-modal-header" }, h("salla-skeleton", { key: 'e45b4868e4fa5633aeb22f758f75f5412290b179', type: 'circle', height: '5rem', width: '5rem' }), h("h2", { key: '2b427d38dd6e0569e16de84ef46eb2052d23b739', class: "s-gifting-modal-title" }, h("div", { key: 'c4f9cb6f513e3ebd2e6ad209648a1f70bcafbcb5', class: "s-gifting-modal-badge-wrapper" }, h("salla-skeleton", { key: 'e684b682a4cca89262128cca13604b7aa9a83cd7', height: '15px', width: '150px' })))), h("div", { key: '2941865d68cd216b4dd82bb8279f6bcbaa062bf3', class: "s-gifting-skeleton-content" }, h("salla-skeleton", { key: '7c4f4235a666930ceef3dc0b38809aea5ee5ce5c', height: '10px', width: '150px' }), h("salla-skeleton", { key: '0257f401762a11b0bf3da7db603b4e5f57bd1aae', height: '230px' }), h("salla-skeleton", { key: 'cced26b189549fcee4eff3a3fbd943a5735b4c6c', height: '10px', width: '150px' }), h("salla-skeleton", { key: 'f5893e5c631564c91bfe42c4102190d43f913947', height: '30px' }), h("salla-skeleton", { key: '64d3738017cf6732b429848c1de4ca16db1adc06', height: '40px' })))), h("slot", { key: '77d5bda8147f7f09d73b97fd7456121626b465a7', name: "header" }), !!this.hasError ?
+            h("div", { key: 'ea8b7581fc816b2984ec7a8c9f0d5bfb30710577' }, h("salla-list-tile", { key: '44e4b948c467ecbec4934f894af3e88a01567338', class: this.generateClass() }, h("div", { key: 'c36ccc48ff4209d2aad05123981c8efad4de8642', slot: "title" }, this.vertical ? h("span", { innerHTML: GiftSharing }) : '', h("h3", { key: 'd5cfd335582f2af620ef50ae92b431b3fdf84b71' }, !!this.widgetTitle ? this.widgetTitle : this.sectionTitle)), h("div", { key: '9623168820eefb63c833dd14c68c1dc20afe1cd1', slot: "subtitle" }, h("div", { key: 'e2fda7dc68054c0f382f61d74a578589b565a544' }, !!this.widgetSubtitle ? this.widgetSubtitle : this.sectionSubtitle)), h("div", { key: 'e888e024772c0ef848e4a4113b218bb4e05d78db', slot: "action" }, h("salla-button", { key: 'd443bfd1f5925299a4e0510fae8fc175d390b55a', color: "primary", fill: "outline", width: "wide", class: "s-gifting-widget-action", onClick: () => this.handleGiftButtonClick() }, h("slot", { key: '8df23b83891ee2abf644cde76675ca6bb796db79', name: "widget-btn-content" }, h("div", { key: '6b5153a1f1b9d5e127093c3fcc96e2a0fa4954f4', class: "s-gifting-widget-action-content" }, h("span", { key: '41a7f2e88c8046d7211abf5d7fc9d3f533c02292', innerHTML: GiftSharing }), " \u00A0", h("span", { key: '45ea8eac19ca9cccf37cd34d8f84211e6172cd45' }, this.sectionBtnText)))))), h("salla-modal", { key: '5bd076c54c4d072886671653e536c649763785b1', id: this.hostId, isLoading: true, class: "s-gifting-modal", width: "sm", ref: modal => this.modal = modal }, h("div", { key: '378d12f388bd0627355af5b4e57929c00ae28044', slot: "loading" }, h("div", { key: '1b738d4b461a9ebe3a5184f4de727bb1b4b45890', class: "s-gifting-skeleton" }, h("div", { key: '660c901f477536e68d2a3bacd028438c9726b968', class: "s-gifting-modal-header" }, h("salla-skeleton", { key: '46f8e45a0a38c10784fc5f3505092e65ed2bba3a', type: 'circle', height: '5rem', width: '5rem' }), h("h2", { key: '09b3356d736e5eb46bb51df2e2fa539dc9d8c99f', class: "s-gifting-modal-title" }, h("div", { key: 'cc8cb7dece64c65d5891e32e49588316e9009f6c', class: "s-gifting-modal-badge-wrapper" }, h("salla-skeleton", { key: '41b30274a655babdd0c9e26e74dc3f0bdd4a2aea', height: '15px', width: '150px' })))), h("div", { key: 'b241162827a085279f646452a151d6483a37cc8e', class: "s-gifting-skeleton-content" }, h("salla-skeleton", { key: '5ac15a8e94b50ea03cd033375b08f9e4406a7e17', height: '10px', width: '150px' }), h("salla-skeleton", { key: '697e157e475df0cb71b79e3752019f522ed847a3', height: '230px' }), h("salla-skeleton", { key: '8a5e586c059b765f6425d7060a18e8d799be3c4f', height: '10px', width: '150px' }), h("salla-skeleton", { key: 'e1ee17daef6904b8302b0f4437e99b221bd6b236', height: '30px' }), h("salla-skeleton", { key: '9dfbca00f18a37348eb83021ef4fec073685fe7d', height: '40px' })))), h("slot", { key: 'da2c687a186ed115acee04cc683eff3a6a73168f', name: "header" }), !!this.hasError ?
                 h("salla-placeholder", { alignment: "center" }, h("span", { slot: "title" }, this.errorMessage || salla.lang.get('common.errors.empty_results')), h("span", { slot: "description" }, " "))
                 :
                     [
@@ -551,15 +554,15 @@ export class SallaGifting {
                             this.gift?.gift_texts.map((txt) => h("option", { "data-id": txt.id, value: txt.text, key: txt.id }, txt.text)) : '', h("option", { "data-id": "custom" }, this.giftCustomText))), h("div", { class: this.showGiftText ? "s-form-group s-gifting-textarea shown" : "s-form-group s-gifting-textarea hide", ref: (el) => this.customTextArea = el }, h("label", { htmlFor: "gift-custom-text", class: "s-form-label" }, this.giftCustomText), h("div", { class: "mt-1" }, h("textarea", { onInput: (event) => this.handleTextAreaChange(event), rows: 4, ref: (el) => this.textArea = el, name: "gift-custom-text", id: "gift-custom-text", class: "s-form-control" })))), h("div", { class: "anime-item" }, h("salla-button", { color: "primary", width: "wide", onClick: () => this.goToStep2() }, h("span", null, this.nextStep)))), h("div", { class: "s-gifting-step-two gift-step-2", ref: el => this.step2Elems = el }, h("div", { class: this.step2ItemClass(this.errors?.['sender_name'] ? 's-form-group s-form-has-error' : 's-form-group') }, h("label", { htmlFor: "sender_name", class: "s-form-label" }, this.senderNameLabel), h("input", { type: "text", class: "s-form-control", name: "sender_name", id: "sender_name", value: this.senderName, onInput: (event) => this.handleSenderName(event), placeholder: "" }), this.errors && this.errors['sender_name'] ?
                             h("span", { class: "s-gifting-error" }, this.errors['sender_name']) : ''), h("div", { class: this.step2ItemClass(this.errors?.['receiver.name'] ? 's-form-group s-form-has-error' : 's-form-group') }, h("label", { htmlFor: "receiver_name", class: "s-form-label" }, this.receiverNameFieldLabel), h("input", { type: "text", class: "s-form-control", name: "receiver_name", id: "receiver_name", value: "", onInput: (event) => this.handleReceiverName(event), placeholder: "" }), this.errors && this.errors['receiver.name'] ?
                             h("span", { class: "s-gifting-error" }, this.errors['receiver.name']) : ''), h("div", { class: this.step2ItemClass(this.errors?.['receiver.mobile'] ? 's-form-group s-form-has-error' : 's-form-group') }, h("label", { class: "s-form-label" }, this.receiverMobileFieldLabel), h("salla-tel-input", { class: "s-gifting-tel-input", phone: this.receiverMobile, countryCode: this.receiverCountryCode, onPhoneEntered: (e) => this.handlePhoneInputChange(e) }), this.errors && this.errors['receiver.mobile'] ?
-                            h("span", { class: "s-gifting-error" }, this.errors['receiver.mobile']) : ''), this.physicalProducts &&
+                            h("span", { class: "s-gifting-error" }, this.errors['receiver.mobile']) : ''), this.isPhysical() &&
                             h("div", { class: this.step2ItemClass(this.errors?.['receiver.country'] ? 's-form-group s-form-has-error' : 's-form-group') }, h("label", { class: "s-form-label" }, this.receiverCountryFieldLabel), h("select", { name: "country", class: "s-form-control", onChange: (event) => this.handleCountryChange(event), required: true }, h("option", { value: "" }, this.selectCountry), this.gift?.countries?.map((country) => (h("option", { value: country.id }, country.name)))), this.errors && this.errors['receiver.country'] ?
-                                h("span", { class: "s-gifting-error" }, this.errors['receiver.country']) : ''), this.physicalProducts && this.isKSA &&
+                                h("span", { class: "s-gifting-error" }, this.errors['receiver.country']) : ''), this.isPhysical() && this.isKSA &&
                             h("div", { class: this.step2ItemClass(this.errors?.['receiver.region'] ? 's-form-group s-form-has-error' : 's-form-group') }, h("label", { class: "s-form-label" }, this.receiverRegionFieldLabel), h("select", { name: "region", class: "s-form-control", onChange: (event) => this.handleRegionChange(event), disabled: this.loadingRegions }, h("option", { value: "", selected: true }, this.loadingRegions ? salla.lang.get('common.elements.loading') : this.selectRegion), this.regions?.map((region) => (h("option", { value: region.id }, region.name)))), this.errors && this.errors['receiver.region'] ?
-                                h("span", { class: "s-gifting-error" }, this.errors['receiver.region']) : ''), this.physicalProducts &&
+                                h("span", { class: "s-gifting-error" }, this.errors['receiver.region']) : ''), this.isPhysical() &&
                             h("div", { class: this.step2ItemClass(this.errors?.['receiver.city_id'] ? 's-form-group s-form-has-error' : 's-form-group') }, h("label", { class: "s-form-label" }, this.receiverCityFieldLabel), h("select", { name: "city", "aria-label": salla.lang.get('blocks.buy_as_gift.select_city'), class: "s-form-control", onChange: (event) => this.handleReceiverCity(event), disabled: this.loadingCities || (this.isKSA && !this.selectedRegionId) }, h("option", { value: "", selected: true }, this.loadingCities ? salla.lang.get('common.elements.loading') : this.selectCity), this.gift?.cities?.map((city) => (h("option", { value: city.id }, city.name)))), this.errors && this.errors['receiver.city_id'] ?
-                                h("span", { class: "s-gifting-error" }, this.errors['receiver.city_id']) : ''), this.physicalProducts &&
-                            h("div", { class: this.step2ItemClass('s-gifting-info') }, h("span", { innerHTML: Alert }), h("span", null, this.selectCityInfo)), !this.physicalProducts && h("div", { class: this.step2ItemClass() }, h("label", { class: "s-gifting-schedule s-gifting-clickable", htmlFor: `schedule-${this.hostId}` }, h("input", { type: "checkbox", name: 'schedule', id: `schedule-${this.hostId}`, onChange: () => this.toggleCalendar(), class: "s-checkbox" }), h("span", { class: "s-form-label" }, " ", this.sendLater, " "))), h("div", { class: this.getCalendarClasses(), ref: (el) => this.calendarFormGroup = el }, h("label", { class: "s-form-label" }, this.selectSendDateAndTime), h("salla-datetime-picker", { value: this.deliveryDate, placeholder: this.selectSendDateAndTime, "enable-time": true, "date-format": "Y-m-d h:i K", onPicked: (event) => this.handleDateTimePicker(event) }), h("span", { class: "s-gifting-calendar-hint" }, this.canNotEditOrderAfterSelectDate)), h("div", { class: this.step2ItemClass('s-gifting-step-two-footer') }, h("a", { href: "#!", innerHTML: LeftArrow, onClick: (e) => this.goToStep1(e) }), h("salla-button", { onClick: () => this.submitForm(), color: "primary", width: 'wide' }, h("span", null, this.sendGift)))))
-                    ], h("slot", { key: '46da7ff69a3c10b75886a23936f2f9ad8ad0e7bf', name: "footer" })))
+                                h("span", { class: "s-gifting-error" }, this.errors['receiver.city_id']) : ''), this.isPhysical() &&
+                            h("div", { class: this.step2ItemClass('s-gifting-info') }, h("span", { innerHTML: Alert }), h("span", null, this.selectCityInfo)), !this.isPhysical() && h("div", { class: this.step2ItemClass() }, h("label", { class: "s-gifting-schedule s-gifting-clickable", htmlFor: `schedule-${this.hostId}` }, h("input", { type: "checkbox", name: 'schedule', id: `schedule-${this.hostId}`, onChange: () => this.toggleCalendar(), class: "s-checkbox" }), h("span", { class: "s-form-label" }, " ", this.sendLater, " "))), h("div", { class: this.getCalendarClasses(), ref: (el) => this.calendarFormGroup = el }, h("label", { class: "s-form-label" }, this.selectSendDateAndTime), h("salla-datetime-picker", { value: this.deliveryDate, placeholder: this.selectSendDateAndTime, "enable-time": true, "date-format": "Y-m-d h:i K", onPicked: (event) => this.handleDateTimePicker(event) }), h("span", { class: "s-gifting-calendar-hint" }, this.canNotEditOrderAfterSelectDate)), h("div", { class: this.step2ItemClass('s-gifting-step-two-footer') }, h("a", { href: "#!", innerHTML: LeftArrow, onClick: (e) => this.goToStep1(e) }), h("salla-button", { onClick: () => this.submitForm(), color: "primary", width: 'wide' }, h("span", null, this.sendGift)))))
+                    ], h("slot", { key: '20793a5a50c708c93be79df033e43a36e615d075', name: "footer" })))
         ];
     }
     static get is() { return "salla-gifting"; }
@@ -577,6 +580,7 @@ export class SallaGifting {
         return {
             "productId": {
                 "type": "number",
+                "attribute": "product-id",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -591,11 +595,11 @@ export class SallaGifting {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "attribute": "product-id"
+                "reflect": false
             },
             "widgetTitle": {
                 "type": "string",
+                "attribute": "widget-title",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -610,11 +614,11 @@ export class SallaGifting {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "attribute": "widget-title"
+                "reflect": false
             },
             "widgetSubtitle": {
                 "type": "string",
+                "attribute": "widget-subtitle",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -629,11 +633,11 @@ export class SallaGifting {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "attribute": "widget-subtitle"
+                "reflect": false
             },
             "physicalProducts": {
                 "type": "boolean",
+                "attribute": "physical-products",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -644,15 +648,34 @@ export class SallaGifting {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Is Physcial products"
+                    "text": "Is Physical products"
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "attribute": "physical-products"
+                "reflect": false
+            },
+            "physical": {
+                "type": "boolean",
+                "attribute": "physical",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Is Physical products (alias of `physicalProducts` for themes passing `physical`)"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
             },
             "vertical": {
                 "type": "boolean",
+                "attribute": "vertical",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -667,11 +690,11 @@ export class SallaGifting {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "attribute": "vertical"
+                "reflect": false
             },
             "formSelector": {
                 "type": "string",
+                "attribute": "form-selector",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -687,7 +710,6 @@ export class SallaGifting {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "form-selector",
                 "defaultValue": "'form.product-form, form.form--product-options'"
             }
         };

package/dist/collection/components/salla-hook/salla-hook.js

@@ -24,6 +24,7 @@ export class SallaHook {
         return {
             "name": {
                 "type": "string",
+                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -38,8 +39,7 @@ export class SallaHook {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "attribute": "name"
+                "reflect": false
             }
         };
     }

package/dist/collection/components/salla-infinite-scroll/salla-infinite-scroll.js

@@ -94,6 +94,7 @@ export class SallaInfiniteScroll {
         return {
             "nextPage": {
                 "type": "string",
+                "attribute": "next-page",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -109,11 +110,11 @@ export class SallaInfiniteScroll {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "next-page",
                 "defaultValue": "''"
             },
             "autoload": {
                 "type": "boolean",
+                "attribute": "autoload",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -129,11 +130,11 @@ export class SallaInfiniteScroll {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "autoload",
                 "defaultValue": "false"
             },
             "container": {
                 "type": "string",
+                "attribute": "container",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -149,11 +150,11 @@ export class SallaInfiniteScroll {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "container",
                 "defaultValue": "'salla-infinite-scroll'"
             },
             "loadMoreText": {
                 "type": "string",
+                "attribute": "load-more-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -168,11 +169,11 @@ export class SallaInfiniteScroll {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "attribute": "load-more-text"
+                "reflect": false
             },
             "item": {
                 "type": "string",
+                "attribute": "item",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -188,7 +189,6 @@ export class SallaInfiniteScroll {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "item",
                 "defaultValue": "'salla-infinite-scroll > *'"
             }
         };

package/dist/collection/components/salla-installment/salla-installment.js

@@ -282,6 +282,7 @@ export class SallaInstallment {
         return {
             "price": {
                 "type": "string",
+                "attribute": "price",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -296,11 +297,11 @@ export class SallaInstallment {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "attribute": "price"
+                "reflect": false
             },
             "language": {
                 "type": "string",
+                "attribute": "language",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -316,11 +317,11 @@ export class SallaInstallment {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "language",
                 "defaultValue": "salla.config.get('user.language_code')"
             },
             "currency": {
                 "type": "string",
+                "attribute": "currency",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -336,11 +337,11 @@ export class SallaInstallment {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "currency",
                 "defaultValue": "salla.config.get('user.currency_code')"
             },
             "country": {
                 "type": "string",
+                "attribute": "country",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -356,7 +357,6 @@ export class SallaInstallment {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "country",
                 "defaultValue": "salla.config.get('user.country_code')"
             }
         };

package/dist/collection/components/salla-list-tile/salla-list-tile.js

@@ -43,6 +43,7 @@ export class SallaListTile {
         return {
             "href": {
                 "type": "string",
+                "attribute": "href",
                 "mutable": false,
                 "complexType": {
                     "original": "string | undefined",
@@ -58,11 +59,11 @@ export class SallaListTile {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "href",
                 "defaultValue": "undefined"
             },
             "target": {
                 "type": "string",
+                "attribute": "target",
                 "mutable": false,
                 "complexType": {
                     "original": "\"_blank\" | \"_self\" | \"_parent\" | \"_top\" | \"framename\"",
@@ -78,7 +79,6 @@ export class SallaListTile {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "target",
                 "defaultValue": "\"_self\""
             }
         };

package/dist/collection/components/salla-loading/salla-loading.js

@@ -39,6 +39,7 @@ export class SallaLoading {
         return {
             "size": {
                 "type": "any",
+                "attribute": "size",
                 "mutable": false,
                 "complexType": {
                     "original": "number | string",
@@ -54,11 +55,11 @@ export class SallaLoading {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "size",
                 "defaultValue": "32"
             },
             "width": {
                 "type": "any",
+                "attribute": "width",
                 "mutable": false,
                 "complexType": {
                     "original": "number | string",
@@ -74,11 +75,11 @@ export class SallaLoading {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "width",
                 "defaultValue": "2"
             },
             "color": {
                 "type": "string",
+                "attribute": "color",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -94,11 +95,11 @@ export class SallaLoading {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "color",
                 "defaultValue": "undefined"
             },
             "bgColor": {
                 "type": "string",
+                "attribute": "bg-color",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -114,7 +115,6 @@ export class SallaLoading {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "bg-color",
                 "defaultValue": "\"#e5e7eb\""
             }
         };

package/dist/collection/components/salla-localization-modal/salla-localization-modal.js

@@ -243,6 +243,7 @@ export class SallaLocalizationModal {
         return {
             "language": {
                 "type": "string",
+                "attribute": "language",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -257,11 +258,11 @@ export class SallaLocalizationModal {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": true,
-                "attribute": "language"
+                "reflect": true
             },
             "currency": {
                 "type": "string",
+                "attribute": "currency",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -276,11 +277,11 @@ export class SallaLocalizationModal {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": true,
-                "attribute": "currency"
+                "reflect": true
             },
             "showTrigger": {
                 "type": "boolean",
+                "attribute": "show-trigger",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -296,7 +297,6 @@ export class SallaLocalizationModal {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
-                "attribute": "show-trigger",
                 "defaultValue": "false"
             }
         };

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

@@ -321,6 +321,7 @@ export class SallaLoginModal {
         return {
             "isEmailAllowed": {
                 "type": "boolean",
+                "attribute": "is-email-allowed",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -335,11 +336,11 @@ export class SallaLoginModal {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "attribute": "is-email-allowed"
+                "reflect": false
             },
             "isMobileAllowed": {
                 "type": "boolean",
+                "attribute": "is-mobile-allowed",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -355,11 +356,11 @@ export class SallaLoginModal {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "is-mobile-allowed",
                 "defaultValue": "true"
             },
             "isEmailRequired": {
                 "type": "boolean",
+                "attribute": "is-email-required",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -375,11 +376,11 @@ export class SallaLoginModal {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "is-email-required",
                 "defaultValue": "false"
             },
             "supportWebAuth": {
                 "type": "boolean",
+                "attribute": "support-web-auth",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -395,11 +396,11 @@ export class SallaLoginModal {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
-                "attribute": "support-web-auth",
                 "defaultValue": "true"
             },
             "inline": {
                 "type": "boolean",
+                "attribute": "inline",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -414,11 +415,11 @@ export class SallaLoginModal {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": true,
-                "attribute": "inline"
+                "reflect": true
             },
             "storeId": {
                 "type": "any",
+                "attribute": "store-id",
                 "mutable": true,
                 "complexType": {
                     "original": "string | number",
@@ -433,11 +434,11 @@ export class SallaLoginModal {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "attribute": "store-id"
+                "reflect": false
             },
             "api": {
                 "type": "string",
+                "attribute": "api",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -452,11 +453,11 @@ export class SallaLoginModal {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "attribute": "api"
+                "reflect": false
             },
             "headers": {
                 "type": "string",
+                "attribute": "headers",
                 "mutable": true,
                 "complexType": {
                     "original": "{ [key: string]: string } | string",
@@ -471,11 +472,11 @@ export class SallaLoginModal {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "attribute": "headers"
+                "reflect": false
             },
             "withoutReload": {
                 "type": "boolean",
+                "attribute": "without-reload",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -491,7 +492,6 @@ export class SallaLoginModal {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "without-reload",
                 "defaultValue": "false"
             }
         };