@salla.sa/twilight-components 2.14.393 → 2.14.394

package/dist/components/interfaces.js

@@ -1,4 +1,15 @@
 /*!
  * Crafted with ❤ by Salla
  */
-var a,e;!function(a){a.Female="female",a.Male="male"}(a||(a={})),function(a){a.Photo="photo",a.Text="Text"}(e||(e={}));export{e as F,a as G}
+var Genders;
+(function (Genders) {
+    Genders["Female"] = "female";
+    Genders["Male"] = "male";
+})(Genders || (Genders = {}));
+var FormFieldTypes;
+(function (FormFieldTypes) {
+    FormFieldTypes["Photo"] = "photo";
+    FormFieldTypes["Text"] = "Text";
+})(FormFieldTypes || (FormFieldTypes = {}));
+
+export { FormFieldTypes as F, Genders as G };

package/dist/components/isObject.js

@@ -1,4 +1,295 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import{c as t}from"./_commonjsHelpers.js";var n,r,e,u,o,c,f,i,a,l,b,s,v,j,d,p,y,m;function O(){if(u)return e;u=1;var o=r?n:(r=1,n="object"==typeof t&&t&&t.Object===Object&&t),c="object"==typeof self&&self&&self.Object===Object&&self,f=o||c||Function("return this")();return e=f}function h(){if(c)return o;c=1;var t=O();return o=t.Symbol}function x(){if(s)return b;s=1;var t=h(),n=function(){if(i)return f;i=1;var t=h(),n=Object.prototype,r=n.hasOwnProperty,e=n.toString,u=t?t.toStringTag:void 0;return f=function(t){var n=r.call(t,u),o=t[u];try{t[u]=void 0;var c=!0}catch(t){}var f=e.call(t);return c&&(n?t[u]=o:delete t[u]),f}}(),r=function(){if(l)return a;l=1;var t=Object.prototype.toString;return a=function(n){return t.call(n)}}(),e=t?t.toStringTag:void 0;return b=function(t){return null==t?void 0===t?"[object Undefined]":"[object Null]":e&&e in Object(t)?n(t):r(t)}}function F(){if(p)return d;p=1;var t=x(),n=j?v:(j=1,v=function(t){return null!=t&&"object"==typeof t});return d=function(r){return"symbol"==typeof r||n(r)&&"[object Symbol]"==t(r)}}function H(){return m?y:(m=1,y=function(t){var n=typeof t;return null!=t&&("object"==n||"function"==n)})}export{x as a,H as b,O as c,h as d,F as r}
+import { c as commonjsGlobal } from './_commonjsHelpers.js';
+
+/** Detect free variable `global` from Node.js. */
+
+var _freeGlobal;
+var hasRequired_freeGlobal;
+
+function require_freeGlobal () {
+	if (hasRequired_freeGlobal) return _freeGlobal;
+	hasRequired_freeGlobal = 1;
+	var freeGlobal = typeof commonjsGlobal == 'object' && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
+
+	_freeGlobal = freeGlobal;
+	return _freeGlobal;
+}
+
+var _root;
+var hasRequired_root;
+
+function require_root () {
+	if (hasRequired_root) return _root;
+	hasRequired_root = 1;
+	var freeGlobal = require_freeGlobal();
+
+	/** Detect free variable `self`. */
+	var freeSelf = typeof self == 'object' && self && self.Object === Object && self;
+
+	/** Used as a reference to the global object. */
+	var root = freeGlobal || freeSelf || Function('return this')();
+
+	_root = root;
+	return _root;
+}
+
+var _Symbol;
+var hasRequired_Symbol;
+
+function require_Symbol () {
+	if (hasRequired_Symbol) return _Symbol;
+	hasRequired_Symbol = 1;
+	var root = require_root();
+
+	/** Built-in value references. */
+	var Symbol = root.Symbol;
+
+	_Symbol = Symbol;
+	return _Symbol;
+}
+
+var _getRawTag;
+var hasRequired_getRawTag;
+
+function require_getRawTag () {
+	if (hasRequired_getRawTag) return _getRawTag;
+	hasRequired_getRawTag = 1;
+	var Symbol = require_Symbol();
+
+	/** Used for built-in method references. */
+	var objectProto = Object.prototype;
+
+	/** Used to check objects for own properties. */
+	var hasOwnProperty = objectProto.hasOwnProperty;
+
+	/**
+	 * Used to resolve the
+	 * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
+	 * of values.
+	 */
+	var nativeObjectToString = objectProto.toString;
+
+	/** Built-in value references. */
+	var symToStringTag = Symbol ? Symbol.toStringTag : undefined;
+
+	/**
+	 * A specialized version of `baseGetTag` which ignores `Symbol.toStringTag` values.
+	 *
+	 * @private
+	 * @param {*} value The value to query.
+	 * @returns {string} Returns the raw `toStringTag`.
+	 */
+	function getRawTag(value) {
+	  var isOwn = hasOwnProperty.call(value, symToStringTag),
+	      tag = value[symToStringTag];
+
+	  try {
+	    value[symToStringTag] = undefined;
+	    var unmasked = true;
+	  } catch (e) {}
+
+	  var result = nativeObjectToString.call(value);
+	  if (unmasked) {
+	    if (isOwn) {
+	      value[symToStringTag] = tag;
+	    } else {
+	      delete value[symToStringTag];
+	    }
+	  }
+	  return result;
+	}
+
+	_getRawTag = getRawTag;
+	return _getRawTag;
+}
+
+/** Used for built-in method references. */
+
+var _objectToString;
+var hasRequired_objectToString;
+
+function require_objectToString () {
+	if (hasRequired_objectToString) return _objectToString;
+	hasRequired_objectToString = 1;
+	var objectProto = Object.prototype;
+
+	/**
+	 * Used to resolve the
+	 * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
+	 * of values.
+	 */
+	var nativeObjectToString = objectProto.toString;
+
+	/**
+	 * Converts `value` to a string using `Object.prototype.toString`.
+	 *
+	 * @private
+	 * @param {*} value The value to convert.
+	 * @returns {string} Returns the converted string.
+	 */
+	function objectToString(value) {
+	  return nativeObjectToString.call(value);
+	}
+
+	_objectToString = objectToString;
+	return _objectToString;
+}
+
+var _baseGetTag;
+var hasRequired_baseGetTag;
+
+function require_baseGetTag () {
+	if (hasRequired_baseGetTag) return _baseGetTag;
+	hasRequired_baseGetTag = 1;
+	var Symbol = require_Symbol(),
+	    getRawTag = require_getRawTag(),
+	    objectToString = require_objectToString();
+
+	/** `Object#toString` result references. */
+	var nullTag = '[object Null]',
+	    undefinedTag = '[object Undefined]';
+
+	/** Built-in value references. */
+	var symToStringTag = Symbol ? Symbol.toStringTag : undefined;
+
+	/**
+	 * The base implementation of `getTag` without fallbacks for buggy environments.
+	 *
+	 * @private
+	 * @param {*} value The value to query.
+	 * @returns {string} Returns the `toStringTag`.
+	 */
+	function baseGetTag(value) {
+	  if (value == null) {
+	    return value === undefined ? undefinedTag : nullTag;
+	  }
+	  return (symToStringTag && symToStringTag in Object(value))
+	    ? getRawTag(value)
+	    : objectToString(value);
+	}
+
+	_baseGetTag = baseGetTag;
+	return _baseGetTag;
+}
+
+/**
+ * Checks if `value` is object-like. A value is object-like if it's not `null`
+ * and has a `typeof` result of "object".
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is object-like, else `false`.
+ * @example
+ *
+ * _.isObjectLike({});
+ * // => true
+ *
+ * _.isObjectLike([1, 2, 3]);
+ * // => true
+ *
+ * _.isObjectLike(_.noop);
+ * // => false
+ *
+ * _.isObjectLike(null);
+ * // => false
+ */
+
+var isObjectLike_1;
+var hasRequiredIsObjectLike;
+
+function requireIsObjectLike () {
+	if (hasRequiredIsObjectLike) return isObjectLike_1;
+	hasRequiredIsObjectLike = 1;
+	function isObjectLike(value) {
+	  return value != null && typeof value == 'object';
+	}
+
+	isObjectLike_1 = isObjectLike;
+	return isObjectLike_1;
+}
+
+var isSymbol_1;
+var hasRequiredIsSymbol;
+
+function requireIsSymbol () {
+	if (hasRequiredIsSymbol) return isSymbol_1;
+	hasRequiredIsSymbol = 1;
+	var baseGetTag = require_baseGetTag(),
+	    isObjectLike = requireIsObjectLike();
+
+	/** `Object#toString` result references. */
+	var symbolTag = '[object Symbol]';
+
+	/**
+	 * Checks if `value` is classified as a `Symbol` primitive or object.
+	 *
+	 * @static
+	 * @memberOf _
+	 * @since 4.0.0
+	 * @category Lang
+	 * @param {*} value The value to check.
+	 * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.
+	 * @example
+	 *
+	 * _.isSymbol(Symbol.iterator);
+	 * // => true
+	 *
+	 * _.isSymbol('abc');
+	 * // => false
+	 */
+	function isSymbol(value) {
+	  return typeof value == 'symbol' ||
+	    (isObjectLike(value) && baseGetTag(value) == symbolTag);
+	}
+
+	isSymbol_1 = isSymbol;
+	return isSymbol_1;
+}
+
+/**
+ * Checks if `value` is the
+ * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)
+ * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is an object, else `false`.
+ * @example
+ *
+ * _.isObject({});
+ * // => true
+ *
+ * _.isObject([1, 2, 3]);
+ * // => true
+ *
+ * _.isObject(_.noop);
+ * // => true
+ *
+ * _.isObject(null);
+ * // => false
+ */
+
+var isObject_1;
+var hasRequiredIsObject;
+
+function requireIsObject () {
+	if (hasRequiredIsObject) return isObject_1;
+	hasRequiredIsObject = 1;
+	function isObject(value) {
+	  var type = typeof value;
+	  return value != null && (type == 'object' || type == 'function');
+	}
+
+	isObject_1 = isObject;
+	return isObject_1;
+}
+
+export { require_baseGetTag as a, requireIsObject as b, require_root as c, require_Symbol as d, requireIsSymbol as r };

