@salla.sa/twilight-components 1.0.10 → 1.0.12

package/dist/twilight-components/multi-warehouse.entry.js

@@ -1,86 +0,0 @@
-import { r as registerInstance, h, g as getElement } from './index-8cf58712.js';
-
-// import Helper from "../../Helpers/Helper";
-let engine = require('store/src/store-engine');
-let storages = require('store/storages/sessionStorage');
-let sessionStore = engine.createStore(storages);
-const MultiWarehouse = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.open = false;
-    this.isOpenedBefore = sessionStore.get("multi-warehouse-opened-before");
-    this.displayAs = 'default';
-    this.browseProductsFrom = 'all';
-    this.branches = [
-      { id: 1, name: 'فرع الرياض', open: true, available: true, limited: false, tag: 'متوفر' },
-      { id: 2, name: 'فرع جدة', open: false, available: false, limited: false, tag: 'غير متوفر' },
-      { id: 3, name: 'فرع مكة', open: true, available: true, limited: false, tag: 'متوفر' },
-      { id: 4, name: 'فرع المدينة', open: true, available: true, limited: false, tag: 'متوفر' },
-      { id: 5, name: 'فرع جازان', open: true, available: true, limited: true, tag: 'الكمية محدودة' }
-    ];
-    this.current = 1;
-    this.currentBranch = (prop) => {
-      return this.branches.filter((el) => el.id == this.current)[0][prop];
-    };
-    this.statusColor = (branch = null) => {
-      return branch ?
-        branch.limited ? 'text-red-400' : branch.available ? 'text-green-500' : 'text-gray-400'
-        :
-          this.currentBranch('limited') ? 'text-red-400' : this.currentBranch('available') ? 'text-green-500' : 'text-gray-400';
-    };
-    this.isChoiceable = () => {
-      return (this.browseProductsFrom !== 'all' && this.position == 'single') || this.position == 'header';
-    };
-    this.formTitle = () => {
-      return this.isChoiceable() ?
-        'توفر المنتج في الفروع الآخرى'
-        : 'التسوق من فرع آخر';
-    };
-    salla.event.on('branches::show', () => this.show());
-  }
-  async show() {
-    return this.modal.show();
-  }
-  async hide() {
-    return this.modal.hide();
-  }
-  handelChange(event) {
-    this.selected = event.target.value;
-  }
-  handleSubmit() {
-    this.btn.load().then(() => {
-      setTimeout(() => location.reload(), 2000);
-    });
-    sessionStore.set("multi-warehouse-opened-before", true);
-    this.show();
-    setTimeout(() => {
-      this.current = this.selected;
-    }, 300);
-  }
-  render() {
-    return (h("salla-modal", { "is-closable": !this.isOpenedBefore && this.displayAs == 'popup' ? 'false' : 'true', ref: modal => this.modal = modal, "modal-width": "w-116", class: "hidden" }, h("slot", { name: "header" }, h("div", { slot: "header" })), h("div", null, h("div", { class: "text-right" }, h("div", { class: "flex items-center mb-8" }, h("div", { class: "flex-shrink-0 sm:mb-0 me-4" }, h("div", { class: "h-16 w-16 border border-gray-200 bg-white text-primary rounded-full flex justify-center items-center" }, h("span", { class: "sicon-store-alt" }))), h("div", null, h("p", { class: "mt-1 text-xs text-gray-400" }, "\u0623\u0646\u062A \u0627\u0644\u0622\u0646 \u062A\u062A\u0635\u0641\u062D \u0627\u0644\u0645\u062A\u062C\u0631 \u0645\u0646"), h("h4", { class: "text-base" }, "\u0641\u0631\u0639 \u0627\u0644\u0631\u064A\u0627\u0636"))), h("fieldset", { class: "mt-4" }, h("h4", { class: "text-sm text-gray-600 mb-6" }, this.formTitle()), h("legend", { class: "sr-only" }, this.formTitle()), this.branches.length <= 5 ?
-      h("div", { class: "space-y-5" }, this.branches.map((branch) => h("div", { class: "flex items-center" }, h("input", { id: this.position + '_branch_' + branch.id, disabled: !branch.open && this.isChoiceable(), name: "lang", type: "radio", value: branch.id, onChange: (event) => this.handelChange(event), class: {
-          'me-3 focus:ring-primary h-4 w-4 text-primary border-gray-300': true,
-          'opacity-50': !branch.open,
-          'hidden': !this.isChoiceable()
-        }, checked: this.current == branch.id }), h("label", { htmlFor: this.position + '_branch_' + branch.id, class: {
-          'flex items-center justify-between text-sm font-medium text-gray-700 flex-grow': true,
-          'cursor-pointer': this.isChoiceable()
-        } }, h("span", { class: { 'opacity-50': !branch.open } }, branch.name), this.isChoiceable() ?
-        h("small", { class: "text-red-400" }, branch.open ? '' : 'مُغلق')
-        :
-          h("span", { class: this.statusColor(branch) }, branch.tag)))))
-      :
-        h("select", { class: "w-full h-10 transition-colors duration-300 focus:ring-transparent focus:border-primary sm:text-sm border-gray-200 rounded-md appearance-none visibility_condition px-4", onInput: (event) => this.handelChange(event) }, this.branches.map(branch => (h("option", { value: branch.id, disabled: !branch.open, selected: this.selected == branch.id }, branch.name, " ", branch.open ? '' : '- مُغلق'))))))), this.isChoiceable() ?
-      h("div", { slot: "footer", class: "mt-6" }, h("slot", { name: "footer" }, h("salla-button", { loading: true, ref: btn => this.btn = btn, onClick: () => this.handleSubmit(), class: "w-full" }, salla.lang.get('common.elements.ok'))))
-      : ''));
-  }
-  componentDidRender() {
-    if (!this.isOpenedBefore && this.displayAs == 'popup') {
-      this.show();
-    }
-  }
-  get host() { return getElement(this); }
-};
-
-export { MultiWarehouse as multi_warehouse };

