@salla.sa/twilight-components 2.14.537 → 2.14.539

package/dist/esm/salla-notifications.entry.js

@@ -1,155 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-import { r as registerInstance, h, a as getElement } from './index-BICKbbaT.js';
-import { H as Helper } from './Helper-CBmYxrzX.js';
-import './anime.es-CgtvEd63.js';
-
-const sallaNotificationsCss = "";
-
-const SallaNotifications = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        /**
-         * Number of notifications to load per request.
-         */
-        this.itemPerPage = 10;
-        this.no_notifications_trans = salla.lang.get('blocks.header.no_notifications');
-        this.load_more_text_trans = salla.lang.get('common.elements.load_more');
-        salla.lang.onLoaded(() => {
-            this.no_notifications_trans = salla.lang.get('blocks.header.no_notifications');
-            this.load_more_text_trans = salla.lang.get('common.elements.load_more');
-        });
-    }
-    // Show/hide loading
-    loading(isLoading = true) {
-        let btnText = this.status?.querySelector('.s-button-text');
-        if (btnText) {
-            Helper.toggleElementClassIf(btnText, 's-button-hide', 's-button-show', () => isLoading);
-            this.btnLoader.style.display = isLoading ? 'inherit' : 'none';
-        }
-    }
-    getNotificationCard(notification) {
-        const notificationItem = document.createElement('salla-notification-item');
-        notificationItem.notification = notification;
-        notificationItem.classList.add('s-block');
-        return notificationItem;
-    }
-    render() {
-        if (this.showPlaceholder) {
-            return h("div", { class: "s-notifications-no-content" }, h("salla-placeholder", { alignment: 'center' }, h("span", { slot: 'title' }, this.no_notifications_trans)));
-        }
-        return h("div", { class: "s-notifications-wrapper" }, h("div", { class: "s-notifications-container", ref: wrapper => this.wrapper = wrapper }), this.nextPage && (h("div", { class: "s-infinite-scroll-wrapper", ref: status => this.status = status }, h("button", { onClick: () => this.loadMore(), class: "s-infinite-scroll-btn s-button-btn s-button-primary" }, h("span", { class: "s-button-text s-infinite-scroll-btn-text" }, this.loadMoreText ?? this.load_more_text_trans), h("span", { class: "s-button-loader s-button-loader-center s-infinite-scroll-btn-loader", ref: btnLoader => this.btnLoader = btnLoader, style: { "display": "none" } })))));
-    }
-    /**
-     * Detect whether the response uses the new API format (v2) by checking for `cursor` key.
-     */
-    isV2Response(resp) {
-        return !!resp.cursor;
-    }
-    /**
-     * Map a single v2 notification to the legacy Notification interface.
-     */
-    normalizeNotification(item) {
-        return {
-            title: item.title,
-            sub_title: item.body,
-            date: item.time_ago,
-            is_new: !item.is_read,
-            url: item.url,
-        };
-    }
-    /**
-     * Normalize a v2 cursor pagination to the legacy Pagination format.
-     */
-    normalizePagination(cursor) {
-        return {
-            count: cursor.count,
-            currentPage: cursor.current,
-            links: {
-                next: cursor.next != null ? String(cursor.next) : undefined,
-            },
-        };
-    }
-    /**
-     * Middleware that normalizes any API response to the legacy shape.
-     * If the response is already in legacy format, it passes through unchanged.
-     */
-    normalizeResponse(resp) {
-        if (this.isV2Response(resp)) {
-            return {
-                data: (resp.data || []).map((item) => this.normalizeNotification(item)),
-                pagination: this.normalizePagination(resp.cursor),
-            };
-        }
-        return resp;
-    }
-    handleResponse(notificationsList) {
-        return notificationsList.map(notification => this.getNotificationCard(notification));
-    }
-    initiateInfiniteScroll() {
-        if (!this.wrapper) {
-            salla.logger.error('Wrapper is undefined. Cannot initiate infinite scroll.');
-            return;
-        }
-        this.infiniteScroll = salla.infiniteScroll.initiate(this.wrapper, this.wrapper, {
-            path: () => this.nextPage,
-            history: true,
-            nextPage: this.nextPage,
-            scrollThreshold: false,
-        }, true);
-        this.infiniteScroll?.on('request', _response => {
-            this.loading();
-        });
-        this.infiniteScroll?.on('load', rawResponse => {
-            this.loading(false);
-            const response = this.normalizeResponse(rawResponse);
-            this.pagination = response.pagination;
-            this.nextPage = response.pagination.links?.next || null;
-            this.handleResponse(response.data).forEach(data => this.wrapper.append(data));
-            let items = this.host.querySelectorAll('salla-notification-item:not(.animated)');
-            Helper.animateItems(items);
-        });
-        this.infiniteScroll?.on('error', (e) => {
-            salla.logger.error('Error loading more comments:', e);
-        });
-    }
-    async loadInitialData() {
-        await salla.api.notifications.fetch({ "per_page": this.itemPerPage })
-            .then(rawResp => {
-            const resp = this.normalizeResponse(rawResp);
-            this.pagination = resp.pagination;
-            this.total = resp.pagination.total;
-            this.nextPage = resp.pagination.links?.next || null;
-            // if (!this.notifications.length) {
-            //   this.showPlaceholder = true;
-            //   return this.loading(false);
-            // }
-            setTimeout(() => {
-                if (!resp.data.length) {
-                    return this.showPlaceholder = true;
-                }
-                this.handleResponse(resp.data).forEach(data => this.wrapper.append(data));
-                this.initiateInfiniteScroll();
-                let items = this.wrapper.querySelectorAll('salla-notification-item:not(.animated)');
-                Helper.animateItems(items);
-            }, 100);
-        })
-            .catch(error => {
-            salla.logger.error(error);
-            this.showPlaceholder = true;
-            this.loading(false);
-        });
-    }
-    // Get next page
-    async loadMore() {
-        this.infiniteScroll?.loadNextPage();
-    }
-    async componentWillLoad() {
-        await this.loadInitialData();
-    }
-    get host() { return getElement(this); }
-};
-SallaNotifications.style = sallaNotificationsCss;
-
-export { SallaNotifications as salla_notifications };

package/dist/esm/salla-product-card_2.entry.js

@@ -1,316 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-BICKbbaT.js';
-import { S as Star } from './star2-D4oPi1Ov.js';
-import { H as Helper } from './Helper-CBmYxrzX.js';
-import './anime.es-CgtvEd63.js';
-
-var Heart = `<!-- Generated by IcoMoon.io -->
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
-<title>heart</title>
-<path d="M23.333 2.267c-3.547 0-5.779 1.605-7.333 3.061-1.555-1.456-3.787-3.061-7.333-3.061-5.955 0-8.667 5.045-8.667 9.733 0 8.503 10.147 14.735 15.513 16.841 0.156 0.061 0.321 0.092 0.487 0.092s0.331-0.031 0.487-0.092c5.367-2.107 15.513-8.339 15.513-16.841 0-4.688-2.712-9.733-8.667-9.733zM16 26.161c-5.537-2.309-13.333-7.799-13.333-14.161 0-3.517 1.856-7.067 6-7.067 2.983 0 4.656 1.451 6.384 3.203 0.5 0.508 1.399 0.508 1.899 0 1.728-1.752 3.401-3.203 6.384-3.203 4.144 0 6 3.549 6 7.067 0 6.363-7.796 11.852-13.333 14.161z"></path>
-</svg>
-`;
-
-const sallaProductCardCss = ".s-product-card-image::before{font-family:\"sallaicons\";content:\"\\ec1f\" !important}.s-product-card-content-pie-svg circle{transition:stroke-dashoffset 1s linear;-webkit-transition:stroke-dashoffset 1s linear;-moz-transition:stroke-dashoffset 1s linear;-ms-transition:stroke-dashoffset 1s linear;-o-transition:stroke-dashoffset 1s linear;stroke:#E8EDF2;stroke-width:2px;stroke-linecap:round;fill:none}.s-product-card-content-pie-svg-bar{stroke:var(--color-primary) !important;stroke-dasharray:100 100;stroke-dashoffset:100}";
-
-const SallaProductCard = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        // Store configs
-        salla.onReady(() => {
-            this.fitImageHeight = salla.config.get('store.settings.product.fit_type');
-            salla.wishlist.event.onAdded((_res, id) => this.toggleFavoriteIcon(true, id));
-            salla.wishlist.event.onRemoved((_res, id) => this.toggleFavoriteIcon(false, id));
-            this.placeholder = salla.url.asset(salla.config.get('theme.settings.placeholder'));
-        });
-        // Language
-        salla.lang.onLoaded(() => {
-            this.remained = salla.lang.get('pages.products.remained');
-            this.donationAmount = salla.lang.get('pages.products.donation_amount');
-            this.startingPrice = salla.lang.get('pages.products.starting_price');
-            this.addToCart = salla.lang.get('pages.cart.add_to_cart');
-            this.outOfStock = salla.lang.get('pages.products.out_of_stock');
-        });
-        // Parse product data
-        if (!this.product) {
-            return;
-        }
-        try {
-            this.productData = typeof this.product == 'object' ? this.product : JSON.parse(this.product);
-        }
-        catch (e) {
-            salla.log('Bad json passed via product prop');
-        }
-    }
-    // Private Methods
-    initCircleBar() {
-        let qty = this.productData.quantity, total = this.productData.quantity > 100 ? this.productData.quantity * 2 : 100, roundPercent = (qty / total) * 100, bar = this.pie.querySelector('.s-product-card-content-pie-svg-bar'), strokeDashOffsetValue = 100 - roundPercent;
-        bar.style.strokeDashoffset = strokeDashOffsetValue;
-    }
-    toggleFavoriteIcon(isAdded = true, id = null) {
-        if (id && id !== this.productData.id) {
-            return;
-        }
-        this.wishlistBtn?.classList.toggle('s-product-card-wishlist-added', isAdded);
-    }
-    isInWishlist() {
-        return salla.storage.get('salla::wishlist', []).includes(this.productData?.id);
-    }
-    async handleWishlistClick() {
-        const wasInWishlist = this.isInWishlist();
-        this.toggleFavoriteIcon(!wasInWishlist);
-        try {
-            await salla.wishlist.toggle(this.productData.id);
-        }
-        catch {
-            this.toggleFavoriteIcon(wasInWishlist);
-        }
-    }
-    formatDate(date) {
-        let d = new Date(date);
-        return `${d.getFullYear()}-${d.getMonth() + 1}-${d.getDate()}`;
-    }
-    getProductBadge() {
-        if (this.productData.promotion_title) {
-            return h("div", { class: "s-product-card-promotion-title" }, this.productData.promotion_title);
-        }
-        if (this.showQuantity && this.productData?.quantity) {
-            return h("div", { class: "s-product-card-quantity" }, this.remained, " ", salla.helpers.number(this.productData?.quantity));
-        }
-        if (this.showQuantity && this.productData?.is_out_of_stock) {
-            return h("div", { class: "s-product-card-out-badge" }, this.outOfStock);
-        }
-        return '';
-    }
-    getPriceFormat(price) {
-        if (!price || price == 0) {
-            return salla.config.get('store.settings.product.show_price_as_dash') ? '-' : '';
-        }
-        return salla.money(price);
-    }
-    getProductPrice() {
-        if (this.productData.is_on_sale) {
-            return h("div", { class: "s-product-card-sale-price" }, h("h4", { innerHTML: this.getPriceFormat(this.productData.sale_price) }), h("span", { innerHTML: this.getPriceFormat(this.productData?.regular_price) }));
-        }
-        if (this.productData.starting_price) {
-            return h("div", { class: "s-product-card-starting-price" }, h("p", null, this.startingPrice), h("h4", { innerHTML: this.getPriceFormat(this.productData?.starting_price) }));
-        }
-        return h("h4", { class: "s-product-card-price", innerHTML: this.getPriceFormat(this.productData?.price) });
-    }
-    render() {
-        const classes = {
-            's-product-card-entry': true,
-            's-product-card-vertical': !this.horizontal && !this.fullImage && !this.minimal,
-            's-product-card-horizontal': this.horizontal && !this.fullImage && !this.minimal,
-            's-product-card-fit-height': this.fitImageHeight && !this.isSpecial && !this.fullImage && !this.minimal,
-            's-product-card-special': this.isSpecial,
-            's-product-card-full-image': this.fullImage,
-            's-product-card-minimal': this.minimal,
-            's-product-card-compact': this.compact,
-            's-product-card-donation': this.productData?.donation,
-            's-product-card-shadow': this.shadowOnHover,
-            's-product-card-out-of-stock': this.productData?.is_out_of_stock,
-        };
-        const hrefProp = this.productData?.url ? { href: this.productData.url, title: `Learn more about ${this.productData?.name}` } : {};
-        return (h(Host, { key: 'c5a6d2bc2fcf23da1a41ab8b19b2e981fb111e30', id: `product-${this.productData?.id}`, class: classes }, h("div", { key: 'e8d5105e4dbe367c612d62ef1dd6c95d04f440b0', class: !this.fullImage ? 's-product-card-image' : 's-product-card-image-full' }, h("a", { key: '8714997fcb48ef0eaabdf0a52cb775514e53db56', ...hrefProp }, h("img", { key: 'eebd3c1dde0894037a7723c46e2f07f6a5aef939', class: `s-product-card-image-${salla.url.is_placeholder(this.productData?.image?.url)
-                ? 'contain'
-                : this.fitImageHeight
-                    ? this.fitImageHeight
-                    : 'cover'} lazy`, src: this.placeholder, alt: this.productData?.image?.alt || this.productData?.name, "data-src": this.productData?.image?.url || this.productData?.thumbnail }), !this.fullImage && !this.minimal ? this.getProductBadge() : ''), this.fullImage && h("a", { key: '72e240315320e976dcad8d3f027711b9c1d7bcf1', ...hrefProp, class: "s-product-card-overlay" }), !this.horizontal && !this.fullImage ?
-            h("salla-button", { shape: "icon", fill: "none", color: "light", loading: false, "aria-label": "Add or remove to wishlist", ref: el => this.wishlistBtn = el, class: "s-product-card-wishlist-btn animated", onClick: () => this.handleWishlistClick() }, h("span", { innerHTML: Heart })) : ''), h("div", { key: '2f0186ffc102488824cd7c346f4e07439474fc26', class: "s-product-card-content" }, this.isSpecial && this.productData?.quantity ?
-            h("div", { class: "s-product-card-content-pie", ref: pie => this.pie = pie }, h("span", null, h("b", null, salla.helpers.number(this.productData?.quantity)), this.remained), h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "-2 -1 36 34", class: "s-product-card-content-pie-svg" }, h("circle", { cx: "16", cy: "16", r: "15.9155", class: "s-product-card-content-pie-svg-base" }), h("circle", { cx: "16", cy: "16", r: "15.9155", class: "s-product-card-content-pie-svg-bar" })))
-            : '', h("div", { key: 'd50ea0726d25bf3b551050e906fc615bc682e694', class: { 's-product-card-content-main': true, 's-product-card-content-extra-padding': this.isSpecial } }, h("h3", { key: 'e4f39676d661a01d1aa6352cac7be6e764fa8687', class: "s-product-card-content-title" }, h("a", { key: '0aacc2e00a0db730d1e803da34336085082df75d', ...hrefProp }, this.productData?.name)), this.productData?.subtitle && !this.minimal ?
-            h("p", { class: "s-product-card-content-subtitle" }, this.productData?.subtitle)
-            : ''), this.productData?.donation && !this.minimal && !this.fullImage ?
-            [h("salla-progress-bar", { donation: this.productData?.donation }), h("div", { class: "s-product-card-donation-input" }, this.productData?.donation?.can_donate ?
-                    [h("label", { htmlFor: "donation-amount" }, this.donationAmount, " ", h("span", null, "*")), h("input", { type: "text", onInput: e => {
-                                salla.helpers.inputDigitsOnly(e.target);
-                                this.addBtn.donatingAmount = e.target.value;
-                            }, id: "donation-amount", name: "donating_amount", class: "s-form-control", placeholder: this.donationAmount })]
-                    : '')]
-            : '', h("div", { key: '445a1e16fee6ebb6ab5012aca324d3845991d13e', class: { 's-product-card-content-sub': true, 's-product-card-content-extra-padding': this.isSpecial } }, this.getProductPrice(), this.productData?.rating?.stars && !this.minimal ?
-            h("div", { class: "s-product-card-rating" }, h("span", { innerHTML: Star }), h("span", null, this.productData.rating.stars))
-            : ''), this.isSpecial && this.productData.discount_ends
-            ? h("salla-count-down", { date: this.formatDate(this.productData.discount_ends), "end-of-day": true, boxed: true, labeled: true })
-            : '', !this.hideAddBtn && !this.compact ?
-            h("div", { class: "s-product-card-content-footer" }, h("salla-add-product-button", { fill: "outline", width: "wide", ref: el => this.addBtn = el, "product-id": this.productData.id, "product-status": this.productData.status, "product-type": this.productData.type }, h("slot", { name: "add-to-cart-label" }, this.productData.add_to_cart_label)), this.horizontal || this.fullImage ?
-                h("salla-button", { shape: "icon", fill: "none", color: "light", loading: false, ref: el => this.wishlistBtn = el, "aria-label": "Add or remove to wishlist", class: "s-product-card-wishlist-btn animated", onClick: () => this.handleWishlistClick(), "data-id": "{{ product.id }}" }, h("span", { class: "text-xl", innerHTML: Heart }))
-                : '')
-            : ''), !this.hideAddBtn && this.compact ?
-            h("div", { class: "s-product-card-content-footer" }, h("salla-add-product-button", { ref: el => this.addBtn = el, "product-id": this.productData.id, "product-status": this.productData.status, "product-type": this.productData.type, class: "s-add-product-button-compact" }, h("slot", { name: "add-to-cart-label" }, this.productData.add_to_cart_label)))
-            : ''));
-    }
-    componentDidLoad() {
-        document.lazyLoadInstance?.update(this.host.querySelectorAll('.lazy'));
-        if (this.productData?.quantity && this.isSpecial) {
-            this.initCircleBar();
-        }
-        if (!salla.config.isGuest() && salla.storage.get('salla::wishlist', []).includes(this.productData?.id)) {
-            this.toggleFavoriteIcon();
-        }
-    }
-    static get assetsDirs() { return ["assets"]; }
-    get host() { return getElement(this); }
-};
-SallaProductCard.style = sallaProductCardCss;
-
-const sallaProductsSliderCss = "";
-
-const SallaProductsSlider = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        /**
-         * Custom Card Component for the Salla Products Slider.
-         *
-         * This component allows you to customize the appearance of individual product cards within a Salla Products Slider.
-         *
-         * @example
-         * <salla-products-slider product-card-component="my-custom-card-style1" ...
-         * <salla-products-slider product-card-component="my-custom-card-style2" ...
-         */
-        this.productCardComponent = 'custom-salla-product-card';
-        this.apiUrl = '';
-        this.onWishlistStorageSynced = () => Helper.syncWishlistIcons(this.host, `${this.productCardComponent}, salla-product-card`);
-    }
-    componentWillLoad() {
-        return salla.onReady()
-            .then(async () => {
-            //TODO:: check why `this.includes` not working!!
-            this.includes = Helper.parseJson(this.includes || this.host.getAttribute('includes'));
-            if (!Array.isArray(this.includes)) {
-                this.includes = null;
-            }
-            Helper.setIncludes(this.includes);
-            this.sourceValueIsValid = !!(this.getSourceValue() || this.isSourceWithoutValue());
-            if (!this.sourceValueIsValid) {
-                salla.logger.warn(`source-value prop is required for source [${this.getSource()}]`);
-                return;
-            }
-            this.hasCustomComponent = !!customElements.get(this.productCardComponent);
-            if (this.source === 'json') {
-                this.productsData = await this.applyBeforeAppendItems(this.getSourceValue());
-                this.isReady = true;
-                return;
-            }
-            if ((this.getSource() == 'related' && !salla.config.get('store.settings.product.related_products_enabled'))) {
-                this.isReady = false;
-                return;
-            }
-            if (this.getSource() === 'related' &&
-                salla.config.get('store.settings.product.related_products_enabled') &&
-                salla.config.get('store.settings.product.product-recommendation-type') === 'random' &&
-                salla.config.get('store.features')?.includes('ai-driven-personalized-product')) {
-                this.sourceValue = await salla.recommendations.similarProducts(this.sourceValue, { limit: this.limit || 12 }).extractProductIds();
-                this.source = 'selected';
-            }
-            return salla.api.withoutNotifier(() => salla.product.api.fetch({
-                source: Helper.getApiSource(this.getSource()),
-                source_value: this.getSourceValue(),
-                limit: this.limit
-            }))
-                .then(response => Helper.injectExtraFieldsToResponse(response))
-                .then(async (response) => {
-                this.productsData = await this.applyBeforeAppendItems(response.data);
-                this.isReady = true;
-                response.source = this.getSource();
-                response.sourceValue = this.getSourceValue();
-                salla.event.emit('salla-products-slider::products.fetched', this.productsData);
-            });
-        });
-    }
-    componentDidRender() {
-        let processedCount = 0;
-        const intervalId = setInterval(() => {
-            this.host.querySelectorAll('[loading="lazy"]')?.forEach(img => img.removeAttribute('loading'));
-            processedCount++;
-            if (processedCount >= 10) {
-                clearInterval(intervalId);
-            }
-        }, 1000);
-    }
-    connectedCallback() {
-        salla.event.on('wishlist::storage.synced', this.onWishlistStorageSynced);
-    }
-    disconnectedCallback() {
-        salla.event.off('wishlist::storage.synced', this.onWishlistStorageSynced);
-    }
-    async componentDidLoad() {
-        await Salla.hooks.registerComponent('salla-products-slider', this);
-    }
-    onReadyChanged(isReady) {
-        if (!isReady)
-            return;
-        void salla.wishlist.api.syncStorageFromServer();
-    }
-    isSourceWithoutValue() {
-        return ['offers', 'latest', 'sales', 'top-rated'].includes(this.getSource());
-    }
-    getItemHTML(product) {
-        //as a request they don't want to let the user to open the product details
-        //todo:: find a better way to handle this request
-        const isLandingPage = this.getSource() === 'landing-page';
-        isLandingPage && (product.url = '');
-        const handleClick = isLandingPage ? undefined : () => {
-            Helper.saveProductSource(this.getSource());
-            Helper.saveProductPosition(product.position);
-        };
-        if (this.hasCustomComponent && this.productCardComponent.toLowerCase() == 'custom-salla-product-card') {
-            return h("div", { class: "s-products-slider-card", onClick: handleClick }, h("custom-salla-product-card", { product: product, source: this.getSource(), "source-value": this.getSourceValue() }));
-        }
-        if (this.hasCustomComponent) {
-            const customElem = document.createElement(this.productCardComponent);
-            customElem.setAttribute('product', JSON.stringify(product));
-            customElem.setAttribute('source', this.getSource());
-            customElem.setAttribute('source-value', this.getSourceValue());
-            return h("div", { class: "s-products-slider-card", onClick: handleClick, innerHTML: customElem.outerHTML });
-        }
-        return h("div", { class: "s-products-slider-card", onClick: handleClick }, h("salla-product-card", { "show-quantity": isLandingPage, "hide-add-btn": isLandingPage, "shadow-on-hover": true, product: product }));
-    }
-    canRender() {
-        return this.sourceValueIsValid && this.isReady;
-    }
-    getSource() {
-        return Helper.getProductsSource(this.source);
-    }
-    getSourceValue() {
-        return Helper.getProductsSourceValue(this.source, this.sourceValue);
-    }
-    /**
-     * Allows bundles to modify or replace products before they are rendered.
-     *
-     * @example
-     * salla.hooks.registerHook(
-     *   'salla-products-slider',
-     *   'beforeAppendItems',
-     *   async (ctx) => {
-     *     ctx.items = ctx.items.filter((item) => item.is_available);
-     *   },
-     * );
-     */
-    async applyBeforeAppendItems(items) {
-        const originalItems = Array.isArray(items) ? items : [];
-        const ctx = { component: this, items: originalItems };
-        try {
-            await salla.hooks.call('salla-products-slider', 'beforeAppendItems', ctx);
-            return Array.isArray(ctx.items) ? ctx.items : originalItems;
-        }
-        catch {
-            return originalItems;
-        }
-    }
-    render() {
-        if (!this.canRender()) {
-            return;
-        }
-        return (h(Host, { class: "s-products-slider-wrapper" }, h("salla-slider", { class: "s-products-slider-slider", id: this.sliderId || `s-products-slider-${Math.random().toString(36).substr(2, 9)}`, ...(this.sliderProps || {}), "auto-play": this.autoplay, type: "carousel", "block-title": this.blockTitle, "block-subTitle": this.subTitle, "display-all-url": this.displayAllUrl, sliderConfig: this.sliderConfig ? this.sliderConfig : null }, h("div", { slot: "items" }, this.productsData?.map(product => this.getItemHTML(product))))));
-    }
-    get host() { return getElement(this); }
-    static get watchers() { return {
-        "isReady": ["onReadyChanged"]
-    }; }
-};
-SallaProductsSlider.style = sallaProductsSliderCss;
-
-export { SallaProductCard as salla_product_card, SallaProductsSlider as salla_products_slider };