package/dist/components/keyboard_arrow_down.js

@@ -1,4 +1,11 @@
 /*!
  * Crafted with ❤ by Salla
  */
-var t='\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>keyboard_arrow_down</title>\n<path d="M9.875 11.104l6.125 6.125 6.125-6.125 1.875 1.875-8 8-8-8z"></path>\n</svg>\n';export{t as A}
+var ArrowDown = `<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>keyboard_arrow_down</title>
+<path d="M9.875 11.104l6.125 6.125 6.125-6.125 1.875 1.875-8 8-8-8z"></path>
+</svg>
+`;
+
+export { ArrowDown as A };

package/dist/components/keyboard_arrow_right.js

@@ -1,4 +1,18 @@
 /*!
  * Crafted with ❤ by Salla
  */
-var t='\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>keyboard_arrow_left</title>\n<path d="M20.563 22.104l-1.875 1.875-8-8 8-8 1.875 1.875-6.125 6.125z"></path>\n</svg>\n',e='\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>keyboard_arrow_right</title>\n<path d="M11.438 22.479l6.125-6.125-6.125-6.125 1.875-1.875 8 8-8 8z"></path>\n</svg>\n';export{t as K,e as a}
+var KeyBoardArrowLeftIcon = `<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>keyboard_arrow_left</title>
+<path d="M20.563 22.104l-1.875 1.875-8-8 8-8 1.875 1.875-6.125 6.125z"></path>
+</svg>
+`;
+
+var KeyBoardArrowRightIcon = `<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>keyboard_arrow_right</title>
+<path d="M11.438 22.479l6.125-6.125-6.125-6.125 1.875-1.875 8 8-8 8z"></path>
+</svg>
+`;
+
+export { KeyBoardArrowLeftIcon as K, KeyBoardArrowRightIcon as a };