package/dist/twilight-components/order-rating.entry.js

@@ -1,257 +0,0 @@
-import { r as registerInstance, h, g as getElement } from './index-8cf58712.js';
-import { H as Helper } from './Helper-23b2de40.js';
-
-const orderRatingCss = ":host{display:block}";
-
-const OrderRating = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.stars = [1, 2, 3, 4, 5];
-    this.order = {
-      shipping: { id: 5622 },
-      order_id: "179794",
-      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/NOa4kHvOkd1hBWHk3JIgAo1602oVACfuWGFz3vXv.jpg",
-        //   "price": "‏10,978.00 ر.س",
-        //   "qty": "‏2",
-        //   "totalBefore": "‏1120 ر.س",
-        //   "discount": "-5%",
-        //   "total": "‏1064 ر.س",
-        //   "id": "9842833",
-        //   "getOptimusRouteKey": "735152357"
-        // },
-        {
-          "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"
-        }
-      ],
-      settings: {
-        isProductsRating: true,
-        isStoreRating: true,
-        isShippingRating: true,
-      }
-    };
-    this.ratingChain = Promise.resolve();
-    this.stepsCount = 3;
-    salla.event.on('order-rating::show', () => this.show());
-  }
-  async show() {
-    return this.modal.show();
-  }
-  async hide() {
-    return this.modal.hide();
-  }
-  componentDidRender() {
-    this.show();
-    this.initiateRating();
-  }
-  initiateRating() {
-    this.highlightSelectedStars();
-    this.starsRating();
-    this.handleWizard();
-    salla.event.on('submit::order-rating', () => this.sendRating().then(() => {
-      Helper.toggle('.rating-wizard', 'hidden', 'is-closed', () => true);
-      Helper.toggle('.thankyou-view', 'is-opened', 'hidden', () => true);
-      // window.location.reload()
-    }));
-  }
-  // handle wizard
-  handleWizard() {
-    let currentIndex = 0, steps = document.querySelectorAll(".step"), dots = document.querySelectorAll(".step-dot");
-    Helper.onClick("#prev-btn", () => {
-      currentIndex > 0 && currentIndex--;
-      this.showActiveStep(steps, dots, currentIndex);
-      currentIndex == 0 && Helper.toggle('#prev-btn', 'hidden', 'block', () => true);
-    });
-    Helper.onClick("#next-btn", () => {
-      this.ratingValidation();
-      currentIndex == this.stepsCount - 1 && salla.event.dispatch("submit::order-rating");
-      currentIndex < this.stepsCount - 1 && currentIndex++;
-      this.showActiveStep(steps, dots, currentIndex);
-      Helper.toggle('#prev-btn', 'block', 'hidden', () => true);
-    });
-  }
-  showActiveStep(steps, dots, currentIndex) {
-    Helper.toggle('.step', 'hidden', 'active', () => true);
-    Helper.toggle('.step-dot', 'bg-gray-200', 'bg-primay', () => true);
-    Helper.toggleElement(steps[currentIndex], 'active', 'hidden', () => true);
-    Helper.toggleElement(dots[currentIndex], 'bg-primary', 'bg-gray-200', () => true);
-  }
-  // send feedback rating and validation
-  sendRating() {
-    Helper.all('.rating-section', ratingSection => {
-      let type = ratingSection.dataset.type;
-      let formsData = [];
-      ratingSection.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;
-    }
-    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('.rating-section.active')
-      .forEach((ratingSection) => {
-      ratingSection.querySelectorAll('.rating-outer-form')
-        .forEach((rating) => {
-        let ratingInput = rating.querySelector('.rating_hidden_input');
-        let commentInput = rating.querySelector('.comment');
-        // let sectionTitle = rating.querySelector('.section-title');
-        let validationMessage = rating.querySelector('.validation-message');
-        if (ratingInput.value && commentInput.value && commentInput.value.length > 3) {
-          commentInput.classList.remove('has-error');
-          // sectionTitle?.classList.remove('has-error', 'text-red-400');
-          validationMessage.innerHTML = '';
-          return;
-        }
-        else if (commentInput.value && commentInput.value.length > 3) {
-          commentInput.classList.remove('has-error');
-        }
-        else {
-          commentInput.classList.add('has-error');
-        }
-        // sectionTitle?.classList.add('has-error', 'text-red-400');
-        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 sending rating
-    if (errorMsg) {
-      // scroll to first error
-      let ratingErrors = document.querySelectorAll('.has-error');
-      if (ratingErrors.length) {
-        let firstError = ratingErrors[0].offsetTop;
-        window.scrollTo({ top: firstError - 80 }); // 80 = fixed nav height
-      }
-      throw new Error(errorMsg);
-    }
-  }
-  // handle star rating 
-  starsRating() {
-    let selectedClasses = ['selected', 'text-theme-yellow'];
-    // Listen for form submissions
-    salla.document.event.onSubmit('.rate-element', function (event) {
-      // Prevent form from submitting
-      event.preventDefault();
-      // Get the selected star - activeElement is not supported in safari
-      var activeStars = event.target.querySelectorAll('.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('.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('.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', 'text-theme-yellow'];
-    Helper.all('.rate-element', el => {
-      let starElements = el.querySelectorAll('.btn--star');
-      // remove hovered state from stars ---
-      el.addEventListener('mouseout', () => el.querySelectorAll('.btn--star').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;
-        });
-      });
-    });
-  }
-  // render
-  render() {
-    var _a;
-    return (h("salla-modal", { id: "order-rating", class: "hidden", "modal-width": "w-200", ref: modal => this.modal = modal }, h("slot", { name: "header" }, h("div", { slot: "header", class: "font-bold text-lg" }, "\u062A\u0642\u064A\u064A\u0645 \u0627\u0644\u0637\u0644\u0628 (#13259046)")), h("div", { class: "rating-wizard pannel__body transition-all" }, this.order.settings.isStoreRating && this.renderStoreRating(), this.order.settings.isProductsRating && this.renderProductsRating(), this.order.settings.isShippingRating && this.renderShippingRating()), this.renderThanksView(), h("slot", { name: "footer" }, h("div", { slot: "footer", class: "pannel__footer relative flex justify-between items-center" }, h("button", { id: "prev-btn", class: "font-bold text-sm text-primary hidden" }, "\u0627\u0644\u0633\u0627\u0628\u0642"), h("ul", { class: "flex justify-center text-center space-s-1.5 flex-1" }, (_a = [...Array(this.stepsCount)]) === null || _a === void 0 ? void 0 : _a.map((item, index) => h("li", { class: `${index == 0 ? 'bg-primary' : 'bg-gray-200'} step-dot cursor-pointer w-2.5 h-2.5  rounded-full transition-colors duration-300` }))), h("button", { id: "next-btn", class: "btn btn-primary h-10 px-8 flex-none" }, "\u0627\u0644\u062A\u0627\u0644\u064A")))));
-  }
-  renderStoreRating() {
-    return (h("section", { class: "step rating-section bg-white my-10 p-5 rounded-md mb-5 active", "data-type": "store" }, h("div", { class: "rating-outer-form text-center", "data-stars-error": "\u064A\u0631\u062C\u0649 \u062A\u0642\u064A\u064A\u0645 \u0627\u0644\u0645\u062A\u062C\u0631 \u0628\u0648\u0627\u0633\u0637\u0629 \u0627\u0644\u0646\u062C\u0645\u0627\u062A" }, h("input", { type: "hidden", name: "order_id", value: this.order.order_id }), h("input", { type: "hidden", name: "type", value: "store" }), h("div", { class: "flex flex-col items-center " }, h("div", { class: "w-28 h-28 border border-gray-200 rounded-full flex items-center justify-center mb-4" }, h("img", { src: "https://salla-dev.s3.eu-central-1.amazonaws.com/Mvyk/X3NKcY7nhaFQlR7kBBHvfDpMY48cerunKrmDA1gi.png", alt: "store name", class: "w-12 object-contain" })), h("h2", { class: "section-title text-lg font-bold mb-7" }, "\u0643\u064A\u0641 \u0643\u0627\u0646\u062A \u062A\u062C\u0631\u0628\u062A\u0643 \u0645\u0639 \u0627\u0644\u0645\u062A\u062C\u0631 \u0647\u0630\u0647 \u0627\u0644\u0645\u0631\u0629")), h("div", { class: "mb-2" }, h("textarea", { id: "storeReview", name: "comment", class: "form-input comment h-20", placeholder: "\u0627\u0636\u0641 \u0631\u0623\u064A\u0643 \u0639\u0646 \u0627\u0644\u0645\u062A\u062C\u0631.." })), h("div", { class: "rating-wrap flex items-center space-s-4 flex justify-center" }, h("form", { class: "rate-element rate-element--has-label" }, this.getStarsRating())), h("small", { class: "text-red-400 validation-message" }))));
-  }
-  renderProductsRating() {
-    return (h("section", { class: "step rating-section products-section hidden", "data-type": "product" }, h("div", { class: "bg-white mb-5 rounded-md overflow-hidden mb-10 pt-14" }, this.order.products.map((item, index) => {
-      var _a;
-      return h("div", { class: "rating-outer-form", "data-stars-error": `يرجى تقييم (${item.title}) بواسطة النجمات` }, h("div", { class: "product-item mb-4" }, h("div", { class: "mb-5" }, h("div", { class: "flex space-s-5 mb-8" }, h("img", { src: item.image, alt: item.title, class: "w-18 h-14 object-cover rounded-md" }), h("div", { class: "flex-1" }, h("h3", { class: "section-title leading-5 mb-1.5 font-bold  md:text-sm" }, " ", item.title), h("div", { class: "rw-product-entry__rate" }, h("div", { class: "rating-wrap flex items-center space-s-4" }, h("form", { class: "rate-element rate-element--has-label" }, this.getStarsRating())), h("input", { type: "hidden", name: "order_id", value: (_a = this.order) === null || _a === void 0 ? void 0 : _a.order_id }), 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: "comment form-input h-20 product-review", placeholder: `اضف رأيك عن المنتج (${item.title})` }), h("small", { class: "text-red-400 validation-message" })))))));
-    }))));
-  }
-  renderShippingRating() {
-    return (h("section", { class: "step rating-section bg-white my-10 p-5 rounded-md mb-5 hidden", "data-type": "shipping" }, h("div", { class: "rating-outer-form text-center", "data-stars-error": "\u064A\u0631\u062C\u0649 \u062A\u0642\u064A\u064A\u0645 \u0634\u0631\u0643\u0629 \u0627\u0644\u0634\u062D\u0646 \u0628\u0648\u0627\u0633\u0637\u0629 \u0627\u0644\u0646\u062C\u0645\u0627\u062A" }, h("input", { type: "hidden", name: "order_id", value: this.order.order_id }), h("input", { type: "hidden", name: "shipping_company_id", value: this.order.shipping.id }), h("input", { type: "hidden", name: "type", value: "shipping" }), h("div", { class: "flex flex-col items-center " }, h("div", { class: "w-28 h-28 overflow-hidden border border-gray-200 rounded-full flex items-center justify-center mb-4" }, h("img", { src: "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcScPt4R6KaKDldrXb-9pUljFwL3m6A72BhN6p1qZJKprwC6VbCWC_8ASZgiJAoL_l7DepM&usqp=CAU", alt: "company name", class: "w-full h-full object-contain" })), h("h2", { class: "section-title text-lg font-bold mb-7" }, "\u0627\u062E\u0628\u0631\u0646\u0627 \u0639\u0646 \u062A\u062C\u0631\u0628\u062A\u0643 \u0645\u0639 \u0634\u0631\u0643\u0629 \u0627\u0644\u0634\u062D\u0646 \u0627\u0631\u0627\u0645\u0643\u0633")), h("div", { class: "mb-2" }, h("textarea", { id: "shippingReview", name: "comment", class: "form-input comment h-20 mb-2", placeholder: "\u0627\u0636\u0641 \u0631\u0623\u064A\u0643 \u0639\u0646 \u0634\u0631\u0643\u0629 \u0627\u0644\u0634\u062D\u0646" })), h("div", { class: "rating-wrap flex items-center space-s-4 flex justify-center" }, h("form", { class: "rate-element ratFeedbackPresentere-element--has-label" }, this.getStarsRating())), h("small", { class: "text-red-400 validation-message" }))));
-  }
-  renderThanksView() {
-    return (h("div", { class: "thankyou-view py-32 px-8 text-center hidden" }, h("span", { class: "w-20 h-20 text-4xl inline-flex justify-center items-center bg-gray-50 rounded-full text-primary sicon-check-circle2" }), h("div", { class: "mt-4 mb-6" }, h("h3", { class: "font-bold" }, "\u062A\u0645 \u062A\u0642\u064A\u064A\u0645 \u0627\u0644\u0637\u0644\u0628 \u0628\u0646\u062C\u0627\u062D"), h("p", { class: "text-gray-400 text-sm" }, "\u0634\u0643\u0631\u0627 \u0644\u062A\u0642\u064A\u064A\u0645\u0643 \u0648 \u0645\u0633\u0627\u0639\u062F\u062A\u0646\u0627 \u0641\u064A \u062A\u062D\u0633\u064A\u0646 \u062A\u062C\u0631\u0628\u062A\u0646\u0627 \u0644\u062A\u0642\u062F\u064A\u0645 \u0627\u0644\u0623\u0641\u0636\u0644 \u0644\u0643\u0645")), h("a", { href: "#!", onClick: () => this.hide(), class: "btn btn-primary h-10 flex-none px-8" }, "\u0639\u0648\u062F\u0629 \u0625\u0644\u064A \u062A\u0641\u0627\u0635\u064A\u0644 \u0627\u0644\u0637\u0644\u0628")));
-  }
-  getStarsRating() {
-    return (h("div", { class: "mb-1" }, h("input", { type: "hidden", class: "rating_hidden_input", name: "rating", value: "" }), this.stars.map((star) => h("button", { type: "submit", class: "btn btn--transparent px-1 text-2xl text-gray-400 btn--star", "data-star": star }, h("i", { class: "sicon-star2" })))));
-  }
-  get host() { return getElement(this); }
-};
-OrderRating.style = orderRatingCss;
-
-export { OrderRating as order_rating };

package/dist/twilight-components/salla-button.entry.js

@@ -1,57 +0,0 @@
-import { r as registerInstance, h, g as getElement } from './index-8cf58712.js';
-import { H as Helper } from './Helper-23b2de40.js';
-
-const sallaButtonCss = ":host{display:block}";
-
-const SallaButton = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.color = 'primary'; // outline,primary-outline,danger
-    this.loading = false;
-    this.disabled = false;
-    this.hostAttributes = {};
-    //============= Initiate Button Attributes =============//
-    for (let i = 0; i < this.host.attributes.length; i++) {
-      this.hostAttributes[this.host.attributes[i].name] = this.host.attributes[i].value;
-    }
-    this.hostAttributes.type = this.hostAttributes.type || 'button';
-    this.hostAttributes.class = (this.hostAttributes.class || '') + ' s-button-btn btn--has-loading btn-' + this.color;
-    // if(this.hostAttributes.onclick){
-    //   this.hostAttributes.onclick=eval(this.hostAttributes.onclick);
-    // }
-    delete this.hostAttributes['color'];
-    delete this.hostAttributes['id'];
-  }
-  async load() {
-    this.host.setAttribute('loading', '');
-    return this.host;
-  }
-  async stop() {
-    this.host.removeAttribute('loading');
-    return this.host;
-  }
-  async disable() {
-    this.host.setAttribute('disabled', '');
-  }
-  async enable() {
-    this.host.removeAttribute('disabled');
-  }
-  handleVisible(newKind, oldKind) {
-    this.btn.classList.remove('btn-' + oldKind);
-    this.btn.classList.add('btn-' + newKind);
-  }
-  handleLoading(newVal) {
-    Helper.toggleElement(this.btn, 'btn--is-loading', 'btn--no-loading', () => newVal);
-  }
-  render() {
-    return (h("button", Object.assign({ ref: btn => this.btn = btn, disabled: this.disabled }, this.hostAttributes), h("slot", null), this.loading ? h("span", { class: "loader loader--small s-button-loader" }) : ''));
-  }
-  get host() { return getElement(this); }
-  static get watchers() { return {
-    "color": ["handleVisible"],
-    "loading": ["handleLoading"]
-  }; }
-};
-SallaButton.style = sallaButtonCss;
-
-export { SallaButton as salla_button };

