@salla.sa/twilight-components 2.14.251 → 2.14.253

package/dist/components/salla-accordion-body.js

@@ -1,33 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-
-const sallaAccordionBodyCss = "";
-
-const SallaAccordionBody$1 = /*@__PURE__*/ proxyCustomElement(class SallaAccordionBody extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-    }
-    render() {
-        return (h(Host, { key: '298d42a5bf1bcefdb181ec35060220cf749b56ed', class: "s-accordion-body-wrapper" }, h("slot", { key: '6ab081e8b71b5dc69fb66fbdec82b4725ab53b0d' })));
-    }
-    static get style() { return sallaAccordionBodyCss; }
-}, [4, "salla-accordion-body"]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["salla-accordion-body"];
-    components.forEach(tagName => { switch (tagName) {
-        case "salla-accordion-body":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SallaAccordionBody$1);
-            }
-            break;
-    } });
-}
+import { S as SallaAccordionBody$1, d as defineCustomElement$1 } from './salla-accordion-body2.js';
 
 const SallaAccordionBody = SallaAccordionBody$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/salla-accordion-body.js.map

@@ -1 +1 @@
-{"file":"salla-accordion-body.js","mappings":";;;;;AAAA,MAAM,qBAAqB,GAAG,EAAE;;MCWnBA,oBAAkB,iBAAAC,kBAAA,CAAA,MAAA,kBAAA,SAAA,WAAA,CAAA;;;;;IAC7B,MAAM,GAAA;QACJ,QACE,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,0BAA0B,EAAA,EACpC,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;;;;;;;;;;;;;;;;;","names":["SallaAccordionBody","__stencil_proxyCustomElement"],"sources":["src/components/salla-accordion/salla-accordion-body.scss?tag=salla-accordion-body","src/components/salla-accordion/salla-accordion-body.tsx"],"sourcesContent":["\n","import { Component, Host, h } from '@stencil/core';\n\n/**\n * @salla/ui-components\n * The `salla-accordion-body` component represents the body/content of an accordion.\n */\n@Component({\n  tag: 'salla-accordion-body',\n  styleUrl: 'salla-accordion-body.scss',\n  shadow: false\n})\nexport class SallaAccordionBody {\n  render() {\n    return (\n      <Host class=\"s-accordion-body-wrapper\">\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"salla-accordion-body.js","mappings":";;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/salla-accordion-body2.js

@@ -0,0 +1,35 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+
+const sallaAccordionBodyCss = "";
+
+const SallaAccordionBody = /*@__PURE__*/ proxyCustomElement(class SallaAccordionBody extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    render() {
+        return (h(Host, { key: '298d42a5bf1bcefdb181ec35060220cf749b56ed', class: "s-accordion-body-wrapper" }, h("slot", { key: '6ab081e8b71b5dc69fb66fbdec82b4725ab53b0d' })));
+    }
+    static get style() { return sallaAccordionBodyCss; }
+}, [4, "salla-accordion-body"]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["salla-accordion-body"];
+    components.forEach(tagName => { switch (tagName) {
+        case "salla-accordion-body":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SallaAccordionBody);
+            }
+            break;
+    } });
+}
+
+export { SallaAccordionBody as S, defineCustomElement as d };
+//# sourceMappingURL=salla-accordion-body2.js.map
+
+//# sourceMappingURL=salla-accordion-body2.js.map

package/dist/components/salla-accordion-body2.js.map

@@ -0,0 +1 @@
+{"file":"salla-accordion-body2.js","mappings":";;;;;AAAA,MAAM,qBAAqB,GAAG,EAAE;;MCWnB,kBAAkB,iBAAAA,kBAAA,CAAA,MAAA,kBAAA,SAAA,WAAA,CAAA;;;;;IAC7B,MAAM,GAAA;QACJ,QACE,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,0BAA0B,EAAA,EACpC,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement"],"sources":["src/components/salla-accordion/salla-accordion-body.scss?tag=salla-accordion-body","src/components/salla-accordion/salla-accordion-body.tsx"],"sourcesContent":["\n","import { Component, Host, h } from '@stencil/core';\n\n/**\n * @salla/ui-components\n * The `salla-accordion-body` component represents the body/content of an accordion.\n */\n@Component({\n  tag: 'salla-accordion-body',\n  styleUrl: 'salla-accordion-body.scss',\n  shadow: false\n})\nexport class SallaAccordionBody {\n  render() {\n    return (\n      <Host class=\"s-accordion-body-wrapper\">\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/salla-accordion-head.js

@@ -1,65 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { A as Add, M as Minus } from './minus.js';
-
-const sallaAccordionHeadCss = "";
-
-const SallaAccordionHead$1 = /*@__PURE__*/ proxyCustomElement(class SallaAccordionHead extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.accordionToggle = createEvent(this, "accordionToggle", 7);
-        /** Should the accordion be collapsible or not. */
-        this.collapsible = false;
-        /** Current collapsed state */
-        this.collapsed = true;
-    }
-    emitCollapsePanel() {
-        this.accordionToggle.emit({
-            payload: {
-                collapsed: this.collapsed,
-            },
-        });
-    }
-    toggleCollapse() {
-        var _a, _b, _c;
-        if (!this.collapsible)
-            return;
-        this.collapsed = !this.collapsed;
-        (_a = this.host.parentElement) === null || _a === void 0 ? void 0 : _a.setAttribute('data-collapsed', this.collapsed.toString());
-        (_c = (_b = this.host.parentElement) === null || _b === void 0 ? void 0 : _b.querySelector('salla-accordion-body')) === null || _c === void 0 ? void 0 : _c.setAttribute('data-collapsed', this.collapsed.toString());
-        this.emitCollapsePanel();
-    }
-    render() {
-        return (h(Host, { key: '9bb7ad4ad615f5316968b48839b2433619bd3850', "data-collapsed": this.collapsed.toString(), onClick: () => this.toggleCollapse(), class: "s-accordion-head-wrapper" }, h("div", { key: '6826492e1c552440d6407435dfe4e0ca3915cdf4', class: "s-accordion-head-wrapper-start" }, h("slot", { key: '2c19c500b57444ac8f69c2f64616904a819f54da', name: "title" }), h("slot", { key: 'a6ed0daccd969ec94128f5f749ccddfa9f62e5d3', name: "subtitle" })), h("div", { key: 'ddeff9dcacc42028d272298371c721ce00039176', class: "s-accordion-head-wrapper-end" }, h("slot", { key: 'daa4d8c9db6484f3fc67cf855250c5bc3cc59314', name: "notification" }), this.collapsible && (h("button", { key: '2bcc66dc07c3ae1ea9a31fbd0c7b8204f1eca2be', class: {
-                's-accordion-head-wrapper-toggle': true,
-                active: !this.collapsed,
-            }, onClick: e => {
-                e.stopPropagation();
-                this.toggleCollapse();
-            } }, h("span", { key: '2853844a2fbc662c002f7e2cacb299874c9debb3', class: "s-accordion-head-wrapper-toggle-icon", innerHTML: this.collapsed ? Add : Minus }))))));
-    }
-    get host() { return this; }
-    static get style() { return sallaAccordionHeadCss; }
-}, [4, "salla-accordion-head", {
-        "collapsible": [4],
-        "collapsed": [1540]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["salla-accordion-head"];
-    components.forEach(tagName => { switch (tagName) {
-        case "salla-accordion-head":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SallaAccordionHead$1);
-            }
-            break;
-    } });
-}
+import { S as SallaAccordionHead$1, d as defineCustomElement$1 } from './salla-accordion-head2.js';
 
 const SallaAccordionHead = SallaAccordionHead$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/salla-accordion-head.js.map

