@sandlada/mdc 0.1.0-20250907.a

package/build/components/navigation-rail/navigation-rail.js

@@ -0,0 +1 @@
+import{_ as t}from"../../tslib.es6-CmLYFWVC.js";import{i as e,x as n}from"../../lit-element-Ho-VPzO1.js";import{t as i}from"../../custom-element-Dz3n6kSt.js";import{n as s}from"../../property-Ck1wIidx.js";import{r as o}from"../../state--U2hSgGK.js";import{e as a}from"../../query-DifSdHBD.js";import{o as r}from"../../query-assigned-elements-CAhlPqtD.js";import{e as h}from"../../class-map-DlMb2KKL.js";import{mixinConnectedPromiseResolve as l}from"../../utils/behaviors/connected-promise-resolve.js";import"../navigation-item/navigation-bar-tab.js";import{NavigationRailDefaultOpenAnimation as p,NavigationRailDefaultCloseAnimation as d}from"./navigation-rail-animations.js";import{navigationRailStyle as c}from"./navigation-rail.style.js";import"../navigation-item/base-navigation-tab.js";import"../../utils/behaviors/element-internals.js";import"../../utils/event/form-label-activation.js";import"../navigation-item/navigation-tab-sigle-selection-controller.js";import"../navigation-item/navigation-tab.style.js";import"../../duration-CDKuKTyT.js";import"../../easing-5hHInU7b.js";import"../../component-definitions/navigation-tab.definition.js";import"../../color-CigMJnjV.js";import"../../shape-CrZ0CLVJ.js";import"../../state-C-haZXan.js";import"../../typescale-Bh1NLwSE.js";import"../../utils/controller/attachable-controller.js";import"../../utils/tokens/create-logic-shape-tokens.js";import"../../utils/tokens/create-wrapped-tokens.js";import"../../utils/tokens/override-component-tokens.js";import"../../utils/tokens/string-tokens.js";import"../../component-definitions/navigation-rail.definition.js";let m=class extends(l(e)){constructor(){super(...arguments),this.expanded=!1,this.position="top",this.xr=!1,this.quick=!1,this.hasInactiveMenu=!1,this.hasActiveMenu=!1,this.hasFab=!1,this.hasContent=!1,this.isOpen=!1,this.isOpening=!1,this.cancelAnimations=null}static{this.styles=c}get open(){return this.isOpen}set open(t){t!==this.isOpen&&(this.isOpen=t,t?(this.setAttribute("open",""),this.show()):(this.removeAttribute("open"),this.close()))}getRenderClasses(){return{expanded:this.expanded,collapsed:!this.expanded,xr:this.xr,top:"top"===this.position,middle:"middle"===this.position,"has-menu":this.hasActiveMenu||this.hasInactiveMenu,"has-inactive-menu":this.hasInactiveMenu,"has-active-menu":this.hasActiveMenu,"has-fab":this.hasFab,"has-content":this.hasContent}}render(){return n`<dialog class="${h(this.getRenderClasses())}"><span class="background" aria-hidden="true"></span><div class="container"><div class="menu-and-fab">${this.renderMenu()} ${this.renderFab()}</div>${this.renderContent()}</div></dialog>`}renderContent(){return n`<div class="content"><slot @slotchange="${this.handleContentSlotChange}"></slot></div>`}renderFab(){return n`<span class="fab"><slot name="fab" @slotchange="${this.handleFabSlotChange}"></slot></span>`}renderMenu(){return n`<span class="menu-active-icon"><slot name="menu-active-icon" @slotchange="${this.handleInactiveMenuSlotChange}"><mdc-standard-icon-button @click="${this.handleCollapsed}">${this.renderMenuActiveIcon()}</mdc-standard-icon-button></slot></span><span class="menu-inactive-icon" @slotchange="${this.handleActiveMenuSlotChange}"><slot name="menu-inactive-icon"><mdc-standard-icon-button @click="${this.handleExpanded}">${this.renderMenuInactiveIcon()}</mdc-standard-icon-button></slot></span>`}renderMenuInactiveIcon(){return n`<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#1f1f1f"><path d="M120-240v-80h720v80H120Zm0-200v-80h720v80H120Zm0-200v-80h720v80H120Z"/></svg>`}renderMenuActiveIcon(){return n`<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#1f1f1f"><path d="M120-240v-80h520v80H120Zm664-40L584-480l200-200 56 56-144 144 144 144-56 56ZM120-440v-80h400v80H120Zm0-200v-80h520v80H120Z"/></svg>`}async show(){this.isOpening=!0,await this.isConnectedPromise,await this.updateComplete;const t=this.dialog;if(t.open||!this.isOpening)return void(this.isOpening=!1);if(!this.dispatchEvent(new Event("open",{cancelable:!0})))return this.open=!1,void(this.isOpening=!1);t.show(),this.open=!0,this.querySelector("[autofocus]")?.focus(),await this.animateDialog(p),this.dispatchEvent(new Event("opened")),this.isOpening=!1}async close(){if(this.isOpening=!1,!this.isConnected)return void(this.open=!1);await this.updateComplete;const t=this.dialog;if(!t.open||this.isOpening)return void(this.open=!1);!this.dispatchEvent(new Event("close",{cancelable:!0}))||(await this.animateDialog(d),t.close(),this.open=!1,this.dispatchEvent(new Event("closed")))}async animateDialog(t){if(this.cancelAnimations?.abort(),this.cancelAnimations=new AbortController,this.quick)return;const{dialog:e,container:n,content:i}=this;if(!e||!n||!i)return;const{container:s,dialog:o,content:a}=t,r=[[e,o??[]],[n,s??[]],[i,a??[]]],h=[];for(const[t,e]of r)for(const n of e){const e=t.animate(...n);this.cancelAnimations.signal.addEventListener("abort",()=>{e.cancel()}),h.push(e)}await Promise.all(h.map(t=>t.finished.catch(()=>{})))}updated(t){t.has("xr")&&this.updateSlottedChild("xr",this.xr),t.has("expanded")&&this.updateSlottedChild("direction",this.expanded?"horizonal":"vertical"),super.updated(t)}updateSlottedChild(t,e){const n=this.tabs.filter(t=>"mdc-navigation-bar-tab"!==t.nodeName);if(0!==n.length)if("xr"===t&&e)for(const e of n)e.setAttribute(t,"");else if("xr"===t)for(const e of n)e.removeAttribute(t);else for(const i of n)i.setAttribute(t,e)}handleExpanded(){this.expanded=!0}handleCollapsed(){this.expanded=!1}handleInactiveMenuSlotChange(t){this.hasInactiveMenu=t.target.assignedElements().length>0}handleActiveMenuSlotChange(t){this.hasActiveMenu=t.target.assignedElements().length>0}handleFabSlotChange(t){this.hasFab=t.target.assignedElements().length>0}handleContentSlotChange(t){this.hasContent=t.target.assignedElements().length>0}};t([s({type:Boolean})],m.prototype,"expanded",void 0),t([s({type:String})],m.prototype,"position",void 0),t([s({type:Boolean})],m.prototype,"xr",void 0),t([s({type:Boolean})],m.prototype,"quick",void 0),t([s({type:Boolean,noAccessor:!0})],m.prototype,"open",null),t([a("dialog")],m.prototype,"dialog",void 0),t([a(".container")],m.prototype,"container",void 0),t([a(".content")],m.prototype,"content",void 0),t([r()],m.prototype,"tabs",void 0),t([o()],m.prototype,"hasInactiveMenu",void 0),t([o()],m.prototype,"hasActiveMenu",void 0),t([o()],m.prototype,"hasFab",void 0),t([o()],m.prototype,"hasContent",void 0),m=t([i("mdc-navigation-rail")],m);export{m as NavigationRail};

