@sandlada/mdc 0.1.0-nightly.14072025

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

@@ -0,0 +1,11 @@
+import { Button } from './button';
+declare global {
+    interface HTMLElementTagNameMap {
+        "mdc-outlined-button": OutlinedButton;
+    }
+}
+export declare class OutlinedButton extends Button {
+    static styles: import("lit").CSSResult[];
+    protected renderOutline(): unknown;
+}
+//# sourceMappingURL=outlined-button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"outlined-button.d.ts","sourceRoot":"","sources":["../../../src/components/button/outlined-button.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAGjC,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,qBAAqB,EAAE,cAAc,CAAA;KACxC;CACJ;AAED,qBACa,cAAe,SAAQ,MAAM;IACtC,OAAgB,MAAM,4BAAuB;cAE1B,aAAa,IAAI,OAAO;CAK9C"}

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

@@ -0,0 +1 @@
+import{_ as t}from"../../tslib.es6-CmLYFWVC.js";import{x as i}from"../../lit-element-Bf8D1KRw.js";import{t as o}from"../../custom-element-Dz3n6kSt.js";import{Button as e}from"./button.js";import{outlinedButtonStyles as s}from"./button.style.js";import"../../property-CHB_6zYv.js";import"../../query-DifSdHBD.js";import"../../class-map-DQX-4Y_I.js";import"../../utils/aria/delegate.js";import"../../utils/aria/aria.js";import"../../utils/behaviors/element-internals.js";import"../../utils/controller/form-submitter.js";import"../../utils/event/form-label-activation.js";import"./base-button.js";import"../../state-B54YIR_M.js";import"../elevation/elevation.js";import"../elevation/elevation.style.js";import"../../component-definitions/elevation.definition.js";import"../../color-CigMJnjV.js";import"../../elevation-dUQez_WX.js";import"../../utils/tokens/create-wrapped-tokens.js";import"../../utils/tokens/string-tokens.js";import"../focus-ring/focus-ring.js";import"../../utils/controller/attachable-controller.js";import"../focus-ring/focus-ring.style.js";import"../../easing-5hHInU7b.js";import"../../component-definitions/focus-ring.definition.js";import"../../shape-CrZ0CLVJ.js";import"../../utils/tokens/create-logic-shape-tokens.js";import"../ripple/ripple.js";import"../ripple/ripple-action.js";import"../ripple/ripple.style.js";import"../../component-definitions/ripple.definition.js";import"../../state-C-haZXan.js";import"../../component-definitions/button.definition.js";import"../../typescale-Bh1NLwSE.js";import"../../utils/tokens/override-component-tokens.js";let r=class extends e{static{this.styles=s}renderOutline(){return i`<span class="outline" aria-hidden="true"></span>`}};r=t([o("mdc-outlined-button")],r);export{r as OutlinedButton};

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

@@ -0,0 +1,10 @@
+import { Button } from './button';
+declare global {
+    interface HTMLElementTagNameMap {
+        "mdc-text-button": TextButton;
+    }
+}
+export declare class TextButton extends Button {
+    static styles: import("lit").CSSResult[];
+}
+//# sourceMappingURL=text-button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"text-button.d.ts","sourceRoot":"","sources":["../../../src/components/button/text-button.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAGjC,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,iBAAiB,EAAE,UAAU,CAAA;KAChC;CACJ;AAED,qBACa,UAAW,SAAQ,MAAM;IAClC,OAAgB,MAAM,4BAAmB;CAE5C"}

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

@@ -0,0 +1 @@
+import{_ as t}from"../../tslib.es6-CmLYFWVC.js";import{t as i}from"../../custom-element-Dz3n6kSt.js";import"../../lit-element-Bf8D1KRw.js";import{Button as o}from"./button.js";import{textButtonStyles as s}from"./button.style.js";import"../../property-CHB_6zYv.js";import"../../query-DifSdHBD.js";import"../../class-map-DQX-4Y_I.js";import"../../utils/aria/delegate.js";import"../../utils/aria/aria.js";import"../../utils/behaviors/element-internals.js";import"../../utils/controller/form-submitter.js";import"../../utils/event/form-label-activation.js";import"./base-button.js";import"../../state-B54YIR_M.js";import"../elevation/elevation.js";import"../elevation/elevation.style.js";import"../../component-definitions/elevation.definition.js";import"../../color-CigMJnjV.js";import"../../elevation-dUQez_WX.js";import"../../utils/tokens/create-wrapped-tokens.js";import"../../utils/tokens/string-tokens.js";import"../focus-ring/focus-ring.js";import"../../utils/controller/attachable-controller.js";import"../focus-ring/focus-ring.style.js";import"../../easing-5hHInU7b.js";import"../../component-definitions/focus-ring.definition.js";import"../../shape-CrZ0CLVJ.js";import"../../utils/tokens/create-logic-shape-tokens.js";import"../ripple/ripple.js";import"../ripple/ripple-action.js";import"../ripple/ripple.style.js";import"../../component-definitions/ripple.definition.js";import"../../state-C-haZXan.js";import"../../component-definitions/button.definition.js";import"../../typescale-Bh1NLwSE.js";import"../../utils/tokens/override-component-tokens.js";let e=class extends o{static{this.styles=s}};e=t([i("mdc-text-button")],e);export{e as TextButton};

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

