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

package/dist/utils/new-tab-anchor.controller.js

@@ -0,0 +1,102 @@
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var _NewTabAnchorController_instances, _NewTabAnchorController_described, _NewTabAnchorController_observer, _NewTabAnchorController_clear;
+/**
+ * Class of a visually-hidden "opens in a new tab" text the consumer writes
+ * inside the slotted anchor, hidden by `links-ssr.css`. It's part of the
+ * anchor's accessible name and of the server-rendered HTML, so it's
+ * announced everywhere, links lists and no-JS pages included, and the
+ * controller then leaves the anchor's `aria-description` alone.
+ */
+export const NEW_TAB_HINT_CLASS = "eun-new-tab-hint";
+/**
+ * Announces a slotted anchor opening in a new tab, for a link, button or
+ * card whose native `<a>` is slotted as a direct child. The anchor belongs
+ * to the consumer (and to their framework, which would undo or trip over an
+ * injected child during hydration), so the hint goes on its
+ * `aria-description` rather than into its content, leaving its text and
+ * `aria-label` untouched. A description the consumer set themselves is
+ * never overwritten, and only the one this controller wrote is ever removed.
+ * A description only reaches some assistive technology, so an anchor
+ * holding a {@link NEW_TAB_HINT_CLASS} text of its own gets none.
+ *
+ * The anchor's `target` and content can change after the first render (a
+ * framework re-render), which no `slotchange` reports, so they're observed
+ * directly and re-render the host, whose visible new-tab icon keys off
+ * {@link isBlank}.
+ */
+export class NewTabAnchorController {
+    /**
+     * @param host the link, button or card.
+     * @param getAnchor returns the slotted anchor, or null outside that mode.
+     * @param getHint returns the localized "opens in a new tab" wording.
+     */
+    constructor(host, getAnchor, getHint) {
+        _NewTabAnchorController_instances.add(this);
+        this.host = host;
+        this.getAnchor = getAnchor;
+        this.getHint = getHint;
+        /**
+         * The anchor this controller last wrote `aria-description` on, so it can
+         * clear it once the anchor stops opening in a new tab or is swapped out.
+         */
+        _NewTabAnchorController_described.set(this, void 0);
+        _NewTabAnchorController_observer.set(this, new MutationObserver((records) => {
+            const anchor = this.getAnchor();
+            if (anchor && records.some((record) => anchor.contains(record.target))) {
+                this.host.requestUpdate();
+            }
+        }));
+        host.addController(this);
+    }
+    /**
+     * Whether the slotted anchor, if any, opens in a new tab.
+     */
+    get isBlank() {
+        return this.getAnchor()?.target === "_blank";
+    }
+    hostConnected() {
+        __classPrivateFieldGet(this, _NewTabAnchorController_observer, "f").observe(this.host, {
+            subtree: true,
+            childList: true,
+            attributeFilter: ["target"],
+        });
+    }
+    hostDisconnected() {
+        __classPrivateFieldGet(this, _NewTabAnchorController_observer, "f").disconnect();
+    }
+    hostUpdated() {
+        const anchor = this.getAnchor();
+        if (__classPrivateFieldGet(this, _NewTabAnchorController_described, "f") && __classPrivateFieldGet(this, _NewTabAnchorController_described, "f") !== anchor) {
+            __classPrivateFieldGet(this, _NewTabAnchorController_instances, "m", _NewTabAnchorController_clear).call(this);
+        }
+        if (!anchor) {
+            return;
+        }
+        const ownHint = !!anchor.querySelector(`.${NEW_TAB_HINT_CLASS}`);
+        if (!this.isBlank || ownHint) {
+            if (__classPrivateFieldGet(this, _NewTabAnchorController_described, "f") === anchor) {
+                __classPrivateFieldGet(this, _NewTabAnchorController_instances, "m", _NewTabAnchorController_clear).call(this);
+            }
+            return;
+        }
+        if (__classPrivateFieldGet(this, _NewTabAnchorController_described, "f") !== anchor && anchor.hasAttribute("aria-description")) {
+            return;
+        }
+        anchor.setAttribute("aria-description", this.getHint());
+        __classPrivateFieldSet(this, _NewTabAnchorController_described, anchor, "f");
+    }
+}
+_NewTabAnchorController_described = new WeakMap(), _NewTabAnchorController_observer = new WeakMap(), _NewTabAnchorController_instances = new WeakSet(), _NewTabAnchorController_clear = function _NewTabAnchorController_clear() {
+    __classPrivateFieldGet(this, _NewTabAnchorController_described, "f")?.removeAttribute("aria-description");
+    __classPrivateFieldSet(this, _NewTabAnchorController_described, undefined, "f");
+};

