@supersoniks/concorde 1.1.42 → 1.1.44

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) { }

package/core/components/ui/taxonomy/taxonomy.d.ts

@@ -1,41 +0,0 @@
-import { LitElement, nothing } from "lit";
-import "@supersoniks/concorde/core/components/ui/icon/icon";
-import "@supersoniks/concorde/core/components/ui/badge/badge";
-/**
- * Le composant taxonomy crée un badge (*sonic-badge*) contenant une liste de termes préfixés par une icone (*sonic-icon*) optionelle séparées par une chaine html séparatrice (*separator*)
- */
-export declare class Taxonomy extends LitElement {
-    static styles: import("lit").CSSResult;
-    /**
-     * Identifiant d'icone passé en interne au composant *sonic-icon*
-     */
-    icon: any;
-    /**
-     * Tableau d'objets de la forme :{*key*_name:*"Une taxonomie"*} ou *key* correspond à la valeur fournie à la propriété *key*.
-     * Dans ce cas *"une taxonomie"* sera un des termes affiches dans le composant.
-     */
-    taxonomy: never[];
-    /**
-     * Chaque terme sera séparé par la valeur contenue dans cette propriété
-     */
-    separator: string;
-    /**
-     * La clée utilisé pour extraire le terme de la donnée. (voir la propriété *taxonomy*)
-     */
-    key: string;
-    /**
-     * Le type change surtout la couleur composant :  voir *Badge*, *Button*
-     */
-    type: "primary" | "warning" | "danger" | "success" | "info" | "default";
-    /**
-     * Le composant par defaut sans se paramètre à forte afordance
-     * * gost : composant super léger visuellement
-     * * outline : composant légé avec une bordure
-     */
-    variant: "default" | "outline";
-    /**
-     * Taille du composant, implique notamment des modifications de typo et de marge interne
-     */
-    size: "md" | "xs" | "sm" | "lg";
-    render(): import("lit-html").TemplateResult<1> | typeof nothing;
-}

package/core/components/ui/taxonomy/taxonomy.js

@@ -1,115 +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 { css, html, LitElement, nothing } from "lit";
-import { customElement, property } from "lit/decorators.js";
-import { repeat } from "lit/directives/repeat.js";
-import "@supersoniks/concorde/core/components/ui/icon/icon";
-import "@supersoniks/concorde/core/components/ui/badge/badge";
-import { unsafeHTML } from "lit/directives/unsafe-html.js";
-import { ifDefined } from "lit/directives/if-defined.js";
-const tagName = "sonic-taxonomy";
-/**
- * Le composant taxonomy crée un badge (*sonic-badge*) contenant une liste de termes préfixés par une icone (*sonic-icon*) optionelle séparées par une chaine html séparatrice (*separator*)
- */
-let Taxonomy = class Taxonomy extends LitElement {
-    constructor() {
-        super(...arguments);
-        /**
-         * Identifiant d'icone passé en interne au composant *sonic-icon*
-         */
-        this.icon = {};
-        /**
-         * Tableau d'objets de la forme :{*key*_name:*"Une taxonomie"*} ou *key* correspond à la valeur fournie à la propriété *key*.
-         * Dans ce cas *"une taxonomie"* sera un des termes affiches dans le composant.
-         */
-        this.taxonomy = [];
-        /**
-         * Chaque terme sera séparé par la valeur contenue dans cette propriété
-         */
-        this.separator = ",&nbsp;";
-        /**
-         * La clée utilisé pour extraire le terme de la donnée. (voir la propriété *taxonomy*)
-         */
-        this.key = "";
-        /**
-         * Le type change surtout la couleur composant :  voir *Badge*, *Button*
-         */
-        this.type = "default";
-        /**
-         * Le composant par defaut sans se paramètre à forte afordance
-         * * gost : composant super léger visuellement
-         * * outline : composant légé avec une bordure
-         */
-        this.variant = "default";
-        /**
-         * Taille du composant, implique notamment des modifications de typo et de marge interne
-         */
-        this.size = "md";
-    }
-    render() {
-        if (!this.taxonomy)
-            return nothing;
-        let key = this.key + "_display";
-        let taxo = this.taxonomy.filter((elt) => elt != null && (elt[key] === true || elt[key] == "1" || !elt.hasOwnProperty(key)));
-        if (taxo.length === 0) {
-            this.style.display = "none";
-            return nothing;
-        }
-        this.style.removeProperty("display");
-        return html `
-      <sonic-badge type=${this.type} variant=${this.variant} size=${this.size}>
-        <sonic-icon slot="prefix" library=${ifDefined(this.icon.library)} prefix=${ifDefined(this.icon.prefix)} name=${ifDefined(this.icon.name)} ></sonic-icon>
-        <span class="taxonomy-list">
-          ${repeat(taxo, (item) => item[this.key + "_id"], (item) => {
-            return html `<span> ${item[this.key + "_name"]}</span
-                ><span class="sonic-taxonomy-separator">${unsafeHTML(this.separator)}</span>`;
-        })}
-        </span>
-      </sonic-badge>
-    `;
-    }
-};
-Taxonomy.styles = css `
-    :host .sonic-taxonomy-separator:last-child {
-      display: none;
-    }
-
-    .taxonomy-list {
-      display: flex;
-      flex-wrap: wrap;
-    }
-  `;
-__decorate([
-    property({ type: Object })
-], Taxonomy.prototype, "icon", void 0);
-__decorate([
-    property({ type: Array })
-], Taxonomy.prototype, "taxonomy", void 0);
-__decorate([
-    property({ type: String })
-], Taxonomy.prototype, "separator", void 0);
-__decorate([
-    property({ type: String })
-], Taxonomy.prototype, "key", void 0);
-__decorate([
-    property({ type: String, reflect: true })
-], Taxonomy.prototype, "type", void 0);
-__decorate([
-    property({ type: String, reflect: true })
-], Taxonomy.prototype, "variant", void 0);
-__decorate([
-    property({ type: String, reflect: true })
-], Taxonomy.prototype, "size", void 0);
-Taxonomy = __decorate([
-    customElement(tagName)
-], Taxonomy);
-export { Taxonomy };
-//Ajout pour la creation du cem notamment pour Storybook
-try {
-    customElements.define("sonic-taxonomy", Taxonomy);
-}
-catch (e) { }