@eunomia/elements 1.0.0-beta.4 → 1.0.0-beta.6

package/dist/cdn/components/eun-breadcrumb-item.js

@@ -1,93 +0,0 @@
-import{a as b}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import{a as u}from"./chunks/chunk-5EVP7YNE.js";import{a as m}from"./chunks/chunk-BKHD4S57.js";import{a as r,f as i,g as s,h as l,l as c,n as a,p,s as d}from"./chunks/chunk-XH6NREVZ.js";var f=s`
-  :host {
-    display: inline-flex;
-    align-items: center;
-    font-family: var(--eun-font-family, "Mulish", sans-serif);
-    font-size: var(--eun-font-size-s, 14px);
-  }
-  #label {
-    max-width: var(--breadcrumb-item-max-width, 240px);
-    display: inline-block;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    vertical-align: middle;
-  }
-  #label slot[name="icon"] {
-    display: none;
-  }
-  #label slot[name="icon"].has-icon {
-    display: contents;
-  }
-  #label eun-icon,
-  ::slotted(eun-icon) {
-    display: inline-flex;
-    vertical-align: middle;
-    margin-inline-end: var(--eun-space-xxs, 1.6px);
-    margin-block-end: 3px;
-  }
-  a#label {
-    color: var(--breadcrumb-link-color, var(--eun-color-primary-500, #3d6fff));
-    text-decoration: none;
-    border-radius: var(--eun-border-radius-s, 5px);
-    outline: 2px solid transparent;
-    transition:
-      color var(--breadcrumb-transition-duration, 0.2s) ease-out,
-      outline 0.2s ease-out;
-  }
-  a#label:hover,
-  a#label:focus-visible {
-    color: var(
-      --breadcrumb-link-color-hover,
-      var(--eun-color-primary-700, #3662e0)
-    );
-    text-decoration: underline;
-  }
-  a#label:focus-visible {
-    text-decoration: none;
-    outline-color: var(
-      --breadcrumb-focus-outline-color,
-      var(--eun-color-primary-500, #3d6fff)
-    );
-    outline-offset: 2px;
-  }
-  span#label {
-    color: var(--breadcrumb-current-color, var(--eun-text-secondary, #484e61));
-    font-weight: var(--eun-font-weight-m, 500);
-  }
-  #separator {
-    margin-inline: var(--breadcrumb-separator-gap, var(--eun-space-s, 8px));
-    color: var(
-      --breadcrumb-separator-color,
-      var(--eun-text-secondary, #484e61)
-    );
-    user-select: none;
-  }
-  #separator::before {
-    content: var(--breadcrumb-separator, "/");
-  }
-  :host(:last-of-type) #separator {
-    display: none;
-  }
-`;var h="eun-breadcrumb-item",e=class extends d{constructor(){super(...arguments);this.current=!1;this.handleIconSlotChange=()=>{this.requestUpdate()}}handleClick(o){m(this,o,this.href)}connectedCallback(){super.connectedCallback?.(),this.hasAttribute("role")||this.setAttribute("role","listitem")}render(){let o=u(this.ariaLabel??void 0),n=a`
-      <slot
-        name="icon"
-        class=${b({"has-icon":!!this.icon||!!this.iconSlotEls?.length})}
-        @slotchange=${this.handleIconSlotChange}
-      >
-        ${this.icon?a`<eun-icon name=${this.icon} size="14"></eun-icon>`:p}
-      </slot>
-    `,t;return this.current?t=a`<span id="label" aria-current="page" aria-label=${o}
-        >${n}<slot></slot
-      ></span>`:this.href?t=a`<a
-        id="label"
-        href=${this.href}
-        aria-label=${o}
-        @click=${this.handleClick}
-        >${n}<slot></slot
-      ></a>`:t=a`<span id="label" aria-label=${o}
-        >${n}<slot></slot
-      ></span>`,a`
-      ${t}
-      <span id="separator" aria-hidden="true"></span>
-    `}};e.styles=[f],r([l()],e.prototype,"href",2),r([l({type:Boolean,reflect:!0})],e.prototype,"current",2),r([l()],e.prototype,"icon",2),r([c({slot:"icon"})],e.prototype,"iconSlotEls",2),e=r([i(h)],e);export{e as EunomiaBreadcrumbItem,h as EunomiaBreadcrumbItemTagName};

package/dist/cdn/components/eun-table-cell.js

@@ -1 +0,0 @@
-import{a,b}from"./chunks/chunk-KVYUNKUO.js";import"./chunks/chunk-XH6NREVZ.js";export{b as EunomiaTableCell,a as EunomiaTableCellTagName};

package/dist/cdn/components/eun-table-column.js