package/build/components/navigation-rail/navigation-rail.style.d.ts

@@ -0,0 +1,2 @@
+export declare const navigationRailStyle: import("lit").CSSResult;
+//# sourceMappingURL=navigation-rail.style.d.ts.map

package/build/components/navigation-rail/navigation-rail.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-rail.style.d.ts","sourceRoot":"","sources":["../../../src/components/navigation-rail/navigation-rail.style.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,mBAAmB,yBAsK/B,CAAA"}

package/build/components/navigation-rail/navigation-rail.style.js

@@ -0,0 +1 @@
+import{a}from"../../lit-element-Ho-VPzO1.js";import{NavigationRailDefinition as e}from"../../component-definitions/navigation-rail.definition.js";import"../../utils/controller/attachable-controller.js";import{createWrappedTokens as n}from"../../utils/tokens/create-wrapped-tokens.js";import{stringTokens as i}from"../../utils/tokens/string-tokens.js";import"../../color-CigMJnjV.js";import"../../shape-CrZ0CLVJ.js";import"../../utils/tokens/create-logic-shape-tokens.js";const r=a`:host{${i(n("--mdc-navigation-rail",e))}}:host{display:contents;cursor:default;-webkit-tap-highlight-color:transparent;width:fit-content;position:relative}dialog{position:relative;background:0 0;border:none;flex-direction:column;margin:inherit;max-height:inherit;max-width:inherit;min-height:inherit;min-width:inherit;height:inherit;outline:0;overflow:hidden;padding:0;box-sizing:border-box}dialog[open]{display:flex}dialog.collapsed{width:var(--_collapsed-container-width);border-start-start-radius:min(var(--_collapsed-container-shape-start-start),calc(var(--_collapsed-container-height)/ 2));border-start-end-radius:min(var(--_collapsed-container-shape-start-end),calc(var(--_collapsed-container-height)/ 2));border-end-start-radius:min(var(--_collapsed-container-shape-end-start),calc(var(--_collapsed-container-height)/ 2));border-end-end-radius:min(var(--_collapsed-container-shape-end-end),calc(var(--_collapsed-container-height)/ 2));padding-inline-start:var(--_collapsed-container-inline-leading-space);padding-inline-end:var(--_collapsed-container-inline-trailing-space);padding-block-start:var(--_collapsed-container-block-leading-space);padding-block-end:var(--_collapsed-container-block-trailing-space)}dialog.xr{height:var(--_vertical-xr-container-height);border-start-start-radius:min(var(--_vertical-xr-container-shape-start-start),calc(var(--_vertical-xr-container-height)/ 2));border-start-end-radius:min(var(--_vertical-xr-container-shape-start-end),calc(var(--_vertical-xr-container-height)/ 2));border-end-start-radius:min(var(--_vertical-xr-container-shape-end-start),calc(var(--_vertical-xr-container-height)/ 2));border-end-end-radius:min(var(--_vertical-xr-container-shape-end-end),calc(var(--_vertical-xr-container-height)/ 2));padding-inline-start:var(--_vertical-xr-container-inline-leading-space);padding-inline-end:var(--_vertical-xr-container-inline-trailing-space);padding-block-start:var(--_vertical-xr-container-block-leading-space);padding-block-end:var(--_vertical-xr-container-block-trailing-space)}dialog.expanded{min-width:var(--_expanded-container-width-minimum);border-start-start-radius:min(var(--_expanded-container-shape-start-start),calc(var(--_expanded-container-height)/ 2));border-start-end-radius:min(var(--_expanded-container-shape-start-end),calc(var(--_expanded-container-height)/ 2));border-end-start-radius:min(var(--_expanded-container-shape-end-start),calc(var(--_expanded-container-height)/ 2));border-end-end-radius:min(var(--_expanded-container-shape-end-end),calc(var(--_expanded-container-height)/ 2));padding-inline-start:var(--_expanded-container-inline-leading-space);padding-inline-end:var(--_expanded-container-inline-trailing-space);padding-block-start:var(--_expanded-container-block-leading-space);padding-block-end:var(--_expanded-container-block-trailing-space)}.container{border-radius:inherit;display:flex;flex-direction:column;flex-grow:1;overflow:hidden;position:relative;transform-origin:top;width:100%}dialog .container .menu-and-fab{display:flex;flex-direction:column}dialog.collapsed .container .menu-and-fab{align-items:center;gap:var(--_collapsed-menu-fab-between-space)}dialog.expanded .container .menu-and-fab{align-items:start;gap:var(--_expanded-menu-fab-between-space)}dialog :is(.menu-inactive-icon, .menu-active-icon){display:none}dialog:not(.has-inactive-menu).collapsed .menu-inactive-icon{display:block}dialog:not(.has-active-menu).expanded .menu-active-icon{display:block}dialog .container .content{display:flex;flex-direction:column;width:100%;box-sizing:border-box}dialog.collapsed .container .content{gap:var(--_collapsed-segments-between-space);margin-block-start:var(--_collapsed-segments-block-leading-space);margin-block-end:var(--_collapsed-segments-block-trailing-space);margin-inline-start:var(--_collapsed-segments-inline-leading-space);margin-inline-end:var(--_collapsed-segments-inline-trailig-space)}dialog.expanded .container .content{margin-block-start:var(--_collapsed-segments-block-leading-space)}.background{position:absolute;inset:0;z-index:-1}dialog.collapsed .background{background:var(--_collapsed-container-color)}dialog.xr .background{background:var(--_vertical-xr-container-color)}dialog.expanded .background{background:var(--_expanded-floating-container-color)}::backdrop{background:0 0}.end,.menu,.start{display:flex;flex-direction:column;flex-grow:0;flex-shrink:0;align-items:center}.anchor{position:absolute}.top.anchor{top:0}.bottom.anchor{bottom:0}mdc-divider{display:none;position:absolute}.show-bottom-divider .end mdc-divider,.show-top-divider .start mdc-divider{display:flex}`;export{r as navigationRailStyle};

package/build/components/progress-indicator/base-progress-indicator.d.ts

