@supersoniks/concorde 4.8.0 → 4.9.0

package/dist/js/core/components/ui/pop/pop.js

@@ -0,0 +1,337 @@
+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;
+};
+var Pop_1;
+import { html, LitElement, css } from "lit";
+import { customElement, query, state, property } from "lit/decorators.js";
+import HTML from "@supersoniks/concorde/core/utils/HTML";
+import { shadowable } from "../_css/shadow";
+const tagName = "sonic-pop";
+let Pop = Pop_1 = class Pop extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.open = false;
+        this.noToggle = false;
+        this.inline = false;
+        this.manual = false;
+        /**
+         * Ombre
+         */
+        this.shadow = "lg";
+        this.placement = "bottom";
+        this.positioningRuns = false;
+        this.lastContentX = 0;
+        this.lastContentY = 0;
+        this.resizeObserver = new ResizeObserver(() => this.computePosition(this.placement));
+        this.triggerElement = null;
+        /**
+         * Remonte dans la structure html de parents en parents et si ils on une position relative ou absolute, on met leur z-index élévé
+         */
+        this.ancestorsHavingZIndex = new Set();
+        this._handleKeyDown = (e) => {
+            if (e.key === "Escape" && this.open) {
+                e.stopPropagation();
+                this.hide();
+            }
+        };
+    }
+    runPositioningLoop() {
+        if (!this.positioningRuns)
+            return;
+        this.positioningRuns = true;
+        this.computePosition(this.placement);
+        window.requestAnimationFrame(() => this.runPositioningLoop());
+    }
+    toggle(e) {
+        if (this.open && this.noToggle)
+            return;
+        const keyboardEvent = e;
+        if (e.type == "keydown" && (keyboardEvent.key != "ArrowDown" || this.open))
+            return;
+        // Store trigger element before changing open state
+        if (!this.open) {
+            this.triggerElement = e.target;
+        }
+        this.open = !this.open;
+        this.open ? this.show() : this.hide();
+    }
+    show() {
+        this.setMaxZindex();
+        this.popContent?.style?.removeProperty("display");
+        this.open = true;
+        this.popContent.setAttribute("tabindex", "0");
+        if (this.popBtn && this.popContent && !this.positioningRuns) {
+            this.positioningRuns = true;
+            this.lastContentX = 0;
+            this.lastContentY = 0;
+            this.runPositioningLoop();
+        }
+        this.dispatchEvent(new CustomEvent("show"));
+    }
+    hide() {
+        this.resetZindexes();
+        this.open = false;
+        this.popContent.setAttribute("tabindex", "-1");
+        this.positioningRuns = false;
+        if (this.triggerElement) {
+            this.triggerElement.focus();
+            this.triggerElement = null;
+        }
+        Object.assign(this.popContent.style, {
+            left: `${this.lastContentX}px`,
+            top: `${this.lastContentY}px`,
+        });
+        this.dispatchEvent(new CustomEvent("hide"));
+    }
+    setMaxZindex() {
+        HTML.everyAncestors(this, (parent) => {
+            const htmlElement = parent;
+            if (!htmlElement.className)
+                return true;
+            if ([...htmlElement.classList].includes("@container")) {
+                const style = htmlElement.style;
+                style.zIndex = "999999999";
+                //n'appliquer l'ajout du style "position:relative" que si il n'est pas déjà présent dans le style calculé
+                const computedStyle = getComputedStyle(htmlElement);
+                if (computedStyle.position !== "relative" &&
+                    computedStyle.position !== "absolute") {
+                    style.position = "relative";
+                }
+                this.ancestorsHavingZIndex.add(parent);
+                return false;
+            }
+            return true;
+        });
+    }
+    resetZindexes() {
+        this.ancestorsHavingZIndex.forEach((elt) => {
+            elt.style.removeProperty("position");
+            elt.style.removeProperty("z-index");
+        });
+        this.ancestorsHavingZIndex.clear();
+    }
+    _handleClosePop(e) {
+        const path = e.composedPath();
+        const target = path[0];
+        Pop_1.pops.forEach((pop) => {
+            const popContainsTarget = path.includes(pop);
+            const popContentContainsTarget = path.includes(pop.querySelector('[slot="content"]'));
+            const isCloseManual = HTML.getAncestorAttributeValue(target, "data-on-select") === "keep";
+            if (e.type == "pointerdown" && popContainsTarget)
+                return;
+            if (e.type == "click" &&
+                ((popContainsTarget && isCloseManual) || !popContentContainsTarget))
+                return;
+            pop.hide();
+        });
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        if (Pop_1.pops.size == 0) {
+            document.addEventListener("pointerdown", this._handleClosePop);
+            document.addEventListener("click", this._handleClosePop);
+            document.addEventListener("keydown", this._handleKeyDown);
+        }
+        Pop_1.pops.add(this);
+    }
+    // /*
+    //   On attends le premier rendu pour observer les changements de taille car popup content n'est pas encore défini sinon
+    // */
+    firstUpdated(_changedProperties) {
+        super.firstUpdated(_changedProperties);
+        this.resizeObserver.observe(this.popContent);
+    }
+    disconnectedCallback() {
+        if (this.popContent) {
+            this.resizeObserver.unobserve(this.popContent);
+        }
+        super.disconnectedCallback();
+        Pop_1.pops.delete(this);
+        if (Pop_1.pops.size == 0) {
+            document.removeEventListener("pointerdown", this._handleClosePop);
+            document.removeEventListener("click", this._handleClosePop);
+            document.removeEventListener("keydown", this._handleKeyDown);
+        }
+    }
+    computePosition(placement) {
+        const placementSplit = placement.split(" ");
+        const placementBase = placementSplit[0];
+        let placementSec = placementSplit[1];
+        const padding = 5;
+        const thisRect = this.getBoundingClientRect();
+        const scrollableAncestor = HTML.getScrollableAncestor(this.popContent);
+        const scrollableAncestorRect = scrollableAncestor?.getBoundingClientRect();
+        const minX = Math.max(0, scrollableAncestorRect?.left || 0) + padding;
+        const minY = Math.max(0, scrollableAncestorRect?.top || 0) + padding;
+        const maxX = Math.min(window.innerWidth, scrollableAncestorRect?.right || window.innerWidth) - padding;
+        const maxY = Math.min(window.innerHeight, scrollableAncestorRect?.bottom || window.innerHeight) - padding;
+        const x0 = thisRect.left;
+        const y0 = thisRect.top;
+        let x = x0, y = y0;
+        let contentRect = this.popContent?.getBoundingClientRect();
+        const yTop = y0 - contentRect.height;
+        const xLeft = x0 - contentRect.width;
+        const xRight = x0 + thisRect.width;
+        const yBottom = y0 + thisRect.height;
+        const xCenter = x0 + (thisRect.width - contentRect.width) * 0.5;
+        const yCenter = y0 + (thisRect.height - contentRect.height) * 0.5;
+        switch (placementBase) {
+            case "bottom":
+                y = yBottom;
+                if (placementSec == "center") {
+                    x = xCenter;
+                }
+                break;
+            case "top":
+                y = yTop;
+                if (placementSec == "center") {
+                    x = xCenter;
+                }
+                break;
+            case "left":
+                x = xLeft;
+                if (placementSec == "center") {
+                    y = yCenter;
+                }
+                break;
+            case "right":
+                x = xRight;
+                if (placementSec == "center") {
+                    y = yCenter;
+                }
+                break;
+        }
+        this.lastContentX += x - contentRect.x;
+        this.lastContentY += y - contentRect.y;
+        Object.assign(this.popContent.style, {
+            left: `${this.lastContentX}px`,
+            top: `${this.lastContentY}px`,
+        });
+        contentRect = this.popContent?.getBoundingClientRect();
+        if (contentRect.x < minX && placementBase == "left")
+            x = xRight;
+        if (contentRect.y < minY && placementBase == "top")
+            y = yBottom;
+        if (contentRect.x + contentRect.width > maxX && placementBase == "right")
+            x = xLeft;
+        if (contentRect.y + contentRect.height > maxY && placementBase == "bottom")
+            y = yTop;
+        this.lastContentX += x - contentRect.x;
+        this.lastContentY += y - contentRect.y;
+        Object.assign(this.popContent.style, {
+            left: `${this.lastContentX}px`,
+            top: `${this.lastContentY}px`,
+        });
+        contentRect = this.popContent?.getBoundingClientRect();
+        if (contentRect.x < minX) {
+            this.lastContentX += minX - contentRect.x;
+        }
+        if (contentRect.y < minY) {
+            this.lastContentY += minY - contentRect.y;
+        }
+        Object.assign(this.popContent.style, {
+            left: `${this.lastContentX}px`,
+            top: `${this.lastContentY}px`,
+        });
+        contentRect = this.popContent?.getBoundingClientRect();
+        if (contentRect.x + contentRect.width > maxX) {
+            this.lastContentX += maxX - (contentRect.x + contentRect.width);
+        }
+        if (contentRect.y + contentRect.height > maxY) {
+            this.lastContentY += maxY - (contentRect.y + contentRect.height);
+        }
+        Object.assign(this.popContent.style, {
+            left: `${this.lastContentX}px`,
+            top: `${this.lastContentY}px`,
+        });
+    }
+    render() {
+        return html `
+      <slot
+        @click=${this.manual ? () => { } : this.toggle}
+        @keydown=${this.manual ? () => { } : this.toggle}
+        class="contents"
+      ></slot>
+      <slot
+        name="content"
+        tabindex="-1"
+        part="content"
+        style="display: none;"
+        class="shadowable
+        ${this.open ? "is-open" : ""}"
+      ></slot>
+    `;
+    }
+};
+Pop.pops = new Set();
+Pop.styles = [
+    css `
+      :host {
+        display: inline-block;
+        vertical-align: middle;
+      }
+
+      slot[name="content"] {
+        max-width: 100vw;
+        background-color: var(--sc-base, #fff);
+        position: fixed;
+        z-index: 99999;
+        display: block;
+        transform: translateY(1rem) scale(0.95);
+        opacity: 0;
+        pointer-events: none;
+        transition-duration: 0.15s;
+        transition-timing-function: ease;
+        transition-property: all;
+        border-radius: min(calc(var(--sc-btn-rounded) * 2), 0.4em);
+      }
+
+      slot[name="content"].is-open:not(.is-empty) {
+        transform: translateY(0) scale(1);
+        opacity: 1;
+        pointer-events: auto;
+        transition-property: scale, opacity;
+        transition-timing-function: cubic-bezier(0.25, 0.25, 0.42, 1.225);
+      }
+
+      :host([inline]) {
+        vertical-align: baseline;
+      }
+    `,
+    shadowable,
+];
+__decorate([
+    state()
+], Pop.prototype, "open", void 0);
+__decorate([
+    query("slot:not([name=content])")
+], Pop.prototype, "popBtn", void 0);
+__decorate([
+    query("slot[name=content]")
+], Pop.prototype, "popContent", void 0);
+__decorate([
+    property({ type: Boolean })
+], Pop.prototype, "noToggle", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], Pop.prototype, "inline", void 0);
+__decorate([
+    property({ type: Boolean })
+], Pop.prototype, "manual", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], Pop.prototype, "shadow", void 0);
+__decorate([
+    property({ type: String })
+], Pop.prototype, "placement", void 0);
+__decorate([
+    state()
+], Pop.prototype, "triggerElement", void 0);
+Pop = Pop_1 = __decorate([
+    customElement(tagName)
+], Pop);
+export { Pop };
+//# sourceMappingURL=pop.js.map