@@ -1 +1 @@
-{"file":"salla-accordion-head.js","mappings":";;;;;;AAAA,MAAM,qBAAqB,GAAG,EAAE;;MCanBA,oBAAkB,iBAAAC,kBAAA,CAAA,MAAA,kBAAA,SAAA,WAAA,CAAA;AAL/B,IAAA,WAAA,GAAA;;;;;AASU,QAAA,IAAW,CAAA,WAAA,GAAY,KAAK;;AAGI,QAAA,IAAS,CAAA,SAAA,GAAY,IAAI;AA+DlE;IAlDS,iBAAiB,GAAA;AACvB,QAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC;AACxB,YAAA,OAAO,EAAE;gBACP,SAAS,EAAE,IAAI,CAAC,SAAS;AAC1B,aAAA;AACF,SAAA,CAAC;;IAGI,cAAc,GAAA;;QACpB,IAAI,CAAC,IAAI,CAAC,WAAW;YAAE;AACvB,QAAA,IAAI,CAAC,SAAS,GAAG,CAAC,IAAI,CAAC,SAAS;AAChC,QAAA,CAAA,EAAA,GAAA,IAAI,CAAC,IAAI,CAAC,aAAa,0CAAE,YAAY,CAAC,gBAAgB,EAAE,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC;AAClF,QAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAI,CAAC,IAAI,CAAC,aAAa,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CACnB,aAAa,CAAC,sBAAsB,CAAC,0CACrC,YAAY,CAAC,gBAAgB,EAAE,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC;QAC7D,IAAI,CAAC,iBAAiB,EAAE;;IAG1B,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,gBAAA,EACa,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,EACzC,OAAO,EAAE,MAAM,IAAI,CAAC,cAAc,EAAE,EACpC,KAAK,EAAC,0BAA0B,EAAA,EAEhC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gCAAgC,EAAA,EACzC,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,OAAO,EAAQ,CAAA,EAC1B,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,UAAU,EAAA,CAAQ,CACzB,EAEN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,8BAA8B,EAAA,EACvC,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,cAAc,EAAQ,CAAA,EAChC,IAAI,CAAC,WAAW,KACf,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE;AACL,gBAAA,iCAAiC,EAAE,IAAI;AACvC,gBAAA,MAAM,EAAE,CAAC,IAAI,CAAC,SAAS;AACxB,aAAA,EACD,OAAO,EAAE,CAAC,IAAG;gBACX,CAAC,CAAC,eAAe,EAAE;gBACnB,IAAI,CAAC,cAAc,EAAE;AACvB,aAAC,EAAA,EAEA,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sCAAsC,EAAC,SAAS,EAAE,IAAI,CAAC,SAAS,GAAGC,GAAQ,GAAGC,KAAS,EAAS,CAAA,CACtG,CACV,CACG,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["SallaAccordionHead","__stencil_proxyCustomElement","plusIcon","minusIcon"],"sources":["src/components/salla-accordion/salla-accordion-head.scss?tag=salla-accordion-head","src/components/salla-accordion/salla-accordion-head.tsx"],"sourcesContent":["\n","import { Component, Element, Event, EventEmitter, Host, h, Prop } from '@stencil/core';\nimport plusIcon from '../../assets/svg/add.svg';\nimport minusIcon from '../../assets/svg/minus.svg';\n\n/**\n * @salla/ui-components\n * The `salla-accordion-head` component represents the header of an accordion.\n */\n@Component({\n  tag: 'salla-accordion-head',\n  styleUrl: 'salla-accordion-head.scss',\n  shadow: false,\n})\nexport class SallaAccordionHead {\n  @Element() host: HTMLElement;\n\n  /** Should the accordion be collapsible or not. */\n  @Prop() collapsible: boolean = false;\n\n  /** Current collapsed state */\n  @Prop({ mutable: true, reflect: true }) collapsed: boolean = true;\n\n  /**\n   * Emitted when the accordion head is clicked and the collapsed state changes.\n   * Only emitted when the component is collapsible.\n   *\n   * @event accordionToggle\n   * @type {Object}\n   * @property {Object} detail.payload - The event payload\n   * @property {boolean} detail.payload.collapsed - The new collapsed state\n   */\n  @Event() accordionToggle: EventEmitter<Object>;\n\n  private emitCollapsePanel(): void {\n    this.accordionToggle.emit({\n      payload: {\n        collapsed: this.collapsed,\n      },\n    });\n  }\n\n  private toggleCollapse() {\n    if (!this.collapsible) return;\n    this.collapsed = !this.collapsed;\n    this.host.parentElement?.setAttribute('data-collapsed', this.collapsed.toString());\n    this.host.parentElement\n      ?.querySelector('salla-accordion-body')\n      ?.setAttribute('data-collapsed', this.collapsed.toString());\n    this.emitCollapsePanel();\n  }\n\n  render() {\n    return (\n      <Host\n        data-collapsed={this.collapsed.toString()}\n        onClick={() => this.toggleCollapse()}\n        class=\"s-accordion-head-wrapper\"\n      >\n        <div class=\"s-accordion-head-wrapper-start\">\n          <slot name=\"title\"></slot>\n          <slot name=\"subtitle\"></slot>\n        </div>\n\n        <div class=\"s-accordion-head-wrapper-end\">\n          <slot name=\"notification\"></slot>\n          {this.collapsible && (\n            <button\n              class={{\n                's-accordion-head-wrapper-toggle': true,\n                active: !this.collapsed,\n              }}\n              onClick={e => {\n                e.stopPropagation();\n                this.toggleCollapse();\n              }}\n            >\n              {<span class=\"s-accordion-head-wrapper-toggle-icon\" innerHTML={this.collapsed ? plusIcon : minusIcon}></span>}\n            </button>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"salla-accordion-head.js","mappings":";;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/salla-accordion-head2.js

@@ -0,0 +1,67 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { A as Add, M as Minus } from './minus.js';
+
+const sallaAccordionHeadCss = "";
+
+const SallaAccordionHead = /*@__PURE__*/ proxyCustomElement(class SallaAccordionHead extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.accordionToggle = createEvent(this, "accordionToggle", 7);
+        /** Should the accordion be collapsible or not. */
+        this.collapsible = false;
+        /** Current collapsed state */
+        this.collapsed = true;
+    }
+    emitCollapsePanel() {
+        this.accordionToggle.emit({
+            payload: {
+                collapsed: this.collapsed,
+            },
+        });
+    }
+    toggleCollapse() {
+        var _a, _b, _c;
+        if (!this.collapsible)
+            return;
+        this.collapsed = !this.collapsed;
+        (_a = this.host.parentElement) === null || _a === void 0 ? void 0 : _a.setAttribute('data-collapsed', this.collapsed.toString());
+        (_c = (_b = this.host.parentElement) === null || _b === void 0 ? void 0 : _b.querySelector('salla-accordion-body')) === null || _c === void 0 ? void 0 : _c.setAttribute('data-collapsed', this.collapsed.toString());
+        this.emitCollapsePanel();
+    }
+    render() {
+        return (h(Host, { key: '9bb7ad4ad615f5316968b48839b2433619bd3850', "data-collapsed": this.collapsed.toString(), onClick: () => this.toggleCollapse(), class: "s-accordion-head-wrapper" }, h("div", { key: '6826492e1c552440d6407435dfe4e0ca3915cdf4', class: "s-accordion-head-wrapper-start" }, h("slot", { key: '2c19c500b57444ac8f69c2f64616904a819f54da', name: "title" }), h("slot", { key: 'a6ed0daccd969ec94128f5f749ccddfa9f62e5d3', name: "subtitle" }), h("slot", { key: 'adc2122dce76eee34653bc3f47324188c89d80f1', name: "html" })), (this.collapsible || this.host.querySelector('[slot="note"]')) && (h("div", { key: 'f61363b6836fb857a0e832de99175936ec4bce29', class: "s-accordion-head-wrapper-end" }, h("slot", { key: '15ee81e943714b30bfbaf718364f5d34b14617eb', name: "note" }), this.collapsible && (h("button", { key: 'c5f8d32af544ddfba7b2fc2f273ae5b2e8cb7ae5', class: {
+                's-accordion-head-wrapper-toggle': true,
+                active: !this.collapsed,
+            }, onClick: e => {
+                e.stopPropagation();
+                this.toggleCollapse();
+            } }, h("span", { key: '4c4e3fa6ddeda1a59f65ba47665a9203356037a6', class: "s-accordion-head-wrapper-toggle-icon", innerHTML: this.collapsed ? Add : Minus })))))));
+    }
+    get host() { return this; }
+    static get style() { return sallaAccordionHeadCss; }
+}, [4, "salla-accordion-head", {
+        "collapsible": [4],
+        "collapsed": [1540]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["salla-accordion-head"];
+    components.forEach(tagName => { switch (tagName) {
+        case "salla-accordion-head":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SallaAccordionHead);
+            }
+            break;
+    } });
+}
+
+export { SallaAccordionHead as S, defineCustomElement as d };
+//# sourceMappingURL=salla-accordion-head2.js.map
+
+//# sourceMappingURL=salla-accordion-head2.js.map

package/dist/components/salla-accordion-head2.js.map

@@ -0,0 +1 @@
+{"file":"salla-accordion-head2.js","mappings":";;;;;;AAAA,MAAM,qBAAqB,GAAG,EAAE;;MCanB,kBAAkB,iBAAAA,kBAAA,CAAA,MAAA,kBAAA,SAAA,WAAA,CAAA;AAL/B,IAAA,WAAA,GAAA;;;;;AASU,QAAA,IAAW,CAAA,WAAA,GAAY,KAAK;;AAGI,QAAA,IAAS,CAAA,SAAA,GAAY,IAAI;AAqElE;IAxDS,iBAAiB,GAAA;AACvB,QAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC;AACxB,YAAA,OAAO,EAAE;gBACP,SAAS,EAAE,IAAI,CAAC,SAAS;AAC1B,aAAA;AACF,SAAA,CAAC;;IAGI,cAAc,GAAA;;QACpB,IAAI,CAAC,IAAI,CAAC,WAAW;YAAE;AACvB,QAAA,IAAI,CAAC,SAAS,GAAG,CAAC,IAAI,CAAC,SAAS;AAChC,QAAA,CAAA,EAAA,GAAA,IAAI,CAAC,IAAI,CAAC,aAAa,0CAAE,YAAY,CAAC,gBAAgB,EAAE,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC;AAClF,QAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAI,CAAC,IAAI,CAAC,aAAa,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CACnB,aAAa,CAAC,sBAAsB,CAAC,0CACrC,YAAY,CAAC,gBAAgB,EAAE,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC;QAC7D,IAAI,CAAC,iBAAiB,EAAE;;IAG1B,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,gBAAA,EACa,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,EACzC,OAAO,EAAE,MAAM,IAAI,CAAC,cAAc,EAAE,EACpC,KAAK,EAAC,0BAA0B,EAAA,EAEhC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gCAAgC,EAAA,EACzC,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,OAAO,EAAQ,CAAA,EAC1B,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,UAAU,EAAQ,CAAA,EAC7B,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,MAAM,EAAA,CAAQ,CACrB,EAEL,CAAC,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,eAAe,CAAC,MAC5D,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,8BAA8B,EAAA,EACvC,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,MAAM,EAAQ,CAAA,EACxB,IAAI,CAAC,WAAW,KACf,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE;AACL,gBAAA,iCAAiC,EAAE,IAAI;AACvC,gBAAA,MAAM,EAAE,CAAC,IAAI,CAAC,SAAS;AACxB,aAAA,EACD,OAAO,EAAE,CAAC,IAAG;gBACX,CAAC,CAAC,eAAe,EAAE;gBACnB,IAAI,CAAC,cAAc,EAAE;AACvB,aAAC,EAAA,EAED,CACE,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sCAAsC,EAC5C,SAAS,EAAE,IAAI,CAAC,SAAS,GAAGC,GAAQ,GAAGC,KAAS,EAC1C,CAAA,CACD,CACV,CACG,CACP,CACI;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","plusIcon","minusIcon"],"sources":["src/components/salla-accordion/salla-accordion-head.scss?tag=salla-accordion-head","src/components/salla-accordion/salla-accordion-head.tsx"],"sourcesContent":["\n","import { Component, Element, Event, EventEmitter, Host, h, Prop } from '@stencil/core';\nimport plusIcon from '../../assets/svg/add.svg';\nimport minusIcon from '../../assets/svg/minus.svg';\n\n/**\n * @salla/ui-components\n * The `salla-accordion-head` component represents the header of an accordion.\n */\n@Component({\n  tag: 'salla-accordion-head',\n  styleUrl: 'salla-accordion-head.scss',\n  shadow: false,\n})\nexport class SallaAccordionHead {\n  @Element() host: HTMLElement;\n\n  /** Should the accordion be collapsible or not. */\n  @Prop() collapsible: boolean = false;\n\n  /** Current collapsed state */\n  @Prop({ mutable: true, reflect: true }) collapsed: boolean = true;\n\n  /**\n   * Emitted when the accordion head is clicked and the collapsed state changes.\n   * Only emitted when the component is collapsible.\n   *\n   * @event accordionToggle\n   * @type {Object}\n   * @property {Object} detail.payload - The event payload\n   * @property {boolean} detail.payload.collapsed - The new collapsed state\n   */\n  @Event() accordionToggle: EventEmitter<Object>;\n\n  private emitCollapsePanel(): void {\n    this.accordionToggle.emit({\n      payload: {\n        collapsed: this.collapsed,\n      },\n    });\n  }\n\n  private toggleCollapse() {\n    if (!this.collapsible) return;\n    this.collapsed = !this.collapsed;\n    this.host.parentElement?.setAttribute('data-collapsed', this.collapsed.toString());\n    this.host.parentElement\n      ?.querySelector('salla-accordion-body')\n      ?.setAttribute('data-collapsed', this.collapsed.toString());\n    this.emitCollapsePanel();\n  }\n\n  render() {\n    return (\n      <Host\n        data-collapsed={this.collapsed.toString()}\n        onClick={() => this.toggleCollapse()}\n        class=\"s-accordion-head-wrapper\"\n      >\n        <div class=\"s-accordion-head-wrapper-start\">\n          <slot name=\"title\"></slot>\n          <slot name=\"subtitle\"></slot>\n          <slot name=\"html\"></slot>\n        </div>\n\n        {(this.collapsible || this.host.querySelector('[slot=\"note\"]')) && (\n          <div class=\"s-accordion-head-wrapper-end\">\n            <slot name=\"note\"></slot>\n            {this.collapsible && (\n              <button\n                class={{\n                  's-accordion-head-wrapper-toggle': true,\n                  active: !this.collapsed,\n                }}\n                onClick={e => {\n                  e.stopPropagation();\n                  this.toggleCollapse();\n                }}\n              >\n                <span\n                  class=\"s-accordion-head-wrapper-toggle-icon\"\n                  innerHTML={this.collapsed ? plusIcon : minusIcon}\n                ></span>\n              </button>\n            )}\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/salla-accordion.js

@@ -1,65 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-
-const sallaAccordionCss = "";
-
-const SallaAccordion$1 = /*@__PURE__*/ proxyCustomElement(class SallaAccordion extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        /** Should the accordion be collapsible or not. Default is true. */
-        this.collapsible = true;
-        /** Detect if accordion collapsed or not. */
-        this.collapsed = true;
-        /** Represents the direction of the layout. */
-        this.dir = document.dir || 'rtl';
-    }
-    directionChangedHandler(event) {
-        this.dir = event.detail.dir;
-    }
-    handleCollapse(event) {
-        this.collapsed = event.detail.payload.collapsed;
-    }
-    setcollapsibleProp() {
-        const head = this.host.querySelector('salla-accordion-head');
-        if (this.collapsible && head) {
-            head.setAttribute('collapsible', 'true');
-            head.setAttribute('collapsed', this.collapsed.toString());
-        }
-    }
-    componentDidRender() {
-        this.setcollapsibleProp();
-        const body = this.host.querySelector('salla-accordion-body');
-        if (this.collapsible) {
-            this.host.setAttribute('data-collapsed', this.collapsed.toString());
-            body === null || body === void 0 ? void 0 : body.setAttribute('data-collapsed', this.collapsed.toString());
-        }
-    }
-    render() {
-        return (h(Host, { key: '30e906d87cba59e197e71460bb24e578455f2d28', class: `s-accordion-wrapper ${this.dir}`, "data-collapsed": this.collapsed.toString() }, h("slot", { key: '8c26efc12856022567e5abe587c7537a5776285b' })));
-    }
-    get host() { return this; }
-    static get style() { return sallaAccordionCss; }
-}, [4, "salla-accordion", {
-        "collapsible": [4],
-        "collapsed": [1540],
-        "dir": [32]
-    }, [[4, "salla::language.change", "directionChangedHandler"], [0, "accordionToggle", "handleCollapse"]]]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["salla-accordion"];
-    components.forEach(tagName => { switch (tagName) {
-        case "salla-accordion":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SallaAccordion$1);
-            }
-            break;
-    } });
-}
+import { S as SallaAccordion$1, d as defineCustomElement$1 } from './salla-accordion2.js';
 
 const SallaAccordion = SallaAccordion$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/salla-accordion.js.map