package/dist/esm/shipping-CZRcMGA9.js

@@ -1,11 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-var SIShipping = `<!-- Generated by IcoMoon.io -->
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
-<title>shipping</title>
-<path d="M31.124 13.104l-3.148-3.935c-1.273-1.591-3.171-2.503-5.207-2.503h-1.436c0-2.205-1.795-4-4-4h-13.333c-2.205 0-4 1.795-4 4v17.333c0 0.737 0.596 1.333 1.333 1.333h2.856c0.596 2.295 2.665 4 5.144 4 2.941 0 5.333-2.392 5.333-5.333s-2.392-5.333-5.333-5.333c-2.479 0-4.548 1.705-5.144 4h-1.523v-16c0-0.735 0.597-1.333 1.333-1.333h13.333c0.736 0 1.333 0.599 1.333 1.333v1.333c0 0.248 0.087 0.468 0.204 0.667-0.117 0.199-0.204 0.419-0.204 0.667v5.333c0 0.736 0.596 1.333 1.333 1.333h9.333v6.667h-1.333c-0.063 0-0.117 0.028-0.179 0.036-0.583-2.313-2.663-4.036-5.155-4.036-2.941 0-5.333 2.392-5.333 5.333s2.392 5.333 5.333 5.333c2.492 0 4.572-1.723 5.155-4.036 0.061 0.008 0.116 0.036 0.179 0.036h2.667c0.737 0 1.333-0.596 1.333-1.333v-8.397c0-0.907-0.311-1.795-0.876-2.499zM9.333 21.333c1.471 0 2.667 1.196 2.667 2.667s-1.196 2.667-2.667 2.667-2.667-1.196-2.667-2.667 1.196-2.667 2.667-2.667zM21.333 13.333v-4h1.436c1.221 0 2.361 0.548 3.124 1.501l1.999 2.499zM22.667 26.667c-1.471 0-2.667-1.196-2.667-2.667s1.196-2.667 2.667-2.667 2.667 1.196 2.667 2.667-1.196 2.667-2.667 2.667z"></path>
-</svg>
-`;
-
-export { SIShipping as S };