package/dist/twilight-components/salla-localization.entry.js

@@ -1,48 +0,0 @@
-import { r as registerInstance, h, g as getElement } from './index-8cf58712.js';
-import { H as Helper } from './Helper-23b2de40.js';
-
-const SallaLocalization = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    Helper.setHost(this.host);
-    salla.event.on('localization::show', () => this.show());
-  }
-  async show() {
-    return this.modal.show();
-  }
-  async hide() {
-    return this.modal.hide();
-  }
-  setCurrentLanguage(language) {
-    this.language = language;
-  }
-  setCurrentCurrency(currency) {
-    this.currency = currency;
-  }
-  async submit() {
-    let url;
-    this.btn.load()
-      .then(() => {
-      if (this.currency && this.currency.code !== salla.config.currency.code) {
-        url = window.location.href;
-        return salla.currency.api.change(this.currency.code);
-      }
-    }).then(() => {
-      if (this.language && this.language.code !== salla.config.language.code) {
-        url = this.language.url;
-      }
-    }).then(() => this.btn.stop())
-      .then(() => this.hide())
-      .then(() => url && (window.location.href = url));
-  }
-  render() {
-    return (h("salla-modal", { id: "salla-localization", class: "hidden", ref: modal => this.modal = modal }, h("slot", { name: "header" }, h("div", { slot: "header" })), h("div", { class: "s-localization-inner" }, salla.config.languages
-      ? h("div", { class: "s-localization-section" }, h("label", { class: "s-localization-title" }, salla.lang.get('common.titles.language')), h("fieldset", { class: "s-localization-fieldset" }, h("legend", { class: "sr-only" }, salla.lang.get('blocks.header.change_language')), h("div", { class: "s-localization-section-inner" }, salla.config.languages.map(lang => h("div", { class: "flex items-center" }, h("input", { class: "s-localization-input", checked: salla.config.language.code == lang.code, onChange: () => this.setCurrentLanguage(lang), id: 'lang-' + lang.code.toLowerCase(), name: "language", type: "radio", value: lang.code }), h("label", { htmlFor: 'lang-' + lang.code.toLowerCase(), class: "s-localization-label" }, h("span", null, lang.name), h("div", { class: 's-localization-flag flag iti__flag iti__' + lang.country_code })))))))
-      : '', salla.config.currencies
-      ? h("div", { class: "s-localization-section" }, h("label", { class: "s-localization-title" }, salla.lang.get('common.titles.currency')), h("fieldset", { class: "s-localization-fieldset" }, h("legend", { class: "sr-only" }, salla.lang.get('blocks.header.change_currency')), h("div", { class: "s-localization-section-inner" }, salla.config.currencies.map(currency => h("div", { class: "s-localization-item" }, h("input", { class: "s-localization-input", checked: salla.config.currency.code == currency.code, onChange: () => this.setCurrentCurrency(currency), id: 'currency-' + currency.code, name: "currency", type: "radio", value: currency.code }), h("label", { class: "s-localization-label", htmlFor: 'currency-' + currency.code }, h("span", null, currency.name), h("small", { class: "s-localization-currency" }, currency.code)))))))
-      : ''), h("p", { slot: "footer" }, h("slot", { name: "footer" }, h("salla-button", { ref: btn => this.btn = btn, onClick: () => this.submit(), class: "w-full" }, salla.lang.get('common.elements.ok'))))));
-  }
-  get host() { return getElement(this); }
-};
-
-export { SallaLocalization as salla_localization };

