@salla.sa/twilight-components 1.0.19 → 1.0.21

package/dist/collection/components/salla-rating/salla-rating.js

@@ -1,483 +0,0 @@
-import { Component, h, Prop, Method, Element, Host } from '@stencil/core';
-import Helper from "../../Helpers/Helper";
-export class SallaRating {
-  constructor() {
-    this.order = {
-      shipping: { id: 5622 },
-      products: [
-        {
-          "title": "ميكروفون عالى الجودة",
-          "image": "https://salla-dev.s3.eu-central-1.amazonaws.com/Mvyk/pMdEEyMVpZFj4L1Hrdm2g48AuiSx0TrKULBiOnPo.jpg",
-          "price": "‏10,978.00 ر.س",
-          "qty": "‏2",
-          "totalBefore": "‏1120 ر.س",
-          "discount": "-5%",
-          "total": "‏1064 ر.س",
-          "id": "2314513454",
-          "getOptimusRouteKey": "7351233357"
-        },
-        {
-          "title": "ميكروفون عالى الجودة",
-          "image": "https://salla-dev.s3.eu-central-1.amazonaws.com/Mvyk/pMdEEyMVpZFj4L1Hrdm2g48AuiSx0TrKULBiOnPo.jpg",
-          "price": "‏10,978.00 ر.س",
-          "qty": "‏2",
-          "totalBefore": "‏1120 ر.س",
-          "discount": "-5%",
-          "total": "‏1064 ر.س",
-          "id": "2314513454",
-          "getOptimusRouteKey": "7351233357"
-        },
-        {
-          "title": "ساعة ذكية بنظام اندرويد",
-          "image": "https://salla-dev.s3.eu-central-1.amazonaws.com/Mvyk/T4kTqYNuPAZmPMLw1bx92RnjVMZyFszVXOUZQsFJ.jpg",
-          "price": "‏10,978.00 ر.س",
-          "qty": "‏2",
-          "totalBefore": "‏1120 ر.س",
-          "discount": "-5%",
-          "total": "‏1064 ر.س",
-          "id": "679822376",
-          "getOptimusRouteKey": "73233357"
-        }
-      ],
-      storeLogo: "https://salla-dev.s3.eu-central-1.amazonaws.com/Mvyk/X3NKcY7nhaFQlR7kBBHvfDpMY48cerunKrmDA1gi.png",
-      shippingLogo: "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcScPt4R6KaKDldrXb-9pUljFwL3m6A72BhN6p1qZJKprwC6VbCWC_8ASZgiJAoL_l7DepM&usqp=CAU"
-    };
-    /**
-     * Set to true to display store rating step
-    */
-    this.isStoreRating = false;
-    /**
-     * Set to true to display products rating step
-    */
-    this.isProductsRating = false;
-    /**
-     * Set to true to display shipping rating step
-    */
-    this.isShippingRating = false;
-    this.ratingChain = Promise.resolve();
-    this.stepsCount = 0;
-    Helper.setHost(this.host);
-  }
-  async show() {
-    return this.modal.show();
-  }
-  async hide() {
-    return this.modal.hide();
-  }
-  componentWillLoad() {
-    this.stepsCount = [this.isStoreRating, this.isProductsRating, this.isShippingRating].filter(item => item).length;
-    // this.getData();
-  }
-  componentDidRender() {
-    this.show();
-    this.initiateRating();
-  }
-  initiateRating() {
-    this.handleWizard();
-    this.handleSubmitRating();
-    this.starsRating();
-    this.highlightSelectedStars();
-  }
-  // getdata
-  // private getData() {
-  //   salla.api.order.endpointsMethods.details = 'get'
-  //   salla.order.api.details(salla.config.page.id).then(data => console.log(''));
-  // }
-  // handle wizard
-  handleWizard() {
-    let index = 0, steps = this.host.querySelectorAll(".s-rating-step"), dots = this.host.querySelectorAll(".s-rating-step-dot"), nextBtnText = this.host.querySelector('#next-btn .s-button-text');
-    this.setModalHeight(steps[0]);
-    this.showActiveStep(steps, dots, index, nextBtnText);
-    Helper.onClick("#prev-btn", () => {
-      index > 0 && index--;
-      this.showActiveStep(steps, dots, index, nextBtnText);
-      index == 0 && Helper.toggle('#prev-btn', 's-rating-unvisiable', 'block', () => true);
-    });
-    Helper.onClick("#next-btn", () => {
-      this.ratingValidation();
-      if (index == this.stepsCount - 1) {
-        salla.event.dispatch("submit::order-rating");
-      }
-      else {
-        index < this.stepsCount - 1 && index++;
-        this.showActiveStep(steps, dots, index, nextBtnText);
-        Helper.toggle('#prev-btn', 'block', 's-rating-unvisiable', () => true);
-      }
-    });
-  }
-  showActiveStep(steps, dots, index, nextBtnText) {
-    var _a;
-    // Active step
-    Helper.toggle('.s-rating-step', 's-rating-hidden', 's-rating-active', () => true);
-    Helper.toggleElement(steps[index], 's-rating-unactive', 's-rating-hidden', () => true);
-    setTimeout(() => Helper.toggleElement(steps[index], 's-rating-active', 's-rating-unactive', () => true), 200);
-    // Hanle dots
-    Helper.toggle('.s-rating-step-dot', 's-rating-bg-gray', 's-rating-bg-primary', () => true);
-    this.stepsCount > 1 && Helper.toggleElement(dots[index], 's-rating-bg-primary', 's-rating-bg-gray', () => true);
-    // Btn text
-    nextBtnText.innerHTML = ((_a = steps[index + 1]) === null || _a === void 0 ? void 0 : _a.dataset.stepName) || salla.lang.get('pages.rating.send_ratings');
-    this.setModalHeight(steps[index]);
-  }
-  setModalHeight(current) {
-    const wrapper = this.host.querySelector('.s-rating-wrapper');
-    setTimeout(() => wrapper === null || wrapper === void 0 ? void 0 : wrapper.setAttribute('style', 'height:' + (current === null || current === void 0 ? void 0 : current.scrollHeight) + 'px'));
-  }
-  // Listen to submit::order-rating event used in handleWizard()
-  handleSubmitRating() {
-    salla.event.on('submit::order-rating', () => this.sendRating().then(() => {
-      // Handle timer
-      let thankYouView = this.host.querySelector('.s-rating-thanks'), seconds = 10;
-      let timeToClose = setInterval(() => {
-        seconds--;
-        this.host.querySelector('.s-rating-thanks-time').innerHTML = `00:0${seconds}`;
-        if (seconds == 0) {
-          this.hide();
-          clearInterval(timeToClose);
-        }
-      }, 1000);
-      // Hide steps and show thanks msg 
-      Helper.toggle('.s-rating-step', 's-rating-hidden', 's-rating-active', () => true);
-      this.host.querySelector('.s-rating-footer').classList.add('s-rating-unvisiable');
-      Helper.toggleElement(thankYouView, 's-rating-unactive', 's-rating-hidden', () => true);
-      setTimeout(() => Helper.toggleElement(thankYouView, 's-rating-active', 's-rating-unactive', () => true), 200);
-      this.setModalHeight(thankYouView);
-    }));
-  }
-  // handle star rating 
-  starsRating() {
-    let selectedClasses = ['selected'];
-    // Listen for form submissions
-    salla.document.event.onSubmit('.s-rating-stars-element', function (event) {
-      // Prevent form from submitting
-      event.preventDefault();
-      // Get the selected star - activeElement is not supported in safari
-      var activeStars = event.target.querySelectorAll('.s-rating-btn-star.hovered');
-      var selected = activeStars[activeStars.length - 1];
-      if (!selected)
-        return;
-      var selectedIndex = parseInt(selected.dataset.star, 10);
-      event.target.querySelector('.rating_hidden_input').value = selectedIndex;
-      // Get all stars in this form (only search in the form, not the whole document)
-      // Loop through each star, and add or remove the `.selected` class to toggle highlighting
-      event.target
-        .querySelectorAll('.s-rating-btn-star')
-        .forEach(function (star, index) {
-        if (index < selectedIndex) {
-          // Selected star or before it, Add highlighting
-          star.classList.add(...selectedClasses);
-          return;
-        }
-        // After selected star, Remove highlight
-        star.classList.remove(...selectedClasses);
-      });
-      // Remove aria-pressed from any previously selected star
-      var previousRating = event.target.querySelector('.s-rating-btn-star[aria-pressed="true"]');
-      if (previousRating) {
-        previousRating.removeAttribute('aria-pressed');
-      }
-      // Add aria-pressed role to the selected button
-      selected.setAttribute('aria-pressed', true);
-    });
-  }
-  highlightSelectedStars() {
-    let hover = ['hovered'];
-    Helper.all('.s-rating-stars-element', el => {
-      let starElements = el.querySelectorAll('.s-rating-btn-star');
-      // remove hovered state from stars ---
-      el.addEventListener('mouseout', () => starElements.forEach(star => star.classList.remove(...hover)));
-      starElements.forEach((starElement, index) => {
-        starElement.addEventListener('mouseover', () => {
-          starElement.classList.add(...hover);
-          if (index <= 1) {
-            starElement.previousElementSibling.tagName === 'BUTTON' ? starElement.previousElementSibling.classList.add(...hover) : null;
-          }
-          else {
-            for (let i = 0; i < index; i++) {
-              starElements[i].classList.add(...hover);
-            }
-          }
-        });
-        starElement.addEventListener('mouseout', () => {
-          starElement.classList.contains(...hover) ? starElement.classList.remove(...hover) : null;
-        });
-      });
-    });
-  }
-  // send feedback rating and validation
-  sendRating() {
-    Helper.all('.s-rating-step', ratingStep => {
-      let type = ratingStep.dataset.type;
-      let formsData = [];
-      ratingStep.querySelectorAll('.rating-outer-form')
-        .forEach((form) => {
-        let formData = {};
-        form.querySelectorAll('[name]')
-          .forEach(function (input) {
-          let inputData = salla.helpers.inputData(input.name, input.value, formData);
-          formData[inputData.name] = inputData.value;
-        });
-        formsData = [];
-        formsData.push(formData);
-        this.sendFeedback(type, formsData);
-      });
-    });
-    return this.ratingChain;
-  }
-  sendFeedback(type, formsData) {
-    if (!formsData || formsData.length == 0) {
-      return;
-    }
-    this.nextBtn.load();
-    salla.config.canLeave = false;
-    this.ratingChain = salla.feedback.api[type](formsData[0])
-      .then(function () {
-      salla.config.canLeave = true;
-    }).catch(() => salla.config.canLeave = true);
-  }
-  ratingValidation() {
-    let errorMsg = '';
-    document.querySelectorAll('.s-rating-step.s-rating-active')
-      .forEach((ratingSection) => {
-      ratingSection.querySelectorAll('.rating-outer-form')
-        .forEach((rating) => {
-        let ratingInput = rating.querySelector('.rating_hidden_input');
-        let commentInput = rating.querySelector('.s-rating-comment');
-        let validationMessage = rating.querySelector('.s-rating-validation-msg');
-        if (ratingInput.value && commentInput.value && commentInput.value.length > 3) {
-          commentInput.classList.remove('s-rating-has-error');
-          validationMessage.innerHTML = '';
-          return;
-        }
-        else if (commentInput.value && commentInput.value.length > 3) {
-          commentInput.classList.remove('s-rating-has-error');
-        }
-        else {
-          commentInput.classList.add('s-rating-has-error');
-        }
-        errorMsg = ratingInput.value
-          ? (salla.lang.get('common.errors.not_less_than_chars', { chars: 4 }) + ' ' + commentInput.getAttribute('placeholder'))
-          : (rating.dataset.starsError || salla.lang.get('pages.rating.rate_store_stars'));
-        validationMessage.innerHTML = errorMsg;
-      });
-    });
-    //Fire error to prevent going to next step
-    if (errorMsg) {
-      throw new Error(errorMsg);
-    }
-  }
-  // render
-  render() {
-    return (h(Host, null,
-      h("salla-modal", { class: "hidden", "modal-width": "w-[800px]", ref: modal => this.modal = modal, title: salla.lang.get('pages.rating.rate_order') + ' <span class="unicode">(#' + this.orderId + ')</span>' },
-        h("div", { class: "s-rating-wrapper " },
-          this.isStoreRating && this.renderStoreRating(),
-          this.isProductsRating && this.renderProductsRating(),
-          this.isShippingRating && this.renderShippingRating(),
-          this.renderThanksView()),
-        h("div", { class: "s-rating-footer" },
-          h("button", { id: "prev-btn", class: "s-rating-btn s-rating-unvisiable" }, salla.lang.get('pages.order.rating_prev')),
-          this.stepsCount > 1 ?
-            h("ul", { class: "s-rating-dots" }, [0, 1, 2].slice(0, this.stepsCount).map(index => h("li", { class: `${index == 0 ? 's-rating-bg-primary' : 's-rating-bg-gray'} s-rating-step-dot` }))) : '',
-          h("salla-button", { id: "next-btn", ref: nextBtn => this.nextBtn = nextBtn }, "\u0627\u0644\u062A\u0627\u0644\u064A")))));
-  }
-  renderStoreRating() {
-    return (h("section", { class: "s-rating-step", "data-type": "store", "data-step-name": salla.lang.get('pages.rating.rate') + ' ' + salla.lang.get('pages.rating.store') },
-      h("div", { class: "rating-outer-form s-rating-step-wrap", "data-stars-error": salla.lang.get('pages.rating.rate_store_stars') },
-        h("input", { type: "hidden", name: "order_id", value: this.orderId }),
-        h("input", { type: "hidden", name: "type", value: "store" }),
-        h("div", { class: "s-rating-rounded-icon" },
-          h("img", { src: this.order.storeLogo, alt: "store name", class: "s-rating-store-logo" })),
-        h("h2", { class: "s-rating-title" }, salla.lang.get('pages.rating.rate_the_store')),
-        h("div", { class: "s-rating-stars-company" },
-          " ",
-          this.getStarsRating('large')),
-        h("textarea", { id: "storeReview", name: "comment", class: "s-rating-comment", placeholder: salla.lang.get('pages.rating.write_store_rate') }),
-        h("small", { class: "s-rating-validation-msg" }))));
-  }
-  renderShippingRating() {
-    return (h("section", { class: "s-rating-step", "data-type": "shipping", "data-step-name": salla.lang.get('pages.rating.rate') + ' ' + salla.lang.get('pages.rating.shipping') },
-      h("div", { class: "rating-outer-form s-rating-step-wrap", "data-stars-error": salla.lang.get('pages.rating.rate_shipping_stars') },
-        h("input", { type: "hidden", name: "order_id", value: this.orderId }),
-        h("input", { type: "hidden", name: "shipping_company_id", value: this.order.shipping.id }),
-        h("input", { type: "hidden", name: "type", value: "shipping" }),
-        h("div", { class: "s-rating-rounded-icon" },
-          h("img", { src: this.order.shippingLogo, alt: "company name", class: "s-rating-shipping-logo" })),
-        h("h2", { class: "s-rating-title" },
-          " ",
-          salla.lang.get('pages.rating.rate_shipping'),
-          " \u0627\u0631\u0627\u0645\u0643\u0633"),
-        h("div", { class: "s-rating-stars-company" },
-          " ",
-          this.getStarsRating('large')),
-        h("textarea", { id: "shippingReview", name: "comment", class: "s-rating-comment", placeholder: salla.lang.get('pages.rating.write_shipping_rate') }),
-        h("small", { class: "s-rating-validation-msg" }))));
-  }
-  renderProductsRating() {
-    return (h("section", { class: "s-rating-step", "data-type": "product", "data-step-name": salla.lang.get('pages.rating.rate') + ' ' + salla.lang.get('pages.rating.products') }, this.order.products.map((item, index) => h("div", { class: "rating-outer-form s-rating-product", "data-stars-error": salla.lang.get('pages.order.rate_product_stars') },
-      h("img", { src: item.image, alt: item.title, class: "s-rating-product-img" }),
-      h("div", { class: "s-rating-product-details" },
-        h("h3", { class: "s-rating-product-title" },
-          " ",
-          item.title),
-        h("div", { class: "s-rating-stars-product" },
-          " ",
-          this.getStarsRating('small')),
-        h("input", { type: "hidden", name: "order_id", value: this.orderId }),
-        h("input", { type: "hidden", name: `products[${index}][product_id]`, value: item.getOptimusRouteKey }),
-        h("input", { type: "hidden", name: "type", value: "products" }),
-        h("textarea", { "data-product-id": item.id, name: `products[${index}][comment]`, id: `productReview_${item.id}`, class: "s-rating-comment", placeholder: salla.lang.get('pages.rating.write_product_rate') }),
-        h("small", { class: "s-rating-validation-msg" }))))));
-  }
-  renderThanksView() {
-    return (h("div", { class: "s-rating-thanks s-rating-hidden" },
-      h("span", { class: "s-rating-thanks-icon sicon-check-circle2" }),
-      h("h3", { class: "s-rating-thanks-title" }, salla.lang.get('pages.rating.thanks')),
-      h("div", { class: "s-rating-thanks-msg", innerHTML: this.thanksMsg }),
-      h("a", { href: "#!", onClick: () => this.hide(), class: "s-rating-thanks-btn" }, "\u0639\u0648\u062F\u0629 \u0625\u0644\u064A \u062A\u0641\u0627\u0635\u064A\u0644 \u0627\u0644\u0637\u0644\u0628"),
-      h("time", { class: "s-rating-thanks-time" })));
-  }
-  getStarsRating(size) {
-    return (h("form", { class: "s-rating-stars-element" },
-      h("input", { type: "hidden", class: "rating_hidden_input", name: "rating", value: "" }),
-      [1, 2, 3, 4, 5].map((star) => h("button", { type: "submit", class: `s-rating-btn-star s-rating-btn-star-` + size, "data-star": star },
-        h("i", { class: "sicon-star2" })))));
-  }
-  static get is() { return "salla-rating"; }
-  static get originalStyleUrls() { return {
-    "$": ["salla-rating.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["salla-rating.css"]
-  }; }
-  static get properties() { return {
-    "orderId": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Ratted order Id"
-      },
-      "attribute": "order-id",
-      "reflect": false
-    },
-    "thanksMsg": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Display this message after sending user feedback"
-      },
-      "attribute": "thanks-msg",
-      "reflect": false
-    },
-    "isStoreRating": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Set to true to display store rating step"
-      },
-      "attribute": "is-store-rating",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "isProductsRating": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Set to true to display products rating step"
-      },
-      "attribute": "is-products-rating",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "isShippingRating": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Set to true to display shipping rating step"
-      },
-      "attribute": "is-shipping-rating",
-      "reflect": false,
-      "defaultValue": "false"
-    }
-  }; }
-  static get methods() { return {
-    "show": {
-      "complexType": {
-        "signature": "() => Promise<HTMLElement>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          },
-          "HTMLElement": {
-            "location": "global"
-          }
-        },
-        "return": "Promise<HTMLElement>"
-      },
-      "docs": {
-        "text": "",
-        "tags": []
-      }
-    },
-    "hide": {
-      "complexType": {
-        "signature": "() => Promise<HTMLElement>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          },
-          "HTMLElement": {
-            "location": "global"
-          }
-        },
-        "return": "Promise<HTMLElement>"
-      },
-      "docs": {
-        "text": "",
-        "tags": []
-      }
-    }
-  }; }
-  static get elementRef() { return "host"; }
-}