package/dist/esm/tag-cgSL_BIo.js

@@ -1,10 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-var SITag = `<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
-<title>tag</title>
-<path d="M28 0h-9.344c-1.059 0-2.056 0.411-2.809 1.153l-14.673 14.456c-1.56 1.56-1.561 4.097-0.001 5.657l9.56 9.56c0.755 0.755 1.76 1.172 2.828 1.173h0.003c1.068 0 2.072-0.416 2.833-1.179l14.451-14.668c0.743-0.753 1.153-1.751 1.153-2.809v-9.344c0-2.205-1.795-4-4-4zM29.333 13.344c0 0.353-0.137 0.685-0.385 0.937l-14.444 14.661c-0.252 0.252-0.587 0.391-0.941 0.391-0.001 0-0.001 0-0.001 0-0.356-0.001-0.691-0.139-0.943-0.392l-9.561-9.56c-0.52-0.52-0.52-1.365-0.005-1.88l14.667-14.449c0.253-0.248 0.585-0.385 0.937-0.385h9.344c0.736 0 1.333 0.597 1.333 1.333zM24 6.673c-0.737 0-1.333 0.604-1.333 1.341s0.596 1.333 1.333 1.333 1.333-0.596 1.333-1.333v-0.015c0-0.737-0.596-1.327-1.333-1.327z"></path>
-</svg>
-`;
-
-export { SITag as S };

