@salla.sa/twilight-components 2.14.595 → 2.14.597

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

@@ -1,6 +1,9 @@
 import type OrderFeedbackResponse from "./order-feedback-response";
 export declare class SallaRatingModal {
+    private langUnsubscribe;
     constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
     order: OrderFeedbackResponse | undefined;
     hasError: boolean;
     showContactWidget: boolean;

package/dist/types/components/salla-rating-stars/salla-rating-stars.d.ts

@@ -4,32 +4,32 @@ export declare class SallaRatingStars {
     reviewLabel: string;
     selectedStar: number;
     /**
-   * Sets input name.
-   */
+     * The name attribute for the rating input (used in forms). Default is 'rating'.
+     */
     name: string;
     /**
-    * Sets the height and width of the component. Defaults to medium.
-    */
+     * The size of the star icons. Can be 'large', 'medium', 'small', or 'mini'. Default is 'medium'.
+     */
     size: "large" | "medium" | "small" | "mini";
     /**
-    * The rating value.
-    */
+     * The current rating value (0-5). Used to display filled stars.
+     */
     value: number;
     /**
-   * Number of reviews to display.
-   */
+     * The number of reviews to display next to the stars. Default is 0 (hidden).
+     */
     reviews: number;
     /**
-    * Show the description label.
-    */
+     * Whether to show a descriptive label (e.g., "Excellent", "Good") next to the rating. Default is false.
+     */
     withLabel: boolean;
     /**
-    * Render the description label before the stars instead of after.
-    */
+     * Render the description label before the stars instead of after.
+     */
     labelBeforeStars: boolean;
     /**
-    * Allows the rating to be editable.
-    */
+     * Whether the rating is interactive/editable by the user. Default is false (display-only).
+     */
     editable: boolean;
     tag: boolean;
     host: HTMLElement;

package/dist/types/components/salla-review-card/salla-review-card.d.ts

@@ -1,4 +1,8 @@
 import type { Review } from "./interfaces";
+/**
+ * The `salla-review-card` component displays a product review with images, ratings, and product info.
+ * Supports image carousel with swipe gestures.
+ */
 export declare class SallaReviewCard {
     el: HTMLElement;
     /** The review object to render, containing review text, stars, product info, and images. */

package/dist/types/components/salla-reviews/salla-reviews.d.ts

@@ -1,6 +1,9 @@
 import { Source, Review, ReviewType, SortingOption } from "./interfaces";
 export declare class SallaReviews {
+    private langUnsubscribe;
     constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
     /**
      * Controls the visibility of a link to the reviews page.
      *

package/dist/types/components/salla-scopes/salla-scopes.d.ts

@@ -3,7 +3,10 @@ import { ModeType, ProductAvailability, Scope } from './interfaces';
  * @slot footer - The bottom section of the component, used for form action. Utilizes the `handleSubmit` method to submit the form.
  */
 export declare class SallaScopees {
+    private langUnsubscribe;
     constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
     private changeBtn;
     private modal;
     private loadedScopes;

package/dist/types/components/salla-skeleton/salla-skeleton.d.ts

@@ -1,15 +1,15 @@
 export declare class SallaSkeleton {
     /**
-   *  Set the shape type of the skeleton is it circle or normal
-   */
+     * The shape type of the skeleton. 'circle' for circular skeletons (e.g., avatars), 'normal' for rectangular shapes. Default is 'normal'.
+     */
     type: 'circle' | 'normal';
     /**
-   *  Set the skeleton width
-   */
+     * The width of the skeleton. Can be any CSS width value (e.g., '100%', '50px', '2rem'). Default is '100%'.
+     */
     width: string;
     /**
-   *  Set the skeleton height
-   */
+     * The height of the skeleton. Can be any CSS height value (e.g., '100%', '50px', '2rem'). Default is '100%'.
+     */
     height: string;
     render(): any;
 }

package/dist/types/components/salla-slider/salla-slider.d.ts

@@ -5,6 +5,7 @@ import { Swiper as SwiperType } from 'swiper/types';
  * @slot thumbs - Thumbs slider items.
  */
 export declare class SallaSlider {
+    private langUnsubscribe;
     host: HTMLElement;
     constructor();
     /**
@@ -321,6 +322,7 @@ export declare class SallaSlider {
     private hasThumbSlot;
     private pre_defined_config;
     isStaticWhenSingle(): boolean;
+    connectedCallback(): void;
     componentWillLoad(): Promise<void>;
     getSwiperConfig(): {
         loop: boolean;

package/dist/types/components/salla-social/salla-social.d.ts

@@ -2,7 +2,10 @@
  * @slot social-item - Replaces social item, has replaceable keys `{icon}`, `{type} and {link}`.
  */
 export declare class SallaSocial {
+    private langUnsubscribe;
     constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
     private readonly socialSlot;
     links: any;
     host: HTMLElement;

package/dist/types/components/salla-tabs/salla-tab-header.d.ts

@@ -9,8 +9,8 @@ export declare class SallaTabHeader {
      */
     name: string;
     /**
-   * The class applied to the currently active(selected) tab
-   */
+     * The class applied to the currently active(selected) tab
+     */
     activeClass: string;
     /**
      * Set the height of the tab bar

package/dist/types/components/salla-tel-input/salla-tel-input.d.ts

@@ -1,13 +1,15 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { Phone } from './interfaces';
 export declare class SallaTelInput {
+    private langUnsubscribe;
     private TelInput;
     /**
      * Lazy load intl-tel-input library
      * This reduces initial bundle size by ~80-90KB
      */
     private loadTelInput;
-    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
     /**
      * Current mobile number
      */

package/dist/types/components/salla-tiered-offer/salla-tiered-offer.d.ts

@@ -1,6 +1,8 @@
 import { Offer, TieredOfferData } from './interfaces';
 export declare class SallaTieredOffer {
-    constructor();
+    private langUnsubscribe;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
     tieredOfferData: TieredOfferData;
     apiOfferData: Offer;
     currentTierIndex: number;

package/dist/types/components/salla-trust-badges/salla-trust-badges.d.ts

@@ -5,7 +5,9 @@ export declare class SallaTrustBadges {
     dark: boolean;
     commercialRegisterLabel: string;
     freelanceLabel: string;
-    componentWillLoad(): void;
+    private langUnsubscribe;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
     private isVisibilityEnforced;
     private initializeTranslations;
     private getBadgeData;

package/dist/types/components/salla-user-menu/salla-user-menu.d.ts

@@ -5,6 +5,7 @@
 export declare class SallaUserMenu {
     host: HTMLElement;
     private triggerSlot;
+    private langUnsubscribe;
     accountLoading: boolean;
     opened: boolean;
     notifications: string;
@@ -53,6 +54,8 @@ export declare class SallaUserMenu {
     OrderUpdate: number;
     private accountPrefixedKeys;
     private items;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
     componentWillLoad(): Promise<void>;
     private loadTranslations;
     private loadWalletBalance;

package/dist/types/components/salla-user-profile/salla-user-profile.d.ts

@@ -16,7 +16,9 @@ import { type UserInstance } from './interfaces';
  * rich set of features and customization options.
  */
 export declare class SallaUserProfile {
-    constructor();
+    private langUnsubscribe;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
     /**
      * The minimum allowed age for a user. Users with a birthdate indicating an age less than this value will be considered invalid.
      * Defaults to 10.

package/dist/types/components/salla-user-settings/salla-user-settings.d.ts

@@ -1,6 +1,7 @@
 type DeleteStep = 'confirm' | 'otp' | 'success';
 type OtpType = 'email' | 'mobile';
 export declare class SallaUserSettings {
+    private langUnsubscribe;
     private confirmationModal;
     private otpInputs;
     private hiddenCodeInput;
@@ -59,6 +60,8 @@ export declare class SallaUserSettings {
      */
     private readonly translationDefaults;
     constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
     private getDaysUntilExecution;
     private applyPendingMessage;
     private fetchDeleteRequestStatus;

package/dist/types/components/salla-verify/salla-verify.d.ts

@@ -4,7 +4,10 @@ import { EventEmitter } from '../../stencil-public-runtime';
  * @slot after-footer - placeholder position
  */
 export declare class SallaVerify {
+    private langUnsubscribe;
     constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
     private modal;
     private body;
     private code;