@@ -1 +1 @@
-{"file":"salla-accordion.js","mappings":";;;;;AAAA,MAAM,iBAAiB,GAAG,EAAE;;MCYfA,gBAAc,iBAAAC,kBAAA,CAAA,MAAA,cAAA,SAAA,WAAA,CAAA;AAL3B,IAAA,WAAA,GAAA;;;;AAUU,QAAA,IAAW,CAAA,WAAA,GAAY,IAAI;;AAGK,QAAA,IAAS,CAAA,SAAA,GAAY,IAAI;;QAGxD,IAAA,CAAA,GAAG,GAAW,QAAQ,CAAC,GAAG,IAAI,KAAK;AAqC7C;AAlCC,IAAA,uBAAuB,CAAC,KAAkB,EAAA;QACxC,IAAI,CAAC,GAAG,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG;;AAI7B,IAAA,cAAc,CAAC,KAAkB,EAAA;QAC/B,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,SAAS;;IAGzC,kBAAkB,GAAA;QACxB,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,sBAAsB,CAAC;AAC5D,QAAA,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,EAAE;AAC5B,YAAA,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC;AACxC,YAAA,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC;;;IAI7D,kBAAkB,GAAA;QAChB,IAAI,CAAC,kBAAkB,EAAE;QAEzB,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,sBAAsB,CAAC;AAC5D,QAAA,IAAI,IAAI,CAAC,WAAW,EAAE;AACpB,YAAA,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,gBAAgB,EAAE,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC;AACnE,YAAA,IAAI,aAAJ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAE,YAAY,CAAC,gBAAgB,EAAE,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC;;;IAInE,MAAM,GAAA;AACJ,QAAA,QACE,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,CAAuB,oBAAA,EAAA,IAAI,CAAC,GAAG,CAAA,CAAE,EAAkB,gBAAA,EAAA,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAA,EACvF,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["SallaAccordion","__stencil_proxyCustomElement"],"sources":["src/components/salla-accordion/salla-accordion.scss?tag=salla-accordion","src/components/salla-accordion/salla-accordion.tsx"],"sourcesContent":["\n","import { Component, Host, h, Element, Prop, State, Listen } from '@stencil/core';\n\n/**\n * @salla/ui-components\n * The `salla-accordion` component represents an accordion element.\n * Use this component to encapsulate content within a collapsible section.\n */\n@Component({\n  tag: 'salla-accordion',\n  styleUrl: 'salla-accordion.scss',\n  shadow: false\n})\nexport class SallaAccordion {\n  /** Reference to the host element. */\n  @Element() host: HTMLElement;\n\n  /** Should the accordion be collapsible or not. Default is true. */\n  @Prop() collapsible: boolean = true;\n\n  /** Detect if accordion collapsed or not. */\n  @Prop({ mutable: true, reflect: true }) collapsed: boolean = true;\n\n  /** Represents the direction of the layout. */\n  @State() dir: string = document.dir || 'rtl';\n\n  @Listen('salla::language.change', { target: 'document' })\n  directionChangedHandler(event: CustomEvent) {\n    this.dir = event.detail.dir;\n  }\n\n  @Listen('accordionToggle')\n  handleCollapse(event: CustomEvent) {\n    this.collapsed = event.detail.payload.collapsed;\n  }\n\n  private setcollapsibleProp(): void {\n    const head = this.host.querySelector('salla-accordion-head');\n    if (this.collapsible && head) {\n      head.setAttribute('collapsible', 'true');\n      head.setAttribute('collapsed', this.collapsed.toString());\n    }\n  }\n\n  componentDidRender() {\n    this.setcollapsibleProp();\n\n    const body = this.host.querySelector('salla-accordion-body');\n    if (this.collapsible) {\n      this.host.setAttribute('data-collapsed', this.collapsed.toString());\n      body?.setAttribute('data-collapsed', this.collapsed.toString());\n    }\n  }\n\n  render() {\n    return (\n      <Host class={`s-accordion-wrapper ${this.dir}`} data-collapsed={this.collapsed.toString()}>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"salla-accordion.js","mappings":";;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/salla-accordion2.js

@@ -0,0 +1,71 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+
+const sallaAccordionCss = "";
+
+const SallaAccordion = /*@__PURE__*/ proxyCustomElement(class SallaAccordion extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        /** Should the accordion be collapsible or not. Default is true. */
+        this.collapsible = true;
+        this.bordered = false;
+        this.size = "md";
+        /** Detect if accordion collapsed or not. */
+        this.collapsed = true;
+        /** Represents the direction of the layout. */
+        this.dir = document.dir || 'rtl';
+    }
+    directionChangedHandler(event) {
+        this.dir = event.detail.dir;
+    }
+    handleCollapse(event) {
+        this.collapsed = event.detail.payload.collapsed;
+    }
+    setcollapsibleProp() {
+        const head = this.host.querySelector('salla-accordion-head');
+        if (this.collapsible && head) {
+            head.setAttribute('collapsible', 'true');
+            head.setAttribute('collapsed', this.collapsed.toString());
+        }
+    }
+    componentDidRender() {
+        this.setcollapsibleProp();
+        const body = this.host.querySelector('salla-accordion-body');
+        if (this.collapsible) {
+            this.host.setAttribute('data-collapsed', this.collapsed.toString());
+            body === null || body === void 0 ? void 0 : body.setAttribute('data-collapsed', this.collapsed.toString());
+        }
+    }
+    render() {
+        return (h(Host, { key: 'ed8e4c0f24fa4462654e94fa46706e892c141351', class: `s-accordion-wrapper ${this.dir} ${this.bordered ? 's-accordion-wrapper-bordered' : ''} ${this.size ? `size-${this.size}` : ''}`, "data-collapsed": this.collapsed.toString() }, h("slot", { key: '1dbda01c073f3018a55ebcf5d8613a82a5dc6b27' })));
+    }
+    get host() { return this; }
+    static get style() { return sallaAccordionCss; }
+}, [4, "salla-accordion", {
+        "collapsible": [4],
+        "bordered": [4],
+        "size": [1],
+        "collapsed": [1540],
+        "dir": [32]
+    }, [[4, "salla::language.change", "directionChangedHandler"], [0, "accordionToggle", "handleCollapse"]]]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["salla-accordion"];
+    components.forEach(tagName => { switch (tagName) {
+        case "salla-accordion":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SallaAccordion);
+            }
+            break;
+    } });
+}
+
+export { SallaAccordion as S, defineCustomElement as d };
+//# sourceMappingURL=salla-accordion2.js.map
+
+//# sourceMappingURL=salla-accordion2.js.map