@@ -1 +0,0 @@
-import{a,b}from"./chunks/chunk-X2AUBZD2.js";import"./chunks/chunk-XH6NREVZ.js";export{b as EunomiaTableColumn,a as EunomiaTableColumnTagName};

package/dist/cdn/components/eun-table-header.js

@@ -1 +0,0 @@
-import{a,b}from"./chunks/chunk-A6KGFALA.js";import"./chunks/chunk-E74CM7UG.js";import"./chunks/chunk-XH6NREVZ.js";export{b as EunomiaTableHeader,a as EunomiaTableHeaderTagName};

package/dist/cdn/components/eun-table-item.js

@@ -1 +0,0 @@
-import{a,b}from"./chunks/chunk-D2M4BV5Y.js";import"./chunks/chunk-E74CM7UG.js";import"./chunks/chunk-XH6NREVZ.js";export{b as EunomiaTableItem,a as EunomiaTableItemTagName};

package/dist/cdn/components/eun-table-skeleton-row.js

@@ -1 +0,0 @@
-import{a,b}from"./chunks/chunk-PCM7D3YF.js";import"./chunks/chunk-PED5ATYN.js";import"./chunks/chunk-MMLIPCOY.js";import"./chunks/chunk-SGM2X2TC.js";import"./chunks/chunk-XH6NREVZ.js";export{b as EunomiaTableSkeletonRow,a as EunomiaTableSkeletonRowTagName};

package/dist/cdn/styles/tools/mixins/media-queries/eunomia-device.mixin.scss

@@ -1,14 +0,0 @@
-@use "sass:map";
-@use "./../../variables/eunomia.breakpoints.scss" as *;
-
-@mixin eunomia-mobile {
-  @media (max-width: map.get($map-device-width, tablet) - 1) {
-    @content;
-  }
-}
-
-@mixin eunomia-desktop {
-  @media (min-width: map.get($map-device-width, tablet)) {
-    @content;
-  }
-}

package/dist/cdn/styles/tools/mixins/media-queries/eunomia-gte.mixin.scss

@@ -1,26 +0,0 @@
-@use "sass:map";
-@use './../../variables/eunomia.breakpoints.scss' as *;
-
-@mixin eunomia-gte-mobile {
-  @media (min-width: map.get($map-device-width, mobile)) {
-    @content;
-  }
-}
-
-@mixin eunomia-gte-tablet {
-  @media (min-width: map.get($map-device-width, tablet)) {
-    @content;
-  }
-}
-
-@mixin eunomia-gte-laptop {
-  @media (min-width: map.get($map-device-width, laptop)) {
-    @content;
-  }
-}
-
-@mixin eunomia-gte-desktop {
-  @media (min-width: map.get($map-device-width, desktop)) {
-    @content;
-  }
-}

package/dist/cdn/styles/tools/mixins/media-queries/eunomia-lte.mixin.scss

@@ -1,26 +0,0 @@
-@use "sass:map";
-@use "./../../variables/eunomia.breakpoints.scss" as *;
-
-@mixin eunomia-lte-mobile {
-  @media (max-width: map.get($map-device-width, mobile) - 1) {
-    @content;
-  }
-}
-
-@mixin eunomia-lte-tablet {
-  @media (max-width: map.get($map-device-width, tablet) - 1) {
-    @content;
-  }
-}
-
-@mixin eunomia-lte-laptop {
-  @media (max-width: map.get($map-device-width, laptop) - 1) {
-    @content;
-  }
-}
-
-@mixin eunomia-lte-desktop {
-  @media (max-width: map.get($map-device-width, desktop) - 1) {
-    @content;
-  }
-}

package/dist/components/navigation/breadcrumb/breadcrumb-item.d.ts

