@m3e/web 2.0.0

package/dist/icon-button.min.js

@@ -0,0 +1,40 @@
+/**
+ * @license MIT
+ * Copyright (c) 2025 matraic
+ * See LICENSE file in the project root for full license text.
+ */
+import{unsafeCSS as e,css as t,LitElement as o,nothing as r,html as a}from"lit";import{DesignToken as n,KeyboardClick as i,LinkButton as s,FormSubmitter as c,Focusable as l,DisabledInteractive as d,Disabled as u,AttachInternals as p,Role as h,ResizeController as m,FocusController as v,PressedController as b,prefersReducedMotion as y,renderPseudoLink as $,debounce as f,hasAssignedNodes as g}from"@m3e/web/core";function S(e,t,o,r){var a,n=arguments.length,i=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,o,r);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(i=(n<3?a(i):n>3?a(t,o,i):a(t,o))||i);return n>3&&i&&Object.defineProperty(t,o,i),i}function C(e,t,o,r){if("a"===o&&!r)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!r:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===o?r:"a"===o?r.call(e):r?r.value:t.get(e)}"function"==typeof SuppressedError&&SuppressedError;
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const w=globalThis,L=w.ShadowRoot&&(void 0===w.ShadyCSS||w.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,_=Symbol(),x=new WeakMap;
+/**
+ * @license
+ * Copyright 2019 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */let E=class{constructor(e,t,o){if(this._$cssResult$=!0,o!==_)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if(L&&void 0===e){const o=void 0!==t&&1===t.length;o&&(e=x.get(t)),void 0===e&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),o&&x.set(t,e))}return e}toString(){return this.cssText}};const P=(e,t)=>{if(L)e.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const o of t){const t=document.createElement("style"),r=w.litNonce;void 0!==r&&t.setAttribute("nonce",r),t.textContent=o.cssText,e.appendChild(t)}},O=L?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t="";for(const o of e.cssRules)t+=o.cssText;return(e=>new E("string"==typeof e?e:e+"",void 0,_))(t)})(e):e,{is:k,defineProperty:I,getOwnPropertyDescriptor:z,getOwnPropertyNames:T,getOwnPropertySymbols:q,getPrototypeOf:R}=Object,V=globalThis,U=V.trustedTypes,A=U?U.emptyScript:"",M=V.reactiveElementPolyfillSupport,j=(e,t)=>e,B={toAttribute(e,t){switch(t){case Boolean:e=e?A:null;break;case Object:case Array:e=null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){let o=e;switch(t){case Boolean:o=null!==e;break;case Number:o=null===e?null:Number(e);break;case Object:case Array:try{o=JSON.parse(e)}catch(e){o=null}}return o}},D=(e,t)=>!k(e,t),H={attribute:!0,type:String,converter:B,reflect:!1,useDefault:!1,hasChanged:D};
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */Symbol.metadata??=Symbol("metadata"),V.litPropertyMetadata??=new WeakMap;class N extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=H){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){const o=Symbol(),r=this.getPropertyDescriptor(e,o,t);void 0!==r&&I(this.prototype,e,r)}}static getPropertyDescriptor(e,t,o){const{get:r,set:a}=z(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};return{get:r,set(t){const n=r?.call(this);a?.call(this,t),this.requestUpdate(e,n,o)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??H}static _$Ei(){if(this.hasOwnProperty(j("elementProperties")))return;const e=R(this);e.finalize(),void 0!==e.l&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(j("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(j("properties"))){const e=this.properties,t=[...T(e),...q(e)];for(const o of t)this.createProperty(o,e[o])}const e=this[Symbol.metadata];if(null!==e){const t=litPropertyMetadata.get(e);if(void 0!==t)for(const[e,o]of t)this.elementProperties.set(e,o)}this._$Eh=new Map;for(const[e,t]of this.elementProperties){const o=this._$Eu(e,t);void 0!==o&&this._$Eh.set(o,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const o=new Set(e.flat(1/0).reverse());for(const e of o)t.unshift(O(e))}else void 0!==e&&t.push(O(e));return t}static _$Eu(e,t){const o=t.attribute;return!1===o?void 0:"string"==typeof o?o:"string"==typeof e?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(e=>e(this))}addController(e){(this._$EO??=new Set).add(e),void 0!==this.renderRoot&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){const e=new Map,t=this.constructor.elementProperties;for(const o of t.keys())this.hasOwnProperty(o)&&(e.set(o,this[o]),delete this[o]);e.size>0&&(this._$Ep=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return P(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(e=>e.hostConnected?.())}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach(e=>e.hostDisconnected?.())}attributeChangedCallback(e,t,o){this._$AK(e,o)}_$ET(e,t){const o=this.constructor.elementProperties.get(e),r=this.constructor._$Eu(e,o);if(void 0!==r&&!0===o.reflect){const a=(void 0!==o.converter?.toAttribute?o.converter:B).toAttribute(t,o.type);this._$Em=e,null==a?this.removeAttribute(r):this.setAttribute(r,a),this._$Em=null}}_$AK(e,t){const o=this.constructor,r=o._$Eh.get(e);if(void 0!==r&&this._$Em!==r){const e=o.getPropertyOptions(r),a="function"==typeof e.converter?{fromAttribute:e.converter}:void 0!==e.converter?.fromAttribute?e.converter:B;this._$Em=r;const n=a.fromAttribute(t,e.type);this[r]=n??this._$Ej?.get(r)??n,this._$Em=null}}requestUpdate(e,t,o){if(void 0!==e){const r=this.constructor,a=this[e];if(o??=r.getPropertyOptions(e),!((o.hasChanged??D)(a,t)||o.useDefault&&o.reflect&&a===this._$Ej?.get(e)&&!this.hasAttribute(r._$Eu(e,o))))return;this.C(e,t,o)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(e,t,{useDefault:o,reflect:r,wrapped:a},n){o&&!(this._$Ej??=new Map).has(e)&&(this._$Ej.set(e,n??t??this[e]),!0!==a||void 0!==n)||(this._$AL.has(e)||(this.hasUpdated||o||(t=void 0),this._$AL.set(e,t)),!0===r&&this._$Em!==e&&(this._$Eq??=new Set).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const e=this.scheduleUpdate();return null!=e&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[e,t]of this._$Ep)this[e]=t;this._$Ep=void 0}const e=this.constructor.elementProperties;if(e.size>0)for(const[t,o]of e){const{wrapped:e}=o,r=this[t];!0!==e||this._$AL.has(t)||void 0===r||this.C(t,void 0,o,r)}}let e=!1;const t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),this._$EO?.forEach(e=>e.hostUpdate?.()),this.update(t)):this._$EM()}catch(t){throw e=!1,this._$EM(),t}e&&this._$AE(t)}willUpdate(e){}_$AE(e){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(e){}firstUpdated(e){}}N.elementStyles=[],N.shadowRootOptions={mode:"open"},N[j("elementProperties")]=new Map,N[j("finalized")]=new Map,M?.({ReactiveElement:N}),(V.reactiveElementVersions??=[]).push("2.1.1");
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const F={attribute:!0,type:String,converter:B,reflect:!1,hasChanged:D},W=(e=F,t,o)=>{const{kind:r,metadata:a}=o;let n=globalThis.litPropertyMetadata.get(a);if(void 0===n&&globalThis.litPropertyMetadata.set(a,n=new Map),"setter"===r&&((e=Object.create(e)).wrapped=!0),n.set(o.name,e),"accessor"===r){const{name:r}=o;return{set(o){const a=t.get.call(this);t.set.call(this,o),this.requestUpdate(r,a,e)},init(t){return void 0!==t&&this.C(r,void 0,e,t),t}}}if("setter"===r){const{name:r}=o;return function(o){const a=this[r];t.call(this,o),this.requestUpdate(r,a,e)}}throw Error("Unsupported decorator location: "+r)};function K(e){return(t,o)=>"object"==typeof o?W(e,t,o):((e,t,o)=>{const r=t.hasOwnProperty(o);return t.constructor.createProperty(o,e),r?Object.getOwnPropertyDescriptor(t,o):void 0})(e,t,o)}
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+function G(e,t){return(t,o,r)=>((e,t,o)=>(o.configurable=!0,o.enumerable=!0,Reflect.decorate&&"object"!=typeof t&&Object.defineProperty(e,t,o),o))(t,o,{get(){return(t=>t.renderRoot?.querySelector(e)??null)(this)}})}const J={"extra-small":{containerHeight:e(`calc(var(--m3e-icon-button-extra-small-container-height, 2rem) + ${n.density.calc(0)})`),outlineThickness:e("var(--m3e-icon-button-extra-small-outline-thickness, 1px)"),iconSize:e(`calc(var(--m3e-icon-button-extra-small-icon-size, 1.25rem) + ${n.density.calc(0)})`),shapeRound:e(`var(--m3e-icon-button-extra-small-shape-round, ${n.shape.corner.full})`),shapeSquare:e(`var(--m3e-icon-button-extra-small-shape-square, ${n.shape.corner.medium})`),selectedShapeRound:e(`var(--m3e-icon-button-extra-small-selected-shape-round, ${n.shape.corner.medium})`),selectedShapeSquare:e(`var(--m3e-icon-button-extra-small-selected-shape-square, ${n.shape.corner.full})`),shapePressedMorph:e(`var(--m3e-icon-button-extra-small-shape-pressed-morph, ${n.shape.corner.small})`),narrowLeadingSpace:e(`calc(var(--m3e-icon-button-extra-small-narrow-leading-space, 0.25rem) + ${n.density.calc(0)})`),narrowTrailingSpace:e(`calc(var(--m3e-icon-button-extra-small-narrow-trailing-space, 0.25rem) + ${n.density.calc(0)})`),defaultLeadingSpace:e(`calc(var(--m3e-icon-button-extra-small-default-leading-space, 0.375rem) + ${n.density.calc(0)})`),defaultTrailingSpace:e(`calc(var(--m3e-icon-button-extra-small-default-trailing-space, 0.375rem) + ${n.density.calc(0)})`),wideLeadingSpace:e(`calc(var(--m3e-icon-button-extra-small-wide-leading-space, 0.625rem) + ${n.density.calc(0)})`),wideTrailingSpace:e(`calc(var(--m3e-icon-button-extra-small-wide-trailing-space, 0.625rem) + ${n.density.calc(0)})`)},small:{containerHeight:e(`calc(var(--m3e-icon-button-small-container-height, 2.5rem) + ${n.density.calc(-1)})`),outlineThickness:e("var(--m3e-icon-button-small-outline-thickness, 1px)"),iconSize:e(`calc(var(--m3e-icon-button-small-icon-size, 1.5rem) + ${n.density.calc(-1)})`),shapeRound:e(`var(--m3e-icon-button-small-shape-round, ${n.shape.corner.full})`),shapeSquare:e(`var(--m3e-icon-button-small-shape-square, ${n.shape.corner.medium})`),selectedShapeRound:e(`var(--m3e-icon-button-small-selected-shape-round, ${n.shape.corner.medium})`),selectedShapeSquare:e(`var(--m3e-icon-button-small-selected-shape-square, ${n.shape.corner.full})`),shapePressedMorph:e(`var(--m3e-icon-button-small-shape-pressed-morph, ${n.shape.corner.small})`),narrowLeadingSpace:e(`calc(var(--m3e-icon-button-small-narrow-leading-space, 0.25rem) + ${n.density.calc(-1)})`),narrowTrailingSpace:e(`calc(var(--m3e-icon-button-small-narrow-trailing-space, 0.25rem) + ${n.density.calc(-1)})`),defaultLeadingSpace:e(`calc(var(--m3e-icon-button-small-default-leading-space, 0.5rem) + ${n.density.calc(-1)})`),defaultTrailingSpace:e(`calc(var(--m3e-icon-button-small-default-trailing-space, 0.5rem) + ${n.density.calc(-1)})`),wideLeadingSpace:e(`calc(var(--m3e-icon-button-small-wide-leading-space, 0.875rem) + ${n.density.calc(-1)})`),wideTrailingSpace:e(`calc(var(--m3e-icon-button-small-wide-trailing-space, 0.875rem) + ${n.density.calc(-1)})`)},medium:{containerHeight:e(`calc(var(--m3e-icon-button-medium-container-height, 3.5rem) + ${n.density.calc(-2)})`),outlineThickness:e("var(--m3e-icon-button-medium-outline-thickness, 1px)"),iconSize:e(`calc(var(--m3e-icon-button-medium-icon-size, 1.5rem) + ${n.density.calc(-2)})`),shapeRound:e(`var(--m3e-icon-button-medium-shape-round, ${n.shape.corner.full})`),shapeSquare:e(`var(--m3e-icon-button-medium-shape-square, ${n.shape.corner.large})`),selectedShapeRound:e(`var(--m3e-icon-button-medium-selected-shape-round, ${n.shape.corner.large})`),selectedShapeSquare:e(`var(--m3e-icon-button-medium-selected-shape-square, ${n.shape.corner.full})`),shapePressedMorph:e(`var(--m3e-icon-button-medium-shape-pressed-morph, ${n.shape.corner.medium})`),narrowLeadingSpace:e(`calc(var(--m3e-icon-button-medium-narrow-leading-space, 0.75rem) + ${n.density.calc(-2)})`),narrowTrailingSpace:e(`calc(var(--m3e-icon-button-medium-narrow-trailing-space, 0.75rem) + ${n.density.calc(-2)})`),defaultLeadingSpace:e(`calc(var(--m3e-icon-button-medium-default-leading-space, 1rem) + ${n.density.calc(-2)})`),defaultTrailingSpace:e(`calc(var(--m3e-icon-button-medium-default-trailing-space, 1rem) + ${n.density.calc(-2)})`),wideLeadingSpace:e(`calc(var(--m3e-icon-button-medium-wide-leading-space, 1.5rem) + ${n.density.calc(-2)})`),wideTrailingSpace:e(`calc(var(--m3e-icon-button-medium-wide-trailing-space, 1.5rem) + ${n.density.calc(-2)})`)},large:{containerHeight:e(`calc(var(--m3e-icon-button-large-container-height, 6rem) + ${n.density.calc(-3)})`),outlineThickness:e("var(--m3e-icon-button-large-outline-thickness, 0.125rem)"),iconSize:e(`calc(var(--m3e-icon-button-large-icon-size, 2rem) + ${n.density.calc(-3)})`),shapeRound:e(`var(--m3e-icon-button-large-shape-round, ${n.shape.corner.full})`),shapeSquare:e(`var(--m3e-icon-button-large-shape-square, ${n.shape.corner.extraLarge})`),selectedShapeRound:e(`var(--m3e-icon-button-large-selected-shape-round, ${n.shape.corner.extraLarge})`),selectedShapeSquare:e(`var(--m3e-icon-button-large-selected-shape-square, ${n.shape.corner.full})`),shapePressedMorph:e(`var(--m3e-icon-button-large-shape-pressed-morph, ${n.shape.corner.large})`),narrowLeadingSpace:e(`calc(var(--m3e-icon-button-large-narrow-leading-space, 1rem) + ${n.density.calc(-3)})`),narrowTrailingSpace:e(`calc(var(--m3e-icon-button-large-narrow-trailing-space, 1rem) + ${n.density.calc(-3)})`),defaultLeadingSpace:e(`calc(var(--m3e-icon-button-large-default-leading-space, 2rem) + ${n.density.calc(-3)})`),defaultTrailingSpace:e(`calc(var(--m3e-icon-button-large-default-trailing-space, 2rem) + ${n.density.calc(-3)})`),wideLeadingSpace:e(`calc(var(--m3e-icon-button-large-wide-leading-space, 3rem) + ${n.density.calc(-3)})`),wideTrailingSpace:e(`calc(var(--m3e-icon-button-large-wide-trailing-space, 3rem) + ${n.density.calc(-3)})`)},"extra-large":{containerHeight:e(`calc(var(--m3e-icon-button-extra-large-container-height, 8.5rem) + ${n.density.calc(-3)})`),outlineThickness:e("var(--m3e-icon-button-extra-large-outline-thickness, 0.1875rem)"),iconSize:e(`calc(var(--m3e-icon-button-extra-large-icon-size, 2.5rem) + ${n.density.calc(-3)})`),shapeRound:e(`var(--m3e-icon-button-extra-large-shape-round, ${n.shape.corner.full})`),shapeSquare:e(`var(--m3e-icon-button-extra-large-shape-square, ${n.shape.corner.extraLarge})`),selectedShapeRound:e(`var(--m3e-icon-button-extra-large-selected-shape-round, ${n.shape.corner.extraLarge})`),selectedShapeSquare:e(`var(--m3e-icon-button-extra-large-selected-shape-square, ${n.shape.corner.full})`),shapePressedMorph:e(`var(--m3e-icon-button-extra-large-shape-pressed-morph, ${n.shape.corner.large})`),narrowLeadingSpace:e(`calc(var(--m3e-icon-button-extra-large-narrow-leading-space, 2rem) + ${n.density.calc(-3)})`),narrowTrailingSpace:e(`calc(var(--m3e-icon-button-extra-large-narrow-trailing-space, 2rem) + ${n.density.calc(-3)})`),defaultLeadingSpace:e(`calc(var(--m3e-icon-button-extra-large-default-leading-space, 3rem) + ${n.density.calc(-3)})`),defaultTrailingSpace:e(`calc(var(--m3e-icon-button-extra-large-default-trailing-space, 3rem) + ${n.density.calc(-3)})`),wideLeadingSpace:e(`calc(var(--m3e-icon-button-extra-large-wide-leading-space, 4.5rem) + ${n.density.calc(-3)})`),wideTrailingSpace:e(`calc(var(--m3e-icon-button-extra-large-wide-trailing-space, 4.5rem) + ${n.density.calc(-3)})`)}};function Q(o){return t`:host([size="${e(o)}"]) .base { height: ${J[o].containerHeight}; } :host([size="${e(o)}"][width="default"]) .wrapper { padding-inline-start: ${J[o].defaultLeadingSpace}; padding-inline-end: ${J[o].defaultTrailingSpace}; } :host([size="${e(o)}"][width="narrow"]) .wrapper { padding-inline-start: ${J[o].narrowLeadingSpace}; padding-inline-end: ${J[o].narrowTrailingSpace}; } :host([size="${e(o)}"][width="wide"]) .wrapper { padding-inline-start: ${J[o].wideLeadingSpace}; padding-inline-end: ${J[o].wideTrailingSpace}; } :host([size="${e(o)}"]) .icon { font-size: ${J[o].iconSize}; } :host([size="${e(o)}"]) .base { outline-offset: calc(0px - ${J[o].outlineThickness}); outline-width: ${J[o].outlineThickness}; } :host(:not(.-connected)[size="${e(o)}"][shape="rounded"]:not(.-pressed)) .base { border-radius: var(--_button-shape, ${J[o].shapeRound}); } :host(:not(.-connected)[size="${e(o)}"][shape="square"]) .base { border-radius: ${J[o].shapeSquare}; } :host(:not(.-connected)[size="${e(o)}"][shape="rounded"][toggle][selected]:not(.-pressed)) .base { border-radius: ${J[o].selectedShapeRound}; } :host(:not(.-connected)[size="${e(o)}"][shape="square"][toggle][selected]:not(.-pressed)) .base { border-radius: var(--_button-shape, ${J[o].selectedShapeSquare}); } :host(:not(.-connected)[size="${e(o)}"].-pressed) .base { border-radius: ${J[o].shapePressedMorph}; } :host(.-connected[size="${e(o)}"][shape="rounded"]) .base { border-start-start-radius: var( --_button-rounded-start-shape, var(--_button-shape, ${J[o].shapeRound}) ); border-end-start-radius: var( --_button-rounded-start-shape, var(--_button-shape, ${J[o].shapeRound}) ); border-start-end-radius: var( --_button-rounded-end-shape, var(--_button-shape, ${J[o].shapeRound}) ); border-end-end-radius: var( --_button-rounded-end-shape, var(--_button-shape, ${J[o].shapeRound}) ); } :host(.-connected[size="${e(o)}"][shape="square"]) .base { border-start-start-radius: var(--_button-square-start-shape, ${J[o].shapeSquare}); border-end-start-radius: var(--_button-square-start-shape, ${J[o].shapeSquare}); border-start-end-radius: var(--_button-square-end-shape, ${J[o].shapeSquare}); border-end-end-radius: var(--_button-square-end-shape, ${J[o].shapeSquare}); } :host(.-connected[size="${e(o)}"][shape="square"][toggle][selected]:not(.-pressed)) .base { border-radius: var(--_button-shape, ${J[o].selectedShapeSquare}); } :host(.-connected[size="${e(o)}"].-pressed) .base { border-start-start-radius: var( --_button-start-shape-pressed-morph, ${J[o].shapePressedMorph} ); border-end-start-radius: var(--_button-start-shape-pressed-morph, ${J[o].shapePressedMorph}); border-start-end-radius: var(--_button-end-shape-pressed-morph, ${J[o].shapePressedMorph}); border-end-end-radius: var(--_button-end-shape-pressed-morph, ${J[o].shapePressedMorph}); }`}const X=[Q("extra-small"),Q("small"),Q("medium"),Q("large"),Q("extra-large")],Y=t`:host { display: inline-block; outline: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .base { box-sizing: border-box; vertical-align: middle; display: inline-flex; align-items: center; justify-content: center; position: relative; width: 100%; transition: ${e(`background-color ${n.motion.duration.short4} ${n.motion.easing.standard}`)}; } .touch { position: absolute; aspect-ratio: 1 / 1; height: 3rem; left: auto; right: auto; } :host(.-pressed) .base, :host(.-resting) .base { transition: ${e(`background-color ${n.motion.duration.short4} ${n.motion.easing.standard},\n          border-radius ${n.motion.spring.fastEffects}`)}; } .wrapper { width: 100%; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; transition: ${e(`padding-inline ${n.motion.spring.fastEffects}`)}; } .icon { transition: ${e(`color ${n.motion.duration.short4} ${n.motion.easing.standard}`)}; --m3e-icon-size: 1em; } :host(:not(:disabled):not([disabled-interactive])) { cursor: pointer; } :host([disabled-interactive]) { cursor: not-allowed; } ::slotted(*) { font-size: inherit !important; flex: none; transform: var(--_icon-button-icon-transform); transform-origin: center center; transition: ${e(`transform var(--_icon-button-icon-transform-transition, ${n.motion.spring.fastEffects})`)}; } ::slotted(svg) { width: 1em; height: 1em; } :host([toggle]:not([selected])) .base.with-selected-icon slot[name="selected"], :host([toggle][selected]) .base.with-selected-icon slot:not([name]) { display: none; } a { all: unset; display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1; } :host(.-grouped.-connected) { flex: 1 1 auto; } :host(.-grouped:not(.-connected):not(.-adjacent-pressed):not(.-pressed)) { flex-shrink: 0; flex-grow: 0; } :host(.-grouped:not(.-connected).-adjacent-pressed:not(.-pressed)) { flex-shrink: 1; min-width: 0; } :host(.-grouped:not(.-connected).-adjacent-pressed:not(.-pressed)) .label { text-overflow: clip; } :host(.-grouped:not(.-connected).-pressed:not([disabled-interactive]):not(:disabled)) { flex-shrink: 0; flex-basis: calc( var(--_button-width) + calc(var(--_button-width) * var(--m3e-standard-button-group-width-multiplier, 0.15)) ); } @media (forced-colors: active) { .base, .icon { transition: none; } :host(.-pressed) .base, :host(.-resting) .base { transition: border-radius ${n.motion.spring.fastEffects}; } :host([variant]:not(:disabled):not([disabled-interactive]):not([toggle])) .base { background-color: ButtonFace; outline-color: ButtonText; } :host([variant]:not(:disabled):not([disabled-interactive]):not([toggle])) .label, :host([variant]:not(:disabled):not([disabled-interactive]):not([toggle])) .icon { color: ButtonText; } :host([variant]:not(:disabled):not([disabled-interactive])[toggle]:not([selected])) .base { background-color: ButtonFace; outline-color: ButtonText; } :host([variant]:not(:disabled):not([disabled-interactive])[toggle]:not([selected])) .label, :host([variant]:not(:disabled):not([disabled-interactive])[toggle]:not([selected])) .icon { color: ButtonText; } :host([variant]:not(:disabled):not([disabled-interactive])[toggle][selected]) .base { background-color: ButtonText; outline: none; } :host([variant]:not(:disabled):not([disabled-interactive])[toggle][selected]) .label, :host([variant]:not(:disabled):not([disabled-interactive])[toggle][selected]) .icon { forced-color-adjust: none; color: ButtonFace; background-color: ButtonText; } :host([variant]:disabled) .base, :host([variant][disabled-interactive]) .base { outline-color: GrayText; background-color: unset; } :host([variant]:disabled) .label, :host([variant][disabled-interactive]) .label, :host([variant]:disabled) .icon, :host([variant][disabled-interactive]) .icon { color: GrayText; } .base { outline-style: solid; } :host([size="extra-small"]) .base { outline-offset: calc(0px - var(--m3e-icon-button-extra-small-outline-thickness, 1px)); outline-width: var(--m3e-icon-button-extra-small-outline-thickness, 1px); } :host([size="small"]) .base { outline-offset: calc(0px - var(--m3e-icon-button-small-outline-thickness, 1px)); outline-width: var(--m3e-icon-button-small-outline-thickness, 1px); } :host([size="medium"]) .base { outline-offset: calc(0px - var(--m3e-icon-button-medium-outline-thickness, 1px)); outline-width: var(--m3e-icon-button-medium-outline-thickness, 1px); } :host([size="large"]) .base { outline-offset: calc(0px - var(--m3e-icon-button-large-outline-thickness, 0.125rem)); outline-width: var(--m3e-icon-button-large-outline-thickness, 0.125rem); } :host([size="extra-large"]) .base { outline-offset: calc(0px - var(--m3e-icon-button-extra-large-outline-thickness, 0.1875rem)); outline-width: var(--m3e-icon-button-extra-large-outline-thickness, 0.1875rem); } } @media (prefers-reduced-motion) { :host(.-pressed) .base, :host(.-resting) .base, .base, .wrapper, .icon { transition: none; } }`,Z={elevated:{iconColor:e(`var(--m3e-elevated-icon-button-icon-color, ${n.color.primary})`),containerColor:e(`var(--m3e-elevated-icon-button-container-color, ${n.color.surfaceContainerLow})`),containerElevation:e(`var(--m3e-elevated-icon-button-container-elevation, ${n.elevation.level1})`),unselectedIconColor:e(`var(--m3e-elevated-icon-button-unselected-icon-color, ${n.color.primary})`),unselectedContainerColor:e(`var(--m3e-elevated-icon-button-unselected-container-color, ${n.color.surfaceContainerLow})`),selectedIconColor:e(`var(--m3e-elevated-icon-button-selected-icon-color, ${n.color.onPrimary})`),selectedContainerColor:e(`var(--m3e-elevated-icon-button-selected-container-color, ${n.color.primary})`),disabled:{containerColor:e(`var(--m3e-elevated-icon-button-disabled-container-color, ${n.color.onSurface})`),containerOpacity:e("var(--m3e-elevated-icon-button-disabled-container-opacity, 10%)"),iconColor:e(`var(--m3e-elevated-icon-button-disabled-icon-color, ${n.color.onSurface})`),iconOpacity:e("var(--m3e-elevated-icon-button-disabled-icon-opacity, 38%)"),containerElevation:e(`var(--m3e-elevated-icon-button-disabled-container-elevation, ${n.elevation.level0})`)},hover:{iconColor:e(`var(--m3e-elevated-icon-button-hover-icon-color, ${n.color.primary})`),stateLayerColor:e(`var(--m3e-elevated-icon-button-hover-state-layer-color, ${n.color.primary})`),stateLayerOpacity:e(`var(--m3e-elevated-icon-button-hover-state-layer-opacity, ${n.state.hoverStateLayerOpacity})`),containerElevation:e(`var(--m3e-elevated-icon-button-hover-container-elevation, ${n.elevation.level2})`),unselectedIconColor:e(`var(--m3e-elevated-icon-button-hover-unselected-icon-color, ${n.color.primary})`),unselectedStateLayerColor:e(`var(--m3e-elevated-icon-button-hover-unselected-state-layer-color, ${n.color.primary})`),selectedIconColor:e(`var(--m3e-elevated-icon-button-hover-selected-icon-color, ${n.color.onPrimary})`),selectedStateLayerColor:e(`var(--m3e-elevated-icon-button-hover-selected-state-layer-color, ${n.color.onPrimary})`)},focus:{iconColor:e(`var(--m3e-elevated-icon-button-focus-icon-color, ${n.color.primary})`),stateLayerColor:e(`var(--m3e-elevated-icon-button-focus-state-layer-color, ${n.color.primary})`),stateLayerOpacity:e(`var(--m3e-elevated-icon-button-focus-state-layer-opacity, ${n.state.focusStateLayerOpacity})`),containerElevation:e(`var(--m3e-elevated-icon-button-focus-container-elevation, ${n.elevation.level1})`),unselectedIconColor:e(`var(--m3e-elevated-icon-button-focus-unselected-icon-color, ${n.color.primary})`),unselectedStateLayerColor:e(`var(--m3e-elevated-icon-button-focus-unselected-state-layer-color, ${n.color.primary})`),selectedIconColor:e(`var(--m3e-elevated-icon-button-focus-selected-icon-color, ${n.color.onPrimary})`),selectedStateLayerColor:e(`var(--m3e-elevated-icon-button-focus-selected-state-layer-color, ${n.color.onPrimary})`)},pressed:{iconColor:e(`var(--m3e-elevated-icon-button-pressed-icon-color, ${n.color.primary})`),stateLayerColor:e(`var(--m3e-elevated-icon-button-pressed-state-layer-color, ${n.color.primary})`),stateLayerOpacity:e(`var(--m3e-elevated-icon-button-pressed-state-layer-opacity, ${n.state.pressedStateLayerOpacity})`),containerElevation:e(`var(--m3e-elevated-icon-button-pressed-container-elevation, ${n.elevation.level1})`),unselectedIconColor:e(`var(--m3e-elevated-icon-button-pressed-unselected-icon-color, ${n.color.primary})`),unselectedStateLayerColor:e(`var(--m3e-elevated-icon-button-pressed-unselected-state-layer-color, ${n.color.primary})`),selectedIconColor:e(`var(--m3e-elevated-icon-button-pressed-selected-icon-color, ${n.color.onPrimary})`),selectedStateLayerColor:e(`var(--m3e-elevated-icon-button-pressed-selected-state-layer-color, ${n.color.onPrimary})`)}},outlined:{iconColor:e(`var(--m3e-outlined-icon-button-icon-color, ${n.color.onSurfaceVariant})`),outlineColor:e(`var(--m3e-outlined-icon-button-outline-color, ${n.color.outlineVariant})`),unselectedIconColor:e(`var(--m3e-outlined-icon-button-unselected-icon-color, ${n.color.onSurfaceVariant})`),selectedIconColor:e(`var(--m3e-outlined-icon-button-selected-icon-color, ${n.color.inverseOnSurface})`),selectedContainerColor:e(`var(--m3e-outlined-icon-button-selected-container-color, ${n.color.inverseSurface})`),disabled:{containerColor:e(`var(--m3e-outlined-icon-button-disabled-container-color, ${n.color.onSurface})`),containerOpacity:e("var(--m3e-outlined-icon-button-disabled-container-opacity, 10%)"),iconColor:e(`var(--m3e-outlined-icon-button-disabled-icon-color, ${n.color.onSurface})`),iconOpacity:e("var(--m3e-outlined-icon-button-disabled-icon-opacity, 38%)"),outlineColor:e(`var(--m3e-outlined-icon-button-disabled-outline-color, ${n.color.outlineVariant})`)},hover:{iconColor:e(`var(--m3e-outlined-icon-button-hover-icon-color, ${n.color.onSurfaceVariant})`),outlineColor:e(`var(--m3e-outlined-icon-button-hover-outline-color, ${n.color.outlineVariant})`),stateLayerColor:e(`var(--m3e-outlined-icon-button-hover-state-layer-color, ${n.color.onSurfaceVariant})`),stateLayerOpacity:e(`var(--m3e-outlined-icon-button-hover-state-layer-opacity, ${n.state.hoverStateLayerOpacity})`),unselectedIconColor:e(`var(--m3e-outlined-icon-button-hover-unselected-icon-color, ${n.color.onSurfaceVariant})`),unselectedStateLayerColor:e(`var(--m3e-outlined-icon-button-hover-unselected-state-layer-color, ${n.color.onSurfaceVariant})`),selectedIconColor:e(`var(--m3e-outlined-icon-button-hover-selected-icon-color, ${n.color.inverseOnSurface})`),selectedStateLayerColor:e(`var(--m3e-outlined-icon-button-hover-selected-state-layer-color, ${n.color.inverseOnSurface})`)},focus:{iconColor:e(`var(--m3e-outlined-icon-button-focus-icon-color, ${n.color.onSurfaceVariant})`),outlineColor:e(`var(--m3e-outlined-icon-button-focus-outline-color, ${n.color.outlineVariant})`),stateLayerColor:e(`var(--m3e-outlined-icon-button-focus-state-layer-color, ${n.color.onSurfaceVariant})`),stateLayerOpacity:e(`var(--m3e-outlined-icon-button-focus-state-layer-opacity, ${n.state.focusStateLayerOpacity})`),unselectedIconColor:e(`var(--m3e-outlined-icon-button-focus-unselected-icon-color, ${n.color.onSurfaceVariant})`),unselectedStateLayerColor:e(`var(--m3e-outlined-icon-button-focus-unselected-state-layer-color, ${n.color.onSurfaceVariant})`),selectedIconColor:e(`var(--m3e-outlined-icon-button-focus-selected-icon-color, ${n.color.inverseOnSurface})`),selectedStateLayerColor:e(`var(--m3e-outlined-icon-button-focus-selected-state-layer-color, ${n.color.inverseOnSurface})`)},pressed:{iconColor:e(`var(--m3e-outlined-icon-button-pressed-icon-color, ${n.color.onSurfaceVariant})`),outlineColor:e(`var(--m3e-outlined-icon-button-pressed-outline-color, ${n.color.outlineVariant})`),stateLayerColor:e(`var(--m3e-outlined-icon-button-pressed-state-layer-color, ${n.color.onSurfaceVariant})`),stateLayerOpacity:e(`var(--m3e-outlined-icon-button-pressed-state-layer-opacity, ${n.state.pressedStateLayerOpacity})`),unselectedIconColor:e(`var(--m3e-outlined-icon-button-pressed-unselected-icon-color, ${n.color.onSurfaceVariant})`),unselectedStateLayerColor:e(`var(--m3e-outlined-icon-button-pressed-unselected-state-layer-color, ${n.color.onSurfaceVariant})`),selectedIconColor:e(`var(--m3e-outlined-icon-button-pressed-selected-icon-color, ${n.color.inverseOnSurface})`),selectedStateLayerColor:e(`var(--m3e-outlined-icon-button-pressed-selected-state-layer-color, ${n.color.inverseOnSurface})`)}},filled:{iconColor:e(`var(--m3e-filled-icon-button-icon-color, ${n.color.onPrimary})`),containerColor:e(`var(--m3e-filled-icon-button-container-color, ${n.color.primary})`),unselectedIconColor:e(`var(--m3e-filled-icon-button-unselected-icon-color, ${n.color.onSurfaceVariant})`),unselectedContainerColor:e(`var(--m3e-filled-icon-button-unselected-container-color, ${n.color.surfaceContainer})`),selectedIconColor:e(`var(--m3e-filled-icon-button-selected-icon-color, ${n.color.onPrimary})`),selectedContainerColor:e(`var(--m3e-filled-icon-button-selected-container-color, ${n.color.primary})`),disabled:{containerColor:e(`var(--m3e-filled-icon-button-disabled-container-color, ${n.color.onSurface})`),containerOpacity:e("var(--m3e-filled-icon-button-disabled-container-opacity, 10%)"),iconColor:e(`var(--m3e-filled-icon-button-disabled-icon-color, ${n.color.onSurface})`),iconOpacity:e("var(--m3e-filled-icon-button-disabled-icon-opacity, 38%)")},hover:{iconColor:e(`var(--m3e-filled-icon-button-hover-icon-color, ${n.color.onPrimary})`),stateLayerColor:e(`var(--m3e-filled-icon-button-hover-state-layer-color, ${n.color.onPrimary})`),stateLayerOpacity:e(`var(--m3e-filled-icon-button-hover-state-layer-opacity, ${n.state.hoverStateLayerOpacity})`),unselectedIconColor:e(`var(--m3e-filled-icon-button-hover-unselected-icon-color, ${n.color.onSurfaceVariant})`),unselectedStateLayerColor:e(`var(--m3e-filled-icon-button-hover-unselected-state-layer-color, ${n.color.onSurfaceVariant})`),selectedIconColor:e(`var(--m3e-filled-icon-button-hover-selected-icon-color, ${n.color.onPrimary})`),selectedStateLayerColor:e(`var(--m3e-filled-icon-button-hover-selected-state-layer-color, ${n.color.onPrimary})`)},focus:{iconColor:e(`var(--m3e-filled-icon-button-focus-icon-color, ${n.color.onPrimary})`),stateLayerColor:e(`var(--m3e-filled-icon-button-focus-state-layer-color, ${n.color.onPrimary})`),stateLayerOpacity:e(`var(--m3e-filled-icon-button-focus-state-layer-opacity, ${n.state.focusStateLayerOpacity})`),unselectedIconColor:e(`var(--m3e-filled-icon-button-focus-unselected-icon-color, ${n.color.onSurfaceVariant})`),unselectedStateLayerColor:e(`var(--m3e-filled-icon-button-focus-unselected-state-layer-color, ${n.color.onSurfaceVariant})`),selectedIconColor:e(`var(--m3e-filled-icon-button-focus-selected-icon-color, ${n.color.onPrimary})`),selectedStateLayerColor:e(`var(--m3e-filled-icon-button-focus-selected-state-layer-color, ${n.color.onPrimary})`)},pressed:{iconColor:e(`var(--m3e-filled-icon-button-pressed-icon-color, ${n.color.onPrimary})`),stateLayerColor:e(`var(--m3e-filled-icon-button-pressed-state-layer-color, ${n.color.onPrimary})`),stateLayerOpacity:e(`var(--m3e-filled-icon-button-pressed-state-layer-opacity, ${n.state.pressedStateLayerOpacity})`),unselectedIconColor:e(`var(--m3e-filled-icon-button-pressed-unselected-icon-color, ${n.color.onSurfaceVariant})`),unselectedStateLayerColor:e(`var(--m3e-filled-icon-button-pressed-unselected-state-layer-color, ${n.color.onSurfaceVariant})`),selectedIconColor:e(`var(--m3e-filled-icon-button-pressed-selected-icon-color, ${n.color.onPrimary})`),selectedStateLayerColor:e(`var(--m3e-filled-icon-button-pressed-selected-state-layer-color, ${n.color.onPrimary})`)}},tonal:{iconColor:e(`var(--m3e-tonal-icon-button-icon-color, ${n.color.onSecondaryContainer})`),containerColor:e(`var(--m3e-tonal-icon-button-container-color, ${n.color.secondaryContainer})`),unselectedIconColor:e(`var(--m3e-tonal-icon-button-unselected-icon-color, ${n.color.onSecondaryContainer})`),unselectedContainerColor:e(`var(--m3e-tonal-icon-button-unselected-container-color, ${n.color.secondaryContainer})`),selectedIconColor:e(`var(--m3e-tonal-icon-button-selected-icon-color, ${n.color.onSecondary})`),selectedContainerColor:e(`var(--m3e-tonal-icon-button-selected-container-color, ${n.color.secondary})`),disabled:{containerColor:e(`var(--m3e-tonal-icon-button-disabled-container-color, ${n.color.onSurface})`),containerOpacity:e("var(--m3e-tonal-icon-button-disabled-container-opacity, 10%)"),iconColor:e(`var(--m3e-tonal-icon-button-disabled-icon-color, ${n.color.onSurface})`),iconOpacity:e("var(--m3e-tonal-icon-button-disabled-icon-opacity, 38%)")},hover:{iconColor:e(`var(--m3e-tonal-icon-button-hover-icon-color, ${n.color.onSecondaryContainer})`),stateLayerColor:e(`var(--m3e-tonal-icon-button-hover-state-layer-color, ${n.color.onSecondaryContainer})`),stateLayerOpacity:e(`var(--m3e-tonal-icon-button-hover-state-layer-opacity, ${n.state.hoverStateLayerOpacity})`),unselectedIconColor:e(`var(--m3e-tonal-icon-button-hover-unselected-icon-color, ${n.color.onSecondaryContainer})`),unselectedStateLayerColor:e(`var(--m3e-tonal-icon-button-hover-unselected-state-layer-color, ${n.color.onSecondaryContainer})`),selectedIconColor:e(`var(--m3e-tonal-icon-button-hover-selected-icon-color, ${n.color.onSecondary})`),selectedStateLayerColor:e(`var(--m3e-tonal-icon-button-hover-selected-state-layer-color, ${n.color.onSecondary})`)},focus:{iconColor:e(`var(--m3e-tonal-icon-button-focus-icon-color, ${n.color.onSecondaryContainer})`),stateLayerColor:e(`var(--m3e-tonal-icon-button-focus-state-layer-color, ${n.color.onSecondaryContainer})`),stateLayerOpacity:e(`var(--m3e-tonal-icon-button-focus-state-layer-opacity, ${n.state.focusStateLayerOpacity})`),unselectedIconColor:e(`var(--m3e-tonal-icon-button-focus-unselected-icon-color, ${n.color.onSecondaryContainer})`),unselectedStateLayerColor:e(`var(--m3e-tonal-icon-button-focus-unselected-state-layer-color, ${n.color.onSecondaryContainer})`),selectedIconColor:e(`var(--m3e-tonal-icon-button-focus-selected-icon-color, ${n.color.onSecondary})`),selectedStateLayerColor:e(`var(--m3e-tonal-icon-button-focus-selected-state-layer-color, ${n.color.onSecondary})`)},pressed:{iconColor:e(`var(--m3e-tonal-icon-button-pressed-icon-color, ${n.color.onSecondaryContainer})`),stateLayerColor:e(`var(--m3e-tonal-icon-button-pressed-state-layer-color, ${n.color.onSecondaryContainer})`),stateLayerOpacity:e(`var(--m3e-tonal-icon-button-pressed-state-layer-opacity, ${n.state.pressedStateLayerOpacity})`),unselectedIconColor:e(`var(--m3e-tonal-icon-button-pressed-unselected-icon-color, ${n.color.onSecondaryContainer})`),unselectedStateLayerColor:e(`var(--m3e-tonal-icon-button-pressed-unselected-state-layer-color, ${n.color.onSecondaryContainer})`),selectedIconColor:e(`var(--m3e-tonal-icon-button-pressed-selected-icon-color, ${n.color.onSecondary})`),selectedStateLayerColor:e(`var(--m3e-tonal-icon-button-pressed-selected-state-layer-color, ${n.color.onSecondary})`)}},standard:{iconColor:e(`var(--m3e-standard-icon-button-icon-color, ${n.color.onSurfaceVariant})`),unselectedIconColor:e(`var(--m3e-standard-icon-button-unselected-icon-color, ${n.color.onSurfaceVariant})`),selectedIconColor:e(`var(--m3e-standard-icon-button-selected-icon-color, ${n.color.primary})`),disabled:{containerColor:e("var(--m3e-standard-icon-button-disabled-container-color, transparent)"),containerOpacity:e("var(--m3e-standard-icon-button-disabled-container-opacity, 10%)"),iconColor:e(`var(--m3e-standard-icon-button-disabled-icon-color, ${n.color.onSurface})`),iconOpacity:e("var(--m3e-standard-icon-button-disabled-icon-opacity, 38%)")},hover:{iconColor:e(`var(--m3e-standard-icon-button-hover-icon-color, ${n.color.onSurfaceVariant})`),stateLayerColor:e(`var(--m3e-standard-icon-button-hover-state-layer-color, ${n.color.onSurfaceVariant})`),stateLayerOpacity:e(`var(--m3e-standard-icon-button-hover-state-layer-opacity, ${n.state.hoverStateLayerOpacity})`),unselectedIconColor:e(`var(--m3e-standard-icon-button-hover-unselected-icon-color, ${n.color.onSurfaceVariant})`),unselectedStateLayerColor:e(`var(--m3e-standard-icon-button-hover-unselected-state-layer-color, ${n.color.onSurfaceVariant})`),selectedIconColor:e(`var(--m3e-standard-icon-button-hover-selected-icon-color, ${n.color.primary})`),selectedStateLayerColor:e(`var(--m3e-standard-icon-button-hover-selected-state-layer-color, ${n.color.primary})`)},focus:{iconColor:e(`var(--m3e-standard-icon-button-focus-icon-color, ${n.color.onSurfaceVariant})`),stateLayerColor:e(`var(--m3e-standard-icon-button-focus-state-layer-color, ${n.color.onSurfaceVariant})`),stateLayerOpacity:e(`var(--m3e-standard-icon-button-focus-state-layer-opacity, ${n.state.focusStateLayerOpacity})`),unselectedIconColor:e(`var(--m3e-standard-icon-button-focus-unselected-icon-color, ${n.color.onSurfaceVariant})`),unselectedStateLayerColor:e(`var(--m3e-standard-icon-button-focus-unselected-state-layer-color, ${n.color.onSurfaceVariant})`),selectedIconColor:e(`var(--m3e-standard-icon-button-focus-selected-icon-color, ${n.color.primary})`),selectedStateLayerColor:e(`var(--m3e-standard-icon-button-focus-selected-state-layer-color, ${n.color.primary})`)},pressed:{iconColor:e(`var(--m3e-standard-icon-button-pressed-icon-color, ${n.color.onSurfaceVariant})`),stateLayerColor:e(`var(--m3e-standard-icon-button-pressed-state-layer-color, ${n.color.onSurfaceVariant})`),stateLayerOpacity:e(`var(--m3e-standard-icon-button-pressed-state-layer-opacity, ${n.state.pressedStateLayerOpacity})`),unselectedIconColor:e(`var(--m3e-standard-icon-button-pressed-unselected-icon-color, ${n.color.onSurfaceVariant})`),unselectedStateLayerColor:e(`var(--m3e-standard-icon-button-pressed-unselected-state-layer-color, ${n.color.onSurfaceVariant})`),selectedIconColor:e(`var(--m3e-standard-icon-button-pressed-selected-icon-color, ${n.color.primary})`),selectedStateLayerColor:e(`var(--m3e-standard-icon-button-pressed-selected-state-layer-color, ${n.color.primary})`)}}};function ee(o){return t`:host([variant="${e(o)}"]:not(:disabled):not([disabled-interactive])) .base { background-color: ${Z[o].containerColor??e("unset")}; --m3e-state-layer-hover-color: ${Z[o].hover.stateLayerColor}; --m3e-state-layer-hover-opacity: ${Z[o].hover.stateLayerOpacity}; --m3e-state-layer-focus-color: ${Z[o].focus.stateLayerColor}; --m3e-state-layer-focus-opacity: ${Z[o].focus.stateLayerOpacity}; --m3e-ripple-color: ${Z[o].pressed.stateLayerColor}; --m3e-ripple-opacity: ${Z[o].pressed.stateLayerOpacity}; --m3e-elevation-level: ${Z[o].containerElevation??e("unset")}; --m3e-elevation-hover-level: ${Z[o].hover.containerElevation??e("unset")}; --m3e-elevation-focus-level: ${Z[o].focus.containerElevation??e("unset")}; --m3e-elevation-pressed-level: ${Z[o].pressed.containerElevation??e("unset")}; } :host([variant="${e(o)}"][toggle]:not([selected]):not(:disabled):not([disabled-interactive])) .base { background-color: ${Z[o].unselectedContainerColor??e("unset")}; --m3e-state-layer-hover-color: ${Z[o].hover.unselectedStateLayerColor}; --m3e-state-layer-focus-color: ${Z[o].focus.unselectedStateLayerColor}; --m3e-ripple-color: ${Z[o].pressed.unselectedStateLayerColor}; } :host([variant="${e(o)}"][toggle][selected]:not(:disabled):not([disabled-interactive])) .base { background-color: ${Z[o].selectedContainerColor??e("unset")}; --m3e-state-layer-hover-color: ${Z[o].hover.selectedStateLayerColor}; --m3e-state-layer-focus-color: ${Z[o].focus.selectedStateLayerColor}; --m3e-ripple-color: ${Z[o].pressed.selectedStateLayerColor}; } :host([variant="${e(o)}"]:not(:disabled):not([disabled-interactive])) .base { outline-color: ${Z[o].outlineColor??e("unset")}; } :host([variant="${e(o)}"]:focus:not(:disabled):not([disabled-interactive])) .base { outline-color: ${Z[o].focus.outlineColor??e("unset")}; } :host([variant="${e(o)}"]:hover:not(:disabled):not([disabled-interactive])) .base { outline-color: ${Z[o].hover.outlineColor??e("unset")}; } :host([variant="${e(o)}"].-pressed:not(:disabled):not([disabled-interactive])) .base { outline-color: ${Z[o].pressed.outlineColor??e("unset")}; } :host([variant="${e(o)}"]:not(:disabled):not([disabled-interactive])) .icon { color: ${Z[o].iconColor}; } :host([variant="${e(o)}"][toggle]:not([selected]):not(:disabled):not([disabled-interactive])) .icon { color: ${Z[o].unselectedIconColor}; } :host([variant="${e(o)}"][toggle][selected]:not(:disabled):not([disabled-interactive])) .icon { color: ${Z[o].selectedIconColor}; } :host([variant="${e(o)}"]:focus:not(:disabled):not([disabled-interactive])) .icon { color: ${Z[o].focus.iconColor}; } :host([variant="${e(o)}"][toggle]:not([selected]):focus:not(:disabled):not([disabled-interactive])) .icon { color: ${Z[o].focus.unselectedIconColor}; } :host([variant="${e(o)}"][toggle][selected]:focus:not(:disabled):not([disabled-interactive])) .icon { color: ${Z[o].focus.selectedIconColor}; } :host([variant="${e(o)}"]:hover:not(:disabled):not([disabled-interactive])) .icon { color: ${Z[o].hover.iconColor}; } :host([variant="${e(o)}"][toggle]:not([selected]):hover:not(:disabled):not([disabled-interactive])) .icon { color: ${Z[o].hover.unselectedIconColor}; } :host([variant="${e(o)}"][toggle][selected]:hover:not(:disabled):not([disabled-interactive])) .icon { color: ${Z[o].hover.selectedIconColor}; } :host([variant="${e(o)}"].-pressed:not(:disabled):not([disabled-interactive])) .icon { color: ${Z[o].pressed.iconColor}; } :host([variant="${e(o)}"][toggle]:not([selected]).-pressed:not(:disabled):not([disabled-interactive])) .icon { color: ${Z[o].pressed.unselectedIconColor}; } :host([variant="${e(o)}"][toggle][selected].-pressed:not(:disabled):not([disabled-interactive])) .icon { color: ${Z[o].pressed.selectedIconColor}; } :host([variant="${e(o)}"]:disabled) .base, :host([variant="${e(o)}"][disabled-interactive]) .base { outline-color: ${Z[o].disabled.outlineColor??e("unset")}; background-color: color-mix( in srgb, ${Z[o].disabled.containerColor} ${Z[o].disabled.containerOpacity}, transparent ); } :host([variant="${e(o)}"]:disabled) .icon, :host([variant="${e(o)}"][disabled-interactive]) .icon { color: color-mix( in srgb, ${Z[o].disabled.iconColor} ${Z[o].disabled.iconOpacity}, transparent ); }`}const te=[ee("standard"),ee("outlined"),ee("filled"),ee("tonal"),ee("elevated"),t`:host([variant="outlined"]) .base { outline-style: solid; }`];var oe,re,ae,ne,ie,se;let ce=class extends(i(s(c(l(d(u(p(h(o,"button"),!0)))))))){constructor(){super(),oe.add(this),re.set(this,e=>C(this,oe,"m",ie).call(this,e)),this.variant="standard",this.shape="rounded",this.size="small",this.width="default",this.toggle=!1,this.selected=!1,new m(this,{callback:()=>{this.grouped&&this._handleResize()}}),new v(this,{callback:e=>{this.disabledInteractive||e||this.grouped||this._base?.style.removeProperty("--_button-shape")}}),new b(this,{isPressedKey:e=>" "===e,minPressedDuration:150,callback:e=>{this.disabled||this.disabledInteractive||(e?(C(this,oe,"m",ae).call(this),y()?C(this,oe,"m",ne).call(this,!0):requestAnimationFrame(()=>C(this,oe,"m",ne).call(this,!0))):C(this,oe,"m",ne).call(this,!1))}})}get grouped(){return this.classList.contains("-grouped")}render(){return a`<div class="base"><m3e-state-layer class="state-layer" ?disabled="${this.disabled||this.disabledInteractive}"></m3e-state-layer><m3e-elevation class="elevation" ?disabled="${this.disabled||this.disabledInteractive}"></m3e-elevation><m3e-focus-ring class="focus-ring" ?disabled="${this.disabled}"></m3e-focus-ring><m3e-ripple class="ripple" centered ?disabled="${this.disabled||this.disabledInteractive}"></m3e-ripple><div class="touch" aria-hidden="true"></div>${this[$]()}<div class="wrapper">${this.toggle?a`<slot class="icon" name="selected" aria-hidden="true" @slotchange="${C(this,oe,"m",se)}"></slot>`:r}<slot class="icon" aria-hidden="true"></slot></div></div>`}connectedCallback(){super.connectedCallback(),this.addEventListener("click",C(this,re,"f"))}disconnectedCallback(){super.disconnectedCallback(),["-pressed","-resting","-grouped","-connected"].forEach(e=>this.classList.remove(e)),this._base?.style.removeProperty("--_button-shape"),this.style.removeProperty("--_button-width"),this.style.removeProperty("--_adjacent-button-width"),this.classList.remove("-adjacent-pressed"),this.removeEventListener("click",C(this,re,"f"))}firstUpdated(e){super.firstUpdated(e),[this._elevation,this._focusRing,this._stateLayer,this._ripple].forEach(e=>e?.attach(this))}updated(e){if(super.updated(e),(e.has("disabled")&&this.disabled||e.has("disabledInteractive")&&this.disabledInteractive)&&(this.classList.toggle("-pressed",!1),this.classList.toggle("-resting",!1)),(e.has("toggle")||e.has("selected"))&&(this.ariaPressed=this.toggle?`${this.selected}`:null,this.toggle))for(const e of this.querySelectorAll("m3e-icon"))e.toggleAttribute("filled",this.selected)}_handleResize(){this.grouped&&!this.classList.contains("-pressed")&&(this.style.setProperty("--_button-width",`${this.clientWidth}px`),C(this,oe,"m",ae).call(this,!0))}};re=new WeakMap,oe=new WeakSet,ae=function(e=!1){if(!this._base)return;const t=parseFloat(getComputedStyle(this._base).borderRadius);if(!isNaN(t)||e){const o=this.clientHeight/2;(o<t||e)&&this._base?.style.setProperty("--_button-shape",`${o}px`)}},ne=function(e){this.classList.toggle("-pressed",e),this.classList.toggle("-resting",!e);const t=this.closest("m3e-button-group");if(t){const o=this.getBoundingClientRect().width,r=[...t.querySelectorAll("m3e-button,m3e-icon-button")],a=r.indexOf(this);for(let t=0;t<r.length;t++){const n=r[t];t===a-1||t===a+1?(n.style.setProperty("--_adjacent-button-width",`${o}px`),n.classList.toggle("-adjacent-pressed",e)):(n.style.removeProperty("--_adjacent-button-width"),n.classList.remove("-adjacent-pressed"))}}},ie=function(e){(this.disabled||this.disabledInteractive)&&(e.preventDefault(),e.stopImmediatePropagation()),this.toggle&&!e.defaultPrevented&&(this.selected=!this.selected,this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0,cancelable:!0}))?this.dispatchEvent(new Event("change",{bubbles:!0})):this.selected=!this.selected)},se=function(e){this._base?.classList.toggle("with-selected-icon",g(e.target))},ce.styles=[X,te,Y],S([G(".base")],ce.prototype,"_base",void 0),S([G(".elevation")],ce.prototype,"_elevation",void 0),S([G(".focus-ring")],ce.prototype,"_focusRing",void 0),S([G(".state-layer")],ce.prototype,"_stateLayer",void 0),S([G(".ripple")],ce.prototype,"_ripple",void 0),S([K({reflect:!0})],ce.prototype,"variant",void 0),S([K({reflect:!0})],ce.prototype,"shape",void 0),S([K({reflect:!0})],ce.prototype,"size",void 0),S([K({reflect:!0})],ce.prototype,"width",void 0),S([K({type:Boolean,reflect:!0})],ce.prototype,"toggle",void 0),S([K({type:Boolean,reflect:!0})],ce.prototype,"selected",void 0),S([f(40)],ce.prototype,"_handleResize",null),ce=S([(e=>(t,o)=>{void 0!==o?o.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)})("m3e-icon-button")],ce);export{ce as M3eIconButtonElement};
+//# sourceMappingURL=icon-button.min.js.map

package/dist/icon-button.min.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button.min.js","sources":["../../../node_modules/tslib/tslib.es6.js","../../../node_modules/@lit/reactive-element/decorators/custom-element.js","../../../node_modules/@lit/reactive-element/css-tag.js","../../../node_modules/@lit/reactive-element/reactive-element.js","../../../node_modules/@lit/reactive-element/decorators/property.js","../../../node_modules/@lit/reactive-element/decorators/query.js","../../../node_modules/@lit/reactive-element/decorators/base.js","../../src/icon-button/styles/IconButtonSizeToken.ts","../../src/icon-button/styles/IconButtonSizeStyle.ts","../../src/icon-button/styles/IconButtonStyle.ts","../../src/icon-button/styles/IconButtonVariantToken.ts","../../src/icon-button/styles/IconButtonVariantStyle.ts","../../src/icon-button/IconButtonElement.ts"],"sourcesContent":["/******************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise, SuppressedError, Symbol, Iterator */\r\n\r\nvar extendStatics = function(d, b) {\r\n    extendStatics = Object.setPrototypeOf ||\r\n        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n    return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n    if (typeof b !== \"function\" && b !== null)\r\n        throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n    extendStatics(d, b);\r\n    function __() { this.constructor = d; }\r\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n    __assign = Object.assign || function __assign(t) {\r\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n            s = arguments[i];\r\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n        }\r\n        return t;\r\n    }\r\n    return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n    var t = {};\r\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n        t[p] = s[p];\r\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n                t[p[i]] = s[p[i]];\r\n        }\r\n    return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n    return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __esDecorate(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {\r\n    function accept(f) { if (f !== void 0 && typeof f !== \"function\") throw new TypeError(\"Function expected\"); return f; }\r\n    var kind = contextIn.kind, key = kind === \"getter\" ? \"get\" : kind === \"setter\" ? \"set\" : \"value\";\r\n    var target = !descriptorIn && ctor ? contextIn[\"static\"] ? ctor : ctor.prototype : null;\r\n    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});\r\n    var _, done = false;\r\n    for (var i = decorators.length - 1; i >= 0; i--) {\r\n        var context = {};\r\n        for (var p in contextIn) context[p] = p === \"access\" ? {} : contextIn[p];\r\n        for (var p in contextIn.access) context.access[p] = contextIn.access[p];\r\n        context.addInitializer = function (f) { if (done) throw new TypeError(\"Cannot add initializers after decoration has completed\"); extraInitializers.push(accept(f || null)); };\r\n        var result = (0, decorators[i])(kind === \"accessor\" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);\r\n        if (kind === \"accessor\") {\r\n            if (result === void 0) continue;\r\n            if (result === null || typeof result !== \"object\") throw new TypeError(\"Object expected\");\r\n            if (_ = accept(result.get)) descriptor.get = _;\r\n            if (_ = accept(result.set)) descriptor.set = _;\r\n            if (_ = accept(result.init)) initializers.unshift(_);\r\n        }\r\n        else if (_ = accept(result)) {\r\n            if (kind === \"field\") initializers.unshift(_);\r\n            else descriptor[key] = _;\r\n        }\r\n    }\r\n    if (target) Object.defineProperty(target, contextIn.name, descriptor);\r\n    done = true;\r\n};\r\n\r\nexport function __runInitializers(thisArg, initializers, value) {\r\n    var useValue = arguments.length > 2;\r\n    for (var i = 0; i < initializers.length; i++) {\r\n        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);\r\n    }\r\n    return useValue ? value : void 0;\r\n};\r\n\r\nexport function __propKey(x) {\r\n    return typeof x === \"symbol\" ? x : \"\".concat(x);\r\n};\r\n\r\nexport function __setFunctionName(f, name, prefix) {\r\n    if (typeof name === \"symbol\") name = name.description ? \"[\".concat(name.description, \"]\") : \"\";\r\n    return Object.defineProperty(f, \"name\", { configurable: true, value: prefix ? \"\".concat(prefix, \" \", name) : name });\r\n};\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n    if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n    return new (P || (P = Promise))(function (resolve, reject) {\r\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n    });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === \"function\" ? Iterator : Object).prototype);\r\n    return g.next = verb(0), g[\"throw\"] = verb(1), g[\"return\"] = verb(2), typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n    function verb(n) { return function (v) { return step([n, v]); }; }\r\n    function step(op) {\r\n        if (f) throw new TypeError(\"Generator is already executing.\");\r\n        while (g && (g = 0, op[0] && (_ = 0)), _) try {\r\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n            if (y = 0, t) op = [op[0] & 2, t.value];\r\n            switch (op[0]) {\r\n                case 0: case 1: t = op; break;\r\n                case 4: _.label++; return { value: op[1], done: false };\r\n                case 5: _.label++; y = op[1]; op = [0]; continue;\r\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n                default:\r\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n                    if (t[2]) _.ops.pop();\r\n                    _.trys.pop(); continue;\r\n            }\r\n            op = body.call(thisArg, _);\r\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n    }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    var desc = Object.getOwnPropertyDescriptor(m, k);\r\n    if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\r\n        desc = { enumerable: true, get: function() { return m[k]; } };\r\n    }\r\n    Object.defineProperty(o, k2, desc);\r\n}) : (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n    for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n    var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n    if (m) return m.call(o);\r\n    if (o && typeof o.length === \"number\") return {\r\n        next: function () {\r\n            if (o && i >= o.length) o = void 0;\r\n            return { value: o && o[i++], done: !o };\r\n        }\r\n    };\r\n    throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n    var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n    if (!m) return o;\r\n    var i = m.call(o), r, ar = [], e;\r\n    try {\r\n        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n    }\r\n    catch (error) { e = { error: error }; }\r\n    finally {\r\n        try {\r\n            if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n        }\r\n        finally { if (e) throw e.error; }\r\n    }\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n    for (var ar = [], i = 0; i < arguments.length; i++)\r\n        ar = ar.concat(__read(arguments[i]));\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n    for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n            r[k] = a[j];\r\n    return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n        if (ar || !(i in from)) {\r\n            if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n            ar[i] = from[i];\r\n        }\r\n    }\r\n    return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n    return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n    return i = Object.create((typeof AsyncIterator === \"function\" ? AsyncIterator : Object).prototype), verb(\"next\"), verb(\"throw\"), verb(\"return\", awaitReturn), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n    function awaitReturn(f) { return function (v) { return Promise.resolve(v).then(f, reject); }; }\r\n    function verb(n, f) { if (g[n]) { i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; if (f) i[n] = f(i[n]); } }\r\n    function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n    function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n    function fulfill(value) { resume(\"next\", value); }\r\n    function reject(value) { resume(\"throw\", value); }\r\n    function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n    var i, p;\r\n    return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n    function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: false } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var m = o[Symbol.asyncIterator], i;\r\n    return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n    function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n    function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n    if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n    return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n    Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n    o[\"default\"] = v;\r\n};\r\n\r\nvar ownKeys = function(o) {\r\n    ownKeys = Object.getOwnPropertyNames || function (o) {\r\n        var ar = [];\r\n        for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;\r\n        return ar;\r\n    };\r\n    return ownKeys(o);\r\n};\r\n\r\nexport function __importStar(mod) {\r\n    if (mod && mod.__esModule) return mod;\r\n    var result = {};\r\n    if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== \"default\") __createBinding(result, mod, k[i]);\r\n    __setModuleDefault(result, mod);\r\n    return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n    return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n    return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n    if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n    return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n\r\nexport function __classPrivateFieldIn(state, receiver) {\r\n    if (receiver === null || (typeof receiver !== \"object\" && typeof receiver !== \"function\")) throw new TypeError(\"Cannot use 'in' operator on non-object\");\r\n    return typeof state === \"function\" ? receiver === state : state.has(receiver);\r\n}\r\n\r\nexport function __addDisposableResource(env, value, async) {\r\n    if (value !== null && value !== void 0) {\r\n        if (typeof value !== \"object\" && typeof value !== \"function\") throw new TypeError(\"Object expected.\");\r\n        var dispose, inner;\r\n        if (async) {\r\n            if (!Symbol.asyncDispose) throw new TypeError(\"Symbol.asyncDispose is not defined.\");\r\n            dispose = value[Symbol.asyncDispose];\r\n        }\r\n        if (dispose === void 0) {\r\n            if (!Symbol.dispose) throw new TypeError(\"Symbol.dispose is not defined.\");\r\n            dispose = value[Symbol.dispose];\r\n            if (async) inner = dispose;\r\n        }\r\n        if (typeof dispose !== \"function\") throw new TypeError(\"Object not disposable.\");\r\n        if (inner) dispose = function() { try { inner.call(this); } catch (e) { return Promise.reject(e); } };\r\n        env.stack.push({ value: value, dispose: dispose, async: async });\r\n    }\r\n    else if (async) {\r\n        env.stack.push({ async: true });\r\n    }\r\n    return value;\r\n\r\n}\r\n\r\nvar _SuppressedError = typeof SuppressedError === \"function\" ? SuppressedError : function (error, suppressed, message) {\r\n    var e = new Error(message);\r\n    return e.name = \"SuppressedError\", e.error = error, e.suppressed = suppressed, e;\r\n};\r\n\r\nexport function __disposeResources(env) {\r\n    function fail(e) {\r\n        env.error = env.hasError ? new _SuppressedError(e, env.error, \"An error was suppressed during disposal.\") : e;\r\n        env.hasError = true;\r\n    }\r\n    var r, s = 0;\r\n    function next() {\r\n        while (r = env.stack.pop()) {\r\n            try {\r\n                if (!r.async && s === 1) return s = 0, env.stack.push(r), Promise.resolve().then(next);\r\n                if (r.dispose) {\r\n                    var result = r.dispose.call(r.value);\r\n                    if (r.async) return s |= 2, Promise.resolve(result).then(next, function(e) { fail(e); return next(); });\r\n                }\r\n                else s |= 1;\r\n            }\r\n            catch (e) {\r\n                fail(e);\r\n            }\r\n        }\r\n        if (s === 1) return env.hasError ? Promise.reject(env.error) : Promise.resolve();\r\n        if (env.hasError) throw env.error;\r\n    }\r\n    return next();\r\n}\r\n\r\nexport function __rewriteRelativeImportExtension(path, preserveJsx) {\r\n    if (typeof path === \"string\" && /^\\.\\.?\\//.test(path)) {\r\n        return path.replace(/\\.(tsx)$|((?:\\.d)?)((?:\\.[^./]+?)?)\\.([cm]?)ts$/i, function (m, tsx, d, ext, cm) {\r\n            return tsx ? preserveJsx ? \".jsx\" : \".js\" : d && (!ext || !cm) ? m : (d + ext + \".\" + cm.toLowerCase() + \"js\");\r\n        });\r\n    }\r\n    return path;\r\n}\r\n\r\nexport default {\r\n    __extends: __extends,\r\n    __assign: __assign,\r\n    __rest: __rest,\r\n    __decorate: __decorate,\r\n    __param: __param,\r\n    __esDecorate: __esDecorate,\r\n    __runInitializers: __runInitializers,\r\n    __propKey: __propKey,\r\n    __setFunctionName: __setFunctionName,\r\n    __metadata: __metadata,\r\n    __awaiter: __awaiter,\r\n    __generator: __generator,\r\n    __createBinding: __createBinding,\r\n    __exportStar: __exportStar,\r\n    __values: __values,\r\n    __read: __read,\r\n    __spread: __spread,\r\n    __spreadArrays: __spreadArrays,\r\n    __spreadArray: __spreadArray,\r\n    __await: __await,\r\n    __asyncGenerator: __asyncGenerator,\r\n    __asyncDelegator: __asyncDelegator,\r\n    __asyncValues: __asyncValues,\r\n    __makeTemplateObject: __makeTemplateObject,\r\n    __importStar: __importStar,\r\n    __importDefault: __importDefault,\r\n    __classPrivateFieldGet: __classPrivateFieldGet,\r\n    __classPrivateFieldSet: __classPrivateFieldSet,\r\n    __classPrivateFieldIn: __classPrivateFieldIn,\r\n    __addDisposableResource: __addDisposableResource,\r\n    __disposeResources: __disposeResources,\r\n    __rewriteRelativeImportExtension: __rewriteRelativeImportExtension,\r\n};\r\n","/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nconst t=t=>(e,o)=>{void 0!==o?o.addInitializer((()=>{customElements.define(t,e)})):customElements.define(t,e)};export{t as customElement};\n//# sourceMappingURL=custom-element.js.map\n","/**\n * @license\n * Copyright 2019 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nconst t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow)&&\"adoptedStyleSheets\"in Document.prototype&&\"replace\"in CSSStyleSheet.prototype,s=Symbol(),o=new WeakMap;class n{constructor(t,e,o){if(this._$cssResult$=!0,o!==s)throw Error(\"CSSResult is not constructable. Use `unsafeCSS` or `css` instead.\");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const s=this.t;if(e&&void 0===t){const e=void 0!==s&&1===s.length;e&&(t=o.get(s)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),e&&o.set(s,t))}return t}toString(){return this.cssText}}const r=t=>new n(\"string\"==typeof t?t:t+\"\",void 0,s),i=(t,...e)=>{const o=1===t.length?t[0]:e.reduce(((e,s,o)=>e+(t=>{if(!0===t._$cssResult$)return t.cssText;if(\"number\"==typeof t)return t;throw Error(\"Value passed to 'css' function must be a 'css' function result: \"+t+\". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.\")})(s)+t[o+1]),t[0]);return new n(o,t,s)},S=(s,o)=>{if(e)s.adoptedStyleSheets=o.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet));else for(const e of o){const o=document.createElement(\"style\"),n=t.litNonce;void 0!==n&&o.setAttribute(\"nonce\",n),o.textContent=e.cssText,s.appendChild(o)}},c=e?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e=\"\";for(const s of t.cssRules)e+=s.cssText;return r(e)})(t):t;export{n as CSSResult,S as adoptStyles,i as css,c as getCompatibleStyle,e as supportsAdoptingStyleSheets,r as unsafeCSS};\n//# sourceMappingURL=css-tag.js.map\n","import{getCompatibleStyle as t,adoptStyles as s}from\"./css-tag.js\";export{CSSResult,css,supportsAdoptingStyleSheets,unsafeCSS}from\"./css-tag.js\";\n/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const{is:i,defineProperty:e,getOwnPropertyDescriptor:h,getOwnPropertyNames:r,getOwnPropertySymbols:o,getPrototypeOf:n}=Object,a=globalThis,c=a.trustedTypes,l=c?c.emptyScript:\"\",p=a.reactiveElementPolyfillSupport,d=(t,s)=>t,u={toAttribute(t,s){switch(s){case Boolean:t=t?l:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,s){let i=t;switch(s){case Boolean:i=null!==t;break;case Number:i=null===t?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t)}catch(t){i=null}}return i}},f=(t,s)=>!i(t,s),b={attribute:!0,type:String,converter:u,reflect:!1,useDefault:!1,hasChanged:f};Symbol.metadata??=Symbol(\"metadata\"),a.litPropertyMetadata??=new WeakMap;class y extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,s=b){if(s.state&&(s.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((s=Object.create(s)).wrapped=!0),this.elementProperties.set(t,s),!s.noAccessor){const i=Symbol(),h=this.getPropertyDescriptor(t,i,s);void 0!==h&&e(this.prototype,t,h)}}static getPropertyDescriptor(t,s,i){const{get:e,set:r}=h(this.prototype,t)??{get(){return this[s]},set(t){this[s]=t}};return{get:e,set(s){const h=e?.call(this);r?.call(this,s),this.requestUpdate(t,h,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??b}static _$Ei(){if(this.hasOwnProperty(d(\"elementProperties\")))return;const t=n(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(d(\"finalized\")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(d(\"properties\"))){const t=this.properties,s=[...r(t),...o(t)];for(const i of s)this.createProperty(i,t[i])}const t=this[Symbol.metadata];if(null!==t){const s=litPropertyMetadata.get(t);if(void 0!==s)for(const[t,i]of s)this.elementProperties.set(t,i)}this._$Eh=new Map;for(const[t,s]of this.elementProperties){const i=this._$Eu(t,s);void 0!==i&&this._$Eh.set(i,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(s){const i=[];if(Array.isArray(s)){const e=new Set(s.flat(1/0).reverse());for(const s of e)i.unshift(t(s))}else void 0!==s&&i.push(t(s));return i}static _$Eu(t,s){const i=s.attribute;return!1===i?void 0:\"string\"==typeof i?i:\"string\"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach((t=>t(this)))}addController(t){(this._$EO??=new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){const t=new Map,s=this.constructor.elementProperties;for(const i of s.keys())this.hasOwnProperty(i)&&(t.set(i,this[i]),delete this[i]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return s(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach((t=>t.hostConnected?.()))}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach((t=>t.hostDisconnected?.()))}attributeChangedCallback(t,s,i){this._$AK(t,i)}_$ET(t,s){const i=this.constructor.elementProperties.get(t),e=this.constructor._$Eu(t,i);if(void 0!==e&&!0===i.reflect){const h=(void 0!==i.converter?.toAttribute?i.converter:u).toAttribute(s,i.type);this._$Em=t,null==h?this.removeAttribute(e):this.setAttribute(e,h),this._$Em=null}}_$AK(t,s){const i=this.constructor,e=i._$Eh.get(t);if(void 0!==e&&this._$Em!==e){const t=i.getPropertyOptions(e),h=\"function\"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:u;this._$Em=e;const r=h.fromAttribute(s,t.type);this[e]=r??this._$Ej?.get(e)??r,this._$Em=null}}requestUpdate(t,s,i){if(void 0!==t){const e=this.constructor,h=this[t];if(i??=e.getPropertyOptions(t),!((i.hasChanged??f)(h,s)||i.useDefault&&i.reflect&&h===this._$Ej?.get(t)&&!this.hasAttribute(e._$Eu(t,i))))return;this.C(t,s,i)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(t,s,{useDefault:i,reflect:e,wrapped:h},r){i&&!(this._$Ej??=new Map).has(t)&&(this._$Ej.set(t,r??s??this[t]),!0!==h||void 0!==r)||(this._$AL.has(t)||(this.hasUpdated||i||(s=void 0),this._$AL.set(t,s)),!0===e&&this._$Em!==t&&(this._$Eq??=new Set).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,s]of this._$Ep)this[t]=s;this._$Ep=void 0}const t=this.constructor.elementProperties;if(t.size>0)for(const[s,i]of t){const{wrapped:t}=i,e=this[s];!0!==t||this._$AL.has(s)||void 0===e||this.C(s,void 0,i,e)}}let t=!1;const s=this._$AL;try{t=this.shouldUpdate(s),t?(this.willUpdate(s),this._$EO?.forEach((t=>t.hostUpdate?.())),this.update(s)):this._$EM()}catch(s){throw t=!1,this._$EM(),s}t&&this._$AE(s)}willUpdate(t){}_$AE(t){this._$EO?.forEach((t=>t.hostUpdated?.())),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&=this._$Eq.forEach((t=>this._$ET(t,this[t]))),this._$EM()}updated(t){}firstUpdated(t){}}y.elementStyles=[],y.shadowRootOptions={mode:\"open\"},y[d(\"elementProperties\")]=new Map,y[d(\"finalized\")]=new Map,p?.({ReactiveElement:y}),(a.reactiveElementVersions??=[]).push(\"2.1.1\");export{y as ReactiveElement,s as adoptStyles,u as defaultConverter,t as getCompatibleStyle,f as notEqual};\n//# sourceMappingURL=reactive-element.js.map\n","import{defaultConverter as t,notEqual as e}from\"../reactive-element.js\";\n/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const o={attribute:!0,type:String,converter:t,reflect:!1,hasChanged:e},r=(t=o,e,r)=>{const{kind:n,metadata:i}=r;let s=globalThis.litPropertyMetadata.get(i);if(void 0===s&&globalThis.litPropertyMetadata.set(i,s=new Map),\"setter\"===n&&((t=Object.create(t)).wrapped=!0),s.set(r.name,t),\"accessor\"===n){const{name:o}=r;return{set(r){const n=e.get.call(this);e.set.call(this,r),this.requestUpdate(o,n,t)},init(e){return void 0!==e&&this.C(o,void 0,t,e),e}}}if(\"setter\"===n){const{name:o}=r;return function(r){const n=this[o];e.call(this,r),this.requestUpdate(o,n,t)}}throw Error(\"Unsupported decorator location: \"+n)};function n(t){return(e,o)=>\"object\"==typeof o?r(t,e,o):((t,e,o)=>{const r=e.hasOwnProperty(o);return e.constructor.createProperty(o,t),r?Object.getOwnPropertyDescriptor(e,o):void 0})(t,e,o)}export{n as property,r as standardProperty};\n//# sourceMappingURL=property.js.map\n","import{desc as t}from\"./base.js\";\n/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */function e(e,r){return(n,s,i)=>{const o=t=>t.renderRoot?.querySelector(e)??null;if(r){const{get:e,set:r}=\"object\"==typeof s?n:i??(()=>{const t=Symbol();return{get(){return this[t]},set(e){this[t]=e}}})();return t(n,s,{get(){let t=e.call(this);return void 0===t&&(t=o(this),(null!==t||this.hasUpdated)&&r.call(this,t)),t}})}return t(n,s,{get(){return o(this)}})}}export{e as query};\n//# sourceMappingURL=query.js.map\n","/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nconst e=(e,t,c)=>(c.configurable=!0,c.enumerable=!0,Reflect.decorate&&\"object\"!=typeof t&&Object.defineProperty(e,t,c),c);export{e as desc};\n//# sourceMappingURL=base.js.map\n","import { CSSResult, unsafeCSS } from \"lit\";\r\n\r\nimport { DesignToken } from \"@m3e/web/core\";\r\n\r\nimport { IconButtonSize } from \"../IconButtonSize\";\r\n\r\n/** @private */\r\ntype _IconButtonSizeToken = {\r\n  containerHeight: CSSResult;\r\n  outlineThickness: CSSResult;\r\n  iconSize: CSSResult;\r\n  shapeRound: CSSResult;\r\n  shapeSquare: CSSResult;\r\n  selectedShapeRound: CSSResult;\r\n  selectedShapeSquare: CSSResult;\r\n  shapePressedMorph: CSSResult;\r\n  narrowLeadingSpace: CSSResult;\r\n  narrowTrailingSpace: CSSResult;\r\n  defaultLeadingSpace: CSSResult;\r\n  defaultTrailingSpace: CSSResult;\r\n  wideLeadingSpace: CSSResult;\r\n  wideTrailingSpace: CSSResult;\r\n};\r\n\r\n/**\r\n * Component design tokens that control the `M3eIconButtonElement` for all size variants.\r\n * @internal\r\n */\r\nexport const IconButtonSizeToken: Record<IconButtonSize, _IconButtonSizeToken> = {\r\n  /** Design tokens that control the `extra-small` `size` variant. */\r\n  \"extra-small\": {\r\n    containerHeight: unsafeCSS(\r\n      `calc(var(--m3e-icon-button-extra-small-container-height, 2rem) + ${DesignToken.density.calc(0)})`,\r\n    ),\r\n    outlineThickness: unsafeCSS(\"var(--m3e-icon-button-extra-small-outline-thickness, 1px)\"),\r\n    iconSize: unsafeCSS(`calc(var(--m3e-icon-button-extra-small-icon-size, 1.25rem) + ${DesignToken.density.calc(0)})`),\r\n    shapeRound: unsafeCSS(`var(--m3e-icon-button-extra-small-shape-round, ${DesignToken.shape.corner.full})`),\r\n    shapeSquare: unsafeCSS(`var(--m3e-icon-button-extra-small-shape-square, ${DesignToken.shape.corner.medium})`),\r\n    selectedShapeRound: unsafeCSS(\r\n      `var(--m3e-icon-button-extra-small-selected-shape-round, ${DesignToken.shape.corner.medium})`,\r\n    ),\r\n    selectedShapeSquare: unsafeCSS(\r\n      `var(--m3e-icon-button-extra-small-selected-shape-square, ${DesignToken.shape.corner.full})`,\r\n    ),\r\n    shapePressedMorph: unsafeCSS(\r\n      `var(--m3e-icon-button-extra-small-shape-pressed-morph, ${DesignToken.shape.corner.small})`,\r\n    ),\r\n    narrowLeadingSpace: unsafeCSS(\r\n      `calc(var(--m3e-icon-button-extra-small-narrow-leading-space, 0.25rem) + ${DesignToken.density.calc(0)})`,\r\n    ),\r\n    narrowTrailingSpace: unsafeCSS(\r\n      `calc(var(--m3e-icon-button-extra-small-narrow-trailing-space, 0.25rem) + ${DesignToken.density.calc(0)})`,\r\n    ),\r\n    defaultLeadingSpace: unsafeCSS(\r\n      `calc(var(--m3e-icon-button-extra-small-default-leading-space, 0.375rem) + ${DesignToken.density.calc(0)})`,\r\n    ),\r\n    defaultTrailingSpace: unsafeCSS(\r\n      `calc(var(--m3e-icon-button-extra-small-default-trailing-space, 0.375rem) + ${DesignToken.density.calc(0)})`,\r\n    ),\r\n    wideLeadingSpace: unsafeCSS(\r\n      `calc(var(--m3e-icon-button-extra-small-wide-leading-space, 0.625rem) + ${DesignToken.density.calc(0)})`,\r\n    ),\r\n    wideTrailingSpace: unsafeCSS(\r\n      `calc(var(--m3e-icon-button-extra-small-wide-trailing-space, 0.625rem) + ${DesignToken.density.calc(0)})`,\r\n    ),\r\n  },\r\n\r\n  /** Design tokens that control the `small` `size` variant. */\r\n  small: {\r\n    containerHeight: unsafeCSS(\r\n      `calc(var(--m3e-icon-button-small-container-height, 2.5rem) + ${DesignToken.density.calc(-1)})`,\r\n    ),\r\n    outlineThickness: unsafeCSS(\"var(--m3e-icon-button-small-outline-thickness, 1px)\"),\r\n    iconSize: unsafeCSS(`calc(var(--m3e-icon-button-small-icon-size, 1.5rem) + ${DesignToken.density.calc(-1)})`),\r\n    shapeRound: unsafeCSS(`var(--m3e-icon-button-small-shape-round, ${DesignToken.shape.corner.full})`),\r\n    shapeSquare: unsafeCSS(`var(--m3e-icon-button-small-shape-square, ${DesignToken.shape.corner.medium})`),\r\n    selectedShapeRound: unsafeCSS(\r\n      `var(--m3e-icon-button-small-selected-shape-round, ${DesignToken.shape.corner.medium})`,\r\n    ),\r\n    selectedShapeSquare: unsafeCSS(\r\n      `var(--m3e-icon-button-small-selected-shape-square, ${DesignToken.shape.corner.full})`,\r\n    ),\r\n    shapePressedMorph: unsafeCSS(`var(--m3e-icon-button-small-shape-pressed-morph, ${DesignToken.shape.corner.small})`),\r\n    narrowLeadingSpace: unsafeCSS(\r\n      `calc(var(--m3e-icon-button-small-narrow-leading-space, 0.25rem) + ${DesignToken.density.calc(-1)})`,\r\n    ),\r\n    narrowTrailingSpace: unsafeCSS(\r\n      `calc(var(--m3e-icon-button-small-narrow-trailing-space, 0.25rem) + ${DesignToken.density.calc(-1)})`,\r\n    ),\r\n    defaultLeadingSpace: unsafeCSS(\r\n      `calc(var(--m3e-icon-button-small-default-leading-space, 0.5rem) + ${DesignToken.density.calc(-1)})`,\r\n    ),\r\n    defaultTrailingSpace: unsafeCSS(\r\n      `calc(var(--m3e-icon-button-small-default-trailing-space, 0.5rem) + ${DesignToken.density.calc(-1)})`,\r\n    ),\r\n    wideLeadingSpace: unsafeCSS(\r\n      `calc(var(--m3e-icon-button-small-wide-leading-space, 0.875rem) + ${DesignToken.density.calc(-1)})`,\r\n    ),\r\n    wideTrailingSpace: unsafeCSS(\r\n      `calc(var(--m3e-icon-button-small-wide-trailing-space, 0.875rem) + ${DesignToken.density.calc(-1)})`,\r\n    ),\r\n  },\r\n\r\n  /** Design tokens that control the `medium` `size` variant. */\r\n  medium: {\r\n    containerHeight: unsafeCSS(\r\n      `calc(var(--m3e-icon-button-medium-container-height, 3.5rem) + ${DesignToken.density.calc(-2)})`,\r\n    ),\r\n    outlineThickness: unsafeCSS(\"var(--m3e-icon-button-medium-outline-thickness, 1px)\"),\r\n    iconSize: unsafeCSS(`calc(var(--m3e-icon-button-medium-icon-size, 1.5rem) + ${DesignToken.density.calc(-2)})`),\r\n    shapeRound: unsafeCSS(`var(--m3e-icon-button-medium-shape-round, ${DesignToken.shape.corner.full})`),\r\n    shapeSquare: unsafeCSS(`var(--m3e-icon-button-medium-shape-square, ${DesignToken.shape.corner.large})`),\r\n    selectedShapeRound: unsafeCSS(\r\n      `var(--m3e-icon-button-medium-selected-shape-round, ${DesignToken.shape.corner.large})`,\r\n    ),\r\n    selectedShapeSquare: unsafeCSS(\r\n      `var(--m3e-icon-button-medium-selected-shape-square, ${DesignToken.shape.corner.full})`,\r\n    ),\r\n    shapePressedMorph: unsafeCSS(\r\n      `var(--m3e-icon-button-medium-shape-pressed-morph, ${DesignToken.shape.corner.medium})`,\r\n    ),\r\n    narrowLeadingSpace: unsafeCSS(\r\n      `calc(var(--m3e-icon-button-medium-narrow-leading-space, 0.75rem) + ${DesignToken.density.calc(-2)})`,\r\n    ),\r\n    narrowTrailingSpace: unsafeCSS(\r\n      `calc(var(--m3e-icon-button-medium-narrow-trailing-space, 0.75rem) + ${DesignToken.density.calc(-2)})`,\r\n    ),\r\n    defaultLeadingSpace: unsafeCSS(\r\n      `calc(var(--m3e-icon-button-medium-default-leading-space, 1rem) + ${DesignToken.density.calc(-2)})`,\r\n    ),\r\n    defaultTrailingSpace: unsafeCSS(\r\n      `calc(var(--m3e-icon-button-medium-default-trailing-space, 1rem) + ${DesignToken.density.calc(-2)})`,\r\n    ),\r\n    wideLeadingSpace: unsafeCSS(\r\n      `calc(var(--m3e-icon-button-medium-wide-leading-space, 1.5rem) + ${DesignToken.density.calc(-2)})`,\r\n    ),\r\n    wideTrailingSpace: unsafeCSS(\r\n      `calc(var(--m3e-icon-button-medium-wide-trailing-space, 1.5rem) + ${DesignToken.density.calc(-2)})`,\r\n    ),\r\n  },\r\n\r\n  /** Design tokens that control the `large` `size` variant. */\r\n  large: {\r\n    containerHeight: unsafeCSS(\r\n      `calc(var(--m3e-icon-button-large-container-height, 6rem) + ${DesignToken.density.calc(-3)})`,\r\n    ),\r\n    outlineThickness: unsafeCSS(\"var(--m3e-icon-button-large-outline-thickness, 0.125rem)\"),\r\n    iconSize: unsafeCSS(`calc(var(--m3e-icon-button-large-icon-size, 2rem) + ${DesignToken.density.calc(-3)})`),\r\n    shapeRound: unsafeCSS(`var(--m3e-icon-button-large-shape-round, ${DesignToken.shape.corner.full})`),\r\n    shapeSquare: unsafeCSS(`var(--m3e-icon-button-large-shape-square, ${DesignToken.shape.corner.extraLarge})`),\r\n    selectedShapeRound: unsafeCSS(\r\n      `var(--m3e-icon-button-large-selected-shape-round, ${DesignToken.shape.corner.extraLarge})`,\r\n    ),\r\n    selectedShapeSquare: unsafeCSS(\r\n      `var(--m3e-icon-button-large-selected-shape-square, ${DesignToken.shape.corner.full})`,\r\n    ),\r\n    shapePressedMorph: unsafeCSS(`var(--m3e-icon-button-large-shape-pressed-morph, ${DesignToken.shape.corner.large})`),\r\n    narrowLeadingSpace: unsafeCSS(\r\n      `calc(var(--m3e-icon-button-large-narrow-leading-space, 1rem) + ${DesignToken.density.calc(-3)})`,\r\n    ),\r\n    narrowTrailingSpace: unsafeCSS(\r\n      `calc(var(--m3e-icon-button-large-narrow-trailing-space, 1rem) + ${DesignToken.density.calc(-3)})`,\r\n    ),\r\n    defaultLeadingSpace: unsafeCSS(\r\n      `calc(var(--m3e-icon-button-large-default-leading-space, 2rem) + ${DesignToken.density.calc(-3)})`,\r\n    ),\r\n    defaultTrailingSpace: unsafeCSS(\r\n      `calc(var(--m3e-icon-button-large-default-trailing-space, 2rem) + ${DesignToken.density.calc(-3)})`,\r\n    ),\r\n    wideLeadingSpace: unsafeCSS(\r\n      `calc(var(--m3e-icon-button-large-wide-leading-space, 3rem) + ${DesignToken.density.calc(-3)})`,\r\n    ),\r\n    wideTrailingSpace: unsafeCSS(\r\n      `calc(var(--m3e-icon-button-large-wide-trailing-space, 3rem) + ${DesignToken.density.calc(-3)})`,\r\n    ),\r\n  },\r\n\r\n  /** Design tokens that control the `extra-large` `size` variant. */\r\n  \"extra-large\": {\r\n    containerHeight: unsafeCSS(\r\n      `calc(var(--m3e-icon-button-extra-large-container-height, 8.5rem) + ${DesignToken.density.calc(-3)})`,\r\n    ),\r\n    outlineThickness: unsafeCSS(\"var(--m3e-icon-button-extra-large-outline-thickness, 0.1875rem)\"),\r\n    iconSize: unsafeCSS(`calc(var(--m3e-icon-button-extra-large-icon-size, 2.5rem) + ${DesignToken.density.calc(-3)})`),\r\n    shapeRound: unsafeCSS(`var(--m3e-icon-button-extra-large-shape-round, ${DesignToken.shape.corner.full})`),\r\n    shapeSquare: unsafeCSS(`var(--m3e-icon-button-extra-large-shape-square, ${DesignToken.shape.corner.extraLarge})`),\r\n    selectedShapeRound: unsafeCSS(\r\n      `var(--m3e-icon-button-extra-large-selected-shape-round, ${DesignToken.shape.corner.extraLarge})`,\r\n    ),\r\n    selectedShapeSquare: unsafeCSS(\r\n      `var(--m3e-icon-button-extra-large-selected-shape-square, ${DesignToken.shape.corner.full})`,\r\n    ),\r\n    shapePressedMorph: unsafeCSS(\r\n      `var(--m3e-icon-button-extra-large-shape-pressed-morph, ${DesignToken.shape.corner.large})`,\r\n    ),\r\n    narrowLeadingSpace: unsafeCSS(\r\n      `calc(var(--m3e-icon-button-extra-large-narrow-leading-space, 2rem) + ${DesignToken.density.calc(-3)})`,\r\n    ),\r\n    narrowTrailingSpace: unsafeCSS(\r\n      `calc(var(--m3e-icon-button-extra-large-narrow-trailing-space, 2rem) + ${DesignToken.density.calc(-3)})`,\r\n    ),\r\n    defaultLeadingSpace: unsafeCSS(\r\n      `calc(var(--m3e-icon-button-extra-large-default-leading-space, 3rem) + ${DesignToken.density.calc(-3)})`,\r\n    ),\r\n    defaultTrailingSpace: unsafeCSS(\r\n      `calc(var(--m3e-icon-button-extra-large-default-trailing-space, 3rem) + ${DesignToken.density.calc(-3)})`,\r\n    ),\r\n    wideLeadingSpace: unsafeCSS(\r\n      `calc(var(--m3e-icon-button-extra-large-wide-leading-space, 4.5rem) + ${DesignToken.density.calc(-3)})`,\r\n    ),\r\n    wideTrailingSpace: unsafeCSS(\r\n      `calc(var(--m3e-icon-button-extra-large-wide-trailing-space, 4.5rem) + ${DesignToken.density.calc(-3)})`,\r\n    ),\r\n  },\r\n} as const;\r\n","import { css, CSSResult, CSSResultGroup, unsafeCSS } from \"lit\";\r\n\r\nimport { IconButtonSize } from \"../IconButtonSize\";\r\nimport { IconButtonSizeToken } from \"./IconButtonSizeToken\";\r\n\r\n/** @private */\r\nfunction iconButtonStyle(size: IconButtonSize): CSSResult {\r\n  return css`\r\n    :host([size=\"${unsafeCSS(size)}\"]) .base {\r\n      height: ${IconButtonSizeToken[size].containerHeight};\r\n    }\r\n    :host([size=\"${unsafeCSS(size)}\"][width=\"default\"]) .wrapper {\r\n      padding-inline-start: ${IconButtonSizeToken[size].defaultLeadingSpace};\r\n      padding-inline-end: ${IconButtonSizeToken[size].defaultTrailingSpace};\r\n    }\r\n    :host([size=\"${unsafeCSS(size)}\"][width=\"narrow\"]) .wrapper {\r\n      padding-inline-start: ${IconButtonSizeToken[size].narrowLeadingSpace};\r\n      padding-inline-end: ${IconButtonSizeToken[size].narrowTrailingSpace};\r\n    }\r\n    :host([size=\"${unsafeCSS(size)}\"][width=\"wide\"]) .wrapper {\r\n      padding-inline-start: ${IconButtonSizeToken[size].wideLeadingSpace};\r\n      padding-inline-end: ${IconButtonSizeToken[size].wideTrailingSpace};\r\n    }\r\n    :host([size=\"${unsafeCSS(size)}\"]) .icon {\r\n      font-size: ${IconButtonSizeToken[size].iconSize};\r\n    }\r\n    :host([size=\"${unsafeCSS(size)}\"]) .base {\r\n      outline-offset: calc(0px - ${IconButtonSizeToken[size].outlineThickness});\r\n      outline-width: ${IconButtonSizeToken[size].outlineThickness};\r\n    }\r\n    :host(:not(.-connected)[size=\"${unsafeCSS(size)}\"][shape=\"rounded\"]:not(.-pressed)) .base {\r\n      border-radius: var(--_button-shape, ${IconButtonSizeToken[size].shapeRound});\r\n    }\r\n    :host(:not(.-connected)[size=\"${unsafeCSS(size)}\"][shape=\"square\"]) .base {\r\n      border-radius: ${IconButtonSizeToken[size].shapeSquare};\r\n    }\r\n    :host(:not(.-connected)[size=\"${unsafeCSS(size)}\"][shape=\"rounded\"][toggle][selected]:not(.-pressed)) .base {\r\n      border-radius: ${IconButtonSizeToken[size].selectedShapeRound};\r\n    }\r\n    :host(:not(.-connected)[size=\"${unsafeCSS(size)}\"][shape=\"square\"][toggle][selected]:not(.-pressed)) .base {\r\n      border-radius: var(--_button-shape, ${IconButtonSizeToken[size].selectedShapeSquare});\r\n    }\r\n    :host(:not(.-connected)[size=\"${unsafeCSS(size)}\"].-pressed) .base {\r\n      border-radius: ${IconButtonSizeToken[size].shapePressedMorph};\r\n    }\r\n    :host(.-connected[size=\"${unsafeCSS(size)}\"][shape=\"rounded\"]) .base {\r\n      border-start-start-radius: var(\r\n        --_button-rounded-start-shape,\r\n        var(--_button-shape, ${IconButtonSizeToken[size].shapeRound})\r\n      );\r\n      border-end-start-radius: var(\r\n        --_button-rounded-start-shape,\r\n        var(--_button-shape, ${IconButtonSizeToken[size].shapeRound})\r\n      );\r\n      border-start-end-radius: var(\r\n        --_button-rounded-end-shape,\r\n        var(--_button-shape, ${IconButtonSizeToken[size].shapeRound})\r\n      );\r\n      border-end-end-radius: var(\r\n        --_button-rounded-end-shape,\r\n        var(--_button-shape, ${IconButtonSizeToken[size].shapeRound})\r\n      );\r\n    }\r\n    :host(.-connected[size=\"${unsafeCSS(size)}\"][shape=\"square\"]) .base {\r\n      border-start-start-radius: var(--_button-square-start-shape, ${IconButtonSizeToken[size].shapeSquare});\r\n      border-end-start-radius: var(--_button-square-start-shape, ${IconButtonSizeToken[size].shapeSquare});\r\n      border-start-end-radius: var(--_button-square-end-shape, ${IconButtonSizeToken[size].shapeSquare});\r\n      border-end-end-radius: var(--_button-square-end-shape, ${IconButtonSizeToken[size].shapeSquare});\r\n    }\r\n    :host(.-connected[size=\"${unsafeCSS(size)}\"][shape=\"square\"][toggle][selected]:not(.-pressed)) .base {\r\n      border-radius: var(--_button-shape, ${IconButtonSizeToken[size].selectedShapeSquare});\r\n    }\r\n    :host(.-connected[size=\"${unsafeCSS(size)}\"].-pressed) .base {\r\n      border-start-start-radius: var(\r\n        --_button-start-shape-pressed-morph,\r\n        ${IconButtonSizeToken[size].shapePressedMorph}\r\n      );\r\n      border-end-start-radius: var(--_button-start-shape-pressed-morph, ${IconButtonSizeToken[size].shapePressedMorph});\r\n      border-start-end-radius: var(--_button-end-shape-pressed-morph, ${IconButtonSizeToken[size].shapePressedMorph});\r\n      border-end-end-radius: var(--_button-end-shape-pressed-morph, ${IconButtonSizeToken[size].shapePressedMorph});\r\n    }\r\n  `;\r\n}\r\n\r\n/**\r\n * Size variant styles for `M3eIconButtonElement`.\r\n * @internal\r\n */\r\nexport const IconButtonSizeStyle: CSSResultGroup = [\r\n  iconButtonStyle(\"extra-small\"),\r\n  iconButtonStyle(\"small\"),\r\n  iconButtonStyle(\"medium\"),\r\n  iconButtonStyle(\"large\"),\r\n  iconButtonStyle(\"extra-large\"),\r\n];\r\n","import { css, CSSResultGroup, unsafeCSS } from \"lit\";\r\n\r\nimport { DesignToken } from \"@m3e/web/core\";\r\n\r\n/**\r\n * Baseline styles for `M3eIconButtonElement`.\r\n * @internal\r\n */\r\nexport const IconButtonStyle: CSSResultGroup = css`\r\n  :host {\r\n    display: inline-block;\r\n    outline: none;\r\n    user-select: none;\r\n    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\r\n  }\r\n  .base {\r\n    box-sizing: border-box;\r\n    vertical-align: middle;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    position: relative;\r\n    width: 100%;\r\n    transition: ${unsafeCSS(\r\n      `background-color ${DesignToken.motion.duration.short4} ${DesignToken.motion.easing.standard}`,\r\n    )};\r\n  }\r\n  .touch {\r\n    position: absolute;\r\n    aspect-ratio: 1 / 1;\r\n    height: 3rem;\r\n    left: auto;\r\n    right: auto;\r\n  }\r\n  :host(.-pressed) .base,\r\n  :host(.-resting) .base {\r\n    transition: ${unsafeCSS(`background-color ${DesignToken.motion.duration.short4} ${DesignToken.motion.easing.standard},\r\n          border-radius ${DesignToken.motion.spring.fastEffects}`)};\r\n  }\r\n  .wrapper {\r\n    width: 100%;\r\n    overflow: hidden;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: ${unsafeCSS(`padding-inline ${DesignToken.motion.spring.fastEffects}`)};\r\n  }\r\n  .icon {\r\n    transition: ${unsafeCSS(`color ${DesignToken.motion.duration.short4} ${DesignToken.motion.easing.standard}`)};\r\n\r\n    --m3e-icon-size: 1em;\r\n  }\r\n  :host(:not(:disabled):not([disabled-interactive])) {\r\n    cursor: pointer;\r\n  }\r\n  :host([disabled-interactive]) {\r\n    cursor: not-allowed;\r\n  }\r\n  ::slotted(*) {\r\n    font-size: inherit !important;\r\n    flex: none;\r\n    transform: var(--_icon-button-icon-transform);\r\n    transform-origin: center center;\r\n    transition: ${unsafeCSS(\r\n      `transform var(--_icon-button-icon-transform-transition, ${DesignToken.motion.spring.fastEffects})`,\r\n    )};\r\n  }\r\n  ::slotted(svg) {\r\n    width: 1em;\r\n    height: 1em;\r\n  }\r\n  :host([toggle]:not([selected])) .base.with-selected-icon slot[name=\"selected\"],\r\n  :host([toggle][selected]) .base.with-selected-icon slot:not([name]) {\r\n    display: none;\r\n  }\r\n  a {\r\n    all: unset;\r\n    display: block;\r\n    position: absolute;\r\n    top: 0px;\r\n    left: 0px;\r\n    right: 0px;\r\n    bottom: 0px;\r\n    z-index: 1;\r\n  }\r\n  :host(.-grouped.-connected) {\r\n    flex: 1 1 auto;\r\n  }\r\n  :host(.-grouped:not(.-connected):not(.-adjacent-pressed):not(.-pressed)) {\r\n    flex-shrink: 0;\r\n    flex-grow: 0;\r\n  }\r\n  :host(.-grouped:not(.-connected).-adjacent-pressed:not(.-pressed)) {\r\n    flex-shrink: 1;\r\n    min-width: 0;\r\n  }\r\n  :host(.-grouped:not(.-connected).-adjacent-pressed:not(.-pressed)) .label {\r\n    text-overflow: clip;\r\n  }\r\n  :host(.-grouped:not(.-connected).-pressed:not([disabled-interactive]):not(:disabled)) {\r\n    flex-shrink: 0;\r\n    flex-basis: calc(\r\n      var(--_button-width) + calc(var(--_button-width) * var(--m3e-standard-button-group-width-multiplier, 0.15))\r\n    );\r\n  }\r\n  @media (forced-colors: active) {\r\n    .base,\r\n    .icon {\r\n      transition: none;\r\n    }\r\n    :host(.-pressed) .base,\r\n    :host(.-resting) .base {\r\n      transition: border-radius ${DesignToken.motion.spring.fastEffects};\r\n    }\r\n    :host([variant]:not(:disabled):not([disabled-interactive]):not([toggle])) .base {\r\n      background-color: ButtonFace;\r\n      outline-color: ButtonText;\r\n    }\r\n    :host([variant]:not(:disabled):not([disabled-interactive]):not([toggle])) .label,\r\n    :host([variant]:not(:disabled):not([disabled-interactive]):not([toggle])) .icon {\r\n      color: ButtonText;\r\n    }\r\n    :host([variant]:not(:disabled):not([disabled-interactive])[toggle]:not([selected])) .base {\r\n      background-color: ButtonFace;\r\n      outline-color: ButtonText;\r\n    }\r\n    :host([variant]:not(:disabled):not([disabled-interactive])[toggle]:not([selected])) .label,\r\n    :host([variant]:not(:disabled):not([disabled-interactive])[toggle]:not([selected])) .icon {\r\n      color: ButtonText;\r\n    }\r\n    :host([variant]:not(:disabled):not([disabled-interactive])[toggle][selected]) .base {\r\n      background-color: ButtonText;\r\n      outline: none;\r\n    }\r\n    :host([variant]:not(:disabled):not([disabled-interactive])[toggle][selected]) .label,\r\n    :host([variant]:not(:disabled):not([disabled-interactive])[toggle][selected]) .icon {\r\n      forced-color-adjust: none;\r\n      color: ButtonFace;\r\n      background-color: ButtonText;\r\n    }\r\n    :host([variant]:disabled) .base,\r\n    :host([variant][disabled-interactive]) .base {\r\n      outline-color: GrayText;\r\n      background-color: unset;\r\n    }\r\n    :host([variant]:disabled) .label,\r\n    :host([variant][disabled-interactive]) .label,\r\n    :host([variant]:disabled) .icon,\r\n    :host([variant][disabled-interactive]) .icon {\r\n      color: GrayText;\r\n    }\r\n    .base {\r\n      outline-style: solid;\r\n    }\r\n    :host([size=\"extra-small\"]) .base {\r\n      outline-offset: calc(0px - var(--m3e-icon-button-extra-small-outline-thickness, 1px));\r\n      outline-width: var(--m3e-icon-button-extra-small-outline-thickness, 1px);\r\n    }\r\n    :host([size=\"small\"]) .base {\r\n      outline-offset: calc(0px - var(--m3e-icon-button-small-outline-thickness, 1px));\r\n      outline-width: var(--m3e-icon-button-small-outline-thickness, 1px);\r\n    }\r\n    :host([size=\"medium\"]) .base {\r\n      outline-offset: calc(0px - var(--m3e-icon-button-medium-outline-thickness, 1px));\r\n      outline-width: var(--m3e-icon-button-medium-outline-thickness, 1px);\r\n    }\r\n    :host([size=\"large\"]) .base {\r\n      outline-offset: calc(0px - var(--m3e-icon-button-large-outline-thickness, 0.125rem));\r\n      outline-width: var(--m3e-icon-button-large-outline-thickness, 0.125rem);\r\n    }\r\n    :host([size=\"extra-large\"]) .base {\r\n      outline-offset: calc(0px - var(--m3e-icon-button-extra-large-outline-thickness, 0.1875rem));\r\n      outline-width: var(--m3e-icon-button-extra-large-outline-thickness, 0.1875rem);\r\n    }\r\n  }\r\n  @media (prefers-reduced-motion) {\r\n    :host(.-pressed) .base,\r\n    :host(.-resting) .base,\r\n    .base,\r\n    .wrapper,\r\n    .icon {\r\n      transition: none;\r\n    }\r\n  }\r\n`;\r\n","import { CSSResult, unsafeCSS } from \"lit\";\r\n\r\nimport { DesignToken } from \"@m3e/web/core\";\r\n\r\nimport { IconButtonVariant } from \"../IconButtonVariant\";\r\n\r\n/** @private */\r\ntype _IconButtonVariantToken = {\r\n  iconColor: CSSResult;\r\n  containerColor?: CSSResult;\r\n  containerElevation?: CSSResult;\r\n  outlineColor?: CSSResult;\r\n  unselectedIconColor: CSSResult;\r\n  unselectedContainerColor?: CSSResult;\r\n  selectedIconColor: CSSResult;\r\n  selectedContainerColor?: CSSResult;\r\n  disabled: {\r\n    containerColor: CSSResult;\r\n    containerElevation?: CSSResult;\r\n    containerOpacity: CSSResult;\r\n    iconColor: CSSResult;\r\n    iconOpacity: CSSResult;\r\n    outlineColor?: CSSResult;\r\n  };\r\n  hover: {\r\n    iconColor: CSSResult;\r\n    stateLayerColor: CSSResult;\r\n    stateLayerOpacity: CSSResult;\r\n    containerElevation?: CSSResult;\r\n    outlineColor?: CSSResult;\r\n    unselectedIconColor: CSSResult;\r\n    unselectedStateLayerColor: CSSResult;\r\n    selectedIconColor: CSSResult;\r\n    selectedStateLayerColor: CSSResult;\r\n  };\r\n  focus: {\r\n    iconColor: CSSResult;\r\n    stateLayerColor: CSSResult;\r\n    stateLayerOpacity: CSSResult;\r\n    containerElevation?: CSSResult;\r\n    outlineColor?: CSSResult;\r\n    unselectedIconColor: CSSResult;\r\n    unselectedStateLayerColor: CSSResult;\r\n    selectedIconColor: CSSResult;\r\n    selectedStateLayerColor: CSSResult;\r\n  };\r\n  pressed: {\r\n    iconColor: CSSResult;\r\n    stateLayerColor: CSSResult;\r\n    stateLayerOpacity: CSSResult;\r\n    containerElevation?: CSSResult;\r\n    outlineColor?: CSSResult;\r\n    unselectedIconColor: CSSResult;\r\n    unselectedStateLayerColor: CSSResult;\r\n    selectedIconColor: CSSResult;\r\n    selectedStateLayerColor: CSSResult;\r\n  };\r\n};\r\n\r\n/**\r\n * Component design tokens that control the appearance variants of `M3eIconButtonElement`.\r\n * @internal\r\n */\r\nexport const IconButtonVariantToken: Record<IconButtonVariant | \"elevated\", _IconButtonVariantToken> = {\r\n  /** Design tokens that control the `elevated` variant. */\r\n  elevated: {\r\n    /** Default icon color. */\r\n    iconColor: unsafeCSS(`var(--m3e-elevated-icon-button-icon-color, ${DesignToken.color.primary})`),\r\n\r\n    /** Default container background color. */\r\n    containerColor: unsafeCSS(\r\n      `var(--m3e-elevated-icon-button-container-color, ${DesignToken.color.surfaceContainerLow})`,\r\n    ),\r\n\r\n    /** Resting elevation. */\r\n    containerElevation: unsafeCSS(\r\n      `var(--m3e-elevated-icon-button-container-elevation, ${DesignToken.elevation.level1})`,\r\n    ),\r\n\r\n    /** Unselected icon color. */\r\n    unselectedIconColor: unsafeCSS(\r\n      `var(--m3e-elevated-icon-button-unselected-icon-color, ${DesignToken.color.primary})`,\r\n    ),\r\n\r\n    /** Unselected container background color. */\r\n    unselectedContainerColor: unsafeCSS(\r\n      `var(--m3e-elevated-icon-button-unselected-container-color, ${DesignToken.color.surfaceContainerLow})`,\r\n    ),\r\n\r\n    /** Selected icon color. */\r\n    selectedIconColor: unsafeCSS(`var(--m3e-elevated-icon-button-selected-icon-color, ${DesignToken.color.onPrimary})`),\r\n\r\n    /** Selected container background color. */\r\n    selectedContainerColor: unsafeCSS(\r\n      `var(--m3e-elevated-icon-button-selected-container-color, ${DesignToken.color.primary})`,\r\n    ),\r\n\r\n    /** Design tokens that control disabled state. */\r\n    disabled: {\r\n      /** Container background color when disabled. */\r\n      containerColor: unsafeCSS(\r\n        `var(--m3e-elevated-icon-button-disabled-container-color, ${DesignToken.color.onSurface})`,\r\n      ),\r\n\r\n      /** Opacity of container when disabled. */\r\n      containerOpacity: unsafeCSS(`var(--m3e-elevated-icon-button-disabled-container-opacity, 10%)`),\r\n\r\n      /** Icon color when disabled. */\r\n      iconColor: unsafeCSS(`var(--m3e-elevated-icon-button-disabled-icon-color, ${DesignToken.color.onSurface})`),\r\n\r\n      /** Icon opacity when disabled. */\r\n      iconOpacity: unsafeCSS(`var(--m3e-elevated-icon-button-disabled-icon-opacity, 38%)`),\r\n\r\n      /** Elevation when disabled. */\r\n      containerElevation: unsafeCSS(\r\n        `var(--m3e-elevated-icon-button-disabled-container-elevation, ${DesignToken.elevation.level0})`,\r\n      ),\r\n    },\r\n\r\n    /** Design tokens that control hover state. */\r\n    hover: {\r\n      /** Icon color on hover. */\r\n      iconColor: unsafeCSS(`var(--m3e-elevated-icon-button-hover-icon-color, ${DesignToken.color.primary})`),\r\n\r\n      /** State layer color on hover. */\r\n      stateLayerColor: unsafeCSS(\r\n        `var(--m3e-elevated-icon-button-hover-state-layer-color, ${DesignToken.color.primary})`,\r\n      ),\r\n\r\n      /** State layer opacity on hover. */\r\n      stateLayerOpacity: unsafeCSS(\r\n        `var(--m3e-elevated-icon-button-hover-state-layer-opacity, ${DesignToken.state.hoverStateLayerOpacity})`,\r\n      ),\r\n\r\n      /** Elevation on hover. */\r\n      containerElevation: unsafeCSS(\r\n        `var(--m3e-elevated-icon-button-hover-container-elevation, ${DesignToken.elevation.level2})`,\r\n      ),\r\n\r\n      /** Unselected icon color on hover. */\r\n      unselectedIconColor: unsafeCSS(\r\n        `var(--m3e-elevated-icon-button-hover-unselected-icon-color, ${DesignToken.color.primary})`,\r\n      ),\r\n\r\n      /** Unselected state layer color on hover. */\r\n      unselectedStateLayerColor: unsafeCSS(\r\n        `var(--m3e-elevated-icon-button-hover-unselected-state-layer-color, ${DesignToken.color.primary})`,\r\n      ),\r\n\r\n      /** Selected icon color on hover. */\r\n      selectedIconColor: unsafeCSS(\r\n        `var(--m3e-elevated-icon-button-hover-selected-icon-color, ${DesignToken.color.onPrimary})`,\r\n      ),\r\n\r\n      /** Selected ripple color on hover. */\r\n      selectedStateLayerColor: unsafeCSS(\r\n        `var(--m3e-elevated-icon-button-hover-selected-state-layer-color, ${DesignToken.color.onPrimary})`,\r\n      ),\r\n    },\r\n\r\n    /** Design tokens that control focus state. */\r\n    focus: {\r\n      /** Icon color on focus. */\r\n      iconColor: unsafeCSS(`var(--m3e-elevated-icon-button-focus-icon-color, ${DesignToken.color.primary})`),\r\n\r\n      /** State layer color on focus. */\r\n      stateLayerColor: unsafeCSS(\r\n        `var(--m3e-elevated-icon-button-focus-state-layer-color, ${DesignToken.color.primary})`,\r\n      ),\r\n\r\n      /**State layer opacity on focus. */\r\n      stateLayerOpacity: unsafeCSS(\r\n        `var(--m3e-elevated-icon-button-focus-state-layer-opacity, ${DesignToken.state.focusStateLayerOpacity})`,\r\n      ),\r\n\r\n      /** Elevation on focus. */\r\n      containerElevation: unsafeCSS(\r\n        `var(--m3e-elevated-icon-button-focus-container-elevation, ${DesignToken.elevation.level1})`,\r\n      ),\r\n\r\n      /** Unselected icon color on focus. */\r\n      unselectedIconColor: unsafeCSS(\r\n        `var(--m3e-elevated-icon-button-focus-unselected-icon-color, ${DesignToken.color.primary})`,\r\n      ),\r\n\r\n      /** Unselected ripple color on focus. */\r\n      unselectedStateLayerColor: unsafeCSS(\r\n        `var(--m3e-elevated-icon-button-focus-unselected-state-layer-color, ${DesignToken.color.primary})`,\r\n      ),\r\n\r\n      /** Selected icon color on focus. */\r\n      selectedIconColor: unsafeCSS(\r\n        `var(--m3e-elevated-icon-button-focus-selected-icon-color, ${DesignToken.color.onPrimary})`,\r\n      ),\r\n\r\n      /** Selected ripple color on focus. */\r\n      selectedStateLayerColor: unsafeCSS(\r\n        `var(--m3e-elevated-icon-button-focus-selected-state-layer-color, ${DesignToken.color.onPrimary})`,\r\n      ),\r\n    },\r\n\r\n    /** Design tokens that control pressed state. */\r\n    pressed: {\r\n      /** Icon color on pressed. */\r\n      iconColor: unsafeCSS(`var(--m3e-elevated-icon-button-pressed-icon-color, ${DesignToken.color.primary})`),\r\n\r\n      /** State layer color on pressed. */\r\n      stateLayerColor: unsafeCSS(\r\n        `var(--m3e-elevated-icon-button-pressed-state-layer-color, ${DesignToken.color.primary})`,\r\n      ),\r\n\r\n      /** State layer opacity on pressed. */\r\n      stateLayerOpacity: unsafeCSS(\r\n        `var(--m3e-elevated-icon-button-pressed-state-layer-opacity, ${DesignToken.state.pressedStateLayerOpacity})`,\r\n      ),\r\n\r\n      /** Elevation on pressed. */\r\n      containerElevation: unsafeCSS(\r\n        `var(--m3e-elevated-icon-button-pressed-container-elevation, ${DesignToken.elevation.level1})`,\r\n      ),\r\n\r\n      /** Unselected icon color on pressed. */\r\n      unselectedIconColor: unsafeCSS(\r\n        `var(--m3e-elevated-icon-button-pressed-unselected-icon-color, ${DesignToken.color.primary})`,\r\n      ),\r\n\r\n      /** Unselected ripple color on pressed. */\r\n      unselectedStateLayerColor: unsafeCSS(\r\n        `var(--m3e-elevated-icon-button-pressed-unselected-state-layer-color, ${DesignToken.color.primary})`,\r\n      ),\r\n\r\n      /** Selected icon color on pressed. */\r\n      selectedIconColor: unsafeCSS(\r\n        `var(--m3e-elevated-icon-button-pressed-selected-icon-color, ${DesignToken.color.onPrimary})`,\r\n      ),\r\n\r\n      /** Selected ripple color on pressed. */\r\n      selectedStateLayerColor: unsafeCSS(\r\n        `var(--m3e-elevated-icon-button-pressed-selected-state-layer-color, ${DesignToken.color.onPrimary})`,\r\n      ),\r\n    },\r\n  },\r\n  /** Design tokens that control the `outlined` variant. */\r\n  outlined: {\r\n    /** Default icon color. */\r\n    iconColor: unsafeCSS(`var(--m3e-outlined-icon-button-icon-color, ${DesignToken.color.onSurfaceVariant})`),\r\n\r\n    /** Default outline color. */\r\n    outlineColor: unsafeCSS(`var(--m3e-outlined-icon-button-outline-color, ${DesignToken.color.outlineVariant})`),\r\n\r\n    /** Unselected icon color. */\r\n    unselectedIconColor: unsafeCSS(\r\n      `var(--m3e-outlined-icon-button-unselected-icon-color, ${DesignToken.color.onSurfaceVariant})`,\r\n    ),\r\n\r\n    /** Selected icon color. */\r\n    selectedIconColor: unsafeCSS(\r\n      `var(--m3e-outlined-icon-button-selected-icon-color, ${DesignToken.color.inverseOnSurface})`,\r\n    ),\r\n\r\n    /** Selected container background color. */\r\n    selectedContainerColor: unsafeCSS(\r\n      `var(--m3e-outlined-icon-button-selected-container-color, ${DesignToken.color.inverseSurface})`,\r\n    ),\r\n\r\n    /** Design tokens that control disabled state. */\r\n    disabled: {\r\n      /** Container background color when disabled. */\r\n      containerColor: unsafeCSS(\r\n        `var(--m3e-outlined-icon-button-disabled-container-color, ${DesignToken.color.onSurface})`,\r\n      ),\r\n\r\n      /** Opacity of container when disabled. */\r\n      containerOpacity: unsafeCSS(`var(--m3e-outlined-icon-button-disabled-container-opacity, 10%)`),\r\n\r\n      /** Icon color when disabled. */\r\n      iconColor: unsafeCSS(`var(--m3e-outlined-icon-button-disabled-icon-color, ${DesignToken.color.onSurface})`),\r\n\r\n      /** Icon opacity when disabled. */\r\n      iconOpacity: unsafeCSS(`var(--m3e-outlined-icon-button-disabled-icon-opacity, 38%)`),\r\n\r\n      /** Outline color when disabled. */\r\n      outlineColor: unsafeCSS(\r\n        `var(--m3e-outlined-icon-button-disabled-outline-color, ${DesignToken.color.outlineVariant})`,\r\n      ),\r\n    },\r\n\r\n    /** Design tokens that control hover state. */\r\n    hover: {\r\n      /** Icon color on hover. */\r\n      iconColor: unsafeCSS(`var(--m3e-outlined-icon-button-hover-icon-color, ${DesignToken.color.onSurfaceVariant})`),\r\n\r\n      /** Outline color on hover. */\r\n      outlineColor: unsafeCSS(\r\n        `var(--m3e-outlined-icon-button-hover-outline-color, ${DesignToken.color.outlineVariant})`,\r\n      ),\r\n\r\n      /** State layer color on hover. */\r\n      stateLayerColor: unsafeCSS(\r\n        `var(--m3e-outlined-icon-button-hover-state-layer-color, ${DesignToken.color.onSurfaceVariant})`,\r\n      ),\r\n\r\n      /** State layer opacity on hover. */\r\n      stateLayerOpacity: unsafeCSS(\r\n        `var(--m3e-outlined-icon-button-hover-state-layer-opacity, ${DesignToken.state.hoverStateLayerOpacity})`,\r\n      ),\r\n\r\n      /** Unselected icon color on hover. */\r\n      unselectedIconColor: unsafeCSS(\r\n        `var(--m3e-outlined-icon-button-hover-unselected-icon-color, ${DesignToken.color.onSurfaceVariant})`,\r\n      ),\r\n\r\n      /** Unselected state layer color on hover. */\r\n      unselectedStateLayerColor: unsafeCSS(\r\n        `var(--m3e-outlined-icon-button-hover-unselected-state-layer-color, ${DesignToken.color.onSurfaceVariant})`,\r\n      ),\r\n\r\n      /** Selected icon color on hover. */\r\n      selectedIconColor: unsafeCSS(\r\n        `var(--m3e-outlined-icon-button-hover-selected-icon-color, ${DesignToken.color.inverseOnSurface})`,\r\n      ),\r\n\r\n      /** Selected state layer color on hover. */\r\n      selectedStateLayerColor: unsafeCSS(\r\n        `var(--m3e-outlined-icon-button-hover-selected-state-layer-color, ${DesignToken.color.inverseOnSurface})`,\r\n      ),\r\n    },\r\n\r\n    /** Design tokens that control focus state. */\r\n    focus: {\r\n      /** Icon color on focus. */\r\n      iconColor: unsafeCSS(`var(--m3e-outlined-icon-button-focus-icon-color, ${DesignToken.color.onSurfaceVariant})`),\r\n\r\n      /** Outline color on focus. */\r\n      outlineColor: unsafeCSS(\r\n        `var(--m3e-outlined-icon-button-focus-outline-color, ${DesignToken.color.outlineVariant})`,\r\n      ),\r\n\r\n      /** State layer color on focus. */\r\n      stateLayerColor: unsafeCSS(\r\n        `var(--m3e-outlined-icon-button-focus-state-layer-color, ${DesignToken.color.onSurfaceVariant})`,\r\n      ),\r\n\r\n      /**State layer opacity on focus. */\r\n      stateLayerOpacity: unsafeCSS(\r\n        `var(--m3e-outlined-icon-button-focus-state-layer-opacity, ${DesignToken.state.focusStateLayerOpacity})`,\r\n      ),\r\n\r\n      /** Unselected icon color on focus. */\r\n      unselectedIconColor: unsafeCSS(\r\n        `var(--m3e-outlined-icon-button-focus-unselected-icon-color, ${DesignToken.color.onSurfaceVariant})`,\r\n      ),\r\n\r\n      /** Unselected state layer color on focus. */\r\n      unselectedStateLayerColor: unsafeCSS(\r\n        `var(--m3e-outlined-icon-button-focus-unselected-state-layer-color, ${DesignToken.color.onSurfaceVariant})`,\r\n      ),\r\n\r\n      /** Selected icon color on focus. */\r\n      selectedIconColor: unsafeCSS(\r\n        `var(--m3e-outlined-icon-button-focus-selected-icon-color, ${DesignToken.color.inverseOnSurface})`,\r\n      ),\r\n\r\n      /** Selected state layer color on focus. */\r\n      selectedStateLayerColor: unsafeCSS(\r\n        `var(--m3e-outlined-icon-button-focus-selected-state-layer-color, ${DesignToken.color.inverseOnSurface})`,\r\n      ),\r\n    },\r\n\r\n    /** Design tokens that control pressed state. */\r\n    pressed: {\r\n      /** Icon color on pressed. */\r\n      iconColor: unsafeCSS(`var(--m3e-outlined-icon-button-pressed-icon-color, ${DesignToken.color.onSurfaceVariant})`),\r\n\r\n      /** Outline color on pressed. */\r\n      outlineColor: unsafeCSS(\r\n        `var(--m3e-outlined-icon-button-pressed-outline-color, ${DesignToken.color.outlineVariant})`,\r\n      ),\r\n\r\n      /** State layer color on pressed. */\r\n      stateLayerColor: unsafeCSS(\r\n        `var(--m3e-outlined-icon-button-pressed-state-layer-color, ${DesignToken.color.onSurfaceVariant})`,\r\n      ),\r\n\r\n      /** State layer opacity on pressed. */\r\n      stateLayerOpacity: unsafeCSS(\r\n        `var(--m3e-outlined-icon-button-pressed-state-layer-opacity, ${DesignToken.state.pressedStateLayerOpacity})`,\r\n      ),\r\n\r\n      /** Unselected icon color on pressed. */\r\n      unselectedIconColor: unsafeCSS(\r\n        `var(--m3e-outlined-icon-button-pressed-unselected-icon-color, ${DesignToken.color.onSurfaceVariant})`,\r\n      ),\r\n\r\n      /** Unselected state layer color on pressed. */\r\n      unselectedStateLayerColor: unsafeCSS(\r\n        `var(--m3e-outlined-icon-button-pressed-unselected-state-layer-color, ${DesignToken.color.onSurfaceVariant})`,\r\n      ),\r\n\r\n      /** Selected icon color on pressed. */\r\n      selectedIconColor: unsafeCSS(\r\n        `var(--m3e-outlined-icon-button-pressed-selected-icon-color, ${DesignToken.color.inverseOnSurface})`,\r\n      ),\r\n\r\n      /** Selected state layer color on pressed. */\r\n      selectedStateLayerColor: unsafeCSS(\r\n        `var(--m3e-outlined-icon-button-pressed-selected-state-layer-color, ${DesignToken.color.inverseOnSurface})`,\r\n      ),\r\n    },\r\n  },\r\n\r\n  /** Design tokens that control the `filled` variant. */\r\n  filled: {\r\n    /** Default icon color. */\r\n    iconColor: unsafeCSS(`var(--m3e-filled-icon-button-icon-color, ${DesignToken.color.onPrimary})`),\r\n\r\n    /** Default container background color. */\r\n    containerColor: unsafeCSS(`var(--m3e-filled-icon-button-container-color, ${DesignToken.color.primary})`),\r\n\r\n    /** Unselected icon color. */\r\n    unselectedIconColor: unsafeCSS(\r\n      `var(--m3e-filled-icon-button-unselected-icon-color, ${DesignToken.color.onSurfaceVariant})`,\r\n    ),\r\n\r\n    /** Unselected container background color. */\r\n    unselectedContainerColor: unsafeCSS(\r\n      `var(--m3e-filled-icon-button-unselected-container-color, ${DesignToken.color.surfaceContainer})`,\r\n    ),\r\n\r\n    /** Selected icon color. */\r\n    selectedIconColor: unsafeCSS(`var(--m3e-filled-icon-button-selected-icon-color, ${DesignToken.color.onPrimary})`),\r\n\r\n    /** Selected container background color. */\r\n    selectedContainerColor: unsafeCSS(\r\n      `var(--m3e-filled-icon-button-selected-container-color, ${DesignToken.color.primary})`,\r\n    ),\r\n\r\n    /** Design tokens that control disabled state. */\r\n    disabled: {\r\n      /** Container background color when disabled. */\r\n      containerColor: unsafeCSS(\r\n        `var(--m3e-filled-icon-button-disabled-container-color, ${DesignToken.color.onSurface})`,\r\n      ),\r\n\r\n      /** Opacity of container when disabled. */\r\n      containerOpacity: unsafeCSS(`var(--m3e-filled-icon-button-disabled-container-opacity, 10%)`),\r\n\r\n      /** Icon color when disabled. */\r\n      iconColor: unsafeCSS(`var(--m3e-filled-icon-button-disabled-icon-color, ${DesignToken.color.onSurface})`),\r\n\r\n      /** Icon opacity when disabled. */\r\n      iconOpacity: unsafeCSS(`var(--m3e-filled-icon-button-disabled-icon-opacity, 38%)`),\r\n    },\r\n\r\n    /** Design tokens that control hover state. */\r\n    hover: {\r\n      /** Icon color on hover. */\r\n      iconColor: unsafeCSS(`var(--m3e-filled-icon-button-hover-icon-color, ${DesignToken.color.onPrimary})`),\r\n\r\n      /** State layer color on hover. */\r\n      stateLayerColor: unsafeCSS(\r\n        `var(--m3e-filled-icon-button-hover-state-layer-color, ${DesignToken.color.onPrimary})`,\r\n      ),\r\n\r\n      /** State layer opacity on hover. */\r\n      stateLayerOpacity: unsafeCSS(\r\n        `var(--m3e-filled-icon-button-hover-state-layer-opacity, ${DesignToken.state.hoverStateLayerOpacity})`,\r\n      ),\r\n\r\n      /** Unselected icon color on hover. */\r\n      unselectedIconColor: unsafeCSS(\r\n        `var(--m3e-filled-icon-button-hover-unselected-icon-color, ${DesignToken.color.onSurfaceVariant})`,\r\n      ),\r\n\r\n      /** Unselected state layer color on hover. */\r\n      unselectedStateLayerColor: unsafeCSS(\r\n        `var(--m3e-filled-icon-button-hover-unselected-state-layer-color, ${DesignToken.color.onSurfaceVariant})`,\r\n      ),\r\n\r\n      /** Selected icon color on hover. */\r\n      selectedIconColor: unsafeCSS(\r\n        `var(--m3e-filled-icon-button-hover-selected-icon-color, ${DesignToken.color.onPrimary})`,\r\n      ),\r\n\r\n      /** Selected state layer color on hover. */\r\n      selectedStateLayerColor: unsafeCSS(\r\n        `var(--m3e-filled-icon-button-hover-selected-state-layer-color, ${DesignToken.color.onPrimary})`,\r\n      ),\r\n    },\r\n\r\n    /** Design tokens that control focus state. */\r\n    focus: {\r\n      /** Icon color on focus. */\r\n      iconColor: unsafeCSS(`var(--m3e-filled-icon-button-focus-icon-color, ${DesignToken.color.onPrimary})`),\r\n\r\n      /** State layer color on focus. */\r\n      stateLayerColor: unsafeCSS(\r\n        `var(--m3e-filled-icon-button-focus-state-layer-color, ${DesignToken.color.onPrimary})`,\r\n      ),\r\n\r\n      /**State layer opacity on focus. */\r\n      stateLayerOpacity: unsafeCSS(\r\n        `var(--m3e-filled-icon-button-focus-state-layer-opacity, ${DesignToken.state.focusStateLayerOpacity})`,\r\n      ),\r\n\r\n      /** Unselected icon color on focus. */\r\n      unselectedIconColor: unsafeCSS(\r\n        `var(--m3e-filled-icon-button-focus-unselected-icon-color, ${DesignToken.color.onSurfaceVariant})`,\r\n      ),\r\n\r\n      /** Unselected state layer color on focus. */\r\n      unselectedStateLayerColor: unsafeCSS(\r\n        `var(--m3e-filled-icon-button-focus-unselected-state-layer-color, ${DesignToken.color.onSurfaceVariant})`,\r\n      ),\r\n\r\n      /** Selected icon color on focus. */\r\n      selectedIconColor: unsafeCSS(\r\n        `var(--m3e-filled-icon-button-focus-selected-icon-color, ${DesignToken.color.onPrimary})`,\r\n      ),\r\n\r\n      /** Selected state layer color on focus. */\r\n      selectedStateLayerColor: unsafeCSS(\r\n        `var(--m3e-filled-icon-button-focus-selected-state-layer-color, ${DesignToken.color.onPrimary})`,\r\n      ),\r\n    },\r\n\r\n    /** Design tokens that control pressed state. */\r\n    pressed: {\r\n      /** Icon color on pressed. */\r\n      iconColor: unsafeCSS(`var(--m3e-filled-icon-button-pressed-icon-color, ${DesignToken.color.onPrimary})`),\r\n\r\n      /** State layer color on pressed. */\r\n      stateLayerColor: unsafeCSS(\r\n        `var(--m3e-filled-icon-button-pressed-state-layer-color, ${DesignToken.color.onPrimary})`,\r\n      ),\r\n\r\n      /** State layer opacity on pressed. */\r\n      stateLayerOpacity: unsafeCSS(\r\n        `var(--m3e-filled-icon-button-pressed-state-layer-opacity, ${DesignToken.state.pressedStateLayerOpacity})`,\r\n      ),\r\n\r\n      /** Unselected icon color on pressed. */\r\n      unselectedIconColor: unsafeCSS(\r\n        `var(--m3e-filled-icon-button-pressed-unselected-icon-color, ${DesignToken.color.onSurfaceVariant})`,\r\n      ),\r\n\r\n      /** Unselected state layer color on pressed. */\r\n      unselectedStateLayerColor: unsafeCSS(\r\n        `var(--m3e-filled-icon-button-pressed-unselected-state-layer-color, ${DesignToken.color.onSurfaceVariant})`,\r\n      ),\r\n\r\n      /** Selected icon color on pressed. */\r\n      selectedIconColor: unsafeCSS(\r\n        `var(--m3e-filled-icon-button-pressed-selected-icon-color, ${DesignToken.color.onPrimary})`,\r\n      ),\r\n\r\n      /** Selected state layer color on pressed. */\r\n      selectedStateLayerColor: unsafeCSS(\r\n        `var(--m3e-filled-icon-button-pressed-selected-state-layer-color, ${DesignToken.color.onPrimary})`,\r\n      ),\r\n    },\r\n  },\r\n\r\n  /** Design tokens that control the `tonal` variant. */\r\n  tonal: {\r\n    /** Default icon color. */\r\n    iconColor: unsafeCSS(`var(--m3e-tonal-icon-button-icon-color, ${DesignToken.color.onSecondaryContainer})`),\r\n\r\n    /** Default container background color. */\r\n    containerColor: unsafeCSS(`var(--m3e-tonal-icon-button-container-color, ${DesignToken.color.secondaryContainer})`),\r\n\r\n    /** Unselected icon color. */\r\n    unselectedIconColor: unsafeCSS(\r\n      `var(--m3e-tonal-icon-button-unselected-icon-color, ${DesignToken.color.onSecondaryContainer})`,\r\n    ),\r\n\r\n    /** Unselected container background color. */\r\n    unselectedContainerColor: unsafeCSS(\r\n      `var(--m3e-tonal-icon-button-unselected-container-color, ${DesignToken.color.secondaryContainer})`,\r\n    ),\r\n\r\n    /** Selected icon color. */\r\n    selectedIconColor: unsafeCSS(`var(--m3e-tonal-icon-button-selected-icon-color, ${DesignToken.color.onSecondary})`),\r\n\r\n    /** Selected container background color. */\r\n    selectedContainerColor: unsafeCSS(\r\n      `var(--m3e-tonal-icon-button-selected-container-color, ${DesignToken.color.secondary})`,\r\n    ),\r\n\r\n    /** Design tokens that control disabled state. */\r\n    disabled: {\r\n      /** Container background color when disabled. */\r\n      containerColor: unsafeCSS(\r\n        `var(--m3e-tonal-icon-button-disabled-container-color, ${DesignToken.color.onSurface})`,\r\n      ),\r\n\r\n      /** Opacity of container when disabled. */\r\n      containerOpacity: unsafeCSS(`var(--m3e-tonal-icon-button-disabled-container-opacity, 10%)`),\r\n\r\n      /** Icon color when disabled. */\r\n      iconColor: unsafeCSS(`var(--m3e-tonal-icon-button-disabled-icon-color, ${DesignToken.color.onSurface})`),\r\n\r\n      /** Icon opacity when disabled. */\r\n      iconOpacity: unsafeCSS(`var(--m3e-tonal-icon-button-disabled-icon-opacity, 38%)`),\r\n    },\r\n\r\n    /** Design tokens that control hover state. */\r\n    hover: {\r\n      /** Icon color on hover. */\r\n      iconColor: unsafeCSS(`var(--m3e-tonal-icon-button-hover-icon-color, ${DesignToken.color.onSecondaryContainer})`),\r\n\r\n      /** State layer color on hover. */\r\n      stateLayerColor: unsafeCSS(\r\n        `var(--m3e-tonal-icon-button-hover-state-layer-color, ${DesignToken.color.onSecondaryContainer})`,\r\n      ),\r\n\r\n      /** State layer opacity on hover. */\r\n      stateLayerOpacity: unsafeCSS(\r\n        `var(--m3e-tonal-icon-button-hover-state-layer-opacity, ${DesignToken.state.hoverStateLayerOpacity})`,\r\n      ),\r\n\r\n      /** Unselected icon color on hover. */\r\n      unselectedIconColor: unsafeCSS(\r\n        `var(--m3e-tonal-icon-button-hover-unselected-icon-color, ${DesignToken.color.onSecondaryContainer})`,\r\n      ),\r\n\r\n      /** Unselected state layer color on hover. */\r\n      unselectedStateLayerColor: unsafeCSS(\r\n        `var(--m3e-tonal-icon-button-hover-unselected-state-layer-color, ${DesignToken.color.onSecondaryContainer})`,\r\n      ),\r\n\r\n      /** Selected icon color on hover. */\r\n      selectedIconColor: unsafeCSS(\r\n        `var(--m3e-tonal-icon-button-hover-selected-icon-color, ${DesignToken.color.onSecondary})`,\r\n      ),\r\n\r\n      /** Selected state layer color on hover. */\r\n      selectedStateLayerColor: unsafeCSS(\r\n        `var(--m3e-tonal-icon-button-hover-selected-state-layer-color, ${DesignToken.color.onSecondary})`,\r\n      ),\r\n    },\r\n\r\n    /** Design tokens that control focus state. */\r\n    focus: {\r\n      /** Icon color on focus. */\r\n      iconColor: unsafeCSS(`var(--m3e-tonal-icon-button-focus-icon-color, ${DesignToken.color.onSecondaryContainer})`),\r\n\r\n      /** State layer color on focus. */\r\n      stateLayerColor: unsafeCSS(\r\n        `var(--m3e-tonal-icon-button-focus-state-layer-color, ${DesignToken.color.onSecondaryContainer})`,\r\n      ),\r\n\r\n      /**State layer opacity on focus. */\r\n      stateLayerOpacity: unsafeCSS(\r\n        `var(--m3e-tonal-icon-button-focus-state-layer-opacity, ${DesignToken.state.focusStateLayerOpacity})`,\r\n      ),\r\n\r\n      /** Unselected icon color on focus. */\r\n      unselectedIconColor: unsafeCSS(\r\n        `var(--m3e-tonal-icon-button-focus-unselected-icon-color, ${DesignToken.color.onSecondaryContainer})`,\r\n      ),\r\n\r\n      /** Unselected state layer color on focus. */\r\n      unselectedStateLayerColor: unsafeCSS(\r\n        `var(--m3e-tonal-icon-button-focus-unselected-state-layer-color, ${DesignToken.color.onSecondaryContainer})`,\r\n      ),\r\n\r\n      /** Selected icon color on focus. */\r\n      selectedIconColor: unsafeCSS(\r\n        `var(--m3e-tonal-icon-button-focus-selected-icon-color, ${DesignToken.color.onSecondary})`,\r\n      ),\r\n\r\n      /** Selected state layer color on focus. */\r\n      selectedStateLayerColor: unsafeCSS(\r\n        `var(--m3e-tonal-icon-button-focus-selected-state-layer-color, ${DesignToken.color.onSecondary})`,\r\n      ),\r\n    },\r\n\r\n    /** Design tokens that control pressed state. */\r\n    pressed: {\r\n      /** Icon color on pressed. */\r\n      iconColor: unsafeCSS(\r\n        `var(--m3e-tonal-icon-button-pressed-icon-color, ${DesignToken.color.onSecondaryContainer})`,\r\n      ),\r\n\r\n      /** State layer color on pressed. */\r\n      stateLayerColor: unsafeCSS(\r\n        `var(--m3e-tonal-icon-button-pressed-state-layer-color, ${DesignToken.color.onSecondaryContainer})`,\r\n      ),\r\n\r\n      /** State layer opacity on pressed. */\r\n      stateLayerOpacity: unsafeCSS(\r\n        `var(--m3e-tonal-icon-button-pressed-state-layer-opacity, ${DesignToken.state.pressedStateLayerOpacity})`,\r\n      ),\r\n\r\n      /** Unselected icon color on pressed. */\r\n      unselectedIconColor: unsafeCSS(\r\n        `var(--m3e-tonal-icon-button-pressed-unselected-icon-color, ${DesignToken.color.onSecondaryContainer})`,\r\n      ),\r\n\r\n      /** Unselected state layer color on pressed. */\r\n      unselectedStateLayerColor: unsafeCSS(\r\n        `var(--m3e-tonal-icon-button-pressed-unselected-state-layer-color, ${DesignToken.color.onSecondaryContainer})`,\r\n      ),\r\n\r\n      /** Selected icon color on pressed. */\r\n      selectedIconColor: unsafeCSS(\r\n        `var(--m3e-tonal-icon-button-pressed-selected-icon-color, ${DesignToken.color.onSecondary})`,\r\n      ),\r\n\r\n      /** Selected state layer color on pressed. */\r\n      selectedStateLayerColor: unsafeCSS(\r\n        `var(--m3e-tonal-icon-button-pressed-selected-state-layer-color, ${DesignToken.color.onSecondary})`,\r\n      ),\r\n    },\r\n  },\r\n\r\n  /** Design tokens that control the `standard` variant. */\r\n  standard: {\r\n    /** Default icon color. */\r\n    iconColor: unsafeCSS(`var(--m3e-standard-icon-button-icon-color, ${DesignToken.color.onSurfaceVariant})`),\r\n\r\n    /** Unselected icon color. */\r\n    unselectedIconColor: unsafeCSS(\r\n      `var(--m3e-standard-icon-button-unselected-icon-color, ${DesignToken.color.onSurfaceVariant})`,\r\n    ),\r\n\r\n    /** Selected icon color. */\r\n    selectedIconColor: unsafeCSS(`var(--m3e-standard-icon-button-selected-icon-color, ${DesignToken.color.primary})`),\r\n\r\n    /** Design tokens that control disabled state. */\r\n    disabled: {\r\n      /** Container background color when disabled. */\r\n      containerColor: unsafeCSS(`var(--m3e-standard-icon-button-disabled-container-color, transparent)`),\r\n\r\n      /** Opacity of container when disabled. */\r\n      containerOpacity: unsafeCSS(`var(--m3e-standard-icon-button-disabled-container-opacity, 10%)`),\r\n\r\n      /** Icon color when disabled. */\r\n      iconColor: unsafeCSS(`var(--m3e-standard-icon-button-disabled-icon-color, ${DesignToken.color.onSurface})`),\r\n\r\n      /** Icon opacity when disabled. */\r\n      iconOpacity: unsafeCSS(`var(--m3e-standard-icon-button-disabled-icon-opacity, 38%)`),\r\n    },\r\n\r\n    /** Design tokens that control hover state. */\r\n    hover: {\r\n      /** Icon color on hover. */\r\n      iconColor: unsafeCSS(`var(--m3e-standard-icon-button-hover-icon-color, ${DesignToken.color.onSurfaceVariant})`),\r\n\r\n      /** State layer color on hover. */\r\n      stateLayerColor: unsafeCSS(\r\n        `var(--m3e-standard-icon-button-hover-state-layer-color, ${DesignToken.color.onSurfaceVariant})`,\r\n      ),\r\n\r\n      /** State layer opacity on hover. */\r\n      stateLayerOpacity: unsafeCSS(\r\n        `var(--m3e-standard-icon-button-hover-state-layer-opacity, ${DesignToken.state.hoverStateLayerOpacity})`,\r\n      ),\r\n\r\n      /** Unselected icon color on hover. */\r\n      unselectedIconColor: unsafeCSS(\r\n        `var(--m3e-standard-icon-button-hover-unselected-icon-color, ${DesignToken.color.onSurfaceVariant})`,\r\n      ),\r\n\r\n      /** Unselected state layer color on hover. */\r\n      unselectedStateLayerColor: unsafeCSS(\r\n        `var(--m3e-standard-icon-button-hover-unselected-state-layer-color, ${DesignToken.color.onSurfaceVariant})`,\r\n      ),\r\n\r\n      /** Selected icon color on hover. */\r\n      selectedIconColor: unsafeCSS(\r\n        `var(--m3e-standard-icon-button-hover-selected-icon-color, ${DesignToken.color.primary})`,\r\n      ),\r\n\r\n      /** Selected state layer color on hover. */\r\n      selectedStateLayerColor: unsafeCSS(\r\n        `var(--m3e-standard-icon-button-hover-selected-state-layer-color, ${DesignToken.color.primary})`,\r\n      ),\r\n    },\r\n\r\n    /** Design tokens that control focus state. */\r\n    focus: {\r\n      /** Icon color on focus. */\r\n      iconColor: unsafeCSS(`var(--m3e-standard-icon-button-focus-icon-color, ${DesignToken.color.onSurfaceVariant})`),\r\n\r\n      /** State layer color on focus. */\r\n      stateLayerColor: unsafeCSS(\r\n        `var(--m3e-standard-icon-button-focus-state-layer-color, ${DesignToken.color.onSurfaceVariant})`,\r\n      ),\r\n\r\n      /**State layer opacity on focus. */\r\n      stateLayerOpacity: unsafeCSS(\r\n        `var(--m3e-standard-icon-button-focus-state-layer-opacity, ${DesignToken.state.focusStateLayerOpacity})`,\r\n      ),\r\n\r\n      /** Unselected icon color on focus. */\r\n      unselectedIconColor: unsafeCSS(\r\n        `var(--m3e-standard-icon-button-focus-unselected-icon-color, ${DesignToken.color.onSurfaceVariant})`,\r\n      ),\r\n\r\n      /** Unselected state layer color on focus. */\r\n      unselectedStateLayerColor: unsafeCSS(\r\n        `var(--m3e-standard-icon-button-focus-unselected-state-layer-color, ${DesignToken.color.onSurfaceVariant})`,\r\n      ),\r\n\r\n      /** Selected icon color on focus. */\r\n      selectedIconColor: unsafeCSS(\r\n        `var(--m3e-standard-icon-button-focus-selected-icon-color, ${DesignToken.color.primary})`,\r\n      ),\r\n\r\n      /** Selected state layer color on focus. */\r\n      selectedStateLayerColor: unsafeCSS(\r\n        `var(--m3e-standard-icon-button-focus-selected-state-layer-color, ${DesignToken.color.primary})`,\r\n      ),\r\n    },\r\n\r\n    /** Design tokens that control pressed state. */\r\n    pressed: {\r\n      /** Icon color on pressed. */\r\n      iconColor: unsafeCSS(`var(--m3e-standard-icon-button-pressed-icon-color, ${DesignToken.color.onSurfaceVariant})`),\r\n\r\n      /** State layer color on pressed. */\r\n      stateLayerColor: unsafeCSS(\r\n        `var(--m3e-standard-icon-button-pressed-state-layer-color, ${DesignToken.color.onSurfaceVariant})`,\r\n      ),\r\n\r\n      /** State layer opacity on pressed. */\r\n      stateLayerOpacity: unsafeCSS(\r\n        `var(--m3e-standard-icon-button-pressed-state-layer-opacity, ${DesignToken.state.pressedStateLayerOpacity})`,\r\n      ),\r\n\r\n      /** Unselected icon color on pressed. */\r\n      unselectedIconColor: unsafeCSS(\r\n        `var(--m3e-standard-icon-button-pressed-unselected-icon-color, ${DesignToken.color.onSurfaceVariant})`,\r\n      ),\r\n\r\n      /** Unselected state layer color on pressed. */\r\n      unselectedStateLayerColor: unsafeCSS(\r\n        `var(--m3e-standard-icon-button-pressed-unselected-state-layer-color, ${DesignToken.color.onSurfaceVariant})`,\r\n      ),\r\n\r\n      /** Selected icon color on pressed. */\r\n      selectedIconColor: unsafeCSS(\r\n        `var(--m3e-standard-icon-button-pressed-selected-icon-color, ${DesignToken.color.primary})`,\r\n      ),\r\n\r\n      /** Selected state layer color on pressed. */\r\n      selectedStateLayerColor: unsafeCSS(\r\n        `var(--m3e-standard-icon-button-pressed-selected-state-layer-color, ${DesignToken.color.primary})`,\r\n      ),\r\n    },\r\n  },\r\n} as const;\r\n","import { css, CSSResult, CSSResultGroup, unsafeCSS } from \"lit\";\r\n\r\nimport { IconButtonVariant } from \"../IconButtonVariant\";\r\nimport { IconButtonVariantToken } from \"./IconButtonVariantToken\";\r\n\r\n/** @private */\r\nfunction iconButtonVariantStyle(variant: IconButtonVariant | \"elevated\"): CSSResult {\r\n  return css`\r\n    :host([variant=\"${unsafeCSS(variant)}\"]:not(:disabled):not([disabled-interactive])) .base {\r\n      background-color: ${IconButtonVariantToken[variant].containerColor ?? unsafeCSS(\"unset\")};\r\n      --m3e-state-layer-hover-color: ${IconButtonVariantToken[variant].hover.stateLayerColor};\r\n      --m3e-state-layer-hover-opacity: ${IconButtonVariantToken[variant].hover.stateLayerOpacity};\r\n      --m3e-state-layer-focus-color: ${IconButtonVariantToken[variant].focus.stateLayerColor};\r\n      --m3e-state-layer-focus-opacity: ${IconButtonVariantToken[variant].focus.stateLayerOpacity};\r\n      --m3e-ripple-color: ${IconButtonVariantToken[variant].pressed.stateLayerColor};\r\n      --m3e-ripple-opacity: ${IconButtonVariantToken[variant].pressed.stateLayerOpacity};\r\n      --m3e-elevation-level: ${IconButtonVariantToken[variant].containerElevation ?? unsafeCSS(\"unset\")};\r\n      --m3e-elevation-hover-level: ${IconButtonVariantToken[variant].hover.containerElevation ?? unsafeCSS(\"unset\")};\r\n      --m3e-elevation-focus-level: ${IconButtonVariantToken[variant].focus.containerElevation ?? unsafeCSS(\"unset\")};\r\n      --m3e-elevation-pressed-level: ${IconButtonVariantToken[variant].pressed.containerElevation ??\r\n      unsafeCSS(\"unset\")};\r\n    }\r\n    :host([variant=\"${unsafeCSS(variant)}\"][toggle]:not([selected]):not(:disabled):not([disabled-interactive])) .base {\r\n      background-color: ${IconButtonVariantToken[variant].unselectedContainerColor ?? unsafeCSS(\"unset\")};\r\n      --m3e-state-layer-hover-color: ${IconButtonVariantToken[variant].hover.unselectedStateLayerColor};\r\n      --m3e-state-layer-focus-color: ${IconButtonVariantToken[variant].focus.unselectedStateLayerColor};\r\n      --m3e-ripple-color: ${IconButtonVariantToken[variant].pressed.unselectedStateLayerColor};\r\n    }\r\n    :host([variant=\"${unsafeCSS(variant)}\"][toggle][selected]:not(:disabled):not([disabled-interactive])) .base {\r\n      background-color: ${IconButtonVariantToken[variant].selectedContainerColor ?? unsafeCSS(\"unset\")};\r\n      --m3e-state-layer-hover-color: ${IconButtonVariantToken[variant].hover.selectedStateLayerColor};\r\n      --m3e-state-layer-focus-color: ${IconButtonVariantToken[variant].focus.selectedStateLayerColor};\r\n      --m3e-ripple-color: ${IconButtonVariantToken[variant].pressed.selectedStateLayerColor};\r\n    }\r\n    :host([variant=\"${unsafeCSS(variant)}\"]:not(:disabled):not([disabled-interactive])) .base {\r\n      outline-color: ${IconButtonVariantToken[variant].outlineColor ?? unsafeCSS(\"unset\")};\r\n    }\r\n    :host([variant=\"${unsafeCSS(variant)}\"]:focus:not(:disabled):not([disabled-interactive])) .base {\r\n      outline-color: ${IconButtonVariantToken[variant].focus.outlineColor ?? unsafeCSS(\"unset\")};\r\n    }\r\n    :host([variant=\"${unsafeCSS(variant)}\"]:hover:not(:disabled):not([disabled-interactive])) .base {\r\n      outline-color: ${IconButtonVariantToken[variant].hover.outlineColor ?? unsafeCSS(\"unset\")};\r\n    }\r\n    :host([variant=\"${unsafeCSS(variant)}\"].-pressed:not(:disabled):not([disabled-interactive])) .base {\r\n      outline-color: ${IconButtonVariantToken[variant].pressed.outlineColor ?? unsafeCSS(\"unset\")};\r\n    }\r\n    :host([variant=\"${unsafeCSS(variant)}\"]:not(:disabled):not([disabled-interactive])) .icon {\r\n      color: ${IconButtonVariantToken[variant].iconColor};\r\n    }\r\n    :host([variant=\"${unsafeCSS(variant)}\"][toggle]:not([selected]):not(:disabled):not([disabled-interactive])) .icon {\r\n      color: ${IconButtonVariantToken[variant].unselectedIconColor};\r\n    }\r\n    :host([variant=\"${unsafeCSS(variant)}\"][toggle][selected]:not(:disabled):not([disabled-interactive])) .icon {\r\n      color: ${IconButtonVariantToken[variant].selectedIconColor};\r\n    }\r\n    :host([variant=\"${unsafeCSS(variant)}\"]:focus:not(:disabled):not([disabled-interactive])) .icon {\r\n      color: ${IconButtonVariantToken[variant].focus.iconColor};\r\n    }\r\n    :host([variant=\"${unsafeCSS(variant)}\"][toggle]:not([selected]):focus:not(:disabled):not([disabled-interactive]))\r\n      .icon {\r\n      color: ${IconButtonVariantToken[variant].focus.unselectedIconColor};\r\n    }\r\n    :host([variant=\"${unsafeCSS(variant)}\"][toggle][selected]:focus:not(:disabled):not([disabled-interactive])) .icon {\r\n      color: ${IconButtonVariantToken[variant].focus.selectedIconColor};\r\n    }\r\n    :host([variant=\"${unsafeCSS(variant)}\"]:hover:not(:disabled):not([disabled-interactive])) .icon {\r\n      color: ${IconButtonVariantToken[variant].hover.iconColor};\r\n    }\r\n    :host([variant=\"${unsafeCSS(variant)}\"][toggle]:not([selected]):hover:not(:disabled):not([disabled-interactive]))\r\n      .icon {\r\n      color: ${IconButtonVariantToken[variant].hover.unselectedIconColor};\r\n    }\r\n    :host([variant=\"${unsafeCSS(variant)}\"][toggle][selected]:hover:not(:disabled):not([disabled-interactive])) .icon {\r\n      color: ${IconButtonVariantToken[variant].hover.selectedIconColor};\r\n    }\r\n    :host([variant=\"${unsafeCSS(variant)}\"].-pressed:not(:disabled):not([disabled-interactive])) .icon {\r\n      color: ${IconButtonVariantToken[variant].pressed.iconColor};\r\n    }\r\n    :host([variant=\"${unsafeCSS(variant)}\"][toggle]:not([selected]).-pressed:not(:disabled):not([disabled-interactive]))\r\n      .icon {\r\n      color: ${IconButtonVariantToken[variant].pressed.unselectedIconColor};\r\n    }\r\n    :host([variant=\"${unsafeCSS(variant)}\"][toggle][selected].-pressed:not(:disabled):not([disabled-interactive]))\r\n      .icon {\r\n      color: ${IconButtonVariantToken[variant].pressed.selectedIconColor};\r\n    }\r\n    :host([variant=\"${unsafeCSS(variant)}\"]:disabled) .base,\r\n    :host([variant=\"${unsafeCSS(variant)}\"][disabled-interactive]) .base {\r\n      outline-color: ${IconButtonVariantToken[variant].disabled.outlineColor ?? unsafeCSS(\"unset\")};\r\n      background-color: color-mix(\r\n        in srgb,\r\n        ${IconButtonVariantToken[variant].disabled.containerColor}\r\n          ${IconButtonVariantToken[variant].disabled.containerOpacity},\r\n        transparent\r\n      );\r\n    }\r\n    :host([variant=\"${unsafeCSS(variant)}\"]:disabled) .icon,\r\n    :host([variant=\"${unsafeCSS(variant)}\"][disabled-interactive]) .icon {\r\n      color: color-mix(\r\n        in srgb,\r\n        ${IconButtonVariantToken[variant].disabled.iconColor} ${IconButtonVariantToken[variant].disabled.iconOpacity},\r\n        transparent\r\n      );\r\n    }\r\n  `;\r\n}\r\n\r\n/**\r\n * Appearance variant styles for `M3eIconButtonElement`.\r\n * @internal\r\n */\r\nexport const IconButtonVariantStyle: CSSResultGroup = [\r\n  iconButtonVariantStyle(\"standard\"),\r\n  iconButtonVariantStyle(\"outlined\"),\r\n  iconButtonVariantStyle(\"filled\"),\r\n  iconButtonVariantStyle(\"tonal\"),\r\n  iconButtonVariantStyle(\"elevated\"),\r\n  css`\r\n    :host([variant=\"outlined\"]) .base {\r\n      outline-style: solid;\r\n    }\r\n  `,\r\n];\r\n","import { CSSResultGroup, html, LitElement, nothing, PropertyValues } from \"lit\";\r\nimport { customElement, property, query } from \"lit/decorators.js\";\r\n\r\nimport {\r\n  renderPseudoLink,\r\n  AttachInternals,\r\n  Disabled,\r\n  DisabledInteractive,\r\n  Focusable,\r\n  FocusController,\r\n  FormSubmitter,\r\n  LinkButton,\r\n  M3eElevationElement,\r\n  M3eFocusRingElement,\r\n  M3eRippleElement,\r\n  M3eStateLayerElement,\r\n  PressedController,\r\n  Role,\r\n  KeyboardClick,\r\n  hasAssignedNodes,\r\n  debounce,\r\n  ResizeController,\r\n  prefersReducedMotion,\r\n} from \"@m3e/web/core\";\r\n\r\nimport { IconButtonSize } from \"./IconButtonSize\";\r\nimport { IconButtonShape } from \"./IconButtonShape\";\r\nimport { IconButtonVariant } from \"./IconButtonVariant\";\r\n\r\nimport { IconButtonStyle, IconButtonSizeStyle, IconButtonVariantStyle } from \"./styles\";\r\nimport { IconButtonWidth } from \"./IconButtonWidth\";\r\n\r\n/**\r\n * An icon button users interact with to perform a supplementary action.\r\n *\r\n * @description\r\n * The `m3e-icon-button` component is a semantic, expressive UI primitive for triggering actions with a single icon.\r\n * Designed according to Material Design 3 guidelines, it supports five four variants, specified using the\r\n * `variant` attribute—`filled`, `tonal`, `outlined`, and `standard`—each with dynamic elevation, shape morphing, and\r\n * adaptive color theming. The component responds to interaction states (hover, focus, press, disabled) with smooth motion\r\n * transitions, ensuring emotional clarity and visual hierarchy.\r\n *\r\n * The component is accessible by default, with ARIA roles, contrast-safe color tokens, and strong focus indicators.\r\n * It supports optional icons and states for binary actions.  When using `m3e-icon` for icons, `filled` is automatically\r\n * set based on the selected state of a toggle button. It can also function as a link or be used to submit form data.\r\n *\r\n * Native disabled `<button>` elements cannot receive focus. This can be problematic in some cases because it can prevent you\r\n * from telling the user why the button is disabled. You can use the `disabled-interactive` attribute to style a `m3e-icon-button`\r\n * as disabled but allow for it to receive focus. The button will have `aria-disabled=\"true\"` for assistive technology.\r\n *\r\n * @example\r\n * The following example illustrates changing the appearance from `standard` (default) to `filled` using the `variant`\r\n * attribute, changing the size using the `size` attribute, and enabling toggle behavior using the `toggle` attribute.\r\n *\r\n * ```html\r\n * <m3e-icon-button variant=\"filled\" size=\"large\" toggle selected>\r\n *  <m3e-icon name=\"favorite\"></m3e-icon>\r\n * </m3e-icon-button>\r\n * ```\r\n *\r\n * @tag m3e-icon-button\r\n *\r\n * @slot - Renders the icon of the button.\r\n * @slot selected - Renders an icon, when selected.\r\n *\r\n * @attr disabled - Whether the element is disabled.\r\n * @attr disabled-interactive - Whether the element is disabled and interactive.\r\n * @attr download - A value indicating whether the `target` of the link button will be downloaded, optionally specifying the new name of the file.\r\n * @attr href - The URL to which the link button points.\r\n * @attr name - The name of the element, submitted as a pair with the element's `value` as part of form data, when the element is used to submit a form.\r\n * @attr rel - The relationship between the `target` of the link button and the document.\r\n * @attr selected - Whether the toggle button is selected.\r\n * @attr shape - The shape of the button.\r\n * @attr size - The size of the button.\r\n * @attr target - The target of the link button.\r\n * @attr toggle - Whether the button will toggle between selected and unselected states.\r\n * @attr type - The type of the element.\r\n * @attr value - The value associated with the element's name when it's submitted with form data.\r\n * @attr variant - The appearance variant of the button.\r\n * @attr width - The width of the button.\r\n *\r\n * @fires input - Dispatched when a toggle button's selected state changes.\r\n * @fires change - Dispatched when a toggle button's selected state changes.\r\n * @fires click - Emitted when the element is clicked.\r\n *\r\n * @cssprop --m3e-icon-button-extra-small-container-height - Height of the extra-small container.\r\n * @cssprop --m3e-icon-button-extra-small-outline-thickness - Outline thickness for extra-small.\r\n * @cssprop --m3e-icon-button-extra-small-icon-size - Icon size for extra-small.\r\n * @cssprop --m3e-icon-button-extra-small-shape-round - Corner radius for round extra-small.\r\n * @cssprop --m3e-icon-button-extra-small-shape-square - Corner radius for square extra-small.\r\n * @cssprop --m3e-icon-button-extra-small-selected-shape-round - Corner radius for selected round extra-small.\r\n * @cssprop --m3e-icon-button-extra-small-selected-shape-square - Corner radius for selected square extra-small.\r\n * @cssprop --m3e-icon-button-extra-small-shape-pressed-morph - Corner radius for pressed extra-small.\r\n * @cssprop --m3e-icon-button-extra-small-narrow-leading-space - Leading space for extra-small (narrow).\r\n * @cssprop --m3e-icon-button-extra-small-narrow-trailing-space - Trailing space for extra-small (narrow).\r\n * @cssprop --m3e-icon-button-extra-small-default-leading-space - Leading space for extra-small (default).\r\n * @cssprop --m3e-icon-button-extra-small-default-trailing-space - Trailing space for extra-small (default).\r\n * @cssprop --m3e-icon-button-extra-small-wide-leading-space - Leading space for extra-small (wide).\r\n * @cssprop --m3e-icon-button-extra-small-wide-trailing-space - Trailing space for extra-small (wide).\r\n * @cssprop --m3e-icon-button-small-container-height - Height of the small container.\r\n * @cssprop --m3e-icon-button-small-outline-thickness - Outline thickness for small.\r\n * @cssprop --m3e-icon-button-small-icon-size - Icon size for small.\r\n * @cssprop --m3e-icon-button-small-shape-round - Corner radius for round small.\r\n * @cssprop --m3e-icon-button-small-shape-square - Corner radius for square small.\r\n * @cssprop --m3e-icon-button-small-selected-shape-round - Corner radius for selected round small.\r\n * @cssprop --m3e-icon-button-small-selected-shape-square - Corner radius for selected square small.\r\n * @cssprop --m3e-icon-button-small-shape-pressed-morph - Corner radius for pressed small.\r\n * @cssprop --m3e-icon-button-small-narrow-leading-space - Leading space for small (narrow).\r\n * @cssprop --m3e-icon-button-small-narrow-trailing-space - Trailing space for small (narrow).\r\n * @cssprop --m3e-icon-button-small-default-leading-space - Leading space for small (default).\r\n * @cssprop --m3e-icon-button-small-default-trailing-space - Trailing space for small (default).\r\n * @cssprop --m3e-icon-button-small-wide-leading-space - Leading space for small (wide).\r\n * @cssprop --m3e-icon-button-small-wide-trailing-space - Trailing space for small (wide).\r\n * @cssprop --m3e-icon-button-medium-container-height - Height of the medium container.\r\n * @cssprop --m3e-icon-button-medium-outline-thickness - Outline thickness for medium.\r\n * @cssprop --m3e-icon-button-medium-icon-size - Icon size for medium.\r\n * @cssprop --m3e-icon-button-medium-shape-round - Corner radius for round medium.\r\n * @cssprop --m3e-icon-button-medium-shape-square - Corner radius for square medium.\r\n * @cssprop --m3e-icon-button-medium-selected-shape-round - Corner radius for selected round medium.\r\n * @cssprop --m3e-icon-button-medium-selected-shape-square - Corner radius for selected square medium.\r\n * @cssprop --m3e-icon-button-medium-shape-pressed-morph - Corner radius for pressed medium.\r\n * @cssprop --m3e-icon-button-medium-narrow-leading-space - Leading space for medium (narrow).\r\n * @cssprop --m3e-icon-button-medium-narrow-trailing-space - Trailing space for medium (narrow).\r\n * @cssprop --m3e-icon-button-medium-default-leading-space - Leading space for medium (default).\r\n * @cssprop --m3e-icon-button-medium-default-trailing-space - Trailing space for medium (default).\r\n * @cssprop --m3e-icon-button-medium-wide-leading-space - Leading space for medium (wide).\r\n * @cssprop --m3e-icon-button-medium-wide-trailing-space - Trailing space for medium (wide).\r\n * @cssprop --m3e-icon-button-large-container-height - Height of the large container.\r\n * @cssprop --m3e-icon-button-large-outline-thickness - Outline thickness for large.\r\n * @cssprop --m3e-icon-button-large-icon-size - Icon size for large.\r\n * @cssprop --m3e-icon-button-large-shape-round - Corner radius for round large.\r\n * @cssprop --m3e-icon-button-large-shape-square - Corner radius for square large.\r\n * @cssprop --m3e-icon-button-large-selected-shape-round - Corner radius for selected round large.\r\n * @cssprop --m3e-icon-button-large-selected-shape-square - Corner radius for selected square large.\r\n * @cssprop --m3e-icon-button-large-shape-pressed-morph - Corner radius for pressed large.\r\n * @cssprop --m3e-icon-button-large-narrow-leading-space - Leading space for large (narrow).\r\n * @cssprop --m3e-icon-button-large-narrow-trailing-space - Trailing space for large (narrow).\r\n * @cssprop --m3e-icon-button-large-default-leading-space - Leading space for large (default).\r\n * @cssprop --m3e-icon-button-large-default-trailing-space - Trailing space for large (default).\r\n * @cssprop --m3e-icon-button-large-wide-leading-space - Leading space for large (wide).\r\n * @cssprop --m3e-icon-button-large-wide-trailing-space - Trailing space for large (wide).\r\n * @cssprop --m3e-icon-button-extra-large-container-height - Height of the extra-large container.\r\n * @cssprop --m3e-icon-button-extra-large-outline-thickness - Outline thickness for extra-large.\r\n * @cssprop --m3e-icon-button-extra-large-icon-size - Icon size for extra-large.\r\n * @cssprop --m3e-icon-button-extra-large-shape-round - Corner radius for round extra-large.\r\n * @cssprop --m3e-icon-button-extra-large-shape-square - Corner radius for square extra-large.\r\n * @cssprop --m3e-icon-button-extra-large-selected-shape-round - Corner radius for selected round extra-large.\r\n * @cssprop --m3e-icon-button-extra-large-selected-shape-square - Corner radius for selected square extra-large.\r\n * @cssprop --m3e-icon-button-extra-large-shape-pressed-morph - Corner radius for pressed extra-large.\r\n * @cssprop --m3e-icon-button-extra-large-narrow-leading-space - Leading space for extra-large (narrow).\r\n * @cssprop --m3e-icon-button-extra-large-narrow-trailing-space - Trailing space for extra-large (narrow).\r\n * @cssprop --m3e-icon-button-extra-large-default-leading-space - Leading space for extra-large (default).\r\n * @cssprop --m3e-icon-button-extra-large-default-trailing-space - Trailing space for extra-large (default).\r\n * @cssprop --m3e-icon-button-extra-large-wide-leading-space - Leading space for extra-large (wide).\r\n * @cssprop --m3e-icon-button-extra-large-wide-trailing-space - Trailing space for extra-large (wide).\r\n * @cssprop --m3e-outlined-icon-button-icon-color - Default icon color for outlined variant.\r\n * @cssprop --m3e-outlined-icon-button-outline-color - Default outline color for outlined variant.\r\n * @cssprop --m3e-outlined-icon-button-unselected-icon-color - Unselected icon color for outlined variant.\r\n * @cssprop --m3e-outlined-icon-button-selected-icon-color - Selected icon color for outlined variant.\r\n * @cssprop --m3e-outlined-icon-button-selected-container-color - Selected container background color for outlined variant.\r\n * @cssprop --m3e-outlined-icon-button-disabled-container-color - Container background color when disabled (outlined).\r\n * @cssprop --m3e-outlined-icon-button-disabled-container-opacity - Opacity of container when disabled (outlined).\r\n * @cssprop --m3e-outlined-icon-button-disabled-icon-color - Icon color when disabled (outlined).\r\n * @cssprop --m3e-outlined-icon-button-disabled-icon-opacity - Icon opacity when disabled (outlined).\r\n * @cssprop --m3e-outlined-icon-button-disabled-outline-color - Outline color when disabled (outlined).\r\n * @cssprop --m3e-outlined-icon-button-hover-icon-color - Icon color on hover (outlined).\r\n * @cssprop --m3e-outlined-icon-button-hover-outline-color - Outline color on hover (outlined).\r\n * @cssprop --m3e-outlined-icon-button-hover-state-layer-color - State layer color on hover (outlined).\r\n * @cssprop --m3e-outlined-icon-button-hover-state-layer-opacity - State layer opacity on hover (outlined).\r\n * @cssprop --m3e-outlined-icon-button-hover-unselected-icon-color - Unselected icon color on hover (outlined).\r\n * @cssprop --m3e-outlined-icon-button-hover-unselected-state-layer-color - Unselected state layer color on hover (outlined).\r\n * @cssprop --m3e-outlined-icon-button-hover-selected-icon-color - Selected icon color on hover (outlined).\r\n * @cssprop --m3e-outlined-icon-button-hover-selected-state-layer-color - Selected state layer color on hover (outlined).\r\n * @cssprop --m3e-outlined-icon-button-focus-icon-color - Icon color on focus (outlined).\r\n * @cssprop --m3e-outlined-icon-button-focus-outline-color - Outline color on focus (outlined).\r\n * @cssprop --m3e-outlined-icon-button-focus-state-layer-color - State layer color on focus (outlined).\r\n * @cssprop --m3e-outlined-icon-button-focus-state-layer-opacity - State layer opacity on focus (outlined).\r\n * @cssprop --m3e-outlined-icon-button-focus-unselected-icon-color - Unselected icon color on focus (outlined).\r\n * @cssprop --m3e-outlined-icon-button-focus-unselected-state-layer-color - Unselected state layer color on focus (outlined).\r\n * @cssprop --m3e-outlined-icon-button-focus-selected-icon-color - Selected icon color on focus (outlined).\r\n * @cssprop --m3e-outlined-icon-button-focus-selected-state-layer-color - Selected state layer color on focus (outlined).\r\n * @cssprop --m3e-outlined-icon-button-pressed-icon-color - Icon color on pressed (outlined).\r\n * @cssprop --m3e-outlined-icon-button-pressed-outline-color - Outline color on pressed (outlined).\r\n * @cssprop --m3e-outlined-icon-button-pressed-state-layer-color - State layer color on pressed (outlined).\r\n * @cssprop --m3e-outlined-icon-button-pressed-state-layer-opacity - State layer opacity on pressed (outlined).\r\n * @cssprop --m3e-outlined-icon-button-pressed-unselected-icon-color - Unselected icon color on pressed (outlined).\r\n * @cssprop --m3e-outlined-icon-button-pressed-unselected-state-layer-color - Unselected state layer color on pressed (outlined).\r\n * @cssprop --m3e-outlined-icon-button-pressed-selected-icon-color - Selected icon color on pressed (outlined).\r\n * @cssprop --m3e-outlined-icon-button-pressed-selected-state-layer-color - Selected state layer color on pressed (outlined).\r\n * @cssprop --m3e-filled-icon-button-icon-color - Default icon color for filled variant.\r\n * @cssprop --m3e-filled-icon-button-container-color - Default container background color for filled variant.\r\n * @cssprop --m3e-filled-icon-button-unselected-icon-color - Unselected icon color for filled variant.\r\n * @cssprop --m3e-filled-icon-button-unselected-container-color - Unselected container background color for filled variant.\r\n * @cssprop --m3e-filled-icon-button-selected-icon-color - Selected icon color for filled variant.\r\n * @cssprop --m3e-filled-icon-button-selected-container-color - Selected container background color for filled variant.\r\n * @cssprop --m3e-filled-icon-button-disabled-container-color - Container background color when disabled (filled).\r\n * @cssprop --m3e-filled-icon-button-disabled-container-opacity - Opacity of container when disabled (filled).\r\n * @cssprop --m3e-filled-icon-button-disabled-icon-color - Icon color when disabled (filled).\r\n * @cssprop --m3e-filled-icon-button-disabled-icon-opacity - Icon opacity when disabled (filled).\r\n * @cssprop --m3e-filled-icon-button-hover-icon-color - Icon color on hover (filled).\r\n * @cssprop --m3e-filled-icon-button-hover-state-layer-color - State layer color on hover (filled).\r\n * @cssprop --m3e-filled-icon-button-hover-state-layer-opacity - State layer opacity on hover (filled).\r\n * @cssprop --m3e-filled-icon-button-hover-unselected-icon-color - Unselected icon color on hover (filled).\r\n * @cssprop --m3e-filled-icon-button-hover-unselected-state-layer-color - Unselected state layer color on hover (filled).\r\n * @cssprop --m3e-filled-icon-button-hover-selected-icon-color - Selected icon color on hover (filled).\r\n * @cssprop --m3e-filled-icon-button-hover-selected-state-layer-color - Selected state layer color on hover (filled).\r\n * @cssprop --m3e-filled-icon-button-focus-icon-color - Icon color on focus (filled).\r\n * @cssprop --m3e-filled-icon-button-focus-state-layer-color - State layer color on focus (filled).\r\n * @cssprop --m3e-filled-icon-button-focus-state-layer-opacity - State layer opacity on focus (filled).\r\n * @cssprop --m3e-filled-icon-button-focus-unselected-icon-color - Unselected icon color on focus (filled).\r\n * @cssprop --m3e-filled-icon-button-focus-unselected-state-layer-color - Unselected state layer color on focus (filled).\r\n * @cssprop --m3e-filled-icon-button-focus-selected-icon-color - Selected icon color on focus (filled).\r\n * @cssprop --m3e-filled-icon-button-focus-selected-state-layer-color - Selected state layer color on focus (filled).\r\n * @cssprop --m3e-filled-icon-button-pressed-icon-color - Icon color on pressed (filled).\r\n * @cssprop --m3e-filled-icon-button-pressed-state-layer-color - State layer color on pressed (filled).\r\n * @cssprop --m3e-filled-icon-button-pressed-state-layer-opacity - State layer opacity on pressed (filled).\r\n * @cssprop --m3e-filled-icon-button-pressed-unselected-icon-color - Unselected icon color on pressed (filled).\r\n * @cssprop --m3e-filled-icon-button-pressed-unselected-state-layer-color - Unselected state layer color on pressed (filled).\r\n * @cssprop --m3e-filled-icon-button-pressed-selected-icon-color - Selected icon color on pressed (filled).\r\n * @cssprop --m3e-filled-icon-button-pressed-selected-state-layer-color - Selected state layer color on pressed (filled).\r\n * @cssprop --m3e-tonal-icon-button-icon-color - Default icon color for tonal variant.\r\n * @cssprop --m3e-tonal-icon-button-container-color - Default container background color for tonal variant.\r\n * @cssprop --m3e-tonal-icon-button-unselected-icon-color - Unselected icon color for tonal variant.\r\n * @cssprop --m3e-tonal-icon-button-unselected-container-color - Unselected container background color for tonal variant.\r\n * @cssprop --m3e-tonal-icon-button-selected-icon-color - Selected icon color for tonal variant.\r\n * @cssprop --m3e-tonal-icon-button-selected-container-color - Selected container background color for tonal variant.\r\n * @cssprop --m3e-tonal-icon-button-disabled-container-color - Container background color when disabled (tonal).\r\n * @cssprop --m3e-tonal-icon-button-disabled-container-opacity - Opacity of container when disabled (tonal).\r\n * @cssprop --m3e-tonal-icon-button-disabled-icon-color - Icon color when disabled (tonal).\r\n * @cssprop --m3e-tonal-icon-button-disabled-icon-opacity - Icon opacity when disabled (tonal).\r\n * @cssprop --m3e-tonal-icon-button-hover-icon-color - Icon color on hover (tonal).\r\n * @cssprop --m3e-tonal-icon-button-hover-state-layer-color - State layer color on hover (tonal).\r\n * @cssprop --m3e-tonal-icon-button-hover-state-layer-opacity - State layer opacity on hover (tonal).\r\n * @cssprop --m3e-tonal-icon-button-hover-unselected-icon-color - Unselected icon color on hover (tonal).\r\n * @cssprop --m3e-tonal-icon-button-hover-unselected-state-layer-color - Unselected state layer color on hover (tonal).\r\n * @cssprop --m3e-tonal-icon-button-hover-selected-icon-color - Selected icon color on hover (tonal).\r\n * @cssprop --m3e-tonal-icon-button-hover-selected-state-layer-color - Selected state layer color on hover (tonal).\r\n * @cssprop --m3e-tonal-icon-button-focus-icon-color - Icon color on focus (tonal).\r\n * @cssprop --m3e-tonal-icon-button-focus-state-layer-color - State layer color on focus (tonal).\r\n * @cssprop --m3e-tonal-icon-button-focus-state-layer-opacity - State layer opacity on focus (tonal).\r\n * @cssprop --m3e-tonal-icon-button-focus-unselected-icon-color - Unselected icon color on focus (tonal).\r\n * @cssprop --m3e-tonal-icon-button-focus-unselected-state-layer-color - Unselected state layer color on focus (tonal).\r\n * @cssprop --m3e-tonal-icon-button-focus-selected-icon-color - Selected icon color on focus (tonal).\r\n * @cssprop --m3e-tonal-icon-button-focus-selected-state-layer-color - Selected state layer color on focus (tonal).\r\n * @cssprop --m3e-tonal-icon-button-pressed-icon-color - Icon color on pressed (tonal).\r\n * @cssprop --m3e-tonal-icon-button-pressed-state-layer-color - State layer color on pressed (tonal).\r\n * @cssprop --m3e-tonal-icon-button-pressed-state-layer-opacity - State layer opacity on pressed (tonal).\r\n * @cssprop --m3e-tonal-icon-button-pressed-unselected-icon-color - Unselected icon color on pressed (tonal).\r\n * @cssprop --m3e-tonal-icon-button-pressed-unselected-state-layer-color - Unselected state layer color on pressed (tonal).\r\n * @cssprop --m3e-tonal-icon-button-pressed-selected-icon-color - Selected icon color on pressed (tonal).\r\n * @cssprop --m3e-tonal-icon-button-pressed-selected-state-layer-color - Selected state layer color on pressed (tonal).\r\n * @cssprop --m3e-standard-icon-button-icon-color - Default icon color for standard variant.\r\n * @cssprop --m3e-standard-icon-button-unselected-icon-color - Unselected icon color for standard variant.\r\n * @cssprop --m3e-standard-icon-button-selected-icon-color - Selected icon color for standard variant.\r\n * @cssprop --m3e-standard-icon-button-disabled-container-color - Container background color when disabled (standard).\r\n * @cssprop --m3e-standard-icon-button-disabled-container-opacity - Opacity of container when disabled (standard).\r\n * @cssprop --m3e-standard-icon-button-disabled-icon-color - Icon color when disabled (standard).\r\n * @cssprop --m3e-standard-icon-button-disabled-icon-opacity - Icon opacity when disabled (standard).\r\n * @cssprop --m3e-standard-icon-button-hover-icon-color - Icon color on hover (standard).\r\n * @cssprop --m3e-standard-icon-button-hover-state-layer-color - State layer color on hover (standard).\r\n * @cssprop --m3e-standard-icon-button-hover-state-layer-opacity - State layer opacity on hover (standard).\r\n * @cssprop --m3e-standard-icon-button-hover-unselected-icon-color - Unselected icon color on hover (standard).\r\n * @cssprop --m3e-standard-icon-button-hover-unselected-state-layer-color - Unselected state layer color on hover (standard).\r\n * @cssprop --m3e-standard-icon-button-hover-selected-icon-color - Selected icon color on hover (standard).\r\n * @cssprop --m3e-standard-icon-button-hover-selected-state-layer-color - Selected state layer color on hover (standard).\r\n * @cssprop --m3e-standard-icon-button-focus-icon-color - Icon color on focus (standard).\r\n * @cssprop --m3e-standard-icon-button-focus-state-layer-color - State layer color on focus (standard).\r\n * @cssprop --m3e-standard-icon-button-focus-state-layer-opacity - State layer opacity on focus (standard).\r\n * @cssprop --m3e-standard-icon-button-focus-unselected-icon-color - Unselected icon color on focus (standard).\r\n * @cssprop --m3e-standard-icon-button-focus-unselected-state-layer-color - Unselected state layer color on focus (standard).\r\n * @cssprop --m3e-standard-icon-button-focus-selected-icon-color - Selected icon color on focus (standard).\r\n * @cssprop --m3e-standard-icon-button-focus-selected-state-layer-color - Selected state layer color on focus (standard).\r\n * @cssprop --m3e-standard-icon-button-pressed-icon-color - Icon color on pressed (standard).\r\n * @cssprop --m3e-standard-icon-button-pressed-state-layer-color - State layer color on pressed (standard).\r\n * @cssprop --m3e-standard-icon-button-pressed-state-layer-opacity - State layer opacity on pressed (standard).\r\n * @cssprop --m3e-standard-icon-button-pressed-unselected-icon-color - Unselected icon color on pressed (standard).\r\n * @cssprop --m3e-standard-icon-button-pressed-unselected-state-layer-color - Unselected state layer color on pressed (standard).\r\n * @cssprop --m3e-standard-icon-button-pressed-selected-icon-color - Selected icon color on pressed (standard).\r\n * @cssprop --m3e-standard-icon-button-pressed-selected-state-layer-color - Selected state layer color on pressed (standard).\r\n */\r\n@customElement(\"m3e-icon-button\")\r\nexport class M3eIconButtonElement extends KeyboardClick(\r\n  LinkButton(\r\n    FormSubmitter(Focusable(DisabledInteractive(Disabled(AttachInternals(Role(LitElement, \"button\"), true))))),\r\n  ),\r\n) {\r\n  /** The styles of the element. */\r\n  static override styles: CSSResultGroup = [IconButtonSizeStyle, IconButtonVariantStyle, IconButtonStyle];\r\n\r\n  /** @private */ @query(\".base\") private readonly _base?: HTMLElement;\r\n  /** @private */ @query(\".elevation\") private readonly _elevation?: M3eElevationElement;\r\n  /** @private */ @query(\".focus-ring\") private readonly _focusRing?: M3eFocusRingElement;\r\n  /** @private */ @query(\".state-layer\") private readonly _stateLayer?: M3eStateLayerElement;\r\n  /** @private */ @query(\".ripple\") private readonly _ripple?: M3eRippleElement;\r\n\r\n  /** @private */ readonly #clickHandler = (e: Event) => this.#handleClick(e);\r\n\r\n  constructor() {\r\n    super();\r\n\r\n    new ResizeController(this, {\r\n      callback: () => {\r\n        if (this.grouped) {\r\n          this._handleResize();\r\n        }\r\n      },\r\n    });\r\n\r\n    new FocusController(this, {\r\n      callback: (focused) => {\r\n        if (!this.disabledInteractive && !focused && !this.grouped) {\r\n          this._base?.style.removeProperty(\"--_button-shape\");\r\n        }\r\n      },\r\n    });\r\n\r\n    new PressedController(this, {\r\n      isPressedKey: (key) => key === \" \",\r\n      minPressedDuration: 150,\r\n      callback: (pressed) => {\r\n        if (!this.disabled && !this.disabledInteractive) {\r\n          if (pressed) {\r\n            this.#updateButtonShape();\r\n            if (prefersReducedMotion()) {\r\n              this.#handlePressedChange(true);\r\n            } else {\r\n              requestAnimationFrame(() => this.#handlePressedChange(true));\r\n            }\r\n          } else {\r\n            this.#handlePressedChange(false);\r\n          }\r\n        }\r\n      },\r\n    });\r\n  }\r\n\r\n  /**\r\n   * The appearance variant of the button.\r\n   * @default \"standard\"\r\n   */\r\n  @property({ reflect: true }) variant: IconButtonVariant = \"standard\";\r\n\r\n  /**\r\n   * The shape of the button.\r\n   * @default \"rounded\"\r\n   */\r\n  @property({ reflect: true }) shape: IconButtonShape = \"rounded\";\r\n\r\n  /**\r\n   * The size of the button.\r\n   * @default \"small\"\r\n   */\r\n  @property({ reflect: true }) size: IconButtonSize = \"small\";\r\n\r\n  /**\r\n   * The width of the button.\r\n   * @default \"default\"\r\n   */\r\n  @property({ reflect: true }) width: IconButtonWidth = \"default\";\r\n\r\n  /**\r\n   * Whether the button will toggle between selected and unselected states.\r\n   * @default false\r\n   */\r\n  @property({ type: Boolean, reflect: true }) toggle = false;\r\n\r\n  /**\r\n   * Whether the toggle button is selected.\r\n   * @default false\r\n   */\r\n  @property({ type: Boolean, reflect: true }) selected = false;\r\n\r\n  /** Whether the button is contained by a button group. */\r\n  get grouped() {\r\n    return this.classList.contains(\"-grouped\");\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  override render(): unknown {\r\n    return html`<div class=\"base\">\r\n      <m3e-state-layer class=\"state-layer\" ?disabled=\"${this.disabled || this.disabledInteractive}\"></m3e-state-layer>\r\n      <m3e-elevation class=\"elevation\" ?disabled=\"${this.disabled || this.disabledInteractive}\"></m3e-elevation>\r\n      <m3e-focus-ring class=\"focus-ring\" ?disabled=\"${this.disabled}\"></m3e-focus-ring>\r\n      <m3e-ripple class=\"ripple\" centered ?disabled=\"${this.disabled || this.disabledInteractive}\"></m3e-ripple>\r\n      <div class=\"touch\" aria-hidden=\"true\"></div>\r\n      ${this[renderPseudoLink]()}\r\n      <div class=\"wrapper\">\r\n        ${this.toggle\r\n          ? html`<slot\r\n              class=\"icon\"\r\n              name=\"selected\"\r\n              aria-hidden=\"true\"\r\n              @slotchange=\"${this.#handleSelectedIconSlotChange}\"\r\n            ></slot>`\r\n          : nothing}\r\n        <slot class=\"icon\" aria-hidden=\"true\"></slot>\r\n      </div>\r\n    </div>`;\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  override connectedCallback(): void {\r\n    super.connectedCallback();\r\n\r\n    this.addEventListener(\"click\", this.#clickHandler);\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  override disconnectedCallback(): void {\r\n    super.disconnectedCallback();\r\n\r\n    [\"-pressed\", \"-resting\", \"-grouped\", \"-connected\"].forEach((x) => this.classList.remove(x));\r\n    this._base?.style.removeProperty(\"--_button-shape\");\r\n    this.style.removeProperty(\"--_button-width\");\r\n    this.style.removeProperty(\"--_adjacent-button-width\");\r\n    this.classList.remove(\"-adjacent-pressed\");\r\n\r\n    this.removeEventListener(\"click\", this.#clickHandler);\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override firstUpdated(_changedProperties: PropertyValues<this>): void {\r\n    super.firstUpdated(_changedProperties);\r\n    [this._elevation, this._focusRing, this._stateLayer, this._ripple].forEach((x) => x?.attach(this));\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override updated(_changedProperties: PropertyValues<this>): void {\r\n    super.updated(_changedProperties);\r\n\r\n    if (\r\n      (_changedProperties.has(\"disabled\") && this.disabled) ||\r\n      (_changedProperties.has(\"disabledInteractive\") && this.disabledInteractive)\r\n    ) {\r\n      this.classList.toggle(\"-pressed\", false);\r\n      this.classList.toggle(\"-resting\", false);\r\n    }\r\n\r\n    if (_changedProperties.has(\"toggle\") || _changedProperties.has(\"selected\")) {\r\n      this.ariaPressed = this.toggle ? `${this.selected}` : null;\r\n      if (this.toggle) {\r\n        for (const icon of this.querySelectorAll(\"m3e-icon\")) {\r\n          icon.toggleAttribute(\"filled\", this.selected);\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  @debounce(40)\r\n  private _handleResize(): void {\r\n    if (this.grouped && !this.classList.contains(\"-pressed\")) {\r\n      this.style.setProperty(\"--_button-width\", `${this.clientWidth}px`);\r\n      this.#updateButtonShape(true);\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #updateButtonShape(force = false): void {\r\n    if (!this._base) return;\r\n    const shape = parseFloat(getComputedStyle(this._base).borderRadius);\r\n    if (!isNaN(shape) || force) {\r\n      const adjustedShape = this.clientHeight / 2;\r\n      if (adjustedShape < shape || force) {\r\n        this._base?.style.setProperty(\"--_button-shape\", `${adjustedShape}px`);\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handlePressedChange(pressed: boolean): void {\r\n    this.classList.toggle(\"-pressed\", pressed);\r\n    this.classList.toggle(\"-resting\", !pressed);\r\n\r\n    const group = this.closest(\"m3e-button-group\");\r\n    if (group) {\r\n      const clientWidth = this.getBoundingClientRect().width;\r\n      const buttons = [...group.querySelectorAll<HTMLElement>(\"m3e-button,m3e-icon-button\")];\r\n      const index = buttons.indexOf(this);\r\n\r\n      for (let i = 0; i < buttons.length; i++) {\r\n        const button = buttons[i];\r\n        if (i === index - 1) {\r\n          button.style.setProperty(\"--_adjacent-button-width\", `${clientWidth}px`);\r\n          button.classList.toggle(\"-adjacent-pressed\", pressed);\r\n        } else if (i === index + 1) {\r\n          button.style.setProperty(\"--_adjacent-button-width\", `${clientWidth}px`);\r\n          button.classList.toggle(\"-adjacent-pressed\", pressed);\r\n        } else {\r\n          button.style.removeProperty(\"--_adjacent-button-width\");\r\n          button.classList.remove(\"-adjacent-pressed\");\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleClick(e: Event): void {\r\n    if (this.disabled || this.disabledInteractive) {\r\n      e.preventDefault();\r\n      e.stopImmediatePropagation();\r\n    }\r\n\r\n    if (this.toggle && !e.defaultPrevented) {\r\n      this.selected = !this.selected;\r\n\r\n      // Dispatch an input event and if not prevented, dispatch a change event.\r\n      // Otherwise, reset the selected state.\r\n\r\n      if (this.dispatchEvent(new Event(\"input\", { bubbles: true, composed: true, cancelable: true }))) {\r\n        this.dispatchEvent(new Event(\"change\", { bubbles: true }));\r\n      } else {\r\n        this.selected = !this.selected;\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleSelectedIconSlotChange(e: Event): void {\r\n    this._base?.classList.toggle(\"with-selected-icon\", hasAssignedNodes(<HTMLSlotElement>e.target));\r\n  }\r\n}\r\n\r\ndeclare global {\r\n  interface HTMLElementTagNameMap {\r\n    \"m3e-icon-button\": M3eIconButtonElement;\r\n  }\r\n}\r\n"],"names":["__decorate","decorators","target","key","desc","d","c","arguments","length","r","Object","getOwnPropertyDescriptor","Reflect","decorate","i","defineProperty","__classPrivateFieldGet","receiver","state","kind","f","TypeError","has","call","value","get","SuppressedError","t","globalThis","e","ShadowRoot","ShadyCSS","nativeShadow","Document","prototype","CSSStyleSheet","s","Symbol","o","WeakMap","n$2","constructor","this","_$cssResult$","Error","cssText","styleSheet","replaceSync","set","toString","S","adoptStyles","adoptedStyleSheets","map","document","createElement","n","litNonce","setAttribute","textContent","appendChild","cssRules","is","h","getOwnPropertyNames","getOwnPropertySymbols","getPrototypeOf","a","trustedTypes","l","emptyScript","p","reactiveElementPolyfillSupport","JSCompiler_renameProperty","u","toAttribute","Boolean","Array","JSON","stringify","fromAttribute","Number","parse","notEqual","b","attribute","type","String","converter","reflect","useDefault","hasChanged","metadata","litPropertyMetadata","y","HTMLElement","addInitializer","_$Ei","push","observedAttributes","finalize","_$Eh","keys","createProperty","hasOwnProperty","create","wrapped","elementProperties","noAccessor","getPropertyDescriptor","requestUpdate","configurable","enumerable","getPropertyOptions","Map","finalized","properties","_$Eu","elementStyles","finalizeStyles","styles","isArray","Set","flat","reverse","unshift","toLowerCase","super","_$Ep","isUpdatePending","hasUpdated","_$Em","_$Ev","_$ES","Promise","enableUpdating","_$AL","_$E_","forEach","addController","_$EO","add","renderRoot","isConnected","hostConnected","removeController","delete","size","createRenderRoot","shadowRoot","attachShadow","shadowRootOptions","connectedCallback","disconnectedCallback","hostDisconnected","attributeChangedCallback","_$AK","_$ET","removeAttribute","_$Ej","hasAttribute","C","_$EP","_$Eq","reject","scheduleUpdate","performUpdate","shouldUpdate","willUpdate","hostUpdate","update","_$EM","_$AE","hostUpdated","firstUpdated","updated","updateComplete","getUpdateComplete","mode","ReactiveElement","reactiveElementVersions","standardProperty","name","init","querySelector","IconButtonSizeToken","containerHeight","unsafeCSS","DesignToken","density","calc","outlineThickness","iconSize","shapeRound","shape","corner","full","shapeSquare","medium","selectedShapeRound","selectedShapeSquare","shapePressedMorph","small","narrowLeadingSpace","narrowTrailingSpace","defaultLeadingSpace","defaultTrailingSpace","wideLeadingSpace","wideTrailingSpace","large","extraLarge","iconButtonStyle","css","IconButtonSizeStyle","IconButtonStyle","motion","duration","short4","easing","standard","spring","fastEffects","IconButtonVariantToken","elevated","iconColor","color","primary","containerColor","surfaceContainerLow","containerElevation","elevation","level1","unselectedIconColor","unselectedContainerColor","selectedIconColor","onPrimary","selectedContainerColor","disabled","onSurface","containerOpacity","iconOpacity","level0","hover","stateLayerColor","stateLayerOpacity","hoverStateLayerOpacity","level2","unselectedStateLayerColor","selectedStateLayerColor","focus","focusStateLayerOpacity","pressed","pressedStateLayerOpacity","outlined","onSurfaceVariant","outlineColor","outlineVariant","inverseOnSurface","inverseSurface","filled","surfaceContainer","tonal","onSecondaryContainer","secondaryContainer","onSecondary","secondary","iconButtonVariantStyle","variant","IconButtonVariantStyle","M3eIconButtonElement","KeyboardClick","LinkButton","FormSubmitter","Focusable","DisabledInteractive","Disabled","AttachInternals","Role","LitElement","_M3eIconButtonElement_clickHandler","width","toggle","selected","ResizeController","callback","grouped","_handleResize","FocusController","focused","disabledInteractive","_base","style","removeProperty","PressedController","isPressedKey","minPressedDuration","_M3eIconButtonElement_instances","_M3eIconButtonElement_updateButtonShape","prefersReducedMotion","_M3eIconButtonElement_handlePressedChange","requestAnimationFrame","classList","contains","render","html","renderPseudoLink","_M3eIconButtonElement_handleSelectedIconSlotChange","nothing","addEventListener","x","remove","removeEventListener","_changedProperties","_elevation","_focusRing","_stateLayer","_ripple","attach","ariaPressed","icon","querySelectorAll","toggleAttribute","setProperty","clientWidth","force","parseFloat","getComputedStyle","borderRadius","isNaN","adjustedShape","clientHeight","group","closest","getBoundingClientRect","buttons","index","indexOf","button","preventDefault","stopImmediatePropagation","defaultPrevented","dispatchEvent","Event","bubbles","composed","cancelable","hasAssignedNodes","query","property","debounce","customElements","define","customElement"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6]}