@salla.sa/twilight-components 1.6.2 → 1.6.4

package/dist/cjs/salla-tab-content_3.cjs.entry.js

@@ -1,159 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-0d0167d5.js');
-
-const sallaTabContentCss = "";
-
-const SallaTabContent = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.isSelected = false;
-  }
-  /**
-   * Expose self for the parent.
-   */
-  async getChild() {
-    return {
-      selected: this.selected.bind(this),
-      unselect: this.unselect.bind(this),
-      name: this.name
-    };
-  }
-  unselect() {
-    this.isSelected = false;
-  }
-  selected() {
-    this.isSelected = true;
-  }
-  render() {
-    const classes = {
-      's-tabs-content': true,
-      's-tabs-content-selected': this.isSelected
-    };
-    return (index.h("div", { class: classes }, index.h("slot", null)));
-  }
-};
-SallaTabContent.style = sallaTabContentCss;
-
-function generateRandomId() {
-  return Math.random().toString(36).slice(2, 10);
-}
-
-const sallaTabHeaderCss = "";
-
-const SallaTabHeader = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.tabSelected = index.createEvent(this, "tabSelected", 7);
-    this.id = generateRandomId();
-    /**
-   * The class applied to the currently active(selected) tab
-   */
-    this.activeClass = undefined;
-    /**
-     * Set the height of the tab bar
-     */
-    this.height = undefined;
-    /**
-     * Center tab items in the given flex.
-     */
-    this.centered = false;
-    this.isSelected = false;
-  }
-  /**
-   * Expose self for the parent.
-   */
-  async getChild() {
-    return {
-      selected: this.selected.bind(this),
-      unselect: this.unselect.bind(this),
-      name: this.name,
-      id: this.id
-    };
-  }
-  unselect() {
-    this.isSelected = false;
-  }
-  selected() {
-    this.isSelected = true;
-  }
-  onClick() {
-    this.getChild().then(child => {
-      this.tabSelected.emit(child);
-    });
-  }
-  render() {
-    const classes = {
-      's-tabs-header-item': true,
-      's-tabs-bg-normal': true,
-      's-tabs-active': this.isSelected,
-    };
-    return [
-      index.h("div", { class: classes, onClick: this.onClick.bind(this) }, index.h("slot", null)),
-    ];
-  }
-};
-SallaTabHeader.style = sallaTabHeaderCss;
-
-const sallaTabsCss = ".s-tabs-header{-ms-overflow-style:none;scrollbar-width:none;}.s-tabs-header::-webkit-scrollbar{display:none}";
-
-const SallaTabs = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    /**
-     * Background color
-     */
-    this.backgroundColor = undefined;
-    /**
-     * Align tabs vertically.
-     */
-    this.vertical = false;
-  }
-  componentWillLoad() {
-    this.createGroup().then(() => {
-      const [group] = this.tabGroup;
-      this.selectGroup(group);
-    });
-  }
-  onSelectedTab(event) {
-    const group = this.tabGroup.find(group => group.header.id === event.detail.id);
-    this.selectGroup(group);
-  }
-  async createGroup() {
-    const tabsHeaderEl = Array.from(this.host.querySelectorAll('salla-tab-header'));
-    this.tabsHeader = await Promise.all(tabsHeaderEl.map(el => el.getChild()));
-    const tabsContentEl = Array.from(this.host.querySelectorAll('salla-tab-content'));
-    this.tabsContent = await Promise.all(tabsContentEl.map(el => el.getChild()));
-    this.tabGroup = this.tabsHeader.map(header => {
-      const content = this.tabsContent.find(content => content.name === header.name);
-      return {
-        header: header,
-        content: content
-      };
-    });
-  }
-  selectGroup(group) {
-    this.tabGroup.map(g => {
-      g.header.unselect();
-      g.content.unselect();
-    });
-    group.header.selected();
-    group.content.selected();
-  }
-  render() {
-    return [
-      index.h("div", { class: "s-tabs" }, index.h("div", { class: "s-tabs-header" }, index.h("slot", { name: "header" })), index.h("div", { class: "s-tabs-content-wrapper" }, index.h("slot", { name: "content" })))
-    ];
-  }
-  get host() { return index.getElement(this); }
-};
-SallaTabs.style = sallaTabsCss;
-
-exports.salla_tab_content = SallaTabContent;
-exports.salla_tab_header = SallaTabHeader;
-exports.salla_tabs = SallaTabs;

package/dist/cjs/star2-8288e6e1.js

