@m3e/web 2.0.0 → 2.0.2

package/dist/card.min.js

@@ -3,23 +3,23 @@
  * 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,html as a}from"lit";import{DesignToken as r,KeyboardClick as i,LinkButton as s,FormSubmitter as n,Focusable as l,DisabledInteractive as c,Disabled as d,AttachInternals as h,PressedController as v,renderPseudoLink as p,hasAssignedNodes as u}from"@m3e/web/core";function f(e,t,o,a){var r,i=arguments.length,s=i<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,o):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,a);else for(var n=e.length-1;n>=0;n--)(r=e[n])&&(s=(i<3?r(s):i>3?r(t,o,s):r(t,o))||s);return i>3&&s&&Object.defineProperty(t,o,s),s}function m(e,t,o,a){if("a"===o&&!a)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!a:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===o?a:"a"===o?a.call(e):a?a.value:t.get(e)}"function"==typeof SuppressedError&&SuppressedError;
+import{unsafeCSS as e,css as t,LitElement as o,html as a}from"lit";import{DesignToken as r,KeyboardClick as i,LinkButton as s,FormSubmitter as n,Focusable as l,DisabledInteractive as c,Disabled as d,AttachInternals as h,PressedController as v,renderPseudoLink as p,hasAssignedNodes as u}from"@m3e/web/core";function m(e,t,o,a){var r,i=arguments.length,s=i<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,o):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,a);else for(var n=e.length-1;n>=0;n--)(r=e[n])&&(s=(i<3?r(s):i>3?r(t,o,s):r(t,o))||s);return i>3&&s&&Object.defineProperty(t,o,s),s}function y(e,t,o,a){if("a"===o&&!a)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!a:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===o?a:"a"===o?a.call(e):a?a.value:t.get(e)}"function"==typeof SuppressedError&&SuppressedError;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const y=globalThis,b=y.ShadowRoot&&(void 0===y.ShadyCSS||y.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,$=Symbol(),g=new WeakMap;
+const f=globalThis,b=f.ShadowRoot&&(void 0===f.ShadyCSS||f.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,$=Symbol(),g=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(b&&void 0===e){const o=void 0!==t&&1===t.length;o&&(e=g.get(t)),void 0===e&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),o&&g.set(t,e))}return e}toString(){return this.cssText}};const S=(e,t)=>{if(b)e.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const o of t){const t=document.createElement("style"),a=y.litNonce;void 0!==a&&t.setAttribute("nonce",a),t.textContent=o.cssText,e.appendChild(t)}},C=b?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:x,defineProperty:_,getOwnPropertyDescriptor:O,getOwnPropertyNames:w,getOwnPropertySymbols:L,getPrototypeOf:P}=Object,k=globalThis,U=k.trustedTypes,A=U?U.emptyScript:"",R=k.reactiveElementPolyfillSupport,z=(e,t)=>e,M={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}},T=(e,t)=>!x(e,t),j={attribute:!0,type:String,converter:M,reflect:!1,useDefault:!1,hasChanged:T};
+ */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(b&&void 0===e){const o=void 0!==t&&1===t.length;o&&(e=g.get(t)),void 0===e&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),o&&g.set(t,e))}return e}toString(){return this.cssText}};const S=(e,t)=>{if(b)e.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const o of t){const t=document.createElement("style"),a=f.litNonce;void 0!==a&&t.setAttribute("nonce",a),t.textContent=o.cssText,e.appendChild(t)}},x=b?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:C,defineProperty:_,getOwnPropertyDescriptor:O,getOwnPropertyNames:w,getOwnPropertySymbols:L,getPrototypeOf:P}=Object,k=globalThis,U=k.trustedTypes,A=U?U.emptyScript:"",R=k.reactiveElementPolyfillSupport,z=(e,t)=>e,M={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}},T=(e,t)=>!C(e,t),j={attribute:!0,type:String,converter:M,reflect:!1,useDefault:!1,hasChanged:T};
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */Symbol.metadata??=Symbol("metadata"),k.litPropertyMetadata??=new WeakMap;class q 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=j){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(),a=this.getPropertyDescriptor(e,o,t);void 0!==a&&_(this.prototype,e,a)}}static getPropertyDescriptor(e,t,o){const{get:a,set:r}=O(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};return{get:a,set(t){const i=a?.call(this);r?.call(this,t),this.requestUpdate(e,i,o)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??j}static _$Ei(){if(this.hasOwnProperty(z("elementProperties")))return;const e=P(this);e.finalize(),void 0!==e.l&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(z("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(z("properties"))){const e=this.properties,t=[...w(e),...L(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(C(e))}else void 0!==e&&t.push(C(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 S(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),a=this.constructor._$Eu(e,o);if(void 0!==a&&!0===o.reflect){const r=(void 0!==o.converter?.toAttribute?o.converter:M).toAttribute(t,o.type);this._$Em=e,null==r?this.removeAttribute(a):this.setAttribute(a,r),this._$Em=null}}_$AK(e,t){const o=this.constructor,a=o._$Eh.get(e);if(void 0!==a&&this._$Em!==a){const e=o.getPropertyOptions(a),r="function"==typeof e.converter?{fromAttribute:e.converter}:void 0!==e.converter?.fromAttribute?e.converter:M;this._$Em=a;const i=r.fromAttribute(t,e.type);this[a]=i??this._$Ej?.get(a)??i,this._$Em=null}}requestUpdate(e,t,o){if(void 0!==e){const a=this.constructor,r=this[e];if(o??=a.getPropertyOptions(e),!((o.hasChanged??T)(r,t)||o.useDefault&&o.reflect&&r===this._$Ej?.get(e)&&!this.hasAttribute(a._$Eu(e,o))))return;this.C(e,t,o)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(e,t,{useDefault:o,reflect:a,wrapped:r},i){o&&!(this._$Ej??=new Map).has(e)&&(this._$Ej.set(e,i??t??this[e]),!0!==r||void 0!==i)||(this._$AL.has(e)||(this.hasUpdated||o||(t=void 0),this._$AL.set(e,t)),!0===a&&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,a=this[t];!0!==e||this._$AL.has(t)||void 0===a||this.C(t,void 0,o,a)}}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){}}q.elementStyles=[],q.shadowRootOptions={mode:"open"},q[z("elementProperties")]=new Map,q[z("finalized")]=new Map,R?.({ReactiveElement:q}),(k.reactiveElementVersions??=[]).push("2.1.1");
+ */Symbol.metadata??=Symbol("metadata"),k.litPropertyMetadata??=new WeakMap;class q 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=j){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(),a=this.getPropertyDescriptor(e,o,t);void 0!==a&&_(this.prototype,e,a)}}static getPropertyDescriptor(e,t,o){const{get:a,set:r}=O(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};return{get:a,set(t){const i=a?.call(this);r?.call(this,t),this.requestUpdate(e,i,o)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??j}static _$Ei(){if(this.hasOwnProperty(z("elementProperties")))return;const e=P(this);e.finalize(),void 0!==e.l&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(z("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(z("properties"))){const e=this.properties,t=[...w(e),...L(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(x(e))}else void 0!==e&&t.push(x(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 S(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),a=this.constructor._$Eu(e,o);if(void 0!==a&&!0===o.reflect){const r=(void 0!==o.converter?.toAttribute?o.converter:M).toAttribute(t,o.type);this._$Em=e,null==r?this.removeAttribute(a):this.setAttribute(a,r),this._$Em=null}}_$AK(e,t){const o=this.constructor,a=o._$Eh.get(e);if(void 0!==a&&this._$Em!==a){const e=o.getPropertyOptions(a),r="function"==typeof e.converter?{fromAttribute:e.converter}:void 0!==e.converter?.fromAttribute?e.converter:M;this._$Em=a;const i=r.fromAttribute(t,e.type);this[a]=i??this._$Ej?.get(a)??i,this._$Em=null}}requestUpdate(e,t,o){if(void 0!==e){const a=this.constructor,r=this[e];if(o??=a.getPropertyOptions(e),!((o.hasChanged??T)(r,t)||o.useDefault&&o.reflect&&r===this._$Ej?.get(e)&&!this.hasAttribute(a._$Eu(e,o))))return;this.C(e,t,o)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(e,t,{useDefault:o,reflect:a,wrapped:r},i){o&&!(this._$Ej??=new Map).has(e)&&(this._$Ej.set(e,i??t??this[e]),!0!==r||void 0!==i)||(this._$AL.has(e)||(this.hasUpdated||o||(t=void 0),this._$AL.set(e,t)),!0===a&&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,a=this[t];!0!==e||this._$AL.has(t)||void 0===a||this.C(t,void 0,o,a)}}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){}}q.elementStyles=[],q.shadowRootOptions={mode:"open"},q[z("elementProperties")]=new Map,q[z("finalized")]=new Map,R?.({ReactiveElement:q}),(k.reactiveElementVersions??=[]).push("2.1.1");
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -36,5 +36,5 @@ const D={attribute:!0,type:String,converter:M,reflect:!1,hasChanged:T},I=(e=D,t,
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function V(e,t){return(t,o,a)=>((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 B=e("var(--m3e-card-padding, 1rem)"),W=e(`var(--m3e-card-shape, ${r.shape.corner.medium});`),G={filled:{textColor:e(`var(--m3e-filled-card-text-color, ${r.color.onSurface})`),containerColor:e(`var(--m3e-filled-card-container-color, ${r.color.surfaceContainerHighest})`),containerElevation:e(`var(--m3e-filled-card-container-elevation, ${r.elevation.level0})`),disabled:{textColor:e(`var(--m3e-filled-card-disabled-text-color, ${r.color.onSurface})`),textOpacity:e("var(--m3e-filled-card-disabled-text-opacity, 38%)"),imageOpacity:e("var(--m3e-filled-card-disabled-image-opacity, 38%)"),containerColor:e(`var(--m3e-filled-card-disabled-container-color, ${r.color.surfaceVariant})`),containerElevation:e(`var(--m3e-filled-card-disabled-container-elevation, ${r.elevation.level0})`),containerElevationColor:e(`var(--m3e-filled-card-disabled-container-elevation-color, ${r.color.onSurface})`),containerElevationOpacity:e("var(--m3e-filled-card-disabled-container-elevation-opacity, 38%)"),containerOpacity:e("var(--m3e-filled-card-disabled-container-opacity, 38%)")},hover:{textColor:e(`var(--m3e-filled-card-hover-text-color, ${r.color.onSurface})`),stateLayerColor:e(`var(--m3e-filled-card-hover-state-layer-color, ${r.color.onSurface})`),stateLayerOpacity:e(`var(--m3e-filled-card-hover-state-layer-opacity, ${r.state.hoverStateLayerOpacity})`),containerElevation:e(`var(--m3e-filled-card-hover-container-elevation, ${r.elevation.level1})`)},focus:{textColor:e(`var(--m3e-filled-card-focus-text-color, ${r.color.onSurface})`),stateLayerColor:e(`var(--m3e-filled-card-focus-state-layer-color, ${r.color.onSurface})`),stateLayerOpacity:e(`var(--m3e-filled-card-focus-state-layer-opacity, ${r.state.focusStateLayerOpacity})`),containerElevation:e(`var(--m3e-filled-card-focus-container-elevation, ${r.elevation.level0})`)},pressed:{textColor:e(`var(--m3e-filled-card-pressed-text-color, ${r.color.onSurface})`),stateLayerColor:e(`var(--m3e-filled-card-pressed-state-layer-color, ${r.color.onSurface})`),stateLayerOpacity:e(`var(--m3e-filled-card-pressed-state-layer-opacity, ${r.state.pressedStateLayerOpacity})`),containerElevation:e(`var(--m3e-filled-card-pressed-container-elevation, ${r.elevation.level0})`)}},elevated:{textColor:e(`var(--m3e-elevated-card-text-color, ${r.color.onSurface})`),containerColor:e(`var(--m3e-elevated-card-container-color, ${r.color.surfaceContainerLow})`),containerElevation:e(`var(--m3e-elevated-card-container-elevation, ${r.elevation.level1})`),disabled:{textColor:e(`var(--m3e-elevated-card-disabled-text-color, ${r.color.onSurface})`),textOpacity:e("var(--m3e-elevated-card-disabled-text-opacity, 38%)"),imageOpacity:e("var(--m3e-elevated-card-disabled-image-opacity, 38%)"),containerColor:e(`var(--m3e-elevated-card-disabled-container-color, ${r.color.surface})`),containerElevation:e(`var(--m3e-elevated-card-disabled-container-elevation, ${r.elevation.level1})`),containerElevationColor:e(`var(--m3e-elevated-card-disabled-container-elevation-color, ${r.color.onSurface})`),containerElevationOpacity:e("var(--m3e-elevated-card-disabled-container-elevation-opacity, 38%)"),containerOpacity:e("var(--m3e-elevated-card-disabled-container-opacity, 38%)")},hover:{textColor:e(`var(--m3e-elevated-card-hover-text-color, ${r.color.onSurface})`),stateLayerColor:e(`var(--m3e-elevated-card-hover-state-layer-color, ${r.color.onSurface})`),stateLayerOpacity:e(`var(--m3e-elevated-card-hover-state-layer-opacity, ${r.state.hoverStateLayerOpacity})`),containerElevation:e(`var(--m3e-elevated-card-hover-container-elevation, ${r.elevation.level2})`)},focus:{textColor:e(`var(--m3e-elevated-card-focus-text-color, ${r.color.onSurface})`),stateLayerColor:e(`var(--m3e-elevated-card-focus-state-layer-color, ${r.color.onSurface})`),stateLayerOpacity:e(`var(--m3e-elevated-card-focus-state-layer-opacity, ${r.state.focusStateLayerOpacity})`),containerElevation:e(`var(--m3e-elevated-card-focus-container-elevation, ${r.elevation.level1})`)},pressed:{textColor:e(`var(--m3e-elevated-card-pressed-text-color, ${r.color.onSurface})`),stateLayerColor:e(`var(--m3e-elevated-card-pressed-state-layer-color, ${r.color.onSurface})`),stateLayerOpacity:e(`var(--m3e-elevated-card-pressed-state-layer-opacity, ${r.state.pressedStateLayerOpacity})`),containerElevation:e(`var(--m3e-elevated-card-pressed-container-elevation, ${r.elevation.level1})`)}},outlined:{textColor:e(`var(--m3e-outlined-card-text-color, ${r.color.onSurface})`),containerElevation:e(`var(--m3e-outlined-card-container-elevation, ${r.elevation.level0})`),outlineColor:e(`var(--m3e-outlined-card-outline-color, ${r.color.outlineVariant})`),outlineThickness:e("var(--m3e-outlined-card-outline-thickness, 1px)"),disabled:{textColor:e(`var(--m3e-outlined-card-disabled-text-color, ${r.color.onSurface})`),textOpacity:e("var(--m3e-outlined-card-disabled-text-opacity, 38%)"),imageOpacity:e("var(--m3e-outlined-card-disabled-image-opacity, 38%)"),containerElevation:e(`var(--m3e-outlined-card-disabled-container-elevation, ${r.elevation.level0})`),containerElevationColor:e(`var(--m3e-outlined-card-disabled-container-elevation-color, ${r.color.onSurface})`),containerElevationOpacity:e("var(--m3e-outlined-card-disabled-container-elevation-opacity, 38%)"),outlineColor:e(`var(--m3e-outlined-card-disabled-outline-color, ${r.color.outline})`),outlineOpacity:e("var(--m3e-outlined-card-disabled-outline-opacity, 12%)")},hover:{textColor:e(`var(--m3e-outlined-card-hover-text-color, ${r.color.onSurface})`),stateLayerColor:e(`var(--m3e-outlined-card-hover-state-layer-color, ${r.color.onSurface})`),stateLayerOpacity:e(`var(--m3e-outlined-card-hover-state-layer-opacity, ${r.state.hoverStateLayerOpacity})`),containerElevation:e(`var(--m3e-outlined-card-hover-container-elevation, ${r.elevation.level1})`),outlineColor:e(`var(--m3e-outlined-card-hover-outline-color, ${r.color.outlineVariant})`)},focus:{textColor:e(`var(--m3e-outlined-card-focus-text-color, ${r.color.onSurface})`),stateLayerColor:e(`var(--m3e-outlined-card-focus-state-layer-color, ${r.color.onSurface})`),stateLayerOpacity:e(`var(--m3e-outlined-card-focus-state-layer-opacity, ${r.state.focusStateLayerOpacity})`),containerElevation:e(`var(--m3e-outlined-card-focus-container-elevation, ${r.elevation.level0})`),outlineColor:e(`var(--m3e-outlined-card-focus-outline-color, ${r.color.onSurface})`)},pressed:{textColor:e(`var(--m3e-outlined-card-pressed-text-color, ${r.color.onSurface})`),stateLayerColor:e(`var(--m3e-outlined-card-pressed-state-layer-color, ${r.color.onSurface})`),stateLayerOpacity:e(`var(--m3e-outlined-card-pressed-state-layer-opacity, ${r.state.pressedStateLayerOpacity})`),containerElevation:e(`var(--m3e-outlined-card-pressed-container-elevation, ${r.elevation.level0})`),outlineColor:e(`var(--m3e-outlined-card-pressed-outline-color, ${r.color.outlineVariant})`)}}},H=t`:host { outline: none; } :host(:not([inline])) { display: block; } :host(:not([inline])) .base { display: flex; } :host([inline]) { display: inline-block; vertical-align: middle; } :host([inline]) .base { display: inline-flex; } .base { width: 100%; height: 100%; position: relative; box-sizing: border-box; border-radius: ${W}; transition: ${e(`background-color ${r.motion.duration.short4} ${r.motion.easing.standard},\n      border-color ${r.motion.duration.short4} ${r.motion.easing.standard}`)}; } :host([actionable]) { user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } :host([actionable]:not(:disabled):not([disabled-interactive])) { cursor: pointer; } :host([actionable][disabled-interactive]) { cursor: not-allowed; } :host(:not([actionable])) .focus-ring, :host(:not([actionable])) .state-layer, :host(:not([actionable])) .ripple { display: none; } :host([variant="outlined"]) .base { border-style: solid; } ::slotted([slot="content"]) { flex: 1 1 auto; } ::slotted(img), ::slotted(video) { inset: 0; object-fit: cover; } ::slotted(img[slot="header"]), ::slotted(video[slot="header"]) { border-radius: ${W}; } ::slotted([slot="actions"][end]) { justify-content: flex-end; } ::slotted([slot="header"]), ::slotted([slot="actions"]), ::slotted([slot="footer"]) { flex: none; display: flex; align-items: center; } :host([orientation="vertical"]) .base, :host([orientation="horizontal"]) ::slotted([slot="header"]), :host([orientation="horizontal"]) ::slotted([slot="actions"]), :host([orientation="horizontal"]) ::slotted([slot="footer"]) { flex-direction: column; } :host([orientation="horizontal"]) .base, :host([orientation="vertical"]) ::slotted([slot="header"]), :host([orientation="vertical"]) ::slotted([slot="actions"]), :host([orientation="vertical"]) ::slotted([slot="footer"]) { flex-direction: row; } :host([orientation="horizontal"]) ::slotted(img), :host([orientation="horizontal"]) ::slotted(video) { aspect-ratio: 16 / 9; } .has-content:not(.has-default) slot[name="content"], .has-content.has-default slot:not([name]) { display: inherit; flex-direction: inherit; flex: 1 1 auto; } .has-header slot[name="header"], .has-actions slot[name="actions"], .has-footer slot[name="footer"] { display: inherit; flex-direction: inherit; flex: none; } :host([orientation="vertical"]) .has-content:not(.has-default) slot[name="content"] { margin-inline: ${B}; } :host([orientation="vertical"]) .has-content:not(.has-default):not(.has-header) slot[name="content"] { margin-block-start: ${B}; } :host([orientation="vertical"]) .has-content:not(.has-default):not(.has-actions):not(.has-footer) slot[name="content"] { margin-block-end: ${B}; } :host([orientation="horizontal"]) .has-content:not(.has-default) slot[name="content"] { margin-block: ${B}; } :host([orientation="horizontal"]) .has-content:not(.has-default):not(.has-header) slot[name="content"] { margin-inline-start: ${B}; } :host([orientation="horizontal"]) .has-content:not(.has-default):not(.has-actions):not(.has-footer) slot[name="content"] { margin-inline-end: ${B}; } :host([orientation="vertical"]) .has-header:not(.has-header-media) slot[name="header"] { margin-inline: ${B}; margin-block-start: ${B}; } :host([orientation="horizontal"]) .has-header:not(.has-header-media) slot[name="header"] { margin-inline-start: ${B}; margin-block: ${B}; } .has-actions slot[name="actions"] { margin-inline: ${B}; margin-block: ${B}; } :host([orientation="vertical"]) .has-footer slot[name="footer"] { margin-inline: ${B}; margin-block-end: ${B}; } :host([orientation="horizontal"]) .has-footer slot[name="footer"] { margin-block: ${B}; margin-inline-end: ${B}; } a { all: unset; display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1; } @media (forced-colors: active) { .base { transition: none; } :host([variant]) .base { border-style: solid; border-color: CanvasText; border-width: ${G.outlined.outlineThickness??e("unset")}; } :host([actionable][variant]:disabled) .base, :host([actionable][variant][disabled-interactive]) .base { color: GrayText; border-color: GrayText; } } @media (prefers-reduced-motion) { .base { transition: none; } }`;function K(o){return t`:host([variant="${e(o)}"]) .base { background-color: ${G[o].containerColor??e("unset")}; box-shadow: ${G[o].containerElevation??e("unset")}; border-width: ${G[o].outlineThickness??e("unset")}; } :host([actionable][variant="${e(o)}"]) .base { --m3e-state-layer-hover-color: ${G[o].hover.stateLayerColor}; --m3e-state-layer-hover-opacity: ${G[o].hover.stateLayerOpacity}; --m3e-state-layer-focus-color: ${G[o].focus.stateLayerColor}; --m3e-state-layer-focus-opacity: ${G[o].focus.stateLayerOpacity}; --m3e-ripple-color: ${G[o].pressed.stateLayerColor}; --m3e-ripple-opacity: ${G[o].pressed.stateLayerOpacity}; --m3e-elevation-level: ${G[o].containerElevation??e("unset")}; --m3e-elevation-hover-level: ${G[o].hover.containerElevation??e("unset")}; --m3e-elevation-focus-level: ${G[o].focus.containerElevation??e("unset")}; --m3e-elevation-pressed-level: ${G[o].pressed.containerElevation??e("unset")}; } :host([variant="${e(o)}"]) .base { border-color: ${G[o].outlineColor??e("unset")}; } :host([actionable][variant="${e(o)}"]:focus .base) { border-color: ${G[o].focus.outlineColor??e("unset")}; } :host([actionable][variant="${e(o)}"]:hover .base) { border-color: ${G[o].hover.outlineColor??e("unset")}; } :host([actionable][variant="${e(o)}"]) .base.pressed { border-color: ${G[o].pressed.outlineColor??e("unset")}; } :host([variant="${e(o)}"]) .base { color: ${G[o].textColor??e("unset")}; } :host([actionable][variant="${e(o)}"]:focus) .base { color: ${G[o].focus.textColor??e("unset")}; } :host([actionable][variant="${e(o)}"]:hover) .base { color: ${G[o].hover.textColor??e("unset")}; } :host([actionable][variant="${e(o)}"]) .base.pressed { color: ${G[o].pressed.textColor??e("unset")}; } :host([actionable][variant="${e(o)}"]:disabled) .base, :host([actionable][variant="${e(o)}"][disabled-interactive]) .base { --m3e-elevation-level: ${G[o].disabled.containerElevation??e("unset")}; --m3e-elevation-color: color-mix( in srgb, ${G[o].disabled.containerElevationColor} ${G[o].disabled.containerElevationOpacity}, transparent ); color: color-mix( in srgb, ${G[o].disabled.textColor} ${G[o].disabled.textOpacity}, transparent ); background-color: ${G[o].disabled.containerColor&&G[o].disabled.containerOpacity?e(`color-mix(\n        in srgb,\n        ${G[o].disabled.containerColor} ${G[o].disabled.containerOpacity},\n        transparent\n      )`):e("unset")}; border-color: ${G[o].disabled.outlineColor&&G[o].disabled.outlineOpacity?e(`color-mix(\n        in srgb,\n        ${G[o].disabled.outlineColor} ${G[o].disabled.outlineOpacity},\n        transparent\n      )`):e("unset")}; } :host([actionable][variant="${e(o)}"]:disabled) ::slotted(img), :host([actionable][variant="${e(o)}"][disabled-interactive]) ::slotted(img), :host([actionable][variant="${e(o)}"]:disabled) ::slotted(video), :host([actionable][variant="${e(o)}"][disabled-interactive]) ::slotted(video) { opacity: ${G[o].disabled.imageOpacity}; }`}const J=[K("filled"),K("elevated"),K("outlined")];var F,Q,X,Y,Z,ee,te,oe;let ae=class extends(i(s(n(l(c(d(h(o),!0))))))){constructor(){super(),F.add(this),Q.set(this,e=>m(this,F,"m",oe).call(this,e)),this.inline=!1,this.actionable=!1,this.variant="filled",this.orientation="vertical",new v(this,{isPressedKey:e=>" "===e,callback:e=>{!this.actionable||this.disabled||this.disabledInteractive||this._base?.classList.toggle("pressed",e)}})}connectedCallback(){this.hasAttribute("actionable")&&(this.role="button"),super.connectedCallback(),this.addEventListener("click",m(this,Q,"f"))}disconnectedCallback(){super.disconnectedCallback(),this._base?.classList.toggle("pressed",!1),this.removeEventListener("click",m(this,Q,"f"))}render(){return a`<div class="base"><m3e-elevation class="elevation" ?disabled="${!this.actionable||this.disabled||this.disabledInteractive}"></m3e-elevation><m3e-focus-ring class="focus-ring" ?disabled="${!this.actionable||this.disabled}"></m3e-focus-ring><m3e-state-layer class="state-layer" ?disabled="${!this.actionable||this.disabled||this.disabledInteractive}"></m3e-state-layer><m3e-ripple class="ripple" ?disabled="${!this.actionable||this.disabled||this.disabledInteractive}"></m3e-ripple>${this[p]()}<slot name="header" @slotchange="${m(this,F,"m",X)}"></slot><slot name="content" @slotchange="${m(this,F,"m",Y)}"><slot @slotchange="${m(this,F,"m",Z)}"></slot></slot><slot name="actions" @slotchange="${m(this,F,"m",ee)}"></slot><slot name="footer" @slotchange="${m(this,F,"m",te)}"></slot></div>`}firstUpdated(e){super.firstUpdated(e),[this._elevation,this._focusRing,this._stateLayer,this._ripple].forEach(e=>e?.attach(this)),!this.actionable&&this.hasAttribute("tabindex")&&this.removeAttribute("tabindex")}update(e){super.update(e),!this.actionable&&this.hasAttribute("tabindex")&&this.removeAttribute("tabindex")}};Q=new WeakMap,F=new WeakSet,X=function(e){const t=e.target.assignedNodes({flatten:!0}),o=this.shadowRoot?.querySelector(".base");o?.classList.toggle("has-header",t.length>0),o?.classList.toggle("has-header-media",t.some(e=>e instanceof HTMLElement&&("IMG"===e.tagName||"VIDEO"===e.tagName)))},Y=function(){this.shadowRoot?.querySelector(".base")?.classList.toggle("has-content",null!==this.querySelector("[slot='content']"))},Z=function(e){this.shadowRoot?.querySelector(".base")?.classList.toggle("has-default",u(e.target)&&null===this.querySelector("[slot='content']"))},ee=function(e){this.shadowRoot?.querySelector(".base")?.classList.toggle("has-actions",u(e.target))},te=function(e){this.shadowRoot?.querySelector(".base")?.classList.toggle("has-footer",u(e.target))},oe=function(e){(this.disabled||this.disabledInteractive)&&(e.preventDefault(),e.stopImmediatePropagation())},ae.styles=[J,H],f([V(".base")],ae.prototype,"_base",void 0),f([V(".elevation")],ae.prototype,"_elevation",void 0),f([V(".focus-ring")],ae.prototype,"_focusRing",void 0),f([V(".state-layer")],ae.prototype,"_stateLayer",void 0),f([V(".ripple")],ae.prototype,"_ripple",void 0),f([N({type:Boolean})],ae.prototype,"inline",void 0),f([N({type:Boolean})],ae.prototype,"actionable",void 0),f([N({reflect:!0})],ae.prototype,"variant",void 0),f([N({reflect:!0})],ae.prototype,"orientation",void 0),ae=f([(e=>(t,o)=>{void 0!==o?o.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)})("m3e-card")],ae);export{ae as M3eCardElement};
+function V(e,t){return(t,o,a)=>((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 B=e("var(--m3e-card-padding, 1rem)"),W=e(`var(--m3e-card-shape, ${r.shape.corner.medium});`),G={filled:{textColor:e(`var(--m3e-filled-card-text-color, var(--m3e-card-text-color, ${r.color.onSurface}))`),containerColor:e(`var(--m3e-filled-card-container-color, var(--m3e-card-container-color, ${r.color.surfaceContainerHighest}))`),containerElevation:e(`var(--m3e-filled-card-container-elevation, var(--m3e-card-container-elevation, ${r.elevation.level0}))`),disabled:{textColor:e(`var(--m3e-filled-card-disabled-text-color, var(--m3e-card-disabled-text-color, ${r.color.onSurface}))`),textOpacity:e("var(--m3e-filled-card-disabled-text-opacity, var(--m3e-card-disabled-text-opacity, 38%))"),imageOpacity:e("var(--m3e-filled-card-disabled-image-opacity, var(--m3e-card-disabled-image-opacity, 38%))"),containerColor:e(`var(--m3e-filled-card-disabled-container-color, var(--m3e-card-disabled-container-color, ${r.color.surfaceVariant}))`),containerElevation:e(`var(--m3e-filled-card-disabled-container-elevation, var(--m3e-card-disabled-container-elevation, ${r.elevation.level0}))`),containerElevationColor:e(`var(--m3e-filled-card-disabled-container-elevation-color, var(--m3e-card-disabled-container-elevation-color, ${r.color.onSurface}))`),containerElevationOpacity:e("var(--m3e-filled-card-disabled-container-elevation-opacity, var(--m3e-card-disabled-container-elevation-opacity, 38%))"),containerOpacity:e("var(--m3e-filled-card-disabled-container-opacity, var(--m3e-card-disabled-container-opacity, 38%))")},hover:{textColor:e(`var(--m3e-filled-card-hover-text-color, var(--m3e-card-hover-text-color, ${r.color.onSurface}))`),stateLayerColor:e(`var(--m3e-filled-card-hover-state-layer-color, var(--m3e-card-hover-state-layer-color, ${r.color.onSurface}))`),stateLayerOpacity:e(`var(--m3e-filled-card-hover-state-layer-opacity, var(--m3e-card-hover-state-layer-opacity, ${r.state.hoverStateLayerOpacity}))`),containerElevation:e(`var(--m3e-filled-card-hover-container-elevation, var(--m3e-card-hover-container-elevation, ${r.elevation.level1}))`)},focus:{textColor:e(`var(--m3e-filled-card-focus-text-color, var(--m3e-card-focus-text-color, ${r.color.onSurface}))`),stateLayerColor:e(`var(--m3e-filled-card-focus-state-layer-color, var(--m3e-card-focus-state-layer-color, ${r.color.onSurface}))`),stateLayerOpacity:e(`var(--m3e-filled-card-focus-state-layer-opacity, var(--m3e-card-focus-state-layer-opacity, ${r.state.focusStateLayerOpacity}))`),containerElevation:e(`var(--m3e-filled-card-focus-container-elevation, var(--m3e-card-focus-container-elevation, ${r.elevation.level0}))`)},pressed:{textColor:e(`var(--m3e-filled-card-pressed-text-color, var(--m3e-card-pressed-text-color, ${r.color.onSurface}))`),stateLayerColor:e(`var(--m3e-filled-card-pressed-state-layer-color, var(--m3e-card-pressed-state-layer-color, ${r.color.onSurface}))`),stateLayerOpacity:e(`var(--m3e-filled-card-pressed-state-layer-opacity, var(--m3e-card-pressed-state-layer-opacity, ${r.state.pressedStateLayerOpacity}))`),containerElevation:e(`var(--m3e-filled-card-pressed-container-elevation, var(--m3e-card-pressed-container-elevation, ${r.elevation.level0}))`)}},elevated:{textColor:e(`var(--m3e-elevated-card-text-color, var(--m3e-card-text-color, ${r.color.onSurface}))`),containerColor:e(`var(--m3e-elevated-card-container-color, var(--m3e-card-container-color, ${r.color.surfaceContainerLow}))`),containerElevation:e(`var(--m3e-elevated-card-container-elevation, var(--m3e-card-container-elevation, ${r.elevation.level1}))`),disabled:{textColor:e(`var(--m3e-elevated-card-disabled-text-color, var(--m3e-card-disabled-text-color, ${r.color.onSurface}))`),textOpacity:e("var(--m3e-elevated-card-disabled-text-opacity, var(--m3e-card-disabled-text-opacity, 38%))"),imageOpacity:e("var(--m3e-elevated-card-disabled-image-opacity, var(--m3e-card-disabled-image-opacity, 38%))"),containerColor:e(`var(--m3e-elevated-card-disabled-container-color, var(--m3e-card-disabled-container-color, ${r.color.surface}))`),containerElevation:e(`var(--m3e-elevated-card-disabled-container-elevation, var(--m3e-card-disabled-container-elevation, ${r.elevation.level1}))`),containerElevationColor:e(`var(--m3e-elevated-card-disabled-container-elevation-color, var(--m3e-card-disabled-container-elevation-color, ${r.color.onSurface}))`),containerElevationOpacity:e("var(--m3e-elevated-card-disabled-container-elevation-opacity, var(--m3e-card-disabled-container-elevation-opacity, 38%))"),containerOpacity:e("var(--m3e-elevated-card-disabled-container-opacity, var(--m3e-card-disabled-container-opacity, 38%))")},hover:{textColor:e(`var(--m3e-elevated-card-hover-text-color, var(--m3e-card-hover-text-color, ${r.color.onSurface}))`),stateLayerColor:e(`var(--m3e-elevated-card-hover-state-layer-color, var(--m3e-card-hover-state-layer-color, ${r.color.onSurface}))`),stateLayerOpacity:e(`var(--m3e-elevated-card-hover-state-layer-opacity, var(--m3e-card-hover-state-layer-opacity, ${r.state.hoverStateLayerOpacity}))`),containerElevation:e(`var(--m3e-elevated-card-hover-container-elevation, var(--m3e-card-hover-container-elevation, ${r.elevation.level2}))`)},focus:{textColor:e(`var(--m3e-elevated-card-focus-text-color, var(--m3e-card-focus-text-color, ${r.color.onSurface}))`),stateLayerColor:e(`var(--m3e-elevated-card-focus-state-layer-color, var(--m3e-card-focus-state-layer-color, ${r.color.onSurface}))`),stateLayerOpacity:e(`var(--m3e-elevated-card-focus-state-layer-opacity, var(--m3e-card-focus-state-layer-opacity, ${r.state.focusStateLayerOpacity}))`),containerElevation:e(`var(--m3e-elevated-card-focus-container-elevation, var(--m3e-card-focus-container-elevation, ${r.elevation.level1}))`)},pressed:{textColor:e(`var(--m3e-elevated-card-pressed-text-color, var(--m3e-card-pressed-text-color, ${r.color.onSurface}))`),stateLayerColor:e(`var(--m3e-elevated-card-pressed-state-layer-color, var(--m3e-card-pressed-state-layer-color, ${r.color.onSurface}))`),stateLayerOpacity:e(`var(--m3e-elevated-card-pressed-state-layer-opacity, var(--m3e-card-pressed-state-layer-opacity, ${r.state.pressedStateLayerOpacity}))`),containerElevation:e(`var(--m3e-elevated-card-pressed-container-elevation, var(--m3e-card-pressed-container-elevation, ${r.elevation.level1}))`)}},outlined:{textColor:e(`var(--m3e-outlined-card-text-color, var(--m3e-card-text-color, ${r.color.onSurface}))`),containerElevation:e(`var(--m3e-outlined-card-container-elevation, var(--m3e-card-container-elevation, ${r.elevation.level0}))`),outlineColor:e(`var(--m3e-outlined-card-outline-color, var(--m3e-card-outline-color, ${r.color.outlineVariant}))`),outlineThickness:e("var(--m3e-outlined-card-outline-thickness, var(--m3e-card-outline-thickness, 1px))"),disabled:{textColor:e(`var(--m3e-outlined-card-disabled-text-color, var(--m3e-card-disabled-text-color, ${r.color.onSurface}))`),textOpacity:e("var(--m3e-outlined-card-disabled-text-opacity, var(--m3e-card-disabled-text-opacity, 38%))"),imageOpacity:e("var(--m3e-outlined-card-disabled-image-opacity, var(--m3e-card-disabled-image-opacity, 38%))"),containerElevation:e(`var(--m3e-outlined-card-disabled-container-elevation, var(--m3e-card-disabled-container-elevation, ${r.elevation.level0}))`),containerElevationColor:e(`var(--m3e-outlined-card-disabled-container-elevation-color, var(--m3e-card-disabled-container-elevation-color, ${r.color.onSurface}))`),containerElevationOpacity:e("var(--m3e-outlined-card-disabled-container-elevation-opacity, var(--m3e-card-disabled-container-elevation-opacity, 38%))"),outlineColor:e(`var(--m3e-outlined-card-disabled-outline-color, var(--m3e-card-disabled-outline-color, ${r.color.outline}))`),outlineOpacity:e("var(--m3e-outlined-card-disabled-outline-opacity, var(--m3e-card-disabled-outline-opacity, 12%))")},hover:{textColor:e(`var(--m3e-outlined-card-hover-text-color, var(--m3e-card-hover-text-color, ${r.color.onSurface}))`),stateLayerColor:e(`var(--m3e-outlined-card-hover-state-layer-color, var(--m3e-card-hover-state-layer-color, ${r.color.onSurface}))`),stateLayerOpacity:e(`var(--m3e-outlined-card-hover-state-layer-opacity, var(--m3e-card-hover-state-layer-opacity, ${r.state.hoverStateLayerOpacity}))`),containerElevation:e(`var(--m3e-outlined-card-hover-container-elevation, var(--m3e-card-hover-container-elevation, ${r.elevation.level1}))`),outlineColor:e(`var(--m3e-outlined-card-hover-outline-color, var(--m3e-card-hover-outline-color, ${r.color.outlineVariant}))`)},focus:{textColor:e(`var(--m3e-outlined-card-focus-text-color, var(--m3e-card-focus-text-color, ${r.color.onSurface}))`),stateLayerColor:e(`var(--m3e-outlined-card-focus-state-layer-color, var(--m3e-card-focus-state-layer-color, ${r.color.onSurface}))`),stateLayerOpacity:e(`var(--m3e-outlined-card-focus-state-layer-opacity, var(--m3e-card-focus-state-layer-opacity, ${r.state.focusStateLayerOpacity}))`),containerElevation:e(`var(--m3e-outlined-card-focus-container-elevation, var(--m3e-card-focus-container-elevation, ${r.elevation.level0}))`),outlineColor:e(`var(--m3e-outlined-card-focus-outline-color, var(--m3e-card-focus-outline-color, ${r.color.onSurface}))`)},pressed:{textColor:e(`var(--m3e-outlined-card-pressed-text-color, var(--m3e-card-pressed-text-color, ${r.color.onSurface}))`),stateLayerColor:e(`var(--m3e-outlined-card-pressed-state-layer-color, var(--m3e-card-pressed-state-layer-color, ${r.color.onSurface}))`),stateLayerOpacity:e(`var(--m3e-outlined-card-pressed-state-layer-opacity, var(--m3e-card-pressed-state-layer-opacity, ${r.state.pressedStateLayerOpacity}))`),containerElevation:e(`var(--m3e-outlined-card-pressed-container-elevation, var(--m3e-card-pressed-container-elevation, ${r.elevation.level0}))`),outlineColor:e(`var(--m3e-outlined-card-pressed-outline-color, var(--m3e-card-pressed-outline-color, ${r.color.outlineVariant}))`)}}},H=t`:host { outline: none; } :host(:not([inline])) { display: block; } :host(:not([inline])) .base { display: flex; } :host([inline]) { display: inline-block; vertical-align: middle; } :host([inline]) .base { display: inline-flex; } .base { width: 100%; height: 100%; position: relative; box-sizing: border-box; border-radius: ${W}; transition: ${e(`background-color ${r.motion.duration.short4} ${r.motion.easing.standard},\n      border-color ${r.motion.duration.short4} ${r.motion.easing.standard}`)}; } :host([actionable]) { user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } :host([actionable]:not(:disabled):not([disabled-interactive])) { cursor: pointer; } :host([actionable][disabled-interactive]) { cursor: not-allowed; } :host(:not([actionable])) .focus-ring, :host(:not([actionable])) .state-layer, :host(:not([actionable])) .ripple { display: none; } :host([variant="outlined"]) .base { border-style: solid; } ::slotted([slot="content"]) { flex: 1 1 auto; } ::slotted(img), ::slotted(video) { inset: 0; object-fit: cover; } ::slotted(img[slot="header"]), ::slotted(video[slot="header"]) { border-radius: ${W}; } ::slotted([slot="actions"][end]) { justify-content: flex-end; } ::slotted([slot="header"]), ::slotted([slot="actions"]), ::slotted([slot="footer"]) { flex: none; display: flex; align-items: center; } :host([orientation="vertical"]) .base, :host([orientation="horizontal"]) ::slotted([slot="header"]), :host([orientation="horizontal"]) ::slotted([slot="actions"]), :host([orientation="horizontal"]) ::slotted([slot="footer"]) { flex-direction: column; } :host([orientation="horizontal"]) .base, :host([orientation="vertical"]) ::slotted([slot="header"]), :host([orientation="vertical"]) ::slotted([slot="actions"]), :host([orientation="vertical"]) ::slotted([slot="footer"]) { flex-direction: row; } :host([orientation="horizontal"]) ::slotted(img), :host([orientation="horizontal"]) ::slotted(video) { aspect-ratio: 16 / 9; } .has-content:not(.has-default) slot[name="content"], .has-content.has-default slot:not([name]) { display: inherit; flex-direction: inherit; flex: 1 1 auto; } .has-header slot[name="header"], .has-actions slot[name="actions"], .has-footer slot[name="footer"] { display: inherit; flex-direction: inherit; flex: none; } :host([orientation="vertical"]) .has-content:not(.has-default) slot[name="content"] { margin-inline: ${B}; } :host([orientation="vertical"]) .has-content:not(.has-default):not(.has-header) slot[name="content"] { margin-block-start: ${B}; } :host([orientation="vertical"]) .has-content:not(.has-default):not(.has-actions):not(.has-footer) slot[name="content"] { margin-block-end: ${B}; } :host([orientation="horizontal"]) .has-content:not(.has-default) slot[name="content"] { margin-block: ${B}; } :host([orientation="horizontal"]) .has-content:not(.has-default):not(.has-header) slot[name="content"] { margin-inline-start: ${B}; } :host([orientation="horizontal"]) .has-content:not(.has-default):not(.has-actions):not(.has-footer) slot[name="content"] { margin-inline-end: ${B}; } :host([orientation="vertical"]) .has-header:not(.has-header-media) slot[name="header"] { margin-inline: ${B}; margin-block-start: ${B}; } :host([orientation="horizontal"]) .has-header:not(.has-header-media) slot[name="header"] { margin-inline-start: ${B}; margin-block: ${B}; } .has-actions slot[name="actions"] { margin-inline: ${B}; margin-block: ${B}; } :host([orientation="vertical"]) .has-footer slot[name="footer"] { margin-inline: ${B}; margin-block-end: ${B}; } :host([orientation="horizontal"]) .has-footer slot[name="footer"] { margin-block: ${B}; margin-inline-end: ${B}; } a { all: unset; display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1; } @media (forced-colors: active) { .base { transition: none; } :host([variant]) .base { border-style: solid; border-color: CanvasText; border-width: ${G.outlined.outlineThickness??e("unset")}; } :host([actionable][variant]:disabled) .base, :host([actionable][variant][disabled-interactive]) .base { color: GrayText; border-color: GrayText; } } @media (prefers-reduced-motion) { .base { transition: none; } }`;function K(o){return t`:host([variant="${e(o)}"]) .base { background-color: ${G[o].containerColor??e("unset")}; box-shadow: ${G[o].containerElevation??e("unset")}; border-width: ${G[o].outlineThickness??e("unset")}; } :host([actionable][variant="${e(o)}"]) .base { --m3e-state-layer-hover-color: ${G[o].hover.stateLayerColor}; --m3e-state-layer-hover-opacity: ${G[o].hover.stateLayerOpacity}; --m3e-state-layer-focus-color: ${G[o].focus.stateLayerColor}; --m3e-state-layer-focus-opacity: ${G[o].focus.stateLayerOpacity}; --m3e-ripple-color: ${G[o].pressed.stateLayerColor}; --m3e-ripple-opacity: ${G[o].pressed.stateLayerOpacity}; --m3e-elevation-level: ${G[o].containerElevation??e("unset")}; --m3e-elevation-hover-level: ${G[o].hover.containerElevation??e("unset")}; --m3e-elevation-focus-level: ${G[o].focus.containerElevation??e("unset")}; --m3e-elevation-pressed-level: ${G[o].pressed.containerElevation??e("unset")}; } :host([variant="${e(o)}"]) .base { border-color: ${G[o].outlineColor??e("unset")}; } :host([actionable][variant="${e(o)}"]:focus .base) { border-color: ${G[o].focus.outlineColor??e("unset")}; } :host([actionable][variant="${e(o)}"]:hover .base) { border-color: ${G[o].hover.outlineColor??e("unset")}; } :host([actionable][variant="${e(o)}"]) .base.pressed { border-color: ${G[o].pressed.outlineColor??e("unset")}; } :host([variant="${e(o)}"]) .base { color: ${G[o].textColor??e("unset")}; } :host([actionable][variant="${e(o)}"]:focus) .base { color: ${G[o].focus.textColor??e("unset")}; } :host([actionable][variant="${e(o)}"]:hover) .base { color: ${G[o].hover.textColor??e("unset")}; } :host([actionable][variant="${e(o)}"]) .base.pressed { color: ${G[o].pressed.textColor??e("unset")}; } :host([actionable][variant="${e(o)}"]:disabled) .base, :host([actionable][variant="${e(o)}"][disabled-interactive]) .base { --m3e-elevation-level: ${G[o].disabled.containerElevation??e("unset")}; --m3e-elevation-color: color-mix( in srgb, ${G[o].disabled.containerElevationColor} ${G[o].disabled.containerElevationOpacity}, transparent ); color: color-mix( in srgb, ${G[o].disabled.textColor} ${G[o].disabled.textOpacity}, transparent ); background-color: ${G[o].disabled.containerColor&&G[o].disabled.containerOpacity?e(`color-mix(\n        in srgb,\n        ${G[o].disabled.containerColor} ${G[o].disabled.containerOpacity},\n        transparent\n      )`):e("unset")}; border-color: ${G[o].disabled.outlineColor&&G[o].disabled.outlineOpacity?e(`color-mix(\n        in srgb,\n        ${G[o].disabled.outlineColor} ${G[o].disabled.outlineOpacity},\n        transparent\n      )`):e("unset")}; } :host([actionable][variant="${e(o)}"]:disabled) ::slotted(img), :host([actionable][variant="${e(o)}"][disabled-interactive]) ::slotted(img), :host([actionable][variant="${e(o)}"]:disabled) ::slotted(video), :host([actionable][variant="${e(o)}"][disabled-interactive]) ::slotted(video) { opacity: ${G[o].disabled.imageOpacity}; }`}const J=[K("filled"),K("elevated"),K("outlined")];var F,Q,X,Y,Z,ee,te,oe;let ae=class extends(i(s(n(l(c(d(h(o),!0))))))){constructor(){super(),F.add(this),Q.set(this,e=>y(this,F,"m",oe).call(this,e)),this.inline=!1,this.actionable=!1,this.variant="filled",this.orientation="vertical",new v(this,{isPressedKey:e=>" "===e,callback:e=>{!this.actionable||this.disabled||this.disabledInteractive||this._base?.classList.toggle("pressed",e)}})}connectedCallback(){this.hasAttribute("actionable")&&(this.role="button"),super.connectedCallback(),this.addEventListener("click",y(this,Q,"f"))}disconnectedCallback(){super.disconnectedCallback(),this._base?.classList.toggle("pressed",!1),this.removeEventListener("click",y(this,Q,"f"))}render(){return a`<div class="base"><m3e-elevation class="elevation" ?disabled="${!this.actionable||this.disabled||this.disabledInteractive}"></m3e-elevation><m3e-focus-ring class="focus-ring" ?disabled="${!this.actionable||this.disabled}"></m3e-focus-ring><m3e-state-layer class="state-layer" ?disabled="${!this.actionable||this.disabled||this.disabledInteractive}"></m3e-state-layer><m3e-ripple class="ripple" ?disabled="${!this.actionable||this.disabled||this.disabledInteractive}"></m3e-ripple>${this[p]()}<slot name="header" @slotchange="${y(this,F,"m",X)}"></slot><slot name="content" @slotchange="${y(this,F,"m",Y)}"><slot @slotchange="${y(this,F,"m",Z)}"></slot></slot><slot name="actions" @slotchange="${y(this,F,"m",ee)}"></slot><slot name="footer" @slotchange="${y(this,F,"m",te)}"></slot></div>`}firstUpdated(e){super.firstUpdated(e),[this._elevation,this._focusRing,this._stateLayer,this._ripple].forEach(e=>e?.attach(this)),!this.actionable&&this.hasAttribute("tabindex")&&this.removeAttribute("tabindex")}update(e){super.update(e),!this.actionable&&this.hasAttribute("tabindex")&&this.removeAttribute("tabindex")}};Q=new WeakMap,F=new WeakSet,X=function(e){const t=e.target.assignedNodes({flatten:!0}),o=this.shadowRoot?.querySelector(".base");o?.classList.toggle("has-header",t.length>0),o?.classList.toggle("has-header-media",t.some(e=>e instanceof HTMLElement&&("IMG"===e.tagName||"VIDEO"===e.tagName)))},Y=function(){this.shadowRoot?.querySelector(".base")?.classList.toggle("has-content",null!==this.querySelector("[slot='content']"))},Z=function(e){this.shadowRoot?.querySelector(".base")?.classList.toggle("has-default",u(e.target)&&null===this.querySelector("[slot='content']"))},ee=function(e){this.shadowRoot?.querySelector(".base")?.classList.toggle("has-actions",u(e.target))},te=function(e){this.shadowRoot?.querySelector(".base")?.classList.toggle("has-footer",u(e.target))},oe=function(e){(this.disabled||this.disabledInteractive)&&(e.preventDefault(),e.stopImmediatePropagation())},ae.styles=[J,H],m([V(".base")],ae.prototype,"_base",void 0),m([V(".elevation")],ae.prototype,"_elevation",void 0),m([V(".focus-ring")],ae.prototype,"_focusRing",void 0),m([V(".state-layer")],ae.prototype,"_stateLayer",void 0),m([V(".ripple")],ae.prototype,"_ripple",void 0),m([N({type:Boolean})],ae.prototype,"inline",void 0),m([N({type:Boolean})],ae.prototype,"actionable",void 0),m([N({reflect:!0})],ae.prototype,"variant",void 0),m([N({reflect:!0})],ae.prototype,"orientation",void 0),ae=m([(e=>(t,o)=>{void 0!==o?o.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)})("m3e-card")],ae);export{ae as M3eCardElement};
 //# sourceMappingURL=card.min.js.map