@eunomia/elements 1.0.0-beta.9 → 1.0.0

package/dist/cdn/components/eun-animate.js

@@ -1,4 +1,4 @@
-import{a as s}from"./chunks/chunk-DBY4CPCM.js";import{b as e}from"./chunks/chunk-OTX6FWAF.js";import{a as d}from"./chunks/chunk-6TIEBY34.js";import{a as o,f as m,h as i,j as r,p as n,r as c,u as p}from"./chunks/chunk-YITWLCD3.js";var h=i`
+import{a as b}from"./chunks/chunk-DBY4CPCM.js";import{b as i}from"./chunks/chunk-OTX6FWAF.js";import{a as o,f as c,g as d,h as s,j as e,p as l,r as f,u as h}from"./chunks/chunk-YITWLCD3.js";var v=s`
   :host {
     display: block;
     --_distance: var(--animate-distance, 80px);
@@ -96,182 +96,94 @@ import{a as s}from"./chunks/chunk-DBY4CPCM.js";import{b as e}from"./chunks/chunk
       transition-duration: 0.01ms;
     }
   }
-`,y=i`
-  @media ${s("tablet")} {
-    :host([tablet-animation="none"]) {
-      opacity: 1;
-      transform: none;
-      transition-property: none;
-    }
-
-    :host([tablet-animation="fade"]) {
-      opacity: 0;
-      transition-property: opacity;
-    }
-    :host([tablet-animation="fade"][in-view]) {
-      opacity: 1;
-    }
-
-    :host([tablet-animation="scroll-right"]) {
-      transform: translateX(calc(-1 * var(--_distance)));
-      transition-property: transform;
-    }
-    :host([tablet-animation="scroll-right"][in-view]) {
-      transform: translateX(0);
-    }
-
-    :host([tablet-animation="scroll-left"]) {
-      transform: translateX(var(--_distance));
-      transition-property: transform;
-    }
-    :host([tablet-animation="scroll-left"][in-view]) {
-      transform: translateX(0);
-    }
-
-    :host([tablet-animation="scroll-top"]) {
-      transform: translateY(var(--_distance));
-      transition-property: transform;
-    }
-    :host([tablet-animation="scroll-top"][in-view]) {
-      transform: translateY(0);
-    }
-
-    :host([tablet-animation="scroll-bottom"]) {
-      transform: translateY(calc(-1 * var(--_distance)));
-      transition-property: transform;
-    }
-    :host([tablet-animation="scroll-bottom"][in-view]) {
-      transform: translateY(0);
-    }
-
-    :host([tablet-animation="faded-scroll-right"]) {
-      opacity: 0;
-      transform: translateX(calc(-1 * var(--_distance)));
-      transition-property: opacity, transform;
-    }
-    :host([tablet-animation="faded-scroll-right"][in-view]) {
-      opacity: 1;
-      transform: translateX(0);
-    }
-
-    :host([tablet-animation="faded-scroll-left"]) {
-      opacity: 0;
-      transform: translateX(var(--_distance));
-      transition-property: opacity, transform;
-    }
-    :host([tablet-animation="faded-scroll-left"][in-view]) {
-      opacity: 1;
-      transform: translateX(0);
-    }
-
-    :host([tablet-animation="faded-scroll-top"]) {
-      opacity: 0;
-      transform: translateY(var(--_distance));
-      transition-property: opacity, transform;
-    }
-    :host([tablet-animation="faded-scroll-top"][in-view]) {
-      opacity: 1;
-      transform: translateY(0);
-    }
-
-    :host([tablet-animation="faded-scroll-bottom"]) {
-      opacity: 0;
-      transform: translateY(calc(-1 * var(--_distance)));
-      transition-property: opacity, transform;
-    }
-    :host([tablet-animation="faded-scroll-bottom"][in-view]) {
-      opacity: 1;
-      transform: translateY(0);
-    }
-  }
-
-  @media ${s("mobile")} {
-    :host([mobile-animation="none"]) {
-      opacity: 1;
-      transform: none;
-      transition-property: none;
-    }
-
-    :host([mobile-animation="fade"]) {
-      opacity: 0;
-      transition-property: opacity;
-    }
-    :host([mobile-animation="fade"][in-view]) {
-      opacity: 1;
-    }
-
-    :host([mobile-animation="scroll-right"]) {
-      transform: translateX(calc(-1 * var(--_distance)));
-      transition-property: transform;
-    }
-    :host([mobile-animation="scroll-right"][in-view]) {
-      transform: translateX(0);
-    }
-
-    :host([mobile-animation="scroll-left"]) {
-      transform: translateX(var(--_distance));
-      transition-property: transform;
-    }
-    :host([mobile-animation="scroll-left"][in-view]) {
-      transform: translateX(0);
-    }
-
-    :host([mobile-animation="scroll-top"]) {
-      transform: translateY(var(--_distance));
-      transition-property: transform;
-    }
-    :host([mobile-animation="scroll-top"][in-view]) {
-      transform: translateY(0);
-    }
-
-    :host([mobile-animation="scroll-bottom"]) {
-      transform: translateY(calc(-1 * var(--_distance)));
-      transition-property: transform;
-    }
-    :host([mobile-animation="scroll-bottom"][in-view]) {
-      transform: translateY(0);
-    }
-
-    :host([mobile-animation="faded-scroll-right"]) {
-      opacity: 0;
-      transform: translateX(calc(-1 * var(--_distance)));
-      transition-property: opacity, transform;
-    }
-    :host([mobile-animation="faded-scroll-right"][in-view]) {
-      opacity: 1;
-      transform: translateX(0);
-    }
-
-    :host([mobile-animation="faded-scroll-left"]) {
-      opacity: 0;
-      transform: translateX(var(--_distance));
-      transition-property: opacity, transform;
-    }
-    :host([mobile-animation="faded-scroll-left"][in-view]) {
-      opacity: 1;
-      transform: translateX(0);
-    }
-
-    :host([mobile-animation="faded-scroll-top"]) {
-      opacity: 0;
-      transform: translateY(var(--_distance));
-      transition-property: opacity, transform;
-    }
-    :host([mobile-animation="faded-scroll-top"][in-view]) {
-      opacity: 1;
-      transform: translateY(0);
-    }
-
-    :host([mobile-animation="faded-scroll-bottom"]) {
-      opacity: 0;
-      transform: translateY(calc(-1 * var(--_distance)));
-      transition-property: opacity, transform;
-    }
-    :host([mobile-animation="faded-scroll-bottom"][in-view]) {
-      opacity: 1;
-      transform: translateY(0);
-    }
-  }
-`,f=[h,y];var v="eun-animate",b="in-view",t=class extends p{constructor(){super(...arguments);this.animation="fade";this.delay=0;this.once=!0;this.threshold=.1;this.rootMargin="0px"}get hasAnyAnimation(){return this.animation!=="none"||this.tabletAnimation!==void 0&&this.tabletAnimation!=="none"||this.mobileAnimation!==void 0&&this.mobileAnimation!=="none"}connectedCallback(){super.connectedCallback?.(),this.setupObserver()}disconnectedCallback(){this.teardownObserver(),super.disconnectedCallback?.()}updated(a){super.updated(a),this.isConnected&&(a.has("animation")||a.has("tabletAnimation")||a.has("mobileAnimation")||a.has("threshold")||a.has("rootMargin")||a.has("once"))&&this.setupObserver()}setupObserver(){this.teardownObserver(),this.hasAnyAnimation&&(this.observer=new IntersectionObserver(([a])=>{a.isIntersecting?(this.toggleAttribute(b,!0),this.once&&this.observer?.unobserve(this)):this.once||this.toggleAttribute(b,!1)},{threshold:this.threshold,rootMargin:this.rootMargin}),this.observer.observe(this))}teardownObserver(){this.observer?.disconnect(),this.observer=void 0}renderTiming(){let a=[this.duration!==void 0?`--_duration: ${Number(this.duration)}ms;`:"",this.delay!==0?`--_delay: ${Number(this.delay)}ms;`:""].join(""),l=[a?`:host { ${a} }`:"",this.tabletDelay!==void 0?`@media ${e("tablet")} { :host { --_delay: ${Number(this.tabletDelay)}ms; } }`:"",this.mobileDelay!==void 0?`@media ${e("mobile")} { :host { --_delay: ${Number(this.mobileDelay)}ms; } }`:""].join("");return l?n`<style>
-          ${l}
-        </style>`:c}render(){return n`${this.renderTiming()}<slot></slot>`}};t.styles=f,o([r({reflect:!0,useDefault:!0})],t.prototype,"animation",2),o([r({type:Number})],t.prototype,"duration",2),o([r({type:Number})],t.prototype,"delay",2),o([r({type:Number,attribute:"tablet-delay"})],t.prototype,"tabletDelay",2),o([r({type:Number,attribute:"mobile-delay"})],t.prototype,"mobileDelay",2),o([r({converter:d})],t.prototype,"once",2),o([r({type:Number})],t.prototype,"threshold",2),o([r({attribute:"root-margin"})],t.prototype,"rootMargin",2),o([r({attribute:"tablet-animation",reflect:!0})],t.prototype,"tabletAnimation",2),o([r({attribute:"mobile-animation",reflect:!0})],t.prototype,"mobileAnimation",2),t=o([m(v)],t);export{t as EunomiaAnimate,v as EunomiaAnimateTagName};
+`;function m(n){let t=d(`${n}-animation`);return s`
+    @media ${b(n)} {
+      :host([${t}="none"]) {
+        opacity: 1;
+        transform: none;
+        transition-property: none;
+      }
+
+      :host([${t}="fade"]) {
+        opacity: 0;
+        transition-property: opacity;
+      }
+      :host([${t}="fade"][in-view]) {
+        opacity: 1;
+      }
+
+      :host([${t}="scroll-right"]) {
+        transform: translateX(calc(-1 * var(--_distance)));
+        transition-property: transform;
+      }
+      :host([${t}="scroll-right"][in-view]) {
+        transform: translateX(0);
+      }
+
+      :host([${t}="scroll-left"]) {
+        transform: translateX(var(--_distance));
+        transition-property: transform;
+      }
+      :host([${t}="scroll-left"][in-view]) {
+        transform: translateX(0);
+      }
+
+      :host([${t}="scroll-top"]) {
+        transform: translateY(var(--_distance));
+        transition-property: transform;
+      }
+      :host([${t}="scroll-top"][in-view]) {
+        transform: translateY(0);
+      }
+
+      :host([${t}="scroll-bottom"]) {
+        transform: translateY(calc(-1 * var(--_distance)));
+        transition-property: transform;
+      }
+      :host([${t}="scroll-bottom"][in-view]) {
+        transform: translateY(0);
+      }
+
+      :host([${t}="faded-scroll-right"]) {
+        opacity: 0;
+        transform: translateX(calc(-1 * var(--_distance)));
+        transition-property: opacity, transform;
+      }
+      :host([${t}="faded-scroll-right"][in-view]) {
+        opacity: 1;
+        transform: translateX(0);
+      }
+
+      :host([${t}="faded-scroll-left"]) {
+        opacity: 0;
+        transform: translateX(var(--_distance));
+        transition-property: opacity, transform;
+      }
+      :host([${t}="faded-scroll-left"][in-view]) {
+        opacity: 1;
+        transform: translateX(0);
+      }
+
+      :host([${t}="faded-scroll-top"]) {
+        opacity: 0;
+        transform: translateY(var(--_distance));
+        transition-property: opacity, transform;
+      }
+      :host([${t}="faded-scroll-top"][in-view]) {
+        opacity: 1;
+        transform: translateY(0);
+      }
+
+      :host([${t}="faded-scroll-bottom"]) {
+        opacity: 0;
+        transform: translateY(calc(-1 * var(--_distance)));
+        transition-property: opacity, transform;
+      }
+      :host([${t}="faded-scroll-bottom"][in-view]) {
+        opacity: 1;
+        transform: translateY(0);
+      }
+    }
+  `}var $=[m("laptop"),m("tablet"),m("mobile")],y=[v,...$];var _="eun-animate",u="in-view",a=class extends h{constructor(){super(...arguments);this.animation="fade";this.delay=0;this.once=!1;this.threshold=.1;this.rootMargin="0px"}get hasAnyAnimation(){return this.animation!=="none"||this.laptopAnimation!==void 0&&this.laptopAnimation!=="none"||this.tabletAnimation!==void 0&&this.tabletAnimation!=="none"||this.mobileAnimation!==void 0&&this.mobileAnimation!=="none"}connectedCallback(){super.connectedCallback?.(),this.setupObserver()}disconnectedCallback(){this.teardownObserver(),super.disconnectedCallback?.()}updated(r){super.updated(r),this.isConnected&&(r.has("animation")||r.has("laptopAnimation")||r.has("tabletAnimation")||r.has("mobileAnimation")||r.has("threshold")||r.has("rootMargin")||r.has("once"))&&this.setupObserver()}setupObserver(){this.teardownObserver(),this.hasAnyAnimation&&(this.observer=new IntersectionObserver(([r])=>{r.isIntersecting?(this.toggleAttribute(u,!0),this.once&&this.observer?.unobserve(this)):this.once||this.toggleAttribute(u,!1)},{threshold:this.threshold,rootMargin:this.rootMargin}),this.observer.observe(this))}teardownObserver(){this.observer?.disconnect(),this.observer=void 0}renderTiming(){let r=[this.duration!==void 0?`--_duration: ${Number(this.duration)}ms;`:"",this.delay!==0?`--_delay: ${Number(this.delay)}ms;`:""].join(""),p=[r?`:host { ${r} }`:"",this.laptopDelay!==void 0?`@media ${i("laptop")} { :host { --_delay: ${Number(this.laptopDelay)}ms; } }`:"",this.tabletDelay!==void 0?`@media ${i("tablet")} { :host { --_delay: ${Number(this.tabletDelay)}ms; } }`:"",this.mobileDelay!==void 0?`@media ${i("mobile")} { :host { --_delay: ${Number(this.mobileDelay)}ms; } }`:""].join("");return p?l`<style>
+          ${p}
+        </style>`:f}render(){return l`${this.renderTiming()}<slot></slot>`}};a.styles=y,o([e({reflect:!0,useDefault:!0})],a.prototype,"animation",2),o([e({type:Number})],a.prototype,"duration",2),o([e({type:Number})],a.prototype,"delay",2),o([e({type:Number,attribute:"laptop-delay"})],a.prototype,"laptopDelay",2),o([e({type:Number,attribute:"tablet-delay"})],a.prototype,"tabletDelay",2),o([e({type:Number,attribute:"mobile-delay"})],a.prototype,"mobileDelay",2),o([e({type:Boolean})],a.prototype,"once",2),o([e({type:Number})],a.prototype,"threshold",2),o([e({attribute:"root-margin"})],a.prototype,"rootMargin",2),o([e({attribute:"laptop-animation",reflect:!0})],a.prototype,"laptopAnimation",2),o([e({attribute:"tablet-animation",reflect:!0})],a.prototype,"tabletAnimation",2),o([e({attribute:"mobile-animation",reflect:!0})],a.prototype,"mobileAnimation",2),a=o([c(_)],a);export{a as EunomiaAnimate,_ as EunomiaAnimateTagName};

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