@@ -1,77 +0,0 @@
-import { LitElement, TemplateResult } from "lit";
-import { EunomiaIconName } from "../../content/icon/icon.type.js";
-/**
- * Tag name of the breadcrumb item component.
- */
-export declare const EunomiaBreadcrumbItemTagName = "eun-breadcrumb-item";
-/**
- * A single, freely composable step for a breadcrumb, used instead of or
- * alongside the items array when a step's content needs more than plain
- * text, such as an icon or a badge. It must be placed inside a breadcrumb,
- * and reuses the same CSS custom properties so both authoring styles stay
- * visually consistent, including the separator between steps, which each
- * item renders on its own and hides automatically when it ends up last.
- *
- * @slot [default] - The step's label content
- * @slot [icon] - Replaces the leading icon entirely with any content, not just an icon element. Falls back to icon when empty
- * @prop {string} [href] - The URL this step links to. Renders as plain, unlinked text when unset, such as a category that groups pages but isn't itself a page
- * @prop {boolean} [current=false] - Marks this as the trail's current, unlinked page, regardless of href
- * @prop {EunomiaIconName} [icon] - An optional leading icon shown before the slotted label. Purely decorative, so it never substitutes for the label's own visible text
- * @fires {NavigationEvent} eunnavigate - Fired before following the step's link, so a client-side router can intercept the navigation. Cancelable
- * @element eun-breadcrumb-item
- */
-export declare class EunomiaBreadcrumbItem extends LitElement {
-    /**
-     * Styles to import to the component.
-     *
-     * @static
-     * @internal
-     * @readonly
-     */
-    static readonly styles: import("lit").CSSResult[];
-    /**
-     * The URL this step links to ; renders as plain, unlinked text when
-     * unset.
-     */
-    href?: string;
-    /**
-     * Marks this as the trail's current, unlinked page, regardless of
-     * `href`.
-     * @default false
-     */
-    current: boolean;
-    /**
-     * Optional leading icon shown before the slotted label. Purely
-     * decorative, since `eun-icon` always renders `aria-hidden="true"`, so
-     * it never substitutes for the label's own visible text (see the
-     * Accessibility tab).
-     */
-    icon?: EunomiaIconName;
-    /**
-     * Elements assigned to the `icon` slot, if any ; queried live so
-     * {@link render} can decide whether to fall back to the `icon` prop.
-     * @internal
-     * @readonly
-     */
-    private readonly iconSlotEls;
-    /**
-     * Re-renders when the `icon` slot's assigned content changes, so the
-     * `icon` prop fallback correctly appears/disappears as content is
-     * slotted in or removed after the initial render.
-     * @private
-     */
-    private handleIconSlotChange;
-    /**
-     * Dispatches `eunnavigate` before the browser follows the link, so an
-     * SPA router can take over the navigation.
-     * @private
-     */
-    private handleClick;
-    connectedCallback(): void;
-    render(): TemplateResult;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        [EunomiaBreadcrumbItemTagName]: EunomiaBreadcrumbItem;
-    }
-}

package/dist/components/navigation/breadcrumb/breadcrumb-item.js

@@ -1,130 +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 { customElement, property, queryAssignedElements, } from "lit/decorators.js";
-import { html, LitElement, nothing } from "lit";
-import { classMap } from "lit/directives/class-map.js";
-import { ifDefined } from "lit/directives/if-defined.js";
-import { breadcrumbItemStyles } from "./breadcrumb-item.styles.js";
-import { handleLinkNavigation } from "../../../utils/navigation.utils.js";
-/**
- * Tag name of the breadcrumb item component.
- */
-export const EunomiaBreadcrumbItemTagName = "eun-breadcrumb-item";
-/**
- * A single, freely composable step for a breadcrumb, used instead of or
- * alongside the items array when a step's content needs more than plain
- * text, such as an icon or a badge. It must be placed inside a breadcrumb,
- * and reuses the same CSS custom properties so both authoring styles stay
- * visually consistent, including the separator between steps, which each
- * item renders on its own and hides automatically when it ends up last.
- *
- * @slot [default] - The step's label content
- * @slot [icon] - Replaces the leading icon entirely with any content, not just an icon element. Falls back to icon when empty
- * @prop {string} [href] - The URL this step links to. Renders as plain, unlinked text when unset, such as a category that groups pages but isn't itself a page
- * @prop {boolean} [current=false] - Marks this as the trail's current, unlinked page, regardless of href
- * @prop {EunomiaIconName} [icon] - An optional leading icon shown before the slotted label. Purely decorative, so it never substitutes for the label's own visible text
- * @fires {NavigationEvent} eunnavigate - Fired before following the step's link, so a client-side router can intercept the navigation. Cancelable
- * @element eun-breadcrumb-item
- */
-let EunomiaBreadcrumbItem = class EunomiaBreadcrumbItem extends LitElement {
-    constructor() {
-        super(...arguments);
-        /**
-         * Marks this as the trail's current, unlinked page, regardless of
-         * `href`.
-         * @default false
-         */
-        this.current = false;
-        /**
-         * Re-renders when the `icon` slot's assigned content changes, so the
-         * `icon` prop fallback correctly appears/disappears as content is
-         * slotted in or removed after the initial render.
-         * @private
-         */
-        this.handleIconSlotChange = () => {
-            this.requestUpdate();
-        };
-    }
-    /**
-     * Dispatches `eunnavigate` before the browser follows the link, so an
-     * SPA router can take over the navigation.
-     * @private
-     */
-    handleClick(event) {
-        handleLinkNavigation(this, event, this.href);
-    }
-    connectedCallback() {
-        super.connectedCallback?.();
-        if (!this.hasAttribute("role")) {
-            this.setAttribute("role", "listitem");
-        }
-    }
-    render() {
-        const ariaLabel = ifDefined(this.ariaLabel ?? undefined);
-        const icon = html `
-      <slot
-        name="icon"
-        class=${classMap({
-            "has-icon": !!this.icon || !!this.iconSlotEls?.length,
-        })}
-        @slotchange=${this.handleIconSlotChange}
-      >
-        ${this.icon
-            ? html `<eun-icon name=${this.icon} size="14"></eun-icon>`
-            : nothing}
-      </slot>
-    `;
-        let label;
-        if (this.current) {
-            label = html `<span id="label" aria-current="page" aria-label=${ariaLabel}
-        >${icon}<slot></slot
-      ></span>`;
-        }
-        else if (this.href) {
-            label = html `<a
-        id="label"
-        href=${this.href}
-        aria-label=${ariaLabel}
-        @click=${this.handleClick}
-        >${icon}<slot></slot
-      ></a>`;
-        }
-        else {
-            label = html `<span id="label" aria-label=${ariaLabel}
-        >${icon}<slot></slot
-      ></span>`;
-        }
-        return html `
-      ${label}
-      <span id="separator" aria-hidden="true"></span>
-    `;
-    }
-};
-/**
- * Styles to import to the component.
- *
- * @static
- * @internal
- * @readonly
- */
-EunomiaBreadcrumbItem.styles = [breadcrumbItemStyles];
-__decorate([
-    property()
-], EunomiaBreadcrumbItem.prototype, "href", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], EunomiaBreadcrumbItem.prototype, "current", void 0);
-__decorate([
-    property()
-], EunomiaBreadcrumbItem.prototype, "icon", void 0);
-__decorate([
-    queryAssignedElements({ slot: "icon" })
-], EunomiaBreadcrumbItem.prototype, "iconSlotEls", void 0);
-EunomiaBreadcrumbItem = __decorate([
-    customElement(EunomiaBreadcrumbItemTagName)
-], EunomiaBreadcrumbItem);
-export { EunomiaBreadcrumbItem };

