@salla.sa/twilight-components 1.4.21 → 1.5.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salla.sa/twilight-components",
-  "version": "1.4.21",
+  "version": "1.5.2",
   "license": "MIT",
   "author": "Salla Team <support@salla.dev> (https://salla.dev)",
   "bugs": {
@@ -57,16 +57,16 @@
     "@stencil/core": "^2.17.1",
     "@stencil/postcss": "^2.1.0",
     "@stencil/react-output-target": "^0.3.1",
-    "@stencil/sass": "1.4.1",
+    "@stencil/sass": "1.5.2",
     "@stencil/vue-output-target": "^0.6.1",
     "@types/jest": "^28.1.6",
     "@types/puppeteer": "3.0.2",
-    "jest": "^27.4.5",
+    "jest": "^29.0.2",
     "jest-cli": "^27.4.5",
     "lodash": "^4.17.21",
     "prettier": "^2.4.1",
     "promisify-child-process": "^3.1.4",
-    "puppeteer": "^10.0.0",
+    "puppeteer": "^17.1.1",
     "rollup-plugin-node-polyfills": "^0.2.1",
     "stencil-inline-svg": "^1.1.0",
     "stencil-tailwind-plugin": "^1.4.1",

package/dist/cjs/Helper-8ae6a805.js

@@ -1,28 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-'use strict';
-
-//TODO::check why there are too much listeners for languages::translations.loaded
-salla.event.setMaxListeners(20);
-class Helper extends salla.AppHelpers {
-  setHost(host) {
-    this.host = host;
-  }
-  getElement(selector) {
-    return this.host.querySelector(selector);
-  }
-  getAttribute(selector, attribute) {
-    var _a;
-    return (_a = this.getElement(selector)) === null || _a === void 0 ? void 0 : _a.getAttribute(attribute);
-  }
-  val(selector) {
-    return this.getAttribute(selector, 'value');
-  }
-  isUser() {
-    return salla.config.get('user.type') === 'user';
-  }
-}
-const Helper$1 = new Helper;
-
-exports.Helper = Helper$1;

package/dist/cjs/salla-quantity-input.cjs.entry.js

@@ -1,87 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-0d0167d5.js');
-const Helper = require('./Helper-8ae6a805.js');
-
-const sallaQuantityInputCss = "";
-
-const SallaQuantityInput = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.hostAttributes = {};
-    this.hasIncrementSlot = false;
-    this.hasDecrementSlot = false;
-    this.didLoaded = false;
-    this.quantity = 1;
-  }
-  /**
-   * Workaround to fire change event for the input.
-   */
-  watchPropHandler() {
-    if (!this.didLoaded) {
-      return;
-    }
-    Helper.Helper.debounce(() => salla.document.event.fireEvent(this.textInput, 'change', { 'bubbles': true }));
-  }
-  componentWillLoad() {
-    this.quantity = parseInt(this.host.getAttribute('value')) || 1;
-    this.hasIncrementSlot = !!this.host.querySelector('[slot="increment-button"]');
-    this.hasDecrementSlot = !!this.host.querySelector('[slot="decrement-button"]');
-  }
-  componentDidLoad() {
-    this.didLoaded = true;
-    this.textInput.addEventListener('input', (event) => salla.helpers.inputDigitsOnly(event.target));
-  }
-  getInputAttributes() {
-    for (let i = 0; i < this.host.attributes.length; i++) {
-      if (!['id', 'value', 'min', 'class'].includes(this.host.attributes[i].name)) {
-        this.hostAttributes[this.host.attributes[i].name] = this.host.attributes[i].value;
-      }
-    }
-    return this.hostAttributes;
-  }
-  /**
-   * decrease quantity by one.
-   * @return HTMLSallaQuantityInputElement
-   */
-  async decrease() {
-    return this.setValue(this.quantity - 1);
-  }
-  /**
-   * increase quantity by one.
-   * @return HTMLSallaQuantityInputElement
-   */
-  async increase() {
-    return this.setValue(this.quantity + 1);
-  }
-  /**
-   * set quantity by one.
-   * @return HTMLSallaQuantityInputElement
-   */
-  async setValue(value) {
-    let maxQuantity = parseInt(this.host.getAttribute('max'));
-    if (maxQuantity && value > maxQuantity) {
-      value = maxQuantity;
-    }
-    if (value <= 1) {
-      value = 1;
-    }
-    this.quantity = value;
-    return this.host;
-  }
-  render() {
-    return (index.h(index.Host, { class: "s-quantity-input s-quantity-input-container" }, index.h("button", { onClick: () => this.increase(), class: "s-quantity-input-increase-button s-quantity-input-button", type: "button" }, !this.hasIncrementSlot ? index.h("i", { class: "sicon-add" }) : '', index.h("slot", { name: "increment-button" })), index.h("input", Object.assign({ class: "s-quantity-input-input" }, this.getInputAttributes(), { ref: (el) => this.textInput = el, onInput: (event) => this.setValue(event.target.value), min: "1", value: this.quantity })), index.h("button", { class: "s-quantity-input-decrease-button s-quantity-input-button", onClick: () => this.decrease(), type: "button" }, !this.hasDecrementSlot ? index.h("i", { class: "sicon-minus" }) : '', index.h("slot", { name: "decrement-button" }))));
-  }
-  get host() { return index.getElement(this); }
-  static get watchers() { return {
-    "quantity": ["watchPropHandler"]
-  }; }
-};
-SallaQuantityInput.style = sallaQuantityInputCss;
-
-exports.salla_quantity_input = SallaQuantityInput;