package/dist/collection/components/salla-search/salla-search.js

@@ -1,132 +0,0 @@
-import { Component, h, Host, Prop, State, Element, Listen } from '@stencil/core';
-import Helper from "../../Helpers/Helper";
-export class SallaSearch {
-  constructor() {
-    var _a, _b;
-    this.results = [];
-    /**
-     * Override search placeholder.
-     */
-    this.placeholder = salla.lang.get('blocks.header.search_placeholder');
-    /**
-     * Override no results error message.
-     */
-    this.noResultsText = salla.lang.get('common.elements.no_options');
-    Helper.setHost(this.host);
-    this.buttonSlot = ((_a = Helper.getElement('[slot="button"]')) === null || _a === void 0 ? void 0 : _a.innerHTML) || '<i class="sicon-search"></i>';
-    this.productSlot = ((_b = Helper.getElement('[slot="product"]')) === null || _b === void 0 ? void 0 : _b.innerHTML) || this.getDefaultProductSlot();
-  }
-  onModalClose() {
-    Helper.getElement('.s-search-input').value = '';
-    this.results = [];
-    this.afterSearching();
-  }
-  getDefaultProductSlot() {
-    return '<a target="_blank" href={url} class="s-search-product-image-container">' +
-      '  <img class="s-search-product-image" src="{image}" alt="{name}"/>' +
-      '</a>' +
-      '<div class="s-search-product-details">' +
-      '  <div class="s-search-product-name">{name}</div> <div class="s-search-product-price">{price}</div>' +
-      '</div>';
-  }
-  //todo:: reset data when closing
-  search(e) {
-    Helper.hideElement(this.noResults);
-    if (e.target.value.length === 0) {
-      this.results = [];
-      this.afterSearching();
-      return;
-    }
-    if (e.target.value.length <= 2) {
-      return;
-    }
-    //run loading spinner or stop it
-    Helper.toggleElement(this.searchIcon, 's-search-spinner-loader', 'sicon-search', () => true);
-    salla.search.api.search(e.target.value)
-      .then(response => this.results = response.results)
-      .catch(err => err !== 'Query Same As Previous!' ? this.results = [] : null)
-      .finally(() => this.afterSearching(/*isEmpty*/ false));
-  }
-  afterSearching(isEmpty = true) {
-    this.noResults.style.display = isEmpty || this.results.length > 0 ? 'none' : 'block';
-    Helper.toggleElement(this.container, 's-search-container-open', 'no-results', () => this.results.length)
-      .toggleElement(this.searchIcon, 's-search-spinner-loader', 'sicon-search', () => false); //stop searching anime
-    salla.search.api.previousQuery = ''; //avoid having error 'Query Same As Previous' after reopen modal;
-  }
-  render() {
-    var _a;
-    return (h(Host, { class: "s-search" },
-      h("button", { onClick: () => this.modal.show(), class: "s-search-button", innerHTML: this.buttonSlot }),
-      h("salla-modal", { ref: modal => this.modal = modal },
-        h("div", { class: "s-search-container", slot: "body", ref: container => this.container = container },
-          h("input", { class: "s-search-input", type: "text", placeholder: this.placeholder, onInput: e => this.search(e) }),
-          h("span", { class: "s-search-icon" },
-            h("i", { class: "sicon-search", ref: el => this.searchIcon = el })),
-          h("div", { class: "s-search-results" }, (_a = this.results) === null || _a === void 0 ? void 0 :
-            _a.map(item => {
-              var _a;
-              return h("div", { class: "s-search-product", innerHTML: this.productSlot
-                  .replace(/\{name\}/g, item.title)
-                  .replace(/\{price\}/g, (_a = item.price) === null || _a === void 0 ? void 0 : _a.after) //todo:: get discounted price too
-                  .replace(/\{url\}/g, item.url)
-                  .replace(/\{image\}/g, item.thumb) });
-            }),
-            h("p", { ref: el => this.noResults = el, class: "s-search-no-results" }, this.noResultsText))))));
-  }
-  /**
-   * Run it one time after load
-   */
-  componentDidLoad() {
-    this.afterSearching();
-  }
-  static get is() { return "salla-search"; }
-  static get properties() { return {
-    "placeholder": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Override search placeholder."
-      },
-      "attribute": "placeholder",
-      "reflect": false,
-      "defaultValue": "salla.lang.get('blocks.header.search_placeholder')"
-    },
-    "noResultsText": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Override no results error message."
-      },
-      "attribute": "no-results-text",
-      "reflect": false,
-      "defaultValue": "salla.lang.get('common.elements.no_options')"
-    }
-  }; }
-  static get states() { return {
-    "results": {}
-  }; }
-  static get elementRef() { return "host"; }
-  static get listeners() { return [{
-      "name": "modalClosed",
-      "method": "onModalClose",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }]; }
-}

package/dist/collection/components/salla-tel-input/salla-tel-input.js

@@ -1,14 +0,0 @@
-import { Component, Host, h } from '@stencil/core';
-import intlTelInput from 'intl-tel-input';
-export class SallaTelInput {
-  constructor() {
-    console.log(intlTelInput);
-  }
-  render() {
-    return (h(Host, null,
-      h("slot", null,
-        h("h1", null, "Test Tel Input"))));
-  }
-  static get is() { return "salla-tel-input"; }
-  static get encapsulation() { return "shadow"; }
-}