package/dist/twilight-components/salla-login.entry.js

@@ -1,2 +0,0 @@
-export { S as salla_login } from './salla-login-97e0a9ab.js';
-import './index-8cf58712.js';

package/dist/twilight-components/salla-modal.entry.js

@@ -1,84 +0,0 @@
-import { r as registerInstance, f as createEvent, h, e as Host, g as getElement } from './index-8cf58712.js';
-import { H as Helper } from './Helper-23b2de40.js';
-
-const SallaModal = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.ready = createEvent(this, "ready", 7);
-    this.close = createEvent(this, "close", 7);
-    this.error = false;
-    this.success = false;
-    this.isClosable = true;
-    this.modalWidth = 'w-96'; //todo use friendly names
-    this.visible = false;
-    this.subTitle = '';
-    this.icon = 'sicon-cancel';
-    salla.event.on('modal::open', btn => btn.dataset.target == this.host.id && this.show());
-    salla.event.on('modal::close', btn => btn.dataset.target == this.host.id && this.hide());
-    this.title = this.host.title;
-    this.host.removeAttribute('title');
-  }
-  handleVisible(newValue) {
-    if (!newValue) {
-      this.toggleModal(false);
-      this.close.emit();
-      return;
-    }
-    this.host.classList.remove('hidden');
-    setTimeout(() => this.toggleModal(true)); //small amont of time to running toggle After adding hidden
-    this.ready.emit();
-  }
-  async show() {
-    this.host.setAttribute('visible', '');
-    return this.host;
-  }
-  async hide() {
-    this.host.removeAttribute('visible');
-    return this.host;
-  }
-  async setTitle(title) {
-    this.title = title;
-    return this.host;
-  }
-  toggleModal(isOpen) {
-    //todo:: use ref
-    Helper.toggleElement(this.host.querySelector('.s-modal-overlay'), 'ease-out duration-300 opacity-100', 'opacity-0', () => isOpen)
-      .toggleElement(this.host.querySelector('.s-modal-body'), 'ease-out duration-300 opacity-100 translate-y-0 sm:scale-100', //add these classes
-    'opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95', //remove these classes
-    () => isOpen)
-      .toggleElement(document.body, 'modal-is-open', 'modal-is-closed', () => isOpen);
-    if (!isOpen) {
-      setTimeout(() => this.host.classList.add('hidden'), 350);
-    }
-  }
-  closeModal() {
-    if (!this.isClosable) {
-      return;
-    }
-    this.host.removeAttribute('visible');
-  }
-  //todo:: pref for each modal
-  render() {
-    this.host.id = this.host.id || 'salla-modal';
-    return (h(Host, { class: 's-modal-container hidden', "aria-modal": "true", role: "dialog" }, h("div", { class: "s-modal-wrapper" }, h("div", { class: "s-modal-overlay", onClick: () => this.closeModal() }), h("span", { class: "s-modal-spacer" }, "\u200B"), h("div", { class: 's-modal-body ' + this.modalWidth }, h("slot", { name: "header" }, h("div", { class: "s-modal-header" }, this.isClosable ?
-      h("button", { class: "s-modal-close cursor-pointer", onClick: () => this.closeModal(), type: "button" }, h("span", { class: "sicon-cancel" }))
-      : '', this.error || this.success || this.icon
-      ? h("div", { class: {
-          's-modal-icon': true,
-          's-modal-bg-error': this.error,
-          's-modal-bg-success': this.success,
-          's-modal-bg-normal': !this.error && !this.success
-        } }, h("i", { class: {
-          [this.icon]: true,
-          's-modal-text-error': this.error,
-          's-modal-text-success': this.success,
-        } }))
-      : '', h("div", { class: "s-modal-title", innerHTML: this.title }), h("p", { class: "s-modal-sub-title", innerHTML: this.subTitle }))), h("slot", null), h("slot", { name: "footer" })))));
-  }
-  get host() { return getElement(this); }
-  static get watchers() { return {
-    "visible": ["handleVisible"]
-  }; }
-};
-
-export { SallaModal as salla_modal };

package/dist/twilight-components/salla-search.entry.js

@@ -1,2 +0,0 @@
-export { S as salla_search } from './salla-search-df1c9b54.js';
-import './index-8cf58712.js';