@salla.sa/twilight-components 2.14.489 → 2.14.491

package/dist/components/salla-comment-factors.d.ts

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

package/dist/components/salla-comment-factors.js

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

package/dist/components/salla-comment-factors2.js

@@ -0,0 +1,66 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { d as defineCustomElement$1 } from './salla-rating-stars2.js';
+
+const sallaCommentsCss = ":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-comments-item-review-factor-stars{flex-shrink:0}.s-comments-item-review-factor-stars .s-rating-stars-wrapper{gap:0}";
+
+const SallaCommentFactors = /*@__PURE__*/ proxyCustomElement(class SallaCommentFactors extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.factors = [];
+    }
+    getReviewFactorLabel(factor) {
+        if (factor.label) {
+            return factor.label;
+        }
+        // Fall back to defaults matching the storefront locale when the
+        // translation keys are missing, instead of always showing Arabic.
+        const isArabic = (salla.lang.locale || 'ar').startsWith('ar');
+        const defaultLabels = isArabic
+            ? ['ضعيف', 'مقبول', 'جيد', 'جيد جدا', 'ممتاز']
+            : ['Poor', 'Average', 'Good', 'Very good', 'Excellent'];
+        const ratingLabels = [
+            salla.lang.getWithDefault('pages.rating.poor', defaultLabels[0]),
+            salla.lang.getWithDefault('pages.rating.average', defaultLabels[1]),
+            salla.lang.getWithDefault('pages.rating.good', defaultLabels[2]),
+            salla.lang.getWithDefault('pages.rating.very_good', defaultLabels[3]),
+            salla.lang.getWithDefault('pages.rating.excellent', defaultLabels[4]),
+        ];
+        const rating = Number(factor.rating || 0);
+        const clampedRating = Math.max(1, Math.min(5, Math.round(rating)));
+        return ratingLabels[clampedRating - 1] || '';
+    }
+    render() {
+        if (!this.factors?.length) {
+            return null;
+        }
+        return (h("div", { class: "s-comments-item-review-factors" }, this.factors.map((factor) => (h("div", { class: "s-comments-item-review-factor-row" }, h("div", { class: "s-comments-item-review-factor-value" }, h("span", { class: "s-comments-item-review-factor-label text-left rtl:text-right" }, this.getReviewFactorLabel(factor)), h("salla-rating-stars", { size: "mini", class: "s-comments-item-review-factor-stars", value: factor.rating })), h("span", { class: "s-comments-item-review-factor-name" }, factor.name))))));
+    }
+    static get style() { return sallaCommentsCss; }
+}, [0, "salla-comment-factors", {
+        "factors": [16]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["salla-comment-factors", "salla-rating-stars"];
+    components.forEach(tagName => { switch (tagName) {
+        case "salla-comment-factors":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SallaCommentFactors);
+            }
+            break;
+        case "salla-rating-stars":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { SallaCommentFactors as S, defineCustomElement as d };

package/dist/components/salla-comment-item2.js

@@ -3,7 +3,8 @@
  */
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { I as IconVerified } from './check.js';
-import { d as defineCustomElement$6 } from './salla-button2.js';
+import { d as defineCustomElement$7 } from './salla-button2.js';
+import { d as defineCustomElement$6 } from './salla-comment-factors2.js';
 import { d as defineCustomElement$5 } from './salla-loading2.js';
 import { d as defineCustomElement$4 } from './salla-modal2.js';
 import { d as defineCustomElement$3 } from './salla-rating-stars2.js';
@@ -24,7 +25,7 @@ var ThumbsUp = `<!-- Generated by IcoMoon.io -->
 </svg>
 `;
 
-const sallaCommentsCss = ":host{display:block}";
+const sallaCommentsCss = ":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-comments-item-review-factor-stars{flex-shrink:0}.s-comments-item-review-factor-stars .s-rating-stars-wrapper{gap:0}";
 
 const SallaCommentItem = /*@__PURE__*/ proxyCustomElement(class SallaCommentItem extends HTMLElement {
     constructor() {
@@ -38,9 +39,11 @@ const SallaCommentItem = /*@__PURE__*/ proxyCustomElement(class SallaCommentItem
         this.has_order_trans = salla.lang.get('blocks.comments.has_order');
         this.allowLikes = salla.config.get('store.settings.rating.allow_likes');
         this.allowAttachImages = salla.config.get('store.settings.rating.allow_attach_images');
-        this.helpfulLabel = salla.lang.getWithDefault('blocks.comments.helpful', 'مفيد');
+        this.helpfulLabel = salla.lang.get('blocks.comments.helpful');
+        this.reviewDetailsLabel = salla.lang.get('blocks.comments.review_details');
         this.likesCount = 0;
         this.likedComments = [];
+        this.showReviewFactors = false;
         salla.lang.onLoaded(() => {
             const setNestedAsync = (lang, key, value) => {
                 return new Promise((resolve) => {
@@ -51,9 +54,12 @@ const SallaCommentItem = /*@__PURE__*/ proxyCustomElement(class SallaCommentItem
             const setTranslations = async () => {
                 await setNestedAsync('ar.trans', 'blocks.comments.helpful', 'مفيد');
                 await setNestedAsync('en.trans', 'blocks.comments.helpful', 'Helpful');
+                await setNestedAsync('ar.trans', 'blocks.comments.review_details', 'تفاصيل التقييم');
+                await setNestedAsync('en.trans', 'blocks.comments.review_details', 'Review details');
                 await setNestedAsync('ar.trans', 'blocks.comments.locked', 'الرد غير ظاهر لباقي العملاء');
                 await setNestedAsync('en.trans', 'blocks.comments.locked', 'The reply is not visible to other customers');
-                this.helpfulLabel = salla.lang.getWithDefault('blocks.comments.helpful', 'مفيد');
+                this.reviewDetailsLabel = salla.lang.get('blocks.comments.review_details');
+                this.helpfulLabel = salla.lang.get('blocks.comments.helpful');
                 this.locked_trans = salla.lang.getWithDefault('blocks.comments.locked', 'الرد غير ظاهر لباقي العملاء');
             };
             this.locked_trans = salla.lang.get('blocks.comments.locked');
@@ -79,6 +85,7 @@ const SallaCommentItem = /*@__PURE__*/ proxyCustomElement(class SallaCommentItem
             salla.log('Bad json for liked_comments');
         }
     }
+    ;
     getReplies() {
         return Array.isArray(this.comment.replies) ? this.comment.replies : [this.comment.replies];
     }
@@ -149,6 +156,9 @@ const SallaCommentItem = /*@__PURE__*/ proxyCustomElement(class SallaCommentItem
     isPrivateComment(comment) {
         return comment.status === 'hidden';
     }
+    getReviewFactors() {
+        return Array.isArray(this.comment.factor_reviews) ? this.comment.factor_reviews : [];
+    }
     PinnedIcon() {
         return (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "16", height: "16", color: "#555555", fill: "none", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("path", { d: "M12 16V21" }), h("path", { d: "M8 5.2918C8 5.02079 8 4.88529 8.01312 4.77132C8.1194 3.84789 8.84789 3.1194 9.77133 3.01312C9.88529 3 10.0208 3 10.2918 3H13.7082C13.9792 3 14.1147 3 14.2287 3.01312C15.1521 3.1194 15.8806 3.84789 15.9869 4.77132C16 4.88529 16 5.02079 16 5.2918C16 5.37885 16 5.42237 15.9967 5.46264C15.9708 5.78281 15.7927 6.07104 15.5179 6.2374C15.4834 6.25832 15.4444 6.27779 15.3666 6.31672L15.1055 6.44726C14.7021 6.64897 14.5003 6.74983 14.3681 6.90564C14.26 7.03286 14.1856 7.18509 14.1515 7.34846C14.1097 7.54854 14.1539 7.76968 14.2424 8.21197L15 12H15.3333C15.9533 12 16.2633 12 16.5176 12.0681C17.2078 12.2531 17.7469 12.7922 17.9319 13.4824C18 13.7367 18 14.0467 18 14.6667C18 14.9767 18 15.1317 17.9659 15.2588C17.8735 15.6039 17.6039 15.8735 17.2588 15.9659C17.1317 16 16.9767 16 16.6667 16H7.33333C7.02334 16 6.86835 16 6.74118 15.9659C6.39609 15.8735 6.12654 15.6039 6.03407 15.2588C6 15.1317 6 14.9767 6 14.6667C6 14.0467 6 13.7367 6.06815 13.4824C6.25308 12.7922 6.79218 12.2531 7.48236 12.0681C7.73669 12 8.04669 12 8.66667 12H9L9.75761 8.21197C9.84606 7.76968 9.89029 7.54854 9.84852 7.34846C9.81441 7.18509 9.73995 7.03286 9.63194 6.90564C9.49965 6.74983 9.29794 6.64897 8.89452 6.44726L8.63344 6.31672C8.55558 6.27779 8.51665 6.25832 8.48208 6.2374C8.20731 6.07104 8.02917 5.78281 8.00326 5.46264C8 5.42237 8 5.37885 8 5.2918Z" })));
     }
@@ -160,15 +170,18 @@ const SallaCommentItem = /*@__PURE__*/ proxyCustomElement(class SallaCommentItem
             return null;
         }
         let isAdmin = this.comment.type == 'admin';
+        const reviewFactors = this.getReviewFactors();
+        const hasReviewFactors = reviewFactors.length > 0;
         return (h(Host, { class: isAdmin ? 's-comments-item-admin' : 's-comments-item' }, h("div", { class: { "s-comments-item-wrapper": !isAdmin, "s-comments-item-admin-wrapper": isAdmin }, id: `s-comments-item-${this.comment.id}` }, h("div", { class: "s-comments-item-inner s-comments-flex-1" }, isAdmin && h("span", { class: "s-comments-item-reply-icon", innerHTML: Reply }), h("div", { class: "s-comments-item-avatar" }, h("img", { "data-src": this.comment?.avatar, alt: this.comment?.name, src: this.comment?.avatar, class: "s-comments-item-avatar-img lazy" })), h("div", { class: "s-comments-flex-1" }, h("div", { class: "s-comments-item-user-wrapper" }, h("div", { class: "s-comments-item-user-info" }, h("h3", { class: this.comment.is_pinned ? "s-comments-item-user-info-name" : "s-comments-item-user-info-name-with-margin" }, this.comment?.name), this.comment.is_pinned ?
             h("div", { class: "s-comments-item-pinned-icon-with-margin" }, this.PinnedIcon())
             : null, (this.comment.has_order || !!this.comment.rating) && !this.comment.is_pending && !this.hideBought ?
             h("div", { class: "s-comments-flex" }, this.comment.has_order ?
                 [h("span", { class: "s-comments-item-has-order-check-icon", innerHTML: IconVerified }), h("span", { class: "s-comments-item-has-order-check-text" }, this.has_bought_trans, " ", this.comment.rating ? ', ' : '')] : null, !!this.comment.rating ?
                 h("span", { class: "s-comments-item-rated-widget" }, this.rated_trans) : null)
-            : null), h("p", { class: "s-comments-item-timestamp s-ltr" }, this.getDate(this.comment.created_at?.date), h("span", { class: "s-comments-item-time" }, " - ", this.getTime(this.comment.created_at?.date))), !!this.comment.rating || !!this.comment.stars ?
-            h("salla-rating-stars", { size: "mini", class: "s-comments-item-stars", value: this.comment.rating || this.comment.stars })
-            : null), h("div", { class: "s-comments-item-content" }, h("div", { class: "s-comments-item-content-container" }, this.isPrivateComment(this.comment) ? (h("div", { id: `s-comments-item-${this.comment.id}-locked-icon`, class: "s-comments-item-pinned-icon" }, this.LockedIcon())) : null, h("p", { innerHTML: this.comment.content })), this.isPrivateComment(this.comment) ? (h("salla-tooltip", { text: this.locked_trans, targetId: `s-comments-item-${this.comment.id}-locked-icon` })) : null, this.allowAttachImages && h("div", { class: "s-comments-item-images" }, this.comment.images.map((image, index) => (h("img", { key: index, src: image, alt: "", onClick: () => this.modal.open() }))), h("salla-modal", { ref: modal => this.modal = modal, width: "sm" }, h("salla-slider", { id: `s-comments-item-${this.comment.id}-images`, class: "s-comments-item-images-slider", type: "thumbs", "auto-height": true, showControls: this.comment.images.length > 1 ? true : false, "show-thumbs-controls": "false" }, h("div", { slot: 'items' }, this.comment.images.map((image, index) => (h("img", { key: index, src: image, alt: "" })))), h("div", { slot: "thumbs" }, this.comment.images.map((image, index) => (h("div", { class: "s-comments-item-images-slider-thumb" }, h("img", { key: index, src: image, alt: "" })))))))), this.allowLikes && !isAdmin && !!this.comment.id && salla.url.is_page('product.single') ? h("salla-button", { ref: el => this.likeBtn = el, class: `s-comments-item-like-btn ${this.likedComments.includes(this.comment.id) ? 'liked' : ''}`, loaderPosition: 'center', fill: 'outline', size: 'small', onClick: () => this.toggleLike() }, h("span", null, this.helpfulLabel, " ", this.likesCount > 0 ? `(${this.likesCount})` : ''), h("span", { innerHTML: ThumbsUp })) : '', this.comment.is_pending ?
+            : null), h("p", { class: "s-comments-item-timestamp s-ltr" }, this.getDate(this.comment.created_at?.date), h("span", { class: "s-comments-item-time" }, " - ", this.getTime(this.comment.created_at?.date)))), (!!this.comment.rating || !!this.comment.stars || hasReviewFactors) && (h("div", { class: "flex flex-row gap-4 mt-2 mb-4" }, (!!this.comment.rating || !!this.comment.stars) ? (h("salla-rating-stars", { class: "w-auto", size: "medium", value: this.comment.rating || this.comment.stars })) : null, hasReviewFactors && (h("button", { class: "s-comments-item-review-factors-toggle", type: "button", onClick: () => (this.showReviewFactors = !this.showReviewFactors) }, h("span", null, this.reviewDetailsLabel), h("span", { class: {
+                "s-comments-item-review-factors-chevron": true,
+                "is-open": this.showReviewFactors,
+            } }, "\u2303"))))), h("div", { class: "s-comments-item-content" }, hasReviewFactors && this.showReviewFactors && (h("salla-comment-factors", { factors: reviewFactors })), h("div", { class: "s-comments-item-content-container" }, this.isPrivateComment(this.comment) ? (h("div", { id: `s-comments-item-${this.comment.id}-locked-icon`, class: "s-comments-item-pinned-icon" }, this.LockedIcon())) : null, h("p", { innerHTML: this.comment.content })), this.isPrivateComment(this.comment) ? (h("salla-tooltip", { text: this.locked_trans, targetId: `s-comments-item-${this.comment.id}-locked-icon` })) : null, this.allowAttachImages && h("div", { class: "s-comments-item-images" }, this.comment.images.map((image, index) => (h("img", { key: index, src: image, alt: "", onClick: () => this.modal.open() }))), h("salla-modal", { ref: modal => this.modal = modal, width: "sm" }, h("salla-slider", { id: `s-comments-item-${this.comment.id}-images`, class: "s-comments-item-images-slider", type: "thumbs", "auto-height": true, showControls: this.comment.images.length > 1 ? true : false, "show-thumbs-controls": "false" }, h("div", { slot: 'items' }, this.comment.images.map((image, index) => (h("img", { key: index, src: image, alt: "" })))), h("div", { slot: "thumbs" }, this.comment.images.map((image, index) => (h("div", { class: "s-comments-item-images-slider-thumb" }, h("img", { key: index, src: image, alt: "" })))))))), this.allowLikes && !isAdmin && !!this.comment.id && salla.url.is_page('product.single') ? h("salla-button", { ref: el => this.likeBtn = el, class: `s-comments-item-like-btn ${this.likedComments.includes(this.comment.id) ? 'liked' : ''}`, loaderPosition: 'center', fill: 'outline', size: 'small', onClick: () => this.toggleLike() }, h("span", null, this.helpfulLabel, " ", this.likesCount > 0 ? `(${this.likesCount})` : ''), h("span", { innerHTML: ThumbsUp })) : '', this.comment.is_pending ?
             h("span", { class: "s-comments-item-pending-text" }, this.waiting_approval_trans) : null))), !!this.getReplies().length && !isAdmin ?
             this.getReplies().map((reply) => {
                 return h("div", null, h("salla-comment-item", { comment: reply }));
@@ -187,14 +200,16 @@ const SallaCommentItem = /*@__PURE__*/ proxyCustomElement(class SallaCommentItem
         "allowLikes": [32],
         "allowAttachImages": [32],
         "helpfulLabel": [32],
+        "reviewDetailsLabel": [32],
         "likesCount": [32],
-        "likedComments": [32]
+        "likedComments": [32],
+        "showReviewFactors": [32]
     }]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["salla-comment-item", "salla-button", "salla-comment-item", "salla-loading", "salla-modal", "salla-rating-stars", "salla-slider", "salla-tooltip"];
+    const components = ["salla-comment-item", "salla-button", "salla-comment-factors", "salla-comment-item", "salla-loading", "salla-modal", "salla-rating-stars", "salla-slider", "salla-tooltip"];
     components.forEach(tagName => { switch (tagName) {
         case "salla-comment-item":
             if (!customElements.get(tagName)) {
@@ -202,6 +217,11 @@ function defineCustomElement() {
             }
             break;
         case "salla-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "salla-comment-factors":
             if (!customElements.get(tagName)) {
                 defineCustomElement$6();
             }

package/dist/components/salla-comments.js

@@ -4,7 +4,8 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { a as anime } from './anime.es.js';
 import { H as Helper } from './Helper.js';
-import { d as defineCustomElement$b } from './salla-button2.js';
+import { d as defineCustomElement$c } from './salla-button2.js';
+import { d as defineCustomElement$b } from './salla-comment-factors2.js';
 import { d as defineCustomElement$a } from './salla-comment-form2.js';
 import { d as defineCustomElement$9 } from './salla-comment-item2.js';
 import { d as defineCustomElement$8 } from './salla-loading2.js';
@@ -29,7 +30,7 @@ var ChatBubbles = `<!-- Generated by IcoMoon.io -->
 </svg>
 `;
 
-const sallaCommentsCss = ":host{display:block}";
+const sallaCommentsCss = ":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-comments-item-review-factor-stars{flex-shrink:0}.s-comments-item-review-factor-stars .s-rating-stars-wrapper{gap:0}";
 
 const SallaComments$1 = /*@__PURE__*/ proxyCustomElement(class SallaComments extends HTMLElement {
     constructor() {
@@ -362,7 +363,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["salla-comments", "salla-button", "salla-comment-form", "salla-comment-item", "salla-loading", "salla-modal", "salla-progress-bar", "salla-rating-stars", "salla-reviews-summary", "salla-slider", "salla-tooltip"];
+    const components = ["salla-comments", "salla-button", "salla-comment-factors", "salla-comment-form", "salla-comment-item", "salla-loading", "salla-modal", "salla-progress-bar", "salla-rating-stars", "salla-reviews-summary", "salla-slider", "salla-tooltip"];
     components.forEach(tagName => { switch (tagName) {
         case "salla-comments":
             if (!customElements.get(tagName)) {
@@ -370,6 +371,11 @@ function defineCustomElement$1() {
             }
             break;
         case "salla-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$c();
+            }
+            break;
+        case "salla-comment-factors":
             if (!customElements.get(tagName)) {
                 defineCustomElement$b();
             }

package/dist/components/salla-rating-modal-v2.d.ts

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

package/dist/components/salla-rating-modal-v2.js

@@ -0,0 +1,9 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+import { a as SallaRatingModalV2$1, d as defineCustomElement$1 } from './salla-rating-modal-v22.js';
+
+const SallaRatingModalV2 = SallaRatingModalV2$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SallaRatingModalV2, defineCustomElement };