package/dist/utils/severity-icon.utils.d.ts

@@ -21,7 +21,7 @@ export declare const SEVERITY_ICONS: {
  * difference in what `severity` means on each family of component :
  * - `"icon"` (the default) — action components (`eun-button`,
  *   `eun-dropdown-button`) and `eun-chip`, where `severity` only ever
- *   drives the icon, never the color (color stays on `variant`/`color`) ;
+ *   drives the icon, never the color (color stays on `color`) ;
  *   an explicit `icon` naming something more specific than the generic
  *   severity glyph should still win.
  * - `"severity"` — `eun-alert`/`eun-toast`/`eun-tag`, where `severity`

package/dist/utils/severity-icon.utils.js

@@ -23,7 +23,7 @@ export const SEVERITY_ICONS = {
  * difference in what `severity` means on each family of component :
  * - `"icon"` (the default) — action components (`eun-button`,
  *   `eun-dropdown-button`) and `eun-chip`, where `severity` only ever
- *   drives the icon, never the color (color stays on `variant`/`color`) ;
+ *   drives the icon, never the color (color stays on `color`) ;
  *   an explicit `icon` naming something more specific than the generic
  *   severity glyph should still win.
  * - `"severity"` — `eun-alert`/`eun-toast`/`eun-tag`, where `severity`

package/dist/utils/theme-generator.utils.d.ts

@@ -7,7 +7,9 @@
  *
  * Only `buildPalette`, `buildTints`, `initializeTheme`, and
  * `buildThemeCss` (plus the types their signatures need) are exported
- * from `index.ts`. Everything
+ * from `index.ts`, and this file is also published as-is as the
+ * `./theme.js` subpath. It must stay free of imports and side effects for
+ * that subpath to remain safe on a server. Everything
  * else below, the raw color math, the shade/tint step definitions, is
  * kept file-private on purpose: none of it is meant to be reached on its
  * own, it exists to be composed by those four, and every extra export

package/dist/utils/theme-generator.utils.js

@@ -7,7 +7,9 @@
  *
  * Only `buildPalette`, `buildTints`, `initializeTheme`, and
  * `buildThemeCss` (plus the types their signatures need) are exported
- * from `index.ts`. Everything
+ * from `index.ts`, and this file is also published as-is as the
+ * `./theme.js` subpath. It must stay free of imports and side effects for
+ * that subpath to remain safe on a server. Everything
  * else below, the raw color math, the shade/tint step definitions, is
  * kept file-private on purpose: none of it is meant to be reached on its
  * own, it exists to be composed by those four, and every extra export

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@eunomia/elements",
-  "version": "1.0.0-beta.4",
-  "description": "Eunomia — a framework-agnostic web component design system",
+  "version": "1.0.0-beta.5",
+  "description": "Eunomia the framework-agnostic web component design system",
   "type": "module",
   "homepage": "https://eunomia-ds.vercel.app",
   "license": "SEE LICENSE IN LICENSE",
@@ -297,6 +297,10 @@
       "types": "./dist/utils/rich-text.utils.d.ts",
       "default": "./dist/utils/rich-text.utils.js"
     },
+    "./theme.js": {
+      "types": "./dist/utils/theme-generator.utils.d.ts",
+      "default": "./dist/utils/theme-generator.utils.js"
+    },
     "./jsx": {
       "types": "./dist/jsx.d.ts",
       "default": "./dist/jsx.js"
@@ -307,6 +311,8 @@
     "./toolbar-ssr.css": "./dist/ssr/toolbar-ssr.css",
     "./sidebar-ssr.css": "./dist/ssr/sidebar-ssr.css",
     "./overlay-ssr.css": "./dist/ssr/overlay-ssr.css",
+    "./links-ssr.css": "./dist/ssr/links-ssr.css",
+    "./rich-text.css": "./dist/ssr/rich-text.css",
     "./native-table.css": "./dist/features/table/native-table.css"
   },
   "files": [

package/dist/cdn/components/chunks/chunk-2JLDJFYD.js

@@ -1,48 +0,0 @@
-import{a as k,b as f,c as _}from"./chunk-SGM2X2TC.js";import{a as c,b as v,c as y,d as x,f as T,g as E,h,i as I,n as b,o as w,p as d,s as S}from"./chunk-XH6NREVZ.js";var o=class extends _{constructor(r){if(super(r),this.it=d,r.type!==k.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(r){if(r===d||r==null)return this._t=void 0,this.it=r;if(r===w)return r;if(typeof r!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(r===this.it)return this._t;this.it=r;let e=[r];return e.raw=e,this._t={_$litType$:this.constructor.resultType,strings:e,values:[]}}};o.directiveName="unsafeHTML",o.resultType=1;var H=f(o);var l=class extends o{};l.directiveName="unsafeSVG",l.resultType=2;var $=f(l);var N=E`
-  :host {
-    display: flex;
-    --_size: var(--icon-size, 1rem);
-    --_color: var(--icon-color, currentColor);
-    --_background: var(--icon-background, transparent);
-  }
-  span {
-    box-sizing: content-box;
-    width: var(--_size);
-    height: var(--_size);
-    padding: var(--icon-padding, 0);
-    fill: var(--_color);
-    color: var(--_color);
-    background-color: var(--_background);
-    border-radius: var(--icon-border-radius, var(--eun-border-radius-m, 8px));
-    text-decoration: none;
-    display: inline-block;
-    user-select: none;
-    transition: 0.2s;
-  }
-  svg {
-    width: 100%;
-    height: 100%;
-    display: block;
-  }
-  svg path {
-    stroke-width: 0;
-  }
-
-  @media (prefers-reduced-motion: reduce) {
-    span {
-      transition: none;
-    }
-  }
-`;var U="eun-icon",M=new RegExp("_(outline|round|sharp)$"),C=import.meta.url,m,g=new Set;function q(a){m=a.endsWith("/")?a.slice(0,-1):a,g.forEach(r=>r.reload())}var p,i=class extends S{constructor(){super(...arguments);y(this,p)}set size(e){x(this,p,e);let t;e?/%$/.test(e)?t=`${parseFloat(e)/100}rem`:/^\d+(\.\d+)?$/.test(e)?t=`${e}px`:t=e:t="1rem",this.style.setProperty("--_size",t)}get size(){return v(this,p)}connectedCallback(){super.connectedCallback(),g.add(this)}disconnectedCallback(){super.disconnectedCallback(),g.delete(this)}reload(){this.updateSvg(this.name)}updated(e){(e.has("name")||e.has("shape"))&&this.updateSvg(this.name)}updateSvg(e){if(!e)return;this.name=e;let t=this.getTargetIconFolder(e),s=this.stripShapeSuffix(e),u=t==="default"?s:`${s}_${t}`;this.fetchIconSvg(t,u).then(n=>{this.svgMarkup=n}).catch(()=>{t!=="default"&&this.fetchIconSvg("default",s).then(n=>{this.svgMarkup=n}).catch(()=>{})})}async fetchIconSvg(e,t){let s;if(m)s=`${m}/${e}/${t}.svg`;else{let n=new URL(C);if(n.protocol==="file:")throw new Error("eun-icon can't locate its icons: the bundler rewrote import.meta.url to a file: URL. Serve the icons folder and call setIconBaseUrl().");let L=n.pathname.slice(0,n.pathname.lastIndexOf("/"));n.pathname=`${L}/icons/${e}/${t}.svg`,s=n.href}let u=await fetch(s);if(!u.ok)throw new Error(`Icon not found: ${s}`);return u.text()}getTargetIconFolder(e){if(this.shape)return this.shape;let t=this.extractKeywordFromIconName(e);return t||"default"}extractKeywordFromIconName(e){let t=e.match(M);if(t)return t[1]}stripShapeSuffix(e){return e.replace(M,"")}render(){return this.name?b`<span part="wrapper" aria-hidden="true">
-      ${this.svgMarkup?$(this.svgMarkup):d}
-    </span>`:d}};p=new WeakMap,i.styles=[N],c([h()],i.prototype,"name",2),c([h()],i.prototype,"shape",2),c([I()],i.prototype,"svgMarkup",2),c([h({hasChanged:()=>!1})],i.prototype,"size",1),i=c([T(U)],i);export{U as a,q as b,i as c};
-/*! Bundled license information:
-
-lit-html/directives/unsafe-html.js:
-lit-html/directives/unsafe-svg.js:
-  (**
-   * @license
-   * Copyright 2017 Google LLC
-   * SPDX-License-Identifier: BSD-3-Clause
-   *)
-*/

package/dist/cdn/components/chunks/chunk-ATH2OAMU.js

@@ -1 +0,0 @@
-import{a,h as i}from"./chunk-XH6NREVZ.js";var o={datePicker:{previousMonth:"Previous month",chooseMonthYear:"Choose month and year",nextMonth:"Next month",previousYear:"Previous year",chooseYear:"Choose year",nextYear:"Next year",previousYears:"Previous years",nextYears:"Next years",time:"Time",amPm:"AM/PM",hour:"Hour",minute:"Minute",heading:{day:{single:"Select a date",range:"Select a date range"},month:{single:"Select a month",range:"Select a month range"},year:{single:"Select a year",range:"Select a year range"}},modalPreview:{day:{single:"Select date",range:"Select date range"},month:{single:"Select month",range:"Select month range"},year:{single:"Select year",range:"Select year range"}}},timePicker:{amPm:"AM/PM",hour:"Hour",minute:"Minute",time:"Time",selectATime:"Select a time",mustBeAtOrAfter:e=>`Time must be at or after ${e}`,mustBeAtOrBefore:e=>`Time must be at or before ${e}`},scheduler:{calendarView:"Calendar view"},carousel:{ofTotal:(e,r)=>`${e} of ${r}`,slideNavigation:"Slide navigation",goToSlide:(e,r)=>`Go to slide ${e} of ${r}`},imageCarousel:{selectImage:"Select image",showImage:(e,r)=>`Show image ${e} of ${r}`,imageNavigation:"Image navigation",goToImage:(e,r)=>`Go to image ${e} of ${r}`,allImages:"All images"},chip:{remove:"Remove"}};var s={datePicker:{previousMonth:"Mois pr\xE9c\xE9dent",chooseMonthYear:"Choisir le mois et l'ann\xE9e",nextMonth:"Mois suivant",previousYear:"Ann\xE9e pr\xE9c\xE9dente",chooseYear:"Choisir l'ann\xE9e",nextYear:"Ann\xE9e suivante",previousYears:"Ann\xE9es pr\xE9c\xE9dentes",nextYears:"Ann\xE9es suivantes",time:"Heure",amPm:"AM/PM",hour:"Heure",minute:"Minute",heading:{day:{single:"S\xE9lectionner une date",range:"S\xE9lectionner une plage de dates"},month:{single:"S\xE9lectionner un mois",range:"S\xE9lectionner une plage de mois"},year:{single:"S\xE9lectionner une ann\xE9e",range:"S\xE9lectionner une plage d'ann\xE9es"}},modalPreview:{day:{single:"S\xE9lectionner une date",range:"S\xE9lectionner une plage de dates"},month:{single:"S\xE9lectionner un mois",range:"S\xE9lectionner une plage de mois"},year:{single:"S\xE9lectionner une ann\xE9e",range:"S\xE9lectionner une plage d'ann\xE9es"}}},timePicker:{amPm:"AM/PM",hour:"Heure",minute:"Minute",time:"Heure",selectATime:"S\xE9lectionner une heure",mustBeAtOrAfter:e=>`L'heure doit \xEAtre \xE0 ${e} ou apr\xE8s`,mustBeAtOrBefore:e=>`L'heure doit \xEAtre \xE0 ${e} ou avant`},scheduler:{calendarView:"Vue du calendrier"},carousel:{ofTotal:(e,r)=>`${e} sur ${r}`,slideNavigation:"Navigation des diapositives",goToSlide:(e,r)=>`Aller \xE0 la diapositive ${e} sur ${r}`},imageCarousel:{selectImage:"S\xE9lectionner une image",showImage:(e,r)=>`Afficher l'image ${e} sur ${r}`,imageNavigation:"Navigation des images",goToImage:(e,r)=>`Aller \xE0 l'image ${e} sur ${r}`,allImages:"Toutes les images"},chip:{remove:"Retirer"}};var m="en";function n(){return m}var t={en:o,fr:s};var P=e=>{class r extends e{get dictionary(){let l=this.locale??n();return t[l]??t.en}}return a([i({reflect:!0})],r.prototype,"locale",2),r};export{P as a};

package/dist/cdn/components/chunks/chunk-BKHD4S57.js

@@ -1 +0,0 @@
-var n=class e extends Event{static{this.eventName="eunnavigate"}constructor(t){super(e.eventName,{bubbles:!0,composed:!0,cancelable:!0}),this.href=t}};function l(e){return e.button===0&&!e.metaKey&&!e.ctrlKey&&!e.shiftKey&&!e.altKey}function u(e,t,a,i){if(!a||i&&i!=="_self"||!l(t))return;let r=new n(a);e.dispatchEvent(r),r.defaultPrevented&&t.preventDefault()}export{u as a};

package/dist/cdn/components/chunks/chunk-T7WABJEJ.js

@@ -1 +0,0 @@
-import{a as r,h as i}from"./chunk-XH6NREVZ.js";var l=s=>{class e extends s{constructor(){super(...arguments);this.disabled=!1}updated(t){super.updated(t),t.has("disabled")&&(this.setAttribute("tabindex",this.disabled?"-1":"0"),this.setAttribute("aria-disabled",String(this.disabled)))}}return r([i({type:Boolean,reflect:!0})],e.prototype,"disabled",2),e};export{l as a};

package/dist/cdn/components/chunks/chunk-XSMCT4DF.js

@@ -1 +0,0 @@
-import{a as e,h as r}from"./chunk-XH6NREVZ.js";var l=i=>{class t extends i{constructor(){super(...arguments);this.variant="outline"}}return e([r({reflect:!0})],t.prototype,"variant",2),t};export{l as a};

package/dist/mixins/field-variant.mixin.d.ts

@@ -1,22 +0,0 @@
-import { LitElement } from "lit";
-import { Constructor } from "../utils/constructor.type.js";
-/**
- * All available visual variants for a text-like form field.
- */
-export type FieldVariant = "outline" | "fill" | "underline";
-/**
- * Interface defining the contract for components using FieldVariantMixin.
- */
-export declare class FieldVariantMixinInterface {
-    variant?: FieldVariant;
-}
-/**
- * A mixin that adds a `variant` property to a text-like form field
- * component, controlling its visual style: bordered box (`outline`,
- * default), filled background with no border (`fill`), or a bottom-only
- * border (`underline`).
- *
- * @param superClass - The base class to extend.
- * @returns A new class extending the base with `variant` behavior.
- */
-export declare const FieldVariantMixin: <T extends Constructor<LitElement>>(superClass: T) => Constructor<FieldVariantMixinInterface> & T;