package/dist/esm/tracked-promise-BGUdJ_Y7.js

@@ -1,29 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-import { f as forceUpdate } from './index-BICKbbaT.js';
-
-function TrackedPromise(fn, options = {}) {
-    options = Object.assign({ initialData: undefined, initialStatus: 'idle' }, options);
-    return (target, propertyKey) => {
-        const trackedPromise = Object.assign(function (...args) {
-            const update = (newState) => {
-                Object.assign(this[propertyKey], newState);
-                forceUpdate(this);
-            };
-            update({ status: 'pending', error: undefined });
-            return fn.call(this, ...args).then((data) => {
-                update({ status: 'success', data, error: undefined });
-                return data;
-            }, (error) => {
-                update({ status: 'error', error });
-                return Promise.reject(error);
-            });
-        }, { status: options.initialStatus, data: options.initialData, error: undefined });
-        Object.defineProperty(target, propertyKey, {
-            value: trackedPromise,
-        });
-    };
-}
-
-export { TrackedPromise as T };

package/dist/esm/user-add-QpH8MU22.js

@@ -1,11 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-var SIUserAdd = `<!-- Generated by IcoMoon.io -->
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
-<title>user-add</title>
-<path d="M10.667 16c4.044 0 7.333-3.289 7.333-7.333s-3.289-7.333-7.333-7.333-7.333 3.289-7.333 7.333 3.289 7.333 7.333 7.333zM10.667 4c2.573 0 4.667 2.093 4.667 4.667s-2.093 4.667-4.667 4.667-4.667-2.093-4.667-4.667 2.093-4.667 4.667-4.667zM30.667 14.667h-2.667v-2.667c0-0.736-0.597-1.333-1.333-1.333s-1.333 0.597-1.333 1.333v2.667h-2.667c-0.736 0-1.333 0.597-1.333 1.333s0.597 1.333 1.333 1.333h2.667v2.667c0 0.736 0.597 1.333 1.333 1.333s1.333-0.597 1.333-1.333v-2.667h2.667c0.736 0 1.333-0.597 1.333-1.333s-0.597-1.333-1.333-1.333zM10.667 18.667c-5.881 0-10.667 3.813-10.667 8.5v2.167c0 0.736 0.597 1.333 1.333 1.333s1.333-0.597 1.333-1.333v-2.167c0-3.217 3.588-5.833 8-5.833s8 2.616 8 5.833v2.167c0 0.736 0.597 1.333 1.333 1.333s1.333-0.597 1.333-1.333v-2.167c0-4.687-4.785-8.5-10.667-8.5z"></path>
-</svg>
-`;
-
-export { SIUserAdd as S };