@@ -0,0 +1,33 @@
+/**
+ * @license
+ * Copyright 2025 Sandlada & Kai Orion
+ * SPDX-License-Identifier: MIT
+ */
+import { LitElement, type TemplateResult } from 'lit';
+declare const BaseProgressIndicator_base: import("../../utils/behaviors/mixin").MixinReturn<typeof LitElement>;
+/**
+ * A progress component.
+ *
+ * @version
+ * Material Design 3 - Expressive
+ *
+ * @link
+ * https://m3.material.io/components/progress-indicators/specs
+ */
+export declare abstract class BaseProgressIndicator extends BaseProgressIndicator_base {
+    value: number;
+    max: number;
+    indeterminate: boolean;
+    wavy: boolean;
+    protected progressElement: HTMLElement;
+    protected render(): TemplateResult<1>;
+    protected abstract renderWavy(): TemplateResult;
+    protected abstract renderLine(): TemplateResult;
+    protected getRenderClasses(): {
+        indeterminate: boolean;
+        wavy: boolean;
+    };
+    protected abstract renderIndicator(): TemplateResult;
+}
+export {};
+//# sourceMappingURL=base-progress-indicator.d.ts.map

package/build/components/progress-indicator/base-progress-indicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base-progress-indicator.d.ts","sourceRoot":"","sources":["../../../src/components/progress-indicator/base-progress-indicator.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAE,UAAU,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAA;;AAMpE;;;;;;;;GAQG;AACH,8BAAsB,qBAAsB,SAAQ,0BAA8B;IAGvE,KAAK,EAAE,MAAM,CAAI;IAGjB,GAAG,EAAE,MAAM,CAAI;IAGf,aAAa,EAAE,OAAO,CAAQ;IAG9B,IAAI,EAAE,OAAO,CAAQ;IAG5B,SAAS,CAAC,eAAe,EAAG,WAAW,CAAA;cAEpB,MAAM;IAiBzB,SAAS,CAAC,QAAQ,CAAC,UAAU,IAAI,cAAc;IAC/C,SAAS,CAAC,QAAQ,CAAC,UAAU,IAAI,cAAc;IAE/C,SAAS,CAAC,gBAAgB;;;;IAO1B,SAAS,CAAC,QAAQ,CAAC,eAAe,IAAI,cAAc;CACvD"}

package/build/components/progress-indicator/base-progress-indicator.js

@@ -0,0 +1 @@
+import{_ as e}from"../../tslib.es6-CmLYFWVC.js";import{i as t,E as r,x as a}from"../../lit-element-Ho-VPzO1.js";import{n as i}from"../../property-Ck1wIidx.js";import{e as s}from"../../query-DifSdHBD.js";import{e as o}from"../../class-map-DlMb2KKL.js";import{mixinDelegatesAria as m}from"../../utils/aria/delegate.js";import"../../utils/aria/aria.js";class p extends(m(t)){constructor(){super(...arguments),this.value=0,this.max=1,this.indeterminate=!1,this.wavy=!1}render(){const{ariaLabel:e}=this;return a`<div class="progress ${o(this.getRenderClasses())}" style="--_active-fraction:${this.value/this.max};--_inactive-fraction:${1-this.value/this.max}" role="progressbar" aria-label="${e||r}" aria-valuemin="0" aria-valuemax="${this.max}" aria-valuenow="${this.indeterminate?r:this.value}">${this.renderIndicator()}</div>`}getRenderClasses(){return{indeterminate:this.indeterminate,wavy:this.wavy}}}e([i({type:Number})],p.prototype,"value",void 0),e([i({type:Number})],p.prototype,"max",void 0),e([i({type:Boolean})],p.prototype,"indeterminate",void 0),e([i({type:Boolean,reflect:!0})],p.prototype,"wavy",void 0),e([s(".progress")],p.prototype,"progressElement",void 0);export{p as BaseProgressIndicator};

package/build/components/progress-indicator/linear-progress-indicator.d.ts

@@ -0,0 +1,47 @@
+/**
+ * @license
+ * Copyright 2025 Sandlada & Kai Orion
+ * SPDX-License-Identifier: MIT
+ */
+import { type PropertyValues, type TemplateResult } from 'lit';
+import { BaseProgressIndicator } from './base-progress-indicator';
+declare global {
+    interface HTMLElementTagNameMap {
+        "mdc-linear-progress-indicator": LinearProgressIndicator;
+    }
+}
+/**
+ * A progress component.
+ *
+ * @todo
+ * - wavy
+ *
+ * @version
+ * Material Design 3 - Expressive
+ *
+ * @link
+ * https://m3.material.io/components/progress-indicators/specs
+ */
+export declare class LinearProgressIndicator extends BaseProgressIndicator {
+    static styles: import("lit").CSSResult;
+    private inactiveLeftTrack;
+    private inactiveRightTrack;
+    private activeTrack;
+    protected renderIndicator(): TemplateResult;
+    protected renderWavy(): TemplateResult;
+    protected renderWaveLine(classes?: string): TemplateResult<1>;
+    protected renderLine(): TemplateResult;
+    private generateSmoothWavePath;
+    private updateWave;
+    private animations;
+    /**
+     *
+     * value >= 90%
+     * /``\__/``\ -> ------
+     *
+     */
+    private animateProgress;
+    private getActiveWidthFrom;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+}
+//# sourceMappingURL=linear-progress-indicator.d.ts.map

package/build/components/progress-indicator/linear-progress-indicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"linear-progress-indicator.d.ts","sourceRoot":"","sources":["../../../src/components/progress-indicator/linear-progress-indicator.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAQ,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAA;AAEpE,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAA;AAGjE,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,+BAA+B,EAAE,uBAAuB,CAAA;KAC3D;CACJ;AAED;;;;;;;;;;;GAWG;AACH,qBACa,uBAAwB,SAAQ,qBAAqB;IAE9D,OAAgB,MAAM,0BAA+B;IAGrD,OAAO,CAAC,iBAAiB,CAAc;IAEvC,OAAO,CAAC,kBAAkB,CAAc;IAExC,OAAO,CAAC,WAAW,CAAc;cAEd,eAAe,IAAI,cAAc;cAOjC,UAAU,IAAI,cAAc;IAU/C,SAAS,CAAC,cAAc,CAAC,OAAO,GAAE,MAAW;cAW1B,UAAU,IAAI,cAAc;IAiB/C,OAAO,CAAC,sBAAsB;IAe9B,OAAO,CAAC,UAAU;IAwClB,OAAO,CAAC,UAAU,CAAmB;IACrC;;;;;OAKG;IACH,OAAO,CAAC,eAAe;IA+EvB,OAAO,CAAC,kBAAkB;cAIP,YAAY,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;CAK5E"}

package/build/components/progress-indicator/linear-progress-indicator.js