@@ -0,0 +1,55 @@
+import { createValidator, getValidityAnchor } from '../../utils/behaviors/constraint-validation';
+import { CheckboxValidator } from '../../utils/behaviors/validators/checkbox-validator';
+import { getFormState, getFormValue } from '../../utils/form/form-associated';
+import { BaseButton } from './base-button';
+declare const TogglableButton_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 BaseButton & import("../../utils/form/form-associated").FormAssociatedConstructor, import("../../utils/form/form-associated").FormAssociated>, import("../../utils/behaviors/constraint-validation").ConstraintValidation>>;
+/**
+ *  The toggle buttons are available in 4 variations:
+ * - mdc-elevated-button
+ * - mdc-filled-button
+ * - mdc-filled-tonal-button
+ * - mdc-outlined-button
+ *
+ * mdc-text-button is not supported by M3 Expressive.
+ *
+ * @version
+ * Material Design 3 - Expressive
+ *
+ * @link
+ * https://m3.material.io/components/buttons/overview
+ */
+export declare class TogglableButton extends TogglableButton_base {
+    static shadowRootOptions: ShadowRootInit;
+    disabled: boolean;
+    name: string;
+    value: string;
+    selected: boolean;
+    /**
+     * When true, require the toggle-button to be selected when participating in
+     * form submission.
+     *
+     * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#validation
+     */
+    required: boolean;
+    /**
+     * We use the <input /> element as a replacement for the button element.
+     * The state is managed by the input element.
+     */
+    protected readonly buttonElement: HTMLInputElement | null;
+    focus(): void;
+    blur(): void;
+    constructor();
+    protected render(): import("lit-html").TemplateResult<1>;
+    protected renderButton(): import("lit-html").TemplateResult<1>;
+    protected handleClick(e: MouseEvent): void;
+    protected handleInput(_: InputEvent): void;
+    protected handleChange(event: Event): void;
+    [getFormValue](): string | null;
+    [getFormState](): string;
+    formResetCallback(): void;
+    formStateRestoreCallback(state: string): void;
+    [createValidator](): CheckboxValidator;
+    [getValidityAnchor](): HTMLInputElement | null;
+}
+export {};
+//# sourceMappingURL=togglable-button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"togglable-button.d.ts","sourceRoot":"","sources":["../../../src/components/button/togglable-button.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAA6B,MAAM,6CAA6C,CAAA;AAE3H,OAAO,EAAE,iBAAiB,EAAE,MAAM,qDAAqD,CAAA;AAGvF,OAAO,EAAE,YAAY,EAAE,YAAY,EAAuB,MAAM,kCAAkC,CAAA;AAClG,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;;AAE1C;;;;;;;;;;;;;;GAcG;AACH,qBAAa,eAAgB,SAAQ,oBAAqG;IAEtI,OAAgB,iBAAiB,EAAE,cAAc,CAG/C;IAEM,QAAQ,EAAE,OAAO,CAAA;IACjB,IAAI,EAAE,MAAM,CAAA;IAGb,KAAK,EAAE,MAAM,CAAO;IAGpB,QAAQ,EAAE,OAAO,CAAQ;IAEhC;;;;;OAKG;IAEI,QAAQ,EAAE,OAAO,CAAQ;IAEhC;;;OAGG;IAEH,SAAS,CAAC,QAAQ,CAAC,aAAa,EAAG,gBAAgB,GAAG,IAAI,CAAA;IAE1C,KAAK;IAIL,IAAI;;cAYD,MAAM;cAwBN,YAAY;IAuB/B,SAAS,CAAC,WAAW,CAAC,CAAC,EAAE,UAAU;IAanC,SAAS,CAAC,WAAW,CAAC,CAAC,EAAE,UAAU;IAInC,SAAS,CAAC,YAAY,CAAC,KAAK,EAAE,KAAK;IAI3B,CAAC,YAAY,CAAC;IAId,CAAC,YAAY,CAAC;IAIb,iBAAiB;IAMjB,wBAAwB,CAAC,KAAK,EAAE,MAAM;IAIvC,CAAC,eAAe,CAAC;IAOjB,CAAC,iBAAiB,CAAC;CAI9B"}

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

@@ -0,0 +1 @@
+import{_ as t}from"../../tslib.es6-CmLYFWVC.js";import{x as e}from"../../lit-element-Bf8D1KRw.js";import{n as i}from"../../property-CHB_6zYv.js";import{e as s}from"../../query-DifSdHBD.js";import{e as o}from"../../class-map-DQX-4Y_I.js";import{mixinDelegatesAria as r}from"../../utils/aria/delegate.js";import{mixinConstraintValidation as n,createValidator as l,getValidityAnchor as a}from"../../utils/behaviors/constraint-validation.js";import{mixinElementInternals as p}from"../../utils/behaviors/element-internals.js";import{CheckboxValidator as d}from"../../utils/behaviors/validators/checkbox-validator.js";import{isActivationClick as c,dispatchActivationClick as u}from"../../utils/event/form-label-activation.js";import{redispatchEvent as m}from"../../utils/event/redispatch-event.js";import{mixinFormAssociated as h,getFormValue as b,getFormState as f}from"../../utils/form/form-associated.js";import{BaseButton as j}from"./base-button.js";import"../../utils/aria/aria.js";import"../../utils/behaviors/validators/validator.js";import"../../state-B54YIR_M.js";import"../elevation/elevation.js";import"../../custom-element-Dz3n6kSt.js";import"../elevation/elevation.style.js";import"../../component-definitions/elevation.definition.js";import"../../color-CigMJnjV.js";import"../../elevation-dUQez_WX.js";import"../../utils/tokens/create-wrapped-tokens.js";import"../../utils/tokens/string-tokens.js";import"../focus-ring/focus-ring.js";import"../../utils/controller/attachable-controller.js";import"../focus-ring/focus-ring.style.js";import"../../easing-5hHInU7b.js";import"../../component-definitions/focus-ring.definition.js";import"../../shape-CrZ0CLVJ.js";import"../../utils/tokens/create-logic-shape-tokens.js";import"../ripple/ripple.js";import"../ripple/ripple-action.js";import"../ripple/ripple.style.js";import"../../component-definitions/ripple.definition.js";import"../../state-C-haZXan.js";class v extends(r(n(h(p(j))))){static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}focus(){this.buttonElement?.focus()}blur(){this.buttonElement?.blur()}constructor(){super(),this.value="on",this.selected=!1,this.required=!1,this.addEventListener("click",this.handleClick.bind(this))}render(){const t=o({"has-icon":this.hasIcon,"has-label":this.hasLabel,"trailing-icon":this.trailingIcon,disabled:this.disabled,[this.size]:!0,[this.shape]:!0,togglable:!0,selected:this.selected,unselected:!this.selected});return e`<div class="surface ${t}">${this.renderButton()} ${this.renderOutline?.()} ${this.renderElevation?.()} <span class="background"></span><mdc-ripple for="button" part="ripple" ?disabled="${this.disabled}"></mdc-ripple><mdc-focus-ring for="button" part="focus-ring"></mdc-focus-ring></div>`}renderButton(){return e`<input type="checkbox" role="button" id="button" class="togglable-input" .checked="${this.selected}" .disabled="${this.disabled}" .required="${this.required}" aria-disabled="${this.disabled}" aria-required="${this.required}" tabindex="0" @input="${this.handleInput}" @change="${this.handleChange}"> <span class="button">${this.renderContent()}</span>`}handleClick(t){if(this.disabled)return t.stopImmediatePropagation(),void t.preventDefault();c(t)&&this.buttonElement&&(this.focus(),u(this.buttonElement))}handleInput(t){this.selected=this.buttonElement.checked}handleChange(t){m(this,t)}[b](){return this.selected?this.value:null}[f](){return String(this.selected)}formResetCallback(){this.selected=this.hasAttribute("selected")}formStateRestoreCallback(t){this.selected="true"===t}[l](){return new d(()=>({checked:this.selected,required:this.required}))}[a](){return this.buttonElement}}t([i({type:String})],v.prototype,"value",void 0),t([i({type:Boolean,reflect:!1})],v.prototype,"selected",void 0),t([i({type:Boolean})],v.prototype,"required",void 0),t([s(".togglable-input")],v.prototype,"buttonElement",void 0);export{v as TogglableButton};