package/dist/js/core/components/ui/pop/pop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pop.js","sourceRoot":"","sources":["../../../../../../src/core/components/ui/pop/pop.ts"],"names":[],"mappings":"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"}

package/dist/js/core/components/ui/progress/progress.js

@@ -0,0 +1,164 @@
+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 } from "lit/decorators.js";
+import { ifDefined } from "lit/directives/if-defined.js";
+import { fontSize, } from "@supersoniks/concorde/core/components/ui/_css/size";
+const tagName = "sonic-progress";
+let Progress = class Progress extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.max = 100;
+        this.invert = false;
+        this.type = "default";
+    }
+    render() {
+        return html `
+      <progress value=${ifDefined(this.value)} max=${this.max}></progress>
+      <div class="slot-container">
+        <slot></slot>
+        <slot name="remaining"></slot>
+      </div>
+    `;
+    }
+};
+Progress.styles = [
+    fontSize,
+    css `
+      :host {
+        --sc-progress-bg: var(
+          --sc-input-bg,
+          var(--sc-base-100, rgba(0, 0, 0, 0.07))
+        );
+        --sc-progress-color: var(--sc-base-content, #000);
+        --sc-progress-height: 0.6em;
+        --sc-progress-fs: var(--sc-_fs, 1rem);
+        --sc-progress-fw: 500;
+        --sc-progress-rounded: var(--sc-rounded-lg);
+        display: block;
+        line-height: 1.2;
+        font-weight: var(--sc-progress-fw);
+        font-size: var(--sc-progress-fs);
+      }
+
+      progress {
+        display: block;
+        position: relative;
+        width: 100%;
+        -webkit-appearance: none;
+        appearance: none;
+        overflow: hidden;
+        border: none;
+        height: var(--sc-progress-height);
+        border-radius: var(--sc-progress-rounded);
+        background-color: var(--sc-progress-bg);
+        color: var(--sc-progress-color);
+      }
+      progress::-moz-progress-bar {
+        background-color: var(--sc-progress-color);
+        border-radius: var(--sc-progress-rounded);
+      }
+
+      progress:not([value])::-moz-progress-bar {
+        background-color: var(--sc-progress-bg);
+      }
+
+      progress::-webkit-progress-bar {
+        background-color: var(--sc-progress-bg);
+      }
+      progress::-webkit-progress-value {
+        background-color: var(--sc-progress-color);
+        border-radius: var(--sc-progress-rounded);
+      }
+
+      /* Indeterminate */
+      progress:indeterminate:after {
+        background-color: var(--sc-progress-color);
+        content: "";
+        position: absolute;
+        top: 0;
+        bottom: 0;
+        left: -40%;
+        width: 33.333333%;
+        border-radius: var(--sc-progress-rounded);
+        animation: progress-loading 3s infinite ease-in-out;
+      }
+
+      @keyframes progress-loading {
+        50% {
+          left: 107%;
+        }
+      }
+
+      /* COLOR TYPES */
+      :host([type="warning"]) {
+        --sc-progress-color: var(--sc-warning, var(--sc-base-content, #000));
+      }
+      :host([type="danger"]) {
+        --sc-progress-color: var(--sc-danger, var(--sc-base-content, #000));
+      }
+      :host([type="info"]) {
+        --sc-progress-color: var(--sc-info, var(--sc-base-content, #000));
+      }
+      :host([type="success"]) {
+        --sc-progress-color: var(--sc-success, var(--sc-base-content, #000));
+      }
+
+      :host([type="invert"]) {
+        --sc-progress-bg: rgba(190, 190, 190, 0.125);
+        --sc-progress-color: var(--sc-base, #fff);
+      }
+
+      :host([invert]) {
+        --sc-progress-bg: rgba(190, 190, 190, 0.125);
+      }
+
+      :host([type="default"][invert]) {
+        --sc-progress-color: var(--sc-base, #fff);
+      }
+
+      slot[name="remaining"] {
+        font-weight: var(--sc-font-weight-base, 400);
+        font-size: 0.85em;
+        margin-top: 0.5em;
+      }
+      slot[name="remaining"]::slotted(*) {
+        margin-left: auto;
+      }
+
+      slot:not([name]) {
+        color: var(--sc-progress-color);
+      }
+
+      .slot-container {
+        display: flex;
+        justify-content: space-between;
+        gap: 0.5em;
+        margin-top: 0.15em;
+      }
+    `,
+];
+__decorate([
+    property({ type: Number })
+], Progress.prototype, "value", void 0);
+__decorate([
+    property({ type: Number })
+], Progress.prototype, "max", void 0);
+__decorate([
+    property({ type: Boolean })
+], Progress.prototype, "invert", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], Progress.prototype, "type", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], Progress.prototype, "size", void 0);
+Progress = __decorate([
+    customElement(tagName)
+], Progress);
+export { Progress };
+//# sourceMappingURL=progress.js.map

