@salla.sa/twilight-components 2.14.271 → 2.14.273
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{filepond-DZKo1pV9.js → filepond-B6LUaQ9F.js} +1 -1
- package/dist/cjs/{filepond-plugin-file-poster-Ddu0-eEg.js → filepond-plugin-file-poster-DlB67Vv3.js} +1 -1
- package/dist/cjs/{filepond-plugin-file-validate-size-B2VId_n-.js → filepond-plugin-file-validate-size-D7kuqaEC.js} +1 -1
- package/dist/cjs/{filepond-plugin-file-validate-type-lGUMFCde.js → filepond-plugin-file-validate-type-CliXp1Qt.js} +1 -1
- package/dist/cjs/{filepond-plugin-image-edit-BlEvC0bv.js → filepond-plugin-image-edit-BRIZbIyN.js} +1 -1
- package/dist/cjs/{filepond-plugin-image-exif-orientation-C9yPmasn.js → filepond-plugin-image-exif-orientation-bFbWHyQs.js} +1 -1
- package/dist/cjs/{filepond-plugin-image-preview-BPQ9o2YT.js → filepond-plugin-image-preview-24nxaVX6.js} +1 -1
- package/dist/cjs/{index-DpqjX7F3.js → index-BpUrZ_-D.js} +136 -26
- package/dist/cjs/{index-4c5cqxT-.js → index-xI-pRoDr.js} +1 -1
- package/dist/cjs/loader.cjs.js +3 -4
- package/dist/cjs/{salla-add-product-button_51.cjs.entry.js → salla-accordion_62.cjs.entry.js} +2104 -121
- package/dist/cjs/salla-advertisement.cjs.entry.js +1 -1
- package/dist/cjs/salla-app-install-alert.cjs.entry.js +1 -1
- package/dist/cjs/salla-apps-icons.cjs.entry.js +1 -1
- package/dist/cjs/salla-cart-item-offers.cjs.entry.js +1 -1
- package/dist/cjs/salla-conditional-offer.cjs.entry.js +1 -1
- package/dist/cjs/salla-contacts.cjs.entry.js +1 -1
- package/dist/cjs/salla-filters-widget.cjs.entry.js +1 -1
- package/dist/cjs/salla-filters.cjs.entry.js +1 -1
- package/dist/cjs/salla-installment.cjs.entry.js +1 -1
- package/dist/cjs/salla-loyalty-prize-item.cjs.entry.js +1 -1
- package/dist/cjs/salla-loyalty-program.cjs.entry.js +1 -1
- package/dist/cjs/salla-metadata.cjs.entry.js +1 -1
- package/dist/cjs/salla-notification-item.cjs.entry.js +2 -2
- package/dist/cjs/salla-notifications.cjs.entry.js +1 -1
- package/dist/cjs/salla-offer.cjs.entry.js +1 -1
- package/dist/cjs/salla-order-details-multiple-bundle-product.cjs.entry.js +1 -1
- package/dist/cjs/{salla-accordion_4.cjs.entry.js → salla-order-details-options.cjs.entry.js} +1 -100
- package/dist/cjs/salla-order-details.cjs.entry.js +2 -2
- package/dist/cjs/salla-order-summary.cjs.entry.js +2 -2
- package/dist/cjs/salla-orders.cjs.entry.js +1 -1
- package/dist/cjs/salla-payments.cjs.entry.js +3 -3
- package/dist/cjs/salla-price-range.cjs.entry.js +3 -3
- package/dist/cjs/salla-review-card.cjs.entry.js +2 -2
- package/dist/cjs/salla-reviews-page.cjs.entry.js +2 -2
- package/dist/cjs/salla-reviews.cjs.entry.js +2 -2
- package/dist/cjs/salla-social.cjs.entry.js +2 -2
- package/dist/cjs/salla-tiered-offer.cjs.entry.js +1 -1
- package/dist/cjs/salla-tooltip.cjs.entry.js +2 -2
- package/dist/cjs/salla-verify.cjs.entry.js +1 -1
- package/dist/cjs/salla-wallet.cjs.entry.js +1 -1
- package/dist/cjs/twilight.cjs.js +3 -4
- package/dist/collection/collection-manifest.json +5 -0
- package/dist/collection/components/salla-accordion/salla-accordion-head.js +8 -2
- package/dist/collection/components/salla-comments/salla-comments.js +20 -1
- package/dist/collection/components/salla-conditional-fields/salla-conditional-fields.js +33 -5
- package/dist/collection/components/salla-login-modal/salla-login-modal.js +0 -1
- package/dist/collection/components/salla-multiple-bundle-product/components/salla-multiple-bundle-product-cart.css +0 -0
- package/dist/collection/components/salla-multiple-bundle-product/components/salla-multiple-bundle-product-cart.js +89 -0
- package/dist/collection/components/salla-multiple-bundle-product/components/salla-multiple-bundle-product-details.css +0 -0
- package/dist/collection/components/salla-multiple-bundle-product/components/salla-multiple-bundle-product-details.js +195 -0
- package/dist/collection/components/salla-multiple-bundle-product/components/salla-multiple-bundle-product-options-modal.css +3 -0
- package/dist/collection/components/salla-multiple-bundle-product/components/salla-multiple-bundle-product-options-modal.js +595 -0
- package/dist/collection/components/salla-multiple-bundle-product/components/salla-multiple-bundle-product-slider.css +0 -0
- package/dist/collection/components/salla-multiple-bundle-product/components/salla-multiple-bundle-product-slider.js +174 -0
- package/dist/collection/components/salla-multiple-bundle-product/interfaces.js +1 -0
- package/dist/collection/components/salla-multiple-bundle-product/salla-multiple-bundle-product.css +3 -0
- package/dist/collection/components/salla-multiple-bundle-product/salla-multiple-bundle-product.js +132 -0
- package/dist/collection/components/salla-notifications/salla-notification-item.js +1 -1
- package/dist/collection/components/salla-offer-modal/salla-offer-modal.js +1 -1
- package/dist/collection/components/salla-order-details/salla-order-details.js +1 -1
- package/dist/collection/components/salla-order-summary/salla-order-summary.js +1 -1
- package/dist/collection/components/salla-payments/salla-payments.js +2 -2
- package/dist/collection/components/salla-placeholder/salla-placeholder.js +1 -1
- package/dist/collection/components/salla-price-range/salla-price-range.js +2 -2
- package/dist/collection/components/salla-product-availability/salla-product-availability.js +1 -1
- package/dist/collection/components/salla-product-card/salla-product-card.js +5 -5
- package/dist/collection/components/salla-product-options/salla-product-options.js +105 -22
- package/dist/collection/components/salla-product-size-guide/salla-product-size-guide.js +2 -2
- package/dist/collection/components/salla-quantity-input/salla-quantity-input.js +1 -1
- package/dist/collection/components/salla-quick-buy/salla-quick-buy.js +1 -1
- package/dist/collection/components/salla-review-card/salla-review-card.js +1 -1
- package/dist/collection/components/salla-reviews/salla-reviews.js +1 -1
- package/dist/collection/components/salla-reviews-page/salla-reviews-page.js +1 -1
- package/dist/collection/components/salla-scopes/salla-scopes.js +1 -1
- package/dist/collection/components/salla-search/salla-search.js +3 -3
- package/dist/collection/components/salla-skeleton/salla-skeleton.js +1 -1
- package/dist/collection/components/salla-slider/salla-slider.js +2 -2
- package/dist/collection/components/salla-social/salla-social.js +1 -1
- package/dist/collection/components/salla-social-share/salla-social-share.js +1 -1
- package/dist/collection/components/salla-tabs/salla-tab-content.js +1 -1
- package/dist/collection/components/salla-tabs/salla-tab-header.js +1 -1
- package/dist/collection/components/salla-tabs/salla-tabs.js +1 -1
- package/dist/collection/components/salla-tel-input/salla-tel-input.js +1 -1
- package/dist/collection/components/salla-tooltip/salla-tooltip.js +1 -1
- package/dist/collection/components/salla-user-settings/salla-user-settings.js +1 -1
- package/dist/components/index.js +2 -2
- package/dist/components/salla-accordion-head2.js +2 -2
- package/dist/components/salla-comments.js +20 -1
- package/dist/components/salla-conditional-fields2.js +28 -6
- package/dist/components/salla-login-modal.js +0 -1
- package/dist/components/salla-multiple-bundle-product-cart.d.ts +11 -0
- package/dist/components/salla-multiple-bundle-product-cart.js +9 -0
- package/dist/components/salla-multiple-bundle-product-cart2.js +153 -0
- package/dist/components/salla-multiple-bundle-product-details.d.ts +11 -0
- package/dist/components/salla-multiple-bundle-product-details.js +9 -0
- package/dist/components/salla-multiple-bundle-product-details2.js +283 -0
- package/dist/components/salla-multiple-bundle-product-options-modal.d.ts +11 -0
- package/dist/components/salla-multiple-bundle-product-options-modal.js +9 -0
- package/dist/components/salla-multiple-bundle-product-options-modal2.js +585 -0
- package/dist/components/salla-multiple-bundle-product-slider.d.ts +11 -0
- package/dist/components/salla-multiple-bundle-product-slider.js +9 -0
- package/dist/components/salla-multiple-bundle-product-slider2.js +81 -0
- package/dist/components/salla-multiple-bundle-product.d.ts +11 -0
- package/dist/components/salla-multiple-bundle-product.js +210 -0
- package/dist/components/salla-notification-item2.js +1 -1
- package/dist/components/salla-offer-modal.js +1 -1
- package/dist/components/salla-order-details.js +1 -1
- package/dist/components/salla-order-summary.js +1 -1
- package/dist/components/salla-payments.js +2 -2
- package/dist/components/salla-placeholder2.js +1 -1
- package/dist/components/salla-price-range2.js +2 -2
- package/dist/components/salla-product-availability2.js +1 -1
- package/dist/components/salla-product-card2.js +5 -5
- package/dist/components/salla-product-options.js +1 -810
- package/dist/{esm/salla-product-options.entry.js → components/salla-product-options2.js} +197 -30
- package/dist/components/salla-product-size-guide.js +2 -2
- package/dist/components/salla-quantity-input.js +1 -1
- package/dist/components/salla-quick-buy2.js +1 -1
- package/dist/components/salla-review-card2.js +1 -1
- package/dist/components/salla-reviews-page.js +1 -1
- package/dist/components/salla-reviews.js +1 -1
- package/dist/components/salla-scopes.js +1 -1
- package/dist/components/salla-search.js +3 -3
- package/dist/components/salla-skeleton2.js +1 -1
- package/dist/components/salla-slider2.js +2 -2
- package/dist/components/salla-social-share.js +1 -1
- package/dist/components/salla-social.js +1 -1
- package/dist/components/salla-tab-content2.js +1 -1
- package/dist/components/salla-tab-header2.js +1 -1
- package/dist/components/salla-tabs2.js +1 -1
- package/dist/components/salla-tel-input2.js +1 -1
- package/dist/components/salla-tooltip2.js +1 -1
- package/dist/components/salla-user-settings.js +1 -1
- package/dist/esm/{filepond-DbqR2fSR.js → filepond-C8M-qAIs.js} +1 -1
- package/dist/esm/{filepond-plugin-file-poster-oSU_je8q.js → filepond-plugin-file-poster-UfHq-uvl.js} +1 -1
- package/dist/esm/{filepond-plugin-file-validate-size-DBNbjpCq.js → filepond-plugin-file-validate-size-DZ15xnJZ.js} +1 -1
- package/dist/esm/{filepond-plugin-file-validate-type-FNihY0D1.js → filepond-plugin-file-validate-type-CWR9opI0.js} +1 -1
- package/dist/esm/{filepond-plugin-image-edit-BvLwmvqS.js → filepond-plugin-image-edit-XbR1h-bg.js} +1 -1
- package/dist/esm/{filepond-plugin-image-exif-orientation-CzDuHCvL.js → filepond-plugin-image-exif-orientation-cSRDvvXQ.js} +1 -1
- package/dist/esm/{filepond-plugin-image-preview-OJew5tLP.js → filepond-plugin-image-preview-B-SvzNFg.js} +1 -1
- package/dist/esm/{index-DFnMPSip.js → index-Q_DltBmK.js} +1 -1
- package/dist/esm/{index-DXrQDmAN.js → index-gLeBNvS1.js} +136 -26
- package/dist/esm/loader.js +3 -4
- package/dist/esm/{salla-add-product-button_51.entry.js → salla-accordion_62.entry.js} +2084 -112
- package/dist/esm/salla-advertisement.entry.js +1 -1
- package/dist/esm/salla-app-install-alert.entry.js +1 -1
- package/dist/esm/salla-apps-icons.entry.js +1 -1
- package/dist/esm/salla-cart-item-offers.entry.js +1 -1
- package/dist/esm/salla-conditional-offer.entry.js +1 -1
- package/dist/esm/salla-contacts.entry.js +1 -1
- package/dist/esm/salla-filters-widget.entry.js +1 -1
- package/dist/esm/salla-filters.entry.js +1 -1
- package/dist/esm/salla-installment.entry.js +1 -1
- package/dist/esm/salla-loyalty-prize-item.entry.js +1 -1
- package/dist/esm/salla-loyalty-program.entry.js +1 -1
- package/dist/esm/salla-metadata.entry.js +1 -1
- package/dist/esm/salla-notification-item.entry.js +2 -2
- package/dist/esm/salla-notifications.entry.js +1 -1
- package/dist/esm/salla-offer.entry.js +1 -1
- package/dist/esm/salla-order-details-multiple-bundle-product.entry.js +1 -1
- package/dist/esm/{salla-accordion_4.entry.js → salla-order-details-options.entry.js} +2 -98
- package/dist/esm/salla-order-details.entry.js +2 -2
- package/dist/esm/salla-order-summary.entry.js +2 -2
- package/dist/esm/salla-orders.entry.js +1 -1
- package/dist/esm/salla-payments.entry.js +3 -3
- package/dist/esm/salla-price-range.entry.js +3 -3
- package/dist/esm/salla-review-card.entry.js +2 -2
- package/dist/esm/salla-reviews-page.entry.js +2 -2
- package/dist/esm/salla-reviews.entry.js +2 -2
- package/dist/esm/salla-social.entry.js +2 -2
- package/dist/esm/salla-tiered-offer.entry.js +1 -1
- package/dist/esm/salla-tooltip.entry.js +2 -2
- package/dist/esm/salla-verify.entry.js +1 -1
- package/dist/esm/salla-wallet.entry.js +1 -1
- package/dist/esm/twilight.js +3 -4
- package/dist/twilight/{p-11c1fc02.entry.js → p-00d8544c.entry.js} +1 -1
- package/dist/twilight/{p-c87e16b6.entry.js → p-06d126b6.entry.js} +1 -1
- package/dist/twilight/{p-adc5a167.entry.js → p-1cc68ef5.entry.js} +1 -1
- package/dist/twilight/{p-yWcVqMiP.js → p-1ekWkYOJ.js} +1 -1
- package/dist/twilight/p-21b37923.entry.js +4 -0
- package/dist/twilight/{p-c2f0f504.entry.js → p-263b9b06.entry.js} +1 -1
- package/dist/twilight/{p-c0450f72.entry.js → p-2787ff9f.entry.js} +1 -1
- package/dist/twilight/p-3c1484b9.entry.js +11 -0
- package/dist/twilight/{p-6ed0de44.entry.js → p-5057b400.entry.js} +1 -1
- package/dist/twilight/{p-5c67f412.entry.js → p-5278b873.entry.js} +1 -1
- package/dist/twilight/{p-1d1672e8.entry.js → p-56f7a2ba.entry.js} +1 -1
- package/dist/twilight/{p-5aa17da1.entry.js → p-697db5c6.entry.js} +1 -1
- package/dist/twilight/{p-81131b67.entry.js → p-73a8296a.entry.js} +1 -1
- package/dist/twilight/{p-93b26c0b.entry.js → p-7603a820.entry.js} +1 -1
- package/dist/twilight/{p-86f00281.entry.js → p-7c8d7ca3.entry.js} +1 -1
- package/dist/twilight/{p-62312d5b.entry.js → p-80a07063.entry.js} +1 -1
- package/dist/twilight/{p-e987bf56.entry.js → p-82c156ab.entry.js} +1 -1
- package/dist/twilight/{p-fed06a9f.entry.js → p-8380c411.entry.js} +1 -1
- package/dist/twilight/{p-906ec5e3.entry.js → p-946e5649.entry.js} +1 -1
- package/dist/twilight/{p-01b67a23.entry.js → p-9bcd9c87.entry.js} +1 -1
- package/dist/twilight/p-9c477fdf.entry.js +4 -0
- package/dist/twilight/{p-B3DRwtQ_.js → p-B-nQtFTN.js} +1 -1
- package/dist/twilight/{p-BeXdXg7Q.js → p-BI2zk2yo.js} +1 -1
- package/dist/twilight/{p-E9O3bnHS.js → p-BRD27esZ.js} +1 -1
- package/dist/twilight/{p-MbgAyDn3.js → p-CUYEEJ4c.js} +1 -1
- package/dist/twilight/{p-BvKpNEUI.js → p-DUvdNUoC.js} +1 -1
- package/dist/twilight/{p-C3joUrVg.js → p-DhR67rwu.js} +1 -1
- package/dist/twilight/p-a01dd6b7.entry.js +4 -0
- package/dist/twilight/{p-849be825.entry.js → p-a3e000ef.entry.js} +1 -1
- package/dist/twilight/{p-0e18add0.entry.js → p-a6c14a64.entry.js} +1 -1
- package/dist/twilight/p-b0b79820.entry.js +4 -0
- package/dist/twilight/{p-57e8c6b5.entry.js → p-b5581886.entry.js} +1 -1
- package/dist/twilight/p-b81437f4.entry.js +4 -0
- package/dist/twilight/{p-591043a2.entry.js → p-bf010154.entry.js} +1 -1
- package/dist/twilight/{p-d3022e35.entry.js → p-c0388251.entry.js} +1 -1
- package/dist/twilight/{p-a71a3922.entry.js → p-c9ab361e.entry.js} +1 -1
- package/dist/twilight/{p-d8e500cc.entry.js → p-ed85bc00.entry.js} +1 -1
- package/dist/twilight/p-f7863a58.entry.js +4 -0
- package/dist/twilight/{p-DXrQDmAN.js → p-gLeBNvS1.js} +2 -2
- package/dist/twilight/{p-BQuXdlAk.js → p-j4lbZMJ0.js} +1 -1
- package/dist/twilight/twilight.esm.js +1 -1
- package/dist/types/components/salla-accordion/salla-accordion-head.d.ts +6 -0
- package/dist/types/components/salla-conditional-fields/salla-conditional-fields.d.ts +2 -0
- package/dist/types/components/salla-multiple-bundle-product/components/salla-multiple-bundle-product-cart.d.ts +10 -0
- package/dist/types/components/salla-multiple-bundle-product/components/salla-multiple-bundle-product-details.d.ts +20 -0
- package/dist/types/components/salla-multiple-bundle-product/components/salla-multiple-bundle-product-options-modal.d.ts +46 -0
- package/dist/types/components/salla-multiple-bundle-product/components/salla-multiple-bundle-product-slider.d.ts +22 -0
- package/dist/types/components/salla-multiple-bundle-product/interfaces.d.ts +101 -0
- package/dist/types/components/salla-multiple-bundle-product/salla-multiple-bundle-product.d.ts +42 -0
- package/dist/types/components/salla-product-options/salla-product-options.d.ts +21 -1
- package/dist/types/components.d.ts +298 -2
- package/package.json +5 -5
- package/dist/cjs/app-globals-DfTgypwp.js +0 -38
- package/dist/cjs/camera-DytepEoK.js +0 -13
- package/dist/cjs/minus-CCryh1qf.js +0 -21
- package/dist/cjs/salla-booking-field_2.cjs.entry.js +0 -280
- package/dist/cjs/salla-product-options.cjs.entry.js +0 -715
- package/dist/esm/app-globals-i4_OI7UA.js +0 -36
- package/dist/esm/camera-C6jIkM-X.js +0 -11
- package/dist/esm/minus-DfeagqF1.js +0 -18
- package/dist/esm/salla-booking-field_2.entry.js +0 -277
- package/dist/twilight/p-137e1751.entry.js +0 -4
- package/dist/twilight/p-18cd5d66.entry.js +0 -4
- package/dist/twilight/p-36b30807.entry.js +0 -4
- package/dist/twilight/p-6159654b.entry.js +0 -4
- package/dist/twilight/p-9d9e5493.entry.js +0 -4
- package/dist/twilight/p-C6jIkM-X.js +0 -4
- package/dist/twilight/p-CqZlwzcH.js +0 -4
- package/dist/twilight/p-DfeagqF1.js +0 -4
- package/dist/twilight/p-affed6bd.entry.js +0 -11
- package/dist/twilight/p-cfbd199f.entry.js +0 -4
- package/dist/twilight/p-d060275b.entry.js +0 -4
- package/dist/twilight/p-e162d003.entry.js +0 -4
|
@@ -14,6 +14,7 @@ import { FilePondErrorDescription } from "filepond/types/index";
|
|
|
14
14
|
import { Filter } from "./components/salla-filters/interfaces";
|
|
15
15
|
import { Item, LoyaltyProgram } from "./components/salla-loyalty/loyalty-schema";
|
|
16
16
|
import { Sources } from "./components/salla-menu/interfaces";
|
|
17
|
+
import { BundleProduct, BundleSection, SelectedOption } from "./components/salla-multiple-bundle-product/interfaces";
|
|
17
18
|
import { Notification } from "./components/salla-notifications/interfaces";
|
|
18
19
|
import { OrderProduct, ProductOption } from "./components/salla-order-details/interfaces";
|
|
19
20
|
import { OrderQueryParameters } from "./components/salla-orders/interface";
|
|
@@ -31,6 +32,7 @@ export { FilePondErrorDescription } from "filepond/types/index";
|
|
|
31
32
|
export { Filter } from "./components/salla-filters/interfaces";
|
|
32
33
|
export { Item, LoyaltyProgram } from "./components/salla-loyalty/loyalty-schema";
|
|
33
34
|
export { Sources } from "./components/salla-menu/interfaces";
|
|
35
|
+
export { BundleProduct, BundleSection, SelectedOption } from "./components/salla-multiple-bundle-product/interfaces";
|
|
34
36
|
export { Notification } from "./components/salla-notifications/interfaces";
|
|
35
37
|
export { OrderProduct, ProductOption } from "./components/salla-order-details/interfaces";
|
|
36
38
|
export { OrderQueryParameters } from "./components/salla-orders/interface";
|
|
@@ -74,6 +76,11 @@ export namespace Components {
|
|
|
74
76
|
/**
|
|
75
77
|
* @salla /ui-components
|
|
76
78
|
* The `salla-accordion-head` component represents the header of an accordion.
|
|
79
|
+
* Available slots:
|
|
80
|
+
* - `title`: The main title content
|
|
81
|
+
* - `progress`: Progress indicator content
|
|
82
|
+
* - `html`: Raw HTML content (optional)
|
|
83
|
+
* - `note`: Note content displayed at the end
|
|
77
84
|
*/
|
|
78
85
|
interface SallaAccordionHead {
|
|
79
86
|
/**
|
|
@@ -1548,6 +1555,63 @@ export namespace Components {
|
|
|
1548
1555
|
*/
|
|
1549
1556
|
"width": 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
|
|
1550
1557
|
}
|
|
1558
|
+
/**
|
|
1559
|
+
* Example usage with new nested structure:
|
|
1560
|
+
* <salla-multiple-bundle-product bundleSections='{
|
|
1561
|
+
* "id": "encoded_product_id",
|
|
1562
|
+
* "name": "Complete Office Setup Bundle",
|
|
1563
|
+
* "bundle": {
|
|
1564
|
+
* "discount_percentage": 15,
|
|
1565
|
+
* "sections": [
|
|
1566
|
+
* {
|
|
1567
|
+
* "id": "encoded_section_1",
|
|
1568
|
+
* "name": "Office Equipment",
|
|
1569
|
+
* "obligatory_products": 1,
|
|
1570
|
+
* "products": [
|
|
1571
|
+
* {
|
|
1572
|
+
* "id": "encoded_sub_product_1",
|
|
1573
|
+
* "name": "Office Desk",
|
|
1574
|
+
* "image": "https://cdn.salla.sa/products/desk.jpg",
|
|
1575
|
+
* "images": ["https://cdn.salla.sa/products/desk-1.jpg"],
|
|
1576
|
+
* "price": { "amount": 500, "currency": "SAR" },
|
|
1577
|
+
* "sale_price": 450,
|
|
1578
|
+
* "quantity": 50,
|
|
1579
|
+
* "options": [...]
|
|
1580
|
+
* }
|
|
1581
|
+
* ]
|
|
1582
|
+
* }
|
|
1583
|
+
* ]
|
|
1584
|
+
* }
|
|
1585
|
+
* }'></salla-multiple-bundle-product>
|
|
1586
|
+
*/
|
|
1587
|
+
interface SallaMultipleBundleProduct {
|
|
1588
|
+
"bundleSections": string;
|
|
1589
|
+
}
|
|
1590
|
+
interface SallaMultipleBundleProductCart {
|
|
1591
|
+
/**
|
|
1592
|
+
* @default []
|
|
1593
|
+
*/
|
|
1594
|
+
"sections": BundleSection[];
|
|
1595
|
+
}
|
|
1596
|
+
interface SallaMultipleBundleProductDetails {
|
|
1597
|
+
/**
|
|
1598
|
+
* @default []
|
|
1599
|
+
*/
|
|
1600
|
+
"sections": BundleSection[];
|
|
1601
|
+
}
|
|
1602
|
+
interface SallaMultipleBundleProductOptionsModal {
|
|
1603
|
+
"close": () => Promise<void>;
|
|
1604
|
+
"open": () => Promise<void>;
|
|
1605
|
+
"refreshOptionsState": () => Promise<void>;
|
|
1606
|
+
}
|
|
1607
|
+
interface SallaMultipleBundleProductSlider {
|
|
1608
|
+
"section": BundleSection;
|
|
1609
|
+
"sectionIndex": number;
|
|
1610
|
+
/**
|
|
1611
|
+
* @default {}
|
|
1612
|
+
*/
|
|
1613
|
+
"selectedProducts": { [sectionId: string]: Set<string | number> };
|
|
1614
|
+
}
|
|
1551
1615
|
interface SallaNotificationItem {
|
|
1552
1616
|
/**
|
|
1553
1617
|
* Notification instance to render.
|
|
@@ -1757,6 +1821,10 @@ export namespace Components {
|
|
|
1757
1821
|
"showQuantity": boolean;
|
|
1758
1822
|
}
|
|
1759
1823
|
interface SallaProductOptions {
|
|
1824
|
+
/**
|
|
1825
|
+
* Bundle context information for bundle products. When provided, the component will use bundle naming convention for form inputs. Expected format: { sectionId: string|number, sectionIndex: number, productId: string|number } Can be passed as a string (JSON) or object
|
|
1826
|
+
*/
|
|
1827
|
+
"bundleContext"?: string | object;
|
|
1760
1828
|
/**
|
|
1761
1829
|
* Configuration for customizing the display layout of product options. The `config` prop accepts a JSON string that specifies the layout type for rendering options. It allows customization of how single-option and multiple-option selections are displayed. Example Usage: ```html <salla-product-options options="{{ product.options }}" product-id="{{ product.id }}" unique-key="abc123" config='{ "single-option": { "type": "button" }, "multiple-option": { "type": "button" } }'> </salla-product-options> ``` Example Config JSON: ```json { "single-option": { "type": "button" }, "multiple-option": { "type": "default" } } ``` - `single-option`: - Defines the display style for single-option selections. - `type`: Supported values: - `"button"`: Displays options in a button-style grid layout. - `"default"`: Displays options as a dropdown (default). - `multiple-option`: - Defines the display style for multiple-option selections. - `type`: Supported values: - `"button"`: Displays options in a button-style grid layout. - `"default"`: Displays options as a list of checkboxes (default).
|
|
1762
1830
|
*/
|
|
@@ -1793,7 +1861,7 @@ export namespace Components {
|
|
|
1793
1861
|
* The id of the product to which the options are going to be fetched for.
|
|
1794
1862
|
* @default salla.config.get('page.id')
|
|
1795
1863
|
*/
|
|
1796
|
-
"productId": number;
|
|
1864
|
+
"productId": number | string;
|
|
1797
1865
|
/**
|
|
1798
1866
|
* Report options form validity.
|
|
1799
1867
|
*/
|
|
@@ -2752,6 +2820,14 @@ export interface SallaModalCustomEvent<T> extends CustomEvent<T> {
|
|
|
2752
2820
|
detail: T;
|
|
2753
2821
|
target: HTMLSallaModalElement;
|
|
2754
2822
|
}
|
|
2823
|
+
export interface SallaMultipleBundleProductOptionsModalCustomEvent<T> extends CustomEvent<T> {
|
|
2824
|
+
detail: T;
|
|
2825
|
+
target: HTMLSallaMultipleBundleProductOptionsModalElement;
|
|
2826
|
+
}
|
|
2827
|
+
export interface SallaMultipleBundleProductSliderCustomEvent<T> extends CustomEvent<T> {
|
|
2828
|
+
detail: T;
|
|
2829
|
+
target: HTMLSallaMultipleBundleProductSliderElement;
|
|
2830
|
+
}
|
|
2755
2831
|
export interface SallaPriceRangeCustomEvent<T> extends CustomEvent<T> {
|
|
2756
2832
|
detail: T;
|
|
2757
2833
|
target: HTMLSallaPriceRangeElement;
|
|
@@ -2812,6 +2888,11 @@ declare global {
|
|
|
2812
2888
|
/**
|
|
2813
2889
|
* @salla /ui-components
|
|
2814
2890
|
* The `salla-accordion-head` component represents the header of an accordion.
|
|
2891
|
+
* Available slots:
|
|
2892
|
+
* - `title`: The main title content
|
|
2893
|
+
* - `progress`: Progress indicator content
|
|
2894
|
+
* - `html`: Raw HTML content (optional)
|
|
2895
|
+
* - `note`: Note content displayed at the end
|
|
2815
2896
|
*/
|
|
2816
2897
|
interface HTMLSallaAccordionHeadElement extends Components.SallaAccordionHead, HTMLStencilElement {
|
|
2817
2898
|
addEventListener<K extends keyof HTMLSallaAccordionHeadElementEventMap>(type: K, listener: (this: HTMLSallaAccordionHeadElement, ev: SallaAccordionHeadCustomEvent<HTMLSallaAccordionHeadElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
|
|
@@ -3203,6 +3284,97 @@ declare global {
|
|
|
3203
3284
|
prototype: HTMLSallaModalElement;
|
|
3204
3285
|
new (): HTMLSallaModalElement;
|
|
3205
3286
|
};
|
|
3287
|
+
/**
|
|
3288
|
+
* Example usage with new nested structure:
|
|
3289
|
+
* <salla-multiple-bundle-product bundleSections='{
|
|
3290
|
+
* "id": "encoded_product_id",
|
|
3291
|
+
* "name": "Complete Office Setup Bundle",
|
|
3292
|
+
* "bundle": {
|
|
3293
|
+
* "discount_percentage": 15,
|
|
3294
|
+
* "sections": [
|
|
3295
|
+
* {
|
|
3296
|
+
* "id": "encoded_section_1",
|
|
3297
|
+
* "name": "Office Equipment",
|
|
3298
|
+
* "obligatory_products": 1,
|
|
3299
|
+
* "products": [
|
|
3300
|
+
* {
|
|
3301
|
+
* "id": "encoded_sub_product_1",
|
|
3302
|
+
* "name": "Office Desk",
|
|
3303
|
+
* "image": "https://cdn.salla.sa/products/desk.jpg",
|
|
3304
|
+
* "images": ["https://cdn.salla.sa/products/desk-1.jpg"],
|
|
3305
|
+
* "price": { "amount": 500, "currency": "SAR" },
|
|
3306
|
+
* "sale_price": 450,
|
|
3307
|
+
* "quantity": 50,
|
|
3308
|
+
* "options": [...]
|
|
3309
|
+
* }
|
|
3310
|
+
* ]
|
|
3311
|
+
* }
|
|
3312
|
+
* ]
|
|
3313
|
+
* }
|
|
3314
|
+
* }'></salla-multiple-bundle-product>
|
|
3315
|
+
*/
|
|
3316
|
+
interface HTMLSallaMultipleBundleProductElement extends Components.SallaMultipleBundleProduct, HTMLStencilElement {
|
|
3317
|
+
}
|
|
3318
|
+
var HTMLSallaMultipleBundleProductElement: {
|
|
3319
|
+
prototype: HTMLSallaMultipleBundleProductElement;
|
|
3320
|
+
new (): HTMLSallaMultipleBundleProductElement;
|
|
3321
|
+
};
|
|
3322
|
+
interface HTMLSallaMultipleBundleProductCartElement extends Components.SallaMultipleBundleProductCart, HTMLStencilElement {
|
|
3323
|
+
}
|
|
3324
|
+
var HTMLSallaMultipleBundleProductCartElement: {
|
|
3325
|
+
prototype: HTMLSallaMultipleBundleProductCartElement;
|
|
3326
|
+
new (): HTMLSallaMultipleBundleProductCartElement;
|
|
3327
|
+
};
|
|
3328
|
+
interface HTMLSallaMultipleBundleProductDetailsElement extends Components.SallaMultipleBundleProductDetails, HTMLStencilElement {
|
|
3329
|
+
}
|
|
3330
|
+
var HTMLSallaMultipleBundleProductDetailsElement: {
|
|
3331
|
+
prototype: HTMLSallaMultipleBundleProductDetailsElement;
|
|
3332
|
+
new (): HTMLSallaMultipleBundleProductDetailsElement;
|
|
3333
|
+
};
|
|
3334
|
+
interface HTMLSallaMultipleBundleProductOptionsModalElementEventMap {
|
|
3335
|
+
"optionsSaved": { productId: number; selectedOptions: SelectedOption[] };
|
|
3336
|
+
"productSelected": {
|
|
3337
|
+
productId: number;
|
|
3338
|
+
sectionId: string | number;
|
|
3339
|
+
product?: BundleProduct;
|
|
3340
|
+
fromModal?: boolean;
|
|
3341
|
+
};
|
|
3342
|
+
}
|
|
3343
|
+
interface HTMLSallaMultipleBundleProductOptionsModalElement extends Components.SallaMultipleBundleProductOptionsModal, HTMLStencilElement {
|
|
3344
|
+
addEventListener<K extends keyof HTMLSallaMultipleBundleProductOptionsModalElementEventMap>(type: K, listener: (this: HTMLSallaMultipleBundleProductOptionsModalElement, ev: SallaMultipleBundleProductOptionsModalCustomEvent<HTMLSallaMultipleBundleProductOptionsModalElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
|
|
3345
|
+
addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
|
|
3346
|
+
addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
|
|
3347
|
+
addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
|
|
3348
|
+
removeEventListener<K extends keyof HTMLSallaMultipleBundleProductOptionsModalElementEventMap>(type: K, listener: (this: HTMLSallaMultipleBundleProductOptionsModalElement, ev: SallaMultipleBundleProductOptionsModalCustomEvent<HTMLSallaMultipleBundleProductOptionsModalElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
|
|
3349
|
+
removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
|
|
3350
|
+
removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
|
|
3351
|
+
removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
|
|
3352
|
+
}
|
|
3353
|
+
var HTMLSallaMultipleBundleProductOptionsModalElement: {
|
|
3354
|
+
prototype: HTMLSallaMultipleBundleProductOptionsModalElement;
|
|
3355
|
+
new (): HTMLSallaMultipleBundleProductOptionsModalElement;
|
|
3356
|
+
};
|
|
3357
|
+
interface HTMLSallaMultipleBundleProductSliderElementEventMap {
|
|
3358
|
+
"productSelected": { product: BundleProduct; sectionId: string | number };
|
|
3359
|
+
"productOptionsSelected": {
|
|
3360
|
+
product: BundleProduct;
|
|
3361
|
+
sectionId: string | number;
|
|
3362
|
+
};
|
|
3363
|
+
}
|
|
3364
|
+
interface HTMLSallaMultipleBundleProductSliderElement extends Components.SallaMultipleBundleProductSlider, HTMLStencilElement {
|
|
3365
|
+
addEventListener<K extends keyof HTMLSallaMultipleBundleProductSliderElementEventMap>(type: K, listener: (this: HTMLSallaMultipleBundleProductSliderElement, ev: SallaMultipleBundleProductSliderCustomEvent<HTMLSallaMultipleBundleProductSliderElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
|
|
3366
|
+
addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
|
|
3367
|
+
addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
|
|
3368
|
+
addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
|
|
3369
|
+
removeEventListener<K extends keyof HTMLSallaMultipleBundleProductSliderElementEventMap>(type: K, listener: (this: HTMLSallaMultipleBundleProductSliderElement, ev: SallaMultipleBundleProductSliderCustomEvent<HTMLSallaMultipleBundleProductSliderElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
|
|
3370
|
+
removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
|
|
3371
|
+
removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
|
|
3372
|
+
removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
|
|
3373
|
+
}
|
|
3374
|
+
var HTMLSallaMultipleBundleProductSliderElement: {
|
|
3375
|
+
prototype: HTMLSallaMultipleBundleProductSliderElement;
|
|
3376
|
+
new (): HTMLSallaMultipleBundleProductSliderElement;
|
|
3377
|
+
};
|
|
3206
3378
|
interface HTMLSallaNotificationItemElement extends Components.SallaNotificationItem, HTMLStencilElement {
|
|
3207
3379
|
}
|
|
3208
3380
|
var HTMLSallaNotificationItemElement: {
|
|
@@ -3658,6 +3830,11 @@ declare global {
|
|
|
3658
3830
|
"salla-menu": HTMLSallaMenuElement;
|
|
3659
3831
|
"salla-metadata": HTMLSallaMetadataElement;
|
|
3660
3832
|
"salla-modal": HTMLSallaModalElement;
|
|
3833
|
+
"salla-multiple-bundle-product": HTMLSallaMultipleBundleProductElement;
|
|
3834
|
+
"salla-multiple-bundle-product-cart": HTMLSallaMultipleBundleProductCartElement;
|
|
3835
|
+
"salla-multiple-bundle-product-details": HTMLSallaMultipleBundleProductDetailsElement;
|
|
3836
|
+
"salla-multiple-bundle-product-options-modal": HTMLSallaMultipleBundleProductOptionsModalElement;
|
|
3837
|
+
"salla-multiple-bundle-product-slider": HTMLSallaMultipleBundleProductSliderElement;
|
|
3661
3838
|
"salla-notification-item": HTMLSallaNotificationItemElement;
|
|
3662
3839
|
"salla-notifications": HTMLSallaNotificationsElement;
|
|
3663
3840
|
"salla-offer": HTMLSallaOfferElement;
|
|
@@ -3740,6 +3917,11 @@ declare namespace LocalJSX {
|
|
|
3740
3917
|
/**
|
|
3741
3918
|
* @salla /ui-components
|
|
3742
3919
|
* The `salla-accordion-head` component represents the header of an accordion.
|
|
3920
|
+
* Available slots:
|
|
3921
|
+
* - `title`: The main title content
|
|
3922
|
+
* - `progress`: Progress indicator content
|
|
3923
|
+
* - `html`: Raw HTML content (optional)
|
|
3924
|
+
* - `note`: Note content displayed at the end
|
|
3743
3925
|
*/
|
|
3744
3926
|
interface SallaAccordionHead {
|
|
3745
3927
|
/**
|
|
@@ -5125,6 +5307,72 @@ declare namespace LocalJSX {
|
|
|
5125
5307
|
*/
|
|
5126
5308
|
"width"?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
|
|
5127
5309
|
}
|
|
5310
|
+
/**
|
|
5311
|
+
* Example usage with new nested structure:
|
|
5312
|
+
* <salla-multiple-bundle-product bundleSections='{
|
|
5313
|
+
* "id": "encoded_product_id",
|
|
5314
|
+
* "name": "Complete Office Setup Bundle",
|
|
5315
|
+
* "bundle": {
|
|
5316
|
+
* "discount_percentage": 15,
|
|
5317
|
+
* "sections": [
|
|
5318
|
+
* {
|
|
5319
|
+
* "id": "encoded_section_1",
|
|
5320
|
+
* "name": "Office Equipment",
|
|
5321
|
+
* "obligatory_products": 1,
|
|
5322
|
+
* "products": [
|
|
5323
|
+
* {
|
|
5324
|
+
* "id": "encoded_sub_product_1",
|
|
5325
|
+
* "name": "Office Desk",
|
|
5326
|
+
* "image": "https://cdn.salla.sa/products/desk.jpg",
|
|
5327
|
+
* "images": ["https://cdn.salla.sa/products/desk-1.jpg"],
|
|
5328
|
+
* "price": { "amount": 500, "currency": "SAR" },
|
|
5329
|
+
* "sale_price": 450,
|
|
5330
|
+
* "quantity": 50,
|
|
5331
|
+
* "options": [...]
|
|
5332
|
+
* }
|
|
5333
|
+
* ]
|
|
5334
|
+
* }
|
|
5335
|
+
* ]
|
|
5336
|
+
* }
|
|
5337
|
+
* }'></salla-multiple-bundle-product>
|
|
5338
|
+
*/
|
|
5339
|
+
interface SallaMultipleBundleProduct {
|
|
5340
|
+
"bundleSections"?: string;
|
|
5341
|
+
}
|
|
5342
|
+
interface SallaMultipleBundleProductCart {
|
|
5343
|
+
/**
|
|
5344
|
+
* @default []
|
|
5345
|
+
*/
|
|
5346
|
+
"sections"?: BundleSection[];
|
|
5347
|
+
}
|
|
5348
|
+
interface SallaMultipleBundleProductDetails {
|
|
5349
|
+
/**
|
|
5350
|
+
* @default []
|
|
5351
|
+
*/
|
|
5352
|
+
"sections"?: BundleSection[];
|
|
5353
|
+
}
|
|
5354
|
+
interface SallaMultipleBundleProductOptionsModal {
|
|
5355
|
+
"onOptionsSaved"?: (event: SallaMultipleBundleProductOptionsModalCustomEvent<{ productId: number; selectedOptions: SelectedOption[] }>) => void;
|
|
5356
|
+
"onProductSelected"?: (event: SallaMultipleBundleProductOptionsModalCustomEvent<{
|
|
5357
|
+
productId: number;
|
|
5358
|
+
sectionId: string | number;
|
|
5359
|
+
product?: BundleProduct;
|
|
5360
|
+
fromModal?: boolean;
|
|
5361
|
+
}>) => void;
|
|
5362
|
+
}
|
|
5363
|
+
interface SallaMultipleBundleProductSlider {
|
|
5364
|
+
"onProductOptionsSelected"?: (event: SallaMultipleBundleProductSliderCustomEvent<{
|
|
5365
|
+
product: BundleProduct;
|
|
5366
|
+
sectionId: string | number;
|
|
5367
|
+
}>) => void;
|
|
5368
|
+
"onProductSelected"?: (event: SallaMultipleBundleProductSliderCustomEvent<{ product: BundleProduct; sectionId: string | number }>) => void;
|
|
5369
|
+
"section"?: BundleSection;
|
|
5370
|
+
"sectionIndex"?: number;
|
|
5371
|
+
/**
|
|
5372
|
+
* @default {}
|
|
5373
|
+
*/
|
|
5374
|
+
"selectedProducts"?: { [sectionId: string]: Set<string | number> };
|
|
5375
|
+
}
|
|
5128
5376
|
interface SallaNotificationItem {
|
|
5129
5377
|
/**
|
|
5130
5378
|
* Notification instance to render.
|
|
@@ -5324,6 +5572,10 @@ declare namespace LocalJSX {
|
|
|
5324
5572
|
"showQuantity"?: boolean;
|
|
5325
5573
|
}
|
|
5326
5574
|
interface SallaProductOptions {
|
|
5575
|
+
/**
|
|
5576
|
+
* Bundle context information for bundle products. When provided, the component will use bundle naming convention for form inputs. Expected format: { sectionId: string|number, sectionIndex: number, productId: string|number } Can be passed as a string (JSON) or object
|
|
5577
|
+
*/
|
|
5578
|
+
"bundleContext"?: string | object;
|
|
5327
5579
|
/**
|
|
5328
5580
|
* Configuration for customizing the display layout of product options. The `config` prop accepts a JSON string that specifies the layout type for rendering options. It allows customization of how single-option and multiple-option selections are displayed. Example Usage: ```html <salla-product-options options="{{ product.options }}" product-id="{{ product.id }}" unique-key="abc123" config='{ "single-option": { "type": "button" }, "multiple-option": { "type": "button" } }'> </salla-product-options> ``` Example Config JSON: ```json { "single-option": { "type": "button" }, "multiple-option": { "type": "default" } } ``` - `single-option`: - Defines the display style for single-option selections. - `type`: Supported values: - `"button"`: Displays options in a button-style grid layout. - `"default"`: Displays options as a dropdown (default). - `multiple-option`: - Defines the display style for multiple-option selections. - `type`: Supported values: - `"button"`: Displays options in a button-style grid layout. - `"default"`: Displays options as a list of checkboxes (default).
|
|
5329
5581
|
*/
|
|
@@ -5344,7 +5596,7 @@ declare namespace LocalJSX {
|
|
|
5344
5596
|
* The id of the product to which the options are going to be fetched for.
|
|
5345
5597
|
* @default salla.config.get('page.id')
|
|
5346
5598
|
*/
|
|
5347
|
-
"productId"?: number;
|
|
5599
|
+
"productId"?: number | string;
|
|
5348
5600
|
/**
|
|
5349
5601
|
* A unique key used to generate distinct identifiers. This key is appended to a default value to ensure uniqueness across instances or components where differentiation is required.
|
|
5350
5602
|
*/
|
|
@@ -6153,6 +6405,11 @@ declare namespace LocalJSX {
|
|
|
6153
6405
|
"salla-menu": SallaMenu;
|
|
6154
6406
|
"salla-metadata": SallaMetadata;
|
|
6155
6407
|
"salla-modal": SallaModal;
|
|
6408
|
+
"salla-multiple-bundle-product": SallaMultipleBundleProduct;
|
|
6409
|
+
"salla-multiple-bundle-product-cart": SallaMultipleBundleProductCart;
|
|
6410
|
+
"salla-multiple-bundle-product-details": SallaMultipleBundleProductDetails;
|
|
6411
|
+
"salla-multiple-bundle-product-options-modal": SallaMultipleBundleProductOptionsModal;
|
|
6412
|
+
"salla-multiple-bundle-product-slider": SallaMultipleBundleProductSlider;
|
|
6156
6413
|
"salla-notification-item": SallaNotificationItem;
|
|
6157
6414
|
"salla-notifications": SallaNotifications;
|
|
6158
6415
|
"salla-offer": SallaOffer;
|
|
@@ -6218,6 +6475,11 @@ declare module "@stencil/core" {
|
|
|
6218
6475
|
/**
|
|
6219
6476
|
* @salla /ui-components
|
|
6220
6477
|
* The `salla-accordion-head` component represents the header of an accordion.
|
|
6478
|
+
* Available slots:
|
|
6479
|
+
* - `title`: The main title content
|
|
6480
|
+
* - `progress`: Progress indicator content
|
|
6481
|
+
* - `html`: Raw HTML content (optional)
|
|
6482
|
+
* - `note`: Note content displayed at the end
|
|
6221
6483
|
*/
|
|
6222
6484
|
"salla-accordion-head": LocalJSX.SallaAccordionHead & JSXBase.HTMLAttributes<HTMLSallaAccordionHeadElement>;
|
|
6223
6485
|
"salla-add-product-button": LocalJSX.SallaAddProductButton & JSXBase.HTMLAttributes<HTMLSallaAddProductButtonElement>;
|
|
@@ -6268,6 +6530,40 @@ declare module "@stencil/core" {
|
|
|
6268
6530
|
"salla-menu": LocalJSX.SallaMenu & JSXBase.HTMLAttributes<HTMLSallaMenuElement>;
|
|
6269
6531
|
"salla-metadata": LocalJSX.SallaMetadata & JSXBase.HTMLAttributes<HTMLSallaMetadataElement>;
|
|
6270
6532
|
"salla-modal": LocalJSX.SallaModal & JSXBase.HTMLAttributes<HTMLSallaModalElement>;
|
|
6533
|
+
/**
|
|
6534
|
+
* Example usage with new nested structure:
|
|
6535
|
+
* <salla-multiple-bundle-product bundleSections='{
|
|
6536
|
+
* "id": "encoded_product_id",
|
|
6537
|
+
* "name": "Complete Office Setup Bundle",
|
|
6538
|
+
* "bundle": {
|
|
6539
|
+
* "discount_percentage": 15,
|
|
6540
|
+
* "sections": [
|
|
6541
|
+
* {
|
|
6542
|
+
* "id": "encoded_section_1",
|
|
6543
|
+
* "name": "Office Equipment",
|
|
6544
|
+
* "obligatory_products": 1,
|
|
6545
|
+
* "products": [
|
|
6546
|
+
* {
|
|
6547
|
+
* "id": "encoded_sub_product_1",
|
|
6548
|
+
* "name": "Office Desk",
|
|
6549
|
+
* "image": "https://cdn.salla.sa/products/desk.jpg",
|
|
6550
|
+
* "images": ["https://cdn.salla.sa/products/desk-1.jpg"],
|
|
6551
|
+
* "price": { "amount": 500, "currency": "SAR" },
|
|
6552
|
+
* "sale_price": 450,
|
|
6553
|
+
* "quantity": 50,
|
|
6554
|
+
* "options": [...]
|
|
6555
|
+
* }
|
|
6556
|
+
* ]
|
|
6557
|
+
* }
|
|
6558
|
+
* ]
|
|
6559
|
+
* }
|
|
6560
|
+
* }'></salla-multiple-bundle-product>
|
|
6561
|
+
*/
|
|
6562
|
+
"salla-multiple-bundle-product": LocalJSX.SallaMultipleBundleProduct & JSXBase.HTMLAttributes<HTMLSallaMultipleBundleProductElement>;
|
|
6563
|
+
"salla-multiple-bundle-product-cart": LocalJSX.SallaMultipleBundleProductCart & JSXBase.HTMLAttributes<HTMLSallaMultipleBundleProductCartElement>;
|
|
6564
|
+
"salla-multiple-bundle-product-details": LocalJSX.SallaMultipleBundleProductDetails & JSXBase.HTMLAttributes<HTMLSallaMultipleBundleProductDetailsElement>;
|
|
6565
|
+
"salla-multiple-bundle-product-options-modal": LocalJSX.SallaMultipleBundleProductOptionsModal & JSXBase.HTMLAttributes<HTMLSallaMultipleBundleProductOptionsModalElement>;
|
|
6566
|
+
"salla-multiple-bundle-product-slider": LocalJSX.SallaMultipleBundleProductSlider & JSXBase.HTMLAttributes<HTMLSallaMultipleBundleProductSliderElement>;
|
|
6271
6567
|
"salla-notification-item": LocalJSX.SallaNotificationItem & JSXBase.HTMLAttributes<HTMLSallaNotificationItemElement>;
|
|
6272
6568
|
"salla-notifications": LocalJSX.SallaNotifications & JSXBase.HTMLAttributes<HTMLSallaNotificationsElement>;
|
|
6273
6569
|
/**
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salla.sa/twilight-components",
|
|
3
|
-
"version": "2.14.
|
|
3
|
+
"version": "2.14.273",
|
|
4
4
|
"license": "GPL-3.0",
|
|
5
5
|
"author": "Salla Team <support@salla.dev> (https://salla.dev)",
|
|
6
6
|
"bugs": {
|
|
@@ -80,9 +80,9 @@
|
|
|
80
80
|
"typescript": "^5.4.5"
|
|
81
81
|
},
|
|
82
82
|
"dependencies": {
|
|
83
|
-
"@salla.sa/applepay": "2.14.
|
|
84
|
-
"@salla.sa/twilight": "2.14.
|
|
85
|
-
"@salla.sa/twilight-tailwind-theme": "2.14.
|
|
83
|
+
"@salla.sa/applepay": "2.14.273",
|
|
84
|
+
"@salla.sa/twilight": "2.14.273",
|
|
85
|
+
"@salla.sa/twilight-tailwind-theme": "2.14.273",
|
|
86
86
|
"@types/node": "^20.4.8",
|
|
87
87
|
"animejs": "^3.2.2",
|
|
88
88
|
"filepond": "^4.30.6",
|
|
@@ -100,5 +100,5 @@
|
|
|
100
100
|
"vanilla-lazyload": "^17.8.5",
|
|
101
101
|
"vanilla-picker": "^2.12.2"
|
|
102
102
|
},
|
|
103
|
-
"gitHead": "
|
|
103
|
+
"gitHead": "16b798eb6cea586b30aa42cc53b013f6e3770867"
|
|
104
104
|
}
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Crafted with ❤ by Salla
|
|
3
|
-
*/
|
|
4
|
-
'use strict';
|
|
5
|
-
|
|
6
|
-
var index = require('./index-DpqjX7F3.js');
|
|
7
|
-
|
|
8
|
-
function appGlobalScript () {
|
|
9
|
-
// Only initialize it one time for the entire application
|
|
10
|
-
if (!document.lazyLoadInstance) {
|
|
11
|
-
document.lazyLoadInstance = new index.LazyLoad({
|
|
12
|
-
use_native: true, //native not support lazyLoad backgrounds
|
|
13
|
-
// restore_on_error: true,
|
|
14
|
-
// Your custom settings go here
|
|
15
|
-
// callback_finish: () => document.lazyLoadBackgrounds.update(document.querySelectorAll('.lazy[data-bg]:not(.loaded)'))
|
|
16
|
-
});
|
|
17
|
-
document.lazyLoadBackgrounds = new index.LazyLoad({
|
|
18
|
-
elements_selector: '.lazy[data-bg]:not(.loaded)',
|
|
19
|
-
});
|
|
20
|
-
//native way doesn't load backgrounds
|
|
21
|
-
// document.lazyLoadBackgrounds = new LazyLoad();
|
|
22
|
-
}
|
|
23
|
-
//make sure that lazyLoad will be fired after loading the page too.
|
|
24
|
-
if (document.readyState !== 'complete') {
|
|
25
|
-
document.addEventListener("DOMContentLoaded", () => document.lazyLoadInstance.update());
|
|
26
|
-
document.addEventListener("DOMContentLoaded", () => document.lazyLoadBackgrounds.update());
|
|
27
|
-
}
|
|
28
|
-
// fire it after each load more request;
|
|
29
|
-
// @ts-ignore
|
|
30
|
-
salla.infiniteScroll.event.onAppend(() => {
|
|
31
|
-
document.lazyLoadInstance.update();
|
|
32
|
-
document.lazyLoadBackgrounds.update();
|
|
33
|
-
});
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
const globalScripts = appGlobalScript;
|
|
37
|
-
|
|
38
|
-
exports.globalScripts = globalScripts;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Crafted with ❤ by Salla
|
|
3
|
-
*/
|
|
4
|
-
'use strict';
|
|
5
|
-
|
|
6
|
-
var CameraIcon = `<!-- Generated by IcoMoon.io -->
|
|
7
|
-
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
|
|
8
|
-
<title>camera</title>
|
|
9
|
-
<path d="M16 10.667c-4.044 0-7.333 3.289-7.333 7.333s3.289 7.333 7.333 7.333 7.333-3.289 7.333-7.333-3.289-7.333-7.333-7.333zM16 22.667c-2.573 0-4.667-2.093-4.667-4.667s2.093-4.667 4.667-4.667 4.667 2.093 4.667 4.667-2.093 4.667-4.667 4.667zM28 5.333h-3.287l-2.271-3.407c-0.248-0.371-0.664-0.593-1.109-0.593h-10.667c-0.445 0-0.861 0.223-1.109 0.593l-2.271 3.407h-3.287c-2.205 0-4 1.795-4 4v17.333c0 2.205 1.795 4 4 4h24c2.205 0 4-1.795 4-4v-17.333c0-2.205-1.795-4-4-4zM29.333 26.667c0 0.735-0.599 1.333-1.333 1.333h-24c-0.735 0-1.333-0.599-1.333-1.333v-17.333c0-0.735 0.599-1.333 1.333-1.333h4c0.445 0 0.861-0.223 1.109-0.593l2.272-3.407h9.239l2.271 3.407c0.248 0.371 0.664 0.593 1.109 0.593h4c0.735 0 1.333 0.599 1.333 1.333zM25.333 10.66c-0.736 0-1.333 0.604-1.333 1.34s0.597 1.333 1.333 1.333 1.333-0.597 1.333-1.333v-0.013c0-0.736-0.597-1.327-1.333-1.327z"></path>
|
|
10
|
-
</svg>
|
|
11
|
-
`;
|
|
12
|
-
|
|
13
|
-
exports.CameraIcon = CameraIcon;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Crafted with ❤ by Salla
|
|
3
|
-
*/
|
|
4
|
-
'use strict';
|
|
5
|
-
|
|
6
|
-
var plusIcon = `<!-- Generated by IcoMoon.io -->
|
|
7
|
-
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
|
|
8
|
-
<title>add</title>
|
|
9
|
-
<path d="M26.667 14.667h-9.333v-9.333c0-0.736-0.597-1.333-1.333-1.333s-1.333 0.597-1.333 1.333v9.333h-9.333c-0.736 0-1.333 0.597-1.333 1.333s0.597 1.333 1.333 1.333h9.333v9.333c0 0.736 0.597 1.333 1.333 1.333s1.333-0.597 1.333-1.333v-9.333h9.333c0.736 0 1.333-0.597 1.333-1.333s-0.597-1.333-1.333-1.333z"></path>
|
|
10
|
-
</svg>
|
|
11
|
-
`;
|
|
12
|
-
|
|
13
|
-
var minusIcon = `<!-- Generated by IcoMoon.io -->
|
|
14
|
-
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
|
|
15
|
-
<title>minus</title>
|
|
16
|
-
<path d="M26.667 14.667h-21.333c-0.736 0-1.333 0.597-1.333 1.333s0.597 1.333 1.333 1.333h21.333c0.736 0 1.333-0.597 1.333-1.333s-0.597-1.333-1.333-1.333z"></path>
|
|
17
|
-
</svg>
|
|
18
|
-
`;
|
|
19
|
-
|
|
20
|
-
exports.minusIcon = minusIcon;
|
|
21
|
-
exports.plusIcon = plusIcon;
|