package/build/components/button/toggle-elevated-button.d.ts

@@ -0,0 +1,11 @@
+import { TogglableButton } from './togglable-button';
+declare global {
+    interface HTMLElementTagNameMap {
+        "mdc-toggle-elevated-button": ToggleElevatedButton;
+    }
+}
+export declare class ToggleElevatedButton extends TogglableButton {
+    static styles: import("lit").CSSResult[];
+    protected renderElevation(): unknown;
+}
+//# sourceMappingURL=toggle-elevated-button.d.ts.map

package/build/components/button/toggle-elevated-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-elevated-button.d.ts","sourceRoot":"","sources":["../../../src/components/button/toggle-elevated-button.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEpD,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,4BAA4B,EAAE,oBAAoB,CAAA;KACrD;CACJ;AAED,qBACa,oBAAqB,SAAQ,eAAe;IACrD,OAAgB,MAAM,4BAAuB;cAE1B,eAAe,IAAI,OAAO;CAKhD"}

package/build/components/button/toggle-elevated-button.js

@@ -0,0 +1 @@
+import{_ as t}from"../../tslib.es6-CmLYFWVC.js";import{x as i}from"../../lit-element-Bf8D1KRw.js";import{t as o}from"../../custom-element-Dz3n6kSt.js";import{elevatedButtonStyles as e}from"./button.style.js";import{TogglableButton as s}from"./togglable-button.js";import"../../component-definitions/button.definition.js";import"../../color-CigMJnjV.js";import"../../elevation-dUQez_WX.js";import"../../shape-CrZ0CLVJ.js";import"../../state-C-haZXan.js";import"../../typescale-Bh1NLwSE.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"../../property-CHB_6zYv.js";import"../../query-DifSdHBD.js";import"../../class-map-DQX-4Y_I.js";import"../../utils/aria/delegate.js";import"../../utils/aria/aria.js";import"../../utils/behaviors/constraint-validation.js";import"../../utils/behaviors/element-internals.js";import"../../utils/behaviors/validators/checkbox-validator.js";import"../../utils/behaviors/validators/validator.js";import"../../utils/event/form-label-activation.js";import"../../utils/event/redispatch-event.js";import"../../utils/form/form-associated.js";import"./base-button.js";import"../../state-B54YIR_M.js";import"../elevation/elevation.js";import"../elevation/elevation.style.js";import"../../component-definitions/elevation.definition.js";import"../focus-ring/focus-ring.js";import"../../utils/controller/attachable-controller.js";import"../focus-ring/focus-ring.style.js";import"../../easing-5hHInU7b.js";import"../../component-definitions/focus-ring.definition.js";import"../ripple/ripple.js";import"../ripple/ripple-action.js";import"../ripple/ripple.style.js";import"../../component-definitions/ripple.definition.js";let r=class extends s{static{this.styles=e}renderElevation(){return i`<mdc-elevation></mdc-elevation>`}};r=t([o("mdc-toggle-elevated-button")],r);export{r as ToggleElevatedButton};

package/build/components/button/toggle-filled-button.d.ts

@@ -0,0 +1,11 @@
+import { TogglableButton } from "./togglable-button";
+declare global {
+    interface HTMLElementTagNameMap {
+        "mdc-toggle-filled-button": ToggleFilledButton;
+    }
+}
+export declare class ToggleFilledButton extends TogglableButton {
+    static styles: import("lit").CSSResult[];
+    protected renderElevation(): unknown;
+}
+//# sourceMappingURL=toggle-filled-button.d.ts.map

package/build/components/button/toggle-filled-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-filled-button.d.ts","sourceRoot":"","sources":["../../../src/components/button/toggle-filled-button.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEpD,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,0BAA0B,EAAE,kBAAkB,CAAA;KACjD;CACJ;AAED,qBACa,kBAAmB,SAAQ,eAAe;IACnD,OAAgB,MAAM,4BAAqB;cAExB,eAAe,IAAI,OAAO;CAKhD"}

package/build/components/button/toggle-filled-button.js

@@ -0,0 +1 @@
+import{_ as t}from"../../tslib.es6-CmLYFWVC.js";import{x as i}from"../../lit-element-Bf8D1KRw.js";import{t as o}from"../../custom-element-Dz3n6kSt.js";import{filledButtonStyles as e}from"./button.style.js";import{TogglableButton as s}from"./togglable-button.js";import"../../component-definitions/button.definition.js";import"../../color-CigMJnjV.js";import"../../elevation-dUQez_WX.js";import"../../shape-CrZ0CLVJ.js";import"../../state-C-haZXan.js";import"../../typescale-Bh1NLwSE.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"../../property-CHB_6zYv.js";import"../../query-DifSdHBD.js";import"../../class-map-DQX-4Y_I.js";import"../../utils/aria/delegate.js";import"../../utils/aria/aria.js";import"../../utils/behaviors/constraint-validation.js";import"../../utils/behaviors/element-internals.js";import"../../utils/behaviors/validators/checkbox-validator.js";import"../../utils/behaviors/validators/validator.js";import"../../utils/event/form-label-activation.js";import"../../utils/event/redispatch-event.js";import"../../utils/form/form-associated.js";import"./base-button.js";import"../../state-B54YIR_M.js";import"../elevation/elevation.js";import"../elevation/elevation.style.js";import"../../component-definitions/elevation.definition.js";import"../focus-ring/focus-ring.js";import"../../utils/controller/attachable-controller.js";import"../focus-ring/focus-ring.style.js";import"../../easing-5hHInU7b.js";import"../../component-definitions/focus-ring.definition.js";import"../ripple/ripple.js";import"../ripple/ripple-action.js";import"../ripple/ripple.style.js";import"../../component-definitions/ripple.definition.js";let r=class extends s{static{this.styles=e}renderElevation(){return i`<mdc-elevation></mdc-elevation>`}};r=t([o("mdc-toggle-filled-button")],r);export{r as ToggleFilledButton};

