@vanelsas/baredom 2.5.0 → 2.7.0
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/CHANGELOG.md +26 -0
- package/README.md +23 -337
- package/custom-elements.json +36 -1
- package/dist/base.js +358 -352
- package/dist/integrity.json +93 -93
- package/dist/x-alert.js +18 -19
- package/dist/x-avatar-group.js +10 -11
- package/dist/x-avatar.js +14 -14
- package/dist/x-badge.js +10 -11
- package/dist/x-bento-grid.js +5 -5
- package/dist/x-bento-item.js +4 -4
- package/dist/x-breadcrumbs.js +14 -14
- package/dist/x-button.js +18 -16
- package/dist/x-cancel-dialogue.js +17 -17
- package/dist/x-card.js +7 -7
- package/dist/x-carousel.js +34 -34
- package/dist/x-chart.js +46 -48
- package/dist/x-checkbox.js +10 -11
- package/dist/x-chip.js +9 -9
- package/dist/x-collapse.js +10 -12
- package/dist/x-color-picker.js +44 -45
- package/dist/x-combobox.d.ts +1 -0
- package/dist/x-combobox.js +26 -27
- package/dist/x-command-palette.js +26 -27
- package/dist/x-container.js +5 -6
- package/dist/x-context-menu.js +18 -18
- package/dist/x-copy.js +22 -22
- package/dist/x-currency-field.d.ts +1 -0
- package/dist/x-currency-field.js +22 -23
- package/dist/x-date-picker.js +41 -42
- package/dist/x-divider.js +8 -9
- package/dist/x-drawer.js +11 -12
- package/dist/x-dropdown.js +10 -11
- package/dist/x-fieldset.js +6 -6
- package/dist/x-file-download.js +7 -8
- package/dist/x-file-upload.js +22 -25
- package/dist/x-form-field.js +15 -17
- package/dist/x-form.js +8 -10
- package/dist/x-gaussian-blur.js +18 -18
- package/dist/x-grid.js +6 -6
- package/dist/x-icon.js +7 -7
- package/dist/x-image.js +19 -19
- package/dist/x-kinetic-font.js +28 -29
- package/dist/x-kinetic-typography.js +39 -39
- package/dist/x-liquid-dock.js +39 -39
- package/dist/x-liquid-fill.js +44 -44
- package/dist/x-liquid-glass.js +47 -47
- package/dist/x-menu-item.js +9 -10
- package/dist/x-menu.js +11 -11
- package/dist/x-metaball-cursor.js +27 -27
- package/dist/x-modal.js +12 -13
- package/dist/x-morph-stack.js +38 -39
- package/dist/x-navbar.js +12 -13
- package/dist/x-neural-glow.js +32 -33
- package/dist/x-notification-center.js +9 -10
- package/dist/x-organic-divider.js +18 -19
- package/dist/x-organic-progress.js +37 -38
- package/dist/x-organic-shape.js +13 -14
- package/dist/x-pagination.d.ts +2 -1
- package/dist/x-pagination.js +16 -16
- package/dist/x-particle-button.js +48 -49
- package/dist/x-popover.js +24 -25
- package/dist/x-progress-circle.js +8 -9
- package/dist/x-progress.js +11 -11
- package/dist/x-radio.js +10 -12
- package/dist/x-ripple-effect.js +11 -11
- package/dist/x-scroll-parallax.js +19 -19
- package/dist/x-scroll-stack.js +18 -18
- package/dist/x-scroll-story.js +36 -36
- package/dist/x-scroll-timeline.js +46 -47
- package/dist/x-scroll.js +40 -41
- package/dist/x-search-field.js +15 -17
- package/dist/x-select.d.ts +1 -0
- package/dist/x-select.js +10 -11
- package/dist/x-sidebar.js +16 -16
- package/dist/x-skeleton-group.js +12 -14
- package/dist/x-skeleton.js +1 -1
- package/dist/x-slider.d.ts +1 -0
- package/dist/x-slider.js +16 -16
- package/dist/x-soft-body.js +21 -21
- package/dist/x-spacer.js +5 -5
- package/dist/x-spinner.js +5 -6
- package/dist/x-splash.js +13 -13
- package/dist/x-stat.js +11 -11
- package/dist/x-stepper.js +15 -15
- package/dist/x-switch.js +9 -11
- package/dist/x-tab.js +7 -7
- package/dist/x-table-cell.js +22 -22
- package/dist/x-table-row.js +9 -10
- package/dist/x-table.js +14 -15
- package/dist/x-tabs.d.ts +1 -0
- package/dist/x-tabs.js +11 -11
- package/dist/x-text-area.d.ts +1 -0
- package/dist/x-text-area.js +19 -19
- package/dist/x-theme.d.ts +1 -1
- package/dist/x-theme.js +25 -25
- package/dist/x-timeline-item.js +23 -23
- package/dist/x-timeline.js +9 -9
- package/dist/x-toast.js +24 -24
- package/dist/x-toaster.js +8 -8
- package/dist/x-tooltip.js +11 -13
- package/dist/x-typography.js +11 -11
- package/dist/x-welcome-tour.js +64 -65
- package/package.json +186 -182
|
@@ -1,53 +1,52 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
2
|
+
var r1=function(a,b,c){return typeof a==="string"&&$APP.I(b,a)?a:c},s1=function(a,b,c,d){if(a==null)return b;a=parseInt(a,10);return $APP.n(isNaN(a))?b:Math.min(d,Math.max(c,a))},t1=function(a){var b=$APP.M(a);a=$APP.D(b,$APP.kk);b=$APP.D(b,$APP.Ql);return $APP.q($APP.n(a)?a:b)},w1=function(a){var b=Math.random(),c=u1.g(a);a=c+v1.g(a);return b<c?"d":b<a?"f":"s"},x1=function(a,b,c){switch(c){case "ember":switch(a){case "d":return new $APP.O(null,2,5,$APP.P,[b*.4,b*.8],null);case "f":return new $APP.O(null,
|
|
3
3
|
2,5,$APP.P,[b*.6,b*1.2],null);case "s":return new $APP.O(null,2,5,$APP.P,[b*.3,b*.7],null);default:return new $APP.O(null,2,5,$APP.P,[b*.5,b*1],null)}case "spark":switch(a){case "d":return new $APP.O(null,2,5,$APP.P,[b*.2,b*.5],null);case "f":return new $APP.O(null,2,5,$APP.P,[b*.4,b*.8],null);case "s":return new $APP.O(null,2,5,$APP.P,[b*.2,b*.4],null);default:return new $APP.O(null,2,5,$APP.P,[b*.3,b*.6],null)}case "burst":switch(a){case "d":return new $APP.O(null,2,5,$APP.P,[b*.3,b*.8],null);case "f":return new $APP.O(null,
|
|
4
|
-
2,5,$APP.P,[b*.6,b*1.3],null);case "s":return new $APP.O(null,2,5,$APP.P,[b*.3,b*.7],null);default:return new $APP.O(null,2,5,$APP.P,[b*.5,b*1],null)}default:switch(a){case "d":return new $APP.O(null,2,5,$APP.P,[b*.3,b*.7],null);case "f":return new $APP.O(null,2,5,$APP.P,[b*.7,b*1.3],null);case "s":return new $APP.O(null,2,5,$APP.P,[b*.3,b*.6],null);default:return new $APP.O(null,2,5,$APP.P,[b*.5,b],null)}}},
|
|
4
|
+
2,5,$APP.P,[b*.6,b*1.3],null);case "s":return new $APP.O(null,2,5,$APP.P,[b*.3,b*.7],null);default:return new $APP.O(null,2,5,$APP.P,[b*.5,b*1],null)}default:switch(a){case "d":return new $APP.O(null,2,5,$APP.P,[b*.3,b*.7],null);case "f":return new $APP.O(null,2,5,$APP.P,[b*.7,b*1.3],null);case "s":return new $APP.O(null,2,5,$APP.P,[b*.3,b*.6],null);default:return new $APP.O(null,2,5,$APP.P,[b*.5,b],null)}}},y1=function(a,b){switch(b){case "ember":switch(a){case "d":return new $APP.O(null,2,5,$APP.P,
|
|
5
5
|
[600,1200],null);case "f":return new $APP.O(null,2,5,$APP.P,[800,1600],null);case "s":return new $APP.O(null,2,5,$APP.P,[1200,2400],null);default:return new $APP.O(null,2,5,$APP.P,[700,1400],null)}case "spark":switch(a){case "d":return new $APP.O(null,2,5,$APP.P,[150,350],null);case "f":return new $APP.O(null,2,5,$APP.P,[250,500],null);case "s":return new $APP.O(null,2,5,$APP.P,[400,800],null);default:return new $APP.O(null,2,5,$APP.P,[200,400],null)}case "burst":switch(a){case "d":return new $APP.O(null,
|
|
6
|
-
2,5,$APP.P,[200,500],null);case "f":return new $APP.O(null,2,5,$APP.P,[400,800],null);case "s":return new $APP.O(null,2,5,$APP.P,[600,1200],null);default:return new $APP.O(null,2,5,$APP.P,[300,600],null)}default:switch(a){case "d":return new $APP.O(null,2,5,$APP.P,[300,600],null);case "f":return new $APP.O(null,2,5,$APP.P,[500,1E3],null);case "s":return new $APP.O(null,2,5,$APP.P,[800,1500],null);default:return new $APP.O(null,2,5,$APP.P,[400,800],null)}}},
|
|
6
|
+
2,5,$APP.P,[200,500],null);case "f":return new $APP.O(null,2,5,$APP.P,[400,800],null);case "s":return new $APP.O(null,2,5,$APP.P,[600,1200],null);default:return new $APP.O(null,2,5,$APP.P,[300,600],null)}default:switch(a){case "d":return new $APP.O(null,2,5,$APP.P,[300,600],null);case "f":return new $APP.O(null,2,5,$APP.P,[500,1E3],null);case "s":return new $APP.O(null,2,5,$APP.P,[800,1500],null);default:return new $APP.O(null,2,5,$APP.P,[400,800],null)}}},z1=function(a,b){switch(b){case "ember":switch(a){case "d":return new $APP.O(null,
|
|
7
7
|
2,5,$APP.P,[.4,.8],null);case "f":return new $APP.O(null,2,5,$APP.P,[.5,.9],null);case "s":return new $APP.O(null,2,5,$APP.P,[.6,1],null);default:return new $APP.O(null,2,5,$APP.P,[.5,.9],null)}case "spark":switch(a){case "d":return new $APP.O(null,2,5,$APP.P,[.6,1],null);case "f":return new $APP.O(null,2,5,$APP.P,[.7,1],null);case "s":return new $APP.O(null,2,5,$APP.P,[.8,1],null);default:return new $APP.O(null,2,5,$APP.P,[.7,1],null)}default:switch(a){case "d":return new $APP.O(null,2,5,$APP.P,
|
|
8
|
-
[.3,.7],null);case "f":return new $APP.O(null,2,5,$APP.P,[.5,.9],null);case "s":return new $APP.O(null,2,5,$APP.P,[.7,1],null);default:return new $APP.O(null,2,5,$APP.P,[.4,.8],null)}}},
|
|
9
|
-
-(a-c/2))+(Math.random()-.5)*2*g;e*=.5+Math.random()*.5;return new $APP.O(null,2,5,$APP.P,[e*Math.cos(a),e*Math.sin(a)],null)},
|
|
10
|
-
"__xPBPhase")},
|
|
11
|
-
|
|
12
|
-
$APP.
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
y:40
|
|
24
|
-
|
|
25
|
-
m.
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
function(){C_(a,!1);return a0(a,z_(a))})},J0=function(a,b){function c(){return a0(a,b)}b["label-slot"].addEventListener("slotchange",c);b["icon-start-slot"].addEventListener("slotchange",c);b["icon-end-slot"].addEventListener("slotchange",c);b["spinner-slot"].addEventListener("slotchange",c)},K0=function(a,b,c){Object.defineProperty(a,b,{configurable:!0,enumerable:!0,get:function(){return this.hasAttribute(c)},set:function(d){return $APP.Eg(this,c,$APP.F(d))}})},M0=function(){var a=class extends HTMLElement{};
|
|
37
|
-
a.formAssociated=!0;a.observedAttributes=L0;a.prototype.connectedCallback=function(){if(!$APP.n(z_(this))){var b=this.attachShadow({mode:"open"});var c=$_("style"),d=$_("button"),e=$_("span"),g=$_("canvas"),h=$_("span"),l=$_("span"),m=$_("span"),p=$_("span"),q=$_("span"),v=$_("span"),x=$_("slot"),y=$_("slot"),A=$_("slot"),C=$_("slot");c.textContent=":host{display:inline-block;vertical-align:middle;position:relative;color-scheme:light dark;--x-particle-button-radius:var(--x-radius-md,0.75rem);--x-particle-button-gap:0.5rem;--x-particle-button-padding-inline:0.95rem;--x-particle-button-height-sm:2rem;--x-particle-button-height-md:2.5rem;--x-particle-button-height-lg:3rem;--x-particle-button-font-size-sm:0.875rem;--x-particle-button-font-size-md:0.9375rem;--x-particle-button-font-size-lg:1rem;--x-particle-button-font-weight:600;--x-particle-button-icon-size-sm:0.875rem;--x-particle-button-icon-size-md:1rem;--x-particle-button-icon-size-lg:1.125rem;--x-particle-button-spinner-size:1em;--x-particle-button-spinner-stroke:2px;--x-particle-button-shadow:var(--x-shadow-sm,0 1px 2px rgba(15,23,42,0.08),0 1px 1px rgba(15,23,42,0.04));--x-particle-button-shadow-hover:var(--x-shadow-md,0 4px 10px rgba(15,23,42,0.10),0 2px 4px rgba(15,23,42,0.06));--x-particle-button-shadow-active:var(--x-shadow-sm,0 1px 2px rgba(15,23,42,0.08));--x-particle-button-bg:var(--x-color-primary,#2563eb);--x-particle-button-bg-hover:var(--x-color-primary-hover,#1d4ed8);--x-particle-button-bg-active:var(--x-color-primary-active,#1e40af);--x-particle-button-bg-disabled:#cbd5e1;--x-particle-button-fg:#ffffff;--x-particle-button-fg-disabled:#ffffff;--x-particle-button-border:transparent;--x-particle-button-secondary-bg:var(--x-color-surface,#ffffff);--x-particle-button-secondary-bg-hover:var(--x-color-surface-hover,#f8fafc);--x-particle-button-secondary-bg-active:var(--x-color-surface-active,#f1f5f9);--x-particle-button-secondary-fg:var(--x-color-text,#0f172a);--x-particle-button-secondary-border:var(--x-color-border,#cbd5e1);--x-particle-button-tertiary-bg:var(--x-color-surface-active,#f1f5f9);--x-particle-button-tertiary-bg-hover:var(--x-color-surface-active,#e2e8f0);--x-particle-button-tertiary-bg-active:var(--x-color-border,#cbd5e1);--x-particle-button-tertiary-fg:var(--x-color-text,#0f172a);--x-particle-button-ghost-bg:transparent;--x-particle-button-ghost-bg-hover:var(--x-color-surface-hover,#f8fafc);--x-particle-button-ghost-bg-active:var(--x-color-surface-active,#f1f5f9);--x-particle-button-ghost-fg:var(--x-color-text-muted,#334155);--x-particle-button-danger-bg:var(--x-color-danger,#dc2626);--x-particle-button-danger-bg-hover:#b91c1c;--x-particle-button-danger-bg-active:#991b1b;--x-particle-button-danger-fg:#ffffff;--x-particle-button-success-bg:var(--x-color-success,#16a34a);--x-particle-button-success-bg-hover:#15803d;--x-particle-button-success-bg-active:#166534;--x-particle-button-success-fg:#ffffff;--x-particle-button-warning-bg:var(--x-color-warning,#d97706);--x-particle-button-warning-bg-hover:#b45309;--x-particle-button-warning-bg-active:#92400e;--x-particle-button-warning-fg:#ffffff;--x-particle-button-focus-ring:var(--x-color-focus-ring,#60a5fa);--x-particle-button-transition-duration:var(--x-transition-duration,140ms);--x-particle-button-transition-easing:var(--x-transition-easing,cubic-bezier(0.2,0,0,1));}@media (prefers-color-scheme: dark){:host{--x-particle-button-shadow:var(--x-shadow-sm,0 1px 2px rgba(0,0,0,0.35),0 1px 1px rgba(0,0,0,0.2));--x-particle-button-shadow-hover:var(--x-shadow-md,0 6px 14px rgba(0,0,0,0.35),0 2px 6px rgba(0,0,0,0.24));--x-particle-button-shadow-active:var(--x-shadow-sm,0 1px 2px rgba(0,0,0,0.3));--x-particle-button-bg:var(--x-color-primary,#3b82f6);--x-particle-button-bg-hover:var(--x-color-primary-hover,#2563eb);--x-particle-button-bg-active:var(--x-color-primary-active,#1d4ed8);--x-particle-button-bg-disabled:#334155;--x-particle-button-fg:#eff6ff;--x-particle-button-fg-disabled:#94a3b8;--x-particle-button-secondary-bg:var(--x-color-surface,#111827);--x-particle-button-secondary-bg-hover:var(--x-color-surface-hover,#1f2937);--x-particle-button-secondary-bg-active:var(--x-color-surface-active,#273449);--x-particle-button-secondary-fg:var(--x-color-text,#e5e7eb);--x-particle-button-secondary-border:var(--x-color-border,#374151);--x-particle-button-tertiary-bg:var(--x-color-surface-active,#1e293b);--x-particle-button-tertiary-bg-hover:var(--x-color-surface-active,#273449);--x-particle-button-tertiary-bg-active:var(--x-color-border,#334155);--x-particle-button-tertiary-fg:var(--x-color-text,#e5e7eb);--x-particle-button-ghost-bg:transparent;--x-particle-button-ghost-bg-hover:var(--x-color-surface-hover,#0f172a);--x-particle-button-ghost-bg-active:var(--x-color-surface-active,#172033);--x-particle-button-ghost-fg:var(--x-color-text-muted,#cbd5e1);--x-particle-button-danger-bg:var(--x-color-danger,#ef4444);--x-particle-button-danger-bg-hover:#dc2626;--x-particle-button-danger-bg-active:#b91c1c;--x-particle-button-danger-fg:#ffffff;--x-particle-button-success-bg:var(--x-color-success,#22c55e);--x-particle-button-success-bg-hover:#16a34a;--x-particle-button-success-bg-active:#15803d;--x-particle-button-success-fg:#ffffff;--x-particle-button-warning-bg:var(--x-color-warning,#f59e0b);--x-particle-button-warning-bg-hover:#d97706;--x-particle-button-warning-bg-active:#b45309;--x-particle-button-warning-fg:#ffffff;--x-particle-button-focus-ring:var(--x-color-focus-ring,#93c5fd);}}@keyframes x-particle-button-spin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}@keyframes x-pb-glow-pulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,0.3),var(--x-particle-button-shadow);}50%{box-shadow:0 0 12px 4px rgba(255,255,255,0.15),var(--x-particle-button-shadow);}100%{box-shadow:0 0 0 0 rgba(255,255,255,0),var(--x-particle-button-shadow);}}button{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;position:relative;inline-size:100%;min-inline-size:0;min-block-size:var(--x-particle-button-height-md);padding-inline:var(--x-particle-button-padding-inline);border-radius:var(--x-particle-button-radius);border:1px solid var(--x-particle-button-border);background:var(--x-particle-button-bg);color:var(--x-particle-button-fg);font-size:var(--x-particle-button-font-size-md);font-weight:var(--x-particle-button-font-weight);line-height:1;cursor:pointer;user-select:none;overflow:hidden;box-shadow:var(--x-particle-button-shadow);transition:background var(--x-particle-button-transition-duration) var(--x-particle-button-transition-easing),border-color var(--x-particle-button-transition-duration) var(--x-particle-button-transition-easing),color var(--x-particle-button-transition-duration) var(--x-particle-button-transition-easing),transform var(--x-particle-button-transition-duration) var(--x-particle-button-transition-easing),box-shadow var(--x-particle-button-transition-duration) var(--x-particle-button-transition-easing),opacity var(--x-particle-button-transition-duration) var(--x-particle-button-transition-easing),filter var(--x-particle-button-transition-duration) var(--x-particle-button-transition-easing);}button[disabled]{cursor:default;box-shadow:none;}button:focus-visible{outline:none;box-shadow:0 0 0 3px var(--x-particle-button-focus-ring),var(--x-particle-button-shadow);}button[data-hover\x3d'true']:not([disabled]){transform:translateY(-1px);box-shadow:var(--x-particle-button-shadow-hover);}button[data-active\x3d'true']:not([disabled]){transform:translateY(1px) scale(0.97);box-shadow:var(--x-particle-button-shadow-active);}button[data-glow-pulse\x3d'true']{animation:x-pb-glow-pulse 400ms ease-out;}button[data-size\x3d'sm']{min-block-size:var(--x-particle-button-height-sm);font-size:var(--x-particle-button-font-size-sm);}button[data-size\x3d'md']{min-block-size:var(--x-particle-button-height-md);font-size:var(--x-particle-button-font-size-md);}button[data-size\x3d'lg']{min-block-size:var(--x-particle-button-height-lg);font-size:var(--x-particle-button-font-size-lg);}button[data-variant\x3d'primary']{background:var(--x-particle-button-bg);color:var(--x-particle-button-fg);border-color:var(--x-particle-button-border);}button[data-variant\x3d'primary'][data-hover\x3d'true']:not([disabled]){background:var(--x-particle-button-bg-hover);}button[data-variant\x3d'primary'][data-active\x3d'true']:not([disabled]){background:var(--x-particle-button-bg-active);}button[data-variant\x3d'secondary']{background:var(--x-particle-button-secondary-bg);color:var(--x-particle-button-secondary-fg);border-color:var(--x-particle-button-secondary-border);}button[data-variant\x3d'secondary'][data-hover\x3d'true']:not([disabled]){background:var(--x-particle-button-secondary-bg-hover);}button[data-variant\x3d'secondary'][data-active\x3d'true']:not([disabled]){background:var(--x-particle-button-secondary-bg-active);}button[data-variant\x3d'tertiary']{background:var(--x-particle-button-tertiary-bg);color:var(--x-particle-button-tertiary-fg);border-color:transparent;box-shadow:none;}button[data-variant\x3d'tertiary'][data-hover\x3d'true']:not([disabled]){background:var(--x-particle-button-tertiary-bg-hover);}button[data-variant\x3d'tertiary'][data-active\x3d'true']:not([disabled]){background:var(--x-particle-button-tertiary-bg-active);}button[data-variant\x3d'ghost']{background:var(--x-particle-button-ghost-bg);color:var(--x-particle-button-ghost-fg);border-color:transparent;box-shadow:none;}button[data-variant\x3d'ghost'][data-hover\x3d'true']:not([disabled]){background:var(--x-particle-button-ghost-bg-hover);}button[data-variant\x3d'ghost'][data-active\x3d'true']:not([disabled]){background:var(--x-particle-button-ghost-bg-active);}button[data-variant\x3d'danger']{background:var(--x-particle-button-danger-bg);color:var(--x-particle-button-danger-fg);border-color:transparent;}button[data-variant\x3d'danger'][data-hover\x3d'true']:not([disabled]){background:var(--x-particle-button-danger-bg-hover);}button[data-variant\x3d'danger'][data-active\x3d'true']:not([disabled]){background:var(--x-particle-button-danger-bg-active);}button[data-variant\x3d'success']{background:var(--x-particle-button-success-bg);color:var(--x-particle-button-success-fg);border-color:transparent;}button[data-variant\x3d'success'][data-hover\x3d'true']:not([disabled]){background:var(--x-particle-button-success-bg-hover);}button[data-variant\x3d'success'][data-active\x3d'true']:not([disabled]){background:var(--x-particle-button-success-bg-active);}button[data-variant\x3d'warning']{background:var(--x-particle-button-warning-bg);color:var(--x-particle-button-warning-fg);border-color:transparent;}button[data-variant\x3d'warning'][data-hover\x3d'true']:not([disabled]){background:var(--x-particle-button-warning-bg-hover);}button[data-variant\x3d'warning'][data-active\x3d'true']:not([disabled]){background:var(--x-particle-button-warning-bg-active);}button[data-loading\x3d'true']{cursor:progress;}button[data-disabled\x3d'true']{background:var(--x-particle-button-bg-disabled);color:var(--x-particle-button-fg-disabled);border-color:transparent;opacity:0.72;}[part\x3d'material-overlay']{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:1;background:radial-gradient(circle at var(--_mx,50%) var(--_my,50%),rgba(255,255,255,0.12) 0%,transparent 60%);opacity:0;transition:opacity 200ms ease;}button[data-hover\x3d'true']:not([disabled]) [part\x3d'material-overlay']{opacity:1;}button[data-active\x3d'true']:not([disabled]) [part\x3d'material-overlay']{opacity:0.7;}[part\x3d'inner']{display:inline-flex;align-items:center;justify-content:center;gap:var(--x-particle-button-gap);min-inline-size:0;position:relative;z-index:2;}[part\x3d'label']{display:inline-flex;align-items:center;justify-content:center;min-inline-size:0;white-space:nowrap;}[part\x3d'icon-start'],[part\x3d'icon-end'],[part\x3d'spinner']{display:inline-flex;align-items:center;justify-content:center;flex:none;}button[data-size\x3d'sm'] [part\x3d'icon-start'],button[data-size\x3d'sm'] [part\x3d'icon-end']{inline-size:var(--x-particle-button-icon-size-sm);block-size:var(--x-particle-button-icon-size-sm);}button[data-size\x3d'md'] [part\x3d'icon-start'],button[data-size\x3d'md'] [part\x3d'icon-end']{inline-size:var(--x-particle-button-icon-size-md);block-size:var(--x-particle-button-icon-size-md);}button[data-size\x3d'lg'] [part\x3d'icon-start'],button[data-size\x3d'lg'] [part\x3d'icon-end']{inline-size:var(--x-particle-button-icon-size-lg);block-size:var(--x-particle-button-icon-size-lg);}[part\x3d'spinner']{inline-size:var(--x-particle-button-spinner-size);block-size:var(--x-particle-button-spinner-size);position:relative;}[part\x3d'spinner-slot']{display:inline-flex;align-items:center;justify-content:center;}[part\x3d'spinner-fallback']{display:none;inline-size:100%;block-size:100%;box-sizing:border-box;border-radius:999px;border:var(--x-particle-button-spinner-stroke) solid currentColor;border-inline-end-color:transparent;animation:x-particle-button-spin 0.7s linear infinite;opacity:0.9;}button[data-has-icon-start\x3d'false'] [part\x3d'icon-start']{display:none;}button[data-has-icon-end\x3d'false'] [part\x3d'icon-end']{display:none;}button[data-loading\x3d'false'] [part\x3d'spinner']{display:none;}button[data-loading\x3d'true'][data-has-spinner\x3d'false'] [part\x3d'spinner-fallback']{display:inline-block;}button[data-loading\x3d'true'][data-has-spinner\x3d'true'] [part\x3d'spinner-fallback']{display:none;}[part\x3d'canvas']{position:absolute;inset:-24px;inline-size:calc(100% + 48px);block-size:calc(100% + 48px);pointer-events:none;z-index:3;}button[data-mode\x3d'disperse'][data-phase\x3d'press-burst'] [part\x3d'inner']{opacity:0.85;transition:opacity 200ms ease;}button[data-phase\x3d'press-burst']:not([disabled]){filter:blur(0.5px) brightness(1.05);}button[data-phase\x3d'press-reform']:not([disabled]){filter:blur(0.4px) brightness(1.03);}button[data-mode\x3d'disperse'][data-phase\x3d'press-burst']:not([disabled]){filter:blur(1px) brightness(1.08);}@media (prefers-reduced-motion: reduce){button{transition:none;filter:none !important;}[part\x3d'spinner-fallback']{animation:none;}[part\x3d'canvas']{display:none;}[part\x3d'material-overlay']{display:none;}button[data-glow-pulse\x3d'true']{animation:none;}}@media (pointer:coarse){button{min-block-size:2.75rem;}button[data-size\x3d'sm']{min-block-size:2.75rem;}}";
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
b.
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
"
|
|
46
|
-
|
|
47
|
-
"
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
$APP.
|
|
52
|
-
|
|
53
|
-
"__xPBRaf"))&&y_(a,"__xPBRaf",requestAnimationFrame(function(){return p0.g?p0.g(a):p0.call(null,a)}))}return null};$APP.ha("baredom.exports.x_particle_button.init",N0);export const init=N0;
|
|
8
|
+
[.3,.7],null);case "f":return new $APP.O(null,2,5,$APP.P,[.5,.9],null);case "s":return new $APP.O(null,2,5,$APP.P,[.7,1],null);default:return new $APP.O(null,2,5,$APP.P,[.4,.8],null)}}},A1=function(a,b){var c=2*(a+b)*Math.random();return c<a?new $APP.O(null,4,5,$APP.P,[c,0,0,-1],null):c<a+b?new $APP.O(null,4,5,$APP.P,[a,c-a,1,0],null):c<a+b+a?new $APP.O(null,4,5,$APP.P,[a-(c-(a+b)),b,0,1],null):new $APP.O(null,4,5,$APP.P,[0,b-(c-(a+b+a)),-1,0],null)},B1=function(a,b,c,d,e,g){a=Math.atan2(-(b-d/2),
|
|
9
|
+
-(a-c/2))+(Math.random()-.5)*2*g;e*=.5+Math.random()*.5;return new $APP.O(null,2,5,$APP.P,[e*Math.cos(a),e*Math.sin(a)],null)},C1=function(a,b,c){a[b]=c},D1=function(a){return $APP.k(a,"__xPBState")},E1=function(a){return $APP.B.i(!0,$APP.k(a,"__xPBHover"))},F1=function(a,b){a.__xPBHover=$APP.F(b)},G1=function(a,b){a.__xPBFocusVisible=$APP.F(b)},H1=function(a){return $APP.k(a,"__xPBActiveSource")},I1=function(a,b){a.__xPBActiveSource=b},J1=function(a,b){a.__xPBLastActivation=b},K1=function(a){return $APP.k(a,
|
|
10
|
+
"__xPBPhase")},N1=function(a,b){var c=$APP.k(a,"__xPBPhase");a.__xPBPhase=b;a=$APP.k(a,"__xPBState");$APP.n(a)&&(a=a.button,$APP.n(a)&&($APP.B.i(L1,b)?a.removeAttribute("data-phase"):a.setAttribute("data-phase",$APP.Yf(b)),$APP.B.i(M1,c)&&$APP.N(M1,b)&&a.style.removeProperty("filter")))},O1=function(){return $APP.F(window.matchMedia("(prefers-reduced-motion:reduce)").matches)},U1=function(a){var b=a.getAttribute("form");b=$APP.n(b)?document.getElementById(b):null;return $APP.n(b)?b:a.closest("form")},
|
|
11
|
+
v2=function(a){a=$APP.zf([o2,$APP.kk,$APP.lh,p2,$APP.Oj,$APP.Z,$APP.Pk,$APP.di,q2,$APP.Ql,$APP.T,$APP.Uk],[a.getAttribute("particle-size"),a.hasAttribute("disabled"),a.getAttribute("variant"),a.getAttribute("reassemble-speed"),a.getAttribute("mode"),a.getAttribute("type"),a.getAttribute("intensity"),a.getAttribute("size"),a.getAttribute("particle-count"),a.hasAttribute("loading"),a.getAttribute("label"),a.hasAttribute("pressed")]);var b=$APP.M(a);a=$APP.D(b,$APP.Uk);var c=$APP.D(b,o2),d=$APP.D(b,
|
|
12
|
+
$APP.lh),e=$APP.D(b,$APP.kk),g=$APP.D(b,p2),h=$APP.D(b,$APP.Oj),l=$APP.D(b,$APP.Z),m=$APP.D(b,q2),p=$APP.D(b,$APP.Pk),r=$APP.D(b,$APP.di),v=$APP.D(b,$APP.Ql);b=$APP.D(b,$APP.T);return $APP.zf([o2,$APP.kk,$APP.lh,p2,$APP.Oj,$APP.Z,$APP.Pk,$APP.di,q2,$APP.Ql,$APP.T,$APP.Uk],[s1(c,3,1,8),$APP.F(e),r1(d,r2,"primary"),s1(g,500,100,2E3),r1(h,s2,"dust"),r1(l,t2,"button"),s1(p,50,1,100),r1(r,u2,"md"),s1(m,40,10,100),$APP.F(v),typeof b==="string"?b:null,$APP.F(a)])},w2=function(a){return a.assignedNodes({flatten:!0})},
|
|
13
|
+
x2=function(a,b,c){c=c<0?c+1:c>1?c-1:c;return c<1/6?a+(b-a)*6*c:c<.5?b:c<2/3?a+(b-a)*(2/3-c)*6:a},y2=function(a,b,c){a=Math.round($APP.ed(a,360))/360;c=Math.max(0,Math.min(1,c));b=Math.max(0,Math.min(1,b));if($APP.B.i(0,b))return a=Math.round(c*255),"rgb("+$APP.S.g(a)+","+$APP.S.g(a)+","+$APP.S.g(a)+")";b=c<.5?c*(1+b):c+b-c*b;c=2*c-b;var d=Math.round(255*x2(c,b,a)),e=Math.round(255*x2(c,b,a-1/3));return"rgb("+$APP.S.g(Math.round(255*x2(c,b,a+1/3)))+","+$APP.S.g(d)+","+$APP.S.g(e)+")"},A2=function(a){var b=
|
|
14
|
+
getComputedStyle(D1(a).button).backgroundColor;z2.fillStyle="#000";z2.fillStyle=b;z2.fillRect(0,0,1,1);b=z2.getImageData(0,0,1,1).data;var c=new $APP.O(null,3,5,$APP.P,[b[0],b[1],b[2]],null);b=$APP.Ac(c,0,null);var d=$APP.Ac(c,1,null);c=$APP.Ac(c,2,null);b/=255;d/=255;var e=c/255,g=Math.max(b,d,e),h=Math.min(b,d,e);c=(g+h)/2;if($APP.B.i(g,h))c=new $APP.O(null,3,5,$APP.P,[0,0,c],null);else{var l=g-h;h=c>.5?l/(2-g-h):l/(g+h);b=$APP.B.i(g,b)?((d-e)/l+(d<e?6:0))/6:$APP.B.i(g,d)?((e-b)/l+2)/6:((b-d)/l+
|
|
15
|
+
4)/6;c=new $APP.O(null,3,5,$APP.P,[b*360,h,c],null)}b=$APP.Ac(c,0,null);d=$APP.Ac(c,1,null);h=$APP.Ac(c,2,null);c=y2(b,d,h);e=y2(b,Math.max(0,d-.1),Math.min(1,h+.25));g=y2(b+15,d,h);l=y2(b-15,d,Math.min(1,h+.05));b=y2(b,d*.3,Math.min(1,h+.45));a.__xPBColorPalette=[c,e,g,l,b]},B2=function(a){return document.createElement(a)},C2=function(a,b){var c=b.button,d=b["label-slot"],e=b["icon-start-slot"],g=b["icon-end-slot"],h=b["spinner-slot"];b=v2(a);var l;a:{d=w2(d);for(var m=0;;)if(m<d.length){var p=d[m],
|
|
16
|
+
r=p;if(l=$APP.B.i(r.nodeType,Node.TEXT_NODE))l=r.textContent,l=$APP.N("",($APP.n(l)?l:"").trim());if(!l){l=p;if(p=$APP.B.i(l.nodeType,Node.ELEMENT_NODE))p=l.textContent,p=$APP.N("",($APP.n(p)?p:"").trim());l=p}if(l){l=!0;break a}m+=1}else{l=!1;break a}l=void 0}e=w2(e).length>0;g=w2(g).length>0;h=w2(h).length>0;d=E1(a);m=H1(a)!=null;p=$APP.B.i(!0,$APP.k(a,"__xPBFocusVisible"));l=$APP.Hh.m(b,$APP.Hk,l);r=$APP.M(l);l=$APP.D(r,$APP.T);r=$APP.D(r,$APP.Hk);l=$APP.q(r)&&$APP.bh(l)?l:null;c.setAttribute("type",
|
|
17
|
+
$APP.Z.g(b));r=$APP.kk.g(b);r=$APP.n(r)?r:$APP.Ql.g(b);c.disabled=r;r=$APP.M(b);r=$APP.D(r,$APP.Ql);r=$APP.n(r)?"true":null;$APP.n(r)?c.setAttribute("aria-busy",r):c.removeAttribute("aria-busy");$APP.n($APP.Uk.g(b))?c.setAttribute("aria-pressed","true"):c.removeAttribute("aria-pressed");$APP.n(l)?c.setAttribute("aria-label",l):c.removeAttribute("aria-label");c.setAttribute("data-variant",$APP.lh.g(b));c.setAttribute("data-size",$APP.di.g(b));c.setAttribute("data-mode",$APP.Oj.g(b));c.setAttribute("data-loading",
|
|
18
|
+
$APP.n($APP.Ql.g(b))?"true":"false");c.setAttribute("data-disabled",$APP.n($APP.kk.g(b))?"true":"false");c.setAttribute("data-hover",d?"true":"false");c.setAttribute("data-active",m?"true":"false");c.setAttribute("data-focus-visible",p?"true":"false");c.setAttribute("data-has-icon-start",e?"true":"false");c.setAttribute("data-has-icon-end",g?"true":"false");c.setAttribute("data-has-spinner",h?"true":"false");a.setAttribute("data-variant",$APP.lh.g(b));a.setAttribute("data-size",$APP.di.g(b));return a.setAttribute("data-mode",
|
|
19
|
+
$APP.Oj.g(b))},D2=function(a,b,c,d,e,g){var h=$APP.k(a,"__xPBParticles");if($APP.n(h)){a:{for(var l=h.length,m=0;;)if(m<l){var p=h[m];if($APP.q(p.alive)){h=p;break a}m+=1}else{h=null;break a}h=void 0}if($APP.n(h)){l=v2(a);a=o2.g(l);var r=$APP.Oj.g(l);l=x1(b,a,r);a=$APP.Ac(l,0,null);m=$APP.Ac(l,1,null);p=y1(b,r);l=$APP.Ac(p,0,null);p=$APP.Ac(p,1,null);var v=z1(b,r);r=$APP.Ac(v,0,null);v=$APP.Ac(v,1,null);a+=Math.random()*(m-a);l+=Math.random()*(p-l);m=r+Math.random()*(v-r);p=Math.random()<.12;r=Math.random();
|
|
20
|
+
r=r<.4?0:r<.6?1:r<.75?2:r<.9?3:4;h.alive=!0;h.type=b;h.x=c;h.y=d;h.vx=e;h.vy=g;h.size=a;h.sizeY=$APP.B.i(b,"s")?a*(3+Math.random()*3):a;h.opacity=m;h.maxOpacity=m;h.lifetime=p?l*1.5:l;h.age=0;h.colorIdx=r;h.blur=$APP.B.i(b,"d")&&Math.random()<.3?1:0;h.homeX=c;h.homeY=d;h.tx0=c;h.ty0=d;h.tx1=c;h.ty1=d;h.tx2=c;h.ty2=d;h.tlen=0}}},K2=function(a,b){var c=v2(a);c=E2($APP.Oj.g(c));var d=F2.g(c),e=function(){var y=$APP.k(a,"__xPBHoverAccum");return $APP.n(y)?y:0}()+b/16.667*d;b=function(){var y=$APP.k(a,
|
|
21
|
+
"__xPBCanvasW");return $APP.n(y)?y:100}();d=function(){var y=$APP.k(a,"__xPBCanvasH");return $APP.n(y)?y:40}();a.__xPBHoverAccum=e-Math.floor(e);e=Math.floor(e);for(var g=0;;)if(g<e){var h=w1(c),l=$APP.B.i(G2,H2.g(c))&&Math.random()<.3?new $APP.O(null,4,5,$APP.P,[Math.random()*b,Math.random()*d,0,-1],null):A1(b,d),m=$APP.Ac(l,0,null),p=$APP.Ac(l,1,null),r=$APP.Ac(l,2,null);l=$APP.Ac(l,3,null);var v=I2.g(c),x=J2.g(c);D2(a,h,m,p,r*.5+(Math.random()-.5)*x,l*.5+v+Math.random()*.3);g+=1}else break},P2=
|
|
22
|
+
function(a){var b=v2(a),c=E2($APP.Oj.g(b));b=$APP.Pk.g(b)/50;b*=L2.g(c);var d=M2.g(c),e=N2.g(c),g=O2.g(c);e+=Math.round(Math.random()*(g-e));g=function(){var y=$APP.k(a,"__xPBPressX");$APP.n(y)||(y=$APP.k(a,"__xPBCanvasW"),y=($APP.n(y)?y:100)/2);return y}();for(var h=function(){var y=$APP.k(a,"__xPBPressY");$APP.n(y)||(y=$APP.k(a,"__xPBCanvasH"),y=($APP.n(y)?y:40)/2);return y}(),l=function(){var y=$APP.k(a,"__xPBCanvasW");return $APP.n(y)?y:100}(),m=function(){var y=$APP.k(a,"__xPBCanvasH");return $APP.n(y)?
|
|
23
|
+
y:40}(),p=0;;)if(p<e){var r=w1(c),v=B1(g,h,l,m,b,d),x=$APP.Ac(v,0,null);v=$APP.Ac(v,1,null);D2(a,r,g+(Math.random()-.5)*6,h+(Math.random()-.5)*6,x,v);p+=1}else break},Q2=function(a){var b=$APP.k(a,"__xPBRaf");$APP.n(b)&&(cancelAnimationFrame(b),a.__xPBRaf=null)},S2=function(a){if($APP.n($APP.k(a,"__xPBRaf")))return null;C1(a,"__xPBLastTime",performance.now());return C1(a,"__xPBRaf",requestAnimationFrame(function(){return R2.g?R2.g(a):R2.call(null,a)}))},T2=function(a){for(var b=a.length,c=0,d=0;;)if(c<
|
|
24
|
+
b)d=$APP.n(a[c].alive)?d+1:d,c+=1;else return d},X2=function(a,b){var c=$APP.k(a,"__xPBParticles"),d=v2(a),e=E2($APP.Oj.g(d));d=U2.g(e);var g=$APP.zk.g(e);e=V2.g(e);a=$APP.B.i(W2,K1(a));if($APP.n(c))for(var h=c.length,l=0;;)if(l<h){var m=c[l];if($APP.n(m.alive)){var p=m.age+b,r=m.lifetime;m.age=p;if(p>=r)m.alive=!1;else{var v=m.vx*g,x=(m.vy+d)*g;v=a?v+(m.homeX-m.x)*e:v;x=a?x+(m.homeY-m.y)*e:x;m.vx=v;m.vy=x;m.x+=b/16.667*v;m.y+=b/16.667*x;p/=r;m.opacity=m.maxOpacity*(p>.6?1-(p-.6)/.4:1);$APP.B.i("s",
|
|
25
|
+
m.type)&&(p=m.tlen,m.tx2=m.tx1,m.ty2=m.ty1,m.tx1=m.tx0,m.ty1=m.ty0,m.tx0=m.x,m.ty0=m.y,p<3&&(m.tlen=p+1))}}l+=1}else break},$2=function(a){var b=$APP.k(a,"__xPBCtx"),c=$APP.k(a,"__xPBCanvas"),d=c.width,e=c.height;c=Math.min(2,devicePixelRatio);var g=$APP.k(a,"__xPBPad");g=($APP.n(g)?g:24)*c;var h=$APP.k(a,"__xPBParticles"),l=$APP.k(a,"__xPBColorPalette");a=v2(a);var m=E2($APP.Oj.g(a));a=Y2.g(m);m=Z2.g(m);b.clearRect(0,0,d,e);if($APP.n($APP.n(h)?l:h))for(d=h.length,e=0;;)if(e<d){var p=h[e];if($APP.n(p.alive)){var r=
|
|
26
|
+
p.x*c+g,v=p.y*c+g,x=p.size*c,y=p.opacity,A=l[p.colorIdx],C=p.type;b.fillStyle=A;switch(C){case "d":$APP.n(a)&&(b.globalAlpha=y*.1,b.beginPath(),b.arc(r,v,x*2.5,0,2*Math.PI),b.fill(),b.globalAlpha=y*.2,b.beginPath(),b.arc(r,v,x*1.6,0,2*Math.PI),b.fill());b.globalAlpha=y;b.beginPath();b.arc(r,v,x,0,2*Math.PI);b.fill();$APP.n(m)&&(b.globalAlpha=Math.min(1,y*1.5),b.fillStyle="#ffffff",b.beginPath(),b.arc(r,v,x*.3,0,2*Math.PI),b.fill(),b.fillStyle=A);$APP.q(a)&&p.blur>0&&(b.globalAlpha=y*.15,b.beginPath(),
|
|
27
|
+
b.arc(r,v,x*1.5,0,2*Math.PI),b.fill());break;case "f":A=x;x*=.3;$APP.n(a)&&(b.globalAlpha=y*.08,b.beginPath(),b.arc(r,v,A*2,0,2*Math.PI),b.fill());b.globalAlpha=y;b.beginPath();b.roundRect(r-A,v-A,A*2,A*2,x);b.fill();break;case "s":C=p.sizeY*c;var E=p.tlen,H=p.tx1*c+g,G=p.ty1*c+g,J=p.tx2*c+g;p=p.ty2*c+g;E>0&&(b.globalAlpha=y*.15,b.fillRect(J-x*.5,p-C*.5,x,C),E>1&&(b.globalAlpha=y*.35,b.fillRect(H-x*.5,G-C*.5,x,C)));b.globalAlpha=y;b.fillRect(r-x*.5,v-C*.5,x,C);$APP.n(m)&&(b.globalAlpha=Math.min(1,
|
|
28
|
+
y*1.3),b.fillStyle="#ffffff",b.fillRect(r-x*.3,v-C*.3,x*.6,C*.6),b.fillStyle=A)}}e+=1}else break;b.globalAlpha=1},a3=function(a,b){var c=new ResizeObserver(function(d){if(d.length>0){var e=d[0].contentRect;d=e.width;e=e.height;if(d>0&&e>0){var g=$APP.k(a,"__xPBCanvas"),h=Math.min(2,devicePixelRatio),l=Math.floor((d+48)*h);h=Math.floor((e+48)*h);l>0&&h>0&&(g.width=l,g.height=h,a.__xPBCanvasW=d,a.__xPBCanvasH=e,a.__xPBPad=24);return A2(a)}}return null});c.observe(b);a.__xPBResizeObs=c},b3=function(a){var b=
|
|
29
|
+
H1(a);return $APP.n(b)?(I1(a,null),$APP.Qg(a,"press-end",{source:b}),b=D1(a),$APP.n(b)?C2(a,b):null):null},d3=function(a){t1(v2(a))||(F1(a,!1),I1(a,null),$APP.N(L1,K1(a))&&N1(a,c3))},e3=function(a){a=D1(a);if($APP.n(a)){var b=a.button;b.setAttribute("data-glow-pulse","true");b.addEventListener("animationend",function d(){b.removeAttribute("data-glow-pulse");return b.removeEventListener("animationend",d)},{once:!0})}},f3=function(a,b){b.addEventListener("pointermove",function(c){var d=b.getBoundingClientRect(),
|
|
30
|
+
e=(c.clientX-d.left)/d.width*100;c=(c.clientY-d.top)/d.height*100;b.style.setProperty("--_mx",""+$APP.S.g(e)+"%");b.style.setProperty("--_my",""+$APP.S.g(c)+"%");a.__xPBPointerMX=e;a.__xPBPointerMY=c},{passive:!0})},g3=function(a,b){b.addEventListener("pointerenter",function(){if(t1(v2(a))){if(E1(a))return null;F1(a,!0);C2(a,D1(a));$APP.Qg(a,"hover-start",{});if(O1())return null;var c=K1(a);var d=new $APP.R(null,new $APP.Q(null,2,[L1,null,c3,null],null),null);c=d.g?d.g(c):d.call(null,c);if($APP.n(c))return N1(a,
|
|
31
|
+
M1),a.__xPBHoverAccum=0,c=performance.now(),a.__xPBHoverStart=c,S2(a)}return null});b.addEventListener("pointerleave",function(){if(E1(a)&&(F1(a,!1),C2(a,D1(a)),t1(v2(a))&&$APP.Qg(a,"hover-end",{}),$APP.B.i(M1,K1(a)))){N1(a,c3);var c=D1(a);$APP.n(c)&&c.button.style.removeProperty("filter")}return $APP.B.i("pointer",H1(a))?b3(a):null})},i3=function(a,b){b.addEventListener("pointerdown",function(c){if(t1(v2(a))){var d=b.getBoundingClientRect(),e=c.clientY-d.top;a.__xPBPressX=c.clientX-d.left;a.__xPBPressY=
|
|
32
|
+
e;if($APP.n(H1(a)))return null;J1(a,"pointer");I1(a,"pointer");C2(a,D1(a));return $APP.Qg(a,"press-start",{source:"pointer"})}return null});b.addEventListener("pointerup",function(){return $APP.B.i("pointer",H1(a))?b3(a):null});b.addEventListener("pointercancel",function(){return $APP.B.i("pointer",H1(a))?b3(a):null});b.addEventListener("keydown",function(c){c=c.key;if(t1(v2(a))&&($APP.B.i(c,"Enter")||$APP.B.i(c," "))){if($APP.B.i("keyboard",H1(a)))return null;C1(a,"__xPBPressX",function(){var d=
|
|
33
|
+
$APP.k(a,"__xPBCanvasW");return $APP.n(d)?d:100}()/2);C1(a,"__xPBPressY",function(){var d=$APP.k(a,"__xPBCanvasH");return $APP.n(d)?d:40}()/2);J1(a,"keyboard");I1(a,"keyboard");C2(a,D1(a));return $APP.Qg(a,"press-start",{source:"keyboard"})}return null});b.addEventListener("keyup",function(c){c=c.key;return $APP.B.i("keyboard",H1(a))&&($APP.B.i(c,"Enter")||$APP.B.i(c," "))?b3(a):null});b.addEventListener("blur",function(){return $APP.n(H1(a))?b3(a):null});b.addEventListener("click",function(){if(t1(v2(a))){var c=
|
|
34
|
+
function(){var e=$APP.k(a,"__xPBLastActivation");return $APP.n(e)?e:"programmatic"}(),d=v2(a);$APP.Qg(a,"press",{source:c});e3(a);!O1()&&$APP.q(function(){var e=K1(a),g=new $APP.R(null,new $APP.Q(null,2,[W2,null,h3,null],null),null);return g.g?g.g(e):g.call(null,e)}())&&(N1(a,h3),a.__xPBBurstFrame=0,C1(a,"__xPBBurstStart",performance.now()),$APP.Qg(a,"burst",{mode:$APP.Oj.g(d),"press-x":function(){var e=$APP.k(a,"__xPBPressX");return $APP.n(e)?e:0}(),"press-y":function(){var e=$APP.k(a,"__xPBPressY");
|
|
35
|
+
return $APP.n(e)?e:0}()}),S2(a));J1(a,null);c=$APP.Z.g(d);d=U1(a);return $APP.n(d)?$APP.B.i(c,"submit")?d.requestSubmit():$APP.B.i(c,"reset")?d.reset():null:null}return null})},j3=function(a,b){b.addEventListener("focus",function(){var c=b.matches(":focus-visible");G1(a,c);C2(a,D1(a));return $APP.n(c)?$APP.Qg(a,"focus-visible",{}):null});b.addEventListener("blur",function(){G1(a,!1);return C2(a,D1(a))})},k3=function(a,b){function c(){return C2(a,b)}b["label-slot"].addEventListener("slotchange",c);
|
|
36
|
+
b["icon-start-slot"].addEventListener("slotchange",c);b["icon-end-slot"].addEventListener("slotchange",c);b["spinner-slot"].addEventListener("slotchange",c)},l3=function(a){if(!$APP.n(D1(a))){var b=a.attachShadow({mode:"open"});var c=B2("style"),d=B2("button"),e=B2("span"),g=B2("canvas"),h=B2("span"),l=B2("span"),m=B2("span"),p=B2("span"),r=B2("span"),v=B2("span"),x=B2("slot"),y=B2("slot"),A=B2("slot"),C=B2("slot");c.textContent=":host{display:inline-block;vertical-align:middle;position:relative;color-scheme:light dark;--x-particle-button-radius:var(--x-radius-md,0.75rem);--x-particle-button-gap:0.5rem;--x-particle-button-padding-inline:0.95rem;--x-particle-button-height-sm:2rem;--x-particle-button-height-md:2.5rem;--x-particle-button-height-lg:3rem;--x-particle-button-font-size-sm:0.875rem;--x-particle-button-font-size-md:0.9375rem;--x-particle-button-font-size-lg:1rem;--x-particle-button-font-weight:600;--x-particle-button-icon-size-sm:0.875rem;--x-particle-button-icon-size-md:1rem;--x-particle-button-icon-size-lg:1.125rem;--x-particle-button-spinner-size:1em;--x-particle-button-spinner-stroke:2px;--x-particle-button-shadow:var(--x-shadow-sm,0 1px 2px rgba(15,23,42,0.08),0 1px 1px rgba(15,23,42,0.04));--x-particle-button-shadow-hover:var(--x-shadow-md,0 4px 10px rgba(15,23,42,0.10),0 2px 4px rgba(15,23,42,0.06));--x-particle-button-shadow-active:var(--x-shadow-sm,0 1px 2px rgba(15,23,42,0.08));--x-particle-button-bg:var(--x-color-primary,#2563eb);--x-particle-button-bg-hover:var(--x-color-primary-hover,#1d4ed8);--x-particle-button-bg-active:var(--x-color-primary-active,#1e40af);--x-particle-button-bg-disabled:#cbd5e1;--x-particle-button-fg:#ffffff;--x-particle-button-fg-disabled:#ffffff;--x-particle-button-border:transparent;--x-particle-button-secondary-bg:var(--x-color-surface,#ffffff);--x-particle-button-secondary-bg-hover:var(--x-color-surface-hover,#f8fafc);--x-particle-button-secondary-bg-active:var(--x-color-surface-active,#f1f5f9);--x-particle-button-secondary-fg:var(--x-color-text,#0f172a);--x-particle-button-secondary-border:var(--x-color-border,#cbd5e1);--x-particle-button-tertiary-bg:var(--x-color-surface-active,#f1f5f9);--x-particle-button-tertiary-bg-hover:var(--x-color-surface-active,#e2e8f0);--x-particle-button-tertiary-bg-active:var(--x-color-border,#cbd5e1);--x-particle-button-tertiary-fg:var(--x-color-text,#0f172a);--x-particle-button-ghost-bg:transparent;--x-particle-button-ghost-bg-hover:var(--x-color-surface-hover,#f8fafc);--x-particle-button-ghost-bg-active:var(--x-color-surface-active,#f1f5f9);--x-particle-button-ghost-fg:var(--x-color-text-muted,#334155);--x-particle-button-danger-bg:var(--x-color-danger,#dc2626);--x-particle-button-danger-bg-hover:#b91c1c;--x-particle-button-danger-bg-active:#991b1b;--x-particle-button-danger-fg:#ffffff;--x-particle-button-success-bg:var(--x-color-success,#16a34a);--x-particle-button-success-bg-hover:#15803d;--x-particle-button-success-bg-active:#166534;--x-particle-button-success-fg:#ffffff;--x-particle-button-warning-bg:var(--x-color-warning,#d97706);--x-particle-button-warning-bg-hover:#b45309;--x-particle-button-warning-bg-active:#92400e;--x-particle-button-warning-fg:#ffffff;--x-particle-button-focus-ring:var(--x-color-focus-ring,#60a5fa);--x-particle-button-transition-duration:var(--x-transition-duration,140ms);--x-particle-button-transition-easing:var(--x-transition-easing,cubic-bezier(0.2,0,0,1));}@media (prefers-color-scheme: dark){:host{--x-particle-button-shadow:var(--x-shadow-sm,0 1px 2px rgba(0,0,0,0.35),0 1px 1px rgba(0,0,0,0.2));--x-particle-button-shadow-hover:var(--x-shadow-md,0 6px 14px rgba(0,0,0,0.35),0 2px 6px rgba(0,0,0,0.24));--x-particle-button-shadow-active:var(--x-shadow-sm,0 1px 2px rgba(0,0,0,0.3));--x-particle-button-bg:var(--x-color-primary,#3b82f6);--x-particle-button-bg-hover:var(--x-color-primary-hover,#2563eb);--x-particle-button-bg-active:var(--x-color-primary-active,#1d4ed8);--x-particle-button-bg-disabled:#334155;--x-particle-button-fg:#eff6ff;--x-particle-button-fg-disabled:#94a3b8;--x-particle-button-secondary-bg:var(--x-color-surface,#111827);--x-particle-button-secondary-bg-hover:var(--x-color-surface-hover,#1f2937);--x-particle-button-secondary-bg-active:var(--x-color-surface-active,#273449);--x-particle-button-secondary-fg:var(--x-color-text,#e5e7eb);--x-particle-button-secondary-border:var(--x-color-border,#374151);--x-particle-button-tertiary-bg:var(--x-color-surface-active,#1e293b);--x-particle-button-tertiary-bg-hover:var(--x-color-surface-active,#273449);--x-particle-button-tertiary-bg-active:var(--x-color-border,#334155);--x-particle-button-tertiary-fg:var(--x-color-text,#e5e7eb);--x-particle-button-ghost-bg:transparent;--x-particle-button-ghost-bg-hover:var(--x-color-surface-hover,#0f172a);--x-particle-button-ghost-bg-active:var(--x-color-surface-active,#172033);--x-particle-button-ghost-fg:var(--x-color-text-muted,#cbd5e1);--x-particle-button-danger-bg:var(--x-color-danger,#ef4444);--x-particle-button-danger-bg-hover:#dc2626;--x-particle-button-danger-bg-active:#b91c1c;--x-particle-button-danger-fg:#ffffff;--x-particle-button-success-bg:var(--x-color-success,#22c55e);--x-particle-button-success-bg-hover:#16a34a;--x-particle-button-success-bg-active:#15803d;--x-particle-button-success-fg:#ffffff;--x-particle-button-warning-bg:var(--x-color-warning,#f59e0b);--x-particle-button-warning-bg-hover:#d97706;--x-particle-button-warning-bg-active:#b45309;--x-particle-button-warning-fg:#ffffff;--x-particle-button-focus-ring:var(--x-color-focus-ring,#93c5fd);}}@keyframes x-particle-button-spin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}@keyframes x-pb-glow-pulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,0.3),var(--x-particle-button-shadow);}50%{box-shadow:0 0 12px 4px rgba(255,255,255,0.15),var(--x-particle-button-shadow);}100%{box-shadow:0 0 0 0 rgba(255,255,255,0),var(--x-particle-button-shadow);}}button{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;position:relative;inline-size:100%;min-inline-size:0;min-block-size:var(--x-particle-button-height-md);padding-inline:var(--x-particle-button-padding-inline);border-radius:var(--x-particle-button-radius);border:1px solid var(--x-particle-button-border);background:var(--x-particle-button-bg);color:var(--x-particle-button-fg);font-size:var(--x-particle-button-font-size-md);font-weight:var(--x-particle-button-font-weight);line-height:1;cursor:pointer;user-select:none;overflow:hidden;box-shadow:var(--x-particle-button-shadow);transition:background var(--x-particle-button-transition-duration) var(--x-particle-button-transition-easing),border-color var(--x-particle-button-transition-duration) var(--x-particle-button-transition-easing),color var(--x-particle-button-transition-duration) var(--x-particle-button-transition-easing),transform var(--x-particle-button-transition-duration) var(--x-particle-button-transition-easing),box-shadow var(--x-particle-button-transition-duration) var(--x-particle-button-transition-easing),opacity var(--x-particle-button-transition-duration) var(--x-particle-button-transition-easing),filter var(--x-particle-button-transition-duration) var(--x-particle-button-transition-easing);}button[disabled]{cursor:default;box-shadow:none;}button:focus-visible{outline:none;box-shadow:0 0 0 3px var(--x-particle-button-focus-ring),var(--x-particle-button-shadow);}button[data-hover\x3d'true']:not([disabled]){transform:translateY(-1px);box-shadow:var(--x-particle-button-shadow-hover);}button[data-active\x3d'true']:not([disabled]){transform:translateY(1px) scale(0.97);box-shadow:var(--x-particle-button-shadow-active);}button[data-glow-pulse\x3d'true']{animation:x-pb-glow-pulse 400ms ease-out;}button[data-size\x3d'sm']{min-block-size:var(--x-particle-button-height-sm);font-size:var(--x-particle-button-font-size-sm);}button[data-size\x3d'md']{min-block-size:var(--x-particle-button-height-md);font-size:var(--x-particle-button-font-size-md);}button[data-size\x3d'lg']{min-block-size:var(--x-particle-button-height-lg);font-size:var(--x-particle-button-font-size-lg);}button[data-variant\x3d'primary']{background:var(--x-particle-button-bg);color:var(--x-particle-button-fg);border-color:var(--x-particle-button-border);}button[data-variant\x3d'primary'][data-hover\x3d'true']:not([disabled]){background:var(--x-particle-button-bg-hover);}button[data-variant\x3d'primary'][data-active\x3d'true']:not([disabled]){background:var(--x-particle-button-bg-active);}button[data-variant\x3d'secondary']{background:var(--x-particle-button-secondary-bg);color:var(--x-particle-button-secondary-fg);border-color:var(--x-particle-button-secondary-border);}button[data-variant\x3d'secondary'][data-hover\x3d'true']:not([disabled]){background:var(--x-particle-button-secondary-bg-hover);}button[data-variant\x3d'secondary'][data-active\x3d'true']:not([disabled]){background:var(--x-particle-button-secondary-bg-active);}button[data-variant\x3d'tertiary']{background:var(--x-particle-button-tertiary-bg);color:var(--x-particle-button-tertiary-fg);border-color:transparent;box-shadow:none;}button[data-variant\x3d'tertiary'][data-hover\x3d'true']:not([disabled]){background:var(--x-particle-button-tertiary-bg-hover);}button[data-variant\x3d'tertiary'][data-active\x3d'true']:not([disabled]){background:var(--x-particle-button-tertiary-bg-active);}button[data-variant\x3d'ghost']{background:var(--x-particle-button-ghost-bg);color:var(--x-particle-button-ghost-fg);border-color:transparent;box-shadow:none;}button[data-variant\x3d'ghost'][data-hover\x3d'true']:not([disabled]){background:var(--x-particle-button-ghost-bg-hover);}button[data-variant\x3d'ghost'][data-active\x3d'true']:not([disabled]){background:var(--x-particle-button-ghost-bg-active);}button[data-variant\x3d'danger']{background:var(--x-particle-button-danger-bg);color:var(--x-particle-button-danger-fg);border-color:transparent;}button[data-variant\x3d'danger'][data-hover\x3d'true']:not([disabled]){background:var(--x-particle-button-danger-bg-hover);}button[data-variant\x3d'danger'][data-active\x3d'true']:not([disabled]){background:var(--x-particle-button-danger-bg-active);}button[data-variant\x3d'success']{background:var(--x-particle-button-success-bg);color:var(--x-particle-button-success-fg);border-color:transparent;}button[data-variant\x3d'success'][data-hover\x3d'true']:not([disabled]){background:var(--x-particle-button-success-bg-hover);}button[data-variant\x3d'success'][data-active\x3d'true']:not([disabled]){background:var(--x-particle-button-success-bg-active);}button[data-variant\x3d'warning']{background:var(--x-particle-button-warning-bg);color:var(--x-particle-button-warning-fg);border-color:transparent;}button[data-variant\x3d'warning'][data-hover\x3d'true']:not([disabled]){background:var(--x-particle-button-warning-bg-hover);}button[data-variant\x3d'warning'][data-active\x3d'true']:not([disabled]){background:var(--x-particle-button-warning-bg-active);}button[data-loading\x3d'true']{cursor:progress;}button[data-disabled\x3d'true']{background:var(--x-particle-button-bg-disabled);color:var(--x-particle-button-fg-disabled);border-color:transparent;opacity:0.72;}[part\x3d'material-overlay']{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:1;background:radial-gradient(circle at var(--_mx,50%) var(--_my,50%),rgba(255,255,255,0.12) 0%,transparent 60%);opacity:0;transition:opacity 200ms ease;}button[data-hover\x3d'true']:not([disabled]) [part\x3d'material-overlay']{opacity:1;}button[data-active\x3d'true']:not([disabled]) [part\x3d'material-overlay']{opacity:0.7;}[part\x3d'inner']{display:inline-flex;align-items:center;justify-content:center;gap:var(--x-particle-button-gap);min-inline-size:0;position:relative;z-index:2;}[part\x3d'label']{display:inline-flex;align-items:center;justify-content:center;min-inline-size:0;white-space:nowrap;}[part\x3d'icon-start'],[part\x3d'icon-end'],[part\x3d'spinner']{display:inline-flex;align-items:center;justify-content:center;flex:none;}button[data-size\x3d'sm'] [part\x3d'icon-start'],button[data-size\x3d'sm'] [part\x3d'icon-end']{inline-size:var(--x-particle-button-icon-size-sm);block-size:var(--x-particle-button-icon-size-sm);}button[data-size\x3d'md'] [part\x3d'icon-start'],button[data-size\x3d'md'] [part\x3d'icon-end']{inline-size:var(--x-particle-button-icon-size-md);block-size:var(--x-particle-button-icon-size-md);}button[data-size\x3d'lg'] [part\x3d'icon-start'],button[data-size\x3d'lg'] [part\x3d'icon-end']{inline-size:var(--x-particle-button-icon-size-lg);block-size:var(--x-particle-button-icon-size-lg);}[part\x3d'spinner']{inline-size:var(--x-particle-button-spinner-size);block-size:var(--x-particle-button-spinner-size);position:relative;}[part\x3d'spinner-slot']{display:inline-flex;align-items:center;justify-content:center;}[part\x3d'spinner-fallback']{display:none;inline-size:100%;block-size:100%;box-sizing:border-box;border-radius:999px;border:var(--x-particle-button-spinner-stroke) solid currentColor;border-inline-end-color:transparent;animation:x-particle-button-spin 0.7s linear infinite;opacity:0.9;}button[data-has-icon-start\x3d'false'] [part\x3d'icon-start']{display:none;}button[data-has-icon-end\x3d'false'] [part\x3d'icon-end']{display:none;}button[data-loading\x3d'false'] [part\x3d'spinner']{display:none;}button[data-loading\x3d'true'][data-has-spinner\x3d'false'] [part\x3d'spinner-fallback']{display:inline-block;}button[data-loading\x3d'true'][data-has-spinner\x3d'true'] [part\x3d'spinner-fallback']{display:none;}[part\x3d'canvas']{position:absolute;inset:-24px;inline-size:calc(100% + 48px);block-size:calc(100% + 48px);pointer-events:none;z-index:3;}button[data-mode\x3d'disperse'][data-phase\x3d'press-burst'] [part\x3d'inner']{opacity:0.85;transition:opacity 200ms ease;}button[data-phase\x3d'press-burst']:not([disabled]){filter:blur(0.5px) brightness(1.05);}button[data-phase\x3d'press-reform']:not([disabled]){filter:blur(0.4px) brightness(1.03);}button[data-mode\x3d'disperse'][data-phase\x3d'press-burst']:not([disabled]){filter:blur(1px) brightness(1.08);}@media (prefers-reduced-motion: reduce){button{transition:none;filter:none !important;}[part\x3d'spinner-fallback']{animation:none;}[part\x3d'canvas']{display:none;}[part\x3d'material-overlay']{display:none;}button[data-glow-pulse\x3d'true']{animation:none;}}@media (pointer:coarse){button{min-block-size:2.75rem;}button[data-size\x3d'sm']{min-block-size:2.75rem;}}";
|
|
37
|
+
d.setAttribute("part","button");e.setAttribute("part","material-overlay");e.setAttribute("aria-hidden","true");g.setAttribute("part","canvas");g.setAttribute("aria-hidden","true");h.setAttribute("part","inner");l.setAttribute("part","icon-start");m.setAttribute("part","label");p.setAttribute("part","spinner");C.setAttribute("part","spinner-slot");r.setAttribute("part","spinner-fallback");v.setAttribute("part","icon-end");y.setAttribute("name","icon-start");A.setAttribute("name","icon-end");C.setAttribute("name",
|
|
38
|
+
"spinner");p.setAttribute("aria-hidden","true");r.setAttribute("aria-hidden","true");l.appendChild(y);m.appendChild(x);p.appendChild(C);p.appendChild(r);v.appendChild(A);h.appendChild(l);h.appendChild(m);h.appendChild(p);h.appendChild(v);d.appendChild(e);d.appendChild(h);b.appendChild(c);b.appendChild(d);b.appendChild(g);a.__xPBCanvas=g;l=g.getContext("2d");a.__xPBCtx=l;b={button:d,"icon-start-slot":y,"icon-end-slot":A,canvas:g,style:c,"spinner-slot":C,inner:h,overlay:e,root:b,"label-slot":x};c=b.button;
|
|
39
|
+
F1(a,!1);G1(a,!1);I1(a,null);J1(a,null);N1(a,L1);a.__xPBHoverAccum=0;a.__xPBBurstFrame=0;d=v2(a);d=2*q2.g(d);e=[];for(g=0;;)if(g<d)e.push({y:0,homeY:0,ty0:0,colorIdx:0,tlen:0,age:0,maxOpacity:0,tx0:0,alive:!1,ty1:0,type:"d",size:1,tx2:0,vx:0,blur:0,vy:0,opacity:0,tx1:0,ty2:0,lifetime:500,x:0,homeX:0,sizeY:1}),g+=1;else break;a.__xPBParticles=e;f3(a,c);g3(a,c);i3(a,c);j3(a,c);k3(a,b);a3(a,c);a.__xPBState=b}d3(a);return C2(a,D1(a))},m3=function(a){Q2(a);N1(a,L1);var b=$APP.k(a,"__xPBResizeObs");$APP.n(b)&&
|
|
40
|
+
(b.disconnect(),a.__xPBResizeObs=null);F1(a,!1);G1(a,!1);I1(a,null);return J1(a,null)},n3=function(a){var b=D1(a);return $APP.n(b)?(d3(a),C2(a,b),$APP.n($APP.k(a,"__xPBCanvasW"))?A2(a):null):null},o3=function(a){$APP.Sg(a,"disabled","disabled");$APP.Sg(a,"loading","loading");return $APP.Sg(a,"pressed","pressed")},q3=function(){return $APP.Lg("x-particle-button",new $APP.Q(null,6,[$APP.Cg,p3,$APP.Dg,l3,$APP.Eg,m3,$APP.Fg,n3,$APP.Gg,!0,$APP.Jg,o3],null))},H2=new $APP.K(null,"hover-source","hover-source",
|
|
41
|
+
-983313108),u1=new $APP.K(null,"dust-ratio","dust-ratio",1118310195),L1=new $APP.K(null,"idle","idle",-2007156861),J2=new $APP.K(null,"hover-drift-vx-range","hover-drift-vx-range",-1042132653),Y2=new $APP.K(null,"glow-render","glow-render",-1350130029),h3=new $APP.K(null,"press-burst","press-burst",2130427093),Z2=new $APP.K(null,"additive-core","additive-core",-1596289338),r3=new $APP.K(null,"streak-ratio","streak-ratio",896175899),L2=new $APP.K(null,"press-base-speed","press-base-speed",968923991),
|
|
42
|
+
q2=new $APP.K(null,"particle-count","particle-count",-1413139825),o2=new $APP.K(null,"particle-size","particle-size",-1226200350),V2=new $APP.K(null,"reform-spring","reform-spring",1893407808),s3=new $APP.K(null,"surface-dissolve","surface-dissolve",825718780),t3=new $APP.K(null,"edge-only","edge-only",-1722275337),v1=new $APP.K(null,"fragment-ratio","fragment-ratio",1481305781),W2=new $APP.K(null,"press-reform","press-reform",545200527),N2=new $APP.K(null,"press-burst-count-min","press-burst-count-min",
|
|
43
|
+
-1654672998),O2=new $APP.K(null,"press-burst-count-max","press-burst-count-max",1669149185),M1=new $APP.K(null,"hover-emit","hover-emit",1486854761),F2=new $APP.K(null,"hover-emit-rate","hover-emit-rate",-16639981),p2=new $APP.K(null,"reassemble-speed","reassemble-speed",-2046288440),c3=new $APP.K(null,"settling","settling",2095088261),I2=new $APP.K(null,"hover-drift-vy","hover-drift-vy",-508387059),U2=new $APP.K(null,"gravity","gravity",-1815198225),G2=new $APP.K(null,"edge-and-surface","edge-and-surface",
|
|
44
|
+
-2071330589),M2=new $APP.K(null,"press-spread","press-spread",50665709);var t2=new $APP.R(null,new $APP.Q(null,3,["reset",null,"submit",null,"button",null],null),null),r2=new $APP.R(null,new $APP.Q(null,7,["success",null,"warning",null,"secondary",null,"tertiary",null,"primary",null,"danger",null,"ghost",null],null),null),u2=new $APP.R(null,new $APP.Q(null,3,["md",null,"lg",null,"sm",null],null),null),s2=new $APP.R(null,new $APP.Q(null,5,["dust",null,"disperse",null,"spark",null,"ember",null,"burst",null],null),null),p3="disabled loading pressed type variant size label mode particle-count intensity particle-size reassemble-speed".split(" ");
|
|
45
|
+
$APP.Pd(["press",new $APP.Q(null,1,[$APP.V,new $APP.Q(null,1,[$APP.Kl,$APP.Y],null)],null),"press-start",new $APP.Q(null,1,[$APP.V,new $APP.Q(null,1,[$APP.Kl,$APP.Y],null)],null),"press-end",new $APP.Q(null,1,[$APP.V,new $APP.Q(null,1,[$APP.Kl,$APP.Y],null)],null),"hover-start",new $APP.Q(null,1,[$APP.V,$APP.Qd],null),"hover-end",new $APP.Q(null,1,[$APP.V,$APP.Qd],null),"focus-visible",new $APP.Q(null,1,[$APP.V,$APP.Qd],null),"burst",new $APP.Q(null,1,[$APP.V,new $APP.Q(null,3,[$APP.Oj,$APP.Y,new $APP.K(null,
|
|
46
|
+
"press-x","press-x",-1745921066),$APP.W,new $APP.K(null,"press-y","press-y",1259086182),$APP.W],null)],null),"reform",new $APP.Q(null,1,[$APP.V,new $APP.Q(null,2,[$APP.Oj,$APP.Y,$APP.xl,$APP.W],null)],null)]);
|
|
47
|
+
var E2=function E2(a){switch(a){case "dust":return $APP.zf([V2,O2,Z2,H2,M2,I2,U2,F2,J2,Y2,u1,v1,L2,N2,$APP.zk,r3,s3],[0,10,!1,t3,Math.PI/3,-.4,-.03,.6,.2,!1,.9,.08,1.5,6,.97,.02,!1]);case "spark":return $APP.zf([V2,O2,Z2,H2,M2,I2,U2,F2,J2,Y2,u1,v1,L2,N2,$APP.zk,r3,s3],[0,35,!0,G2,Math.PI/4,-1.2,0,2.5,1,!1,.4,.25,6,20,.92,.35,!1]);case "ember":return $APP.zf([V2,O2,Z2,H2,M2,I2,U2,F2,J2,Y2,u1,v1,L2,N2,$APP.zk,r3,s3],[0,14,!1,t3,Math.PI*.6,-.15,-.008,.8,.1,!0,.5,.35,.8,8,.99,.15,!1]);case "burst":return $APP.zf([V2,
|
|
48
|
+
O2,Z2,H2,M2,I2,U2,F2,J2,Y2,u1,v1,L2,N2,$APP.zk,r3,s3],[0,50,!1,t3,Math.PI/2,-.3,.04,.4,.2,!1,.45,.35,7,30,.94,.2,!1]);case "disperse":return $APP.zf([V2,O2,Z2,H2,M2,I2,U2,F2,J2,Y2,u1,v1,L2,N2,$APP.zk,r3,s3],[.08,30,!1,G2,Math.PI,-.3,0,1.2,.3,!1,.3,.55,3,20,.96,.15,!0]);default:return E2.g?E2.g("dust"):E2.call(null,"dust")}};var z2,u3=document.createElement("canvas");u3.width=1;u3.height=1;z2=u3.getContext("2d");
|
|
49
|
+
var R2=function R2(a){a.__xPBRaf=null;if($APP.n(a.isConnected)){var c=K1(a),d=performance.now(),e=Math.min(100,d-function(){var v=$APP.k(a,"__xPBLastTime");return $APP.n(v)?v:d}()),g=$APP.k(a,"__xPBParticles");a.__xPBLastTime=d;switch(c instanceof $APP.K?c.pa:null){case "hover-emit":if(!O1()){K2(a,e);var h=D1(a);if($APP.n(h)){var l=Math.min(1.5,1.5*(1-Math.exp((d-function(){var v=$APP.k(a,"__xPBHoverStart");return $APP.n(v)?v:d}())/1E3*-1.5))),m=1+l/1.5*.04;h.button.style.setProperty("filter","blur("+
|
|
50
|
+
$APP.S.g(l.toFixed(2))+"px) brightness("+$APP.S.g(m.toFixed(3))+")")}}break;case "press-burst":$APP.B.i(0,function(){var v=$APP.k(a,"__xPBBurstFrame");return $APP.n(v)?v:0}())&&(a.__xPBBurstFrame=1,P2(a))}X2(a,e);$2(a);var p=$APP.n(g)?T2(g):0,r=function(){var v=new $APP.R(null,new $APP.Q(null,2,[M1,null,h3,null],null),null);return v.g?v.g(c):v.call(null,c)}();$APP.B.i(h3,c)&&function(){var v=$APP.k(a,"__xPBBurstFrame");return $APP.n(v)?v:0}()>0&&(e=v2(a),d-function(){var v=$APP.k(a,"__xPBBurstStart");
|
|
51
|
+
return $APP.n(v)?v:d}()>50&&($APP.B.i("disperse",$APP.Oj.g(e))?N1(a,W2):N1(a,c3)));$APP.B.i(W2,c)&&(e=d-function(){var v=$APP.k(a,"__xPBBurstStart");return $APP.n(v)?v:d}(),g=v2(a),e>p2.g(g)&&(N1(a,c3),$APP.Qg(a,"reform",{mode:$APP.Oj.g(g),duration:Math.round(e)})));$APP.B.i(c3,c)&&$APP.B.i(0,p)&&(N1(a,L1),Q2(a));$APP.n(function(){var v=$APP.N(L1,c);return v?$APP.n(r)?r:p>0:v}())&&C1(a,"__xPBRaf",requestAnimationFrame(function(){return R2.g?R2.g(a):R2.call(null,a)}));$APP.B.i(c3,c)&&p>0&&$APP.q($APP.k(a,
|
|
52
|
+
"__xPBRaf"))&&C1(a,"__xPBRaf",requestAnimationFrame(function(){return R2.g?R2.g(a):R2.call(null,a)}))}return null};$APP.ha("baredom.exports.x_particle_button.init",q3);export const init=q3;
|
package/dist/x-popover.js
CHANGED
|
@@ -1,26 +1,25 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
2,[$APP.
|
|
4
|
-
x-8)],null)}d=$APP.M(d);var g=$APP.D(d,$APP.
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
$APP.
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
$APP.
|
|
25
|
-
|
|
26
|
-
"close-label-raw","close-label-raw",798572883),ws=new $APP.K(null,"portal?","portal?",-167584340),Fs=new $APP.K(null,"body","body",-2049205669),ss=new $APP.K(null,"heading-raw","heading-raw",116296555),Es=new $APP.K(null,"closeBtn","closeBtn",1947660915),qs=new $APP.K(null,"no-close-present?","no-close-present?",-154717274),Ds=new $APP.K(null,"arrow","arrow",1071351425),rs=new $APP.K(null,"portal-present?","portal-present?",-463262026);var us=new $APP.S(null,new $APP.R(null,4,["bottom-start",null,"bottom-end",null,"top-end",null,"top-start",null],null),null),Ws="open placement heading close-label no-close disabled portal".split(" ");$APP.Pd(["x-popover-toggle",new $APP.R(null,2,[$APP.km,!0,$APP.V,new $APP.R(null,2,[$APP.hm,$APP.Zj,$APP.rl,$APP.Y],null)],null),"x-popover-change",new $APP.R(null,2,[$APP.km,!1,$APP.V,new $APP.R(null,1,[$APP.hm,$APP.Zj],null)],null)]);$APP.ha("baredom.exports.x_popover.init",Ys);export const init=Ys;
|
|
2
|
+
var Rs=function(a){switch(a){case "bottom-start":return"top-start";case "bottom-end":return"top-end";case "top-start":return"bottom-start";case "top-end":return"bottom-end";default:return a}},Ss=function(a,b,c,d){function e(v){a:{var x=$APP.M(b);var y=$APP.D(x,$APP.cm);var A=$APP.D(x,$APP.bm),C=$APP.D(x,$APP.nh);x=$APP.D(x,$APP.oh);var E=$APP.M(c),H=$APP.D(E,$APP.nh);E=$APP.D(E,$APP.oh);switch(v){case "bottom-start":y=new $APP.Q(null,2,[$APP.cm,y,$APP.bm,A+x+4],null);break a;case "bottom-end":y=new $APP.Q(null,
|
|
3
|
+
2,[$APP.cm,y+C-H,$APP.bm,A+x+4],null);break a;case "top-start":y=new $APP.Q(null,2,[$APP.cm,y,$APP.bm,A-E-4],null);break a;case "top-end":y=new $APP.Q(null,2,[$APP.cm,y+C-H,$APP.bm,A-E-4],null);break a;default:y=new $APP.Q(null,2,[$APP.cm,y,$APP.bm,A+x+4],null)}}A=$APP.M(y);y=$APP.D(A,$APP.cm);A=$APP.D(A,$APP.bm);C=$APP.Kh.i($APP.Jh.i(y,8),g-l-8);x=$APP.Kh.i($APP.Jh.i(A,8),h-m-8);return new $APP.Q(null,5,[$APP.cm,C,$APP.bm,x,$APP.Ni,v,$APP.om,y>=8&&y+l<=g-8&&A>=8&&A+m<=h-8,$APP.Wk,$APP.Jh.i(40,h-
|
|
4
|
+
x-8)],null)}d=$APP.M(d);var g=$APP.D(d,$APP.nh),h=$APP.D(d,$APP.oh);d=$APP.M(c);var l=$APP.D(d,$APP.nh),m=$APP.D(d,$APP.oh),p=e(a),r=e(Rs(a));return $APP.n(function(){var v=$APP.om.g(p);return $APP.n(v)?v:$APP.q($APP.om.g(r))}())?p:r},Ts=function(a){return document.createElement(a)},bt=function(a){a=new $APP.Q(null,7,[$APP.Yi,a.hasAttribute("open"),$APP.fm,a.hasAttribute("disabled"),Us,a.hasAttribute("no-close"),Vs,a.hasAttribute("portal"),Ws,a.getAttribute("heading"),$APP.Bn,a.getAttribute("placement"),
|
|
5
|
+
Xs,a.getAttribute("close-label")],null);var b=$APP.M(a),c=$APP.D(b,$APP.Yi),d=$APP.D(b,$APP.fm),e=$APP.D(b,Us),g=$APP.D(b,Vs),h=$APP.D(b,Ws);a=$APP.D(b,$APP.Bn);b=$APP.D(b,Xs);c=$APP.F(c);d=$APP.F(d);e=$APP.F(e);g=$APP.F(g);h=$APP.n(h)?h:"";b=$APP.n(b)?b:"Close";a=$APP.I(Ys,a)?a:"bottom-start";return new $APP.Q(null,7,[$APP.fn,c,$APP.X,d,Zs,e,$s,g,$APP.Tl,h,at,b,$APP.lk,a],null)},ct=function(a){var b=$APP.k(a,"__xPopoverRefs");if($APP.n(b)){a=bt(a);var c=$APP.M(a),d=$APP.D(c,$APP.fn);a=$APP.D(c,Zs);
|
|
6
|
+
var e=$APP.D(c,$APP.Tl),g=$APP.D(c,at),h=$APP.D(c,$APP.lk),l=$APP.k(b,"panel");c=$APP.k(b,"header");var m=$APP.k(b,"heading");b=$APP.k(b,"closeBtn");l.setAttribute("data-placement",h);$APP.Pg(l,"inert",$APP.q(d));$APP.N(e,"")?l.setAttribute("aria-labelledby","popover-heading"):l.removeAttribute("aria-labelledby");m.textContent=e;b.setAttribute("aria-label",g);$APP.Pg(b,"hidden",a);b=$APP.B.i(e,"");return $APP.Pg(c,"hidden",b?a:b)}return null},it=function(a,b){var c=$APP.M(b);b=$APP.D(c,$APP.Tl);var d=
|
|
7
|
+
$APP.D(c,at);c=$APP.D(c,Zs);a=a.shadowRoot;var e=Ts("div"),g=Ts("div"),h=Ts("div"),l=Ts("span"),m=Ts("button"),p=Ts("div"),r=Ts("div");e.setAttribute("part","panel");e.setAttribute("role","dialog");g.setAttribute("part","arrow");g.setAttribute("aria-hidden","true");h.setAttribute("part","header");l.setAttribute("part","heading");l.textContent=b;m.setAttribute("part","close-button");m.setAttribute("type","button");m.setAttribute("aria-label",d);m.innerHTML='\x3csvg width\x3d"14" height\x3d"14" viewBox\x3d"0 0 14 14" fill\x3d"none" xmlns\x3d"http://www.w3.org/2000/svg" aria-hidden\x3d"true"\x3e\x3cpath d\x3d"M1 1L13 13M13 1L1 13" stroke\x3d"currentColor" stroke-width\x3d"2" stroke-linecap\x3d"round"/\x3e\x3c/svg\x3e';
|
|
8
|
+
$APP.n(c)&&m.setAttribute("hidden","");d=$APP.B.i(b,"");$APP.n(d?c:d)&&h.setAttribute("hidden","");$APP.N(b,"")&&(e.setAttribute("aria-labelledby","portal-heading"),l.setAttribute("id","portal-heading"));p.setAttribute("part","body");r.setAttribute("part","footer");r.setAttribute("hidden","");h.appendChild(l);h.appendChild(m);e.appendChild(g);e.appendChild(h);e.appendChild(p);e.appendChild(r);a.appendChild(e);return new $APP.Q(null,7,[dt,e,et,g,$APP.Gj,h,$APP.Tl,l,ft,m,gt,p,ht,r],null)},jt=function(a,
|
|
9
|
+
b){a=a.assignedNodes({flatten:!0});a=$APP.We.i($APP.ee,$APP.uc(a));for(var c=$APP.t(a),d=null,e=0,g=0;;)if(g<e){var h=d.F(null,g);b.appendChild(h);g+=1}else if(c=$APP.t(c))d=c,$APP.Nc(d)?(c=$APP.xb(d),g=$APP.yb(d),d=c,e=$APP.z(c),c=g):(c=$APP.u(d),b.appendChild(c),c=$APP.w(d),d=null,e=0),g=0;else break;return a},kt=function(a,b){if($APP.n(a.isConnected)){b=$APP.t(b);for(var c=null,d=0,e=0;;)if(e<d){var g=c.F(null,e);a.appendChild(g);e+=1}else if(b=$APP.t(b))c=b,$APP.Nc(c)?(b=$APP.xb(c),d=$APP.yb(c),
|
|
10
|
+
c=b,g=$APP.z(b),b=d,d=g):(g=$APP.u(c),a.appendChild(g),b=$APP.w(c),c=null,d=0),e=0;else break}},lt=function(a,b,c,d){var e=c.getBoundingClientRect();c=a.offsetWidth;var g=a.offsetHeight,h=window.innerWidth,l=window.innerHeight;d=Ss(d,new $APP.Q(null,4,[$APP.cm,e.left,$APP.bm,e.top,$APP.nh,e.width,$APP.oh,e.height],null),new $APP.Q(null,2,[$APP.nh,$APP.Jh.i(c,200),$APP.oh,$APP.Jh.i(g,100)],null),new $APP.Q(null,2,[$APP.nh,h,$APP.oh,l],null));g=$APP.Ni.g(d);a.style.left=""+$APP.S.g($APP.cm.g(d))+"px";
|
|
11
|
+
a.style.top=""+$APP.S.g($APP.bm.g(d))+"px";a.style.maxHeight=""+$APP.S.g($APP.Wk.g(d))+"px";a=e.left+e.width/2;e=$APP.B.i(g,"bottom-start")||$APP.B.i(g,"bottom-end")?"bottom":"top";c=$APP.Kh.i($APP.Jh.i(a-$APP.cm.g(d),12),$APP.Jh.i(c,200)-12-8);b.setAttribute("data-side",e);b.style.left=""+$APP.S.g(c)+"px"},nt=function(a){var b=$APP.k(a,"__xPopoverRefs");if($APP.n(b)){var c=bt(a),d=$APP.k(b,"trigger"),e=$APP.fh(a,":host{color-scheme:light dark;--x-popover-panel-bg:var(--x-color-bg,#ffffff);--x-popover-panel-border:1px solid var(--x-color-border,#e2e8f0);--x-popover-panel-radius:var(--x-radius-md,8px);--x-popover-panel-shadow:var(--x-shadow-md,0 4px 16px rgba(0,0,0,0.12));--x-popover-panel-min-width:12rem;--x-popover-panel-max-height:24rem;--x-popover-header-padding:0.625rem 0.75rem 0.625rem 0.875rem;--x-popover-header-border:1px solid var(--x-color-border,#e2e8f0);--x-popover-heading-color:var(--x-color-text,#0f172a);--x-popover-heading-font-size:0.9375rem;--x-popover-heading-font-weight:600;--x-popover-close-bg:transparent;--x-popover-close-bg-hover:var(--x-color-surface-active,#f1f5f9);--x-popover-close-color:var(--x-color-text-muted,#64748b);--x-popover-close-color-hover:var(--x-color-text,#0f172a);--x-popover-close-radius:4px;--x-popover-close-size:1.5rem;--x-popover-focus-ring:var(--x-color-focus-ring,#60a5fa);--x-popover-body-padding:0.875rem;--x-popover-body-color:var(--x-color-text-muted,#334155);--x-popover-body-font-size:0.9375rem;--x-popover-footer-padding:0.625rem 0.875rem;--x-popover-footer-border:1px solid var(--x-color-border,#e2e8f0);--x-popover-arrow-size:8px;--x-popover-arrow-bg:var(--x-color-bg,#ffffff);--x-popover-arrow-border:var(--x-color-border,#e2e8f0);--x-popover-transition-duration:var(--x-transition-duration,150ms);--x-popover-transition-easing:var(--x-transition-easing,ease);}@media (prefers-color-scheme:dark){:host{--x-popover-panel-bg:var(--x-color-bg,#1e293b);--x-popover-panel-border:1px solid var(--x-color-border,#334155);--x-popover-panel-shadow:0 4px 24px rgba(0,0,0,0.4);--x-popover-header-border:1px solid var(--x-color-border,#334155);--x-popover-heading-color:var(--x-color-text,#e2e8f0);--x-popover-close-bg-hover:var(--x-color-text-muted,#334155);--x-popover-close-color:var(--x-color-text-muted,#94a3b8);--x-popover-close-color-hover:var(--x-color-text,#e2e8f0);--x-popover-focus-ring:var(--x-color-focus-ring,#93c5fd);--x-popover-body-color:var(--x-color-text-muted,#cbd5e1);--x-popover-footer-border:1px solid var(--x-color-border,#334155);--x-popover-arrow-bg:var(--x-color-bg,#1e293b);--x-popover-arrow-border:var(--x-color-border,#334155);}}[part\x3dpanel]{position:absolute;box-sizing:border-box;background:var(--x-popover-panel-bg);border:var(--x-popover-panel-border);border-radius:var(--x-popover-panel-radius);box-shadow:var(--x-popover-panel-shadow);min-width:var(--x-popover-panel-min-width);max-width:calc(100vw - 1rem);max-height:var(--x-popover-panel-max-height);overflow-y:auto;pointer-events:auto;opacity:0;transform:scale(0.96);transition:opacity var(--x-popover-transition-duration) var(--x-popover-transition-easing),transform var(--x-popover-transition-duration) var(--x-popover-transition-easing);}[part\x3dpanel][data-open]{opacity:1;transform:scale(1);}[part\x3darrow]{position:absolute;width:var(--x-popover-arrow-size);height:var(--x-popover-arrow-size);background:var(--x-popover-arrow-bg);transform:rotate(45deg);pointer-events:none;}[part\x3darrow][data-side\x3dbottom]{top:calc(var(--x-popover-arrow-size) / -2);border-left:1px solid var(--x-popover-arrow-border);border-top:1px solid var(--x-popover-arrow-border);}[part\x3darrow][data-side\x3dtop]{bottom:calc(var(--x-popover-arrow-size) / -2);border-right:1px solid var(--x-popover-arrow-border);border-bottom:1px solid var(--x-popover-arrow-border);}[part\x3dheader]{display:flex;align-items:center;justify-content:space-between;padding:var(--x-popover-header-padding);border-bottom:var(--x-popover-header-border);gap:0.5rem;}[part\x3dheader][hidden]{display:none;}[part\x3dheading]{flex:1;font-size:var(--x-popover-heading-font-size);font-weight:var(--x-popover-heading-font-weight);color:var(--x-popover-heading-color);font-family:inherit;}[part\x3dclose-button]{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:var(--x-popover-close-size);height:var(--x-popover-close-size);background:var(--x-popover-close-bg);color:var(--x-popover-close-color);border-radius:var(--x-popover-close-radius);cursor:pointer;flex-shrink:0;}[part\x3dclose-button]:hover{background:var(--x-popover-close-bg-hover);color:var(--x-popover-close-color-hover);}[part\x3dclose-button]:focus-visible{outline:none;box-shadow:0 0 0 2px var(--x-popover-focus-ring);}[part\x3dclose-button][hidden]{display:none;}[part\x3dbody]{padding:var(--x-popover-body-padding);color:var(--x-popover-body-color);font-size:var(--x-popover-body-font-size);font-family:inherit;}[part\x3dfooter]{padding:var(--x-popover-footer-padding);border-top:var(--x-popover-footer-border);}[part\x3dfooter][hidden]{display:none;}@media (prefers-reduced-motion:reduce){[part\x3dpanel]{transition:none !important;}}",
|
|
12
|
+
1E3),g=it(e,c),h=gt.g(g),l=ht.g(g),m=dt.g(g),p=et.g(g);g=ft.g(g);h=jt(a.shadowRoot.querySelector("slot:not([name])"),h);$APP.ja(a,"__xPopoverMovedBody",$APP.zd(h));b=jt($APP.k(b,"footerSlot"),l);$APP.ja(a,"__xPopoverMovedFooter",$APP.zd(b));$APP.z(b)>0&&l.removeAttribute("hidden");lt(m,p,d,$APP.lk.g(c));l=function(){return mt.i?mt.i(a,"close-button"):mt.call(null,a,"close-button")};b=function(r){return $APP.B.i(r.key,"Escape")?(r.preventDefault(),mt.i?mt.i(a,"escape"):mt.call(null,a,"escape")):null};
|
|
13
|
+
h=function(r){return $APP.n(m.contains(r.target))?null:mt.i?mt.i(a,"outside-click"):mt.call(null,a,"outside-click")};g.addEventListener("click",l);e.addEventListener("keydown",b,!0);e.addEventListener("click",h);e.__onKey=b;e.__onClickBackdrop=h;e.__onCloseBtn=l;e.__closeBtnEl=g;a.__xPopoverLayer=e;requestAnimationFrame(function(){return $APP.n($APP.n(m)?a.isConnected:m)?(lt(m,p,d,$APP.lk.g(c)),m.setAttribute("data-open","")):null})}},ot=function(a){var b=$APP.k(a,"__xPopoverLayer");if($APP.n(b)){var c=
|
|
14
|
+
$APP.k(a,"__xPopoverMovedBody");$APP.n(c)&&kt(a,$APP.uc(c));c=$APP.k(a,"__xPopoverMovedFooter");$APP.n(c)&&kt(a,$APP.uc(c));$APP.hh(b);a.__xPopoverLayer=null;a.__xPopoverMovedBody=null;a.__xPopoverMovedFooter=null}},pt=function(a,b){return $APP.q(a.hasAttribute("disabled"))&&$APP.q(a.hasAttribute("open"))&&$APP.Rg(a,"x-popover-toggle",{open:!0,source:b})?(a.setAttribute("open",""),$APP.n(a.hasAttribute("portal"))&&nt(a),$APP.Qg(a,"x-popover-change",{open:!0})):null},mt=function(a,b){var c=$APP.q(a.hasAttribute("disabled"));
|
|
15
|
+
return $APP.n(c?a.hasAttribute("open"):c)&&$APP.Rg(a,"x-popover-toggle",{open:!1,source:b})?(ot(a),a.removeAttribute("open"),$APP.Qg(a,"x-popover-change",{open:!1})):null},qt=function(a,b){return $APP.n(a.hasAttribute("open"))?mt(a,b):pt(a,b)},rt=function(a){var b=$APP.k(a,"__xPopoverHandlers");if($APP.n(b)){var c=$APP.k(b,"docClick"),d=$APP.k(b,"docKeydown");return setTimeout(function(){var e=a.isConnected;return $APP.n($APP.n(e)?a.hasAttribute("open"):e)?(document.addEventListener("click",c),document.addEventListener("keydown",
|
|
16
|
+
d)):null},0)}return null},st=function(a){a=$APP.k(a,"__xPopoverHandlers");if($APP.n(a)){var b=$APP.k(a,"docKeydown");document.removeEventListener("click",$APP.k(a,"docClick"));return document.removeEventListener("keydown",b)}return null},tt=function(a){return{triggerClick:function(){return qt(a,"pointer")},closeBtnClick:function(){return mt(a,"close-button")},hostFocusout:function(b){return $APP.n(a.hasAttribute("open"))?(b=b.relatedTarget,b==null||$APP.q(a.contains(b))?mt(a,"focusout"):null):null},
|
|
17
|
+
docClick:function(b){return $APP.n(a.hasAttribute("open"))?(b=$APP.vc(b.composedPath()),b=$APP.Td(function(c){return c===a},b),$APP.n(b)?null:mt(a,"outside-click")):null},docKeydown:function(b){b=$APP.B.i(b.key,"Escape");return $APP.n(b?a.hasAttribute("open"):b)?mt(a,"escape"):null},footerSlotchange:function(){var b=$APP.k(a,"__xPopoverRefs");return $APP.n(b)?$APP.Pg($APP.k(b,"footer"),"hidden",!($APP.k(b,"footerSlot").assignedNodes().length>0)):null}}},ut=function(a){var b=$APP.k(a,"__xPopoverRefs");
|
|
18
|
+
if($APP.n(b)){var c=$APP.k(a,"__xPopoverHandlers");if($APP.n(c)){var d=$APP.k(b,"closeBtn"),e=$APP.k(b,"footerSlot");$APP.k(b,"trigger").removeEventListener("click",$APP.k(c,"triggerClick"));d.removeEventListener("click",$APP.k(c,"closeBtnClick"));a.removeEventListener("focusout",$APP.k(c,"hostFocusout"));e.removeEventListener("slotchange",$APP.k(c,"footerSlotchange"))}}},vt=function(a){if(!$APP.n($APP.k(a,"__xPopoverRefs"))){var b=a.attachShadow({mode:"open"}),c=Ts("style"),d=Ts("span"),e=Ts("slot"),
|
|
19
|
+
g=Ts("div"),h=Ts("div"),l=Ts("div"),m=Ts("span"),p=Ts("button"),r=Ts("div"),v=Ts("slot"),x=Ts("div"),y=Ts("slot");c.textContent=":host{display:inline-block;position:relative;color-scheme:light dark;--x-popover-panel-bg:var(--x-color-bg,#ffffff);--x-popover-panel-border:1px solid var(--x-color-border,#e2e8f0);--x-popover-panel-radius:var(--x-radius-md,8px);--x-popover-panel-shadow:var(--x-shadow-md,0 4px 16px rgba(0,0,0,0.12));--x-popover-panel-min-width:12rem;--x-popover-panel-max-width:min(24rem,calc(100vw - 1rem));--x-popover-panel-max-height:24rem;--x-popover-panel-offset:4px;--x-popover-panel-z:1000;--x-popover-header-padding:0.625rem 0.75rem 0.625rem 0.875rem;--x-popover-header-border:1px solid var(--x-color-border,#e2e8f0);--x-popover-heading-color:var(--x-color-text,#0f172a);--x-popover-heading-font-size:0.9375rem;--x-popover-heading-font-weight:600;--x-popover-close-bg:transparent;--x-popover-close-bg-hover:var(--x-color-surface-active,#f1f5f9);--x-popover-close-color:var(--x-color-text-muted,#64748b);--x-popover-close-color-hover:var(--x-color-text,#0f172a);--x-popover-close-radius:4px;--x-popover-close-size:1.5rem;--x-popover-focus-ring:var(--x-color-focus-ring,#60a5fa);--x-popover-body-padding:0.875rem;--x-popover-body-color:var(--x-color-text-muted,#334155);--x-popover-body-font-size:0.9375rem;--x-popover-footer-padding:0.625rem 0.875rem;--x-popover-footer-border:1px solid var(--x-color-border,#e2e8f0);--x-popover-arrow-size:8px;--x-popover-arrow-bg:var(--x-color-bg,#ffffff);--x-popover-arrow-border:var(--x-color-border,#e2e8f0);--x-popover-transition-duration:var(--x-transition-duration,150ms);--x-popover-transition-easing:var(--x-transition-easing,ease);}@media (prefers-color-scheme:dark){:host{--x-popover-panel-bg:var(--x-color-bg,#1e293b);--x-popover-panel-border:1px solid var(--x-color-border,#334155);--x-popover-panel-shadow:0 4px 24px rgba(0,0,0,0.4);--x-popover-header-border:1px solid var(--x-color-border,#334155);--x-popover-heading-color:var(--x-color-text,#e2e8f0);--x-popover-close-bg-hover:var(--x-color-text-muted,#334155);--x-popover-close-color:var(--x-color-text-muted,#94a3b8);--x-popover-close-color-hover:var(--x-color-text,#e2e8f0);--x-popover-focus-ring:var(--x-color-focus-ring,#93c5fd);--x-popover-body-color:var(--x-color-text-muted,#cbd5e1);--x-popover-footer-border:1px solid var(--x-color-border,#334155);--x-popover-arrow-bg:var(--x-color-bg,#1e293b);--x-popover-arrow-border:var(--x-color-border,#334155);}}[part\x3dtrigger]{display:inline-block;}[part\x3dpanel]{position:absolute;z-index:var(--x-popover-panel-z);box-sizing:border-box;background:var(--x-popover-panel-bg);border:var(--x-popover-panel-border);border-radius:var(--x-popover-panel-radius);box-shadow:var(--x-popover-panel-shadow);min-width:var(--x-popover-panel-min-width);max-width:var(--x-popover-panel-max-width);max-height:var(--x-popover-panel-max-height);overflow-y:auto;visibility:hidden;pointer-events:none;opacity:0;transform:scale(0.96) translateY(-4px);transition:opacity var(--x-popover-transition-duration) var(--x-popover-transition-easing),transform var(--x-popover-transition-duration) var(--x-popover-transition-easing),visibility 0s var(--x-popover-transition-duration);}:host([open]) [part\x3dpanel]{visibility:visible;pointer-events:auto;opacity:1;transform:scale(1) translateY(0);transition:opacity var(--x-popover-transition-duration) var(--x-popover-transition-easing),transform var(--x-popover-transition-duration) var(--x-popover-transition-easing),visibility 0s 0s;}[part\x3dpanel][data-placement\x3dbottom-start]{top:calc(100% + var(--x-popover-arrow-size) + var(--x-popover-panel-offset));left:0;transform-origin:top left;}[part\x3dpanel][data-placement\x3dbottom-end]{top:calc(100% + var(--x-popover-arrow-size) + var(--x-popover-panel-offset));right:0;transform-origin:top right;}[part\x3dpanel][data-placement\x3dtop-start]{bottom:calc(100% + var(--x-popover-arrow-size) + var(--x-popover-panel-offset));left:0;transform-origin:bottom left;}[part\x3dpanel][data-placement\x3dtop-end]{bottom:calc(100% + var(--x-popover-arrow-size) + var(--x-popover-panel-offset));right:0;transform-origin:bottom right;}[part\x3darrow]{position:absolute;width:var(--x-popover-arrow-size);height:var(--x-popover-arrow-size);background:var(--x-popover-arrow-bg);transform:rotate(45deg);pointer-events:none;}[part\x3dpanel][data-placement\x3dbottom-start] [part\x3darrow],[part\x3dpanel][data-placement\x3dbottom-end] [part\x3darrow]{top:calc(var(--x-popover-arrow-size) / -2 - 1px);border-left:1px solid var(--x-popover-arrow-border);border-top:1px solid var(--x-popover-arrow-border);}[part\x3dpanel][data-placement\x3dbottom-start] [part\x3darrow]{left:1rem;}[part\x3dpanel][data-placement\x3dbottom-end] [part\x3darrow]{right:1rem;}[part\x3dpanel][data-placement\x3dtop-start] [part\x3darrow],[part\x3dpanel][data-placement\x3dtop-end] [part\x3darrow]{bottom:calc(var(--x-popover-arrow-size) / -2 - 1px);border-right:1px solid var(--x-popover-arrow-border);border-bottom:1px solid var(--x-popover-arrow-border);}[part\x3dpanel][data-placement\x3dtop-start] [part\x3darrow]{left:1rem;}[part\x3dpanel][data-placement\x3dtop-end] [part\x3darrow]{right:1rem;}[part\x3dheader]{display:flex;align-items:center;justify-content:space-between;padding:var(--x-popover-header-padding);border-bottom:var(--x-popover-header-border);gap:0.5rem;}[part\x3dheading]{flex:1;font-size:var(--x-popover-heading-font-size);font-weight:var(--x-popover-heading-font-weight);color:var(--x-popover-heading-color);font-family:inherit;}[part\x3dclose-button]{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:var(--x-popover-close-size);height:var(--x-popover-close-size);background:var(--x-popover-close-bg);color:var(--x-popover-close-color);border-radius:var(--x-popover-close-radius);cursor:pointer;flex-shrink:0;transition:background 100ms ease,color 100ms ease;}[part\x3dclose-button]:hover{background:var(--x-popover-close-bg-hover);color:var(--x-popover-close-color-hover);}[part\x3dclose-button]:focus-visible{outline:none;box-shadow:0 0 0 2px var(--x-popover-focus-ring);}[part\x3dclose-button][hidden]{display:none;}[part\x3dheader][hidden]{display:none;}[part\x3dbody]{padding:var(--x-popover-body-padding);color:var(--x-popover-body-color);font-size:var(--x-popover-body-font-size);font-family:inherit;}[part\x3dfooter]{padding:var(--x-popover-footer-padding);border-top:var(--x-popover-footer-border);}[part\x3dfooter][hidden]{display:none;}:host([portal][open]) [part\x3dpanel]{visibility:hidden !important;pointer-events:none !important;opacity:0 !important;}@media (prefers-reduced-motion:reduce){[part\x3dpanel]{transition:none !important;}[part\x3dclose-button]{transition:none !important;}}";
|
|
20
|
+
d.setAttribute("part","trigger");e.setAttribute("name","trigger");g.setAttribute("part","panel");g.setAttribute("role","dialog");g.setAttribute("inert","");g.setAttribute("data-placement","bottom-start");h.setAttribute("part","arrow");h.setAttribute("aria-hidden","true");l.setAttribute("part","header");m.setAttribute("part","heading");m.setAttribute("id","popover-heading");p.setAttribute("part","close-button");p.setAttribute("type","button");p.setAttribute("aria-label","Close");p.innerHTML='\x3csvg width\x3d"14" height\x3d"14" viewBox\x3d"0 0 14 14" fill\x3d"none" xmlns\x3d"http://www.w3.org/2000/svg" aria-hidden\x3d"true"\x3e\x3cpath d\x3d"M1 1L13 13M13 1L1 13" stroke\x3d"currentColor" stroke-width\x3d"2" stroke-linecap\x3d"round"/\x3e\x3c/svg\x3e';
|
|
21
|
+
r.setAttribute("part","body");x.setAttribute("part","footer");x.setAttribute("hidden","");y.setAttribute("name","footer");d.appendChild(e);l.appendChild(m);l.appendChild(p);r.appendChild(v);x.appendChild(y);g.appendChild(h);g.appendChild(l);g.appendChild(r);g.appendChild(x);b.appendChild(c);b.appendChild(d);b.appendChild(g);a.__xPopoverRefs={trigger:d,panel:g,header:l,heading:m,closeBtn:p,body:r,footer:x,footerSlot:y}}ut(a);st(a);a.__xPopoverHandlers=tt(a);b=$APP.k(a,"__xPopoverRefs");$APP.n(b)&&
|
|
22
|
+
(c=$APP.k(a,"__xPopoverHandlers"),$APP.n(c)&&(d=$APP.k(b,"closeBtn"),e=$APP.k(b,"footerSlot"),$APP.k(b,"trigger").addEventListener("click",$APP.k(c,"triggerClick")),d.addEventListener("click",$APP.k(c,"closeBtnClick")),a.addEventListener("focusout",$APP.k(c,"hostFocusout")),e.addEventListener("slotchange",$APP.k(c,"footerSlotchange"))));$APP.n(a.hasAttribute("open"))&&rt(a);return ct(a)},wt=function(a){ot(a);ut(a);return st(a)},xt=function(a,b){return $APP.n($APP.k(a,"__xPopoverRefs"))?(ct(a),$APP.B.i(b,
|
|
23
|
+
"open")?$APP.n(a.hasAttribute("open"))?rt(a):st(a):null):null},yt=function(a){$APP.Sg(a,"open","open");$APP.Sg(a,"disabled","disabled");$APP.Sg(a,"noClose","no-close");$APP.Sg(a,"portal","portal");$APP.Ug(a,"placement","placement");$APP.Ug(a,"heading","heading");$APP.Ug(a,"closeLabel","close-label");a.show=function(){return pt(this,"programmatic")};a.hide=function(){return mt(this,"programmatic")};return a.toggle=function(){return qt(this,"programmatic")}},At=function(){return $APP.Lg("x-popover",
|
|
24
|
+
new $APP.Q(null,5,[$APP.Cg,zt,$APP.Dg,vt,$APP.Eg,wt,$APP.Fg,xt,$APP.Jg,yt],null))},dt=new $APP.K(null,"panel","panel",-558637456),ht=new $APP.K(null,"footer","footer",1606445390),at=new $APP.K(null,"close-label","close-label",-1088385889),Zs=new $APP.K(null,"no-close?","no-close?",1842227643),Xs=new $APP.K(null,"close-label-raw","close-label-raw",798572883),$s=new $APP.K(null,"portal?","portal?",-167584340),gt=new $APP.K(null,"body","body",-2049205669),Ws=new $APP.K(null,"heading-raw","heading-raw",
|
|
25
|
+
116296555),ft=new $APP.K(null,"closeBtn","closeBtn",1947660915),Us=new $APP.K(null,"no-close-present?","no-close-present?",-154717274),et=new $APP.K(null,"arrow","arrow",1071351425),Vs=new $APP.K(null,"portal-present?","portal-present?",-463262026);var Ys=new $APP.R(null,new $APP.Q(null,4,["bottom-start",null,"bottom-end",null,"top-end",null,"top-start",null],null),null),zt="open placement heading close-label no-close disabled portal".split(" ");$APP.Pd(["x-popover-toggle",new $APP.Q(null,2,[$APP.Km,!0,$APP.V,new $APP.Q(null,2,[$APP.Hm,$APP.uk,$APP.Kl,$APP.Y],null)],null),"x-popover-change",new $APP.Q(null,2,[$APP.Km,!1,$APP.V,new $APP.Q(null,1,[$APP.Hm,$APP.uk],null)],null)]);$APP.ha("baredom.exports.x_popover.init",At);export const init=At;
|