@supersoniks/concorde 1.1.41 → 1.1.43

package/core/components/ui/tabs/tabs.js

@@ -1,129 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { html, LitElement, css } from "lit";
-import { customElement, property, query } from "lit/decorators.js";
-import { ResizeController } from "@lit-labs/observers/resize_controller.js";
-let Tabs = class Tabs extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.size = "md";
-        this.direction = "column";
-        this.icon = false;
-        this.moreShape = "circle";
-        this._resizeController = new ResizeController(this, {});
-    }
-    updated(_changedProperties) {
-        super.updated(_changedProperties);
-        this._setChildrenSize();
-    }
-    firstUpdated() {
-        const tabsMenu = this.menu;
-        let isDown = false;
-        let startX;
-        let scrollLeft;
-        tabsMenu.addEventListener("mousedown", (e) => {
-            isDown = true;
-            tabsMenu.classList.add("active");
-            startX = e.pageX - tabsMenu.offsetLeft;
-            scrollLeft = tabsMenu.scrollLeft;
-        });
-        tabsMenu.addEventListener("mouseleave", () => {
-            isDown = false;
-            tabsMenu.classList.remove("active");
-        });
-        tabsMenu.addEventListener("mouseup", () => {
-            isDown = false;
-            tabsMenu.classList.remove("active");
-        });
-        tabsMenu.addEventListener("mousemove", (e) => {
-            if (!isDown)
-                return;
-            e.preventDefault();
-            const x = e.pageX - tabsMenu.offsetLeft;
-            const walk = (x - startX) * 1.5; //scroll-fast
-            tabsMenu.scrollLeft = scrollLeft - walk;
-        });
-    }
-    _setChildrenSize() {
-        if (this.size) {
-            const children = this.querySelectorAll("sonic-button, sonic-tabs-item");
-            children.forEach((elt) => {
-                if (!elt.hasAttribute("size")) {
-                    elt.setAttribute("size", this.size);
-                }
-            });
-        }
-    }
-    render() {
-        return html `<menu part="tabs"
-      ><slot></slot>
-      <sonic-pop class="flex"  >
-        <sonic-menu-item  shape="square">
-          <sonic-icon class="my-auto" size="xl" name="more-vert"></sonic-icon>
-        </sonic-menu-item>
-        <sonic-menu slot="content"></sonic-menu>
-  </sonic-pop>
-    </menu>`;
-    }
-};
-Tabs.styles = [
-    css `
-      :host {
-        display: block;
-      }
-
-      menu::-webkit-scrollbar {
-        display: none;
-      }
-
-      menu {
-        -ms-overflow-style: none;
-        scrollbar-width: none;
-        overflow-x: scroll;
-        display: flex;
-        max-width: 100%;
-        flex-direction: row;
-        padding: 0.5em;
-        margin: 0;
-        gap: 0.15rem;
-      }
-
-      :host([icon]) {
-        --sc-icon-size: 1.6em;
-      }
-
-      :host([icon]) ::slotted(sonic-tab) {
-        font-size: 85em;
-        border: 7px solid;
-        text-transform: uppercase;
-      }
-    `,
-];
-__decorate([
-    property({ type: String, reflect: true })
-], Tabs.prototype, "size", void 0);
-__decorate([
-    property({ type: String, reflect: true })
-], Tabs.prototype, "direction", void 0);
-__decorate([
-    property({ type: Boolean })
-], Tabs.prototype, "icon", void 0);
-__decorate([
-    property({ type: String })
-], Tabs.prototype, "moreShape", void 0);
-__decorate([
-    query("menu")
-], Tabs.prototype, "menu", void 0);
-Tabs = __decorate([
-    customElement("sonic-tabs")
-], Tabs);
-export { Tabs };
-//Ajout pour la creation du cem notamment pour Storybook
-try {
-    customElements.define("sonic-tabs", Tabs);
-}
-catch (e) { }