package/dist/twilight/p-035e0ede.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-import{r as e,c as t,h as s,H as i}from"./p-BICKbbaT.js";import{a}from"./p-BedNk7k1.js";import{a as l}from"./p-B9q7ymSg.js";const r=class{constructor(s){e(this,s),this.changed=t(this,"changed"),this.min=0,this.max=1e4,this.moreThanLabel="أكثر من",this.lessThanLabel="أقل من",this.toLabel="الى",this.fromLabel="من",this.typing=!1,this.isMin=!1,this.isRTL=salla.config.get("theme.is_rtl",!0),this.filterValues=[]}connectedCallback(){if(this.filtersData&&this.filtersData?.price&&(this.minPrice=this.filtersData.price.min,this.maxPrice=this.filtersData.price.max),salla.lang.onLoaded((()=>{this.moreThanLabel=salla.lang.getWithDefault("common.elements.more_than",this.moreThanLabel),this.lessThanLabel=salla.lang.getWithDefault("common.elements.less_than",this.lessThanLabel),this.toLabel=salla.lang.getWithDefault("common.elements.to",this.toLabel),this.fromLabel=salla.lang.getWithDefault("common.elements.from",this.fromLabel)})),1==this.option.values.length)return;if(this.option.values.length<=5)return void(this.filterValues=this.option.values);const e=Math.ceil(this.option.values.length/5);for(let t=0;t<this.option.values.length;t+=e)this.filterValues.push(this.option.values.slice(t,t+e).reduce(((e,t)=>(e.to=t.to,e.count+=t.count,e))))}async reset(){this.minInput.value=null,this.maxInput.value=null,this.minPrice=null,this.maxPrice=null}getPriceLabel(e){return isNaN(e.from)||e.from<1?`${this.lessThanLabel} ${salla.money(e.to)}`:isNaN(e.to)||e.to<1?`${this.moreThanLabel} ${salla.money(e.from)}`:`${salla.money(e.from)} ${this.toLabel} ${salla.money(e.to)}`}minInputValidation(e){e&&(e>this.max||this.maxPrice&&e>this.maxPrice)||(e<this.min?this.minPrice=this.min:e&&(this.minPrice=e))}maxInputValidation(e){e&&(e<this.min||this.minPrice&&e<this.minPrice)||e>this.max&&(this.maxPrice=this.max)}async changedEventHandler(e){salla.helpers.inputDigitsOnly(this.minInput),salla.helpers.inputDigitsOnly(this.maxInput);const t=this.minPrice?1*+this.minPrice:null,s=this.maxPrice?1*+this.maxPrice:null;this.maxPrice||(this.maxPrice=""),this.isMin?this.minInputValidation(t):(this.minPrice||(this.minPrice=0),this.maxInputValidation(s)),this.isReady&&this.changed.emit({event:e,option:this.option,value:{max:this.maxPrice,min:this.minPrice}})}handleMinMaxPrice(e,t){this.minPrice=t.from,this.maxPrice="*"!==t.to?t.to:"",this.changedEventHandler(e)}isChecked(e){return!(!this.minPrice&&!this.maxPrice)&&(((e.from<1||"*"==e.from)&&0==this.minPrice||e.from==this.minPrice)&&("*"==e.to||!e.to||e.to==this.maxPrice))}handleMinPrice(e){this.isMin=!0;const t=e.target.value;this.minPrice=""===t?0:t}handleMaxPrice(e){this.isMin=!1;const t=e.target.value;this.maxPrice=void 0===t?"":t}render(){return s(i,{key:"dc74966c1d2d9e5626b23db0a80b693fef047f41"},this.filterValues.map(((e,t)=>s("label",{class:"s-filters-label",htmlFor:`${this.option.key}-${t}`,key:t},s("input",{id:`${this.option.key}-${t}`,name:"price",type:"radio",checked:this.isChecked(e),class:"s-filters-radio",onChange:t=>this.handleMinMaxPrice(t,e)}),s("span",{innerHTML:this.getPriceLabel(e)})))),s("div",{key:"b12dad0c27f3fbe9ad8a9c98b9bd1302388b35ef",class:"flex justify-center items-center"},s("div",{key:"e034058e195a94c2434e99c5b30b2e5909daff87",class:"relative max-w-xl w-full"},s("div",{key:"4c59f5a3c8249717c4c6decbcdb63d97343bd871",class:"s-price-range-inputs"},s("div",{key:"65de0733e3ce1ea7b37976f1d077d1f3192056c5",class:"s-price-range-relative"},s("div",{key:"ed842802aff5cd874e708c062aa79e8185d330f3",class:"s-price-range-currency"}," ",salla.config.currency().symbol),s("input",{key:"78d020948e3edc4e53fff976fa8e00b2e6ac6868",type:"number",maxlength:"5",ref:e=>this.minInput=e,onBlur:e=>this.handleMinPrice(e),value:this.minPrice,placeholder:this.fromLabel,class:"s-price-range-number-input"})),s("div",{key:"edfb3dd62b7898d4493a1adefeee20bdb305c89a",class:"s-price-range-gray-text"}," -"),s("div",{key:"f2227f09a344b8cc8c1160c23a6dbc9cd96cb260",class:"s-price-range-relative"},s("div",{key:"e528e7766eb7f6b9e0791116c87374441c73afe6",class:"s-price-range-currency"}," ",salla.config.currency().symbol),s("input",{key:"6dda7a17097ae51c50c3d4aae290ce1b0369dcfa",type:"number",maxlength:"5",ref:e=>this.maxInput=e,onBlur:e=>this.handleMaxPrice(e),value:this.maxPrice,placeholder:this.toLabel,class:"s-price-range-number-input","aria-describedby":"price-currency"})),s("salla-button",{key:"970d39060c565e7dc18e6a2039452a3b3df04082",color:"gray",shape:"icon",size:"small",fill:"outline",onClick:e=>this.changedEventHandler(e)},s("span",{key:"da9b6ed688a64d624eedc3834ad3be47533c9dd5",innerHTML:this.isRTL?a:l}))))))}componentDidLoad(){this.isReady=!0}};r.style=":host{display:block}.rtl .rtl-range-slider,[dir=rtl] .rtl-range-slider{transform:rotateY(180deg)}.rtl .rtl-range-numbers,[dir=rtl] .rtl-range-numbers{flex-direction:row-reverse}.rtl .form-select,.rtl select,[dir=rtl] .form-select,[dir=rtl] select{background-position:left 0.5rem center;padding-right:12px}.rtl .menu-divide li:not(:last-child):after,[dir=rtl] .menu-divide li:not(:last-child):after{left:0;right:auto}input[type=range]::-webkit-slider-thumb{pointer-events:all;width:24px;height:24px;-webkit-appearance:none}[type=checkbox]:checked{background-size:80%}";export{r as salla_price_range}