@@ -0,0 +1 @@
+import{_ as t}from"../../tslib.es6-CmLYFWVC.js";import{x as i}from"../../lit-element-Ho-VPzO1.js";import{t as e}from"../../custom-element-Dz3n6kSt.js";import{e as s}from"../../query-DifSdHBD.js";import{BaseProgressIndicator as a}from"./base-progress-indicator.js";import{linearProgressIndicatorStyle as r}from"./progress-indicator.style.js";import"../../property-Ck1wIidx.js";import"../../class-map-DlMb2KKL.js";import"../../utils/aria/delegate.js";import"../../utils/aria/aria.js";import"../../component-definitions/progress-indicator.definition.js";import"../../color-CigMJnjV.js";import"../../shape-CrZ0CLVJ.js";import"../../utils/tokens/create-logic-shape-tokens.js";import"../../utils/tokens/create-wrapped-tokens.js";import"../../utils/tokens/string-tokens.js";let n=class extends a{constructor(){super(...arguments),this.animations=[]}static{this.styles=r}renderIndicator(){return i`<span aria-hidden="true" class="stop-indicators"></span> ${this.wavy?this.renderWavy():this.renderLine()}`}renderWavy(){return i`<div class="tracks"><span aria-hidden="true" class="inactive-track left"></span> ${this.renderWaveLine("active-track")} <span aria-hidden="true" class="inactive-track right"></span></div>`}renderWaveLine(t=""){const{pathData:e,svgHeight:s,svgViewBox:a,svgWidth:r,strokeWidth:n}=this.updateWave();return i`<svg class="wave ${t}" height="${s}px" width="${r}px" view-box="${a}" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><g class="bar-inner"><path d="${e}" stroke-width="${n}px"></path></g></svg>`}renderLine(){return i`<div class="tracks"><span aria-hidden="true" class="active-track"></span> <span aria-hidden="true" class="inactive-track"></span></div><div class="indeteminate-bar"><div class="bar primary-bar"><div class="bar-inner"></div></div><div class="bar secondary-bar"><div class="bar-inner"></div></div></div>`}generateSmoothWavePath(t,i,e,s){const a=i/2;let r=`M 0 ${a}`;for(let i=0;i<s;i++){const s=i*t;r+=` Q ${s+t/4},${a-e} ${s+t/2},${a}`,r+=` Q ${s+3*t/4},${a+e} ${s+t},${a}`}return r}updateWave(){const t=this.clientWidth,i=Math.ceil(t/32)+2,e=this.generateSmoothWavePath(32,20,8,i);return document.createElementNS("http://www.w3.org/2000/svg","path"),{pathData:e,svgWidth:t,svgHeight:20,svgViewBox:`0 0 ${t} 20`,strokeWidth:4}}animateProgress(){this.value,this.animations.forEach(t=>t.cancel());const t="999px",i=[{clipPath:`inset(0 100% 0 0 round ${t})`,offset:0},{clipPath:`inset(0 100% 0 0 round ${t})`,offset:.15},{clipPath:`inset(0 42% 0 0 round ${t})`,offset:.3},{clipPath:`inset(0 0% 0 0 round ${t})`,offset:.4},{clipPath:`inset(0 0% 0 0 round ${t})`,offset:.5799},{clipPath:`inset(0 100% 0 0 round ${t})`,offset:.58},{clipPath:`inset(0 100% 0 0 round ${t})`,offset:.73},{clipPath:`inset(0 32% 0 0 round ${t})`,offset:.9},{clipPath:`inset(0 0% 0 0 round ${t})`,offset:.999},{clipPath:`inset(0 100% 0 0 round ${t})`,offset:1}],e=[{clipPath:`inset(0 0 0 2% round ${t})`,offset:0},{clipPath:`inset(0 0 0 42% round ${t})`,offset:.15},{clipPath:`inset(0 0 0 100% round ${t})`,offset:.3},{clipPath:`inset(0 0 0 100% round ${t})`,offset:.4},{clipPath:`inset(0 0 0 100% round ${t})`,offset:.5799},{clipPath:`inset(0 0 0 2% round ${t})`,offset:.58},{clipPath:`inset(0 0 0 32% round ${t})`,offset:.73},{clipPath:`inset(0 0 0 100% round ${t})`,offset:.9},{clipPath:`inset(0 0 0 100% round ${t})`,offset:.999},{clipPath:`inset(0 0 0 0% round ${t})`,offset:1}],s={duration:1500,easing:"linear",iterations:1/0};this.animations=[this.activeTrack.animate([{clipPath:"inset(0 100% 0 0)",offset:0},{clipPath:"inset(0 60% 0 0)",offset:.15},{clipPath:"inset(0 0 0 60%)",offset:.3},{clipPath:"inset(0 0 0 100%)",offset:.4},{clipPath:"inset(0 0 0 100%)",offset:.5799},{clipPath:"inset(0 100% 0 0)",offset:.58},{clipPath:"inset(0 70% 0 0)",offset:.73},{clipPath:"inset(0 0 0 70%)",offset:.9},{clipPath:"inset(0 0 0 100%)",offset:.999},{clipPath:"inset(0 100% 0 0)",offset:1}],s),this.inactiveLeftTrack.animate(i,s),this.inactiveRightTrack.animate(e,s)]}getActiveWidthFrom(){}firstUpdated(t){super.firstUpdated(t),this.animateProgress()}};t([s(".inactive-track.left")],n.prototype,"inactiveLeftTrack",void 0),t([s(".inactive-track.right")],n.prototype,"inactiveRightTrack",void 0),t([s(".active-track")],n.prototype,"activeTrack",void 0),n=t([e("mdc-linear-progress-indicator")],n);export{n as LinearProgressIndicator};

package/build/components/progress-indicator/progress-indicator.style.d.ts

@@ -0,0 +1,2 @@
+export declare const linearProgressIndicatorStyle: import("lit").CSSResult;
+//# sourceMappingURL=progress-indicator.style.d.ts.map

package/build/components/progress-indicator/progress-indicator.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-indicator.style.d.ts","sourceRoot":"","sources":["../../../src/components/progress-indicator/progress-indicator.style.ts"],"names":[],"mappings":"AAkBA,eAAO,MAAM,4BAA4B,yBAoJxC,CAAA"}

package/build/components/progress-indicator/progress-indicator.style.js

