@salla.sa/twilight-components 2.14.540 → 2.14.541

package/dist/types/components.d.ts

@@ -5,6 +5,8 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
+import { Attachment } from "./components/salla-attachment-view/salla-attachment-view";
+import { Attachment as Attachment1 } from "./components/salla-attachment-view/salla-attachment-view";
 import { Option } from "./components/salla-booking-field/interfaces";
 import { AddressCreatedEvent, BulletDeliveryConfirmedEvent, HeaderContextUpdateEvent } from "./components/salla-bullet-delivery/interfaces";
 import { Coupon } from "./components/salla-cart-coupons/interfaces";
@@ -33,6 +35,8 @@ import { ReviewFactor as ReviewFactor1 } from "./components/salla-review-factors
 import { ReviewType, SortingOption, Source } from "./components/salla-reviews/interfaces";
 import { DropdownItem } from "./components/salla-searchable-dropdown/interfaces";
 import { Phone } from "./components/salla-tel-input/interfaces";
+export { Attachment } from "./components/salla-attachment-view/salla-attachment-view";
+export { Attachment as Attachment1 } from "./components/salla-attachment-view/salla-attachment-view";
 export { Option } from "./components/salla-booking-field/interfaces";
 export { AddressCreatedEvent, BulletDeliveryConfirmedEvent, HeaderContextUpdateEvent } from "./components/salla-bullet-delivery/interfaces";
 export { Coupon } from "./components/salla-cart-coupons/interfaces";
@@ -198,6 +202,81 @@ export namespace Components {
          */
         "vertical": boolean;
     }