package/build/components/button/toggle-filled-tonal-button.d.ts

@@ -0,0 +1,11 @@
+import { TogglableButton } from "./togglable-button";
+declare global {
+    interface HTMLElementTagNameMap {
+        "mdc-toggle-filled-tonal-button": ToggleFilledTonalButton;
+    }
+}
+export declare class ToggleFilledTonalButton extends TogglableButton {
+    static styles: import("lit").CSSResult[];
+    protected renderElevation(): unknown;
+}
+//# sourceMappingURL=toggle-filled-tonal-button.d.ts.map

package/build/components/button/toggle-filled-tonal-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-filled-tonal-button.d.ts","sourceRoot":"","sources":["../../../src/components/button/toggle-filled-tonal-button.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEpD,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,gCAAgC,EAAE,uBAAuB,CAAA;KAC5D;CACJ;AAED,qBACa,uBAAwB,SAAQ,eAAe;IACxD,OAAgB,MAAM,4BAA0B;cAE7B,eAAe,IAAI,OAAO;CAKhD"}

package/build/components/button/toggle-filled-tonal-button.js

@@ -0,0 +1 @@
+import{_ as t}from"../../tslib.es6-CmLYFWVC.js";import{x as i}from"../../lit-element-Bf8D1KRw.js";import{t as o}from"../../custom-element-Dz3n6kSt.js";import{filledTonalButtonStyles as e}from"./button.style.js";import{TogglableButton as s}from"./togglable-button.js";import"../../component-definitions/button.definition.js";import"../../color-CigMJnjV.js";import"../../elevation-dUQez_WX.js";import"../../shape-CrZ0CLVJ.js";import"../../state-C-haZXan.js";import"../../typescale-Bh1NLwSE.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"../../property-CHB_6zYv.js";import"../../query-DifSdHBD.js";import"../../class-map-DQX-4Y_I.js";import"../../utils/aria/delegate.js";import"../../utils/aria/aria.js";import"../../utils/behaviors/constraint-validation.js";import"../../utils/behaviors/element-internals.js";import"../../utils/behaviors/validators/checkbox-validator.js";import"../../utils/behaviors/validators/validator.js";import"../../utils/event/form-label-activation.js";import"../../utils/event/redispatch-event.js";import"../../utils/form/form-associated.js";import"./base-button.js";import"../../state-B54YIR_M.js";import"../elevation/elevation.js";import"../elevation/elevation.style.js";import"../../component-definitions/elevation.definition.js";import"../focus-ring/focus-ring.js";import"../../utils/controller/attachable-controller.js";import"../focus-ring/focus-ring.style.js";import"../../easing-5hHInU7b.js";import"../../component-definitions/focus-ring.definition.js";import"../ripple/ripple.js";import"../ripple/ripple-action.js";import"../ripple/ripple.style.js";import"../../component-definitions/ripple.definition.js";let r=class extends s{static{this.styles=e}renderElevation(){return i`<mdc-elevation></mdc-elevation>`}};r=t([o("mdc-toggle-filled-tonal-button")],r);export{r as ToggleFilledTonalButton};

package/build/components/button/toggle-outlined-button.d.ts

@@ -0,0 +1,11 @@
+import { TogglableButton } from "./togglable-button";
+declare global {
+    interface HTMLElementTagNameMap {
+        "mdc-toggle-outlined-button": ToggleOutlinedButton;
+    }
+}
+export declare class ToggleOutlinedButton extends TogglableButton {
+    static styles: import("lit").CSSResult[];
+    protected renderOutline(): unknown;
+}
+//# sourceMappingURL=toggle-outlined-button.d.ts.map

package/build/components/button/toggle-outlined-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-outlined-button.d.ts","sourceRoot":"","sources":["../../../src/components/button/toggle-outlined-button.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEpD,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,4BAA4B,EAAE,oBAAoB,CAAA;KACrD;CACJ;AAED,qBACa,oBAAqB,SAAQ,eAAe;IACrD,OAAgB,MAAM,4BAAuB;cAE1B,aAAa,IAAI,OAAO;CAK9C"}

package/build/components/button/toggle-outlined-button.js

@@ -0,0 +1 @@
+import{_ as t}from"../../tslib.es6-CmLYFWVC.js";import{x as i}from"../../lit-element-Bf8D1KRw.js";import{t as o}from"../../custom-element-Dz3n6kSt.js";import{outlinedButtonStyles as s}from"./button.style.js";import{TogglableButton as e}from"./togglable-button.js";import"../../component-definitions/button.definition.js";import"../../color-CigMJnjV.js";import"../../elevation-dUQez_WX.js";import"../../shape-CrZ0CLVJ.js";import"../../state-C-haZXan.js";import"../../typescale-Bh1NLwSE.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"../../property-CHB_6zYv.js";import"../../query-DifSdHBD.js";import"../../class-map-DQX-4Y_I.js";import"../../utils/aria/delegate.js";import"../../utils/aria/aria.js";import"../../utils/behaviors/constraint-validation.js";import"../../utils/behaviors/element-internals.js";import"../../utils/behaviors/validators/checkbox-validator.js";import"../../utils/behaviors/validators/validator.js";import"../../utils/event/form-label-activation.js";import"../../utils/event/redispatch-event.js";import"../../utils/form/form-associated.js";import"./base-button.js";import"../../state-B54YIR_M.js";import"../elevation/elevation.js";import"../elevation/elevation.style.js";import"../../component-definitions/elevation.definition.js";import"../focus-ring/focus-ring.js";import"../../utils/controller/attachable-controller.js";import"../focus-ring/focus-ring.style.js";import"../../easing-5hHInU7b.js";import"../../component-definitions/focus-ring.definition.js";import"../ripple/ripple.js";import"../ripple/ripple-action.js";import"../ripple/ripple.style.js";import"../../component-definitions/ripple.definition.js";let r=class extends e{static{this.styles=s}renderOutline(){return i`<span class="outline" aria-hidden="true"></span>`}};r=t([o("mdc-toggle-outlined-button")],r);export{r as ToggleOutlinedButton};

