@supersoniks/concorde 4.8.0 → 4.9.0

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

@@ -0,0 +1,436 @@
+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 { styleMap } from "lit/directives/style-map.js";
+import { customElement, property, queryAssignedElements as queryAssignedElementsDecorator, state, query, } from "lit/decorators.js";
+import "@supersoniks/concorde/core/components/ui/menu/menu-item";
+import { shadowable } from "../_css/shadow";
+const queryAssignedElements = (options) => {
+    return queryAssignedElementsDecorator(options);
+};
+const tagName = "sonic-menu";
+let MenuItems = class MenuItems extends LitElement {
+    constructor() {
+        super(...arguments);
+        /**
+         * Direction
+         */
+        this.direction = "column";
+        this.gap = "var(--sc-menu-gap)";
+        this.align = "left";
+        /**
+         * Ombre
+         */
+        this.shadow = null;
+        this.moreShape = "circle";
+        this.scrollable = false;
+        this.observer = null;
+        this.attributeObserver = null;
+        /**
+         * Propriété min-width du bouton
+         */
+        this.minWidth = "0";
+        this.hasMoreElements = false;
+        // Écouter l'événement scrollend pour mettre à jour les ombres après le scroll
+        this.handleScrollEnd = () => {
+            this.setScrollShadow(this.menuContent, this.direction);
+        };
+        this.updateIsScollable = () => {
+            if (this.scrollable) {
+                this.initScrollable();
+                this.setScrollShadow(this.menuContent, this.direction);
+            }
+        };
+    }
+    checkIfMore() {
+        this.hasMoreElements = !!this.moreElements?.length;
+    }
+    moreSlotChange() {
+        this.checkIfMore();
+        this.updateIsScollable();
+    }
+    updated(_changedProperties) {
+        const moreBtn = this.querySelector(".more-btn");
+        if (this.size && moreBtn) {
+            moreBtn.setAttribute("size", this.size);
+        }
+        super.updated(_changedProperties);
+    }
+    setDividersSize(assignedElements) {
+        assignedElements.forEach((elt) => {
+            elt.setAttribute("size", "sm");
+            this.direction == "row"
+                ? elt.style.setProperty("margin", "0 .1rem ")
+                : elt.style.setProperty("margin", " 0.1rem 0");
+        });
+    }
+    mainSlotChange() {
+        this.setChildrenSize(this.menuChildren);
+        this.setDividersSize(this.menuChildren);
+        this.updateIsScollable();
+        this.updateScrollPosition();
+        this.observeMenuItemsAttributes();
+    }
+    observeMenuItemsAttributes() {
+        // Déconnecter l'ancien observer si existant
+        this.attributeObserver?.disconnect();
+        // Créer un nouvel observer pour surveiller les changements d'attribut 'active'
+        this.attributeObserver = new MutationObserver(() => {
+            this.updateScrollPosition();
+        });
+        // Observer chaque menu-item
+        this.menuChildren.forEach((item) => {
+            this.attributeObserver.observe(item, {
+                attributes: true,
+                attributeFilter: ["active"],
+            });
+        });
+    }
+    updateScrollPosition() {
+        // Si on est en mode scrollable et qu'il y a exactement un seul menu-item actif
+        if (this.scrollable) {
+            const activeItems = this.menuChildren.filter((item) => item.hasAttribute("active") &&
+                item.getAttribute("active") !== "false");
+            if (activeItems.length === 1) {
+                requestAnimationFrame(() => {
+                    activeItems[0].scrollIntoView({
+                        behavior: "smooth",
+                        block: "nearest",
+                        inline: "center",
+                    });
+                });
+            }
+        }
+    }
+    connectedCallback() {
+        this.observer = new ResizeObserver(this.updateIsScollable);
+        // observe if menu elements are overflowing and initiate scrollable
+        this.observer.observe(this);
+        super.connectedCallback();
+    }
+    firstUpdated(_changedProperties) {
+        this.menuContent.addEventListener("scrollend", this.handleScrollEnd);
+    }
+    disconnectedCallback() {
+        this.observer?.disconnect();
+        this.attributeObserver?.disconnect();
+        this.menuContent.removeEventListener("scrollend", this.handleScrollEnd);
+        super.disconnectedCallback();
+    }
+    initScrollable() {
+        let isDown = false;
+        let startX;
+        let scrollLeft;
+        if (this.scrollable) {
+            this.addEventListener("mousedown", (e) => {
+                isDown = true;
+                this.classList.add("active");
+                startX = e.pageX - this.menuContent.offsetLeft;
+                scrollLeft = this.menuContent.scrollLeft;
+            });
+            this.addEventListener("mouseleave", () => {
+                isDown = false;
+                this.classList.remove("active");
+            });
+            this.addEventListener("mouseup", () => {
+                isDown = false;
+                this.classList.remove("active");
+            });
+            this.addEventListener("mousemove", (e) => {
+                if (!isDown)
+                    return;
+                e.preventDefault();
+                const x = e.pageX - this.menuContent.offsetLeft;
+                const walk = (x - startX) * 1.5; //scroll-fast
+                this.menuContent.scrollLeft = scrollLeft - walk;
+                this.setScrollShadow(this.menuContent, this.direction);
+            });
+            this.addEventListener("scroll", (e) => {
+                e.preventDefault();
+                // const delta = Math.sign(e.deltaY);
+                // this.scrollLeft += delta * 50;
+                this.setScrollShadow(this.menuContent, this.direction);
+            });
+        }
+    }
+    setScrollShadow(target, direction) {
+        if (direction == "row") {
+            if (target.scrollLeft > 0) {
+                this.classList.add("shadow-left");
+            }
+            else {
+                this.classList.remove("shadow-left");
+            }
+            if (target.scrollLeft < target.scrollWidth - target.offsetWidth) {
+                this.classList.add("shadow-right");
+            }
+            else {
+                this.classList.remove("shadow-right");
+            }
+        }
+        else if (direction == "column") {
+            if (target.scrollTop > 0) {
+                this.classList.add("shadow-top");
+            }
+            else {
+                this.classList.remove("shadow-top");
+            }
+            if (target.scrollTop < target.scrollHeight - (target.offsetHeight + 1)) {
+                this.classList.add("shadow-bottom");
+            }
+            else {
+                this.classList.remove("shadow-bottom");
+            }
+        }
+    }
+    setChildrenSize(menuItems) {
+        menuItems.forEach((elt) => {
+            if (this.size) {
+                elt.setAttribute("size", this.size);
+            }
+            if (this.align) {
+                if (elt.getAttribute("shape") != "square" &&
+                    elt.getAttribute("shape") != "circle") {
+                    elt.setAttribute("align", this.align);
+                }
+            }
+            if (this.direction == "row") {
+                if (elt.getAttribute("shape") == "block") {
+                    elt.setAttribute("shape", "default");
+                }
+            }
+        });
+    }
+    render() {
+        const menuStyles = {
+            minWidth: this.minWidth,
+            flexDirection: this.direction,
+        };
+        const isMenuRow = this.direction == "row";
+        const menuContentStyles = {
+            gap: this.gap,
+            flexDirection: this.direction,
+        };
+        const popStyles = {
+            display: "block",
+            alignSelf: isMenuRow ? "center" : "flex-start",
+            justifySelf: "center",
+            flexDirection: this.direction,
+        };
+        const popBtnStyles = {
+            marginLeft: isMenuRow ? "" : ".55em",
+        };
+        return html `<menu
+      part="menu"
+      class="shadowable"
+      style=${styleMap(menuStyles)}
+    >
+      <slot
+        @slotchange=${this.mainSlotChange}
+        id="menu-content"
+        style=${styleMap(menuContentStyles)}
+      ></slot>
+      <sonic-pop
+        style=${styleMap(popStyles)}
+        class=${!this.hasMoreElements ? "hidden" : ""}
+      >
+        <sonic-menu-item
+          style=${styleMap(popBtnStyles)}
+          class="more-btn"
+          shape=${this.moreShape}
+          align="center"
+        >
+          <sonic-icon
+            size="xl"
+            name=${isMenuRow ? "more-vert" : "more-horiz"}
+          ></sonic-icon>
+        </sonic-menu-item>
+        <slot
+          name="more"
+          @slotchange=${this.moreSlotChange}
+          slot="content"
+        ></slot>
+      </sonic-pop>
+    </menu>`;
+    }
+};
+MenuItems.styles = [
+    css `
+      :host {
+        display: block;
+        --sc-menu-gap: 0.15rem;
+      }
+
+      :host > menu {
+        display: flex;
+        padding: 0;
+        margin: 0;
+      }
+
+      .hidden {
+        display: none !important;
+      }
+
+      /* SCROLLABLE*/
+      #menu-content {
+        display: flex;
+        padding: 0.35em;
+        margin: 0;
+      }
+
+      :host([scrollable]) #menu-content {
+        scrollbar-width: none;
+        max-width: 100%;
+        -ms-overflow-style: none;
+        scroll-snap-align: start;
+        white-space: nowrap;
+        border-radius: min(calc(var(--sc-btn-rounded) * 2), 0.4em);
+        transition: mask-image 0.15s linear;
+      }
+
+      :host([scrollable][direction="row"]) #menu-content {
+        overflow-x: scroll;
+        scroll-snap-align: start;
+        scroll-snap-type: x mandatory;
+      }
+      :host([scrollable][direction="column"]) #menu-content {
+        overflow-y: scroll;
+        scroll-snap-align: start;
+        scroll-snap-type: y mandatory;
+      }
+      :host([scrollable])::-webkit-scrollbar {
+        display: none !important;
+      }
+      :host([scrollable][direction="row"].shadow-right) #menu-content {
+        -webkit-mask-image: linear-gradient(
+          to left,
+          rgba(0, 0, 0, 0),
+          rgba(0, 0, 0, 1) 10%
+        );
+        mask-image: linear-gradient(
+          to left,
+          rgba(0, 0, 0, 0),
+          rgba(0, 0, 0, 1) 10%
+        );
+      }
+      :host([scrollable][direction="row"].shadow-left) #menu-content {
+        -webkit-mask-image: linear-gradient(
+          to right,
+          rgba(0, 0, 0, 0),
+          rgba(0, 0, 0, 1) 10%
+        );
+        mask-image: linear-gradient(
+          to right,
+          rgba(0, 0, 0, 0),
+          rgba(0, 0, 0, 1) 10%
+        );
+      }
+      :host([scrollable][direction="row"].shadow-left.shadow-right)
+        #menu-content {
+        -webkit-mask-image: linear-gradient(
+          to right,
+          rgba(0, 0, 0, 0) 0%,
+          rgba(0, 0, 0, 1) 10%,
+          rgba(0, 0, 0, 1) 90%,
+          rgba(0, 0, 0, 0) 100%
+        );
+        mask-image: linear-gradient(
+          to right,
+          rgba(0, 0, 0, 0) 0%,
+          rgba(0, 0, 0, 1) 10%,
+          rgba(0, 0, 0, 1) 90%,
+          rgba(0, 0, 0, 0) 100%
+        );
+      }
+      :host([scrollable][direction="column"].shadow-top) #menu-content {
+        -webkit-mask-image: linear-gradient(
+          to bottom,
+          rgba(0, 0, 0, 0),
+          rgba(0, 0, 0, 1) 10%
+        );queryAssignedElements
+        mask-image: linear-gradient(
+          to bottom,
+          rgba(0, 0, 0, 0),
+          rgba(0, 0, 0, 1) 10%
+        );
+      }
+      :host([scrollable][direction="column"].shadow-bottom) #menu-content {
+        -webkit-mask-image: linear-gradient(
+          to top,
+          rgba(0, 0, 0, 0),
+          rgba(0, 0, 0, 1) 10%
+        );
+        mask-image: linear-gradient(
+          to top,
+          rgba(0, 0, 0, 0),
+          rgba(0, 0, 0, 1) 10%
+        );
+      }
+      :host([scrollable][direction="column"].shadow-top.shadow-bottom)
+        #menu-content {
+        -webkit-mask-image: linear-gradient(
+          to top,
+          rgba(0, 0, 0, 0) 0%,
+          rgba(0, 0, 0, 1) 10%,
+          rgba(0, 0, 0, 1) 90%,
+          rgba(0, 0, 0, 0) 100%
+        );
+        mask-image: linear-gradient(
+          to bottom,
+          rgba(0, 0, 0, 0) 0%,
+          rgba(0, 0, 0, 1) 10%,
+          rgba(0, 0, 0, 1) 90%,
+          rgba(0, 0, 0, 0) 100%
+        );
+      }
+    `,
+    shadowable,
+];
+__decorate([
+    property({ type: String, reflect: true })
+], MenuItems.prototype, "size", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], MenuItems.prototype, "direction", void 0);
+__decorate([
+    property({ type: String })
+], MenuItems.prototype, "gap", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], MenuItems.prototype, "align", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], MenuItems.prototype, "shadow", void 0);
+__decorate([
+    property({ type: String })
+], MenuItems.prototype, "moreShape", void 0);
+__decorate([
+    property({ type: Boolean })
+], MenuItems.prototype, "scrollable", void 0);
+__decorate([
+    property({ type: String })
+], MenuItems.prototype, "minWidth", void 0);
+__decorate([
+    query("menu")
+], MenuItems.prototype, "menu", void 0);
+__decorate([
+    query("#menu-content")
+], MenuItems.prototype, "menuContent", void 0);
+__decorate([
+    queryAssignedElements({ selector: "*" })
+], MenuItems.prototype, "menuChildren", void 0);
+__decorate([
+    queryAssignedElements({ slot: "more", selector: "*" })
+], MenuItems.prototype, "moreElements", void 0);
+__decorate([
+    state()
+], MenuItems.prototype, "hasMoreElements", void 0);
+MenuItems = __decorate([
+    customElement(tagName)
+], MenuItems);
+export { MenuItems };
+//# sourceMappingURL=menu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../../../../../src/core/components/ui/menu/menu.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,EAAkB,MAAM,KAAK,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EACL,aAAa,EACb,QAAQ,EACR,qBAAqB,IAAI,8BAA8B,EACvD,KAAK,EACL,KAAK,GAGN,MAAM,mBAAmB,CAAC;AAC3B,OAAO,yDAAyD,CAAC;AAEjE,OAAO,EAAU,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEpD,MAAM,qBAAqB,GAAG,CAC5B,OAAsC,EACN,EAAE;IAClC,OAAO,8BAA8B,CAAC,OAAO,CAAC,CAAC;AACjD,CAAC,CAAC;AACF,MAAM,OAAO,GAAG,YAAY,CAAC;AAGtB,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,UAAU;IAAlC;;QA2IL;;WAEG;QACwC,cAAS,GAClD,QAAQ,CAAC;QACiB,QAAG,GAAG,oBAAoB,CAAC;QAEZ,UAAK,GAGlC,MAAM,CAAC;QAErB;;WAEG;QACwC,WAAM,GAAW,IAAI,CAAC;QAErC,cAAS,GAAwB,QAAQ,CAAC;QACzC,eAAU,GAAG,KAAK,CAAC;QAEhD,aAAQ,GAA0B,IAAI,CAAC;QACvC,sBAAiB,GAA4B,IAAI,CAAC;QAElD;;WAEG;QACyB,aAAQ,GAAG,GAAG,CAAC;QAUlC,oBAAe,GAAG,KAAK,CAAC;QAsFjC,8EAA8E;QAC9E,oBAAe,GAAG,GAAG,EAAE;YACrB,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;QACzD,CAAC,CAAC;QAUF,sBAAiB,GAAG,GAAG,EAAE;YACvB,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;gBACpB,IAAI,CAAC,cAAc,EAAE,CAAC;gBACtB,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;YACzD,CAAC;QACH,CAAC,CAAC;IAgJJ,CAAC;IAtPC,WAAW;QACT,IAAI,CAAC,eAAe,GAAG,CAAC,CAAC,IAAI,CAAC,YAAY,EAAE,MAAM,CAAC;IACrD,CAAC;IACD,cAAc;QACZ,IAAI,CAAC,WAAW,EAAE,CAAC;QACnB,IAAI,CAAC,iBAAiB,EAAE,CAAC;IAC3B,CAAC;IAED,OAAO,CAAC,kBAAkC;QACxC,MAAM,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;QAChD,IAAI,IAAI,CAAC,IAAI,IAAI,OAAO,EAAE,CAAC;YACzB,OAAO,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;QAC1C,CAAC;QACD,KAAK,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACpC,CAAC;IAED,eAAe,CAAC,gBAAoC;QAClD,gBAAgB,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;YAC/B,GAAG,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;YAC/B,IAAI,CAAC,SAAS,IAAI,KAAK;gBACrB,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,WAAW,CAAC,QAAQ,EAAE,UAAU,CAAC;gBAC7C,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,WAAW,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;QACnD,CAAC,CAAC,CAAC;IACL,CAAC;IAED,cAAc;QACZ,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QACxC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QACxC,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACzB,IAAI,CAAC,oBAAoB,EAAE,CAAC;QAC5B,IAAI,CAAC,0BAA0B,EAAE,CAAC;IACpC,CAAC;IAED,0BAA0B;QACxB,4CAA4C;QAC5C,IAAI,CAAC,iBAAiB,EAAE,UAAU,EAAE,CAAC;QAErC,+EAA+E;QAC/E,IAAI,CAAC,iBAAiB,GAAG,IAAI,gBAAgB,CAAC,GAAG,EAAE;YACjD,IAAI,CAAC,oBAAoB,EAAE,CAAC;QAC9B,CAAC,CAAC,CAAC;QAEH,4BAA4B;QAC5B,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YACjC,IAAI,CAAC,iBAAkB,CAAC,OAAO,CAAC,IAAI,EAAE;gBACpC,UAAU,EAAE,IAAI;gBAChB,eAAe,EAAE,CAAC,QAAQ,CAAC;aAC5B,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC;IAED,oBAAoB;QAClB,+EAA+E;QAC/E,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,MAAM,WAAW,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,CAC1C,CAAC,IAAI,EAAE,EAAE,CACP,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC;gBAC3B,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,KAAK,OAAO,CAC1C,CAAC;YAEF,IAAI,WAAW,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;gBAC7B,qBAAqB,CAAC,GAAG,EAAE;oBACzB,WAAW,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC;wBAC5B,QAAQ,EAAE,QAAQ;wBAClB,KAAK,EAAE,SAAS;wBAChB,MAAM,EAAE,QAAQ;qBACjB,CAAC,CAAC;gBACL,CAAC,CAAC,CAAC;YACL,CAAC;QACH,CAAC;IACH,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,QAAQ,GAAG,IAAI,cAAc,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;QAC3D,mEAAmE;QACnE,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QAE5B,KAAK,CAAC,iBAAiB,EAAE,CAAC;IAC5B,CAAC;IAES,YAAY,CAAC,kBAAkC;QACvD,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;IACvE,CAAC;IAOD,oBAAoB;QAClB,IAAI,CAAC,QAAQ,EAAE,UAAU,EAAE,CAAC;QAC5B,IAAI,CAAC,iBAAiB,EAAE,UAAU,EAAE,CAAC;QACrC,IAAI,CAAC,WAAW,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;QAExE,KAAK,CAAC,oBAAoB,EAAE,CAAC;IAC/B,CAAC;IASD,cAAc;QACZ,IAAI,MAAM,GAAG,KAAK,CAAC;QACnB,IAAI,MAAc,CAAC;QACnB,IAAI,UAAkB,CAAC;QAEvB,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,IAAI,CAAC,gBAAgB,CAAC,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE;gBACvC,MAAM,GAAG,IAAI,CAAC;gBACd,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;gBAE7B,MAAM,GAAG,CAAC,CAAC,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC;gBAC/C,UAAU,GAAG,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC;YAC3C,CAAC,CAAC,CAAC;YACH,IAAI,CAAC,gBAAgB,CAAC,YAAY,EAAE,GAAG,EAAE;gBACvC,MAAM,GAAG,KAAK,CAAC;gBACf,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;YAClC,CAAC,CAAC,CAAC;YACH,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,GAAG,EAAE;gBACpC,MAAM,GAAG,KAAK,CAAC;gBACf,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;YAClC,CAAC,CAAC,CAAC;YACH,IAAI,CAAC,gBAAgB,CAAC,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE;gBACvC,IAAI,CAAC,MAAM;oBAAE,OAAO;gBACpB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC;gBAChD,MAAM,IAAI,GAAG,CAAC,CAAC,GAAG,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,aAAa;gBAC9C,IAAI,CAAC,WAAW,CAAC,UAAU,GAAG,UAAU,GAAG,IAAI,CAAC;gBAChD,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;YACzD,CAAC,CAAC,CAAC;YACH,IAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;gBACpC,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,qCAAqC;gBACrC,iCAAiC;gBACjC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;YACzD,CAAC,CAAC,CAAC;QACL,CAAC;IACH,CAAC;IAED,eAAe,CAAC,MAAmB,EAAE,SAAiB;QACpD,IAAI,SAAS,IAAI,KAAK,EAAE,CAAC;YACvB,IAAI,MAAM,CAAC,UAAU,GAAG,CAAC,EAAE,CAAC;gBAC1B,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;YACpC,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;YACvC,CAAC;YACD,IAAI,MAAM,CAAC,UAAU,GAAG,MAAM,CAAC,WAAW,GAAG,MAAM,CAAC,WAAW,EAAE,CAAC;gBAChE,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;YACrC,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;YACxC,CAAC;QACH,CAAC;aAAM,IAAI,SAAS,IAAI,QAAQ,EAAE,CAAC;YACjC,IAAI,MAAM,CAAC,SAAS,GAAG,CAAC,EAAE,CAAC;gBACzB,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;YACnC,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;YACtC,CAAC;YACD,IAAI,MAAM,CAAC,SAAS,GAAG,MAAM,CAAC,YAAY,GAAG,CAAC,MAAM,CAAC,YAAY,GAAG,CAAC,CAAC,EAAE,CAAC;gBACvE,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;YACtC,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC;YACzC,CAAC;QACH,CAAC;IACH,CAAC;IAED,eAAe,CAAC,SAA6B;QAC3C,SAAS,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;YACxB,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;gBACd,GAAG,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;YACtC,CAAC;YAED,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;gBACf,IACE,GAAG,CAAC,YAAY,CAAC,OAAO,CAAC,IAAI,QAAQ;oBACrC,GAAG,CAAC,YAAY,CAAC,OAAO,CAAC,IAAI,QAAQ,EACrC,CAAC;oBACD,GAAG,CAAC,YAAY,CAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;gBACxC,CAAC;YACH,CAAC;YAED,IAAI,IAAI,CAAC,SAAS,IAAI,KAAK,EAAE,CAAC;gBAC5B,IAAI,GAAG,CAAC,YAAY,CAAC,OAAO,CAAC,IAAI,OAAO,EAAE,CAAC;oBACzC,GAAG,CAAC,YAAY,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;gBACvC,CAAC;YACH,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED,MAAM;QACJ,MAAM,UAAU,GAAG;YACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,aAAa,EAAE,IAAI,CAAC,SAAS;SAC9B,CAAC;QACF,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,IAAI,KAAK,CAAC;QAE1C,MAAM,iBAAiB,GAAG;YACxB,GAAG,EAAE,IAAI,CAAC,GAAG;YACb,aAAa,EAAE,IAAI,CAAC,SAAS;SAC9B,CAAC;QAEF,MAAM,SAAS,GAAG;YAChB,OAAO,EAAE,OAAO;YAChB,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY;YAC9C,WAAW,EAAE,QAAQ;YACrB,aAAa,EAAE,IAAI,CAAC,SAAS;SAC9B,CAAC;QACF,MAAM,YAAY,GAAG;YACnB,UAAU,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO;SACrC,CAAC;QAEF,OAAO,IAAI,CAAA;;;cAGD,QAAQ,CAAC,UAAU,CAAC;;;sBAGZ,IAAI,CAAC,cAAc;;gBAEzB,QAAQ,CAAC,iBAAiB,CAAC;;;gBAG3B,QAAQ,CAAC,SAAS,CAAC;gBACnB,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE;;;kBAGnC,QAAQ,CAAC,YAAY,CAAC;;kBAEtB,IAAI,CAAC,SAAS;;;;;mBAKb,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY;;;;;wBAKjC,IAAI,CAAC,cAAc;;;;YAI/B,CAAC;IACX,CAAC;;AAraM,gBAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgIF;IACD,UAAU;CACX,AAnIY,CAmIX;AAMyC;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uCAAa;AAIZ;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4CAC/B;AACiB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sCAA4B;AAEZ;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;wCAGrB;AAKsB;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;yCAAuB;AAErC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4CAA2C;AACzC;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;6CAAoB;AAQpB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;2CAAgB;AAE5B;IAAd,KAAK,CAAC,MAAM,CAAC;uCAAoB;AACV;IAAvB,KAAK,CAAC,eAAe,CAAC;8CAA2B;AAGlD;IADC,qBAAqB,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC;+CACP;AAGlC;IADC,qBAAqB,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC;+CACrB;AACzB;IAAR,KAAK,EAAE;kDAAyB;AA/KtB,SAAS;IADrB,aAAa,CAAC,OAAO,CAAC;GACV,SAAS,CAuarB"}