package/dist/js/core/components/ui/progress/progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.js","sourceRoot":"","sources":["../../../../../../src/core/components/ui/progress/progress.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EACL,QAAQ,GAET,MAAM,oDAAoD,CAAC;AAE5D,MAAM,OAAO,GAAG,gBAAgB,CAAC;AAG1B,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,UAAU;IAAjC;;QAuHuB,QAAG,GAAG,GAAG,CAAC;QACT,WAAM,GAAG,KAAK,CAAC;QAG5C,SAAI,GAOW,SAAS,CAAC;IAa3B,CAAC;IATC,MAAM;QACJ,OAAO,IAAI,CAAA;wBACS,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,CAAC,GAAG;;;;;KAKxD,CAAC;IACJ,CAAC;;AA7IM,eAAM,GAAG;IACd,QAAQ;IACR,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgHF;CACF,AAnHY,CAmHX;AAE0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uCAAgB;AACf;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qCAAW;AACT;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;wCAAgB;AAG5C;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sCAQjB;AAEkB;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sCAAa;AApI5C,QAAQ;IADpB,aAAa,CAAC,OAAO,CAAC;GACV,QAAQ,CA+IpB"}

package/dist/js/core/components/ui/table/table-caption.js

@@ -0,0 +1,29 @@
+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 } from "lit/decorators.js";
+const tagName = "sonic-caption";
+let TableCaption = class TableCaption extends LitElement {
+    render() {
+        return html `<slot></slot>`;
+    }
+};
+TableCaption.styles = [
+    css `
+      :host {
+        display: table-caption;
+        font-size: 0.75rem;
+        color: var(--sc-table-caption-color);
+        padding: var(--sc-table-td-py) var(--sc-table-td-px) calc(2 * var(--sc-table-td-py));
+      }
+    `,
+];
+TableCaption = __decorate([
+    customElement(tagName)
+], TableCaption);
+export { TableCaption };
+//# sourceMappingURL=table-caption.js.map