package/dist/esm/Helper-e1d414a5.js

@@ -1,26 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-//TODO::check why there are too much listeners for languages::translations.loaded
-salla.event.setMaxListeners(20);
-class Helper extends salla.AppHelpers {
-  setHost(host) {
-    this.host = host;
-  }
-  getElement(selector) {
-    return this.host.querySelector(selector);
-  }
-  getAttribute(selector, attribute) {
-    var _a;
-    return (_a = this.getElement(selector)) === null || _a === void 0 ? void 0 : _a.getAttribute(attribute);
-  }
-  val(selector) {
-    return this.getAttribute(selector, 'value');
-  }
-  isUser() {
-    return salla.config.get('user.type') === 'user';
-  }
-}
-const Helper$1 = new Helper;
-
-export { Helper$1 as H };

package/dist/esm/salla-quantity-input.entry.js

@@ -1,83 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-4e30ffd0.js';
-import { H as Helper } from './Helper-e1d414a5.js';
-
-const sallaQuantityInputCss = "";
-
-const SallaQuantityInput = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.hostAttributes = {};
-    this.hasIncrementSlot = false;
-    this.hasDecrementSlot = false;
-    this.didLoaded = false;
-    this.quantity = 1;
-  }
-  /**
-   * Workaround to fire change event for the input.
-   */
-  watchPropHandler() {
-    if (!this.didLoaded) {
-      return;
-    }
-    Helper.debounce(() => salla.document.event.fireEvent(this.textInput, 'change', { 'bubbles': true }));
-  }
-  componentWillLoad() {
-    this.quantity = parseInt(this.host.getAttribute('value')) || 1;
-    this.hasIncrementSlot = !!this.host.querySelector('[slot="increment-button"]');
-    this.hasDecrementSlot = !!this.host.querySelector('[slot="decrement-button"]');
-  }
-  componentDidLoad() {
-    this.didLoaded = true;
-    this.textInput.addEventListener('input', (event) => salla.helpers.inputDigitsOnly(event.target));
-  }
-  getInputAttributes() {
-    for (let i = 0; i < this.host.attributes.length; i++) {
-      if (!['id', 'value', 'min', 'class'].includes(this.host.attributes[i].name)) {
-        this.hostAttributes[this.host.attributes[i].name] = this.host.attributes[i].value;
-      }
-    }
-    return this.hostAttributes;
-  }
-  /**
-   * decrease quantity by one.
-   * @return HTMLSallaQuantityInputElement
-   */
-  async decrease() {
-    return this.setValue(this.quantity - 1);
-  }
-  /**
-   * increase quantity by one.
-   * @return HTMLSallaQuantityInputElement
-   */
-  async increase() {
-    return this.setValue(this.quantity + 1);
-  }
-  /**
-   * set quantity by one.
-   * @return HTMLSallaQuantityInputElement
-   */
-  async setValue(value) {
-    let maxQuantity = parseInt(this.host.getAttribute('max'));
-    if (maxQuantity && value > maxQuantity) {
-      value = maxQuantity;
-    }
-    if (value <= 1) {
-      value = 1;
-    }
-    this.quantity = value;
-    return this.host;
-  }
-  render() {
-    return (h(Host, { class: "s-quantity-input s-quantity-input-container" }, h("button", { onClick: () => this.increase(), class: "s-quantity-input-increase-button s-quantity-input-button", type: "button" }, !this.hasIncrementSlot ? h("i", { class: "sicon-add" }) : '', h("slot", { name: "increment-button" })), h("input", Object.assign({ class: "s-quantity-input-input" }, this.getInputAttributes(), { ref: (el) => this.textInput = el, onInput: (event) => this.setValue(event.target.value), min: "1", value: this.quantity })), h("button", { class: "s-quantity-input-decrease-button s-quantity-input-button", onClick: () => this.decrease(), type: "button" }, !this.hasDecrementSlot ? h("i", { class: "sicon-minus" }) : '', h("slot", { name: "decrement-button" }))));
-  }
-  get host() { return getElement(this); }
-  static get watchers() { return {
-    "quantity": ["watchPropHandler"]
-  }; }
-};
-SallaQuantityInput.style = sallaQuantityInputCss;
-
-export { SallaQuantityInput as salla_quantity_input };