package/dist/components/salla-accordion2.js.map

@@ -0,0 +1 @@
+{"file":"salla-accordion2.js","mappings":";;;;;AAAA,MAAM,iBAAiB,GAAG,EAAE;;MCYf,cAAc,iBAAAA,kBAAA,CAAA,MAAA,cAAA,SAAA,WAAA,CAAA;AAL3B,IAAA,WAAA,GAAA;;;;AAUU,QAAA,IAAW,CAAA,WAAA,GAAY,IAAI;AAE3B,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AAEzB,QAAA,IAAI,CAAA,IAAA,GAAuB,IAAI;;AAGC,QAAA,IAAS,CAAA,SAAA,GAAY,IAAI;;QAGxD,IAAA,CAAA,GAAG,GAAW,QAAQ,CAAC,GAAG,IAAI,KAAK;AAqC7C;AAlCC,IAAA,uBAAuB,CAAC,KAAkB,EAAA;QACxC,IAAI,CAAC,GAAG,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG;;AAI7B,IAAA,cAAc,CAAC,KAAkB,EAAA;QAC/B,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,SAAS;;IAGzC,kBAAkB,GAAA;QACxB,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,sBAAsB,CAAC;AAC5D,QAAA,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,EAAE;AAC5B,YAAA,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC;AACxC,YAAA,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC;;;IAI7D,kBAAkB,GAAA;QAChB,IAAI,CAAC,kBAAkB,EAAE;QAEzB,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,sBAAsB,CAAC;AAC5D,QAAA,IAAI,IAAI,CAAC,WAAW,EAAE;AACpB,YAAA,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,gBAAgB,EAAE,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC;AACnE,YAAA,IAAI,aAAJ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAE,YAAY,CAAC,gBAAgB,EAAE,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC;;;IAInE,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,CAAA,oBAAA,EAAuB,IAAI,CAAC,GAAG,CAAI,CAAA,EAAA,IAAI,CAAC,QAAQ,GAAG,8BAA8B,GAAG,EAAE,CAAA,CAAA,EAAI,IAAI,CAAC,IAAI,GAAG,CAAA,KAAA,EAAQ,IAAI,CAAC,IAAI,CAAA,CAAE,GAAG,EAAE,CAAA,CAAE,EAAA,gBAAA,EAAkB,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAA,EACtL,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement"],"sources":["src/components/salla-accordion/salla-accordion.scss?tag=salla-accordion","src/components/salla-accordion/salla-accordion.tsx"],"sourcesContent":["\n","import { Component, Host, h, Element, Prop, State, Listen } from '@stencil/core';\n\n/**\n * @salla/ui-components\n * The `salla-accordion` component represents an accordion element.\n * Use this component to encapsulate content within a collapsible section.\n */\n@Component({\n  tag: 'salla-accordion',\n  styleUrl: 'salla-accordion.scss',\n  shadow: false\n})\nexport class SallaAccordion {\n  /** Reference to the host element. */\n  @Element() host: HTMLElement;\n\n  /** Should the accordion be collapsible or not. Default is true. */\n  @Prop() collapsible: boolean = true;\n\n  @Prop() bordered: boolean = false;\n\n  @Prop() size: \"sm\" | \"md\" | \"lg\" = \"md\";\n\n  /** Detect if accordion collapsed or not. */\n  @Prop({ mutable: true, reflect: true }) collapsed: boolean = true;\n\n  /** Represents the direction of the layout. */\n  @State() dir: string = document.dir || 'rtl';\n\n  @Listen('salla::language.change', { target: 'document' })\n  directionChangedHandler(event: CustomEvent) {\n    this.dir = event.detail.dir;\n  }\n\n  @Listen('accordionToggle')\n  handleCollapse(event: CustomEvent) {\n    this.collapsed = event.detail.payload.collapsed;\n  }\n\n  private setcollapsibleProp(): void {\n    const head = this.host.querySelector('salla-accordion-head');\n    if (this.collapsible && head) {\n      head.setAttribute('collapsible', 'true');\n      head.setAttribute('collapsed', this.collapsed.toString());\n    }\n  }\n\n  componentDidRender() {\n    this.setcollapsibleProp();\n\n    const body = this.host.querySelector('salla-accordion-body');\n    if (this.collapsible) {\n      this.host.setAttribute('data-collapsed', this.collapsed.toString());\n      body?.setAttribute('data-collapsed', this.collapsed.toString());\n    }\n  }\n\n  render() {\n    return (\n      <Host class={`s-accordion-wrapper ${this.dir} ${this.bordered ? 's-accordion-wrapper-bordered' : ''} ${this.size ? `size-${this.size}` : ''}`} data-collapsed={this.collapsed.toString()}>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/salla-alert.js

@@ -33,7 +33,7 @@ const SallaAlert$1 = /*@__PURE__*/ proxyCustomElement(class SallaAlert extends H
         }
     }
     render() {
-        return (h(Host, { key: '79d53dc22c9b6e4b6d79794dcd526dee427ef065', class: `s-alert-wrapper s-alert-${this.variant}` }, h("span", { key: 'f51416218c47263b93401596de55d4dc97a448a3', class: "s-alert-icon" }, this.renderIcon()), h("span", { key: '947aa6f974d3a1342e39614341a406a7b31614bd', class: "s-alert-text" }, this.message, h("slot", { key: '9d31a2b52ac99a4a8ca75edfd76f8ab46d56995c' }))));
+        return (h(Host, { key: '3b5dd808399eeda5d930454542cd41cca26b0cc3', class: `s-alert-wrapper s-alert-${this.variant}` }, h("span", { key: '4f58234774d1afc790fb83bff983ca9366faa349', class: "s-alert-icon" }, this.renderIcon()), h("span", { key: '10eb3f87e6e77dcc5406a24f866feee1cc1f46ef', class: "s-alert-text" }, this.message, h("slot", { key: '3656e15aeb25fb7285e88f694c090bad3b32dfbd' }))));
     }
     static get style() { return sallaAlertCss; }
 }, [4, "salla-alert", {

package/dist/components/salla-booking-field2.js

@@ -176,7 +176,7 @@ const SallaBookingField = /*@__PURE__*/ proxyCustomElement(class SallaBookingFie
         return (h("span", { class: "s-booking-field-reservations-time" }, h("i", { class: "s-booking-field-reservations-icon", innerHTML: TimeIcon }), h("span", null, reservation.from_timestamp, " - ", reservation.to_timestamp)));
     }
     render() {
-        return (h(Host, { key: '56540a5278d395485a411e712929f32cf76f637e' }, h("div", { key: '63673b28b671596d47f4f014223e9c5012f3b671', class: "s-booking-field-main" }, this.option.required || this.reservations.length > 0 ? h("div", { class: "s-booking-field-price" }, h("span", { innerHTML: salla.money(this.option.price) })) : '', h("salla-button", { key: '6d9ffa722391aa0234454fe9ddc90f3477268489', class: "s-booking-field-book-now", size: "small", loaderPosition: "center", fill: "outline", onClick: event => this.openBookingModal(event, false) }, h("span", { key: 'dcc8a2b68be4596199e7c776f4501764fd25523f', class: "s-booking-field-book-now-content" }, h("span", { key: 'b4b2eaf369a5fa822c84b376808c7ee16d8d2598', innerHTML: BookingTime }), this.reservations.length ? this.editLabel : this.bookNowLabel))), this.reservations.length > 0 && (h("div", { key: '2684b88bdaf47133dbcaaf6c96f1b81d4ee7ca70', class: "s-booking-field-reservations" }, this.reservations.map((reservation, index) => (h("div", { key: index, class: "s-booking-field-reservations-item" }, this.renderReservationDate(reservation), this.renderReservationTime(reservation)))))), h("input", { key: '3d20fcb5fbca8a9e340344d41c316619aec03050', class: "s-hidden", name: this.option.name, required: this.option.required, value: JSON.stringify(this.reservations) === '[]' ? '' : JSON.stringify(this.reservations), ref: reservations => this.reservationsInput = reservations }), this.iframeReady && this.bookingModal()));
+        return (h(Host, { key: '04c9e3dc3dc825bd6905221d858c260f7ca34748' }, h("div", { key: '07ec38cec1bd1798640dd7ea9592bb3b17d945c6', class: "s-booking-field-main" }, this.option.required || this.reservations.length > 0 ? h("div", { class: "s-booking-field-price" }, h("span", { innerHTML: salla.money(this.option.price) })) : '', h("salla-button", { key: '6b71889cfc0429d15c466a6f194df31549f09786', class: "s-booking-field-book-now", size: "small", loaderPosition: "center", fill: "outline", onClick: event => this.openBookingModal(event, false) }, h("span", { key: 'a16f8db6f52c7751ea605efcae04057ca0dc5b61', class: "s-booking-field-book-now-content" }, h("span", { key: '95f6086a599bcc620c87ece6c6ae9620dba15581', innerHTML: BookingTime }), this.reservations.length ? this.editLabel : this.bookNowLabel))), this.reservations.length > 0 && (h("div", { key: 'b3615100bbfff3d98d0ac99145aaf53449790c94', class: "s-booking-field-reservations" }, this.reservations.map((reservation, index) => (h("div", { key: index, class: "s-booking-field-reservations-item" }, this.renderReservationDate(reservation), this.renderReservationTime(reservation)))))), h("input", { key: '126f14f2e520b8696bc7450e209bad30b267878b', class: "s-hidden", name: this.option.name, required: this.option.required, value: JSON.stringify(this.reservations) === '[]' ? '' : JSON.stringify(this.reservations), ref: reservations => this.reservationsInput = reservations }), this.iframeReady && this.bookingModal()));
     }
     get host() { return this; }
     static get style() { return sallaBookingFieldCss; }

package/dist/components/salla-bottom-alert.js

@@ -118,10 +118,10 @@ const SallaBottomAlert$1 = /*@__PURE__*/ proxyCustomElement(class SallaBottomAle
         const hasDeveloper = developer !== undefined;
         const developerName = hasDeveloper && (developer === null || developer === void 0 ? void 0 : developer.name);
         const developerUrl = null; //hasDeveloper && developer.url;
-        return (h(Host, { key: '7cc185809d95fa352cecec613312209aaa2eba9a', class: "s-bottom-alert-wrapper" }, h("div", { key: '6a9b749b38b11bb449aacb948400a9e0d1da26ce', class: "s-bottom-alert-content" }, h("div", { key: '2d4d02e8565201a057d6c1ee9b50779cb867d215', class: "s-bottom-alert-icon" }, this.icon ? h("i", { class: this.icon }) : h("i", { innerHTML: infoIcon })), h("div", { key: 'b595e9f41a44af3469900abb0ed59c14056d7a0d', class: "s-bottom-alert-message" }, this.message ? (this.message) : hasTemplate ? (h("span", null, this.getDefaultMessage(), " ", h("a", { href: "#", class: {
+        return (h(Host, { key: 'd980894737723f3a389a1b4ce0e684accfdd0262', class: "s-bottom-alert-wrapper" }, h("div", { key: '7866b293146601653c0734058c4bd73f91c45944', class: "s-bottom-alert-content" }, h("div", { key: 'dd1c11c4db4868d989510ab6b815688398311892', class: "s-bottom-alert-icon" }, this.icon ? h("i", { class: this.icon }) : h("i", { innerHTML: infoIcon })), h("div", { key: 'cd45028c6fe863fa9370edb5a4fb08b1a83dc437', class: "s-bottom-alert-message" }, this.message ? (this.message) : hasTemplate ? (h("span", null, this.getDefaultMessage(), " ", h("a", { href: "#", class: {
                 "s-bottom-alert-message-highlight": true,
                 "s-bottom-alert-message-link": developerUrl,
-            }, target: "", "aria-label": "Developer" }, developerName ? developerName : this.theDeveloper), " ", h("span", { class: "s-bottom-alert-message-splitter" }, "|"), " ", this.storePrice, ":", " ", h("span", { class: "s-bottom-alert-message-highlight", innerHTML: salla.money(this.template.price) }))) : (this.defaultMessage)), this.type !== 'banner' && (h("div", { key: 'f83680f84bc88eccdf9c9796cc4db2544f69e280', class: "s-bottom-alert-action" }, h("salla-button", { key: 'ba659e82eb3be774aafe54994ad2306220b6c8f6', href: this.actionUrl, size: "medium", onClick: () => this.handleAction(), width: "normal" }, this.actionLabel || this.defaultActionLabel))), this.type === 'popup' && this.popup())));
+            }, target: "", "aria-label": "Developer" }, developerName ? developerName : this.theDeveloper), " ", h("span", { class: "s-bottom-alert-message-splitter" }, "|"), " ", this.storePrice, ":", " ", h("span", { class: "s-bottom-alert-message-highlight", innerHTML: salla.money(this.template.price) }))) : (this.defaultMessage)), this.type !== 'banner' && (h("div", { key: '6690d6627d1d7c9f4173da13d72ed062ad9ef468', class: "s-bottom-alert-action" }, h("salla-button", { key: 'c4978d89a326fe6aacc00c49f50fb202950fda62', href: this.actionUrl, size: "medium", onClick: () => this.handleAction(), width: "normal" }, this.actionLabel || this.defaultActionLabel))), this.type === 'popup' && this.popup())));
     }
     get host() { return this; }
     static get style() { return sallaBottomAlertCss; }

package/dist/components/salla-cart-summary.js

@@ -76,7 +76,7 @@ const SallaCartSummary$1 = /*@__PURE__*/ proxyCustomElement(class SallaCartSumma
         return new Promise(resolve => salla.onReady(resolve));
     }
     render() {
-        return (h(Host, { key: 'c6044cb548fdc34d58af3b60e2b1da2c565c8cb5' }, h("a", { key: 'a060179e25f2ee6cbbd7046fe4e9fda7276e83b8', class: "s-cart-summary-wrapper", href: salla.url.get('cart') }, h("div", { key: '3c65c367c78371386445b830927e1b3d84ae7a4a', id: "s-cart-icon" }, h("slot", { key: 'ceb2451165f1d857e78c56cbd897ab9ee5a75ec8', name: "icon" }, h("i", { key: 'c4ff716877b73c202190e82d570ee39a84953d4b', class: "s-cart-summary-icon", innerHTML: PendingOrdersIcon }))), h("span", { key: '0c1281390487a21cb37787b0e6a6290d7f587a08', class: "s-cart-summary-count" }, salla.helpers.number(this.cartSummaryCount)), h("p", { key: 'eb2f363247eb422000674568b49aad60c8abc682', class: "s-cart-summary-content" }, this.showCartLabel && h("span", { key: 'b86e997e297f9aa08c9160183130bcd41ad2ed59', class: "s-cart-summary-label" }, this.cartLabel), h("b", { key: 'b4d076df5fd9540725a88608a4fe87bc9d88f79b', class: "s-cart-summary-total", innerHTML: salla.money(this.cartSummaryTotal) })))));
+        return (h(Host, { key: 'dcca588e54de47c055eeeb11ff50ea5f24434995' }, h("a", { key: '78cb0c91ec7b5196384b7cf12bb7875147dbc2fe', class: "s-cart-summary-wrapper", href: salla.url.get('cart') }, h("div", { key: '88984979b01ea8ea44b89e3b2b3fcd5218e8113f', id: "s-cart-icon" }, h("slot", { key: '1dd0c68fb3e3a103211dd1982a7028cec4123782', name: "icon" }, h("i", { key: '2b2d9e69d07e63c4b11a13c8e990b9f4b10dddd6', class: "s-cart-summary-icon", innerHTML: PendingOrdersIcon }))), h("span", { key: '5ce30fa6ad338db8023d1c5c1b0208e61ae7510a', class: "s-cart-summary-count" }, salla.helpers.number(this.cartSummaryCount)), h("p", { key: 'c03b5e446f4750184819722d5c8ced3587e5a0d5', class: "s-cart-summary-content" }, this.showCartLabel && h("span", { key: '3de831a7dc08bdb7c18e696fce6bfbb0e470b03a', class: "s-cart-summary-label" }, this.cartLabel), h("b", { key: '4f9d6aa001203125c2e38808ec7d0a9a31cef56a', class: "s-cart-summary-total", innerHTML: salla.money(this.cartSummaryTotal) })))));
     }
     get host() { return this; }
     static get style() { return sallaCartSummaryCss; }

package/dist/components/salla-color-picker2.js

@@ -1170,7 +1170,7 @@ const SallaColorPicker = /*@__PURE__*/ proxyCustomElement(class SallaColorPicker
         });
     }
     render() {
-        return (h(Host, { key: '6ea1ac280e52c23944b3a05d64299fa96949db5a', class: "s-color-picker-main" }, h("slot", { key: 'e1c6637414fa1b4bc3834b8b80bfbee84a1c2adc', name: "widget" }, h("div", { key: '100e3701fb71940b4e1df368235dd414a111941b', class: "s-color-picker-widget" }, h("div", { key: '822e68cded6073656c651780f49504712a20aefb', class: "s-color-picker-widget-canvas", ref: dv => this.canvas = dv }), h("span", { key: '08aaccd5a385f80553a8ffb3b3e9a89f72e403a9', innerHTML: ArrowDown }))), h("input", { key: 'f97ae2f580021e3eda387e2c341a2cf825eef9cb', class: "s-hidden", name: this.name, required: this.required, value: this.color, ref: color => this.colorInput = color })));
+        return (h(Host, { key: '692d43f617dbaa05e170c32c725eb4adcc01ec78', class: "s-color-picker-main" }, h("slot", { key: '33166575c005f01e1557ac665749e206f05cc499', name: "widget" }, h("div", { key: '60bf746f0e2b336da837d62e962fefeaf63a9a2c', class: "s-color-picker-widget" }, h("div", { key: '62c56bc83a9315052ac3c21841f284b416407945', class: "s-color-picker-widget-canvas", ref: dv => this.canvas = dv }), h("span", { key: '3f1869950f457659a3c52d8148fd386ce1171caa', innerHTML: ArrowDown }))), h("input", { key: '7fa3f08df14f03e9a4cf33e41eeb9f34b1a9dbfe', class: "s-hidden", name: this.name, required: this.required, value: this.color, ref: color => this.colorInput = color })));
     }
     componentDidLoad() {
         this.canvas.style.backgroundColor = this.color;

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

@@ -32,7 +32,7 @@ const SallaCommentForm = /*@__PURE__*/ proxyCustomElement(class SallaCommentForm
             .finally(() => this.submitBtn.stop);
     }
     render() {
-        return (h(Host, { key: '8cc5f2f631d3ced06ed36d9afddd4378e3674d54' }, !!this.canComment ? h("form", { ref: frm => this.commentForm = frm }, h("div", { class: "s-comment-form-wrapper" }, this.showAvatar ?
+        return (h(Host, { key: '305789ae94c288c8ca485ab10ae87a71f31d1042' }, !!this.canComment ? h("form", { ref: frm => this.commentForm = frm }, h("div", { class: "s-comment-form-wrapper" }, this.showAvatar ?
             h("img", { class: "s-comment-form-avatar", src: salla.config.get('user.avatar'), alt: "user avatar" }) : '', h("div", { class: "s-comment-form-content" }, h("textarea", { cols: 30, rows: 5, minlength: "4", maxlength: "500", ref: field => this.commentField = field, placeholder: this.placeholder, class: "s-comment-form-input", required: true }), h("br", null), h("div", { class: "s-comment-form-action" }, h("salla-button", { ref: btn => this.submitBtn = btn, "loader-position": 'center', onClick: () => this.submit() }, this.submitText))))) : ''));
     }
     static get style() { return sallaCommentFormCss; }

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

@@ -141,13 +141,13 @@ const SallaCommentItem = /*@__PURE__*/ proxyCustomElement(class SallaCommentItem
     render() {
         var _a, _b, _c, _d, _e, _f;
         let isAdmin = this.comment.type == 'admin';
-        return (h(Host, { key: 'a55ce30d361ab7da641ab6dbbdd64844aa403e1b', class: isAdmin ? 's-comments-item-admin' : 's-comments-item' }, h("div", { key: 'c0b76cf383e5f1cb2d44ed82a9cc59ba88b1ccec', class: { "s-comments-item-wrapper": !isAdmin, "s-comments-item-admin-wrapper": isAdmin }, id: `s-comments-item-${this.comment.id}` }, h("div", { key: '64faf21c900be7257c6b5fcf8988cd146418301e', class: "s-comments-item-inner s-comments-flex-1" }, isAdmin && h("span", { key: '1bff1bd1f96cf937dd556f729a94f7d90338bdde', class: "s-comments-item-reply-icon", innerHTML: Reply }), h("div", { key: '8cc9e128c70fd2fa3c5ef5f32fdef1b48d0ff2bd', class: "s-comments-item-avatar" }, h("img", { key: '5e063702e3f31eca2dfb0983676659715d2e0c00', "data-src": (_a = this.comment) === null || _a === void 0 ? void 0 : _a.avatar, alt: (_b = this.comment) === null || _b === void 0 ? void 0 : _b.name, src: (_c = this.comment) === null || _c === void 0 ? void 0 : _c.avatar, class: "s-comments-item-avatar-img lazy" })), h("div", { key: '5c7fefb2a9fb8f9d25d55cb7ba6d67ddfe241c7c', class: "s-comments-flex-1" }, h("div", { key: '1688efefacc048d77936db0f0712d7df7b9d2d2a', class: "s-comments-item-user-wrapper" }, h("div", { key: '017f0506e5d8b977c8c9175e64ad97c6ecb66712', class: "s-comments-item-user-info" }, h("h3", { key: '79ba3aa90c501e6cb47dd20afe16d3d4a3311fa6', class: "s-comments-item-user-info-name" }, (_d = this.comment) === null || _d === void 0 ? void 0 : _d.name), (this.comment.has_order || !!this.comment.rating) && !this.comment.is_pending && !this.hideBought ?
+        return (h(Host, { key: '98e314383c34c566ab9e05efeebae51e5b694681', class: isAdmin ? 's-comments-item-admin' : 's-comments-item' }, h("div", { key: 'a704f11fd7f4bc227eb2f986360afb3c2875c6ab', class: { "s-comments-item-wrapper": !isAdmin, "s-comments-item-admin-wrapper": isAdmin }, id: `s-comments-item-${this.comment.id}` }, h("div", { key: '8b0c0a9422003621eb5d8d6a54893fc0a18d4cc9', class: "s-comments-item-inner s-comments-flex-1" }, isAdmin && h("span", { key: '7f421290726abe2391da37178e01265badf4fd08', class: "s-comments-item-reply-icon", innerHTML: Reply }), h("div", { key: '61ef5759d54603f1b886de9126ab771437fe2e98', class: "s-comments-item-avatar" }, h("img", { key: '67b668cc17d3d0747cd128efa961540858750fbf', "data-src": (_a = this.comment) === null || _a === void 0 ? void 0 : _a.avatar, alt: (_b = this.comment) === null || _b === void 0 ? void 0 : _b.name, src: (_c = this.comment) === null || _c === void 0 ? void 0 : _c.avatar, class: "s-comments-item-avatar-img lazy" })), h("div", { key: 'fc42c8a69538f09f8f3f9c0e5555d39b9dc4a6ac', class: "s-comments-flex-1" }, h("div", { key: '7b2b3de758fed9ae73e0032b6cf895ce1df99883', class: "s-comments-item-user-wrapper" }, h("div", { key: '1d4187d935e209354587a900f912a4eb19b066df', class: "s-comments-item-user-info" }, h("h3", { key: '2a45f7ad245c41a2fd5a69bd909e093effed8453', class: "s-comments-item-user-info-name" }, (_d = this.comment) === null || _d === void 0 ? void 0 : _d.name), (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", { key: '4111674c6df30b2e01f6fbc56e02788eb138ba46', class: "s-comments-item-timestamp s-ltr" }, " ", this.getDate((_e = this.comment.created_at) === null || _e === void 0 ? void 0 : _e.date), " ", h("span", { key: 'f83666f4aa02463d29dd38dbea7797c04abbfb5b', class: "s-comments-item-time" }, " - ", this.getTime((_f = this.comment.created_at) === null || _f === void 0 ? void 0 : _f.date), " ")), !!this.comment.rating || !!this.comment.stars ?
+            : null), h("p", { key: 'c934abc4f8dd94bc349d85d00a5984aef672d9d9', class: "s-comments-item-timestamp s-ltr" }, " ", this.getDate((_e = this.comment.created_at) === null || _e === void 0 ? void 0 : _e.date), " ", h("span", { key: 'acef6d6af07b12501a61d074ad566692bb02456a', class: "s-comments-item-time" }, " - ", this.getTime((_f = this.comment.created_at) === null || _f === void 0 ? void 0 : _f.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", { key: 'abe3fcebac185b87c5f10f3cca85fd8b779bf16e', class: "s-comments-item-content" }, h("p", { key: '207d0a22aa52331c64bcddfc33c87bca950a877b', innerHTML: this.comment.content }), this.allowAttachImages && h("div", { key: '9cb4e064515f2026c77684e572fff50279cd0118', 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", { key: '9625f6ae059af48cc59e2b94855c94adde638d5e', ref: modal => this.modal = modal, width: "sm" }, h("salla-slider", { key: '21317169801ef3fa95ed56b77fed8189b86eea78', 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", { key: 'e0c94964fdf0c819656d1a16d063d9d1e8f94296', slot: 'items' }, this.comment.images.map((image, index) => (h("img", { key: index, src: image, alt: "" })))), h("div", { key: '216d84091fd39e615b9045ceb640a583fc1a64ad', 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 && 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("div", { key: '9bedec8066878f113623e9ab27c203836eea2db5', class: "s-comments-item-content" }, h("p", { key: '0f8b1bf62ac5afc1449b160884945003b70e55f0', innerHTML: this.comment.content }), this.allowAttachImages && h("div", { key: 'df920f8e2758aedc313b4502f554157fb216c15d', 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", { key: '0743d9159e0cf4061b1969953f58fdebf49ee9e2', ref: modal => this.modal = modal, width: "sm" }, h("salla-slider", { key: '00a15b0dca213ddf64f3346da6849ce0dde7f638', 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", { key: '21e593664598eab16e56990c43aba10dcc526752', slot: 'items' }, this.comment.images.map((image, index) => (h("img", { key: index, src: image, alt: "" })))), h("div", { key: '8998e861f37fc30c488d60b016c68db0b09483ee', 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 && 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 }));

package/dist/components/salla-conditional-fields2.js

@@ -99,7 +99,7 @@ const SallaConditionalFields = /*@__PURE__*/ proxyCustomElement(class SallaCondi
         });
     }
     render() {
-        return (h(Host, { key: 'aed72d12357c54338c231d5d4c259a510f8b4e95' }, h("slot", { key: '84c5af881a45cee9fa71f5e2e63ee9b92aad76c9' })));
+        return (h(Host, { key: '405156ba83b8731039c2dd0ff800f617150cc722' }, h("slot", { key: '2bff17ce7b49fef9b028d673992d256b00e9481b' })));
     }
     get host() { return this; }
 }, [4, "salla-conditional-fields", undefined, [[0, "change", "changeHandler"]]]);

package/dist/components/salla-count-down2.js

@@ -151,7 +151,7 @@ const SallaCountDown = /*@__PURE__*/ proxyCustomElement(class SallaCountDown ext
         return this.renderCountDown();
     }
     render() {
-        return (h(Host, { key: '557b27983e5dfa3adc4c1f773a8b449ea65c7147', class: `s-count-down-wrapper ${this.preOrder && this.isValidDate(this.date) ? 's-count-down-pre-order' : ''}` }, this.renderContent(), this.offerEnded && this.renderOfferEnded()));
+        return (h(Host, { key: '1e6baaf061a5cee7aeed3af6f4f02a7edf654885', class: `s-count-down-wrapper ${this.preOrder && this.isValidDate(this.date) ? 's-count-down-pre-order' : ''}` }, this.renderContent(), this.offerEnded && this.renderOfferEnded()));
     }
     static get style() { return sallaCountDownCss; }
 }, [0, "salla-count-down", {

package/dist/components/salla-datetime-picker2.js

@@ -2734,7 +2734,7 @@ const SallaDatetimePicker = /*@__PURE__*/ proxyCustomElement(class SallaDatetime
         this.disabled = false;
     }
     render() {
-        return h("div", { key: 'fe6b230ef5203ecbfdea9ded0f82c1203b13c770', class: "s-datetime-picker" }, h("input", { key: '509f694e4a3624561a80446b1360435a5ee4a6e6', type: "datetime", name: this.name, value: this.value, required: this.required, disabled: this.disabled, placeholder: this.placeholder, class: "s-datetime-picker-input", ref: (el) => this.dateInput = el }));
+        return h("div", { key: '4332a123c72d1cf71468339536d9e73f32333791', class: "s-datetime-picker" }, h("input", { key: '99ae8a3a48042f43ea525fae0999d67ad216f9ce', type: "datetime", name: this.name, value: this.value, required: this.required, disabled: this.disabled, placeholder: this.placeholder, class: "s-datetime-picker-input", ref: (el) => this.dateInput = el }));
     }
     componentDidLoad() {
         let options = {

package/dist/components/salla-file-upload2.js

@@ -15510,11 +15510,11 @@ const SallaFileUpload = /*@__PURE__*/ proxyCustomElement(class SallaFileUpload e
         }
     }
     render() {
-        return (h(Host, { key: 'de00b2b7ae741175101e4a038c9acbc748d45a28', class: {
+        return (h(Host, { key: '756dd2b7d86a546e89eb1942fbd4844875e7bcf2', class: {
                 "s-file-upload": true,
                 "s-file-upload-profile-image": this.profileImage,
                 "s-file-upload-multiple": this.allowMultiple,
-            } }, h("input", { key: 'dfd3d32f00208edc1285a5e14a07868ccd119d37', type: "file", name: this.name, value: this.value, ref: ele => this.fileUploader = ele, required: this.required, class: "s-file-upload-wrapper s-file-upload-input", accept: this.accept }), this.allowMultiple && this.showMaxCountHint ? h("div", { class: "s-file-upload-hint s-hidden" }, this.max_count_hint(this.maxFilesCount)) : '', h("input", { key: 'cba06498228a324d337809221e9dcdf273d414cc', class: "s-hidden", name: 'hidden-' + this.name, required: this.required, value: this.value, ref: input => this.hiddenInput = input })));
+            } }, h("input", { key: '27da80307aab3b30b9dfa861e5da73eebaebc251', type: "file", name: this.name, value: this.value, ref: ele => this.fileUploader = ele, required: this.required, class: "s-file-upload-wrapper s-file-upload-input", accept: this.accept }), this.allowMultiple && this.showMaxCountHint ? h("div", { class: "s-file-upload-hint s-hidden" }, this.max_count_hint(this.maxFilesCount)) : '', h("input", { key: 'f963e2398069cbb70688b207d7b58fb61eabbc6a', class: "s-hidden", name: 'hidden-' + this.name, required: this.required, value: this.value, ref: input => this.hiddenInput = input })));
     }
     componentDidLoad() {
         let files = this.getFiles();

package/dist/components/salla-filters-widget2.js

@@ -142,12 +142,12 @@ const SallaFiltersWidget = /*@__PURE__*/ proxyCustomElement(class SallaFiltersWi
         return h("span", { class: "s-filters-option-name" }, label);
     }
     render() {
-        return (h(Host, { key: 'd6f2078b058a8244a95a78e879886f3b04e0e1c0', class: "s-filters-widget-container" }, h("h3", { key: '40ff9f985604de49752b38c0fc66611cd1811857', class: "s-filters-widget-title", onClick: () => this.toggleWidget() }, h("span", { key: '06847af2f3f089afb3223e4ce4c56bfa1cb195d5' }, this.option.label), h("span", { key: '8ecf9c638f7ad163cda5f7235ecac66661cf8e68', class: `s-filters-widget-plusminus ${this.isOpen ? 's-filters-widget-plusminus-active' : ''}` })), h("div", { key: '15c98c71532ec2bf1f43f3e9bcc1d964a0f3d88d', class: "s-filters-widget-content", ref: (el) => this.widgetContent = el }, h("div", { key: 'f1221b0ce096e1fda0044776bfdba952a990230c', class: "s-filters-widget-values", ref: (el) => this.widgetValues = el }, h("slot", { key: '1612242828f38a9c086d2a7887174bcdde05618b' }), this.option.type !== FilterOptionTypes.RANGE
+        return (h(Host, { key: '1987fec03cfe48cddc60af2d81bbc30a476dcb61', class: "s-filters-widget-container" }, h("h3", { key: '4232775c4012d1be8bb3036d9d09e5d29d951ee4', class: "s-filters-widget-title", onClick: () => this.toggleWidget() }, h("span", { key: '61cf9ea5a69f3ab5377502a396cc84478c6152a1' }, this.option.label), h("span", { key: 'b75914eb06f9d419d0a89da2a8f2da2f891f3d27', class: `s-filters-widget-plusminus ${this.isOpen ? 's-filters-widget-plusminus-active' : ''}` })), h("div", { key: 'f65e2f8a44648b034dacf1bda1aa64b5398627b7', class: "s-filters-widget-content", ref: (el) => this.widgetContent = el }, h("div", { key: 'adcafe169ce8cbef671263f3624bce071b168c36', class: "s-filters-widget-values", ref: (el) => this.widgetValues = el }, h("slot", { key: 'fa006556e44e508c3c64cc5ae76cc826b7e7601e' }), this.option.type !== FilterOptionTypes.RANGE
             ? this.renderFilterOption(this.option)
             : h("salla-price-range", { onChanged: (event) => {
                     this.changed.emit(event.detail);
                 }, ref: price => this.priceRange = price, filtersData: this.filtersData, option: this.option })), this.withLoadMore &&
-            h("a", { key: '5726822a429c26ee9ddadaf7351e8d32a3a98695', class: "s-filters-widget-more", onClick: () => this.showMore() }, !this.isShowMore ? this.showMoreLabel : this.showLessLabel))));
+            h("a", { key: '16a4ddeb365dc1d52fc51a8999fc6d7dbe094658', class: "s-filters-widget-more", onClick: () => this.showMore() }, !this.isShowMore ? this.showMoreLabel : this.showLessLabel))));
     }
     get host() { return this; }
     static get style() { return sallaFiltersWidgetCss; }