package/build/components/dialog/base-dialog.d.ts

@@ -0,0 +1,42 @@
+import { DialogAction } from './dialog-action';
+/**
+ *
+ * @version
+ * Material Design 3
+ *
+ * @link
+ * https://m3.material.io/components/dialogs/specs
+ */
+export declare abstract class BaseDialog extends DialogAction {
+    quick: boolean;
+    returnValue: string;
+    type: 'alert' | '';
+    private readonly treewalker;
+    protected readonly dialog: HTMLDialogElement | null;
+    protected readonly scrim: HTMLDialogElement | null;
+    protected readonly container: HTMLDialogElement | null;
+    protected readonly headline: HTMLDialogElement | null;
+    protected readonly content: HTMLDialogElement | null;
+    protected readonly actions: HTMLDialogElement | null;
+    protected readonly scroller: HTMLElement | null;
+    protected readonly topAnchor: HTMLElement | null;
+    protected readonly bottomAnchor: HTMLElement | null;
+    protected readonly firstFocusTrap: HTMLElement | null;
+    private hasHeadline;
+    private hasActions;
+    private hasIcon;
+    constructor();
+    protected render(): unknown;
+    protected renderScrim(): import("lit-html").TemplateResult<1>;
+    protected renderDialog(): import("lit-html").TemplateResult<1>;
+    protected renderHeadlineLabel(): import("lit-html").TemplateResult<1>;
+    protected renderHeadlineIcon(): import("lit-html").TemplateResult<1>;
+    protected renderActions(): import("lit-html").TemplateResult<1>;
+    protected renderContent(): import("lit-html").TemplateResult<1>;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private handleHeadlineChange;
+    private handleActionsChange;
+    private handleIconChange;
+}
+//# sourceMappingURL=base-dialog.d.ts.map

package/build/components/dialog/base-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base-dialog.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/base-dialog.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAE9C;;;;;;;GAOG;AACH,8BAAsB,UAAW,SAAQ,YAAY;IAGjC,KAAK,EAAE,OAAO,CAAQ;IAGtB,WAAW,EAAE,MAAM,CAAK;IAGjC,IAAI,EAAE,OAAO,GAAG,EAAE,CAAK;IAE9B,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAA;IAE3B,mBAC4B,MAAM,EAAG,iBAAiB,GAAG,IAAI,CAAA;IAC7D,mBAC4B,KAAK,EAAG,iBAAiB,GAAG,IAAI,CAAA;IAC5D,mBAC4B,SAAS,EAAG,iBAAiB,GAAG,IAAI,CAAA;IAChE,mBAC4B,QAAQ,EAAG,iBAAiB,GAAG,IAAI,CAAA;IAC/D,mBAC4B,OAAO,EAAG,iBAAiB,GAAG,IAAI,CAAA;IAC9D,mBAC4B,OAAO,EAAG,iBAAiB,GAAG,IAAI,CAAA;IAC9D,mBAC4B,QAAQ,EAAG,WAAW,GAAG,IAAI,CAAA;IACzD,mBAC4B,SAAS,EAAG,WAAW,GAAG,IAAI,CAAA;IAC1D,mBAC4B,YAAY,EAAG,WAAW,GAAG,IAAI,CAAA;IAC7D,mBAC4B,cAAc,EAAG,WAAW,GAAG,IAAI,CAAA;IAI/D,OAAO,CAAC,WAAW,CAAS;IAE5B,OAAO,CAAC,UAAU,CAAS;IAE3B,OAAO,CAAC,OAAO,CAAS;;cAWL,MAAM,IAAI,OAAO;IAOpC,SAAS,CAAC,WAAW;IAMrB,SAAS,CAAC,YAAY;IAmCtB,SAAS,CAAC,mBAAmB;IAO7B,SAAS,CAAC,kBAAkB;IAO5B,SAAS,CAAC,aAAa;IAQvB,SAAS,CAAC,aAAa;IAcd,iBAAiB;IAKjB,oBAAoB;IAO7B,OAAO,CAAC,oBAAoB;IAK5B,OAAO,CAAC,mBAAmB;IAK3B,OAAO,CAAC,gBAAgB;CAM3B"}

package/build/components/dialog/base-dialog.js