package/dist/js/core/components/ui/modal/modal-actions.js

@@ -0,0 +1,44 @@
+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, queryAssignedElements } from "lit/decorators.js";
+import { HTML } from "@supersoniks/concorde/utils";
+const tagName = "sonic-modal-actions";
+let ModalActions = class ModalActions extends LitElement {
+    firstUpdated(changedProperties) {
+        this.buttons?.forEach((btn) => {
+            if (btn.hasAttribute("hideModal")) {
+                btn.addEventListener("click", () => {
+                    const parentModal = HTML.getClosestElement(this, "sonic-modal");
+                    parentModal?.hide();
+                });
+            }
+        });
+        super.firstUpdated(changedProperties);
+    }
+    render() {
+        return html `<slot></slot>`;
+    }
+};
+ModalActions.styles = [
+    css `
+      :host {
+        display: flex;
+        gap: 0.5rem;
+        margin-top: auto;
+        padding-top: 1.5rem;
+      }
+    `,
+];
+__decorate([
+    queryAssignedElements({ selector: "sonic-button" })
+], ModalActions.prototype, "buttons", void 0);
+ModalActions = __decorate([
+    customElement(tagName)
+], ModalActions);
+export { ModalActions };
+//# sourceMappingURL=modal-actions.js.map

package/dist/js/core/components/ui/modal/modal-actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-actions.js","sourceRoot":"","sources":["../../../../../../src/core/components/ui/modal/modal-actions.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAEzE,OAAO,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAEnD,MAAM,OAAO,GAAG,qBAAqB,CAAC;AAE/B,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,UAAU;IAe1C,YAAY,CAAC,iBAAyD;QACpE,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;YAC5B,IAAI,GAAG,CAAC,YAAY,CAAC,WAAW,CAAC,EAAE,CAAC;gBAClC,GAAG,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;oBACjC,MAAM,WAAW,GAAG,IAAI,CAAC,iBAAiB,CACxC,IAAI,EACJ,aAAa,CACL,CAAC;oBACX,WAAW,EAAE,IAAI,EAAE,CAAC;gBACtB,CAAC,CAAC,CAAC;YACL,CAAC;QACH,CAAC,CAAC,CAAC;QACH,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC;IACxC,CAAC;IACD,MAAM;QACJ,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;;AA9BM,mBAAM,GAAG;IACd,GAAG,CAAA;;;;;;;KAOF;CACF,AATY,CASX;AAGF;IADC,qBAAqB,CAAC,EAAE,QAAQ,EAAE,cAAc,EAAE,CAAC;6CAC5B;AAbb,YAAY;IADxB,aAAa,CAAC,OAAO,CAAC;GACV,YAAY,CAgCxB"}