package/dist/components/location.js

@@ -1,4 +1,14 @@
 /*!
  * Crafted with ❤ by Salla
  */
-var n='<svg width="13" height="15" viewBox="0 0 13 15" fill="none" xmlns="http://www.w3.org/2000/svg">\n    <path\n        d="M7.57877 13.4113C7.28964 13.682 6.9032 13.8333 6.50102 13.8333C6.09884 13.8333 5.7124 13.682 5.42327 13.4113C2.77562 10.9173 -0.77255 8.13128 0.957787 4.08644C1.89336 1.89944 4.13917 0.5 6.50102 0.5C8.86287 0.5 11.1087 1.89944 12.0443 4.08644C13.7724 8.12618 10.233 10.9259 7.57877 13.4113Z"\n        stroke="currentColor" />\n    <path\n        d="M8.8336 6.50008C8.8336 7.78875 7.78893 8.83342 6.50026 8.83342C5.2116 8.83342 4.16693 7.78875 4.16693 6.50008C4.16693 5.21142 5.2116 4.16675 6.50026 4.16675C7.78893 4.16675 8.8336 5.21142 8.8336 6.50008Z"\n        stroke="currentColor" />\n</svg>\n    ';export{n as L}
+var Location = `<svg width="13" height="15" viewBox="0 0 13 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+        d="M7.57877 13.4113C7.28964 13.682 6.9032 13.8333 6.50102 13.8333C6.09884 13.8333 5.7124 13.682 5.42327 13.4113C2.77562 10.9173 -0.77255 8.13128 0.957787 4.08644C1.89336 1.89944 4.13917 0.5 6.50102 0.5C8.86287 0.5 11.1087 1.89944 12.0443 4.08644C13.7724 8.12618 10.233 10.9259 7.57877 13.4113Z"
+        stroke="currentColor" />
+    <path
+        d="M8.8336 6.50008C8.8336 7.78875 7.78893 8.83342 6.50026 8.83342C5.2116 8.83342 4.16693 7.78875 4.16693 6.50008C4.16693 5.21142 5.2116 4.16675 6.50026 4.16675C7.78893 4.16675 8.8336 5.21142 8.8336 6.50008Z"
+        stroke="currentColor" />
+</svg>
+    `;
+
+export { Location as L };