package/dist/js/core/components/ui/table/table-caption.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-caption.js","sourceRoot":"","sources":["../../../../../../src/core/components/ui/table/table-caption.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAC,IAAI,EAAE,UAAU,EAAE,GAAG,EAAC,MAAM,KAAK,CAAC;AAC1C,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAChD,MAAM,OAAO,GAAG,eAAe,CAAC;AAGzB,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,UAAU;IAY1C,MAAM;QACJ,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;;AAbM,mBAAM,GAAG;IACd,GAAG,CAAA;;;;;;;KAOF;CACF,AATY,CASX;AAVS,YAAY;IADxB,aAAa,CAAC,OAAO,CAAC;GACV,YAAY,CAexB"}

package/dist/js/core/components/ui/table/table-tbody.js

@@ -0,0 +1,41 @@
+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 } from "lit/decorators.js";
+const tagName = "sonic-tbody";
+let TableTbody = class TableTbody extends LitElement {
+    render() {
+        return html `<tbody part="tbody">
+      <slot></slot>
+    </tbody>`;
+    }
+};
+TableTbody.styles = [
+    css `
+      :host {
+        display: table-row-group;
+      }
+
+      ::slotted(sonic-tr:nth-child(odd)) {
+        background: var(--sc-table-accent-bg);
+      }
+
+      ::slotted(sonic-tr:hover) {
+        background: var(--sc-table-hover-bg);
+      }
+
+      ::slotted(sonic-tr:not(:last-child)) {
+        border-bottom: var(--sc-form-border-width) solid
+          var(--sc-base-200, rgba(0, 0, 0, 0.12)) !important;
+      }
+    `,
+];
+TableTbody = __decorate([
+    customElement(tagName)
+], TableTbody);
+export { TableTbody };
+//# sourceMappingURL=table-tbody.js.map