package/dist/js/core/components/ui/modal/modal-close.js

@@ -0,0 +1,56 @@
+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 } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { ifDefined } from "lit/directives/if-defined.js";
+import HTML from "@supersoniks/concorde/core/utils/HTML";
+const tagName = "sonic-modal-close";
+let ModalClose = class ModalClose extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.translation = {
+            fr: "Fermer la fenêtre",
+            en: "Close window",
+            de: "Fenster schließen",
+            nl: "Venster sluiten",
+            es: "Cerrar",
+        };
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.lang = document.documentElement.lang?.split("-")[0] ?? "fr";
+    }
+    render() {
+        return html `<sonic-button
+      noAutoFill
+      data-aria-label=${this.translation[this.lang]}
+      reset=${ifDefined(this.reset)}
+      shape="circle"
+      @click=${this.handleClick}
+      type=${ifDefined(this.type)}
+      ><sonic-icon name="cancel" size="lg"></sonic-icon
+    ></sonic-button>`;
+    }
+    handleClick() {
+        const parentModal = HTML.getClosestElement(this, "sonic-modal");
+        parentModal.hide();
+    }
+};
+__decorate([
+    property()
+], ModalClose.prototype, "translation", void 0);
+__decorate([
+    property()
+], ModalClose.prototype, "reset", void 0);
+__decorate([
+    property()
+], ModalClose.prototype, "type", void 0);
+ModalClose = __decorate([
+    customElement(tagName)
+], ModalClose);
+export { ModalClose };
+//# sourceMappingURL=modal-close.js.map