package/dist/components/mail.js

@@ -1,4 +1,11 @@
 /*!
  * Crafted with ❤ by Salla
  */
-var c='\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>mail</title>\n<path d="M28 2.667h-24c-2.205 0-4 1.795-4 4v18.667c0 2.205 1.795 4 4 4h24c2.205 0 4-1.795 4-4v-18.667c0-2.205-1.795-4-4-4zM29.333 25.333c0 0.735-0.599 1.333-1.333 1.333h-24c-0.735 0-1.333-0.599-1.333-1.333v-12.685l10.54 4.865c0.888 0.409 1.84 0.613 2.793 0.613s1.907-0.204 2.793-0.615l10.54-4.864zM29.333 9.711l-11.657 5.38c-1.065 0.492-2.288 0.492-3.353 0l-11.656-5.38v-3.044c0-0.735 0.599-1.333 1.333-1.333h24c0.735 0 1.333 0.599 1.333 1.333z"></path>\n</svg>\n';export{c as M}
+var MailIcon = `<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>mail</title>
+<path d="M28 2.667h-24c-2.205 0-4 1.795-4 4v18.667c0 2.205 1.795 4 4 4h24c2.205 0 4-1.795 4-4v-18.667c0-2.205-1.795-4-4-4zM29.333 25.333c0 0.735-0.599 1.333-1.333 1.333h-24c-0.735 0-1.333-0.599-1.333-1.333v-12.685l10.54 4.865c0.888 0.409 1.84 0.613 2.793 0.613s1.907-0.204 2.793-0.615l10.54-4.864zM29.333 9.711l-11.657 5.38c-1.065 0.492-2.288 0.492-3.353 0l-11.656-5.38v-3.044c0-0.735 0.599-1.333 1.333-1.333h24c0.735 0 1.333 0.599 1.333 1.333z"></path>
+</svg>
+`;
+
+export { MailIcon as M };

