@duyluonganduin/acl-web-components 0.0.65 → 0.0.66
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/acl-web-components.cjs +1 -1
- package/dist/acl-web-components.iife.js +147 -137
- package/dist/acl-web-components.js +35 -35
- package/dist/{anduin-table-BJvi-IiU.cjs → anduin-table-B-RW2kkS.cjs} +33 -23
- package/dist/{anduin-table-BNMWngox.js → anduin-table-D5xijY_4.js} +553 -543
- package/dist/react.cjs +1 -1
- package/dist/react.js +2 -2
- package/dist/tailwind-preset.cjs +1 -1
- package/dist/tailwind-preset.js +9 -4
- package/dist/tailwind-theme.css +6 -0
- package/dist/tokens.css +30 -4
- package/package.json +1 -1
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':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;--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}:root,.light,[data-theme=light]{color-scheme:light;--color-background: var(--color-gray-0);--color-foreground: var(--color-gray-8);--color-card: var(--color-gray-0);--color-card-foreground: var(--color-gray-8);--color-popover: var(--color-gray-0);--color-popover-foreground: var(--color-gray-8);--color-popover-border: transparent;--color-primary: var(--color-primary-4);--color-primary-foreground: var(--color-gray-0);--color-primary-hover: var(--color-primary-3);--color-primary-active: var(--color-primary-5);--color-primary-subtle: var(--color-primary-1);--color-primary-subtle-foreground: var(--color-primary-5);--color-primary-subtle-active: var(--color-primary-2);--color-primary-border: var(--color-primary-3);--color-secondary: var(--color-gray-2);--color-secondary-foreground: var(--color-gray-8);--color-muted: var(--color-gray-1);--color-muted-foreground: var(--color-gray-7);--color-subtle-foreground: var(--color-gray-6);--color-placeholder: var(--color-gray-5);--color-accent: var(--color-gray-2);--color-accent-subtle: var(--color-gray-1);--color-accent-foreground: var(--color-gray-8);--color-accent-active: var(--color-gray-3);--color-accent-strong: var(--color-gray-4);--color-neutral: var(--color-gray-7);--color-neutral-foreground: var(--color-gray-0);--color-neutral-hover: var(--color-gray-6);--color-neutral-active: var(--color-gray-8);--color-neutral-subtle: var(--color-gray-3);--color-neutral-subtle-foreground: var(--color-gray-7);--color-destructive: var(--color-danger-4);--color-destructive-foreground: var(--color-gray-0);--color-destructive-hover: var(--color-danger-3);--color-destructive-active: var(--color-danger-5);--color-destructive-subtle: var(--color-danger-1);--color-destructive-subtle-foreground: var(--color-danger-5);--color-destructive-subtle-active: var(--color-danger-2);--color-destructive-border: var(--color-danger-3);--color-success: var(--color-success-4);--color-success-foreground: var(--color-gray-0);--color-success-hover: var(--color-success-3);--color-success-active: var(--color-success-5);--color-success-subtle: var(--color-success-1);--color-success-subtle-foreground: var(--color-success-5);--color-success-subtle-active: var(--color-success-2);--color-success-border: var(--color-success-3);--color-warning: var(--color-warning-3);--color-warning-foreground: var(--color-gray-8);--color-warning-hover: var(--color-warning-2);--color-warning-active: var(--color-warning-4);--color-warning-subtle: var(--color-warning-1);--color-warning-subtle-foreground: var(--color-warning-5);--color-warning-subtle-active: var(--color-warning-2);--color-warning-border: var(--color-warning-3);--color-ai: var(--color-purple-600);--color-ai-foreground: var(--color-gray-0);--color-ai-hover: var(--color-purple-500);--color-ai-active: var(--color-purple-700);--color-ai-subtle: var(--color-purple-50);--color-ai-subtle-foreground: var(--color-purple-700);--color-ai-subtle-active: var(--color-purple-100);--color-ai-border: var(--color-purple-300);--color-border: var(--color-gray-3);--color-border-subtle: var(--color-gray-2);--color-input: var(--color-gray-4);--color-ring: var(--color-primary-4);--color-ring-subtle: var(--color-primary-1);--color-ring-outline: var(--color-primary-2);--color-disabled: var(--color-gray-2);--color-disabled-foreground: var(--color-gray-4);--color-inverse: var(--color-gray-9);--color-inverse-foreground: var(--color-gray-0);--color-overlay: rgba(50, 60, 77, .6);--color-shadow: var(--color-gray-9);--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);--color-canvas: var(--color-gray-1);--color-table-header: var(--color-gray-1);--color-highlight: oklch(from var(--color-gray-8) l c h / .06);--color-border-muted: var(--color-gray-2);--color-primary-icon: var(--color-primary-4);--color-destructive-icon: var(--color-danger-4);--color-success-icon: color-mix(in oklab, var(--color-success-4), var(--color-success-5));--color-warning-icon: color-mix(in oklab, var(--color-warning-4), var(--color-warning-5));--color-ai-icon: var(--color-purple-500);--color-neutral-icon: var(--color-gray-7);--color-ai-glow: transparent}.dark,[data-theme=dark]{color-scheme:dark;--color-background: var(--color-gray-9);--color-foreground: var(--color-gray-2);--color-card: var(--color-gray-9);--color-card-foreground: var(--color-gray-2);--color-popover: var(--color-gray-9);--color-popover-foreground: var(--color-gray-2);--color-popover-border: var(--color-border);--color-primary: var(--color-primary-4);--color-primary-foreground: var(--color-gray-0);--color-primary-hover: var(--color-primary-3);--color-primary-active: var(--color-primary-5);--color-primary-subtle: color-mix(in srgb, var(--color-gray-9), var(--color-primary-4) 16%);--color-primary-subtle-foreground: var(--color-primary-2);--color-primary-subtle-active: color-mix(in srgb, var(--color-gray-9), var(--color-primary-4) 28%);--color-primary-border: oklch(from var(--color-primary-4) l c h / .6);--color-secondary: var(--color-gray-8);--color-secondary-foreground: var(--color-gray-2);--color-muted: color-mix(in oklab, var(--color-gray-9), black 6%);--color-muted-foreground: color-mix(in oklab, var(--color-gray-4), var(--color-gray-5));--color-subtle-foreground: var(--color-gray-5);--color-placeholder: var(--color-gray-5);--color-accent: color-mix(in srgb, var(--color-gray-9), var(--color-gray-0) 5%);--color-accent-subtle: color-mix(in srgb, var(--color-gray-9), var(--color-gray-0) 5%);--color-accent-foreground: var(--color-gray-2);--color-accent-active: var(--color-gray-8);--color-accent-strong: color-mix(in oklab, var(--color-gray-8), var(--color-gray-7) 35%);--color-neutral: var(--color-gray-7);--color-neutral-foreground: var(--color-gray-0);--color-neutral-hover: var(--color-gray-6);--color-neutral-active: var(--color-gray-8);--color-neutral-subtle: var(--color-gray-8);--color-neutral-subtle-foreground: var(--color-gray-2);--color-destructive: var(--color-danger-4);--color-destructive-foreground: var(--color-gray-0);--color-destructive-hover: var(--color-danger-3);--color-destructive-active: var(--color-danger-5);--color-destructive-subtle: color-mix(in srgb, var(--color-gray-9), var(--color-danger-4) 16%);--color-destructive-subtle-foreground: var(--color-danger-2);--color-destructive-subtle-active: color-mix(in srgb, var(--color-gray-9), var(--color-danger-4) 28%);--color-destructive-border: oklch(from var(--color-danger-4) l c h / .6);--color-success: var(--color-success-4);--color-success-foreground: var(--color-gray-0);--color-success-hover: var(--color-success-3);--color-success-active: var(--color-success-5);--color-success-subtle: color-mix(in srgb, var(--color-gray-9), var(--color-success-4) 16%);--color-success-subtle-foreground: var(--color-success-2);--color-success-subtle-active: color-mix(in srgb, var(--color-gray-9), var(--color-success-4) 28%);--color-success-border: oklch(from var(--color-success-4) l c h / .6);--color-warning: var(--color-warning-3);--color-warning-foreground: var(--color-gray-8);--color-warning-hover: var(--color-warning-2);--color-warning-active: var(--color-warning-4);--color-warning-subtle: color-mix(in srgb, var(--color-gray-9), var(--color-warning-4) 16%);--color-warning-subtle-foreground: var(--color-warning-2);--color-warning-subtle-active: color-mix(in srgb, var(--color-gray-9), var(--color-warning-4) 28%);--color-warning-border: oklch(from var(--color-warning-4) l c h / .6);--color-ai: var(--color-purple-600);--color-ai-foreground: var(--color-gray-0);--color-ai-hover: var(--color-purple-500);--color-ai-active: var(--color-purple-700);--color-ai-subtle: color-mix(in srgb, var(--color-gray-9), var(--color-purple-600) 16%);--color-ai-subtle-foreground: var(--color-purple-200);--color-ai-subtle-active: color-mix(in srgb, var(--color-gray-9), var(--color-purple-600) 28%);--color-ai-border: oklch(from var(--color-purple-600) l c h / .6);--color-border: oklch(from var(--color-gray-0) l c h / .1);--color-border-subtle: oklch(from var(--color-gray-0) l c h / .06);--color-input: var(--color-gray-7);--color-ring: var(--color-primary-4);--color-ring-subtle: oklch(from var(--color-primary-4) l c h / .3);--color-ring-outline: oklch(from var(--color-primary-4) l c h / .6);--color-disabled: var(--color-gray-8);--color-disabled-foreground: var(--color-gray-7);--color-inverse: var(--color-gray-2);--color-inverse-foreground: var(--color-gray-9);--color-overlay: oklch(0 0 0 / .4);--color-shadow: oklch(0 0 0);--color-canvas: color-mix(in oklab, var(--color-gray-9), black 6%);--color-table-header: var(--color-gray-8);--color-highlight: oklch(from var(--color-gray-0) l c h / .05);--color-border-muted: oklch(from var(--color-gray-0) l c h / .06);--color-primary-icon: var(--color-primary-3);--color-destructive-icon: var(--color-danger-3);--color-success-icon: var(--color-success-3);--color-warning-icon: var(--color-warning-4);--color-ai-icon: var(--color-purple-400);--color-neutral-icon: var(--color-gray-4);--color-ai-glow: oklch(from var(--color-primary-3) l c h / .25);--shadow-1: 0px 1px 2px oklch(from var(--color-shadow) l c h / .07);--shadow-2: 0px 1px 2px oklch(from var(--color-shadow) l c h / .04), 0px 2px 8px oklch(from var(--color-shadow) l c h / .08);--shadow-3: 0px 2px 8px oklch(from var(--color-shadow) l c h / .08), 0px 8px 24px oklch(from var(--color-shadow) l c h / .12);--shadow-4: 0px 4px 8px oklch(from var(--color-shadow) l c h / .08), 0px 16px 48px oklch(from var(--color-shadow) l c h / .16)}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--text-13)}';/**
|
|
1
|
+
var AclWebComponents=(function(c){"use strict";var vt,w1;const mt=':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;--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}:root,.light,[data-theme=light]{color-scheme:light;--color-background: var(--color-gray-0);--color-foreground: var(--color-gray-8);--color-card: var(--color-gray-0);--color-card-foreground: var(--color-gray-8);--color-popover: var(--color-gray-0);--color-popover-foreground: var(--color-gray-8);--color-popover-border: transparent;--color-primary: var(--color-primary-4);--color-primary-foreground: var(--color-gray-0);--color-primary-hover: var(--color-primary-3);--color-primary-active: var(--color-primary-5);--color-primary-subtle: var(--color-primary-1);--color-primary-subtle-foreground: var(--color-primary-5);--color-primary-subtle-active: var(--color-primary-2);--color-primary-border: var(--color-primary-3);--color-secondary: var(--color-gray-2);--color-secondary-foreground: var(--color-gray-8);--color-muted: var(--color-gray-1);--color-muted-foreground: var(--color-gray-7);--color-subtle-foreground: var(--color-gray-6);--color-placeholder: var(--color-gray-5);--color-accent: var(--color-gray-2);--color-accent-subtle: var(--color-gray-1);--color-accent-foreground: var(--color-gray-8);--color-accent-active: var(--color-gray-3);--color-accent-strong: var(--color-gray-4);--color-neutral: var(--color-gray-7);--color-neutral-foreground: var(--color-gray-0);--color-neutral-hover: var(--color-gray-6);--color-neutral-active: var(--color-gray-8);--color-neutral-subtle: var(--color-gray-3);--color-neutral-subtle-foreground: var(--color-gray-7);--color-destructive: var(--color-danger-4);--color-destructive-foreground: var(--color-gray-0);--color-destructive-hover: var(--color-danger-3);--color-destructive-active: var(--color-danger-5);--color-destructive-subtle: var(--color-danger-1);--color-destructive-subtle-foreground: var(--color-danger-5);--color-destructive-subtle-active: var(--color-danger-2);--color-destructive-border: var(--color-danger-3);--color-success: var(--color-success-4);--color-success-foreground: var(--color-gray-0);--color-success-hover: var(--color-success-3);--color-success-active: var(--color-success-5);--color-success-subtle: var(--color-success-1);--color-success-subtle-foreground: var(--color-success-5);--color-success-subtle-active: var(--color-success-2);--color-success-border: var(--color-success-3);--color-warning: var(--color-warning-3);--color-warning-foreground: var(--color-gray-8);--color-warning-hover: var(--color-warning-2);--color-warning-active: var(--color-warning-4);--color-warning-subtle: var(--color-warning-1);--color-warning-subtle-foreground: var(--color-warning-5);--color-warning-subtle-active: var(--color-warning-2);--color-warning-border: var(--color-warning-3);--color-ai: var(--color-purple-600);--color-ai-foreground: var(--color-gray-0);--color-ai-hover: var(--color-purple-500);--color-ai-active: var(--color-purple-700);--color-ai-subtle: var(--color-purple-50);--color-ai-subtle-foreground: var(--color-purple-700);--color-ai-subtle-active: var(--color-purple-100);--color-ai-border: var(--color-purple-300);--color-border: var(--color-gray-3);--color-border-subtle: var(--color-gray-2);--color-input: var(--color-gray-4);--color-ring: var(--color-primary-4);--color-ring-subtle: var(--color-primary-1);--color-ring-outline: var(--color-primary-2);--color-disabled: var(--color-gray-2);--color-disabled-foreground: var(--color-gray-4);--color-inverse: var(--color-gray-9);--color-inverse-foreground: var(--color-gray-0);--color-overlay: rgba(50, 60, 77, .6);--color-shadow: var(--color-gray-9);--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);--color-canvas: var(--color-gray-1);--color-table-header: var(--color-gray-1);--color-highlight: oklch(from var(--color-gray-8) l c h / .06);--color-border-muted: var(--color-gray-2);--color-primary-icon: var(--color-primary-4);--color-destructive-icon: var(--color-danger-4);--color-success-icon: color-mix(in oklab, var(--color-success-4), var(--color-success-5));--color-warning-icon: color-mix(in oklab, var(--color-warning-4), var(--color-warning-5));--color-ai-icon: var(--color-purple-500);--color-neutral-icon: var(--color-gray-7);--color-primary-text: var(--color-primary-4);--color-destructive-text: var(--color-danger-4);--color-success-text: var(--color-success-5);--color-warning-text: var(--color-warning-5);--color-ai-text: var(--color-purple-600);--color-ai-glow: transparent}.dark,[data-theme=dark]{color-scheme:dark;--color-background: var(--color-gray-9);--color-foreground: var(--color-gray-2);--color-card: var(--color-gray-9);--color-card-foreground: var(--color-gray-2);--color-popover: var(--color-gray-9);--color-popover-foreground: var(--color-gray-2);--color-popover-border: var(--color-border);--color-primary: var(--color-primary-4);--color-primary-foreground: var(--color-gray-0);--color-primary-hover: var(--color-primary-3);--color-primary-active: var(--color-primary-5);--color-primary-subtle: color-mix(in srgb, var(--color-gray-9), var(--color-primary-4) 16%);--color-primary-subtle-foreground: var(--color-primary-2);--color-primary-subtle-active: color-mix(in srgb, var(--color-gray-9), var(--color-primary-4) 28%);--color-primary-border: oklch(from var(--color-primary-4) l c h / .6);--color-secondary: var(--color-gray-8);--color-secondary-foreground: var(--color-gray-2);--color-muted: color-mix(in oklab, var(--color-gray-9), black 6%);--color-muted-foreground: color-mix(in oklab, var(--color-gray-4), var(--color-gray-5));--color-subtle-foreground: var(--color-gray-5);--color-placeholder: var(--color-gray-5);--color-accent: color-mix(in srgb, var(--color-gray-9), var(--color-gray-0) 5%);--color-accent-subtle: color-mix(in srgb, var(--color-gray-9), var(--color-gray-0) 5%);--color-accent-foreground: var(--color-gray-2);--color-accent-active: var(--color-gray-8);--color-accent-strong: color-mix(in oklab, var(--color-gray-8), var(--color-gray-7) 35%);--color-neutral: var(--color-gray-7);--color-neutral-foreground: var(--color-gray-0);--color-neutral-hover: var(--color-gray-6);--color-neutral-active: var(--color-gray-8);--color-neutral-subtle: var(--color-gray-8);--color-neutral-subtle-foreground: var(--color-gray-2);--color-destructive: var(--color-danger-4);--color-destructive-foreground: var(--color-gray-0);--color-destructive-hover: var(--color-danger-3);--color-destructive-active: var(--color-danger-5);--color-destructive-subtle: color-mix(in srgb, var(--color-gray-9), var(--color-danger-4) 16%);--color-destructive-subtle-foreground: var(--color-danger-2);--color-destructive-subtle-active: color-mix(in srgb, var(--color-gray-9), var(--color-danger-4) 28%);--color-destructive-border: oklch(from var(--color-danger-4) l c h / .6);--color-success: var(--color-success-4);--color-success-foreground: var(--color-gray-0);--color-success-hover: var(--color-success-3);--color-success-active: var(--color-success-5);--color-success-subtle: color-mix(in srgb, var(--color-gray-9), var(--color-success-4) 16%);--color-success-subtle-foreground: var(--color-success-2);--color-success-subtle-active: color-mix(in srgb, var(--color-gray-9), var(--color-success-4) 28%);--color-success-border: oklch(from var(--color-success-4) l c h / .6);--color-warning: var(--color-warning-3);--color-warning-foreground: var(--color-gray-8);--color-warning-hover: var(--color-warning-2);--color-warning-active: var(--color-warning-4);--color-warning-subtle: color-mix(in srgb, var(--color-gray-9), var(--color-warning-4) 16%);--color-warning-subtle-foreground: var(--color-warning-2);--color-warning-subtle-active: color-mix(in srgb, var(--color-gray-9), var(--color-warning-4) 28%);--color-warning-border: oklch(from var(--color-warning-4) l c h / .6);--color-ai: var(--color-purple-600);--color-ai-foreground: var(--color-gray-0);--color-ai-hover: var(--color-purple-500);--color-ai-active: var(--color-purple-700);--color-ai-subtle: color-mix(in srgb, var(--color-gray-9), var(--color-purple-600) 16%);--color-ai-subtle-foreground: var(--color-purple-200);--color-ai-subtle-active: color-mix(in srgb, var(--color-gray-9), var(--color-purple-600) 28%);--color-ai-border: oklch(from var(--color-purple-600) l c h / .6);--color-border: oklch(from var(--color-gray-0) l c h / .1);--color-border-subtle: oklch(from var(--color-gray-0) l c h / .06);--color-input: var(--color-gray-7);--color-ring: var(--color-primary-4);--color-ring-subtle: oklch(from var(--color-primary-4) l c h / .3);--color-ring-outline: oklch(from var(--color-primary-4) l c h / .6);--color-disabled: var(--color-gray-8);--color-disabled-foreground: var(--color-gray-7);--color-inverse: var(--color-gray-2);--color-inverse-foreground: var(--color-gray-9);--color-overlay: oklch(0 0 0 / .4);--color-shadow: oklch(0 0 0);--color-canvas: color-mix(in oklab, var(--color-gray-9), black 6%);--color-table-header: var(--color-gray-8);--color-highlight: oklch(from var(--color-gray-0) l c h / .05);--color-border-muted: oklch(from var(--color-gray-0) l c h / .06);--color-primary-icon: var(--color-primary-3);--color-destructive-icon: var(--color-danger-3);--color-success-icon: var(--color-success-3);--color-warning-icon: var(--color-warning-4);--color-ai-icon: var(--color-purple-400);--color-neutral-icon: var(--color-gray-4);--color-primary-text: var(--color-primary-2);--color-destructive-text: var(--color-danger-2);--color-success-text: var(--color-success-2);--color-warning-text: var(--color-warning-2);--color-ai-text: var(--color-purple-200);--color-ai-glow: oklch(from var(--color-primary-3) l c h / .25);--shadow-1: 0px 1px 2px oklch(from var(--color-shadow) l c h / .07);--shadow-2: 0px 1px 2px oklch(from var(--color-shadow) l c h / .04), 0px 2px 8px oklch(from var(--color-shadow) l c h / .08);--shadow-3: 0px 2px 8px oklch(from var(--color-shadow) l c h / .08), 0px 8px 24px oklch(from var(--color-shadow) l c h / .12);--shadow-4: 0px 4px 8px oklch(from var(--color-shadow) l c h / .08), 0px 16px 48px oklch(from var(--color-shadow) l c h / .16)}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--text-13)}';/**
|
|
2
2
|
* @license
|
|
3
3
|
* Copyright 2019 Google LLC
|
|
4
4
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
5
|
-
*/const N2=globalThis,$5=N2.ShadowRoot&&(N2.ShadyCSS===void 0||N2.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,S5=Symbol(),S4=new WeakMap;let A4=class{constructor(e,t,i){if(this._$cssResult$=!0,i!==S5)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if($5&&e===void 0){const i=t!==void 0&&t.length===1;i&&(e=S4.get(t)),e===void 0&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),i&&S4.set(t,e))}return e}toString(){return this.cssText}};const z4=n=>new A4(typeof n=="string"?n:n+"",void 0,S5),
|
|
5
|
+
*/const N2=globalThis,$5=N2.ShadowRoot&&(N2.ShadyCSS===void 0||N2.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,S5=Symbol(),S4=new WeakMap;let A4=class{constructor(e,t,i){if(this._$cssResult$=!0,i!==S5)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if($5&&e===void 0){const i=t!==void 0&&t.length===1;i&&(e=S4.get(t)),e===void 0&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),i&&S4.set(t,e))}return e}toString(){return this.cssText}};const z4=n=>new A4(typeof n=="string"?n:n+"",void 0,S5),v=(n,...e)=>{const t=n.length===1?n[0]:e.reduce((i,o,r)=>i+(l=>{if(l._$cssResult$===!0)return l.cssText;if(typeof l=="number")return l;throw Error("Value passed to 'css' function must be a 'css' function result: "+l+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(o)+n[r+1],n[0]);return new A4(t,n,S5)},yt=(n,e)=>{if($5)n.adoptedStyleSheets=e.map(t=>t instanceof CSSStyleSheet?t:t.styleSheet);else for(const t of e){const i=document.createElement("style"),o=N2.litNonce;o!==void 0&&i.setAttribute("nonce",o),i.textContent=t.cssText,n.appendChild(i)}},D4=$5?n=>n:n=>n instanceof CSSStyleSheet?(e=>{let t="";for(const i of e.cssRules)t+=i.cssText;return z4(t)})(n):n;/**
|
|
6
6
|
* @license
|
|
7
7
|
* Copyright 2017 Google LLC
|
|
8
8
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
9
|
-
*/const{is:Ht,defineProperty:_t,getOwnPropertyDescriptor:Lt,getOwnPropertyNames:Vt,getOwnPropertySymbols:xt,getPrototypeOf:wt}=Object,m1=globalThis,P4=m1.trustedTypes,Mt=P4?P4.emptyScript:"",A5=m1.reactiveElementPolyfillSupport,
|
|
9
|
+
*/const{is:Ht,defineProperty:_t,getOwnPropertyDescriptor:Lt,getOwnPropertyNames:Vt,getOwnPropertySymbols:xt,getPrototypeOf:wt}=Object,m1=globalThis,P4=m1.trustedTypes,Mt=P4?P4.emptyScript:"",A5=m1.reactiveElementPolyfillSupport,v2=(n,e)=>n,G2={toAttribute(n,e){switch(e){case Boolean:n=n?Mt:null;break;case Object:case Array:n=n==null?n:JSON.stringify(n)}return n},fromAttribute(n,e){let t=n;switch(e){case Boolean:t=n!==null;break;case Number:t=n===null?null:Number(n);break;case Object:case Array:try{t=JSON.parse(n)}catch{t=null}}return t}},z5=(n,e)=>!Ht(n,e),T4={attribute:!0,type:String,converter:G2,reflect:!1,useDefault:!1,hasChanged:z5};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),m1.litPropertyMetadata??(m1.litPropertyMetadata=new WeakMap);let W1=class extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??(this.l=[])).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=T4){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){const i=Symbol(),o=this.getPropertyDescriptor(e,i,t);o!==void 0&&_t(this.prototype,e,o)}}static getPropertyDescriptor(e,t,i){const{get:o,set:r}=Lt(this.prototype,e)??{get(){return this[t]},set(l){this[t]=l}};return{get:o,set(l){const d=o==null?void 0:o.call(this);r==null||r.call(this,l),this.requestUpdate(e,d,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??T4}static _$Ei(){if(this.hasOwnProperty(v2("elementProperties")))return;const e=wt(this);e.finalize(),e.l!==void 0&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(v2("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(v2("properties"))){const t=this.properties,i=[...Vt(t),...xt(t)];for(const o of i)this.createProperty(o,t[o])}const e=this[Symbol.metadata];if(e!==null){const t=litPropertyMetadata.get(e);if(t!==void 0)for(const[i,o]of t)this.elementProperties.set(i,o)}this._$Eh=new Map;for(const[t,i]of this.elementProperties){const o=this._$Eu(t,i);o!==void 0&&this._$Eh.set(o,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const i=new Set(e.flat(1/0).reverse());for(const o of i)t.unshift(D4(o))}else e!==void 0&&t.push(D4(e));return t}static _$Eu(e,t){const i=t.attribute;return i===!1?void 0:typeof i=="string"?i:typeof e=="string"?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){var e;this._$ES=new Promise(t=>this.enableUpdating=t),this._$AL=new Map,this._$E_(),this.requestUpdate(),(e=this.constructor.l)==null||e.forEach(t=>t(this))}addController(e){var t;(this._$EO??(this._$EO=new Set)).add(e),this.renderRoot!==void 0&&this.isConnected&&((t=e.hostConnected)==null||t.call(e))}removeController(e){var t;(t=this._$EO)==null||t.delete(e)}_$E_(){const e=new Map,t=this.constructor.elementProperties;for(const i of t.keys())this.hasOwnProperty(i)&&(e.set(i,this[i]),delete this[i]);e.size>0&&(this._$Ep=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return yt(e,this.constructor.elementStyles),e}connectedCallback(){var e;this.renderRoot??(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(e=this._$EO)==null||e.forEach(t=>{var i;return(i=t.hostConnected)==null?void 0:i.call(t)})}enableUpdating(e){}disconnectedCallback(){var e;(e=this._$EO)==null||e.forEach(t=>{var i;return(i=t.hostDisconnected)==null?void 0:i.call(t)})}attributeChangedCallback(e,t,i){this._$AK(e,i)}_$ET(e,t){var r;const i=this.constructor.elementProperties.get(e),o=this.constructor._$Eu(e,i);if(o!==void 0&&i.reflect===!0){const l=(((r=i.converter)==null?void 0:r.toAttribute)!==void 0?i.converter:G2).toAttribute(t,i.type);this._$Em=e,l==null?this.removeAttribute(o):this.setAttribute(o,l),this._$Em=null}}_$AK(e,t){var r,l;const i=this.constructor,o=i._$Eh.get(e);if(o!==void 0&&this._$Em!==o){const d=i.getPropertyOptions(o),C=typeof d.converter=="function"?{fromAttribute:d.converter}:((r=d.converter)==null?void 0:r.fromAttribute)!==void 0?d.converter:G2;this._$Em=o;const u=C.fromAttribute(t,d.type);this[o]=u??((l=this._$Ej)==null?void 0:l.get(o))??u,this._$Em=null}}requestUpdate(e,t,i,o=!1,r){var l;if(e!==void 0){const d=this.constructor;if(o===!1&&(r=this[e]),i??(i=d.getPropertyOptions(e)),!((i.hasChanged??z5)(r,t)||i.useDefault&&i.reflect&&r===((l=this._$Ej)==null?void 0:l.get(e))&&!this.hasAttribute(d._$Eu(e,i))))return;this.C(e,t,i)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(e,t,{useDefault:i,reflect:o,wrapped:r},l){i&&!(this._$Ej??(this._$Ej=new Map)).has(e)&&(this._$Ej.set(e,l??t??this[e]),r!==!0||l!==void 0)||(this._$AL.has(e)||(this.hasUpdated||i||(t=void 0),this._$AL.set(e,t)),o===!0&&this._$Em!==e&&(this._$Eq??(this._$Eq=new Set)).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(t){Promise.reject(t)}const e=this.scheduleUpdate();return e!=null&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var i;if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??(this.renderRoot=this.createRenderRoot()),this._$Ep){for(const[r,l]of this._$Ep)this[r]=l;this._$Ep=void 0}const o=this.constructor.elementProperties;if(o.size>0)for(const[r,l]of o){const{wrapped:d}=l,C=this[r];d!==!0||this._$AL.has(r)||C===void 0||this.C(r,void 0,l,C)}}let e=!1;const t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),(i=this._$EO)==null||i.forEach(o=>{var r;return(r=o.hostUpdate)==null?void 0:r.call(o)}),this.update(t)):this._$EM()}catch(o){throw e=!1,this._$EM(),o}e&&this._$AE(t)}willUpdate(e){}_$AE(e){var t;(t=this._$EO)==null||t.forEach(i=>{var o;return(o=i.hostUpdated)==null?void 0:o.call(i)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&(this._$Eq=this._$Eq.forEach(t=>this._$ET(t,this[t]))),this._$EM()}updated(e){}firstUpdated(e){}};W1.elementStyles=[],W1.shadowRootOptions={mode:"open"},W1[v2("elementProperties")]=new Map,W1[v2("finalized")]=new Map,A5==null||A5({ReactiveElement:W1}),(m1.reactiveElementVersions??(m1.reactiveElementVersions=[])).push("2.1.2");/**
|
|
10
10
|
* @license
|
|
11
11
|
* Copyright 2017 Google LLC
|
|
12
12
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
13
|
-
*/const
|
|
13
|
+
*/const f2=globalThis,B4=n=>n,U2=f2.trustedTypes,I4=U2?U2.createPolicy("lit-html",{createHTML:n=>n}):void 0,O4="$lit$",y1=`lit$${Math.random().toFixed(9).slice(2)}$`,F4="?"+y1,Zt=`<${F4}>`,M1=document,b2=()=>M1.createComment(""),m2=n=>n===null||typeof n!="object"&&typeof n!="function",D5=Array.isArray,kt=n=>D5(n)||typeof(n==null?void 0:n[Symbol.iterator])=="function",P5=`[
|
|
14
14
|
\f\r]`,y2=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,N4=/-->/g,G4=/>/g,Z1=RegExp(`>|${P5}(?:([^\\s"'>=/]+)(${P5}*=${P5}*(?:[^
|
|
15
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),U4=/'/g,j4=/"/g,K4=/^(?:script|style|textarea|title)$/i,W4=n=>(e,...t)=>({_$litType$:n,strings:e,values:t}),s=W4(1),H2=W4(2),k1=Symbol.for("lit-noChange"),h=Symbol.for("lit-nothing"),Y4=new WeakMap,R1=M1.createTreeWalker(M1,129);function q4(n,e){if(!D5(n)||!n.hasOwnProperty("raw"))throw Error("invalid template strings array");return I4!==void 0?I4.createHTML(e):e}const Rt=(n,e)=>{const t=n.length-1,i=[];let o,r=e===2?"<svg>":e===3?"<math>":"",l=y2;for(let d=0;d<t;d++){const C=n[d];let u,g,
|
|
15
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),U4=/'/g,j4=/"/g,K4=/^(?:script|style|textarea|title)$/i,W4=n=>(e,...t)=>({_$litType$:n,strings:e,values:t}),s=W4(1),H2=W4(2),k1=Symbol.for("lit-noChange"),h=Symbol.for("lit-nothing"),Y4=new WeakMap,R1=M1.createTreeWalker(M1,129);function q4(n,e){if(!D5(n)||!n.hasOwnProperty("raw"))throw Error("invalid template strings array");return I4!==void 0?I4.createHTML(e):e}const Rt=(n,e)=>{const t=n.length-1,i=[];let o,r=e===2?"<svg>":e===3?"<math>":"",l=y2;for(let d=0;d<t;d++){const C=n[d];let u,g,f=-1,H=0;for(;H<C.length&&(l.lastIndex=H,g=l.exec(C),g!==null);)H=l.lastIndex,l===y2?g[1]==="!--"?l=N4:g[1]!==void 0?l=G4:g[2]!==void 0?(K4.test(g[2])&&(o=RegExp("</"+g[2],"g")),l=Z1):g[3]!==void 0&&(l=Z1):l===Z1?g[0]===">"?(l=o??y2,f=-1):g[1]===void 0?f=-2:(f=l.lastIndex-g[2].length,u=g[1],l=g[3]===void 0?Z1:g[3]==='"'?j4:U4):l===j4||l===U4?l=Z1:l===N4||l===G4?l=y2:(l=Z1,o=void 0);const y=l===Z1&&n[d+1].startsWith("/>")?" ":"";r+=l===y2?C+Zt:f>=0?(i.push(u),C.slice(0,f)+O4+C.slice(f)+y1+y):C+y1+(f===-2?d:y)}return[q4(n,r+(n[t]||"<?>")+(e===2?"</svg>":e===3?"</math>":"")),i]};class _2{constructor({strings:e,_$litType$:t},i){let o;this.parts=[];let r=0,l=0;const d=e.length-1,C=this.parts,[u,g]=Rt(e,t);if(this.el=_2.createElement(u,i),R1.currentNode=this.el.content,t===2||t===3){const f=this.el.content.firstChild;f.replaceWith(...f.childNodes)}for(;(o=R1.nextNode())!==null&&C.length<d;){if(o.nodeType===1){if(o.hasAttributes())for(const f of o.getAttributeNames())if(f.endsWith(O4)){const H=g[l++],y=o.getAttribute(f).split(y1),x=/([.?@])?(.*)/.exec(H);C.push({type:1,index:r,name:x[2],strings:y,ctor:x[1]==="."?$t:x[1]==="?"?St:x[1]==="@"?At:j2}),o.removeAttribute(f)}else f.startsWith(y1)&&(C.push({type:6,index:r}),o.removeAttribute(f));if(K4.test(o.tagName)){const f=o.textContent.split(y1),H=f.length-1;if(H>0){o.textContent=U2?U2.emptyScript:"";for(let y=0;y<H;y++)o.append(f[y],b2()),R1.nextNode(),C.push({type:2,index:++r});o.append(f[H],b2())}}}else if(o.nodeType===8)if(o.data===F4)C.push({type:2,index:r});else{let f=-1;for(;(f=o.data.indexOf(y1,f+1))!==-1;)C.push({type:7,index:r}),f+=y1.length-1}r++}}static createElement(e,t){const i=M1.createElement("template");return i.innerHTML=e,i}}function Y1(n,e,t=n,i){var l,d;if(e===k1)return e;let o=i!==void 0?(l=t._$Co)==null?void 0:l[i]:t._$Cl;const r=m2(e)?void 0:e._$litDirective$;return(o==null?void 0:o.constructor)!==r&&((d=o==null?void 0:o._$AO)==null||d.call(o,!1),r===void 0?o=void 0:(o=new r(n),o._$AT(n,t,i)),i!==void 0?(t._$Co??(t._$Co=[]))[i]=o:t._$Cl=o),o!==void 0&&(e=Y1(n,o._$AS(n,e.values),o,i)),e}class Et{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){const{el:{content:t},parts:i}=this._$AD,o=((e==null?void 0:e.creationScope)??M1).importNode(t,!0);R1.currentNode=o;let r=R1.nextNode(),l=0,d=0,C=i[0];for(;C!==void 0;){if(l===C.index){let u;C.type===2?u=new L2(r,r.nextSibling,this,e):C.type===1?u=new C.ctor(r,C.name,C.strings,this,e):C.type===6&&(u=new zt(r,this,e)),this._$AV.push(u),C=i[++d]}l!==(C==null?void 0:C.index)&&(r=R1.nextNode(),l++)}return R1.currentNode=M1,o}p(e){let t=0;for(const i of this._$AV)i!==void 0&&(i.strings!==void 0?(i._$AI(e,i,t),t+=i.strings.length-2):i._$AI(e[t])),t++}}class L2{get _$AU(){var e;return((e=this._$AM)==null?void 0:e._$AU)??this._$Cv}constructor(e,t,i,o){this.type=2,this._$AH=h,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=i,this.options=o,this._$Cv=(o==null?void 0:o.isConnected)??!0}get parentNode(){let e=this._$AA.parentNode;const t=this._$AM;return t!==void 0&&(e==null?void 0:e.nodeType)===11&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=Y1(this,e,t),m2(e)?e===h||e==null||e===""?(this._$AH!==h&&this._$AR(),this._$AH=h):e!==this._$AH&&e!==k1&&this._(e):e._$litType$!==void 0?this.$(e):e.nodeType!==void 0?this.T(e):kt(e)?this.k(e):this._(e)}O(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}_(e){this._$AH!==h&&m2(this._$AH)?this._$AA.nextSibling.data=e:this.T(M1.createTextNode(e)),this._$AH=e}$(e){var r;const{values:t,_$litType$:i}=e,o=typeof i=="number"?this._$AC(e):(i.el===void 0&&(i.el=_2.createElement(q4(i.h,i.h[0]),this.options)),i);if(((r=this._$AH)==null?void 0:r._$AD)===o)this._$AH.p(t);else{const l=new Et(o,this),d=l.u(this.options);l.p(t),this.T(d),this._$AH=l}}_$AC(e){let t=Y4.get(e.strings);return t===void 0&&Y4.set(e.strings,t=new _2(e)),t}k(e){D5(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let i,o=0;for(const r of e)o===t.length?t.push(i=new L2(this.O(b2()),this.O(b2()),this,this.options)):i=t[o],i._$AI(r),o++;o<t.length&&(this._$AR(i&&i._$AB.nextSibling,o),t.length=o)}_$AR(e=this._$AA.nextSibling,t){var i;for((i=this._$AP)==null?void 0:i.call(this,!1,!0,t);e!==this._$AB;){const o=B4(e).nextSibling;B4(e).remove(),e=o}}setConnected(e){var t;this._$AM===void 0&&(this._$Cv=e,(t=this._$AP)==null||t.call(this,e))}}class j2{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,i,o,r){this.type=1,this._$AH=h,this._$AN=void 0,this.element=e,this.name=t,this._$AM=o,this.options=r,i.length>2||i[0]!==""||i[1]!==""?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=h}_$AI(e,t=this,i,o){const r=this.strings;let l=!1;if(r===void 0)e=Y1(this,e,t,0),l=!m2(e)||e!==this._$AH&&e!==k1,l&&(this._$AH=e);else{const d=e;let C,u;for(e=r[0],C=0;C<r.length-1;C++)u=Y1(this,d[i+C],t,C),u===k1&&(u=this._$AH[C]),l||(l=!m2(u)||u!==this._$AH[C]),u===h?e=h:e!==h&&(e+=(u??"")+r[C+1]),this._$AH[C]=u}l&&!o&&this.j(e)}j(e){e===h?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}}class $t extends j2{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===h?void 0:e}}class St extends j2{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==h)}}class At extends j2{constructor(e,t,i,o,r){super(e,t,i,o,r),this.type=5}_$AI(e,t=this){if((e=Y1(this,e,t,0)??h)===k1)return;const i=this._$AH,o=e===h&&i!==h||e.capture!==i.capture||e.once!==i.once||e.passive!==i.passive,r=e!==h&&(i===h||o);o&&this.element.removeEventListener(this.name,this,i),r&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){var t;typeof this._$AH=="function"?this._$AH.call(((t=this.options)==null?void 0:t.host)??this.element,e):this._$AH.handleEvent(e)}}class zt{constructor(e,t,i){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(e){Y1(this,e)}}const T5=f2.litHtmlPolyfillSupport;T5==null||T5(_2,L2),(f2.litHtmlVersions??(f2.litHtmlVersions=[])).push("3.3.2");const Dt=(n,e,t)=>{const i=(t==null?void 0:t.renderBefore)??e;let o=i._$litPart$;if(o===void 0){const r=(t==null?void 0:t.renderBefore)??null;i._$litPart$=o=new L2(e.insertBefore(b2(),r),r,void 0,t??{})}return o._$AI(n),o};/**
|
|
16
16
|
* @license
|
|
17
17
|
* Copyright 2017 Google LLC
|
|
18
18
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
19
|
-
*/const E1=globalThis;let p=class extends W1{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var t;const e=super.createRenderRoot();return(t=this.renderOptions).renderBefore??(t.renderBefore=e.firstChild),e}update(e){const t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=Dt(t,this.renderRoot,this.renderOptions)}connectedCallback(){var e;super.connectedCallback(),(e=this._$Do)==null||e.setConnected(!0)}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this._$Do)==null||e.setConnected(!1)}render(){return k1}};p._$litElement$=!0,p.finalized=!0,(
|
|
19
|
+
*/const E1=globalThis;let p=class extends W1{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var t;const e=super.createRenderRoot();return(t=this.renderOptions).renderBefore??(t.renderBefore=e.firstChild),e}update(e){const t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=Dt(t,this.renderRoot,this.renderOptions)}connectedCallback(){var e;super.connectedCallback(),(e=this._$Do)==null||e.setConnected(!0)}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this._$Do)==null||e.setConnected(!1)}render(){return k1}};p._$litElement$=!0,p.finalized=!0,(vt=E1.litElementHydrateSupport)==null||vt.call(E1,{LitElement:p});const B5=E1.litElementPolyfillSupport;B5==null||B5({LitElement:p}),(E1.litElementVersions??(E1.litElementVersions=[])).push("4.2.2");/**
|
|
20
20
|
* @license
|
|
21
21
|
* Copyright 2017 Google LLC
|
|
22
22
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -63,7 +63,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
63
63
|
stroke-dashoffset="${o}"
|
|
64
64
|
/>
|
|
65
65
|
</svg>
|
|
66
|
-
`}};ce.styles=
|
|
66
|
+
`}};ce.styles=v`
|
|
67
67
|
:host { display: inline-block; line-height: 0; font-family: var(--font-sans); }
|
|
68
68
|
.spinner { animation: circle 0.6s linear infinite; }
|
|
69
69
|
@keyframes circle { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
|
|
@@ -79,14 +79,14 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
79
79
|
<path class="star" d="${Q4}"/>
|
|
80
80
|
<path class="star star-2" d="${Q4}"/>
|
|
81
81
|
</svg>
|
|
82
|
-
`}};Ce.styles=
|
|
82
|
+
`}};Ce.styles=v`
|
|
83
83
|
:host { display: inline-block; line-height: 0; }
|
|
84
84
|
|
|
85
85
|
/* ── Colors ─────────────────────────────────────────────────── */
|
|
86
|
-
:host([color="primary"]) { color: var(--color-primary); }
|
|
86
|
+
:host([color="primary"]) { color: var(--color-primary-icon); }
|
|
87
87
|
:host([color="success"]) { color: var(--color-success); }
|
|
88
88
|
:host([color="warning"]) { color: var(--color-warning-active); }
|
|
89
|
-
:host([color="danger"]) { color: var(--color-destructive); }
|
|
89
|
+
:host([color="danger"]) { color: var(--color-destructive-icon); }
|
|
90
90
|
|
|
91
91
|
/* ── Star base ──────────────────────────────────────────────── */
|
|
92
92
|
.star {
|
|
@@ -147,11 +147,13 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
147
147
|
`)}
|
|
148
148
|
</svg>
|
|
149
149
|
</div>
|
|
150
|
-
`}updated(){const e=this.state!=="still";this.appliedLoading!==e&&(this.appliedLoading=e,this.applyPhase(e),e?(this.removeAttribute("aria-hidden"),this.setAttribute("role","img"),this.setAttribute("aria-label","Loading")):(this.setAttribute("aria-hidden","true"),this.removeAttribute("role"),this.removeAttribute("aria-label")))}disconnectedCallback(){super.disconnectedCallback(),this.wrapper&&(this.cancelSettle(this.wrapper),this.cancelSegmentRest(this.wrapper)),this.appliedLoading=void 0}applyPhase(e){const t=this.wrapper;if(!t)return;const i=this.currentRotationDegrees(t),o=t.classList.contains(V2)||t.classList.contains(x2);e?(this.cancelSettle(t),this.cancelSegmentRest(t),i!==null&&i>=i3?t.style.setProperty("animation-delay",`${-(i/360*o3)}s`):t.style.removeProperty("animation-delay"),t.classList.add(V2)):o&&(i!==null&&360-i>=i3?(this.cancelSettle(t),t.classList.remove(V2),this.startSettle(t,i)):this.restSegments(t))}currentRotationDegrees(e){const t=getComputedStyle(e).transform;if(!t||t==="none")return null;const i=t.slice(t.indexOf("(")+1,t.indexOf(")")).split(",").map(r=>Number(r.trim()));if(i.length<2||i.some(Number.isNaN))return null;const o=Math.atan2(i[1],i[0])*180/Math.PI;return o<0?o+360:o}startSettle(e,t){const i=360-t,o=Math.max(Ut,i/360*Gt);e.classList.add(x2),e.style.setProperty("transition","none"),e.style.setProperty("transform",`rotate(${t}deg)`),e.offsetHeight,e.style.setProperty("transition",`transform ${o}ms ${jt}`),e.style.setProperty("transform","rotate(360deg)"),this.settleListener=r=>{r.target===e&&r.propertyName==="transform"&&this.restSegments(e)},e.addEventListener("transitionend",this.settleListener)}cancelSettle(e){this.detachSettleListener(e),e.classList.remove(x2),e.style.removeProperty("transition"),e.style.removeProperty("transform")}detachSettleListener(e){this.settleListener&&(e.removeEventListener("transitionend",this.settleListener),this.settleListener=void 0)}restSegments(e){this.detachSettleListener(e),this.cancelSegmentRest(e),e.style.removeProperty("transition"),e.style.removeProperty("transform");const i=Array.from(e.querySelectorAll(`.${$1}`)).map(r=>{const l=getComputedStyle(r);return{segment:r,transform:l.transform,opacity:l.opacity}});if(!i.some(r=>r.transform&&r.transform!=="none"||Number(r.opacity)<1)){this.dropPhaseClasses(e);return}for(const{segment:r,transform:l,opacity:d}of i)r.style.setProperty("transition","none"),r.style.setProperty("transform",l),r.style.setProperty("opacity",d);this.dropPhaseClasses(e),e.offsetHeight;for(const{segment:r}of i)r.style.setProperty("transition",`transform ${O5}ms linear, opacity ${O5}ms linear`),r.style.setProperty("transform","none"),r.style.setProperty("opacity","1");this.segmentRestTimer=setTimeout(()=>this.cancelSegmentRest(e),O5)}cancelSegmentRest(e){this.segmentRestTimer!==void 0&&(clearTimeout(this.segmentRestTimer),this.segmentRestTimer=void 0);for(const t of e.querySelectorAll(`.${$1}`))t.style.removeProperty("transition"),t.style.removeProperty("transform"),t.style.removeProperty("opacity")}dropPhaseClasses(e){e.classList.remove(V2),e.classList.remove(x2)}};ue.styles=
|
|
150
|
+
`}updated(){const e=this.state!=="still";this.appliedLoading!==e&&(this.appliedLoading=e,this.applyPhase(e),e?(this.removeAttribute("aria-hidden"),this.setAttribute("role","img"),this.setAttribute("aria-label","Loading")):(this.setAttribute("aria-hidden","true"),this.removeAttribute("role"),this.removeAttribute("aria-label")))}disconnectedCallback(){super.disconnectedCallback(),this.wrapper&&(this.cancelSettle(this.wrapper),this.cancelSegmentRest(this.wrapper)),this.appliedLoading=void 0}applyPhase(e){const t=this.wrapper;if(!t)return;const i=this.currentRotationDegrees(t),o=t.classList.contains(V2)||t.classList.contains(x2);e?(this.cancelSettle(t),this.cancelSegmentRest(t),i!==null&&i>=i3?t.style.setProperty("animation-delay",`${-(i/360*o3)}s`):t.style.removeProperty("animation-delay"),t.classList.add(V2)):o&&(i!==null&&360-i>=i3?(this.cancelSettle(t),t.classList.remove(V2),this.startSettle(t,i)):this.restSegments(t))}currentRotationDegrees(e){const t=getComputedStyle(e).transform;if(!t||t==="none")return null;const i=t.slice(t.indexOf("(")+1,t.indexOf(")")).split(",").map(r=>Number(r.trim()));if(i.length<2||i.some(Number.isNaN))return null;const o=Math.atan2(i[1],i[0])*180/Math.PI;return o<0?o+360:o}startSettle(e,t){const i=360-t,o=Math.max(Ut,i/360*Gt);e.classList.add(x2),e.style.setProperty("transition","none"),e.style.setProperty("transform",`rotate(${t}deg)`),e.offsetHeight,e.style.setProperty("transition",`transform ${o}ms ${jt}`),e.style.setProperty("transform","rotate(360deg)"),this.settleListener=r=>{r.target===e&&r.propertyName==="transform"&&this.restSegments(e)},e.addEventListener("transitionend",this.settleListener)}cancelSettle(e){this.detachSettleListener(e),e.classList.remove(x2),e.style.removeProperty("transition"),e.style.removeProperty("transform")}detachSettleListener(e){this.settleListener&&(e.removeEventListener("transitionend",this.settleListener),this.settleListener=void 0)}restSegments(e){this.detachSettleListener(e),this.cancelSegmentRest(e),e.style.removeProperty("transition"),e.style.removeProperty("transform");const i=Array.from(e.querySelectorAll(`.${$1}`)).map(r=>{const l=getComputedStyle(r);return{segment:r,transform:l.transform,opacity:l.opacity}});if(!i.some(r=>r.transform&&r.transform!=="none"||Number(r.opacity)<1)){this.dropPhaseClasses(e);return}for(const{segment:r,transform:l,opacity:d}of i)r.style.setProperty("transition","none"),r.style.setProperty("transform",l),r.style.setProperty("opacity",d);this.dropPhaseClasses(e),e.offsetHeight;for(const{segment:r}of i)r.style.setProperty("transition",`transform ${O5}ms linear, opacity ${O5}ms linear`),r.style.setProperty("transform","none"),r.style.setProperty("opacity","1");this.segmentRestTimer=setTimeout(()=>this.cancelSegmentRest(e),O5)}cancelSegmentRest(e){this.segmentRestTimer!==void 0&&(clearTimeout(this.segmentRestTimer),this.segmentRestTimer=void 0);for(const t of e.querySelectorAll(`.${$1}`))t.style.removeProperty("transition"),t.style.removeProperty("transform"),t.style.removeProperty("opacity")}dropPhaseClasses(e){e.classList.remove(V2),e.classList.remove(x2)}};ue.styles=v`
|
|
151
151
|
:host {
|
|
152
152
|
display: inline-block;
|
|
153
153
|
line-height: 0;
|
|
154
|
-
|
|
154
|
+
/* Purple as text, not the fill: purple-600 in light, purple-200 in dark,
|
|
155
|
+
where purple-600 is 2.5:1 on gray-9. anduin.design's spinner does the same. */
|
|
156
|
+
color: var(--color-ai-text);
|
|
155
157
|
}
|
|
156
158
|
|
|
157
159
|
.ai-spinner {
|
|
@@ -237,10 +239,10 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
237
239
|
clip-rule="${i.clipRule??h}"
|
|
238
240
|
/>`)}
|
|
239
241
|
</svg>
|
|
240
|
-
`}};he.styles=
|
|
242
|
+
`}};he.styles=v`
|
|
241
243
|
:host { display: block; line-height: 0; font-family: var(--font-sans); }
|
|
242
244
|
.icon--hidden { display: none; }
|
|
243
|
-
`;let J1=he;n3([a()],J1.prototype,"name"),n3([a({type:Number})],J1.prototype,"size"),customElements.get("anduin-icon")||customElements.define("anduin-icon",J1);var Yt=Object.defineProperty,qt=(n,e,t,i)=>{for(var o=void 0,r=n.length-1,l;r>=0;r--)(l=n[r])&&(o=l(e,t,o)||o);return o&&Yt(e,t,o),o};const F5=
|
|
245
|
+
`;let J1=he;n3([a()],J1.prototype,"name"),n3([a({type:Number})],J1.prototype,"size"),customElements.get("anduin-icon")||customElements.define("anduin-icon",J1);var Yt=Object.defineProperty,qt=(n,e,t,i)=>{for(var o=void 0,r=n.length-1,l;r>=0;r--)(l=n[r])&&(o=l(e,t,o)||o);return o&&Yt(e,t,o),o};const F5=v`
|
|
244
246
|
:host { display: inline-block; font-family: var(--font-sans); }
|
|
245
247
|
.badge {
|
|
246
248
|
border-radius: 9999px;
|
|
@@ -267,7 +269,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
267
269
|
.badge--bold-danger { background-color: var(--color-destructive); color: var(--color-destructive-foreground); }
|
|
268
270
|
.badge--bold-warning { background-color: var(--color-warning); color: var(--color-warning-foreground); }
|
|
269
271
|
.badge--hidden { display: none; }
|
|
270
|
-
`;function N5(n){return{gray:"badge--light-gray",primary:"badge--light-primary",success:"badge--light-success",warning:"badge--light-warning",danger:"badge--light-danger",boldGray:"badge--bold-gray",boldPrimary:"badge--bold-primary",boldSuccess:"badge--bold-success",boldWarning:"badge--bold-warning",boldDanger:"badge--bold-danger"}[n||"gray"]||"badge--light-gray"}const pe=class pe extends p{constructor(){super(...arguments),this.variant="gray"}render(){const e=N5(this.variant);return s`<div class="badge ${e}" part="badge"><slot></slot></div>`}};pe.styles=[F5];let w2=pe;qt([a()],w2.prototype,"variant"),customElements.get("anduin-badge")||customElements.define("anduin-badge",w2);var Xt=Object.defineProperty,l3=(n,e,t,i)=>{for(var o=void 0,r=n.length-1,l;r>=0;r--)(l=n[r])&&(o=l(e,t,o)||o);return o&&Xt(e,t,o),o};const ge=class ge extends p{constructor(){super(...arguments),this.variant="gray",this.count=0}formatCount(e){return e>99?"99+":e.toString()}render(){const e=N5(this.variant),t=this.count===0,i=this.count>0&&this.count<10,o=["badge",e,t?"badge--hidden":"",i?"badge--square":""].filter(Boolean).join(" ");return s`<div class="${o}" part="badge">${this.formatCount(this.count)}</div>`}};ge.styles=[F5];let Q1=ge;l3([a()],Q1.prototype,"variant"),l3([a({type:Number})],Q1.prototype,"count"),customElements.get("anduin-badge-count")||customElements.define("anduin-badge-count",Q1);var Jt=Object.defineProperty,I=(n,e,t,i)=>{for(var o=void 0,r=n.length-1,l;r>=0;r--)(l=n[r])&&(o=l(e,t,o)||o);return o&&Jt(e,t,o),o};function Qt(n){return n.replace(/([A-Z])/g,e=>`-${e.toLowerCase()}`)}const
|
|
272
|
+
`;function N5(n){return{gray:"badge--light-gray",primary:"badge--light-primary",success:"badge--light-success",warning:"badge--light-warning",danger:"badge--light-danger",boldGray:"badge--bold-gray",boldPrimary:"badge--bold-primary",boldSuccess:"badge--bold-success",boldWarning:"badge--bold-warning",boldDanger:"badge--bold-danger"}[n||"gray"]||"badge--light-gray"}const pe=class pe extends p{constructor(){super(...arguments),this.variant="gray"}render(){const e=N5(this.variant);return s`<div class="badge ${e}" part="badge"><slot></slot></div>`}};pe.styles=[F5];let w2=pe;qt([a()],w2.prototype,"variant"),customElements.get("anduin-badge")||customElements.define("anduin-badge",w2);var Xt=Object.defineProperty,l3=(n,e,t,i)=>{for(var o=void 0,r=n.length-1,l;r>=0;r--)(l=n[r])&&(o=l(e,t,o)||o);return o&&Xt(e,t,o),o};const ge=class ge extends p{constructor(){super(...arguments),this.variant="gray",this.count=0}formatCount(e){return e>99?"99+":e.toString()}render(){const e=N5(this.variant),t=this.count===0,i=this.count>0&&this.count<10,o=["badge",e,t?"badge--hidden":"",i?"badge--square":""].filter(Boolean).join(" ");return s`<div class="${o}" part="badge">${this.formatCount(this.count)}</div>`}};ge.styles=[F5];let Q1=ge;l3([a()],Q1.prototype,"variant"),l3([a({type:Number})],Q1.prototype,"count"),customElements.get("anduin-badge-count")||customElements.define("anduin-badge-count",Q1);var Jt=Object.defineProperty,I=(n,e,t,i)=>{for(var o=void 0,r=n.length-1,l;r>=0;r--)(l=n[r])&&(o=l(e,t,o)||o);return o&&Jt(e,t,o),o};function Qt(n){return n.replace(/([A-Z])/g,e=>`-${e.toLowerCase()}`)}const ve=class ve extends p{constructor(){super(...arguments),this.iconOnly=!1,this.appearance="filled",this.variant="",this.size="medium",this.disabled=!1,this.loading=!1,this.fullWidth=!1,this.pill=!1,this.selected=!1,this.href="",this.openNewTab=!1,this.download="",this.startIcon="",this.endIcon="",this.label=""}firstUpdated(){var t;const e=(t=this.shadowRoot)==null?void 0:t.querySelector("slot");e&&(this.iconOnly=e.assignedNodes({flatten:!0}).length===0)}onSlotChange(e){const t=e.target;this.iconOnly=t.assignedNodes({flatten:!0}).length===0}getVariant(){return this.variant?this.variant:this.appearance==="filled"?"gray0":this.appearance==="text"?"primary":"gray9"}getSizeKebab(){return Qt(this.size)}iconSize(){return this.size==="tiny"||this.size==="extraSmall"||this.size==="small"?"12":"16"}render(){const e=this.getVariant(),t=this.getSizeKebab(),i=["button",`button--${this.appearance}`,`button--${e}`,`button--${t}`,this.fullWidth?"button--full-width":"",this.pill?"button--pill":"",this.disabled?"button--disabled":"",this.loading?"button--loading":"",this.selected?"button--selected":"",this.iconOnly&&this.appearance!=="text"&&!this.fullWidth?"button--icon-only":""].filter(Boolean).join(" "),o=s`
|
|
271
273
|
<div class="button__content button__content--${t}">
|
|
272
274
|
${this.startIcon?s`<anduin-icon name="${this.startIcon}" size="${this.iconSize()}"></anduin-icon>`:h}
|
|
273
275
|
<slot @slotchange=${this.onSlotChange}></slot>
|
|
@@ -290,7 +292,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
290
292
|
?disabled="${this.disabled}"
|
|
291
293
|
aria-label="${this.label||h}"
|
|
292
294
|
>${o}</button>
|
|
293
|
-
`}};
|
|
295
|
+
`}};ve.styles=v`
|
|
294
296
|
:host { display: inline-block; font-family: var(--font-sans); }
|
|
295
297
|
:host([full-width]) { display: block; width: 100%; }
|
|
296
298
|
.button {
|
|
@@ -348,7 +350,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
348
350
|
.button--outlined.button--danger { border-color: var(--color-destructive-border); color: var(--color-destructive-subtle-foreground); background-color: transparent; }
|
|
349
351
|
.button--outlined.button--danger:hover { background-color: var(--color-destructive-subtle); }
|
|
350
352
|
.button--outlined.button--danger:active { background-color: var(--color-destructive-subtle-active); }
|
|
351
|
-
.button--outlined.button--primary { border-color: var(--color-primary-border); color: var(--color-primary); background-color: transparent; }
|
|
353
|
+
.button--outlined.button--primary { border-color: var(--color-primary-border); color: var(--color-primary-text); background-color: transparent; }
|
|
352
354
|
.button--outlined.button--primary:hover { background-color: var(--color-primary-subtle); }
|
|
353
355
|
.button--outlined.button--primary:active { background-color: var(--color-primary-subtle-active); }
|
|
354
356
|
.button--outlined.button--success { border-color: var(--color-success-border); color: var(--color-success-subtle-foreground); background-color: transparent; }
|
|
@@ -357,8 +359,9 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
357
359
|
.button--outlined.button--warning { border-color: var(--color-warning-border); color: var(--color-warning-subtle-foreground); background-color: transparent; }
|
|
358
360
|
.button--outlined.button--warning:hover { background-color: var(--color-warning-subtle); }
|
|
359
361
|
.button--outlined.button--warning:active { background-color: var(--color-warning-subtle-active); }
|
|
360
|
-
/* Purple text
|
|
361
|
-
|
|
362
|
+
/* Purple text moved from purple-500 to purple-600 for contrast on white; it now reads --color-ai-text,
|
|
363
|
+
which is that same purple-600 in light and purple-200 in dark, where purple-600 is 2.5:1 on gray-9. */
|
|
364
|
+
.button--outlined.button--purple { border-color: var(--color-ai-border); color: var(--color-ai-text); background-color: transparent; }
|
|
362
365
|
.button--outlined.button--purple:hover { background-color: var(--color-ai-subtle); }
|
|
363
366
|
.button--outlined.button--purple:active { background-color: var(--color-ai-subtle-active); }
|
|
364
367
|
.button--plain.button--gray9 { border-color: transparent; color: var(--color-muted-foreground); background-color: transparent; }
|
|
@@ -370,7 +373,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
370
373
|
.button--plain.button--danger { border-color: transparent; color: var(--color-destructive-subtle-foreground); background-color: transparent; }
|
|
371
374
|
.button--plain.button--danger:hover { background-color: var(--color-destructive-subtle); }
|
|
372
375
|
.button--plain.button--danger:active { background-color: var(--color-destructive-subtle-active); }
|
|
373
|
-
.button--plain.button--primary { border-color: transparent; color: var(--color-primary); background-color: transparent; }
|
|
376
|
+
.button--plain.button--primary { border-color: transparent; color: var(--color-primary-text); background-color: transparent; }
|
|
374
377
|
.button--plain.button--primary:hover { background-color: var(--color-primary-subtle); }
|
|
375
378
|
.button--plain.button--primary:active { background-color: var(--color-primary-subtle-active); }
|
|
376
379
|
.button--plain.button--success { border-color: transparent; color: var(--color-success-subtle-foreground); background-color: transparent; }
|
|
@@ -379,7 +382,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
379
382
|
.button--plain.button--warning { border-color: transparent; color: var(--color-warning-subtle-foreground); background-color: transparent; }
|
|
380
383
|
.button--plain.button--warning:hover { background-color: var(--color-warning-subtle); }
|
|
381
384
|
.button--plain.button--warning:active { background-color: var(--color-warning-subtle-active); }
|
|
382
|
-
.button--plain.button--purple { border-color: transparent; color: var(--color-ai); background-color: transparent; }
|
|
385
|
+
.button--plain.button--purple { border-color: transparent; color: var(--color-ai-text); background-color: transparent; }
|
|
383
386
|
.button--plain.button--purple:hover { background-color: var(--color-ai-subtle); }
|
|
384
387
|
.button--plain.button--purple:active { background-color: var(--color-ai-subtle-active); }
|
|
385
388
|
.button--text { border: none; background: none; padding: 0; height: auto; width: auto; display: inline-flex; align-items: center; vertical-align: bottom; }
|
|
@@ -391,7 +394,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
391
394
|
.button--text.button--success { color: var(--color-success-subtle-foreground); }
|
|
392
395
|
.button--text.button--danger { color: var(--color-destructive-subtle-foreground); }
|
|
393
396
|
.button--text.button--warning { color: var(--color-warning-subtle-foreground); }
|
|
394
|
-
.button--text.button--purple { color: var(--color-ai); }
|
|
397
|
+
.button--text.button--purple { color: var(--color-ai-text); }
|
|
395
398
|
.button--selected.button--filled.button--gray0 { background-color: var(--color-accent-strong); }
|
|
396
399
|
.button--selected.button--filled.button--gray9 { background-color: var(--color-neutral-active); }
|
|
397
400
|
.button--selected.button--filled.button--primary { background-color: var(--color-primary-active); }
|
|
@@ -404,12 +407,12 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
404
407
|
.button--icon-only.button--small { width: 24px; min-width: 24px; padding-left: 0; padding-right: 0; }
|
|
405
408
|
.button--icon-only.button--medium { width: 32px; min-width: 32px; padding-left: 0; padding-right: 0; }
|
|
406
409
|
.button--icon-only.button--large { width: 40px; min-width: 40px; padding-left: 0; padding-right: 0; }
|
|
407
|
-
`;let $=
|
|
410
|
+
`;let $=ve;I([m()],$.prototype,"iconOnly"),I([a({converter:n=>n||"filled"})],$.prototype,"appearance"),I([a()],$.prototype,"variant"),I([a()],$.prototype,"size"),I([a({type:Boolean})],$.prototype,"disabled"),I([a({type:Boolean})],$.prototype,"loading"),I([a({type:Boolean,attribute:"full-width",reflect:!0})],$.prototype,"fullWidth"),I([a({type:Boolean})],$.prototype,"pill"),I([a({type:Boolean})],$.prototype,"selected"),I([a()],$.prototype,"href"),I([a({type:Boolean,attribute:"open-new-tab"})],$.prototype,"openNewTab"),I([a()],$.prototype,"download"),I([a({attribute:"start-icon"})],$.prototype,"startIcon"),I([a({attribute:"end-icon"})],$.prototype,"endIcon"),I([a()],$.prototype,"label"),customElements.get("anduin-button")||customElements.define("anduin-button",$);var e7=Object.defineProperty,t7=(n,e,t,i)=>{for(var o=void 0,r=n.length-1,l;r>=0;r--)(l=n[r])&&(o=l(e,t,o)||o);return o&&e7(e,t,o),o};const fe=class fe extends p{constructor(){super(...arguments),this.variant="gray"}render(){return s`
|
|
408
411
|
<div class="callout callout--${this.variant}" part="callout">
|
|
409
412
|
<slot name="icon"></slot>
|
|
410
413
|
<div><slot></slot></div>
|
|
411
414
|
</div>
|
|
412
|
-
`}};
|
|
415
|
+
`}};fe.styles=v`
|
|
413
416
|
:host { display: block; font-family: var(--font-sans); }
|
|
414
417
|
.callout {
|
|
415
418
|
display: flex; align-items: center; justify-content: center;
|
|
@@ -420,7 +423,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
420
423
|
.callout--success { background-color: var(--color-success); color: var(--color-success-foreground); }
|
|
421
424
|
.callout--danger { background-color: var(--color-destructive); color: var(--color-destructive-foreground); }
|
|
422
425
|
.callout--warning { background-color: var(--color-warning); color: var(--color-warning-foreground); }
|
|
423
|
-
`;let M2=
|
|
426
|
+
`;let M2=fe;t7([a()],M2.prototype,"variant"),customElements.get("anduin-callout")||customElements.define("anduin-callout",M2);var o7=Object.defineProperty,a3=(n,e,t,i)=>{for(var o=void 0,r=n.length-1,l;r>=0;r--)(l=n[r])&&(o=l(e,t,o)||o);return o&&o7(e,t,o),o};const be=class be extends p{constructor(){super(...arguments),this.direction="horizontal",this.hasContent=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","separator"),this.setAttribute("aria-orientation",this.direction==="vertical"?"vertical":"horizontal")}updated(e){e.has("direction")&&this.setAttribute("aria-orientation",this.direction==="vertical"?"vertical":"horizontal")}onSlotChange(e){const i=e.target.assignedNodes({flatten:!0});this.hasContent=i.some(o=>{var r;return((r=o.textContent)==null?void 0:r.trim())!==""})}render(){return this.direction==="vertical"?this.hasContent?s`
|
|
424
427
|
<div class="divider--vertical">
|
|
425
428
|
<div class="divider__line--vertical"></div>
|
|
426
429
|
<div><slot @slotchange=${this.onSlotChange}></slot></div>
|
|
@@ -430,7 +433,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
430
433
|
<div class="divider__line--horizontal"></div>
|
|
431
434
|
<div><slot @slotchange=${this.onSlotChange}></slot></div>
|
|
432
435
|
<div class="divider__line--horizontal"></div>
|
|
433
|
-
</div>`:s`<div class="divider--horizontal divider--horizontal-empty"><slot @slotchange=${this.onSlotChange}></slot></div>`}};be.styles=
|
|
436
|
+
</div>`:s`<div class="divider--horizontal divider--horizontal-empty"><slot @slotchange=${this.onSlotChange}></slot></div>`}};be.styles=v`
|
|
434
437
|
:host { display: block; width: 100%; font-family: var(--font-sans); }
|
|
435
438
|
:host([direction="vertical"]) { width: auto; height: 100%; }
|
|
436
439
|
.divider--horizontal { margin-top: 8px; margin-bottom: 8px; width: 100%; display: grid; grid-template-columns: 1fr auto 1fr; column-gap: 8px; text-align: center; }
|
|
@@ -439,7 +442,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
439
442
|
.divider--vertical { margin-left: 8px; margin-right: 8px; height: 100%; display: grid; grid-template-rows: 1fr auto 1fr; row-gap: 8px; text-align: center; }
|
|
440
443
|
.divider--vertical-empty { background-color: var(--color-border); width: 1px; }
|
|
441
444
|
.divider__line--vertical { border-left: 1px solid var(--color-border); justify-self: center; }
|
|
442
|
-
`;let e2=be;a3([a({reflect:!0})],e2.prototype,"direction"),a3([m()],e2.prototype,"hasContent"),customElements.get("anduin-divider")||customElements.define("anduin-divider",e2);var i7=Object.defineProperty,r7=(n,e,t,i)=>{for(var o=void 0,r=n.length-1,l;r>=0;r--)(l=n[r])&&(o=l(e,t,o)||o);return o&&i7(e,t,o),o};const me=class me extends p{constructor(){super(...arguments),this.variant="gray"}render(){return s`<div class="dot dot--${this.variant}" part="dot"></div>`}};me.styles=
|
|
445
|
+
`;let e2=be;a3([a({reflect:!0})],e2.prototype,"direction"),a3([m()],e2.prototype,"hasContent"),customElements.get("anduin-divider")||customElements.define("anduin-divider",e2);var i7=Object.defineProperty,r7=(n,e,t,i)=>{for(var o=void 0,r=n.length-1,l;r>=0;r--)(l=n[r])&&(o=l(e,t,o)||o);return o&&i7(e,t,o),o};const me=class me extends p{constructor(){super(...arguments),this.variant="gray"}render(){return s`<div class="dot dot--${this.variant}" part="dot"></div>`}};me.styles=v`
|
|
443
446
|
:host { display: inline-block; font-family: var(--font-sans); }
|
|
444
447
|
.dot { width: 10px; height: 10px; border-radius: 9999px; }
|
|
445
448
|
/* gray-6 → neutral (gray-7), matching anduin-badge bold gray */
|
|
@@ -453,7 +456,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
453
456
|
<div class="${o.join(" ")}" style="${i}"></div>
|
|
454
457
|
<div class="progress__background"></div>
|
|
455
458
|
</div>
|
|
456
|
-
`}};ye.styles=
|
|
459
|
+
`}};ye.styles=v`
|
|
457
460
|
:host { display: block; font-family: var(--font-sans); }
|
|
458
461
|
.progress { overflow-x: hidden; position: relative; border-radius: 9999px; }
|
|
459
462
|
.progress__fill {
|
|
@@ -472,7 +475,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
472
475
|
<div class="${e}" style="${t} ${i} ${o}" part="skeleton">
|
|
473
476
|
${this.effect==="wave"?s`<div class="skeleton__wave" style="animation: skeleton-wave ${this.duration}ms linear infinite;"></div>`:""}
|
|
474
477
|
</div>
|
|
475
|
-
`}};He.styles=
|
|
478
|
+
`}};He.styles=v`
|
|
476
479
|
:host { display: block; height: 100%; font-family: var(--font-sans); }
|
|
477
480
|
.skeleton { background-color: var(--color-neutral-subtle); position: relative; overflow: hidden; }
|
|
478
481
|
.skeleton--circle { border-radius: 9999px; }
|
|
@@ -497,16 +500,16 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
497
500
|
</div>
|
|
498
501
|
<slot class="loading-state__content"></slot>
|
|
499
502
|
</div>
|
|
500
|
-
`}};_e.styles=
|
|
503
|
+
`}};_e.styles=v`
|
|
501
504
|
:host { display: block; height: 100%; font-family: var(--font-sans); }
|
|
502
505
|
.loading-state { display: flex; flex-direction: column; justify-content: center; align-items: center; }
|
|
503
|
-
.loading-state__indicator { color: var(--color-primary); }
|
|
506
|
+
.loading-state__indicator { color: var(--color-primary-icon); }
|
|
504
507
|
.loading-state__content { margin-top: 12px; font-size: 15px; color: var(--color-subtle-foreground); }
|
|
505
508
|
`;let k2=_e;s7([a()],k2.prototype,"height"),customElements.get("anduin-loading-state")||customElements.define("anduin-loading-state",k2);var d7=Object.defineProperty,G5=(n,e,t,i)=>{for(var o=void 0,r=n.length-1,l;r>=0;r--)(l=n[r])&&(o=l(e,t,o)||o);return o&&d7(e,t,o),o};const U5="anduin-field:label-click",s1="anduin-field:label-click-coordinated",Le=class Le extends p{constructor(){super(...arguments),this.orientation="vertical"}connectedCallback(){super.connectedCallback(),this.addEventListener(U5,e=>{const t=e;this.dispatchEvent(new CustomEvent(s1,{detail:t.detail,bubbles:!1,composed:!1}))})}render(){const e=this.orientation==="horizontal";return s`
|
|
506
509
|
<div class="field ${e?"field--horizontal":"field--vertical"}" part="field">
|
|
507
510
|
<slot></slot>
|
|
508
511
|
</div>
|
|
509
|
-
`}};Le.styles=
|
|
512
|
+
`}};Le.styles=v`
|
|
510
513
|
:host { display: block; font-family: var(--font-sans); }
|
|
511
514
|
.field { display: flex; flex-wrap: wrap; }
|
|
512
515
|
.field--vertical { flex-direction: column; row-gap: 4px; }
|
|
@@ -520,17 +523,17 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
520
523
|
>
|
|
521
524
|
<slot></slot>${this.required?s`<span class="field-label__required"> *</span>`:""}
|
|
522
525
|
</label>
|
|
523
|
-
`}};Ve.styles=
|
|
526
|
+
`}};Ve.styles=v`
|
|
524
527
|
:host { display: inline-block; font-family: var(--font-sans); }
|
|
525
528
|
.field-label { font-size: 13px; line-height: 20px; font-weight: 600; cursor: default; color: var(--color-foreground); }
|
|
526
529
|
.field-label__required { color: var(--color-destructive-subtle-foreground); }
|
|
527
|
-
`;let i2=Ve;G5([a()],i2.prototype,"htmlfor"),G5([a({type:Boolean})],i2.prototype,"required");const xe=class xe extends p{render(){return s`<div class="field-description" part="description"><slot></slot></div>`}};xe.styles=
|
|
530
|
+
`;let i2=Ve;G5([a()],i2.prototype,"htmlfor"),G5([a({type:Boolean})],i2.prototype,"required");const xe=class xe extends p{render(){return s`<div class="field-description" part="description"><slot></slot></div>`}};xe.styles=v`
|
|
528
531
|
:host { display: inline-block; font-family: var(--font-sans); }
|
|
529
532
|
.field-description { display: block; line-height: 16px; font-size: 11px; color: var(--color-muted-foreground); }
|
|
530
|
-
`;let K2=xe;const we=class we extends p{render(){return s`<div class="field-error" part="error"><slot></slot></div>`}};we.styles=
|
|
533
|
+
`;let K2=xe;const we=class we extends p{render(){return s`<div class="field-error" part="error"><slot></slot></div>`}};we.styles=v`
|
|
531
534
|
:host { display: block; font-family: var(--font-sans); }
|
|
532
|
-
.field-error { color: var(--color-destructive); }
|
|
533
|
-
`;let W2=we;const Me=class Me extends p{render(){return s`<div class="field-group" part="group"><slot></slot></div>`}};Me.styles=
|
|
535
|
+
.field-error { color: var(--color-destructive-text); }
|
|
536
|
+
`;let W2=we;const Me=class Me extends p{render(){return s`<div class="field-group" part="group"><slot></slot></div>`}};Me.styles=v`
|
|
534
537
|
:host { display: block; font-family: var(--font-sans); }
|
|
535
538
|
.field-group { display: flex; flex-direction: column; row-gap: 24px; }
|
|
536
539
|
`;let Y2=Me;customElements.get("anduin-field")||customElements.define("anduin-field",R2),customElements.get("anduin-field-label")||customElements.define("anduin-field-label",i2),customElements.get("anduin-field-description")||customElements.define("anduin-field-description",K2),customElements.get("anduin-field-error")||customElements.define("anduin-field-error",W2),customElements.get("anduin-field-group")||customElements.define("anduin-field-group",Y2);var c7=Object.defineProperty,E2=(n,e,t,i)=>{for(var o=void 0,r=n.length-1,l;r>=0;r--)(l=n[r])&&(o=l(e,t,o)||o);return o&&c7(e,t,o),o};const d3="anduin-checkbox:change",Ze=class Ze extends p{constructor(){super(...arguments),this.checked=!1,this.disabled=!1,this.indeterminate=!1,this.readonly=!1,this.inputid=""}connectedCallback(){super.connectedCallback();const e=this.closest("anduin-field");e&&e.addEventListener(s1,t=>{const i=t;this.inputid&&this.inputid===i.detail&&!this.disabled&&!this.readonly&&this.toggle()})}toggle(){this.checked=!this.checked,this.dispatchEvent(new CustomEvent(d3,{detail:this.checked,bubbles:!0,composed:!0}))}onInputChange(){this.toggle()}render(){const e=["checkbox__box",this.indeterminate||this.checked?"checkbox__box--checked":"",this.readonly&&!this.indeterminate&&!this.checked?"checkbox__box--readonly":"",this.disabled&&!this.indeterminate&&!this.checked?"checkbox__box--disabled":"",!this.indeterminate&&!this.checked&&!this.readonly&&!this.disabled?"checkbox__box--unchecked":""].filter(Boolean).join(" "),t=this.indeterminate?"minusBold":this.checked?"checkBold":"",i=!this.disabled&&!this.readonly,o=i?0:-1;return s`
|
|
@@ -554,7 +557,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
554
557
|
</div>
|
|
555
558
|
<span class="checkbox__label"><slot></slot></span>
|
|
556
559
|
</label>
|
|
557
|
-
`}};Ze.styles=
|
|
560
|
+
`}};Ze.styles=v`
|
|
558
561
|
:host { display: inline-flex; font-family: var(--font-sans); }
|
|
559
562
|
|
|
560
563
|
label {
|
|
@@ -628,7 +631,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
628
631
|
</span>
|
|
629
632
|
`:h}
|
|
630
633
|
</div>
|
|
631
|
-
`}};k5.shadowRootOptions={...p.shadowRootOptions,delegatesFocus:!0},k5.styles=
|
|
634
|
+
`}};k5.shadowRootOptions={...p.shadowRootOptions,delegatesFocus:!0},k5.styles=v`
|
|
632
635
|
:host { display: block; font-family: var(--font-sans); }
|
|
633
636
|
|
|
634
637
|
.input-wrapper { position: relative; display: flex; align-items: center; }
|
|
@@ -682,7 +685,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
682
685
|
line-height: 0;
|
|
683
686
|
}
|
|
684
687
|
.input__clear:hover { color: var(--color-muted-foreground); }
|
|
685
|
-
`;let O=k5;Y([a()],O.prototype,"value"),Y([a()],O.prototype,"size"),Y([a({type:Boolean})],O.prototype,"disabled"),Y([a({type:Boolean})],O.prototype,"readonly"),Y([a()],O.prototype,"placeholder"),Y([a()],O.prototype,"inputid"),Y([a()],O.prototype,"status"),Y([a({attribute:"start-icon"})],O.prototype,"startIcon"),Y([a({attribute:"end-icon"})],O.prototype,"endIcon"),Y([a({type:Boolean})],O.prototype,"clearable"),Y([R("input")],O.prototype,"inputEl"),customElements.get("anduin-input")||customElements.define("anduin-input",O);var u7=Object.defineProperty,C3=(n,e,t,i)=>{for(var o=void 0,r=n.length-1,l;r>=0;r--)(l=n[r])&&(o=l(e,t,o)||o);return o&&u7(e,t,o),o};const K5="anduin-tooltip:show",q2="anduin-tooltip:hide",W5="anduin-tooltip:trigger-mounted",Y5="anduin-tooltip:content-popup-mounted",q5="anduin-tooltip:content-popup-unmounted",X5="anduin-tooltip:visibility-changed",h7=["top-start","top-center","top-end","right-start","right-center","right-end","bottom-start","bottom-center","bottom-end","left-start","left-center","left-end"];function u3(n,e,t,i,o){switch(i){case"top-start":return{left:n.left,top:n.top-t-o};case"top-center":return{left:n.left+n.width/2-e/2,top:n.top-t-o};case"top-end":return{left:n.left+n.width-e,top:n.top-t-o};case"right-start":return{left:n.right+o,top:n.top};case"right-center":return{left:n.right+o,top:n.top+n.height/2-t/2};case"right-end":return{left:n.right+o,top:n.top+n.height-t};case"bottom-start":return{left:n.left,top:n.bottom+o};case"bottom-center":return{left:n.left+n.width/2-e/2,top:n.bottom+o};case"bottom-end":return{left:n.left+n.width-e,top:n.bottom+o};case"left-start":return{left:n.left-e-o,top:n.top};case"left-center":return{left:n.left-e-o,top:n.top+n.height/2-t/2};case"left-end":return{left:n.left-e-o,top:n.top+n.height-t};default:return{left:0,top:0}}}function h3(n,e){return e.right>=n.left&&e.left<=n.right&&e.top<=n.bottom&&e.bottom>=n.top}function p3(n,e){const t=Math.max(n.left,e.left),i=Math.max(n.top,e.top),o=Math.min(n.right,e.right),r=Math.min(n.bottom,e.bottom);return o<t||r<i?0:(o-t)*(r-i)}function p7(n,e,t,i=8){const o=window.innerWidth,r=window.innerHeight,l={left:0,top:0,right:o,bottom:r},d=e.width,C=e.height;if(!h3({left:n.left,top:n.top,right:n.right,bottom:n.bottom},l))return null;const u=u3(n,d,C,t,i),g=h7.map(y=>({p:y,off:u3(n,d,C,y,i)})).filter(({off:y})=>h3({left:y.left,top:y.top,right:y.left+d,bottom:y.top+C},l));if(g.length===0)return{placement:t,left:Math.round(Math.min(Math.max(u.left,0),o-d)),top:Math.round(Math.min(Math.max(u.top,0),r-C))};g.sort((y,x)=>{const L={left:y.off.left,top:y.off.top,right:y.off.left+d,bottom:y.off.top+C},b={left:x.off.left,top:x.off.top,right:x.off.left+d,bottom:x.off.top+C},Z=p3(L,l),k=p3(b,l);if(k!==Z)return k-Z;const B=Math.abs(y.off.left-u.left)+Math.abs(y.off.top-u.top),o1=Math.abs(x.off.left-u.left)+Math.abs(x.off.top-u.top);return B-o1});const{p:
|
|
688
|
+
`;let O=k5;Y([a()],O.prototype,"value"),Y([a()],O.prototype,"size"),Y([a({type:Boolean})],O.prototype,"disabled"),Y([a({type:Boolean})],O.prototype,"readonly"),Y([a()],O.prototype,"placeholder"),Y([a()],O.prototype,"inputid"),Y([a()],O.prototype,"status"),Y([a({attribute:"start-icon"})],O.prototype,"startIcon"),Y([a({attribute:"end-icon"})],O.prototype,"endIcon"),Y([a({type:Boolean})],O.prototype,"clearable"),Y([R("input")],O.prototype,"inputEl"),customElements.get("anduin-input")||customElements.define("anduin-input",O);var u7=Object.defineProperty,C3=(n,e,t,i)=>{for(var o=void 0,r=n.length-1,l;r>=0;r--)(l=n[r])&&(o=l(e,t,o)||o);return o&&u7(e,t,o),o};const K5="anduin-tooltip:show",q2="anduin-tooltip:hide",W5="anduin-tooltip:trigger-mounted",Y5="anduin-tooltip:content-popup-mounted",q5="anduin-tooltip:content-popup-unmounted",X5="anduin-tooltip:visibility-changed",h7=["top-start","top-center","top-end","right-start","right-center","right-end","bottom-start","bottom-center","bottom-end","left-start","left-center","left-end"];function u3(n,e,t,i,o){switch(i){case"top-start":return{left:n.left,top:n.top-t-o};case"top-center":return{left:n.left+n.width/2-e/2,top:n.top-t-o};case"top-end":return{left:n.left+n.width-e,top:n.top-t-o};case"right-start":return{left:n.right+o,top:n.top};case"right-center":return{left:n.right+o,top:n.top+n.height/2-t/2};case"right-end":return{left:n.right+o,top:n.top+n.height-t};case"bottom-start":return{left:n.left,top:n.bottom+o};case"bottom-center":return{left:n.left+n.width/2-e/2,top:n.bottom+o};case"bottom-end":return{left:n.left+n.width-e,top:n.bottom+o};case"left-start":return{left:n.left-e-o,top:n.top};case"left-center":return{left:n.left-e-o,top:n.top+n.height/2-t/2};case"left-end":return{left:n.left-e-o,top:n.top+n.height-t};default:return{left:0,top:0}}}function h3(n,e){return e.right>=n.left&&e.left<=n.right&&e.top<=n.bottom&&e.bottom>=n.top}function p3(n,e){const t=Math.max(n.left,e.left),i=Math.max(n.top,e.top),o=Math.min(n.right,e.right),r=Math.min(n.bottom,e.bottom);return o<t||r<i?0:(o-t)*(r-i)}function p7(n,e,t,i=8){const o=window.innerWidth,r=window.innerHeight,l={left:0,top:0,right:o,bottom:r},d=e.width,C=e.height;if(!h3({left:n.left,top:n.top,right:n.right,bottom:n.bottom},l))return null;const u=u3(n,d,C,t,i),g=h7.map(y=>({p:y,off:u3(n,d,C,y,i)})).filter(({off:y})=>h3({left:y.left,top:y.top,right:y.left+d,bottom:y.top+C},l));if(g.length===0)return{placement:t,left:Math.round(Math.min(Math.max(u.left,0),o-d)),top:Math.round(Math.min(Math.max(u.top,0),r-C))};g.sort((y,x)=>{const L={left:y.off.left,top:y.off.top,right:y.off.left+d,bottom:y.off.top+C},b={left:x.off.left,top:x.off.top,right:x.off.left+d,bottom:x.off.top+C},Z=p3(L,l),k=p3(b,l);if(k!==Z)return k-Z;const B=Math.abs(y.off.left-u.left)+Math.abs(y.off.top-u.top),o1=Math.abs(x.off.left-u.left)+Math.abs(x.off.top-u.top);return B-o1});const{p:f,off:H}=g[0];return{placement:f,left:Math.round(Math.min(Math.max(H.left,0),o-d)),top:Math.round(Math.min(Math.max(H.top,0),r-C))}}function J5(n){return n.split("-")[0]||"top"}function g7(n,e,t){let i=!1,o=t.length-1;for(let r=0;r<t.length;r++){const l=t[r][0],d=t[r][1],C=t[o][0],u=t[o][1];d>e!=u>e&&n<(C-l)*(e-d)/(u-d)+l&&(i=!i),o=r}return i}const ke=class ke extends p{constructor(){super(...arguments),this.disabled=!1,this.placement="top-center",this.triggerElement=null,this.contentPopupElement=null,this.containingBlockLeft=0,this.containingBlockTop=0,this.rafId=0,this.prevTriggerTop=NaN,this.prevTriggerLeft=NaN,this.isVisible=!1}connectedCallback(){super.connectedCallback(),this.addEventListener(W5,e=>{e.stopPropagation(),this.triggerElement=e.detail,this.maybeStartPositionLoop()}),this.addEventListener(Y5,e=>{e.stopPropagation(),this.contentPopupElement=e.detail,this.computeContainingBlockOffset(this.contentPopupElement),this.maybeStartPositionLoop()}),this.addEventListener(q5,e=>{e.stopPropagation(),this.stopPositionLoop(),this.contentPopupElement=null}),this.addEventListener(K5,e=>{e.stopPropagation(),!this.disabled&&(this.isVisible=!0,this.broadcastVisibilityChanged(`show:${this.placement}`))}),this.addEventListener(q2,e=>{e.stopPropagation(),this.isVisible=!1,this.stopPositionLoop(),this.broadcastVisibilityChanged("hide")})}updated(e){e.has("disabled")&&this.disabled&&this.isVisible&&(this.isVisible=!1,this.stopPositionLoop(),this.broadcastVisibilityChanged("hide"))}disconnectedCallback(){super.disconnectedCallback(),this.stopPositionLoop(),this.triggerElement=null,this.contentPopupElement=null}maybeStartPositionLoop(){this.isVisible&&this.triggerElement&&this.contentPopupElement&&this.startPositionLoop()}startPositionLoop(){this.stopPositionLoop(),this.prevTriggerTop=NaN,this.prevTriggerLeft=NaN;const e=this.triggerElement,t=this.contentPopupElement,i=this.placement,o=()=>{const r=e.getBoundingClientRect();(r.top!==this.prevTriggerTop||r.left!==this.prevTriggerLeft)&&(this.prevTriggerTop=r.top,this.prevTriggerLeft=r.left,this.positionPopup(t,e,i)),this.rafId=requestAnimationFrame(o)};this.rafId=requestAnimationFrame(o)}stopPositionLoop(){this.rafId&&(cancelAnimationFrame(this.rafId),this.rafId=0),this.prevTriggerTop=NaN,this.prevTriggerLeft=NaN}computeContainingBlockOffset(e){const t=e,i=t.style.transform;t.style.transform="none";const o=e.getBoundingClientRect();this.containingBlockLeft=o.left,this.containingBlockTop=o.top,t.style.transform=i}positionPopup(e,t,i){const o=t.getBoundingClientRect(),r=e.getBoundingClientRect(),l=p7(o,r,i,8);if(l){const d=e;d.style.transform=`translate(${l.left-this.containingBlockLeft}px, ${l.top-this.containingBlockTop}px)`;const C=J5(l.placement),u=J5(i);if(C!==u){const g=e.querySelector(".tooltip-arrow");g&&(g.classList.remove(`tooltip-arrow--${u}`),g.classList.add(`tooltip-arrow--${C}`))}}}broadcastVisibilityChanged(e){this.dispatchEvent(new CustomEvent(X5,{detail:e,bubbles:!1,composed:!1}))}render(){return s`<div class="tooltip-root" part="tooltip"><slot></slot></div>`}};ke.styles=v`
|
|
686
689
|
/* inline-flex, not inline-block: the wrapper is purely structural (it exists
|
|
687
690
|
to position the popup), so it must not add height of its own. As an
|
|
688
691
|
inline-block it establishes a line box, and an inline-level trigger sits
|
|
@@ -692,10 +695,10 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
692
695
|
keeping the wrapper inline in the surrounding text flow. */
|
|
693
696
|
:host { display: inline-flex; position: relative; max-width: 100%; font-family: var(--font-sans); }
|
|
694
697
|
.tooltip-root { display: inline-flex; position: relative; max-width: 100%; }
|
|
695
|
-
`;let r2=ke;C3([a({type:Boolean})],r2.prototype,"disabled"),C3([a()],r2.prototype,"placement");const Re=class Re extends p{firstUpdated(){requestAnimationFrame(()=>{this.dispatchEvent(new CustomEvent(W5,{detail:this,bubbles:!0,composed:!0}))}),this.addEventListener("pointerenter",()=>{this.dispatchEvent(new CustomEvent(K5,{bubbles:!0,composed:!0}))}),this.addEventListener("click",()=>{this.dispatchEvent(new CustomEvent(q2,{bubbles:!0,composed:!0}))})}render(){return s`<span class="tooltip-trigger" part="tooltip-trigger"><slot></slot></span>`}};Re.styles=
|
|
698
|
+
`;let r2=ke;C3([a({type:Boolean})],r2.prototype,"disabled"),C3([a()],r2.prototype,"placement");const Re=class Re extends p{firstUpdated(){requestAnimationFrame(()=>{this.dispatchEvent(new CustomEvent(W5,{detail:this,bubbles:!0,composed:!0}))}),this.addEventListener("pointerenter",()=>{this.dispatchEvent(new CustomEvent(K5,{bubbles:!0,composed:!0}))}),this.addEventListener("click",()=>{this.dispatchEvent(new CustomEvent(q2,{bubbles:!0,composed:!0}))})}render(){return s`<span class="tooltip-trigger" part="tooltip-trigger"><slot></slot></span>`}};Re.styles=v`
|
|
696
699
|
:host { display: inline-block; max-width: 100%; font-family: var(--font-sans); }
|
|
697
700
|
.tooltip-trigger { display: flex; align-items: center; max-width: 100%; }
|
|
698
|
-
`;let X2=Re;const Ee=class Ee extends p{constructor(){super(...arguments),this.graceArea=null,this.triggerEl=null,this.popupEl=null,this.handlePointerMove=e=>{var r,l;if(!this.graceArea)return;const t=e.target,i=((r=this.triggerEl)==null?void 0:r.contains(t))??!1,o=((l=this.popupEl)==null?void 0:l.contains(t))??!1;i||o?this.graceArea=null:g7(e.clientX,e.clientY,this.graceArea)||(this.graceArea=null,this.dispatchEvent(new CustomEvent(q2,{bubbles:!0,composed:!0})))},this.handleTriggerLeave=e=>{this.triggerEl&&this.popupEl&&this.createGraceArea(this.triggerEl,this.popupEl,e)},this.handleContentLeave=e=>{this.triggerEl&&this.popupEl&&this.createGraceArea(this.popupEl,this.triggerEl,e)}}connectedCallback(){super.connectedCallback();const e=this.closest("anduin-tooltip");e&&e.addEventListener(X5,t=>{const i=t.detail;i.startsWith("show:")?this.showPopup(i.slice(5)):this.hidePopup()})}disconnectedCallback(){super.disconnectedCallback(),this.hidePopup()}createGraceArea(e,t,i){const o=t.getBoundingClientRect(),r=i.clientX,l=i.clientY;this.graceArea=[[r,l],[o.left,o.top],[o.right,o.top],[o.right,o.bottom],[o.left,o.bottom]]}setupGraceAreaListeners(e,t){this.cleanupGraceAreaListeners(),this.triggerEl=e,this.popupEl=t,e.addEventListener("pointerleave",this.handleTriggerLeave),t.addEventListener("pointerleave",this.handleContentLeave),document.addEventListener("pointermove",this.handlePointerMove)}cleanupGraceAreaListeners(){this.triggerEl&&this.triggerEl.removeEventListener("pointerleave",this.handleTriggerLeave),this.popupEl&&this.popupEl.removeEventListener("pointerleave",this.handleContentLeave),document.removeEventListener("pointermove",this.handlePointerMove),this.graceArea=null,this.triggerEl=null,this.popupEl=null}showPopup(e){this.hidePopup();const t=J5(e),i=document.createElement("div");i.className="tooltip-popup",i.setAttribute("role","tooltip");const o=document.createElement("div");o.className=`tooltip-arrow tooltip-arrow--${t}`;const r=document.createElement("div");r.className="tooltip-body",r.appendChild(document.createElement("slot")),i.appendChild(o),i.appendChild(r);const l=this.shadowRoot.querySelector(".tooltip-content-wrapper");l&&l.appendChild(i),this.popupEl=i;const d=this.closest("anduin-tooltip");if(d){const C=d.querySelector("anduin-tooltip-trigger");C&&this.setupGraceAreaListeners(C,i)}this.dispatchEvent(new CustomEvent(Y5,{detail:i,bubbles:!0,composed:!0}))}hidePopup(){this.popupEl&&(this.popupEl.remove(),this.popupEl=null,this.dispatchEvent(new CustomEvent(q5,{bubbles:!0,composed:!0}))),this.cleanupGraceAreaListeners()}render(){return s`<div class="tooltip-content-wrapper"></div>`}};Ee.styles=
|
|
701
|
+
`;let X2=Re;const Ee=class Ee extends p{constructor(){super(...arguments),this.graceArea=null,this.triggerEl=null,this.popupEl=null,this.handlePointerMove=e=>{var r,l;if(!this.graceArea)return;const t=e.target,i=((r=this.triggerEl)==null?void 0:r.contains(t))??!1,o=((l=this.popupEl)==null?void 0:l.contains(t))??!1;i||o?this.graceArea=null:g7(e.clientX,e.clientY,this.graceArea)||(this.graceArea=null,this.dispatchEvent(new CustomEvent(q2,{bubbles:!0,composed:!0})))},this.handleTriggerLeave=e=>{this.triggerEl&&this.popupEl&&this.createGraceArea(this.triggerEl,this.popupEl,e)},this.handleContentLeave=e=>{this.triggerEl&&this.popupEl&&this.createGraceArea(this.popupEl,this.triggerEl,e)}}connectedCallback(){super.connectedCallback();const e=this.closest("anduin-tooltip");e&&e.addEventListener(X5,t=>{const i=t.detail;i.startsWith("show:")?this.showPopup(i.slice(5)):this.hidePopup()})}disconnectedCallback(){super.disconnectedCallback(),this.hidePopup()}createGraceArea(e,t,i){const o=t.getBoundingClientRect(),r=i.clientX,l=i.clientY;this.graceArea=[[r,l],[o.left,o.top],[o.right,o.top],[o.right,o.bottom],[o.left,o.bottom]]}setupGraceAreaListeners(e,t){this.cleanupGraceAreaListeners(),this.triggerEl=e,this.popupEl=t,e.addEventListener("pointerleave",this.handleTriggerLeave),t.addEventListener("pointerleave",this.handleContentLeave),document.addEventListener("pointermove",this.handlePointerMove)}cleanupGraceAreaListeners(){this.triggerEl&&this.triggerEl.removeEventListener("pointerleave",this.handleTriggerLeave),this.popupEl&&this.popupEl.removeEventListener("pointerleave",this.handleContentLeave),document.removeEventListener("pointermove",this.handlePointerMove),this.graceArea=null,this.triggerEl=null,this.popupEl=null}showPopup(e){this.hidePopup();const t=J5(e),i=document.createElement("div");i.className="tooltip-popup",i.setAttribute("role","tooltip");const o=document.createElement("div");o.className=`tooltip-arrow tooltip-arrow--${t}`;const r=document.createElement("div");r.className="tooltip-body",r.appendChild(document.createElement("slot")),i.appendChild(o),i.appendChild(r);const l=this.shadowRoot.querySelector(".tooltip-content-wrapper");l&&l.appendChild(i),this.popupEl=i;const d=this.closest("anduin-tooltip");if(d){const C=d.querySelector("anduin-tooltip-trigger");C&&this.setupGraceAreaListeners(C,i)}this.dispatchEvent(new CustomEvent(Y5,{detail:i,bubbles:!0,composed:!0}))}hidePopup(){this.popupEl&&(this.popupEl.remove(),this.popupEl=null,this.dispatchEvent(new CustomEvent(q5,{bubbles:!0,composed:!0}))),this.cleanupGraceAreaListeners()}render(){return s`<div class="tooltip-content-wrapper"></div>`}};Ee.styles=v`
|
|
699
702
|
:host {
|
|
700
703
|
display: contents;
|
|
701
704
|
--tooltip-bg: var(--anduin-tooltip-content-background, var(--color-inverse));
|
|
@@ -718,7 +721,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
718
721
|
.tooltip-arrow--bottom { top: -4px; left: 50%; transform: translateX(-50%); border-bottom-color: var(--tooltip-bg); border-top: none; }
|
|
719
722
|
.tooltip-arrow--left { right: -4px; top: 50%; transform: translateY(-50%); border-left-color: var(--tooltip-bg); border-right: none; }
|
|
720
723
|
.tooltip-arrow--right { left: -4px; top: 50%; transform: translateY(-50%); border-right-color: var(--tooltip-bg); border-left: none; }
|
|
721
|
-
`;let J2=Ee;customElements.get("anduin-tooltip")||customElements.define("anduin-tooltip",r2),customElements.get("anduin-tooltip-trigger")||customElements.define("anduin-tooltip-trigger",X2),customElements.get("anduin-tooltip-content")||customElements.define("anduin-tooltip-content",J2);var
|
|
724
|
+
`;let J2=Ee;customElements.get("anduin-tooltip")||customElements.define("anduin-tooltip",r2),customElements.get("anduin-tooltip-trigger")||customElements.define("anduin-tooltip-trigger",X2),customElements.get("anduin-tooltip-content")||customElements.define("anduin-tooltip-content",J2);var v7=Object.defineProperty,T=(n,e,t,i)=>{for(var o=void 0,r=n.length-1,l;r>=0;r--)(l=n[r])&&(o=l(e,t,o)||o);return o&&v7(e,t,o),o};const g3="anduin-inline-edit:save",v3="anduin-inline-edit:cancel",f3="anduin-inline-edit:edit",$e=class $e extends p{constructor(){super(...arguments),this.value="",this.placeholder="",this.size="medium",this.mode="view",this.disabled=!1,this.clickToEdit=!1,this.hideSwitcher=!1,this.editLabel="Edit",this._editing=!1,this._draft="",this._error="",this._hasSlotted=!1,this._openWidth=0}get editing(){return this._editing}async edit(){var e,t,i;this.disabled||(this._editing||(this._openWidth=((e=this._text)==null?void 0:e.getBoundingClientRect().width)??0,this._draft=this.value,this._error=this._runValidate(this.value),this._editing=!0,this.dispatchEvent(new CustomEvent(f3,{bubbles:!0,composed:!0}))),await this.updateComplete,(t=this._field)==null||t.focus(),(i=this._field)==null||i.select())}cancel(){this._editing&&(this._exit(),this.dispatchEvent(new CustomEvent(v3,{bubbles:!0,composed:!0})))}save(){if(!this._editing||this._error)return;const e=this._draft;if(e===this.value){this.cancel();return}this.value=e,this._exit(),this.dispatchEvent(new CustomEvent(g3,{detail:e,bubbles:!0,composed:!0}))}_exit(){this._editing=!1,this._draft=this.value,this._error=""}_runValidate(e){var t;return((t=this.validate)==null?void 0:t.call(this,e))||""}willUpdate(e){if(!this.hasUpdated){this.mode==="edit"&&!this.disabled&&(this._editing=!0,this._draft=this.value,this._error=this._runValidate(this.value));return}if(e.has("value")&&this._editing){const t=e.get("value");this._draft===t&&(this._draft=this.value,this._error=this._runValidate(this.value))}e.has("validate")&&this._editing&&(this._error=this._runValidate(this._draft)),e.has("disabled")&&this.disabled&&this._editing&&this._exit()}updated(){this.toggleAttribute("editing",this._editing)}_onInput(e){this._draft=e.target.value,this._error=this._runValidate(this._draft)}_onKeydown(e){e.isComposing||(e.key==="Enter"?(e.preventDefault(),e.stopPropagation(),this.save()):e.key==="Escape"&&(e.preventDefault(),e.stopPropagation(),this.cancel()))}_onTextClick(){this.clickToEdit&&!this.disabled&&this.edit()}_onSlotChange(e){const t=e.target;this._hasSlotted=t.assignedNodes({flatten:!0}).some(i=>{var o;return i.nodeType===Node.ELEMENT_NODE||i.nodeType===Node.TEXT_NODE&&!!((o=i.textContent)!=null&&o.trim())})}_renderView(){const e=!this.value,t=this.clickToEdit&&!this.disabled;return s`
|
|
722
725
|
<div class="view" part="view">
|
|
723
726
|
<span
|
|
724
727
|
class="text ${t?"text--clickable":""} ${e&&!this._hasSlotted?"text--placeholder":""}"
|
|
@@ -782,7 +785,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
782
785
|
</anduin-tooltip>
|
|
783
786
|
</div>
|
|
784
787
|
</div>
|
|
785
|
-
`}render(){return this._editing?this._renderEdit():this._renderView()}};$e.styles=
|
|
788
|
+
`}render(){return this._editing?this._renderEdit():this._renderView()}};$e.styles=v`
|
|
786
789
|
/* No font on the host, deliberately: see the class comment. inline-flex so
|
|
787
790
|
it sits in a heading like the text it replaces; max-width so a long value
|
|
788
791
|
truncates instead of pushing the switcher off its container.
|
|
@@ -837,7 +840,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
837
840
|
.field--invalid, .field--invalid:focus { border-color: var(--color-destructive); }
|
|
838
841
|
.field--small { min-height: 24px; padding-left: 6px; padding-right: 6px; }
|
|
839
842
|
.field--medium { min-height: 32px; padding-left: 12px; padding-right: 12px; }
|
|
840
|
-
`;let E=$e;T([a()],E.prototype,"value"),T([a()],E.prototype,"placeholder"),T([a()],E.prototype,"size"),T([a()],E.prototype,"mode"),T([a({type:Boolean,reflect:!0})],E.prototype,"disabled"),T([a({type:Boolean,attribute:"click-to-edit",reflect:!0})],E.prototype,"clickToEdit"),T([a({type:Boolean,attribute:"hide-switcher",reflect:!0})],E.prototype,"hideSwitcher"),T([a({attribute:"edit-label"})],E.prototype,"editLabel"),T([a({attribute:!1})],E.prototype,"validate"),T([m()],E.prototype,"_editing"),T([m()],E.prototype,"_draft"),T([m()],E.prototype,"_error"),T([m()],E.prototype,"_hasSlotted"),T([m()],E.prototype,"_openWidth"),T([R(".field")],E.prototype,"_field"),T([R(".text")],E.prototype,"_text"),customElements.get("anduin-inline-edit")||customElements.define("anduin-inline-edit",E);var
|
|
843
|
+
`;let E=$e;T([a()],E.prototype,"value"),T([a()],E.prototype,"placeholder"),T([a()],E.prototype,"size"),T([a()],E.prototype,"mode"),T([a({type:Boolean,reflect:!0})],E.prototype,"disabled"),T([a({type:Boolean,attribute:"click-to-edit",reflect:!0})],E.prototype,"clickToEdit"),T([a({type:Boolean,attribute:"hide-switcher",reflect:!0})],E.prototype,"hideSwitcher"),T([a({attribute:"edit-label"})],E.prototype,"editLabel"),T([a({attribute:!1})],E.prototype,"validate"),T([m()],E.prototype,"_editing"),T([m()],E.prototype,"_draft"),T([m()],E.prototype,"_error"),T([m()],E.prototype,"_hasSlotted"),T([m()],E.prototype,"_openWidth"),T([R(".field")],E.prototype,"_field"),T([R(".text")],E.prototype,"_text"),customElements.get("anduin-inline-edit")||customElements.define("anduin-inline-edit",E);var f7=Object.defineProperty,H1=(n,e,t,i)=>{for(var o=void 0,r=n.length-1,l;r>=0;r--)(l=n[r])&&(o=l(e,t,o)||o);return o&&f7(e,t,o),o};const b3="anduin-textarea:change",R5=class R5 extends p{constructor(){super(...arguments),this.value="",this.disabled=!1,this.readonly=!1,this.placeholder="",this.inputid="",this.rows=3,this.status=""}connectedCallback(){super.connectedCallback();const e=this.closest("anduin-field");e&&e.addEventListener(s1,t=>{var o;const i=t;this.inputid&&this.inputid===i.detail&&((o=this.textareaEl)==null||o.focus())})}updated(){this.textareaEl&&this.textareaEl.value!==this.value&&(this.textareaEl.value=this.value)}_withTextarea(e){this.textareaEl?e(this.textareaEl):this.updateComplete.then(()=>{this.textareaEl&&e(this.textareaEl)})}focus(e){this.textareaEl?super.focus(e):this.updateComplete.then(()=>super.focus(e))}select(){this._withTextarea(e=>e.select())}setSelectionRange(e,t,i){this._withTextarea(o=>o.setSelectionRange(e,t,i))}onInput(){this.value=this.textareaEl.value,this.dispatchEvent(new CustomEvent(b3,{detail:this.value,bubbles:!0,composed:!0}))}render(){const e=this.status?`textarea--${this.status}`:"";return s`
|
|
841
844
|
<textarea
|
|
842
845
|
class="textarea
|
|
843
846
|
${this.disabled?"textarea--disabled":""}
|
|
@@ -851,7 +854,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
851
854
|
part="textarea"
|
|
852
855
|
@input=${this.onInput}
|
|
853
856
|
></textarea>
|
|
854
|
-
`}};R5.shadowRootOptions={...p.shadowRootOptions,delegatesFocus:!0},R5.styles=
|
|
857
|
+
`}};R5.shadowRootOptions={...p.shadowRootOptions,delegatesFocus:!0},R5.styles=v`
|
|
855
858
|
:host { display: block; font-family: var(--font-sans); }
|
|
856
859
|
|
|
857
860
|
.textarea {
|
|
@@ -868,7 +871,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
868
871
|
/* warning-active, not the warning fill: the fill is too light for a 1px border */
|
|
869
872
|
.textarea--warning { border-color: var(--color-warning-active); }
|
|
870
873
|
.textarea--loading { border-color: var(--color-input); }
|
|
871
|
-
`;let W=R5;H1([a()],W.prototype,"value"),H1([a({type:Boolean})],W.prototype,"disabled"),H1([a({type:Boolean})],W.prototype,"readonly"),H1([a()],W.prototype,"placeholder"),H1([a()],W.prototype,"inputid"),H1([a({type:Number})],W.prototype,"rows"),H1([a()],W.prototype,"status"),H1([R("textarea")],W.prototype,"textareaEl"),customElements.get("anduin-textarea")||customElements.define("anduin-textarea",W);var b7=Object.defineProperty,j=(n,e,t,i)=>{for(var o=void 0,r=n.length-1,l;r>=0;r--)(l=n[r])&&(o=l(e,t,o)||o);return o&&b7(e,t,o),o};const Q5="anduin-tab:trigger-click",$2="anduin-tab:value-changed",m3="anduin-tab:change",Se=class Se extends p{constructor(){super(...arguments),this.defaultValue="",this.value="",this.fill=!1}connectedCallback(){super.connectedCallback(),this.addEventListener(Q5,e=>{e.stopPropagation();const t=e;this.value=t.detail,this.broadcastValueChanged(t.detail),this.dispatchEvent(new CustomEvent(m3,{detail:t.detail,bubbles:!0,composed:!0}))}),requestAnimationFrame(()=>{const e=this.value||this.defaultValue;e&&(this.value||(this.value=e),this.broadcastValueChanged(e))})}updated(e){if(e.has("value")||e.has("defaultValue")){const t=this.value||this.defaultValue;t&&this.broadcastValueChanged(t)}}broadcastValueChanged(e){this.dispatchEvent(new CustomEvent($2,{detail:e,bubbles:!1,composed:!1}))}render(){return s`<div class="tabs" part="tabs"><slot></slot></div>`}};Se.styles=
|
|
874
|
+
`;let W=R5;H1([a()],W.prototype,"value"),H1([a({type:Boolean})],W.prototype,"disabled"),H1([a({type:Boolean})],W.prototype,"readonly"),H1([a()],W.prototype,"placeholder"),H1([a()],W.prototype,"inputid"),H1([a({type:Number})],W.prototype,"rows"),H1([a()],W.prototype,"status"),H1([R("textarea")],W.prototype,"textareaEl"),customElements.get("anduin-textarea")||customElements.define("anduin-textarea",W);var b7=Object.defineProperty,j=(n,e,t,i)=>{for(var o=void 0,r=n.length-1,l;r>=0;r--)(l=n[r])&&(o=l(e,t,o)||o);return o&&b7(e,t,o),o};const Q5="anduin-tab:trigger-click",$2="anduin-tab:value-changed",m3="anduin-tab:change",Se=class Se extends p{constructor(){super(...arguments),this.defaultValue="",this.value="",this.fill=!1}connectedCallback(){super.connectedCallback(),this.addEventListener(Q5,e=>{e.stopPropagation();const t=e;this.value=t.detail,this.broadcastValueChanged(t.detail),this.dispatchEvent(new CustomEvent(m3,{detail:t.detail,bubbles:!0,composed:!0}))}),requestAnimationFrame(()=>{const e=this.value||this.defaultValue;e&&(this.value||(this.value=e),this.broadcastValueChanged(e))})}updated(e){if(e.has("value")||e.has("defaultValue")){const t=this.value||this.defaultValue;t&&this.broadcastValueChanged(t)}}broadcastValueChanged(e){this.dispatchEvent(new CustomEvent($2,{detail:e,bubbles:!1,composed:!1}))}render(){return s`<div class="tabs" part="tabs"><slot></slot></div>`}};Se.styles=v`
|
|
872
875
|
:host { display: flex; flex-direction: column; font-family: var(--font-sans); }
|
|
873
876
|
:host([fill]) { flex: 1; min-height: 0; --_tab-fill-flex: 1; --_tab-fill-height: 100%; }
|
|
874
877
|
.tabs { display: flex; flex-direction: column; width: 100%; }
|
|
@@ -878,7 +881,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
878
881
|
<slot></slot>
|
|
879
882
|
<div class="tabs-list__indicator"></div>
|
|
880
883
|
</div>
|
|
881
|
-
`}};Ae.styles=
|
|
884
|
+
`}};Ae.styles=v`
|
|
882
885
|
:host { display: block; font-family: var(--font-sans); }
|
|
883
886
|
/* Transparent by default so the list picks up whatever it sits on. Set a
|
|
884
887
|
* background via anduin-tabs-list::part(tabs-list) when one is wanted. */
|
|
@@ -909,7 +912,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
909
912
|
${this.showBadge?s`<span class="tab-trigger__badge">${this.badgeCount}</span>`:h}
|
|
910
913
|
</div>
|
|
911
914
|
</button>
|
|
912
|
-
`}};ze.styles=
|
|
915
|
+
`}};ze.styles=v`
|
|
913
916
|
:host { display: inline-block; font-family: var(--font-sans); }
|
|
914
917
|
.tab-trigger {
|
|
915
918
|
cursor: pointer; background: none; border: none; display: block;
|
|
@@ -935,7 +938,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
935
938
|
<div class="tab-content" role="tabpanel" tabindex="0" part="tab-content">
|
|
936
939
|
<slot></slot>
|
|
937
940
|
</div>
|
|
938
|
-
`}};De.styles=
|
|
941
|
+
`}};De.styles=v`
|
|
939
942
|
:host { display: block; font-family: var(--font-sans); flex: var(--_tab-fill-flex, 0 0 auto); min-height: 0; }
|
|
940
943
|
:host(:not([active])) { display: none; }
|
|
941
944
|
.tab-content { width: 100%; height: var(--_tab-fill-height, auto); overflow-x: hidden; overflow-y: auto; }
|
|
@@ -945,7 +948,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
945
948
|
<div class="tag__label"><slot></slot></div>
|
|
946
949
|
<slot name="closeButton" class="tag__close"></slot>
|
|
947
950
|
</div>
|
|
948
|
-
`}};Pe.styles=
|
|
951
|
+
`}};Pe.styles=v`
|
|
949
952
|
:host { display: inline-flex; max-width: 100%; font-family: var(--font-sans); }
|
|
950
953
|
.tag {
|
|
951
954
|
font-weight: 500; font-size: 11px; height: 20px; padding-left: 6px; padding-right: 6px;
|
|
@@ -957,10 +960,10 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
957
960
|
.tag__label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1; }
|
|
958
961
|
.tag--disabled { opacity: 0.6; }
|
|
959
962
|
.tag__icon--light-gray { color: var(--color-neutral-subtle-foreground); }
|
|
960
|
-
.tag__icon--light-primary { color: var(--color-primary); }
|
|
963
|
+
.tag__icon--light-primary { color: var(--color-primary-icon); }
|
|
961
964
|
.tag__icon--light-success { color: var(--color-success); }
|
|
962
965
|
.tag__icon--light-warning { color: var(--color-warning-active); }
|
|
963
|
-
.tag__icon--light-danger { color: var(--color-destructive); }
|
|
966
|
+
.tag__icon--light-danger { color: var(--color-destructive-icon); }
|
|
964
967
|
.tag__icon--bold-gray { color: var(--color-neutral-foreground); }
|
|
965
968
|
.tag__icon--bold-primary { color: var(--color-primary-foreground); }
|
|
966
969
|
.tag__icon--bold-success { color: var(--color-success-foreground); }
|
|
@@ -1000,7 +1003,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
1000
1003
|
<button class="tag-close__button" part="tag-close" @click=${this.onClick}>
|
|
1001
1004
|
<anduin-icon name="crossSmall" size="12"></anduin-icon>
|
|
1002
1005
|
</button>
|
|
1003
|
-
`}};Te.styles=
|
|
1006
|
+
`}};Te.styles=v`
|
|
1004
1007
|
:host { display: inline-block; font-family: var(--font-sans); }
|
|
1005
1008
|
.tag-close__button {
|
|
1006
1009
|
flex: none; width: 16px; height: 16px; display: flex; align-items: center;
|
|
@@ -1013,7 +1016,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
1013
1016
|
<div class="toggle-group toggle-group--${this.size} ${this.gap?"toggle-group--gap":""}" role="group" part="toggle-group">
|
|
1014
1017
|
<slot @slotchange=${this.syncItems}></slot>
|
|
1015
1018
|
</div>
|
|
1016
|
-
`}};Be.styles=
|
|
1019
|
+
`}};Be.styles=v`
|
|
1017
1020
|
:host { display: inline-flex; font-family: var(--font-sans); }
|
|
1018
1021
|
.toggle-group { display: inline-flex; align-items: center; }
|
|
1019
1022
|
.toggle-group--small {
|
|
@@ -1060,7 +1063,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
1060
1063
|
<slot></slot>
|
|
1061
1064
|
</div>
|
|
1062
1065
|
</button>
|
|
1063
|
-
`}};Ie.styles=
|
|
1066
|
+
`}};Ie.styles=v`
|
|
1064
1067
|
:host { display: inline-block; font-family: var(--font-sans); }
|
|
1065
1068
|
.toggle-item {
|
|
1066
1069
|
position: relative; z-index: 0; box-sizing: border-box;
|
|
@@ -1094,7 +1097,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
1094
1097
|
.toggle-item__icon { display: flex; color: var(--color-subtle-foreground); }
|
|
1095
1098
|
.toggle-item:hover .toggle-item__icon { color: var(--color-muted-foreground); }
|
|
1096
1099
|
.toggle-item--selected .toggle-item__icon { color: var(--color-muted-foreground); }
|
|
1097
|
-
.toggle-item--variant-primary.toggle-item--selected .toggle-item__icon { color: var(--color-primary); }
|
|
1100
|
+
.toggle-item--variant-primary.toggle-item--selected .toggle-item__icon { color: var(--color-primary-icon); }
|
|
1098
1101
|
`;let X=Ie;F([a({reflect:!0})],X.prototype,"value"),F([a({attribute:"start-icon"})],X.prototype,"startIcon"),F([a({type:Boolean})],X.prototype,"disabled"),F([a({attribute:!1})],X.prototype,"selected"),F([a({attribute:!1})],X.prototype,"groupSize"),F([a({attribute:!1})],X.prototype,"groupVariant"),F([a({attribute:!1})],X.prototype,"groupMode");function te(n){return n.split(" ").map(e=>e.trim()).filter(Boolean)}customElements.get("anduin-toggle-group")||customElements.define("anduin-toggle-group",q),customElements.get("anduin-toggle-group-item")||customElements.define("anduin-toggle-group-item",X);var L7=Object.defineProperty,V7=(n,e,t,i)=>{for(var o=void 0,r=n.length-1,l;r>=0;r--)(l=n[r])&&(o=l(e,t,o)||o);return o&&L7(e,t,o),o};const x3="anduin-well-close:click",Oe=class Oe extends p{constructor(){super(...arguments),this.variant="gray"}render(){return s`
|
|
1099
1102
|
<div class="well well--${this.variant}" part="well">
|
|
1100
1103
|
<slot
|
|
@@ -1107,7 +1110,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
1107
1110
|
</div>
|
|
1108
1111
|
<slot name="closeButton" class="well__close"></slot>
|
|
1109
1112
|
</div>
|
|
1110
|
-
`}};Oe.styles=
|
|
1113
|
+
`}};Oe.styles=v`
|
|
1111
1114
|
:host {
|
|
1112
1115
|
display: block;
|
|
1113
1116
|
font-family: var(--font-sans);
|
|
@@ -1166,17 +1169,20 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
1166
1169
|
.well--warning {
|
|
1167
1170
|
background-color: var(--color-warning-subtle);
|
|
1168
1171
|
}
|
|
1172
|
+
/* Same split as the toast's icons: primary and danger read -icon (light
|
|
1173
|
+
unchanged, step 3 in dark); success and warning keep step 4, which already
|
|
1174
|
+
clears 3:1 on their dark tint and which -icon would move in light. */
|
|
1169
1175
|
.well__icon--gray {
|
|
1170
1176
|
color: var(--color-muted-foreground);
|
|
1171
1177
|
}
|
|
1172
1178
|
.well__icon--primary {
|
|
1173
|
-
color: var(--color-primary);
|
|
1179
|
+
color: var(--color-primary-icon);
|
|
1174
1180
|
}
|
|
1175
1181
|
.well__icon--success {
|
|
1176
1182
|
color: var(--color-success);
|
|
1177
1183
|
}
|
|
1178
1184
|
.well__icon--danger {
|
|
1179
|
-
color: var(--color-destructive);
|
|
1185
|
+
color: var(--color-destructive-icon);
|
|
1180
1186
|
}
|
|
1181
1187
|
.well__icon--warning {
|
|
1182
1188
|
color: var(--color-warning-active);
|
|
@@ -1189,7 +1195,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
1189
1195
|
>
|
|
1190
1196
|
<anduin-icon name="cross" size="16"></anduin-icon>
|
|
1191
1197
|
</button>
|
|
1192
|
-
`}};Fe.styles=
|
|
1198
|
+
`}};Fe.styles=v`
|
|
1193
1199
|
:host {
|
|
1194
1200
|
display: inline-block;
|
|
1195
1201
|
font-family: var(--font-sans);
|
|
@@ -1213,7 +1219,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
1213
1219
|
.well-close__button:active {
|
|
1214
1220
|
background-color: var(--color-accent-active);
|
|
1215
1221
|
}
|
|
1216
|
-
`;let t5=Fe;customElements.get("anduin-well")||customElements.define("anduin-well",S2),customElements.get("anduin-well-close")||customElements.define("anduin-well-close",t5);var x7=Object.defineProperty,D1=(n,e,t,i)=>{for(var o=void 0,r=n.length-1,l;r>=0;r--)(l=n[r])&&(o=l(e,t,o)||o);return o&&x7(e,t,o),o};const o5="anduin-popover:close",i5="anduin-popover:open-change",Ne=class Ne extends p{constructor(){super(...arguments),this.open=!1,this.placement="bottom-start",this.fullWidth=!1,this._visible=!1,this._closing=!1,this._closeTransitionEndHandler=null,this._onOutsideClick=e=>{e.composedPath().includes(this)||(this.open=!1)},this._onScrollOrResize=()=>{this.open&&this._updatePosition()},this._onPopoverClose=()=>{this.open=!1}}_onTriggerClick(){this.open=!this.open}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._onOutsideClick),window.addEventListener("scroll",this._onScrollOrResize,{passive:!0,capture:!0}),window.addEventListener("resize",this._onScrollOrResize),this.addEventListener(o5,this._onPopoverClose)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this._onOutsideClick),window.removeEventListener("scroll",this._onScrollOrResize,{capture:!0}),window.removeEventListener("resize",this._onScrollOrResize),this.removeEventListener(o5,this._onPopoverClose)}updated(e){e.has("open")&&(this.dispatchEvent(new CustomEvent(i5,{detail:this.open,bubbles:!0,composed:!0})),this.open?(this._cancelCloseAnimation(),this._closing=!1,this._visible=!0,requestAnimationFrame(()=>this._updatePosition())):this._startCloseAnimation())}_cancelCloseAnimation(){this._closeTransitionEndHandler&&this._panelEl&&(this._panelEl.removeEventListener("transitionend",this._closeTransitionEndHandler),this._closeTransitionEndHandler=null),this._closing=!1}_startCloseAnimation(){if(!this._visible)return;this._closing=!0;const e=t=>{var i;t.propertyName==="opacity"&&((i=this._panelEl)==null||i.removeEventListener("transitionend",e),this._closeTransitionEndHandler=null,this._closing=!1,this._visible=!1)};this._closeTransitionEndHandler=e,requestAnimationFrame(()=>{var t;return(t=this._panelEl)==null?void 0:t.addEventListener("transitionend",e)})}_updatePosition(){const e=this._triggerEl,t=this._panelEl;if(!e||!t)return;const i=e.getBoundingClientRect(),o=t.style.transform;t.style.transform="none";const r=t.getBoundingClientRect();t.style.transform=o;const l=t.getBoundingClientRect(),d=4,C=window.innerWidth,u=window.innerHeight,g=8;let
|
|
1222
|
+
`;let t5=Fe;customElements.get("anduin-well")||customElements.define("anduin-well",S2),customElements.get("anduin-well-close")||customElements.define("anduin-well-close",t5);var x7=Object.defineProperty,D1=(n,e,t,i)=>{for(var o=void 0,r=n.length-1,l;r>=0;r--)(l=n[r])&&(o=l(e,t,o)||o);return o&&x7(e,t,o),o};const o5="anduin-popover:close",i5="anduin-popover:open-change",Ne=class Ne extends p{constructor(){super(...arguments),this.open=!1,this.placement="bottom-start",this.fullWidth=!1,this._visible=!1,this._closing=!1,this._closeTransitionEndHandler=null,this._onOutsideClick=e=>{e.composedPath().includes(this)||(this.open=!1)},this._onScrollOrResize=()=>{this.open&&this._updatePosition()},this._onPopoverClose=()=>{this.open=!1}}_onTriggerClick(){this.open=!this.open}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._onOutsideClick),window.addEventListener("scroll",this._onScrollOrResize,{passive:!0,capture:!0}),window.addEventListener("resize",this._onScrollOrResize),this.addEventListener(o5,this._onPopoverClose)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this._onOutsideClick),window.removeEventListener("scroll",this._onScrollOrResize,{capture:!0}),window.removeEventListener("resize",this._onScrollOrResize),this.removeEventListener(o5,this._onPopoverClose)}updated(e){e.has("open")&&(this.dispatchEvent(new CustomEvent(i5,{detail:this.open,bubbles:!0,composed:!0})),this.open?(this._cancelCloseAnimation(),this._closing=!1,this._visible=!0,requestAnimationFrame(()=>this._updatePosition())):this._startCloseAnimation())}_cancelCloseAnimation(){this._closeTransitionEndHandler&&this._panelEl&&(this._panelEl.removeEventListener("transitionend",this._closeTransitionEndHandler),this._closeTransitionEndHandler=null),this._closing=!1}_startCloseAnimation(){if(!this._visible)return;this._closing=!0;const e=t=>{var i;t.propertyName==="opacity"&&((i=this._panelEl)==null||i.removeEventListener("transitionend",e),this._closeTransitionEndHandler=null,this._closing=!1,this._visible=!1)};this._closeTransitionEndHandler=e,requestAnimationFrame(()=>{var t;return(t=this._panelEl)==null?void 0:t.addEventListener("transitionend",e)})}_updatePosition(){const e=this._triggerEl,t=this._panelEl;if(!e||!t)return;const i=e.getBoundingClientRect(),o=t.style.transform;t.style.transform="none";const r=t.getBoundingClientRect();t.style.transform=o;const l=t.getBoundingClientRect(),d=4,C=window.innerWidth,u=window.innerHeight,g=8;let f=0,H=0,y="bottom";const x=!this.placement.startsWith("top"),L=u-i.bottom-d,b=i.top-d,Z=L>=l.height,k=b>=l.height,B=x?Z||L>=b:!k&&Z;y=B?"bottom":"top",H=B?i.bottom+d:i.top-l.height-d;const o1=this.placement.endsWith("end")?"end":this.placement.endsWith("start")?"start":"center";o1==="start"?f=i.left:o1==="end"?f=i.right-l.width:f=i.left+i.width/2-l.width/2,f=Math.max(g,Math.min(f,C-l.width-g)),H=Math.max(g,Math.min(H,u-l.height-g)),t.style.transform=`translate(${Math.round(f-r.left)}px, ${Math.round(H-r.top)}px)`,t.dataset.side=y}render(){return s`
|
|
1217
1223
|
<div class="popover__trigger" @click=${this._onTriggerClick} part="trigger">
|
|
1218
1224
|
<slot name="trigger"></slot>
|
|
1219
1225
|
</div>
|
|
@@ -1222,7 +1228,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
1222
1228
|
<slot></slot>
|
|
1223
1229
|
</div>
|
|
1224
1230
|
</div>
|
|
1225
|
-
`}};Ne.styles=
|
|
1231
|
+
`}};Ne.styles=v`
|
|
1226
1232
|
:host { display: inline-block; font-family: var(--font-sans); }
|
|
1227
1233
|
:host([full-width]) { display: block; width: 100%; }
|
|
1228
1234
|
|
|
@@ -1275,7 +1281,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
1275
1281
|
.popover__panel--open[data-side="top"] .popover__inner {
|
|
1276
1282
|
transform: none;
|
|
1277
1283
|
}
|
|
1278
|
-
`;let J=Ne;D1([a({type:Boolean,reflect:!0})],J.prototype,"open"),D1([a()],J.prototype,"placement"),D1([a({type:Boolean,attribute:"full-width",reflect:!0})],J.prototype,"fullWidth"),D1([m()],J.prototype,"_visible"),D1([m()],J.prototype,"_closing"),D1([R(".popover__trigger")],J.prototype,"_triggerEl"),D1([R(".popover__panel")],J.prototype,"_panelEl"),customElements.get("anduin-popover")||customElements.define("anduin-popover",J);const Ge=class Ge extends p{_onClick(){this.dispatchEvent(new CustomEvent(o5,{bubbles:!0,composed:!0}))}render(){return s`<span @click=${this._onClick}><slot></slot></span>`}};Ge.styles=
|
|
1284
|
+
`;let J=Ne;D1([a({type:Boolean,reflect:!0})],J.prototype,"open"),D1([a()],J.prototype,"placement"),D1([a({type:Boolean,attribute:"full-width",reflect:!0})],J.prototype,"fullWidth"),D1([m()],J.prototype,"_visible"),D1([m()],J.prototype,"_closing"),D1([R(".popover__trigger")],J.prototype,"_triggerEl"),D1([R(".popover__panel")],J.prototype,"_panelEl"),customElements.get("anduin-popover")||customElements.define("anduin-popover",J);const Ge=class Ge extends p{_onClick(){this.dispatchEvent(new CustomEvent(o5,{bubbles:!0,composed:!0}))}render(){return s`<span @click=${this._onClick}><slot></slot></span>`}};Ge.styles=v`:host { display: contents; }`;let r5=Ge;customElements.get("anduin-popover-close")||customElements.define("anduin-popover-close",r5);var w7=Object.defineProperty,P1=(n,e,t,i)=>{for(var o=void 0,r=n.length-1,l;r>=0;r--)(l=n[r])&&(o=l(e,t,o)||o);return o&&w7(e,t,o),o};const n5="anduin-menu-item:click",Ue=class Ue extends p{constructor(){super(...arguments),this.open=!1,this.placement="bottom-start",this._onOutsideClick=e=>{e.composedPath().includes(this)||(this.open=!1)},this._onItemClick=()=>{this.open=!1},this._onScrollOrResize=()=>{this.open&&this._updatePosition()}}_onTriggerClick(){this.open=!this.open}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._onOutsideClick),this.addEventListener(n5,this._onItemClick),window.addEventListener("scroll",this._onScrollOrResize,{passive:!0,capture:!0}),window.addEventListener("resize",this._onScrollOrResize)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this._onOutsideClick),this.removeEventListener(n5,this._onItemClick),window.removeEventListener("scroll",this._onScrollOrResize,{capture:!0}),window.removeEventListener("resize",this._onScrollOrResize)}updated(e){e.has("open")&&this.open&&requestAnimationFrame(()=>this._updatePosition())}_updatePosition(){const e=this._triggerEl,t=this._panelEl;if(!e||!t)return;const i=e.getBoundingClientRect(),o=t.style.transform;t.style.transform="none";const r=t.getBoundingClientRect();t.style.transform=o;const l=t.getBoundingClientRect(),d=4;let C=0,u=0,g="bottom";switch(this.placement){case"bottom-start":C=i.left,u=i.bottom+d,g="bottom";break;case"bottom-end":C=i.right-l.width,u=i.bottom+d,g="bottom";break;case"bottom":C=i.left+i.width/2-l.width/2,u=i.bottom+d,g="bottom";break;case"top-start":C=i.left,u=i.top-l.height-d,g="top";break;case"top-end":C=i.right-l.width,u=i.top-l.height-d,g="top";break;case"top":C=i.left+i.width/2-l.width/2,u=i.top-l.height-d,g="top";break}t.style.transform=`translate(${Math.round(C-r.left)}px, ${Math.round(u-r.top)}px)`,t.dataset.side=g}render(){return s`
|
|
1279
1285
|
<div class="menu__trigger" @click=${this._onTriggerClick} part="trigger">
|
|
1280
1286
|
<slot name="trigger"></slot>
|
|
1281
1287
|
</div>
|
|
@@ -1284,7 +1290,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
1284
1290
|
<slot></slot>
|
|
1285
1291
|
</div>
|
|
1286
1292
|
</div>
|
|
1287
|
-
`}};Ue.styles=
|
|
1293
|
+
`}};Ue.styles=v`
|
|
1288
1294
|
:host { display: inline-block; font-family: var(--font-sans); }
|
|
1289
1295
|
|
|
1290
1296
|
.menu__trigger { display: inline-block; }
|
|
@@ -1337,7 +1343,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
1337
1343
|
${this.icon?s`<anduin-icon name="${this.icon}" size="16"></anduin-icon>`:h}
|
|
1338
1344
|
<span class="menu-item__label"><slot></slot></span>
|
|
1339
1345
|
</button>
|
|
1340
|
-
`}};je.styles=
|
|
1346
|
+
`}};je.styles=v`
|
|
1341
1347
|
:host { display: block; width: 100%; font-family: var(--font-sans); }
|
|
1342
1348
|
.menu-item {
|
|
1343
1349
|
display: flex;
|
|
@@ -1365,7 +1371,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
1365
1371
|
.menu-item:disabled { opacity: 0.4; cursor: not-allowed; pointer-events: none; }
|
|
1366
1372
|
.menu-item__label { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
|
|
1367
1373
|
anduin-icon { color: var(--color-muted-foreground); }
|
|
1368
|
-
.menu-item--danger anduin-icon { color: var(--color-destructive); }
|
|
1374
|
+
.menu-item--danger anduin-icon { color: var(--color-destructive-icon); }
|
|
1369
1375
|
`;let T1=je;P1([a()],T1.prototype,"icon"),P1([a()],T1.prototype,"variant"),P1([a({type:Boolean})],T1.prototype,"disabled"),customElements.get("anduin-menu")||customElements.define("anduin-menu",_1),customElements.get("anduin-menu-item")||customElements.define("anduin-menu-item",T1);var M7=Object.defineProperty,B1=(n,e,t,i)=>{for(var o=void 0,r=n.length-1,l;r>=0;r--)(l=n[r])&&(o=l(e,t,o)||o);return o&&M7(e,t,o),o};const a2="anduin-close",l5="anduin-after-close",oe=300,ie=200,w3=250;let A2=0,M3="";function Z7(){typeof document>"u"||(A2===0&&(M3=document.body.style.overflow,document.body.style.overflow="hidden"),A2++)}function Z3(){typeof document>"u"||A2!==0&&(A2--,A2===0&&(document.body.style.overflow=M3))}const L1=(w1=class extends p{constructor(){super(...arguments),this.open=!1,this.heading="",this.hideHeader=!1,this.hideFooter=!1,this.maxWidth="480",this.fullscreen=!1,this._leaving=!1,this._holdsScrollLock=!1,this.onAnduinClose=e=>{e.stopPropagation()}}updated(e){if(e.has("maxWidth")){const t=this.maxWidth,i=w1._PRESETS.has(t)?`${t}px`:t;this.style.setProperty("--_modal-width",i)}e.has("open")&&(this.open?(this._leaving=!1,this.classList.add("is-shown"),this._holdsScrollLock||(this._holdsScrollLock=!0,Z7())):this.classList.contains("is-shown")&&(this._leaving=!0,setTimeout(()=>{this._leaving=!1,this.classList.remove("is-shown"),this._holdsScrollLock&&(this._holdsScrollLock=!1,Z3()),this.dispatchEvent(new CustomEvent(l5,{bubbles:!0,composed:!0}))},Math.max(ie,w3))))}dispatch(e){this.dispatchEvent(new CustomEvent(e,{bubbles:!0,composed:!0}))}onOverlayClick(){this.dispatch(a2)}onClose(){this.dispatch(a2)}connectedCallback(){super.connectedCallback(),this.addEventListener(a2,this.onAnduinClose),this.addEventListener(l5,this.onAnduinClose)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener(a2,this.onAnduinClose),this.removeEventListener(l5,this.onAnduinClose),this._holdsScrollLock&&(this._holdsScrollLock=!1,Z3())}render(){const e=this._leaving,t=this.fullscreen;return s`
|
|
1370
1376
|
<div
|
|
1371
1377
|
class=${`overlay${e?" is-leaving":""}`}
|
|
@@ -1402,7 +1408,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
1402
1408
|
${this.hideFooter?h:s`<div class="footer"><slot name="footer"></slot></div>`}
|
|
1403
1409
|
</div>
|
|
1404
1410
|
</div>
|
|
1405
|
-
`}},w1.styles=
|
|
1411
|
+
`}},w1.styles=v`
|
|
1406
1412
|
:host {
|
|
1407
1413
|
display: none;
|
|
1408
1414
|
font-family: var(--font-sans);
|
|
@@ -1609,7 +1615,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
1609
1615
|
</div>
|
|
1610
1616
|
<span class="radio__label"><slot></slot></span>
|
|
1611
1617
|
</label>
|
|
1612
|
-
`}};Ke.styles=
|
|
1618
|
+
`}};Ke.styles=v`
|
|
1613
1619
|
:host { display: inline-flex; font-family: var(--font-sans); }
|
|
1614
1620
|
|
|
1615
1621
|
label {
|
|
@@ -1683,7 +1689,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
1683
1689
|
<div class="group group--${this.orientation}" role="radiogroup" part="group">
|
|
1684
1690
|
<slot></slot>
|
|
1685
1691
|
</div>
|
|
1686
|
-
`}};We.styles=
|
|
1692
|
+
`}};We.styles=v`
|
|
1687
1693
|
:host { display: block; font-family: var(--font-sans); }
|
|
1688
1694
|
|
|
1689
1695
|
.group {
|
|
@@ -1706,7 +1712,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
1706
1712
|
</svg>
|
|
1707
1713
|
</span>`}
|
|
1708
1714
|
</div>
|
|
1709
|
-
`}};Ye.styles=
|
|
1715
|
+
`}};Ye.styles=v`
|
|
1710
1716
|
:host { display: inline-flex; }
|
|
1711
1717
|
|
|
1712
1718
|
.avatar {
|
|
@@ -1911,7 +1917,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
1911
1917
|
>
|
|
1912
1918
|
${D7(e.paths)}
|
|
1913
1919
|
</svg>
|
|
1914
|
-
`:h}};qe.styles=
|
|
1920
|
+
`:h}};qe.styles=v`
|
|
1915
1921
|
:host { display: inline-flex; align-items: center; justify-content: center; }
|
|
1916
1922
|
svg { display: block; }
|
|
1917
1923
|
`;let s2=qe;z3([a()],s2.prototype,"type"),z3([a({type:Number})],s2.prototype,"size"),customElements.get("anduin-file-icon")||customElements.define("anduin-file-icon",s2);var B7=Object.defineProperty,F1=(n,e,t,i)=>{for(var o=void 0,r=n.length-1,l;r>=0;r--)(l=n[r])&&(o=l(e,t,o)||o);return o&&B7(e,t,o),o};const D3={gray:"info",primary:"infoCircleLine",success:"checkCircle",warning:"warning",danger:"error"},I7="anduin-toast:dismiss",Xe=class Xe extends p{constructor(){super(...arguments),this.variant="gray",this.heading="",this.description="",this._dismissing=!1}dismiss(){var t;if(this._dismissing)return;this._dismissing=!0;const e=i=>{var o;i.propertyName==="opacity"&&((o=this._toastEl)==null||o.removeEventListener("transitionend",e),this.dispatchEvent(new CustomEvent(I7,{bubbles:!0,composed:!0})))};(t=this._toastEl)==null||t.addEventListener("transitionend",e)}_onClose(){this.dismiss()}render(){const e=D3[this.variant]??D3.gray;return s`
|
|
@@ -1936,7 +1942,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
1936
1942
|
<anduin-icon name="crossSmall" size="16"></anduin-icon>
|
|
1937
1943
|
</button>
|
|
1938
1944
|
</div>
|
|
1939
|
-
`}};Xe.styles=
|
|
1945
|
+
`}};Xe.styles=v`
|
|
1940
1946
|
:host {
|
|
1941
1947
|
display: block;
|
|
1942
1948
|
font-family: var(--font-sans);
|
|
@@ -1992,12 +1998,16 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
1992
1998
|
padding: 12px;
|
|
1993
1999
|
border-radius: 8px;
|
|
1994
2000
|
}
|
|
2001
|
+
/* Primary and danger read -icon (step 4 in light, as before; step 3 in dark,
|
|
2002
|
+
where step 4 on its own tint was under 3:1). Success and warning keep step 4:
|
|
2003
|
+
-icon would change their light colour, and step 4 already clears 3:1 on
|
|
2004
|
+
gray-9 and on its dark tint (success 3.4:1, warning 4.7:1). */
|
|
1995
2005
|
.toast__icon--gray {
|
|
1996
2006
|
color: var(--color-subtle-foreground);
|
|
1997
2007
|
background: var(--color-secondary);
|
|
1998
2008
|
}
|
|
1999
2009
|
.toast__icon--primary {
|
|
2000
|
-
color: var(--color-primary);
|
|
2010
|
+
color: var(--color-primary-icon);
|
|
2001
2011
|
background: var(--color-primary-subtle);
|
|
2002
2012
|
}
|
|
2003
2013
|
.toast__icon--success {
|
|
@@ -2009,7 +2019,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
2009
2019
|
background: var(--color-warning-subtle);
|
|
2010
2020
|
}
|
|
2011
2021
|
.toast__icon--danger {
|
|
2012
|
-
color: var(--color-destructive);
|
|
2022
|
+
color: var(--color-destructive-icon);
|
|
2013
2023
|
background: var(--color-destructive-subtle);
|
|
2014
2024
|
}
|
|
2015
2025
|
|
|
@@ -2072,7 +2082,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
2072
2082
|
></anduin-toast>
|
|
2073
2083
|
`)}
|
|
2074
2084
|
</div>
|
|
2075
|
-
`}};Je.styles=
|
|
2085
|
+
`}};Je.styles=v`
|
|
2076
2086
|
:host {
|
|
2077
2087
|
display: contents;
|
|
2078
2088
|
pointer-events: none;
|
|
@@ -2132,7 +2142,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
2132
2142
|
</div>
|
|
2133
2143
|
<span class="switcher__label"><slot></slot></span>
|
|
2134
2144
|
</label>
|
|
2135
|
-
`}};Qe.styles=
|
|
2145
|
+
`}};Qe.styles=v`
|
|
2136
2146
|
:host { display: inline-flex; font-family: var(--font-sans); }
|
|
2137
2147
|
|
|
2138
2148
|
label {
|
|
@@ -2195,7 +2205,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
2195
2205
|
color: var(--color-foreground);
|
|
2196
2206
|
line-height: 20px;
|
|
2197
2207
|
}
|
|
2198
|
-
`;let c2=Qe;P3([a({type:Boolean})],c2.prototype,"checked"),P3([a({type:Boolean})],c2.prototype,"disabled"),customElements.get("anduin-switcher")||customElements.define("anduin-switcher",c2);var G7=Object.defineProperty,S=(n,e,t,i)=>{for(var o=void 0,r=n.length-1,l;r>=0;r--)(l=n[r])&&(o=l(e,t,o)||o);return o&&G7(e,t,o),o};const ae="anduin-dropdown:change",e4=class e4 extends p{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._activeIndex=-1,this._onOutsideClick=e=>{var t;!this.contains(e.target)&&!((t=this.shadowRoot)!=null&&t.contains(e.target))&&(this._open=!1,this._query="",this._activeIndex=-1)},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){var t,i;e.has("_activeIndex")&&this._activeIndex>=0&&((i=(t=this.shadowRoot)==null?void 0:t.querySelector(".option--active"))==null||i.scrollIntoView({block:"nearest"})),e.has("_open")&&this._open&&requestAnimationFrame(()=>{var o,r;if(this._updatePosition(),this.searchable){const l=(r=(o=this._searchEl)==null?void 0:o.shadowRoot)==null?void 0:r.querySelector("input");l==null||l.focus()}})}_onTriggerClick(){this.disabled||(this._open=!this._open,this._activeIndex=-1,this._open||(this._query=""))}_onKeyDown(e){var t;if(e.key==="Escape"){this._open=!1,this._query="",this._activeIndex=-1,(t=this._triggerEl)==null||t.focus();return}if(this._open){if(e.key==="ArrowDown"||e.key==="ArrowUp")e.preventDefault(),this._moveActive(e.key==="ArrowDown"?1:-1);else if(e.key==="Enter"&&this._activeIndex>=0){e.preventDefault();const i=this._filteredOptions[this._activeIndex];i&&this._selectOption(i)}}}_moveActive(e){const t=this._filteredOptions;for(let i=this._activeIndex+e;i>=0&&i<t.length;i+=e)if(!t[i].disabled){this._activeIndex=i;return}}_onClear(e){e.stopPropagation(),this.clearable&&(this.value="",this.dispatchEvent(new CustomEvent(ae,{detail:"",bubbles:!0,composed:!0})))}_selectOption(e){e.disabled||(this.value=e.value,this._open=!1,this._query="",this._activeIndex=-1,this.dispatchEvent(new CustomEvent(ae,{detail:e.value,bubbles:!0,composed:!0})))}_updatePosition(){const e=this._triggerEl,t=this._panelEl;if(!e||!t)return;const i=e.getBoundingClientRect(),o=t.style.transform;t.style.transform="none";const r=t.getBoundingClientRect();t.style.transform=o;const l=t.querySelector(".panel__inner");l&&(l.style.minWidth=`${i.width}px`);const d=t.getBoundingClientRect(),C=4,u=window.innerWidth,g=window.innerHeight,
|
|
2208
|
+
`;let c2=Qe;P3([a({type:Boolean})],c2.prototype,"checked"),P3([a({type:Boolean})],c2.prototype,"disabled"),customElements.get("anduin-switcher")||customElements.define("anduin-switcher",c2);var G7=Object.defineProperty,S=(n,e,t,i)=>{for(var o=void 0,r=n.length-1,l;r>=0;r--)(l=n[r])&&(o=l(e,t,o)||o);return o&&G7(e,t,o),o};const ae="anduin-dropdown:change",e4=class e4 extends p{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._activeIndex=-1,this._onOutsideClick=e=>{var t;!this.contains(e.target)&&!((t=this.shadowRoot)!=null&&t.contains(e.target))&&(this._open=!1,this._query="",this._activeIndex=-1)},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){var t,i;e.has("_activeIndex")&&this._activeIndex>=0&&((i=(t=this.shadowRoot)==null?void 0:t.querySelector(".option--active"))==null||i.scrollIntoView({block:"nearest"})),e.has("_open")&&this._open&&requestAnimationFrame(()=>{var o,r;if(this._updatePosition(),this.searchable){const l=(r=(o=this._searchEl)==null?void 0:o.shadowRoot)==null?void 0:r.querySelector("input");l==null||l.focus()}})}_onTriggerClick(){this.disabled||(this._open=!this._open,this._activeIndex=-1,this._open||(this._query=""))}_onKeyDown(e){var t;if(e.key==="Escape"){this._open=!1,this._query="",this._activeIndex=-1,(t=this._triggerEl)==null||t.focus();return}if(this._open){if(e.key==="ArrowDown"||e.key==="ArrowUp")e.preventDefault(),this._moveActive(e.key==="ArrowDown"?1:-1);else if(e.key==="Enter"&&this._activeIndex>=0){e.preventDefault();const i=this._filteredOptions[this._activeIndex];i&&this._selectOption(i)}}}_moveActive(e){const t=this._filteredOptions;for(let i=this._activeIndex+e;i>=0&&i<t.length;i+=e)if(!t[i].disabled){this._activeIndex=i;return}}_onClear(e){e.stopPropagation(),this.clearable&&(this.value="",this.dispatchEvent(new CustomEvent(ae,{detail:"",bubbles:!0,composed:!0})))}_selectOption(e){e.disabled||(this.value=e.value,this._open=!1,this._query="",this._activeIndex=-1,this.dispatchEvent(new CustomEvent(ae,{detail:e.value,bubbles:!0,composed:!0})))}_updatePosition(){const e=this._triggerEl,t=this._panelEl;if(!e||!t)return;const i=e.getBoundingClientRect(),o=t.style.transform;t.style.transform="none";const r=t.getBoundingClientRect();t.style.transform=o;const l=t.querySelector(".panel__inner");l&&(l.style.minWidth=`${i.width}px`);const d=t.getBoundingClientRect(),C=4,u=window.innerWidth,g=window.innerHeight,f=8,H=g-i.bottom-C,y=i.top-C,L=d.height<=H||H>=y?i.bottom+C:i.top-d.height-C;let b=i.left;this.placement==="bottom-end"?b=i.right-d.width:this.placement==="bottom"&&(b=i.left+i.width/2-d.width/2),b=Math.max(f,Math.min(b,u-d.width-f));const Z=Math.max(f,Math.min(L,g-d.height-f));t.style.transform=`translate(${Math.round(b-r.left)}px, ${Math.round(Z-r.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)??"",i=e?e.icon??"":this.icon,o=this._filteredOptions,r=this.clearable&&!!this.value&&!this.disabled;return s`
|
|
2199
2209
|
<button
|
|
2200
2210
|
class="trigger trigger--${this.appearance} trigger--${this.variant}${this.size==="small"?" trigger--small":""}${this.value?" has-value":""}"
|
|
2201
2211
|
part="trigger"
|
|
@@ -2253,7 +2263,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
2253
2263
|
</div>
|
|
2254
2264
|
</div>
|
|
2255
2265
|
</div>
|
|
2256
|
-
`}};e4.styles=
|
|
2266
|
+
`}};e4.styles=v`
|
|
2257
2267
|
:host { display: inline-block; font-family: var(--font-sans); }
|
|
2258
2268
|
:host([full-width]) { display: block; width: 100%; }
|
|
2259
2269
|
:host([full-width]) .trigger { width: 100%; }
|
|
@@ -2309,7 +2319,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
2309
2319
|
.trigger--outlined.trigger--gray0 { border-color: var(--color-gray-7); color: var(--color-gray-4); background-color: transparent; }
|
|
2310
2320
|
.trigger--outlined.trigger--gray0:hover { background-color: var(--color-gray-7); }
|
|
2311
2321
|
.trigger--outlined.trigger--gray0:active { background-color: var(--color-gray-3); }
|
|
2312
|
-
.trigger--outlined.trigger--primary { border-color: var(--color-primary-border); color: var(--color-primary); background-color: transparent; }
|
|
2322
|
+
.trigger--outlined.trigger--primary { border-color: var(--color-primary-border); color: var(--color-primary-text); background-color: transparent; }
|
|
2313
2323
|
.trigger--outlined.trigger--primary:hover { background-color: var(--color-primary-subtle); }
|
|
2314
2324
|
.trigger--outlined.trigger--primary:active { background-color: var(--color-primary-subtle-active); }
|
|
2315
2325
|
.trigger--outlined.trigger--danger { border-color: var(--color-destructive-border); color: var(--color-destructive-subtle-foreground); background-color: transparent; }
|
|
@@ -2329,7 +2339,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
2329
2339
|
.trigger--plain.trigger--gray0 { border-color: transparent; color: var(--color-gray-4); background-color: transparent; }
|
|
2330
2340
|
.trigger--plain.trigger--gray0:hover { background-color: var(--color-gray-7); }
|
|
2331
2341
|
.trigger--plain.trigger--gray0:active { background-color: var(--color-gray-8); }
|
|
2332
|
-
.trigger--plain.trigger--primary { border-color: transparent; color: var(--color-primary); background-color: transparent; }
|
|
2342
|
+
.trigger--plain.trigger--primary { border-color: transparent; color: var(--color-primary-text); background-color: transparent; }
|
|
2333
2343
|
.trigger--plain.trigger--primary:hover { background-color: var(--color-primary-subtle); }
|
|
2334
2344
|
.trigger--plain.trigger--primary:active { background-color: var(--color-primary-subtle-active); }
|
|
2335
2345
|
.trigger--plain.trigger--danger { border-color: transparent; color: var(--color-destructive-subtle-foreground); background-color: transparent; }
|
|
@@ -2535,7 +2545,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
2535
2545
|
</div>
|
|
2536
2546
|
${this.hideFooter?h:s`<div class="footer"><slot name="footer"></slot></div>`}
|
|
2537
2547
|
</div>
|
|
2538
|
-
`}};t4.styles=
|
|
2548
|
+
`}};t4.styles=v`
|
|
2539
2549
|
:host {
|
|
2540
2550
|
display: none;
|
|
2541
2551
|
font-family: var(--font-sans);
|
|
@@ -2697,7 +2707,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
2697
2707
|
padding: 16px 20px;
|
|
2698
2708
|
border-top: 1px solid var(--color-border);
|
|
2699
2709
|
}
|
|
2700
|
-
`;let K=t4;u1([a({type:Boolean,reflect:!0})],K.prototype,"open"),u1([a()],K.prototype,"heading"),u1([a({type:Boolean,attribute:"hide-header"})],K.prototype,"hideHeader"),u1([a({type:Boolean,attribute:"hide-footer"})],K.prototype,"hideFooter"),u1([a({attribute:"default-width"})],K.prototype,"defaultWidth"),u1([a({reflect:!0})],K.prototype,"placement"),u1([a({type:Boolean,attribute:"allow-interact-outside"})],K.prototype,"allowInteractOutside"),u1([m()],K.prototype,"_leaving"),u1([m()],K.prototype,"_width"),customElements.get("anduin-drawer")||customElements.define("anduin-drawer",K);class I3 extends HTMLElement{constructor(){super(...arguments),this._onClick=()=>{this.dispatchEvent(new CustomEvent(C2,{bubbles:!0,composed:!0}))}}connectedCallback(){this.style.display="contents",this.addEventListener("click",this._onClick)}disconnectedCallback(){this.removeEventListener("click",this._onClick)}}customElements.get("anduin-drawer-close")||customElements.define("anduin-drawer-close",I3);var W7=Object.defineProperty,A=(n,e,t,i)=>{for(var o=void 0,r=n.length-1,l;r>=0;r--)(l=n[r])&&(o=l(e,t,o)||o);return o&&W7(e,t,o),o};const d5="anduin-suggestion:change",O3="anduin-suggestion:select",F3="anduin-suggestion:clear",o4=class o4 extends p{constructor(){super(...arguments),this.value="",this.size="default",this.disabled=!1,this.readonly=!1,this.placeholder="",this.inputid="",this.status="",this.startIcon="",this.endIcon="",this.clearable=!1,this.suggestions=[],this.filter=!1,this.hideWhenEmpty=!1,this.emptyText="No suggestions",this._open=!1,this._activeIndex=-1,this._onDocumentMouseDown=e=>{var t;!this.contains(e.target)&&!((t=this.shadowRoot)!=null&&t.contains(e.target))&&(this._open=!1)},this._onScrollOrResize=()=>{this._open&&this._updatePosition()}}connectedCallback(){super.connectedCallback(),document.addEventListener("mousedown",this._onDocumentMouseDown),window.addEventListener("scroll",this._onScrollOrResize,{passive:!0,capture:!0}),window.addEventListener("resize",this._onScrollOrResize);const e=this.closest("anduin-field");e&&e.addEventListener(s1,t=>{var o;const i=t;this.inputid&&this.inputid===i.detail&&((o=this._inputEl)==null||o.focus())})}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("mousedown",this._onDocumentMouseDown),window.removeEventListener("scroll",this._onScrollOrResize,{capture:!0}),window.removeEventListener("resize",this._onScrollOrResize)}updated(e){this._inputEl&&this._inputEl.value!==this.value&&(this._inputEl.value=this.value),this._open&&(e.has("_open")||e.has("value"))&&requestAnimationFrame(()=>this._updatePosition())}_normalized(){return this.suggestions.map(e=>typeof e=="string"?{value:e,label:e}:{label:e.value,...e})}get _filteredSuggestions(){const e=this._normalized();if(!this.filter||!this.value)return e;const t=this.value.toLowerCase();return e.filter(i=>(i.label??i.value).toLowerCase().includes(t))}_openPanel(){this.disabled||this.readonly||(this._open=!0,this._activeIndex=-1)}_onFocus(){this._openPanel()}_onInput(){this.value=this._inputEl.value,this._open||this._openPanel(),this._activeIndex=-1,this.dispatchEvent(new CustomEvent(d5,{detail:this.value,bubbles:!0,composed:!0}))}_onKeyDown(e){const t=this._filteredSuggestions;if(e.key==="ArrowDown"){if(e.preventDefault(),!this._open){this._openPanel();return}if(t.length===0)return;this._activeIndex=(this._activeIndex+1)%t.length,this._scrollActiveIntoView()}else if(e.key==="ArrowUp"){if(e.preventDefault(),!this._open){this._openPanel();return}if(t.length===0)return;this._activeIndex=this._activeIndex<=0?t.length-1:this._activeIndex-1,this._scrollActiveIntoView()}else e.key==="Enter"?this._open&&this._activeIndex>=0&&this._activeIndex<t.length&&(e.preventDefault(),this._selectSuggestion(t[this._activeIndex])):e.key==="Escape"&&this._open&&(e.preventDefault(),this._open=!1)}_scrollActiveIntoView(){requestAnimationFrame(()=>{var t;const e=(t=this.shadowRoot)==null?void 0:t.querySelector(".option--active");e==null||e.scrollIntoView({block:"nearest"})})}_selectSuggestion(e){var t;this.value=e.value,this._inputEl&&(this._inputEl.value=e.value),this._open=!1,this.dispatchEvent(new CustomEvent(d5,{detail:this.value,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent(O3,{detail:e,bubbles:!0,composed:!0})),(t=this._inputEl)==null||t.focus()}_onClear(){var e;this.value="",this._inputEl&&(this._inputEl.value=""),this._activeIndex=-1,this.dispatchEvent(new CustomEvent(d5,{detail:"",bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent(F3,{bubbles:!0,composed:!0})),(e=this._inputEl)==null||e.focus()}_updatePosition(){var k;const e=(k=this.shadowRoot)==null?void 0:k.querySelector(".input-wrapper"),t=this._panelEl;if(!e||!t)return;const i=e.getBoundingClientRect(),o=t.style.transform;t.style.transform="none";const r=t.getBoundingClientRect();t.style.transform=o;const l=t.querySelector(".panel__inner");l&&(l.style.minWidth=`${i.width}px`);const d=t.getBoundingClientRect(),C=4,u=window.innerWidth,g=window.innerHeight,
|
|
2710
|
+
`;let K=t4;u1([a({type:Boolean,reflect:!0})],K.prototype,"open"),u1([a()],K.prototype,"heading"),u1([a({type:Boolean,attribute:"hide-header"})],K.prototype,"hideHeader"),u1([a({type:Boolean,attribute:"hide-footer"})],K.prototype,"hideFooter"),u1([a({attribute:"default-width"})],K.prototype,"defaultWidth"),u1([a({reflect:!0})],K.prototype,"placement"),u1([a({type:Boolean,attribute:"allow-interact-outside"})],K.prototype,"allowInteractOutside"),u1([m()],K.prototype,"_leaving"),u1([m()],K.prototype,"_width"),customElements.get("anduin-drawer")||customElements.define("anduin-drawer",K);class I3 extends HTMLElement{constructor(){super(...arguments),this._onClick=()=>{this.dispatchEvent(new CustomEvent(C2,{bubbles:!0,composed:!0}))}}connectedCallback(){this.style.display="contents",this.addEventListener("click",this._onClick)}disconnectedCallback(){this.removeEventListener("click",this._onClick)}}customElements.get("anduin-drawer-close")||customElements.define("anduin-drawer-close",I3);var W7=Object.defineProperty,A=(n,e,t,i)=>{for(var o=void 0,r=n.length-1,l;r>=0;r--)(l=n[r])&&(o=l(e,t,o)||o);return o&&W7(e,t,o),o};const d5="anduin-suggestion:change",O3="anduin-suggestion:select",F3="anduin-suggestion:clear",o4=class o4 extends p{constructor(){super(...arguments),this.value="",this.size="default",this.disabled=!1,this.readonly=!1,this.placeholder="",this.inputid="",this.status="",this.startIcon="",this.endIcon="",this.clearable=!1,this.suggestions=[],this.filter=!1,this.hideWhenEmpty=!1,this.emptyText="No suggestions",this._open=!1,this._activeIndex=-1,this._onDocumentMouseDown=e=>{var t;!this.contains(e.target)&&!((t=this.shadowRoot)!=null&&t.contains(e.target))&&(this._open=!1)},this._onScrollOrResize=()=>{this._open&&this._updatePosition()}}connectedCallback(){super.connectedCallback(),document.addEventListener("mousedown",this._onDocumentMouseDown),window.addEventListener("scroll",this._onScrollOrResize,{passive:!0,capture:!0}),window.addEventListener("resize",this._onScrollOrResize);const e=this.closest("anduin-field");e&&e.addEventListener(s1,t=>{var o;const i=t;this.inputid&&this.inputid===i.detail&&((o=this._inputEl)==null||o.focus())})}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("mousedown",this._onDocumentMouseDown),window.removeEventListener("scroll",this._onScrollOrResize,{capture:!0}),window.removeEventListener("resize",this._onScrollOrResize)}updated(e){this._inputEl&&this._inputEl.value!==this.value&&(this._inputEl.value=this.value),this._open&&(e.has("_open")||e.has("value"))&&requestAnimationFrame(()=>this._updatePosition())}_normalized(){return this.suggestions.map(e=>typeof e=="string"?{value:e,label:e}:{label:e.value,...e})}get _filteredSuggestions(){const e=this._normalized();if(!this.filter||!this.value)return e;const t=this.value.toLowerCase();return e.filter(i=>(i.label??i.value).toLowerCase().includes(t))}_openPanel(){this.disabled||this.readonly||(this._open=!0,this._activeIndex=-1)}_onFocus(){this._openPanel()}_onInput(){this.value=this._inputEl.value,this._open||this._openPanel(),this._activeIndex=-1,this.dispatchEvent(new CustomEvent(d5,{detail:this.value,bubbles:!0,composed:!0}))}_onKeyDown(e){const t=this._filteredSuggestions;if(e.key==="ArrowDown"){if(e.preventDefault(),!this._open){this._openPanel();return}if(t.length===0)return;this._activeIndex=(this._activeIndex+1)%t.length,this._scrollActiveIntoView()}else if(e.key==="ArrowUp"){if(e.preventDefault(),!this._open){this._openPanel();return}if(t.length===0)return;this._activeIndex=this._activeIndex<=0?t.length-1:this._activeIndex-1,this._scrollActiveIntoView()}else e.key==="Enter"?this._open&&this._activeIndex>=0&&this._activeIndex<t.length&&(e.preventDefault(),this._selectSuggestion(t[this._activeIndex])):e.key==="Escape"&&this._open&&(e.preventDefault(),this._open=!1)}_scrollActiveIntoView(){requestAnimationFrame(()=>{var t;const e=(t=this.shadowRoot)==null?void 0:t.querySelector(".option--active");e==null||e.scrollIntoView({block:"nearest"})})}_selectSuggestion(e){var t;this.value=e.value,this._inputEl&&(this._inputEl.value=e.value),this._open=!1,this.dispatchEvent(new CustomEvent(d5,{detail:this.value,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent(O3,{detail:e,bubbles:!0,composed:!0})),(t=this._inputEl)==null||t.focus()}_onClear(){var e;this.value="",this._inputEl&&(this._inputEl.value=""),this._activeIndex=-1,this.dispatchEvent(new CustomEvent(d5,{detail:"",bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent(F3,{bubbles:!0,composed:!0})),(e=this._inputEl)==null||e.focus()}_updatePosition(){var k;const e=(k=this.shadowRoot)==null?void 0:k.querySelector(".input-wrapper"),t=this._panelEl;if(!e||!t)return;const i=e.getBoundingClientRect(),o=t.style.transform;t.style.transform="none";const r=t.getBoundingClientRect();t.style.transform=o;const l=t.querySelector(".panel__inner");l&&(l.style.minWidth=`${i.width}px`);const d=t.getBoundingClientRect(),C=4,u=window.innerWidth,g=window.innerHeight,f=8,H=g-i.bottom-C,y=i.top-C,L=d.height<=H||H>=y?i.bottom+C:i.top-d.height-C;let b=i.left;b=Math.max(f,Math.min(b,u-d.width-f));const Z=Math.max(f,Math.min(L,g-d.height-f));t.style.transform=`translate(${Math.round(b-r.left)}px, ${Math.round(Z-r.top)}px)`}render(){const e=this.size==="small"?"input--small":this.size==="large"?"input--large":"input--default",t=this.status?`input--${this.status}`:"",i=!!this.startIcon,o=!!this.endIcon||this.clearable&&!!this.value,r=this.clearable&&!!this.value&&!this.disabled&&!this.readonly,l=this.size==="small"?"12":this.size==="large"?"20":"16",d=this.size==="small"?"10":this.size==="large"?"16":"14",C=this._filteredSuggestions,u=this._open&&(!this.hideWhenEmpty||C.length>0);return s`
|
|
2701
2711
|
<div class="input-wrapper">
|
|
2702
2712
|
${i?s`
|
|
2703
2713
|
<span class="input__start">
|
|
@@ -2743,12 +2753,12 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
2743
2753
|
<div class="panel${u?" panel--open":""}" part="panel">
|
|
2744
2754
|
<div class="panel__inner" role="listbox">
|
|
2745
2755
|
<div class="options">
|
|
2746
|
-
${C.length?C.map((g,
|
|
2756
|
+
${C.length?C.map((g,f)=>s`
|
|
2747
2757
|
<div
|
|
2748
|
-
class="option${
|
|
2758
|
+
class="option${f===this._activeIndex?" option--active":""}"
|
|
2749
2759
|
role="option"
|
|
2750
|
-
aria-selected=${
|
|
2751
|
-
@mouseenter=${()=>{this._activeIndex=
|
|
2760
|
+
aria-selected=${f===this._activeIndex}
|
|
2761
|
+
@mouseenter=${()=>{this._activeIndex=f}}
|
|
2752
2762
|
@mousedown=${H=>{H.preventDefault(),this._selectSuggestion(g)}}
|
|
2753
2763
|
>
|
|
2754
2764
|
${g.icon?s`<anduin-icon name=${g.icon} size="16"></anduin-icon>`:h}
|
|
@@ -2758,7 +2768,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
2758
2768
|
</div>
|
|
2759
2769
|
</div>
|
|
2760
2770
|
</div>
|
|
2761
|
-
`}};o4.styles=
|
|
2771
|
+
`}};o4.styles=v`
|
|
2762
2772
|
:host { display: block; font-family: var(--font-sans); position: relative; }
|
|
2763
2773
|
|
|
2764
2774
|
.input-wrapper { position: relative; display: flex; align-items: center; }
|
|
@@ -2874,7 +2884,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
2874
2884
|
<div class="navigation navigation--${this.alignment}" role="navigation" part="navigation">
|
|
2875
2885
|
<slot @slotchange=${this.syncItems}></slot>
|
|
2876
2886
|
</div>
|
|
2877
|
-
`}};i4.styles=
|
|
2887
|
+
`}};i4.styles=v`
|
|
2878
2888
|
:host {
|
|
2879
2889
|
display: block;
|
|
2880
2890
|
font-family: var(--font-sans);
|
|
@@ -2936,7 +2946,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
2936
2946
|
aria-current="${this.selected?"page":"false"}"
|
|
2937
2947
|
@click=${this.onClick}
|
|
2938
2948
|
>${t}</button>
|
|
2939
|
-
`}};r4.styles=
|
|
2949
|
+
`}};r4.styles=v`
|
|
2940
2950
|
:host { display: inline-block; font-family: var(--font-sans); }
|
|
2941
2951
|
.nav-item {
|
|
2942
2952
|
box-sizing: border-box;
|
|
@@ -2984,21 +2994,21 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
2984
2994
|
<div class="panel-group ${this.isVertical?"panel-group--vertical":""}" part="panel-group">
|
|
2985
2995
|
<slot></slot>
|
|
2986
2996
|
</div>
|
|
2987
|
-
`}};n4.styles=
|
|
2997
|
+
`}};n4.styles=v`
|
|
2988
2998
|
:host { display: block; width: 100%; height: 100%; font-family: var(--font-sans); }
|
|
2989
2999
|
.panel-group {
|
|
2990
3000
|
display: flex; flex-direction: row;
|
|
2991
3001
|
width: 100%; height: 100%; min-width: 0; min-height: 0;
|
|
2992
3002
|
}
|
|
2993
3003
|
.panel-group--vertical { flex-direction: column; }
|
|
2994
|
-
`;let z2=n4;N1([a({reflect:!0})],z2.prototype,"orientation");const l4=class l4 extends p{constructor(){super(...arguments),this.defaultSize="",this.minSize="",this.maxSize="",this.applied=!1}updated(e){e.has("defaultSize")&&!this.applied&&this.applyDefaultSize()}applyDefaultSize(){const e=(this.defaultSize||"").trim();if(!e)return;this.applied=!0;const t=parseFloat(e);Number.isNaN(t)||(e.endsWith("%")?this.setGrow(t):this.style.flex=`0 0 ${t}px`)}setGrow(e){this.style.flex="",this.style.flexGrow=String(e),this.style.flexShrink="1",this.style.flexBasis="0"}axisSize(e){const t=this.getBoundingClientRect();return e?t.height:t.width}minPx(e){return K3(this.minSize,e,0)}maxPx(e){return K3(this.maxSize,e,e)}render(){return s`<div class="panel" part="panel"><slot></slot></div>`}};l4.styles=
|
|
3004
|
+
`;let z2=n4;N1([a({reflect:!0})],z2.prototype,"orientation");const l4=class l4 extends p{constructor(){super(...arguments),this.defaultSize="",this.minSize="",this.maxSize="",this.applied=!1}updated(e){e.has("defaultSize")&&!this.applied&&this.applyDefaultSize()}applyDefaultSize(){const e=(this.defaultSize||"").trim();if(!e)return;this.applied=!0;const t=parseFloat(e);Number.isNaN(t)||(e.endsWith("%")?this.setGrow(t):this.style.flex=`0 0 ${t}px`)}setGrow(e){this.style.flex="",this.style.flexGrow=String(e),this.style.flexShrink="1",this.style.flexBasis="0"}axisSize(e){const t=this.getBoundingClientRect();return e?t.height:t.width}minPx(e){return K3(this.minSize,e,0)}maxPx(e){return K3(this.maxSize,e,e)}render(){return s`<div class="panel" part="panel"><slot></slot></div>`}};l4.styles=v`
|
|
2995
3005
|
:host { display: block; flex: 1 1 0; min-width: 0; min-height: 0; overflow: hidden; font-family: var(--font-sans); }
|
|
2996
3006
|
.panel { width: 100%; height: 100%; overflow: hidden; }
|
|
2997
3007
|
`;let G1=l4;N1([a({attribute:"default-size"})],G1.prototype,"defaultSize"),N1([a({attribute:"min-size"})],G1.prototype,"minSize"),N1([a({attribute:"max-size"})],G1.prototype,"maxSize");const a4=class a4 extends p{constructor(){super(...arguments),this.withHandle=!1,this.groupVertical=!1,this.dragging=!1,this.group=null,this.startPos=0,this.startPrevPx=0,this.combinedPx=0,this.combinedGrow=0,this.activePointerId=null,this.onPointerDown=e=>{const t=this.closest("anduin-resizable-panel-group"),i=this.prevPanel,o=this.nextPanel;if(!t||!i||!o)return;e.preventDefault(),this.group=t,this.dragging=!0,this.activePointerId=e.pointerId,this.setPointerCapture(e.pointerId),t.normalizeToGrow();const r=t.isVertical;this.startPos=r?e.clientY:e.clientX,this.startPrevPx=i.axisSize(r),this.combinedPx=this.startPrevPx+o.axisSize(r),this.combinedGrow=(parseFloat(i.style.flexGrow)||0)+(parseFloat(o.style.flexGrow)||0),document.body.style.userSelect="none",document.body.style.cursor=r?"row-resize":"col-resize",window.addEventListener("pointermove",this.onPointerMove),window.addEventListener("pointerup",this.onPointerUp)},this.onPointerMove=e=>{if(!this.dragging||!this.group)return;const i=(this.group.isVertical?e.clientY:e.clientX)-this.startPos;this.resizeTo(this.startPrevPx+i)},this.onPointerUp=()=>{this.dragging&&(this.endDrag(),this.emitResize())},this.onKeyDown=e=>{const t=this.closest("anduin-resizable-panel-group");if(!t)return;const i=t.isVertical;let o=0;if(!i&&e.key==="ArrowRight")o=1;else if(!i&&e.key==="ArrowLeft")o=-1;else if(i&&e.key==="ArrowDown")o=1;else if(i&&e.key==="ArrowUp")o=-1;else return;const r=this.prevPanel,l=this.nextPanel;if(!r||!l)return;e.preventDefault(),this.group=t,t.normalizeToGrow();const d=r.axisSize(i);this.combinedPx=d+l.axisSize(i),this.combinedGrow=(parseFloat(r.style.flexGrow)||0)+(parseFloat(l.style.flexGrow)||0);const C=Math.max(t.axisSize*.02,8);this.resizeTo(d+o*C),this.emitResize()}}connectedCallback(){super.connectedCallback(),this.setAttribute("role","separator"),this.hasAttribute("tabindex")||this.setAttribute("tabindex","0"),this.addEventListener("pointerdown",this.onPointerDown),this.addEventListener("keydown",this.onKeyDown);const e=this.closest("anduin-resizable-panel-group");e&&this.setOrientation(e.isVertical)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("pointerdown",this.onPointerDown),this.removeEventListener("keydown",this.onKeyDown),this.endDrag()}setOrientation(e){this.groupVertical=e,this.setAttribute("aria-orientation",e?"horizontal":"vertical")}get prevPanel(){return j3(this.previousElementSibling)?this.previousElementSibling:null}get nextPanel(){return j3(this.nextElementSibling)?this.nextElementSibling:null}endDrag(){if(!(!this.dragging&&this.activePointerId===null)){if(this.dragging=!1,this.activePointerId!==null){try{this.releasePointerCapture(this.activePointerId)}catch{}this.activePointerId=null}document.body.style.userSelect="",document.body.style.cursor="",window.removeEventListener("pointermove",this.onPointerMove),window.removeEventListener("pointerup",this.onPointerUp)}}resizeTo(e){const t=this.group,i=this.prevPanel,o=this.nextPanel;if(!t||!i||!o||this.combinedPx<=0)return;const r=t.axisSize,l=Math.max(i.minPx(r),this.combinedPx-o.maxPx(r),0),d=Math.min(i.maxPx(r),this.combinedPx-o.minPx(r),this.combinedPx),C=Math.max(l,Math.min(d,e)),u=this.combinedGrow*(C/this.combinedPx);i.setGrow(u),o.setGrow(this.combinedGrow-u)}emitResize(){const e=this.group,t=this.prevPanel,i=this.nextPanel;if(!e||!t||!i)return;const o=e.axisSize;if(o<=0)return;const r=e.isVertical;this.dispatchEvent(new CustomEvent(G3,{detail:{sizes:[t.axisSize(r)/o*100,i.axisSize(r)/o*100]},bubbles:!0,composed:!0}))}render(){const e=["handle",this.groupVertical?"handle--vertical":"",this.dragging?"handle--dragging":""].filter(Boolean).join(" ");return s`
|
|
2998
3008
|
<div class="${e}" part="handle">
|
|
2999
3009
|
${this.withHandle?s`<div class="handle__grip" part="grip"><anduin-icon name="ellipsisVertical" size="12" aria-label="Drag"></anduin-icon></div>`:h}
|
|
3000
3010
|
</div>
|
|
3001
|
-
`}};a4.styles=
|
|
3011
|
+
`}};a4.styles=v`
|
|
3002
3012
|
:host { display: block; flex: 0 0 auto; position: relative; z-index: 1; outline: none; font-family: var(--font-sans); }
|
|
3003
3013
|
.handle {
|
|
3004
3014
|
position: relative; display: flex; align-items: center; justify-content: center;
|
|
@@ -3063,7 +3073,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
3063
3073
|
`)}
|
|
3064
3074
|
</div>
|
|
3065
3075
|
</anduin-menu>
|
|
3066
|
-
`}};s4.styles=
|
|
3076
|
+
`}};s4.styles=v`
|
|
3067
3077
|
:host { display: inline-block; font-family: var(--font-sans); }
|
|
3068
3078
|
:host(:not([number-of-pages])),
|
|
3069
3079
|
:host([number-of-pages='0']),
|
|
@@ -3134,9 +3144,9 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
3134
3144
|
?disabled=${this.disabled}
|
|
3135
3145
|
@click=${this.onClick}
|
|
3136
3146
|
></anduin-button>
|
|
3137
|
-
`}};d4.styles=
|
|
3147
|
+
`}};d4.styles=v`
|
|
3138
3148
|
:host { display: inline-flex; }
|
|
3139
|
-
`;let P2=d4;u2([a({type:Boolean})],P2.prototype,"disabled");class Y3 extends P2{constructor(){super(...arguments),this.icon="chevronVerticalLeft",this.label="Go to first page",this.target="first"}}class q3 extends P2{constructor(){super(...arguments),this.icon="chevronVerticalRight",this.label="Go to last page",this.target="last"}}customElements.get("anduin-pagination")||customElements.define("anduin-pagination",p1),customElements.get("anduin-pagination-first-page")||customElements.define("anduin-pagination-first-page",Y3),customElements.get("anduin-pagination-last-page")||customElements.define("anduin-pagination-last-page",q3);const c4=class c4 extends p{render(){return s`<div class="timeline"><slot></slot></div>`}};c4.styles=
|
|
3149
|
+
`;let P2=d4;u2([a({type:Boolean})],P2.prototype,"disabled");class Y3 extends P2{constructor(){super(...arguments),this.icon="chevronVerticalLeft",this.label="Go to first page",this.target="first"}}class q3 extends P2{constructor(){super(...arguments),this.icon="chevronVerticalRight",this.label="Go to last page",this.target="last"}}customElements.get("anduin-pagination")||customElements.define("anduin-pagination",p1),customElements.get("anduin-pagination-first-page")||customElements.define("anduin-pagination-first-page",Y3),customElements.get("anduin-pagination-last-page")||customElements.define("anduin-pagination-last-page",q3);const c4=class c4 extends p{render(){return s`<div class="timeline"><slot></slot></div>`}};c4.styles=v`
|
|
3140
3150
|
:host {
|
|
3141
3151
|
display: block;
|
|
3142
3152
|
}
|
|
@@ -3154,7 +3164,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
3154
3164
|
<div class="item__rail"><div class="item__dot"></div></div>
|
|
3155
3165
|
<div class="item__content"><slot></slot></div>
|
|
3156
3166
|
</div>
|
|
3157
|
-
`}};C4.styles=
|
|
3167
|
+
`}};C4.styles=v`
|
|
3158
3168
|
/* Host padding-left: 29px positions the rail so the dot center
|
|
3159
3169
|
* (29 + 7 = 36px from left edge) aligns with the timeline axis. */
|
|
3160
3170
|
:host {
|
|
@@ -3243,7 +3253,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
3243
3253
|
:host(:last-child) .item__content {
|
|
3244
3254
|
padding-bottom: 0;
|
|
3245
3255
|
}
|
|
3246
|
-
`;let h5=C4;const u4=class u4 extends p{render(){return s`<div class="date"><slot></slot></div>`}};u4.styles=
|
|
3256
|
+
`;let h5=C4;const u4=class u4 extends p{render(){return s`<div class="date"><slot></slot></div>`}};u4.styles=v`
|
|
3247
3257
|
:host {
|
|
3248
3258
|
display: block;
|
|
3249
3259
|
}
|
|
@@ -3254,12 +3264,12 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
3254
3264
|
line-height: 16px;
|
|
3255
3265
|
color: var(--color-muted-foreground);
|
|
3256
3266
|
}
|
|
3257
|
-
`;let p5=u4;const h4=class h4 extends p{render(){return s`<div class="title"><slot></slot></div>`}};h4.styles=
|
|
3267
|
+
`;let p5=u4;const h4=class h4 extends p{render(){return s`<div class="title"><slot></slot></div>`}};h4.styles=v`
|
|
3258
3268
|
/* Block-level element inheriting the parent's font size and color. */
|
|
3259
3269
|
:host {
|
|
3260
3270
|
display: block;
|
|
3261
3271
|
}
|
|
3262
|
-
`;let g5=h4;const p4=class p4 extends p{render(){return s`<div class="group__items"><slot></slot></div>`}};p4.styles=
|
|
3272
|
+
`;let g5=h4;const p4=class p4 extends p{render(){return s`<div class="group__items"><slot></slot></div>`}};p4.styles=v`
|
|
3263
3273
|
:host {
|
|
3264
3274
|
display: block;
|
|
3265
3275
|
}
|
|
@@ -3277,7 +3287,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
3277
3287
|
display: flex;
|
|
3278
3288
|
flex-direction: column;
|
|
3279
3289
|
}
|
|
3280
|
-
`;let
|
|
3290
|
+
`;let v5=p4;const g4=class g4 extends p{render(){return s`<div class="label-center"><div class="label-pill"><slot></slot></div></div>`}};g4.styles=v`
|
|
3281
3291
|
/* Sticky positioning keeps the label visible while scrolling. The gray-0
|
|
3282
3292
|
* background covers content behind it during scroll. z-index: 1 ensures the
|
|
3283
3293
|
* label sits above item dots and rails. */
|
|
@@ -3334,7 +3344,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
3334
3344
|
line-height: 16px;
|
|
3335
3345
|
font-weight: 600;
|
|
3336
3346
|
}
|
|
3337
|
-
`;let
|
|
3347
|
+
`;let f5=g4;customElements.get("anduin-timeline")||customElements.define("anduin-timeline",u5),customElements.get("anduin-timeline-item")||customElements.define("anduin-timeline-item",h5),customElements.get("anduin-timeline-date")||customElements.define("anduin-timeline-date",p5),customElements.get("anduin-timeline-title")||customElements.define("anduin-timeline-title",g5),customElements.get("anduin-timeline-group")||customElements.define("anduin-timeline-group",v5),customElements.get("anduin-timeline-label")||customElements.define("anduin-timeline-label",f5);var J7=Object.defineProperty,j1=(n,e,t,i)=>{for(var o=void 0,r=n.length-1,l;r>=0;r--)(l=n[r])&&(o=l(e,t,o)||o);return o&&J7(e,t,o),o};const X3="anduin-sidebar:select",v4=class v4 extends p{connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","navigation")}render(){return s`<div class="sidebar" part="sidebar"><slot></slot></div>`}};v4.styles=v`
|
|
3338
3348
|
:host {
|
|
3339
3349
|
display: flex;
|
|
3340
3350
|
flex-direction: column;
|
|
@@ -3348,7 +3358,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
3348
3358
|
flex: 1 1 auto;
|
|
3349
3359
|
min-height: 0;
|
|
3350
3360
|
}
|
|
3351
|
-
`;let b5=
|
|
3361
|
+
`;let b5=v4;const f4=class f4 extends p{render(){return s`<div class="sidebar-content" part="content"><slot></slot></div>`}};f4.styles=v`
|
|
3352
3362
|
:host {
|
|
3353
3363
|
display: flex;
|
|
3354
3364
|
flex-direction: column;
|
|
@@ -3362,7 +3372,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
3362
3372
|
gap: 12px;
|
|
3363
3373
|
padding: 12px 16px;
|
|
3364
3374
|
}
|
|
3365
|
-
`;let m5=
|
|
3375
|
+
`;let m5=f4;const b4=class b4 extends p{constructor(){super(...arguments),this.divider=!1}render(){return s`<div class="sidebar-header" part="header"><slot></slot></div>`}};b4.styles=v`
|
|
3366
3376
|
:host {
|
|
3367
3377
|
display: block;
|
|
3368
3378
|
flex: 0 0 auto;
|
|
@@ -3372,7 +3382,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
3372
3382
|
:host([divider]) {
|
|
3373
3383
|
border-bottom: 1px solid var(--color-border);
|
|
3374
3384
|
}
|
|
3375
|
-
`;let T2=b4;j1([a({type:Boolean,reflect:!0})],T2.prototype,"divider");const m4=class m4 extends p{constructor(){super(...arguments),this.divider=!1}render(){return s`<div class="sidebar-footer" part="footer"><slot></slot></div>`}};m4.styles=
|
|
3385
|
+
`;let T2=b4;j1([a({type:Boolean,reflect:!0})],T2.prototype,"divider");const m4=class m4 extends p{constructor(){super(...arguments),this.divider=!1}render(){return s`<div class="sidebar-footer" part="footer"><slot></slot></div>`}};m4.styles=v`
|
|
3376
3386
|
:host {
|
|
3377
3387
|
display: block;
|
|
3378
3388
|
flex: 0 0 auto;
|
|
@@ -3382,7 +3392,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
3382
3392
|
:host([divider]) {
|
|
3383
3393
|
border-top: 1px solid var(--color-border);
|
|
3384
3394
|
}
|
|
3385
|
-
`;let B2=m4;j1([a({type:Boolean,reflect:!0})],B2.prototype,"divider");const y4=class y4 extends p{render(){return s`<div class="sidebar-group" part="group" role="group"><slot></slot></div>`}};y4.styles=
|
|
3395
|
+
`;let B2=m4;j1([a({type:Boolean,reflect:!0})],B2.prototype,"divider");const y4=class y4 extends p{render(){return s`<div class="sidebar-group" part="group" role="group"><slot></slot></div>`}};y4.styles=v`
|
|
3386
3396
|
:host {
|
|
3387
3397
|
display: block;
|
|
3388
3398
|
}
|
|
@@ -3397,7 +3407,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
3397
3407
|
<slot name="badge" class="sidebar-group-label__badge"></slot>
|
|
3398
3408
|
<slot name="action" class="sidebar-group-label__action"></slot>
|
|
3399
3409
|
</div>
|
|
3400
|
-
`}};H4.styles=
|
|
3410
|
+
`}};H4.styles=v`
|
|
3401
3411
|
:host {
|
|
3402
3412
|
display: block;
|
|
3403
3413
|
}
|
|
@@ -3428,7 +3438,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
3428
3438
|
.sidebar-group-label__action {
|
|
3429
3439
|
padding-right: 6px;
|
|
3430
3440
|
}
|
|
3431
|
-
`;let H5=H4;const _4=class _4 extends p{render(){return s`<div class="sidebar-menu" part="menu"><slot></slot></div>`}};_4.styles=
|
|
3441
|
+
`;let H5=H4;const _4=class _4 extends p{render(){return s`<div class="sidebar-menu" part="menu"><slot></slot></div>`}};_4.styles=v`
|
|
3432
3442
|
:host {
|
|
3433
3443
|
display: block;
|
|
3434
3444
|
}
|
|
@@ -3467,7 +3477,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
3467
3477
|
${o}
|
|
3468
3478
|
<slot name="action" class="sidebar-menu-item__action"></slot>
|
|
3469
3479
|
</div>
|
|
3470
|
-
`}};L4.styles=
|
|
3480
|
+
`}};L4.styles=v`
|
|
3471
3481
|
:host {
|
|
3472
3482
|
display: block;
|
|
3473
3483
|
}
|
|
@@ -3490,7 +3500,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
3490
3500
|
color: var(--color-primary-subtle-foreground);
|
|
3491
3501
|
}
|
|
3492
3502
|
.sidebar-menu-item-wrapper--selected .sidebar-menu-item__icon {
|
|
3493
|
-
color: var(--color-primary);
|
|
3503
|
+
color: var(--color-primary-icon);
|
|
3494
3504
|
}
|
|
3495
3505
|
|
|
3496
3506
|
.sidebar-menu-item {
|
|
@@ -3549,7 +3559,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
3549
3559
|
align-items: center;
|
|
3550
3560
|
padding-right: 6px;
|
|
3551
3561
|
}
|
|
3552
|
-
`;let g1=L4;j1([a({attribute:"start-icon"})],g1.prototype,"startIcon"),j1([a({type:Boolean,reflect:!0})],g1.prototype,"selected"),j1([a({type:Boolean,reflect:!0})],g1.prototype,"disabled"),j1([a()],g1.prototype,"href"),j1([a({type:Boolean,attribute:"open-new-tab"})],g1.prototype,"openNewTab");const V4=class V4 extends p{connectedCallback(){super.connectedCallback(),this.hasAttribute("slot")||this.setAttribute("slot","action")}render(){return s`<div class="sidebar-action" part="action"><slot></slot></div>`}};V4.styles=
|
|
3562
|
+
`;let g1=L4;j1([a({attribute:"start-icon"})],g1.prototype,"startIcon"),j1([a({type:Boolean,reflect:!0})],g1.prototype,"selected"),j1([a({type:Boolean,reflect:!0})],g1.prototype,"disabled"),j1([a()],g1.prototype,"href"),j1([a({type:Boolean,attribute:"open-new-tab"})],g1.prototype,"openNewTab");const V4=class V4 extends p{connectedCallback(){super.connectedCallback(),this.hasAttribute("slot")||this.setAttribute("slot","action")}render(){return s`<div class="sidebar-action" part="action"><slot></slot></div>`}};V4.styles=v`
|
|
3553
3563
|
:host {
|
|
3554
3564
|
display: flex;
|
|
3555
3565
|
align-items: center;
|
|
@@ -3558,7 +3568,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
3558
3568
|
display: flex;
|
|
3559
3569
|
align-items: center;
|
|
3560
3570
|
}
|
|
3561
|
-
`;let L5=V4;const x4=class x4 extends p{connectedCallback(){super.connectedCallback(),this.hasAttribute("slot")||this.setAttribute("slot","badge")}render(){return s`<div class="sidebar-badge" part="badge"><slot></slot></div>`}};x4.styles=
|
|
3571
|
+
`;let L5=V4;const x4=class x4 extends p{connectedCallback(){super.connectedCallback(),this.hasAttribute("slot")||this.setAttribute("slot","badge")}render(){return s`<div class="sidebar-badge" part="badge"><slot></slot></div>`}};x4.styles=v`
|
|
3562
3572
|
:host {
|
|
3563
3573
|
display: flex;
|
|
3564
3574
|
align-items: center;
|
|
@@ -3567,7 +3577,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
3567
3577
|
display: flex;
|
|
3568
3578
|
align-items: center;
|
|
3569
3579
|
}
|
|
3570
|
-
`;let V5=x4;const w4=class w4 extends p{connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","separator")}render(){return s`<div class="sidebar-separator" part="separator"></div>`}};w4.styles=
|
|
3580
|
+
`;let V5=x4;const w4=class w4 extends p{connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","separator")}render(){return s`<div class="sidebar-separator" part="separator"></div>`}};w4.styles=v`
|
|
3571
3581
|
:host {
|
|
3572
3582
|
display: block;
|
|
3573
3583
|
}
|
|
@@ -3575,7 +3585,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
3575
3585
|
height: 1px;
|
|
3576
3586
|
background-color: var(--color-border);
|
|
3577
3587
|
}
|
|
3578
|
-
`;let x5=w4;customElements.get("anduin-sidebar")||customElements.define("anduin-sidebar",b5),customElements.get("anduin-sidebar-content")||customElements.define("anduin-sidebar-content",m5),customElements.get("anduin-sidebar-header")||customElements.define("anduin-sidebar-header",T2),customElements.get("anduin-sidebar-footer")||customElements.define("anduin-sidebar-footer",B2),customElements.get("anduin-sidebar-group")||customElements.define("anduin-sidebar-group",y5),customElements.get("anduin-sidebar-group-label")||customElements.define("anduin-sidebar-group-label",H5),customElements.get("anduin-sidebar-menu")||customElements.define("anduin-sidebar-menu",_5),customElements.get("anduin-sidebar-menu-item")||customElements.define("anduin-sidebar-menu-item",g1),customElements.get("anduin-sidebar-action")||customElements.define("anduin-sidebar-action",L5),customElements.get("anduin-sidebar-badge")||customElements.define("anduin-sidebar-badge",V5),customElements.get("anduin-sidebar-separator")||customElements.define("anduin-sidebar-separator",x5);function P(n){if(!n)return null;const e=/^(\d{4})-(\d{1,2})-(\d{1,2})$/.exec(n.trim());if(!e)return null;const[t,i,o]=[Number(e[1]),Number(e[2]),Number(e[3])],r=new Date(t,i-1,o);return r.getFullYear()!==t||r.getMonth()!==i-1||r.getDate()!==o?null:r}function V1(n){const e=t=>String(t).padStart(2,"0");return`${n.getFullYear()}-${e(n.getMonth()+1)}-${e(n.getDate())}`}function K1(){const n=new Date;return new Date(n.getFullYear(),n.getMonth(),n.getDate())}function
|
|
3588
|
+
`;let x5=w4;customElements.get("anduin-sidebar")||customElements.define("anduin-sidebar",b5),customElements.get("anduin-sidebar-content")||customElements.define("anduin-sidebar-content",m5),customElements.get("anduin-sidebar-header")||customElements.define("anduin-sidebar-header",T2),customElements.get("anduin-sidebar-footer")||customElements.define("anduin-sidebar-footer",B2),customElements.get("anduin-sidebar-group")||customElements.define("anduin-sidebar-group",y5),customElements.get("anduin-sidebar-group-label")||customElements.define("anduin-sidebar-group-label",H5),customElements.get("anduin-sidebar-menu")||customElements.define("anduin-sidebar-menu",_5),customElements.get("anduin-sidebar-menu-item")||customElements.define("anduin-sidebar-menu-item",g1),customElements.get("anduin-sidebar-action")||customElements.define("anduin-sidebar-action",L5),customElements.get("anduin-sidebar-badge")||customElements.define("anduin-sidebar-badge",V5),customElements.get("anduin-sidebar-separator")||customElements.define("anduin-sidebar-separator",x5);function P(n){if(!n)return null;const e=/^(\d{4})-(\d{1,2})-(\d{1,2})$/.exec(n.trim());if(!e)return null;const[t,i,o]=[Number(e[1]),Number(e[2]),Number(e[3])],r=new Date(t,i-1,o);return r.getFullYear()!==t||r.getMonth()!==i-1||r.getDate()!==o?null:r}function V1(n){const e=t=>String(t).padStart(2,"0");return`${n.getFullYear()}-${e(n.getMonth()+1)}-${e(n.getDate())}`}function K1(){const n=new Date;return new Date(n.getFullYear(),n.getMonth(),n.getDate())}function v1(n,e){const t=n.getFullYear(),i=n.getMonth()+e,o=new Date(t,i+1,0).getDate();return new Date(t,i,Math.min(n.getDate(),o))}function Q7(n,e){return new Date(n,e+1,0).getDate()}var e0=Object.defineProperty,a1=(n,e,t,i)=>{for(var o=void 0,r=n.length-1,l;r>=0;r--)(l=n[r])&&(o=l(e,t,o)||o);return o&&e0(e,t,o),o};const h2="anduin-calendar:change",w5="anduin-calendar:day-hover",J3=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],Q3=["January","February","March","April","May","June","July","August","September","October","November","December"],t0=["Su","Mo","Tu","We","Th","Fr","Sa"],et=["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"];function p2(n,e){return new Date(n.getFullYear(),n.getMonth(),n.getDate()+e)}function o0(n){const e=["th","st","nd","rd"],t=n%100;return`${n}${e[(t-20)%10]??e[t]??e[0]}`}const M4=class M4 extends p{constructor(){super(...arguments),this.value="",this.minDate="",this.maxDate="",this.rangeStart="",this.rangeEnd="",this.rangeMode=!1,this._viewMonth=K1().getMonth(),this._viewYear=K1().getFullYear(),this._focus="",this._openSelect=null,this._viewSeeded=!1,this._pendingFocus=!1,this._onOutsideClick=e=>{this._openSelect&&!e.composedPath().includes(this)&&(this._openSelect=null)}}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._onOutsideClick)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this._onOutsideClick)}willUpdate(e){if(e.has("value")){const t=P(this.value);if(t)this._viewYear=t.getFullYear(),this._viewMonth=t.getMonth(),this._viewSeeded=!0;else if(!this._viewSeeded){const i=K1();this._viewYear=i.getFullYear(),this._viewMonth=i.getMonth()}}}updated(){var t;if(!this._pendingFocus)return;this._pendingFocus=!1;const e=(t=this.shadowRoot)==null?void 0:t.querySelector('.calendar__day-button[tabindex="0"]');e==null||e.focus()}get _min(){return P(this.minDate)}get _max(){return P(this.maxDate)}_isDisabled(e){const t=this._min,i=this._max;return!!(t&&e.getTime()<t.getTime()||i&&e.getTime()>i.getTime())}_clamp(e){const t=this._min,i=this._max;return t&&e.getTime()<t.getTime()?t:i&&e.getTime()>i.getTime()?i:e}_shiftMonth(e){const t=v1(new Date(this._viewYear,this._viewMonth,1),e);this._viewYear=t.getFullYear(),this._viewMonth=t.getMonth(),this._viewSeeded=!0}_moveFocus(e,t){const i=this._clamp(t);this._isDisabled(i)||(this._focus=V1(i),(i.getMonth()!==e.getMonth()||i.getFullYear()!==e.getFullYear())&&(this._viewYear=i.getFullYear(),this._viewMonth=i.getMonth(),this._viewSeeded=!0),this._pendingFocus=!0)}_onGridKeyDown(e){const t=P(this._focus)??this._defaultFocusDate();switch(e.key){case"ArrowLeft":this._moveFocus(t,e.shiftKey?v1(t,-1):p2(t,-1));break;case"ArrowRight":this._moveFocus(t,e.shiftKey?v1(t,1):p2(t,1));break;case"ArrowUp":this._moveFocus(t,e.shiftKey?v1(t,-12):p2(t,-7));break;case"ArrowDown":this._moveFocus(t,e.shiftKey?v1(t,12):p2(t,7));break;case"Home":this._moveFocus(t,p2(t,-t.getDay()));break;case"End":this._moveFocus(t,p2(t,6-t.getDay()));break;case"PageUp":this._moveFocus(t,v1(t,e.shiftKey?-12:-1));break;case"PageDown":this._moveFocus(t,v1(t,e.shiftKey?12:1));break;case"Enter":case" ":this._isDisabled(t)||this._pick(t);break;default:return}e.preventDefault()}_pick(e){const t=V1(e);this.value=t,this._focus=t,this.dispatchEvent(new CustomEvent(h2,{detail:t,bubbles:!0,composed:!0}))}_emitHover(e){this.dispatchEvent(new CustomEvent(w5,{detail:e,bubbles:!0,composed:!0}))}_defaultFocusDate(){const e=P(this._focus);if(e&&e.getMonth()===this._viewMonth&&e.getFullYear()===this._viewYear)return e;const t=P(this.value);if(t&&t.getMonth()===this._viewMonth&&t.getFullYear()===this._viewYear)return t;const i=K1();return i.getMonth()===this._viewMonth&&i.getFullYear()===this._viewYear?i:this._clamp(new Date(this._viewYear,this._viewMonth,1))}get _yearOptions(){const e=this._min,t=this._max,i=e?e.getFullYear():this._viewYear-10,o=t?t.getFullYear():this._viewYear+10,r=Math.min(i,this._viewYear),l=Math.max(o,this._viewYear);return Array.from({length:l-r+1},(d,C)=>r+C)}_selectMonth(e){this._viewMonth=e,this._viewSeeded=!0,this._openSelect=null}_selectYear(e){this._viewYear=e,this._viewSeeded=!0,this._openSelect=null}_renderSelect(e,t,i,o,r){const l=this._openSelect===e;return s`
|
|
3579
3589
|
<div class="calendar__select">
|
|
3580
3590
|
<anduin-button
|
|
3581
3591
|
appearance="text"
|
|
@@ -3600,7 +3610,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
3600
3610
|
</div>
|
|
3601
3611
|
`:h}
|
|
3602
3612
|
</div>
|
|
3603
|
-
`}render(){const e=V1(K1()),t=P(this.value),i=P(this.rangeStart),o=P(this.rangeEnd),r=this.rangeMode||!!(i||o),l=V1(this._defaultFocusDate()),d=new Date(this._viewYear,this._viewMonth,1),C=new Date(this._viewYear,this._viewMonth+1,0).getDate(),u=d.getDay(),g=[...Array.from({length:u},()=>null),...Array.from({length:C},(L,b)=>b+1)];for(;g.length%7!==0;)g.push(null);const
|
|
3613
|
+
`}render(){const e=V1(K1()),t=P(this.value),i=P(this.rangeStart),o=P(this.rangeEnd),r=this.rangeMode||!!(i||o),l=V1(this._defaultFocusDate()),d=new Date(this._viewYear,this._viewMonth,1),C=new Date(this._viewYear,this._viewMonth+1,0).getDate(),u=d.getDay(),g=[...Array.from({length:u},()=>null),...Array.from({length:C},(L,b)=>b+1)];for(;g.length%7!==0;)g.push(null);const f=Array.from({length:g.length/7},(L,b)=>g.slice(b*7,b*7+7)),H=`${Q3[this._viewMonth]} ${this._viewYear}`,y=(()=>{const L=this._min;return L?new Date(this._viewYear,this._viewMonth,0).getTime()<L.getTime():!1})(),x=(()=>{const L=this._max;return L?new Date(this._viewYear,this._viewMonth+1,1).getTime()>L.getTime():!1})();return s`
|
|
3604
3614
|
<div class="calendar" part="calendar">
|
|
3605
3615
|
<div class="calendar__header" part="header">
|
|
3606
3616
|
<anduin-button
|
|
@@ -3642,9 +3652,9 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
3642
3652
|
</tr>
|
|
3643
3653
|
</thead>
|
|
3644
3654
|
<tbody>
|
|
3645
|
-
${
|
|
3655
|
+
${f.map(L=>s`
|
|
3646
3656
|
<tr>
|
|
3647
|
-
${L.map(b=>{if(b===null)return s`<td class="calendar__day-cell"></td>`;const Z=new Date(this._viewYear,this._viewMonth,b),k=V1(Z),B=Z.getTime(),o1=this._isDisabled(Z),F2=!!i&&B===i.getTime(),b1=!!o&&B===o.getTime(),
|
|
3657
|
+
${L.map(b=>{if(b===null)return s`<td class="calendar__day-cell"></td>`;const Z=new Date(this._viewYear,this._viewMonth,b),k=V1(Z),B=Z.getTime(),o1=this._isDisabled(Z),F2=!!i&&B===i.getTime(),b1=!!o&&B===o.getTime(),ft=!!i&&!!o&&B>i.getTime()&&B<o.getTime(),bt=!r&&!!t&&B===t.getTime(),C0=["calendar__day-cell",ft?"calendar__day-cell--in-range":"",F2&&o?"calendar__day-cell--range-start":"",b1&&i?"calendar__day-cell--range-end":""].filter(Boolean).join(" "),u0=["calendar__day-button",k===e?"calendar__day-button--today":"",bt?"calendar__day-button--selected":"",F2?"calendar__day-button--range-start":"",b1?"calendar__day-button--range-end":"",ft?"calendar__day-button--in-range":"",o1?"calendar__day-button--disabled":""].filter(Boolean).join(" ");return s`
|
|
3648
3658
|
<td
|
|
3649
3659
|
class="${C0}"
|
|
3650
3660
|
role="gridcell"
|
|
@@ -3667,7 +3677,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
3667
3677
|
</tbody>
|
|
3668
3678
|
</table>
|
|
3669
3679
|
</div>
|
|
3670
|
-
`}};M4.styles=
|
|
3680
|
+
`}};M4.styles=v`
|
|
3671
3681
|
:host { display: inline-block; font-family: var(--font-sans); }
|
|
3672
3682
|
|
|
3673
3683
|
.calendar { display: flex; flex-direction: column; font-family: inherit; font-size: 13px; }
|
|
@@ -3761,20 +3771,20 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
3761
3771
|
.calendar__day-button--range-end:hover { background-color: var(--color-primary-active); }
|
|
3762
3772
|
.calendar__day-button--in-range { color: var(--color-primary-subtle-foreground); }
|
|
3763
3773
|
.calendar__day-button--in-range:hover { background-color: var(--color-primary-subtle-active); }
|
|
3764
|
-
`;let N=M4;a1([a({reflect:!0})],N.prototype,"value"),a1([a({attribute:"min-date"})],N.prototype,"minDate"),a1([a({attribute:"max-date"})],N.prototype,"maxDate"),a1([a({attribute:"range-start"})],N.prototype,"rangeStart"),a1([a({attribute:"range-end"})],N.prototype,"rangeEnd"),a1([a({type:Boolean,attribute:"range-mode"})],N.prototype,"rangeMode"),a1([m()],N.prototype,"_viewMonth"),a1([m()],N.prototype,"_viewYear"),a1([m()],N.prototype,"_focus"),a1([m()],N.prototype,"_openSelect"),customElements.get("anduin-calendar")||customElements.define("anduin-calendar",N);var i0=Object.defineProperty,g2=(n,e,t,i)=>{for(var o=void 0,r=n.length-1,l;r>=0;r--)(l=n[r])&&(o=l(e,t,o)||o);return o&&i0(e,t,o),o};const tt="anduin-date-range:change",Z4=class Z4 extends p{constructor(){super(...arguments),this.startDate="",this.endDate="",this.minDate="",this.maxDate="",this._anchor=null,this._hover=null,this._panels=new Map,this._pushedValue=new Map,this._onCalendarChange=e=>{e.stopPropagation();const t=e.detail;if(!P(t))return;if(this._anchor===null){this._anchor=t,this._hover=null;return}const[i,o]=this._sorted(this._anchor,t);this._anchor=null,this._hover=null,this.startDate=i,this.endDate=o,this.dispatchEvent(new CustomEvent(tt,{detail:{startDate:i,endDate:o},bubbles:!0,composed:!0}))},this._onCalendarHover=e=>{e.stopPropagation(),this._anchor!==null&&(this._hover=e.detail)}}connectedCallback(){super.connectedCallback(),this.addEventListener(h2,this._onCalendarChange),this.addEventListener(w5,this._onCalendarHover)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener(h2,this._onCalendarChange),this.removeEventListener(w5,this._onCalendarHover)}updated(){this._sync()}registerPanel(e,t){this._panels.set(e,t),this._pushedValue.delete(e),this._sync()}unregisterPanel(e){for(const[t,i]of this._panels)i===e&&(this._panels.delete(t),this._pushedValue.delete(t))}_sync(){const[e,t]=this._displayedRange();for(const[i,o]of this._panels){const r=o.calendar;if(!r)continue;r.minDate=this.minDate,r.maxDate=this.maxDate,r.rangeStart=e,r.rangeEnd=t;const l=this._panelValue(i);this._pushedValue.get(i)!==l&&(this._pushedValue.set(i,l),r.value=l)}}_panelValue(e){const t=P(this.startDate)??K1();return V1(e==="start"?t:
|
|
3774
|
+
`;let N=M4;a1([a({reflect:!0})],N.prototype,"value"),a1([a({attribute:"min-date"})],N.prototype,"minDate"),a1([a({attribute:"max-date"})],N.prototype,"maxDate"),a1([a({attribute:"range-start"})],N.prototype,"rangeStart"),a1([a({attribute:"range-end"})],N.prototype,"rangeEnd"),a1([a({type:Boolean,attribute:"range-mode"})],N.prototype,"rangeMode"),a1([m()],N.prototype,"_viewMonth"),a1([m()],N.prototype,"_viewYear"),a1([m()],N.prototype,"_focus"),a1([m()],N.prototype,"_openSelect"),customElements.get("anduin-calendar")||customElements.define("anduin-calendar",N);var i0=Object.defineProperty,g2=(n,e,t,i)=>{for(var o=void 0,r=n.length-1,l;r>=0;r--)(l=n[r])&&(o=l(e,t,o)||o);return o&&i0(e,t,o),o};const tt="anduin-date-range:change",Z4=class Z4 extends p{constructor(){super(...arguments),this.startDate="",this.endDate="",this.minDate="",this.maxDate="",this._anchor=null,this._hover=null,this._panels=new Map,this._pushedValue=new Map,this._onCalendarChange=e=>{e.stopPropagation();const t=e.detail;if(!P(t))return;if(this._anchor===null){this._anchor=t,this._hover=null;return}const[i,o]=this._sorted(this._anchor,t);this._anchor=null,this._hover=null,this.startDate=i,this.endDate=o,this.dispatchEvent(new CustomEvent(tt,{detail:{startDate:i,endDate:o},bubbles:!0,composed:!0}))},this._onCalendarHover=e=>{e.stopPropagation(),this._anchor!==null&&(this._hover=e.detail)}}connectedCallback(){super.connectedCallback(),this.addEventListener(h2,this._onCalendarChange),this.addEventListener(w5,this._onCalendarHover)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener(h2,this._onCalendarChange),this.removeEventListener(w5,this._onCalendarHover)}updated(){this._sync()}registerPanel(e,t){this._panels.set(e,t),this._pushedValue.delete(e),this._sync()}unregisterPanel(e){for(const[t,i]of this._panels)i===e&&(this._panels.delete(t),this._pushedValue.delete(t))}_sync(){const[e,t]=this._displayedRange();for(const[i,o]of this._panels){const r=o.calendar;if(!r)continue;r.minDate=this.minDate,r.maxDate=this.maxDate,r.rangeStart=e,r.rangeEnd=t;const l=this._panelValue(i);this._pushedValue.get(i)!==l&&(this._pushedValue.set(i,l),r.value=l)}}_panelValue(e){const t=P(this.startDate)??K1();return V1(e==="start"?t:v1(t,1))}_displayedRange(){if(this._anchor===null)return[this.startDate,this.endDate];if(this._hover===null)return[this._anchor,""];const[e,t]=this._sorted(this._anchor,this._hover);return[e,t]}_sorted(e,t){const i=P(e),o=P(t);return!i||!o?[e,t]:i.getTime()<=o.getTime()?[e,t]:[t,e]}render(){return s`<div class="date-range" part="date-range"><slot></slot></div>`}};Z4.styles=v`
|
|
3765
3775
|
:host { display: inline-block; font-family: var(--font-sans); }
|
|
3766
|
-
`;let t1=Z4;g2([a({attribute:"start-date",reflect:!0})],t1.prototype,"startDate"),g2([a({attribute:"end-date",reflect:!0})],t1.prototype,"endDate"),g2([a({attribute:"min-date"})],t1.prototype,"minDate"),g2([a({attribute:"max-date"})],t1.prototype,"maxDate"),g2([m()],t1.prototype,"_anchor"),g2([m()],t1.prototype,"_hover");const k4=class k4 extends p{constructor(){super(...arguments),this._host=null}get calendar(){var e;return((e=this.shadowRoot)==null?void 0:e.querySelector("anduin-calendar"))??null}firstUpdated(){var e;this._host=this._findRangeHost(),(e=this._host)==null||e.registerPanel(this.panelRole,this)}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this._host)==null||e.unregisterPanel(this),this._host=null}_findRangeHost(){let e=this;for(;e;){if(e instanceof t1)return e;e=e instanceof ShadowRoot?e.host:e.parentNode}return null}render(){return s`<anduin-calendar part="calendar" range-mode></anduin-calendar>`}};k4.styles=
|
|
3776
|
+
`;let t1=Z4;g2([a({attribute:"start-date",reflect:!0})],t1.prototype,"startDate"),g2([a({attribute:"end-date",reflect:!0})],t1.prototype,"endDate"),g2([a({attribute:"min-date"})],t1.prototype,"minDate"),g2([a({attribute:"max-date"})],t1.prototype,"maxDate"),g2([m()],t1.prototype,"_anchor"),g2([m()],t1.prototype,"_hover");const k4=class k4 extends p{constructor(){super(...arguments),this._host=null}get calendar(){var e;return((e=this.shadowRoot)==null?void 0:e.querySelector("anduin-calendar"))??null}firstUpdated(){var e;this._host=this._findRangeHost(),(e=this._host)==null||e.registerPanel(this.panelRole,this)}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this._host)==null||e.unregisterPanel(this),this._host=null}_findRangeHost(){let e=this;for(;e;){if(e instanceof t1)return e;e=e instanceof ShadowRoot?e.host:e.parentNode}return null}render(){return s`<anduin-calendar part="calendar" range-mode></anduin-calendar>`}};k4.styles=v`
|
|
3767
3777
|
:host { display: inline-block; font-family: var(--font-sans); }
|
|
3768
3778
|
`;let I2=k4;class ot extends I2{constructor(){super(...arguments),this.panelRole="start"}}class it extends I2{constructor(){super(...arguments),this.panelRole="end"}}const R4=class R4 extends p{render(){return s`
|
|
3769
3779
|
<div class="date-range-default" part="layout">
|
|
3770
3780
|
<anduin-date-range-start part="start"></anduin-date-range-start>
|
|
3771
3781
|
<anduin-date-range-end part="end"></anduin-date-range-end>
|
|
3772
3782
|
</div>
|
|
3773
|
-
`}};R4.styles=
|
|
3783
|
+
`}};R4.styles=v`
|
|
3774
3784
|
:host { display: inline-block; font-family: var(--font-sans); }
|
|
3775
3785
|
|
|
3776
3786
|
.date-range-default { display: flex; flex-direction: row; gap: 16px; }
|
|
3777
|
-
`;let M5=R4;customElements.get("anduin-date-range")||customElements.define("anduin-date-range",t1),customElements.get("anduin-date-range-default")||customElements.define("anduin-date-range-default",M5),customElements.get("anduin-date-range-start")||customElements.define("anduin-date-range-start",ot),customElements.get("anduin-date-range-end")||customElements.define("anduin-date-range-end",it);var r0=Object.defineProperty,G=(n,e,t,i)=>{for(var o=void 0,r=n.length-1,l;r>=0;r--)(l=n[r])&&(o=l(e,t,o)||o);return o&&r0(e,t,o),o};const Z5="anduin-date-input:change",rt={M:"month",d:"day",y:"year"};function n0(n){const e=[];let t=0,i=0;for(;i<n.length;){const o=n[i],r=rt[o];if(!r){let d="";for(;i<n.length&&!rt[n[i]];)d+=n[i++];e.push({literal:d}),t+=d.length;continue}let l="";for(;i<n.length&&n[i]===o;)l+=n[i++];e.push({segment:{type:r,placeholder:l,length:l.length,start:t}}),t+=l.length}return e}function se(n){return n.type==="year"?10**n.length-1:n.length===1?9:n.type==="month"?12:31}const O2=1,E5=class E5 extends p{constructor(){super(...arguments),this.format="MM/dd/yyyy",this.value="",this.size="default",this.disabled=!1,this.readonly=!1,this.status="",this.startIcon="",this.minDate="",this.maxDate="",this.inputid="",this._digits=[],this._active=0,this._buffer="",this._pendingSelection=null,this._tokens=[],this._segments=[],this._onFieldLabelClick=e=>{const t=e.detail;this.inputid&&this.inputid===t&&this._focusSegment(0)}}connectedCallback(){super.connectedCallback();const e=this.closest("anduin-field");e==null||e.addEventListener(s1,this._onFieldLabelClick)}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this.closest("anduin-field"))==null||e.removeEventListener(s1,this._onFieldLabelClick)}willUpdate(e){e.has("format")?(this._tokens=n0(this.format),this._segments=this._tokens.flatMap(t=>"segment"in t?[t.segment]:[]),this._digits=this._segments.map(()=>null),this._active=0,this._buffer="",this.value&&this._adoptValue(this.value)):e.has("value")&&this.value!==this._composeValue()&&this._adoptValue(this.value)}updated(){const e=this._display();if(this._inputEl&&this._inputEl.value!==e&&(this._inputEl.value=e),this._pendingSelection&&this._inputEl){const[t,i]=this._pendingSelection;this._pendingSelection=null,this._inputEl.setSelectionRange(t,i)}}_adoptValue(e){const t=this._segments.map(i=>{const o=e.slice(i.start,i.start+i.length);return/^\d+$/.test(o)?o:null});this._digits=t,this._buffer=""}_display(){return this._tokens.map(e=>{if("literal"in e)return e.literal;const t=e.segment,i=this._segments.indexOf(t);return i===this._active&&this._buffer?this._buffer.padStart(t.length,"0"):this._digits[i]??t.placeholder}).join("")}_composeValue(){return!this._segments.length||this._digits.some(e=>e===null)?"":this._tokens.map(e=>"literal"in e?e.literal:this._digits[this._segments.indexOf(e.segment)]).join("")}_setDigits(e){if(this._digits=e,!this._composeValue()){this.value="";return}const i=this._clampToBounds(e);this._digits=i,this.value=this._composeValue(),this.dispatchEvent(new CustomEvent(Z5,{detail:this.value,bubbles:!0,composed:!0}))}_indexOfType(e){return this._segments.findIndex(t=>t.type===e)}_clampToBounds(e){const t=P(this.minDate),i=P(this.maxDate);if(!t&&!i)return e;const o=this._indexOfType("month"),r=this._indexOfType("day"),l=this._indexOfType("year");if(o<0||r<0||l<0)return e;const d=Number(e[l]),C=Number(e[o]),u=Number(e[r]),g=Math.min(u,Q7(d,C-1)),
|
|
3787
|
+
`;let M5=R4;customElements.get("anduin-date-range")||customElements.define("anduin-date-range",t1),customElements.get("anduin-date-range-default")||customElements.define("anduin-date-range-default",M5),customElements.get("anduin-date-range-start")||customElements.define("anduin-date-range-start",ot),customElements.get("anduin-date-range-end")||customElements.define("anduin-date-range-end",it);var r0=Object.defineProperty,G=(n,e,t,i)=>{for(var o=void 0,r=n.length-1,l;r>=0;r--)(l=n[r])&&(o=l(e,t,o)||o);return o&&r0(e,t,o),o};const Z5="anduin-date-input:change",rt={M:"month",d:"day",y:"year"};function n0(n){const e=[];let t=0,i=0;for(;i<n.length;){const o=n[i],r=rt[o];if(!r){let d="";for(;i<n.length&&!rt[n[i]];)d+=n[i++];e.push({literal:d}),t+=d.length;continue}let l="";for(;i<n.length&&n[i]===o;)l+=n[i++];e.push({segment:{type:r,placeholder:l,length:l.length,start:t}}),t+=l.length}return e}function se(n){return n.type==="year"?10**n.length-1:n.length===1?9:n.type==="month"?12:31}const O2=1,E5=class E5 extends p{constructor(){super(...arguments),this.format="MM/dd/yyyy",this.value="",this.size="default",this.disabled=!1,this.readonly=!1,this.status="",this.startIcon="",this.minDate="",this.maxDate="",this.inputid="",this._digits=[],this._active=0,this._buffer="",this._pendingSelection=null,this._tokens=[],this._segments=[],this._onFieldLabelClick=e=>{const t=e.detail;this.inputid&&this.inputid===t&&this._focusSegment(0)}}connectedCallback(){super.connectedCallback();const e=this.closest("anduin-field");e==null||e.addEventListener(s1,this._onFieldLabelClick)}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this.closest("anduin-field"))==null||e.removeEventListener(s1,this._onFieldLabelClick)}willUpdate(e){e.has("format")?(this._tokens=n0(this.format),this._segments=this._tokens.flatMap(t=>"segment"in t?[t.segment]:[]),this._digits=this._segments.map(()=>null),this._active=0,this._buffer="",this.value&&this._adoptValue(this.value)):e.has("value")&&this.value!==this._composeValue()&&this._adoptValue(this.value)}updated(){const e=this._display();if(this._inputEl&&this._inputEl.value!==e&&(this._inputEl.value=e),this._pendingSelection&&this._inputEl){const[t,i]=this._pendingSelection;this._pendingSelection=null,this._inputEl.setSelectionRange(t,i)}}_adoptValue(e){const t=this._segments.map(i=>{const o=e.slice(i.start,i.start+i.length);return/^\d+$/.test(o)?o:null});this._digits=t,this._buffer=""}_display(){return this._tokens.map(e=>{if("literal"in e)return e.literal;const t=e.segment,i=this._segments.indexOf(t);return i===this._active&&this._buffer?this._buffer.padStart(t.length,"0"):this._digits[i]??t.placeholder}).join("")}_composeValue(){return!this._segments.length||this._digits.some(e=>e===null)?"":this._tokens.map(e=>"literal"in e?e.literal:this._digits[this._segments.indexOf(e.segment)]).join("")}_setDigits(e){if(this._digits=e,!this._composeValue()){this.value="";return}const i=this._clampToBounds(e);this._digits=i,this.value=this._composeValue(),this.dispatchEvent(new CustomEvent(Z5,{detail:this.value,bubbles:!0,composed:!0}))}_indexOfType(e){return this._segments.findIndex(t=>t.type===e)}_clampToBounds(e){const t=P(this.minDate),i=P(this.maxDate);if(!t&&!i)return e;const o=this._indexOfType("month"),r=this._indexOfType("day"),l=this._indexOfType("year");if(o<0||r<0||l<0)return e;const d=Number(e[l]),C=Number(e[o]),u=Number(e[r]),g=Math.min(u,Q7(d,C-1)),f=new Date(d,C-1,g),H=t&&f.getTime()<t.getTime()?t:i&&f.getTime()>i.getTime()?i:null;if(!H){if(g===u)return e;const x=[...e];return x[r]=String(g).padStart(this._segments[r].length,"0"),x}const y=[...e];return y[l]=String(H.getFullYear()).padStart(this._segments[l].length,"0").slice(-this._segments[l].length),y[o]=String(H.getMonth()+1).padStart(this._segments[o].length,"0"),y[r]=String(H.getDate()).padStart(this._segments[r].length,"0"),y}_focusSegment(e){var i,o;const t=this._segments[e];t&&(this._flushBuffer(),this._active=e,this._buffer="",this._pendingSelection=[t.start,t.start+t.length],(i=this._inputEl)==null||i.focus(),(o=this._inputEl)==null||o.setSelectionRange(t.start,t.start+t.length))}_segmentAt(e){for(let t=0;t<this._segments.length;t++){const i=this._segments[t];if(e>=i.start&&e<=i.start+i.length)return t}return this._segments.length-1}_onSelectionIntent(){if(this.disabled||this.readonly||!this._inputEl)return;const e=this._inputEl.selectionStart??0;this._focusSegment(this._segmentAt(e))}_writeSegment(e,t){const i=this._segments[e];if(!i)return;const o=Math.min(Math.max(Number(t),O2),se(i)),r=[...this._digits];r[e]=String(o).padStart(i.length,"0"),this._buffer="",this._setDigits(r)}_flushBuffer(){this._buffer&&this._writeSegment(this._active,this._buffer)}_commitBuffer(e,t,i){this._writeSegment(e,t),i&&e<this._segments.length-1?this._focusSegment(e+1):this._focusSegment(e)}_typeDigit(e){const t=this._active,i=this._segments[t];if(!i)return;const o=this._buffer+e;if(i.length-o.length<=0){this._commitBuffer(t,o,!0);return}const l=Number(o.padEnd(i.length,"0")),d=Number(o.padEnd(i.length,"9"));if(l>se(i)||d<O2){this._commitBuffer(t,o,!0);return}this._buffer=o,this._pendingSelection=[i.start,i.start+i.length]}_step(e){const t=this._active,i=this._segments[t];if(!i)return;const o=se(i),r=this._digits[t];let l;r===null?l=e>0?O2:o:(l=Number(r)+e,l>o&&(l=O2),l<O2&&(l=o));const d=[...this._digits];d[t]=String(l).padStart(i.length,"0"),this._buffer="",this._setDigits(d),this._pendingSelection=[i.start,i.start+i.length]}_clearSegment(){const e=this._active,t=this._segments[e];if(!t)return;const i=[...this._digits];i[e]=null,this._buffer="",this._setDigits(i),this._pendingSelection=[t.start,t.start+t.length]}_onKeyDown(e){if(this.disabled||this.readonly)return;const t=this._segments.length-1;if(/^\d$/.test(e.key)&&!e.metaKey&&!e.ctrlKey&&!e.altKey){e.preventDefault(),this._typeDigit(e.key);return}switch(e.key){case"ArrowRight":this._active<t&&(e.preventDefault(),this._focusSegment(this._active+1));return;case"ArrowLeft":this._active>0&&(e.preventDefault(),this._focusSegment(this._active-1));return;case"ArrowUp":e.preventDefault(),this._step(1);return;case"ArrowDown":e.preventDefault(),this._step(-1);return;case"Backspace":case"Delete":e.preventDefault(),this._clearSegment();return;case"Tab":e.shiftKey&&this._active>0?(e.preventDefault(),this._focusSegment(this._active-1)):!e.shiftKey&&this._active<t&&(e.preventDefault(),this._focusSegment(this._active+1));return}}render(){const e=!!this.startIcon,t=["date-input-container",e?"date-input-container--has-icon":""].filter(Boolean).join(" "),i=["date-input",`date-input--${this.size}`,this.disabled?"date-input--disabled":"",this.readonly?"date-input--readonly":"",this.status?`date-input--${this.status}`:""].filter(Boolean).join(" "),o=this.size==="small"?"12":"16";return s`
|
|
3778
3788
|
<div class="${t}" part="container">
|
|
3779
3789
|
${e?s`<span class="date-input__icon" part="icon">
|
|
3780
3790
|
<anduin-icon name="${this.startIcon}" size="${o}"></anduin-icon>
|
|
@@ -3800,7 +3810,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
3800
3810
|
@drop=${r=>r.preventDefault()}
|
|
3801
3811
|
/>
|
|
3802
3812
|
</div>
|
|
3803
|
-
`}};E5.shadowRootOptions={...p.shadowRootOptions,delegatesFocus:!0},E5.styles=
|
|
3813
|
+
`}};E5.shadowRootOptions={...p.shadowRootOptions,delegatesFocus:!0},E5.styles=v`
|
|
3804
3814
|
:host { display: block; font-family: var(--font-sans); }
|
|
3805
3815
|
|
|
3806
3816
|
.date-input-container { position: relative; display: flex; align-items: center; }
|
|
@@ -3880,7 +3890,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
3880
3890
|
</div>
|
|
3881
3891
|
</anduin-popover>
|
|
3882
3892
|
</div>
|
|
3883
|
-
`}};E4.styles=
|
|
3893
|
+
`}};E4.styles=v`
|
|
3884
3894
|
:host { display: inline-block; font-family: var(--font-sans); }
|
|
3885
3895
|
|
|
3886
3896
|
.datepicker { display: block; }
|
|
@@ -3889,7 +3899,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
3889
3899
|
|
|
3890
3900
|
/* The popover contributes 8px; the calendar reads better with 16px total. */
|
|
3891
3901
|
.datepicker__panel { padding: 8px; display: flex; flex-direction: column; }
|
|
3892
|
-
`;let D=E4;U([a()],D.prototype,"format"),U([a()],D.prototype,"value"),U([a()],D.prototype,"size"),U([a({type:Boolean})],D.prototype,"disabled"),U([a({type:Boolean})],D.prototype,"readonly"),U([a()],D.prototype,"status"),U([a({attribute:"start-icon"})],D.prototype,"startIcon"),U([a({attribute:"min-date"})],D.prototype,"minDate"),U([a({attribute:"max-date"})],D.prototype,"maxDate"),U([a()],D.prototype,"placement"),U([a()],D.prototype,"inputid"),U([m()],D.prototype,"_open"),U([R("anduin-date-input")],D.prototype,"_inputEl"),U([R("anduin-popover")],D.prototype,"_popoverEl"),customElements.get("anduin-date-picker")||customElements.define("anduin-date-picker",D);var d0=Object.defineProperty,V=(n,e,t,i)=>{for(var o=void 0,r=n.length-1,l;r>=0;r--)(l=n[r])&&(o=l(e,t,o)||o);return o&&d0(e,t,o),o};const at="anduin-table:sort",st="anduin-table:column-click",dt="anduin-table:row-click",ct="anduin-table:selection-change",Ct="anduin-table:cell-context-menu",ut="anduin-table:row-expand",ht="anduin-table:row-collapse",pt="anduin-table:group-toggle",de="anduin-table:column-resize",gt=40,v1=n=>n.type==="selection",x1=(n,e)=>{if(!e)return;let t=n;for(const i of e.split(".")){if(t===null||typeof t!="object")return;t=t[i]}return t},c0=(n,e)=>n===e?0:n==null?1:e==null?-1:typeof n=="number"&&typeof e=="number"?n-e:typeof n=="boolean"&&typeof e=="boolean"?Number(n)-Number(e):n instanceof Date&&e instanceof Date?n.getTime()-e.getTime():String(n).localeCompare(String(e),void 0,{numeric:!0,sensitivity:"base"}),$4=class $4 extends p{constructor(){super(...arguments),this.columns=[],this.data=[],this.layout="fit-data",this.renderMode="basic",this.rowHeight=40,this.height="",this.maxHeight="",this.minHeight="",this.resizableColumns=!0,this.hideHeader=!1,this.loading=!1,this.selectable="clickable",this.indexColumn="id",this.columnAlign="left",this.columnVerticalAlign="middle",this.sortField="",this.sortDirection="asc",this.dataTree=!1,this.treeChildrenField="children",this.treeChildIndent=20,this.groupBy="",this.selectedRows=[],this.expandedKeys=new Set,this.collapsedGroups=new Set,this.virtualScrollTop=0,this.viewportHeight=0,this.scrolledX=!1,this.scrollableXEnd=!1,this.resizedWidths={},this.resizingKey="",this.rangeAnchorKey=null,this.isDraggingRange=!1,this.dragBaseKeys=[],this.dragSelects=!0,this.autoExpandedKeys=new Set,this.resizeDrag=null,this.resizeFrame=0,this.renderSelectedKeys=new Set,this.renderSelectableRows=[],this.cachedRenderRows=[],this.rowsDirty=!0,this.onWindowMouseUp=()=>{this.isDraggingRange=!1},this.onScroll=e=>{const t=e.currentTarget;this.renderMode==="virtual"&&(this.virtualScrollTop=t.scrollTop),this.syncHorizontalScrollState()},this.onResizeMove=e=>{const t=this.resizeDrag;if(!t)return;const i=48;t.width=Math.max(i,t.startWidth+(e.clientX-t.startX)),!this.resizeFrame&&(this.resizeFrame=requestAnimationFrame(()=>{this.resizeFrame=0,this.resizeDrag&&(this.resizedWidths={...this.resizedWidths,[t.key]:t.width})}))},this.onResizeEnd=e=>{const t=this.resizeDrag;t&&(this.resizeFrame&&(cancelAnimationFrame(this.resizeFrame),this.resizeFrame=0),this.resizedWidths={...this.resizedWidths,[t.key]:t.width},this.resizeDrag=null,this.resizingKey="",this.dispatchEvent(new CustomEvent(de,{detail:{column:e,field:t.key,width:t.width},bubbles:!0,composed:!0})))}}connectedCallback(){super.connectedCallback(),window.addEventListener("mouseup",this.onWindowMouseUp)}disconnectedCallback(){var e;super.disconnectedCallback(),window.removeEventListener("mouseup",this.onWindowMouseUp),(e=this.resizeObserver)==null||e.disconnect(),this.resizeObserver=void 0}firstUpdated(){const e=this.scrollEl;e&&(this.resizeObserver=new ResizeObserver(()=>{this.viewportHeight=e.clientHeight,this.syncHorizontalScrollState()}),this.resizeObserver.observe(e),this.viewportHeight=e.clientHeight)}willUpdate(e){["data","columns","sortField","sortDirection","groupBy","dataTree","treeChildrenField","indexColumn","onStartExpanded","isRowDisabled","selectedRows","expandedKeys","collapsedGroups"].some(i=>e.has(i))&&(this.rowsDirty=!0),this.rowsDirty&&(this.cachedRenderRows=this.buildRenderRows(),this.renderSelectedKeys=this.selectedKeySet,this.renderSelectableRows=this.cachedRenderRows.filter(i=>i.kind==="row"&&!this.rowIsDisabled(i.data)),this.rowsDirty=!1)}updated(e){this.applyFrozenOffsets(),(e.has("data")||e.has("columns"))&&this.syncHorizontalScrollState()}get scrollEl(){return this.renderRoot.querySelector(".table__scroll")}keyFor(e,t){const i=x1(e,this.indexColumn);return i==null?`__index:${t}`:String(i)}get selectedKeySet(){const e=new Set;return this.selectedRows.forEach((t,i)=>e.add(this.keyFor(t,i))),e}rowIsDisabled(e){return this.isRowDisabled?this.isRowDisabled(e):!1}get frozenSides(){const e=this.columns,t=e.map(()=>null);for(let i=0;i<e.length;i++){const o=e[i].isFrozen;if(!o)break;t[i]=o==="right"?"right":"left"}for(let i=e.length-1;i>=0;i--){const o=e[i].isFrozen;if(!o)break;t[i]===null&&(t[i]=o==="left"?"left":"right")}for(let i=0;i<e.length;i++){const o=e[i].isFrozen;(o==="left"||o==="right")&&(t[i]=o)}return t}applyFrozenOffsets(){const e=this.frozenSides;if(!e.some(Boolean))return;const t=Array.from(this.renderRoot.querySelectorAll("thead th[data-col]"));if(t.length===0)return;const i=t.map(C=>C.getBoundingClientRect().width),o=e.map(()=>null);let r=0;for(let C=0;C<e.length;C++)e[C]==="left"&&(o[C]=r,r+=i[C]??0);let l=0;for(let C=e.length-1;C>=0;C--)e[C]==="right"&&(o[C]=l,l+=i[C]??0);this.renderRoot.querySelectorAll("[data-col]").forEach(C=>{const u=Number(C.dataset.col),g=e[u],v=o[u];!g||v===null||(C.style[g]=`${v}px`)})}get sortedColumn(){if(this.sortField)return this.columns.find(e=>!v1(e)&&e.field===this.sortField)}sortRows(e){const t=this.sortedColumn;if(!t)return e;const i=this.sortDirection==="desc"?-1:1,o=t.sortWith?(r,l)=>t.sortWith({a:r,b:l}):(r,l)=>c0(x1(r,t.field),x1(l,t.field));return[...e].sort((r,l)=>o(r,l)*i)}onHeaderClick(e){if(this.dispatchEvent(new CustomEvent(st,{detail:{column:e},bubbles:!0,composed:!0})),!e.isSortable)return;let t=e.field,i="asc";this.sortField===e.field&&(this.sortDirection==="asc"?i="desc":(t="",i=null)),this.sortField=t,i&&(this.sortDirection=i),this.dispatchEvent(new CustomEvent(at,{detail:{field:t,direction:i,column:e},bubbles:!0,composed:!0}))}buildRenderRows(){return this.groupBy?this.buildGroupedRows():this.buildFlatRows(this.sortRows(this.data),0)}buildFlatRows(e,t){const i=[];return e.forEach((o,r)=>{const l=this.keyFor(o,r),d=this.dataTree?x1(o,this.treeChildrenField):void 0,C=Array.isArray(d)&&d.length>0,u=C&&this.isExpanded(l,o);i.push({kind:"row",data:o,key:l,depth:t,hasChildren:C,expanded:u}),u&&i.push(...this.buildFlatRows(this.sortRows(d),t+1))}),i}buildGroupedRows(){const e=new Map;this.data.forEach(i=>{const o=x1(i,this.groupBy),r=String(o),l=e.get(r);l?l.rows.push(i):e.set(r,{value:o,rows:[i]})});const t=[];return e.forEach(({value:i,rows:o},r)=>{const l=!this.collapsedGroups.has(r);t.push({kind:"group",key:r,value:i,rows:o,expanded:l}),l&&t.push(...this.buildFlatRows(this.sortRows(o),0))}),t}isExpanded(e,t){return this.expandedKeys.has(e)?!0:this.onStartExpanded&&!this.autoExpandedKeys.has(e)&&(this.autoExpandedKeys.add(e),this.onStartExpanded(t))?(this.expandedKeys.add(e),!0):!1}toggleTreeRow(e){const t=!e.expanded,i=new Set(this.expandedKeys);t?i.add(e.key):i.delete(e.key),this.expandedKeys=i,this.dispatchEvent(new CustomEvent(t?ut:ht,{detail:{data:e.data,key:e.key,expanded:t},bubbles:!0,composed:!0}))}toggleGroup(e){const t=!e.expanded,i=new Set(this.collapsedGroups);t?i.delete(e.key):i.add(e.key),this.collapsedGroups=i,this.dispatchEvent(new CustomEvent(pt,{detail:{value:e.value,rows:e.rows,expanded:t},bubbles:!0,composed:!0}))}expandAll(){const e=new Set,t=i=>{i.forEach((o,r)=>{const l=x1(o,this.treeChildrenField);Array.isArray(l)&&l.length>0&&(e.add(this.keyFor(o,r)),t(l))})};t(this.data),this.expandedKeys=e}collapseAll(){this.expandedKeys=new Set}get selectableRows(){return this.buildRenderRows().filter(e=>e.kind==="row"&&!this.rowIsDisabled(e.data))}commitSelection(e){const t=new Map,i=r=>{r.forEach((l,d)=>{t.set(this.keyFor(l,d),l);const C=this.dataTree?x1(l,this.treeChildrenField):void 0;Array.isArray(C)&&i(C)})};i(this.data);const o=[...e].filter(r=>t.has(r));this.selectedRows=o.map(r=>t.get(r)),this.dispatchEvent(new CustomEvent(ct,{detail:{selectedRows:this.selectedRows,selectedKeys:o},bubbles:!0,composed:!0}))}setRowSelected(e,t){if(this.rowIsDisabled(e.data))return;const i=this.selectedKeySet;t?i.add(e.key):i.delete(e.key),this.rangeAnchorKey=e.key,this.commitSelection(i)}toggleAllRows(e){const t=this.selectedKeySet;this.selectableRows.forEach(i=>{e?t.add(i.key):t.delete(i.key)}),this.commitSelection(t)}selectRange(e,t,i){const o=this.selectableRows,r=o.findIndex(v=>v.key===e.key);if(r<0)return;const l=this.rangeAnchorKey?o.findIndex(v=>v.key===this.rangeAnchorKey):-1,d=l<0?r:l,[C,u]=d<=r?[d,r]:[r,d],g=new Set(i);for(let v=C;v<=u;v++)t?g.add(o[v].key):g.delete(o[v].key);this.commitSelection(g)}onRowMouseDown(e,t){this.selectable!=="selectable-by-dragging"||!e.shiftKey||this.rowIsDisabled(t.data)||(e.preventDefault(),this.isDraggingRange=!0,this.dragBaseKeys=[...this.selectedKeySet],this.dragSelects=!this.selectedKeySet.has(t.key),this.rangeAnchorKey=t.key,this.selectRange(t,this.dragSelects,this.dragBaseKeys))}onRowMouseEnter(e){this.isDraggingRange&&this.selectRange(e,this.dragSelects,this.dragBaseKeys)}onRowClick(e,t,i){this.dispatchEvent(new CustomEvent(dt,{detail:{data:t.data,key:t.key,index:i,originalEvent:e},bubbles:!0,composed:!0}));const o=this.selectable;if(o==="unselectable"||o==="clickable"||this.rowIsDisabled(t.data))return;const r=this.selectedKeySet.has(t.key);if(o==="selectable-by-clicking"&&e.shiftKey){this.selectRange(t,!0,e.metaKey||e.ctrlKey?[...this.selectedKeySet]:[]);return}if(o==="selectable-by-clicking"&&!(e.metaKey||e.ctrlKey)){this.rangeAnchorKey=t.key,this.commitSelection(new Set(r&&this.selectedRows.length===1?[]:[t.key]));return}this.setRowSelected(t,!r)}onCellContextMenu(e,t,i,o){this.dispatchEvent(new CustomEvent(Ct,{detail:{data:t.data,key:t.key,index:i,column:o,x:e.clientX,y:e.clientY,originalEvent:e},bubbles:!0,composed:!0,cancelable:!0}))}syncHorizontalScrollState(){const e=this.scrollEl;e&&(this.scrolledX=e.scrollLeft>0,this.scrollableXEnd=Math.ceil(e.scrollLeft+e.clientWidth)<e.scrollWidth)}columnKey(e,t){return v1(e)?`__selection:${t}`:e.field||`__col:${t}`}widthFor(e,t){return this.resizedWidths[this.columnKey(e,t)]??e.width}isStretchColumn(e,t){return this.layout!=="fit-data-stretch"||t!==this.columns.length-1?!1:this.resizedWidths[this.columnKey(e,t)]===void 0}sizingClass(e,t){return this.isStretchColumn(e,t)?"table__cell--stretch":this.widthFor(e,t)?"table__cell--sized":""}cellStyle(e,t){if(this.isStretchColumn(e,t))return"width:100%";const i=this.widthFor(e,t),o=[];return i&&(o.push(`width:${i}px`),this.layout!=="fit-columns"&&o.push(`max-width:${i}px`)),e.minWidth?o.push(`min-width:${e.minWidth}px`):i&&o.push(`min-width:${i}px`),o.join(";")}fitColumnsMinWidth(){return this.layout!=="fit-columns"||!this.columns.some(e=>e.minWidth)?0:this.columns.reduce((e,t,i)=>{const o=v1(t)&&!t.width&&!t.minWidth?gt:Math.max(this.widthFor(t,i)??0,t.minWidth??0);return e+o},0)}isColumnResizable(e){return e.isResizable??this.resizableColumns}onResizeStart(e,t,i){e.preventDefault(),e.stopPropagation();const o=e.currentTarget,r=o.closest("th");if(!r)return;const l=r.getBoundingClientRect().width;this.resizeDrag={key:this.columnKey(t,i),startX:e.clientX,startWidth:l,width:l},this.resizingKey=this.resizeDrag.key,o.setPointerCapture(e.pointerId)}onResizeReset(e,t,i){e.preventDefault(),e.stopPropagation();const o=this.columnKey(t,i);if(this.resizedWidths[o]===void 0)return;const r={...this.resizedWidths};delete r[o],this.resizedWidths=r,this.dispatchEvent(new CustomEvent(de,{detail:{column:t,field:o,width:null},bubbles:!0,composed:!0}))}resetColumnWidths(){this.resizedWidths={}}alignClass(e){const t=e.align??this.columnAlign,i=e.verticalAlign??this.columnVerticalAlign;return[t!=="left"?`table__cell--${t}`:"",i!=="middle"?`table__cell--${i}`:""].filter(Boolean).join(" ")}renderHeaderCell(e,t){const i=this.frozenSides,o=i[t],r=o==="left"?i[t+1]!=="left":o==="right"?i[t-1]!=="right":!1,l=["table__header-cell",o?"table__header-cell--frozen":"",o&&r?`table__header-cell--frozen-${o}-edge`:"",!v1(e)&&e.isSortable?"table__header-cell--sortable":"",v1(e)?"table__cell--selection":"",this.sizingClass(e,t)].filter(Boolean).join(" "),d=this.cellStyle(e,t),C=e.headerAlign??e.align??this.columnAlign,u=["table__header-inner",C!=="left"?`table__header-inner--${C}`:""].filter(Boolean).join(" "),g=this.columnKey(e,t),v=this.isColumnResizable(e)?s`
|
|
3902
|
+
`;let D=E4;U([a()],D.prototype,"format"),U([a()],D.prototype,"value"),U([a()],D.prototype,"size"),U([a({type:Boolean})],D.prototype,"disabled"),U([a({type:Boolean})],D.prototype,"readonly"),U([a()],D.prototype,"status"),U([a({attribute:"start-icon"})],D.prototype,"startIcon"),U([a({attribute:"min-date"})],D.prototype,"minDate"),U([a({attribute:"max-date"})],D.prototype,"maxDate"),U([a()],D.prototype,"placement"),U([a()],D.prototype,"inputid"),U([m()],D.prototype,"_open"),U([R("anduin-date-input")],D.prototype,"_inputEl"),U([R("anduin-popover")],D.prototype,"_popoverEl"),customElements.get("anduin-date-picker")||customElements.define("anduin-date-picker",D);var d0=Object.defineProperty,V=(n,e,t,i)=>{for(var o=void 0,r=n.length-1,l;r>=0;r--)(l=n[r])&&(o=l(e,t,o)||o);return o&&d0(e,t,o),o};const at="anduin-table:sort",st="anduin-table:column-click",dt="anduin-table:row-click",ct="anduin-table:selection-change",Ct="anduin-table:cell-context-menu",ut="anduin-table:row-expand",ht="anduin-table:row-collapse",pt="anduin-table:group-toggle",de="anduin-table:column-resize",gt=40,f1=n=>n.type==="selection",x1=(n,e)=>{if(!e)return;let t=n;for(const i of e.split(".")){if(t===null||typeof t!="object")return;t=t[i]}return t},c0=(n,e)=>n===e?0:n==null?1:e==null?-1:typeof n=="number"&&typeof e=="number"?n-e:typeof n=="boolean"&&typeof e=="boolean"?Number(n)-Number(e):n instanceof Date&&e instanceof Date?n.getTime()-e.getTime():String(n).localeCompare(String(e),void 0,{numeric:!0,sensitivity:"base"}),$4=class $4 extends p{constructor(){super(...arguments),this.columns=[],this.data=[],this.layout="fit-data",this.renderMode="basic",this.rowHeight=40,this.height="",this.maxHeight="",this.minHeight="",this.resizableColumns=!0,this.hideHeader=!1,this.loading=!1,this.selectable="clickable",this.indexColumn="id",this.columnAlign="left",this.columnVerticalAlign="middle",this.sortField="",this.sortDirection="asc",this.dataTree=!1,this.treeChildrenField="children",this.treeChildIndent=20,this.groupBy="",this.selectedRows=[],this.expandedKeys=new Set,this.collapsedGroups=new Set,this.virtualScrollTop=0,this.viewportHeight=0,this.scrolledX=!1,this.scrollableXEnd=!1,this.resizedWidths={},this.resizingKey="",this.rangeAnchorKey=null,this.isDraggingRange=!1,this.dragBaseKeys=[],this.dragSelects=!0,this.autoExpandedKeys=new Set,this.resizeDrag=null,this.resizeFrame=0,this.renderSelectedKeys=new Set,this.renderSelectableRows=[],this.cachedRenderRows=[],this.rowsDirty=!0,this.onWindowMouseUp=()=>{this.isDraggingRange=!1},this.onScroll=e=>{const t=e.currentTarget;this.renderMode==="virtual"&&(this.virtualScrollTop=t.scrollTop),this.syncHorizontalScrollState()},this.onResizeMove=e=>{const t=this.resizeDrag;if(!t)return;const i=48;t.width=Math.max(i,t.startWidth+(e.clientX-t.startX)),!this.resizeFrame&&(this.resizeFrame=requestAnimationFrame(()=>{this.resizeFrame=0,this.resizeDrag&&(this.resizedWidths={...this.resizedWidths,[t.key]:t.width})}))},this.onResizeEnd=e=>{const t=this.resizeDrag;t&&(this.resizeFrame&&(cancelAnimationFrame(this.resizeFrame),this.resizeFrame=0),this.resizedWidths={...this.resizedWidths,[t.key]:t.width},this.resizeDrag=null,this.resizingKey="",this.dispatchEvent(new CustomEvent(de,{detail:{column:e,field:t.key,width:t.width},bubbles:!0,composed:!0})))}}connectedCallback(){super.connectedCallback(),window.addEventListener("mouseup",this.onWindowMouseUp)}disconnectedCallback(){var e;super.disconnectedCallback(),window.removeEventListener("mouseup",this.onWindowMouseUp),(e=this.resizeObserver)==null||e.disconnect(),this.resizeObserver=void 0}firstUpdated(){const e=this.scrollEl;e&&(this.resizeObserver=new ResizeObserver(()=>{this.viewportHeight=e.clientHeight,this.syncHorizontalScrollState()}),this.resizeObserver.observe(e),this.viewportHeight=e.clientHeight)}willUpdate(e){["data","columns","sortField","sortDirection","groupBy","dataTree","treeChildrenField","indexColumn","onStartExpanded","isRowDisabled","selectedRows","expandedKeys","collapsedGroups"].some(i=>e.has(i))&&(this.rowsDirty=!0),this.rowsDirty&&(this.cachedRenderRows=this.buildRenderRows(),this.renderSelectedKeys=this.selectedKeySet,this.renderSelectableRows=this.cachedRenderRows.filter(i=>i.kind==="row"&&!this.rowIsDisabled(i.data)),this.rowsDirty=!1)}updated(e){this.applyFrozenOffsets(),(e.has("data")||e.has("columns"))&&this.syncHorizontalScrollState()}get scrollEl(){return this.renderRoot.querySelector(".table__scroll")}keyFor(e,t){const i=x1(e,this.indexColumn);return i==null?`__index:${t}`:String(i)}get selectedKeySet(){const e=new Set;return this.selectedRows.forEach((t,i)=>e.add(this.keyFor(t,i))),e}rowIsDisabled(e){return this.isRowDisabled?this.isRowDisabled(e):!1}get frozenSides(){const e=this.columns,t=e.map(()=>null);for(let i=0;i<e.length;i++){const o=e[i].isFrozen;if(!o)break;t[i]=o==="right"?"right":"left"}for(let i=e.length-1;i>=0;i--){const o=e[i].isFrozen;if(!o)break;t[i]===null&&(t[i]=o==="left"?"left":"right")}for(let i=0;i<e.length;i++){const o=e[i].isFrozen;(o==="left"||o==="right")&&(t[i]=o)}return t}applyFrozenOffsets(){const e=this.frozenSides;if(!e.some(Boolean))return;const t=Array.from(this.renderRoot.querySelectorAll("thead th[data-col]"));if(t.length===0)return;const i=t.map(C=>C.getBoundingClientRect().width),o=e.map(()=>null);let r=0;for(let C=0;C<e.length;C++)e[C]==="left"&&(o[C]=r,r+=i[C]??0);let l=0;for(let C=e.length-1;C>=0;C--)e[C]==="right"&&(o[C]=l,l+=i[C]??0);this.renderRoot.querySelectorAll("[data-col]").forEach(C=>{const u=Number(C.dataset.col),g=e[u],f=o[u];!g||f===null||(C.style[g]=`${f}px`)})}get sortedColumn(){if(this.sortField)return this.columns.find(e=>!f1(e)&&e.field===this.sortField)}sortRows(e){const t=this.sortedColumn;if(!t)return e;const i=this.sortDirection==="desc"?-1:1,o=t.sortWith?(r,l)=>t.sortWith({a:r,b:l}):(r,l)=>c0(x1(r,t.field),x1(l,t.field));return[...e].sort((r,l)=>o(r,l)*i)}onHeaderClick(e){if(this.dispatchEvent(new CustomEvent(st,{detail:{column:e},bubbles:!0,composed:!0})),!e.isSortable)return;let t=e.field,i="asc";this.sortField===e.field&&(this.sortDirection==="asc"?i="desc":(t="",i=null)),this.sortField=t,i&&(this.sortDirection=i),this.dispatchEvent(new CustomEvent(at,{detail:{field:t,direction:i,column:e},bubbles:!0,composed:!0}))}buildRenderRows(){return this.groupBy?this.buildGroupedRows():this.buildFlatRows(this.sortRows(this.data),0)}buildFlatRows(e,t){const i=[];return e.forEach((o,r)=>{const l=this.keyFor(o,r),d=this.dataTree?x1(o,this.treeChildrenField):void 0,C=Array.isArray(d)&&d.length>0,u=C&&this.isExpanded(l,o);i.push({kind:"row",data:o,key:l,depth:t,hasChildren:C,expanded:u}),u&&i.push(...this.buildFlatRows(this.sortRows(d),t+1))}),i}buildGroupedRows(){const e=new Map;this.data.forEach(i=>{const o=x1(i,this.groupBy),r=String(o),l=e.get(r);l?l.rows.push(i):e.set(r,{value:o,rows:[i]})});const t=[];return e.forEach(({value:i,rows:o},r)=>{const l=!this.collapsedGroups.has(r);t.push({kind:"group",key:r,value:i,rows:o,expanded:l}),l&&t.push(...this.buildFlatRows(this.sortRows(o),0))}),t}isExpanded(e,t){return this.expandedKeys.has(e)?!0:this.onStartExpanded&&!this.autoExpandedKeys.has(e)&&(this.autoExpandedKeys.add(e),this.onStartExpanded(t))?(this.expandedKeys.add(e),!0):!1}toggleTreeRow(e){const t=!e.expanded,i=new Set(this.expandedKeys);t?i.add(e.key):i.delete(e.key),this.expandedKeys=i,this.dispatchEvent(new CustomEvent(t?ut:ht,{detail:{data:e.data,key:e.key,expanded:t},bubbles:!0,composed:!0}))}toggleGroup(e){const t=!e.expanded,i=new Set(this.collapsedGroups);t?i.delete(e.key):i.add(e.key),this.collapsedGroups=i,this.dispatchEvent(new CustomEvent(pt,{detail:{value:e.value,rows:e.rows,expanded:t},bubbles:!0,composed:!0}))}expandAll(){const e=new Set,t=i=>{i.forEach((o,r)=>{const l=x1(o,this.treeChildrenField);Array.isArray(l)&&l.length>0&&(e.add(this.keyFor(o,r)),t(l))})};t(this.data),this.expandedKeys=e}collapseAll(){this.expandedKeys=new Set}get selectableRows(){return this.buildRenderRows().filter(e=>e.kind==="row"&&!this.rowIsDisabled(e.data))}commitSelection(e){const t=new Map,i=r=>{r.forEach((l,d)=>{t.set(this.keyFor(l,d),l);const C=this.dataTree?x1(l,this.treeChildrenField):void 0;Array.isArray(C)&&i(C)})};i(this.data);const o=[...e].filter(r=>t.has(r));this.selectedRows=o.map(r=>t.get(r)),this.dispatchEvent(new CustomEvent(ct,{detail:{selectedRows:this.selectedRows,selectedKeys:o},bubbles:!0,composed:!0}))}setRowSelected(e,t){if(this.rowIsDisabled(e.data))return;const i=this.selectedKeySet;t?i.add(e.key):i.delete(e.key),this.rangeAnchorKey=e.key,this.commitSelection(i)}toggleAllRows(e){const t=this.selectedKeySet;this.selectableRows.forEach(i=>{e?t.add(i.key):t.delete(i.key)}),this.commitSelection(t)}selectRange(e,t,i){const o=this.selectableRows,r=o.findIndex(f=>f.key===e.key);if(r<0)return;const l=this.rangeAnchorKey?o.findIndex(f=>f.key===this.rangeAnchorKey):-1,d=l<0?r:l,[C,u]=d<=r?[d,r]:[r,d],g=new Set(i);for(let f=C;f<=u;f++)t?g.add(o[f].key):g.delete(o[f].key);this.commitSelection(g)}onRowMouseDown(e,t){this.selectable!=="selectable-by-dragging"||!e.shiftKey||this.rowIsDisabled(t.data)||(e.preventDefault(),this.isDraggingRange=!0,this.dragBaseKeys=[...this.selectedKeySet],this.dragSelects=!this.selectedKeySet.has(t.key),this.rangeAnchorKey=t.key,this.selectRange(t,this.dragSelects,this.dragBaseKeys))}onRowMouseEnter(e){this.isDraggingRange&&this.selectRange(e,this.dragSelects,this.dragBaseKeys)}onRowClick(e,t,i){this.dispatchEvent(new CustomEvent(dt,{detail:{data:t.data,key:t.key,index:i,originalEvent:e},bubbles:!0,composed:!0}));const o=this.selectable;if(o==="unselectable"||o==="clickable"||this.rowIsDisabled(t.data))return;const r=this.selectedKeySet.has(t.key);if(o==="selectable-by-clicking"&&e.shiftKey){this.selectRange(t,!0,e.metaKey||e.ctrlKey?[...this.selectedKeySet]:[]);return}if(o==="selectable-by-clicking"&&!(e.metaKey||e.ctrlKey)){this.rangeAnchorKey=t.key,this.commitSelection(new Set(r&&this.selectedRows.length===1?[]:[t.key]));return}this.setRowSelected(t,!r)}onCellContextMenu(e,t,i,o){this.dispatchEvent(new CustomEvent(Ct,{detail:{data:t.data,key:t.key,index:i,column:o,x:e.clientX,y:e.clientY,originalEvent:e},bubbles:!0,composed:!0,cancelable:!0}))}syncHorizontalScrollState(){const e=this.scrollEl;e&&(this.scrolledX=e.scrollLeft>0,this.scrollableXEnd=Math.ceil(e.scrollLeft+e.clientWidth)<e.scrollWidth)}columnKey(e,t){return f1(e)?`__selection:${t}`:e.field||`__col:${t}`}widthFor(e,t){return this.resizedWidths[this.columnKey(e,t)]??e.width}isStretchColumn(e,t){return this.layout!=="fit-data-stretch"||t!==this.columns.length-1?!1:this.resizedWidths[this.columnKey(e,t)]===void 0}sizingClass(e,t){return this.isStretchColumn(e,t)?"table__cell--stretch":this.widthFor(e,t)?"table__cell--sized":""}cellStyle(e,t){if(this.isStretchColumn(e,t))return"width:100%";const i=this.widthFor(e,t),o=[];return i&&(o.push(`width:${i}px`),this.layout!=="fit-columns"&&o.push(`max-width:${i}px`)),e.minWidth?o.push(`min-width:${e.minWidth}px`):i&&o.push(`min-width:${i}px`),o.join(";")}fitColumnsMinWidth(){return this.layout!=="fit-columns"||!this.columns.some(e=>e.minWidth)?0:this.columns.reduce((e,t,i)=>{const o=f1(t)&&!t.width&&!t.minWidth?gt:Math.max(this.widthFor(t,i)??0,t.minWidth??0);return e+o},0)}isColumnResizable(e){return e.isResizable??this.resizableColumns}onResizeStart(e,t,i){e.preventDefault(),e.stopPropagation();const o=e.currentTarget,r=o.closest("th");if(!r)return;const l=r.getBoundingClientRect().width;this.resizeDrag={key:this.columnKey(t,i),startX:e.clientX,startWidth:l,width:l},this.resizingKey=this.resizeDrag.key,o.setPointerCapture(e.pointerId)}onResizeReset(e,t,i){e.preventDefault(),e.stopPropagation();const o=this.columnKey(t,i);if(this.resizedWidths[o]===void 0)return;const r={...this.resizedWidths};delete r[o],this.resizedWidths=r,this.dispatchEvent(new CustomEvent(de,{detail:{column:t,field:o,width:null},bubbles:!0,composed:!0}))}resetColumnWidths(){this.resizedWidths={}}alignClass(e){const t=e.align??this.columnAlign,i=e.verticalAlign??this.columnVerticalAlign;return[t!=="left"?`table__cell--${t}`:"",i!=="middle"?`table__cell--${i}`:""].filter(Boolean).join(" ")}renderHeaderCell(e,t){const i=this.frozenSides,o=i[t],r=o==="left"?i[t+1]!=="left":o==="right"?i[t-1]!=="right":!1,l=["table__header-cell",o?"table__header-cell--frozen":"",o&&r?`table__header-cell--frozen-${o}-edge`:"",!f1(e)&&e.isSortable?"table__header-cell--sortable":"",f1(e)?"table__cell--selection":"",this.sizingClass(e,t)].filter(Boolean).join(" "),d=this.cellStyle(e,t),C=e.headerAlign??e.align??this.columnAlign,u=["table__header-inner",C!=="left"?`table__header-inner--${C}`:""].filter(Boolean).join(" "),g=this.columnKey(e,t),f=this.isColumnResizable(e)?s`
|
|
3893
3903
|
<span
|
|
3894
3904
|
class="table__resize-handle ${this.resizingKey===g?"table__resize-handle--active":""}"
|
|
3895
3905
|
part="resize-handle"
|
|
@@ -3903,7 +3913,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
3903
3913
|
@dblclick=${b=>this.onResizeReset(b,e,t)}
|
|
3904
3914
|
@click=${b=>b.stopPropagation()}
|
|
3905
3915
|
></span>
|
|
3906
|
-
`:h;if(
|
|
3916
|
+
`:h;if(f1(e)){const b=this.renderSelectableRows,Z=this.renderSelectedKeys,k=b.filter(b1=>Z.has(b1.key)).length,B=b.length>0&&k===b.length,o1=k>0&&!B,F2=e.renderHeader?e.renderHeader({areAllRowsSelected:B,hasSelectedRow:k>0,onChange:b1=>this.toggleAllRows(b1)}):s`
|
|
3907
3917
|
<anduin-checkbox
|
|
3908
3918
|
.checked=${B}
|
|
3909
3919
|
.indeterminate=${o1}
|
|
@@ -3917,7 +3927,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
3917
3927
|
scope="col"
|
|
3918
3928
|
data-col="${t}"
|
|
3919
3929
|
style="${d}"
|
|
3920
|
-
><div class="${u}">${F2}</div>${
|
|
3930
|
+
><div class="${u}">${F2}</div>${f}</th>
|
|
3921
3931
|
`}const H=this.sortField===e.field,y=H?this.sortDirection:null,x=e.renderHeader?e.renderHeader({column:e,sortDirection:y}):s`<span class="table__header-text">${e.title??""}</span>`,L=e.isSortable?s`
|
|
3922
3932
|
<anduin-icon
|
|
3923
3933
|
class="table__sort-icon ${H?"table__sort-icon--active":""}"
|
|
@@ -3935,8 +3945,8 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
3935
3945
|
aria-sort="${H?y==="desc"?"descending":"ascending":e.isSortable?"none":h}"
|
|
3936
3946
|
@click=${()=>this.onHeaderClick(e)}
|
|
3937
3947
|
@keydown=${b=>{e.isSortable&&(b.key!=="Enter"&&b.key!==" "||(b.preventDefault(),this.onHeaderClick(e)))}}
|
|
3938
|
-
><div class="${u}">${x}${L}</div>${
|
|
3939
|
-
`}renderCell(e,t,i,o){const r=this.frozenSides,l=r[o],d=l==="left"?r[o+1]!=="left":l==="right"?r[o-1]!=="right":!1,C=["table__cell",this.alignClass(i),l?"table__cell--frozen":"",l&&d?`table__cell--frozen-${l}-edge`:"",
|
|
3948
|
+
><div class="${u}">${x}${L}</div>${f}</th>
|
|
3949
|
+
`}renderCell(e,t,i,o){const r=this.frozenSides,l=r[o],d=l==="left"?r[o+1]!=="left":l==="right"?r[o-1]!=="right":!1,C=["table__cell",this.alignClass(i),l?"table__cell--frozen":"",l&&d?`table__cell--frozen-${l}-edge`:"",f1(i)?"table__cell--selection":"",i.showOnRowHover?"table__cell--hover-only":"",this.sizingClass(i,o)].filter(Boolean).join(" "),u=this.cellStyle(i,o);if(f1(i)){const x=this.renderSelectedKeys.has(e.key),L=this.rowIsDisabled(e.data),b=k=>this.setRowSelected(e,k),Z=i.renderCell?i.renderCell({data:e.data,isChecked:x,isDisabled:L,onChange:b}):s`
|
|
3940
3950
|
<anduin-checkbox
|
|
3941
3951
|
.checked=${x}
|
|
3942
3952
|
.disabled=${L}
|
|
@@ -3951,7 +3961,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
3951
3961
|
style="${u}"
|
|
3952
3962
|
@click=${k=>k.stopPropagation()}
|
|
3953
3963
|
>${Z}</td>
|
|
3954
|
-
`}const g=x1(e.data,i.field),
|
|
3964
|
+
`}const g=x1(e.data,i.field),f=i.renderCell?i.renderCell({data:e.data,value:g,rowIndex:t,column:i}):g==null?h:String(g),y=this.dataTree&&o===this.firstDataColumnIndex?s`
|
|
3955
3965
|
<div class="table__tree-cell" style="padding-left:${e.depth*this.treeChildIndent}px">
|
|
3956
3966
|
${e.hasChildren?s`
|
|
3957
3967
|
<button
|
|
@@ -3967,9 +3977,9 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
3967
3977
|
></anduin-icon>
|
|
3968
3978
|
</button>
|
|
3969
3979
|
`:s`<span class="table__tree-spacer"></span>`}
|
|
3970
|
-
<span>${
|
|
3980
|
+
<span>${f}</span>
|
|
3971
3981
|
</div>
|
|
3972
|
-
`:
|
|
3982
|
+
`:f;return s`
|
|
3973
3983
|
<td
|
|
3974
3984
|
class="${C}"
|
|
3975
3985
|
part="cell"
|
|
@@ -3977,7 +3987,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
3977
3987
|
style="${u}"
|
|
3978
3988
|
@contextmenu=${x=>this.onCellContextMenu(x,e,t,i)}
|
|
3979
3989
|
>${y}</td>
|
|
3980
|
-
`}get firstDataColumnIndex(){const e=this.columns.findIndex(t=>!
|
|
3990
|
+
`}get firstDataColumnIndex(){const e=this.columns.findIndex(t=>!f1(t));return e<0?0:e}renderRow(e,t){const i=this.renderSelectedKeys.has(e.key),o=this.selectable!=="unselectable",r=this.rowClass?this.rowClass(e.data,t).trim():"",l=["table__row",o?"table__row--interactive":"",i?"table__row--selected":"",r].filter(Boolean).join(" ");return s`
|
|
3981
3991
|
<tr
|
|
3982
3992
|
class="${l}"
|
|
3983
3993
|
part="${r?`row ${r}`:"row"}"
|
|
@@ -4016,7 +4026,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
4016
4026
|
<slot name="empty">No data to display</slot>
|
|
4017
4027
|
</td>
|
|
4018
4028
|
</tr>
|
|
4019
|
-
`}render(){const e=this.cachedRenderRows,t=[this.height?`height:${this.height}`:"",this.maxHeight?`max-height:${this.maxHeight}`:"",this.minHeight?`min-height:${this.minHeight}`:""].filter(Boolean).join(";"),i=this.fitColumnsMinWidth(),o=["table",this.scrolledX?"table--scrolled-x":"",this.scrollableXEnd?"table--scrollable-x-end":""].filter(Boolean).join(" ");let r=e,l=0,d=0,C=0;if(this.renderMode==="virtual"&&e.length>0){const g=Math.ceil((this.viewportHeight||400)/this.rowHeight),
|
|
4029
|
+
`}render(){const e=this.cachedRenderRows,t=[this.height?`height:${this.height}`:"",this.maxHeight?`max-height:${this.maxHeight}`:"",this.minHeight?`min-height:${this.minHeight}`:""].filter(Boolean).join(";"),i=this.fitColumnsMinWidth(),o=["table",this.scrolledX?"table--scrolled-x":"",this.scrollableXEnd?"table--scrollable-x-end":""].filter(Boolean).join(" ");let r=e,l=0,d=0,C=0;if(this.renderMode==="virtual"&&e.length>0){const g=Math.ceil((this.viewportHeight||400)/this.rowHeight),f=Math.max(0,Math.floor(this.virtualScrollTop/this.rowHeight)-6),H=Math.min(e.length,f+g+12);r=e.slice(f,H),l=f*this.rowHeight,d=(e.length-H)*this.rowHeight,C=f}return s`
|
|
4020
4030
|
<div class="${o}" part="table" style="${t}">
|
|
4021
4031
|
<div class="table__scroll" part="scroll" @scroll=${this.onScroll}>
|
|
4022
4032
|
<table
|
|
@@ -4045,7 +4055,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
4045
4055
|
</div>
|
|
4046
4056
|
`:h}
|
|
4047
4057
|
</div>
|
|
4048
|
-
`}};$4.styles=
|
|
4058
|
+
`}};$4.styles=v`
|
|
4049
4059
|
:host {
|
|
4050
4060
|
display: flex;
|
|
4051
4061
|
flex-direction: column;
|
|
@@ -4181,7 +4191,7 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
4181
4191
|
color: var(--color-placeholder);
|
|
4182
4192
|
}
|
|
4183
4193
|
.table__sort-icon--active {
|
|
4184
|
-
color: var(--color-primary);
|
|
4194
|
+
color: var(--color-primary-icon);
|
|
4185
4195
|
}
|
|
4186
4196
|
|
|
4187
4197
|
/* The divider between headers is the resize affordance: a hairline at rest,
|
|
@@ -4414,4 +4424,4 @@ var AclWebComponents=(function(c){"use strict";var ft,w1;const mt=':root{--color
|
|
|
4414
4424
|
background-color: oklch(from var(--color-background) l c h / 0.6);
|
|
4415
4425
|
cursor: progress;
|
|
4416
4426
|
}
|
|
4417
|
-
`;let _=$4;if(V([a({attribute:!1})],_.prototype,"columns"),V([a({attribute:!1})],_.prototype,"data"),V([a({reflect:!0})],_.prototype,"layout"),V([a({attribute:"render-mode",reflect:!0})],_.prototype,"renderMode"),V([a({type:Number,attribute:"row-height"})],_.prototype,"rowHeight"),V([a()],_.prototype,"height"),V([a({attribute:"max-height"})],_.prototype,"maxHeight"),V([a({attribute:"min-height"})],_.prototype,"minHeight"),V([a({attribute:"resizable-columns",converter:n=>n!=="false"})],_.prototype,"resizableColumns"),V([a({type:Boolean,attribute:"hide-header",reflect:!0})],_.prototype,"hideHeader"),V([a({type:Boolean,reflect:!0})],_.prototype,"loading"),V([a({reflect:!0})],_.prototype,"selectable"),V([a({attribute:"index-column"})],_.prototype,"indexColumn"),V([a({attribute:"column-align"})],_.prototype,"columnAlign"),V([a({attribute:"column-vertical-align"})],_.prototype,"columnVerticalAlign"),V([a({attribute:"sort-field"})],_.prototype,"sortField"),V([a({attribute:"sort-direction"})],_.prototype,"sortDirection"),V([a({type:Boolean,attribute:"data-tree",reflect:!0})],_.prototype,"dataTree"),V([a({attribute:"tree-children-field"})],_.prototype,"treeChildrenField"),V([a({type:Number,attribute:"tree-child-indent"})],_.prototype,"treeChildIndent"),V([a({attribute:"group-by"})],_.prototype,"groupBy"),V([a({attribute:!1})],_.prototype,"selectedRows"),V([a({attribute:!1})],_.prototype,"isRowDisabled"),V([a({attribute:!1})],_.prototype,"onStartExpanded"),V([a({attribute:!1})],_.prototype,"rowClass"),V([a({attribute:!1})],_.prototype,"renderGroupHeader"),V([m()],_.prototype,"expandedKeys"),V([m()],_.prototype,"collapsedGroups"),V([m()],_.prototype,"virtualScrollTop"),V([m()],_.prototype,"viewportHeight"),V([m()],_.prototype,"scrolledX"),V([m()],_.prototype,"scrollableXEnd"),V([m()],_.prototype,"resizedWidths"),V([m()],_.prototype,"resizingKey"),customElements.get("anduin-table")||customElements.define("anduin-table",_),typeof document<"u"&&!document.getElementById("acl-tokens")){const n=document.createElement("style");n.id="acl-tokens",n.textContent=mt,document.head.appendChild(n)}return c.AnduinAiSpinner=S1,c.AnduinAvatar=Q,c.AnduinBadge=w2,c.AnduinBadgeCount=Q1,c.AnduinButton=$,c.AnduinCalendar=N,c.AnduinCallout=M2,c.AnduinCheckbox=d1,c.AnduinDateInput=z,c.AnduinDatePicker=D,c.AnduinDateRange=t1,c.AnduinDateRangeDefault=M5,c.AnduinDateRangeEnd=it,c.AnduinDateRangePanel=I2,c.AnduinDateRangeStart=ot,c.AnduinDivider=e2,c.AnduinDot=Z2,c.AnduinDrawer=K,c.AnduinDrawerClose=I3,c.AnduinDropdown=w,c.AnduinField=R2,c.AnduinFieldDescription=K2,c.AnduinFieldError=W2,c.AnduinFieldGroup=Y2,c.AnduinFieldLabel=i2,c.AnduinFileIcon=s2,c.AnduinIcon=J1,c.AnduinInlineEdit=E,c.AnduinInput=O,c.AnduinLoadingState=k2,c.AnduinMenu=_1,c.AnduinMenuItem=T1,c.AnduinModal=k3,c.AnduinModalClose=R3,c.AnduinNavigation=h1,c.AnduinNavigationItem=l1,c.AnduinPagination=p1,c.AnduinPaginationFirstPage=Y3,c.AnduinPaginationLastPage=q3,c.AnduinPopover=J,c.AnduinPopoverClose=r5,c.AnduinProgress=t2,c.AnduinRadio=n1,c.AnduinRadioGroup=I1,c.AnduinResizableHandle=U1,c.AnduinResizablePanel=G1,c.AnduinResizablePanelGroup=z2,c.AnduinSidebar=b5,c.AnduinSidebarAction=L5,c.AnduinSidebarBadge=V5,c.AnduinSidebarContent=m5,c.AnduinSidebarFooter=B2,c.AnduinSidebarGroup=y5,c.AnduinSidebarGroupLabel=H5,c.AnduinSidebarHeader=T2,c.AnduinSidebarMenu=_5,c.AnduinSidebarMenuItem=g1,c.AnduinSidebarSeparator=x5,c.AnduinSkeleton=i1,c.AnduinSparkleSpinner=X1,c.AnduinSpinner=q1,c.AnduinSuggestion=M,c.AnduinSwitcher=c2,c.AnduinTabContent=l2,c.AnduinTabTrigger=r1,c.AnduinTable=_,c.AnduinTabs=A1,c.AnduinTabsList=n2,c.AnduinTag=z1,c.AnduinTagClose=Q2,c.AnduinTextarea=W,c.AnduinTimeline=u5,c.AnduinTimelineDate=p5,c.AnduinTimelineGroup=
|
|
4427
|
+
`;let _=$4;if(V([a({attribute:!1})],_.prototype,"columns"),V([a({attribute:!1})],_.prototype,"data"),V([a({reflect:!0})],_.prototype,"layout"),V([a({attribute:"render-mode",reflect:!0})],_.prototype,"renderMode"),V([a({type:Number,attribute:"row-height"})],_.prototype,"rowHeight"),V([a()],_.prototype,"height"),V([a({attribute:"max-height"})],_.prototype,"maxHeight"),V([a({attribute:"min-height"})],_.prototype,"minHeight"),V([a({attribute:"resizable-columns",converter:n=>n!=="false"})],_.prototype,"resizableColumns"),V([a({type:Boolean,attribute:"hide-header",reflect:!0})],_.prototype,"hideHeader"),V([a({type:Boolean,reflect:!0})],_.prototype,"loading"),V([a({reflect:!0})],_.prototype,"selectable"),V([a({attribute:"index-column"})],_.prototype,"indexColumn"),V([a({attribute:"column-align"})],_.prototype,"columnAlign"),V([a({attribute:"column-vertical-align"})],_.prototype,"columnVerticalAlign"),V([a({attribute:"sort-field"})],_.prototype,"sortField"),V([a({attribute:"sort-direction"})],_.prototype,"sortDirection"),V([a({type:Boolean,attribute:"data-tree",reflect:!0})],_.prototype,"dataTree"),V([a({attribute:"tree-children-field"})],_.prototype,"treeChildrenField"),V([a({type:Number,attribute:"tree-child-indent"})],_.prototype,"treeChildIndent"),V([a({attribute:"group-by"})],_.prototype,"groupBy"),V([a({attribute:!1})],_.prototype,"selectedRows"),V([a({attribute:!1})],_.prototype,"isRowDisabled"),V([a({attribute:!1})],_.prototype,"onStartExpanded"),V([a({attribute:!1})],_.prototype,"rowClass"),V([a({attribute:!1})],_.prototype,"renderGroupHeader"),V([m()],_.prototype,"expandedKeys"),V([m()],_.prototype,"collapsedGroups"),V([m()],_.prototype,"virtualScrollTop"),V([m()],_.prototype,"viewportHeight"),V([m()],_.prototype,"scrolledX"),V([m()],_.prototype,"scrollableXEnd"),V([m()],_.prototype,"resizedWidths"),V([m()],_.prototype,"resizingKey"),customElements.get("anduin-table")||customElements.define("anduin-table",_),typeof document<"u"&&!document.getElementById("acl-tokens")){const n=document.createElement("style");n.id="acl-tokens",n.textContent=mt,document.head.appendChild(n)}return c.AnduinAiSpinner=S1,c.AnduinAvatar=Q,c.AnduinBadge=w2,c.AnduinBadgeCount=Q1,c.AnduinButton=$,c.AnduinCalendar=N,c.AnduinCallout=M2,c.AnduinCheckbox=d1,c.AnduinDateInput=z,c.AnduinDatePicker=D,c.AnduinDateRange=t1,c.AnduinDateRangeDefault=M5,c.AnduinDateRangeEnd=it,c.AnduinDateRangePanel=I2,c.AnduinDateRangeStart=ot,c.AnduinDivider=e2,c.AnduinDot=Z2,c.AnduinDrawer=K,c.AnduinDrawerClose=I3,c.AnduinDropdown=w,c.AnduinField=R2,c.AnduinFieldDescription=K2,c.AnduinFieldError=W2,c.AnduinFieldGroup=Y2,c.AnduinFieldLabel=i2,c.AnduinFileIcon=s2,c.AnduinIcon=J1,c.AnduinInlineEdit=E,c.AnduinInput=O,c.AnduinLoadingState=k2,c.AnduinMenu=_1,c.AnduinMenuItem=T1,c.AnduinModal=k3,c.AnduinModalClose=R3,c.AnduinNavigation=h1,c.AnduinNavigationItem=l1,c.AnduinPagination=p1,c.AnduinPaginationFirstPage=Y3,c.AnduinPaginationLastPage=q3,c.AnduinPopover=J,c.AnduinPopoverClose=r5,c.AnduinProgress=t2,c.AnduinRadio=n1,c.AnduinRadioGroup=I1,c.AnduinResizableHandle=U1,c.AnduinResizablePanel=G1,c.AnduinResizablePanelGroup=z2,c.AnduinSidebar=b5,c.AnduinSidebarAction=L5,c.AnduinSidebarBadge=V5,c.AnduinSidebarContent=m5,c.AnduinSidebarFooter=B2,c.AnduinSidebarGroup=y5,c.AnduinSidebarGroupLabel=H5,c.AnduinSidebarHeader=T2,c.AnduinSidebarMenu=_5,c.AnduinSidebarMenuItem=g1,c.AnduinSidebarSeparator=x5,c.AnduinSkeleton=i1,c.AnduinSparkleSpinner=X1,c.AnduinSpinner=q1,c.AnduinSuggestion=M,c.AnduinSwitcher=c2,c.AnduinTabContent=l2,c.AnduinTabTrigger=r1,c.AnduinTable=_,c.AnduinTabs=A1,c.AnduinTabsList=n2,c.AnduinTag=z1,c.AnduinTagClose=Q2,c.AnduinTextarea=W,c.AnduinTimeline=u5,c.AnduinTimelineDate=p5,c.AnduinTimelineGroup=v5,c.AnduinTimelineItem=h5,c.AnduinTimelineLabel=f5,c.AnduinTimelineTitle=g5,c.AnduinToast=C1,c.AnduinToaster=d2,c.AnduinToggleGroup=q,c.AnduinToggleGroupItem=X,c.AnduinTooltip=r2,c.AnduinTooltipContent=J2,c.AnduinTooltipTrigger=X2,c.AnduinWell=S2,c.AnduinWellClose=t5,c.BADGE_STYLES=F5,c.CALENDAR_CHANGE=h2,c.CALENDAR_DAY_HOVER=w5,c.CHECKBOX_CHANGE=d3,c.DATE_INPUT_CHANGE=Z5,c.DATE_PICKER_CHANGE=nt,c.DATE_RANGE_CHANGE=tt,c.DRAWER_AFTER_CLOSE_EVENT=s5,c.DRAWER_CLOSE_EVENT=C2,c.DROPDOWN_CHANGE=ae,c.FIELD_LABEL_CLICK=U5,c.FIELD_LABEL_CLICK_COORDINATED=s1,c.FILE_ICONS=S3,c.INLINE_EDIT_CANCEL=v3,c.INLINE_EDIT_EDIT=f3,c.INLINE_EDIT_SAVE=g3,c.INPUT_CHANGE=j5,c.INPUT_CLEAR=c3,c.MENU_ITEM_CLICK=n5,c.MODAL_AFTER_CLOSE_EVENT=l5,c.MODAL_CLOSE_EVENT=a2,c.NAVIGATION_CHANGE=N3,c.NAVIGATION_ITEM_CLICK=c5,c.PAGINATION_CHANGE=W3,c.PAGINATION_JUMP=C5,c.POPOVER_CLOSE=o5,c.POPOVER_OPEN_CHANGE=i5,c.RADIO_CHANGE=a5,c.RADIO_GROUP_CHANGE=E3,c.RESIZE_EVENT=G3,c.SIDEBAR_SELECT=X3,c.SUGGESTION_CHANGE=d5,c.SUGGESTION_CLEAR=F3,c.SUGGESTION_SELECT=O3,c.SWITCHER_CHANGE=T3,c.TABLE_CELL_CONTEXT_MENU=Ct,c.TABLE_COLUMN_CLICK=st,c.TABLE_COLUMN_RESIZE=de,c.TABLE_GROUP_TOGGLE=pt,c.TABLE_ROW_CLICK=dt,c.TABLE_ROW_COLLAPSE=ht,c.TABLE_ROW_EXPAND=ut,c.TABLE_SELECTION_CHANGE=ct,c.TABLE_SORT=at,c.TAB_CHANGE=m3,c.TAB_TRIGGER_CLICK=Q5,c.TAB_VALUE_CHANGED=$2,c.TAG_CLOSE_CLICK=y3,c.TEXTAREA_CHANGE=b3,c.TOGGLE_GROUP_CHANGE=H3,c.TOGGLE_GROUP_ITEM_CHANGE=_3,c.TOGGLE_GROUP_ITEM_CLICK=e5,c.TOGGLE_GROUP_ITEM_DESELECT=V3,c.TOGGLE_GROUP_ITEM_SELECT=L3,c.TOOLTIP_CONTENT_POPUP_MOUNTED=Y5,c.TOOLTIP_CONTENT_POPUP_UNMOUNTED=q5,c.TOOLTIP_HIDE=q2,c.TOOLTIP_SHOW=K5,c.TOOLTIP_TRIGGER_MOUNTED=W5,c.TOOLTIP_VISIBILITY_CHANGED=X5,c.WELL_CLOSE_CLICK=x3,c.addMonths=v1,c.formatISODate=V1,c.getBadgeVariantClass=N5,c.parseISODate=P,c.resolveFileIcon=A3,c.startOfToday=K1,c.toast=O7,Object.defineProperty(c,Symbol.toStringTag,{value:"Module"}),c})({});
|