package/dist/js/core/components/ui/table/table-tbody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-tbody.js","sourceRoot":"","sources":["../../../../../../src/core/components/ui/table/table-tbody.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,MAAM,OAAO,GAAG,aAAa,CAAC;AAGvB,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,UAAU;IAsBxC,MAAM;QACJ,OAAO,IAAI,CAAA;;aAEF,CAAC;IACZ,CAAC;;AAzBM,iBAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;;;;;;;;;;KAiBF;CACF,AAnBY,CAmBX;AApBS,UAAU;IADtB,aAAa,CAAC,OAAO,CAAC;GACV,UAAU,CA2BtB"}

package/dist/js/core/components/ui/table/table-td.js

@@ -0,0 +1,69 @@
+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 } from "lit/decorators.js";
+import { ifDefined } from "lit/directives/if-defined.js";
+import { styleMap } from "lit/directives/style-map.js";
+const tagName = "sonic-td";
+import { typeColor } from "@supersoniks/concorde/core/components/ui/_css/type";
+let TableTd = class TableTd extends LitElement {
+    render() {
+        const styles = {
+            textAlign: this.align,
+            verticalAlign: this.vAlign,
+            minWidth: this.minWidth,
+            maxWidth: this.maxWidth,
+            width: this.width,
+        };
+        return html `<td part="td" style=${styleMap(styles)} colspan=${ifDefined(this.colSpan)} rowspan=${ifDefined(this.rowSpan)}>
+      <slot></slot>
+    </td>`;
+    }
+};
+TableTd.styles = [
+    typeColor,
+    css `
+      :host {
+        display: contents;
+      }
+      td {
+        all: inherit;
+        display: table-cell;
+        padding: var(--sc-table-td-py) var(--sc-table-td-px);
+        border-top: var(--sc-table-td-border-t, none);
+        border-bottom: var(--sc-table-td-border-b, none);
+        border-right: var(--sc-table-td-border-r, none);
+        border-left: var(--sc-table-td-border-l, none);
+      }
+    `,
+];
+__decorate([
+    property({ type: Number })
+], TableTd.prototype, "colSpan", void 0);
+__decorate([
+    property({ type: Number })
+], TableTd.prototype, "rowSpan", void 0);
+__decorate([
+    property({ type: String })
+], TableTd.prototype, "align", void 0);
+__decorate([
+    property({ type: String })
+], TableTd.prototype, "vAlign", void 0);
+__decorate([
+    property({ type: String })
+], TableTd.prototype, "minWidth", void 0);
+__decorate([
+    property({ type: String })
+], TableTd.prototype, "maxWidth", void 0);
+__decorate([
+    property({ type: String })
+], TableTd.prototype, "width", void 0);
+TableTd = __decorate([
+    customElement(tagName)
+], TableTd);
+export { TableTd };
+//# sourceMappingURL=table-td.js.map