@@ -0,0 +1,154 @@
+import{r as t,a as i}from"../../lit-element-Ho-VPzO1.js";import{LinearProgressIndicatorDefinition as a}from"../../component-definitions/progress-indicator.definition.js";import{createWrappedTokens as r}from"../../utils/tokens/create-wrapped-tokens.js";import{stringTokens as e}from"../../utils/tokens/string-tokens.js";import"../../color-CigMJnjV.js";import"../../shape-CrZ0CLVJ.js";import"../../utils/tokens/create-logic-shape-tokens.js";
+/**
+ * @license
+ * Copyright 2025 Sandlada & Kai Orion
+ * SPDX-License-Identifier: MIT
+ */const n=e(r("--mdc-linear-progress-indicator",a));t("250ms"),t("cubic-bezier(0.4, 0, 0.6, 1)"),t("2s");const o=i`
+
+    @layer mdc.linear-progress-indicator.variable {
+        :host {
+            ${n};
+        }
+    }
+
+    @layer mdc.linear-progress-indicator.base {
+        :host {
+            border-start-start-radius: var(--_track-shape-start-start);
+            border-start-end-radius: var(--_track-shape-start-end);
+            border-end-start-radius: var(--_track-shape-end-start);
+            border-end-end-radius: var(--_track-shape-end-end);
+            display: flex;
+            position: relative;
+            min-width: 80px;
+            content-visibility: auto;
+            contain: strict;
+            margin-inline-start: 4px;
+            margin-inline-end: 4px;
+            height: var(--_height);
+
+        }
+        :host([wavy]) {
+            height: 20px;
+        }
+
+        .progress {
+            position: absolute;
+            inset: 0;
+            direction: ltr;
+            border-radius: inherit;
+            overflow: hidden;
+            display: flex;
+            align-items: center;
+
+            --_inset-ltr: inset(
+                0
+                calc(var(--_inactive-fraction) * 100% + (var(--_stop-indicator-size) / 2))
+                0
+                0
+                round var(--_active-indicator-shape-start-start)
+            );
+            --_inset-rtl: inset(
+                0
+                0
+                0
+                calc(var(--_active-fraction) * 100% + (var(--_stop-indicator-size) / 2))
+                round var(--_active-indicator-shape-start-start)
+            );
+        }
+        .indeterminate .stop {
+            display: none;
+        }
+        .stop-indicators:not(.indeterminate) {
+            position: absolute;
+            inset: 0px;
+            z-index: 0;
+            &::before,
+            &::after {
+                content: "";
+                display: block;
+                z-index: 1;
+                position: absolute;
+                border-start-start-radius: var(--_stop-indicator-shape-start-start);
+                border-start-end-radius: var(--_stop-indicator-shape-start-end);
+                border-end-start-radius: var(--_stop-indicator-shape-end-start);
+                border-end-end-radius: var(--_stop-indicator-shape-end-end);
+                height: var(--_stop-indicator-size);
+                width: var(--_stop-indicator-size);
+                background: var(--_stop-indicator-color);
+            }
+            &::before {
+                inset: 0px;
+            }
+            &::after {
+                inset: calc(100% - var(--_stop-indicator-size));
+            }
+        }
+
+        .tracks {
+            .active-track,
+            .inactive-track {
+                position: absolute;
+                inset: 0px;
+                z-index: -1;
+                transition: none;
+            }
+
+            .active-track {
+                /* background: var(--_active-indicator-color); */
+            }
+            .inactive-track {
+                background: var(--_track-color);
+            }
+
+
+            .active-track {
+                /* clip-path: var(--_inset-ltr); */
+            }
+            .inactive-track {
+                /* clip-path: var(--_inset-rtl); */
+            }
+        }
+
+        .indeterminate .tracks {
+            position: absolute;
+            inset: 0px;
+
+            &>.track {
+                position: absolute;
+                inset: 0px;
+                clip-path: inset(0 calc(var(--_wave-length-start-fraction) * 100%) 0 var(--_wave-length-end-fraction));
+                /* animation: wave-animation 3s infinite linear; */
+            }
+            &>.inactive-track {
+                background: var(--_track-color);
+                position: absolute;
+                inset: 0px;
+                z-index: -1;
+            }
+            &>.inactive-track.left {
+                /* animation: wave-inactive-right-animation 10s infinite linear; */
+            }
+            &>.inactive-track.right {
+                /* display: none; */
+                /* animation: wave-inactive-right-animation 10s infinite linear; */
+            }
+        }
+
+        .wave {
+
+            fill: none;
+            stroke: var(--_active-indicator-color);
+            stroke-linecap: round;
+            stroke-linejoin: round;
+        }
+
+        @keyframes wave-animation {
+            0% {
+            }
+            10% {
+            }
+        }
+
+
+    }
+`;export{o as linearProgressIndicatorStyle};

package/build/components/radio-button/radio-button.d.ts

@@ -0,0 +1,49 @@
+/**
+ * @license
+ * Copyright 2025 Kai-Orion & Sandlada
+ * SPDX-License-Identifier: MIT
+ */
+import { LitElement, type PropertyValues } from 'lit';
+import { createValidator, getValidityAnchor } from '../../utils/behaviors/constraint-validation';
+import { RadioValidator } from '../../utils/behaviors/validators/radio-validator';
+import { getFormState, getFormValue } from '../../utils/form/form-associated';
+declare global {
+    interface HTMLElementTagNameMap {
+        "mdc-radio-button": RadioButton;
+    }
+}
+declare const CHECKED: unique symbol;
+declare const RadioButton_base: import("../../utils/behaviors/mixin").MixinReturn<import("../../utils/behaviors/mixin").MixinReturn<import("../../utils/behaviors/mixin").MixinReturn<(abstract new (...args: any[]) => import("../../utils/behaviors/element-internals").WithElementInternals) & typeof LitElement & import("../../utils/form/form-associated").FormAssociatedConstructor, import("../../utils/form/form-associated").FormAssociated>, import("../../utils/behaviors/constraint-validation").ConstraintValidation>>;
+/**
+ *
+ * @version
+ * Material Design 3 - Expressive
+ *
+ * @link
+ * https://m3.material.io/components/radio-button/specs
+ */
+export declare class RadioButton extends RadioButton_base {
+    static styles: import("lit").CSSResult;
+    disabled: boolean;
+    name: string;
+    [CHECKED]: boolean;
+    private readonly maskId;
+    private readonly selectionController;
+    get checked(): boolean;
+    set checked(value: boolean);
+    required: boolean;
+    value: string;
+    private containerElement;
+    constructor();
+    protected willUpdate(changedProperties: PropertyValues<this>): void;
+    protected render(): unknown;
+    private handleClick;
+    [getFormValue](): string | null;
+    [getFormState](): string;
+    formResetCallback(): void;
+    formStateRestoreCallback(state: string): void;
+    [createValidator](): RadioValidator;
+    [getValidityAnchor](): HTMLElement | null;
+}
+export {};
+//# sourceMappingURL=radio-button.d.ts.map