package/dist/js/core/components/ui/modal/modal-close.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-close.js","sourceRoot":"","sources":["../../../../../../src/core/components/ui/modal/modal-close.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,IAAI,MAAM,uCAAuC,CAAC;AAEzD,MAAM,OAAO,GAAG,mBAAmB,CAAC;AAG7B,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,UAAU;IAAnC;;QACO,gBAAW,GAA2B;YAChD,EAAE,EAAE,mBAAmB;YACvB,EAAE,EAAE,cAAc;YAClB,EAAE,EAAE,mBAAmB;YACvB,EAAE,EAAE,iBAAiB;YACrB,EAAE,EAAE,QAAQ;SACb,CAAC;IAyBJ,CAAC;IApBC,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC,eAAe,CAAC,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC;IACnE,CAAC;IACD,MAAM;QACJ,OAAO,IAAI,CAAA;;wBAES,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC;cACrC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC;;eAEpB,IAAI,CAAC,WAAW;aAClB,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;;qBAEZ,CAAC;IACpB,CAAC;IAED,WAAW;QACT,MAAM,WAAW,GAAG,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,aAAa,CAAU,CAAC;QACzE,WAAW,CAAC,IAAI,EAAE,CAAC;IACrB,CAAC;CACF,CAAA;AA/Ba;IAAX,QAAQ,EAAE;+CAMT;AAEU;IAAX,QAAQ,EAAE;yCAAgB;AACf;IAAX,QAAQ,EAAE;wCAAmB;AAVnB,UAAU;IADtB,aAAa,CAAC,OAAO,CAAC;GACV,UAAU,CAgCtB"}

