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

package/styles/themes/prebuilt-themes/salmon/eunomia-salmon.theme.scss

@@ -9,8 +9,9 @@
 @use "./../../../tools/mixins/settings/eunomia-radius.mixin.scss" as *;
 @use "./../../../tools/mixins/settings/eunomia-border.mixin.scss" as *;
 @use "./../../../tools/mixins/settings/eunomia-shadows.mixin.scss" as *;
+@use "./../../../tools/mixins/settings/eunomia-motion.mixin.scss" as *;
 @use "./../../../tools/mixins/settings/eunomia-alpha.mixin.scss" as *;
-@use "./../../../tools/mixins/layout/eunomia-grid.mixin.scss" as *;
+@use "./../../../eunomia-grid.scss";
 
 @mixin default-settings {
   @include eunomia-font-family();
@@ -20,10 +21,10 @@
   @include eunomia-border-radius();
   @include eunomia-border-width();
   @include eunomia-shadows();
+  @include eunomia-motion();
   @include eunomia-alpha();
   @include eunomia-height();
   @include eunomia-breakpoints();
-  @include eunomia-grid-layouts();
 }
 
 @mixin eunomia-salmon-theme() {

package/styles/themes/prebuilt-themes/violet/eunomia-violet-dark.mixin.scss

@@ -26,11 +26,11 @@
   --eun-color-on-primary-900: #000000de;
   --eun-color-primary-950: #b495e3;
   --eun-color-on-primary-950: #000000de;
-  --eun-color-primary-bg-hover: #{rgba($primary-500, 0.08)};
-  --eun-color-primary-bg-active: #{rgba($primary-500, 0.08)};
-  --eun-color-primary-transparent: #{rgba($primary-500, 0.2)};
-  --eun-color-primary-transparent-hover: #{rgba($primary-500, 0.3)};
-  --eun-color-primary-transparent-active: #{rgba($primary-500, 0.4)};
+  --eun-color-primary-alpha-5: #{rgba($primary-500, 0.05)};
+  --eun-color-primary-alpha-10: #{rgba($primary-500, 0.1)};
+  --eun-color-primary-alpha-20: #{rgba($primary-500, 0.2)};
+  --eun-color-primary-alpha-30: #{rgba($primary-500, 0.3)};
+  --eun-color-primary-alpha-40: #{rgba($primary-500, 0.4)};
 
   --eun-color-secondary-50: #357777;
   --eun-color-on-secondary-50: #ffffff;
@@ -54,11 +54,11 @@
   --eun-color-on-secondary-900: #000000de;
   --eun-color-secondary-950: #aff2f1;
   --eun-color-on-secondary-950: #000000de;
-  --eun-color-secondary-bg-hover: #{rgba($secondary-500, 0.08)};
-  --eun-color-secondary-bg-active: #{rgba($secondary-500, 0.08)};
-  --eun-color-secondary-transparent: #{rgba($secondary-500, 0.2)};
-  --eun-color-secondary-transparent-hover: #{rgba($secondary-500, 0.3)};
-  --eun-color-secondary-transparent-active: #{rgba($secondary-500, 0.4)};
+  --eun-color-secondary-alpha-5: #{rgba($secondary-500, 0.05)};
+  --eun-color-secondary-alpha-10: #{rgba($secondary-500, 0.1)};
+  --eun-color-secondary-alpha-20: #{rgba($secondary-500, 0.2)};
+  --eun-color-secondary-alpha-30: #{rgba($secondary-500, 0.3)};
+  --eun-color-secondary-alpha-40: #{rgba($secondary-500, 0.4)};
 
   @include eunomia-dark-neutrals();
 

package/styles/themes/prebuilt-themes/violet/eunomia-violet.mixin.scss

@@ -26,11 +26,11 @@
   --eun-color-on-primary-900: #ffffff;
   --eun-color-primary-950: #391571;
   --eun-color-on-primary-950: #ffffff;
-  --eun-color-primary-bg-hover: #{rgba($primary-500, 0.08)};
-  --eun-color-primary-bg-active: #{rgba($primary-500, 0.08)};
-  --eun-color-primary-transparent: #{rgba($primary-500, 0.2)};
-  --eun-color-primary-transparent-hover: #{rgba($primary-500, 0.3)};
-  --eun-color-primary-transparent-active: #{rgba($primary-500, 0.4)};
+  --eun-color-primary-alpha-5: #{rgba($primary-500, 0.05)};
+  --eun-color-primary-alpha-10: #{rgba($primary-500, 0.1)};
+  --eun-color-primary-alpha-20: #{rgba($primary-500, 0.2)};
+  --eun-color-primary-alpha-30: #{rgba($primary-500, 0.3)};
+  --eun-color-primary-alpha-40: #{rgba($primary-500, 0.4)};
 
   --eun-color-secondary-50: #82d0d0;
   --eun-color-on-secondary-50: #000000de;
@@ -54,11 +54,11 @@
   --eun-color-on-secondary-900: #ffffff;
   --eun-color-secondary-950: #075655;
   --eun-color-on-secondary-950: #ffffff;
-  --eun-color-secondary-bg-hover: #{rgba($secondary-500, 0.08)};
-  --eun-color-secondary-bg-active: #{rgba($secondary-500, 0.08)};
-  --eun-color-secondary-transparent: #{rgba($secondary-500, 0.2)};
-  --eun-color-secondary-transparent-hover: #{rgba($secondary-500, 0.3)};
-  --eun-color-secondary-transparent-active: #{rgba($secondary-500, 0.4)};
+  --eun-color-secondary-alpha-5: #{rgba($secondary-500, 0.05)};
+  --eun-color-secondary-alpha-10: #{rgba($secondary-500, 0.1)};
+  --eun-color-secondary-alpha-20: #{rgba($secondary-500, 0.2)};
+  --eun-color-secondary-alpha-30: #{rgba($secondary-500, 0.3)};
+  --eun-color-secondary-alpha-40: #{rgba($secondary-500, 0.4)};
 
   @include eunomia-neutrals();
 

package/styles/themes/prebuilt-themes/violet/eunomia-violet.theme.scss

@@ -9,8 +9,9 @@
 @use "./../../../tools/mixins/settings/eunomia-radius.mixin.scss" as *;
 @use "./../../../tools/mixins/settings/eunomia-border.mixin.scss" as *;
 @use "./../../../tools/mixins/settings/eunomia-shadows.mixin.scss" as *;
+@use "./../../../tools/mixins/settings/eunomia-motion.mixin.scss" as *;
 @use "./../../../tools/mixins/settings/eunomia-alpha.mixin.scss" as *;
-@use "./../../../tools/mixins/layout/eunomia-grid.mixin.scss" as *;
+@use "./../../../eunomia-grid.scss";
 
 @mixin default-settings {
   @include eunomia-font-family();
@@ -20,10 +21,10 @@
   @include eunomia-border-radius();
   @include eunomia-border-width();
   @include eunomia-shadows();
+  @include eunomia-motion();
   @include eunomia-alpha();
   @include eunomia-height();
   @include eunomia-breakpoints();
-  @include eunomia-grid-layouts();
 }
 
 @mixin eunomia-violet-theme() {

package/styles/tools/indexes/eunomia-media-queries.index.scss

@@ -1,3 +1 @@
-@forward './../mixins/media-queries/eunomia-device.mixin.scss';
-@forward './../mixins/media-queries/eunomia-gte.mixin.scss';
-@forward './../mixins/media-queries/eunomia-lte.mixin.scss';
+@forward "./../mixins/media-queries/eunomia-media-queries.mixin.scss";

package/styles/tools/indexes/eunomia-tools.index.scss

@@ -3,6 +3,7 @@
 @forward './../mixins/settings/eunomia-breakpoints.mixin.scss';
 @forward './../mixins/settings/eunomia-font.mixin.scss';
 @forward './../mixins/settings/eunomia-height.mixin.scss';
+@forward './../mixins/settings/eunomia-motion.mixin.scss';
 @forward './../mixins/settings/eunomia-radius.mixin.scss';
 @forward './../mixins/settings/eunomia-shadows.mixin.scss';
 @forward './../mixins/settings/eunomia-spaces.mixin.scss';

package/styles/tools/mixins/layout/eunomia-grid.mixin.scss

@@ -1,100 +1,164 @@
-@use "sass:map";
-@use "./../../variables/eunomia.breakpoints.scss" as *;
+@use "./../media-queries/eunomia-media-queries.mixin.scss" as *;
 
 @mixin eunomia-grid-layouts {
-  .eun-grid {
+  :where(.eun-grid) {
+    --_cols0: var(--eun-grid-columns, var(--_variantCols0, 1));
+    --_cols1: var(
+      --eun-grid-columns-mobile,
+      var(--eun-grid-columns, var(--_variantCols1, var(--_variantCols0, 1)))
+    );
+    --_cols2: var(
+      --eun-grid-columns-tablet,
+      var(
+        --eun-grid-columns-mobile,
+        var(
+          --eun-grid-columns,
+          var(--_variantCols2, var(--_variantCols1, var(--_variantCols0, 1)))
+        )
+      )
+    );
+    --_cols3: var(
+      --eun-grid-columns-laptop,
+      var(
+        --eun-grid-columns-tablet,
+        var(
+          --eun-grid-columns-mobile,
+          var(
+            --eun-grid-columns,
+            var(
+              --_variantCols3,
+              var(
+                --_variantCols2,
+                var(--_variantCols1, var(--_variantCols0, 1))
+              )
+            )
+          )
+        )
+      )
+    );
+    --_cols4: var(
+      --eun-grid-columns-desktop,
+      var(
+        --eun-grid-columns-laptop,
+        var(
+          --eun-grid-columns-tablet,
+          var(
+            --eun-grid-columns-mobile,
+            var(
+              --eun-grid-columns,
+              var(
+                --_variantCols4,
+                var(
+                  --_variantCols3,
+                  var(
+                    --_variantCols2,
+                    var(--_variantCols1, var(--_variantCols0, 1))
+                  )
+                )
+              )
+            )
+          )
+        )
+      )
+    );
+    --_cols: var(--_cols0);
     display: grid;
+    grid-template-columns: repeat(var(--_cols), minmax(0, 1fr));
     row-gap: var(--eun-grid-row-gap, var(--eun-space-s));
     column-gap: var(--eun-grid-column-gap, var(--eun-space-m));
   }
 
-  .eun-grid--halves {
-    grid-template-columns: repeat(2, 1fr);
+  @include eunomia-from(mobile) {
+    :where(.eun-grid) {
+      --_cols: var(--_cols1);
+    }
   }
-
-  .eun-grid--thirds-1-2 {
-    grid-template-columns: 1fr 2fr;
+  @include eunomia-from(tablet) {
+    :where(.eun-grid) {
+      --_cols: var(--_cols2);
+    }
+  }
+  @include eunomia-from(laptop) {
+    :where(.eun-grid) {
+      --_cols: var(--_cols3);
+    }
+  }
+  @include eunomia-from(desktop) {
+    :where(.eun-grid) {
+      --_cols: var(--_cols4);
+    }
   }
 
-  .eun-grid--thirds-2-1 {
-    grid-template-columns: 2fr 1fr;
+  :where(.eun-grid--halves),
+  :where(.eun-grid--2x2) {
+    --_variantCols2: 2;
   }
 
-  .eun-grid--thirds-equal {
-    grid-template-columns: repeat(3, 1fr);
+  :where(.eun-grid--thirds-equal) {
+    --_variantCols2: 3;
   }
 
-  .eun-grid--2x2 {
-    grid-template-columns: repeat(2, 1fr);
+  :where(.eun-grid--2x2) {
     grid-auto-flow: row;
   }
 
-  .eun-grid--sidebar-left,
-  .eun-grid--sidebar-right {
-    grid-template-columns: repeat(2, 1fr);
-    grid-template-rows: repeat(2, auto);
-  }
+  @include eunomia-from(tablet) {
+    :where(.eun-grid--thirds-1-2) {
+      grid-template-columns: 1fr 2fr;
+    }
 
-  .eun-grid--sidebar-left > :first-child {
-    grid-column: 1;
-    grid-row: 1 / span 2;
-  }
+    :where(.eun-grid--thirds-2-1) {
+      grid-template-columns: 2fr 1fr;
+    }
 
-  .eun-grid--sidebar-right > :first-child {
-    grid-column: 2;
-    grid-row: 1 / span 2;
+    :where(.eun-grid--sidebar-left),
+    :where(.eun-grid--sidebar-right) {
+      grid-template-columns: repeat(2, 1fr);
+      grid-template-rows: repeat(2, auto);
+    }
+
+    :where(.eun-grid--sidebar-left > :first-child) {
+      grid-column: 1;
+      grid-row: 1 / span 2;
+    }
+
+    :where(.eun-grid--sidebar-right > :first-child) {
+      grid-column: 2;
+      grid-row: 1 / span 2;
+    }
   }
 
-  .eun-grid--lead-left,
-  .eun-grid--lead-right {
+  :where(.eun-grid--lead-left),
+  :where(.eun-grid--lead-right) {
     grid-template-rows: repeat(2, auto);
   }
 
-  .eun-grid--lead-left {
+  :where(.eun-grid--lead-left) {
     grid-template-columns: auto 1fr;
   }
 
-  .eun-grid--lead-right {
+  :where(.eun-grid--lead-right) {
     grid-template-columns: 1fr auto;
   }
 
-  .eun-grid--lead-left > :first-child {
+  :where(.eun-grid--lead-left > :first-child) {
     grid-column: 1;
     grid-row: 1 / span 2;
   }
 
-  .eun-grid--lead-right > :first-child {
+  :where(.eun-grid--lead-right > :first-child) {
     grid-column: 2;
     grid-row: 1 / span 2;
   }
 
-  .eun-grid--gallery {
+  :where(.eun-grid--gallery) {
     grid-template-columns: repeat(
       auto-fill,
       minmax(var(--eun-grid-min-width, 220px), 1fr)
     );
   }
 
-  .eun-grid--panel {
+  :where(.eun-grid--panel) {
     grid-template-rows: auto 1fr auto;
   }
-
-  @media (max-width: map.get($map-device-width, tablet) - 1) {
-    .eun-grid--halves,
-    .eun-grid--thirds-1-2,
-    .eun-grid--thirds-2-1,
-    .eun-grid--thirds-equal,
-    .eun-grid--2x2,
-    .eun-grid--sidebar-left,
-    .eun-grid--sidebar-right {
-      grid-template-columns: 1fr;
-      grid-template-rows: none;
-    }
-
-    .eun-grid--sidebar-left > :first-child,
-    .eun-grid--sidebar-right > :first-child {
-      grid-column: 1;
-      grid-row: auto;
-    }
-  }
 }

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

@@ -0,0 +1,69 @@
+@use "sass:map";
+@use "./../../variables/eunomia.breakpoints.scss" as *;
+
+@function -eunomia-breakpoint($breakpoint) {
+  @if not map.has-key($map-device-width, $breakpoint) {
+    @error "Unknown breakpoint `#{$breakpoint}`, expected one of #{map.keys($map-device-width)}.";
+  }
+  @return map.get($map-device-width, $breakpoint);
+}
+
+@mixin eunomia-below($breakpoint) {
+  @media (width < #{-eunomia-breakpoint($breakpoint)}) {
+    @content;
+  }
+}
+
+@mixin eunomia-from($breakpoint) {
+  @media (width >= #{-eunomia-breakpoint($breakpoint)}) {
+    @content;
+  }
+}
+
+@mixin eunomia-below-mobile {
+  @include eunomia-below(mobile) {
+    @content;
+  }
+}
+
+@mixin eunomia-below-tablet {
+  @include eunomia-below(tablet) {
+    @content;
+  }
+}
+
+@mixin eunomia-below-laptop {
+  @include eunomia-below(laptop) {
+    @content;
+  }
+}
+
+@mixin eunomia-below-desktop {
+  @include eunomia-below(desktop) {
+    @content;
+  }
+}
+
+@mixin eunomia-from-mobile {
+  @include eunomia-from(mobile) {
+    @content;
+  }
+}
+
+@mixin eunomia-from-tablet {
+  @include eunomia-from(tablet) {
+    @content;
+  }
+}
+
+@mixin eunomia-from-laptop {
+  @include eunomia-from(laptop) {
+    @content;
+  }
+}
+
+@mixin eunomia-from-desktop {
+  @include eunomia-from(desktop) {
+    @content;
+  }
+}

package/styles/tools/mixins/settings/eunomia-alpha.mixin.scss

@@ -1,6 +1,3 @@
-// Translucent surface/text primitives, derived from the active theme's
-// `--eun-surface-color` and `--eun-text-color`. Included next to each theme's
-// color mixin, so they follow light/dark and brand switches automatically.
 @mixin eunomia-alpha {
   --eun-surface-transparent-25: color-mix(
     in srgb,
@@ -34,6 +31,33 @@
     transparent
   );
 
-  // Fixed (theme-independent) muted text, legible on a dark surface
   --eun-text-on-dark-secondary: rgba(255, 255, 255, 0.7);
+
+  --eun-text-on-inverse-secondary: color-mix(
+    in srgb,
+    var(--eun-text-on-inverse) 70%,
+    transparent
+  );
+  --eun-border-on-inverse: color-mix(
+    in srgb,
+    var(--eun-text-on-inverse) 20%,
+    transparent
+  );
+  --eun-content-hover-on-inverse: color-mix(
+    in srgb,
+    var(--eun-text-on-inverse) 8%,
+    transparent
+  );
+  --eun-content-pressed-on-inverse: color-mix(
+    in srgb,
+    var(--eun-text-on-inverse) 14%,
+    transparent
+  );
+
+  // Dimmed layer behind a modal or a drawer
+  --eun-backdrop-color: color-mix(
+    in srgb,
+    var(--eun-surface-inverse) 45%,
+    transparent
+  );
 }

package/styles/tools/mixins/settings/eunomia-motion.mixin.scss

@@ -0,0 +1,9 @@
+@mixin eunomia-motion {
+  --eun-duration-xs: 100ms;
+  --eun-duration-s: 150ms;
+  --eun-duration-m: 200ms;
+  --eun-duration-l: 250ms;
+  --eun-duration-xl: 300ms;
+  --eun-easing-default: ease;
+  --eun-easing-out: ease-out;
+}

package/styles/tools/variables/eunomia.breakpoints.scss

@@ -1,3 +1,7 @@
+// Generated by library/scripts/breakpoints.mjs from
+// library/src/breakpoints.ts, the single source of the library's
+// breakpoints. Don't edit it : change them there, then run
+// `npm run breakpoints` in library/.
 $map-device-width: (
   mobile: 600px,
   tablet: 768px,

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-A6KGFALA.js

@@ -1,132 +0,0 @@
-import{a as i,d as b,e as d,f as u}from"./chunk-E74CM7UG.js";import{a as t,f as s,g as c,h as o,n as r,p as l,s as n}from"./chunk-XH6NREVZ.js";var p=c`
-  :host {
-    position: relative;
-    background: var(
-      --table-header-background,
-      var(--eun-surface-color, #ffffff)
-    );
-    box-shadow: inset 0 0 0 9999px transparent;
-    border-bottom: var(--eun-border-width-s, 1px) solid
-      var(--table-border-color, var(--eun-border-color, #dee0e7));
-    font-weight: var(--eun-font-weight-m, 500);
-    transition: box-shadow var(--table-row-transition-duration, 200ms) ease;
-  }
-
-  :host(:focus-within) {
-    box-shadow: inset 0 0 0 9999px
-      var(--table-row-hover-background, var(--eun-content-hover, #edeff0));
-  }
-
-  :host([sticky]) {
-    position: sticky;
-    top: 0;
-    z-index: var(--_table-z-header, 4);
-    border-bottom-color: var(
-      --table-sticky-border-color,
-      var(--table-border-color, var(--eun-border-color, #dee0e7))
-    );
-  }
-
-  #select-cell {
-    position: sticky;
-    left: 0;
-    z-index: var(--_table-z-checkbox, 1);
-    background: var(
-      --table-sticky-column-background,
-      var(--table-header-background, var(--eun-surface-color, #ffffff))
-    );
-    box-shadow: inset 0 0 0 9999px transparent;
-    padding-inline-start: var(--eun-space-s);
-    transition: box-shadow var(--table-row-transition-duration, 200ms) ease;
-  }
-
-  :host(:focus-within) #select-cell {
-    box-shadow: inset 0 0 0 9999px
-      var(--table-row-hover-background, var(--eun-content-hover, #edeff0));
-  }
-
-  #select-cell eun-checkbox {
-    --checkbox-border-color: transparent;
-    --checkbox-background: var(
-      --table-checkbox-background,
-      var(--eun-color-grey-300, #dee0e7)
-    );
-    --checkbox-background-hover: var(
-      --table-checkbox-hover,
-      var(--eun-color-grey-400, #c1c9d6)
-    );
-  }
-
-  #select-spacer {
-    box-sizing: border-box;
-    background: var(
-      --table-header-background,
-      var(--eun-surface-color, #ffffff)
-    );
-  }
-
-  :host([sticky-first-column]) ::slotted(:first-of-type) {
-    position: sticky;
-    left: var(--_table-select-offset, 0px);
-    z-index: var(--_table-z-corner, 5);
-    background: var(
-      --table-sticky-column-background,
-      var(--table-header-background, var(--eun-surface-color, #ffffff))
-    );
-    box-shadow: inset 0 0 0 9999px transparent;
-    border-inline-end: var(--eun-border-width-s, 1px) solid
-      var(
-        --table-sticky-border-color,
-        var(--table-column-border-color, transparent)
-      );
-    transition: box-shadow var(--table-row-transition-duration, 200ms) ease;
-  }
-
-  :host([sticky-first-column]:focus-within) ::slotted(:first-of-type) {
-    box-shadow: inset 0 0 0 9999px
-      var(--table-row-hover-background, var(--eun-content-hover, #edeff0));
-  }
-
-  #action-spacer {
-    box-sizing: border-box;
-  }
-
-  :host([sticky-last-column]) #action-spacer {
-    position: sticky;
-    right: 0;
-    z-index: var(--_table-z-corner, 5);
-    background: var(
-      --table-sticky-column-background,
-      var(--table-header-background, var(--eun-surface-color, #ffffff))
-    );
-    box-shadow: inset 0 0 0 9999px transparent;
-    transition: box-shadow var(--table-row-transition-duration, 200ms) ease;
-  }
-
-  :host([sticky-last-column]:focus-within) #action-spacer,
-  :host([sticky-last-column]:focus-within) ::slotted(:last-of-type) {
-    box-shadow: inset 0 0 0 9999px
-      var(--table-row-hover-background, var(--eun-content-hover, #edeff0));
-  }
-
-  :host([sticky-last-column]) ::slotted(:last-of-type) {
-    position: sticky;
-    right: var(--_table-action-offset, 0px);
-    z-index: var(--_table-z-corner, 5);
-    background: var(
-      --table-sticky-column-background,
-      var(--table-header-background, var(--eun-surface-color, #ffffff))
-    );
-    box-shadow: inset 0 0 0 9999px transparent;
-    transition: box-shadow var(--table-row-transition-duration, 200ms) ease;
-    border-inline-start: var(--eun-border-width-s, 1px) solid
-      var(
-        --table-sticky-border-color,
-        var(--table-column-border-color, transparent)
-      );
-  }
-`,f=p;var v="eun-table-header",e=class extends i(n){constructor(){super(...arguments);this.selectable=!1;this.hasAction=!1;this.sticky=!1;this.stickyFirstColumn=!1;this.stickyLastColumn=!1;this.selectedCount=0;this.totalCount=0;this.selectAllAriaLabel="Select all rows";this.deselectAllAriaLabel="Deselect all rows"}connectedCallback(){super.connectedCallback?.(),this.hasAttribute("role")||this.setAttribute("role","row")}render(){let a=this.totalCount>0&&this.selectedCount===this.totalCount,h=this.sticky?r`<div id="select-spacer" aria-hidden="true"></div>`:b({role:"columnheader",checked:a,indeterminate:this.selectedCount>0&&!a,ariaLabel:a?this.deselectAllAriaLabel:this.selectAllAriaLabel,disabled:this.totalCount===0,onChange:()=>this.onSelectAllToggle?.()});return r`
-      ${this.selectable?h:l}
-      <slot></slot>
-      ${this.hasAction?r`<div id="action-spacer" aria-hidden="true"></div>`:l}
-    `}};e.styles=[d,u,f],t([o({type:Boolean,reflect:!0})],e.prototype,"selectable",2),t([o({type:Boolean,reflect:!0,attribute:"has-action"})],e.prototype,"hasAction",2),t([o({type:Boolean,reflect:!0})],e.prototype,"sticky",2),t([o({type:Boolean,reflect:!0,attribute:"sticky-first-column"})],e.prototype,"stickyFirstColumn",2),t([o({type:Boolean,reflect:!0,attribute:"sticky-last-column"})],e.prototype,"stickyLastColumn",2),t([o({attribute:!1})],e.prototype,"selectedCount",2),t([o({attribute:!1})],e.prototype,"totalCount",2),t([o({attribute:"select-all-aria-label"})],e.prototype,"selectAllAriaLabel",2),t([o({attribute:"deselect-all-aria-label"})],e.prototype,"deselectAllAriaLabel",2),e=t([s(v)],e);export{v as a,e as b};

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};