@duyluonganduin/acl-web-components 0.0.57 → 0.0.58

package/dist/acl-web-components.js

@@ -1,4 +1,4 @@
-import { A as i, a as e, b as r, c, d as l, e as d, f as t, g as A, h as p, i as u, j as E, k as g, l as T, m as _, n as h, o as x, p as C, q as k, r as O, s as L, t as m, u as I, v as b, w as G, x as N, y as S, z as R, B as P, C as D, D as y, E as H, F as U, G as w, H as B, I as M, J as f, K as F, L as z, M as V, N as K, O as v, P as W, Q as X, R as Y, S as Z, T as j, U as q, V as J, W as Q, X as $, Y as aa, Z as na, _ as oa, $ as sa, a0 as ia, a1 as ea, a2 as ra, a3 as ca, a4 as la, a5 as da, a6 as ta, a7 as Aa, a8 as pa, a9 as ua, aa as Ea, ab as ga, ac as Ta, ad as _a, ae as ha, af as xa, ag as Ca, ah as ka, ai as Oa, aj as La, ak as ma, al as Ia, am as ba, an as Ga, ao as Na, ap as Sa, aq as Ra, ar as Pa, as as Da, at as ya, au as Ha, av as Ua, aw as wa, ax as Ba, ay as Ma, az as fa, aA as Fa, aB as za, aC as Va, aD as Ka, aE as va, aF as Wa, aG as Xa, aH as Ya, aI as Za, aJ as ja, aK as qa, aL as Ja, aM as Qa, aN as $a, aO as an, aP as nn, aQ as on, aR as sn, aS as en, aT as rn, aU as cn, aV as ln, aW as dn, aX as tn, aY as An, aZ as pn, a_ as un, a$ as En, b0 as gn, b1 as Tn, b2 as _n, b3 as hn, b4 as xn, b5 as Cn, b6 as kn, b7 as On, b8 as Ln, b9 as mn, ba as In, bb as bn, bc as Gn, bd as Nn, be as Sn, bf as Rn, bg as Pn, bh as Dn, bi as yn, bj as Hn, bk as Un, bl as wn, bm as Bn, bn as Mn, bo as fn, bp as Fn, bq as zn, br as Vn, bs as Kn, bt as vn, bu as Wn, bv as Xn } from "./anduin-table-DGYmi5iv.js";
+import { A as i, a as e, b as r, c, d as l, e as d, f as t, g as A, h as p, i as u, j as E, k as g, l as T, m as _, n as h, o as x, p as C, q as k, r as O, s as L, t as m, u as I, v as b, w as G, x as N, y as S, z as R, B as P, C as D, D as y, E as H, F as U, G as w, H as B, I as M, J as f, K as F, L as z, M as V, N as K, O as v, P as W, Q as X, R as Y, S as Z, T as j, U as q, V as J, W as Q, X as $, Y as aa, Z as na, _ as oa, $ as sa, a0 as ia, a1 as ea, a2 as ra, a3 as ca, a4 as la, a5 as da, a6 as ta, a7 as Aa, a8 as pa, a9 as ua, aa as Ea, ab as ga, ac as Ta, ad as _a, ae as ha, af as xa, ag as Ca, ah as ka, ai as Oa, aj as La, ak as ma, al as Ia, am as ba, an as Ga, ao as Na, ap as Sa, aq as Ra, ar as Pa, as as Da, at as ya, au as Ha, av as Ua, aw as wa, ax as Ba, ay as Ma, az as fa, aA as Fa, aB as za, aC as Va, aD as Ka, aE as va, aF as Wa, aG as Xa, aH as Ya, aI as Za, aJ as ja, aK as qa, aL as Ja, aM as Qa, aN as $a, aO as an, aP as nn, aQ as on, aR as sn, aS as en, aT as rn, aU as cn, aV as ln, aW as dn, aX as tn, aY as An, aZ as pn, a_ as un, a$ as En, b0 as gn, b1 as Tn, b2 as _n, b3 as hn, b4 as xn, b5 as Cn, b6 as kn, b7 as On, b8 as Ln, b9 as mn, ba as In, bb as bn, bc as Gn, bd as Nn, be as Sn, bf as Rn, bg as Pn, bh as Dn, bi as yn, bj as Hn, bk as Un, bl as wn, bm as Bn, bn as Mn, bo as fn, bp as Fn, bq as zn, br as Vn, bs as Kn, bt as vn, bu as Wn, bv as Xn } from "./anduin-table-gTUL80nN.js";
 const n = ':root{--color-gray-0: oklch(1 0 0);--color-gray-1: oklch(.9846 .0017 247.84);--color-gray-2: oklch(.9515 .0046 258.32);--color-gray-3: oklch(.9336 .0058 264.53);--color-gray-4: oklch(.8618 .0141 258.35);--color-gray-5: oklch(.7073 .0268 263.28);--color-gray-6: oklch(.6528 .0316 266.24);--color-gray-7: oklch(.5371 .0337 264.24);--color-gray-8: oklch(.3544 .0326 260.94);--color-gray-9: oklch(.2776 .0341 255.81);--color-danger-1: oklch(.9437 .0174 17.47);--color-danger-2: oklch(.8643 .0573 18.32);--color-danger-3: oklch(.712 .1517 21.64);--color-danger-4: oklch(.5948 .2165 26.91);--color-danger-5: oklch(.531 .2147 28.91);--color-primary-1: oklch(.9474 .0256 221.57);--color-primary-2: oklch(.8652 .066 236.86);--color-primary-3: oklch(.7219 .1335 240.15);--color-primary-4: oklch(.5679 .1784 254.76);--color-primary-5: oklch(.4682 .1548 255.23);--color-success-1: oklch(.9276 .0541 150.91);--color-success-2: oklch(.8592 .1078 149.75);--color-success-3: oklch(.6953 .1711 149.14);--color-success-4: oklch(.6149 .1634 148.21);--color-success-5: oklch(.5075 .136 146.46);--color-warning-1: oklch(.9549 .0496 88.08);--color-warning-2: oklch(.912 .0811 83.56);--color-warning-3: oklch(.8282 .1628 78.73);--color-warning-4: oklch(.7325 .1512 75.97);--color-warning-5: oklch(.5329 .1098 82);--color-semantic-gray-0: oklch(1 0 0);--color-semantic-gray-1: oklch(.9846 .0017 247.84);--color-semantic-gray-2: oklch(.9515 .0046 258.32);--color-semantic-gray-3: oklch(.9336 .0058 264.53);--color-semantic-gray-4: oklch(.8618 .0141 258.35);--color-semantic-gray-5: oklch(.7073 .0268 263.28);--color-semantic-gray-6: oklch(.6528 .0316 266.24);--color-semantic-gray-7: oklch(.5371 .0337 264.24);--color-semantic-gray-8: oklch(.3544 .0326 260.94);--color-semantic-gray-9: oklch(.2776 .0341 255.81);--color-semantic-danger-1: oklch(.9437 .0174 17.47);--color-semantic-danger-2: oklch(.8643 .0573 18.32);--color-semantic-danger-3: oklch(.712 .1517 21.64);--color-semantic-danger-4: oklch(.5948 .2165 26.91);--color-semantic-danger-5: oklch(.531 .2147 28.91);--color-semantic-primary-1: oklch(.9474 .0256 221.57);--color-semantic-primary-2: oklch(.8652 .066 236.86);--color-semantic-primary-3: oklch(.7219 .1335 240.15);--color-semantic-primary-4: oklch(.5679 .1784 254.76);--color-semantic-primary-5: oklch(.4682 .1548 255.23);--color-semantic-success-1: oklch(.9276 .0541 150.91);--color-semantic-success-2: oklch(.8592 .1078 149.75);--color-semantic-success-3: oklch(.6953 .1711 149.14);--color-semantic-success-4: oklch(.6149 .1634 148.21);--color-semantic-success-5: oklch(.5075 .136 146.46);--color-semantic-warning-1: oklch(.9549 .0496 88.08);--color-semantic-warning-2: oklch(.912 .0811 83.56);--color-semantic-warning-3: oklch(.8282 .1628 78.73);--color-semantic-warning-4: oklch(.7325 .1512 75.97);--color-semantic-warning-5: oklch(.5329 .1098 82);--color-purple-50: oklch(.9676 .016 286.1);--color-purple-100: oklch(.9434 .0255 288.32);--color-purple-200: oklch(.8927 .0519 287.71);--color-purple-300: oklch(.81 .0925 287.61);--color-purple-400: oklch(.7048 .1478 287.77);--color-purple-500: oklch(.5961 .2043 286.53);--color-purple-600: oklch(.5316 .2303 286.64);--color-purple-700: oklch(.471 .2307 285.3);--color-purple-800: oklch(.4148 .2014 285.43);--color-purple-900: oklch(.3654 .17 286.37);--color-purple-950: oklch(.2734 .1288 284.42);--color-white: var(--color-gray-0);--font-sans: system-ui, -apple-system, Roboto, Oxygen, Cantarell, Ubuntu, "Segoe UI", sans-serif;--font-mono: monospace;--text-9: 9px;--text-10: 10px;--text-11: 11px;--text-12: 12px;--text-13: 13px;--text-15: 15px;--text-17: 17px;--text-20: 20px;--text-23: 23px;--text-26: 26px;--text-30: 30px;--text-35: 35px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--leading-16: 16px;--leading-20: 20px;--leading-24: 24px;--leading-28: 28px;--leading-32: 32px;--leading-40: 40px;--leading-44: 44px;--leading-r1p5: 1.5;--radius-0: 0;--radius-2: 2px;--radius-3: 3px;--radius-4: 4px;--radius-6: 6px;--radius-8: 8px;--radius-12: 12px;--radius-16: 16px;--radius-20: 20px;--radius-24: 24px;--radius-full: 9999px;--shadow-1: 0px 1px 2px rgba(29, 41, 57, .07);--shadow-2: 0px 1px 2px rgba(29, 41, 57, .04), 0px 2px 8px rgba(29, 41, 57, .08);--shadow-3: 0px 2px 8px rgba(29, 41, 57, .08), 0px 8px 24px rgba(29, 41, 57, .12);--shadow-4: 0px 4px 8px rgba(29, 41, 57, .08), 0px 16px 48px rgba(29, 41, 57, .16);--spacing-px: 1px;--spacing-0: 0;--spacing-2: 2px;--spacing-4: 4px;--spacing-6: 6px;--spacing-8: 8px;--spacing-12: 12px;--spacing-16: 16px;--spacing-20: 20px;--spacing-24: 24px;--spacing-28: 28px;--spacing-32: 32px;--spacing-40: 40px;--spacing-48: 48px;--spacing-56: 56px;--spacing-64: 64px;--spacing-128: 128px;--spacing-256: 256px;--z-0: 0;--z-1: 1;--z-2: 2;--z-3: 3;--z-4: 4;--z-5: 5;--z-999: 999;--z-9999: 9999}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--text-13)}';
 if (typeof document < "u" && !document.getElementById("acl-tokens")) {
   const a = document.createElement("style");

package/dist/{anduin-table-CgbMyPrV.cjs → anduin-table-Brto8nKz.cjs}

@@ -2068,7 +2068,7 @@
       color: var(--color-gray-8, #101828);
       line-height: 20px;
     }
-  `;let a2=Y4;I3([s({type:Boolean})],a2.prototype,"checked");I3([s({type:Boolean})],a2.prototype,"disabled");customElements.get("anduin-switcher")||customElements.define("anduin-switcher",a2);var P0=Object.defineProperty,z=(r,e,t,o)=>{for(var i=void 0,n=r.length-1,l;n>=0;n--)(l=r[n])&&(i=l(e,t,i)||i);return i&&P0(e,t,i),i};const N5="anduin-dropdown:change",q4=class q4 extends u{constructor(){super(...arguments),this.value="",this.placeholder="Select...",this.options=[],this.icon="",this.searchable=!0,this.disabled=!1,this.placement="bottom-start",this.appearance="filled",this.variant="gray0",this.size="default",this.fullWidth=!1,this.clearable=!0,this._open=!1,this._query="",this._onOutsideClick=e=>{var t;!this.contains(e.target)&&!((t=this.shadowRoot)!=null&&t.contains(e.target))&&(this._open=!1,this._query="")},this._onScrollOrResize=()=>{this._open&&this._updatePosition()}}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._onOutsideClick),window.addEventListener("scroll",this._onScrollOrResize,{passive:!0,capture:!0}),window.addEventListener("resize",this._onScrollOrResize)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this._onOutsideClick),window.removeEventListener("scroll",this._onScrollOrResize,{capture:!0}),window.removeEventListener("resize",this._onScrollOrResize)}updated(e){e.has("_open")&&this._open&&requestAnimationFrame(()=>{var t,o;if(this._updatePosition(),this.searchable){const i=(o=(t=this._searchEl)==null?void 0:t.shadowRoot)==null?void 0:o.querySelector("input");i==null||i.focus()}})}_onTriggerClick(){this.disabled||(this._open=!this._open,this._open||(this._query=""))}_onKeyDown(e){var t;e.key==="Escape"&&(this._open=!1,this._query="",(t=this._triggerEl)==null||t.focus())}_onClear(e){e.stopPropagation(),this.clearable&&(this.value="",this.dispatchEvent(new CustomEvent(N5,{detail:"",bubbles:!0,composed:!0})))}_selectOption(e){this.value=e.value,this._open=!1,this._query="",this.dispatchEvent(new CustomEvent(N5,{detail:e.value,bubbles:!0,composed:!0}))}_updatePosition(){const e=this._triggerEl,t=this._panelEl;if(!e||!t)return;const o=e.getBoundingClientRect(),i=t.style.transform;t.style.transform="none";const n=t.getBoundingClientRect();t.style.transform=i;const l=t.querySelector(".panel__inner");l&&(l.style.minWidth=`${o.width}px`);const d=t.getBoundingClientRect(),c=4,C=window.innerWidth,p=window.innerHeight,f=8,b=p-o.bottom-c,m=o.top-c,_=d.height<=b||b>=m?o.bottom+c:o.top-d.height-c;let v=o.left;this.placement==="bottom-end"?v=o.right-d.width:this.placement==="bottom"&&(v=o.left+o.width/2-d.width/2),v=Math.max(f,Math.min(v,C-d.width-f));const M=Math.max(f,Math.min(_,p-d.height-f));t.style.transform=`translate(${Math.round(v-n.left)}px, ${Math.round(M-n.top)}px)`}get _filteredOptions(){if(!this._query)return this.options;const e=this._query.toLowerCase();return this.options.filter(t=>t.label.toLowerCase().includes(e))}render(){const e=this.options.find(n=>n.value===this.value),t=(e==null?void 0:e.label)??"",o=e?e.icon??"":this.icon,i=this._filteredOptions;return a`
+  `;let a2=Y4;I3([s({type:Boolean})],a2.prototype,"checked");I3([s({type:Boolean})],a2.prototype,"disabled");customElements.get("anduin-switcher")||customElements.define("anduin-switcher",a2);var P0=Object.defineProperty,z=(r,e,t,o)=>{for(var i=void 0,n=r.length-1,l;n>=0;n--)(l=r[n])&&(i=l(e,t,i)||i);return i&&P0(e,t,i),i};const N5="anduin-dropdown:change",q4=class q4 extends u{constructor(){super(...arguments),this.value="",this.placeholder="Select...",this.options=[],this.icon="",this.searchable=!0,this.disabled=!1,this.placement="bottom-start",this.appearance="filled",this.variant="gray0",this.size="default",this.fullWidth=!1,this.clearable=!0,this._open=!1,this._query="",this._onOutsideClick=e=>{var t;!this.contains(e.target)&&!((t=this.shadowRoot)!=null&&t.contains(e.target))&&(this._open=!1,this._query="")},this._onScrollOrResize=()=>{this._open&&this._updatePosition()}}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._onOutsideClick),window.addEventListener("scroll",this._onScrollOrResize,{passive:!0,capture:!0}),window.addEventListener("resize",this._onScrollOrResize)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this._onOutsideClick),window.removeEventListener("scroll",this._onScrollOrResize,{capture:!0}),window.removeEventListener("resize",this._onScrollOrResize)}updated(e){e.has("_open")&&this._open&&requestAnimationFrame(()=>{var t,o;if(this._updatePosition(),this.searchable){const i=(o=(t=this._searchEl)==null?void 0:t.shadowRoot)==null?void 0:o.querySelector("input");i==null||i.focus()}})}_onTriggerClick(){this.disabled||(this._open=!this._open,this._open||(this._query=""))}_onKeyDown(e){var t;e.key==="Escape"&&(this._open=!1,this._query="",(t=this._triggerEl)==null||t.focus())}_onClear(e){e.stopPropagation(),this.clearable&&(this.value="",this.dispatchEvent(new CustomEvent(N5,{detail:"",bubbles:!0,composed:!0})))}_selectOption(e){this.value=e.value,this._open=!1,this._query="",this.dispatchEvent(new CustomEvent(N5,{detail:e.value,bubbles:!0,composed:!0}))}_updatePosition(){const e=this._triggerEl,t=this._panelEl;if(!e||!t)return;const o=e.getBoundingClientRect(),i=t.style.transform;t.style.transform="none";const n=t.getBoundingClientRect();t.style.transform=i;const l=t.querySelector(".panel__inner");l&&(l.style.minWidth=`${o.width}px`);const d=t.getBoundingClientRect(),c=4,C=window.innerWidth,p=window.innerHeight,f=8,b=p-o.bottom-c,m=o.top-c,_=d.height<=b||b>=m?o.bottom+c:o.top-d.height-c;let v=o.left;this.placement==="bottom-end"?v=o.right-d.width:this.placement==="bottom"&&(v=o.left+o.width/2-d.width/2),v=Math.max(f,Math.min(v,C-d.width-f));const M=Math.max(f,Math.min(_,p-d.height-f));t.style.transform=`translate(${Math.round(v-n.left)}px, ${Math.round(M-n.top)}px)`}get _filteredOptions(){if(!this._query)return this.options;const e=this._query.toLowerCase();return this.options.filter(t=>t.label.toLowerCase().includes(e))}render(){const e=this.options.find(l=>l.value===this.value),t=(e==null?void 0:e.label)??"",o=e?e.icon??"":this.icon,i=this._filteredOptions,n=this.clearable&&!!this.value&&!this.disabled;return a`
       <button
         class="trigger trigger--${this.appearance} trigger--${this.variant}${this.size==="small"?" trigger--small":""}${this.value?" has-value":""}"
         part="trigger"
@@ -2080,11 +2080,11 @@
       >
         ${o&&t?a`<anduin-icon name="${o}" size="16"></anduin-icon>`:h}
         <span class="trigger__label${t?"":" trigger__label--placeholder"}">${t||this.placeholder}</span>
-        <span class="trigger__caret${this.clearable?" trigger__caret--clearable":""}">
+        <span class="trigger__caret${n?" trigger__caret--clearable":""}">
           <span class="trigger__chevron">
             <anduin-icon name="caretDown" size="16"></anduin-icon>
           </span>
-          ${this.clearable&&this.value&&!this.disabled?a`
+          ${n?a`
             <span class="trigger__clear" @click=${this._onClear}>
               <anduin-icon name="crossSmall" size="16"></anduin-icon>
             </span>
@@ -2099,23 +2099,23 @@
               <anduin-input
                 placeholder="Search ..."
                 .value=${this._query}
-                @anduin-input:change=${n=>{this._query=n.detail}}
+                @anduin-input:change=${l=>{this._query=l.detail}}
               ></anduin-input>
             </div>
           `:h}
           <div class="options">
-            ${i.length?i.map(n=>a`
+            ${i.length?i.map(l=>a`
                   <div
                     class="option"
                     role="option"
-                    aria-selected=${n.value===this.value}
-                    @click=${()=>this._selectOption(n)}
+                    aria-selected=${l.value===this.value}
+                    @click=${()=>this._selectOption(l)}
                   >
                     <span class="option__check">
-                      ${n.value===this.value?a`<anduin-icon name="checkSmall" size="16"></anduin-icon>`:h}
+                      ${l.value===this.value?a`<anduin-icon name="checkSmall" size="16"></anduin-icon>`:h}
                     </span>
-                    ${n.icon?a`<anduin-icon name="${n.icon}" size="16"></anduin-icon>`:h}
-                    <span class="option__label">${n.label}</span>
+                    ${l.icon?a`<anduin-icon name="${l.icon}" size="16"></anduin-icon>`:h}
+                    <span class="option__label">${l.label}</span>
                   </div>
                 `):a`<div class="empty">No results</div>`}
           </div>
@@ -2234,8 +2234,12 @@
     }
     .trigger__clear:hover { color: var(--color-gray-9, #101828); background-color: var(--color-gray-3); }
     .trigger__clear:active { background-color: var(--color-gray-4); }
-    /* Scoped to --clearable so a dropdown with clearable=false keeps its chevron
-       on hover: unscoped, the chevron fades out to reveal a × that is not there. */
+    /* Scoped to --clearable so the chevron only fades when there is a × to
+       reveal: unscoped, it fades out to show a × that is not there and the caret
+       is simply gone while hovered. --clearable is set under exactly the
+       condition the × renders (clearable, a value, not disabled) — not on
+       the clearable flag alone, which left a filter resting on '' or a disabled
+       dropdown with no caret on hover. */
     .trigger__caret--clearable:hover .trigger__chevron { opacity: 0; }
     .trigger__caret:hover .trigger__clear { opacity: 1; }