@@ -0,0 +1 @@
+import{_ as e}from"../../tslib.es6-CmLYFWVC.js";import{x as t,E as i}from"../../lit-element-Bf8D1KRw.js";import{n as o}from"../../property-CHB_6zYv.js";import{r as s}from"../../state-B54YIR_M.js";import{e as n}from"../../query-DifSdHBD.js";import{e as r}from"../../class-map-DQX-4Y_I.js";import{DialogAction as a}from"./dialog-action.js";import"../../utils/aria/delegate.js";import"../../utils/aria/aria.js";import"../../utils/event/redispatch-event.js";import"./dialog-animations.js";import"../../easing-5hHInU7b.js";class l extends a{constructor(){super(),this.quick=!1,this.returnValue="",this.type="",this.hasHeadline=!1,this.hasActions=!1,this.hasIcon=!1,this.treewalker=document.createTreeWalker(this,NodeFilter.SHOW_ELEMENT)}render(){return t`${this.renderScrim()} ${this.renderDialog()}`}renderScrim(){return t`<span aria-hidden="true" class="scrim"></span>`}renderDialog(){const{ariaLabel:e}=this,o=this.open&&!(this.isAtScrollTop&&this.isAtScrollBottom),s=r({"has-headline":this.hasHeadline,"has-actions":this.hasActions,"has-icon":this.hasIcon,scrollable:o,"show-top-divider":o&&!this.isAtScrollTop,"show-bottom-divider":o&&!this.isAtScrollBottom});return t`<dialog class="${s}" aria-label="${e||i}" role="${"alert"===this.type?"alertdialog":i}" .returnValue="${this.returnValue}" @cancel="${this.handleCancel}" @click="${this.handleDialogClick}" @close="${this.handleClose}" @keydown="${this.handleKeydown}"><div class="container" @click="${this.handleContentClick}"><div class="headline">${this.renderHeadlineIcon()} ${this.renderHeadlineLabel()}<mdc-divider></mdc-divider></div>${this.renderContent()} ${this.renderActions()}</div></dialog>`}renderHeadlineLabel(){return t`<h2 id="headline" .aria-hidden="${!this.hasHeadline||i}"><slot name="headline" @slotchange="${this.handleHeadlineChange}"></slot></h2>`}renderHeadlineIcon(){return t`<div class="icon" aria-hidden="true"><slot name="icon" @slotchange="${this.handleIconChange}"></slot></div>`}renderActions(){return t`<div class="actions"><mdc-divider></mdc-divider><slot name="actions" @slotchange="${this.handleActionsChange}"></slot></div>`}renderContent(){return t`<div class="scroller"><div class="content"><div class="top anchor"></div><slot name="content"></slot><div class="bottom anchor"></div></div></div>`}connectedCallback(){super.connectedCallback(),this.isConnectedPromiseResolve()}disconnectedCallback(){super.disconnectedCallback(),this.isConnectedPromise=this.getIsConnectedPromise()}handleHeadlineChange(e){const t=e.target;this.hasHeadline=t.assignedElements().length>0}handleActionsChange(e){const t=e.target;this.hasActions=t.assignedElements().length>0}handleIconChange(e){const t=e.target;this.hasIcon=t.assignedElements().length>0}}e([o({type:Boolean})],l.prototype,"quick",void 0),e([o({type:String,attribute:!1})],l.prototype,"returnValue",void 0),e([o({type:String,attribute:!1})],l.prototype,"type",void 0),e([n("dialog")],l.prototype,"dialog",void 0),e([n(".scrim")],l.prototype,"scrim",void 0),e([n(".container")],l.prototype,"container",void 0),e([n(".headline")],l.prototype,"headline",void 0),e([n(".content")],l.prototype,"content",void 0),e([n(".actions")],l.prototype,"actions",void 0),e([n(".scroller")],l.prototype,"scroller",void 0),e([n(".top.anchor")],l.prototype,"topAnchor",void 0),e([n(".bottom.anchor")],l.prototype,"bottomAnchor",void 0),e([n(".focus-trap")],l.prototype,"firstFocusTrap",void 0),e([s()],l.prototype,"hasHeadline",void 0),e([s()],l.prototype,"hasActions",void 0),e([s()],l.prototype,"hasIcon",void 0);export{l as BaseDialog};

package/build/components/dialog/basic-dialog.d.ts

@@ -0,0 +1,10 @@
+import { BaseDialog } from './base-dialog';
+declare global {
+    interface HTMLElementTagNameMap {
+        "mdc-basic-dialog": BasicDialog;
+    }
+}
+export declare class BasicDialog extends BaseDialog {
+    static styles: import("lit").CSSResult;
+}
+//# sourceMappingURL=basic-dialog.d.ts.map

package/build/components/dialog/basic-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"basic-dialog.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/basic-dialog.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAG1C,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,kBAAkB,EAAE,WAAW,CAAA;KAClC;CACJ;AAED,qBACa,WAAY,SAAQ,UAAU;IACvC,OAAgB,MAAM,0BAAmB;CAC5C"}

package/build/components/dialog/basic-dialog.js

@@ -0,0 +1 @@
+import{_ as t}from"../../tslib.es6-CmLYFWVC.js";import{t as s}from"../../custom-element-Dz3n6kSt.js";import"../../lit-element-Bf8D1KRw.js";import{BaseDialog as i}from"./base-dialog.js";import{basicDialogStyle as o}from"./dialog.style.js";import"../../property-CHB_6zYv.js";import"../../state-B54YIR_M.js";import"../../query-DifSdHBD.js";import"../../class-map-DQX-4Y_I.js";import"./dialog-action.js";import"../../utils/aria/delegate.js";import"../../utils/aria/aria.js";import"../../utils/event/redispatch-event.js";import"./dialog-animations.js";import"../../easing-5hHInU7b.js";import"../../color-CigMJnjV.js";import"../../component-definitions/dialog.definition.js";import"../../elevation-dUQez_WX.js";import"../../shape-CrZ0CLVJ.js";import"../../state-C-haZXan.js";import"../../typescale-Bh1NLwSE.js";import"../../utils/tokens/create-logic-shape-tokens.js";import"../../utils/tokens/create-wrapped-tokens.js";import"../../utils/tokens/string-tokens.js";let e=class extends i{static{this.styles=o}};e=t([s("mdc-basic-dialog")],e);export{e as BasicDialog};

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