package/dist/js/core/components/ui/table/table-td.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-td.js","sourceRoot":"","sources":["../../../../../../src/core/components/ui/table/table-td.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAC,IAAI,EAAE,UAAU,EAAE,GAAG,EAAC,MAAM,KAAK,CAAC;AAC1C,OAAO,EAAC,aAAa,EAAE,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAC,SAAS,EAAC,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAC,QAAQ,EAAC,MAAM,6BAA6B,CAAC;AACrD,MAAM,OAAO,GAAG,UAAU,CAAC;AAC3B,OAAO,EAAC,SAAS,EAAC,MAAM,oDAAoD,CAAC;AAGtE,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,UAAU;IA0BrC,MAAM;QACJ,MAAM,MAAM,GAAG;YACb,SAAS,EAAE,IAAI,CAAC,KAAK;YACrB,aAAa,EAAE,IAAI,CAAC,MAAM;YAC1B,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,KAAK,EAAE,IAAI,CAAC,KAAK;SAClB,CAAC;QACF,OAAO,IAAI,CAAA,uBAAuB,QAAQ,CAAC,MAAM,CAAC,YAAY,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC;;UAElH,CAAC;IACT,CAAC;;AApCM,cAAM,GAAG;IACd,SAAS;IACT,GAAG,CAAA;;;;;;;;;;;;;KAaF;CACF,AAhBY,CAgBX;AACwB;IAAzB,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;wCAAkB;AACjB;IAAzB,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;wCAAkB;AACjB;IAAzB,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;sCAAgB;AACf;IAAzB,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;uCAAiB;AAChB;IAAzB,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;yCAAmB;AAClB;IAAzB,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;yCAAmB;AAClB;IAAzB,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;sCAAgB;AAxB9B,OAAO;IADnB,aAAa,CAAC,OAAO,CAAC;GACV,OAAO,CAsCnB"}