package/dist/js/core/components/ui/modal/modal-content.js

@@ -0,0 +1,27 @@
+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-modal-content";
+let ModalContent = class ModalContent extends LitElement {
+    render() {
+        return html `<slot></slot>`;
+    }
+};
+ModalContent.styles = [
+    css `
+      :host {
+        display: block;
+        width: 100%;
+      }
+    `,
+];
+ModalContent = __decorate([
+    customElement(tagName)
+], ModalContent);
+export { ModalContent };
+//# sourceMappingURL=modal-content.js.map

package/dist/js/core/components/ui/modal/modal-content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-content.js","sourceRoot":"","sources":["../../../../../../src/core/components/ui/modal/modal-content.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,qBAAqB,CAAC;AAG/B,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,UAAU;IAU1C,MAAM;QACJ,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;;AAXM,mBAAM,GAAG;IACd,GAAG,CAAA;;;;;KAKF;CACF,AAPY,CAOX;AARS,YAAY;IADxB,aAAa,CAAC,OAAO,CAAC;GACV,YAAY,CAaxB"}

package/dist/js/core/components/ui/modal/modal-subtitle.js

@@ -0,0 +1,34 @@
+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-modal-subtitle";
+let ModalSubTitle = class ModalSubTitle extends LitElement {
+    render() {
+        return html `<slot></slot>`;
+    }
+};
+ModalSubTitle.styles = [
+    css `
+      :host {
+        font-size: 1.25rem;
+        display: block;
+        line-height: var(--sc-headings-line-height, 1.1);
+        font-family: var(
+          --sc-headings-font-family,
+          var(--sc-font-family-base, sans-serif)
+        );
+        font-weight: var(--sc-headings-font-weight, 700);
+        font-style: var(--sc-headings-font-style, normal);
+      }
+    `,
+];
+ModalSubTitle = __decorate([
+    customElement(tagName)
+], ModalSubTitle);
+export { ModalSubTitle };
+//# sourceMappingURL=modal-subtitle.js.map

