@salla.sa/twilight-components 2.14.360 → 2.14.361

package/dist/components/salla-cookies-bar.d.ts

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

package/dist/components/salla-cookies-bar.js

@@ -0,0 +1,102 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { d as defineCustomElement$2 } from './salla-button2.js';
+
+const sallaCookiesBarCss = ":host{display:block;overflow:visible}.s-cookies-bar{box-shadow:0 0 20px 4px rgba(0, 0, 0, 0.15)}";
+
+const SallaCookiesBar$1 = /*@__PURE__*/ proxyCustomElement(class SallaCookiesBar extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        /**
+         * Whether the cookies bar is visible.
+         */
+        this.isVisible = true;
+        /**
+         * Whether the viewport is mobile width (updates on resize).
+         */
+        this.isMobile = false;
+        this.mobileBreakpoint = 768;
+        this.mobileQueryHandler = (e) => (this.isMobile = e.matches);
+        /**
+         * The message displayed in the cookies bar.
+         */
+        this.message = 'We use cookies to improve your experience on our site. By continuing to browse, you agree to our use of cookies.';
+    }
+    componentWillLoad() {
+        if (Salla.storage.get('cookies-consent')) {
+            this.isVisible = false;
+        }
+    }
+    componentDidLoad() {
+        this.mobileQuery = window.matchMedia(`(max-width: ${this.mobileBreakpoint - 1}px)`);
+        this.isMobile = this.mobileQuery.matches;
+        this.mobileQuery.addEventListener('change', this.mobileQueryHandler);
+    }
+    disconnectedCallback() {
+        this.mobileQuery?.removeEventListener('change', this.mobileQueryHandler);
+    }
+    /**
+     * Accept cookies consent.
+     */
+    async accept() {
+        Salla.storage.set('cookies-consent', 'accepted');
+        this.isVisible = false;
+        Salla.event.emit('salla-cookies-bar::accepted');
+        return this.host;
+    }
+    /**
+     * Reject cookies consent.
+     */
+    async reject() {
+        Salla.storage.set('cookies-consent', 'rejected');
+        this.isVisible = false;
+        Salla.event.emit('salla-cookies-bar::rejected');
+        return this.host;
+    }
+    isRtl() {
+        return salla.config.get('theme.is_rtl', true);
+    }
+    render() {
+        if (!this.isVisible) {
+            return h(Host, null);
+        }
+        return (h(Host, null, h("div", { dir: this.isRtl() ? 'rtl' : 'ltr', class: "s-cookies-bar fixed bottom-0 inset-x-0 z-50 bg-white p-4" }, h("div", { class: "s-cookies-bar-content flex flex-col justify-center gap-6 max-w-screen-xl mx-auto px-4" }, h("p", { class: "s-cookies-bar-message text-sm font-medium leading-relaxed text-gray-500 m-0" }, this.message || Salla.lang.get('blocks.footer.cookies_message')), h("div", { class: "s-cookies-bar-actions flex flex-row gap-2 shrink-0" }, h("salla-button", { class: "s-cookies-bar-btn--accept", color: "primary", fill: "solid", type: "button", size: this.isMobile ? 'small' : 'medium', onClick: () => this.accept() }, this.acceptLabel || Salla.lang.get('blocks.footer.cookies_accept')), h("salla-button", { class: "s-cookies-bar-btn--reject", fill: "outline", type: "button", size: this.isMobile ? 'small' : 'medium', onClick: () => this.reject() }, this.rejectLabel || Salla.lang.get('blocks.footer.cookies_reject')))))));
+    }
+    get host() { return this; }
+    static get style() { return sallaCookiesBarCss; }
+}, [0, "salla-cookies-bar", {
+        "message": [1],
+        "acceptLabel": [1, "accept-label"],
+        "rejectLabel": [1, "reject-label"],
+        "isVisible": [32],
+        "isMobile": [32],
+        "accept": [64],
+        "reject": [64]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["salla-cookies-bar", "salla-button"];
+    components.forEach(tagName => { switch (tagName) {
+        case "salla-cookies-bar":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SallaCookiesBar$1);
+            }
+            break;
+        case "salla-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const SallaCookiesBar = SallaCookiesBar$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SallaCookiesBar, defineCustomElement };

package/dist/esm/{filepond-BwmKAsaM.js → filepond-CYW89yXc.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-DBXeIJIL.js';
+import { d as getDefaultExportFromCjs } from './index-Bm_JjmLY.js';
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/esm/{filepond-plugin-file-poster-D3K_NYAK.js → filepond-plugin-file-poster-DcZl9j1q.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-DBXeIJIL.js';
+import { d as getDefaultExportFromCjs } from './index-Bm_JjmLY.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/esm/{filepond-plugin-file-validate-size-BHku0bcb.js → filepond-plugin-file-validate-size-C192qRuF.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-DBXeIJIL.js';
+import { d as getDefaultExportFromCjs } from './index-Bm_JjmLY.js';
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/esm/{filepond-plugin-file-validate-type-hd0JIVJJ.js → filepond-plugin-file-validate-type-ag9RiKtc.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-DBXeIJIL.js';
+import { d as getDefaultExportFromCjs } from './index-Bm_JjmLY.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/esm/{filepond-plugin-image-edit-CHiH1S6z.js → filepond-plugin-image-edit-C4VUQy7T.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-DBXeIJIL.js';
+import { d as getDefaultExportFromCjs } from './index-Bm_JjmLY.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/esm/{filepond-plugin-image-exif-orientation-CAwtIStk.js → filepond-plugin-image-exif-orientation-CEAYAdoN.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-DBXeIJIL.js';
+import { d as getDefaultExportFromCjs } from './index-Bm_JjmLY.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/esm/{filepond-plugin-image-preview-D-h00XLk.js → filepond-plugin-image-preview-DEZzgflX.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-DBXeIJIL.js';
+import { d as getDefaultExportFromCjs } from './index-Bm_JjmLY.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {