@vanelsas/baredom 1.1.0 → 1.2.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 +12 -0
- package/README.md +7 -5
- package/dist/base.js +347 -347
- package/dist/x-alert.js +15 -15
- package/dist/x-avatar-group.js +11 -11
- package/dist/x-avatar.js +15 -15
- package/dist/x-badge.js +11 -11
- package/dist/x-breadcrumbs.js +12 -12
- package/dist/x-button.js +15 -15
- package/dist/x-cancel-dialogue.js +13 -13
- package/dist/x-card.js +7 -7
- package/dist/x-chart.js +47 -47
- package/dist/x-checkbox.js +8 -8
- package/dist/x-chip.js +6 -6
- package/dist/x-collapse.js +10 -10
- package/dist/x-command-palette.js +23 -23
- package/dist/x-container.js +6 -6
- package/dist/x-context-menu.js +19 -19
- package/dist/x-copy.js +22 -22
- package/dist/x-currency-field.js +22 -22
- package/dist/x-date-picker.js +37 -37
- package/dist/x-divider.js +12 -12
- package/dist/x-drawer.js +11 -11
- package/dist/x-dropdown.js +5 -5
- package/dist/x-fieldset.js +6 -6
- package/dist/x-file-download.js +4 -4
- package/dist/x-form-field.js +15 -15
- package/dist/x-form.js +10 -10
- package/dist/x-gaussian-blur.js +32 -32
- package/dist/x-grid.js +7 -7
- package/dist/x-kinetic-typography.js +61 -61
- package/dist/x-menu-item.js +10 -10
- package/dist/x-menu.js +10 -10
- package/dist/x-modal.js +12 -12
- package/dist/x-navbar.js +13 -13
- package/dist/x-notification-center.js +9 -9
- package/dist/x-organic-divider.js +17 -17
- package/dist/x-organic-shape.js +14 -14
- package/dist/x-pagination.js +16 -16
- package/dist/x-popover.js +6 -6
- package/dist/x-progress-circle.js +9 -9
- package/dist/x-progress.js +10 -10
- package/dist/x-radio.js +11 -11
- package/dist/x-ripple-effect.js +12 -12
- package/dist/x-scroll-parallax.js +19 -19
- package/dist/x-scroll-stack.js +20 -0
- package/dist/x-scroll-story.js +35 -35
- package/dist/x-scroll-timeline.js +42 -42
- package/dist/x-scroll.js +40 -40
- package/dist/x-search-field.js +7 -7
- package/dist/x-select.js +9 -9
- package/dist/x-sidebar.js +16 -16
- package/dist/x-skeleton.js +5 -5
- package/dist/x-slider.js +16 -16
- package/dist/x-spacer.js +5 -5
- package/dist/x-spinner.js +5 -5
- package/dist/x-stat.js +11 -11
- package/dist/x-stepper.js +16 -16
- package/dist/x-switch.js +10 -10
- package/dist/x-tab.js +5 -5
- package/dist/x-table-cell.js +23 -23
- package/dist/x-table-row.js +8 -8
- package/dist/x-table.js +15 -15
- package/dist/x-tabs.js +11 -11
- package/dist/x-text-area.js +17 -17
- package/dist/x-timeline-item.js +23 -23
- package/dist/x-timeline.js +9 -9
- package/dist/x-toast.js +19 -19
- package/dist/x-toaster.js +8 -8
- package/dist/x-typography.js +10 -10
- package/package.json +6 -2
package/dist/x-menu-item.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
null)},
|
|
4
|
-
"false");a.setAttribute("role","menuitem");a.setAttribute("tabindex","-1");b.setAttribute("data-type","");b.setAttribute("data-variant",$APP.
|
|
5
|
-
"Enter")||$APP.C.h(k," "))&&$APP.q($APP.Fj.g(m))&&$APP.
|
|
6
|
-
b;a.__xMenuItemHandlers=g},
|
|
7
|
-
"variant",{get:function(){return this.getAttribute("variant")},set:function(b){return $APP.n(b)?this.setAttribute("variant",b):this.removeAttribute("variant")},configurable:!0,enumerable:!0});Object.defineProperty(a.prototype,"type",{get:function(){return this.getAttribute("type")},set:function(b){return $APP.n(b)?this.setAttribute("type",b):this.removeAttribute("type")},configurable:!0,enumerable:!0})},
|
|
8
|
-
function(){if(
|
|
9
|
-
b.setAttribute("part","base");b.className="base";e.setAttribute("part","icon");e.className="icon-span";g.setAttribute("name","icon");e.appendChild(g);h.className="label-span";h.appendChild(k);m.className="divider-hr";b.appendChild(e);b.appendChild(h);b.appendChild(m);c.appendChild(d);c.appendChild(b);c={};c.base=b;c["icon-span"]=e;c["icon-slot"]=g;this.__xMenuItemRefs=c;
|
|
10
|
-
var c=$APP.l(this,"__xMenuItemRefs");if($APP.n(b)){var d=$APP.l(b,"keydown"),e=$APP.l(b,"icon-slotchange");c=$APP.n(c)?$APP.l(c,"icon-slot"):null;this.removeEventListener("click",$APP.l(b,"click"));this.removeEventListener("keydown",d);b=$APP.n(c)?c.removeEventListener("slotchange",e):null}else b=null;return b};a.prototype.attributeChangedCallback=function(){return
|
|
11
|
-
|
|
2
|
+
var AJ=function(a){var b=$APP.N(a);a=$APP.H(b,$APP.si);var c=$APP.H(b,$APP.Fj),d=$APP.H(b,$APP.th);b=$APP.H(b,$APP.Z);a=$APP.n(a)?a:"";c=$APP.J(c);d=$APP.n(d)?d:"";d=$APP.K(yJ,d)?d:"";b=$APP.n(b)?b:"";b=$APP.K(zJ,b)?b:"";return new $APP.Q(null,4,[$APP.si,a,$APP.Fj,c,$APP.th,d,$APP.Z,b],null)},BJ=function(a){return $APP.l(a,"__xMenuItemInit")===!0},CJ=function(a){return new $APP.Q(null,4,[$APP.si,a.getAttribute("value"),$APP.Fj,a.hasAttribute("disabled"),$APP.th,a.getAttribute("variant"),$APP.Z,a.getAttribute("type")],
|
|
3
|
+
null)},DJ=function(a){var b=a.getAttribute("value");return a.dispatchEvent(new CustomEvent("x-menu-item-select",{detail:{value:$APP.n(b)?b:""},bubbles:!0,composed:!0}))},EJ=function(a){var b=$APP.l(a,"__xMenuItemRefs");b=$APP.n(b)?$APP.l(b,"base"):null;var c=AJ(CJ(a));if($APP.n(b)){if($APP.C.h($APP.Z.g(c),"divider"))return a.setAttribute("role","separator"),a.removeAttribute("tabindex"),a.removeAttribute("aria-disabled"),b.setAttribute("data-type","divider"),b.setAttribute("data-variant",""),b.setAttribute("data-disabled",
|
|
4
|
+
"false");a.setAttribute("role","menuitem");a.setAttribute("tabindex","-1");b.setAttribute("data-type","");b.setAttribute("data-variant",$APP.th.g(c));b.setAttribute("data-disabled",$APP.n($APP.Fj.g(c))?"true":"false");return $APP.n($APP.Fj.g(c))?a.setAttribute("aria-disabled","true"):a.removeAttribute("aria-disabled")}return null},FJ=function(a){function b(){return e.assignedNodes().length>0?a.setAttribute("has-icon",""):a.removeAttribute("has-icon")}function c(h){var k=h.key,m=AJ(CJ(a));($APP.C.h(k,
|
|
5
|
+
"Enter")||$APP.C.h(k," "))&&$APP.q($APP.Fj.g(m))&&$APP.O($APP.Z.g(m),"divider")?(h.preventDefault(),h=DJ(a)):h=null;return h}function d(h){var k=AJ(CJ(a));var m=$APP.Fj.g(k);m=$APP.n(m)?m:$APP.C.h($APP.Z.g(k),"divider");$APP.n(m)&&h.preventDefault();return $APP.q($APP.Fj.g(k))&&$APP.O($APP.Z.g(k),"divider")?DJ(a):null}var e=$APP.l($APP.l(a,"__xMenuItemRefs"),"icon-slot"),g={};a.addEventListener("click",d);a.addEventListener("keydown",c);e.addEventListener("slotchange",b);g.click=d;g.keydown=c;g["icon-slotchange"]=
|
|
6
|
+
b;a.__xMenuItemHandlers=g},GJ=function(a){Object.defineProperty(a.prototype,"value",{get:function(){return this.getAttribute("value")},set:function(b){return $APP.n(b)?this.setAttribute("value",b):this.removeAttribute("value")},configurable:!0,enumerable:!0});Object.defineProperty(a.prototype,"disabled",{get:function(){return this.hasAttribute("disabled")},set:function(b){return $APP.n(b)?this.setAttribute("disabled",""):this.removeAttribute("disabled")},configurable:!0,enumerable:!0});Object.defineProperty(a.prototype,
|
|
7
|
+
"variant",{get:function(){return this.getAttribute("variant")},set:function(b){return $APP.n(b)?this.setAttribute("variant",b):this.removeAttribute("variant")},configurable:!0,enumerable:!0});Object.defineProperty(a.prototype,"type",{get:function(){return this.getAttribute("type")},set:function(b){return $APP.n(b)?this.setAttribute("type",b):this.removeAttribute("type")},configurable:!0,enumerable:!0})},IJ=function(){var a=class extends HTMLElement{};a.observedAttributes=HJ;a.prototype.connectedCallback=
|
|
8
|
+
function(){if(BJ(this)){FJ(this);var b=EJ(this)}else{if(!BJ(this)){var c=this.attachShadow({mode:"open"}),d=document.createElement("style");b=document.createElement("div");var e=document.createElement("span"),g=document.createElement("slot"),h=document.createElement("span"),k=document.createElement("slot"),m=document.createElement("hr");d.textContent=":host{display:block;outline:none;color-scheme:light dark;--x-menu-item-color:#111827;--x-menu-item-hover-bg:#f3f4f6;--x-menu-item-focus-bg:#eff6ff;--x-menu-item-focus-color:#1d4ed8;--x-menu-item-disabled-opacity:0.45;--x-menu-item-danger-color:#dc2626;--x-menu-item-danger-hover-bg:#fef2f2;--x-menu-item-padding:8px 12px;--x-menu-item-border-radius:4px;--x-menu-item-font-size:0.9375rem;--x-menu-item-icon-gap:8px;--x-menu-item-divider-color:#e5e7eb;}:host([disabled]){pointer-events:none;}@media (prefers-color-scheme:dark){:host{--x-menu-item-color:#f9fafb;--x-menu-item-hover-bg:#1f2937;--x-menu-item-focus-bg:#1e3a5f;--x-menu-item-focus-color:#60a5fa;--x-menu-item-danger-color:#f87171;--x-menu-item-danger-hover-bg:#2d1515;--x-menu-item-divider-color:#374151;}}.base{display:flex;align-items:center;gap:var(--x-menu-item-icon-gap);padding:var(--x-menu-item-padding);border-radius:var(--x-menu-item-border-radius);font-size:var(--x-menu-item-font-size);color:var(--x-menu-item-color);cursor:pointer;user-select:none;transition:background 100ms ease,color 100ms ease;}.base:hover{background:var(--x-menu-item-hover-bg);}:host(:focus) .base{background:var(--x-menu-item-focus-bg);color:var(--x-menu-item-focus-color);}.base[data-variant\x3d'danger']{color:var(--x-menu-item-danger-color);}.base[data-variant\x3d'danger']:hover{background:var(--x-menu-item-danger-hover-bg);}:host(:focus) .base[data-variant\x3d'danger']{background:var(--x-menu-item-danger-hover-bg);}.base[data-disabled\x3d'true']{opacity:var(--x-menu-item-disabled-opacity);cursor:default;pointer-events:none;}.base[data-type\x3d'divider']{padding:0;cursor:default;pointer-events:none;}.icon-span{display:none;flex-shrink:0;align-items:center;}:host([has-icon]) .icon-span{display:flex;}.divider-hr{display:none;}.base[data-type\x3d'divider'] .icon-span,.base[data-type\x3d'divider'] .label-span{display:none;}.base[data-type\x3d'divider'] .divider-hr{display:block;width:100%;border:none;border-top:1px solid var(--x-menu-item-divider-color);margin:4px 0;}@media (prefers-reduced-motion:reduce){.base{transition:none;}}";
|
|
9
|
+
b.setAttribute("part","base");b.className="base";e.setAttribute("part","icon");e.className="icon-span";g.setAttribute("name","icon");e.appendChild(g);h.className="label-span";h.appendChild(k);m.className="divider-hr";b.appendChild(e);b.appendChild(h);b.appendChild(m);c.appendChild(d);c.appendChild(b);c={};c.base=b;c["icon-span"]=e;c["icon-slot"]=g;this.__xMenuItemRefs=c;FJ(this);this.__xMenuItemInit=!0}EJ(this);b=this}return b};a.prototype.disconnectedCallback=function(){var b=$APP.l(this,"__xMenuItemHandlers");
|
|
10
|
+
var c=$APP.l(this,"__xMenuItemRefs");if($APP.n(b)){var d=$APP.l(b,"keydown"),e=$APP.l(b,"icon-slotchange");c=$APP.n(c)?$APP.l(c,"icon-slot"):null;this.removeEventListener("click",$APP.l(b,"click"));this.removeEventListener("keydown",d);b=$APP.n(c)?c.removeEventListener("slotchange",e):null}else b=null;return b};a.prototype.attributeChangedCallback=function(){return BJ(this)?EJ(this):null};GJ(a);return a},JJ=function(){return $APP.n(customElements.get("x-menu-item"))?null:customElements.define("x-menu-item",
|
|
11
|
+
IJ())};var HJ=["value","disabled","variant","type"],yJ=new $APP.R(null,new $APP.Q(null,2,["",null,"danger",null],null),null),zJ=new $APP.R(null,new $APP.Q(null,2,["",null,"divider",null],null),null);$APP.zd(["x-menu-item-select",new $APP.Q(null,1,[$APP.Y,new $APP.Q(null,1,[$APP.si,$APP.X],null)],null)]);$APP.ja("baredom.exports.x_menu_item.init",JJ);export const init=JJ;
|
package/dist/x-menu.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
return b>0?$APP.C.h(null,
|
|
4
|
-
-1},a))}
|
|
5
|
-
(e=
|
|
6
|
-
d)?d:"bottom-start";a=new $APP.Q(null,3,[$APP.zj,c,$APP.Hj,d,$APP.W,$APP.n(a)?a:""],null);return $APP.n(b)?(b.setAttribute("data-placement",$APP.Hj.g(a)),a=$APP.W.g(a),$APP.n($APP.n(a)?$APP.
|
|
7
|
-
h.indexOf(a))?
|
|
2
|
+
var SA=function(a){return $APP.l(a,"__xMenuInit")===!0},TA=function(a){a=a.querySelectorAll("x-menu-item");for(var b=[],c=a.length,d=0;;)if(d<c){var e=a[d];$APP.q(e.hasAttribute("disabled"))&&$APP.O(e.getAttribute("type"),"divider")&&b.push(e);d+=1}else break;return b},UA=function(a,b,c){return a.dispatchEvent(new CustomEvent(b,{detail:c,bubbles:!0,composed:!0}))},XA=function(a){$APP.n(a.hasAttribute("open"))||(a.setAttribute("open",""),UA(a,"x-menu-open",{}));if($APP.n(null)){a=TA(a);var b=a.length;
|
|
3
|
+
return b>0?$APP.C.h(null,VA)?a[0].focus():$APP.C.h(null,WA)?a[b-1].focus():null:null}return null},YA=function(a,b){$APP.n(a.hasAttribute("open"))&&(a.removeAttribute("open"),UA(a,"x-menu-close",{}));return $APP.n(b)?(a=$APP.l(a,"__xMenuRefs"),a=$APP.n(a)?$APP.l(a,"trigger-slot"):null,a=$APP.n(a)?a.assignedElements():null,a=$APP.n($APP.n(a)?a.length>0:a)?a[0]:null,$APP.n(a)?a.focus():null):null},ZA=function(a,b){var c=b.composedPath();a=$APP.jc(a.assignedElements());return $APP.J($APP.Dd(function(d){return c.indexOf(d)>
|
|
4
|
+
-1},a))},$A=function(a,b){var c=b.key,d=a.hasAttribute("open");if($APP.C.h(c,"Escape"))return $APP.n(d)?(b.preventDefault(),YA(a,!0)):null;if($APP.C.h(c,"Tab"))return $APP.n(d)?YA(a,!1):null;if($APP.C.h(c,"ArrowDown")||$APP.C.h(c,"ArrowUp")){var e=TA(a),g=e.length;if(g>0){b.preventDefault();if($APP.n(d))return a=e.indexOf(document.activeElement),c=$APP.C.h(c,"ArrowDown")?a>=g-1?0:a<0?0:a+1:a<=0?g-1:a-1,e[c].focus();XA(a);return e[$APP.C.h(c,"ArrowDown")?0:g-1].focus()}}else if($APP.C.h(c,"Home")){if($APP.n(d)&&
|
|
5
|
+
(e=TA(a),e.length>0))return b.preventDefault(),e[0].focus()}else if($APP.C.h(c,"End")&&$APP.n(d)&&(e=TA(a),e.length>0))return b.preventDefault(),e[e.length-1].focus();return null},bB=function(a){var b=$APP.l(a,"__xMenuRefs");b=$APP.n(b)?$APP.l(b,"popup"):null;a=new $APP.Q(null,3,[$APP.zj,a.hasAttribute("open"),$APP.Hj,a.getAttribute("placement"),$APP.W,a.getAttribute("label")],null);a=$APP.N(a);var c=$APP.H(a,$APP.zj),d=$APP.H(a,$APP.Hj);a=$APP.H(a,$APP.W);c=$APP.J(c);d=$APP.n(d)?d:"";d=$APP.K(aB,
|
|
6
|
+
d)?d:"bottom-start";a=new $APP.Q(null,3,[$APP.zj,c,$APP.Hj,d,$APP.W,$APP.n(a)?a:""],null);return $APP.n(b)?(b.setAttribute("data-placement",$APP.Hj.g(a)),a=$APP.W.g(a),$APP.n($APP.n(a)?$APP.O(a,""):a)?b.setAttribute("aria-label",a):b.removeAttribute("aria-label")):null},cB=function(a){function b(h){h.stopPropagation();h=h.detail.value;YA(a,!1);return UA(a,"x-menu-select",{value:$APP.n(h)?h:""})}function c(h){return $A(a,h)}function d(h){$APP.n(a.hasAttribute("open"))?(h=h.composedPath(),h=$APP.C.h(-1,
|
|
7
|
+
h.indexOf(a))?YA(a,!1):null):h=null;return h}function e(h){var k=$APP.l(a,"__xMenuRefs");k=$APP.n(k)?$APP.l(k,"trigger-slot"):null;return $APP.n($APP.n(k)?ZA(k,h):k)?$APP.n(a.hasAttribute("open"))?YA(a,!0):XA(a):null}var g={};a.addEventListener("click",e);document.addEventListener("click",d,!0);a.addEventListener("keydown",c);a.addEventListener("x-menu-item-select",b);g.click=e;g["doc-click"]=d;g.keydown=c;g["item-select"]=b;a.__xMenuHandlers=g},dB=function(a){Object.defineProperty(a.prototype,"open",
|
|
8
8
|
{get:function(){return this.hasAttribute("open")},set:function(b){return $APP.n(b)?this.setAttribute("open",""):this.removeAttribute("open")},configurable:!0,enumerable:!0});Object.defineProperty(a.prototype,"placement",{get:function(){return this.getAttribute("placement")},set:function(b){return $APP.n(b)?this.setAttribute("placement",b):this.removeAttribute("placement")},configurable:!0,enumerable:!0});Object.defineProperty(a.prototype,"label",{get:function(){return this.getAttribute("label")},
|
|
9
|
-
set:function(b){return $APP.n(b)?this.setAttribute("label",b):this.removeAttribute("label")},configurable:!0,enumerable:!0})},
|
|
9
|
+
set:function(b){return $APP.n(b)?this.setAttribute("label",b):this.removeAttribute("label")},configurable:!0,enumerable:!0})},fB=function(){var a=class extends HTMLElement{};a.observedAttributes=eB;a.prototype.connectedCallback=function(){if(SA(this)){cB(this);var b=bB(this)}else{if(!SA(this)){var c=this.attachShadow({mode:"open"}),d=document.createElement("style");b=document.createElement("div");var e=document.createElement("slot"),g=document.createElement("div"),h=document.createElement("slot");
|
|
10
10
|
d.textContent=":host{display:inline-block;position:relative;color-scheme:light dark;--x-menu-bg:#ffffff;--x-menu-border:1px solid #e5e7eb;--x-menu-border-radius:8px;--x-menu-shadow:0 4px 16px rgba(0,0,0,0.12);--x-menu-min-width:160px;--x-menu-padding:4px;--x-menu-z-index:1000;}@media (prefers-color-scheme:dark){:host{--x-menu-bg:#1f2937;--x-menu-border:1px solid #374151;--x-menu-shadow:0 4px 16px rgba(0,0,0,0.4);}}.base{position:relative;display:inline-block;}.popup{display:none;position:absolute;background:var(--x-menu-bg);border:var(--x-menu-border);border-radius:var(--x-menu-border-radius);box-shadow:var(--x-menu-shadow);min-width:var(--x-menu-min-width);padding:var(--x-menu-padding);z-index:var(--x-menu-z-index);box-sizing:border-box;}:host([open]) .popup{display:block;}.popup[data-placement\x3d'bottom-start']{top:100%;left:0;margin-top:4px;}.popup[data-placement\x3d'bottom-end']{top:100%;right:0;margin-top:4px;}.popup[data-placement\x3d'top-start']{bottom:100%;left:0;margin-bottom:4px;}.popup[data-placement\x3d'top-end']{bottom:100%;right:0;margin-bottom:4px;}";
|
|
11
|
-
b.setAttribute("part","base");b.className="base";e.setAttribute("name","trigger");g.setAttribute("part","popup");g.className="popup";g.setAttribute("role","menu");g.appendChild(h);b.appendChild(e);b.appendChild(g);c.appendChild(d);c.appendChild(b);c={};c.base=b;c.popup=g;c["trigger-slot"]=e;c["item-slot"]=h;this.__xMenuRefs=c;
|
|
12
|
-
d=$APP.l(b,"keydown"),e=$APP.l(b,"item-select");this.removeEventListener("click",$APP.l(b,"click"));document.removeEventListener("click",c,!0);this.removeEventListener("keydown",d);b=this.removeEventListener("x-menu-item-select",e)}else b=null;return b};a.prototype.attributeChangedCallback=function(){return
|
|
13
|
-
"last","last",1105735132);var
|
|
11
|
+
b.setAttribute("part","base");b.className="base";e.setAttribute("name","trigger");g.setAttribute("part","popup");g.className="popup";g.setAttribute("role","menu");g.appendChild(h);b.appendChild(e);b.appendChild(g);c.appendChild(d);c.appendChild(b);c={};c.base=b;c.popup=g;c["trigger-slot"]=e;c["item-slot"]=h;this.__xMenuRefs=c;cB(this);this.__xMenuInit=!0}bB(this);b=this}return b};a.prototype.disconnectedCallback=function(){var b=$APP.l(this,"__xMenuHandlers");if($APP.n(b)){var c=$APP.l(b,"doc-click"),
|
|
12
|
+
d=$APP.l(b,"keydown"),e=$APP.l(b,"item-select");this.removeEventListener("click",$APP.l(b,"click"));document.removeEventListener("click",c,!0);this.removeEventListener("keydown",d);b=this.removeEventListener("x-menu-item-select",e)}else b=null;return b};a.prototype.attributeChangedCallback=function(){return SA(this)?bB(this):null};dB(a);return a},gB=function(){return $APP.n(customElements.get("x-menu"))?null:customElements.define("x-menu",fB())},VA=new $APP.M(null,"first","first",-644103046),WA=new $APP.M(null,
|
|
13
|
+
"last","last",1105735132);var eB=["open","placement","label"],aB=new $APP.R(null,new $APP.Q(null,4,["bottom-start",null,"bottom-end",null,"top-end",null,"top-start",null],null),null);$APP.zd(["x-menu-open",new $APP.Q(null,1,[$APP.Y,$APP.Ad],null),"x-menu-close",new $APP.Q(null,1,[$APP.Y,$APP.Ad],null),"x-menu-select",new $APP.Q(null,1,[$APP.Y,new $APP.Q(null,1,[$APP.si,$APP.X],null)],null)]);$APP.ja("baredom.exports.x_menu.init",gB);export const init=gB;
|
package/dist/x-modal.js
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
2
|
+
var NK=function(a){var b=$APP.l(a,"__xModalRefs");if($APP.n(b))return b;b=a.attachShadow({mode:"open"});var c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("div"),g=document.createElement("div"),h=document.createElement("slot"),k=document.createElement("div"),m=document.createElement("slot"),p=document.createElement("div"),r=document.createElement("slot");c.textContent=":host{display:contents;color-scheme:light dark;--x-modal-bg:Canvas;--x-modal-fg:CanvasText;--x-modal-backdrop:rgb(0 0 0/0.45);--x-modal-shadow:0 20px 60px rgb(0 0 0/0.25);--x-modal-radius:0.75rem;--x-modal-width-sm:22rem;--x-modal-width-md:32rem;--x-modal-width-lg:44rem;--x-modal-width-xl:60rem;--x-modal-max-height:90vh;--x-modal-header-padding:1rem 1.25rem;--x-modal-body-padding:1rem 1.25rem;--x-modal-footer-padding:0.75rem 1.25rem;--x-modal-border:color-mix(in srgb,currentColor 12%,transparent);--x-modal-duration:180ms;--x-modal-easing:ease;--x-modal-z:1000;}[part\x3dbackdrop]{position:fixed;inset:0;background:var(--x-modal-backdrop);z-index:var(--x-modal-z);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--x-modal-duration) var(--x-modal-easing),visibility 0s var(--x-modal-easing) var(--x-modal-duration);}:host([data-open\x3dtrue]) [part\x3dbackdrop]{opacity:1;visibility:visible;pointer-events:auto;transition:opacity var(--x-modal-duration) var(--x-modal-easing),visibility 0s;}[part\x3ddialog]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(0.96);opacity:0;visibility:hidden;pointer-events:none;background:var(--x-modal-bg);color:var(--x-modal-fg);box-shadow:var(--x-modal-shadow);border-radius:var(--x-modal-radius);display:flex;flex-direction:column;overflow:hidden;z-index:calc(var(--x-modal-z) + 1);max-height:var(--x-modal-max-height);transition:opacity var(--x-modal-duration) var(--x-modal-easing),transform var(--x-modal-duration) var(--x-modal-easing),visibility 0s var(--x-modal-easing) var(--x-modal-duration);}:host([data-size\x3dsm]) [part\x3ddialog]{width:var(--x-modal-width-sm);}:host([data-size\x3dmd]) [part\x3ddialog]{width:var(--x-modal-width-md);}:host([data-size\x3dlg]) [part\x3ddialog]{width:var(--x-modal-width-lg);}:host([data-size\x3dxl]) [part\x3ddialog]{width:var(--x-modal-width-xl);}:host([data-size\x3dfull]) [part\x3ddialog]{inset:0;top:0;left:0;width:100vw;height:100dvh;border-radius:0;max-width:100vw;max-height:100dvh;transform:scale(0.98);}:host([data-open\x3dtrue]) [part\x3ddialog]{opacity:1;transform:translate(-50%,-50%) scale(1);visibility:visible;pointer-events:auto;transition:opacity var(--x-modal-duration) var(--x-modal-easing),transform var(--x-modal-duration) var(--x-modal-easing),visibility 0s;}:host([data-open\x3dtrue][data-size\x3dfull]) [part\x3ddialog]{transform:scale(1);}[part\x3ddialog]:focus{outline:none;}[part\x3dheader]{padding:var(--x-modal-header-padding);border-bottom:1px solid var(--x-modal-border);flex-shrink:0;}[part\x3dbody]{padding:var(--x-modal-body-padding);overflow-y:auto;flex:1;}[part\x3dfooter]{padding:var(--x-modal-footer-padding);border-top:1px solid var(--x-modal-border);flex-shrink:0;}@media (prefers-reduced-motion:reduce){[part\x3ddialog],[part\x3dbackdrop]{transition:none;}}";
|
|
3
3
|
d.setAttribute("part","backdrop");e.setAttribute("part","dialog");e.setAttribute("role","dialog");e.setAttribute("aria-modal","true");g.setAttribute("part","header");h.setAttribute("name","header");k.setAttribute("part","body");p.setAttribute("part","footer");r.setAttribute("name","footer");g.appendChild(h);k.appendChild(m);p.appendChild(r);e.appendChild(g);e.appendChild(k);e.appendChild(p);b.appendChild(c);b.appendChild(d);b.appendChild(e);a.__xModalRefs={root:b,backdrop:d,dialog:e,header:g,body:k,
|
|
4
|
-
footer:p};return $APP.l(a,"__xModalRefs")},
|
|
5
|
-
a=$APP.
|
|
6
|
-
return $APP.
|
|
7
|
-
"");return null},
|
|
8
|
-
"-1"),a.__xModalDialogTab=!0),d.focus());return null},0):
|
|
9
|
-
$APP.n(d)?"true":"false");a.setAttribute("data-size",$APP.
|
|
10
|
-
g.shiftKey;$APP.n($APP.n(p)?$APP.C.h(k,m):p)?(g.preventDefault(),h.focus()):$APP.q(p)&&$APP.C.h(k,h)&&(g.preventDefault(),m.focus())}}return null}function c(){return
|
|
11
|
-
var e=$APP.l(b,"backdrop");b=$APP.l(b,"keydown");$APP.n(e)&&d.removeEventListener("click",e);$APP.n(b)&&c.removeEventListener("keydown",b)}a.__xModalHandlers=null},
|
|
12
|
-
this.setAttribute("size",""+$APP.
|
|
13
|
-
configurable:!0,writable:!0});Object.defineProperty(a,"toggle",{value:function(){$APP.n(this.hasAttribute("open"))?
|
|
14
|
-
function(b,c,d){$APP.
|
|
4
|
+
footer:p};return $APP.l(a,"__xModalRefs")},OK=function(a,b,c){a.dispatchEvent(new CustomEvent(b,{detail:c,bubbles:!0,composed:!0,cancelable:!1}))},PK=function(a){function b(d){var e=window.getComputedStyle(d);return $APP.O("none",e.display)&&$APP.O("hidden",e.visibility)&&d.offsetWidth>0&&d.offsetHeight>0}var c=$APP.Ld(b,$APP.ic($APP.l(a,"dialog").querySelectorAll("a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex\x3d'-1'])")));
|
|
5
|
+
a=$APP.Kd(function(d){return $APP.Ld(b,$APP.Kd(function(e){var g=$APP.ic(e.querySelectorAll("a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex\x3d'-1'])"));return $APP.n(e.matches("a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex\x3d'-1'])"))?$APP.Zc(e,g):g},$APP.ic([$APP.jc(d.assignedElements({flatten:!0}))])))},$APP.ic([$APP.ic($APP.l(a,"root").querySelectorAll("slot"))]));
|
|
6
|
+
return $APP.fe($APP.Id.h(c,a))},QK=function(a){var b=$APP.l(a,"__xModalRefs");b=$APP.n(b)?$APP.l(b,"dialog"):null;var c=$APP.l(a,"__xModalRestore"),d=$APP.l(a,"__xModalDialogTab")===!0;a.__xModalTabbables=null;a.__xModalRestore=null;$APP.n($APP.n(b)?d:b)&&(b.removeAttribute("tabindex"),a.__xModalDialogTab=!1);$APP.n($APP.n(c)?c.isConnected:c)&&c.focus()},RK=function(a,b){OK(a,"x-modal-dismiss",{reason:b});a.removeAttribute("open");return null},SK=function(a){$APP.n(a.hasAttribute("open"))||a.setAttribute("open",
|
|
7
|
+
"");return null},TK=function(a){a.removeAttribute("open");return null},UK=function(a,b){$APP.O($APP.l(a,"__xModalPrevOpen"),b)&&(a.__xModalPrevOpen=b,OK(a,"x-modal-toggle",{open:b}),$APP.n(b)?setTimeout(function(){var c=$APP.l(a,"__xModalRefs"),d=$APP.n(c)?$APP.l(c,"dialog"):null;c=$APP.n(c)?PK(c):null;a.__xModalRestore=document.activeElement;var e=$APP.n(c)?$APP.Mg(c):null;a.__xModalTabbables=e;$APP.u(c)?$APP.w(c).focus():$APP.n(d)&&($APP.n(d.hasAttribute("tabindex"))||(d.setAttribute("tabindex",
|
|
8
|
+
"-1"),a.__xModalDialogTab=!0),d.focus());return null},0):QK(a))},WK=function(a){var b=NK(a);b=$APP.l(b,"dialog");var c=new $APP.Q(null,3,[$APP.Xh,a.hasAttribute("open"),$APP.lj,a.getAttribute("size"),$APP.Dh,a.getAttribute("label")],null);var d=$APP.N(c),e=$APP.H(d,$APP.Xh);c=$APP.H(d,$APP.lj);d=$APP.H(d,$APP.Dh);e=$APP.J(e);c=typeof c==="string"&&$APP.K(VK,c)?c:"md";d=typeof d==="string"&&$APP.O(d,"")?d:"Modal";c=new $APP.Q(null,3,[$APP.fk,e,$APP.Qg,c,$APP.W,d],null);d=$APP.fk.g(c);a.setAttribute("data-open",
|
|
9
|
+
$APP.n(d)?"true":"false");a.setAttribute("data-size",$APP.Qg.g(c));b.setAttribute("aria-label",$APP.W.g(c));UK(a,d)},XK=function(a){function b(g){var h=g.key;if($APP.C.h(h,"Escape"))g.preventDefault(),RK(a,"escape");else if($APP.C.h(h,"Tab")){h=$APP.l(a,"__xModalTabbables");h=$APP.n(h)?$APP.fe($APP.ic(h)):$APP.Nd;var k=$APP.l(a,"__xModalRefs");k=$APP.n(k)?$APP.l(k,"dialog"):null;if($APP.uc(h))g.preventDefault(),$APP.n(k)&&k.focus();else{k=document.activeElement;var m=$APP.w(h);h=$APP.lc(h);var p=
|
|
10
|
+
g.shiftKey;$APP.n($APP.n(p)?$APP.C.h(k,m):p)?(g.preventDefault(),h.focus()):$APP.q(p)&&$APP.C.h(k,h)&&(g.preventDefault(),m.focus())}}return null}function c(){return RK(a,"backdrop")}var d=NK(a),e=$APP.l(d,"dialog");$APP.l(d,"backdrop").addEventListener("click",c);e.addEventListener("keydown",b);$APP.ma(a,"__xModalHandlers",{backdrop:c,keydown:b})},YK=function(a){var b=$APP.l(a,"__xModalHandlers"),c=$APP.l(a,"__xModalRefs");if($APP.n($APP.n(b)?c:b)){var d=$APP.l(c,"backdrop");c=$APP.l(c,"dialog");
|
|
11
|
+
var e=$APP.l(b,"backdrop");b=$APP.l(b,"keydown");$APP.n(e)&&d.removeEventListener("click",e);$APP.n(b)&&c.removeEventListener("keydown",b)}a.__xModalHandlers=null},ZK=function(a){Object.defineProperty(a,"open",{get:function(){return this.hasAttribute("open")},set:function(b){return $APP.n(b)?SK(this):TK(this)},enumerable:!0,configurable:!0});Object.defineProperty(a,"size",{get:function(){var b=this.getAttribute("size");return $APP.n(b)?b:"md"},set:function(b){return b==null?this.removeAttribute("size"):
|
|
12
|
+
this.setAttribute("size",""+$APP.S.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"label",{get:function(){var b=this.getAttribute("label");return $APP.n(b)?b:"Modal"},set:function(b){return b==null?this.removeAttribute("label"):this.setAttribute("label",""+$APP.S.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"show",{value:function(){return SK(this)},enumerable:!0,configurable:!0,writable:!0});Object.defineProperty(a,"hide",{value:function(){return TK(this)},enumerable:!0,
|
|
13
|
+
configurable:!0,writable:!0});Object.defineProperty(a,"toggle",{value:function(){$APP.n(this.hasAttribute("open"))?TK(this):SK(this);return null},enumerable:!0,configurable:!0,writable:!0})},aL=function(){if(!$APP.n(customElements.get("x-modal"))){var a=class extends HTMLElement{};a.observedAttributes=$K;a.prototype.connectedCallback=function(){NK(this);YK(this);XK(this);WK(this);return null};a.prototype.disconnectedCallback=function(){YK(this);QK(this);return null};a.prototype.attributeChangedCallback=
|
|
14
|
+
function(b,c,d){$APP.O(c,d)&&WK(this);return null};ZK(a.prototype);customElements.define("x-modal",a)}return null},bL=function(){return aL()};var VK=new $APP.R(null,new $APP.Q(null,5,["md",null,"lg",null,"full",null,"xl",null,"sm",null],null),null),$K=["open","size","label"];$APP.zd(["x-modal-toggle",new $APP.Q(null,2,[$APP.Dj,!1,$APP.Y,new $APP.Q(null,1,[$APP.zj,$APP.Yj],null)],null),"x-modal-dismiss",new $APP.Q(null,2,[$APP.Dj,!1,$APP.Y,new $APP.Q(null,1,[$APP.hi,$APP.X],null)],null)]);$APP.ja("baredom.exports.x_modal.init",bL);export const init=bL;
|
package/dist/x-navbar.js
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
"actions-slot"),x=$APP.l(b,"toggle-slot");b=$APP.l(b,"end-slot");a=new $APP.Q(null,7,[$APP.W,a.getAttribute("label"),$APP.
|
|
4
|
-
typeof a==="string"?a:null,$APP.
|
|
5
|
-
$APP.Oi.g(a));d.setAttribute("data-alignment",
|
|
6
|
-
"pointer":c instanceof KeyboardEvent?"keyboard":"programmatic";$APP.n(g)&&(g=g.getAttribute("href"),
|
|
7
|
-
c)){if($APP.n($APP.l(a,"__xNavbarFocusVisible")))return null;a.__xNavbarFocusVisible=!0;a.setAttribute("data-focus-visible-within","true");return
|
|
8
|
-
c);$APP.l(b,"default-slot").addEventListener("slotchange",c);$APP.l(b,"actions-slot").addEventListener("slotchange",c);$APP.l(b,"toggle-slot").addEventListener("slotchange",c);$APP.l(b,"end-slot").addEventListener("slotchange",c)},
|
|
9
|
-
enumerable:!0,get:function(){var d=this.getAttribute(c);return $APP.n(d)?d:""},set:function(d){return $APP.n(d)?this.setAttribute(c,""+$APP.
|
|
10
|
-
$APP.l(this,"__xNavbarRefs")==null;var c=$APP.l(this,"__xNavbarRefs");if(!$APP.n(c)){c=this.attachShadow({mode:"open"});var d=
|
|
11
|
-
e.setAttribute("part","base");g.setAttribute("part","bar");h.setAttribute("part","brand");k.setAttribute("part","start");m.setAttribute("part","nav");p.setAttribute("part","actions");r.setAttribute("part","toggle");v.setAttribute("part","end");x.setAttribute("name","brand");y.setAttribute("name","start");D.setAttribute("name","actions");
|
|
12
|
-
g.appendChild(h);g.appendChild(k);g.appendChild(m);g.appendChild(p);g.appendChild(r);g.appendChild(v);e.appendChild(g);c.appendChild(d);c.appendChild(e);this.__xNavbarRefs=c={"end-slot":
|
|
13
|
-
a.prototype.attributeChangedCallback=function(){var b=$APP.l(this,"__xNavbarRefs");return $APP.n(b)?
|
|
14
|
-
$APP.
|
|
2
|
+
var uK=function(a,b,c){return typeof a==="string"&&$APP.K(b,a)?a:c},vK=function(a,b,c){return a.dispatchEvent(new CustomEvent(b,{detail:c,bubbles:!0,composed:!0,cancelable:!1}))},wK=function(a){return a.assignedNodes({flatten:!0})},xK=function(a){return document.createElement(a)},EK=function(a,b){var c=$APP.l(b,"base"),d=$APP.l(b,"bar"),e=$APP.l(b,"brand"),g=$APP.l(b,"start"),h=$APP.l(b,"actions"),k=$APP.l(b,"toggle"),m=$APP.l(b,"end"),p=$APP.l(b,"brand-slot"),r=$APP.l(b,"start-slot"),v=$APP.l(b,
|
|
3
|
+
"actions-slot"),x=$APP.l(b,"toggle-slot");b=$APP.l(b,"end-slot");a=new $APP.Q(null,7,[$APP.W,a.getAttribute("label"),$APP.li,a.getAttribute("orientation"),$APP.th,a.getAttribute("variant"),$APP.Ri,a.hasAttribute("sticky"),yK,a.hasAttribute("elevated"),$APP.Oi,a.getAttribute("breakpoint"),zK,a.getAttribute("alignment")],null);var y=$APP.N(a);a=$APP.H(y,$APP.W);var A=$APP.H(y,$APP.li),D=$APP.H(y,$APP.th),G=$APP.H(y,$APP.Ri),I=$APP.H(y,yK),F=$APP.H(y,$APP.Oi);y=$APP.H(y,zK);a=new $APP.Q(null,7,[$APP.W,
|
|
4
|
+
typeof a==="string"?a:null,$APP.li,uK(A,AK,"horizontal"),$APP.th,uK(D,BK,"default"),$APP.Ri,$APP.J(G),yK,$APP.J(I),$APP.Oi,uK(F,CK,"md"),zK,uK(y,DK,"space-between")],null);p=wK(p).length>0;r=wK(r).length>0;v=wK(v).length>0;x=wK(x).length>0;b=wK(b).length>0;A=$APP.N(a);A=$APP.H(A,$APP.W);A=typeof A==="string"&&$APP.O("",A)?A:null;$APP.n(A)?c.setAttribute("aria-label",A):c.removeAttribute("aria-label");c.setAttribute("data-variant",$APP.th.g(a));c.setAttribute("data-orientation",$APP.li.g(a));c.setAttribute("data-breakpoint",
|
|
5
|
+
$APP.Oi.g(a));d.setAttribute("data-alignment",zK.g(a));e.setAttribute("data-has-brand",p?"true":"false");g.setAttribute("data-has-start",r?"true":"false");h.setAttribute("data-has-actions",v?"true":"false");k.setAttribute("data-has-toggle",x?"true":"false");return m.setAttribute("data-has-end",b?"true":"false")},FK=function(a,b){b.addEventListener("click",function(c){var d=$APP.l(a,"__xNavbarRefs"),e=c.target,g=$APP.n(e)?e.closest("a"):null;c=c instanceof PointerEvent?"pointer":c instanceof MouseEvent?
|
|
6
|
+
"pointer":c instanceof KeyboardEvent?"keyboard":"programmatic";$APP.n(g)&&(g=g.getAttribute("href"),vK(a,"navigate",{href:$APP.n(g)?g:"",source:c}));a:{d=wK($APP.l(d,"brand-slot"));for(g=0;;)if(g<d.length){var h=d[g];var k=$APP.C.h(h,e);h=k?k:(k=$APP.C.h(h.nodeType,Node.ELEMENT_NODE))?h.contains(e):k;if($APP.n(h)){e=!0;break a}g+=1}else{e=!1;break a}e=void 0}return e?vK(a,"brand-activate",{source:c}):null});b.addEventListener("focusin",function(c){c=c.target;if($APP.n($APP.n(c)?c.matches(":focus-visible"):
|
|
7
|
+
c)){if($APP.n($APP.l(a,"__xNavbarFocusVisible")))return null;a.__xNavbarFocusVisible=!0;a.setAttribute("data-focus-visible-within","true");return vK(a,"focus-visible",{})}return null});b.addEventListener("focusout",function(c){c=c.relatedTarget;if($APP.n($APP.n(c)?a.contains(c):c))return null;a.__xNavbarFocusVisible=!1;return a.removeAttribute("data-focus-visible-within")})},GK=function(a,b){function c(){return EK(a,b)}$APP.l(b,"brand-slot").addEventListener("slotchange",c);$APP.l(b,"start-slot").addEventListener("slotchange",
|
|
8
|
+
c);$APP.l(b,"default-slot").addEventListener("slotchange",c);$APP.l(b,"actions-slot").addEventListener("slotchange",c);$APP.l(b,"toggle-slot").addEventListener("slotchange",c);$APP.l(b,"end-slot").addEventListener("slotchange",c)},HK=function(a,b,c){Object.defineProperty(a,b,{configurable:!0,enumerable:!0,get:function(){return this.hasAttribute(c)},set:function(d){return $APP.n($APP.J(d))?this.setAttribute(c,""):this.removeAttribute(c)}})},IK=function(a,b,c){Object.defineProperty(a,b,{configurable:!0,
|
|
9
|
+
enumerable:!0,get:function(){var d=this.getAttribute(c);return $APP.n(d)?d:""},set:function(d){return $APP.n(d)?this.setAttribute(c,""+$APP.S.g(d)):this.removeAttribute(c)}})},JK=function(a){HK(a,"sticky","sticky");HK(a,"elevated","elevated");IK(a,"label","label");IK(a,"variant","variant");IK(a,"orientation","orientation");IK(a,"alignment","alignment");IK(a,"breakpoint","breakpoint")},LK=function(){var a=class extends HTMLElement{};a.observedAttributes=KK;a.prototype.connectedCallback=function(){var b=
|
|
10
|
+
$APP.l(this,"__xNavbarRefs")==null;var c=$APP.l(this,"__xNavbarRefs");if(!$APP.n(c)){c=this.attachShadow({mode:"open"});var d=xK("style"),e=xK("nav"),g=xK("div"),h=xK("div"),k=xK("div"),m=xK("div"),p=xK("div"),r=xK("div"),v=xK("div"),x=xK("slot"),y=xK("slot"),A=xK("slot"),D=xK("slot"),G=xK("slot"),I=xK("slot");d.textContent=":host{display:block;color-scheme:light dark;--x-navbar-height:4rem;--x-navbar-padding-inline:1rem;--x-navbar-gap:0.75rem;--x-navbar-bg:rgba(255,255,255,0.88);--x-navbar-color:#0f172a;--x-navbar-border:rgba(148,163,184,0.22);--x-navbar-shadow:0 8px 24px rgba(15,23,42,0.08);--x-navbar-focus-ring:#60a5fa;--x-navbar-z-index:40;--x-navbar-radius:1rem;--x-navbar-transition-duration:180ms;--x-navbar-transition-easing:cubic-bezier(0.2,0,0,1);--x-navbar-align-items:center;}@media (prefers-color-scheme: dark){:host{--x-navbar-bg:rgba(15,23,42,0.84);--x-navbar-color:#e5e7eb;--x-navbar-border:rgba(51,65,85,0.9);--x-navbar-shadow:0 14px 36px rgba(0,0,0,0.35);--x-navbar-focus-ring:#93c5fd;}}:host([hidden]){display:none;}[part\x3d'base']{display:block;color:var(--x-navbar-color);background:var(--x-navbar-bg);border:1px solid var(--x-navbar-border);border-radius:var(--x-navbar-radius);box-shadow:none;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:background var(--x-navbar-transition-duration) var(--x-navbar-transition-easing),border-color var(--x-navbar-transition-duration) var(--x-navbar-transition-easing),box-shadow var(--x-navbar-transition-duration) var(--x-navbar-transition-easing);}:host([sticky]) [part\x3d'base']{position:sticky;top:0;z-index:var(--x-navbar-z-index);}:host([elevated]) [part\x3d'base']{box-shadow:var(--x-navbar-shadow);}[part\x3d'base'][data-variant\x3d'subtle']{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;}[part\x3d'base'][data-variant\x3d'inverted']{background:#0f172a;color:#f8fafc;border-color:#1e293b;}@media (prefers-color-scheme: dark){[part\x3d'base'][data-variant\x3d'inverted']{background:#020617;color:#f8fafc;border-color:#172033;}}[part\x3d'base'][data-variant\x3d'transparent']{background:transparent;border-color:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;}[part\x3d'bar']{display:grid;grid-template-columns:auto auto 1fr auto auto auto;align-items:var(--x-navbar-align-items, center);gap:var(--x-navbar-gap);min-block-size:var(--x-navbar-height);padding-inline:var(--x-navbar-padding-inline);}[part\x3d'bar'][data-alignment\x3d'start']{justify-items:start;}[part\x3d'bar'][data-alignment\x3d'center']{justify-items:center;}[part\x3d'bar'][data-alignment\x3d'space-between']{justify-items:stretch;}[part\x3d'base'][data-orientation\x3d'vertical'] [part\x3d'bar']{grid-template-columns:1fr;grid-auto-rows:auto;align-items:var(--x-navbar-align-items, center);padding-block:0.75rem;}[part\x3d'brand'],[part\x3d'start'],[part\x3d'nav'],[part\x3d'actions'],[part\x3d'toggle'],[part\x3d'end']{display:flex;align-items:inherit;min-inline-size:0;}[part\x3d'nav']{gap:var(--x-navbar-gap);}[part\x3d'actions'],[part\x3d'end'],[part\x3d'toggle']{justify-self:end;}[part\x3d'base'][data-orientation\x3d'vertical'] [part\x3d'actions'],[part\x3d'base'][data-orientation\x3d'vertical'] [part\x3d'end'],[part\x3d'base'][data-orientation\x3d'vertical'] [part\x3d'toggle']{justify-self:start;}[part\x3d'brand'][data-has-brand\x3d'false'],[part\x3d'start'][data-has-start\x3d'false'],[part\x3d'actions'][data-has-actions\x3d'false'],[part\x3d'toggle'][data-has-toggle\x3d'false'],[part\x3d'end'][data-has-end\x3d'false']{display:none;}slot[name\x3d'brand'],slot[name\x3d'start'],slot[name\x3d'actions'],slot[name\x3d'toggle'],slot[name\x3d'end']{display:contents;}slot{display:contents;}:host(:focus-within) [part\x3d'base']{box-shadow:var(--x-navbar-shadow);}:host([data-focus-visible-within\x3d'true']) [part\x3d'base']{box-shadow:0 0 0 2px var(--x-navbar-focus-ring), var(--x-navbar-shadow);}@media (prefers-reduced-motion: reduce){[part\x3d'base']{transition:none;}}";
|
|
11
|
+
e.setAttribute("part","base");g.setAttribute("part","bar");h.setAttribute("part","brand");k.setAttribute("part","start");m.setAttribute("part","nav");p.setAttribute("part","actions");r.setAttribute("part","toggle");v.setAttribute("part","end");x.setAttribute("name","brand");y.setAttribute("name","start");D.setAttribute("name","actions");G.setAttribute("name","toggle");I.setAttribute("name","end");h.appendChild(x);k.appendChild(y);m.appendChild(A);p.appendChild(D);r.appendChild(G);v.appendChild(I);
|
|
12
|
+
g.appendChild(h);g.appendChild(k);g.appendChild(m);g.appendChild(p);g.appendChild(r);g.appendChild(v);e.appendChild(g);c.appendChild(d);c.appendChild(e);this.__xNavbarRefs=c={"end-slot":I,bar:g,start:k,toggle:r,actions:p,brand:h,"default-slot":A,root:c,"brand-slot":x,"start-slot":y,"actions-slot":D,"toggle-slot":G,end:v,base:e,nav:m}}b&&(this.__xNavbarFocusVisible=!1,FK(this,$APP.l(c,"base")),GK(this,c));return EK(this,c)};a.prototype.disconnectedCallback=function(){this.__xNavbarFocusVisible=!1};
|
|
13
|
+
a.prototype.attributeChangedCallback=function(){var b=$APP.l(this,"__xNavbarRefs");return $APP.n(b)?EK(this,b):null};JK(a.prototype);return a},MK=function(){$APP.n(customElements.get("x-navbar"))||customElements.define("x-navbar",LK());return null},yK=new $APP.M(null,"elevated","elevated",-7323953),zK=new $APP.M(null,"alignment","alignment",1040093386);var AK=new $APP.R(null,new $APP.Q(null,2,["vertical",null,"horizontal",null],null),null),BK=new $APP.R(null,new $APP.Q(null,4,["transparent",null,"inverted",null,"subtle",null,"default",null],null),null),CK=new $APP.R(null,new $APP.Q(null,4,["md",null,"lg",null,"xl",null,"sm",null],null),null),DK=new $APP.R(null,new $APP.Q(null,3,["center",null,"start",null,"space-between",null],null),null),KK="label orientation variant sticky elevated breakpoint alignment".split(" ");
|
|
14
|
+
$APP.zd(["focus-visible",new $APP.Q(null,1,[$APP.Y,$APP.Ad],null),"navigate",new $APP.Q(null,1,[$APP.Y,new $APP.Q(null,2,[$APP.pk,$APP.X,$APP.oi,$APP.X],null)],null),"brand-activate",new $APP.Q(null,1,[$APP.Y,new $APP.Q(null,1,[$APP.oi,$APP.X],null)],null)]);$APP.ja("baredom.exports.x_navbar.init",MK);export const init=MK;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var bm=function(a){return typeof a==="string"&&$APP.
|
|
3
|
-
d.setAttribute("part","container");d.setAttribute("role","log");d.setAttribute("aria-live","polite");b.appendChild(c);b.appendChild(d);a.__xNcRefs={root:b,container:d};return $APP.l(a,"__xNcRefs")},em=function(a){var b=a.getAttribute("position");b=bm(b);a.setAttribute("data-position",b)},fm=function(a,b,c){a.dispatchEvent(new CustomEvent(b,{detail:$APP.
|
|
4
|
-
g=g.querySelectorAll("x-alert").length-1;h=h.getAttribute("type");var k=d.detail.reason;d=d.detail.text;fm(a,"x-notification-center-dismiss",new $APP.Q(null,5,[$APP.xi,e,$APP.Z,$APP.n(h)?h:"info",$APP.
|
|
5
|
-
"__xNcRefs");$APP.n($APP.n(b)?c:b)&&(c=$APP.l(c,"root"),b=$APP.l(b,"dismiss"),$APP.n(b)&&c.removeEventListener("x-alert-dismiss",b,{capture:!1}));a.__xNcHandlers=null},jm=function(a,b){var c=dm(a);c=$APP.l(c,"container");if(c.querySelectorAll("x-alert").length<function(){var r=$APP.l(a,"__xNcMax");return $APP.n(r)?r:5}()){var d=document.createElement("x-alert"),e=function(){var r=$APP.l(b,"id");$APP.n(r)||(r=im.v,im.v=r+1,r="xnc-"+$APP.
|
|
6
|
-
"icon"),m=$APP.l(b,"timeoutMs"),p=$APP.l(b,"dismissible");d.setAttribute("data-notification-id",e);$APP.n(g)&&d.setAttribute("type",g);$APP.n(h)&&d.setAttribute("text",h);$APP.n(k)&&d.setAttribute("icon",k);$APP.n(m)&&d.setAttribute("timeout-ms",""+$APP.
|
|
7
|
-
"position",{get:function(){return bm(this.getAttribute("position"))},set:function(b){return $APP.n(b)?this.setAttribute("position",""+$APP.
|
|
2
|
+
var bm=function(a){return typeof a==="string"&&$APP.K(am,a.toLowerCase())?a.toLowerCase():"top-right"},cm=function(a){if(a==null)return 5;a=parseInt(""+$APP.S.g(a),10);return typeof a==="number"&&$APP.q(isNaN(a))&&a>0?a:5},dm=function(a){var b=$APP.l(a,"__xNcRefs");if($APP.n(b))return b;b=a.attachShadow({mode:"open"});var c=document.createElement("style"),d=document.createElement("div");c.textContent=":host{display:block;position:fixed;z-index:var(--x-notification-center-z-index,9999);--x-notification-center-width:360px;--x-notification-center-gap:8px;--x-notification-center-offset-x:16px;--x-notification-center-offset-y:16px;--x-notification-center-z-index:9999;pointer-events:none;}:host([data-position\x3d'top-right']){top:var(--x-notification-center-offset-y);right:var(--x-notification-center-offset-x);}:host([data-position\x3d'top-left']){top:var(--x-notification-center-offset-y);left:var(--x-notification-center-offset-x);}:host([data-position\x3d'bottom-right']){bottom:var(--x-notification-center-offset-y);right:var(--x-notification-center-offset-x);}:host([data-position\x3d'bottom-left']){bottom:var(--x-notification-center-offset-y);left:var(--x-notification-center-offset-x);}:host([data-position\x3d'top-center']){top:var(--x-notification-center-offset-y);left:50%;transform:translateX(-50%);}:host([data-position\x3d'bottom-center']){bottom:var(--x-notification-center-offset-y);left:50%;transform:translateX(-50%);}[part\x3dcontainer]{display:flex;flex-direction:column;gap:var(--x-notification-center-gap);width:var(--x-notification-center-width);pointer-events:auto;}:host([data-position\x3d'bottom-right']) [part\x3dcontainer],:host([data-position\x3d'bottom-left']) [part\x3dcontainer],:host([data-position\x3d'bottom-center']) [part\x3dcontainer]{flex-direction:column-reverse;}";
|
|
3
|
+
d.setAttribute("part","container");d.setAttribute("role","log");d.setAttribute("aria-live","polite");b.appendChild(c);b.appendChild(d);a.__xNcRefs={root:b,container:d};return $APP.l(a,"__xNcRefs")},em=function(a){var b=a.getAttribute("position");b=bm(b);a.setAttribute("data-position",b)},fm=function(a,b,c){a.dispatchEvent(new CustomEvent(b,{detail:$APP.Mg(c),bubbles:!0,composed:!0,cancelable:!1}))},gm=function(a){function b(d){var e=dm(a),g=$APP.l(e,"container"),h=d.target;e=h.getAttribute("data-notification-id");
|
|
4
|
+
g=g.querySelectorAll("x-alert").length-1;h=h.getAttribute("type");var k=d.detail.reason;d=d.detail.text;fm(a,"x-notification-center-dismiss",new $APP.Q(null,5,[$APP.xi,e,$APP.Z,$APP.n(h)?h:"info",$APP.hi,$APP.n(k)?k:"",$APP.Di,$APP.n(d)?d:"",$APP.Yg,g],null));g===0&&fm(a,"x-notification-center-empty",$APP.Ad);return null}var c=dm(a);$APP.l(c,"root").addEventListener("x-alert-dismiss",b,{capture:!1});$APP.ma(a,"__xNcHandlers",{dismiss:b})},hm=function(a){var b=$APP.l(a,"__xNcHandlers"),c=$APP.l(a,
|
|
5
|
+
"__xNcRefs");$APP.n($APP.n(b)?c:b)&&(c=$APP.l(c,"root"),b=$APP.l(b,"dismiss"),$APP.n(b)&&c.removeEventListener("x-alert-dismiss",b,{capture:!1}));a.__xNcHandlers=null},jm=function(a,b){var c=dm(a);c=$APP.l(c,"container");if(c.querySelectorAll("x-alert").length<function(){var r=$APP.l(a,"__xNcMax");return $APP.n(r)?r:5}()){var d=document.createElement("x-alert"),e=function(){var r=$APP.l(b,"id");$APP.n(r)||(r=im.v,im.v=r+1,r="xnc-"+$APP.S.g(r));return r}(),g=$APP.l(b,"type"),h=$APP.l(b,"text"),k=$APP.l(b,
|
|
6
|
+
"icon"),m=$APP.l(b,"timeoutMs"),p=$APP.l(b,"dismissible");d.setAttribute("data-notification-id",e);$APP.n(g)&&d.setAttribute("type",g);$APP.n(h)&&d.setAttribute("text",h);$APP.n(k)&&d.setAttribute("icon",k);$APP.n(m)&&d.setAttribute("timeout-ms",""+$APP.S.g(m|0));p===!1&&d.setAttribute("dismissible","false");c.appendChild(d);fm(a,"x-notification-center-push",new $APP.Q(null,2,[$APP.xi,e,$APP.Yg,c.querySelectorAll("x-alert").length],null));return e}return null},km=function(a){Object.defineProperty(a,
|
|
7
|
+
"position",{get:function(){return bm(this.getAttribute("position"))},set:function(b){return $APP.n(b)?this.setAttribute("position",""+$APP.S.g(b)):this.removeAttribute("position")},enumerable:!0,configurable:!0});Object.defineProperty(a,"max",{get:function(){return cm(this.getAttribute("max"))},set:function(b){return $APP.n(b)?this.setAttribute("max",""+$APP.S.g(b|0)):this.removeAttribute("max")},enumerable:!0,configurable:!0});Object.defineProperty(a,"count",{get:function(){var b=$APP.l(this,"__xNcRefs");
|
|
8
8
|
return $APP.n(b)?$APP.l(b,"container").querySelectorAll("x-alert").length:0},enumerable:!0,configurable:!0})},mm=function(){var a=class extends HTMLElement{};a.observedAttributes=lm;a.prototype.connectedCallback=function(){dm(this);hm(this);gm(this);em(this);return null};a.prototype.disconnectedCallback=function(){hm(this);return null};a.prototype.attributeChangedCallback=function(b){$APP.C.h(b,"position")?em(this):$APP.C.h(b,"max")&&(this.__xNcMax=cm(this.getAttribute("max")));return null};km(a.prototype);
|
|
9
|
-
a.prototype.push=function(b){return jm(this,b)};a.prototype.clear=function(){var b=dm(this);b=$APP.u($APP.
|
|
10
|
-
return null};var lm=["position","max"],am=new $APP.
|
|
11
|
-
$APP.
|
|
9
|
+
a.prototype.push=function(b){return jm(this,b)};a.prototype.clear=function(){var b=dm(this);b=$APP.u($APP.ic($APP.l(b,"container").querySelectorAll("x-alert")));for(var c=null,d=0,e=0;;)if(e<d)c.H(null,e).remove(),e+=1;else if(b=$APP.u(b))c=b,$APP.Ac(c)?(b=$APP.ob(c),e=$APP.pb(c),c=b,d=$APP.B(b),b=e):($APP.w(c).remove(),b=$APP.z(c),c=null,d=0),e=0;else break;return null};return a},nm=function(){$APP.n(customElements.get("x-notification-center"))||customElements.define("x-notification-center",mm());
|
|
10
|
+
return null};var lm=["position","max"],am=new $APP.R(null,new $APP.Q(null,6,["top-center",null,"bottom-center",null,"top-right",null,"bottom-right",null,"top-left",null,"bottom-left",null],null),null);
|
|
11
|
+
$APP.zd(["x-notification-center-push",new $APP.Q(null,2,[$APP.Y,new $APP.Q(null,2,[$APP.xi,$APP.X,$APP.Yg,$APP.U],null),$APP.Dj,!1],null),"x-notification-center-dismiss",new $APP.Q(null,2,[$APP.Y,new $APP.Q(null,5,[$APP.xi,$APP.X,$APP.Z,$APP.X,$APP.hi,$APP.X,$APP.Di,$APP.X,$APP.Yg,$APP.U],null),$APP.Dj,!1],null),"x-notification-center-empty",new $APP.Q(null,2,[$APP.Y,$APP.Ad,$APP.Dj,!1],null)]);var im={v:0};$APP.ja("baredom.exports.x_notification_center.init",nm);export const init=nm;
|
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
var g=$APP.
|
|
4
|
-
m==null?"none":p;g=g!=null;var v=
|
|
5
|
-
p=$APP.C.h(c,"morph");v=A?v:x;y.setAttribute("viewBox",A?"0 0 1800 120":"0 0 1200 120");a:if(x=r.length,x<k)for(x=k-x,A=0;;)if(A<x){var D=document.createElementNS("http://www.w3.org/2000/svg","path");y.appendChild(D);r.push(D);A+=1}else break a;else if(x>k)for(x-=k,A=0;;)if(A<x)D=r.pop(),y.removeChild(D),A+=1;else break a;for(y=0;;)if(y<k){x=r[y];A=$APP.
|
|
6
|
-
")");x.setAttribute("opacity",""+$APP.
|
|
7
|
-
a.setAttribute("data-flip",""):a.removeAttribute("data-flip");$APP.n(b)?a.setAttribute("data-mirror",""):a.removeAttribute("data-mirror");$APP.
|
|
8
|
-
"layers",{get:function(){var b=this.getAttribute("layers");return $APP.n(b)?b:"1"},set:function(b){return typeof b==="string"&&$APP.
|
|
2
|
+
var aF=function(a){return typeof a==="string"&&$APP.K($E,a)?a:"wave"},dF=function(a){return $APP.Od(function(b){return new $APP.Q(null,2,[bF,b*20,cF,b*8],null)},$APP.Pf(0,a))},nF=function(a){var b=new $APP.Q(null,7,[$APP.mk,a.getAttribute("shape"),eF,a.getAttribute("layers"),$APP.Xj,a.getAttribute("height"),fF,a.getAttribute("flip"),gF,a.getAttribute("mirror"),$APP.ej,a.getAttribute("animation"),$APP.Lh,a.getAttribute("path")],null);var c=$APP.N(b),d=$APP.H(c,$APP.mk),e=$APP.H(c,eF);b=$APP.H(c,$APP.Xj);
|
|
3
|
+
var g=$APP.H(c,fF),h=$APP.H(c,gF),k=$APP.H(c,$APP.ej);c=$APP.H(c,$APP.Lh);c=typeof c==="string"&&$APP.O("",c.trim())?c.trim():null;d=aF(d);e=typeof e==="string"?parseInt(e,10):null;var m=e==null;m||(m=isNaN(e),m=$APP.n(m)?m:e<1);e=$APP.n(m)?1:e>5?5:e;var p=typeof k==="string"&&$APP.K(hF,k)?k:"none";k=c!=null?c:$APP.Pd(iF,new $APP.$d(null,2,5,$APP.ae,[aF(d),$APP.Lh],null));m=c==null?$APP.Pd(iF,new $APP.$d(null,2,5,$APP.ae,[aF(d),jF],null)):null;var r=c!=null?c:$APP.H(kF,aF(d));p=$APP.C.h(p,"morph")&&
|
|
4
|
+
m==null?"none":p;g=g!=null;var v=dF(e);h=h!=null;b=typeof b==="string"&&$APP.O("",b.trim())?b.trim():"120px";b=$APP.gf([$APP.Lh,$APP.Lj,$APP.ej,fF,lF,jF,$APP.mk,eF,gF,$APP.Xj,mF],[c,k,p,g,v,m,d,e,h,b,r]);k=$APP.N(b);b=$APP.H(k,gF);h=$APP.H(k,$APP.Xj);v=$APP.H(k,mF);var x=$APP.H(k,$APP.Lj);c=$APP.H(k,$APP.ej);d=$APP.H(k,fF);g=$APP.H(k,lF);e=$APP.H(k,jF);k=$APP.H(k,eF);m=$APP.l(a,"__xOrganicDividerBase");var y=$APP.l(a,"__xOrganicDividerSvg");r=$APP.l(a,"__xOrganicDividerPaths");var A=$APP.C.h(c,"drift");
|
|
5
|
+
p=$APP.C.h(c,"morph");v=A?v:x;y.setAttribute("viewBox",A?"0 0 1800 120":"0 0 1200 120");a:if(x=r.length,x<k)for(x=k-x,A=0;;)if(A<x){var D=document.createElementNS("http://www.w3.org/2000/svg","path");y.appendChild(D);r.push(D);A+=1}else break a;else if(x>k)for(x-=k,A=0;;)if(A<x)D=r.pop(),y.removeChild(D),A+=1;else break a;for(y=0;;)if(y<k){x=r[y];A=$APP.dc(g,y);D=$APP.N(A);A=$APP.H(D,bF);D=$APP.H(D,cF);var G=y+1;x.setAttribute("d",v);x.setAttribute("fill","var(--x-organic-divider-color-"+$APP.S.g(G)+
|
|
6
|
+
")");x.setAttribute("opacity",""+$APP.S.g(k<=1?1:.3+y/(k-1)*.7));A>0||D>0?x.setAttribute("transform","translate("+$APP.S.g(A)+","+$APP.S.g(D)+")"):x.removeAttribute("transform");p&&(x.style.setProperty("--x-organic-divider-d",'path("'+$APP.S.g(v)+'")'),$APP.n(e)&&x.style.setProperty("--x-organic-divider-d-alt",'path("'+$APP.S.g(e)+'")'));p||(x.style.removeProperty("--x-organic-divider-d"),x.style.removeProperty("--x-organic-divider-d-alt"));y+=1}else break;m.style.setProperty("height",h);$APP.n(d)?
|
|
7
|
+
a.setAttribute("data-flip",""):a.removeAttribute("data-flip");$APP.n(b)?a.setAttribute("data-mirror",""):a.removeAttribute("data-mirror");$APP.O(c,"none")?a.setAttribute("data-animation",c):a.removeAttribute("data-animation")},oF=function(a){Object.defineProperty(a,"shape",{get:function(){var b=this.getAttribute("shape");return $APP.n(b)?b:"wave"},set:function(b){return typeof b==="string"&&$APP.O("",b)?this.setAttribute("shape",b):this.removeAttribute("shape")},enumerable:!0,configurable:!0});Object.defineProperty(a,
|
|
8
|
+
"layers",{get:function(){var b=this.getAttribute("layers");return $APP.n(b)?b:"1"},set:function(b){return typeof b==="string"&&$APP.O("",b)?this.setAttribute("layers",b):this.removeAttribute("layers")},enumerable:!0,configurable:!0});Object.defineProperty(a,"height",{get:function(){var b=this.getAttribute("height");return $APP.n(b)?b:"120px"},set:function(b){return typeof b==="string"&&$APP.O("",b)?this.setAttribute("height",b):this.removeAttribute("height")},enumerable:!0,configurable:!0});Object.defineProperty(a,
|
|
9
9
|
"flip",{get:function(){return this.hasAttribute("flip")},set:function(b){return $APP.n(b)?this.setAttribute("flip",""):this.removeAttribute("flip")},enumerable:!0,configurable:!0});Object.defineProperty(a,"mirror",{get:function(){return this.hasAttribute("mirror")},set:function(b){return $APP.n(b)?this.setAttribute("mirror",""):this.removeAttribute("mirror")},enumerable:!0,configurable:!0});Object.defineProperty(a,"animation",{get:function(){var b=this.getAttribute("animation");return $APP.n(b)?b:
|
|
10
|
-
"none"},set:function(b){return typeof b==="string"&&$APP.
|
|
10
|
+
"none"},set:function(b){return typeof b==="string"&&$APP.O("",b)?this.setAttribute("animation",b):this.removeAttribute("animation")},enumerable:!0,configurable:!0});Object.defineProperty(a,"path",{get:function(){return this.getAttribute("path")},set:function(b){return typeof b==="string"&&$APP.O("",b)?this.setAttribute("path",b):this.removeAttribute("path")},enumerable:!0,configurable:!0})},qF=function(){var a=class extends HTMLElement{};a.observedAttributes=pF;a.prototype.connectedCallback=function(){if(!$APP.n($APP.l(this,
|
|
11
11
|
"__xOrganicDividerInit"))){var b=this.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("div"),e=document.createElementNS("http://www.w3.org/2000/svg","svg");c.textContent=":host{display:block;box-sizing:border-box;color-scheme:light dark;line-height:0;font-size:0;overflow:hidden;--x-organic-divider-color-1:rgba(99,102,241,0.15);--x-organic-divider-color-2:rgba(99,102,241,0.25);--x-organic-divider-color-3:rgba(99,102,241,0.40);--x-organic-divider-color-4:rgba(99,102,241,0.60);--x-organic-divider-color-5:rgba(99,102,241,0.85);--x-organic-divider-height:120px;--x-organic-divider-animate-duration:6s;--x-organic-divider-animate-timing:ease-in-out;}@media (prefers-color-scheme:dark){:host{--x-organic-divider-color-1:rgba(129,140,248,0.12);--x-organic-divider-color-2:rgba(129,140,248,0.22);--x-organic-divider-color-3:rgba(129,140,248,0.35);--x-organic-divider-color-4:rgba(129,140,248,0.50);--x-organic-divider-color-5:rgba(129,140,248,0.70);}}[part\x3dbase]{width:100%;position:relative;overflow:hidden;}[part\x3dbase] svg{display:block;width:100%;height:100%;}:host([data-flip]) [part\x3dbase]{transform:scaleY(-1);}:host([data-mirror]) [part\x3dbase]{transform:scaleX(-1);}:host([data-flip][data-mirror]) [part\x3dbase]{transform:scaleX(-1) scaleY(-1);}@keyframes x-organic-divider-drift{0%{transform:translateX(0);}100%{transform:translateX(-33.333%);}}:host([data-animation\x3ddrift]) [part\x3dbase] svg{width:150%;animation:x-organic-divider-drift var(--x-organic-divider-animate-duration) linear infinite;}@keyframes x-organic-divider-morph{0%,100%{d:var(--x-organic-divider-d);}50%{d:var(--x-organic-divider-d-alt);}}:host([data-animation\x3dmorph]) [part\x3dbase] path{animation:x-organic-divider-morph var(--x-organic-divider-animate-duration) var(--x-organic-divider-animate-timing) infinite;}@media (prefers-reduced-motion:reduce){:host([data-animation]) [part\x3dbase] svg,:host([data-animation]) [part\x3dbase] path{animation:none;}}";
|
|
12
|
-
d.setAttribute("part","base");e.setAttribute("xmlns","http://www.w3.org/2000/svg");e.setAttribute("preserveAspectRatio","none");e.setAttribute("aria-hidden","true");d.appendChild(e);b.appendChild(c);b.appendChild(d);this.setAttribute("role","presentation");this.setAttribute("aria-hidden","true");this.__xOrganicDividerBase=d;this.__xOrganicDividerSvg=e;this.__xOrganicDividerPaths=[];this.__xOrganicDividerInit=!0}
|
|
13
|
-
function(b,c,d){$APP.
|
|
14
|
-
"transforms","transforms",793344554),
|
|
15
|
-
null),"waves",new $APP.Q(null,2,[$APP.
|
|
16
|
-
null),"mountain",new $APP.Q(null,2,[$APP.
|
|
17
|
-
|
|
18
|
-
[$APP.
|
|
19
|
-
|
|
20
|
-
null);$APP.ja("baredom.exports.x_organic_divider.init",
|
|
12
|
+
d.setAttribute("part","base");e.setAttribute("xmlns","http://www.w3.org/2000/svg");e.setAttribute("preserveAspectRatio","none");e.setAttribute("aria-hidden","true");d.appendChild(e);b.appendChild(c);b.appendChild(d);this.setAttribute("role","presentation");this.setAttribute("aria-hidden","true");this.__xOrganicDividerBase=d;this.__xOrganicDividerSvg=e;this.__xOrganicDividerPaths=[];this.__xOrganicDividerInit=!0}nF(this);return null};a.prototype.disconnectedCallback=function(){return null};a.prototype.attributeChangedCallback=
|
|
13
|
+
function(b,c,d){$APP.O(c,d)&&$APP.n($APP.l(this,"__xOrganicDividerInit"))&&nF(this);return null};oF(a.prototype);return a},rF=function(){$APP.n(customElements.get("x-organic-divider"))||customElements.define("x-organic-divider",qF());return null},cF=new $APP.M(null,"y-offset","y-offset",-1716542),fF=new $APP.M(null,"flip","flip",2033871302),eF=new $APP.M(null,"layers","layers",1944875032),mF=new $APP.M(null,"drift-d","drift-d",-1241526977),gF=new $APP.M(null,"mirror","mirror",1914600218),lF=new $APP.M(null,
|
|
14
|
+
"transforms","transforms",793344554),bF=new $APP.M(null,"x-offset","x-offset",-1499732449),jF=new $APP.M(null,"path-alt","path-alt",1724994068);var pF="shape layers height flip mirror animation path".split(" "),hF=new $APP.R(null,new $APP.Q(null,3,["none",null,"drift",null,"morph",null],null),null),$E=new $APP.R(null,new $APP.Q(null,8,["drip",null,"cloud",null,"scallop",null,"waves",null,"mountain",null,"slant",null,"blob-edge",null,"wave",null],null),null),iF=new $APP.Q(null,8,["wave",new $APP.Q(null,2,[$APP.Lh,"M0,60 C200,20 400,100 600,60 C800,20 1000,100 1200,60 L1200,120 L0,120 Z",jF,"M0,45 C200,85 400,15 600,55 C800,90 1000,10 1200,50 L1200,120 L0,120 Z"],
|
|
15
|
+
null),"waves",new $APP.Q(null,2,[$APP.Lh,"M0,40 C150,80 300,0 450,40 C600,80 750,10 900,50 C1050,90 1150,30 1200,50 L1200,120 L0,120 Z",jF,"M0,55 C150,15 300,85 450,50 C600,10 750,80 900,35 C1050,5 1150,75 1200,40 L1200,120 L0,120 Z"],null),"blob-edge",new $APP.Q(null,2,[$APP.Lh,"M0,50 C80,30 160,70 240,45 C320,20 400,80 500,55 C600,30 680,75 780,40 C880,5 960,65 1060,50 C1120,40 1180,60 1200,45 L1200,120 L0,120 Z",jF,"M0,40 C80,65 160,25 240,60 C320,80 400,20 500,45 C600,70 680,15 780,55 C880,75 960,10 1060,35 C1120,55 1180,30 1200,55 L1200,120 L0,120 Z"],
|
|
16
|
+
null),"mountain",new $APP.Q(null,2,[$APP.Lh,"M0,90 C100,90 200,30 350,30 C500,30 450,85 600,85 C750,85 700,15 850,15 C1000,15 950,80 1100,80 C1150,80 1200,60 1200,60 L1200,120 L0,120 Z",jF,"M0,80 C100,80 200,45 350,45 C500,45 450,75 600,75 C750,75 700,30 850,30 C1000,30 950,70 1100,70 C1150,70 1200,50 1200,50 L1200,120 L0,120 Z"],null),"drip",new $APP.Q(null,2,[$APP.Lh,"M0,20 C50,20 100,20 150,20 C175,20 185,60 200,80 C215,100 225,100 240,80 C255,60 265,20 290,20 L450,20 C475,20 485,50 500,70 C515,90 525,90 540,70 C555,50 565,20 590,20 L800,20 C825,20 835,70 850,90 C865,110 875,110 890,90 C905,70 915,20 940,20 L1200,20 L1200,120 L0,120 Z",
|
|
17
|
+
jF,"M0,20 C50,20 100,20 170,20 C195,20 205,55 220,72 C235,90 245,90 260,72 C275,55 285,20 310,20 L470,20 C495,20 505,45 520,62 C535,80 545,80 560,62 C575,45 585,20 610,20 L820,20 C845,20 855,65 870,85 C885,105 895,105 910,85 C925,65 935,20 960,20 L1200,20 L1200,120 L0,120 Z"],null),"slant",new $APP.Q(null,2,[$APP.Lh,"M0,100 C300,90 600,30 900,10 C1000,5 1100,2 1200,0 L1200,120 L0,120 Z",jF,"M0,80 C300,70 600,50 900,30 C1000,20 1100,10 1200,20 L1200,120 L0,120 Z"],null),"scallop",new $APP.Q(null,2,
|
|
18
|
+
[$APP.Lh,"M0,60 Q75,0 150,60 Q225,120 300,60 Q375,0 450,60 Q525,120 600,60 Q675,0 750,60 Q825,120 900,60 Q975,0 1050,60 Q1125,120 1200,60 L1200,120 L0,120 Z",jF,"M0,50 Q75,110 150,50 Q225,-10 300,50 Q375,110 450,50 Q525,-10 600,50 Q675,110 750,50 Q825,-10 900,50 Q975,110 1050,50 Q1125,-10 1200,50 L1200,120 L0,120 Z"],null),"cloud",new $APP.Q(null,2,[$APP.Lh,"M0,80 C50,80 80,40 140,40 C180,40 200,60 220,60 C240,60 260,20 320,20 C380,20 400,50 440,50 C480,50 500,10 560,10 C620,10 640,40 700,40 C760,40 780,25 840,25 C900,25 920,55 960,55 C1000,55 1040,30 1100,30 C1140,30 1180,60 1200,60 L1200,120 L0,120 Z",
|
|
19
|
+
jF,"M0,70 C50,70 80,50 140,50 C180,50 200,70 220,70 C240,70 260,30 320,30 C380,30 400,60 440,60 C480,60 500,20 560,20 C620,20 640,50 700,50 C760,50 780,35 840,35 C900,35 920,65 960,65 C1000,65 1040,40 1100,40 C1140,40 1180,70 1200,70 L1200,120 L0,120 Z"],null)],null),kF=new $APP.Q(null,8,"wave;M0,60 C200,20 400,100 600,60 C800,20 1000,100 1200,60 C1400,20 1600,100 1800,60 L1800,120 L0,120 Z;waves;M0,40 C150,80 300,0 450,40 C600,80 750,10 900,50 C1050,90 1150,30 1200,50 C1350,80 1500,0 1650,40 C1800,80 1800,50 1800,50 L1800,120 L0,120 Z;blob-edge;M0,50 C80,30 160,70 240,45 C320,20 400,80 500,55 C600,30 680,75 780,40 C880,5 960,65 1060,50 C1120,40 1180,60 1200,45 C1280,30 1360,70 1440,45 C1520,20 1600,80 1700,55 C1800,30 1800,50 1800,50 L1800,120 L0,120 Z;mountain;M0,90 C100,90 200,30 350,30 C500,30 450,85 600,85 C750,85 700,15 850,15 C1000,15 950,80 1100,80 C1150,80 1200,60 1300,60 C1400,60 1400,30 1500,30 C1600,30 1550,80 1700,80 C1750,80 1800,60 1800,60 L1800,120 L0,120 Z;drip;M0,20 C50,20 100,20 150,20 C175,20 185,60 200,80 C215,100 225,100 240,80 C255,60 265,20 290,20 L450,20 C475,20 485,50 500,70 C515,90 525,90 540,70 C555,50 565,20 590,20 L800,20 C825,20 835,70 850,90 C865,110 875,110 890,90 C905,70 915,20 940,20 L1200,20 C1225,20 1235,60 1250,80 C1265,100 1275,100 1290,80 C1305,60 1315,20 1340,20 L1500,20 C1525,20 1535,50 1550,70 C1565,90 1575,90 1590,70 C1605,50 1615,20 1640,20 L1800,20 L1800,120 L0,120 Z;slant;M0,100 C300,90 600,30 900,10 C1000,5 1100,2 1200,0 C1300,2 1500,90 1800,100 L1800,120 L0,120 Z;scallop;M0,60 Q75,0 150,60 Q225,120 300,60 Q375,0 450,60 Q525,120 600,60 Q675,0 750,60 Q825,120 900,60 Q975,0 1050,60 Q1125,120 1200,60 Q1275,0 1350,60 Q1425,120 1500,60 Q1575,0 1650,60 Q1725,120 1800,60 L1800,120 L0,120 Z;cloud;M0,80 C50,80 80,40 140,40 C180,40 200,60 220,60 C240,60 260,20 320,20 C380,20 400,50 440,50 C480,50 500,10 560,10 C620,10 640,40 700,40 C760,40 780,25 840,25 C900,25 920,55 960,55 C1000,55 1040,30 1100,30 C1140,30 1180,60 1200,60 C1240,60 1260,20 1320,20 C1380,20 1400,50 1440,50 C1480,50 1500,10 1560,10 C1620,10 1640,40 1700,40 C1760,40 1780,60 1800,60 L1800,120 L0,120 Z".split(";"),
|
|
20
|
+
null);$APP.ja("baredom.exports.x_organic_divider.init",rF);export const init=rF;
|
package/dist/x-organic-shape.js
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
d.setAttribute("part","shape");d.appendChild(e);b.appendChild(c);b.appendChild(d);a.__xOrganicShapeBase=d;a.__xOrganicShapeSlot=e;a.__xOrganicShapeInit=!0},
|
|
4
|
-
|
|
5
|
-
"morph")&&m==null?"none":k;h=typeof h==="string"&&$APP.
|
|
6
|
-
m.style.setProperty("clip-path",b);m.style.setProperty("aspect-ratio",e);$APP.n(d)?m.style.setProperty("width",d):m.style.removeProperty("width");$APP.n(g)?m.style.setProperty("height",g):m.style.removeProperty("height");$APP.
|
|
7
|
-
b);
|
|
8
|
-
Object.defineProperty(a,"animation",{get:function(){var b=this.getAttribute("animation");return $APP.n(b)?b:"none"},set:function(b){return typeof b==="string"&&$APP.
|
|
9
|
-
configurable:!0});Object.defineProperty(a,"width",{get:function(){var b=this.getAttribute("width");return $APP.n(b)?b:""},set:function(b){return typeof b==="string"&&$APP.
|
|
10
|
-
configurable:!0})},
|
|
11
|
-
return a},
|
|
12
|
-
null),"blob-2",new $APP.Q(null,2,[
|
|
13
|
-
|
|
14
|
-
null),"cloud",new $APP.Q(null,2,[
|
|
15
|
-
|
|
2
|
+
var uy=function(a){return typeof a==="string"&&$APP.K(ty,a)?a:"blob-1"},vy=function(a){return typeof a==="string"&&$APP.O("",a)?a:null},wy=function(a){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("slot");c.textContent=":host{display:block;box-sizing:border-box;color-scheme:light dark;--x-organic-shape-fill:rgba(99,102,241,0.12);--x-organic-shape-stroke:transparent;--x-organic-shape-stroke-width:0;--x-organic-shape-opacity:1;--x-organic-shape-shadow:none;--x-organic-shape-animate-duration:8s;--x-organic-shape-animate-timing:ease-in-out;--x-organic-shape-animate-direction:normal;--x-organic-shape-animate-delay:0s;}@media (prefers-color-scheme:dark){:host{--x-organic-shape-fill:rgba(129,140,248,0.18);}}[part\x3dshape]{width:100%;height:100%;position:relative;overflow:hidden;background:var(--x-organic-shape-fill);outline:var(--x-organic-shape-stroke-width) solid var(--x-organic-shape-stroke);outline-offset:calc(-1 * var(--x-organic-shape-stroke-width));opacity:var(--x-organic-shape-opacity);filter:var(--x-organic-shape-shadow);display:flex;align-items:center;justify-content:center;transition:clip-path 0.3s ease,opacity 0.3s ease;}@keyframes x-organic-shape-morph{0%,100%{clip-path:var(--x-organic-shape-clip);}50%{clip-path:var(--x-organic-shape-clip-alt);}}@keyframes x-organic-shape-pulse{0%,100%{transform:scale(1);}50%{transform:scale(1.06);}}@keyframes x-organic-shape-float{0%,100%{transform:translateY(0);}50%{transform:translateY(-6%);}}@keyframes x-organic-shape-spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}:host([data-animation\x3dmorph]) [part\x3dshape]{animation:x-organic-shape-morph var(--x-organic-shape-animate-duration) var(--x-organic-shape-animate-timing) var(--x-organic-shape-animate-delay) infinite var(--x-organic-shape-animate-direction);}:host([data-animation\x3dpulse]) [part\x3dshape]{animation:x-organic-shape-pulse var(--x-organic-shape-animate-duration) var(--x-organic-shape-animate-timing) var(--x-organic-shape-animate-delay) infinite var(--x-organic-shape-animate-direction);}:host([data-animation\x3dfloat]) [part\x3dshape]{animation:x-organic-shape-float var(--x-organic-shape-animate-duration) var(--x-organic-shape-animate-timing) var(--x-organic-shape-animate-delay) infinite var(--x-organic-shape-animate-direction);}:host([data-animation\x3dspin]) [part\x3dshape]{animation:x-organic-shape-spin var(--x-organic-shape-animate-duration) linear var(--x-organic-shape-animate-delay) infinite var(--x-organic-shape-animate-direction);}@media (prefers-reduced-motion:reduce){:host([data-animation]) [part\x3dshape]{animation:none;}}";
|
|
3
|
+
d.setAttribute("part","shape");d.appendChild(e);b.appendChild(c);b.appendChild(d);a.__xOrganicShapeBase=d;a.__xOrganicShapeSlot=e;a.__xOrganicShapeInit=!0},xy=function(a,b){if($APP.n($APP.n(b)?b.assignedNodes().length>0:null))return a.removeAttribute("role"),a.removeAttribute("aria-hidden");a.setAttribute("role","presentation");return a.setAttribute("aria-hidden","true")},Dy=function(a){var b=new $APP.Q(null,6,[$APP.mk,a.getAttribute("shape"),$APP.Lh,a.getAttribute("path"),$APP.ej,a.getAttribute("animation"),
|
|
4
|
+
yy,a.getAttribute("ratio"),$APP.fh,a.getAttribute("width"),$APP.Xj,a.getAttribute("height")],null);var c=$APP.N(b),d=$APP.H(c,$APP.mk),e=$APP.H(c,$APP.Lh),g=$APP.H(c,$APP.ej),h=$APP.H(c,yy);b=$APP.H(c,$APP.fh);c=$APP.H(c,$APP.Xj);e=typeof e==="string"&&$APP.O("",e.trim())?e.trim():null;d=uy(d);var k=typeof g==="string"&&$APP.K(zy,g)?g:"none";g=e!=null?e:$APP.Pd(Ay,new $APP.$d(null,2,5,$APP.ae,[uy(d),By],null));var m=e==null?$APP.Pd(Ay,new $APP.$d(null,2,5,$APP.ae,[uy(d),Cy],null)):null;k=$APP.C.h(k,
|
|
5
|
+
"morph")&&m==null?"none":k;h=typeof h==="string"&&$APP.O("",h.trim())?h.trim():"1/1";b=new $APP.Q(null,8,[$APP.mk,d,$APP.Lh,e,By,g,Cy,m,$APP.ej,k,yy,h,$APP.fh,vy(b),$APP.Xj,vy(c)],null);g=$APP.N(b);b=$APP.H(g,By);h=$APP.H(g,Cy);c=$APP.H(g,$APP.ej);e=$APP.H(g,yy);d=$APP.H(g,$APP.fh);g=$APP.H(g,$APP.Xj);m=$APP.l(a,"__xOrganicShapeBase");k=$APP.l(a,"__xOrganicShapeSlot");m.style.setProperty("--x-organic-shape-clip",b);$APP.n(h)?m.style.setProperty("--x-organic-shape-clip-alt",h):m.style.removeProperty("--x-organic-shape-clip-alt");
|
|
6
|
+
m.style.setProperty("clip-path",b);m.style.setProperty("aspect-ratio",e);$APP.n(d)?m.style.setProperty("width",d):m.style.removeProperty("width");$APP.n(g)?m.style.setProperty("height",g):m.style.removeProperty("height");$APP.O(c,"none")?a.setAttribute("data-animation",c):a.removeAttribute("data-animation");xy(a,k)},Ey=function(a){function b(){return xy(a,c)}$APP.n($APP.l(a,"__xOrganicShapeInit"))||wy(a);var c=$APP.l(a,"__xOrganicShapeSlot");a.__xOrganicShapeSlotHandler=b;c.addEventListener("slotchange",
|
|
7
|
+
b);Dy(a)},Fy=function(a){Object.defineProperty(a,"shape",{get:function(){var b=this.getAttribute("shape");return $APP.n(b)?b:"blob-1"},set:function(b){return typeof b==="string"&&$APP.O("",b)?this.setAttribute("shape",b):this.removeAttribute("shape")},enumerable:!0,configurable:!0});Object.defineProperty(a,"path",{get:function(){return this.getAttribute("path")},set:function(b){return typeof b==="string"&&$APP.O("",b)?this.setAttribute("path",b):this.removeAttribute("path")},enumerable:!0,configurable:!0});
|
|
8
|
+
Object.defineProperty(a,"animation",{get:function(){var b=this.getAttribute("animation");return $APP.n(b)?b:"none"},set:function(b){return typeof b==="string"&&$APP.O("",b)?this.setAttribute("animation",b):this.removeAttribute("animation")},enumerable:!0,configurable:!0});Object.defineProperty(a,"ratio",{get:function(){var b=this.getAttribute("ratio");return $APP.n(b)?b:"1/1"},set:function(b){return typeof b==="string"&&$APP.O("",b)?this.setAttribute("ratio",b):this.removeAttribute("ratio")},enumerable:!0,
|
|
9
|
+
configurable:!0});Object.defineProperty(a,"width",{get:function(){var b=this.getAttribute("width");return $APP.n(b)?b:""},set:function(b){return typeof b==="string"&&$APP.O("",b)?this.setAttribute("width",b):this.removeAttribute("width")},enumerable:!0,configurable:!0});Object.defineProperty(a,"height",{get:function(){var b=this.getAttribute("height");return $APP.n(b)?b:""},set:function(b){return typeof b==="string"&&$APP.O("",b)?this.setAttribute("height",b):this.removeAttribute("height")},enumerable:!0,
|
|
10
|
+
configurable:!0})},Hy=function(){var a=class extends HTMLElement{};a.observedAttributes=Gy;a.prototype.connectedCallback=function(){Ey(this);return null};a.prototype.disconnectedCallback=function(){var b=$APP.l(this,"__xOrganicShapeSlot"),c=$APP.l(this,"__xOrganicShapeSlotHandler");return $APP.n($APP.n(b)?c:b)?b.removeEventListener("slotchange",c):null};a.prototype.attributeChangedCallback=function(b,c,d){$APP.O(c,d)&&$APP.n($APP.l(this,"__xOrganicShapeInit"))&&Dy(this);return null};Fy(a.prototype);
|
|
11
|
+
return a},Iy=function(){$APP.n(customElements.get("x-organic-shape"))||customElements.define("x-organic-shape",Hy());return null},Cy=new $APP.M(null,"clip-alt","clip-alt",-684562835),yy=new $APP.M(null,"ratio","ratio",-926560044),By=new $APP.M(null,"clip","clip",830998499);var Gy="shape path animation ratio width height".split(" "),zy=new $APP.R(null,new $APP.Q(null,5,["float",null,"none",null,"pulse",null,"spin",null,"morph",null],null),null),ty=new $APP.R(null,new $APP.Q(null,8,["cloud",null,"blob-3",null,"leaf",null,"pebble",null,"blob-1",null,"blob-2",null,"wave",null,"droplet",null],null),null),Ay=new $APP.Q(null,8,["blob-1",new $APP.Q(null,2,[By,"polygon(30% 0%, 70% 0%, 100% 30%, 95% 70%, 70% 100%, 30% 95%, 0% 70%, 5% 30%)",Cy,"polygon(25% 5%, 75% 0%, 95% 25%, 100% 65%, 75% 95%, 25% 100%, 0% 65%, 5% 25%)"],
|
|
12
|
+
null),"blob-2",new $APP.Q(null,2,[By,"polygon(50% 0%, 80% 10%, 100% 40%, 95% 75%, 70% 100%, 30% 100%, 5% 75%, 0% 40%, 20% 10%)",Cy,"polygon(50% 5%, 85% 15%, 100% 45%, 90% 80%, 65% 95%, 35% 95%, 10% 80%, 0% 45%, 15% 15%)"],null),"blob-3",new $APP.Q(null,2,[By,"polygon(20% 0%, 80% 0%, 100% 20%, 100% 50%, 90% 80%, 70% 100%, 30% 100%, 10% 80%, 0% 50%, 0% 20%)",Cy,"polygon(25% 5%, 75% 5%, 95% 25%, 100% 55%, 85% 85%, 65% 95%, 35% 95%, 15% 85%, 0% 55%, 5% 25%)"],null),"pebble",new $APP.Q(null,2,[By,"polygon(50% 2%, 78% 8%, 96% 30%, 98% 60%, 85% 88%, 55% 98%, 25% 92%, 4% 65%, 2% 35%, 22% 8%)",
|
|
13
|
+
Cy,"polygon(50% 5%, 75% 12%, 93% 32%, 96% 58%, 82% 85%, 52% 96%, 28% 90%, 8% 62%, 5% 38%, 25% 12%)"],null),"leaf",new $APP.Q(null,2,[By,"polygon(50% 0%, 80% 15%, 98% 45%, 90% 75%, 65% 98%, 50% 100%, 35% 98%, 10% 75%, 2% 45%, 20% 15%)",Cy,"polygon(50% 3%, 78% 18%, 95% 42%, 88% 72%, 62% 95%, 50% 97%, 38% 95%, 12% 72%, 5% 42%, 22% 18%)"],null),"droplet",new $APP.Q(null,2,[By,"polygon(50% 0%, 72% 20%, 90% 50%, 95% 72%, 80% 92%, 50% 100%, 20% 92%, 5% 72%, 10% 50%, 28% 20%)",Cy,"polygon(50% 5%, 70% 22%, 88% 48%, 92% 70%, 78% 90%, 50% 97%, 22% 90%, 8% 70%, 12% 48%, 30% 22%)"],
|
|
14
|
+
null),"cloud",new $APP.Q(null,2,[By,"polygon(10% 60%, 0% 45%, 5% 30%, 18% 20%, 32% 15%, 45% 8%, 58% 12%, 72% 8%, 85% 18%, 95% 32%, 100% 50%, 95% 65%, 80% 75%, 55% 80%, 30% 78%, 15% 72%)",Cy,"polygon(12% 58%, 2% 43%, 8% 28%, 20% 18%, 35% 12%, 48% 10%, 60% 14%, 75% 10%, 88% 20%, 97% 35%, 98% 52%, 92% 68%, 78% 78%, 52% 82%, 28% 80%, 13% 70%)"],null),"wave",new $APP.Q(null,2,[By,"polygon(0% 35%, 15% 20%, 30% 30%, 50% 15%, 70% 28%, 85% 18%, 100% 30%, 100% 75%, 85% 85%, 70% 72%, 50% 85%, 30% 75%, 15% 82%, 0% 70%)",
|
|
15
|
+
Cy,"polygon(0% 30%, 15% 25%, 30% 35%, 50% 20%, 70% 32%, 85% 22%, 100% 35%, 100% 70%, 85% 80%, 70% 68%, 50% 80%, 30% 70%, 15% 78%, 0% 65%)"],null)],null);$APP.ja("baredom.exports.x_organic_shape.init",Iy);export const init=Iy;
|