@vanelsas/baredom 3.9.0 → 3.11.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 +67 -0
- package/custom-elements.json +965 -211
- package/dist/base.js +64 -64
- package/dist/integrity.json +108 -108
- package/dist/x-alert.js +13 -13
- package/dist/x-avatar-group.js +9 -9
- package/dist/x-avatar.js +10 -10
- package/dist/x-badge.js +5 -5
- package/dist/x-bento-grid.js +5 -5
- package/dist/x-bento-item.js +4 -4
- package/dist/x-breadcrumbs.js +13 -13
- package/dist/x-button.js +1 -1
- package/dist/x-calendar.js +35 -35
- package/dist/x-cancel-dialogue.js +13 -13
- package/dist/x-card.js +7 -7
- package/dist/x-carousel.js +29 -29
- package/dist/x-chart.js +45 -45
- package/dist/x-checkbox.js +1 -1
- package/dist/x-chip.js +1 -1
- package/dist/x-code.js +20 -20
- package/dist/x-collapse.js +5 -5
- package/dist/x-color-picker.js +42 -42
- package/dist/x-combobox.js +8 -8
- package/dist/x-command-palette.js +26 -26
- package/dist/x-confetti.js +23 -23
- package/dist/x-container.js +5 -5
- package/dist/x-context-menu.js +13 -13
- package/dist/x-copy.js +1 -1
- package/dist/x-currency-field.js +20 -20
- package/dist/x-date-picker.d.ts +2 -2
- package/dist/x-date-picker.js +38 -36
- package/dist/x-divider.js +7 -7
- package/dist/x-drag-panel.js +30 -30
- package/dist/x-drawer.js +10 -10
- package/dist/x-drop-zone.js +11 -11
- package/dist/x-dropdown.js +12 -12
- package/dist/x-fieldset.js +5 -5
- package/dist/x-file-download.js +4 -4
- package/dist/x-file-upload.js +22 -22
- package/dist/x-floating-panel.js +3 -3
- package/dist/x-form-field.js +12 -12
- package/dist/x-form.js +10 -10
- package/dist/x-gaussian-blur.js +10 -10
- package/dist/x-grid.js +6 -6
- package/dist/x-i18n-provider.js +7 -7
- package/dist/x-i18n.js +4 -4
- package/dist/x-icon.js +7 -7
- package/dist/x-image.js +16 -16
- package/dist/x-kbd.js +6 -6
- package/dist/x-kinetic-canvas.js +24 -24
- package/dist/x-kinetic-font.js +17 -17
- package/dist/x-kinetic-typography.js +31 -31
- package/dist/x-liquid-dock.js +18 -18
- package/dist/x-liquid-fill.js +27 -27
- package/dist/x-liquid-glass.js +19 -19
- package/dist/x-menu-item.js +4 -4
- package/dist/x-menu.js +9 -9
- package/dist/x-metaball-cursor.js +22 -22
- package/dist/x-modal.js +8 -8
- package/dist/x-morph-stack.js +37 -37
- package/dist/x-multi-combobox.js +35 -35
- package/dist/x-navbar.js +7 -7
- package/dist/x-neural-glow.js +26 -26
- package/dist/x-organic-divider.js +16 -16
- package/dist/x-organic-progress.js +25 -25
- package/dist/x-organic-shape.js +12 -12
- package/dist/x-otp-input.js +19 -19
- package/dist/x-pagination.js +14 -14
- package/dist/x-particle-button.d.ts +1 -1
- package/dist/x-particle-button.js +34 -34
- package/dist/x-popover.js +24 -24
- package/dist/x-progress-circle.js +6 -6
- package/dist/x-progress.js +6 -6
- package/dist/x-proximity-list.js +4 -4
- package/dist/x-radio.js +10 -10
- package/dist/x-range-slider.js +25 -25
- package/dist/x-rating.js +21 -21
- package/dist/x-ripple-effect.js +9 -9
- package/dist/x-scroll-parallax.js +15 -15
- package/dist/x-scroll-stack.js +16 -16
- package/dist/x-scroll-story.js +16 -16
- package/dist/x-scroll-timeline.js +40 -40
- package/dist/x-scroll.js +17 -17
- package/dist/x-select.js +1 -1
- package/dist/x-sidebar.js +11 -11
- package/dist/x-skeleton-group.js +12 -12
- package/dist/x-skeleton.js +1 -1
- package/dist/x-slider.js +12 -12
- package/dist/x-soft-body.js +17 -17
- package/dist/x-spacer.js +4 -4
- package/dist/x-spinner.js +3 -3
- package/dist/x-splash.js +12 -12
- package/dist/x-split-pane.js +8 -8
- package/dist/x-spotlight-card.js +12 -12
- package/dist/x-stat.js +10 -10
- package/dist/x-stepper.js +2 -2
- package/dist/x-switch.js +9 -9
- package/dist/x-table-cell.js +18 -18
- package/dist/x-table-row.js +8 -8
- package/dist/x-table.js +13 -13
- package/dist/x-tabs.js +11 -11
- package/dist/x-text-area.js +12 -12
- package/dist/x-theme.js +25 -25
- package/dist/x-timeline-item.js +5 -5
- package/dist/x-timeline.js +5 -5
- package/dist/x-toast.js +21 -21
- package/dist/x-toaster.js +6 -6
- package/dist/x-tooltip.js +11 -11
- package/dist/x-trace-history.js +122 -122
- package/dist/x-typography.js +6 -6
- package/dist/x-welcome-tour.js +59 -59
- package/package.json +1 -1
package/dist/x-form-field.js
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
2
|
+
var $0=function(a,b,c){$APP.Bj(b,c,new $APP.M(null,5,[$APP.uj,a.hasAttribute("error"),$APP.vj,a.getAttribute("error"),$APP.wj,a.hasAttribute("required"),$APP.xj,$APP.z.j(c.value,""),$APP.yj,"Please fill in this field."],null))},a1=function(a,b,c,d){a.textContent=b;$APP.n(c)?a.classList.remove(d):a.classList.add(d)},b1=function(a){if($APP.n($APP.l(a,"__xFormFieldRefs"))){var b=$APP.vg([$APP.Oj,$APP.Lj,$APP.so,$APP.jr,$APP.Pj,$APP.Qj,$APP.$l,$APP.Mj,$APP.Rj,$APP.Eq,$APP.Nj],[a.getAttribute("label"),
|
|
3
3
|
a.getAttribute("name"),a.getAttribute("error"),a.getAttribute("hint"),a.hasAttribute("disabled"),a.hasAttribute("required"),a.hasAttribute("readonly"),a.getAttribute("value"),a.getAttribute("autocomplete"),a.getAttribute("type"),a.getAttribute("placeholder")]);var c=$APP.G(b),d=$APP.C(c,$APP.Nj),e=$APP.C(c,$APP.Oj),f=$APP.C(c,$APP.Lj);b=$APP.C(c,$APP.so);var h=$APP.C(c,$APP.jr),k=$APP.C(c,$APP.Pj),m=$APP.C(c,$APP.Qj),r=$APP.C(c,$APP.$l),u=$APP.C(c,$APP.Mj),x=$APP.C(c,$APP.Rj),y=$APP.C(c,$APP.Eq);
|
|
4
|
-
c=$APP.n(b)?b:"";var
|
|
5
|
-
"__xFormFieldModel"),b)?(x=$APP.l(a,"__xFormFieldRefs"),$APP.n(x)?(
|
|
6
|
-
$APP.n(e)?"true":"false"),H=$APP.G(E),E=$APP.C(H,$APP.xq),H=$APP.C(H,$APP.uj),E=$APP.n($APP.n(E)?H:E)?"hint error":$APP.n(E)?"hint":$APP.n(H)?"error":null,$APP.n(E)?$APP.S(k,"aria-describedby",E):$APP.U(k,"aria-describedby"),H=$APP.G(b),E=$APP.C(H,$APP.Z),H=$APP.C(H,$APP.ku),
|
|
7
|
-
x),x=$APP.l(a,"__xFormFieldInternals"),$APP.n(x)
|
|
8
|
-
null;return f},d=function(){var f=$APP.l(a,"__xFormFieldRefs");if($APP.n(f)){f=$APP.l(f,"input");var h=f.value;var k=a.getAttribute("name");k=$APP.n(k)?k:"";var m=$APP.l(a,"__xFormFieldInternals");$APP.n(m)&&(m.setFormValue(h)
|
|
9
|
-
$APP.l(a,"__xFormFieldHandlers");if($APP.n(c))return b=$APP.l(b,"input"),b.removeEventListener("input",$APP.l(c,"input")),b.removeEventListener("change",$APP.l(c,"change")),$APP.Q(a,"__xFormFieldHandlers",null)}return null},
|
|
4
|
+
c=$APP.n(b)?b:"";var B=$APP.n(h)?h:"",E=$APP.n(e)?e:"",H=[$APP.wj,$APP.em,$APP.Vj,$APP.xq,$APP.Uj,$APP.Ti,$APP.ku,$APP.N,$APP.uj,$APP.Iu,$APP.Z,$APP.vj,$APP.Xj,$APP.Wj];m=$APP.D(m);r=$APP.D(r);d=$APP.n(d)?d:"";h=typeof h==="string"&&$APP.I(h,"")&&h!=null;f=$APP.n(f)?f:"";u=$APP.n(u)?u:"";e=typeof e==="string"&&$APP.I(e,"")&&e!=null;y=typeof y==="string"&&$APP.cd(Eqa,y)?y:"text";b=$APP.vg(H,[m,r,d,h,f,u,e,y,typeof b==="string"&&$APP.I(b,"")&&b!=null,B,E,c,$APP.n(x)?x:"",$APP.D(k)]);$APP.I($APP.l(a,
|
|
5
|
+
"__xFormFieldModel"),b)?(x=$APP.l(a,"__xFormFieldRefs"),$APP.n(x)?(B=$APP.l(x,"label"),k=$APP.l(x,"input"),c=$APP.l(x,"hint"),x=$APP.l(x,"error"),r=$APP.G(b),E=$APP.C(r,$APP.N),H=$APP.C(r,$APP.Uj),e=$APP.C(r,$APP.Vj),y=$APP.C(r,$APP.Wj),m=$APP.C(r,$APP.em),u=$APP.C(r,$APP.wj),r=$APP.C(r,$APP.Xj),k.type=E,k.name=H,k.placeholder=e,k.disabled=y,k.readOnly=m,k.required=u,k.autocomplete=r,E=$APP.G(b),H=$APP.C(E,$APP.wj),e=$APP.C(E,$APP.uj),$APP.S(k,"aria-required",$APP.n(H)?"true":"false"),$APP.S(k,"aria-invalid",
|
|
6
|
+
$APP.n(e)?"true":"false"),H=$APP.G(E),E=$APP.C(H,$APP.xq),H=$APP.C(H,$APP.uj),E=$APP.n($APP.n(E)?H:E)?"hint error":$APP.n(E)?"hint":$APP.n(H)?"error":null,$APP.n(E)?$APP.S(k,"aria-describedby",E):$APP.U(k,"aria-describedby"),H=$APP.G(b),E=$APP.C(H,$APP.Z),H=$APP.C(H,$APP.ku),a1(B,E,H,"label-hidden"),E=$APP.G(b),B=$APP.C(E,$APP.Iu),E=$APP.C(E,$APP.xq),a1(c,B,E,"hint-hidden"),B=$APP.G(b),c=$APP.C(B,$APP.vj),B=$APP.C(B,$APP.uj),a1(x,c,B,"error-hidden"),x=$APP.G(b),x=$APP.C(x,$APP.uj),$APP.$i(a,"data-invalid",
|
|
7
|
+
x),x=$APP.l(a,"__xFormFieldInternals"),$APP.n(x)&&$0(a,x,k),a=$APP.Q(a,"__xFormFieldModel",b)):a=null):a=null;return a}return null},Fqa=function(a){var b=$APP.l(a,"__xFormFieldRefs");if($APP.n(b)){b=$APP.l(b,"input");var c=function(){var f=$APP.l(a,"__xFormFieldRefs");if($APP.n(f)){f=$APP.l(f,"input");var h=f.value;var k=a.getAttribute("name");k=$APP.n(k)?k:"";var m=$APP.l(a,"__xFormFieldInternals");$APP.n(m)&&(m.setFormValue(h),$0(a,m,f));f=$APP.ej(a,"x-form-field-input",{name:k,value:h})}else f=
|
|
8
|
+
null;return f},d=function(){var f=$APP.l(a,"__xFormFieldRefs");if($APP.n(f)){f=$APP.l(f,"input");var h=f.value;var k=a.getAttribute("name");k=$APP.n(k)?k:"";var m=$APP.l(a,"__xFormFieldInternals");$APP.n(m)&&(m.setFormValue(h),$0(a,m,f));f=$APP.ej(a,"x-form-field-change",{name:k,value:h})}else f=null;return f},e={};b.addEventListener("input",c);b.addEventListener("change",d);e.input=c;e.change=d;$APP.Q(a,"__xFormFieldHandlers",e)}},c1=function(a){var b=$APP.l(a,"__xFormFieldRefs");if($APP.n(b)){var c=
|
|
9
|
+
$APP.l(a,"__xFormFieldHandlers");if($APP.n(c))return b=$APP.l(b,"input"),b.removeEventListener("input",$APP.l(c,"input")),b.removeEventListener("change",$APP.l(c,"change")),$APP.Q(a,"__xFormFieldHandlers",null)}return null},Gqa=function(a,b){$APP.$i(a,"disabled",$APP.D(b));return b1(a)},Hqa=function(a){$APP.U(a,"value");$APP.U(a,"error");var b=$APP.l(a,"__xFormFieldRefs");$APP.n(b)&&($APP.l(b,"input").value="");b=$APP.l(a,"__xFormFieldInternals");$APP.n(b)&&b.setFormValue("");return b1(a)},Iqa=function(a){if(!$APP.n($APP.l(a,
|
|
10
10
|
"__xFormFieldRefs"))){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("label"),f=document.createElement("div"),h=document.createElement("input"),k=document.createElement("span"),m=document.createElement("span"),r={};c.textContent=":host{display:block;color-scheme:light dark;--x-form-field-label-color:var(--x-color-text-muted,#374151);--x-form-field-label-font-size:var(--x-font-size-sm,0.875rem);--x-form-field-input-bg:var(--x-color-surface,#ffffff);--x-form-field-input-color:var(--x-color-text,#111827);--x-form-field-input-border:1px solid var(--x-color-border,#d1d5db);--x-form-field-input-border-radius:var(--x-radius-md,6px);--x-form-field-input-padding:0.5rem 0.75rem;--x-form-field-focus-ring-color:var(--x-color-primary,#2563eb);--x-form-field-error-color:var(--x-color-danger,#dc2626);--x-form-field-hint-color:var(--x-color-text-muted,#6b7280);--x-form-field-disabled-opacity:0.45;}@media (prefers-color-scheme:dark){:host{--x-form-field-label-color:var(--x-color-text-muted,#d1d5db);--x-form-field-input-bg:var(--x-color-surface-hover,#1f2937);--x-form-field-input-color:var(--x-color-text,#f9fafb);--x-form-field-input-border:1px solid var(--x-color-border,#4b5563);--x-form-field-focus-ring-color:var(--x-color-primary,#3b82f6);--x-form-field-error-color:var(--x-color-danger,#f87171);--x-form-field-hint-color:var(--x-color-text-muted,#9ca3af);}}[part\x3dfield]{display:flex;flex-direction:column;gap:0.25rem;}[part\x3dlabel]{display:block;font-size:var(--x-form-field-label-font-size);font-weight:500;color:var(--x-form-field-label-color);}.label-hidden{display:none;}[part\x3dinput-wrapper]{display:block;}[part\x3dinput]{display:block;width:100%;box-sizing:border-box;padding:var(--x-form-field-input-padding);background:var(--x-form-field-input-bg);color:var(--x-form-field-input-color);border:var(--x-form-field-input-border);border-radius:var(--x-form-field-input-border-radius);font-size:1rem;line-height:1.5;font-family:inherit;outline:none;transition:border-color 120ms ease,box-shadow 120ms ease;}[part\x3dinput]:focus{border-color:var(--x-form-field-focus-ring-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--x-form-field-focus-ring-color) 20%,transparent);}:host([data-invalid]) [part\x3dinput]{border-color:var(--x-form-field-error-color);}:host([data-invalid]) [part\x3dinput]:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--x-form-field-error-color) 20%,transparent);}[part\x3dinput]:disabled{opacity:var(--x-form-field-disabled-opacity);cursor:not-allowed;}[part\x3dhint]{display:block;font-size:0.8125rem;color:var(--x-form-field-hint-color);}.hint-hidden{display:none;}[part\x3derror]{display:block;font-size:0.8125rem;color:var(--x-form-field-error-color);}.error-hidden{display:none;}@media (prefers-reduced-motion:reduce){[part\x3dinput]{transition:none;}}";
|
|
11
11
|
$APP.S(d,"part","field");$APP.S(e,"part","label");$APP.S(e,"id","label");$APP.S(e,"for","input");$APP.S(f,"part","input-wrapper");$APP.S(h,"part","input");$APP.S(h,"id","input");$APP.S(h,"aria-labelledby","label");$APP.S(k,"part","hint");$APP.S(k,"id","hint");$APP.S(k,"aria-live","polite");$APP.S(m,"part","error");$APP.S(m,"id","error");$APP.S(m,"role","alert");$APP.S(m,"aria-live","assertive");f.appendChild(h);d.appendChild(e);d.appendChild(f);d.appendChild(k);d.appendChild(m);b.appendChild(c);b.appendChild(d);
|
|
12
|
-
r.field=d;r.label=e;r.input=h;r.hint=k;r.error=m;$APP.Q(a,"__xFormFieldRefs",r);$APP.n(a.attachInternals)&&$APP.Q(a,"__xFormFieldInternals",a.attachInternals())}
|
|
13
|
-
"__xFormFieldRefs"),$APP.n(b)&&(b=$APP.l(b,"input"),$APP.I(b.value,d)&&(b.value=$APP.n(d)?d:"")));return
|
|
14
|
-
|
|
15
|
-
$APP.vg([$APP.Zv,$APP.jv,$APP.Mr,$APP.Vj,$APP.tn,$APP.Uj,$APP.Ti,$APP.qj,$APP.N,$APP.Z,$APP.
|
|
12
|
+
r.field=d;r.label=e;r.input=h;r.hint=k;r.error=m;$APP.Q(a,"__xFormFieldRefs",r);$APP.n(a.attachInternals)&&$APP.Q(a,"__xFormFieldInternals",a.attachInternals())}c1(a);b=$APP.l(a,"__xFormFieldRefs");$APP.n(b)&&(b=$APP.l(b,"input"),c=a.getAttribute("value"),$APP.n(c)&&(b.value=c));b=$APP.l(a,"__xFormFieldInternals");$APP.n(b)&&(c=b.setFormValue,d=a.getAttribute("value"),c.call(b,$APP.n(d)?d:""));Fqa(a);return b1(a)},Jqa=function(a){return c1(a)},Kqa=function(a,b,c,d){$APP.z.j(b,"value")&&(b=$APP.l(a,
|
|
13
|
+
"__xFormFieldRefs"),$APP.n(b)&&(b=$APP.l(b,"input"),$APP.I(b.value,d)&&(b.value=$APP.n(d)?d:"")));return b1(a)},Lqa=function(a){Object.defineProperty(a,"value",{configurable:!0,enumerable:!0,get:function(){var b=$APP.l(this,"__xFormFieldRefs");if($APP.n(b))return $APP.l(b,"input").value;b=this.getAttribute("value");return $APP.n(b)?b:""},set:function(b){b=b!=null&&$APP.I(b)?""+$APP.P.i(b):"";$APP.S(this,"value",b);var c=$APP.l(this,"__xFormFieldRefs");return $APP.n(c)?$APP.l(c,"input").value=b:null}})},
|
|
14
|
+
Mqa=function(a){$APP.Fj(a,"__xFormFieldInternals");Lqa(a);$APP.mj(a,"label","label","");$APP.mj(a,"type","type","");$APP.mj(a,"name","name","");$APP.mj(a,"placeholder","placeholder","");$APP.mj(a,"autocomplete","autocomplete","");$APP.jj(a,"disabled","disabled");$APP.jj(a,"readOnly","readonly");return $APP.jj(a,"required","required")},d1=function(){return $APP.ri("x-form-field",new $APP.M(null,8,[$APP.ii,Nqa,$APP.gi,Iqa,$APP.di,Jqa,$APP.ci,Kqa,$APP.ei,!0,$APP.bi,Gqa,$APP.ai,Hqa,$APP.hi,Mqa],null))};var Nqa="label type name value placeholder hint error disabled readonly required autocomplete".split(" "),Eqa=new $APP.bh(null,new $APP.M(null,6,["url",null,"tel",null,"email",null,"text",null,"number",null,"password",null],null),null);
|
|
15
|
+
$APP.vg([$APP.Zv,$APP.jv,$APP.Mr,$APP.Vj,$APP.tn,$APP.Uj,$APP.Ti,$APP.qj,$APP.N,$APP.Z,$APP.Xj,$APP.Ut,$APP.Xs,$APP.et],[new $APP.M(null,2,[$APP.N,$APP.X,$APP.qj,!0],null),new $APP.M(null,2,[$APP.N,$APP.ts,$APP.qj,!0],null),new $APP.M(null,2,[$APP.N,$APP.rj,$APP.qj,!0],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"placeholder"],null),new $APP.M(null,2,[$APP.N,$APP.rj,$APP.W,"disabled"],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"name"],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"value"],null),
|
|
16
16
|
new $APP.M(null,2,[$APP.N,$APP.rj,$APP.W,"readonly"],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"type"],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"label"],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"autocomplete"],null),new $APP.M(null,2,[$APP.N,$APP.pt,$APP.qj,!0],null),new $APP.M(null,2,[$APP.N,$APP.rj,$APP.W,"required"],null),new $APP.M(null,2,[$APP.N,$APP.Ks,$APP.qj,!0],null)]);
|
|
17
|
-
$APP.ie(["x-form-field-input",new $APP.M(null,2,[$APP.Xu,!1,$APP.V,new $APP.M(null,2,[$APP.Uj,$APP.X,$APP.Ti,$APP.X],null)],null),"x-form-field-change",new $APP.M(null,2,[$APP.Xu,!1,$APP.V,new $APP.M(null,2,[$APP.Uj,$APP.X,$APP.Ti,$APP.X],null)],null)]);$APP.ha("baredom.exports.x_form_field.init",
|
|
17
|
+
$APP.ie(["x-form-field-input",new $APP.M(null,2,[$APP.Xu,!1,$APP.V,new $APP.M(null,2,[$APP.Uj,$APP.X,$APP.Ti,$APP.X],null)],null),"x-form-field-change",new $APP.M(null,2,[$APP.Xu,!1,$APP.V,new $APP.M(null,2,[$APP.Uj,$APP.X,$APP.Ti,$APP.X],null)],null)]);$APP.ha("baredom.exports.x_form_field.init",d1);export const init=d1;
|
package/dist/x-form.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
$APP.l(c,"form");var d=$APP.G(b),e=$APP.C(d,$APP.
|
|
4
|
-
if($APP.n(function(){var m=f;return $APP.n(m)?$APP.I(f,""):m}())){var h=e.tagName.toLowerCase(),k=e.getAttribute("type");$APP.z.j(k,"checkbox")||$APP.z.j(k,"radio")||$APP.z.j(h,"x-checkbox")?$APP.n(e.checked)&&(b[f]=function(){var m=e.value;return $APP.n(m)?m:"on"}()):b[f]=function(){var m=e.value;return $APP.n(m)?m:""}()}d+=1}else break;return b},
|
|
5
|
-
else{h=
|
|
2
|
+
var ZZ=function(a){a=new $APP.M(null,3,[$APP.iv,a.getAttribute("loading"),XZ,$APP.n(a.hasAttribute("novalidate"))?"":null,$APP.Rj,a.getAttribute("autocomplete")],null);var b=$APP.G(a),c=$APP.C(b,$APP.iv);a=$APP.C(b,XZ);b=$APP.C(b,$APP.Rj);c=c!=null&&$APP.I(c,"false");b=$APP.cd(fpa,b)?b:"on";return new $APP.M(null,3,[$APP.Iq,c,YZ,a!=null,$APP.Xj,b],null)},$Z=function(a){if($APP.n($APP.l(a,"__xFormRefs"))){var b=ZZ(a);if($APP.I($APP.l(a,"__xFormModel"),b)){var c=$APP.l(a,"__xFormRefs");if($APP.n(c)){c=
|
|
3
|
+
$APP.l(c,"form");var d=$APP.G(b),e=$APP.C(d,$APP.Xj);d=$APP.C(d,$APP.Iq);$APP.S(c,"autocomplete",e);$APP.n(d)?($APP.S(c,"aria-busy","true"),$APP.S(c,"data-loading","")):($APP.U(c,"aria-busy"),$APP.U(c,"data-loading"));a=$APP.Q(a,"__xFormModel",b)}else a=null}else a=null;return a}return null},a_=function(a){var b=a.name;return $APP.n(b)?b:a.getAttribute("name")},gpa=function(a){a=a.querySelectorAll("[name]:not([disabled])");for(var b=Object.create(null),c=a.length,d=0;;)if(d<c){var e=a[d],f=a_(e);
|
|
4
|
+
if($APP.n(function(){var m=f;return $APP.n(m)?$APP.I(f,""):m}())){var h=e.tagName.toLowerCase(),k=e.getAttribute("type");$APP.z.j(k,"checkbox")||$APP.z.j(k,"radio")||$APP.z.j(h,"x-checkbox")?$APP.n(e.checked)&&(b[f]=function(){var m=e.value;return $APP.n(m)?m:"on"}()):b[f]=function(){var m=e.value;return $APP.n(m)?m:""}()}d+=1}else break;return b},hpa=function(a){var b=$APP.l(a,"__xFormRefs");if($APP.n(b)){b=$APP.l(b,"form");var c=function(h){h.preventDefault();h=ZZ(a);if($APP.n($APP.Iq.i(h)))h=null;
|
|
5
|
+
else{h=YZ.i(h);if(!$APP.n(h)){h=a.querySelectorAll("[name]:not([disabled])");for(var k={ok:!0},m=h.length,r=0;;)if(r<m){var u=h[r];$APP.n(u.reportValidity)&&($APP.n(u.reportValidity())||(k.ok=!1));r+=1}else break;h=k.ok}$APP.n(h)?(h=gpa(a),h=$APP.gj(a,"x-form-submit",{values:h})):h=null}return h},d=function(){for(var h=a.querySelectorAll("[name]"),k=h.length,m=0;;)if(m<k){var r=h[m];$APP.n(r.formResetCallback)&&r.formResetCallback();m+=1}else break;return $APP.ej(a,"x-form-reset",{})},e=function(h){a:{h=
|
|
6
6
|
h.target.closest("button,input[type\x3dsubmit],input[type\x3dreset],x-button[type\x3dsubmit],x-button[type\x3dreset]");if($APP.n(h)){var k=h.type;h=$APP.n(k)?k:h.getAttribute("type");k=$APP.l(a,"__xFormRefs");if($APP.n(k)){k=$APP.l(k,"form");h=$APP.z.j(h,"submit")||$APP.z.j(h,"")?k.requestSubmit():$APP.z.j(h,"reset")?k.reset():null;break a}}h=null}return h},f={};b.addEventListener("submit",c);b.addEventListener("reset",d);a.addEventListener("click",e);f.submit=c;f.reset=d;f.click=e;$APP.Q(a,"__xFormHandlers",
|
|
7
|
-
f)}},
|
|
8
|
-
f={};c.textContent=":host{display:block;}[part\x3droot]{display:flex;flex-direction:column;gap:var(--x-form-gap,1rem);width:var(--x-form-width,100%);}:host([loading]){pointer-events:none;opacity:0.6;}";$APP.S(d,"part","root");$APP.S(d,"novalidate","");d.appendChild(e);b.appendChild(c);b.appendChild(d);f.form=d;$APP.Q(a,"__xFormRefs",f)}
|
|
9
|
-
$APP.l(a,"form"):null},
|
|
10
|
-
b)&&(e?$APP.U(k,"error"):$APP.S(k,"error",c));h+=1}else{b=null;break a}b=void 0}return b},writable:!0,configurable:!0});return Object.defineProperty(a,"clearErrors",{value:function(){a:{var b=this.querySelectorAll("[error]");for(var c=b.length,d=0;;)if(d<c)$APP.U(b[d],"error"),d+=1;else{b=null;break a}b=void 0}return b},writable:!0,configurable:!0})},
|
|
11
|
-
$APP.hi,
|
|
12
|
-
$APP.ie(["x-form-submit",new $APP.M(null,2,[$APP.Xu,!0,$APP.V,new $APP.M(null,1,[new $APP.F(null,"values","values",372645556),$APP.Qt],null)],null),"x-form-reset",new $APP.M(null,2,[$APP.Xu,!1,$APP.V,$APP.je],null)]);$APP.ha("baredom.exports.x_form.init",
|
|
7
|
+
f)}},b_=function(a){var b=$APP.l(a,"__xFormRefs");if($APP.n(b)){var c=$APP.l(a,"__xFormHandlers");if($APP.n(c))return b=$APP.l(b,"form"),b.removeEventListener("submit",$APP.l(c,"submit")),b.removeEventListener("reset",$APP.l(c,"reset")),a.removeEventListener("click",$APP.l(c,"click")),$APP.Q(a,"__xFormHandlers",null)}return null},ipa=function(a){if(!$APP.n(a.shadowRoot)){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("form"),e=document.createElement("slot"),
|
|
8
|
+
f={};c.textContent=":host{display:block;}[part\x3droot]{display:flex;flex-direction:column;gap:var(--x-form-gap,1rem);width:var(--x-form-width,100%);}:host([loading]){pointer-events:none;opacity:0.6;}";$APP.S(d,"part","root");$APP.S(d,"novalidate","");d.appendChild(e);b.appendChild(c);b.appendChild(d);f.form=d;$APP.Q(a,"__xFormRefs",f)}b_(a);hpa(a);return $Z(a)},jpa=function(a){return b_(a)},kpa=function(a,b,c,d){return $APP.I(c,d)?$Z(a):null},c_=function(a){a=$APP.l(a,"__xFormRefs");return $APP.n(a)?
|
|
9
|
+
$APP.l(a,"form"):null},lpa=function(a){Object.defineProperty(a,"submit",{value:function(){var b=c_(this);return $APP.n(b)?b.requestSubmit():null},writable:!0,configurable:!0});Object.defineProperty(a,"reset",{value:function(){var b=c_(this);return $APP.n(b)?b.reset():null},writable:!0,configurable:!0});Object.defineProperty(a,"setFieldError",{value:function(b,c){a:{for(var d=this.querySelectorAll("[name]"),e=c==null||$APP.z.j(c,"")||$APP.z.j(c,void 0),f=d.length,h=0;;)if(h<f){var k=d[h];$APP.z.j(a_(k),
|
|
10
|
+
b)&&(e?$APP.U(k,"error"):$APP.S(k,"error",c));h+=1}else{b=null;break a}b=void 0}return b},writable:!0,configurable:!0});return Object.defineProperty(a,"clearErrors",{value:function(){a:{var b=this.querySelectorAll("[error]");for(var c=b.length,d=0;;)if(d<c)$APP.U(b[d],"error"),d+=1;else{b=null;break a}b=void 0}return b},writable:!0,configurable:!0})},npa=function(a){$APP.tj(a,mpa);return lpa(a)},d_=function(){return $APP.ri("x-form",new $APP.M(null,5,[$APP.ii,opa,$APP.gi,ipa,$APP.di,jpa,$APP.ci,kpa,
|
|
11
|
+
$APP.hi,npa],null))},XZ=new $APP.F(null,"novalidate-raw","novalidate-raw",1783236714),YZ=new $APP.F(null,"novalidate?","novalidate?",491529885);var opa=["loading","novalidate","autocomplete"],fpa=new $APP.bh(null,new $APP.M(null,2,["off",null,"on",null],null),null),mpa=new $APP.M(null,3,[$APP.un,new $APP.M(null,2,[$APP.N,$APP.rj,$APP.W,"loading"],null),new $APP.F(null,"novalidate","novalidate",-572717086),new $APP.M(null,2,[$APP.N,$APP.rj,$APP.W,"novalidate"],null),$APP.Xj,new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"autocomplete"],null)],null);
|
|
12
|
+
$APP.ie(["x-form-submit",new $APP.M(null,2,[$APP.Xu,!0,$APP.V,new $APP.M(null,1,[new $APP.F(null,"values","values",372645556),$APP.Qt],null)],null),"x-form-reset",new $APP.M(null,2,[$APP.Xu,!1,$APP.V,$APP.je],null)]);$APP.ha("baredom.exports.x_form.init",d_);export const init=d_;
|
package/dist/x-gaussian-blur.js
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
2
|
+
var Wra=function(a,b,c){var d=$APP.w(a);return $APP.Ff.m($APP.Fe,$APP.xe.i(function(e){var f=e*2.39996323,h=50+30*Math.cos(f);f=50+30*Math.sin(f);var k=10*Math.sin(e*2.39996323),m=10*Math.cos(e*Math.PI),r=Math.sin(e*1.618);r=.7+r*r*.6;var u=.8+.4*Math.sin(e*1.3),x=-(e/$APP.Ql.j(b,1));return new $APP.M(null,7,[$APP.ds,$APP.xc(a,$APP.td(e,d)),$APP.tu,h+k,$APP.su,f+m,$APP.An,c*r,P2,$APP.td(e,4),Q2,u,R2,x],null)}),$APP.ph(0,b))},Xra=function(a){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),
|
|
3
3
|
d=document.createElement("div"),e=document.createElement("div"),f=document.createElement("slot");c.textContent=":host{display:block;position:relative;width:100%;height:100%;overflow:hidden;box-sizing:border-box;color-scheme:light dark;--x-gaussian-blur-bg:transparent;--x-gaussian-blur-z-index:0;--x-gaussian-blur-border-radius:0;}:host{border-radius:var(--x-gaussian-blur-border-radius);}[part\x3dbackdrop]{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:var(--x-gaussian-blur-z-index);background:var(--x-gaussian-blur-bg);}[part\x3dcontent]{position:relative;z-index:1;width:100%;height:100%;}.blob{position:absolute;border-radius:50%;will-change:transform;pointer-events:none;}@keyframes x-gb-float-0{0%,100%{transform:translate(-50%,-50%) translate(0,0);}25%{transform:translate(-50%,-50%) translate(12%,-18%);}50%{transform:translate(-50%,-50%) translate(-10%,15%);}75%{transform:translate(-50%,-50%) translate(15%,6%);}}@keyframes x-gb-float-1{0%,100%{transform:translate(-50%,-50%) translate(0,0);}25%{transform:translate(-50%,-50%) translate(-15%,10%);}50%{transform:translate(-50%,-50%) translate(18%,-12%);}75%{transform:translate(-50%,-50%) translate(-8%,-16%);}}@keyframes x-gb-float-2{0%,100%{transform:translate(-50%,-50%) translate(0,0);}25%{transform:translate(-50%,-50%) translate(10%,16%);}50%{transform:translate(-50%,-50%) translate(-18%,-8%);}75%{transform:translate(-50%,-50%) translate(14%,-12%);}}@keyframes x-gb-float-3{0%,100%{transform:translate(-50%,-50%) translate(0,0);}25%{transform:translate(-50%,-50%) translate(-12%,-10%);}50%{transform:translate(-50%,-50%) translate(16%,18%);}75%{transform:translate(-50%,-50%) translate(-10%,14%);}}@keyframes x-gb-pulse-0{0%,100%{transform:translate(-50%,-50%) scale(1) translate(0,0);}33%{transform:translate(-50%,-50%) scale(1.2) translate(10%,-14%);}66%{transform:translate(-50%,-50%) scale(0.85) translate(-10%,10%);}}@keyframes x-gb-pulse-1{0%,100%{transform:translate(-50%,-50%) scale(1) translate(0,0);}33%{transform:translate(-50%,-50%) scale(0.85) translate(-14%,10%);}66%{transform:translate(-50%,-50%) scale(1.2) translate(12%,-8%);}}@keyframes x-gb-pulse-2{0%,100%{transform:translate(-50%,-50%) scale(1) translate(0,0);}33%{transform:translate(-50%,-50%) scale(1.18) translate(8%,16%);}66%{transform:translate(-50%,-50%) scale(0.82) translate(-16%,-10%);}}@keyframes x-gb-pulse-3{0%,100%{transform:translate(-50%,-50%) scale(1) translate(0,0);}33%{transform:translate(-50%,-50%) scale(0.88) translate(-10%,-14%);}66%{transform:translate(-50%,-50%) scale(1.15) translate(10%,16%);}}:host([data-paused]) .blob{animation-play-state:paused;}@media (prefers-reduced-motion:reduce){.blob{animation:none!important;}}";
|
|
4
4
|
$APP.S(d,"part","backdrop");$APP.S(d,"aria-hidden","true");$APP.S(e,"part","content");e.appendChild(f);b.appendChild(c);b.appendChild(d);b.appendChild(e);$APP.Q(a,"__xGaussianBlurBackdrop",d);$APP.Q(a,"__xGaussianBlurSlot",f);$APP.Q(a,"__xGaussianBlurBlobs",[]);$APP.Q(a,"__xGaussianBlurInit",!0)},S2=function(a,b){if($APP.n($APP.n(b)?b.assignedNodes().length>0:null))return $APP.U(a,"role"),$APP.U(a,"aria-hidden");$APP.S(a,"role","presentation");return $APP.S(a,"aria-hidden","true")},W2=function(a){var b=
|
|
5
5
|
$APP.vg([$APP.nt,$APP.Ro,$APP.Ur,$APP.ev,$APP.An,$APP.rq,$APP.sq,$APP.$p,T2],[a.getAttribute("paused"),a.getAttribute("animation"),a.getAttribute("speed"),a.getAttribute("colors"),a.getAttribute("size"),a.getAttribute("blur"),a.getAttribute("opacity"),a.getAttribute("count"),a.getAttribute("blend")]);var c=$APP.G(b),d=$APP.C(c,T2);b=$APP.C(c,$APP.nt);var e=$APP.C(c,$APP.Ro),f=$APP.C(c,$APP.Ur),h=$APP.C(c,$APP.ev),k=$APP.C(c,$APP.An),m=$APP.C(c,$APP.rq),r=$APP.C(c,$APP.sq);c=$APP.C(c,$APP.$p);h=U2(h);
|
|
6
|
-
typeof c==="string"&&$APP.I("",c.trim())?(c=parseInt(c.trim(),10),c=$APP.n(isFinite(c))?$APP.Rl.j(12,$APP.Ql.j(1,c)):5):c=5;if(typeof k==="string"&&$APP.I("",k.trim())){k=k.trim();var u=$APP.C(
|
|
7
|
-
e)?e:"float";typeof m==="string"&&$APP.I("",m.trim())?(m=parseFloat(m.trim()),u=isFinite(m),m=$APP.n($APP.n(u)?m>0:u)?m:60):m=60;u=
|
|
6
|
+
typeof c==="string"&&$APP.I("",c.trim())?(c=parseInt(c.trim(),10),c=$APP.n(isFinite(c))?$APP.Rl.j(12,$APP.Ql.j(1,c)):5):c=5;if(typeof k==="string"&&$APP.I("",k.trim())){k=k.trim();var u=$APP.C(Yra,k);$APP.n(u)?k=u:(k=parseFloat(k),u=isFinite(k),k=$APP.n($APP.n(u)?k>0:u)?$APP.Rl.j(100,$APP.Ql.j(10,k)):50)}else k=50;typeof f==="string"&&$APP.I("",f.trim())?(f=f.trim(),u=$APP.C(Zra,f),$APP.n(u)?f=u:(f=parseFloat(f),u=isFinite(f),f=$APP.n($APP.n(u)?f>0:u)?f:10)):f=10;e=typeof e==="string"&&$APP.cd($ra,
|
|
7
|
+
e)?e:"float";typeof m==="string"&&$APP.I("",m.trim())?(m=parseFloat(m.trim()),u=isFinite(m),m=$APP.n($APP.n(u)?m>0:u)?m:60):m=60;u=Wra(h,c,k);typeof r==="string"&&$APP.I("",r.trim())?(r=parseFloat(r.trim()),r=$APP.n(isFinite(r))?$APP.Rl.j(1,$APP.Ql.j(0,r)):.7):r=.7;d=typeof d==="string"&&$APP.cd(asa,d)?d:"normal";b=$APP.vg([$APP.nt,$APP.Ro,$APP.ev,V2,$APP.rq,$APP.Av,$APP.sq,$APP.$p,T2,bsa],[b!=null,e,h,f,m,u,r,c,d,k]);if($APP.I($APP.l(a,"__xGaussianBlurModel"),b)){d=$APP.l(a,"__xGaussianBlurSlot");
|
|
8
8
|
c=$APP.l(a,"__xGaussianBlurBackdrop");m=$APP.G(b);h=$APP.C(m,$APP.rq);r=$APP.C(m,$APP.sq);m=$APP.C(m,T2);c=c.style;c.setProperty("filter","blur("+$APP.P.i(h)+"px)");c.setProperty("opacity",""+$APP.P.i(r));c.setProperty("mix-blend-mode",m);r=$APP.G(b);h=$APP.C(r,$APP.nt);r=$APP.C(r,$APP.Ro);$APP.n(h)?$APP.S(a,"data-paused",""):$APP.U(a,"data-paused");$APP.S(a,"data-animation",r);m=$APP.G(b);h=$APP.C(m,$APP.Av);r=$APP.C(m,$APP.Ro);c=$APP.C(m,V2);$APP.C(m,$APP.rq);e=$APP.l(a,"__xGaussianBlurBackdrop");
|
|
9
|
-
m=$APP.l(a,"__xGaussianBlurBlobs");f=m.length;k=$APP.w(h);for(u=f;;)if(u<k){var x=document.createElement("div");x.className="blob";e.appendChild(x);m.push(x);u+=1}else break;for(;;)if(f>k)u=m.pop(),e.removeChild(u),--f;else break;for(e=0;;)if(e<k){var y=m[e];x=$APP.xc(h,e);u=r;f=c;var
|
|
10
|
-
""+$APP.P.i(O)+"%");y.setProperty("width",T);y.setProperty("height",T);y.setProperty("background","radial-gradient(circle,"+$APP.P.i(E)+" 0%,transparent 70%)");y.setProperty("transform","translate(-50%,-50%)");a:switch(E=R,u){case "float":u="x-gb-float-"+$APP.P.i(E);break a;case "pulse":u="x-gb-pulse-"+$APP.P.i(E);break a;default:u=null}$APP.n(u)?(x*=f,f*=
|
|
11
|
-
S2(a,d);a=$APP.Q(a,"__xGaussianBlurModel",b)}else a=null;return a},
|
|
12
|
-
"__xGaussianBlurInit"))?W2(a):null:null},
|
|
13
|
-
"duration-factor","duration-factor",-409465019);var
|
|
14
|
-
$APP.W,"size",$APP.sj,"medium"],null),new $APP.M(null,3,[$APP.N,$APP.X,$APP.W,"blur",$APP.sj,"60"],null),new $APP.M(null,3,[$APP.N,$APP.X,$APP.W,"opacity",$APP.sj,"0.7"],null),new $APP.M(null,3,[$APP.N,$APP.X,$APP.W,"count",$APP.sj,"5"],null),new $APP.M(null,3,[$APP.N,$APP.X,$APP.W,"blend",$APP.sj,"normal"],null)])
|
|
15
|
-
null,"overlay",null],null),null),
|
|
9
|
+
m=$APP.l(a,"__xGaussianBlurBlobs");f=m.length;k=$APP.w(h);for(u=f;;)if(u<k){var x=document.createElement("div");x.className="blob";e.appendChild(x);m.push(x);u+=1}else break;for(;;)if(f>k)u=m.pop(),e.removeChild(u),--f;else break;for(e=0;;)if(e<k){var y=m[e];x=$APP.xc(h,e);u=r;f=c;var B=$APP.G(x),E=$APP.C(B,$APP.ds),H=$APP.C(B,$APP.tu),O=$APP.C(B,$APP.su),T=$APP.C(B,$APP.An),R=$APP.C(B,P2);x=$APP.C(B,Q2);B=$APP.C(B,R2);y=y.style;T=""+$APP.P.i(T)+"%";y.setProperty("left",""+$APP.P.i(H)+"%");y.setProperty("top",
|
|
10
|
+
""+$APP.P.i(O)+"%");y.setProperty("width",T);y.setProperty("height",T);y.setProperty("background","radial-gradient(circle,"+$APP.P.i(E)+" 0%,transparent 70%)");y.setProperty("transform","translate(-50%,-50%)");a:switch(E=R,u){case "float":u="x-gb-float-"+$APP.P.i(E);break a;case "pulse":u="x-gb-pulse-"+$APP.P.i(E);break a;default:u=null}$APP.n(u)?(x*=f,f*=B,y.setProperty("animation",""+$APP.P.i(u)+" "+$APP.P.i(x)+"s ease-in-out "+$APP.P.i(f)+"s infinite")):y.removeProperty("animation");e+=1}else break;
|
|
11
|
+
S2(a,d);a=$APP.Q(a,"__xGaussianBlurModel",b)}else a=null;return a},csa=function(a){function b(){return S2(a,c)}$APP.n($APP.l(a,"__xGaussianBlurInit"))||Xra(a);var c=$APP.l(a,"__xGaussianBlurSlot");$APP.Q(a,"__xGaussianBlurSlotHandler",b);c.addEventListener("slotchange",b);return W2(a)},dsa=function(a){var b=$APP.l(a,"__xGaussianBlurSlot");a=$APP.l(a,"__xGaussianBlurSlotHandler");return $APP.n($APP.n(b)?a:b)?b.removeEventListener("slotchange",a):null},esa=function(a,b,c,d){return $APP.I(c,d)?$APP.n($APP.l(a,
|
|
12
|
+
"__xGaussianBlurInit"))?W2(a):null:null},gsa=function(a){return $APP.tj(a,fsa)},X2=function(){return $APP.ri("x-gaussian-blur",new $APP.M(null,5,[$APP.ii,hsa,$APP.gi,csa,$APP.di,dsa,$APP.ci,esa,$APP.hi,gsa],null))},V2=new $APP.F(null,"speed-s","speed-s",-1018350546),T2=new $APP.F(null,"blend","blend",249565561),bsa=new $APP.F(null,"size-pct","size-pct",-741809955),P2=new $APP.F(null,"anim-index","anim-index",-1563021855),R2=new $APP.F(null,"delay-factor","delay-factor",-751650178),Q2=new $APP.F(null,
|
|
13
|
+
"duration-factor","duration-factor",-409465019);var hsa="colors blur speed count size opacity animation blend paused".split(" "),fsa=$APP.vg([$APP.nt,$APP.Ro,$APP.Ur,$APP.ev,$APP.An,$APP.rq,$APP.sq,$APP.$p,T2],[new $APP.M(null,2,[$APP.N,$APP.rj,$APP.W,"paused"],null),new $APP.M(null,3,[$APP.N,$APP.X,$APP.W,"animation",$APP.sj,"float"],null),new $APP.M(null,3,[$APP.N,$APP.X,$APP.W,"speed",$APP.sj,"medium"],null),new $APP.M(null,3,[$APP.N,$APP.X,$APP.W,"colors",$APP.sj,"#6366f1, #ec4899, #14b8a6, #f59e0b"],null),new $APP.M(null,3,[$APP.N,$APP.X,
|
|
14
|
+
$APP.W,"size",$APP.sj,"medium"],null),new $APP.M(null,3,[$APP.N,$APP.X,$APP.W,"blur",$APP.sj,"60"],null),new $APP.M(null,3,[$APP.N,$APP.X,$APP.W,"opacity",$APP.sj,"0.7"],null),new $APP.M(null,3,[$APP.N,$APP.X,$APP.W,"count",$APP.sj,"5"],null),new $APP.M(null,3,[$APP.N,$APP.X,$APP.W,"blend",$APP.sj,"normal"],null)]),$ra=new $APP.bh(null,new $APP.M(null,3,["float",null,"none",null,"pulse",null],null),null),asa=new $APP.bh(null,new $APP.M(null,5,["soft-light",null,"multiply",null,"screen",null,"normal",
|
|
15
|
+
null,"overlay",null],null),null),Zra=new $APP.M(null,3,["slow",18,"medium",10,"fast",5],null),Yra=new $APP.M(null,3,["small",30,"medium",50,"large",70],null),U2=function U2(a){return typeof a==="string"&&$APP.I("",a.trim())?(a=a.trim().split(/,/),$APP.Ff.m($APP.Fe,$APP.yp.j($APP.xe.i(function(c){return c.trim()}),$APP.Ce(function(c){return $APP.I("",c)})),a)):U2.i?U2.i("#6366f1, #ec4899, #14b8a6, #f59e0b"):U2.call(null,"#6366f1, #ec4899, #14b8a6, #f59e0b")};$APP.ha("baredom.exports.x_gaussian_blur.init",X2);export const init=X2;
|
package/dist/x-grid.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
$APP.G(a);a=$APP.C(b,
|
|
4
|
-
$APP.ls,
|
|
5
|
-
|
|
6
|
-
r=$APP.C(r,$APP.ov);var u=r.style;$APP.S(r,"data-gap",d);u.setProperty("--x-grid-columns",c);u.setProperty("--x-grid-row-gap",e);u.setProperty("--x-grid-column-gap",f);u.setProperty("--x-grid-align-items",h);u.setProperty("--x-grid-justify-items",k);u.setProperty("--x-grid-auto-flow",m);a=$APP.Q(a,"__xGridModel",b)}else a=null;return a},
|
|
7
|
-
|
|
2
|
+
var BY=function(a){switch(a){case "none":return"0";case "xs":return"4px";case "sm":return"8px";case "md":return"16px";case "lg":return"24px";case "xl":return"32px";default:return"16px"}},CY=function(a,b,c){return $APP.cd(b,a)?a:c},Zna=function(a){switch(a){case "row-dense":return"row dense";case "column-dense":return"column dense";default:return a}},$na=function(a){return $APP.n($APP.n(a)?$APP.I("",a):a)?a:null},aoa=function(a){return $APP.n($APP.n(a)?$APP.I("",a):a)?a:"16rem"},eoa=function(a){var b=
|
|
3
|
+
$APP.G(a);a=$APP.C(b,DY);var c=$APP.C(b,EY),d=$APP.C(b,$APP.av),e=$APP.C(b,FY),f=$APP.C(b,GY),h=$APP.C(b,$APP.ht),k=$APP.C(b,HY),m=$APP.C(b,$APP.Gr);b=$APP.C(b,$APP.ls);h=$na(h);k=aoa(k);var r=CY(b,IY,"md");b=function(){var x=$APP.cd(IY,d)?d:null;return $APP.n(x)?x:r}();var u=function(){var x=$APP.cd(IY,m)?m:null;return $APP.n(x)?x:r}();f=CY(f,JY,"stretch");c=CY(c,JY,"stretch");e=Zna(CY(e,boa,"row"));h=$APP.n(h)?h:"repeat(auto-fit,minmax("+$APP.P.i(k)+",1fr))";return $APP.vg([FY,GY,$APP.ht,$APP.Gr,
|
|
4
|
+
$APP.ls,coa,DY,doa,$APP.av,EY],[e,f,h,BY(u),r,b,$APP.D(a),u,BY(b),c])},KY=function(a){var b=$APP.l(a,"__xGridRefs");if($APP.n(b))a=b;else{b=a.attachShadow({mode:"open"});var c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("slot"),f=new $APP.M(null,2,[$APP.Sk,b,$APP.ov,d],null);c.textContent=foa;$APP.S(d,"part","base");d.className="base";d.appendChild(e);b.appendChild(c);b.appendChild(d);$APP.Q(a,"__xGridRefs",f);a=f}return a},RY=function(a){var b=eoa($APP.vg([FY,
|
|
5
|
+
GY,$APP.ht,HY,$APP.Gr,$APP.ls,DY,$APP.av,EY],[a.getAttribute("auto-flow"),a.getAttribute("align-items"),a.getAttribute("columns"),a.getAttribute("min-column-size"),a.getAttribute("column-gap"),a.getAttribute("gap"),a.hasAttribute("inline"),a.getAttribute("row-gap"),a.getAttribute("justify-items")]));if($APP.I($APP.l(a,"__xGridModel"),b)){b=$APP.G(b);var c=$APP.C(b,$APP.ht),d=$APP.C(b,$APP.ls),e=$APP.C(b,$APP.av),f=$APP.C(b,$APP.Gr),h=$APP.C(b,GY),k=$APP.C(b,EY),m=$APP.C(b,FY),r=KY(a);r=$APP.G(r);
|
|
6
|
+
r=$APP.C(r,$APP.ov);var u=r.style;$APP.S(r,"data-gap",d);u.setProperty("--x-grid-columns",c);u.setProperty("--x-grid-row-gap",e);u.setProperty("--x-grid-column-gap",f);u.setProperty("--x-grid-align-items",h);u.setProperty("--x-grid-justify-items",k);u.setProperty("--x-grid-auto-flow",m);a=$APP.Q(a,"__xGridModel",b)}else a=null;return a},goa=function(a){KY(a);return RY(a)},hoa=function(a,b,c,d){return $APP.I(c,d)?RY(a):null},SY=function(){return $APP.ri("x-grid",new $APP.M(null,3,[$APP.ii,ioa,$APP.gi,
|
|
7
|
+
goa,$APP.ci,hoa],null))},HY=new $APP.F(null,"min-column-size","min-column-size",-1066019378),DY=new $APP.F(null,"inline","inline",1399884222),doa=new $APP.F(null,"column-gap-token","column-gap-token",-10192833),GY=new $APP.F(null,"align-items","align-items",-267946462),coa=new $APP.F(null,"row-gap-token","row-gap-token",-219143816),FY=new $APP.F(null,"auto-flow","auto-flow",-1524521728),EY=new $APP.F(null,"justify-items","justify-items",1638310783);var ioa="columns min-column-size gap row-gap column-gap align-items justify-items auto-flow inline".split(" "),IY=new $APP.bh(null,new $APP.M(null,6,["none",null,"xs",null,"md",null,"lg",null,"xl",null,"sm",null],null),null),JY=new $APP.bh(null,new $APP.M(null,4,["center",null,"start",null,"stretch",null,"end",null],null),null),boa=new $APP.bh(null,new $APP.M(null,5,["column-dense",null,"row-dense",null,"dense",null,"column",null,"row",null],null),null);var foa=":host{display:block;}:host([inline]){display:inline-block;}.base{display:grid;box-sizing:border-box;grid-template-columns:var("+$APP.P.i("--x-grid-columns")+");row-gap:var("+$APP.P.i("--x-grid-row-gap")+");column-gap:var("+$APP.P.i("--x-grid-column-gap")+");align-items:var("+$APP.P.i("--x-grid-align-items")+");justify-items:var("+$APP.P.i("--x-grid-justify-items")+");grid-auto-flow:var("+$APP.P.i("--x-grid-auto-flow")+");}";$APP.ha("baredom.exports.x_grid.init",SY);export const init=SY;
|
package/dist/x-i18n-provider.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
$APP.No(e):null;for(var f=d.length-1;;)if(f>=0){var h=d[f],k=h.name;if($APP.n(function(){var u=k.startsWith("data-i18n-");return $APP.n(u)?$APP.I(k,"data-i18n-params"):u}())){var m=k.substring(10),r=h.value;h=function(){var u=$APP.Oo(b,r);return $APP.n(u)?u:$APP.Oo(c,r)}();h=typeof h==="string"?$APP.n(e)?$APP.Po(h,e):h:r;$APP.S(a,m,h)}--f}else break},
|
|
4
|
-
e=d.length,f=0;;)if(f<e){var h=d[f];h.closest("x-i18n-provider")===a&&
|
|
5
|
-
$APP.ej(a,"x-i18n-loading",{locale:d}),Promise.all(b).then(function(f){$APP.Q(a,"__xI18nProviderTranslations",{current:f[0],fallback:f[1]});$APP.Q(a,"__xI18nProviderAbort",null);$APP.ej(a,"x-i18n-change",{locale:d});return
|
|
6
|
-
b=new $APP.M(null,3,[$APP.Ws,$APP.n(b)?b:"",$APP.Vv,typeof c==="string"&&$APP.I(c,"")?c:"en",$APP.Lt,$APP.n(d)?d:""],null);c=$APP.l(a,"__xI18nProviderModel");$APP.I(b,c)?((d=c==null)||(d=$APP.I($APP.Ws.i(c),$APP.Ws.i(b))||$APP.I($APP.Vv.i(c),$APP.Vv.i(b))||$APP.I($APP.Lt.i(c),$APP.Lt.i(b))),d&&
|
|
7
|
-
c.textContent=":host{display:contents}";b.appendChild(c);b.appendChild(d);$APP.Vi(a,"__xI18nProviderInitialized")}return
|
|
8
|
-
"translateSubtree",{value:function(){return
|
|
2
|
+
var TY=function(a,b){return typeof a==="string"&&$APP.I(a,"")&&typeof b==="string"&&$APP.I(b,"")?$APP.ui(a,"{locale}",b):null},UY=function(a){var b=$APP.l(a,"__xI18nProviderAbort");return $APP.n(b)?(b.abort(),$APP.Q(a,"__xI18nProviderAbort",null)):null},VY=function(a,b){return fetch(a,{signal:b}).then(function(c){if($APP.n(c.ok))return c.json();throw Error("HTTP "+$APP.P.i(c.status));}).then(function(c){return c})},joa=function(a,b,c){var d=a.attributes,e=a.getAttribute("data-i18n-params");e=e!=null?
|
|
3
|
+
$APP.No(e):null;for(var f=d.length-1;;)if(f>=0){var h=d[f],k=h.name;if($APP.n(function(){var u=k.startsWith("data-i18n-");return $APP.n(u)?$APP.I(k,"data-i18n-params"):u}())){var m=k.substring(10),r=h.value;h=function(){var u=$APP.Oo(b,r);return $APP.n(u)?u:$APP.Oo(c,r)}();h=typeof h==="string"?$APP.n(e)?$APP.Po(h,e):h:r;$APP.S(a,m,h)}--f}else break},WY=function(a){var b=$APP.l(a,"__xI18nProviderTranslations");if($APP.n(b)){var c=$APP.l(b,"current");b=$APP.l(b,"fallback");for(var d=a.querySelectorAll("*"),
|
|
4
|
+
e=d.length,f=0;;)if(f<e){var h=d[f];h.closest("x-i18n-provider")===a&&joa(h,c,b);f+=1}else return null}else return null},koa=function(a,b,c,d){var e=TY(b,c);e=VY(e,a);b=$APP.I(d,"")&&$APP.I(d,c)?TY(b,d):null;a=$APP.n(b)?VY(b,a).catch(function(){return null}):Promise.resolve(null);return[e,a]},loa=function(a,b){UY(a);var c=$APP.G(b);b=$APP.C(c,$APP.Ws);var d=$APP.C(c,$APP.Vv);c=$APP.C(c,$APP.Lt);var e=TY(b,d);$APP.n(e)&&(e=new AbortController,b=koa(e.signal,b,d,c),$APP.Q(a,"__xI18nProviderAbort",e),
|
|
5
|
+
$APP.ej(a,"x-i18n-loading",{locale:d}),Promise.all(b).then(function(f){$APP.Q(a,"__xI18nProviderTranslations",{current:f[0],fallback:f[1]});$APP.Q(a,"__xI18nProviderAbort",null);$APP.ej(a,"x-i18n-change",{locale:d});return WY(a)}).catch(function(f){$APP.z.j("AbortError",f.name)?f=null:($APP.Q(a,"__xI18nProviderAbort",null),f=$APP.ej(a,"x-i18n-error",{locale:d,message:f.message}));return f}))},XY=function(a){var b=a.getAttribute("src");var c=a.getAttribute("locale"),d=a.getAttribute("fallback-locale");
|
|
6
|
+
b=new $APP.M(null,3,[$APP.Ws,$APP.n(b)?b:"",$APP.Vv,typeof c==="string"&&$APP.I(c,"")?c:"en",$APP.Lt,$APP.n(d)?d:""],null);c=$APP.l(a,"__xI18nProviderModel");$APP.I(b,c)?((d=c==null)||(d=$APP.I($APP.Ws.i(c),$APP.Ws.i(b))||$APP.I($APP.Vv.i(c),$APP.Vv.i(b))||$APP.I($APP.Lt.i(c),$APP.Lt.i(b))),d&&loa(a,b),a=$APP.Q(a,"__xI18nProviderModel",b)):a=null;return a},moa=function(a){if(!$APP.Ui(a,"__xI18nProviderInitialized")){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("slot");
|
|
7
|
+
c.textContent=":host{display:contents}";b.appendChild(c);b.appendChild(d);$APP.Vi(a,"__xI18nProviderInitialized")}return XY(a)},noa=function(a){return UY(a)},ooa=function(a,b,c,d){return $APP.I(c,d)?$APP.Ui(a,"__xI18nProviderInitialized")?XY(a):null:null},poa=function(a){$APP.tj(a,$APP.lw);Object.defineProperty(a,"translations",{get:function(){var b=$APP.l(this,"__xI18nProviderTranslations");return $APP.n(b)?$APP.l(b,"current"):null},enumerable:!0,configurable:!0});return Object.defineProperty(a,
|
|
8
|
+
"translateSubtree",{value:function(){return WY(this)},writable:!0,configurable:!0})},YY=function(){return $APP.ri("x-i18n-provider",new $APP.M(null,5,[$APP.ii,qoa,$APP.gi,moa,$APP.di,noa,$APP.ci,ooa,$APP.hi,poa],null))},qoa=["src","locale","fallback-locale"];$APP.ha("baredom.exports.x_i18n_provider.init",YY);export const init=YY;
|
package/dist/x-i18n.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
"span").textContent=d);return $APP.Q(a,"__xI18nModel",b)},
|
|
4
|
-
d=document.createElement("span"),e={};c.textContent=":host{display:inline}[part\x3dtext]{font:var(--x-i18n-font,inherit);color:var(--x-i18n-color,inherit)}";$APP.S(d,"part","text");b.appendChild(c);b.appendChild(d);e.span=d;$APP.Q(a,"__xI18nRefs",e)}
|
|
5
|
-
"__xI18nProvider",null)},
|
|
2
|
+
var QQ=function(a){var b=a.getAttribute("key");a=a.getAttribute("params");return new $APP.M(null,2,[$APP.As,$APP.n(b)?b:"",$APP.tt,$APP.No(a)],null)},RQ=function(a,b){var c=$APP.l(a,"__xI18nRefs"),d=$APP.l(a,"__xI18nProvider");d=$APP.n(d)?$APP.l(d,"__xI18nProviderTranslations"):null;var e=$APP.n(d)?$APP.l(d,"current"):null,f=$APP.n(d)?$APP.l(d,"fallback"):null;d=$APP.As.i(b);var h=$APP.tt.i(b);e=$APP.Oo(e,d);e=$APP.n(e)?e:$APP.Oo(f,d);d=typeof e==="string"?$APP.Po(e,h):$APP.n(d)?d:"";$APP.n(c)&&($APP.l(c,
|
|
3
|
+
"span").textContent=d);return $APP.Q(a,"__xI18nModel",b)},SQ=function(a){var b=QQ(a);return $APP.I(b,$APP.l(a,"__xI18nModel"))?RQ(a,b):null},Fia=function(a){var b=a.closest("x-i18n-provider");$APP.Q(a,"__xI18nProvider",b);if($APP.n(b)){var c=function(){var e=$APP.l(a,"__xI18nModel");e=$APP.n(e)?e:QQ(a);return RQ(a,e)},d={};d.change=c;$APP.Q(a,"__xI18nHandlers",d);b.addEventListener("x-i18n-change",c)}},Gia=function(a){if(!$APP.n($APP.l(a,"__xI18nRefs"))){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),
|
|
4
|
+
d=document.createElement("span"),e={};c.textContent=":host{display:inline}[part\x3dtext]{font:var(--x-i18n-font,inherit);color:var(--x-i18n-color,inherit)}";$APP.S(d,"part","text");b.appendChild(c);b.appendChild(d);e.span=d;$APP.Q(a,"__xI18nRefs",e)}Fia(a);return SQ(a)},Hia=function(a){var b=$APP.l(a,"__xI18nProvider");if($APP.n(b)){var c=$APP.l(a,"__xI18nHandlers");$APP.n(c)&&(c=$APP.l(c,"change"),$APP.n(c)&&b.removeEventListener("x-i18n-change",c))}$APP.Q(a,"__xI18nHandlers",null);return $APP.Q(a,
|
|
5
|
+
"__xI18nProvider",null)},Iia=function(a,b,c,d){return $APP.I(c,d)?$APP.n($APP.l(a,"__xI18nRefs"))?SQ(a):null:null},Jia=function(a){$APP.tj(a,$APP.mw);return Object.defineProperty(a,"value",{get:function(){var b=$APP.l(this,"__xI18nRefs");return $APP.n(b)?$APP.l(b,"span").textContent:null},enumerable:!0,configurable:!0})},TQ=function(){return $APP.ri("x-i18n",new $APP.M(null,5,[$APP.ii,Kia,$APP.gi,Gia,$APP.di,Hia,$APP.ci,Iia,$APP.hi,Jia],null))},Kia=["key","params"];$APP.ha("baredom.exports.x_i18n.init",TQ);export const init=TQ;
|
package/dist/x-icon.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
d=f:(typeof d==="string"?(d=d.trim(),f=parseInt(d,10),d=$APP.p(isNaN(f))&&f>0&&$APP.z.j(""+$APP.P.i(f),d)?new $APP.M(null,3,[$APP.Zp,""+$APP.P.i(f)+"px",
|
|
4
|
-
$APP.I($APP.l(a,"__xIconModel"),b)?($APP.Ui(a,"__xIconInitialized")||(c=a.attachShadow({mode:"open"}),e=document.createElement("style"),d=document.createElement("span"),f=document.createElement("slot"),e.textContent=
|
|
5
|
-
$APP.n(c)?($APP.S(a,"role","img"),$APP.S(a,"aria-label",e),$APP.U(a,"aria-hidden")):($APP.S(a,"aria-hidden","true"),$APP.U(a,"role"),$APP.U(a,"aria-label")),a=$APP.Q(a,"__xIconModel",b)):a=null;return a},
|
|
6
|
-
"label-present?","label-present?",-367749525),
|
|
7
|
-
1,[$APP.Zp,
|
|
8
|
-
"md"),
|
|
2
|
+
var sY=function(a,b){return"var("+$APP.P.i(a)+","+$APP.P.i(b)+")"},yY=function(a){var b=new $APP.M(null,4,[$APP.ro,a.getAttribute("size"),$APP.$v,a.getAttribute("color"),$APP.Oj,a.getAttribute("label"),tY,a.hasAttribute("label")],null);var c=$APP.G(b),d=$APP.C(c,$APP.ro),e=$APP.C(c,$APP.$v);b=$APP.C(c,$APP.Oj);c=$APP.C(c,tY);if(typeof d==="string"){var f=d.trim().toLowerCase();var h=$APP.C(uY,f);f=$APP.n(h)?new $APP.M(null,3,[$APP.Zp,""+$APP.P.i(h)+"px",vY,f,$APP.Pt,h],null):null}else f=null;$APP.n(f)?
|
|
3
|
+
d=f:(typeof d==="string"?(d=d.trim(),f=parseInt(d,10),d=$APP.p(isNaN(f))&&f>0&&$APP.z.j(""+$APP.P.i(f),d)?new $APP.M(null,3,[$APP.Zp,""+$APP.P.i(f)+"px",vY,null,$APP.Pt,f],null):null):d=null,d=$APP.n(d)?d:Rna);typeof e==="string"?(e=e.trim().toLowerCase(),e=$APP.cd(Sna,e)?e:"inherit"):e="inherit";b=$APP.n($APP.n(c)?typeof b==="string":c)?b:"";b=new $APP.M(null,4,[$APP.xt,$APP.Zp.i(d),$APP.Qp,$APP.Ie(wY,new $APP.J(null,2,5,$APP.K,[e,$APP.Zp],null)),$APP.Z,b,xY,$APP.D($APP.n(c)?$APP.I("",b):c)],null);
|
|
4
|
+
$APP.I($APP.l(a,"__xIconModel"),b)?($APP.Ui(a,"__xIconInitialized")||(c=a.attachShadow({mode:"open"}),e=document.createElement("style"),d=document.createElement("span"),f=document.createElement("slot"),e.textContent=Tna,$APP.S(d,"part","box"),d.appendChild(f),c.appendChild(e),c.appendChild(d),$APP.Vi(a,"__xIconInitialized")),e=$APP.G(b),c=$APP.C(e,$APP.xt),e=$APP.C(e,$APP.Qp),d=a.style,d.setProperty("--x-icon-size",c),d.setProperty("--x-icon-color",e),e=$APP.G(b),c=$APP.C(e,xY),e=$APP.C(e,$APP.Z),
|
|
5
|
+
$APP.n(c)?($APP.S(a,"role","img"),$APP.S(a,"aria-label",e),$APP.U(a,"aria-hidden")):($APP.S(a,"aria-hidden","true"),$APP.U(a,"role"),$APP.U(a,"aria-label")),a=$APP.Q(a,"__xIconModel",b)):a=null;return a},Vna=function(a){return $APP.tj(a,Una)},Wna=function(a){return yY(a)},Xna=function(a,b,c,d){return $APP.I(c,d)?yY(a):null},zY=function(){return $APP.ri("x-icon",new $APP.M(null,4,[$APP.ii,Yna,$APP.gi,Wna,$APP.ci,Xna,$APP.hi,Vna],null))},vY=new $APP.F(null,"token","token",-1211463215),tY=new $APP.F(null,
|
|
6
|
+
"label-present?","label-present?",-367749525),xY=new $APP.F(null,"labelled?","labelled?",-1907816908);var Yna=["size","color","label"],uY=new $APP.M(null,4,["sm",16,"md",20,"lg",24,"xl",32],null),wY=new $APP.M(null,8,["inherit",new $APP.M(null,1,[$APP.Zp,"inherit"],null),"primary",new $APP.M(null,1,[$APP.Zp,sY("--x-color-primary","#2563eb")],null),"secondary",new $APP.M(null,1,[$APP.Zp,sY("--x-color-secondary","#64748b")],null),"tertiary",new $APP.M(null,1,[$APP.Zp,sY("--x-color-tertiary","#94a3b8")],null),"success",new $APP.M(null,1,[$APP.Zp,sY("--x-color-success","#16a34a")],null),"warning",new $APP.M(null,
|
|
7
|
+
1,[$APP.Zp,sY("--x-color-warning","#d97706")],null),"danger",new $APP.M(null,1,[$APP.Zp,sY("--x-color-danger","#dc2626")],null),"muted",new $APP.M(null,1,[$APP.Zp,sY("--x-color-text-muted","#64748b")],null)],null),Sna=$APP.gh($APP.Kg(wY)),Una=new $APP.M(null,3,[$APP.An,new $APP.M(null,3,[$APP.N,$APP.X,$APP.W,"size",$APP.sj,""],null),$APP.ds,new $APP.M(null,3,[$APP.N,$APP.X,$APP.W,"color",$APP.sj,""],null),$APP.Z,new $APP.M(null,3,[$APP.N,$APP.X,$APP.W,"label",$APP.sj,""],null)],null),AY=$APP.C(uY,
|
|
8
|
+
"md"),Rna=new $APP.M(null,3,[$APP.Zp,""+$APP.P.i(AY)+"px",vY,"md",$APP.Pt,AY],null);var Tna=":host{display:inline-flex;align-items:center;justify-content:center;line-height:0;vertical-align:middle;color:var("+$APP.P.i("--x-icon-color")+",currentColor);"+$APP.P.i("--x-icon-size")+":20px;}[part\x3dbox]{display:inline-flex;align-items:center;justify-content:center;width:var("+$APP.P.i("--x-icon-size")+");height:var("+$APP.P.i("--x-icon-size")+');}::slotted(svg){display:block;width:100%;height:100%;}::slotted(svg[fill\x3d"currentColor"]),::slotted(svg[stroke\x3d"currentColor"]){color:inherit;}';$APP.ha("baredom.exports.x_icon.init",zY);export const init=zY;
|
package/dist/x-image.js
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
!1],null)):new $APP.M(null,2,[$APP.Zp,null,$APP.gm,!1],null)},
|
|
2
|
+
var Ema=function(a){if(a==null)return new $APP.M(null,2,[$APP.Zp,null,$APP.gm,!0],null);if(typeof a!=="string")return new $APP.M(null,2,[$APP.Zp,null,$APP.gm,!1],null);a=a.trim().toLowerCase();if($APP.z.j(a,"")||$APP.z.j(a,"auto"))return new $APP.M(null,2,[$APP.Zp,null,$APP.gm,!0],null);var b=$APP.rh(Dma,a);return $APP.n(b)?(a=parseFloat($APP.xc(b,1)),b=parseFloat($APP.xc(b,2)),a>0&&b>0?new $APP.M(null,2,[$APP.Zp,""+$APP.P.i(a)+" / "+$APP.P.i(b),$APP.gm,!0],null):new $APP.M(null,2,[$APP.Zp,null,$APP.gm,
|
|
3
|
+
!1],null)):new $APP.M(null,2,[$APP.Zp,null,$APP.gm,!1],null)},GW=function(a){var b=$APP.l(a,"__xImageRefs");if($APP.n(b))return b;b=a.attachShadow({mode:"open"});var c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("div"),f=document.createElement("img"),h=document.createElement("div"),k=document.createElement("slot"),m=document.createElement("div"),r=document.createElement("span"),u=document.createElement("span");c.textContent=":host{display:block;max-width:100%;box-sizing:border-box;color-scheme:light dark;--x-image-radius:var(--x-radius-md,8px);--x-image-bg:var(--x-color-surface,#f3f4f6);--x-image-border:0;--x-image-shimmer-color:var(--x-color-border,rgba(0,0,0,0.08));--x-image-shimmer-highlight:rgba(255,255,255,0.65);--x-image-shimmer-duration:1.5s;--x-image-fade-duration:var(--x-transition-duration,200ms);--x-image-fade-easing:var(--x-transition-easing,ease);--x-image-text:var(--x-color-text-muted,rgba(0,0,0,0.55));--x-image-error-gap:var(--x-space-xs,6px);--x-image-font-family:var(--x-font-family,system-ui,sans-serif);--x-image-font-size:var(--x-font-size-sm,0.875rem);}@media (prefers-color-scheme:dark){:host{--x-image-bg:var(--x-color-surface,#1f2937);--x-image-shimmer-color:var(--x-color-border,rgba(255,255,255,0.08));--x-image-shimmer-highlight:rgba(255,255,255,0.10);--x-image-text:var(--x-color-text-muted,rgba(255,255,255,0.65));}}[part\x3dframe]{position:relative;width:100%;height:100%;min-height:1em;background:var(--x-image-bg);border-radius:var(--x-image-radius);border:var(--x-image-border);overflow:hidden;}[part\x3dimage]{display:block;width:100%;height:100%;opacity:0;transition:opacity var(--x-image-fade-duration) var(--x-image-fade-easing);}:host([data-state\x3dloaded]) [part\x3dimage]{opacity:1;}[part\x3dshimmer]{position:absolute;inset:0;background-color:var(--x-image-shimmer-color);background-image:linear-gradient(90deg,transparent 0%,var(--x-image-shimmer-highlight) 50%,transparent 100%);background-size:200% 100%;background-repeat:no-repeat;background-position:-100% 0;animation:x-image-shimmer var(--x-image-shimmer-duration) linear infinite;}@keyframes x-image-shimmer{0%{background-position:-100% 0;}100%{background-position:100% 0;}}:host([data-state\x3dloaded]) [part\x3dshimmer],:host([data-state\x3derror]) [part\x3dshimmer]{display:none;}[part\x3derror]{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:var(--x-image-error-gap);padding:8px;text-align:center;color:var(--x-image-text);font-family:var(--x-image-font-family);font-size:var(--x-image-font-size);}:host([data-state\x3derror]) [part\x3derror]{display:flex;}:host([data-state\x3derror]) [part\x3dimage]{visibility:hidden;}[part\x3derror-glyph]{font-size:1.5em;line-height:1;}[part\x3derror-text]{line-height:1.25;}@media (prefers-reduced-motion:reduce){[part\x3dshimmer]{animation:none;}[part\x3dimage]{transition:none;}}";
|
|
4
4
|
$APP.S(d,"part","frame");$APP.S(e,"part","shimmer");$APP.S(e,"aria-hidden","true");$APP.S(f,"part","image");f.alt="";f.decoding="async";f.loading="lazy";$APP.S(h,"part","error");$APP.S(h,"role","img");$APP.S(h,"aria-label","Image failed to load");$APP.S(k,"name","error");$APP.S(m,"part","error-default");$APP.S(r,"part","error-glyph");$APP.S(r,"aria-hidden","true");r.textContent="⚠";$APP.S(u,"part","error-text");u.textContent="Image unavailable";m.appendChild(r);m.appendChild(u);k.appendChild(m);h.appendChild(k);
|
|
5
|
-
d.appendChild(e);d.appendChild(f);d.appendChild(h);b.appendChild(c);b.appendChild(d);$APP.Q(a,"__xImageRefs",new $APP.M(null,6,[$APP.Sk,b,
|
|
6
|
-
$APP.iv,a.getAttribute("loading")],null);var c=$APP.G(b),d=$APP.C(c,$APP.Ru),e=$APP.C(c,$APP.uv),f=$APP.C(c,
|
|
7
|
-
"string"?(r=r.trim().toLowerCase(),r=$APP.cd(
|
|
8
|
-
!0),console.warn('[x-image] Invalid ratio attribute; expected "W:H" (e.g. "16:9").'));d=$APP.G(b);u=$APP.C(d,
|
|
9
|
-
console.warn('[x-image] Missing alt attribute. Set alt\x3d"…" or add the `decorative` attribute.')));u=$APP.G(b);c=$APP.C(u,
|
|
10
|
-
($APP.U(h,"src"),
|
|
11
|
-
$APP.Pr);e=$APP.l(a,"__xImageCurrentSrc");if($APP.n($APP.n(f)?typeof e==="string"&&$APP.I("",e):f)){var h=f.getAttribute("src");if($APP.z.j(h,e)){
|
|
12
|
-
b],null))},
|
|
13
|
-
configurable:!0})},
|
|
14
|
-
0},enumerable:!0,configurable:!0});return Object.defineProperty(a,"state",{get:function(){var b=$APP.l(this,"__xImageState");return $APP.n(b)?b:"loading"},enumerable:!0,configurable:!0})},
|
|
15
|
-
"frame","frame",-1711082588),
|
|
16
|
-
|
|
17
|
-
$APP.vg([$APP.pq,
|
|
18
|
-
!0],null),new $APP.M(null,1,[$APP.N,$APP.X],null)]);$APP.ie(["x-image-load",new $APP.M(null,2,[$APP.V,new $APP.M(null,3,[$APP.Ws,$APP.X,
|
|
5
|
+
d.appendChild(e);d.appendChild(f);d.appendChild(h);b.appendChild(c);b.appendChild(d);$APP.Q(a,"__xImageRefs",new $APP.M(null,6,[$APP.Sk,b,EW,d,Fma,e,$APP.Pr,f,FW,h,Gma,k],null));return $APP.l(a,"__xImageRefs")},HW=function(a,b){$APP.Q(a,"__xImageState",b);$APP.S(a,"data-state",b)},RW=function(a){var b=new $APP.M(null,8,[$APP.Ru,a.getAttribute("src"),$APP.uv,a.getAttribute("alt"),IW,a.hasAttribute("alt"),JW,a.hasAttribute("decorative"),KW,a.getAttribute("ratio"),LW,a.getAttribute("fit"),$APP.ks,a.getAttribute("position"),
|
|
6
|
+
$APP.iv,a.getAttribute("loading")],null);var c=$APP.G(b),d=$APP.C(c,$APP.Ru),e=$APP.C(c,$APP.uv),f=$APP.C(c,IW),h=$APP.C(c,JW),k=$APP.C(c,KW),m=$APP.C(c,LW);b=$APP.C(c,$APP.ks);var r=$APP.C(c,$APP.iv);h=$APP.D(h);k=Ema(k);c=$APP.G(k);k=$APP.C(c,$APP.Zp);c=$APP.C(c,$APP.gm);var u=!h&&$APP.p(f);e=h?"":$APP.n(f)?$APP.n(e)?e:"":"";typeof m==="string"?(m=m.trim().toLowerCase(),m=$APP.cd(Hma,m)?m:"cover"):m="cover";typeof d==="string"?(d=$APP.Pi(d),d=typeof d==="string"&&$APP.I("",d)?d:null):d=null;typeof r===
|
|
7
|
+
"string"?(r=r.trim().toLowerCase(),r=$APP.cd(Ima,r)?r:"lazy"):r="lazy";typeof b==="string"?(b=b.trim(),b=$APP.z.j(b,"")?"center":b):b="center";b=$APP.vg([$APP.pq,MW,$APP.Ws,NW,$APP.un,OW,PW,$APP.Uv,QW],[e,m,d,h,r,c,u,b,k]);if($APP.I($APP.l(a,"__xImageModel"),b)){h=GW(a);h=$APP.G(h);u=$APP.C(h,EW);c=$APP.C(h,$APP.Pr);k=$APP.C(h,FW);h=$APP.l(a,"__xImageModel");d=$APP.G(b);r=$APP.C(d,QW);d=$APP.C(d,OW);u.style.aspectRatio=$APP.n(r)?r:"";$APP.n(d)||$APP.n($APP.l(a,"__xImageWarnedRatio"))||($APP.Q(a,"__xImageWarnedRatio",
|
|
8
|
+
!0),console.warn('[x-image] Invalid ratio attribute; expected "W:H" (e.g. "16:9").'));d=$APP.G(b);u=$APP.C(d,MW);r=$APP.C(d,$APP.Uv);d=$APP.C(d,$APP.un);c.style.objectFit=u;c.style.objectPosition=r;c.loading=d;c.decoding="async";d=$APP.G(b);u=$APP.C(d,NW);r=$APP.C(d,$APP.pq);d=$APP.C(d,PW);$APP.n(u)?(c.alt="",$APP.S(a,"aria-hidden","true"),$APP.U(a,"role")):(c.alt=r,$APP.U(a,"aria-hidden"),$APP.S(a,"role","img"),$APP.n(d)&&!$APP.n($APP.l(a,"__xImageWarnedAlt"))&&($APP.Q(a,"__xImageWarnedAlt",!0),
|
|
9
|
+
console.warn('[x-image] Missing alt attribute. Set alt\x3d"…" or add the `decorative` attribute.')));u=$APP.G(b);c=$APP.C(u,NW);u=$APP.C(u,$APP.pq);$APP.S(k,"aria-label",$APP.p(c)&&$APP.I("",u)?u:"Image failed to load");k=$APP.G(b);k=$APP.C(k,$APP.Ws);if(h==null||$APP.I($APP.n(h)?$APP.Ws.i(h):null,k))h=$APP.G($APP.l(a,"__xImageRefs")),h=$APP.C(h,$APP.Pr),$APP.I($APP.l(a,"__xImageCurrentSrc"),k)&&($APP.Q(a,"__xImageCurrentSrc",k),typeof k==="string"&&$APP.I("",k)?(HW(a,"loading"),$APP.S(h,"src",k)):
|
|
10
|
+
($APP.U(h,"src"),HW(a,"loading")));a=$APP.Q(a,"__xImageModel",b)}else a=null;return a},Jma=function(a){function b(){a:{var e=$APP.G($APP.l(a,"__xImageRefs"));var f=$APP.C(e,$APP.Pr);e=$APP.l(a,"__xImageCurrentSrc");if($APP.n($APP.n(f)?typeof e==="string"&&$APP.I("",e):f)&&(f=f.getAttribute("src"),$APP.z.j(f,e))){HW(a,"error");e=$APP.ej(a,"x-image-error",$APP.$m(new $APP.M(null,1,[$APP.Ws,$APP.n(e)?e:""],null)));break a}e=null}return e}function c(){a:{var e=$APP.G($APP.l(a,"__xImageRefs"));var f=$APP.C(e,
|
|
11
|
+
$APP.Pr);e=$APP.l(a,"__xImageCurrentSrc");if($APP.n($APP.n(f)?typeof e==="string"&&$APP.I("",e):f)){var h=f.getAttribute("src");if($APP.z.j(h,e)){HW(a,"loaded");h=f.naturalWidth;f=f.naturalHeight;e=$APP.ej(a,"x-image-load",$APP.$m(new $APP.M(null,3,[$APP.Ws,$APP.n(e)?e:"",SW,$APP.n(h)?h:0,TW,$APP.n(f)?f:0],null)));break a}}e=null}return e}var d=GW(a);d=$APP.G(d);d=$APP.C(d,$APP.Pr);d.addEventListener("load",c);d.addEventListener("error",b);$APP.Q(a,"__xImageHandlers",new $APP.M(null,2,[UW,c,$APP.vj,
|
|
12
|
+
b],null))},VW=function(a){var b=$APP.l(a,"__xImageHandlers"),c=$APP.l(a,"__xImageRefs");if($APP.n($APP.n(b)?c:b)){c=$APP.Pr.i(c);var d=UW.i(b);b=$APP.vj.i(b);$APP.n(d)&&c.removeEventListener("load",d);$APP.n(b)&&c.removeEventListener("error",b)}return $APP.Q(a,"__xImageHandlers",null)},WW=function(a,b,c){Object.defineProperty(a,b,{get:function(){var d=this.getAttribute(c);return $APP.n(d)?d:""},set:function(d){return d==null||$APP.z.j(d,"")?$APP.U(this,c):$APP.S(this,c,""+$APP.P.i(d))},enumerable:!0,
|
|
13
|
+
configurable:!0})},Kma=function(a){WW(a,"src","src");WW(a,"alt","alt");WW(a,"ratio","ratio");WW(a,"fit","fit");WW(a,"position","position");WW(a,"loading","loading");$APP.jj(a,"decorative","decorative");Object.defineProperty(a,"naturalWidth",{get:function(){var b=$APP.l(this,"__xImageRefs");return $APP.n(b)?$APP.Pr.i(b).naturalWidth:0},enumerable:!0,configurable:!0});Object.defineProperty(a,"naturalHeight",{get:function(){var b=$APP.l(this,"__xImageRefs");return $APP.n(b)?$APP.Pr.i(b).naturalHeight:
|
|
14
|
+
0},enumerable:!0,configurable:!0});return Object.defineProperty(a,"state",{get:function(){var b=$APP.l(this,"__xImageState");return $APP.n(b)?b:"loading"},enumerable:!0,configurable:!0})},Lma=function(a){GW(a);VW(a);Jma(a);$APP.l(a,"__xImageState")==null&&HW(a,"loading");return RW(a)},Mma=function(a){return VW(a)},Nma=function(a,b,c,d){return $APP.I(c,d)?RW(a):null},XW=function(){return $APP.ri("x-image",new $APP.M(null,5,[$APP.ii,Oma,$APP.gi,Lma,$APP.di,Mma,$APP.ci,Nma,$APP.hi,Kma],null))},EW=new $APP.F(null,
|
|
15
|
+
"frame","frame",-1711082588),LW=new $APP.F(null,"fit-raw","fit-raw",792829585),NW=new $APP.F(null,"decorative?","decorative?",131461581),FW=new $APP.F(null,"error-box","error-box",1060106676),QW=new $APP.F(null,"ratio-css","ratio-css",1208951932),Fma=new $APP.F(null,"shimmer","shimmer",2123148747),Gma=new $APP.F(null,"error-slot","error-slot",493821239),KW=new $APP.F(null,"ratio-raw","ratio-raw",-1076891672),PW=new $APP.F(null,"warn-alt?","warn-alt?",-638898603),UW=new $APP.F(null,"load","load",-1318641184),
|
|
16
|
+
JW=new $APP.F(null,"decorative-present?","decorative-present?",2067744841),MW=new $APP.F(null,"fit","fit",869444807),IW=new $APP.F(null,"alt-present?","alt-present?",-707038767),SW=new $APP.F(null,"naturalWidth","naturalWidth",-1890093257),TW=new $APP.F(null,"naturalHeight","naturalHeight",227028566),OW=new $APP.F(null,"ratio-valid?","ratio-valid?",-713026893);var Oma="src alt decorative ratio fit position loading".split(" ");
|
|
17
|
+
$APP.vg([$APP.pq,MW,$APP.Ws,$APP.Lu,new $APP.F(null,"decorative","decorative",-238973678),$APP.un,$APP.Or,TW,SW,$APP.Uv],[new $APP.M(null,1,[$APP.N,$APP.X],null),new $APP.M(null,1,[$APP.N,$APP.X],null),new $APP.M(null,1,[$APP.N,$APP.X],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.qj,!0],null),new $APP.M(null,1,[$APP.N,$APP.rj],null),new $APP.M(null,1,[$APP.N,$APP.X],null),new $APP.M(null,1,[$APP.N,$APP.X],null),new $APP.M(null,2,[$APP.N,$APP.Y,$APP.qj,!0],null),new $APP.M(null,2,[$APP.N,$APP.Y,$APP.qj,
|
|
18
|
+
!0],null),new $APP.M(null,1,[$APP.N,$APP.X],null)]);$APP.ie(["x-image-load",new $APP.M(null,2,[$APP.V,new $APP.M(null,3,[$APP.Ws,$APP.X,SW,$APP.Y,TW,$APP.Y],null),$APP.Xu,!1],null),"x-image-error",new $APP.M(null,2,[$APP.V,new $APP.M(null,1,[$APP.Ws,$APP.X],null),$APP.Xu,!1],null)]);var Hma=new $APP.bh(null,new $APP.M(null,5,["cover",null,"none",null,"fill",null,"scale-down",null,"contain",null],null),null),Ima=new $APP.bh(null,new $APP.M(null,2,["eager",null,"lazy",null],null),null),Dma=/^\s*(\d+(?:\.\d+)?)\s*[:\/]\s*(\d+(?:\.\d+)?)\s*$/;$APP.ha("baredom.exports.x_image.init",XW);export const init=XW;
|
package/dist/x-kbd.js
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var R1=function(a,b,c){c=typeof c==="string"?c.trim().toLowerCase():null;return $APP.cd(a,c)?c:b},
|
|
3
|
-
c=$APP.C(b,T1),d=$APP.C(b,$APP.cr);a=$APP.C(b,$APP.ro);var e=$APP.C(b,U1);b=$APP.C(b,$APP.Oj);d=
|
|
2
|
+
var R1=function(a,b,c){c=typeof c==="string"?c.trim().toLowerCase():null;return $APP.cd(a,c)?c:b},nra=function(a){return typeof a==="string"&&$APP.z.j(1,a.length)?a:"+"},ora=function(a,b){return typeof a==="string"&&$APP.I("",a.trim())?$APP.Ze($APP.Ee(function(c){return $APP.z.j("",c)},$APP.xe.j(function(c){return c.trim()},a.split(b)))):$APP.Fe},pra=function(a,b){return typeof b==="string"&&$APP.I("",b.trim())?b.trim():$APP.q(a)?$APP.vi(" plus ",$APP.xe.j(S1,a)):""},sra=function(a){var b=$APP.G(a),
|
|
3
|
+
c=$APP.C(b,T1),d=$APP.C(b,$APP.cr);a=$APP.C(b,$APP.ro);var e=$APP.C(b,U1);b=$APP.C(b,$APP.Oj);d=nra(d);var f=function(){var h=R1(V1,"auto",e);return $APP.cd(W1,h)?h:"linux"}();c=ora(c,d);c=$APP.Ge(function(h){h=h.trim();var k=$APP.C(qra,new $APP.J(null,2,5,$APP.K,[f,h.toLowerCase()],null));return $APP.n(k)?k:new $APP.M(null,2,[$APP.uu,h,S1,h],null)},c);return new $APP.M(null,6,[X1,c,$APP.Jt,d,$APP.An,R1(rra,"md",a),Y1,f,$APP.Z,pra(c,b),Z1,$APP.Sc(c)],null)},$1=function(a){var b=$APP.l(a,"__xKbdDetectedPlatform");
|
|
4
4
|
if($APP.n(b))return b;b=navigator;var c=$APP.l(b,"userAgentData");c=$APP.n(c)?$APP.l(c,"platform"):null;b=$APP.l(b,"platform");b=(""+$APP.P.i($APP.n(c)?c:$APP.n(b)?b:"")).toLowerCase();b=b.indexOf("mac")!=-1||b.indexOf("iphone")!=-1||b.indexOf("ipad")!=-1?"mac":b.indexOf("win")!=-1?"win":"linux";$APP.Q(a,"__xKbdDetectedPlatform",b);return b},a2=function(a){var b=$APP.l(a,"__xKbdRefs");if($APP.n(b))return b;b=a.attachShadow({mode:"open"});var c=document.createElement("style"),d=document.createElement("span"),
|
|
5
5
|
e={};c.textContent=":host{display:inline-flex;align-items:baseline;vertical-align:baseline;gap:var(--x-kbd-gap,0.25rem);color-scheme:light dark;--x-kbd-bg:var(--x-typography-kbd-bg,rgba(0,0,0,0.06));--x-kbd-color:var(--x-color-text,inherit);--x-kbd-border-color:var(--x-typography-kbd-border,rgba(0,0,0,0.15));--x-kbd-border-radius:var(--x-typography-kbd-radius,0.25rem);--x-kbd-padding:var(--x-typography-kbd-padding,0.1em 0.4em);--x-kbd-font-family:ui-monospace,\"SF Mono\",\"SFMono-Regular\",Menlo,Consolas,monospace;--x-kbd-font-size:0.875em;--x-kbd-shadow:inset 0 -1px 0 rgba(0,0,0,0.08);--x-kbd-separator-color:var(--x-color-text-muted,currentColor);}@media (prefers-color-scheme:dark){:host{--x-kbd-bg:var(--x-typography-kbd-bg,rgba(255,255,255,0.1));--x-kbd-border-color:var(--x-typography-kbd-border,rgba(255,255,255,0.2));--x-kbd-shadow:inset 0 -1px 0 rgba(0,0,0,0.4);}}:host([data-size\x3d'sm']){--x-kbd-font-size:0.75em;--x-kbd-padding:0.05em 0.3em;}:host([data-size\x3d'lg']){--x-kbd-font-size:1em;--x-kbd-padding:0.15em 0.5em;}[part\x3dbase]{display:inline-flex;align-items:baseline;gap:var(--x-kbd-gap,0.25rem);flex-wrap:wrap;color:var(--x-kbd-color);}[part\x3dkey]{display:inline-block;min-width:1.25em;padding:var(--x-kbd-padding);border:1px solid var(--x-kbd-border-color);border-radius:var(--x-kbd-border-radius);background:var(--x-kbd-bg);color:inherit;font-family:var(--x-kbd-font-family);font-size:var(--x-kbd-font-size);font-weight:600;line-height:1.2;text-align:center;white-space:nowrap;box-shadow:var(--x-kbd-shadow);box-sizing:border-box;}[part\x3dseparator]{display:inline-block;color:var(--x-kbd-separator-color);font-size:var(--x-kbd-font-size);user-select:none;}::slotted(*){font-family:var(--x-kbd-font-family);}";
|
|
6
|
-
$APP.S(d,"part","base");b.appendChild(c);b.appendChild(d);e.base=d;$APP.Q(a,"__xKbdRefs",e);return $APP.l(a,"__xKbdRefs")},b2=function(a){var b=$1(a);var c=a.getAttribute("platform");c=R1(V1,"auto",c);b=$APP.cd(W1,c)?c:$APP.cd(W1,b)?b:"linux";b=
|
|
6
|
+
$APP.S(d,"part","base");b.appendChild(c);b.appendChild(d);e.base=d;$APP.Q(a,"__xKbdRefs",e);return $APP.l(a,"__xKbdRefs")},b2=function(a){var b=$1(a);var c=a.getAttribute("platform");c=R1(V1,"auto",c);b=$APP.cd(W1,c)?c:$APP.cd(W1,b)?b:"linux";b=sra(new $APP.M(null,5,[T1,a.getAttribute("keys"),$APP.cr,a.getAttribute("separator"),$APP.ro,a.getAttribute("size"),U1,b,$APP.Oj,a.getAttribute("label")],null));if($APP.I($APP.l(a,"__xKbdModel"),b)){b=$APP.G(b);var d=$APP.C(b,$APP.An),e=$APP.C(b,$APP.Z);c=
|
|
7
7
|
a2(a);c=$APP.l(c,"base");$APP.S(a,"data-size",d);$APP.z.j("",e)?$APP.U(a,"aria-label"):$APP.S(a,"aria-label",e);var f=$APP.G(b);d=$APP.C(f,X1);e=$APP.C(f,$APP.Jt);for(f=$APP.C(f,Z1);;)if($APP.n(c.firstChild))c.removeChild(c.firstChild);else break;if($APP.n(f))d=c.appendChild,e=document.createElement("kbd"),f=document.createElement("slot"),$APP.S(e,"part","key"),e.appendChild(f),d.call(c,e);else{f=$APP.w(d);for(var h=0;;)if(h<f){var k=$APP.xc(d,h);if(h>0){var m=c,r=m.appendChild,u=e,x=document.createElement("span");
|
|
8
|
-
$APP.S(x,"part","separator");x.textContent=u;r.call(m,x)}m=c;r=m.appendChild;k=$APP.uu.i(k);u=document.createElement("kbd");$APP.S(u,"part","key");u.textContent=k;r.call(m,u);h+=1}else break}a=$APP.Q(a,"__xKbdModel",b)}else a=null;return a},
|
|
9
|
-
"tokens","tokens",-818939304),S1=new $APP.F(null,"aria","aria",1737868339),Z1=new $APP.F(null,"slot-mode?","slot-mode?",324788923),Y1=new $APP.F(null,"platform","platform",-1086422114),U1=new $APP.F(null,"platform-raw","platform-raw",-907433809),T1=new $APP.F(null,"keys-raw","keys-raw",-232964036),
|
|
8
|
+
$APP.S(x,"part","separator");x.textContent=u;r.call(m,x)}m=c;r=m.appendChild;k=$APP.uu.i(k);u=document.createElement("kbd");$APP.S(u,"part","key");u.textContent=k;r.call(m,u);h+=1}else break}a=$APP.Q(a,"__xKbdModel",b)}else a=null;return a},ura=function(a){return $APP.tj(a,tra)},vra=function(a){a2(a);$1(a);return b2(a)},wra=function(a,b,c,d){return $APP.I(c,d)?b2(a):null},c2=function(){return $APP.ri("x-kbd",new $APP.M(null,4,[$APP.ii,xra,$APP.gi,vra,$APP.ci,wra,$APP.hi,ura],null))},X1=new $APP.F(null,
|
|
9
|
+
"tokens","tokens",-818939304),S1=new $APP.F(null,"aria","aria",1737868339),Z1=new $APP.F(null,"slot-mode?","slot-mode?",324788923),Y1=new $APP.F(null,"platform","platform",-1086422114),U1=new $APP.F(null,"platform-raw","platform-raw",-907433809),T1=new $APP.F(null,"keys-raw","keys-raw",-232964036),yra=new $APP.F(null,"keys","keys",1068423698);var xra=["keys","separator","size","platform","label"],rra=new $APP.bh(null,new $APP.M(null,3,["md",null,"lg",null,"sm",null],null),null),V1=new $APP.bh(null,new $APP.M(null,4,["mac",null,"linux",null,"win",null,"auto",null],null),null),W1=new $APP.bh(null,new $APP.M(null,3,["mac",null,"linux",null,"win",null],null),null),qra=$APP.vg([new $APP.J(null,2,5,$APP.K,["win","super"],null),new $APP.J(null,2,5,$APP.K,["mac","alt"],null),new $APP.J(null,2,5,$APP.K,["mac","option"],null),new $APP.J(null,2,
|
|
10
10
|
5,$APP.K,["linux","meta"],null),new $APP.J(null,2,5,$APP.K,["win","return"],null),new $APP.J(null,2,5,$APP.K,["mac","shift"],null),new $APP.J(null,2,5,$APP.K,["mac","ctrl"],null),new $APP.J(null,2,5,$APP.K,["mac","cmd"],null),new $APP.J(null,2,5,$APP.K,["win","meta"],null),new $APP.J(null,2,5,$APP.K,["win","cmd"],null),new $APP.J(null,2,5,$APP.K,["linux","super"],null),new $APP.J(null,2,5,$APP.K,["win","shift"],null),new $APP.J(null,2,5,$APP.K,["linux","shift"],null),new $APP.J(null,2,5,$APP.K,["mac",
|
|
11
11
|
"control"],null),new $APP.J(null,2,5,$APP.K,["linux","enter"],null),new $APP.J(null,2,5,$APP.K,["linux","return"],null),new $APP.J(null,2,5,$APP.K,["linux","command"],null),new $APP.J(null,2,5,$APP.K,["mac","command"],null),new $APP.J(null,2,5,$APP.K,["win","ctrl"],null),new $APP.J(null,2,5,$APP.K,["mac","super"],null),new $APP.J(null,2,5,$APP.K,["mac","meta"],null),new $APP.J(null,2,5,$APP.K,["mac","mod"],null),new $APP.J(null,2,5,$APP.K,["linux","cmd"],null),new $APP.J(null,2,5,$APP.K,["linux",
|
|
12
12
|
"ctrl"],null),new $APP.J(null,2,5,$APP.K,["mac","enter"],null),new $APP.J(null,2,5,$APP.K,["linux","mod"],null),new $APP.J(null,2,5,$APP.K,["win","mod"],null),new $APP.J(null,2,5,$APP.K,["win","enter"],null),new $APP.J(null,2,5,$APP.K,["win","control"],null),new $APP.J(null,2,5,$APP.K,["win","option"],null),new $APP.J(null,2,5,$APP.K,["linux","control"],null),new $APP.J(null,2,5,$APP.K,["linux","alt"],null),new $APP.J(null,2,5,$APP.K,["win","alt"],null),new $APP.J(null,2,5,$APP.K,["mac","return"],
|
|
13
13
|
null),new $APP.J(null,2,5,$APP.K,["win","command"],null),new $APP.J(null,2,5,$APP.K,["linux","option"],null)],[new $APP.M(null,2,[$APP.uu,"Win",S1,"Windows"],null),new $APP.M(null,2,[$APP.uu,"⌥",S1,"Option"],null),new $APP.M(null,2,[$APP.uu,"⌥",S1,"Option"],null),new $APP.M(null,2,[$APP.uu,"Super",S1,"Super"],null),new $APP.M(null,2,[$APP.uu,"Enter",S1,"Enter"],null),new $APP.M(null,2,[$APP.uu,"⇧",S1,"Shift"],null),new $APP.M(null,2,[$APP.uu,"⌃",S1,"Control"],null),new $APP.M(null,2,[$APP.uu,"⌘",
|
|
14
14
|
S1,"Command"],null),new $APP.M(null,2,[$APP.uu,"Win",S1,"Windows"],null),new $APP.M(null,2,[$APP.uu,"Win",S1,"Windows"],null),new $APP.M(null,2,[$APP.uu,"Super",S1,"Super"],null),new $APP.M(null,2,[$APP.uu,"Shift",S1,"Shift"],null),new $APP.M(null,2,[$APP.uu,"Shift",S1,"Shift"],null),new $APP.M(null,2,[$APP.uu,"⌃",S1,"Control"],null),new $APP.M(null,2,[$APP.uu,"Enter",S1,"Enter"],null),new $APP.M(null,2,[$APP.uu,"Enter",S1,"Enter"],null),new $APP.M(null,2,[$APP.uu,"Super",S1,"Super"],null),new $APP.M(null,
|
|
15
15
|
2,[$APP.uu,"⌘",S1,"Command"],null),new $APP.M(null,2,[$APP.uu,"Ctrl",S1,"Control"],null),new $APP.M(null,2,[$APP.uu,"⌘",S1,"Command"],null),new $APP.M(null,2,[$APP.uu,"⌘",S1,"Command"],null),new $APP.M(null,2,[$APP.uu,"⌘",S1,"Command"],null),new $APP.M(null,2,[$APP.uu,"Super",S1,"Super"],null),new $APP.M(null,2,[$APP.uu,"Ctrl",S1,"Control"],null),new $APP.M(null,2,[$APP.uu,"Return",S1,"Return"],null),new $APP.M(null,2,[$APP.uu,"Ctrl",S1,"Control"],null),new $APP.M(null,2,[$APP.uu,"Ctrl",S1,"Control"],
|
|
16
|
-
null),new $APP.M(null,2,[$APP.uu,"Enter",S1,"Enter"],null),new $APP.M(null,2,[$APP.uu,"Ctrl",S1,"Control"],null),new $APP.M(null,2,[$APP.uu,"Alt",S1,"Alt"],null),new $APP.M(null,2,[$APP.uu,"Ctrl",S1,"Control"],null),new $APP.M(null,2,[$APP.uu,"Alt",S1,"Alt"],null),new $APP.M(null,2,[$APP.uu,"Alt",S1,"Alt"],null),new $APP.M(null,2,[$APP.uu,"Return",S1,"Return"],null),new $APP.M(null,2,[$APP.uu,"Win",S1,"Windows"],null),new $APP.M(null,2,[$APP.uu,"Alt",S1,"Alt"],null)]),
|
|
16
|
+
null),new $APP.M(null,2,[$APP.uu,"Enter",S1,"Enter"],null),new $APP.M(null,2,[$APP.uu,"Ctrl",S1,"Control"],null),new $APP.M(null,2,[$APP.uu,"Alt",S1,"Alt"],null),new $APP.M(null,2,[$APP.uu,"Ctrl",S1,"Control"],null),new $APP.M(null,2,[$APP.uu,"Alt",S1,"Alt"],null),new $APP.M(null,2,[$APP.uu,"Alt",S1,"Alt"],null),new $APP.M(null,2,[$APP.uu,"Return",S1,"Return"],null),new $APP.M(null,2,[$APP.uu,"Win",S1,"Windows"],null),new $APP.M(null,2,[$APP.uu,"Alt",S1,"Alt"],null)]),tra=new $APP.M(null,5,[yra,new $APP.M(null,
|
|
17
17
|
3,[$APP.N,$APP.X,$APP.W,"keys",$APP.sj,""],null),$APP.Jt,new $APP.M(null,3,[$APP.N,$APP.X,$APP.W,"separator",$APP.sj,"+"],null),$APP.An,new $APP.M(null,3,[$APP.N,$APP.X,$APP.W,"size",$APP.sj,"md"],null),Y1,new $APP.M(null,3,[$APP.N,$APP.X,$APP.W,"platform",$APP.sj,"auto"],null),$APP.Z,new $APP.M(null,3,[$APP.N,$APP.X,$APP.W,"label",$APP.sj,""],null)],null);$APP.ha("baredom.exports.x_kbd.init",c2);export const init=c2;
|
package/dist/x-kinetic-canvas.js
CHANGED
|
@@ -1,27 +1,27 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
|
|
4
|
-
6,[$APP.Eq,a.getAttribute("type"),$APP.cu,a.getAttribute("variant"),$APP.Kt,a.getAttribute("speed"),$APP.Fr,a.getAttribute("density"),
|
|
5
|
-
d)?d:"motion";break a;default:d=null}if(typeof e==="string"){e=e.trim().toLowerCase();var h=$APP.C(
|
|
6
|
-
null)},
|
|
7
|
-
case "bubbles":e=Math.round(Math.min(Math.max(25*k*m,10),100));break a;case "matrix":e=Math.round(Math.min(Math.max(c/($APP.n(f)?f:14)*k,5),200));break a;default:e=50}}b=$APP.zn.i(b);h=
|
|
2
|
+
var kD=function(a,b,c,d,e){c=b.length;for(d=0;;)if(d<c){var f=b[d],h=e[f.ci],k=f.op,m=f.x,r=f.y;f=f.r;a.globalAlpha=k;a.fillStyle=h;a.beginPath();a.arc(m,r,f,0,6.283185307179586);a.fill();a.globalAlpha=k*.3;a.fillStyle="rgba(255,255,255,0.5)";a.beginPath();a.arc(m-f*.25,r-f*.25,f*.3,0,6.283185307179586);a.fill();d+=1}else break;return a.globalAlpha=1},lD=function(){return Math.random()<.5?String.fromCharCode(12448+Math.floor(Math.random()*96)):String.fromCharCode(33+Math.floor(Math.random()*94))},
|
|
3
|
+
mD=function(a,b,c,d,e){c=e[0];var f=e[1];e=e[2];for(var h=b.length,k=0;;)if(k<h){var m=b[k],r=m.x,u=m.y,x=m.ch,y=m.ln;m=m.cs;a.font=""+$APP.P.i(m)+"px monospace";a.textBaseline="top";for(var B=y,E=0;;)if(E<B){var H=u-(y-1-E)*m,O=(E+1)/y,T=O*O;H>-m&&H<d+m&&(a.globalAlpha=Math.min(1,T),a.fillStyle=$APP.z.j(E,y-1)?c:O>.5?f:e,a.fillText(x[E],r,H));E+=1}else break;k+=1}else break;return a.globalAlpha=1},oD=function(a){return $APP.D($APP.l(a,"__xKineticCanvasReduced"))},rD=function(a){a=new $APP.M(null,
|
|
4
|
+
6,[$APP.Eq,a.getAttribute("type"),$APP.cu,a.getAttribute("variant"),$APP.Kt,a.getAttribute("speed"),$APP.Fr,a.getAttribute("density"),pD,a.getAttribute("fullscreen"),qD,a.getAttribute("paused")],null);var b=$APP.G(a),c=$APP.C(b,$APP.Eq),d=$APP.C(b,$APP.cu),e=$APP.C(b,$APP.Kt),f=$APP.C(b,$APP.Fr);a=$APP.C(b,pD);b=$APP.C(b,qD);c=typeof c==="string"?c.trim().toLowerCase():null;c=$APP.cd(Gba,c)?c:"starfield";a:switch(d=typeof d==="string"?d.trim().toLowerCase():null,c){case "starfield":d=$APP.cd(Hba,
|
|
5
|
+
d)?d:"motion";break a;default:d=null}if(typeof e==="string"){e=e.trim().toLowerCase();var h=$APP.C(Iba,e);$APP.n(h)?e=h:(e=parseFloat(e),h=isNaN(e),e=$APP.n($APP.n(h)?h:e<=0)?1:Math.min(10,e))}else e=1;typeof f==="string"?(f=f.trim().toLowerCase(),h=$APP.C(Jba,f),$APP.n(h)?f=h:(f=parseFloat(f),h=isNaN(f),f=$APP.n($APP.n(h)?h:f<=0)?1:Math.min(5,f))):f=1;return new $APP.M(null,6,[$APP.N,c,$APP.zn,d,$APP.Ur,e,$APP.$t,f,Kba,a!=null,$APP.Mq,b!=null],null)},sD=function(a){$APP.Q(a,"__xKineticCanvasCol",
|
|
6
|
+
null)},vD=function(a,b){var c=$APP.l(a,"__xKineticCanvasW"),d=$APP.l(a,"__xKineticCanvasH"),e=$APP.N.i(b);if($APP.n($APP.n(c)?$APP.n(d)?c>0&&d>0:d:c)){if($APP.z.j(e,"matrix")){var f=window.getComputedStyle(a).getPropertyValue("--x-kinetic-canvas-matrix-font-size").trim();if($APP.z.j(f,""))f=14;else{f=parseInt(f,10);var h=isNaN(f);f=$APP.n($APP.n(h)?h:f<=0)?14:f}}else f=null;h=$APP.C(tD,e);a:{var k=$APP.$t.i(b),m=c*d/5E5;switch(e){case "starfield":e=Math.round(Math.min(Math.max(150*k*m,50),500));break a;
|
|
7
|
+
case "bubbles":e=Math.round(Math.min(Math.max(25*k*m,10),100));break a;case "matrix":e=Math.round(Math.min(Math.max(c/($APP.n(f)?f:14)*k,5),200));break a;default:e=50}}b=$APP.zn.i(b);h=uD.i(h);c=h.W?h.W(c,d,e,b,f):h.call(null,c,d,e,b,f);$APP.Q(a,"__xKineticCanvasEnt",c)}},xD=function(a){var b=$APP.l(a,"__xKineticCanvasModel"),c=$APP.l(a,"__xKineticCanvasW"),d=$APP.l(a,"__xKineticCanvasH"),e=$APP.l(a,"__xKineticCanvasEnt"),f=$APP.G($APP.l(a,"__xKineticCanvasRefs"));f=$APP.C(f,$APP.Vp);if($APP.n($APP.n(c)?
|
|
8
8
|
$APP.n(d)?$APP.n(f)?$APP.n(e)?c>0&&d>0:e:f:d:c)){var h=$APP.l(a,"__xKineticCanvasCol");if($APP.n(h))var k=h[0];else{var m=window.getComputedStyle(a),r=m.getPropertyValue("--x-kinetic-canvas-bg").trim();h=m.getPropertyValue("--x-kinetic-canvas-color-1").trim();k=m.getPropertyValue("--x-kinetic-canvas-color-2").trim();m=m.getPropertyValue("--x-kinetic-canvas-color-3").trim();r=$APP.z.j(r,"")?"#f0f0f5":r;h=[r,$APP.z.j(h,"")?"#1a1a2e":h,$APP.z.j(k,"")?"#2563eb":k,$APP.z.j(m,"")?"#7c3aed":m];$APP.Q(a,
|
|
9
|
-
"__xKineticCanvasCol",h);k=r}h=$APP.l(a,"__xKineticCanvasCol");h=[h[1],h[2],h[3]];b=$APP.N.i(b);b=$APP.C(
|
|
10
|
-
performance.now());return $APP.Zi(a,"__xKineticCanvasRaf",requestAnimationFrame(function(){return
|
|
11
|
-
window.matchMedia("(prefers-reduced-motion:reduce)");$APP.Q(a,"__xKineticCanvasReduced",c.matches);c.addEventListener("change",b);$APP.Q(a,"__xKineticCanvasMQL",{mql:c,handler:b});c=new IntersectionObserver(function(d){d=d[0].isIntersecting;$APP.Q(a,"__xKineticCanvasVis",d);var e=$APP.l(a,"__xKineticCanvasModel");$APP.n(d)?(d=$APP.Mq.i(e),d=$APP.n($APP.n(d)?d:
|
|
12
|
-
0){var e=d[0].contentRect;d=e.width;e=e.height;if(d>0&&e>0){$APP.Q(a,"__xKineticCanvasW",d);$APP.Q(a,"__xKineticCanvasH",e);var f=$APP.G($APP.l(a,"__xKineticCanvasRefs"));f=$APP.C(f,$APP.Vu);var h=window.devicePixelRatio;h=$APP.n(h)?h:1;f.width=d*h;f.height=e*h;f.getContext("2d").setTransform(h,0,0,h,0,0);
|
|
13
|
-
c)},
|
|
14
|
-
f.appendChild(h);b.appendChild(c);b.appendChild(d);b.appendChild(f);$APP.Q(a,"__xKineticCanvasRefs",new $APP.M(null,3,[$APP.Sk,b,$APP.Vu,e,$APP.Vp,e.getContext("2d")],null))}return
|
|
15
|
-
$APP.Q(a,"__xKineticCanvasRO",null));return $APP.Q(a,"__xKineticCanvasVis",!1)},
|
|
16
|
-
(
|
|
17
|
-
"fullscreen-attr",-534694210),
|
|
18
|
-
"paused"],null)],null),
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
void 0}return a}},
|
|
22
|
-
a.fill();e+=1}else break;return a.globalAlpha=1}],null),"bubbles",new $APP.M(null,4,[
|
|
23
|
-
4,[
|
|
24
|
-
h.ch,h[Math.floor(Math.random()*h.length)]=
|
|
9
|
+
"__xKineticCanvasCol",h);k=r}h=$APP.l(a,"__xKineticCanvasCol");h=[h[1],h[2],h[3]];b=$APP.N.i(b);b=$APP.C(tD,b);f.clearRect(0,0,c,d);k!=null&&$APP.I(k,"transparent")&&(f.fillStyle=k,f.fillRect(0,0,c,d));if(oD(a))return a=$APP.qs.i(b),a.W?a.W(f,e,c,d,h):a.call(null,f,e,c,d,h);a=$APP.l(a,"__xKineticCanvasTime");a=$APP.n(a)?a:0;b=wD.i(b);return b.va?b.va(f,e,c,d,h,a):b.call(null,f,e,c,d,h,a)}return null},zD=function(a){if($APP.n($APP.l(a,"__xKineticCanvasRaf")))return null;$APP.Zi(a,"__xKineticCanvasLastFrame",
|
|
10
|
+
performance.now());return $APP.Zi(a,"__xKineticCanvasRaf",requestAnimationFrame(function(){return yD(a)}))},AD=function(a){var b=$APP.l(a,"__xKineticCanvasRaf");return $APP.n(b)?(cancelAnimationFrame(b),$APP.Zi(a,"__xKineticCanvasRaf",null)):null},Lba=function(a){function b(d){d=d.matches;$APP.Q(a,"__xKineticCanvasReduced",d);sD(a);$APP.n(d)?(AD(a),d=xD(a)):(d=$APP.l(a,"__xKineticCanvasVis"),d=$APP.n(d)?$APP.p($APP.Mq.i($APP.l(a,"__xKineticCanvasModel"))):d,d=$APP.n(d)?zD(a):null);return d}var c=
|
|
11
|
+
window.matchMedia("(prefers-reduced-motion:reduce)");$APP.Q(a,"__xKineticCanvasReduced",c.matches);c.addEventListener("change",b);$APP.Q(a,"__xKineticCanvasMQL",{mql:c,handler:b});c=new IntersectionObserver(function(d){d=d[0].isIntersecting;$APP.Q(a,"__xKineticCanvasVis",d);var e=$APP.l(a,"__xKineticCanvasModel");$APP.n(d)?(d=$APP.Mq.i(e),d=$APP.n($APP.n(d)?d:oD(a))?null:zD(a)):d=AD(a);return d},{threshold:[0]});c.observe(a);$APP.Q(a,"__xKineticCanvasIO",c);c=new ResizeObserver(function(d){a:{if(d.length>
|
|
12
|
+
0){var e=d[0].contentRect;d=e.width;e=e.height;if(d>0&&e>0){$APP.Q(a,"__xKineticCanvasW",d);$APP.Q(a,"__xKineticCanvasH",e);var f=$APP.G($APP.l(a,"__xKineticCanvasRefs"));f=$APP.C(f,$APP.Vu);var h=window.devicePixelRatio;h=$APP.n(h)?h:1;f.width=d*h;f.height=e*h;f.getContext("2d").setTransform(h,0,0,h,0,0);sD(a);vD(a,$APP.l(a,"__xKineticCanvasModel"));d=$APP.Mq.i($APP.l(a,"__xKineticCanvasModel"));d=$APP.n($APP.n(d)?d:oD(a))?xD(a):zD(a);break a}}d=null}return d});c.observe(a);return $APP.Q(a,"__xKineticCanvasRO",
|
|
13
|
+
c)},Nba=function(a){var b=rD(a);$APP.Q(a,"__xKineticCanvasModel",b);$APP.Zi(a,"__xKineticCanvasTime",0);$APP.Q(a,"__xKineticCanvasVis",!0);if(!$APP.n($APP.l(a,"__xKineticCanvasRefs"))){b=a.attachShadow({mode:"open"});var c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("canvas"),f=document.createElement("div"),h=document.createElement("slot");c.textContent=Mba;d.className="kc-canvas-wrap";$APP.S(e,"aria-hidden","true");d.appendChild(e);f.className="kc-content";
|
|
14
|
+
f.appendChild(h);b.appendChild(c);b.appendChild(d);b.appendChild(f);$APP.Q(a,"__xKineticCanvasRefs",new $APP.M(null,3,[$APP.Sk,b,$APP.Vu,e,$APP.Vp,e.getContext("2d")],null))}return Lba(a)},Oba=function(a){AD(a);var b=$APP.l(a,"__xKineticCanvasMQL");$APP.n(b)&&(b.mql.removeEventListener("change",b.handler),$APP.Q(a,"__xKineticCanvasMQL",null));b=$APP.l(a,"__xKineticCanvasIO");$APP.n(b)&&(b.disconnect(),$APP.Q(a,"__xKineticCanvasIO",null));b=$APP.l(a,"__xKineticCanvasRO");$APP.n(b)&&(b.disconnect(),
|
|
15
|
+
$APP.Q(a,"__xKineticCanvasRO",null));return $APP.Q(a,"__xKineticCanvasVis",!1)},Pba=function(a,b,c,d){$APP.I(c,d)?$APP.n($APP.l(a,"__xKineticCanvasRefs"))?(b=rD(a),c=$APP.l(a,"__xKineticCanvasModel"),$APP.I(c,b)?(sD(a),(c==null||$APP.I($APP.N.i(b),$APP.N.i(c))||$APP.I($APP.$t.i(b),$APP.$t.i(c))||$APP.I($APP.zn.i(b),$APP.zn.i(c)))&&vD(a,b),c=$APP.l(a,"__xKineticCanvasW"),d=$APP.l(a,"__xKineticCanvasH"),$APP.n($APP.n(c)?$APP.n(d)?c>0&&d>0:d:c)&&(c=$APP.Mq.i(b),$APP.n($APP.n(c)?c:oD(a))?(AD(a),xD(a)):
|
|
16
|
+
(xD(a),zD(a))),a=$APP.Q(a,"__xKineticCanvasModel",b)):a=null):a=null:a=null;return a},Rba=function(a){return $APP.tj(a,Qba)},BD=function(){return $APP.ri("x-kinetic-canvas",new $APP.M(null,5,[$APP.ii,Sba,$APP.gi,Nba,$APP.di,Oba,$APP.ci,Pba,$APP.hi,Rba],null))},uD=new $APP.F(null,"create","create",-1301499256),CD=new $APP.F(null,"update","update",1045576396),Kba=new $APP.F(null,"fullscreen?","fullscreen?",-1171717820),qD=new $APP.F(null,"paused-attr","paused-attr",2104502840),pD=new $APP.F(null,"fullscreen-attr",
|
|
17
|
+
"fullscreen-attr",-534694210),wD=new $APP.F(null,"draw","draw",1358331674);var Sba="type variant speed density fullscreen paused".split(" "),Qba=new $APP.M(null,6,[$APP.N,new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"type"],null),$APP.zn,new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"variant"],null),$APP.Ur,new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"speed"],null),$APP.$t,new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"density"],null),new $APP.F(null,"fullscreen","fullscreen",-4371054),new $APP.M(null,2,[$APP.N,$APP.rj,$APP.W,"fullscreen"],null),$APP.nt,new $APP.M(null,2,[$APP.N,$APP.rj,$APP.W,
|
|
18
|
+
"paused"],null)],null),Gba=new $APP.bh(null,new $APP.M(null,3,["matrix",null,"starfield",null,"bubbles",null],null),null),Hba=new $APP.bh(null,new $APP.M(null,2,["twinkle",null,"motion",null],null),null),Iba=new $APP.M(null,3,["slow",.3,"medium",1,"fast",2.5],null),Jba=new $APP.M(null,3,["low",.5,"medium",1,"high",2],null);var DD=function DD(a){for(var c=[],d=arguments.length,e=0;;)if(e<d)c.push(arguments[e]),e+=1;else break;return DD.B(arguments[0],arguments[1],arguments[2],arguments[3],4<c.length?new $APP.bc(c.slice(4),0,null):null)};DD.B=function(a,b,c){for(var d=[],e=0;;)if(e<c){var f={};f.x=Math.random()*a;f.y=Math.random()*b;f.z=.1+Math.random()*.9;f.sz=.5+Math.random()*2.5;f.br=.3+Math.random()*.7;f.ph=Math.random()*6.283185307179586;d.push(f);e+=1}else break;return d};DD.M=4;
|
|
19
|
+
DD.K=function(a){var b=$APP.t(a),c=$APP.v(a);a=$APP.t(c);var d=$APP.v(c);c=$APP.t(d);var e=$APP.v(d);d=$APP.t(e);e=$APP.v(e);return this.B(b,a,c,d,e)};var ED=function ED(a){for(var c=[],d=arguments.length,e=0;;)if(e<d)c.push(arguments[e]),e+=1;else break;return ED.B(arguments[0],arguments[1],arguments[2],arguments[3],4<c.length?new $APP.bc(c.slice(4),0,null):null)};ED.B=function(a,b,c){for(var d=[],e=0;;)if(e<c){var f={};f.x=Math.random()*a;f.y=Math.random()*b;f.r=8+Math.random()*40;f.vx=(Math.random()-.5)*20;f.vy=-(10+Math.random()*30);f.op=.4+Math.random()*.5;f.ci=$APP.td(e,3);d.push(f);e+=1}else break;return d};ED.M=4;
|
|
20
|
+
ED.K=function(a){var b=$APP.t(a),c=$APP.v(a);a=$APP.t(c);var d=$APP.v(c);c=$APP.t(d);var e=$APP.v(d);d=$APP.t(e);e=$APP.v(e);return this.B(b,a,c,d,e)};var tD=$APP.ie(["starfield",new $APP.M(null,4,[uD,DD,CD,function(a,b,c,d,e,f){switch(f){case "twinkle":a:{d=2*c*b;e=a.length;for(b=0;;)if(b<e)c=a[b],c.ph+=d,b+=1;else{a=null;break a}a=void 0}return a;default:a:{b*=30*c;c=d*.5;f=e*.5;for(var h=a.length,k=0;;)if(k<h){var m=a[k],r=m.z,u=m.x,x=m.y;r*=b*r;u+=(u-c)*r*.02;x+=(x-f)*r*.02;m.x=u;m.y=x;if(u<-10||u>d+10||x<-10||x>e+10)m.x=c+(Math.random()-.5)*40,m.y=f+(Math.random()-.5)*40,m.z=.1+Math.random()*.9,m.br=.3+Math.random()*.7;k+=1}else{a=null;break a}a=
|
|
21
|
+
void 0}return a}},wD,function(a,b,c,d,e,f){c=e[0];e=e[1];d=b.length;for(var h=0;;)if(h<d){var k=b[h],m=k.z,r=k.sz*m,u=$APP.td(h,3)===0?e:c;a.globalAlpha=Math.min(1,k.br*(.5+.5*Math.sin(f*2+k.ph))*m);a.fillStyle=u;a.beginPath();a.arc(k.x,k.y,Math.max(.5,r),0,6.283185307179586);a.fill();h+=1}else break;return a.globalAlpha=1},$APP.qs,function(a,b,c,d,e){c=b.length;a.fillStyle=e[0];for(e=0;;)if(e<c){d=b[e];var f=d.z,h=d.sz*f;a.globalAlpha=d.br*f;a.beginPath();a.arc(d.x,d.y,Math.max(.5,h),0,6.283185307179586);
|
|
22
|
+
a.fill();e+=1}else break;return a.globalAlpha=1}],null),"bubbles",new $APP.M(null,4,[uD,ED,CD,function(a,b,c,d,e){c*=b;for(var f=a.length,h=0;;)if(h<f){var k=a[h],m=k.r,r=k.x+k.vx*c,u=k.y+k.vy*c,x=k.vx+(Math.random()-.5)*2*b;k.x=r;k.y=u;k.vx=Math.abs(x)>30?Math.sign(x)*30:x;u<0-m-10&&(k.y=e+m+10,k.x=Math.random()*d,k.r=8+Math.random()*40,k.op=.4+Math.random()*.5);r<0-m&&(k.x=d+m);r>d+m&&(k.x=0-m);h+=1}else return null},wD,kD,$APP.qs,function(a,b,c,d,e){return kD(a,b,c,d,e,0)}],null),"matrix",new $APP.M(null,
|
|
23
|
+
4,[uD,function(a,b,c,d,e){d=$APP.n(e)?e:14;e=[];for(var f=Math.ceil(b/d),h=0;;)if(h<c){for(var k=5+Math.floor(Math.random()*(f-5)),m=[],r=k,u=0;;)if(u<r)m.push(lD()),u+=1;else break;r={};r.x=a/c*h;r.y=(Math.random()-.5)*b*2;r.sp=40+Math.random()*120;r.ln=k;r.ch=m;r.ct=Math.random()*.2;r.cs=d;e.push(r);h+=1}else break;return e},CD,function(a,b,c,d,e){d=a.length;for(var f=0;;)if(f<d){var h=a[f],k=h.ln,m=h.cs;h.y+=h.sp*c*b;h.y-k*m>e&&(h.y=-(k*m),h.sp=40+Math.random()*120);h.ct+=b;h.ct>.08&&(h.ct=0,h=
|
|
24
|
+
h.ch,h[Math.floor(Math.random()*h.length)]=lD());f+=1}else return null},wD,mD,$APP.qs,function(a,b,c,d,e){return mD(a,b,c,d,e,0)}],null)]),Mba=":host{display:block;position:relative;overflow:hidden;"+$APP.P.i("--x-kinetic-canvas-bg")+":var(--x-color-bg,#f0f0f5);"+$APP.P.i("--x-kinetic-canvas-color-1")+":var(--x-color-text,#1a1a2e);"+$APP.P.i("--x-kinetic-canvas-color-2")+":var(--x-color-primary,#2563eb);"+$APP.P.i("--x-kinetic-canvas-color-3")+":var(--x-color-secondary,#7c3aed);"+$APP.P.i("--x-kinetic-canvas-matrix-font-size")+
|
|
25
25
|
":14;}@media(prefers-color-scheme:dark){:host{"+$APP.P.i("--x-kinetic-canvas-bg")+":var(--x-color-bg,#0a0a1a);"+$APP.P.i("--x-kinetic-canvas-color-1")+":var(--x-color-text,#ffffff);"+$APP.P.i("--x-kinetic-canvas-color-2")+":var(--x-color-primary,#60a5fa);"+$APP.P.i("--x-kinetic-canvas-color-3")+":var(--x-color-secondary,#c084fc);}}:host([fullscreen]){position:fixed;inset:0;z-index:var(--x-kinetic-canvas-z,-1);}.kc-canvas-wrap{position:absolute;inset:0;z-index:0;}canvas{display:block;width:100%;height:100%;}.kc-content{position:relative;z-index:1;}",
|
|
26
|
-
|
|
27
|
-
"__xKineticCanvasTime",function(){var r=$APP.l(a,"__xKineticCanvasTime");return $APP.n(r)?r:0}()+e);$APP.n(f)&&(d=$APP.Ur.i(c),c=$APP.zn.i(c),h=
|
|
26
|
+
yD=function yD(a){if($APP.p(a.isConnected))return null;if($APP.n(function(){var r=$APP.Mq.i($APP.l(a,"__xKineticCanvasModel"));return $APP.n(r)?r:oD(a)}()))return $APP.Zi(a,"__xKineticCanvasRaf",null);var c=$APP.l(a,"__xKineticCanvasModel"),d=performance.now(),e=Math.min(d-$APP.l(a,"__xKineticCanvasLastFrame"),100)/1E3,f=$APP.N.i(c),h=$APP.C(tD,f);f=$APP.l(a,"__xKineticCanvasEnt");var k=$APP.l(a,"__xKineticCanvasW"),m=$APP.l(a,"__xKineticCanvasH");$APP.Zi(a,"__xKineticCanvasLastFrame",d);$APP.Zi(a,
|
|
27
|
+
"__xKineticCanvasTime",function(){var r=$APP.l(a,"__xKineticCanvasTime");return $APP.n(r)?r:0}()+e);$APP.n(f)&&(d=$APP.Ur.i(c),c=$APP.zn.i(c),h=CD.i(h),h.va?h.va(f,e,d,k,m,c):h.call(null,f,e,d,k,m,c));xD(a);return $APP.Zi(a,"__xKineticCanvasRaf",requestAnimationFrame(function(){return yD.i?yD.i(a):yD.call(null,a)}))};$APP.ha("baredom.exports.x_kinetic_canvas.init",BD);export const init=BD;
|