@@ -1,13 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-'use strict';
-
-const Star2 = `<!-- Generated by IcoMoon.io -->
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="30" height="32" viewBox="0 0 30 32">
-<title>star2</title>
-<path d="M29.714 11.839c0 0.321-0.232 0.625-0.464 0.857l-6.482 6.321 1.536 8.929c0.018 0.125 0.018 0.232 0.018 0.357 0 0.464-0.214 0.893-0.732 0.893-0.25 0-0.5-0.089-0.714-0.214l-8.018-4.214-8.018 4.214c-0.232 0.125-0.464 0.214-0.714 0.214-0.518 0-0.75-0.429-0.75-0.893 0-0.125 0.018-0.232 0.036-0.357l1.536-8.929-6.5-6.321c-0.214-0.232-0.446-0.536-0.446-0.857 0-0.536 0.554-0.75 1-0.821l8.964-1.304 4.018-8.125c0.161-0.339 0.464-0.732 0.875-0.732s0.714 0.393 0.875 0.732l4.018 8.125 8.964 1.304c0.429 0.071 1 0.286 1 0.821z"></path>
-</svg>
-`;
-
-exports.Star2 = Star2;

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/arrow-right-1c3e04f2.js

@@ -1,11 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-const ArrowRightIcon = `<!-- 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>arrow-right</title>
-<path d="M29.217 15.465c-0.019-0.044-0.056-0.077-0.080-0.119-0.067-0.116-0.139-0.227-0.236-0.317-0.011-0.009-0.013-0.024-0.024-0.033l-10.667-9.333c-0.553-0.484-1.396-0.429-1.881 0.125-0.484 0.555-0.428 1.396 0.127 1.881l7.996 6.997h-20.452c-0.737 0-1.333 0.597-1.333 1.333s0.596 1.333 1.333 1.333h20.452l-7.996 6.997c-0.555 0.485-0.611 1.327-0.127 1.881 0.264 0.3 0.633 0.455 1.004 0.455 0.312 0 0.625-0.109 0.877-0.331l10.667-9.333c0.011-0.009 0.015-0.024 0.024-0.033 0.097-0.091 0.169-0.201 0.236-0.317 0.024-0.041 0.060-0.075 0.080-0.119 0.073-0.163 0.116-0.343 0.116-0.533s-0.043-0.371-0.116-0.535z"></path>
-</svg>
-`;
-
-export { ArrowRightIcon as A };

package/dist/esm/cancel-41a92070.js

@@ -1,11 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-const Cancel = `<!-- 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>cancel</title>
-<path d="M17.885 16l7.057-7.057c0.521-0.521 0.521-1.364 0-1.885s-1.364-0.521-1.885 0l-7.057 7.057-7.057-7.057c-0.521-0.521-1.364-0.521-1.885 0s-0.521 1.364 0 1.885l7.057 7.057-7.057 7.057c-0.521 0.521-0.521 1.364 0 1.885 0.26 0.26 0.601 0.391 0.943 0.391s0.683-0.131 0.943-0.391l7.057-7.057 7.057 7.057c0.26 0.26 0.601 0.391 0.943 0.391s0.683-0.131 0.943-0.391c0.521-0.521 0.521-1.364 0-1.885z"></path>
-</svg>
-`;
-
-export { Cancel as C };

package/dist/esm/check-circle2-f6e5f685.js

@@ -1,11 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-const CheckCircle2 = `<!-- 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>check-circle2</title>
-<path d="M29.333 14.133c-0.8 0-1.333 0.533-1.333 1.333v1.2c0 6.667-5.333 12-12 12 0 0 0 0 0 0-6.667 0-12-5.333-12-12s5.333-12 12-12c0 0 0 0 0 0 1.733 0 3.333 0.4 4.933 1.067 0.667 0.267 1.467 0 1.733-0.667s0-1.467-0.667-1.733c-1.867-0.8-3.867-1.333-6-1.333 0 0 0 0 0 0-8.133 0-14.667 6.533-14.667 14.667s6.533 14.667 14.667 14.667c0 0 0 0 0 0 8.133 0 14.667-6.533 14.667-14.667v-1.2c0-0.8-0.533-1.333-1.333-1.333zM12.933 14.4c-0.533-0.533-1.333-0.533-1.867 0s-0.533 1.333 0 1.867l4 4c0.267 0.267 0.533 0.4 0.933 0.4s0.667-0.133 0.933-0.4l13.333-13.333c0.533-0.533 0.533-1.333 0-1.867s-1.333-0.533-1.867 0l-12.4 12.4-3.067-3.067z"></path>
-</svg>
-`;
-
-export { CheckCircle2 as C };

package/dist/esm/mail-9d5204c6.js

@@ -1,11 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-const email = `<!-- 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 { email as e };