@vanelsas/baredom 2.1.1 → 2.3.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 +23 -0
- package/README.md +3 -3
- package/dist/base.js +402 -391
- package/dist/x-alert.js +17 -17
- package/dist/x-avatar-group.js +11 -11
- package/dist/x-avatar.js +14 -15
- package/dist/x-badge.js +11 -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 +15 -15
- package/dist/x-cancel-dialogue.js +16 -16
- package/dist/x-card.js +7 -7
- package/dist/x-carousel.js +29 -29
- package/dist/x-chart.js +46 -46
- package/dist/x-checkbox.js +11 -11
- package/dist/x-chip.js +8 -8
- package/dist/x-collapse.js +10 -10
- package/dist/x-color-picker.js +41 -41
- package/dist/x-combobox.js +28 -0
- package/dist/x-command-palette.js +25 -25
- package/dist/x-container.js +6 -6
- package/dist/x-context-menu.js +18 -18
- package/dist/x-copy.js +22 -22
- package/dist/x-currency-field.js +21 -21
- package/dist/x-date-picker.js +37 -37
- package/dist/x-divider.js +8 -8
- package/dist/x-drawer.js +11 -11
- package/dist/x-dropdown.js +9 -9
- package/dist/x-fieldset.js +5 -5
- package/dist/x-file-download.js +7 -7
- package/dist/x-form-field.js +15 -15
- package/dist/x-form.js +9 -9
- package/dist/x-gaussian-blur.js +18 -18
- package/dist/x-grid.js +6 -6
- package/dist/x-icon.js +9 -0
- package/dist/x-image.js +20 -0
- package/dist/x-kinetic-font.js +28 -28
- package/dist/x-kinetic-typography.js +37 -37
- package/dist/x-liquid-dock.js +35 -35
- package/dist/x-liquid-fill.js +40 -40
- package/dist/x-liquid-glass.js +36 -36
- package/dist/x-menu-item.js +10 -10
- package/dist/x-menu.js +10 -10
- package/dist/x-metaball-cursor.js +25 -25
- package/dist/x-modal.js +12 -12
- package/dist/x-morph-stack.js +39 -39
- package/dist/x-navbar.js +12 -12
- package/dist/x-neural-glow.js +31 -31
- package/dist/x-notification-center.js +10 -10
- package/dist/x-organic-divider.js +15 -15
- package/dist/x-organic-progress.js +35 -35
- package/dist/x-organic-shape.js +12 -12
- package/dist/x-pagination.js +16 -16
- package/dist/x-particle-button.js +47 -47
- package/dist/x-popover.js +14 -14
- package/dist/x-progress-circle.js +7 -7
- package/dist/x-progress.js +7 -7
- package/dist/x-radio.js +11 -11
- package/dist/x-ripple-effect.js +11 -11
- package/dist/x-scroll-parallax.js +17 -17
- package/dist/x-scroll-stack.js +18 -18
- package/dist/x-scroll-story.js +34 -34
- package/dist/x-scroll-timeline.js +45 -45
- package/dist/x-scroll.js +40 -40
- package/dist/x-search-field.js +14 -14
- package/dist/x-select.js +9 -9
- package/dist/x-sidebar.js +16 -16
- package/dist/x-skeleton-group.js +15 -0
- package/dist/x-skeleton.js +1 -6
- package/dist/x-slider.js +16 -16
- package/dist/x-soft-body.js +20 -20
- package/dist/x-spacer.js +5 -5
- package/dist/x-spinner.js +5 -5
- package/dist/x-splash.js +13 -13
- package/dist/x-stat.js +9 -9
- package/dist/x-stepper.js +15 -16
- package/dist/x-switch.js +10 -10
- package/dist/x-tab.js +7 -7
- package/dist/x-table-cell.js +19 -19
- package/dist/x-table-row.js +10 -10
- package/dist/x-table.js +13 -13
- package/dist/x-tabs.js +11 -11
- package/dist/x-text-area.js +17 -17
- package/dist/x-theme.js +25 -25
- package/dist/x-timeline-item.js +20 -20
- package/dist/x-timeline.js +9 -9
- package/dist/x-toast.js +21 -21
- package/dist/x-toaster.js +8 -8
- package/dist/x-tooltip.js +14 -0
- package/dist/x-typography.js +8 -8
- package/package.json +21 -1
package/dist/x-button.js
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
b},
|
|
4
|
-
$APP.F(d),$APP.Z,
|
|
5
|
-
d[m],q=p;if(l=$APP.C.i(q.nodeType,Node.TEXT_NODE))l=q.textContent,l=$APP.N("",($APP.n(l)?l:"").trim());if(!l){l=p;if(p=$APP.C.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=
|
|
6
|
-
$APP.Z.g(b));q=$APP.
|
|
7
|
-
"false");c.setAttribute("data-disabled",$APP.n($APP.
|
|
8
|
-
return $APP.n(b)?(
|
|
9
|
-
function(){if(
|
|
10
|
-
"keyboard");
|
|
11
|
-
null;d=$APP.n(d)?d:a.closest("form");return $APP.n(d)?$APP.C.i(c,"submit")?d.requestSubmit():$APP.C.i(c,"reset")?d.reset():null:null}return null})},
|
|
12
|
-
c);b["icon-end-slot"].addEventListener("slotchange",c);b["spinner-slot"].addEventListener("slotchange",c)},
|
|
13
|
-
e=
|
|
2
|
+
var VI=function(a,b,c){return typeof a==="string"&&$APP.I(b,a)?a:c},WI=function(a){var b=$APP.M(a);a=$APP.D(b,$APP.Fj);b=$APP.D(b,$APP.el);return $APP.r($APP.n(a)?a:b)},XI=function(a){return a.__xButtonState},rJ=function(a){return $APP.C.i(!0,a.__xButtonHover)},sJ=function(a,b){a.__xButtonHover=$APP.F(b)},tJ=function(a,b){a.__xButtonFocusVisible=$APP.F(b)},uJ=function(a){return a.__xButtonActiveSource},vJ=function(a,b){a.__xButtonActiveSource=b},wJ=function(a,b){return a.__xButtonLastActivationSource=
|
|
3
|
+
b},AJ=function(a){a=new $APP.Q(null,7,[$APP.Fj,a.hasAttribute("disabled"),$APP.el,a.hasAttribute("loading"),$APP.qk,a.hasAttribute("pressed"),$APP.Z,a.getAttribute("type"),$APP.Qg,a.getAttribute("variant"),$APP.Hh,a.getAttribute("size"),$APP.U,a.getAttribute("label")],null);var b=$APP.M(a);a=$APP.D(b,$APP.Fj);var c=$APP.D(b,$APP.el),d=$APP.D(b,$APP.qk),e=$APP.D(b,$APP.Z),g=$APP.D(b,$APP.Qg),h=$APP.D(b,$APP.Hh);b=$APP.D(b,$APP.U);return new $APP.Q(null,7,[$APP.Fj,$APP.F(a),$APP.el,$APP.F(c),$APP.qk,
|
|
4
|
+
$APP.F(d),$APP.Z,VI(e,xJ,"button"),$APP.Qg,VI(g,yJ,"primary"),$APP.Hh,VI(h,zJ,"md"),$APP.U,typeof b==="string"?b:null],null)},BJ=function(a,b,c){return a.dispatchEvent(new CustomEvent(b,{detail:c,bubbles:!0,composed:!0,cancelable:!1}))},CJ=function(a){return a.assignedNodes({flatten:!0})},DJ=function(a){return document.createElement(a)},EJ=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=AJ(a);var l;a:{d=CJ(d);for(var m=0;;)if(m<d.length){var p=
|
|
5
|
+
d[m],q=p;if(l=$APP.C.i(q.nodeType,Node.TEXT_NODE))l=q.textContent,l=$APP.N("",($APP.n(l)?l:"").trim());if(!l){l=p;if(p=$APP.C.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=CJ(e).length>0;g=CJ(g).length>0;h=CJ(h).length>0;d=rJ(a);m=uJ(a)!=null;p=$APP.C.i(!0,a.__xButtonFocusVisible);l=$APP.lh.m(b,$APP.ek,l);q=$APP.M(l);l=$APP.D(q,$APP.U);q=$APP.D(q,$APP.ek);l=$APP.r(q)&&$APP.Jg(l)?l:null;c.setAttribute("type",
|
|
6
|
+
$APP.Z.g(b));q=$APP.Fj.g(b);q=$APP.n(q)?q:$APP.el.g(b);c.disabled=q;q=$APP.M(b);q=$APP.D(q,$APP.el);q=$APP.n(q)?"true":null;$APP.n(q)?c.setAttribute("aria-busy",q):c.removeAttribute("aria-busy");$APP.n($APP.qk.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.Qg.g(b));c.setAttribute("data-size",$APP.Hh.g(b));c.setAttribute("data-loading",$APP.n($APP.el.g(b))?"true":
|
|
7
|
+
"false");c.setAttribute("data-disabled",$APP.n($APP.Fj.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.Qg.g(b));return a.setAttribute("data-size",$APP.Hh.g(b))},FJ=function(a){var b=uJ(a);
|
|
8
|
+
return $APP.n(b)?(vJ(a,null),BJ(a,"press-end",{source:b}),b=XI(a),$APP.n(b)?EJ(a,b):null):null},GJ=function(a){WI(AJ(a))||(sJ(a,!1),vJ(a,null))},HJ=function(a,b){b.addEventListener("pointerenter",function(){if(WI(AJ(a))){if(rJ(a))return null;sJ(a,!0);EJ(a,XI(a));return BJ(a,"hover-start",{})}return null});b.addEventListener("pointerleave",function(){rJ(a)&&(sJ(a,!1),EJ(a,XI(a)),WI(AJ(a))&&BJ(a,"hover-end",{}));return $APP.C.i("pointer",uJ(a))?FJ(a):null})},IJ=function(a,b){b.addEventListener("pointerdown",
|
|
9
|
+
function(){if(WI(AJ(a))){if($APP.n(uJ(a)))return null;wJ(a,"pointer");vJ(a,"pointer");EJ(a,XI(a));return BJ(a,"press-start",{source:"pointer"})}return null});b.addEventListener("pointerup",function(){return $APP.C.i("pointer",uJ(a))?FJ(a):null});b.addEventListener("pointercancel",function(){return $APP.C.i("pointer",uJ(a))?FJ(a):null});b.addEventListener("keydown",function(c){c=c.key;if(WI(AJ(a))&&($APP.C.i(c,"Enter")||$APP.C.i(c," "))){if($APP.C.i("keyboard",uJ(a)))return null;wJ(a,"keyboard");vJ(a,
|
|
10
|
+
"keyboard");EJ(a,XI(a));return BJ(a,"press-start",{source:"keyboard"})}return null});b.addEventListener("keyup",function(c){c=c.key;return $APP.C.i("keyboard",uJ(a))&&($APP.C.i(c,"Enter")||$APP.C.i(c," "))?FJ(a):null});b.addEventListener("blur",function(){return $APP.n(uJ(a))?FJ(a):null});b.addEventListener("click",function(){if(WI(AJ(a))){var c=a.__xButtonLastActivationSource;BJ(a,"press",{source:$APP.n(c)?c:"programmatic"});wJ(a,null);c=$APP.Z.g(AJ(a));var d=a.getAttribute("form");d=$APP.n(d)?document.getElementById(d):
|
|
11
|
+
null;d=$APP.n(d)?d:a.closest("form");return $APP.n(d)?$APP.C.i(c,"submit")?d.requestSubmit():$APP.C.i(c,"reset")?d.reset():null:null}return null})},JJ=function(a,b){b.addEventListener("focus",function(){var c=b.matches(":focus-visible");tJ(a,c);EJ(a,XI(a));return $APP.n(c)?BJ(a,"focus-visible",{}):null});b.addEventListener("blur",function(){tJ(a,!1);return EJ(a,XI(a))})},KJ=function(a,b){function c(){return EJ(a,b)}b["label-slot"].addEventListener("slotchange",c);b["icon-start-slot"].addEventListener("slotchange",
|
|
12
|
+
c);b["icon-end-slot"].addEventListener("slotchange",c);b["spinner-slot"].addEventListener("slotchange",c)},LJ=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))}})},NJ=function(){var a=class extends HTMLElement{};a.formAssociated=!0;a.observedAttributes=MJ;a.prototype.connectedCallback=function(){if(!$APP.n(XI(this))){var b=this.attachShadow({mode:"open"});var c=DJ("style"),d=DJ("button"),
|
|
13
|
+
e=DJ("span"),g=DJ("span"),h=DJ("span"),l=DJ("span"),m=DJ("span"),p=DJ("span"),q=DJ("slot"),v=DJ("slot"),x=DJ("slot"),y=DJ("slot");c.textContent=":host{display:inline-block;vertical-align:middle;color-scheme:light dark;--x-button-radius:var(--x-radius-md,0.75rem);--x-button-gap:0.5rem;--x-button-padding-inline:0.95rem;--x-button-height-sm:2rem;--x-button-height-md:2.5rem;--x-button-height-lg:3rem;--x-button-font-size-sm:0.875rem;--x-button-font-size-md:0.9375rem;--x-button-font-size-lg:1rem;--x-button-font-weight:600;--x-button-icon-size-sm:0.875rem;--x-button-icon-size-md:1rem;--x-button-icon-size-lg:1.125rem;--x-button-spinner-size:1em;--x-button-spinner-stroke:2px;--x-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-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-button-shadow-active:var(--x-shadow-sm,0 1px 2px rgba(15,23,42,0.08));--x-button-bg:var(--x-color-primary,#2563eb);--x-button-bg-hover:var(--x-color-primary-hover,#1d4ed8);--x-button-bg-active:var(--x-color-primary-active,#1e40af);--x-button-bg-disabled:#cbd5e1;--x-button-fg:#ffffff;--x-button-fg-disabled:#ffffff;--x-button-border:transparent;--x-button-border-hover:transparent;--x-button-border-active:transparent;--x-button-secondary-bg:var(--x-color-surface,#ffffff);--x-button-secondary-bg-hover:var(--x-color-surface-hover,#f8fafc);--x-button-secondary-bg-active:var(--x-color-surface-active,#f1f5f9);--x-button-secondary-fg:var(--x-color-text,#0f172a);--x-button-secondary-border:var(--x-color-border,#cbd5e1);--x-button-tertiary-bg:var(--x-color-surface-active,#f1f5f9);--x-button-tertiary-bg-hover:var(--x-color-surface-active,#e2e8f0);--x-button-tertiary-bg-active:var(--x-color-border,#cbd5e1);--x-button-tertiary-fg:var(--x-color-text,#0f172a);--x-button-ghost-bg:transparent;--x-button-ghost-bg-hover:var(--x-color-surface-hover,#f8fafc);--x-button-ghost-bg-active:var(--x-color-surface-active,#f1f5f9);--x-button-ghost-fg:var(--x-color-text-muted,#334155);--x-button-danger-bg:var(--x-color-danger,#dc2626);--x-button-danger-bg-hover:#b91c1c;--x-button-danger-bg-active:#991b1b;--x-button-danger-fg:#ffffff;--x-button-focus-ring:var(--x-color-focus-ring,#60a5fa);--x-button-transition-duration:var(--x-transition-duration,140ms);--x-button-transition-easing:var(--x-transition-easing,cubic-bezier(0.2,0,0,1));}@media (prefers-color-scheme: dark){:host{--x-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-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-button-shadow-active:var(--x-shadow-sm,0 1px 2px rgba(0,0,0,0.3));--x-button-bg:var(--x-color-primary,#3b82f6);--x-button-bg-hover:var(--x-color-primary-hover,#2563eb);--x-button-bg-active:var(--x-color-primary-active,#1d4ed8);--x-button-bg-disabled:#334155;--x-button-fg:#eff6ff;--x-button-fg-disabled:#94a3b8;--x-button-secondary-bg:var(--x-color-surface,#111827);--x-button-secondary-bg-hover:var(--x-color-surface-hover,#1f2937);--x-button-secondary-bg-active:var(--x-color-surface-active,#273449);--x-button-secondary-fg:var(--x-color-text,#e5e7eb);--x-button-secondary-border:var(--x-color-border,#374151);--x-button-tertiary-bg:var(--x-color-surface-active,#1e293b);--x-button-tertiary-bg-hover:var(--x-color-surface-active,#273449);--x-button-tertiary-bg-active:var(--x-color-border,#334155);--x-button-tertiary-fg:var(--x-color-text,#e5e7eb);--x-button-ghost-bg:transparent;--x-button-ghost-bg-hover:var(--x-color-surface-hover,#0f172a);--x-button-ghost-bg-active:var(--x-color-surface-active,#172033);--x-button-ghost-fg:var(--x-color-text-muted,#cbd5e1);--x-button-danger-bg:var(--x-color-danger,#ef4444);--x-button-danger-bg-hover:#dc2626;--x-button-danger-bg-active:#b91c1c;--x-button-danger-fg:#ffffff;--x-button-focus-ring:var(--x-color-focus-ring,#93c5fd);}}@keyframes x-button-spin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}button{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;inline-size:100%;min-inline-size:0;min-block-size:var(--x-button-height-md);padding-inline:var(--x-button-padding-inline);border-radius:var(--x-button-radius);border:1px solid var(--x-button-border);background:var(--x-button-bg);color:var(--x-button-fg);font-size:var(--x-button-font-size-md);font-weight:var(--x-button-font-weight);line-height:1;cursor:pointer;user-select:none;box-shadow:var(--x-button-shadow);transition:background var(--x-button-transition-duration) var(--x-button-transition-easing),border-color var(--x-button-transition-duration) var(--x-button-transition-easing),color var(--x-button-transition-duration) var(--x-button-transition-easing),transform var(--x-button-transition-duration) var(--x-button-transition-easing),box-shadow var(--x-button-transition-duration) var(--x-button-transition-easing),opacity var(--x-button-transition-duration) var(--x-button-transition-easing);}button[disabled]{cursor:default;box-shadow:none;}button:focus-visible{outline:none;box-shadow:0 0 0 3px var(--x-button-focus-ring),var(--x-button-shadow);}button[data-size\x3d'sm']{min-block-size:var(--x-button-height-sm);font-size:var(--x-button-font-size-sm);}button[data-size\x3d'md']{min-block-size:var(--x-button-height-md);font-size:var(--x-button-font-size-md);}button[data-size\x3d'lg']{min-block-size:var(--x-button-height-lg);font-size:var(--x-button-font-size-lg);}button[data-variant\x3d'primary']{background:var(--x-button-bg);color:var(--x-button-fg);border-color:var(--x-button-border);}button[data-variant\x3d'primary'][data-hover\x3d'true']:not([disabled]){background:var(--x-button-bg-hover);box-shadow:var(--x-button-shadow-hover);}button[data-variant\x3d'primary'][data-active\x3d'true']:not([disabled]){background:var(--x-button-bg-active);transform:translateY(1px);box-shadow:var(--x-button-shadow-active);}button[data-variant\x3d'secondary']{background:var(--x-button-secondary-bg);color:var(--x-button-secondary-fg);border-color:var(--x-button-secondary-border);}button[data-variant\x3d'secondary'][data-hover\x3d'true']:not([disabled]){background:var(--x-button-secondary-bg-hover);border-color:var(--x-button-secondary-border);box-shadow:var(--x-button-shadow-hover);}button[data-variant\x3d'secondary'][data-active\x3d'true']:not([disabled]){background:var(--x-button-secondary-bg-active);transform:translateY(1px);box-shadow:var(--x-button-shadow-active);}button[data-variant\x3d'tertiary']{background:var(--x-button-tertiary-bg);color:var(--x-button-tertiary-fg);border-color:transparent;box-shadow:none;}button[data-variant\x3d'tertiary'][data-hover\x3d'true']:not([disabled]){background:var(--x-button-tertiary-bg-hover);}button[data-variant\x3d'tertiary'][data-active\x3d'true']:not([disabled]){background:var(--x-button-tertiary-bg-active);transform:translateY(1px);}button[data-variant\x3d'ghost']{background:var(--x-button-ghost-bg);color:var(--x-button-ghost-fg);border-color:transparent;box-shadow:none;}button[data-variant\x3d'ghost'][data-hover\x3d'true']:not([disabled]){background:var(--x-button-ghost-bg-hover);}button[data-variant\x3d'ghost'][data-active\x3d'true']:not([disabled]){background:var(--x-button-ghost-bg-active);transform:translateY(1px);}button[data-variant\x3d'danger']{background:var(--x-button-danger-bg);color:var(--x-button-danger-fg);border-color:transparent;}button[data-variant\x3d'danger'][data-hover\x3d'true']:not([disabled]){background:var(--x-button-danger-bg-hover);box-shadow:var(--x-button-shadow-hover);}button[data-variant\x3d'danger'][data-active\x3d'true']:not([disabled]){background:var(--x-button-danger-bg-active);transform:translateY(1px);box-shadow:var(--x-button-shadow-active);}button[data-loading\x3d'true']{cursor:progress;}button[data-disabled\x3d'true']{background:var(--x-button-bg-disabled);color:var(--x-button-fg-disabled);border-color:transparent;opacity:0.72;}[part\x3d'inner']{display:inline-flex;align-items:center;justify-content:center;gap:var(--x-button-gap);min-inline-size:0;}[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-button-icon-size-sm);block-size:var(--x-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-button-icon-size-md);block-size:var(--x-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-button-icon-size-lg);block-size:var(--x-button-icon-size-lg);}[part\x3d'spinner']{inline-size:var(--x-button-spinner-size);block-size:var(--x-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-button-spinner-stroke) solid currentColor;border-inline-end-color:transparent;animation:x-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;}@media (prefers-reduced-motion: reduce){button{transition:none;}[part\x3d'spinner-fallback']{animation:none;}}";
|
|
14
14
|
d.setAttribute("part","button");e.setAttribute("part","inner");g.setAttribute("part","icon-start");h.setAttribute("part","label");l.setAttribute("part","spinner");y.setAttribute("part","spinner-slot");m.setAttribute("part","spinner-fallback");p.setAttribute("part","icon-end");v.setAttribute("name","icon-start");x.setAttribute("name","icon-end");y.setAttribute("name","spinner");l.setAttribute("aria-hidden","true");m.setAttribute("aria-hidden","true");g.appendChild(v);h.appendChild(q);l.appendChild(y);
|
|
15
|
-
l.appendChild(m);p.appendChild(x);e.appendChild(g);e.appendChild(h);e.appendChild(l);e.appendChild(p);d.appendChild(e);b.appendChild(c);b.appendChild(d);b={root:b,style:c,button:d,inner:e,"label-slot":q,"icon-start-slot":v,"icon-end-slot":x,"spinner-slot":y};c=b.button;
|
|
16
|
-
return
|
|
17
|
-
$APP.
|
|
15
|
+
l.appendChild(m);p.appendChild(x);e.appendChild(g);e.appendChild(h);e.appendChild(l);e.appendChild(p);d.appendChild(e);b.appendChild(c);b.appendChild(d);b={root:b,style:c,button:d,inner:e,"label-slot":q,"icon-start-slot":v,"icon-end-slot":x,"spinner-slot":y};c=b.button;sJ(this,!1);tJ(this,!1);vJ(this,null);wJ(this,null);HJ(this,c);IJ(this,c);JJ(this,c);KJ(this,b);this.__xButtonState=b}GJ(this);return EJ(this,XI(this))};a.prototype.disconnectedCallback=function(){sJ(this,!1);tJ(this,!1);vJ(this,null);
|
|
16
|
+
return wJ(this,null)};a.prototype.attributeChangedCallback=function(){var b=XI(this);$APP.n(b)?(GJ(this),b=EJ(this,b)):b=null;return b};LJ(a.prototype,"disabled","disabled");LJ(a.prototype,"loading","loading");LJ(a.prototype,"pressed","pressed");return a},OJ=function(){return $APP.n(customElements.get("x-button"))?null:customElements.define("x-button",NJ())};var xJ=new $APP.S(null,new $APP.Q(null,3,["reset",null,"submit",null,"button",null],null),null),yJ=new $APP.S(null,new $APP.Q(null,5,["secondary",null,"tertiary",null,"primary",null,"danger",null,"ghost",null],null),null),zJ=new $APP.S(null,new $APP.Q(null,3,["md",null,"lg",null,"sm",null],null),null),MJ="disabled loading pressed type variant size label".split(" ");
|
|
17
|
+
$APP.Qd(["press",new $APP.Q(null,1,[$APP.V,new $APP.Q(null,1,[$APP.$k,$APP.Y],null)],null),"press-start",new $APP.Q(null,1,[$APP.V,new $APP.Q(null,1,[$APP.$k,$APP.Y],null)],null),"press-end",new $APP.Q(null,1,[$APP.V,new $APP.Q(null,1,[$APP.$k,$APP.Y],null)],null),"hover-start",new $APP.Q(null,1,[$APP.V,$APP.Rd],null),"hover-end",new $APP.Q(null,1,[$APP.V,$APP.Rd],null),"focus-visible",new $APP.Q(null,1,[$APP.V,$APP.Rd],null)]);$APP.ha("baredom.exports.x_button.init",OJ);export const init=OJ;
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
"string")l=(l=$APP.N(h,""))?h:l;return $APP.n(l)?l:"Keep editing"}(),
|
|
2
|
+
var jB=function(a){var b=$APP.M(a);a=$APP.D(b,$APP.xi);var c=$APP.D(b,$APP.ul),d=$APP.D(b,aB),e=$APP.D(b,bB),g=$APP.D(b,cB),h=$APP.D(b,dB);b=$APP.D(b,eB);return new $APP.Q(null,7,[$APP.sm,$APP.F(a),$APP.X,$APP.F(c),fB,function(){var l;if(l=typeof d==="string")l=(l=$APP.N(d,""))?d:l;return $APP.n(l)?l:"Discard changes?"}(),$APP.pk,typeof e==="string"&&$APP.N(e,"")?e:null,gB,function(){var l;if(l=typeof g==="string")l=(l=$APP.N(g,""))?g:l;return $APP.n(l)?l:"Discard"}(),hB,function(){var l;if(l=typeof h===
|
|
3
|
+
"string")l=(l=$APP.N(h,""))?h:l;return $APP.n(l)?l:"Keep editing"}(),iB,$APP.F(b)],null)},kB=function(a){return document.createElement(a)},mB=function(a){var b=$APP.k(a,"__xCancelDialogueRefs");if($APP.n(b))return b;b=$APP.k(lB,"n")+1;lB.n=b;b="x-cd-headline-"+$APP.T.g(b);var c=a.attachShadow({mode:"open"}),d=kB("style"),e=kB("div"),g=kB("div"),h=kB("div"),l=kB("div"),m=kB("h2"),p=kB("div"),q=kB("slot"),v=kB("p"),x=kB("div"),y=kB("button"),A=kB("button");d.textContent=":host{display:contents;color-scheme:light dark;--x-cancel-dialogue-z-base:1000;--x-cancel-dialogue-backdrop-bg:rgba(0,0,0,0.45);--x-cancel-dialogue-bg:var(--x-color-bg,#ffffff);--x-cancel-dialogue-fg:var(--x-color-text,#0f172a);--x-cancel-dialogue-radius:var(--x-radius-lg,12px);--x-cancel-dialogue-shadow:var(--x-shadow-lg,0 20px 60px rgba(0,0,0,0.20),0 4px 12px rgba(0,0,0,0.10));--x-cancel-dialogue-padding:24px;--x-cancel-dialogue-min-width:min(320px,calc(100vw - 2rem));--x-cancel-dialogue-max-width:min(480px,calc(100vw - 2rem));--x-cancel-dialogue-headline-size:1.125rem;--x-cancel-dialogue-headline-weight:700;--x-cancel-dialogue-message-size:0.9375rem;--x-cancel-dialogue-cancel-bg:var(--x-color-surface-active,#f1f5f9);--x-cancel-dialogue-cancel-fg:var(--x-color-text,#0f172a);--x-cancel-dialogue-cancel-bg-hover:var(--x-color-surface-active,#e2e8f0);--x-cancel-dialogue-confirm-bg:var(--x-color-primary,#2563eb);--x-cancel-dialogue-confirm-fg:#ffffff;--x-cancel-dialogue-confirm-bg-hover:var(--x-color-primary-hover,#1d4ed8);--x-cancel-dialogue-danger-bg:var(--x-color-danger,#dc2626);--x-cancel-dialogue-danger-fg:#ffffff;--x-cancel-dialogue-danger-bg-hover:#b91c1c;--x-cancel-dialogue-btn-radius:var(--x-radius-md,8px);--x-cancel-dialogue-btn-height:2.5rem;--x-cancel-dialogue-btn-font-size:0.9375rem;--x-cancel-dialogue-btn-font-weight:600;--x-cancel-dialogue-focus-ring:var(--x-color-focus-ring,#60a5fa);--x-cancel-dialogue-enter-duration:0ms;--x-cancel-dialogue-exit-duration:0ms;}@media (prefers-color-scheme:dark){:host{--x-cancel-dialogue-bg:var(--x-color-bg,#1e293b);--x-cancel-dialogue-fg:var(--x-color-text,#f1f5f9);--x-cancel-dialogue-backdrop-bg:rgba(0,0,0,0.60);--x-cancel-dialogue-shadow:0 20px 60px rgba(0,0,0,0.55),0 4px 12px rgba(0,0,0,0.30);--x-cancel-dialogue-cancel-bg:var(--x-color-text-muted,#334155);--x-cancel-dialogue-cancel-fg:var(--x-color-text,#f1f5f9);--x-cancel-dialogue-cancel-bg-hover:var(--x-color-border,#475569);--x-cancel-dialogue-confirm-bg:var(--x-color-primary,#3b82f6);--x-cancel-dialogue-confirm-bg-hover:var(--x-color-primary-hover,#2563eb);--x-cancel-dialogue-focus-ring:var(--x-color-focus-ring,#93c5fd);}}[part\x3dbackdrop]{display:none;position:fixed;inset:0;background:var(--x-cancel-dialogue-backdrop-bg);z-index:var(--x-cancel-dialogue-z-base,1000);}[part\x3ddialog]{display:none;position:fixed;inset:0;align-items:center;justify-content:center;z-index:calc(var(--x-cancel-dialogue-z-base,1000) + 1);padding:16px;box-sizing:border-box;}:host([open]) [part\x3dbackdrop]{display:block;}:host([open]) [part\x3ddialog]{display:flex;}[part\x3dpanel]{background:var(--x-cancel-dialogue-bg);color:var(--x-cancel-dialogue-fg);border-radius:var(--x-cancel-dialogue-radius);box-shadow:var(--x-cancel-dialogue-shadow);padding:var(--x-cancel-dialogue-padding);min-width:var(--x-cancel-dialogue-min-width);max-width:var(--x-cancel-dialogue-max-width);width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:16px;}[part\x3dheader]{display:flex;align-items:flex-start;}[part\x3dheadline]{margin:0;font-size:var(--x-cancel-dialogue-headline-size);font-weight:var(--x-cancel-dialogue-headline-weight);line-height:1.3;}[part\x3dbody]{display:flex;flex-direction:column;gap:8px;}[part\x3dmessage]{font-size:var(--x-cancel-dialogue-message-size);line-height:1.5;margin:0;opacity:0.8;}[part\x3dactions]{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;}[part\x3dcancel-btn],[part\x3dconfirm-btn]{all:unset;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0 20px;min-height:var(--x-cancel-dialogue-btn-height);border-radius:var(--x-cancel-dialogue-btn-radius);font-size:var(--x-cancel-dialogue-btn-font-size);font-weight:var(--x-cancel-dialogue-btn-font-weight);cursor:pointer;user-select:none;white-space:nowrap;}[part\x3dcancel-btn]{background:var(--x-cancel-dialogue-cancel-bg);color:var(--x-cancel-dialogue-cancel-fg);}[part\x3dcancel-btn]:hover:not(:disabled){background:var(--x-cancel-dialogue-cancel-bg-hover);}[part\x3dconfirm-btn]{background:var(--x-cancel-dialogue-confirm-bg);color:var(--x-cancel-dialogue-confirm-fg);}[part\x3dconfirm-btn]:hover:not(:disabled){background:var(--x-cancel-dialogue-confirm-bg-hover);}[part\x3dconfirm-btn][data-danger]{background:var(--x-cancel-dialogue-danger-bg);color:var(--x-cancel-dialogue-danger-fg);}[part\x3dconfirm-btn][data-danger]:hover:not(:disabled){background:var(--x-cancel-dialogue-danger-bg-hover);}[part\x3dcancel-btn]:focus-visible,[part\x3dconfirm-btn]:focus-visible{outline:2px solid var(--x-cancel-dialogue-focus-ring);outline-offset:2px;}:host([disabled]) [part\x3dcancel-btn],:host([disabled]) [part\x3dconfirm-btn]{opacity:0.55;pointer-events:none;cursor:default;}@media (prefers-reduced-motion:reduce){[part\x3dbackdrop],[part\x3ddialog],[part\x3dpanel]{transition:none;animation:none;}}";
|
|
4
4
|
e.setAttribute("part","backdrop");g.setAttribute("part","dialog");g.setAttribute("role","dialog");g.setAttribute("aria-modal","true");g.setAttribute("aria-labelledby",b);h.setAttribute("part","panel");l.setAttribute("part","header");m.setAttribute("part","headline");m.setAttribute("id",b);p.setAttribute("part","body");q.setAttribute("name","body");v.setAttribute("part","message");x.setAttribute("part","actions");y.setAttribute("part","cancel-btn");y.setAttribute("type","button");A.setAttribute("part",
|
|
5
|
-
"confirm-btn");A.setAttribute("type","button");l.appendChild(m);p.appendChild(q);p.appendChild(v);x.appendChild(y);x.appendChild(A);h.appendChild(l);h.appendChild(p);h.appendChild(x);g.appendChild(h);c.appendChild(d);c.appendChild(e);c.appendChild(g);a.__xCancelDialogueRefs={headline:m,confirmBtn:A,panel:h,bodySlot:q,root:c,dialog:g,backdrop:e,cancelBtn:y,message:v};return $APP.k(a,"__xCancelDialogueRefs")},
|
|
6
|
-
return b}
|
|
7
|
-
{},!0);$APP.n(b.defaultPrevented)||(
|
|
8
|
-
|
|
9
|
-
v=$APP.k(v,"confirmBtn");var x=p.shiftKey,y=a.shadowRoot.activeElement;$APP.n($APP.n(x)?$APP.C.i(y,q):x)?(p.preventDefault(),v.focus()):$APP.r(x)&&$APP.C.i(y,v)&&(p.preventDefault(),q.focus())}return null}function c(){return
|
|
10
|
-
m.addEventListener("keydown",b);$APP.
|
|
11
|
-
l);$APP.n(m)&&g.removeEventListener("click",m);$APP.n(b)&&c.removeEventListener("keydown",b)}a.__xCancelDialogueHandlers=null},
|
|
12
|
-
enumerable:!0,configurable:!0});for(var b=$APP.t(new $APP.O(null,2,5,$APP.P,[new $APP.O(null,2,5,$APP.P,["disabled","disabled"],null),new $APP.O(null,2,5,$APP.P,["danger","danger"],null)],null)),c=null,d=0,e=0;;)if(e<d){var g=c.
|
|
13
|
-
c,d,e,g,h,l),enumerable:!0,configurable:!0});e+=1}else if(h=$APP.t(b)){g=h;if($APP.Nc(g))b=$APP.
|
|
14
|
-
d=0}e=0}else break;b=$APP.t(new $APP.O(null,4,5,$APP.P,[new $APP.O(null,2,5,$APP.P,["headline","headline"],null),new $APP.O(null,2,5,$APP.P,["message","message"],null),new $APP.O(null,2,5,$APP.P,["confirmText","confirm-text"],null),new $APP.O(null,2,5,$APP.P,["cancelText","cancel-text"],null)],null));c=null;for(e=d=0;;)if(e<d)g=c.
|
|
15
|
-
v,x,y,A,B,E){return function(H){return H==null?this.removeAttribute(E):this.setAttribute(E,""+$APP.T.g(H))}}(b,c,d,e,g,h,l),enumerable:!0,configurable:!0}),e+=1;else if(h=$APP.t(b))g=h,$APP.Nc(g)?(b=$APP.
|
|
16
|
-
this.setAttribute(E,""+$APP.T.g(H))}}(b,c,d,e,l,m,p,g,h),enumerable:!0,configurable:!0}),b=$APP.w(g),c=null,d=0),e=0;else break;Object.defineProperty(a,"close",{value:function(){return
|
|
17
|
-
class extends HTMLElement{};a.observedAttributes=
|
|
18
|
-
"cancel-text","cancel-text",1885137831),
|
|
5
|
+
"confirm-btn");A.setAttribute("type","button");l.appendChild(m);p.appendChild(q);p.appendChild(v);x.appendChild(y);x.appendChild(A);h.appendChild(l);h.appendChild(p);h.appendChild(x);g.appendChild(h);c.appendChild(d);c.appendChild(e);c.appendChild(g);a.__xCancelDialogueRefs={headline:m,confirmBtn:A,panel:h,bodySlot:q,root:c,dialog:g,backdrop:e,cancelBtn:y,message:v};return $APP.k(a,"__xCancelDialogueRefs")},nB=function(a,b,c,d){b=new CustomEvent(b,{detail:c,bubbles:!0,composed:!0,cancelable:d});a.dispatchEvent(b);
|
|
6
|
+
return b},oB=function(a){$APP.n(a.hasAttribute("open"))||a.setAttribute("open","");a=mB(a);var b=$APP.k(a,"confirmBtn");setTimeout(function(){return b.focus()},0);return null},pB=function(a){a.removeAttribute("open");return null},qB=function(a,b){$APP.n(a.hasAttribute("disabled"))||(b=nB(a,"x-cancel-dialogue-cancel-request",{reason:b},!0),$APP.n(b.defaultPrevented)||(pB(a),nB(a,"x-cancel-dialogue-cancel",{},!1)));return null},rB=function(a){if(!$APP.n(a.hasAttribute("disabled"))){var b=nB(a,"x-cancel-dialogue-confirm-request",
|
|
7
|
+
{},!0);$APP.n(b.defaultPrevented)||(pB(a),nB(a,"x-cancel-dialogue-confirm",{},!1))}return null},sB=function(a){var b=mB(a),c=$APP.k(b,"headline"),d=$APP.k(b,"message"),e=$APP.k(b,"cancelBtn"),g=$APP.k(b,"confirmBtn");a=jB(new $APP.Q(null,7,[$APP.xi,a.hasAttribute("open"),$APP.ul,a.hasAttribute("disabled"),aB,a.getAttribute("headline"),bB,a.getAttribute("message"),cB,a.getAttribute("confirm-text"),dB,a.getAttribute("cancel-text"),eB,a.hasAttribute("danger")],null));c.textContent=fB.g(a);e.textContent=
|
|
8
|
+
hB.g(a);g.textContent=gB.g(a);$APP.n($APP.pk.g(a))?(d.textContent=$APP.pk.g(a),d.style.display="block"):(d.textContent="",d.style.display="none");$APP.n(iB.g(a))?g.setAttribute("data-danger",""):g.removeAttribute("data-danger");e.disabled=$APP.F($APP.X.g(a));g.disabled=$APP.F($APP.X.g(a));$APP.k(b,"dialog").setAttribute("aria-modal","true")},tB=function(a){function b(p){var q=p.key;if($APP.C.i(q,"Escape"))p.preventDefault(),qB(a,"escape");else if($APP.C.i(q,"Tab")){var v=mB(a);q=$APP.k(v,"cancelBtn");
|
|
9
|
+
v=$APP.k(v,"confirmBtn");var x=p.shiftKey,y=a.shadowRoot.activeElement;$APP.n($APP.n(x)?$APP.C.i(y,q):x)?(p.preventDefault(),v.focus()):$APP.r(x)&&$APP.C.i(y,v)&&(p.preventDefault(),q.focus())}return null}function c(){return rB(a)}function d(){return qB(a,"cancel-button")}function e(){return qB(a,"backdrop")}var g=mB(a),h=$APP.k(g,"cancelBtn"),l=$APP.k(g,"confirmBtn"),m=$APP.k(g,"dialog");$APP.k(g,"backdrop").addEventListener("click",e);h.addEventListener("click",d);l.addEventListener("click",c);
|
|
10
|
+
m.addEventListener("keydown",b);$APP.ja(a,"__xCancelDialogueHandlers",{backdrop:e,cancel:d,confirm:c,keydown:b})},uB=function(a){var b=$APP.k(a,"__xCancelDialogueHandlers"),c=$APP.k(a,"__xCancelDialogueRefs");if($APP.n($APP.n(b)?c:b)){var d=$APP.k(c,"backdrop"),e=$APP.k(c,"cancelBtn"),g=$APP.k(c,"confirmBtn");c=$APP.k(c,"dialog");var h=$APP.k(b,"backdrop"),l=$APP.k(b,"cancel"),m=$APP.k(b,"confirm");b=$APP.k(b,"keydown");$APP.n(h)&&d.removeEventListener("click",h);$APP.n(l)&&e.removeEventListener("click",
|
|
11
|
+
l);$APP.n(m)&&g.removeEventListener("click",m);$APP.n(b)&&c.removeEventListener("keydown",b)}a.__xCancelDialogueHandlers=null},vB=function(a,b,c,d){if($APP.N(c,d)&&(sB(a),$APP.C.i(b,"open")&&d!=null&&c==null)){a=$APP.k(a,"__xCancelDialogueRefs");var e=$APP.n(a)?$APP.k(a,"confirmBtn"):null;$APP.n(e)&&setTimeout(function(){return e.focus()},0)}return null},wB=function(a){Object.defineProperty(a,"open",{get:function(){return this.hasAttribute("open")},set:function(q){return $APP.n(q)?oB(this):pB(this)},
|
|
12
|
+
enumerable:!0,configurable:!0});for(var b=$APP.t(new $APP.O(null,2,5,$APP.P,[new $APP.O(null,2,5,$APP.P,["disabled","disabled"],null),new $APP.O(null,2,5,$APP.P,["danger","danger"],null)],null)),c=null,d=0,e=0;;)if(e<d){var g=c.F(null,e),h=$APP.Ac(g,0,null),l=$APP.Ac(g,1,null);Object.defineProperty(a,h,{get:function(q,v,x,y,A,B,E){return function(){return this.hasAttribute(E)}}(b,c,d,e,g,h,l),set:function(q,v,x,y,A,B,E){return function(H){return $APP.n(H)?this.setAttribute(E,""):this.removeAttribute(E)}}(b,
|
|
13
|
+
c,d,e,g,h,l),enumerable:!0,configurable:!0});e+=1}else if(h=$APP.t(b)){g=h;if($APP.Nc(g))b=$APP.yb(g),e=$APP.zb(g),c=b,d=$APP.z(b),b=e;else{l=$APP.u(g);var m=$APP.Ac(l,0,null),p=$APP.Ac(l,1,null);Object.defineProperty(a,m,{get:function(q,v,x,y,A,B,E){return function(){return this.hasAttribute(E)}}(b,c,d,e,l,m,p,g,h),set:function(q,v,x,y,A,B,E){return function(H){return $APP.n(H)?this.setAttribute(E,""):this.removeAttribute(E)}}(b,c,d,e,l,m,p,g,h),enumerable:!0,configurable:!0});b=$APP.w(g);c=null;
|
|
14
|
+
d=0}e=0}else break;b=$APP.t(new $APP.O(null,4,5,$APP.P,[new $APP.O(null,2,5,$APP.P,["headline","headline"],null),new $APP.O(null,2,5,$APP.P,["message","message"],null),new $APP.O(null,2,5,$APP.P,["confirmText","confirm-text"],null),new $APP.O(null,2,5,$APP.P,["cancelText","cancel-text"],null)],null));c=null;for(e=d=0;;)if(e<d)g=c.F(null,e),h=$APP.Ac(g,0,null),l=$APP.Ac(g,1,null),Object.defineProperty(a,h,{get:function(q,v,x,y,A,B,E){return function(){return this.getAttribute(E)}}(b,c,d,e,g,h,l),set:function(q,
|
|
15
|
+
v,x,y,A,B,E){return function(H){return H==null?this.removeAttribute(E):this.setAttribute(E,""+$APP.T.g(H))}}(b,c,d,e,g,h,l),enumerable:!0,configurable:!0}),e+=1;else if(h=$APP.t(b))g=h,$APP.Nc(g)?(b=$APP.yb(g),e=$APP.zb(g),c=b,d=$APP.z(b),b=e):(l=$APP.u(g),m=$APP.Ac(l,0,null),p=$APP.Ac(l,1,null),Object.defineProperty(a,m,{get:function(q,v,x,y,A,B,E){return function(){return this.getAttribute(E)}}(b,c,d,e,l,m,p,g,h),set:function(q,v,x,y,A,B,E){return function(H){return H==null?this.removeAttribute(E):
|
|
16
|
+
this.setAttribute(E,""+$APP.T.g(H))}}(b,c,d,e,l,m,p,g,h),enumerable:!0,configurable:!0}),b=$APP.w(g),c=null,d=0),e=0;else break;Object.defineProperty(a,"close",{value:function(){return pB(this)},enumerable:!0,configurable:!0,writable:!0});Object.defineProperty(a,"confirm",{value:function(){return rB(this)},enumerable:!0,configurable:!0,writable:!0});Object.defineProperty(a,"cancel",{value:function(q){return qB(this,$APP.n(q)?q:"cancel-button")},enumerable:!0,configurable:!0,writable:!0})},yB=function(){var a=
|
|
17
|
+
class extends HTMLElement{};a.observedAttributes=xB;a.prototype.connectedCallback=function(){mB(this);uB(this);tB(this);sB(this);return null};a.prototype.disconnectedCallback=function(){uB(this);return null};a.prototype.attributeChangedCallback=function(b,c,d){return vB(this,b,c,d)};wB(a.prototype);return a},zB=function(){$APP.n(customElements.get("x-cancel-dialogue"))||customElements.define("x-cancel-dialogue",yB());return null},fB=new $APP.K(null,"headline","headline",-157157727),hB=new $APP.K(null,
|
|
18
|
+
"cancel-text","cancel-text",1885137831),dB=new $APP.K(null,"cancel-text-raw","cancel-text-raw",615622099),gB=new $APP.K(null,"confirm-text","confirm-text",-1839494031),bB=new $APP.K(null,"message-raw","message-raw",952235685),aB=new $APP.K(null,"headline-raw","headline-raw",1141142757),iB=new $APP.K(null,"danger?","danger?",181682216),cB=new $APP.K(null,"confirm-text-raw","confirm-text-raw",-1317418708),eB=new $APP.K(null,"danger-present?","danger-present?",-439648505);var xB="open disabled headline message confirm-text cancel-text danger".split(" ");$APP.Qd(["x-cancel-dialogue-cancel-request",new $APP.Q(null,2,[$APP.Rl,!0,$APP.V,new $APP.Q(null,1,[$APP.Hi,$APP.Y],null)],null),"x-cancel-dialogue-cancel",new $APP.Q(null,2,[$APP.Rl,!1,$APP.V,$APP.Rd],null),"x-cancel-dialogue-confirm-request",new $APP.Q(null,2,[$APP.Rl,!0,$APP.V,$APP.Rd],null),"x-cancel-dialogue-confirm",new $APP.Q(null,2,[$APP.Rl,!1,$APP.V,$APP.Rd],null)]);var lB={n:0};$APP.ha("baredom.exports.x_cancel_dialogue.init",zB);export const init=zB;
|
package/dist/x-card.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
6,[$APP.
|
|
4
|
-
"__x_card_base")
|
|
5
|
-
$APP.C.i(d,"Spacebar"))return b.preventDefault(),
|
|
6
|
-
"disabled",{configurable:!0,enumerable:!0,get:function(){return this.hasAttribute("disabled")},set:function(b){return $APP.n(b)?this.setAttribute("disabled",""):this.removeAttribute("disabled")}})},
|
|
7
|
-
var d=document.createElement("div");d.setAttribute("part","base");d.className="base";var e=document.createElement("slot");d.appendChild(e);b.appendChild(c);b.appendChild(d);this.__x_card_root=b;this.__x_card_style=c;this.__x_card_base=d;this.__x_card_slot=e;
|
|
8
|
-
function(){return $APP.n(customElements.get("x-card"))?null:customElements.define("x-card",
|
|
2
|
+
var RE=function(a,b,c){return $APP.I(b,a)?a:c},WE=function(a){var b=$APP.M(a),c=$APP.D(b,$APP.Qg),d=$APP.D(b,$APP.rm),e=$APP.D(b,$APP.xm),g=$APP.D(b,$APP.cj);a=$APP.D(b,$APP.Fj);b=$APP.D(b,$APP.U);c=RE(c,SE,"elevated");d=RE(d,TE,"md");e=RE(e,UE,"lg");g=$APP.F(g);a=$APP.F(a);b=typeof b==="string"&&$APP.N("",b)?b:null;return $APP.zf([$APP.ci,$APP.Ak,$APP.Fj,$APP.Qg,$APP.cj,$APP.xm,$APP.rm,VE,$APP.wl],[g?"button":null,g&&a?"-1":g?"0":null,a,c,g,e,d,a?"true":null,b])},XE=function(a){return new $APP.Q(null,
|
|
3
|
+
6,[$APP.Qg,a.getAttribute("variant"),$APP.rm,a.getAttribute("padding"),$APP.xm,a.getAttribute("radius"),$APP.cj,a.hasAttribute("interactive"),$APP.Fj,a.hasAttribute("disabled"),$APP.U,a.getAttribute("label")],null)},YE=function(a){var b=$APP.cj.g(a);return $APP.n(b)?$APP.r($APP.Fj.g(a)):b},ZE=function(a){return a.dispatchEvent(new CustomEvent("press",{detail:{},bubbles:!0,composed:!0}))},$E=function(a,b,c){return c!=null?a.setAttribute(b,c):a.removeAttribute(b)},aF=function(a){var b=WE(XE(a)),c=$APP.k(a,
|
|
4
|
+
"__x_card_base");$E(a,"role",$APP.ci.g(b));$E(a,"tabindex",$APP.Ak.g(b));$E(a,"aria-label",$APP.wl.g(b));$E(a,"aria-disabled",VE.g(b));c.setAttribute("data-variant",$APP.Qg.g(b));c.setAttribute("data-padding",$APP.rm.g(b));c.setAttribute("data-radius",$APP.xm.g(b));$E(c,"data-interactive",$APP.n($APP.cj.g(b))?"true":null);return $E(c,"data-disabled",$APP.n($APP.Fj.g(b))?"true":null)},bF=function(a,b){var c=WE(XE(a)),d=b.key;if($APP.n(YE(c))){if($APP.C.i(d,"Enter"))return ZE(a);if($APP.C.i(d," ")||
|
|
5
|
+
$APP.C.i(d,"Spacebar"))return b.preventDefault(),ZE(a)}return null},cF=function(a){a.addEventListener("click",function(){var b=WE(XE(a));return $APP.n(YE(b))?ZE(a):null});a.addEventListener("keydown",function(b){return bF(a,b)})},dF=function(a){Object.defineProperty(a.prototype,"interactive",{configurable:!0,enumerable:!0,get:function(){return this.hasAttribute("interactive")},set:function(b){return $APP.n(b)?this.setAttribute("interactive",""):this.removeAttribute("interactive")}});Object.defineProperty(a.prototype,
|
|
6
|
+
"disabled",{configurable:!0,enumerable:!0,get:function(){return this.hasAttribute("disabled")},set:function(b){return $APP.n(b)?this.setAttribute("disabled",""):this.removeAttribute("disabled")}})},fF=function(){var a=class extends HTMLElement{};a.observedAttributes=eF;a.prototype.connectedCallback=function(){if(!$APP.Dg(this,"__x_card_initialized")){var b=this.attachShadow({mode:"open"}),c=document.createElement("style");c.textContent="\n :host {\n display: block;\n color-scheme: light dark;\n\n --x-card-background: var(--x-color-surface, rgba(255, 255, 255, 0.92));\n --x-card-color: var(--x-color-text, #111827);\n --x-card-border-color: var(--x-color-border, rgba(17, 24, 39, 0.12));\n --x-card-filled-background: rgba(241, 245, 249, 0.96);\n --x-card-ghost-background: transparent;\n --x-card-hover-background: rgba(15, 23, 42, 0.04);\n --x-card-press-background: rgba(15, 23, 42, 0.08);\n --x-card-shadow: var(--x-shadow-md, 0 10px 24px rgba(15, 23, 42, 0.10));\n --x-card-focus-ring: var(--x-color-focus-ring, rgba(59, 130, 246, 0.55));\n --x-card-disabled-opacity: 0.6;\n\n --x-card-padding-none: 0;\n --x-card-padding-sm: 0.5rem;\n --x-card-padding-md: 1rem;\n --x-card-padding-lg: 1.5rem;\n\n --x-card-radius-none: 0;\n --x-card-radius-sm: var(--x-radius-sm, 0.375rem);\n --x-card-radius-md: var(--x-radius-md, 0.75rem);\n --x-card-radius-lg: var(--x-radius-lg, 1rem);\n --x-card-radius-xl: 1.5rem;\n\n --x-card-transition-duration: var(--x-transition-duration, 140ms);\n --x-card-transition-timing: ease;\n\n outline: none;\n }\n\n @media (prefers-color-scheme: dark) {\n :host {\n --x-card-background: var(--x-color-surface, rgba(15, 23, 42, 0.88));\n --x-card-color: var(--x-color-text, #e5e7eb);\n --x-card-border-color: var(--x-color-border, rgba(148, 163, 184, 0.24));\n --x-card-filled-background: rgba(30, 41, 59, 0.96);\n --x-card-hover-background: rgba(148, 163, 184, 0.10);\n --x-card-press-background: rgba(148, 163, 184, 0.16);\n --x-card-shadow: var(--x-shadow-md, 0 16px 32px rgba(0, 0, 0, 0.32));\n --x-card-focus-ring: var(--x-color-focus-ring, rgba(96, 165, 250, 0.6));\n }\n }\n\n .base {\n box-sizing: border-box;\n display: block;\n min-width: 0;\n background: var(--x-card-background);\n color: var(--x-card-color);\n border: 1px solid transparent;\n border-radius: var(--x-card-radius-lg);\n transition:\n background var(--x-card-transition-duration) var(--x-card-transition-timing),\n box-shadow var(--x-card-transition-duration) var(--x-card-transition-timing),\n border-color var(--x-card-transition-duration) var(--x-card-transition-timing),\n transform var(--x-card-transition-duration) var(--x-card-transition-timing);\n }\n\n .base[data-variant\x3d'elevated'] {\n background: var(--x-card-background);\n box-shadow: var(--x-card-shadow);\n }\n\n .base[data-variant\x3d'outlined'] {\n background: var(--x-card-background);\n border-color: var(--x-card-border-color);\n box-shadow: none;\n }\n\n .base[data-variant\x3d'filled'] {\n background: var(--x-card-filled-background);\n box-shadow: none;\n }\n\n .base[data-variant\x3d'ghost'] {\n background: var(--x-card-ghost-background);\n box-shadow: none;\n }\n\n .base[data-padding\x3d'none'] { padding: var(--x-card-padding-none); }\n .base[data-padding\x3d'sm'] { padding: var(--x-card-padding-sm); }\n .base[data-padding\x3d'md'] { padding: var(--x-card-padding-md); }\n .base[data-padding\x3d'lg'] { padding: var(--x-card-padding-lg); }\n\n .base[data-radius\x3d'none'] { border-radius: var(--x-card-radius-none); }\n .base[data-radius\x3d'sm'] { border-radius: var(--x-card-radius-sm); }\n .base[data-radius\x3d'md'] { border-radius: var(--x-card-radius-md); }\n .base[data-radius\x3d'lg'] { border-radius: var(--x-card-radius-lg); }\n .base[data-radius\x3d'xl'] { border-radius: var(--x-card-radius-xl); }\n\n .base[data-interactive\x3d'true']:not([data-disabled\x3d'true']) {\n cursor: pointer;\n }\n\n .base[data-interactive\x3d'true']:not([data-disabled\x3d'true']):hover {\n background: var(--x-card-hover-background);\n }\n\n .base[data-interactive\x3d'true']:not([data-disabled\x3d'true']):active {\n background: var(--x-card-press-background);\n transform: translateY(1px);\n }\n\n .base[data-disabled\x3d'true'] {\n opacity: var(--x-card-disabled-opacity);\n cursor: default;\n transform: none;\n }\n\n :host(:focus-visible) .base[data-interactive\x3d'true']:not([data-disabled\x3d'true']) {\n box-shadow:\n 0 0 0 3px var(--x-card-focus-ring),\n var(--x-card-shadow);\n }\n\n @media (prefers-reduced-motion: reduce) {\n .base {\n transition: none;\n }\n\n .base[data-interactive\x3d'true']:not([data-disabled\x3d'true']):active {\n transform: none;\n }\n }\n ";
|
|
7
|
+
var d=document.createElement("div");d.setAttribute("part","base");d.className="base";var e=document.createElement("slot");d.appendChild(e);b.appendChild(c);b.appendChild(d);this.__x_card_root=b;this.__x_card_style=c;this.__x_card_base=d;this.__x_card_slot=e;cF(this);this.__x_card_initialized=!0}aF(this);return this};a.prototype.disconnectedCallback=function(){return null};a.prototype.attributeChangedCallback=function(){return $APP.Dg(this,"__x_card_initialized")?aF(this):null};dF(a);return a},gF=
|
|
8
|
+
function(){return $APP.n(customElements.get("x-card"))?null:customElements.define("x-card",fF())},VE=new $APP.K(null,"aria-disabled","aria-disabled",-667357160);var eF="variant padding radius interactive disabled label".split(" "),SE=new $APP.S(null,new $APP.Q(null,4,["outlined",null,"elevated",null,"filled",null,"ghost",null],null),null),TE=new $APP.S(null,new $APP.Q(null,4,["none",null,"md",null,"lg",null,"sm",null],null),null),UE=new $APP.S(null,new $APP.Q(null,5,["none",null,"md",null,"lg",null,"xl",null,"sm",null],null),null);$APP.ha("baredom.exports.x_card.init",gF);export const init=gF;
|
package/dist/x-carousel.js
CHANGED
|
@@ -1,35 +1,35 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
|
|
4
|
-
$APP.
|
|
5
|
-
$APP.D(c,
|
|
6
|
-
(c=$APP.r($APP.
|
|
7
|
-
x=$APP.C.i(q,"vertical");a.setAttribute("data-direction",q);a.setAttribute("data-transition",p);a.setAttribute("role","region");a.setAttribute("aria-roledescription","carousel");var y=$APP.
|
|
8
|
-
"%)":d.style.transform="translate"+$APP.T.g(p)+"(calc("+$APP.T.g(l*-1)+" * (100% - "+$APP.T.g(v)+" * 2) + "+$APP.T.g(v)+"))",d=$APP.k($APP.k(a,"__xCarouselRefs"),"slot").assignedElements(),v=d.length,p=0;;)if(p<v)d[p].style.opacity="",p+=1;else break;else for(d.style.transform="",d=$APP.k($APP.k(a,"__xCarouselRefs"),"slot").assignedElements(),v=d.length,p=0;;)if(p<v)d[p].style.opacity=$APP.C.i(p,l)?"1":"0",p+=1;else break;v=$APP.M(b);d=$APP.D(v,
|
|
9
|
-
"flex",g.style.display="flex",q=$APP.M(b),d=$APP.D(q,$APP.
|
|
2
|
+
var qv=function(a){return a==null?!0:$APP.N((""+$APP.T.g(a)).trim().toLowerCase(),"false")},rv=function(a){return typeof a==="string"?(a=parseInt(a.trim(),10),$APP.r(isNaN(a))&&a>=0?a:0):0},sv=function(a){return typeof a==="string"?(a=parseInt(a.trim(),10),$APP.r(isNaN(a))&&a>=100?a:5E3):5E3},uv=function(a){return typeof a==="string"?(a=a.trim().toLowerCase(),$APP.I(tv,a)?a:"slide"):"slide"},wv=function(a){return typeof a==="string"?(a=a.trim().toLowerCase(),$APP.I(vv,a)?a:"horizontal"):"horizontal"},
|
|
3
|
+
yv=function(a){var b=(b=typeof a==="string")?xv.test(a.trim()):b;return $APP.n(b)?a.trim():"0px"},zv=function(a,b){return b<=0?0:a<0?0:a>=b?b-1:a},Bv=function(a){var b=$APP.M(a);a=$APP.D(b,$APP.Zh);var c=$APP.D(b,$APP.cl);b=$APP.D(b,Av);var d=a+1;return d>=b?$APP.n(c)?0:a:d},Cv=function(a){var b=$APP.M(a);a=$APP.D(b,$APP.Zh);var c=$APP.D(b,$APP.cl);b=$APP.D(b,Av);var d=a-1;return d<0?$APP.n(c)?b-1:a:d},Lv=function(a){var b=$APP.k(a,"__xCarouselSlideCount");a=$APP.zf([$APP.ul,Av,Dv,Ev,$APP.Kl,Fv,$APP.ai,
|
|
4
|
+
$APP.Nj,Gv,$APP.Bm,$APP.Qi,Hv],[a.hasAttribute("disabled"),$APP.n(b)?b:0,a.getAttribute("transition"),a.getAttribute("arrows"),a.getAttribute("peek"),a.hasAttribute("loop"),a.getAttribute("interval"),a.getAttribute("aria-label"),a.hasAttribute("autoplay"),a.getAttribute("current"),a.getAttribute("direction"),a.getAttribute("dots")]);var c=$APP.M(a);a=$APP.D(c,$APP.Nj);b=$APP.D(c,Gv);var d=$APP.D(c,$APP.ai),e=$APP.D(c,$APP.Bm),g=$APP.D(c,$APP.Qi),h=$APP.D(c,Hv),l=$APP.D(c,$APP.ul),m=$APP.D(c,Av),p=
|
|
5
|
+
$APP.D(c,Dv),q=$APP.D(c,Ev),v=$APP.D(c,$APP.Kl);c=$APP.D(c,Fv);m=$APP.n(m)?m:0;e=zv(rv(e),m);return $APP.zf([Iv,Jv,Kv,Av,$APP.Zh,$APP.cl,$APP.Hk,$APP.wl,$APP.Ti,$APP.X,$APP.jj,$APP.Ei],[qv(q),uv(p),qv(h),m,e,$APP.F(c),sv(d),$APP.Jg(a)?a:null,yv(v),$APP.F(l),wv(g),$APP.F(b)])},Mv=function(a){var b=$APP.k(a,"__xCarouselAutoTimer");$APP.n(b)&&(clearInterval(b),a.__xCarouselAutoTimer=null)},Ov=function(a){Mv(a);var b=Lv(a);$APP.n(function(){var c=$APP.Ei.g(b);return $APP.n(c)?(c=$APP.r($APP.k(a,"__xCarouselPaused")))?
|
|
6
|
+
(c=$APP.r($APP.X.g(b)))?(c=Av.g(b)>1)?a.isConnected:c:c:c:c}())&&$APP.Cg(a,"__xCarouselAutoTimer",setInterval(function(){if($APP.n(a.isConnected)){var c=Lv(a);c=Bv(c);return Nv.m?Nv.m(a,c,"autoplay"):Nv.call(null,a,c,"autoplay")}return null},$APP.Hk.g(b)))},Pv=function(a){if($APP.Dg(a,"__xCarouselInit")){var b=Lv(a),c=$APP.k(a,"__xCarouselRefs"),d=$APP.k(c,"track"),e=$APP.k(c,"prev"),g=$APP.k(c,"next"),h=$APP.k(c,"dots");c=$APP.k(c,"live");var l=$APP.Zh.g(b),m=Av.g(b),p=Jv.g(b),q=$APP.jj.g(b),v=$APP.Ti.g(b),
|
|
7
|
+
x=$APP.C.i(q,"vertical");a.setAttribute("data-direction",q);a.setAttribute("data-transition",p);a.setAttribute("role","region");a.setAttribute("aria-roledescription","carousel");var y=$APP.wl.g(b);$APP.n(y)?a.setAttribute("aria-label",y):$APP.n(a.hasAttribute("aria-label"))||a.setAttribute("aria-label","Carousel");h.setAttribute("aria-orientation",q);a.style.setProperty("--_peek",v);if($APP.C.i(p,"slide"))for(p=x?"Y":"X",$APP.C.i(v,"0px")?d.style.transform="translate"+$APP.T.g(p)+"("+$APP.T.g(l*-100)+
|
|
8
|
+
"%)":d.style.transform="translate"+$APP.T.g(p)+"(calc("+$APP.T.g(l*-1)+" * (100% - "+$APP.T.g(v)+" * 2) + "+$APP.T.g(v)+"))",d=$APP.k($APP.k(a,"__xCarouselRefs"),"slot").assignedElements(),v=d.length,p=0;;)if(p<v)d[p].style.opacity="",p+=1;else break;else for(d.style.transform="",d=$APP.k($APP.k(a,"__xCarouselRefs"),"slot").assignedElements(),v=d.length,p=0;;)if(p<v)d[p].style.opacity=$APP.C.i(p,l)?"1":"0",p+=1;else break;v=$APP.M(b);d=$APP.D(v,Iv);v=$APP.D(v,Av);$APP.n($APP.n(d)?v>1:d)?(e.style.display=
|
|
9
|
+
"flex",g.style.display="flex",q=$APP.M(b),d=$APP.D(q,$APP.Zh),v=$APP.D(q,$APP.cl),p=$APP.D(q,Av),q=$APP.D(q,$APP.X),d=(q=$APP.r(q))?(p=p>1)?$APP.n(v)?v:d>0:p:q,e.disabled=$APP.r(d),p=$APP.M(b),e=$APP.D(p,$APP.Zh),d=$APP.D(p,$APP.cl),v=$APP.D(p,Av),p=$APP.D(p,$APP.X),e=(p=$APP.r(p))?(p=v>1)?$APP.n(d)?d:e<v-1:p:p,g.disabled=$APP.r(e)):(e.style.display="none",g.style.display="none");e=$APP.M(b);g=$APP.D(e,Kv);e=$APP.D(e,Av);if($APP.n($APP.n(g)?e>1:g)){h.style.display="flex";g=$APP.k(a,"__xCarouselDotCount");
|
|
10
10
|
if($APP.N($APP.n(g)?g:-1,m)){h.innerHTML="";for(g=0;;)if(g<m)e=document.createElement("button"),e.setAttribute("part","dot"),e.setAttribute("type","button"),e.setAttribute("role","tab"),e.setAttribute("aria-label","Go to slide "+$APP.T.g(g+1)),e.setAttribute("data-index",""+$APP.T.g(g)),h.appendChild(e),g+=1;else break;a.__xCarouselDotCount=m}a=h.children;h=a.length;for(g=0;;)if(g<h)e=a[g],e.setAttribute("aria-current",""+$APP.T.g($APP.C.i(g,l))),e.setAttribute("aria-selected",""+$APP.T.g($APP.C.i(g,
|
|
11
|
-
l))),g+=1;else break}else h.style.display="none";m>0&&(c.textContent="Slide "+$APP.T.g(l+1)+" of "+$APP.T.g(m));$APP.n($APP.
|
|
12
|
-
(a.__xCarouselPaused=!1,
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
break;default:
|
|
16
|
-
"(calc("+$APP.T.g(
|
|
17
|
-
a.__xCarouselPaused=!0;
|
|
18
|
-
d);a.addEventListener("focusin",c);a.addEventListener("focusout",b);$APP.
|
|
11
|
+
l))),g+=1;else break}else h.style.display="none";m>0&&(c.textContent="Slide "+$APP.T.g(l+1)+" of "+$APP.T.g(m));$APP.n($APP.Ei.g(b))?c.setAttribute("aria-live","off"):c.setAttribute("aria-live","polite")}},Nv=function(a,b,c){var d=Lv(a),e=Av.g(d);b=zv(b,e);d=$APP.Zh.g(d);$APP.N(b,d)&&e>0&&(c=new CustomEvent("x-carousel-change",{detail:{index:b,previousIndex:d,reason:c},bubbles:!0,composed:!0,cancelable:!0}),$APP.n(a.dispatchEvent(c))&&a.setAttribute("current",""+$APP.T.g(b)));return null},Vv=function(a){function b(J){$APP.n(a.contains(J.relatedTarget))||
|
|
12
|
+
(a.__xCarouselPaused=!1,Ov(a));return null}function c(){a.__xCarouselPaused=!0;Mv(a);return null}function d(){a.__xCarouselPaused=!1;Ov(a);return null}function e(){a.__xCarouselPaused=!0;Mv(a);return null}function g(){var J=$APP.k($APP.k(a,"__xCarouselRefs"),"slot").assignedElements().length;a.__xCarouselSlideCount=J;var R=Lv(a);J=zv($APP.Zh.g(R),J);$APP.N(J,$APP.Zh.g(R))&&a.setAttribute("current",""+$APP.T.g(J));Pv(a);Ov(a);return null}function h(){var J=Lv(a);Nv(a,Bv(J),"arrow");return null}function l(){var J=
|
|
13
|
+
Lv(a);Nv(a,Cv(J),"arrow");return null}function m(J){J=J.target.getAttribute("data-index");$APP.n(J)&&(J=parseInt(J,10),$APP.n(isNaN(J))||Nv(a,J,"dot"));return null}function p(J){var R=Lv(a),aa=J.key,oa=$APP.jj.g(R);$APP.r($APP.X.g(R))&&Av.g(R)>1&&($APP.I($APP.C.i(oa,"vertical")?Qv:Rv,aa)?(J.preventDefault(),Nv(a,Cv(R),"keyboard")):$APP.I($APP.C.i(oa,"vertical")?Sv:Tv,aa)?(J.preventDefault(),Nv(a,Bv(R),"keyboard")):$APP.C.i(aa,"Home")?(J.preventDefault(),Nv(a,0,"keyboard")):$APP.C.i(aa,"End")&&(J.preventDefault(),
|
|
14
|
+
Nv(a,Av.g(R)-1,"keyboard")));return null}function q(){if($APP.n($APP.k(a,"__xCarouselDragging"))){a.__xCarouselDragging=!1;var J=$APP.k($APP.k(a,"__xCarouselRefs"),"track"),R=$APP.k(a,"__xCarouselDragCurrent")-$APP.k(a,"__xCarouselDragStart"),aa=Date.now()-$APP.k(a,"__xCarouselDragStartT");aa=aa>0?R/aa:0;R=aa>.3?$APP.Dj:aa<-.3?$APP.Mj:R>40?$APP.Dj:R<-40?$APP.Mj:Uv;aa=Lv(a);J.classList.remove("dragging");switch(R instanceof $APP.K?R.pa:null){case "prev":Nv(a,Cv(aa),"drag");break;case "next":Nv(a,Bv(aa),
|
|
15
|
+
"drag");break;default:Pv(a)}a.__xCarouselPaused=!1;Ov(a)}return null}function v(J){if($APP.n($APP.k(a,"__xCarouselDragging"))){var R=Lv(a),aa=$APP.C.i($APP.jj.g(R),"vertical");J=aa?J.clientY:J.clientX;var oa=J-$APP.k(a,"__xCarouselDragStart"),Aa=$APP.k($APP.k(a,"__xCarouselRefs"),"track"),La=$APP.Zh.g(R);aa=aa?"Y":"X";R=$APP.Ti.g(R);a.__xCarouselDragCurrent=J;$APP.C.i(R,"0px")?Aa.style.transform="translate"+$APP.T.g(aa)+"(calc("+$APP.T.g(La*-100)+"% + "+$APP.T.g(oa)+"px))":Aa.style.transform="translate"+
|
|
16
|
+
$APP.T.g(aa)+"(calc("+$APP.T.g(La*-1)+" * (100% - "+$APP.T.g(R)+" * 2) + "+$APP.T.g(R)+" + "+$APP.T.g(oa)+"px))"}return null}function x(J){var R=Lv(a);if($APP.r($APP.X.g(R))&&$APP.C.i(Jv.g(R),"slide")&&Av.g(R)>1){J.preventDefault();var aa=$APP.k($APP.k(a,"__xCarouselRefs"),"track");R=$APP.C.i($APP.jj.g(R),"vertical")?J.clientY:J.clientX;aa.setPointerCapture(J.pointerId);aa.classList.add("dragging");a.__xCarouselDragging=!0;a.__xCarouselDragStart=R;J=Date.now();a.__xCarouselDragStartT=J;a.__xCarouselDragCurrent=
|
|
17
|
+
R;a.__xCarouselPaused=!0;Mv(a)}return null}var y=$APP.k(a,"__xCarouselRefs"),A=$APP.k(y,"track"),B=$APP.k(y,"slot"),E=$APP.k(y,"prev"),H=$APP.k(y,"next"),G=$APP.k(y,"dots");y=$APP.k(y,"viewport");A.addEventListener("pointerdown",x);A.addEventListener("pointermove",v);A.addEventListener("pointerup",q);y.addEventListener("keydown",p);G.addEventListener("click",m);E.addEventListener("click",l);H.addEventListener("click",h);B.addEventListener("slotchange",g);a.addEventListener("pointerenter",e);a.addEventListener("pointerleave",
|
|
18
|
+
d);a.addEventListener("focusin",c);a.addEventListener("focusout",b);$APP.Cg(a,"__xCarouselHandlers",{next:h,up:q,slot:g,dot:m,key:p,prev:l,focusin:c,leave:d,move:v,down:x,enter:e,focusout:b})},Wv=function(a){Mv(a);var b=$APP.k(a,"__xCarouselHandlers"),c=$APP.k(a,"__xCarouselRefs");if($APP.n($APP.n(b)?c:b)){var d=$APP.k(c,"track"),e=$APP.k(c,"slot"),g=$APP.k(c,"prev"),h=$APP.k(c,"next"),l=$APP.k(c,"dots");c=$APP.k(c,"viewport");d.removeEventListener("pointerdown",$APP.k(b,"down"));d.removeEventListener("pointermove",
|
|
19
19
|
$APP.k(b,"move"));d.removeEventListener("pointerup",$APP.k(b,"up"));c.removeEventListener("keydown",$APP.k(b,"key"));l.removeEventListener("click",$APP.k(b,"dot"));g.removeEventListener("click",$APP.k(b,"prev"));h.removeEventListener("click",$APP.k(b,"next"));e.removeEventListener("slotchange",$APP.k(b,"slot"));a.removeEventListener("pointerenter",$APP.k(b,"enter"));a.removeEventListener("pointerleave",$APP.k(b,"leave"));a.removeEventListener("focusin",$APP.k(b,"focusin"));a.removeEventListener("focusout",
|
|
20
|
-
$APP.k(b,"focusout"))}a.__xCarouselHandlers=null},
|
|
21
|
-
$APP.
|
|
22
|
-
{get:function(m,p,q,v,x){return function(){return
|
|
23
|
-
this.removeAttribute(x):this.setAttribute(x,"false")}}(b,c,d,e,l,g,h),enumerable:!0,configurable:!0}),b=$APP.w(g),c=null,d=0),e=0;else break;Object.defineProperty(a,"currentSlide",{get:function(){return
|
|
24
|
-
""+$APP.T.g(m|0))},enumerable:!0,configurable:!0});Object.defineProperty(a,"transition",{get:function(){return
|
|
25
|
-
enumerable:!0,configurable:!0});Object.defineProperty(a,"peek",{get:function(){return
|
|
26
|
-
|
|
20
|
+
$APP.k(b,"focusout"))}a.__xCarouselHandlers=null},Xv=function(a){for(var b=$APP.t(new $APP.O(null,3,5,$APP.P,["autoplay","loop","disabled"],null)),c=null,d=0,e=0;;)if(e<d){var g=c.F(null,e);Object.defineProperty(a,g,{get:function(m,p,q,v,x){return function(){return this.hasAttribute(x)}}(b,c,d,e,g),set:function(m,p,q,v,x){return function(y){return $APP.n(y)?this.setAttribute(x,""):this.removeAttribute(x)}}(b,c,d,e,g),enumerable:!0,configurable:!0});e+=1}else{var h=$APP.t(b);if(h){g=h;if($APP.Nc(g))b=
|
|
21
|
+
$APP.yb(g),e=$APP.zb(g),c=b,d=$APP.z(b),b=e;else{var l=$APP.u(g);Object.defineProperty(a,l,{get:function(m,p,q,v,x){return function(){return this.hasAttribute(x)}}(b,c,d,e,l,g,h),set:function(m,p,q,v,x){return function(y){return $APP.n(y)?this.setAttribute(x,""):this.removeAttribute(x)}}(b,c,d,e,l,g,h),enumerable:!0,configurable:!0});b=$APP.w(g);c=null;d=0}e=0}else break}b=$APP.t(new $APP.O(null,2,5,$APP.P,["arrows","dots"],null));c=null;for(e=d=0;;)if(e<d)g=c.F(null,e),Object.defineProperty(a,g,
|
|
22
|
+
{get:function(m,p,q,v,x){return function(){return qv(this.getAttribute(x))}}(b,c,d,e,g),set:function(m,p,q,v,x){return function(y){return $APP.n(y)?this.removeAttribute(x):this.setAttribute(x,"false")}}(b,c,d,e,g),enumerable:!0,configurable:!0}),e+=1;else if(h=$APP.t(b))g=h,$APP.Nc(g)?(b=$APP.yb(g),e=$APP.zb(g),c=b,d=$APP.z(b),b=e):(l=$APP.u(g),Object.defineProperty(a,l,{get:function(m,p,q,v,x){return function(){return qv(this.getAttribute(x))}}(b,c,d,e,l,g,h),set:function(m,p,q,v,x){return function(y){return $APP.n(y)?
|
|
23
|
+
this.removeAttribute(x):this.setAttribute(x,"false")}}(b,c,d,e,l,g,h),enumerable:!0,configurable:!0}),b=$APP.w(g),c=null,d=0),e=0;else break;Object.defineProperty(a,"currentSlide",{get:function(){return rv(this.getAttribute("current"))},set:function(m){return this.setAttribute("current",""+$APP.T.g(m|0))},enumerable:!0,configurable:!0});Object.defineProperty(a,"interval",{get:function(){return sv(this.getAttribute("interval"))},set:function(m){return m==null?this.removeAttribute("interval"):this.setAttribute("interval",
|
|
24
|
+
""+$APP.T.g(m|0))},enumerable:!0,configurable:!0});Object.defineProperty(a,"transition",{get:function(){return uv(this.getAttribute("transition"))},set:function(m){return $APP.n(m)?this.setAttribute("transition",""+$APP.T.g(m)):this.removeAttribute("transition")},enumerable:!0,configurable:!0});Object.defineProperty(a,"direction",{get:function(){return wv(this.getAttribute("direction"))},set:function(m){return $APP.n(m)?this.setAttribute("direction",""+$APP.T.g(m)):this.removeAttribute("direction")},
|
|
25
|
+
enumerable:!0,configurable:!0});Object.defineProperty(a,"peek",{get:function(){return yv(this.getAttribute("peek"))},set:function(m){return $APP.n(m)?this.setAttribute("peek",""+$APP.T.g(m)):this.removeAttribute("peek")},enumerable:!0,configurable:!0});Object.defineProperty(a,"slideCount",{get:function(){var m=$APP.k(this,"__xCarouselSlideCount");return $APP.n(m)?m:0},enumerable:!0,configurable:!0});$APP.ja(a,"next",function(){var m=Lv(this);return Nv(this,Bv(m),"api")});$APP.ja(a,"previous",function(){var m=
|
|
26
|
+
Lv(this);return Nv(this,Cv(m),"api")});$APP.ja(a,"goTo",function(m){return Nv(this,m,"api")})},Zv=function(){var a=class extends HTMLElement{},b=a.prototype;a.observedAttributes=Yv;b.connectedCallback=function(){if(!$APP.Dg(this,"__xCarouselInit")){var c=this.attachShadow({mode:"open"}),d=document.createElement("style"),e=document.createElement("div"),g=document.createElement("div"),h=document.createElement("slot"),l=document.createElement("button"),m=document.createElement("button"),p=document.createElement("div"),
|
|
27
27
|
q=document.createElement("div");d.textContent=":host{display:block;color-scheme:light dark;position:relative;--x-carousel-height:300px;--x-carousel-arrow-size:40px;--x-carousel-arrow-bg:var(--x-color-surface,rgba(255,255,255,0.9));--x-carousel-arrow-color:var(--x-color-text,#1e293b);--x-carousel-arrow-hover-bg:var(--x-color-surface-hover,rgba(255,255,255,1));--x-carousel-dot-size:10px;--x-carousel-dot-color:var(--x-color-border,#cbd5e1);--x-carousel-dot-active-color:var(--x-color-primary,#3b82f6);--x-carousel-transition-duration:var(--x-transition-duration,300ms);--x-carousel-radius:var(--x-radius-md,8px);--x-carousel-gap:16px;--x-carousel-focus-ring:var(--x-color-focus-ring,#60a5fa);--x-carousel-disabled-opacity:0.5;}@media(prefers-color-scheme:dark){:host{--x-carousel-arrow-bg:var(--x-color-surface,rgba(30,41,59,0.9));--x-carousel-arrow-color:var(--x-color-text,#f1f5f9);--x-carousel-arrow-hover-bg:var(--x-color-surface-hover,rgba(30,41,59,1));--x-carousel-dot-color:var(--x-color-border,#475569);--x-carousel-dot-active-color:var(--x-color-primary,#60a5fa);--x-carousel-focus-ring:var(--x-color-focus-ring,#93c5fd);}}[part\x3dviewport]{position:relative;overflow:hidden;height:var(--x-carousel-height);border-radius:var(--x-carousel-radius);}[part\x3dviewport]:focus{outline:none;}[part\x3dviewport]:focus-visible{outline:2px solid var(--x-carousel-focus-ring);outline-offset:2px;}[part\x3dtrack]{display:flex;flex-direction:row;height:100%;transition:transform var(--x-carousel-transition-duration) ease;will-change:transform;touch-action:pan-y pinch-zoom;}[part\x3dtrack].dragging{transition:none !important;cursor:grabbing;}:host([data-direction\x3dvertical]) [part\x3dtrack]{flex-direction:column;touch-action:pan-x pinch-zoom;}::slotted(*){min-width:calc(100% - var(--_peek,0px) * 2);max-width:calc(100% - var(--_peek,0px) * 2);flex-shrink:0;box-sizing:border-box;overflow:hidden;}:host([data-direction\x3dvertical]) ::slotted(*){min-width:auto;max-width:none;min-height:calc(100% - var(--_peek,0px) * 2);max-height:calc(100% - var(--_peek,0px) * 2);}:host([data-transition\x3dfade]) [part\x3dtrack]{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;transition:none;}:host([data-transition\x3dfade]) ::slotted(*){grid-area:1/1;min-width:100%;max-width:100%;transition:opacity var(--x-carousel-transition-duration) ease;}[part\x3dprev-btn],[part\x3dnext-btn]{position:absolute;top:50%;transform:translateY(-50%);width:var(--x-carousel-arrow-size);height:var(--x-carousel-arrow-size);border-radius:50%;border:none;background:var(--x-carousel-arrow-bg);color:var(--x-carousel-arrow-color);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;z-index:1;box-shadow:var(--x-shadow-sm,0 1px 3px rgba(0,0,0,0.1));transition:background 150ms ease,opacity 150ms ease,transform 150ms ease;opacity:0.85;}[part\x3dprev-btn]:hover,[part\x3dnext-btn]:hover{background:var(--x-carousel-arrow-hover-bg);opacity:1;}[part\x3dprev-btn]:active,[part\x3dnext-btn]:active{transform:translateY(-50%) scale(0.95);}[part\x3dprev-btn]:focus,[part\x3dnext-btn]:focus{outline:none;}[part\x3dprev-btn]:focus-visible,[part\x3dnext-btn]:focus-visible{outline:2px solid var(--x-carousel-focus-ring);outline-offset:2px;}[part\x3dprev-btn]:disabled,[part\x3dnext-btn]:disabled{opacity:0.3;cursor:default;pointer-events:none;}[part\x3dprev-btn]{left:8px;}[part\x3dnext-btn]{right:8px;}[part\x3dprev-btn] svg,[part\x3dnext-btn] svg{width:60%;height:60%;pointer-events:none;}:host([data-direction\x3dvertical]) [part\x3dprev-btn],:host([data-direction\x3dvertical]) [part\x3dnext-btn]{top:auto;left:50%;right:auto;transform:translateX(-50%) rotate(90deg);}:host([data-direction\x3dvertical]) [part\x3dprev-btn]{top:8px;bottom:auto;}:host([data-direction\x3dvertical]) [part\x3dnext-btn]{bottom:8px;top:auto;}:host([data-direction\x3dvertical]) [part\x3dprev-btn]:active{transform:translateX(-50%) rotate(90deg) scale(0.95);}:host([data-direction\x3dvertical]) [part\x3dnext-btn]:active{transform:translateX(-50%) rotate(90deg) scale(0.95);}[part\x3ddots]{display:flex;justify-content:center;align-items:center;gap:8px;padding:12px 0;}[part\x3ddot]{all:unset;width:var(--x-carousel-dot-size);height:var(--x-carousel-dot-size);border-radius:50%;background:var(--x-carousel-dot-color);cursor:pointer;transition:background 150ms ease,transform 150ms ease;}[part\x3ddot]:hover{transform:scale(1.3);}[part\x3ddot]:focus-visible{outline:2px solid var(--x-carousel-focus-ring);outline-offset:2px;}[part\x3ddot][aria-current\x3dtrue]{background:var(--x-carousel-dot-active-color);}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}:host([disabled]){opacity:var(--x-carousel-disabled-opacity);pointer-events:none;}@media(prefers-reduced-motion:reduce){[part\x3dtrack]{transition-duration:0ms !important;}:host([data-transition\x3dfade]) ::slotted(*){transition-duration:0ms !important;}[part\x3dprev-btn],[part\x3dnext-btn],[part\x3ddot]{transition:none !important;}}@media(pointer:coarse){[part\x3dprev-btn],[part\x3dnext-btn]{width:max(var(--x-carousel-arrow-size),44px);height:max(var(--x-carousel-arrow-size),44px);}[part\x3ddot]{width:max(var(--x-carousel-dot-size),44px);height:max(var(--x-carousel-dot-size),44px);background-clip:content-box;padding:calc((44px - var(--x-carousel-dot-size)) / 2);box-sizing:content-box;}}";
|
|
28
28
|
e.setAttribute("part","viewport");e.setAttribute("tabindex","0");g.setAttribute("part","track");g.appendChild(h);l.setAttribute("part","prev-btn");l.setAttribute("type","button");l.setAttribute("aria-label","Previous slide");l.innerHTML='\x3csvg viewBox\x3d"0 0 24 24" fill\x3d"none" stroke\x3d"currentColor" stroke-width\x3d"2" stroke-linecap\x3d"round" stroke-linejoin\x3d"round"\x3e\x3cpolyline points\x3d"15 18 9 12 15 6"\x3e\x3c/polyline\x3e\x3c/svg\x3e';m.setAttribute("part","next-btn");m.setAttribute("type",
|
|
29
29
|
"button");m.setAttribute("aria-label","Next slide");m.innerHTML='\x3csvg viewBox\x3d"0 0 24 24" fill\x3d"none" stroke\x3d"currentColor" stroke-width\x3d"2" stroke-linecap\x3d"round" stroke-linejoin\x3d"round"\x3e\x3cpolyline points\x3d"9 6 15 12 9 18"\x3e\x3c/polyline\x3e\x3c/svg\x3e';e.appendChild(g);e.appendChild(l);e.appendChild(m);p.setAttribute("part","dots");p.setAttribute("role","tablist");p.setAttribute("aria-label","Slide indicators");q.setAttribute("aria-live","polite");q.setAttribute("aria-atomic",
|
|
30
|
-
"true");q.className="sr-only";c.appendChild(d);c.appendChild(e);c.appendChild(p);c.appendChild(q);this.__xCarouselRefs={root:c,viewport:e,track:g,slot:h,prev:l,next:m,dots:p,live:q};this.__xCarouselInit=!0}
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
$APP.
|
|
34
|
-
$APP.
|
|
35
|
-
var
|
|
30
|
+
"true");q.className="sr-only";c.appendChild(d);c.appendChild(e);c.appendChild(p);c.appendChild(q);this.__xCarouselRefs={root:c,viewport:e,track:g,slot:h,prev:l,next:m,dots:p,live:q};this.__xCarouselInit=!0}Wv(this);Vv(this);this.__xCarouselSlideCount=$APP.k($APP.k(this,"__xCarouselRefs"),"slot").assignedElements().length;Pv(this);Ov(this);return null};b.disconnectedCallback=function(){Wv(this);return null};b.attributeChangedCallback=function(){$APP.Dg(this,"__xCarouselInit")&&(Pv(this),$APP.n(this.isConnected)&&
|
|
31
|
+
Ov(this));return null};Xv(b);return a},$v=function(){$APP.n(customElements.get("x-carousel"))||customElements.define("x-carousel",Zv());return null},Ev=new $APP.K(null,"arrows-raw","arrows-raw",-1077955796),Jv=new $APP.K(null,"transition","transition",765692007),Iv=new $APP.K(null,"arrows?","arrows?",-1692502811),Dv=new $APP.K(null,"transition-raw","transition-raw",-1184759092),Gv=new $APP.K(null,"autoplay-present?","autoplay-present?",-1468092647),Av=new $APP.K(null,"slide-count","slide-count",1368058827),
|
|
32
|
+
Hv=new $APP.K(null,"dots-raw","dots-raw",-1711545603),Kv=new $APP.K(null,"dots?","dots?",1032242153),Fv=new $APP.K(null,"loop-present?","loop-present?",1373422006),Uv=new $APP.K(null,"stay","stay",-1240327234);var Yv="autoplay interval loop arrows dots disabled current transition direction peek aria-label".split(" ");
|
|
33
|
+
$APP.zf([new $APP.K(null,"arrows","arrows",-1209622014),new $APP.K(null,"slideCount","slideCount",-1489337180),$APP.Fj,Jv,$APP.nm,$APP.Hk,$APP.uk,$APP.Ti,new $APP.K(null,"dots","dots",714343900),new $APP.K(null,"currentSlide","currentSlide",-417438499),$APP.jj],[new $APP.Q(null,1,[$APP.Z,$APP.Sj],null),new $APP.Q(null,2,[$APP.Z,$APP.W,$APP.kk,!0],null),new $APP.Q(null,1,[$APP.Z,$APP.Sj],null),new $APP.Q(null,1,[$APP.Z,$APP.Y],null),new $APP.Q(null,1,[$APP.Z,$APP.Sj],null),new $APP.Q(null,1,[$APP.Z,
|
|
34
|
+
$APP.W],null),new $APP.Q(null,1,[$APP.Z,$APP.Sj],null),new $APP.Q(null,1,[$APP.Z,$APP.Y],null),new $APP.Q(null,1,[$APP.Z,$APP.Sj],null),new $APP.Q(null,1,[$APP.Z,$APP.W],null),new $APP.Q(null,1,[$APP.Z,$APP.Y],null)]);$APP.Qd(["x-carousel-change",new $APP.Q(null,2,[$APP.V,new $APP.Q(null,3,[$APP.$h,$APP.W,$APP.Tj,$APP.W,$APP.Hi,$APP.Y],null),$APP.Rl,!0],null)]);
|
|
35
|
+
var tv=new $APP.S(null,new $APP.Q(null,2,["slide",null,"fade",null],null),null),vv=new $APP.S(null,new $APP.Q(null,2,["vertical",null,"horizontal",null],null),null),xv=/^\d+(\.\d+)?(px|rem|em|%)$/,Rv=new $APP.S(null,new $APP.Q(null,1,["ArrowLeft",null],null),null),Tv=new $APP.S(null,new $APP.Q(null,1,["ArrowRight",null],null),null),Qv=new $APP.S(null,new $APP.Q(null,1,["ArrowUp",null],null),null),Sv=new $APP.S(null,new $APP.Q(null,1,["ArrowDown",null],null),null);$APP.ha("baredom.exports.x_carousel.init",$v);export const init=$v;
|