package/dist/components/navigation/breadcrumb/breadcrumb-item.styles.d.ts

@@ -1,6 +0,0 @@
-/**
- * Base style for the breadcrumb item component.
- * Reuses the same custom css variables as `eun-breadcrumb` so both
- * authoring styles stay visually consistent.
- */
-export declare const breadcrumbItemStyles: import("lit").CSSResult;

package/dist/components/navigation/breadcrumb/breadcrumb-item.styles.js

@@ -1,78 +0,0 @@
-import { css } from "lit";
-/**
- * Base style for the breadcrumb item component.
- * Reuses the same custom css variables as `eun-breadcrumb` so both
- * authoring styles stay visually consistent.
- */
-export const breadcrumbItemStyles = css `
-  :host {
-    display: inline-flex;
-    align-items: center;
-    font-family: var(--eun-font-family, "Mulish", sans-serif);
-    font-size: var(--eun-font-size-s, 14px);
-  }
-  #label {
-    max-width: var(--breadcrumb-item-max-width, 240px);
-    display: inline-block;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    vertical-align: middle;
-  }
-  #label slot[name="icon"] {
-    display: none;
-  }
-  #label slot[name="icon"].has-icon {
-    display: contents;
-  }
-  #label eun-icon,
-  ::slotted(eun-icon) {
-    display: inline-flex;
-    vertical-align: middle;
-    margin-inline-end: var(--eun-space-xxs, 1.6px);
-    margin-block-end: 3px;
-  }
-  a#label {
-    color: var(--breadcrumb-link-color, var(--eun-color-primary-500, #3d6fff));
-    text-decoration: none;
-    border-radius: var(--eun-border-radius-s, 5px);
-    outline: 2px solid transparent;
-    transition:
-      color var(--breadcrumb-transition-duration, 0.2s) ease-out,
-      outline 0.2s ease-out;
-  }
-  a#label:hover,
-  a#label:focus-visible {
-    color: var(
-      --breadcrumb-link-color-hover,
-      var(--eun-color-primary-700, #3662e0)
-    );
-    text-decoration: underline;
-  }
-  a#label:focus-visible {
-    text-decoration: none;
-    outline-color: var(
-      --breadcrumb-focus-outline-color,
-      var(--eun-color-primary-500, #3d6fff)
-    );
-    outline-offset: 2px;
-  }
-  span#label {
-    color: var(--breadcrumb-current-color, var(--eun-text-secondary, #484e61));
-    font-weight: var(--eun-font-weight-m, 500);
-  }
-  #separator {
-    margin-inline: var(--breadcrumb-separator-gap, var(--eun-space-s, 8px));
-    color: var(
-      --breadcrumb-separator-color,
-      var(--eun-text-secondary, #484e61)
-    );
-    user-select: none;
-  }
-  #separator::before {
-    content: var(--breadcrumb-separator, "/");
-  }
-  :host(:last-of-type) #separator {
-    display: none;
-  }
-`;