package/dist/twilight-components/p-4c5055cf.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-import{r as t,h as s,H as i,g as n}from"./p-1503d976.js";import{H as e}from"./p-9d2ca9c8.js";const a=class{constructor(s){t(this,s),this.hostAttributes={},this.hasIncrementSlot=!1,this.hasDecrementSlot=!1,this.didLoaded=!1,this.quantity=1}watchPropHandler(){this.didLoaded&&e.debounce((()=>salla.document.event.fireEvent(this.textInput,"change",{bubbles:!0})))}componentWillLoad(){this.quantity=parseInt(this.host.getAttribute("value"))||1,this.hasIncrementSlot=!!this.host.querySelector('[slot="increment-button"]'),this.hasDecrementSlot=!!this.host.querySelector('[slot="decrement-button"]')}componentDidLoad(){this.didLoaded=!0,this.textInput.addEventListener("input",(t=>salla.helpers.inputDigitsOnly(t.target)))}getInputAttributes(){for(let t=0;t<this.host.attributes.length;t++)["id","value","min","class"].includes(this.host.attributes[t].name)||(this.hostAttributes[this.host.attributes[t].name]=this.host.attributes[t].value);return this.hostAttributes}async decrease(){return this.setValue(this.quantity-1)}async increase(){return this.setValue(this.quantity+1)}async setValue(t){let s=parseInt(this.host.getAttribute("max"));return s&&t>s&&(t=s),t<=1&&(t=1),this.quantity=t,this.host}render(){return s(i,{class:"s-quantity-input s-quantity-input-container"},s("button",{onClick:()=>this.increase(),class:"s-quantity-input-increase-button s-quantity-input-button",type:"button"},this.hasIncrementSlot?"":s("i",{class:"sicon-add"}),s("slot",{name:"increment-button"})),s("input",Object.assign({class:"s-quantity-input-input"},this.getInputAttributes(),{ref:t=>this.textInput=t,onInput:t=>this.setValue(t.target.value),min:"1",value:this.quantity})),s("button",{class:"s-quantity-input-decrease-button s-quantity-input-button",onClick:()=>this.decrease(),type:"button"},this.hasDecrementSlot?"":s("i",{class:"sicon-minus"}),s("slot",{name:"decrement-button"})))}get host(){return n(this)}static get watchers(){return{quantity:["watchPropHandler"]}}};a.style="";export{a as salla_quantity_input}

package/dist/twilight-components/p-9d2ca9c8.js

@@ -1,4 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-salla.event.setMaxListeners(20);class t extends salla.AppHelpers{setHost(t){this.host=t}getElement(t){return this.host.querySelector(t)}getAttribute(t,e){var s;return null===(s=this.getElement(t))||void 0===s?void 0:s.getAttribute(e)}val(t){return this.getAttribute(t,"value")}isUser(){return"user"===salla.config.get("user.type")}}const e=new t;export{e as H}