package/build/components/radio-button/radio-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-button.d.ts","sourceRoot":"","sources":["../../../src/components/radio-button/radio-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAkB,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAA;AAIrE,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAA6B,MAAM,6CAA6C,CAAA;AAE3H,OAAO,EAAE,cAAc,EAAE,MAAM,kDAAkD,CAAA;AAGjF,OAAO,EAAE,YAAY,EAAE,YAAY,EAAuB,MAAM,kCAAkC,CAAA;AAIlG,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,kBAAkB,EAAE,WAAW,CAAA;KAClC;CACJ;AAED,QAAA,MAAM,OAAO,eAAoB,CAAA;;AAEjC;;;;;;;GAOG;AACH,qBACa,WAAY,SAAQ,gBAAqG;IAElI,OAAgB,MAAM,0BAAmB;IAEjC,QAAQ,EAAE,OAAO,CAAA;IACjB,IAAI,EAAE,MAAM,CAAA;IAEpB,CAAC,OAAO,CAAC,EAAE,OAAO,CAAQ;IAE1B,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAqC;IAC5D,OAAO,CAAC,QAAQ,CAAC,mBAAmB,CAAgC;IAEpE,IACW,OAAO,IAGQ,OAAO,CADhC;IACD,IAAW,OAAO,CAAC,KAAK,EAAE,OAAO,EAQhC;IAGM,QAAQ,EAAE,OAAO,CAAQ;IAGzB,KAAK,EAAE,MAAM,CAAO;IAG3B,OAAO,CAAC,gBAAgB,CAAqB;;cAY1B,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAOzD,MAAM,IAAI,OAAO;YAwBtB,WAAW;IA0BjB,CAAC,YAAY,CAAC;IAId,CAAC,YAAY,CAAC;IAIb,iBAAiB;IAMjB,wBAAwB,CAAC,KAAK,EAAE,MAAM;IAIvC,CAAC,eAAe,CAAC;IAYjB,CAAC,iBAAiB,CAAC;CAG9B"}

package/build/components/radio-button/radio-button.js

@@ -0,0 +1 @@
+import{_ as t}from"../../tslib.es6-CmLYFWVC.js";import{i as e,x as i}from"../../lit-element-Ho-VPzO1.js";import{t as s}from"../../custom-element-Dz3n6kSt.js";import{n as r}from"../../property-Ck1wIidx.js";import{e as o}from"../../query-DifSdHBD.js";import{e as c}from"../../class-map-DlMb2KKL.js";import{mixinDelegatesAria as l}from"../../utils/aria/delegate.js";import{mixinConstraintValidation as n,createValidator as a,getValidityAnchor as d}from"../../utils/behaviors/constraint-validation.js";import{mixinElementInternals as h,internals as m}from"../../utils/behaviors/element-internals.js";import{RadioValidator as p}from"../../utils/behaviors/validators/radio-validator.js";import{SelectionController as u}from"../../utils/controller/selection-controller.js";import{isActivationClick as k}from"../../utils/event/form-label-activation.js";import{mixinFormAssociated as f,getFormValue as v,getFormState as b}from"../../utils/form/form-associated.js";import{generateUUID as j}from"../../utils/uuid/generate-uuid.js";import{radioButtonStyle as g}from"./radio-button.style.js";import"../../utils/aria/aria.js";import"../../utils/behaviors/validators/validator.js";import"../../easing-5hHInU7b.js";import"../../component-definitions/radio-button.definition.js";import"../../color-CigMJnjV.js";import"../../state-C-haZXan.js";import"../../utils/tokens/create-wrapped-tokens.js";import"../../utils/tokens/override-component-tokens.js";import"../../utils/tokens/string-tokens.js";var y;const C=Symbol("checked");let w=class extends(l(n(f(h(e))))){static{this.styles=g}get checked(){return this[C]}set checked(t){if(t===this[C])return;const e=this[C];this[C]=t,this.requestUpdate("checked",e),this.selectionController.handleCheckedChange()}constructor(){super(),this[y]=!1,this.maskId=`maskid-${j()}`,this.selectionController=new u(this),this.required=!1,this.value="on",this.addController(this.selectionController),this[m].role="radio",this.addEventListener("click",this.handleClick.bind(this))}willUpdate(t){super.willUpdate(t),t.has("checked")&&(this[m].ariaChecked=String(this.checked))}render(){const t=c({selected:this.checked,unselected:!this.checked});return i`<div class="container ${t}" aria-hidden="true"><mdc-ripple .control="${this}" .disabled="${this.disabled}" part="ripple"></mdc-ripple><mdc-focus-ring .control="${this}" part="focus-ring"></mdc-focus-ring><svg class="icon" viewBox="0 0 20 20"><mask id="${this.maskId}"><rect width="100%" height="100%" fill="white"/><circle cx="10" cy="10" r="8" fill="black"/></mask><circle class="outer circle" cx="10" cy="10" r="10" mask="url(#${this.maskId})"/><circle class="inner circle" cx="10" cy="10" r="5"/></svg><div class="touch-target"></div></div>`}async handleClick(t){this.disabled||(await 0,t.defaultPrevented||(k(t)&&this.focus(),this.checked=!0,this.dispatchEvent(new Event("change",{bubbles:!0})),this.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0}))))}[(y=C,v)](){return this.checked?this.value:null}[b](){return String(this.checked)}formResetCallback(){this.checked=this.hasAttribute("default-checked")}formStateRestoreCallback(t){this.checked="true"===t}[a](){return new p(()=>this.selectionController?this.selectionController.controls:[this])}[d](){return this.containerElement}};t([r({type:Boolean,reflect:!0,noAccessor:!0})],w.prototype,"checked",null),t([r({type:Boolean})],w.prototype,"required",void 0),t([r({type:String})],w.prototype,"value",void 0),t([o(".container")],w.prototype,"containerElement",void 0),w=t([s("mdc-radio-button")],w);export{w as RadioButton};

package/build/components/radio-button/radio-button.style.d.ts

@@ -0,0 +1,2 @@
+export declare const radioButtonStyle: import("lit").CSSResult;
+//# sourceMappingURL=radio-button.style.d.ts.map

package/build/components/radio-button/radio-button.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-button.style.d.ts","sourceRoot":"","sources":["../../../src/components/radio-button/radio-button.style.ts"],"names":[],"mappings":"AAgBA,eAAO,MAAM,gBAAgB,yBAmJ5B,CAAA"}

package/build/components/radio-button/radio-button.style.js