package/dist/js/core/components/ui/modal/modal-subtitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-subtitle.js","sourceRoot":"","sources":["../../../../../../src/core/components/ui/modal/modal-subtitle.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,sBAAsB,CAAC;AAGhC,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,UAAU;IAiB3C,MAAM;QACJ,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;;AAlBM,oBAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;;;;;KAYF;CACF,AAdY,CAcX;AAfS,aAAa;IADzB,aAAa,CAAC,OAAO,CAAC;GACV,aAAa,CAoBzB"}

package/dist/js/core/components/ui/modal/modal-title.js

@@ -0,0 +1,35 @@
+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-modal-title";
+let ModalTitle = class ModalTitle extends LitElement {
+    render() {
+        return html `<slot></slot>`;
+    }
+};
+ModalTitle.styles = [
+    css `
+      :host {
+        font-weight: bold;
+        font-size: 1.5rem;
+        display: block;
+        line-height: var(--sc-headings-line-height, 1.1);
+        font-family: var(
+          --sc-headings-font-family,
+          var(--sc-font-family-base, sans-serif)
+        );
+        font-weight: var(--sc-headings-font-weight, 700);
+        font-style: var(--sc-headings-font-style, normal);
+      }
+    `,
+];
+ModalTitle = __decorate([
+    customElement(tagName)
+], ModalTitle);
+export { ModalTitle };
+//# sourceMappingURL=modal-title.js.map

package/dist/js/core/components/ui/modal/modal-title.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-title.js","sourceRoot":"","sources":["../../../../../../src/core/components/ui/modal/modal-title.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,mBAAmB,CAAC;AAG7B,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,UAAU;IAkBxC,MAAM;QACJ,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;;AAnBM,iBAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;;;;;;KAaF;CACF,AAfY,CAeX;AAhBS,UAAU;IADtB,aAAa,CAAC,OAAO,CAAC;GACV,UAAU,CAqBtB"}