@@ -0,0 +1,62 @@
+/**
+ * @license
+ * Copyright 2023 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ *
+ * [Modified by Kai-Orion & Sandlada]
+ */
+import { LitElement } from 'lit';
+declare const DialogAction_base: import("../../utils/behaviors/mixin").MixinReturn<typeof LitElement>;
+export declare abstract class DialogAction extends DialogAction_base {
+    returnValue: string;
+    quick: boolean;
+    protected readonly dialog: HTMLDialogElement | null;
+    protected readonly scrim: HTMLDialogElement | null;
+    protected readonly container: HTMLDialogElement | null;
+    protected readonly headline: HTMLDialogElement | null;
+    protected readonly content: HTMLDialogElement | null;
+    protected readonly actions: HTMLDialogElement | null;
+    protected readonly scroller: HTMLElement | null;
+    protected readonly topAnchor: HTMLElement | null;
+    protected readonly bottomAnchor: HTMLElement | null;
+    protected readonly firstFocusTrap: HTMLElement | null;
+    get open(): boolean;
+    set open(value: boolean);
+    protected isAtScrollTop: boolean;
+    protected isAtScrollBottom: boolean;
+    protected isOpen: boolean;
+    protected isOpening: boolean;
+    protected isConnectedPromiseResolve: () => void;
+    protected isConnectedPromise: Promise<void>;
+    protected nextClickIsFromContent: boolean;
+    protected intersectionObserver?: IntersectionObserver;
+    protected cancelAnimations?: AbortController;
+    protected escapePressedWithoutCancel: boolean;
+    protected getIsConnectedPromise(): Promise<void>;
+    private get getCloseAnimation();
+    private get getOpenAnimation();
+    constructor();
+    protected firstUpdated(): void;
+    show(): Promise<void>;
+    /**
+     * Closes the dialog and fires a cancelable `close` event. After a dialog's
+     * animation, a `closed` event is fired.
+     *
+     * @param returnValue A return value usually indicating which button was used
+     *     to close a dialog. If a dialog is canceled by clicking the scrim or
+     *     pressing Escape, it will not change the return value after closing.
+     * @return A Promise that resolves after the animation is finished and the
+     *     `closed` event was fired.
+     */
+    close(returnValue?: string): Promise<void>;
+    private animateDialog;
+    protected handleDialogClick(): void;
+    protected handleContentClick(): void;
+    protected handleSubmit(event: SubmitEvent): void;
+    protected handleCancel(event: Event): void;
+    protected handleClose(): void;
+    protected handleKeydown(event: KeyboardEvent): void;
+    private handleAnchorIntersection;
+}
+export {};
+//# sourceMappingURL=dialog-action.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-action.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/dialog-action.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,EAAY,UAAU,EAAE,MAAM,KAAK,CAAA;;AAM1C,8BAAsB,YAAa,SAAQ,iBAA8B;IAE7D,WAAW,EAAE,MAAM,CAAA;IACnB,KAAK,EAAE,OAAO,CAAA;IAEtB,mBAA2B,MAAM,EAAE,iBAAiB,GAAG,IAAI,CAAA;IAC3D,mBAA2B,KAAK,EAAE,iBAAiB,GAAG,IAAI,CAAA;IAC1D,mBAA2B,SAAS,EAAE,iBAAiB,GAAG,IAAI,CAAA;IAC9D,mBAA2B,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAA;IAC7D,mBAA2B,OAAO,EAAE,iBAAiB,GAAG,IAAI,CAAA;IAC5D,mBAA2B,OAAO,EAAE,iBAAiB,GAAG,IAAI,CAAA;IAC5D,mBAA2B,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAA;IACvD,mBAA2B,SAAS,EAAE,WAAW,GAAG,IAAI,CAAA;IACxD,mBAA2B,YAAY,EAAE,WAAW,GAAG,IAAI,CAAA;IAC3D,mBAA2B,cAAc,EAAE,WAAW,GAAG,IAAI,CAAA;IAE7D,IACW,IAAI,IAAI,OAAO,CAEzB;IACD,IAAW,IAAI,CAAC,KAAK,EAAE,OAAO,EAY7B;IAGD,SAAS,CAAC,aAAa,UAAS;IAEhC,SAAS,CAAC,gBAAgB,UAAS;IAEnC,SAAS,CAAC,MAAM,UAAQ;IACxB,SAAS,CAAC,SAAS,UAAQ;IAC3B,SAAS,CAAC,yBAAyB,EAAG,MAAM,IAAI,CAAA;IAChD,SAAS,CAAC,kBAAkB,gBAA+B;IAC3D,SAAS,CAAC,sBAAsB,UAAS;IACzC,SAAS,CAAC,oBAAoB,CAAC,EAAE,oBAAoB,CAAA;IACrD,SAAS,CAAC,gBAAgB,CAAC,EAAE,eAAe,CAAA;IAC5C,SAAS,CAAC,0BAA0B,UAAQ;IAE5C,SAAS,CAAC,qBAAqB;IAM/B,OAAO,KAAK,iBAAiB,GAE5B;IACD,OAAO,KAAK,gBAAgB,GAE3B;;cAUkB,YAAY;IAclB,IAAI;IAuCjB;;;;;;;;;OASG;IACU,KAAK,CAAC,WAAW,SAAmB;YAgCnC,aAAa;IAuD3B,SAAS,CAAC,iBAAiB;IAoB3B,SAAS,CAAC,kBAAkB;IAI5B,SAAS,CAAC,YAAY,CAAC,KAAK,EAAE,WAAW;IAYzC,SAAS,CAAC,YAAY,CAAC,KAAK,EAAE,KAAK;IAiBnC,SAAS,CAAC,WAAW;IAQrB,SAAS,CAAC,aAAa,CAAC,KAAK,EAAE,aAAa;IAe5C,OAAO,CAAC,wBAAwB;CAUnC"}

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

@@ -0,0 +1 @@
+import{_ as t}from"../../tslib.es6-CmLYFWVC.js";import{a as e}from"../../lit-element-Bf8D1KRw.js";import{n as i}from"../../property-CHB_6zYv.js";import{r as s}from"../../state-B54YIR_M.js";import{mixinDelegatesAria as n}from"../../utils/aria/delegate.js";import{redispatchEvent as o}from"../../utils/event/redispatch-event.js";import{DialogDefaultCloseAnimation as r,DialogDefaultOpenAnimation as a}from"./dialog-animations.js";import"../../utils/aria/aria.js";import"../../easing-5hHInU7b.js";class h extends(n(e)){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?.()))}getIsConnectedPromise(){return new Promise(t=>{this.isConnectedPromiseResolve=t})}get getCloseAnimation(){return r}get getOpenAnimation(){return a}constructor(){super(),this.isAtScrollTop=!1,this.isAtScrollBottom=!1,this.isOpen=!1,this.isOpening=!1,this.isConnectedPromise=this.getIsConnectedPromise(),this.nextClickIsFromContent=!1,this.escapePressedWithoutCancel=!1,this.addEventListener("submit",this.handleSubmit.bind(this))}firstUpdated(){this.intersectionObserver=new IntersectionObserver(t=>{for(const e of t)this.handleAnchorIntersection(e)},{root:this.scroller}),this.intersectionObserver.observe(this.topAnchor),this.intersectionObserver.observe(this.bottomAnchor)}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.showModal(),this.open=!0,this.scroller&&(this.scroller.scrollTop=0),this.querySelector("[autofocus]")?.focus(),await this.animateDialog(this.getOpenAnimation),this.dispatchEvent(new Event("opened")),this.isOpening=!1}async close(t=this.returnValue){if(this.isOpening=!1,!this.isConnected)return void(this.open=!1);await this.updateComplete;const e=this.dialog;if(!e.open||this.isOpening)return void(this.open=!1);const i=this.returnValue;this.returnValue=t;this.dispatchEvent(new Event("close",{cancelable:!0}))?(await this.animateDialog(this.getCloseAnimation),e.close(t),this.open=!1,this.dispatchEvent(new Event("closed"))):this.returnValue=i}async animateDialog(t){if(this.cancelAnimations?.abort(),this.cancelAnimations=new AbortController,this.quick)return;const{dialog:e,scrim:i,container:s,headline:n,content:o,actions:r}=this;if(!(e&&i&&s&&n&&o&&r))return;const{container:a,dialog:h,scrim:c,headline:l,content:p,actions:d}=t,m=[[e,h??[]],[i,c??[]],[s,a??[]],[n,l??[]],[o,p??[]],[r,d??[]]],u=[];for(const[t,e]of m)for(const i of e){const e=t.animate(...i);this.cancelAnimations.signal.addEventListener("abort",()=>{e.cancel()}),u.push(e)}await Promise.all(u.map(t=>t.finished.catch(()=>{})))}handleDialogClick(){if(this.nextClickIsFromContent)return void(this.nextClickIsFromContent=!1);!this.dispatchEvent(new Event("cancel",{cancelable:!0}))||this.close()}handleContentClick(){this.nextClickIsFromContent=!0}handleSubmit(t){const e=t.target,{submitter:i}=t;"dialog"===e.getAttribute("method")&&i&&this.close(i.getAttribute("value")??this.returnValue)}handleCancel(t){if(t.target!==this.dialog)return;this.escapePressedWithoutCancel=!1;const e=o(this,t);t.preventDefault(),e||this.close()}handleClose(){this.escapePressedWithoutCancel&&(this.escapePressedWithoutCancel=!1,this.dialog?.dispatchEvent(new Event("cancel",{cancelable:!0})))}handleKeydown(t){"Escape"===t.key&&(this.escapePressedWithoutCancel=!0,setTimeout(()=>{this.escapePressedWithoutCancel=!1}))}handleAnchorIntersection(t){const{target:e,isIntersecting:i}=t;e===this.topAnchor&&(this.isAtScrollTop=i),e===this.bottomAnchor&&(this.isAtScrollBottom=i)}}t([i({type:Boolean,noAccessor:!0})],h.prototype,"open",null),t([s()],h.prototype,"isAtScrollTop",void 0),t([s()],h.prototype,"isAtScrollBottom",void 0);export{h as DialogAction};

