@salla.sa/twilight-components 2.14.539 → 2.14.541

package/dist/components/salla-add-product-button2.js

@@ -4,20 +4,22 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { P as PendingOrdersIcon } from './cart.js';
 import { H as Helper } from './Helper.js';
-import { d as defineCustomElement$2, c as canCompleteApplePay } from './salla-quick-buy2.js';
-import { d as defineCustomElement$f } from './salla-booking-field2.js';
-import { d as defineCustomElement$e } from './salla-button2.js';
-import { d as defineCustomElement$d } from './salla-color-picker2.js';
-import { d as defineCustomElement$c } from './salla-conditional-fields2.js';
-import { d as defineCustomElement$b } from './salla-datetime-picker2.js';
-import { d as defineCustomElement$a } from './salla-file-upload2.js';
-import { d as defineCustomElement$9 } from './salla-loading2.js';
-import { d as defineCustomElement$8 } from './salla-map2.js';
-import { d as defineCustomElement$7 } from './salla-modal2.js';
-import { d as defineCustomElement$6 } from './salla-order-options-modal2.js';
-import { d as defineCustomElement$5 } from './salla-product-availability2.js';
-import { d as defineCustomElement$4 } from './salla-product-options2.js';
-import { d as defineCustomElement$3 } from './salla-progress-bar2.js';
+import { d as defineCustomElement$3, c as canCompleteApplePay } from './salla-quick-buy2.js';
+import { d as defineCustomElement$h } from './salla-attachment-view2.js';
+import { d as defineCustomElement$g } from './salla-booking-field2.js';
+import { d as defineCustomElement$f } from './salla-button2.js';
+import { d as defineCustomElement$e } from './salla-color-picker2.js';
+import { d as defineCustomElement$d } from './salla-conditional-fields2.js';
+import { d as defineCustomElement$c } from './salla-datetime-picker2.js';
+import { d as defineCustomElement$b } from './salla-file-upload2.js';
+import { d as defineCustomElement$a } from './salla-loading2.js';
+import { d as defineCustomElement$9 } from './salla-map2.js';
+import { d as defineCustomElement$8 } from './salla-modal2.js';
+import { d as defineCustomElement$7 } from './salla-order-options-modal2.js';
+import { d as defineCustomElement$6 } from './salla-product-availability2.js';
+import { d as defineCustomElement$5 } from './salla-product-options2.js';
+import { d as defineCustomElement$4 } from './salla-progress-bar2.js';
+import { d as defineCustomElement$2 } from './salla-slider2.js';
 import { d as defineCustomElement$1 } from './salla-tel-input2.js';
 
 var WalletIcon = `<!-- Generated by IcoMoon.io -->
@@ -425,79 +427,89 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["salla-add-product-button", "salla-booking-field", "salla-button", "salla-color-picker", "salla-conditional-fields", "salla-datetime-picker", "salla-file-upload", "salla-loading", "salla-map", "salla-modal", "salla-order-options-modal", "salla-product-availability", "salla-product-options", "salla-progress-bar", "salla-quick-buy", "salla-tel-input"];
+    const components = ["salla-add-product-button", "salla-attachment-view", "salla-booking-field", "salla-button", "salla-color-picker", "salla-conditional-fields", "salla-datetime-picker", "salla-file-upload", "salla-loading", "salla-map", "salla-modal", "salla-order-options-modal", "salla-product-availability", "salla-product-options", "salla-progress-bar", "salla-quick-buy", "salla-slider", "salla-tel-input"];
     components.forEach(tagName => { switch (tagName) {
         case "salla-add-product-button":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, SallaAddProductButton);
             }
             break;
+        case "salla-attachment-view":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$h();
+            }
+            break;
         case "salla-booking-field":
             if (!customElements.get(tagName)) {
-                defineCustomElement$f();
+                defineCustomElement$g();
             }
             break;
         case "salla-button":
             if (!customElements.get(tagName)) {
-                defineCustomElement$e();
+                defineCustomElement$f();
             }
             break;
         case "salla-color-picker":
             if (!customElements.get(tagName)) {
-                defineCustomElement$d();
+                defineCustomElement$e();
             }
             break;
         case "salla-conditional-fields":
             if (!customElements.get(tagName)) {
-                defineCustomElement$c();
+                defineCustomElement$d();
             }
             break;
         case "salla-datetime-picker":
             if (!customElements.get(tagName)) {
-                defineCustomElement$b();
+                defineCustomElement$c();
             }
             break;
         case "salla-file-upload":
             if (!customElements.get(tagName)) {
-                defineCustomElement$a();
+                defineCustomElement$b();
             }
             break;
         case "salla-loading":
             if (!customElements.get(tagName)) {
-                defineCustomElement$9();
+                defineCustomElement$a();
             }
             break;
         case "salla-map":
             if (!customElements.get(tagName)) {
-                defineCustomElement$8();
+                defineCustomElement$9();
             }
             break;
         case "salla-modal":
             if (!customElements.get(tagName)) {
-                defineCustomElement$7();
+                defineCustomElement$8();
             }
             break;
         case "salla-order-options-modal":
             if (!customElements.get(tagName)) {
-                defineCustomElement$6();
+                defineCustomElement$7();
             }
             break;
         case "salla-product-availability":
             if (!customElements.get(tagName)) {
-                defineCustomElement$5();
+                defineCustomElement$6();
             }
             break;
         case "salla-product-options":
             if (!customElements.get(tagName)) {
-                defineCustomElement$4();
+                defineCustomElement$5();
             }
             break;
         case "salla-progress-bar":
             if (!customElements.get(tagName)) {
-                defineCustomElement$3();
+                defineCustomElement$4();
             }
             break;
         case "salla-quick-buy":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "salla-slider":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();
             }

package/dist/components/salla-attachment-view.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SallaAttachmentView extends Components.SallaAttachmentView, HTMLElement {}
+export const SallaAttachmentView: {
+    prototype: SallaAttachmentView;
+    new (): SallaAttachmentView;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/salla-attachment-view.js

@@ -0,0 +1,9 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+import { S as SallaAttachmentView$1, d as defineCustomElement$1 } from './salla-attachment-view2.js';
+
+const SallaAttachmentView = SallaAttachmentView$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SallaAttachmentView, defineCustomElement };

package/dist/components/salla-attachment-view2.js

@@ -0,0 +1,323 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { d as defineCustomElement$4 } from './salla-button2.js';
+import { d as defineCustomElement$3 } from './salla-loading2.js';
+import { d as defineCustomElement$2 } from './salla-modal2.js';
+import { d as defineCustomElement$1 } from './salla-slider2.js';
+
+const IMAGE_UPLOAD_ACCEPT = 'image/png, image/jpeg, image/jpg';
+/** Valid MIME types + extensions for native file pickers (macOS Finder requires real MIME types). */
+const VIDEO_UPLOAD_ACCEPT = 'video/mp4, video/quicktime, video/x-msvideo, video/x-matroska, video/webm, .mp4, .mov, .avi, .mkv, .webm';
+function buildMediaUploadAccept(allowImages, allowVideos) {
+    const types = [];
+    if (allowImages)
+        types.push(IMAGE_UPLOAD_ACCEPT);
+    if (allowVideos)
+        types.push(VIDEO_UPLOAD_ACCEPT);
+    return types.join(', ');
+}
+function usesSplitCountLimits(maxImagesCount, maxVideosCount) {
+    return maxImagesCount != null || maxVideosCount != null;
+}
+function getMaxImagesCount(maxImagesCount) {
+    return maxImagesCount ?? 0;
+}
+function getMaxVideosCount(maxVideosCount) {
+    return maxVideosCount ?? 0;
+}
+function getTotalMaxFiles(maxFilesCount, maxImagesCount, maxVideosCount) {
+    if (usesSplitCountLimits(maxImagesCount, maxVideosCount)) {
+        return getMaxImagesCount(maxImagesCount) + getMaxVideosCount(maxVideosCount);
+    }
+    return maxFilesCount;
+}
+function isVideoMimeType(mimeType, urlOrName) {
+    if (mimeType?.startsWith('video/'))
+        return true;
+    if (urlOrName && /\.(mp4|webm|mov|avi|mkv)$/i.test(urlOrName))
+        return true;
+    return false;
+}
+function isImageMimeType(mimeType, urlOrName) {
+    if (mimeType?.startsWith('image/'))
+        return true;
+    if (urlOrName && /\.(png|jpe?g|gif|webp|heic|heif)$/i.test(urlOrName))
+        return true;
+    return false;
+}
+function parseSizeToBytes(size) {
+    const match = size.match(/^(\d+(?:\.\d+)?)\s*(KB|MB)$/i);
+    if (!match)
+        return 0;
+    const value = parseFloat(match[1]);
+    return match[2].toUpperCase() === 'MB' ? value * 1024 * 1024 : value * 1024;
+}
+function formatBytesAsSize(bytes) {
+    if (bytes >= 1024 * 1024) {
+        return `${Math.round(bytes / (1024 * 1024))}MB`;
+    }
+    return `${Math.round(bytes / 1024)}KB`;
+}
+function formatDuration(seconds) {
+    const mins = Math.floor(seconds / 60);
+    const secs = Math.floor(seconds % 60);
+    if (mins > 0) {
+        return `${mins}:${secs.toString().padStart(2, '0')}`;
+    }
+    return `${secs}s`;
+}
+function getFilePondMaxFileSize(maxFileSize, storeUploadSizeKb, maxVideoFileSize) {
+    const imageLimit = storeUploadSizeKb ? `${storeUploadSizeKb}KB` : maxFileSize;
+    const limits = [imageLimit, maxVideoFileSize].filter(Boolean).map(s => parseSizeToBytes(s));
+    if (!limits.length) {
+        return null;
+    }
+    return formatBytesAsSize(Math.max(...limits));
+}
+function isUploadSizeError(error) {
+    const body = (error.body || '').toLowerCase();
+    return (error.type === 'size' ||
+        body.includes('too large') ||
+        body.includes('max file size') ||
+        body.includes('file is too big') ||
+        body.includes('exceeds'));
+}
+function isUploadTypeError(error) {
+    const body = (error.body || '').toLowerCase();
+    return (error.type === 'type' ||
+        body.includes('invalid type') ||
+        body.includes('not allowed') ||
+        body.includes('file type'));
+}
+function getUploadErrorMessage(error, options) {
+    if (isUploadSizeError(error)) {
+        if (options.isVideo) {
+            const sizeLabel = options.maxVideoFileSizeLabel ||
+                (options.maxVideoBytes ? formatBytesAsSize(options.maxVideoBytes) : '');
+            return options.videoTooLarge(sizeLabel);
+        }
+        return options.tooLargeLabel;
+    }
+    if (isUploadTypeError(error)) {
+        return options.invalidTypeLabel;
+    }
+    if (error.body) {
+        return error.body;
+    }
+    return options.genericErrorLabel;
+}
+/** FilePond FileStatus values used for gallery counting. */
+const FILE_STATUS_INIT = 1;
+const FILE_STATUS_PROCESSING_ERROR = 6;
+const FILE_STATUS_LOADING = 7;
+const FILE_STATUS_LOAD_ERROR = 8;
+function shouldCountGalleryFile(status) {
+    return status !== FILE_STATUS_LOAD_ERROR && status !== FILE_STATUS_PROCESSING_ERROR;
+}
+/** Exclude in-flight add validation so limit counters don't spike on rejected picks. */
+function shouldCountGalleryLimit(status) {
+    if (!shouldCountGalleryFile(status)) {
+        return false;
+    }
+    return status !== FILE_STATUS_LOADING && status !== FILE_STATUS_INIT;
+}
+
+var PlayIcon = `<!-- 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>play-circle</title>
+<path d="M22.84 13.833l-7.756-5.331c-0.884-0.607-2.021-0.671-2.977-0.169-0.888 0.469-1.44 1.363-1.44 2.336v10.661c0 0.972 0.552 1.868 1.441 2.336 0.425 0.224 0.889 0.335 1.351 0.335 0.571 0 1.137-0.169 1.625-0.505l7.756-5.331c0.727-0.499 1.16-1.308 1.16-2.165s-0.433-1.667-1.16-2.167zM13.573 21.299c-0.093 0.065-0.196 0.025-0.229 0.027-0.007 0-0.011 0.001-0.011 0.007v-10.627c0.040-0.028 0.141-0.069 0.24-0.003l7.756 5.267zM16 0c-8.823 0-16 7.177-16 16s7.177 16 16 16 16-7.177 16-16-7.177-16-16-16zM16 29.333c-7.352 0-13.333-5.981-13.333-13.333s5.981-13.333 13.333-13.333 13.333 5.981 13.333 13.333-5.981 13.333-13.333 13.333z"></path>
+</svg>
+`;
+
+const sallaAttachmentViewCss = "/*!twlt*/.s-attachment-view-modal-host .s-modal-header{display:flex;flex-direction:row;align-items:center;position:relative;min-height:2.75rem}.s-attachment-view-modal-host .s-modal-close{top:50%;transform:translateY(-50%)}.s-attachment-view-modal-host .s-modal-header-inner{display:flex !important;align-items:center;justify-content:center;width:100%;margin-bottom:0;text-align:start;padding-inline:2.75rem}@media (min-width: 768px){.s-attachment-view-modal-host .s-modal-header-inner{justify-content:flex-start;padding:0 1.5rem !important;margin-top:0.5rem}}.s-attachment-view-modal-host .s-modal-header-content,.s-attachment-view-modal-host .s-modal-title{text-align:center !important}@media (min-width: 768px){.s-attachment-view-modal-host .s-modal-header-content,.s-attachment-view-modal-host .s-modal-title{text-align:start !important}}.s-attachment-view-modal-host .s-modal-title{margin-bottom:0}@media (min-width: 768px){.s-attachment-view-modal-host .s-modal-title{margin-bottom:0.5rem}}.s-attachment-view-modal{--s-attachment-view-thumb-size:2.5rem;--s-attachment-view-thumb-gap:10px;width:100%;padding:0.75rem}.s-attachment-view-modal .s-slider-block__title-nav button{background:#fff;box-shadow:0 1px 3px rgba(0, 0, 0, 0.12)}.s-attachment-view-gallery{width:100%}.s-attachment-view-thumbs{display:flex;gap:var(--s-attachment-view-thumb-gap);margin-top:0.75rem;padding-bottom:0.25rem;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.s-attachment-view-thumb-btn{flex:0 0 auto;padding:0;border:none;background:transparent;cursor:pointer;border-radius:0.25rem;transition:opacity 0.2s ease}.s-attachment-view-thumb-btn:not(.is-active){opacity:0.75}.s-attachment-view-thumb-btn:hover{opacity:1}.s-attachment-view-thumb-btn.is-active .s-attachment-view-thumb{box-shadow:0 0 0 2px var(--color-primary, #004d5a)}.s-attachment-view-slider .s-slider-container .swiper-slide{display:flex;align-items:center;justify-content:center}.s-attachment-view-slider .s-slider-container .s-attachment-view-slide{display:flex;align-items:center;justify-content:center;width:100%}.s-attachment-view-slider .s-slider-container img{width:100%;max-width:100%;height:min(50vh, 320px);object-fit:contain;margin-inline:auto}.s-attachment-view-slider video.s-attachment-view-video{display:block;width:100%;max-width:100%;height:min(50vh, 320px);object-fit:contain;margin-inline:auto;background-color:#000}.s-attachment-view-thumb{width:var(--s-attachment-view-thumb-size);height:var(--s-attachment-view-thumb-size);overflow:hidden;border-radius:0.25rem}.s-attachment-view-thumb img,.s-attachment-view-thumb video{display:block;width:100%;height:100%;object-fit:cover}.s-attachment-view-thumb.is-video{position:relative}.s-attachment-view-thumb-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:rgba(0, 0, 0, 0.25);pointer-events:none}.s-attachment-view-thumb-play svg{width:0.875rem;height:0.875rem;fill:#fff;opacity:0.95}.block{display:block}.inline{display:inline}.s-scrollbar::-webkit-scrollbar{width:5px}.s-scrollbar::-webkit-scrollbar-track{background-color:#eee}.s-scrollbar::-webkit-scrollbar-thumb{background-color:var(--color-primary);border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}";
+
+const SallaAttachmentView = /*@__PURE__*/ proxyCustomElement(class SallaAttachmentView extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        /**
+         * Attachments to display. Accepts an array of `{ id, url, mimeType? }` or a
+         * JSON string of the same shape (for consumers outside of JSX/Stencil).
+         */
+        this.attachments = [];
+        this.isOpen = false;
+        this.activeIndex = 0;
+        this.handleKeyDown = (event) => {
+            if (!this.isOpen)
+                return;
+            if (event.key === 'Escape') {
+                event.preventDefault();
+                this.close();
+                return;
+            }
+            const items = this.getAttachments();
+            if (items.length <= 1)
+                return;
+            const isRtl = document.documentElement.dir === 'rtl';
+            const goPrevious = () => this.goToSlide(this.activeIndex - 1);
+            const goNext = () => this.goToSlide(this.activeIndex + 1);
+            if (event.key === 'ArrowLeft') {
+                event.preventDefault();
+                (isRtl ? goNext : goPrevious)();
+                return;
+            }
+            if (event.key === 'ArrowRight') {
+                event.preventDefault();
+                (isRtl ? goPrevious : goNext)();
+            }
+        };
+        this.handleModalVisibilityChanged = (open) => {
+            this.isOpen = open;
+            if (open) {
+                window.addEventListener('keydown', this.handleKeyDown);
+                this.scrollActiveThumbIntoView();
+                return;
+            }
+            window.removeEventListener('keydown', this.handleKeyDown);
+            this.pauseVideos();
+        };
+        this.handleSlideChange = (event) => {
+            const swiper = event.detail;
+            if (swiper?.activeIndex == null) {
+                return;
+            }
+            this.activeIndex = swiper.activeIndex;
+            this.pauseVideos();
+            this.scrollActiveThumbIntoView();
+        };
+    }
+    componentWillLoad() {
+        Salla.lang.onLoaded(() => {
+            Salla.lang.addBulk({
+                'blocks.comments.customer_feedback': { ar: 'مراجعة العميل', en: 'Customer feedback' },
+            });
+        });
+    }
+    /**
+     * Open the viewer at the given attachment index.
+     * @param index - Index of the attachment to show first (defaults to 0).
+     */
+    async open(index = 0) {
+        const items = this.getAttachments();
+        if (!items.length)
+            return;
+        this.activeIndex = Math.min(Math.max(index, 0), items.length - 1);
+        this.isOpen = true;
+        await this.modal?.open();
+        this.scrollActiveThumbIntoView();
+    }
+    /** Close the viewer. */
+    async close() {
+        this.modal?.close();
+    }
+    disconnectedCallback() {
+        window.removeEventListener('keydown', this.handleKeyDown);
+    }
+    getAttachments() {
+        if (typeof this.attachments !== 'string') {
+            return Array.isArray(this.attachments) ? this.attachments : [];
+        }
+        try {
+            const parsed = JSON.parse(this.attachments);
+            return Array.isArray(parsed) ? parsed : [];
+        }
+        catch {
+            return [];
+        }
+    }
+    isVideo(file) {
+        return isVideoMimeType(file.mimeType, file.url);
+    }
+    pauseVideos() {
+        this.host.querySelectorAll('video.s-attachment-view-video').forEach(element => {
+            const video = element;
+            video.pause();
+            video.currentTime = 0;
+        });
+    }
+    goToSlide(index) {
+        const items = this.getAttachments();
+        const nextIndex = Math.min(Math.max(index, 0), items.length - 1);
+        if (nextIndex === this.activeIndex) {
+            return;
+        }
+        this.activeIndex = nextIndex;
+        this.sliderEl?.slideTo(nextIndex);
+        this.pauseVideos();
+        this.scrollActiveThumbIntoView();
+    }
+    scrollActiveThumbIntoView() {
+        requestAnimationFrame(() => {
+            const activeThumb = this.thumbsScroller?.querySelector('.is-active');
+            activeThumb?.scrollIntoView({ inline: 'nearest', block: 'nearest', behavior: 'smooth' });
+        });
+    }
+    renderSlide(file) {
+        if (this.isVideo(file)) {
+            return (h("video", { class: "s-attachment-view-video", src: file.url, controls: true, playsInline: true, preload: "metadata" }));
+        }
+        return h("img", { src: file.url, alt: "" });
+    }
+    renderThumb(file) {
+        if (this.isVideo(file)) {
+            return (h("div", { class: "s-attachment-view-thumb is-video" }, h("video", { src: file.url, muted: true, playsInline: true, preload: "metadata" }), h("span", { class: "s-attachment-view-thumb-play", innerHTML: PlayIcon })));
+        }
+        return (h("div", { class: "s-attachment-view-thumb" }, h("img", { src: file.url, alt: "" })));
+    }
+    render() {
+        const items = this.getAttachments();
+        if (!items.length)
+            return null;
+        const itemsKey = items.map(file => file.id).join('-');
+        return (h(Host, null, h("salla-modal", { ref: el => (this.modal = el), class: "s-attachment-view-modal-host", width: "md", noPadding: true, onModalVisibilityChanged: event => this.handleModalVisibilityChanged(!!event.detail) }, h("div", { class: "s-attachment-view-modal" }, this.isOpen && (h("div", { class: "s-attachment-view-gallery" }, h("salla-slider", { ref: el => (this.sliderEl = el), class: "s-attachment-view-slider", key: `attachment-${itemsKey}`, id: `${this.host.id || 'attachment-view'}-preview`, autoHeight: true, showControls: items.length > 1, sliderConfig: JSON.stringify({ initialSlide: this.activeIndex }), onSlideChange: event => this.handleSlideChange(event) }, h("div", { slot: "items" }, items.map(file => (h("div", { class: "s-attachment-view-slide", key: file.id }, this.renderSlide(file)))))), items.length > 1 && (h("div", { class: "s-attachment-view-thumbs s-scrollbar", ref: el => (this.thumbsScroller = el) }, items.map((file, index) => (h("button", { type: "button", class: {
+                's-attachment-view-thumb-btn': true,
+                'is-active': this.activeIndex === index,
+            }, key: file.id, "aria-label": `${index + 1}`, "aria-current": this.activeIndex === index ? 'true' : undefined, onClick: () => this.goToSlide(index) }, this.renderThumb(file))))))))))));
+    }
+    get host() { return this; }
+    static get style() { return sallaAttachmentViewCss; }
+}, [0, "salla-attachment-view", {
+        "attachments": [1],
+        "isOpen": [32],
+        "activeIndex": [32],
+        "open": [64],
+        "close": [64]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["salla-attachment-view", "salla-button", "salla-loading", "salla-modal", "salla-slider"];
+    components.forEach(tagName => { switch (tagName) {
+        case "salla-attachment-view":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SallaAttachmentView);
+            }
+            break;
+        case "salla-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "salla-loading":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "salla-modal":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "salla-slider":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { PlayIcon as P, SallaAttachmentView as S, getMaxVideosCount as a, getTotalMaxFiles as b, getFilePondMaxFileSize as c, defineCustomElement as d, isImageMimeType as e, getUploadErrorMessage as f, getMaxImagesCount as g, formatBytesAsSize as h, isVideoMimeType as i, formatDuration as j, shouldCountGalleryLimit as k, buildMediaUploadAccept as l, parseSizeToBytes as p, shouldCountGalleryFile as s, usesSplitCountLimits as u };

package/dist/components/salla-attachments.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SallaAttachments extends Components.SallaAttachments, HTMLElement {}
+export const SallaAttachments: {
+    prototype: SallaAttachments;
+    new (): SallaAttachments;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/salla-attachments.js

@@ -0,0 +1,9 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+import { S as SallaAttachments$1, d as defineCustomElement$1 } from './salla-attachments2.js';
+
+const SallaAttachments = SallaAttachments$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SallaAttachments, defineCustomElement };