package/dist/twilight/p-0a34505a.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-import{r as s,h as i,H as e,a as t}from"./p-BICKbbaT.js";function l(s,i){localStorage.getItem("salla-delivery-promise-debug")&&(void 0!==i?console.log(s,i):console.log(s))}async function r(s,i){l("fetchCities start",{productId:s,keyword:i});const e=null!=i?`?keyword=${encodeURIComponent(i)}`:"",t=await salla.api.request(salla.url.api(`products/${s}/delivery-promises/cities${e}`));return t.success&&Array.isArray(t.data)&&0!==t.data.length?(l("fetchCities success",{count:t.data.length}),{cities:t.data}):(l("fetchCities: no data",{response:t}),{cities:[]})}function a(){const s=(Boolean(salla.config.get("store.settings.bullet_delivery.settings.remember_last_session"))?salla.storage.store:salla.storage.session).get("bullet_delivery_intent");return s&&"object"==typeof s?s:null}const o={deliveryTo:"توصيل إلى",pickupFromBranch:"الاستلام من فرع",noResults:"لا توجد نتائج",selectCity:"اختر المدينة",changeCityTitle:"تغيير المدينة",changeCitySubtitle:"",cityFieldLabel:"المدينة",modalSearchPlaceholder:"ابحث عن مدينة",confirmAddress:"تأكيد العنوان",errorDeliveryPromise:"لا يتوفر وعد تسليم لهذه المدينة",errorPickupPromise:"لا يتوفر وعد تسليم لهذا الفرع"},n="salla-bullet-delivery-override-ip",h=class{constructor(i){s(this,i),this.isDeliveryPromiseEnabled=!1,this.isLoginCycleEnabled=!1,this.canRender=!1,this.labels=o,this.selectedLabel=null,this.deliveryMessage=null,this.hasError=!1,this.errorMessage="",this.isLoadingPromises=!1,this.selectedCityLoginCycle=null,this.selectedBranchLoginCycle=null,this.cities=[],this.selectedCity=null,this.isLoadingCities=!1,this.cityPendingSelection=null,this.modalCities=[],this.isSearchingCities=!1,this.citySearchCounter=0,this.onBulletDeliveryConfirmed=()=>{this.applyBulletIntent()},this.handleCitySearch=s=>{if(clearTimeout(this.citySearchTimer),!s.trim())return this.modalCities=[...this.cities],void(this.isSearchingCities=!1);this.citySearchTimer=setTimeout((()=>this.searchCitiesRemote(s)),300)},this.handleHeaderClick=s=>{s.stopPropagation(),this.isLoginCycleEnabled?this.openBulletDeliveryModal():this.openCityChangeModal()}}async componentDidLoad(){await salla.onReady(),await salla.lang.onLoaded(),this.labels={deliveryTo:salla.lang.getWithDefault("pages.products.promise_deliver_to",o.deliveryTo),pickupFromBranch:salla.lang.getWithDefault("pages.products.promise_pickup_from_branch",o.pickupFromBranch),noResults:salla.lang.getWithDefault("common.elements.no_options",o.noResults),selectCity:salla.lang.getWithDefault("common.elements.select_city",o.selectCity),changeCityTitle:salla.lang.getWithDefault("pages.products.promise_change_city_title",o.changeCityTitle),changeCitySubtitle:salla.lang.getWithDefault("pages.products.promise_change_city_subtitle","قد تتغيّر مدة التوصيل حسب المدينة."),cityFieldLabel:salla.lang.getWithDefault("pages.products.promise_city_field",o.cityFieldLabel),modalSearchPlaceholder:salla.lang.getWithDefault("pages.products.promise_search_city",o.modalSearchPlaceholder),confirmAddress:salla.lang.getWithDefault("pages.checkout.confirm_address",o.confirmAddress),errorDeliveryPromise:salla.lang.getWithDefault("pages.products.promise_delivery_not_available",o.errorDeliveryPromise),errorPickupPromise:salla.lang.getWithDefault("pages.products.promise_pickup_not_available",o.errorPickupPromise)},this.isDeliveryPromiseEnabled=salla.config.get("store.features",[]).includes("delivery-promises"),this.isLoginCycleEnabled=salla.config.get("store.features",[]).includes("bullet-delivery-v2")&&Salla.config.get("store.settings.bullet_delivery.enabled"),this.productId=salla.config.get("page.id"),this.isDeliveryPromiseEnabled?this.isLoginCycleEnabled?await this.initLoginCycleFlow():(this.selectedLabel=`${this.labels.deliveryTo} ${this.labels.selectCity}`,await this.loadCities()):this.canRender=!1}disconnectedCallback(){window.removeEventListener("bulletDeliveryConfirmed",this.onBulletDeliveryConfirmed)}getIPDeliveryLocation(){const s="store.shipping.delivery_location",i={cityId:salla.config.get(`${s}.city_id`),cityName:salla.config.get(`${s}.city_name`)};return localStorage.getItem(n)?JSON.parse(localStorage.getItem(n)):i}async initLoginCycleFlow(){const s=this.applyBulletIntent(),{cityId:i,cityName:e}=this.getIPDeliveryLocation();l("delivery promise login cycle flow getIPDeliveryLocation",this.getIPDeliveryLocation()),i&&e&&!s&&(this.selectedLabel=`${this.labels.deliveryTo} ${e}`,await this.loadDeliveryMessage(i,"city")),this.canRender=!0,window.addEventListener("bulletDeliveryConfirmed",this.onBulletDeliveryConfirmed)}applyBulletIntent(){const s=function(){const s=a();if(!s)return null;if("address"===s.type){const i=s.address_details?.city,e=null!=i?.id?Number(i.id):null!=s.city_id?Number(s.city_id):null,t=i?.name?.trim()||"";return null!=e?{type:"address",option:{id:e,name:t}}:null}if("branch"===s.type){const i=null!=s.branch_id?Number(s.branch_id):null!=s.branch_details?.id?Number(s.branch_details.id):null,e=s.branch_details?.name?.trim()||"";return null!=i?{type:"branch",option:{id:i,name:e}}:null}return null}();return s?("address"===s.type?(this.selectedCityLoginCycle=s.option,this.selectedBranchLoginCycle=null,this.selectedLabel=`${this.labels.deliveryTo} ${s.option.name||this.labels.selectCity}`,this.loadDeliveryMessage(s.option.id,"city")):(this.selectedBranchLoginCycle=s.option,this.selectedCityLoginCycle=null,this.selectedLabel=`${this.labels.pickupFromBranch} ${s.option.name}`,this.loadDeliveryMessage(s.option.id,"branch")),!0):(this.selectedLabel=`${this.labels.deliveryTo} ${this.labels.selectCity}`,this.selectedCityLoginCycle=null,this.selectedBranchLoginCycle=null,this.deliveryMessage=null,!1)}openBulletDeliveryModal(){salla.event.emit("salla::bullet-delivery.modal.open.requested",function(){const s=a(),i={};if("address"===s?.type&&null!=s.address_id&&(i.preselected_address_id=Number(s.address_id)),"branch"===s?.type){const e=s.branch_id??s.branch_details?.id;null!=e&&(i.preselected_branch_id=Number(e))}return i}())}async loadCities(){this.isLoadingCities=!0,this.hasError=!1;const{cityId:s,cityName:i}=this.getIPDeliveryLocation();l("delivery promise standard flow getIPDeliveryLocation",this.getIPDeliveryLocation());try{const{cities:e}=await r(this.productId);if(!e.length)return void(this.canRender=!1);if(this.cities=e,this.canRender=!0,s&&i){this.selectedLabel=`${this.labels.deliveryTo} ${i}`;const e=this.cities.find((i=>String(i.id)===String(s)));e&&(l("delivery promise standard flow autoCity found",e),this.selectedCity=e),await this.loadDeliveryMessage(s,"city")}}catch(s){this.hasError=!0,this.errorMessage=s.message||"Failed to load cities",this.canRender=!1}finally{this.isLoadingCities=!1}}async loadDeliveryMessage(s,i){this.isLoadingPromises=!0,this.hasError=!1,this.deliveryMessage=null;try{this.deliveryMessage=await async function(s,i,e,t){l("fetchDeliveryMessage start",{productId:s,id:i,optionType:e});let r="";r="city"!==e||t?`?reference_id=${i}&reference_type=${e}`:`?reference_id=${i}`;const a=await salla.api.withoutNotifier((()=>salla.api.request(salla.url.api(`products/${s}/delivery-promises${r}`))));if(!a.success)throw l("fetchDeliveryMessage error",{response:a}),new Error(a.error?.message||"Failed to fetch delivery promise");const o=a.data?.message?.trim();return l("fetchDeliveryMessage success",{message:o}),o||null}(this.productId,s,i,this.isLoginCycleEnabled)}catch(s){this.hasError=!0,this.errorMessage="city"===i?this.labels.errorDeliveryPromise:this.labels.errorPickupPromise}finally{this.isLoadingPromises=!1}}async openCityChangeModal(){this.cityModalRef&&(this.cityPendingSelection=null,this.modalCities=[...this.cities],await this.cityModalRef.setTitle(this.labels.changeCityTitle),await this.cityModalRef.open())}async searchCitiesRemote(s){const i=++this.citySearchCounter;this.isSearchingCities=!0;try{const{cities:e}=await r(this.productId,s);if(i!==this.citySearchCounter)return;this.modalCities=e}catch{if(i!==this.citySearchCounter)return;this.modalCities=[]}finally{i===this.citySearchCounter&&(this.isSearchingCities=!1)}}async handleConfirmCityModal(){if(!this.cityPendingSelection)return void await(this.cityModalRef?.close());const s=this.cityPendingSelection;this.selectedCity=s,this.selectedLabel=`${this.labels.deliveryTo} ${function(s){const i=salla.config.get("user.language_code");return i&&"ar"!==i&&s.name_en?.trim()?s.name_en.trim():s.name}(s)}`,await this.loadDeliveryMessage(s.id,"city"),await(this.cityModalRef?.close())}renderLoadingSkeleton(){return i(e,{class:"s-delivery-promise-wrapper s-delivery-promise-skeleton"},i("div",{class:"s-delivery-promise-container"},i("div",{class:"s-delivery-promise-header s-delivery-promise-header-skeleton"},i("div",{class:"s-delivery-promise-location"},i("salla-skeleton",{height:"14px",width:"180px"})),i("salla-skeleton",{height:"18px",width:"18px"})),i("div",{class:"s-delivery-promise-loading"},i("salla-skeleton",{height:"20px",width:"80%"}))))}renderDeliveryMessage(){return this.isLoadingPromises?i("div",{class:"s-delivery-promise-loading"},i("salla-skeleton",{height:"20px",width:"80%"})):this.deliveryMessage?i("div",{class:"s-delivery-promise-message"},this.deliveryMessage):null}renderCityModalBody(){return i("div",{class:"s-delivery-promise-modal-body"},i("salla-searchable-dropdown",{label:this.labels.cityFieldLabel,placeholder:this.labels.modalSearchPlaceholder,items:this.modalCities,selectedItem:this.cityPendingSelection,searching:this.isSearchingCities,required:!0,noResultsText:this.labels.noResults,inputId:"s-delivery-promise-modal-search",onItemSelected:s=>{this.cityPendingSelection=s.detail},onSearchInput:s=>{this.handleCitySearch(s.detail)}}))}renderCityChangeModal(){return this.isLoginCycleEnabled?null:i("salla-modal",{id:"s-delivery-promise-city-modal",ref:s=>{this.cityModalRef=s},class:"s-delivery-promise-city-modal",isClosable:!0,width:"md","modal-title":this.labels.changeCityTitle,subTitle:this.labels.changeCitySubtitle},this.renderCityModalBody(),i("salla-button",{slot:"footer",width:"wide",disabled:!this.cityPendingSelection,onClick:()=>this.handleConfirmCityModal()},!this.isLoadingPromises&&this.labels.confirmAddress))}render(){return this.isDeliveryPromiseEnabled?this.isLoadingCities?this.renderLoadingSkeleton():this.canRender?i(e,{class:"s-delivery-promise-wrapper"},i("div",{class:"s-delivery-promise-container"},i("div",{class:"s-delivery-promise-header",onClick:this.handleHeaderClick},i("div",{class:"s-delivery-promise-location"},i("span",{class:"s-delivery-promise-title"},this.selectedLabel)),i("i",{class:"sicon-keyboard_arrow_down s-delivery-promise-arrow"})),this.hasError&&i("div",{class:"s-delivery-promise-error"},this.errorMessage),!this.hasError&&this.renderDeliveryMessage()),this.renderCityChangeModal()):null:null}get host(){return t(this)}};export{h as salla_delivery_promise}

