@salla.sa/twilight-components 2.14.467 → 2.14.469

package/dist/types/components/salla-products-list/salla-products-list.d.ts

@@ -1,4 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
+import { Product } from '@salla.sa/twilight/types/common';
 export declare class SallaProductsList {
     /**
      * TODO:: order the logic like this:
@@ -45,20 +46,20 @@ export declare class SallaProductsList {
      */
     horizontalCards: boolean;
     /**
-    * Row cards
-    */
+     * Row cards
+     */
     rowCards: boolean;
     /**
-    * Compact cards for drawer/list layouts
-    */
+     * Compact cards for drawer/list layouts
+     */
     compactCards: boolean;
     /**
      * Autoload next page when scroll
      */
     autoload: boolean;
     /**
-   * Load more text
-   */
+     * Load more text
+     */
     loadMoreText: string;
     /**
      * Custom Card Component for the Salla Products List.
@@ -83,6 +84,18 @@ export declare class SallaProductsList {
      * - "images": Include product images in the response.
      */
     includes: string[];
+    /**
+     * Enables multi-selection of products. When enabled, a checkbox overlay is
+     * rendered on top of each product card and the selected products are exposed
+     * via the `selectionChanged` event, the `salla-products-list::selection.changed`
+     * global event and the `getSelected()` method.
+     *
+     * This is source-agnostic (works for any `source`) and defaults to `false`.
+     * On the wishlist page the `salla-wishlist-actions` panel turns it on at
+     * runtime (when the customer chooses "share specific items"), so no theme
+     * markup changes are required.
+     */
+    selectable: boolean;
     host: HTMLElement;
     page: number;
     nextPage: string;
@@ -99,6 +112,8 @@ export declare class SallaProductsList {
     switchToNormalBehavior: boolean;
     parsedFilters: any;
     filtersSnapshot: any[];
+    /** Map of selected products keyed by product id (preserves selection across pagination). */
+    private selectedProducts;
     private status;
     private btnLoader;
     private loader;
@@ -120,6 +135,11 @@ export declare class SallaProductsList {
      * Custom event fired when the the products fetched.
      */
     productsFetched: EventEmitter;
+    /**
+     * Custom event fired when the selection changes (only when `selectable` is enabled).
+     * Detail: `{ ids: Array<string|number>, products: Product[], count: number }`.
+     */
+    selectionChanged: EventEmitter;
     constructor();
     connectedCallback(): void;
     disconnectedCallback(): void;
@@ -141,6 +161,20 @@ export declare class SallaProductsList {
     private buildNextPageUrl;
     private loading;
     private getItemHTML;
+    /**
+     * Wrap a product card with a selection control. The wrapper mirrors `product`
+     * so the scroll-restoration snapshot logic (which reads `child.product`) keeps
+     * working, and the card keeps its id for `scrollToLastViewedProduct`.
+     */
+    private wrapSelectableItem;
+    private toggleSelection;
+    private emitSelection;
+    private readonly onWishlistItemRemoved;
+    /**
+     * Re-render the list when selection mode is toggled at runtime (e.g. enabled
+     * by the wishlist actions panel after the list already loaded).
+     */
+    onSelectableChanged(newValue: boolean, oldValue: boolean): void;
     private applyLandingPageStyles;
     private applyHorizontalCardStyles;
     private waitForResizing;
@@ -171,6 +205,26 @@ export declare class SallaProductsList {
      * Load the next products page.
      */
     loadMore(): Promise<void>;
+    /**
+     * Get the currently selected products.
+     */
+    getSelected(): Promise<{
+        ids: Array<string | number>;
+        products: Product[];
+    }>;
+    /**
+     * Get all products currently rendered in the list (works whether selection
+     * is enabled or not). Useful to gather ids for "share all".
+     */
+    getLoadedProducts(): Promise<Product[]>;
+    /**
+     * Select all currently rendered products.
+     */
+    selectAll(): Promise<void>;
+    /**
+     * Clear the current selection.
+     */
+    clearSelection(): Promise<void>;
     componentWillLoad(): any;
     componentDidLoad(): Promise<void>;
     private canRender;

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

@@ -2,9 +2,15 @@
  * @slot widget - An action that can be used to activete or open the component by calling the `open` method.
  */
 export declare class SallaSocialShare {
-    private shareMenu?;
+    private openAnimation?;
+    private ignoreOutsideClick;
+    private copiedResetTimeout?;
+    /** Bilingual defaults for the modal variant; store translations always win. */
+    private readonly translationDefaults;
+    private readonly onDocumentClick;
     host: HTMLElement;
     opened: boolean;
+    copied: boolean;
     allPlatforms: Array<string>;
     platformIcons: Array<object>;
     convertedPlatforms: Array<string>;
@@ -20,11 +26,33 @@ export declare class SallaSocialShare {
      * selected platforms to share | all platforms
      */
     platforms: string;
+    /**
+     * Share UI variant: `default` dropdown menu or centered `modal` dialog.
+     */
+    mode: 'modal' | 'default';
+    /**
+     * Optional title for the modal variant header. Defaults to a localized "Share".
+     */
+    modalTitle: string;
     componentWillLoad(): void;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
     /**
-     * Activate or open the share menu.
+     * Register bilingual (ar/en) defaults without overriding existing translations.
+     */
+    private registerTranslationDefaults;
+    private resolveShareKit;
+    private deferOutsideClickGuard;
+    /**
+     * Open the share menu.
      */
     open(): Promise<void>;
+    /**
+     * Close the share menu.
+     */
+    close(): Promise<void>;
+    private setBodyScrollLocked;
+    private toggle;
     /**
      * Asynchronously initializes the "AddToAny" (a2a) social sharing tool on the current page.
      * If the global object `window.a2a` is available, it initializes the tool with the 'page' mode.
@@ -43,6 +71,15 @@ export declare class SallaSocialShare {
      * @async
      * @returns {Promise<void>} A promise that resolves once the initialization is complete.
      */
+    onUrlChanged(newUrl: string, oldUrl: string): void;
+    private getShareUrl;
+    private getModalTitle;
+    private syncShareAttributes;
     refresh(): Promise<void>;
+    private copyLink;
+    private modalPlatformMeta;
+    private renderModalCard;
+    private renderModal;
+    private renderPopupList;
     render(): any;
 }

package/dist/types/components/salla-wishlist-actions/salla-wishlist-actions.d.ts

@@ -0,0 +1,93 @@
+/**
+ * Actions header (panel) rendered on top of the wishlist `salla-products-list`.
+ *
+ * It exposes a "Share" dropdown with two options:
+ *  - Share all items: shares the whole wishlist right away via `salla-social-share`.
+ *  - Share specific items: enables multi-selection on the sibling
+ *    `salla-products-list` and shows a panel to share the selected products.
+ *
+ * Selection is enabled on the products list at runtime, so no theme markup
+ * changes are required and it works for every theme exposing the
+ * `customer:wishlist.items.start` hook.
+ */
+export declare class SallaWishlistActions {
+    host: HTMLElement;
+    menuOpen: boolean;
+    hasProducts: boolean;
+    /** Whether the "share specific items" selection mode is active. */
+    specificMode: boolean;
+    selectedIds: Array<string | number>;
+    loadedProductCount: number;
+    isSharing: boolean;
+    shareUrl: string;
+    shareLabel: string;
+    shareAllLabel: string;
+    shareSpecificLabel: string;
+    selectAllLabel: string;
+    cancelLabel: string;
+    shareModalTitle: string;
+    private productsList?;
+    private socialShare?;
+    private productsObserver?;
+    private selectAllCheckbox?;
+    private pageTitle?;
+    private pageTitleObserver?;
+    private pageTitleRetryTimeout?;
+    /** Ignore transient empty DOM while the products list reloads after toggling selection. */
+    private isListSyncPaused;
+    private static readonly pageTitleClass;
+    /**
+     * Bilingual defaults for the translation keys introduced by this feature.
+     * Registered via `Salla.lang.addBulk` only when missing, so store/central
+     * translations always take precedence.
+     */
+    private readonly translationDefaults;
+    private readonly onSelectionChanged;
+    private readonly onDocumentClick;
+    private readonly onProductsFetched;
+    componentWillLoad(): Promise<void>;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    /**
+     * The wishlist page title (`h1`) lives in theme markup outside this component.
+     * Alignment is handled by `h1.s-wishlist-actions-page-title` in the component stylesheet.
+     */
+    private initPageTitleAlignment;
+    private findPageTitle;
+    private syncPageTitleAlignment;
+    private resetPageTitleAlignment;
+    /**
+     * Register bilingual (ar/en) defaults for our keys, without overriding any
+     * translation that already exists in the store/central translations.
+     */
+    private registerTranslationDefaults;
+    private loadTranslations;
+    private get selectedCount();
+    private get isAllSelected();
+    private get isPartiallySelected();
+    private syncLoadedProductCount;
+    private syncSelectAllCheckboxState;
+    componentDidRender(): void;
+    private pauseListSync;
+    private syncHasProducts;
+    private toggleMenu;
+    private toggleSelectAll;
+    /**
+     * Enter "share specific items" mode: enable selection on the products list.
+     */
+    shareSpecific(): Promise<void>;
+    /**
+     * Exit "share specific items" mode: disable selection and clear it.
+     */
+    cancelSpecific(): Promise<void>;
+    /**
+     * Share all wishlist products.
+     */
+    shareAll(): Promise<void>;
+    /**
+     * Share the currently selected wishlist products.
+     */
+    shareSelected(): Promise<void>;
+    private processShare;
+    render(): any;
+}

package/dist/types/components.d.ts

@@ -1318,7 +1318,7 @@ export namespace Components {
         /**
           * Go to the step 2
          */
-        "goToStep2": () => Promise<void>;
+        "goToStep2": (withValidation?: boolean) => Promise<void>;
         /**
           * Show / Open the gifting modal window
          */
@@ -2236,6 +2236,10 @@ export namespace Components {
           * @default false
          */
         "autoload": boolean;
+        /**
+          * Clear the current selection.
+         */
+        "clearSelection": () => Promise<void>;
         /**
           * Compact cards for drawer/list layouts
          */
@@ -2244,6 +2248,14 @@ export namespace Components {
           * should listen to filters events `salla-filters::changed` and re-render
          */
         "filtersResults": boolean;
+        /**
+          * Get all products currently rendered in the list (works whether selection is enabled or not). Useful to gather ids for "share all".
+         */
+        "getLoadedProducts": () => Promise<Product[]>;
+        /**
+          * Get the currently selected products.
+         */
+        "getSelected": () => Promise<{ ids: Array<string | number>; products: Product[]; }>;
         /**
           * Horizontal cards
          */
@@ -2278,6 +2290,15 @@ export namespace Components {
           * Row cards
          */
         "rowCards": boolean;
+        /**
+          * Select all currently rendered products.
+         */
+        "selectAll": () => Promise<void>;
+        /**
+          * Enables multi-selection of products. When enabled, a checkbox overlay is rendered on top of each product card and the selected products are exposed via the `selectionChanged` event, the `salla-products-list::selection.changed` global event and the `getSelected()` method.  This is source-agnostic (works for any `source`) and defaults to `false`. On the wishlist page the `salla-wishlist-actions` panel turns it on at runtime (when the customer chooses "share specific items"), so no theme markup changes are required.
+          * @default false
+         */
+        "selectable": boolean;
         /**
           * Set parsed filters data from URI
           * @param filters
@@ -2286,12 +2307,31 @@ export namespace Components {
         /**
           * Sorting the list of products
          */
-        "sortBy"?: string | 'ourSuggest' | 'bestSell' | 'topRated' | 'priceFromTopToLow' | 'priceFromLowToTop';
+        "sortBy"?: | string
+    | 'ourSuggest'
+    | 'bestSell'
+    | 'topRated'
+    | 'priceFromTopToLow'
+    | 'priceFromLowToTop';
         /**
           * The source of the products list
           * @type {string}
          */
-        "source": 'categories' | 'latest' | 'related' | 'brands' | 'json' | 'search' | 'tags' | 'selected' | 'offers' | 'landing-page' | 'sales' | 'wishlist' | 'top-rated' | 'reorder' | 'recently';
+        "source": | 'categories'
+    | 'latest'
+    | 'related'
+    | 'brands'
+    | 'json'
+    | 'search'
+    | 'tags'
+    | 'selected'
+    | 'offers'
+    | 'landing-page'
+    | 'sales'
+    | 'wishlist'
+    | 'top-rated'
+    | 'reorder'
+    | 'recently';
         /**
           * The source value, cloud be different values as following: - array of ids when `source` in ['categories', 'brands', 'tags', 'selected'] - keyword when `source` = 'search' - products payload when `source` = 'json' - product_id when `source` = 'related'
           * @type {string}
@@ -3012,7 +3052,21 @@ export namespace Components {
     }
     interface SallaSocialShare {
         /**
-          * Activate or open the share menu.
+          * Close the share menu.
+         */
+        "close": () => Promise<void>;
+        /**
+          * Optional title for the modal variant header. Defaults to a localized "Share".
+          * @default ''
+         */
+        "modalTitle": string;
+        /**
+          * Share UI variant: `default` dropdown menu or centered `modal` dialog.
+          * @default 'default'
+         */
+        "mode": 'modal' | 'default';
+        /**
+          * Open the share menu.
          */
         "open": () => Promise<void>;
         /**
@@ -3020,23 +3074,15 @@ export namespace Components {
           * @default 'facebook,twitter,whatsapp,email,copy_link'
          */
         "platforms": string;
-        /**
-          * Asynchronously initializes the "AddToAny" (a2a) social sharing tool on the current page. If the global object `window.a2a` is available, it initializes the tool with the 'page' mode. The 'page' mode is typically used to enable sharing of the current webpage.
-          * @remarks This function is designed to be used in scenarios where dynamic loading or refreshing of social sharing tools is needed. Ensure that the AddToAny script is properly included in the HTML document before calling this function.
-          * @example // Call the refresh function to initialize AddToAny on the page. await refresh();
-          * @throws {Error} Throws an error if the AddToAny script is not properly included or if there are issues during initialization.
-          * @async 
-          * @returns A promise that resolves once the initialization is complete.
-         */
         "refresh": () => Promise<void>;
         /**
           * page url that will be shared custom | current page url
-          * @default ""
+          * @default ''
          */
         "url": string;
         /**
           * page url name that will be shared custom | current page url
-          * @default ""
+          * @default ''
          */
         "urlName": string;
     }
@@ -3232,6 +3278,34 @@ export namespace Components {
     }
     interface SallaWallet {
     }
+    /**
+     * Actions header (panel) rendered on top of the wishlist `salla-products-list`.
+     * It exposes a "Share" dropdown with two options:
+     *  - Share all items: shares the whole wishlist right away via `salla-social-share`.
+     *  - Share specific items: enables multi-selection on the sibling
+     *    `salla-products-list` and shows a panel to share the selected products.
+     * Selection is enabled on the products list at runtime, so no theme markup
+     * changes are required and it works for every theme exposing the
+     * `customer:wishlist.items.start` hook.
+     */
+    interface SallaWishlistActions {
+        /**
+          * Exit "share specific items" mode: disable selection and clear it.
+         */
+        "cancelSpecific": () => Promise<void>;
+        /**
+          * Share all wishlist products.
+         */
+        "shareAll": () => Promise<void>;
+        /**
+          * Share the currently selected wishlist products.
+         */
+        "shareSelected": () => Promise<void>;
+        /**
+          * Enter "share specific items" mode: enable selection on the products list.
+         */
+        "shareSpecific": () => Promise<void>;
+    }
 }
 export interface SallaAccordionHeadCustomEvent<T> extends CustomEvent<T> {
     detail: T;
@@ -4297,6 +4371,7 @@ declare global {
     };
     interface HTMLSallaProductsListElementEventMap {
         "productsFetched": any;
+        "selectionChanged": any;
     }
     interface HTMLSallaProductsListElement extends Components.SallaProductsList, HTMLStencilElement {
         addEventListener<K extends keyof HTMLSallaProductsListElementEventMap>(type: K, listener: (this: HTMLSallaProductsListElement, ev: SallaProductsListCustomEvent<HTMLSallaProductsListElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -4662,6 +4737,22 @@ declare global {
         prototype: HTMLSallaWalletElement;
         new (): HTMLSallaWalletElement;
     };
+    /**
+     * Actions header (panel) rendered on top of the wishlist `salla-products-list`.
+     * It exposes a "Share" dropdown with two options:
+     *  - Share all items: shares the whole wishlist right away via `salla-social-share`.
+     *  - Share specific items: enables multi-selection on the sibling
+     *    `salla-products-list` and shows a panel to share the selected products.
+     * Selection is enabled on the products list at runtime, so no theme markup
+     * changes are required and it works for every theme exposing the
+     * `customer:wishlist.items.start` hook.
+     */
+    interface HTMLSallaWishlistActionsElement extends Components.SallaWishlistActions, HTMLStencilElement {
+    }
+    var HTMLSallaWishlistActionsElement: {
+        prototype: HTMLSallaWishlistActionsElement;
+        new (): HTMLSallaWishlistActionsElement;
+    };
     interface HTMLElementTagNameMap {
         "salla-accordion": HTMLSallaAccordionElement;
         "salla-accordion-body": HTMLSallaAccordionBodyElement;
@@ -4786,6 +4877,7 @@ declare global {
         "salla-user-settings": HTMLSallaUserSettingsElement;
         "salla-verify": HTMLSallaVerifyElement;
         "salla-wallet": HTMLSallaWalletElement;
+        "salla-wishlist-actions": HTMLSallaWishlistActionsElement;
     }
 }
 declare namespace LocalJSX {
@@ -6892,6 +6984,10 @@ declare namespace LocalJSX {
           * Custom event fired when the the products fetched.
          */
         "onProductsFetched"?: (event: SallaProductsListCustomEvent<any>) => void;
+        /**
+          * Custom event fired when the selection changes (only when `selectable` is enabled). Detail: `{ ids: Array<string|number>, products: Product[], count: number }`.
+         */
+        "onSelectionChanged"?: (event: SallaProductsListCustomEvent<any>) => void;
         /**
           * Custom Card Component for the Salla Products List.  This component allows you to customize the appearance of individual product cards within a Salla Products List.
           * @example <salla-products-list product-card-component="my-custom-card-style1" ... <salla-products-list product-card-component="my-custom-card-style2" ...
@@ -6902,15 +6998,39 @@ declare namespace LocalJSX {
           * Row cards
          */
         "rowCards"?: boolean;
+        /**
+          * Enables multi-selection of products. When enabled, a checkbox overlay is rendered on top of each product card and the selected products are exposed via the `selectionChanged` event, the `salla-products-list::selection.changed` global event and the `getSelected()` method.  This is source-agnostic (works for any `source`) and defaults to `false`. On the wishlist page the `salla-wishlist-actions` panel turns it on at runtime (when the customer chooses "share specific items"), so no theme markup changes are required.
+          * @default false
+         */
+        "selectable"?: boolean;
         /**
           * Sorting the list of products
          */
-        "sortBy"?: string | 'ourSuggest' | 'bestSell' | 'topRated' | 'priceFromTopToLow' | 'priceFromLowToTop';
+        "sortBy"?: | string
+    | 'ourSuggest'
+    | 'bestSell'
+    | 'topRated'
+    | 'priceFromTopToLow'
+    | 'priceFromLowToTop';
         /**
           * The source of the products list
           * @type {string}
          */
-        "source"?: 'categories' | 'latest' | 'related' | 'brands' | 'json' | 'search' | 'tags' | 'selected' | 'offers' | 'landing-page' | 'sales' | 'wishlist' | 'top-rated' | 'reorder' | 'recently';
+        "source"?: | 'categories'
+    | 'latest'
+    | 'related'
+    | 'brands'
+    | 'json'
+    | 'search'
+    | 'tags'
+    | 'selected'
+    | 'offers'
+    | 'landing-page'
+    | 'sales'
+    | 'wishlist'
+    | 'top-rated'
+    | 'reorder'
+    | 'recently';
         /**
           * The source value, cloud be different values as following: - array of ids when `source` in ['categories', 'brands', 'tags', 'selected'] - keyword when `source` = 'search' - products payload when `source` = 'json' - product_id when `source` = 'related'
           * @type {string}
@@ -7568,6 +7688,16 @@ declare namespace LocalJSX {
     interface SallaSocial {
     }
     interface SallaSocialShare {
+        /**
+          * Optional title for the modal variant header. Defaults to a localized "Share".
+          * @default ''
+         */
+        "modalTitle"?: string;
+        /**
+          * Share UI variant: `default` dropdown menu or centered `modal` dialog.
+          * @default 'default'
+         */
+        "mode"?: 'modal' | 'default';
         /**
           * selected platforms to share | all platforms
           * @default 'facebook,twitter,whatsapp,email,copy_link'
@@ -7575,12 +7705,12 @@ declare namespace LocalJSX {
         "platforms"?: string;
         /**
           * page url that will be shared custom | current page url
-          * @default ""
+          * @default ''
          */
         "url"?: string;
         /**
           * page url name that will be shared custom | current page url
-          * @default ""
+          * @default ''
          */
         "urlName"?: string;
     }
@@ -7760,6 +7890,18 @@ declare namespace LocalJSX {
     }
     interface SallaWallet {
     }
+    /**
+     * Actions header (panel) rendered on top of the wishlist `salla-products-list`.
+     * It exposes a "Share" dropdown with two options:
+     *  - Share all items: shares the whole wishlist right away via `salla-social-share`.
+     *  - Share specific items: enables multi-selection on the sibling
+     *    `salla-products-list` and shows a panel to share the selected products.
+     * Selection is enabled on the products list at runtime, so no theme markup
+     * changes are required and it works for every theme exposing the
+     * `customer:wishlist.items.start` hook.
+     */
+    interface SallaWishlistActions {
+    }
     interface IntrinsicElements {
         "salla-accordion": SallaAccordion;
         "salla-accordion-body": SallaAccordionBody;
@@ -7884,6 +8026,7 @@ declare namespace LocalJSX {
         "salla-user-settings": SallaUserSettings;
         "salla-verify": SallaVerify;
         "salla-wallet": SallaWallet;
+        "salla-wishlist-actions": SallaWishlistActions;
     }
 }
 export { LocalJSX as JSX };
@@ -8130,6 +8273,17 @@ declare module "@stencil/core" {
             "salla-user-settings": LocalJSX.SallaUserSettings & JSXBase.HTMLAttributes<HTMLSallaUserSettingsElement>;
             "salla-verify": LocalJSX.SallaVerify & JSXBase.HTMLAttributes<HTMLSallaVerifyElement>;
             "salla-wallet": LocalJSX.SallaWallet & JSXBase.HTMLAttributes<HTMLSallaWalletElement>;
+            /**
+             * Actions header (panel) rendered on top of the wishlist `salla-products-list`.
+             * It exposes a "Share" dropdown with two options:
+             *  - Share all items: shares the whole wishlist right away via `salla-social-share`.
+             *  - Share specific items: enables multi-selection on the sibling
+             *    `salla-products-list` and shows a panel to share the selected products.
+             * Selection is enabled on the products list at runtime, so no theme markup
+             * changes are required and it works for every theme exposing the
+             * `customer:wishlist.items.start` hook.
+             */
+            "salla-wishlist-actions": LocalJSX.SallaWishlistActions & JSXBase.HTMLAttributes<HTMLSallaWishlistActionsElement>;
         }
     }
 }

package/package.json

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

package/dist/twilight/p-234fdf72.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-import{r as a,h as s,a as t}from"./p-a4x9urdK.js";import{a as c}from"./p-CgtvEd63.js";import{f as e,t as l}from"./p-CO-PeZ27.js";import{S as i}from"./p-DLNIOD9t.js";import{S as n}from"./p-8Tsmrwno.js";var o;!function(a){a.FACEBOOK="facebook",a.TWITTER="twitter",a.WHATSAPP="whatsapp",a.EMAIL="email",a.COPY_LINK="copy_link"}(o||(o={}));const r=class{constructor(s){a(this,s),this.opened=!1,this.allPlatforms=[o.WHATSAPP,o.FACEBOOK,o.TWITTER,o.EMAIL,o.COPY_LINK],this.platformIcons=[{icon:'\x3c!-- Generated by IcoMoon.io --\x3e\n<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">\n<title>whatsapp</title>\n<path d="M16 32c-0.008 0-0.018 0-0.028 0-3.1 0-5.993-0.887-8.439-2.421l0.066 0.039-7.2 2.3 2.336-6.964c-1.713-2.492-2.736-5.575-2.736-8.897 0-0.020 0-0.040 0-0.060v0.003c0.009-8.833 7.167-15.991 15.999-16h0.001c8.837 0 16 7.163 16 16s-7.163 16-16 16v0zM7.906 27.424l0.4 0.264c2.169 1.449 4.837 2.312 7.707 2.312 7.732 0 14-6.268 14-14s-6.268-14-14-14c-0.004 0-0.009 0-0.013 0h0.001c-7.729 0.008-13.992 6.271-14 13.999v0.001c-0 0.010-0 0.021-0 0.032 0 3.072 1 5.909 2.693 8.206l-0.027-0.038 0.304 0.416-1.4 4.2zM20.716 24.958c-1.684-0.131-3.237-0.574-4.641-1.271l0.073 0.033c-3.098-1.456-5.634-3.668-7.438-6.405l-0.042-0.067c-1.102-1.357-1.819-3.067-1.962-4.938l-0.002-0.030c-0.001-0.036-0.001-0.078-0.001-0.12 0-1.575 0.66-2.995 1.719-4l0.002-0.002c0.547-0.52 1.289-0.839 2.105-0.839 0.033 0 0.066 0.001 0.099 0.002l-0.005-0c0.2 0 0.378 0 0.542 0.018 0.016-0.001 0.035-0.001 0.054-0.001 0.815 0 1.502 0.549 1.711 1.298l0.003 0.012 0.324 0.782c0.376 0.906 0.858 2.068 0.942 2.244 0.144 0.251 0.23 0.552 0.23 0.873 0 0.286-0.068 0.557-0.188 0.797l0.005-0.010c-0.149 0.307-0.332 0.57-0.55 0.802l0.002-0.002c-0.148 0.168-0.248 0.274-0.346 0.378s-0.172 0.18-0.26 0.284c0.575 0.92 1.237 1.713 1.992 2.406l0.008 0.008c0.829 0.758 1.802 1.373 2.872 1.8l0.064 0.022c0.369-0.266 0.672-0.6 0.896-0.985l0.008-0.015 0.174-0.232c0.328-0.484 0.875-0.798 1.495-0.798 0.249 0 0.487 0.051 0.703 0.142l-0.012-0.004c0.492 0.168 2.922 1.372 2.946 1.384l0.228 0.11c0.415 0.149 0.758 0.417 0.996 0.763l0.004 0.007c0.107 0.349 0.169 0.75 0.169 1.166 0 0.591-0.125 1.153-0.349 1.661l0.010-0.026c-0.702 1.368-1.983 2.353-3.511 2.637l-0.031 0.005c-0.309 0.071-0.663 0.112-1.028 0.112-0.004 0-0.007 0-0.011 0h0.001zM10.632 9.318c-0.028-0.002-0.062-0.004-0.095-0.004-0.245 0-0.472 0.076-0.659 0.206l0.004-0.002c-0.726 0.651-1.18 1.591-1.18 2.638 0 0.044 0.001 0.087 0.002 0.13l-0-0.006c0.122 1.404 0.662 2.662 1.495 3.671l-0.009-0.011 0.12 0.168c1.627 2.491 3.865 4.46 6.504 5.723l0.096 0.041c3.136 1.288 3.916 1.124 4.426 1.014 0.87-0.159 1.601-0.656 2.067-1.347l0.007-0.011c0.12-0.316 0.204-0.682 0.237-1.063l0.001-0.015-0.040-0.018-0.256-0.124c-0.8-0.4-2.46-1.2-2.734-1.292l-0.058 0.184c-0.346 0.501-0.684 0.934-1.045 1.347l0.015-0.017c-0.344 0.349-0.821 0.565-1.349 0.565-0.28 0-0.546-0.061-0.785-0.17l0.012 0.005c-1.403-0.547-2.609-1.301-3.646-2.239l0.010 0.009c-0.975-0.891-1.81-1.912-2.486-3.039l-0.034-0.061c-0.152-0.244-0.242-0.54-0.242-0.857 0-0.463 0.191-0.88 0.499-1.178l0-0c0.13-0.162 0.264-0.302 0.4-0.444l0.236-0.256c0.091-0.096 0.177-0.201 0.254-0.311l0.006-0.009c-0.158-0.36-0.622-1.472-0.988-2.352l-0.322-0.772-0.038-0.086c-0.188-0.010-0.302-0.016-0.426-0.016zM12.462 12.442v0.012z"></path>\n</svg>\n',name:o.WHATSAPP},{icon:e,name:o.FACEBOOK},{icon:l,name:o.TWITTER},{icon:i,name:o.EMAIL},{icon:'\x3c!-- Generated by IcoMoon.io --\x3e\n<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">\n<title>link</title>\n<path d="M19.247 23.019l-4.189 4.189c-2.831 2.831-7.435 2.831-10.265 0-1.371-1.372-2.125-3.193-2.125-5.132s0.755-3.761 2.125-5.133l4.189-4.191c0.521-0.521 0.521-1.364 0-1.885s-1.364-0.521-1.885 0l-4.189 4.191c-1.875 1.875-2.907 4.367-2.907 7.019s1.032 5.143 2.907 7.017 4.368 2.907 7.019 2.907 5.143-1.032 7.017-2.908l4.189-4.189c0.521-0.521 0.521-1.364 0-1.885s-1.364-0.52-1.885 0.001zM22.276 9.724c-0.521-0.521-1.364-0.521-1.885 0l-10.667 10.667c-0.521 0.521-0.521 1.364 0 1.885 0.26 0.26 0.601 0.391 0.943 0.391s0.683-0.131 0.943-0.391l10.667-10.667c0.521-0.521 0.521-1.364 0-1.885zM29.093 2.908c-1.875-1.876-4.368-2.908-7.019-2.908s-5.143 1.032-7.017 2.908l-4.189 4.188c-0.521 0.521-0.521 1.364 0 1.885s1.364 0.521 1.885 0l4.189-4.189c2.831-2.831 7.435-2.831 10.265 0 1.371 1.372 2.125 3.193 2.125 5.132s-0.755 3.761-2.125 5.133l-4.189 4.191c-0.521 0.521-0.521 1.364 0 1.885 0.26 0.26 0.601 0.391 0.943 0.391s0.683-0.131 0.943-0.391l4.189-4.191c1.875-1.875 2.907-4.367 2.907-7.019s-1.032-5.143-2.907-7.016z"></path>\n</svg>\n',name:o.COPY_LINK}],this.convertedPlatforms=[],this.url="",this.urlName="",this.platforms="facebook,twitter,whatsapp,email,copy_link"}componentWillLoad(){if(this.host.hasAttribute("aria-label")&&this.host.removeAttribute("aria-label"),document.getElementById("a2a-script"))return;const a=document.createElement("script");a.src="https://static.addtoany.com/menu/page.js",a.setAttribute("id","a2a-script"),a.async=!0,a.onload=function(){window.a2a_config.locale=salla.config.get("user.language_code",salla.lang.getLocale()),window.a2a_config.callbacks=window.a2a_config.callbacks||[],window.a2a_config.callbacks.push({share:a=>{const s={share_via:a.service.toLowerCase(),url:a.url,title:a.title};salla.event.emit("share-element",s)}})},document.body.appendChild(a)}async open(){const a=(new c.timeline).add({targets:this.shareMenu,translateY:[-50,0],opacity:[0,1],duration:300,podding:"0",easing:"easeInOutSine"});a.add({targets:this.shareMenu.children,translateZ:0,translateY:[-30,0],scaleY:[0,1],opacity:[0,1],duration:1400,delay:c.stagger(100)},"-=200"),this.opened=!this.opened,this.opened?this.shareMenu.classList.add("opened"):(a.pause(),a.seek(0),this.shareMenu.classList.remove("opened"))}async refresh(){window.a2a?.init("page")}render(){return s("div",{key:"e45420682a1b9bf686cbb9d3beff5a208505e1c7",class:"s-social-share-wrapper"},s("slot",{key:"265102d26da7ce2d297969e1941b9a5785da3971",name:"widget"},s("salla-button",{key:"9f36a44dc9487f4956c1d8b73f0fcc41cf8a01b8","aria-label":"Share",onClick:()=>this.open(),class:"s-social-share-btn",shape:"icon",fill:"outline",color:"light"},s("span",{key:"b34ed78cd6549bff733de5c542a42ca9aaf805d0",innerHTML:this.opened?n:'\x3c!-- Generated by IcoMoon.io --\x3e\n<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">\n<title>share-alt</title>\n<path d="M26.667 21.333c-1.699 0-3.196 0.812-4.173 2.052l-11.912-5.211c0.044-0.276 0.085-0.553 0.085-0.841 0-0.472-0.081-0.923-0.197-1.359l12.361-6.952c0.971 1.009 2.328 1.644 3.836 1.644 2.941 0 5.333-2.392 5.333-5.333s-2.392-5.333-5.333-5.333-5.333 2.392-5.333 5.333c0 0.472 0.081 0.923 0.197 1.359l-12.361 6.952c-0.971-1.009-2.328-1.644-3.836-1.644-2.941 0-5.333 2.392-5.333 5.333s2.392 5.333 5.333 5.333c1.699 0 3.196-0.812 4.173-2.052l11.912 5.211c-0.044 0.276-0.085 0.553-0.085 0.841 0 2.941 2.392 5.333 5.333 5.333s5.333-2.392 5.333-5.333-2.392-5.333-5.333-5.333zM26.667 2.667c1.471 0 2.667 1.196 2.667 2.667s-1.196 2.667-2.667 2.667-2.667-1.196-2.667-2.667 1.196-2.667 2.667-2.667zM5.333 20c-1.471 0-2.667-1.196-2.667-2.667s1.196-2.667 2.667-2.667 2.667 1.196 2.667 2.667-1.196 2.667-2.667 2.667zM26.667 29.333c-1.471 0-2.667-1.196-2.667-2.667s1.196-2.667 2.667-2.667 2.667 1.196 2.667 2.667-1.196 2.667-2.667 2.667z"></path>\n</svg>\n'}))),s("ul",{key:"f8eb408030d409880391b7d13b5a701226b0d42a",ref:a=>this.shareMenu=a,class:"s-social-share-list a2a_kit share","data-a2a-url":this.url?this.url:window.location.href,"data-a2a-title":this.urlName?this.urlName:document.title},this.platforms.split(",").map((a=>s("li",null,s("a",{class:`a2a_button_${a}`,"aria-label":`Share Via ${a}`},this.platformIcons.map((t=>{if(t.name===a)return s("span",{class:"s-social-share-icon",innerHTML:t.icon})}))))))))}get host(){return t(this)}};r.style="";export{r as salla_social_share}