package/dist/components/minus.js

@@ -1,4 +1,18 @@
 /*!
  * Crafted with ❤ by Salla
  */
-var t='\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>add</title>\n<path d="M26.667 14.667h-9.333v-9.333c0-0.736-0.597-1.333-1.333-1.333s-1.333 0.597-1.333 1.333v9.333h-9.333c-0.736 0-1.333 0.597-1.333 1.333s0.597 1.333 1.333 1.333h9.333v9.333c0 0.736 0.597 1.333 1.333 1.333s1.333-0.597 1.333-1.333v-9.333h9.333c0.736 0 1.333-0.597 1.333-1.333s-0.597-1.333-1.333-1.333z"></path>\n</svg>\n',e='\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>minus</title>\n<path d="M26.667 14.667h-21.333c-0.736 0-1.333 0.597-1.333 1.333s0.597 1.333 1.333 1.333h21.333c0.736 0 1.333-0.597 1.333-1.333s-0.597-1.333-1.333-1.333z"></path>\n</svg>\n';export{t as A,e as M}
+var Add = `<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>add</title>
+<path d="M26.667 14.667h-9.333v-9.333c0-0.736-0.597-1.333-1.333-1.333s-1.333 0.597-1.333 1.333v9.333h-9.333c-0.736 0-1.333 0.597-1.333 1.333s0.597 1.333 1.333 1.333h9.333v9.333c0 0.736 0.597 1.333 1.333 1.333s1.333-0.597 1.333-1.333v-9.333h9.333c0.736 0 1.333-0.597 1.333-1.333s-0.597-1.333-1.333-1.333z"></path>
+</svg>
+`;
+
+var Minus = `<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>minus</title>
+<path d="M26.667 14.667h-21.333c-0.736 0-1.333 0.597-1.333 1.333s0.597 1.333 1.333 1.333h21.333c0.736 0 1.333-0.597 1.333-1.333s-0.597-1.333-1.333-1.333z"></path>
+</svg>
+`;
+
+export { Add as A, Minus as M };

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

@@ -1,4 +1,9 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import{S as o,d as a}from"./salla-accordion-body2.js";const s=o,r=a;export{s as SallaAccordionBody,r as defineCustomElement}
+import { S as SallaAccordionBody$1, d as defineCustomElement$1 } from './salla-accordion-body2.js';
+
+const SallaAccordionBody = SallaAccordionBody$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SallaAccordionBody, defineCustomElement };

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

@@ -1,4 +1,33 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import{transformTag as e,proxyCustomElement as c,HTMLElement as o,h as s,Host as t}from"@stencil/core/internal/client";const n=c(class extends o{constructor(e){super(),!1!==e&&this.__registerHost()}render(){return s(t,{key:"298d42a5bf1bcefdb181ec35060220cf749b56ed",class:"s-accordion-body-wrapper"},s("slot",{key:"6ab081e8b71b5dc69fb66fbdec82b4725ab53b0d"}))}static get style(){return""}},[260,"salla-accordion-body"]);function a(){"undefined"!=typeof customElements&&["salla-accordion-body"].forEach((c=>{"salla-accordion-body"===c&&(customElements.get(e(c))||customElements.define(e(c),n))}))}a();export{n as S,a as d}
+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;
+    } });
+}
+defineCustomElement();
+
+export { SallaAccordionBody as S, defineCustomElement as d };

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

@@ -1,4 +1,9 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import{S as a,d as o}from"./salla-accordion-head2.js";const s=a,r=o;export{s as SallaAccordionHead,r as defineCustomElement}
+import { S as SallaAccordionHead$1, d as defineCustomElement$1 } from './salla-accordion-head2.js';
+
+const SallaAccordionHead = SallaAccordionHead$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SallaAccordionHead, defineCustomElement };

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