package/build/components/dialog/dialog-animations.d.ts

@@ -0,0 +1,48 @@
+/**
+ * @license
+ * Copyright 2023 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+/**
+ * A dialog animation's arguments. See `Element.prototype.animate`.
+ */
+export type DialogAnimationArgs = Parameters<Element['animate']>;
+/**
+ * A collection of dialog animations. Each element of a dialog may have multiple
+ * animations.
+ */
+export interface DialogAnimation {
+    /**
+     * Animations for the dialog itself.
+     */
+    dialog?: DialogAnimationArgs[];
+    /**
+     * Animations for the scrim backdrop.
+     */
+    scrim?: DialogAnimationArgs[];
+    /**
+     * Animations for the container of the dialog.
+     */
+    container?: DialogAnimationArgs[];
+    /**
+     * Animations for the headline section.
+     */
+    headline?: DialogAnimationArgs[];
+    /**
+     * Animations for the contents section.
+     */
+    content?: DialogAnimationArgs[];
+    /**
+     * Animations for the actions section.
+     */
+    actions?: DialogAnimationArgs[];
+}
+/**
+ * The default dialog open animation.
+ */
+export declare const DialogDefaultOpenAnimation: DialogAnimation;
+/**
+ * The default dialog close animation.
+ */
+export declare const DialogDefaultCloseAnimation: DialogAnimation;
+//# sourceMappingURL=dialog-animations.d.ts.map

package/build/components/dialog/dialog-animations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-animations.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/dialog-animations.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,UAAU,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC;AAEjE;;;GAGG;AACH,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,MAAM,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAE/B;;OAEG;IACH,KAAK,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAE9B;;OAEG;IACH,SAAS,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAElC;;OAEG;IACH,QAAQ,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAEjC;;OAEG;IACH,OAAO,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAChC;;OAEG;IACH,OAAO,CAAC,EAAE,mBAAmB,EAAE,CAAC;CACjC;AAED;;GAEG;AACH,eAAO,MAAM,0BAA0B,EAAE,eAoDxC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,2BAA2B,EAAE,eAoDzC,CAAC"}

package/build/components/dialog/dialog-animations.js

@@ -0,0 +1,6 @@
+import{E as a}from"../../easing-5hHInU7b.js";
+/**
+ * @license
+ * Copyright 2023 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */const i={dialog:[[[{transform:"translateY(-50px)"},{transform:"translateY(0)"}],{duration:500,easing:a.Emphasized}]],scrim:[[[{opacity:0},{opacity:.32}],{duration:500,easing:"linear"}]],container:[[[{opacity:0},{opacity:1}],{duration:50,easing:"linear",pseudoElement:"::before"}],[[{height:"35%"},{height:"100%"}],{duration:500,easing:a.Emphasized,pseudoElement:"::before"}]],headline:[[[{opacity:0},{opacity:0,offset:.2},{opacity:1}],{duration:250,easing:"linear",fill:"forwards"}]],content:[[[{opacity:0},{opacity:0,offset:.2},{opacity:1}],{duration:250,easing:"linear",fill:"forwards"}]],actions:[[[{opacity:0},{opacity:0,offset:.5},{opacity:1}],{duration:300,easing:"linear",fill:"forwards"}]]},e={dialog:[[[{transform:"translateY(0)"},{transform:"translateY(-50px)"}],{duration:150,easing:a.EmphasizedAccelerate}]],scrim:[[[{opacity:.32},{opacity:0}],{duration:150,easing:"linear"}]],container:[[[{height:"100%"},{height:"35%"}],{duration:150,easing:a.EmphasizedAccelerate,pseudoElement:"::before"}],[[{opacity:"1"},{opacity:"0"}],{delay:100,duration:50,easing:"linear",pseudoElement:"::before"}]],headline:[[[{opacity:1},{opacity:0}],{duration:100,easing:"linear",fill:"forwards"}]],content:[[[{opacity:1},{opacity:0}],{duration:100,easing:"linear",fill:"forwards"}]],actions:[[[{opacity:1},{opacity:0}],{duration:100,easing:"linear",fill:"forwards"}]]};export{e as DialogDefaultCloseAnimation,i as DialogDefaultOpenAnimation};

package/build/components/dialog/dialog.style.d.ts

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

package/build/components/dialog/dialog.style.d.ts.map

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