@@ -1,4 +1,4 @@
-import{a as w}from"./chunks/chunk-JGV7LHEI.js";import"./chunks/chunk-GNAUNTS5.js";import{a as c,b as a,c as d,d as u,e as i,f,h as g,k as x,m as y,p,u as h}from"./chunks/chunk-YITWLCD3.js";var k=g`
+import{a as w}from"./chunks/chunk-WP6ZYBAC.js";import"./chunks/chunk-2XPIGFBD.js";import{a as c,b as a,c as d,d as u,e as i,f,h as g,k as x,m as y,p,u as h}from"./chunks/chunk-YITWLCD3.js";var k=g`
   :host {
     display: block;
     font-family: var(--eun-font-family, "Mulish", sans-serif);
@@ -23,7 +23,7 @@ import{a as w}from"./chunks/chunk-JGV7LHEI.js";import"./chunks/chunk-GNAUNTS5.js
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
-    color: var(--breadcrumb-current-color, var(--eun-text-secondary, #484e61));
+    color: var(--breadcrumb-current-color, var(--eun-text-secondary, #666e8a));
     font-weight: var(--eun-font-weight-m, 500);
   }
   ::slotted(a[href]) {
@@ -54,7 +54,7 @@ import{a as w}from"./chunks/chunk-JGV7LHEI.js";import"./chunks/chunk-GNAUNTS5.js
   }
   ::slotted(a[aria-current="page"]),
   ::slotted(a[aria-current="page"]:hover) {
-    color: var(--breadcrumb-current-color, var(--eun-text-secondary, #484e61));
+    color: var(--breadcrumb-current-color, var(--eun-text-secondary, #666e8a));
     font-weight: var(--eun-font-weight-m, 500);
     text-decoration: none;
   }
@@ -62,7 +62,7 @@ import{a as w}from"./chunks/chunk-JGV7LHEI.js";import"./chunks/chunk-GNAUNTS5.js
     margin-inline: var(--breadcrumb-separator-gap, var(--eun-space-s, 8px));
     color: var(
       --breadcrumb-separator-color,
-      var(--eun-text-secondary, #484e61)
+      var(--eun-text-secondary, #666e8a)
     );
     user-select: none;
   }

package/dist/cdn/components/eun-button.js

@@ -1 +1 @@
-import{a,b}from"./chunks/chunk-TN3HGHQO.js";import"./chunks/chunk-3UUZM7X2.js";import"./chunks/chunk-3BMACIDO.js";import"./chunks/chunk-NK5SGOBP.js";import"./chunks/chunk-3MTUVMM5.js";import"./chunks/chunk-5GKM5DIB.js";import"./chunks/chunk-PPCHQG7P.js";import"./chunks/chunk-JGV7LHEI.js";import"./chunks/chunk-GNAUNTS5.js";import"./chunks/chunk-YITWLCD3.js";export{b as EunomiaButton,a as EunomiaButtonTagName};
+import{a,b}from"./chunks/chunk-MDSUMP3O.js";import"./chunks/chunk-NPXRQHUN.js";import"./chunks/chunk-QNWKRPOW.js";import"./chunks/chunk-3BMACIDO.js";import"./chunks/chunk-NK5SGOBP.js";import"./chunks/chunk-3MTUVMM5.js";import"./chunks/chunk-5GKM5DIB.js";import"./chunks/chunk-PPCHQG7P.js";import"./chunks/chunk-WP6ZYBAC.js";import"./chunks/chunk-2XPIGFBD.js";import"./chunks/chunk-YITWLCD3.js";export{b as EunomiaButton,a as EunomiaButtonTagName};