@@ -1,4 +1,66 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import{transformTag as a,proxyCustomElement as e,HTMLElement as c,createEvent as s,h as t,Host as o}from"@stencil/core/internal/client";import{A as d,M as i}from"./minus.js";const l=e(class extends c{constructor(a){super(),!1!==a&&this.__registerHost(),this.accordionToggle=s(this,"accordionToggle",7),this.collapsible=!1,this.collapsed=!0}emitCollapsePanel(){this.accordionToggle.emit({payload:{collapsed:this.collapsed}})}toggleCollapse(){this.collapsible&&(this.collapsed=!this.collapsed,this.host.parentElement?.setAttribute("data-collapsed",this.collapsed.toString()),this.host.parentElement?.querySelector("salla-accordion-body")?.setAttribute("data-collapsed",this.collapsed.toString()),this.emitCollapsePanel())}render(){return t(o,{key:"9d88d243306cdf451c20d7068fbb9f48807b22e9","data-collapsed":this.collapsed.toString(),onClick:()=>this.toggleCollapse(),class:"s-accordion-head-wrapper"},t("div",{key:"bad4c5a913ce1c4581b09c0b6d96fcbdb4236638",class:"s-accordion-head-wrapper-start"},t("slot",{key:"acb83cec8cbca5771a9f84e81c0b955c3edad731",name:"title"}),t("slot",{key:"a4ad42ea6fad4f452c4c218a9ee02dca0adb4a67",name:"progress"}),t("slot",{key:"96ab95d413dc906ac299079f4008816f01881990",name:"html"})),(this.collapsible||this.host.querySelector('[slot="note"]'))&&t("div",{key:"8f9666a5038cd7b1ac6e357c6920ea26d31c5f03",class:"s-accordion-head-wrapper-end"},t("slot",{key:"14895e8c1385e91c14f046c9ae38ce5e4a4c9a60",name:"note"}),this.collapsible&&t("button",{key:"97dc7fabbb207fcc8b68ebf0a86f6c8a980dca13",class:{"s-accordion-head-wrapper-toggle":!0,active:!this.collapsed},onClick:a=>{a.stopPropagation(),this.toggleCollapse()}},t("span",{key:"3b24faf71dcd332663a354310b2ce09f7879eddc",class:"s-accordion-head-wrapper-toggle-icon",innerHTML:this.collapsed?d:i}))))}get host(){return this}static get style(){return""}},[260,"salla-accordion-head",{collapsible:[4],collapsed:[1540]}]);function n(){"undefined"!=typeof customElements&&["salla-accordion-head"].forEach((e=>{"salla-accordion-head"===e&&(customElements.get(a(e))||customElements.define(a(e),l))}))}n();export{l as S,n as d}
+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() {
+        if (!this.collapsible)
+            return;
+        this.collapsed = !this.collapsed;
+        this.host.parentElement?.setAttribute('data-collapsed', this.collapsed.toString());
+        this.host.parentElement
+            ?.querySelector('salla-accordion-body')
+            ?.setAttribute('data-collapsed', this.collapsed.toString());
+        this.emitCollapsePanel();
+    }
+    render() {
+        return (h(Host, { key: '9d88d243306cdf451c20d7068fbb9f48807b22e9', "data-collapsed": this.collapsed.toString(), onClick: () => this.toggleCollapse(), class: "s-accordion-head-wrapper" }, h("div", { key: 'bad4c5a913ce1c4581b09c0b6d96fcbdb4236638', class: "s-accordion-head-wrapper-start" }, h("slot", { key: 'acb83cec8cbca5771a9f84e81c0b955c3edad731', name: "title" }), h("slot", { key: 'a4ad42ea6fad4f452c4c218a9ee02dca0adb4a67', name: "progress" }), h("slot", { key: '96ab95d413dc906ac299079f4008816f01881990', name: "html" })), (this.collapsible || this.host.querySelector('[slot="note"]')) && (h("div", { key: '8f9666a5038cd7b1ac6e357c6920ea26d31c5f03', class: "s-accordion-head-wrapper-end" }, h("slot", { key: '14895e8c1385e91c14f046c9ae38ce5e4a4c9a60', name: "note" }), this.collapsible && (h("button", { key: '97dc7fabbb207fcc8b68ebf0a86f6c8a980dca13', class: {
+                's-accordion-head-wrapper-toggle': true,
+                active: !this.collapsed,
+            }, onClick: e => {
+                e.stopPropagation();
+                this.toggleCollapse();
+            } }, h("span", { key: '3b24faf71dcd332663a354310b2ce09f7879eddc', 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;
+    } });
+}
+defineCustomElement();
+
+export { SallaAccordionHead as S, defineCustomElement as d };

package/dist/components/salla-accordion.js

@@ -1,4 +1,9 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import{S as o,d as a}from"./salla-accordion2.js";const s=o,r=a;export{s as SallaAccordion,r as defineCustomElement}
+import { S as SallaAccordion$1, d as defineCustomElement$1 } from './salla-accordion2.js';
+
+const SallaAccordion = SallaAccordion$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SallaAccordion, defineCustomElement };

package/dist/components/salla-accordion2.js

@@ -1,4 +1,71 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import{transformTag as e,proxyCustomElement as s,HTMLElement as t,h as a,Host as l}from"@stencil/core/internal/client";const o=s(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.collapsible=!0,this.bordered=!1,this.size="md",this.collapsed=!0,this.dir=document.dir||"rtl"}directionChangedHandler(e){this.dir=e.detail.dir}handleCollapse(e){this.collapsed=e.detail.payload.collapsed}setcollapsibleProp(){const e=this.host.querySelector("salla-accordion-head");this.collapsible&&e&&(e.setAttribute("collapsible","true"),e.setAttribute("collapsed",this.collapsed.toString()))}componentDidRender(){this.setcollapsibleProp();const e=this.host.querySelector("salla-accordion-body");this.collapsible&&(this.host.setAttribute("data-collapsed",this.collapsed.toString()),e?.setAttribute("data-collapsed",this.collapsed.toString()))}render(){return a(l,{key:"fb12197f13d8836304bfebb14400c79c8c4d31f0",class:`s-accordion-wrapper ${this.dir} ${this.bordered?"s-accordion-wrapper-bordered":""} ${this.size?`size-${this.size}`:""}`,"data-collapsed":this.collapsed.toString()},a("slot",{key:"460e8d7238bf9f014fe0bbb6c0da592c8cb3e15e"}))}get host(){return this}static get style(){return""}},[260,"salla-accordion",{collapsible:[4],bordered:[4],size:[1],collapsed:[1540],dir:[32]},[[4,"salla::language.change","directionChangedHandler"],[0,"accordionToggle","handleCollapse"]]]);function c(){"undefined"!=typeof customElements&&["salla-accordion"].forEach((s=>{"salla-accordion"===s&&(customElements.get(e(s))||customElements.define(e(s),o))}))}c();export{o as S,c as d}
+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;
+        /** Whether the accordion has a border. Default is false. */
+        this.bordered = false;
+        /** The size of the accordion elements. */
+        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?.setAttribute('data-collapsed', this.collapsed.toString());
+        }
+    }
+    render() {
+        return (h(Host, { key: 'fb12197f13d8836304bfebb14400c79c8c4d31f0', 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: '460e8d7238bf9f014fe0bbb6c0da592c8cb3e15e' })));
+    }
+    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;
+    } });
+}
+defineCustomElement();
+
+export { SallaAccordion as S, defineCustomElement as d };

package/dist/components/salla-add-product-button.js

@@ -1,4 +1,9 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import{S as o,d as t}from"./salla-add-product-button2.js";const a=o,s=t;export{a as SallaAddProductButton,s as defineCustomElement}
+import { S as SallaAddProductButton$1, d as defineCustomElement$1 } from './salla-add-product-button2.js';
+
+const SallaAddProductButton = SallaAddProductButton$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SallaAddProductButton, defineCustomElement };