+    /**
+     * A reusable lightbox for viewing image/video attachments in a modal with a
+     * scrollable thumbnails strip. Open it imperatively via the `open()` method.
+     * @example const viewer = document.querySelector('salla-attachment-view');
+     * viewer.attachments = [{ id: '1', url: '/a.jpg' }, { id: '2', url: '/b.mp4' }];
+     * viewer.open(0);
+     */
+    interface SallaAttachmentView {
+        /**
+          * Attachments to display. Accepts an array of `{ id, url, mimeType? }` or a JSON string of the same shape (for consumers outside of JSX/Stencil).
+          * @default []
+         */
+        "attachments": Attachment[] | string;
+        /**
+          * Close the viewer.
+         */
+        "close": () => Promise<void>;
+        /**
+          * Open the viewer at the given attachment index.
+          * @param index - Index of the attachment to show first (defaults to 0).
+         */
+        "open": (index?: number) => Promise<void>;
+    }
+    /**
+     * Renders a horizontal strip of image/video attachment thumbnails with an
+     * optional "+N" overflow indicator on the last visible item. When `clickable`
+     * is true, opens `salla-attachment-view` when a thumbnail is clicked.
+     * Media can be supplied as:
+     * - `attachments` — full `{ id, url, mimeType?/type? }` objects
+     * - `images` / `videos` — URL string arrays
+     * - `rating` — object with `images` / `videos` arrays
+     * - `productRatings` + `productId` — match a product rating, else fall back to `rating`
+     */
+    interface SallaAttachments {
+        /**
+          * Attachments to display. Accepts an array of `{ id, url, mimeType? }` or a JSON string of the same shape.
+          * @default []
+         */
+        "attachments": Attachment1[] | string;
+        /**
+          * When true, clicking a thumbnail opens the attachment lightbox.
+          * @default false
+         */
+        "clickable": boolean;
+        /**
+          * Image URLs to display. Accepts a string array or a JSON string.
+          * @default []
+         */
+        "images": string[] | string;
+        /**
+          * Maximum number of thumbnails to show before displaying a "+N" overlay on the last visible item.
+          * @default 4
+         */
+        "maxVisible": number;
+        /**
+          * Product id used to match an entry in `productRatings`.
+          * @default null
+         */
+        "productId": number | string;
+        /**
+          * Product ratings list. When set with `productId`, the matching rating's media is preferred over `rating`.
+          * @default []
+         */
+        "productRatings": MediaSource[] | string;
+        /**
+          * Rating-like object with `images` / `videos` URL arrays. Used when `images`/`videos` are empty, and as a fallback when resolving `productRatings`.
+          * @default null
+         */
+        "rating": MediaSource | string;
+        /**
+          * Video URLs to display. Accepts a string array or a JSON string.
+          * @default []
+         */
+        "videos": string[] | string;
+    }
     interface SallaBadge {
         /**
           * The background color of the badge
@@ -1129,6 +1208,11 @@ export namespace Components {
           * When enabled, files are validated before they are dropped. A file is not added when it's invalid.
          */
         "dropValidation": boolean;
+        /**
+          * Enable the custom gallery preview instead of FilePond thumbnails.
+          * @default false
+         */
+        "enableGallery": boolean;
         /**
           * If current file has id, pass it here, to be passed back in the `removed` event
          */
@@ -1181,7 +1265,7 @@ export namespace Components {
          */
         "ignoredFiles": Array<any>;
         /**
-          * Fixed image preview height, overrides min and max preview height
+          * Fixed image preview height, overrides min and max preview height. Also sets the gallery thumbnail size when using the swiper preview (default: 75px).
           * @default null
          */
         "imagePreviewHeight": number;
@@ -1223,11 +1307,27 @@ export namespace Components {
           * @default 1
          */
         "maxFilesCount": number;
+        /**
+          * Primary: maximum number of image files (split count mode). When set with or without maxVideosCount, maxFilesCount is ignored for count limits.
+         */
+        "maxImagesCount": number;
         /**
           * The maxmimum number of files that can be uploaded in parallel
           * @default 3
          */
         "maxParallelUploads": number;
+        /**
+          * Maximum video duration in seconds
+         */
+        "maxVideoDuration": number;
+        /**
+          * Maximum size for video files only, e.g. 50MB or 750KB
+         */
+        "maxVideoFileSize": `${number}MB` | `${number}KB`;
+        /**
+          * Primary: maximum number of video files (split count mode). When set with or without maxImagesCount, maxFilesCount is ignored for count limits.
+         */
+        "maxVideosCount": number;
         /**
           * The submit request method.
           * @default 'POST'
@@ -2696,12 +2796,12 @@ export namespace Components {
          */
         "close": () => Promise<HTMLElement>;
         "open": () => Promise<unknown>;
-        "openDeleteModal": (params: any) => Promise<unknown>;
+        "openDeleteModal": (params: { feedback_id: number; }) => Promise<unknown>;
         "openEditModal": (params: { type: "product" | "store" | "shipping"; feedback_id: number; }) => Promise<void>;
         /**
           * The order id, to rate on its products & shipping
          */
-        "orderId": number;
+        "orderId"?: number;
     }
     interface SallaRatingStars {
         /**
@@ -2770,6 +2870,12 @@ export namespace Components {
          */
         "ratingId"?: number;
     }
+    interface SallaReviewOrderItem {
+        /**
+          * Product id used to match `items[].product.id` and `rating.product[].product.id`. The order itself is fetched via `page.id`.
+         */
+        "productId"?: string | number;
+    }
     interface SallaReviews {
         /**
           * Controls the visibility of a link to the reviews page.  When set to `true`, a link will be displayed allowing users to navigate to the full reviews section.
@@ -3684,6 +3790,35 @@ declare global {
         prototype: HTMLSallaAppsIconsElement;
         new (): HTMLSallaAppsIconsElement;
     };
+    /**
+     * A reusable lightbox for viewing image/video attachments in a modal with a
+     * scrollable thumbnails strip. Open it imperatively via the `open()` method.
+     * @example const viewer = document.querySelector('salla-attachment-view');
+     * viewer.attachments = [{ id: '1', url: '/a.jpg' }, { id: '2', url: '/b.mp4' }];
+     * viewer.open(0);
+     */
+    interface HTMLSallaAttachmentViewElement extends Components.SallaAttachmentView, HTMLStencilElement {
+    }
+    var HTMLSallaAttachmentViewElement: {
+        prototype: HTMLSallaAttachmentViewElement;
+        new (): HTMLSallaAttachmentViewElement;
+    };
+    /**
+     * Renders a horizontal strip of image/video attachment thumbnails with an
+     * optional "+N" overflow indicator on the last visible item. When `clickable`
+     * is true, opens `salla-attachment-view` when a thumbnail is clicked.
+     * Media can be supplied as:
+     * - `attachments` — full `{ id, url, mimeType?/type? }` objects
+     * - `images` / `videos` — URL string arrays
+     * - `rating` — object with `images` / `videos` arrays
+     * - `productRatings` + `productId` — match a product rating, else fall back to `rating`
+     */
+    interface HTMLSallaAttachmentsElement extends Components.SallaAttachments, HTMLStencilElement {
+    }
+    var HTMLSallaAttachmentsElement: {
+        prototype: HTMLSallaAttachmentsElement;
+        new (): HTMLSallaAttachmentsElement;
+    };
     interface HTMLSallaBadgeElement extends Components.SallaBadge, HTMLStencilElement {
     }
     var HTMLSallaBadgeElement: {
@@ -3976,7 +4111,13 @@ declare global {
         "added": { error: FilePondErrorDescription | null, file: FilePondFile };
         "invalidInput": any;
         "uploaded": string;
-        "removed": FilePondFile;
+        "removed": string | number;
+        "galleryUpdated": {
+    count: number;
+    imageCount?: number;
+    videoCount?: number;
+    uploading?: boolean;
+  };
     }
     interface HTMLSallaFileUploadElement extends Components.SallaFileUpload, HTMLStencilElement {
         addEventListener<K extends keyof HTMLSallaFileUploadElementEventMap>(type: K, listener: (this: HTMLSallaFileUploadElement, ev: SallaFileUploadCustomEvent<HTMLSallaFileUploadElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -4699,6 +4840,12 @@ declare global {
         prototype: HTMLSallaReviewFactorsTagsElement;
         new (): HTMLSallaReviewFactorsTagsElement;
     };
+    interface HTMLSallaReviewOrderItemElement extends Components.SallaReviewOrderItem, HTMLStencilElement {
+    }
+    var HTMLSallaReviewOrderItemElement: {
+        prototype: HTMLSallaReviewOrderItemElement;
+        new (): HTMLSallaReviewOrderItemElement;
+    };
     interface HTMLSallaReviewsElement extends Components.SallaReviews, HTMLStencilElement {
     }
     var HTMLSallaReviewsElement: {
@@ -5004,6 +5151,8 @@ declare global {
         "salla-alert": HTMLSallaAlertElement;
         "salla-app-install-alert": HTMLSallaAppInstallAlertElement;
         "salla-apps-icons": HTMLSallaAppsIconsElement;
+        "salla-attachment-view": HTMLSallaAttachmentViewElement;
+        "salla-attachments": HTMLSallaAttachmentsElement;
         "salla-badge": HTMLSallaBadgeElement;
         "salla-basket-gap": HTMLSallaBasketGapElement;
         "salla-booking-field": HTMLSallaBookingFieldElement;
@@ -5102,6 +5251,7 @@ declare global {
         "salla-rating-stars": HTMLSallaRatingStarsElement;
         "salla-review-card": HTMLSallaReviewCardElement;
         "salla-review-factors-tags": HTMLSallaReviewFactorsTagsElement;
+        "salla-review-order-item": HTMLSallaReviewOrderItemElement;
         "salla-reviews": HTMLSallaReviewsElement;
         "salla-reviews-page": HTMLSallaReviewsPageElement;
         "salla-reviews-summary": HTMLSallaReviewsSummaryElement;
@@ -5284,6 +5434,72 @@ declare namespace LocalJSX {
          */
         "vertical"?: boolean;
     }
+    /**
+     * A reusable lightbox for viewing image/video attachments in a modal with a
+     * scrollable thumbnails strip. Open it imperatively via the `open()` method.
+     * @example const viewer = document.querySelector('salla-attachment-view');
+     * viewer.attachments = [{ id: '1', url: '/a.jpg' }, { id: '2', url: '/b.mp4' }];
+     * viewer.open(0);
+     */
+    interface SallaAttachmentView {
+        /**
+          * Attachments to display. Accepts an array of `{ id, url, mimeType? }` or a JSON string of the same shape (for consumers outside of JSX/Stencil).
+          * @default []
+         */
+        "attachments"?: Attachment[] | string;
+    }
+    /**
+     * Renders a horizontal strip of image/video attachment thumbnails with an
+     * optional "+N" overflow indicator on the last visible item. When `clickable`
+     * is true, opens `salla-attachment-view` when a thumbnail is clicked.
+     * Media can be supplied as:
+     * - `attachments` — full `{ id, url, mimeType?/type? }` objects
+     * - `images` / `videos` — URL string arrays
+     * - `rating` — object with `images` / `videos` arrays
+     * - `productRatings` + `productId` — match a product rating, else fall back to `rating`
+     */
+    interface SallaAttachments {
+        /**
+          * Attachments to display. Accepts an array of `{ id, url, mimeType? }` or a JSON string of the same shape.
+          * @default []
+         */
+        "attachments"?: Attachment1[] | string;
+        /**
+          * When true, clicking a thumbnail opens the attachment lightbox.
+          * @default false
+         */
+        "clickable"?: boolean;
+        /**
+          * Image URLs to display. Accepts a string array or a JSON string.
+          * @default []
+         */
+        "images"?: string[] | string;
+        /**
+          * Maximum number of thumbnails to show before displaying a "+N" overlay on the last visible item.
+          * @default 4
+         */
+        "maxVisible"?: number;
+        /**
+          * Product id used to match an entry in `productRatings`.
+          * @default null
+         */
+        "productId"?: number | string;
+        /**
+          * Product ratings list. When set with `productId`, the matching rating's media is preferred over `rating`.
+          * @default []
+         */
+        "productRatings"?: MediaSource[] | string;
+        /**
+          * Rating-like object with `images` / `videos` URL arrays. Used when `images`/`videos` are empty, and as a fallback when resolving `productRatings`.
+          * @default null
+         */
+        "rating"?: MediaSource | string;
+        /**
+          * Video URLs to display. Accepts a string array or a JSON string.
+          * @default []
+         */
+        "videos"?: string[] | string;
+    }
     interface SallaBadge {
         /**
           * The background color of the badge
@@ -6175,6 +6391,11 @@ declare namespace LocalJSX {
           * When enabled, files are validated before they are dropped. A file is not added when it's invalid.
          */
         "dropValidation"?: boolean;
+        /**
+          * Enable the custom gallery preview instead of FilePond thumbnails.
+          * @default false
+         */
+        "enableGallery"?: boolean;
         /**
           * If current file has id, pass it here, to be passed back in the `removed` event
          */
@@ -6227,7 +6448,7 @@ declare namespace LocalJSX {
          */
         "ignoredFiles"?: Array<any>;
         /**
-          * Fixed image preview height, overrides min and max preview height
+          * Fixed image preview height, overrides min and max preview height. Also sets the gallery thumbnail size when using the swiper preview (default: 75px).
           * @default null
          */
         "imagePreviewHeight"?: number;
@@ -6269,11 +6490,27 @@ declare namespace LocalJSX {
           * @default 1
          */
         "maxFilesCount"?: number;
+        /**
+          * Primary: maximum number of image files (split count mode). When set with or without maxVideosCount, maxFilesCount is ignored for count limits.
+         */
+        "maxImagesCount"?: number;
         /**
           * The maxmimum number of files that can be uploaded in parallel
           * @default 3
          */
         "maxParallelUploads"?: number;
+        /**
+          * Maximum video duration in seconds
+         */
+        "maxVideoDuration"?: number;
+        /**
+          * Maximum size for video files only, e.g. 50MB or 750KB
+         */
+        "maxVideoFileSize"?: `${number}MB` | `${number}KB`;
+        /**
+          * Primary: maximum number of video files (split count mode). When set with or without maxImagesCount, maxFilesCount is ignored for count limits.
+         */
+        "maxVideosCount"?: number;
         /**
           * The submit request method.
           * @default 'POST'
@@ -6287,14 +6524,23 @@ declare namespace LocalJSX {
           * Event emitted when the file has been added
          */
         "onAdded"?: (event: SallaFileUploadCustomEvent<{ error: FilePondErrorDescription | null, file: FilePondFile }>) => void;
+        /**
+          * Event emitted when the gallery preview list changes (upload/remove).
+         */
+        "onGalleryUpdated"?: (event: SallaFileUploadCustomEvent<{
+    count: number;
+    imageCount?: number;
+    videoCount?: number;
+    uploading?: boolean;
+  }>) => void;
         /**
           * Event emitted when the input is invalid
          */
         "onInvalidInput"?: (event: SallaFileUploadCustomEvent<any>) => void;
         /**
-          * Event emitted when the file is about to be removed. Returns boolean value.
+          * Event emitted when the file is about to be removed. Returns the removed file id when available.
          */
-        "onRemoved"?: (event: SallaFileUploadCustomEvent<FilePondFile>) => void;
+        "onRemoved"?: (event: SallaFileUploadCustomEvent<string | number>) => void;
         /**
           * Event emitted when the file has been uploaded and link to the file has been recieved from the server. Returns string value.
          */
@@ -7688,6 +7934,12 @@ declare namespace LocalJSX {
          */
         "ratingId"?: number;
     }
+    interface SallaReviewOrderItem {
+        /**
+          * Product id used to match `items[].product.id` and `rating.product[].product.id`. The order itself is fetched via `page.id`.
+         */
+        "productId"?: string | number;
+    }
     interface SallaReviews {
         /**
           * Controls the visibility of a link to the reviews page.  When set to `true`, a link will be displayed allowing users to navigate to the full reviews section.
@@ -8293,6 +8545,8 @@ declare namespace LocalJSX {
         "salla-alert": SallaAlert;
         "salla-app-install-alert": SallaAppInstallAlert;
         "salla-apps-icons": SallaAppsIcons;
+        "salla-attachment-view": SallaAttachmentView;
+        "salla-attachments": SallaAttachments;
         "salla-badge": SallaBadge;
         "salla-basket-gap": SallaBasketGap;
         "salla-booking-field": SallaBookingField;
@@ -8391,6 +8645,7 @@ declare namespace LocalJSX {
         "salla-rating-stars": SallaRatingStars;
         "salla-review-card": SallaReviewCard;
         "salla-review-factors-tags": SallaReviewFactorsTags;
+        "salla-review-order-item": SallaReviewOrderItem;
         "salla-reviews": SallaReviews;
         "salla-reviews-page": SallaReviewsPage;
         "salla-reviews-summary": SallaReviewsSummary;
@@ -8450,6 +8705,25 @@ declare module "@stencil/core" {
             "salla-alert": LocalJSX.SallaAlert & JSXBase.HTMLAttributes<HTMLSallaAlertElement>;
             "salla-app-install-alert": LocalJSX.SallaAppInstallAlert & JSXBase.HTMLAttributes<HTMLSallaAppInstallAlertElement>;
             "salla-apps-icons": LocalJSX.SallaAppsIcons & JSXBase.HTMLAttributes<HTMLSallaAppsIconsElement>;
+            /**
+             * A reusable lightbox for viewing image/video attachments in a modal with a
+             * scrollable thumbnails strip. Open it imperatively via the `open()` method.
+             * @example const viewer = document.querySelector('salla-attachment-view');
+             * viewer.attachments = [{ id: '1', url: '/a.jpg' }, { id: '2', url: '/b.mp4' }];
+             * viewer.open(0);
+             */
+            "salla-attachment-view": LocalJSX.SallaAttachmentView & JSXBase.HTMLAttributes<HTMLSallaAttachmentViewElement>;
+            /**
+             * Renders a horizontal strip of image/video attachment thumbnails with an
+             * optional "+N" overflow indicator on the last visible item. When `clickable`
+             * is true, opens `salla-attachment-view` when a thumbnail is clicked.
+             * Media can be supplied as:
+             * - `attachments` — full `{ id, url, mimeType?/type? }` objects
+             * - `images` / `videos` — URL string arrays
+             * - `rating` — object with `images` / `videos` arrays
+             * - `productRatings` + `productId` — match a product rating, else fall back to `rating`
+             */
+            "salla-attachments": LocalJSX.SallaAttachments & JSXBase.HTMLAttributes<HTMLSallaAttachmentsElement>;
             "salla-badge": LocalJSX.SallaBadge & JSXBase.HTMLAttributes<HTMLSallaBadgeElement>;
             "salla-basket-gap": LocalJSX.SallaBasketGap & JSXBase.HTMLAttributes<HTMLSallaBasketGapElement>;
             "salla-booking-field": LocalJSX.SallaBookingField & JSXBase.HTMLAttributes<HTMLSallaBookingFieldElement>;
@@ -8651,6 +8925,7 @@ declare module "@stencil/core" {
             "salla-rating-stars": LocalJSX.SallaRatingStars & JSXBase.HTMLAttributes<HTMLSallaRatingStarsElement>;
             "salla-review-card": LocalJSX.SallaReviewCard & JSXBase.HTMLAttributes<HTMLSallaReviewCardElement>;
             "salla-review-factors-tags": LocalJSX.SallaReviewFactorsTags & JSXBase.HTMLAttributes<HTMLSallaReviewFactorsTagsElement>;
+            "salla-review-order-item": LocalJSX.SallaReviewOrderItem & JSXBase.HTMLAttributes<HTMLSallaReviewOrderItemElement>;
             "salla-reviews": LocalJSX.SallaReviews & JSXBase.HTMLAttributes<HTMLSallaReviewsElement>;
             "salla-reviews-page": LocalJSX.SallaReviewsPage & JSXBase.HTMLAttributes<HTMLSallaReviewsPageElement>;
             "salla-reviews-summary": LocalJSX.SallaReviewsSummary & JSXBase.HTMLAttributes<HTMLSallaReviewsSummaryElement>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salla.sa/twilight-components",
-  "version": "2.14.540",
+  "version": "2.14.541",
   "license": "GPL-3.0",
   "author": "Salla Team <support@salla.dev> (https://salla.dev)",
   "bugs": {
@@ -82,9 +82,9 @@
   },
   "dependencies": {
     "@googlemaps/markerclusterer": "2.6.2",
-    "@salla.sa/applepay": "2.14.540",
-    "@salla.sa/twilight": "2.14.540",
-    "@salla.sa/twilight-tailwind-theme": "2.14.540",
+    "@salla.sa/applepay": "2.14.541",
+    "@salla.sa/twilight": "2.14.541",
+    "@salla.sa/twilight-tailwind-theme": "2.14.541",
     "@salla.sa/ui-address-autocomplete-widget": "1.2.1",
     "@salla.sa/ui-google-map-render": "1.2.1",
     "@types/node": "^20.4.8",
@@ -105,5 +105,5 @@
     "vanilla-lazyload": "^17.8.5",
     "vanilla-picker": "^2.12.2"
   },
-  "gitHead": "8e995b7ea843750d5881fa383ddd9f33d1261658"
+  "gitHead": "fbd8b4e6413f5121d42e758be52fc730ab9a7d60"
 }

package/dist/twilight/p-3024f859.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-import{r as t,h as e}from"./p-5UtJVEzd.js";const r=class{constructor(e){t(this,e),this.factors=[]}getReviewFactorLabel(t){if(t.label)return t.label;const e=(salla.lang.locale||"ar").startsWith("ar")?["ضعيف","مقبول","جيد","جيد جدا","ممتاز"]:["Poor","Average","Good","Very good","Excellent"],r=[salla.lang.getWithDefault("pages.rating.poor",e[0]),salla.lang.getWithDefault("pages.rating.average",e[1]),salla.lang.getWithDefault("pages.rating.good",e[2]),salla.lang.getWithDefault("pages.rating.very_good",e[3]),salla.lang.getWithDefault("pages.rating.excellent",e[4])],i=Number(t.rating||0);return r[Math.max(1,Math.min(5,Math.round(i)))-1]||""}render(){return this.factors?.length?e("div",{class:"s-comments-item-review-factors"},this.factors.map((t=>e("div",{class:"s-comments-item-review-factor-row"},e("div",{class:"s-comments-item-review-factor-value"},e("span",{class:"s-comments-item-review-factor-label text-left rtl:text-right"},this.getReviewFactorLabel(t)),e("salla-rating-stars",{size:"mini",class:"s-comments-item-review-factor-stars",value:t.rating})),e("span",{class:"s-comments-item-review-factor-name"},t.name))))):null}};r.style='/*!twlt*/:host{display:block}.s-comments-item-review-factors-toggle{display:inline-flex;align-items:center;gap:0.35rem;padding:0;border:0;background:transparent;color:#0f6a7c;font-size:0.9rem;font-weight:500;cursor:pointer}.s-comments-item-review-factors-chevron{line-height:1;transform:rotate(180deg);transition:transform 0.2s ease}.s-comments-item-review-factors-chevron.is-open{transform:rotate(0deg)}.s-comments-item-review-factors{border:1px solid #e8e8e8;background:rgba(255, 255, 255, 0.3);border-radius:0.6rem;width:min(100%, 26rem);max-width:100%;margin:0 0 1rem;padding:0.85rem 1rem}@media (max-width: 767px){.s-comments-item-review-factors{width:100%;padding:0.75rem}}.s-comments-item-review-factor-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;direction:ltr;min-width:0}@media (max-width: 767px){.s-comments-item-review-factor-row{flex-direction:row;align-items:stretch;gap:0.35rem}}.s-comments-item-review-factor-row+.s-comments-item-review-factor-row{margin-top:0.5rem}.s-comments-item-review-factor-label,.s-comments-item-review-factor-name{color:#4b5563;font-size:0.9rem;line-height:1.45}.s-comments-item-review-factor-name{min-width:6.5rem;text-align:end;flex-shrink:0}@media (max-width: 767px){.s-comments-item-review-factor-name{min-width:5rem;text-align:end}}.s-comments-item-review-factor-label{display:inline-block;min-width:4.75rem}@media (max-width: 767px){.s-comments-item-review-factor-label{min-width:0;flex:1 1 auto}}.s-comments-item-review-factor-value{display:inline-flex;align-items:center;gap:0.35rem;min-width:0}@media (max-width: 767px){.s-comments-item-review-factor-value{width:100%;justify-content:space-between;gap:0.25rem}}.s-rating-stars-wrapper{gap:0 !important}.visible{visibility:visible}.relative{position:relative}.mb-4{margin-bottom:1rem}.mt-2{margin-top:0.5rem}.flex{display:flex}.hidden{display:none}.w-auto{width:auto}.flex-row{flex-direction:row}.gap-4{gap:1rem}.text-left{text-align:left}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.s-button-btn{position:relative;display:inline-flex;flex:1 1 0%;user-select:none;flex-direction:row-reverse;align-items:center;justify-content:center;white-space:nowrap;border-radius:var(--s-radius, 0.25rem);border-style:solid;padding-left:1.5rem;padding-right:1.5rem;padding-bottom:0.625rem;padding-top:0.5rem;font-size:0.875rem;line-height:1.25rem;font-weight:700;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms}.s-button-btn:hover{opacity:0.8}.s-button-primary{border-width:1px;border-color:var(--color-primary);background-color:var(--color-primary);color:var(--color-primary-reverse)}.s-button-primary:hover{background-color:var(--color-primary-dark)}.s-button-text{pointer-events:none;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms}.s-button-loader{margin-left:0.5rem;margin-right:0.5rem;display:flex;align-items:center;justify-content:center;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.s-button-loader::before{display:inline-block;height:1rem;content:var(--tw-content);width:1rem}@keyframes spin{to{content:var(--tw-content);transform:rotate(360deg)}}.s-button-loader::before{animation:spin 1s linear infinite;border-radius:9999px;border-width:2px;border-style:solid;border-top-color:var(--color-primary);border-left-color:var(--color-primary);border-bottom-color:rgb(243 244 246 / var(--tw-border-opacity, 1));--tw-border-opacity:1;border-right-color:rgb(243 244 246 / var(--tw-border-opacity, 1));--tw-content:\'\';content:var(--tw-content)}.s-button-loader-center .s-button-loader{position:absolute;top:50%;left:50%;margin:0px !important;--tw-translate-y:-50%;--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.s-comments-item-like-btn{margin-top:0.5rem}.s-comments-item-like-btn .s-button-text{display:flex;flex-direction:row-reverse;gap:0.5rem}.s-comments-item-like-btn span svg{height:0.75rem;width:0.75rem}.has-error .s-form-control,.has-error .s-tel-input-control,.has-error .s-datetime-picker-input{border-color:#ff443a;color:#ff443a}.s-ltr{direction:ltr}.s-form-control{display:block;width:100%;border-radius:var(--s-radius, 0.25rem);border-width:1px;--tw-border-opacity:1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:0.5rem;font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.s-form-control:focus{border-color:var(--color-primary);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}.s-comments-page-container{margin-right:auto;margin-left:auto;width:100%;padding-left:0px;padding-right:0px}.s-comments-container{margin-right:auto;margin-left:auto;width:100%;padding-right:0.5rem;padding-left:0.5rem}.s-comments-title{margin-bottom:0.5rem;font-size:1.125rem;line-height:1.75rem;font-weight:700}@media (min-width: 640px){.s-comments-title{margin-bottom:1.25rem}}.s-comments-count-label{font-size:1.125rem;line-height:1.75rem;font-weight:700;--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.s-comments-count-label:is(.dark *){--tw-text-opacity:1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.s-comments-testimonials .s-comments-count-label{margin-bottom:2rem}.s-comments-item-wrapper{font-size:0.875rem;line-height:1.25rem}.s-comments-item-inner{display:flex}.s-comments-item-inner>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.75rem * var(--tw-space-x-reverse));margin-left:calc(0.75rem * calc(1 - var(--tw-space-x-reverse)))}.s-comments-item-inner:where([dir="rtl"],[dir="rtl"] *)>:not([hidden])~:not([hidden]){--tw-space-x-reverse:1}.s-comments-item{margin-bottom:2rem;display:block;border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding-bottom:2rem}.s-comments-item:last-child{border-width:0px;padding-bottom:0px}.s-comments-item-admin-wrapper{margin-top:2rem;display:flex}.s-comments-item-admin-wrapper:where([dir="ltr"],[dir="ltr"] *){padding-left:2rem}@media (min-width: 768px){.s-comments-item-admin-wrapper:where([dir="ltr"],[dir="ltr"] *){padding-left:4rem}}.s-comments-item-admin-wrapper:where([dir="rtl"],[dir="rtl"] *){padding-right:2rem}@media (min-width: 768px){.s-comments-item-admin-wrapper:where([dir="rtl"],[dir="rtl"] *){padding-right:4rem}}.s-comments-item-avatar{flex:none}.s-comments-item-avatar-img{height:2.5rem;width:2.5rem;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));object-fit:cover}.s-comments-item-timestamp{display:flex;align-items:center;gap:0.375rem;font-size:0.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity:1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.s-comments-item-timestamp:is(.dark *){--tw-text-opacity:1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.s-comments-item-time{display:block;--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1));opacity:0;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms}.s-comments-item-time:is(.dark *){--tw-text-opacity:1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.s-comments-item-timestamp:hover span{opacity:1}.s-comments-item-pending-text{margin-top:0.5rem;display:inline-block;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1));padding-left:0.625rem;padding-right:0.625rem;padding-top:0.125rem;padding-bottom:0.125rem}.s-comments-item-has-order-check-icon{display:flex;height:1.25rem;width:1.25rem;align-items:center;justify-content:center;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(251 191 36 / var(--tw-bg-opacity, 1));font-size:0.75rem;line-height:1rem}.s-comments-item-pinned-icon{display:flex;height:1.25rem;width:1.25rem;align-items:center;justify-content:center;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1));font-size:0.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.s-comments-item-reply-icon svg{height:1rem;width:1rem;fill:#9ca3af}.s-comments-item-has-order-check-icon svg{height:0.75rem;width:0.75rem}.s-comments-item-pinned-icon i{font-size:0.75rem;line-height:1rem}.s-comments-item-has-order-check-text{margin-top:0.125rem;display:inline-block;--tw-translate-y:-2px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.s-comments-item-has-order-check-text:where([dir="ltr"],[dir="ltr"] *){margin-left:0.25rem}.s-comments-item-has-order-check-text:where([dir="rtl"],[dir="rtl"] *){margin-right:0.25rem}.s-comments-item-user-info-name{display:inline-block;--tw-translate-y:-2px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));font-size:1rem;line-height:1.5rem;font-weight:700}.s-comments-item-user-info-name:where([dir="ltr"],[dir="ltr"] *){margin-right:0.5rem}.s-comments-item-user-info-name:where([dir="rtl"],[dir="rtl"] *){margin-left:0.5rem}.s-comments-item-user-info-name-with-margin{display:inline-block;--tw-translate-y:-2px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));font-size:1rem;line-height:1.5rem;font-weight:700}.s-comments-item-user-info-name-with-margin:where([dir="ltr"],[dir="ltr"] *){margin-right:2.5rem}.s-comments-item-user-info-name-with-margin:where([dir="rtl"],[dir="rtl"] *){margin-left:2.5rem}.s-comments-item-pinned-icon-with-margin{display:flex;height:1.25rem;width:1.25rem;align-items:center;justify-content:center;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1));font-size:0.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.s-comments-item-pinned-icon-with-margin:where([dir="ltr"],[dir="ltr"] *){margin-right:2.5rem;margin-left:0.5rem}.s-comments-item-pinned-icon-with-margin:where([dir="rtl"],[dir="rtl"] *){margin-left:2.5rem;margin-right:0.5rem}.s-comments-item-stars{margin-bottom:0.625rem;width:100%}.s-comments-item-stars>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.25rem * var(--tw-space-x-reverse));margin-left:calc(0.25rem * calc(1 - var(--tw-space-x-reverse)))}.s-comments-item-stars{font-size:0.75rem;line-height:1rem}.s-comments-item-stars:where([dir="rtl"],[dir="rtl"] *)>:not([hidden])~:not([hidden]){--tw-space-x-reverse:1}.s-comments-item-rated-widget{margin-top:0.125rem;font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.s-comments-item-rated-widget:where([dir="ltr"],[dir="ltr"] *){margin-left:0.25rem}.s-comments-item-rated-widget:where([dir="rtl"],[dir="rtl"] *){margin-right:0.25rem}.s-comments-flex-1{flex:1 1 0%}.s-comments-flex{display:flex}.s-comments-item-user-info{margin-bottom:0.25rem;display:flex;align-items:center}.s-comments-item-user-wrapper{margin-bottom:0.5rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}@media (min-width: 768px){.s-comments-item-user-wrapper{margin-bottom:0px}}.s-comments-item-content{max-width:none;--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.s-comments-item-content:is(.dark *){--tw-text-opacity:1;color:rgb(249 250 251 / var(--tw-text-opacity, 1))}.s-comments-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:2.5rem;padding-bottom:5rem;--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.s-comments-placeholder p{padding-top:0.5rem;text-align:center;--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.s-comments-placeholder span{margin-bottom:1rem;display:flex;height:8rem;width:8rem;align-items:center;justify-content:center;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));font-size:3rem;line-height:1;--tw-text-opacity:1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.s-comments-placeholder span svg{margin-left:auto;margin-right:auto;height:4rem;width:4rem;fill:#d1d5db;text-align:center}.s-comments-item-like-btn{margin-top:0.5rem}.s-comments-item-like-btn .s-button-text{display:flex;flex-direction:row-reverse;gap:0.5rem}.s-comments-item-like-btn span svg{height:0.75rem;width:0.75rem}.s-comments-item-images{margin-top:0.5rem;display:flex;align-items:center;gap:0.75rem}.s-comments-item-images img{height:5rem;width:5rem;cursor:pointer;border-radius:0.375rem;object-fit:cover}@media (min-width: 640px){.s-comments-item-images img{height:120px;width:120px}}.s-comments-item-images-slider{margin-top:1.25rem}.s-comments-item-images-slider .s-modal-close{background-color:transparent}.s-comments-item-images-slider-thumb{height:auto;width:100%;max-width:250px}@media (min-width: 640px){.s-comments-item-images-slider-thumb{width:50%;max-width:320px}}@media (min-width: 768px){.s-comments-item-images-slider-thumb{width:33.333333%}}@media (min-width: 1024px){.s-comments-item-images-slider-thumb{width:25%}}.s-comments-item-images-slider-thumb img{height:100%;width:100%;object-fit:cover}.s-comments-header{margin-top:1.5rem;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:space-between}.s-comments-header:not(.has-total){justify-content:flex-end !important}.s-comments-sort-input{width:10rem}.s-comments-filter-wrapper{display:flex;align-items:center}.s-comments-filter-label{display:none;white-space:nowrap}@media (min-width: 640px){.s-comments-filter-label{display:block}}.s-comments-filter-label:where([dir="ltr"],[dir="ltr"] *){margin-right:0.75rem}.s-comments-filter-label:where([dir="rtl"],[dir="rtl"] *){margin-left:0.75rem}.s-comments-container salla-reviews-summary{margin-top:1.5rem}.s-comments-item-content-container{display:flex;flex-direction:row;align-items:center;gap:0.5rem}.rtl\\:text-right:where([dir="rtl"],[dir="rtl"] *){text-align:right}';export{r as salla_comment_factors}