package/dist/twilight/p-123ea3ce.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-import{r as t,h as o,a as r}from"./p-BICKbbaT.js";const i=class{constructor(o){t(this,o),this.theme="default",this.show=!1,this.targetElement=null}handleMouseOver(t){this.targetElement&&this.targetElement.contains(t.target)&&(this.show=!0)}handleMouseOut(t){this.targetElement&&this.targetElement.contains(t.target)&&(this.show=!1)}componentDidLoad(){this.targetElement=document.getElementById(this.targetId)}render(){const t=["default","dark"].includes(this.theme)?this.theme:"default";return o("div",{key:"84dfb23d4eb2689ff71b65c4a8b24dd36f8cb6ca",class:"s-tooltip-container"},o("div",{key:"59d3bac320e20f99de1c4bf49531a61962190efc",class:`s-tooltip-item s-tooltip-item--${t}`,style:{display:this.show?"block":"none"}},this.text?o("span",null,this.text):o("slot",null)))}get el(){return r(this)}};i.style='.s-tooltip-container{position:relative;display:inline-block}.s-tooltip-item{position:absolute;transform:translateX(-63%) translateY(-50%);background-color:var(--color-primary);color:var(--color-primary-reverse);bottom:100%;left:50%;text-align:center;border-radius:5px;z-index:1;white-space:nowrap;opacity:0;transition:opacity 0.3s;pointer-events:none;margin:0 0 16px 8px;padding:12px;max-width:150px;width:190px;white-space:normal;opacity:1}.s-tooltip-item::after{content:"";position:absolute;bottom:-10px;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:var(--color-primary) transparent transparent transparent}.s-tooltip-item:dir(ltr){transform:translateX(-72%)}.s-tooltip-item--dark{background-color:#555555;color:white;padding:5px 15px;border-radius:8px;font-size:12px;font-weight:normal;max-width:330px;width:max-content}.s-tooltip-item--dark::after{border-color:#555555 transparent transparent transparent}';export{i as salla_tooltip}