@supersoniks/concorde 1.1.43 → 1.1.44

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

@@ -1,44 +0,0 @@
-import { LitElement, nothing } from "lit";
-import "@supersoniks/concorde/core/components/ui/icon/icon";
-import "@supersoniks/concorde/core/components/ui/badge/badge";
-import { IconConf } from "../icon/icons";
-declare type TaxonomyConf = Record<string, boolean | string>;
-/**
- * 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: IconConf;
-    /**
-     * 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: TaxonomyConf[];
-    /**
-     * 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" | "ghost";
-    /**
-     * 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;
-}
-export {};

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 = { name: "" };
-        /**
-         * 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 (!Array.isArray(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"] || item["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 };