@@ -0,0 +1,143 @@
+import{E as e}from"../../easing-5hHInU7b.js";import{r as o,a as t}from"../../lit-element-Ho-VPzO1.js";import{RadioButtonDefinition as i}from"../../component-definitions/radio-button.definition.js";import{createWrappedTokens as r}from"../../utils/tokens/create-wrapped-tokens.js";import{overrideComponentTokens as s}from"../../utils/tokens/override-component-tokens.js";import{stringTokens as c}from"../../utils/tokens/string-tokens.js";import"../../color-CigMJnjV.js";import"../../state-C-haZXan.js";
+/**
+ * @license
+ * Copyright 2025 Kai-Orion & Sandlada
+ * SPDX-License-Identifier: MIT
+ */const a=c(r("--mdc-radio-button",i)),l=o(e.ExpressiveFastSpatial),n=t`
+    @layer mdc.radio-button {
+        @layer variable {
+            :host { ${a} }
+        }
+
+        @layer base {
+            :host {
+                display: inline-flex;
+                outline: none;
+                position: relative;
+                vertical-align: top;
+                -webkit-tap-highlight-color: transparent;
+                cursor: pointer;
+                height: var(--_icon-size);
+                width: var(--_icon-size);
+                margin: max(0px, ((48px - var(--_state-layer-size)) / 1));
+            }
+
+            :host([disabled]) {
+                cursor: default;
+                pointer-events: none;
+            }
+
+            :host([touch-target='none']) {
+                margin: 0px;
+            }
+
+            .container {
+                display: flex;
+                height: 100%;
+                place-content: center;
+                place-items: center;
+                width: 100%;
+            }
+
+            .touch-target {
+                height: 48px;
+                position: absolute;
+                width: 48px;
+            }
+
+            .icon {
+                fill: var(--_unselected-icon-color);
+                inset: 0;
+                position: absolute;
+            }
+            .selected .icon {
+                fill: var(--_selected-icon-color);
+            }
+
+            .outer.circle {
+                transition: fill 50ms linear;
+            }
+            .inner.circle {
+                scale: 0;
+                opacity: 0;
+                transform-origin: center;
+                transition: scale 350ms ${l}, opacity 350ms ${l};
+            }
+            .selected .inner.circle {
+                scale: 1;
+                opacity: 1;
+            }
+
+            :host([disabled]) .circle {
+                animation-duration: 0s;
+                transition-duration: 0s;
+            }
+
+            :host(:hover) .icon {
+                fill: var(--_hovered-unselected-icon-color);
+            }
+            :host(:focus-within) .icon {
+                fill: var(--_focused-unselected-icon-color);
+            }
+            :host(:active) .icon {
+                fill: var(--_pressed-unselected-icon-color);
+            }
+
+            :host([disabled]) .icon {
+                fill: var(--_disabled-unselected-icon-color);
+                opacity: var(--_disabled-unselected-icon-opacity);
+            }
+
+            :host(:hover) .selected .icon {
+                fill: var(--_hovered-selected-hover-icon-color);
+            }
+            :host(:focus-within) .selected .icon {
+                fill: var(--_focused-selected-focus-icon-color);
+            }
+            :host(:active) .selected .icon {
+                fill: var(--_pressed-selected-pressed-icon-color);
+            }
+            :host([disabled]) .selected .icon {
+                fill: var(--_disabled-selected-icon-color);
+                opacity: var(--_disabled-selected-icon-opacity);
+            }
+        }
+
+        @layer hcm {
+            @media (forced-colors: active) {
+                .icon {
+                    fill: CanvasText;
+                }
+
+                :host([disabled]) .icon {
+                    fill: GrayText;
+                    opacity: 1;
+                }
+            }
+        }
+
+        @layer composite.ripple {
+            .container mdc-ripple {
+                border-radius: 50%;
+                inset: unset;
+                height: var(--_state-layer-size);
+                width: var(--_state-layer-size);
+            }
+            .container.selected mdc-ripple {
+                ${o(c(s("--mdc-ripple",{"hovered-color":"var(--_hovered-selected-state-layer-color)","hovered-opacity":"var(--_hovered-selected-state-layer-opacity)","pressed-color":"var(--_pressed-selected-state-layer-color)","pressed-opacity":"var(--_pressed-selected-state-layer-opacity)"})))}
+            }
+            .container:not(.selected) mdc-ripple {
+                ${o(c(s("--mdc-ripple",{"hovered-color":"var(--_hovered-unselected-state-layer-color)","hovered-opacity":"var(--_hovered-unselected-state-layer-opacity)","pressed-color":"var(--_pressed-unselected-state-layer-color)","pressed-opacity":"var(--_pressed-unselected-state-layer-opacity)"})))}
+            }
+        }
+
+        @layer composite.focus-ring {
+            .container mdc-focus-ring {
+                height: calc(var(--_icon-size) + 3px);
+                width: calc(var(--_icon-size) + 3px);
+                inset: unset;
+                border-radius: 50%;
+            }
+        }
+    }
+`;export{n as radioButtonStyle};

package/build/components/ripple/ripple-action.d.ts

@@ -0,0 +1,62 @@
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ * @link
+ * https://github.com/material-components/material-web/blob/main/ripple/internal/ripple.ts
+ *
+ * [Modified by Kai-Orion & Sandlada]
+ */
+import { ReactiveElement } from 'lit';
+export interface IRipple extends ReactiveElement {
+    hovered: boolean;
+    focused: boolean;
+    pressed: boolean;
+    disabled: boolean;
+    disableHoverStateLayer: boolean;
+    disableFocusStateLayer: boolean;
+    disablePressStateLayer: boolean;
+    hoverStateLayerElement: HTMLElement;
+    focusStateLayerElement: HTMLElement;
+    pressStateLayerElement: HTMLElement;
+}
+/**
+ * Used to manage the `hovered`, `focused` and `pressed` states of ripple components.
+ */
+export declare class RippleAction {
+    private readonly host;
+    private state;
+    private startEvent;
+    private checkBoundsAfterContextMenu;
+    private initialSize;
+    private rippleScale;
+    private rippleSize;
+    private growAnimation;
+    constructor(host: IRipple);
+    onControlChange(prev: HTMLElement | null, next: HTMLElement | null): void;
+    /**
+     * Event handles
+     */
+    private handlePointerenter;
+    private handlePointerleave;
+    private handlePointerup;
+    private handlePointerdown;
+    private handlePointercancel;
+    private handleClick;
+    private handleContextmenu;
+    private handleFocus;
+    private handleBlur;
+    /**
+     * Animations about
+     */
+    private startPressAnimation;
+    private getTranslationCoordinates;
+    private getNormalizedPointerEventCoords;
+    private endPressAnimation;
+    private determineRippleSize;
+    private inBounds;
+    private isTouch;
+    private shouldReactToEvent;
+    private handleEvent;
+}
+//# sourceMappingURL=ripple-action.d.ts.map

package/build/components/ripple/ripple-action.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ripple-action.d.ts","sourceRoot":"","sources":["../../../src/components/ripple/ripple-action.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAGH,OAAO,EAAY,eAAe,EAAE,MAAM,KAAK,CAAA;AA+D/C,MAAM,WAAW,OAAQ,SAAQ,eAAe;IAC5C,OAAO,EAAE,OAAO,CAAA;IAChB,OAAO,EAAE,OAAO,CAAA;IAChB,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,OAAO,CAAA;IACjB,sBAAsB,EAAE,OAAO,CAAA;IAC/B,sBAAsB,EAAE,OAAO,CAAA;IAC/B,sBAAsB,EAAE,OAAO,CAAA;IAC/B,sBAAsB,EAAE,WAAW,CAAA;IACnC,sBAAsB,EAAE,WAAW,CAAA;IACnC,sBAAsB,EAAE,WAAW,CAAA;CACtC;AAED;;GAEG;AACH,qBAAa,YAAY;IACrB,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAS;IAC9B,OAAO,CAAC,KAAK,CAAuB;IACpC,OAAO,CAAC,UAAU,CAA4B;IAC9C,OAAO,CAAC,2BAA2B,CAAQ;IAC3C,OAAO,CAAC,WAAW,CAAI;IACvB,OAAO,CAAC,WAAW,CAAK;IACxB,OAAO,CAAC,UAAU,CAAK;IACvB,OAAO,CAAC,aAAa,CAAyB;gBAElC,IAAI,EAAE,OAAO;IAIlB,eAAe,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,EAAE,IAAI,EAAE,WAAW,GAAG,IAAI;IAUzE;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAM1B,OAAO,CAAC,kBAAkB;IAS1B,OAAO,CAAC,eAAe;YAcT,iBAAiB;IA4B/B,OAAO,CAAC,mBAAmB;IAI3B,OAAO,CAAC,WAAW;IAYnB,OAAO,CAAC,iBAAiB;IAKzB,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,UAAU;IAUlB;;OAEG;IACH,OAAO,CAAC,mBAAmB;IA0B3B,OAAO,CAAC,yBAAyB;IAyBjC,OAAO,CAAC,+BAA+B;YASzB,iBAAiB;IA2B/B,OAAO,CAAC,mBAAmB;IAiB3B,OAAO,CAAC,QAAQ;IAKhB,OAAO,CAAC,OAAO;IAGf,OAAO,CAAC,kBAAkB;IAiB1B,OAAO,CAAC,WAAW,CAgClB;CAEJ"}

package/build/components/ripple/ripple-action.js

@@ -0,0 +1,10 @@
+import{E as t}from"../../easing-5hHInU7b.js";import"../../lit-element-Ho-VPzO1.js";
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ * @link
+ * https://github.com/material-components/material-web/blob/main/ripple/internal/ripple.ts
+ *
+ * [Modified by Kai-Orion & Sandlada]
+ */const e=0,i=1,s=2,n=3,o=550,h=250,r=.2,a=10,l=75,d=.35,c="forwards",u=150,p=["click","contextmenu","pointercancel","pointerdown","pointerenter","pointerleave","pointerup","focus","blur"];class m{constructor(t){this.state=e,this.startEvent=null,this.checkBoundsAfterContextMenu=!1,this.initialSize=0,this.rippleScale="",this.rippleSize="",this.growAnimation=null,this.handleEvent=async t=>{switch(t.type){case"click":this.handleClick();break;case"contextmenu":this.handleContextmenu();break;case"pointercancel":this.handlePointercancel(t);break;case"pointerdown":await this.handlePointerdown(t);break;case"pointerenter":this.handlePointerenter(t);break;case"pointerleave":this.handlePointerleave(t);break;case"pointerup":this.handlePointerup(t);break;case"focus":this.handleFocus();break;case"blur":this.handleBlur()}},this.host=t}onControlChange(t,e){for(const i of p)t?.removeEventListener(i,this.handleEvent),e?.addEventListener(i,this.handleEvent)}handlePointerenter(t){this.shouldReactToEvent(t)&&(this.host.hovered=!0)}handlePointerleave(t){this.shouldReactToEvent(t)&&(this.host.hovered=!1,this.state!==e&&this.endPressAnimation())}handlePointerup(t){if(this.shouldReactToEvent(t)){if(this.state!==s)return this.state===i?(this.state=n,void this.startPressAnimation(this.startEvent||void 0)):void 0;this.state=n}}async handlePointerdown(t){if(this.shouldReactToEvent(t)){if(this.startEvent=t,!this.isTouch(t))return this.state=n,void this.startPressAnimation(t);this.checkBoundsAfterContextMenu&&!this.inBounds(t)||(this.checkBoundsAfterContextMenu=!1,this.state=i,await new Promise(t=>{setTimeout(t,u)}),this.state===i&&(this.state=s,this.startPressAnimation(t)))}}handlePointercancel(t){this.shouldReactToEvent(t)&&this.endPressAnimation()}handleClick(){this.host.disabled||(this.state!==n?this.state===e&&(this.startPressAnimation(),this.endPressAnimation()):this.endPressAnimation())}handleContextmenu(){this.host.disabled||(this.checkBoundsAfterContextMenu=!0,this.endPressAnimation())}handleFocus(){this.host.disabled||(this.host.focused=!0)}handleBlur(){this.host.disabled||(this.host.focused=!1,this.state!==e&&this.endPressAnimation())}startPressAnimation(e){this.host.pressed=!0,this.growAnimation?.cancel(),this.determineRippleSize();const{startPoint:i,endPoint:s}=this.getTranslationCoordinates(e),n=`${i.x}px, ${i.y}px`,h=`${s.x}px, ${s.y}px`;null!==this.host&&(this.growAnimation=this.host.pressStateLayerElement.animate({top:[0,0],left:[0,0],height:[this.rippleSize,this.rippleSize],width:[this.rippleSize,this.rippleSize],transform:[`translate(${n}) scale(1)`,`translate(${h}) scale(${this.rippleScale})`]},{duration:o,easing:t.Standard,fill:c}))}getTranslationCoordinates(t){if(null===this.host)return;const{height:e,width:i}=this.host.getBoundingClientRect(),s={x:(i-this.initialSize)/2,y:(e-this.initialSize)/2};let n={x:i/2,y:e/2};return t instanceof PointerEvent&&(n=this.getNormalizedPointerEventCoords(t)),n={x:n.x-this.initialSize/2,y:n.y-this.initialSize/2},{startPoint:n,endPoint:s}}getNormalizedPointerEventCoords(t){if(null===this.host)return;const{scrollX:e,scrollY:i}=window,{left:s,top:n}=this.host.getBoundingClientRect(),o=e+s,h=i+n,{pageX:r,pageY:a}=t;return{x:r-o,y:a-h}}async endPressAnimation(){this.state=e;const t=this.growAnimation;let i=1/0;"number"==typeof t?.currentTime?i=t.currentTime:t?.currentTime&&(i=t.currentTime.to("ms").value),i>=h?this.host.pressed=!1:(await new Promise(t=>{setTimeout(t,h-i)}),this.growAnimation===t&&(this.host.pressed=!1))}determineRippleSize(){if(null===this.host)return;const{height:t,width:e}=this.host.getBoundingClientRect(),i=Math.max(t,e),s=Math.max(d*i,l),n=Math.floor(i*r),o=Math.sqrt(e**2+t**2)+a;this.initialSize=n,this.rippleScale=""+(o+s)/this.initialSize,this.rippleSize=`${this.initialSize}px`}inBounds({x:t,y:e}){if(null===this.host)return;const{top:i,left:s,bottom:n,right:o}=this.host.getBoundingClientRect();return t>=s&&t<=o&&e>=i&&e<=n}isTouch({pointerType:t}){return"touch"===t}shouldReactToEvent(t){if(this.host.disabled||!t.isPrimary)return!1;if(this.startEvent&&this.startEvent.pointerId!==t.pointerId)return!1;if("pointerenter"===t.type||"pointerleave"===t.type)return!this.isTouch(t);const e=1===t.buttons;return this.isTouch(t)||e}}export{m as RippleAction};