@awc-ui/core 1.0.0-beta.2 → 1.0.0-beta.3

package/dist/collection/wasm/engine-abi.js

@@ -4,8 +4,14 @@
  * `engine.wasm.ts` (the base64 blob) is generated by scripts/build-wasm.mjs;
  * this file is the stable, committed wrapper the rest of the codebase imports.
  * Keep `EngineExports` in sync with the exports of `engine.ts`.
+ *
+ * The blob is imported DYNAMICALLY inside instantiateEngine() rather than at
+ * module top level: the engine only ever instantiates above the virtualization
+ * threshold (200+ options), but a static import made every consumer of
+ * md-select/md-autocomplete/md-multi-select/md-table-pagination ship the
+ * ~11 kB base64 string (5.6 kB gz) eagerly. As a dynamic import the bundler
+ * emits it as its own async chunk, fetched only if virtualization engages.
  */
-import { WASM_BASE64 } from "./engine.wasm";
 /** Filter modes accepted by `setQuery` (mirrors engine.ts). */
 export const FILTER_SUBSTRING = 0;
 export const FILTER_PREFIX = 1;
@@ -32,7 +38,7 @@ let modulePromise;
  * load their (potentially millions of) rows into its memory at runtime.
  */
 export async function instantiateEngine() {
-    modulePromise ?? (modulePromise = WebAssembly.compile(decodeBase64(WASM_BASE64)));
+    modulePromise ?? (modulePromise = import('./engine.wasm').then(({ WASM_BASE64 }) => WebAssembly.compile(decodeBase64(WASM_BASE64))));
     const module = await modulePromise;
     const imports = {
         env: {

package/dist/collection/wasm/engine-abi.js.map

@@ -1 +1 @@
-{"version":3,"file":"engine-abi.js","sourceRoot":"","sources":["../../src/wasm/engine-abi.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,+DAA+D;AAC/D,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,CAAC;AAClC,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,CAAC;AAC/B,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,CAAC;AA4C9B,SAAS,YAAY,CAAC,GAAW;IAC/B,IAAI,OAAO,IAAI,KAAK,UAAU,EAAE,CAAC;QAC/B,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC;QACtB,MAAM,GAAG,GAAG,IAAI,UAAU,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QACvC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC,MAAM,EAAE,CAAC,EAAE;YAAE,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;QAChE,OAAO,GAAG,CAAC;IACb,CAAC;IACD,0DAA0D;IAC1D,OAAO,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC;AACrD,CAAC;AAED;;;;GAIG;AACH,IAAI,aAAsD,CAAC;AAE3D;;;GAGG;AACH,MAAM,CAAC,KAAK,UAAU,iBAAiB;IACrC,aAAa,KAAb,aAAa,GAAK,WAAW,CAAC,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC,EAAC;IACjE,MAAM,MAAM,GAAG,MAAM,aAAa,CAAC;IACnC,MAAM,OAAO,GAAG;QACd,GAAG,EAAE;YACH,KAAK,KAAI,CAAC;YACV,KAAK,KAAI,CAAC;YACV,IAAI;gBACF,OAAO,IAAI,CAAC,GAAG,EAAE,CAAC;YACpB,CAAC;SACF;KACF,CAAC;IACF,MAAM,QAAQ,GAAG,MAAM,WAAW,CAAC,WAAW,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChE,OAAO,QAAQ,CAAC,OAAmC,CAAC;AACtD,CAAC","sourcesContent":["/**\n * Hand-written ABI surface for the WASM option engine.\n *\n * `engine.wasm.ts` (the base64 blob) is generated by scripts/build-wasm.mjs;\n * this file is the stable, committed wrapper the rest of the codebase imports.\n * Keep `EngineExports` in sync with the exports of `engine.ts`.\n */\nimport { WASM_BASE64 } from './engine.wasm';\n\n/** Filter modes accepted by `setQuery` (mirrors engine.ts). */\nexport const FILTER_SUBSTRING = 0;\nexport const FILTER_PREFIX = 1;\nexport const FILTER_FUZZY = 2;\n\n/** The functions exported by the compiled WASM engine. */\nexport interface EngineExports {\n  memory: WebAssembly.Memory;\n  reserve(\n    rows: number,\n    valueBytesTotal: number,\n    labelBytesTotal: number,\n    iconBytesTotal: number,\n    supportBytesTotal: number,\n  ): void;\n  valueWritePtr(): number;\n  labelWritePtr(): number;\n  iconWritePtr(): number;\n  supportWritePtr(): number;\n  appendRow(\n    valueLen: number,\n    labelLen: number,\n    iconLen: number,\n    supportLen: number,\n    flags: number,\n  ): number;\n  finalizeLoad(): void;\n  queryPtr(): number;\n  queryCapacity(): number;\n  setQuery(queryLen: number, mode: number): number;\n  totalCount(): number;\n  filteredCount(): number;\n  rowAt(filteredIndex: number): number;\n  valuePtr(absIndex: number): number;\n  valueLen(absIndex: number): number;\n  labelPtr(absIndex: number): number;\n  labelLen(absIndex: number): number;\n  iconPtr(absIndex: number): number;\n  iconLen(absIndex: number): number;\n  supportPtr(absIndex: number): number;\n  supportLen(absIndex: number): number;\n  rowFlags(absIndex: number): number;\n  indexOfValue(queryLen: number): number;\n  findLabelPrefix(queryLen: number, fromFilteredIndex: number): number;\n  reset(): void;\n}\n\nfunction decodeBase64(b64: string): Uint8Array {\n  if (typeof atob === 'function') {\n    const bin = atob(b64);\n    const out = new Uint8Array(bin.length);\n    for (let i = 0; i < bin.length; i++) out[i] = bin.charCodeAt(i);\n    return out;\n  }\n  // Node without a global atob (older runtimes / spec env).\n  return Uint8Array.from(Buffer.from(b64, 'base64'));\n}\n\n/**\n * Compiled once per process — the module bytes never change, and every\n * consumer gets its own isolated instance (fresh memory) below. Without this\n * cache each component instance re-decoded and recompiled the same module.\n */\nlet modulePromise: Promise<WebAssembly.Module> | undefined;\n\n/**\n * Lazily instantiate the engine. The compiled module is a few KB; consumers\n * load their (potentially millions of) rows into its memory at runtime.\n */\nexport async function instantiateEngine(): Promise<EngineExports> {\n  modulePromise ??= WebAssembly.compile(decodeBase64(WASM_BASE64));\n  const module = await modulePromise;\n  const imports = {\n    env: {\n      abort() {},\n      trace() {},\n      seed() {\n        return Date.now();\n      },\n    },\n  };\n  const instance = await WebAssembly.instantiate(module, imports);\n  return instance.exports as unknown as EngineExports;\n}\n"]}
+{"version":3,"file":"engine-abi.js","sourceRoot":"","sources":["../../src/wasm/engine-abi.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,+DAA+D;AAC/D,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,CAAC;AAClC,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,CAAC;AAC/B,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,CAAC;AA4C9B,SAAS,YAAY,CAAC,GAAW;IAC/B,IAAI,OAAO,IAAI,KAAK,UAAU,EAAE,CAAC;QAC/B,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC;QACtB,MAAM,GAAG,GAAG,IAAI,UAAU,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QACvC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC,MAAM,EAAE,CAAC,EAAE;YAAE,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;QAChE,OAAO,GAAG,CAAC;IACb,CAAC;IACD,0DAA0D;IAC1D,OAAO,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC;AACrD,CAAC;AAED;;;;GAIG;AACH,IAAI,aAAsD,CAAC;AAE3D;;;GAGG;AACH,MAAM,CAAC,KAAK,UAAU,iBAAiB;IACrC,aAAa,KAAb,aAAa,GAAK,MAAM,CAAC,eAAe,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CACjE,WAAW,CAAC,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC,CAC/C,EAAC;IACF,MAAM,MAAM,GAAG,MAAM,aAAa,CAAC;IACnC,MAAM,OAAO,GAAG;QACd,GAAG,EAAE;YACH,KAAK,KAAI,CAAC;YACV,KAAK,KAAI,CAAC;YACV,IAAI;gBACF,OAAO,IAAI,CAAC,GAAG,EAAE,CAAC;YACpB,CAAC;SACF;KACF,CAAC;IACF,MAAM,QAAQ,GAAG,MAAM,WAAW,CAAC,WAAW,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChE,OAAO,QAAQ,CAAC,OAAmC,CAAC;AACtD,CAAC","sourcesContent":["/**\n * Hand-written ABI surface for the WASM option engine.\n *\n * `engine.wasm.ts` (the base64 blob) is generated by scripts/build-wasm.mjs;\n * this file is the stable, committed wrapper the rest of the codebase imports.\n * Keep `EngineExports` in sync with the exports of `engine.ts`.\n *\n * The blob is imported DYNAMICALLY inside instantiateEngine() rather than at\n * module top level: the engine only ever instantiates above the virtualization\n * threshold (200+ options), but a static import made every consumer of\n * md-select/md-autocomplete/md-multi-select/md-table-pagination ship the\n * ~11 kB base64 string (5.6 kB gz) eagerly. As a dynamic import the bundler\n * emits it as its own async chunk, fetched only if virtualization engages.\n */\n\n/** Filter modes accepted by `setQuery` (mirrors engine.ts). */\nexport const FILTER_SUBSTRING = 0;\nexport const FILTER_PREFIX = 1;\nexport const FILTER_FUZZY = 2;\n\n/** The functions exported by the compiled WASM engine. */\nexport interface EngineExports {\n  memory: WebAssembly.Memory;\n  reserve(\n    rows: number,\n    valueBytesTotal: number,\n    labelBytesTotal: number,\n    iconBytesTotal: number,\n    supportBytesTotal: number,\n  ): void;\n  valueWritePtr(): number;\n  labelWritePtr(): number;\n  iconWritePtr(): number;\n  supportWritePtr(): number;\n  appendRow(\n    valueLen: number,\n    labelLen: number,\n    iconLen: number,\n    supportLen: number,\n    flags: number,\n  ): number;\n  finalizeLoad(): void;\n  queryPtr(): number;\n  queryCapacity(): number;\n  setQuery(queryLen: number, mode: number): number;\n  totalCount(): number;\n  filteredCount(): number;\n  rowAt(filteredIndex: number): number;\n  valuePtr(absIndex: number): number;\n  valueLen(absIndex: number): number;\n  labelPtr(absIndex: number): number;\n  labelLen(absIndex: number): number;\n  iconPtr(absIndex: number): number;\n  iconLen(absIndex: number): number;\n  supportPtr(absIndex: number): number;\n  supportLen(absIndex: number): number;\n  rowFlags(absIndex: number): number;\n  indexOfValue(queryLen: number): number;\n  findLabelPrefix(queryLen: number, fromFilteredIndex: number): number;\n  reset(): void;\n}\n\nfunction decodeBase64(b64: string): Uint8Array {\n  if (typeof atob === 'function') {\n    const bin = atob(b64);\n    const out = new Uint8Array(bin.length);\n    for (let i = 0; i < bin.length; i++) out[i] = bin.charCodeAt(i);\n    return out;\n  }\n  // Node without a global atob (older runtimes / spec env).\n  return Uint8Array.from(Buffer.from(b64, 'base64'));\n}\n\n/**\n * Compiled once per process — the module bytes never change, and every\n * consumer gets its own isolated instance (fresh memory) below. Without this\n * cache each component instance re-decoded and recompiled the same module.\n */\nlet modulePromise: Promise<WebAssembly.Module> | undefined;\n\n/**\n * Lazily instantiate the engine. The compiled module is a few KB; consumers\n * load their (potentially millions of) rows into its memory at runtime.\n */\nexport async function instantiateEngine(): Promise<EngineExports> {\n  modulePromise ??= import('./engine.wasm').then(({ WASM_BASE64 }) =>\n    WebAssembly.compile(decodeBase64(WASM_BASE64)),\n  );\n  const module = await modulePromise;\n  const imports = {\n    env: {\n      abort() {},\n      trace() {},\n      seed() {\n        return Date.now();\n      },\n    },\n  };\n  const instance = await WebAssembly.instantiate(module, imports);\n  return instance.exports as unknown as EngineExports;\n}\n"]}

package/dist/components/index.js

@@ -1,2 +1,2 @@
-export{g as getAssetPath,r as render,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./p-MWBNn6Lj.js";export{c as captureFlip,f as flipRows}from"./p-Cch_V1vi.js";const t="[name]";class i{constructor(t,s={}){this.form=t;this.config=s;this.listeners=[];this.debounceTimers=new Map;this.asyncSeq=new Map;this.destroyed=false;this.touched=new Set;if(s.liveValidate!==false)this.attachLiveValidation();if(s.showErrors!==false)this.reserveMessageSpace()}reserveMessageSpace(){for(const t of this.fields()){const s=t;if("reserveSupportingSpace"in s)s.reserveSupportingSpace=true}}fields(){return Array.from(this.form.querySelectorAll(t)).filter((t=>!!t.name&&!t.disabled))}values(){const t={};for(const s of this.fields()){const i=s.name;const e=s.tagName.toLowerCase();if(e==="md-switch"){t[i]=!!s.selected}else if(e==="md-checkbox"){t[i]=!!s.checked}else if(e==="md-radio"){if(s.checked)t[i]=s.value;else if(!(i in t))t[i]=null}else{t[i]=s.value}}return t}fieldsByName(t){return this.fields().filter((s=>s.name===t))}async applyRule(t,s){const i=this.config.rules?.[t];const e=this.fieldsByName(t);if(!i||e.length===0)return"";const n=e[0];let o="";if(i.requiredWhen){const e=s[t];const n=e===undefined||e===null||e===""||e===false||Array.isArray(e)&&e.length===0;if(i.requiredWhen(s)&&n){o=i.requiredMessage||"This field is required."}}if(!o&&i.validate){const e=(this.asyncSeq.get(t)||0)+1;this.asyncSeq.set(t,e);const n=await i.validate(s);if(e!==this.asyncSeq.get(t))return"";if(n!==true)o=typeof n==="string"?n:"Invalid value."}if(this.destroyed)return"";await(n.setCustomValidity?.(o));return o}display(t,s){if(this.config.showErrors===false)return;const i=this.touched.has(t)&&!!s;for(const e of this.fieldsByName(t)){const t=e;if(!("errorText"in t))continue;t.error=i;t.errorText=i?s:""}}markTouched(t){this.touched.add(t)}async validateField(t){const s=this.values();await this.applyRule(t,s);const i=Object.entries(this.config.rules||{}).filter((([,s])=>s.dependsOn?.includes(t))).map((([t])=>t));const e=this.values();await Promise.all(i.map((t=>this.applyRule(t,e))));const n=await this.snapshot();for(const s of[t,...i])this.display(s,n.errors[s]||"");this.config.onValidate?.(n)}async validate(){const t=this.values();await Promise.all(Object.keys(this.config.rules||{}).map((s=>this.applyRule(s,t))));const s=await this.collect(t);for(const t of this.fields())this.touched.add(t.name);for(const t of this.fields())this.display(t.name,s.errors[t.name]||"");if(this.config.focusInvalid!==false&&s.firstInvalid){this.focusElement(s.firstInvalid)}this.config.onValidate?.(s);return s}async snapshot(){return this.collect(this.values())}async collect(t){const s={};let i=null;for(const t of this.fields()){const e=t.name;if(e in s)continue;let n=true;let o="";if(t.getValidity){const s=await t.getValidity();n=s.valid;o=s.validationMessage}else if(t.checkValidity){n=await t.checkValidity();o=n?"":t.validationMessage||"Invalid value."}if(!n){s[e]=o||"Invalid value.";if(!i)i=t}}return{valid:Object.keys(s).length===0,values:t,errors:s,firstInvalid:i}}focusElement(t){const s=t;try{t.scrollIntoView({block:"center",behavior:"smooth"})}catch{}if(typeof s.setFocus==="function")void s.setFocus();else t.focus?.()}async focusFirstInvalid(){const{firstInvalid:t}=await this.snapshot();if(t)this.focusElement(t);return t}report(){if(!this.config.onValidate)return;void this.snapshot().then((t=>this.config.onValidate(t)))}attachLiveValidation(){const t=t=>t.target?.name;const s=s=>{const i=t(s);if(!i)return;const e=this.config.rules?.[i]?.debounce??0;const n=this.debounceTimers.get(i);if(n)clearTimeout(n);this.debounceTimers.set(i,setTimeout((()=>{this.debounceTimers.delete(i);void this.validateField(i)}),e))};const i=s=>{const i=t(s);if(!i)return;this.markTouched(i);void this.validateField(i)};const e=t=>{const s=t.target;if(!s?.closest?.('[type="submit"]'))return;void this.validate()};for(const t of["mdChange","mdInput","change","input"]){this.form.addEventListener(t,s);this.listeners.push((()=>this.form.removeEventListener(t,s)))}this.form.addEventListener("focusout",i);this.listeners.push((()=>this.form.removeEventListener("focusout",i)));this.form.addEventListener("click",e,true);this.listeners.push((()=>this.form.removeEventListener("click",e,true)));this.form.addEventListener("submit",e);this.listeners.push((()=>this.form.removeEventListener("submit",e)));const n=t=>{if(this.config.showErrors!==false)t.preventDefault()};const o=()=>setTimeout((()=>void this.reset()),0);this.form.addEventListener("reset",o);this.listeners.push((()=>this.form.removeEventListener("reset",o)));this.form.addEventListener("invalid",n,true);this.listeners.push((()=>this.form.removeEventListener("invalid",n,true)))}async reset(){this.touched.clear();for(const t of this.fields()){const s=t;await(s.setCustomValidity?.(""));if("errorText"in s){s.error=false;s.errorText=""}}this.config.onValidate?.(await this.snapshot())}destroy(){this.destroyed=true;this.listeners.forEach((t=>t()));this.listeners=[];this.debounceTimers.forEach((t=>clearTimeout(t)));this.debounceTimers.clear()}}function e(t,s={}){return new i(t,s)}export{i as FormController,e as createFormController};
+export{g as getAssetPath,r as render,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./p-BR6gfOQH.js";export{c as captureFlip,f as flipRows}from"./p-Cch_V1vi.js";const t="[name]";class i{constructor(t,s={}){this.form=t;this.config=s;this.listeners=[];this.debounceTimers=new Map;this.asyncSeq=new Map;this.destroyed=false;this.touched=new Set;if(s.liveValidate!==false)this.attachLiveValidation();if(s.showErrors!==false)this.reserveMessageSpace()}reserveMessageSpace(){for(const t of this.fields()){const s=t;if("reserveSupportingSpace"in s)s.reserveSupportingSpace=true}}fields(){return Array.from(this.form.querySelectorAll(t)).filter((t=>!!t.name&&!t.disabled))}values(){const t={};for(const s of this.fields()){const i=s.name;const e=s.tagName.toLowerCase();if(e==="md-switch"){t[i]=!!s.selected}else if(e==="md-checkbox"){t[i]=!!s.checked}else if(e==="md-radio"){if(s.checked)t[i]=s.value;else if(!(i in t))t[i]=null}else{t[i]=s.value}}return t}fieldsByName(t){return this.fields().filter((s=>s.name===t))}async applyRule(t,s){const i=this.config.rules?.[t];const e=this.fieldsByName(t);if(!i||e.length===0)return"";const n=e[0];let o="";if(i.requiredWhen){const e=s[t];const n=e===undefined||e===null||e===""||e===false||Array.isArray(e)&&e.length===0;if(i.requiredWhen(s)&&n){o=i.requiredMessage||"This field is required."}}if(!o&&i.validate){const e=(this.asyncSeq.get(t)||0)+1;this.asyncSeq.set(t,e);const n=await i.validate(s);if(e!==this.asyncSeq.get(t))return"";if(n!==true)o=typeof n==="string"?n:"Invalid value."}if(this.destroyed)return"";await(n.setCustomValidity?.(o));return o}display(t,s){if(this.config.showErrors===false)return;const i=this.touched.has(t)&&!!s;for(const e of this.fieldsByName(t)){const t=e;if(!("errorText"in t))continue;t.error=i;t.errorText=i?s:""}}markTouched(t){this.touched.add(t)}async validateField(t){const s=this.values();await this.applyRule(t,s);const i=Object.entries(this.config.rules||{}).filter((([,s])=>s.dependsOn?.includes(t))).map((([t])=>t));const e=this.values();await Promise.all(i.map((t=>this.applyRule(t,e))));const n=await this.snapshot();for(const s of[t,...i])this.display(s,n.errors[s]||"");this.config.onValidate?.(n)}async validate(){const t=this.values();await Promise.all(Object.keys(this.config.rules||{}).map((s=>this.applyRule(s,t))));const s=await this.collect(t);for(const t of this.fields())this.touched.add(t.name);for(const t of this.fields())this.display(t.name,s.errors[t.name]||"");if(this.config.focusInvalid!==false&&s.firstInvalid){this.focusElement(s.firstInvalid)}this.config.onValidate?.(s);return s}async snapshot(){return this.collect(this.values())}async collect(t){const s={};let i=null;for(const t of this.fields()){const e=t.name;if(e in s)continue;let n=true;let o="";if(t.getValidity){const s=await t.getValidity();n=s.valid;o=s.validationMessage}else if(t.checkValidity){n=await t.checkValidity();o=n?"":t.validationMessage||"Invalid value."}if(!n){s[e]=o||"Invalid value.";if(!i)i=t}}return{valid:Object.keys(s).length===0,values:t,errors:s,firstInvalid:i}}focusElement(t){const s=t;try{t.scrollIntoView({block:"center",behavior:"smooth"})}catch{}if(typeof s.setFocus==="function")void s.setFocus();else t.focus?.()}async focusFirstInvalid(){const{firstInvalid:t}=await this.snapshot();if(t)this.focusElement(t);return t}report(){if(!this.config.onValidate)return;void this.snapshot().then((t=>this.config.onValidate(t)))}attachLiveValidation(){const t=t=>t.target?.name;const s=s=>{const i=t(s);if(!i)return;const e=this.config.rules?.[i]?.debounce??0;const n=this.debounceTimers.get(i);if(n)clearTimeout(n);this.debounceTimers.set(i,setTimeout((()=>{this.debounceTimers.delete(i);void this.validateField(i)}),e))};const i=s=>{const i=t(s);if(!i)return;this.markTouched(i);void this.validateField(i)};const e=t=>{const s=t.target;if(!s?.closest?.('[type="submit"]'))return;void this.validate()};for(const t of["mdChange","mdInput","change","input"]){this.form.addEventListener(t,s);this.listeners.push((()=>this.form.removeEventListener(t,s)))}this.form.addEventListener("focusout",i);this.listeners.push((()=>this.form.removeEventListener("focusout",i)));this.form.addEventListener("click",e,true);this.listeners.push((()=>this.form.removeEventListener("click",e,true)));this.form.addEventListener("submit",e);this.listeners.push((()=>this.form.removeEventListener("submit",e)));const n=t=>{if(this.config.showErrors!==false)t.preventDefault()};const o=()=>setTimeout((()=>void this.reset()),0);this.form.addEventListener("reset",o);this.listeners.push((()=>this.form.removeEventListener("reset",o)));this.form.addEventListener("invalid",n,true);this.listeners.push((()=>this.form.removeEventListener("invalid",n,true)))}async reset(){this.touched.clear();for(const t of this.fields()){const s=t;await(s.setCustomValidity?.(""));if("errorText"in s){s.error=false;s.errorText=""}}this.config.onValidate?.(await this.snapshot())}destroy(){this.destroyed=true;this.listeners.forEach((t=>t()));this.listeners=[];this.debounceTimers.forEach((t=>clearTimeout(t)));this.debounceTimers.clear()}}function e(t,s={}){return new i(t,s)}export{i as FormController,e as createFormController};
 //# sourceMappingURL=index.js.map

package/dist/components/md-accordion-item.js

@@ -1,2 +1,2 @@
-import{p as a,H as e,c as i,h as o,d as n,t as r}from"./p-MWBNn6Lj.js";import{d as t}from"./p-stybaFzj.js";const d=()=>`:host{--_container-color:var(--md-accordion-item-container-color, var(--md-sys-color-surface-container-low, #F7F2FA));--_container-shape:var(--md-accordion-item-container-shape, var(--md-sys-shape-corner-medium, 12px));--_container-shape-expanded:var(--md-accordion-item-container-shape-expanded, var(--md-sys-shape-corner-large, 16px));--_header-color:var(--md-accordion-item-header-color, transparent);--_header-color-expanded:var(--md-accordion-item-header-color-expanded, var(--md-sys-color-secondary-container, #E8DEF8));--_headline-color:var(--md-accordion-item-headline-color, var(--md-sys-color-on-surface, #1C1B1F));--_headline-color-expanded:var(--md-accordion-item-headline-color-expanded, var(--md-sys-color-on-secondary-container, #1D192B));--_supporting-color:var(--md-accordion-item-supporting-color, var(--md-sys-color-on-surface-variant, #49454F));--_icon-color:var(--md-accordion-item-icon-color, var(--md-sys-color-on-surface-variant, #49454F));--_icon-color-expanded:var(--md-accordion-item-icon-color-expanded, var(--md-sys-color-on-secondary-container, #1D192B));--_state-layer-color:var(--md-accordion-item-state-layer-color, var(--md-sys-color-on-surface, #1C1B1F));--_state-layer-color-expanded:var(--md-accordion-item-state-layer-color-expanded, var(--md-sys-color-on-secondary-container, #1D192B));--_header-padding:var(--md-accordion-item-header-padding, max(4px, calc(16px + var(--md-sys-density-scale, 0) * 2px)) max(12px, calc(24px + var(--md-sys-density-scale, 0) * 2px)));--_content-padding:var(--md-accordion-item-content-padding, max(8px, calc(20px + var(--md-sys-density-scale, 0) * 2px)) max(12px, calc(24px + var(--md-sys-density-scale, 0) * 2px)));--_header-min-height:var(--md-accordion-item-header-min-height, max(40px, calc(64px + var(--md-sys-density-scale, 0) * 4px)));--_expand-duration:var(--md-accordion-item-expand-duration, var(--md-sys-motion-duration-medium3, 350ms));--_collapse-duration:var(--md-accordion-item-collapse-duration, var(--md-sys-motion-duration-short4, 200ms));--_expand-easing:var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1));--_collapse-easing:var(--md-sys-motion-easing-emphasized-accelerate, cubic-bezier(0.3, 0, 0.8, 0.15));--_state-easing:var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1));--_spring-easing:var(--md-sys-motion-spring-spatial-default-easing, cubic-bezier(0.38, 1.21, 0.22, 1.00));--_spring-duration:var(--md-sys-motion-spring-spatial-default-duration, 500ms);--_elevation:var(--md-accordion-item-elevation, var(--md-sys-elevation-0, none));--_elevation-expanded:var(--md-accordion-item-elevation-expanded, var(--_elevation));display:block;position:relative;background-color:var(--_container-color);border-radius:var(--_container-shape);box-sizing:border-box;font-family:var(--md-sys-typescale-body-large-font-family, Roboto, sans-serif);box-shadow:var(--_elevation);transition:border-radius var(--_expand-duration) var(--_expand-easing),     background-color var(--_expand-duration) var(--_expand-easing),     box-shadow var(--_expand-duration) var(--_expand-easing);will-change:border-radius}:host-context(md-accordion.md-accordion--filled.md-accordion--elevation-1){--_elevation:var(--md-accordion-item-elevation, var(--md-sys-elevation-1));--_elevation-expanded:var(--md-accordion-item-elevation-expanded, var(--md-sys-elevation-2))}:host-context(md-accordion.md-accordion--filled.md-accordion--elevation-2){--_elevation:var(--md-accordion-item-elevation, var(--md-sys-elevation-2));--_elevation-expanded:var(--md-accordion-item-elevation-expanded, var(--md-sys-elevation-3))}:host-context(md-accordion.md-accordion--filled.md-accordion--elevation-3){--_elevation:var(--md-accordion-item-elevation, var(--md-sys-elevation-3));--_elevation-expanded:var(--md-accordion-item-elevation-expanded, var(--md-sys-elevation-4))}:host-context(md-accordion.md-accordion--filled.md-accordion--elevation-4){--_elevation:var(--md-accordion-item-elevation, var(--md-sys-elevation-4));--_elevation-expanded:var(--md-accordion-item-elevation-expanded, var(--md-sys-elevation-5))}:host-context(md-accordion.md-accordion--filled.md-accordion--elevation-5){--_elevation:var(--md-accordion-item-elevation, var(--md-sys-elevation-5));--_elevation-expanded:var(--md-accordion-item-elevation-expanded, var(--md-sys-elevation-5))}:host-context(md-accordion.md-accordion--outlined){--_elevation:none;--_elevation-expanded:none}:host(.md-accordion-item--expanded){border-radius:calc(var(--_container-shape) + var(--md-sys-shape-morph-enabled, 1) * (var(--_container-shape-expanded) - var(--_container-shape)));background-color:var(--md-accordion-item-container-color-expanded,     var(--md-sys-color-surface-container, #F3EDF7));box-shadow:var(--_elevation-expanded)}:host-context(md-accordion.md-accordion--outlined){--_container-shape:0;--_container-shape-expanded:0;border-radius:0;background-color:var(--md-accordion-item-container-color, transparent)}.md-accordion-item__heading{margin:0;font:inherit}.md-accordion-item__header{position:relative;display:flex;align-items:center;gap:max(8px, calc(16px + var(--md-sys-density-scale, 0) * 2px));inline-size:100%;min-block-size:var(--_header-min-height);padding:var(--_header-padding);border:none;background-color:var(--_header-color);color:var(--_headline-color);font-family:var(--md-sys-typescale-title-medium-font-family, Roboto, sans-serif);font-size:max(13px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-title-medium-font-weight, 500);line-height:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-title-medium-letter-spacing, 0.15px);text-align:start;cursor:pointer;box-sizing:border-box;overflow:hidden;border-radius:var(--_container-shape);transition:background-color var(--_expand-duration) var(--_expand-easing),     color var(--_spring-duration) var(--_spring-easing),     border-radius var(--_expand-duration) var(--_expand-easing)}.md-accordion-item__state-layer{position:absolute;inset:0;background-color:var(--_state-layer-color);opacity:0;pointer-events:none;transition:opacity var(--md-sys-motion-spring-effects-default-duration, 200ms) var(--_state-easing)}.md-accordion-item__header:hover .md-accordion-item__state-layer{opacity:var(--md-sys-state-hover-state-layer-opacity, 0.08)}.md-accordion-item__header:focus-visible .md-accordion-item__state-layer{opacity:var(--md-sys-state-focus-state-layer-opacity, 0.12)}.md-accordion-item__header:active .md-accordion-item__state-layer{opacity:var(--md-sys-state-pressed-state-layer-opacity, 0.12)}:host(.md-accordion-item--expanded) .md-accordion-item__header{background-color:var(--_header-color-expanded);color:var(--_headline-color-expanded);border-start-start-radius:var(--_container-shape-expanded);border-start-end-radius:var(--_container-shape-expanded);border-end-start-radius:0;border-end-end-radius:0}:host(.md-accordion-item--expanded) .md-accordion-item__state-layer{background-color:var(--_state-layer-color-expanded)}.md-accordion-item__header:focus-visible{outline:3px solid var(--md-sys-color-secondary, #625B71);outline-offset:-3px}.md-accordion-item__header:disabled,:host(.md-accordion-item--disabled) .md-accordion-item__header{cursor:not-allowed;color:color-mix(in srgb, var(--_headline-color) 38%, transparent)}:host(.md-accordion-item--disabled) .md-accordion-item__state-layer,:host(.md-accordion-item--disabled) md-ripple{display:none}:host(.md-accordion-item--disabled.md-accordion-item--expanded) .md-accordion-item__header{background-color:color-mix(     in srgb,     var(--_header-color-expanded) calc(var(--md-sys-state-disabled-container-opacity, 0.12) * 100%),     transparent   )}.md-accordion-item__drag-handle{display:none;position:relative;align-items:center;justify-content:center;inline-size:24px;block-size:24px;flex-shrink:0;margin-inline-end:-4px;color:var(--_icon-color);cursor:grab;touch-action:none;opacity:0.55;transition:opacity var(--_spring-duration) var(--_spring-easing),     transform var(--_spring-duration) var(--_spring-easing),     color var(--_spring-duration) var(--_spring-easing)}.md-accordion-item__drag-handle:hover{opacity:1;color:var(--_headline-color-expanded);transform:scale(1.08)}.md-accordion-item__drag-handle:active{cursor:grabbing}.md-accordion-item__drag-handle-icon{font-family:var(--md-sys-icon-font-family, 'Material Symbols Outlined', 'Material Icons');font-size:max(16px, calc(22px + var(--md-sys-density-scale, 0) * 1px));line-height:1;font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;-webkit-font-smoothing:antialiased;pointer-events:none}:host-context(md-accordion[reorderable]) .md-accordion-item__drag-handle{display:inline-flex}:host(.md-accordion-item--disabled) .md-accordion-item__drag-handle{display:none !important}.md-accordion-item__chassis-handle{display:none;position:absolute;inset-block-start:4px;inset-inline:0;margin-inline:auto;z-index:3;inline-size:52px;block-size:16px;align-items:center;justify-content:center;border-radius:999px;background-color:transparent;cursor:grab;touch-action:none;user-select:none;transition:background-color var(--_spring-duration) var(--_spring-easing)}:host([data-chassis-handle]) .md-accordion-item__chassis-handle{display:inline-flex}.md-accordion-item__chassis-handle:hover{background-color:var(     --md-accordion-item-chassis-handle-bg-hover,     color-mix(in srgb, var(--_state-layer-color) 10%, transparent)   )}.md-accordion-item__chassis-handle:active{cursor:grabbing;background-color:var(     --md-accordion-item-chassis-handle-bg-hover,     color-mix(in srgb, var(--_state-layer-color) 16%, transparent)   )}.md-accordion-item__chassis-handle-bar{display:block;inline-size:32px;block-size:4px;border-radius:999px;background-color:var(     --md-accordion-item-chassis-handle-color,     var(--md-sys-color-on-surface-variant, #49454F)   );opacity:0.45;pointer-events:none;transition:inline-size var(--_spring-duration) var(--_spring-easing),     opacity var(--_spring-duration) var(--_spring-easing),     background-color var(--_expand-duration) var(--_expand-easing)}.md-accordion-item__chassis-handle:hover .md-accordion-item__chassis-handle-bar{opacity:0.9;inline-size:38px}.md-accordion-item__chassis-handle:active .md-accordion-item__chassis-handle-bar{opacity:1;inline-size:40px}:host-context(md-accordion.md-accordion--floating-dragging) .md-accordion-item__chassis-handle-bar{opacity:1;inline-size:40px;background-color:var(     --md-accordion-item-chassis-handle-color,     var(--md-sys-color-primary, #6750A4)   )}:host(.md-accordion-item--expanded) .md-accordion-item__chassis-handle-bar{background-color:var(     --md-accordion-item-chassis-handle-color,     var(--md-sys-color-on-secondary-container, #1D192B)   )}@media (forced-colors: active){.md-accordion-item__chassis-handle-bar{background-color:CanvasText;opacity:1}}:host(.md-accordion-item--dragging){z-index:10;cursor:grabbing;background-color:var(     --md-accordion-item-container-color-dragging,     var(--md-sys-color-surface-container-low, #F7F2F9)   );border-radius:var(     --md-accordion-item-container-shape-dragging,     var(--md-sys-shape-corner-medium, 12px)   );overflow:hidden;box-shadow:var(--md-sys-elevation-4,       0px 6px 10px 4px rgba(0, 0, 0, 0.15),       0px 2px 3px rgba(0, 0, 0, 0.3)) !important;transition:none !important}:host(.md-accordion-item--dragging) .md-accordion-item__header{pointer-events:none}:host(.md-accordion-item--dragging) .md-accordion-item__drag-handle{opacity:1;color:var(--_icon-color-expanded)}:host(.md-accordion-item--shifting){transition:transform var(--md-sys-motion-duration-short3, 200ms) var(--_state-easing);will-change:transform}.md-accordion-item__leading{display:inline-flex;align-items:center;justify-content:center;inline-size:24px;block-size:24px;flex-shrink:0;color:var(--_icon-color);transition:color var(--_spring-duration) var(--_spring-easing),     transform var(--_spring-duration) var(--_spring-easing)}:host(.md-accordion-item--expanded) .md-accordion-item__leading{color:var(--_icon-color-expanded);transform:scale(1.05)}.md-accordion-item__icon{font-family:var(--md-sys-icon-font-family, 'Material Symbols Outlined', 'Material Icons');font-size:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px));line-height:1;font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;transition:font-variation-settings var(--_spring-duration) var(--_spring-easing)}:host(.md-accordion-item--expanded) .md-accordion-item__icon{font-variation-settings:'FILL' 1, 'wght' 500, 'GRAD' 0, 'opsz' 24}.md-accordion-item__text{flex:1;display:flex;flex-direction:column;min-inline-size:0;gap:2px}.md-accordion-item__headline{display:block;color:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.md-accordion-item__supporting{display:block;color:var(--_supporting-color);font-family:var(--md-sys-typescale-body-small-font-family, Roboto, sans-serif);font-size:max(10px, calc(12px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-body-small-font-weight, 400);line-height:max(14px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px));letter-spacing:var(--md-sys-typescale-body-small-letter-spacing, 0.4px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.md-accordion-item__trailing{display:inline-flex;align-items:center;justify-content:center;inline-size:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px));block-size:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px));flex-shrink:0;color:var(--_icon-color);transition:transform var(--_spring-duration) var(--_spring-easing),     color var(--_spring-duration) var(--_spring-easing)}:host(.md-accordion-item--expanded) .md-accordion-item__trailing{transform:rotate(180deg);color:var(--_icon-color-expanded)}:host([dir="rtl"]) .md-accordion-item__trailing,:host-context([dir="rtl"]) .md-accordion-item__trailing{transform:none}:host([dir="rtl"].md-accordion-item--expanded) .md-accordion-item__trailing,:host-context([dir="rtl"]).md-accordion-item--expanded .md-accordion-item__trailing{transform:rotate(180deg)}.md-accordion-item__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--_collapse-duration) var(--_collapse-easing),     opacity var(--_collapse-duration) var(--_collapse-easing);opacity:0}:host(.md-accordion-item--expanded) .md-accordion-item__panel{grid-template-rows:1fr;opacity:1;transition:grid-template-rows var(--_expand-duration) var(--_expand-easing),     opacity var(--_expand-duration) var(--_expand-easing)}.md-accordion-item__content{min-block-size:0;overflow:hidden}.md-accordion-item__content-inner{padding:var(--_content-padding);color:var(--_supporting-color);font-family:var(--md-sys-typescale-body-medium-font-family, Roboto, sans-serif);font-size:max(12px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-body-medium-font-weight, 400);line-height:max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px));transform:translateY(-4px);transition:transform var(--_expand-duration) var(--_expand-easing)}:host(.md-accordion-item--expanded) .md-accordion-item__content-inner{transform:translateY(0)}.md-accordion-item__content-inner--scroll{overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.md-accordion-item__content-inner--scroll:focus-visible{outline:3px solid var(--md-sys-color-secondary, #625B71);outline-offset:-3px}:host-context(md-accordion[transition='standard']){--_expand-easing:var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1));--_collapse-easing:var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1));--_spring-easing:var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1));--_state-easing:var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1));--_spring-duration:var(--md-sys-motion-duration-medium2, 300ms);--_expand-duration:var(--md-accordion-item-expand-duration, var(--md-sys-motion-duration-medium2, 300ms));--_collapse-duration:var(--md-accordion-item-collapse-duration, var(--md-sys-motion-duration-medium2, 300ms))}:host-context(md-accordion[transition='fade']){--_expand-easing:var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1));--_collapse-easing:var(--md-sys-motion-easing-standard, cubic-bezier(0.4, 0, 1, 1));--_spring-easing:var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1));--_state-easing:var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1));--_spring-duration:var(--md-sys-motion-duration-short3, 175ms);--_expand-duration:var(--md-accordion-item-expand-duration, var(--md-sys-motion-duration-medium2, 300ms));--_collapse-duration:var(--md-accordion-item-collapse-duration, var(--md-sys-motion-duration-short4, 200ms))}:host-context(md-accordion[transition='fade']) .md-accordion-item__content-inner{transform:none}:host-context(md-accordion[transition='collapse']){--_expand-easing:cubic-bezier(0, 0, 0.2, 1);--_collapse-easing:cubic-bezier(0.4, 0, 1, 1);--_spring-easing:cubic-bezier(0, 0, 0.2, 1);--_state-easing:cubic-bezier(0.4, 0, 0.2, 1);--_spring-duration:var(--md-sys-motion-duration-medium2, 300ms);--_expand-duration:var(--md-accordion-item-expand-duration, var(--md-sys-motion-duration-medium2, 300ms));--_collapse-duration:var(--md-accordion-item-collapse-duration, var(--md-sys-motion-duration-medium2, 300ms))}:host-context(md-accordion[transition='collapse']) .md-accordion-item__panel,:host-context(md-accordion[transition='collapse'].md-accordion-item--expanded) .md-accordion-item__panel{opacity:1}:host-context(md-accordion[transition='collapse']) .md-accordion-item__content-inner{transform:none}:host-context(md-accordion[transition='none']),:host-context(md-accordion[transition='none']) *,:host-context(md-accordion[transition='none']) *::before,:host-context(md-accordion[transition='none']) *::after{transition:none !important;animation-duration:0.001ms !important;animation-iteration-count:1 !important}@media (prefers-reduced-motion: reduce){:host,.md-accordion-item__header,.md-accordion-item__state-layer,.md-accordion-item__leading,.md-accordion-item__icon,.md-accordion-item__trailing,.md-accordion-item__panel,.md-accordion-item__content{transition-duration:0.01ms !important;animation:none !important}:host(.md-accordion-item--expanded) .md-accordion-item__leading{transform:none}}@media (forced-colors: active){:host{border:1px solid CanvasText}.md-accordion-item__header:focus-visible{outline-color:Highlight}.md-accordion-item__state-layer{display:none}}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}`;let s=0;const c=()=>`md-acc-item-${++s}`;const m=a(class a extends e{constructor(a){super();if(a!==false){this.__registerHost()}this.__attachShadow();this.mdItemToggle=i(this,"mdItemToggle",7);this.mdItemRequestFocus=i(this,"mdItemRequestFocus",7);this.mdItemRequestReorder=i(this,"mdItemRequestReorder",7);this.headline="";this.supportingText="";this.icon="";this.expanded=false;this.disabled=false;this.headingLevel=3;this.collapsible=true;this.regionRole="region";this.contentMaxHeight="";this.density=0;this.hasSlottedHeadline=false;this.hasSlottedTrailingIcon=false;this.hasSlottedLeadingIcon=false;this.contentId=c();this.headerId=`${this.contentId}-header`;this.handleHeaderClick=()=>{if(this.toggleBlocked())return;this.expanded=!this.expanded};this.handleHeaderKeyDown=a=>{if(this.disabled)return;if(a.altKey&&(a.key==="ArrowUp"||a.key==="ArrowDown")){a.preventDefault();this.mdItemRequestReorder.emit({direction:a.key==="ArrowUp"?"up":"down",from:this.index});return}switch(a.key){case"Enter":case" ":a.preventDefault();if(this.toggleBlocked())return;this.expanded=!this.expanded;break;case"ArrowDown":a.preventDefault();this.mdItemRequestFocus.emit({direction:"next",from:this.index});break;case"ArrowUp":a.preventDefault();this.mdItemRequestFocus.emit({direction:"prev",from:this.index});break;case"Home":a.preventDefault();this.mdItemRequestFocus.emit({direction:"first",from:this.index});break;case"End":a.preventDefault();this.mdItemRequestFocus.emit({direction:"last",from:this.index});break}};this.handleDragHandleClick=a=>{a.stopPropagation()};this.handleDragHandleKeyDown=a=>{a.stopPropagation()}}get index(){const a=this.el.getAttribute("data-index");return a==null?-1:Number(a)}componentWillLoad(){this.hasSlottedHeadline=this.hasDirectSlottedChild("headline");this.hasSlottedLeadingIcon=this.hasDirectSlottedChild("leading-icon");this.hasSlottedTrailingIcon=this.hasDirectSlottedChild("trailing-icon")}componentDidLoad(){this.bindSlotListener("headline",(a=>this.hasSlottedHeadline=a));this.bindSlotListener("leading-icon",(a=>this.hasSlottedLeadingIcon=a));this.bindSlotListener("trailing-icon",(a=>this.hasSlottedTrailingIcon=a))}hasDirectSlottedChild(a){const e=this.el.children;for(let i=0;i<e.length;i+=1){if(e[i].getAttribute("slot")===a)return true}return false}bindSlotListener(a,e){const i=this.el.shadowRoot?.querySelector(`slot[name="${a}"]`);if(!i)return;i.addEventListener("slotchange",(()=>{e(i.assignedElements().length>0)}))}onExpandedChange(a){this.mdItemToggle.emit({expanded:a,index:this.index})}async toggle(){if(this.disabled)return;this.expanded=!this.expanded}async focusHeader(){this.headerEl?.focus({focusVisible:true})}get ariaDisabledHeader(){return this.disabled||this.expanded&&!this.collapsible}toggleBlocked(){if(this.disabled)return true;if(this.expanded&&!this.collapsible)return true;return false}render(){const a=!!this.icon||this.hasSlottedLeadingIcon;const e=Math.min(6,Math.max(1,this.headingLevel|0));const i=`h${e}`;const r=this.contentMaxHeight.trim().length>0;return o(n,{key:"3835ae209e2b750a6ee99b0e53ec8ff67882cfcd",class:{"md-accordion-item":true,"md-accordion-item--expanded":this.expanded,"md-accordion-item--disabled":this.disabled}},o("span",{key:"c6e1a9975c8b424a7b631b9c4f3e71f843133b63",class:"md-accordion-item__chassis-handle",part:"chassis-handle","data-accordion-chassis-drag":"true",role:"presentation","aria-hidden":"true",onClick:this.handleDragHandleClick,onKeyDown:this.handleDragHandleKeyDown},o("span",{key:"b103f0360db2426b514b6ef45ecd8dd02bad568f",class:"md-accordion-item__chassis-handle-bar",part:"chassis-handle-bar"})),o(i,{key:"dc9c4e560d63610961c737ac15b66b86241ef0da",class:"md-accordion-item__heading",part:"heading"},o("button",{key:"e93a6826f6161215b4875658afa71eee84953cba",id:this.headerId,class:"md-accordion-item__header",part:"header",type:"button","aria-expanded":String(this.expanded),"aria-controls":this.contentId,"aria-disabled":this.ariaDisabledHeader?"true":undefined,disabled:this.disabled,onClick:this.handleHeaderClick,onKeyDown:this.handleHeaderKeyDown,ref:a=>this.headerEl=a},o("md-ripple",{key:"cfbab825a90916157c5b599a1ca88833032c0225",disabled:this.disabled}),o("span",{key:"b8c131bf06752a33276898d5c7c3c0485fd1adb3",class:"md-accordion-item__state-layer",part:"state-layer","aria-hidden":"true"}),o("span",{key:"62ae03c5c806cc938e511c5268aecaf16c1581f3",class:"md-accordion-item__drag-handle",part:"drag-handle","data-accordion-drag-handle":"true","aria-hidden":"true",onClick:this.handleDragHandleClick,onKeyDown:this.handleDragHandleKeyDown},o("span",{key:"9ef8f93588b89ef410c9776ccf6ca405142c0f2c",class:"material-symbols-outlined md-accordion-item__drag-handle-icon"},"drag_indicator")),a&&o("span",{key:"a44743e131aa70bbcd0bd3c86d2ef8caa0807d0f",class:"md-accordion-item__leading",part:"leading-icon","aria-hidden":"true"},o("slot",{key:"27e66c7f3acd3e4c30502c53c2ece00e07db7daa",name:"leading-icon"},this.icon&&o("span",{key:"ff1412c12787d275e4234008b0fc42bae8358a0d",class:"material-symbols-outlined md-accordion-item__icon"},this.icon))),o("span",{key:"7bd9027b0f64f680a940aeb17d16de58b3a5d74c",class:"md-accordion-item__text"},o("span",{key:"63f20ce72fc67653bd2197b468ebb9bd73776a5b",class:"md-accordion-item__headline",part:"headline"},o("slot",{key:"f3b8a09d83d34f92b3eee5b2a0d890625b8dad24",name:"headline"},this.headline)),(this.supportingText||this.hasSlottedHeadline)&&this.supportingText&&o("span",{key:"13cdbc46b4c6cb0fdc51db21353cf3bd65acc28a",class:"md-accordion-item__supporting",part:"supporting-text"},this.supportingText)),o("span",{key:"3d61a6d22aff8562e02d4ce0edaa87e96fc45142",class:"md-accordion-item__trailing",part:"trailing-icon","aria-hidden":"true"},o("slot",{key:"9232bb33ad813733c86fa6963e9514097cf4624f",name:"trailing-icon"},o("svg",{key:"df5894febebfaa398b4ae51b39475135dc526114",class:"md-accordion-item__chevron",viewBox:"0 0 24 24",width:"24",height:"24",fill:"currentColor","aria-hidden":"true"},o("path",{key:"b0af6a419f5aaf22dfdfe906fb1ad1074f2df4b2",d:"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6z"})))))),o("div",{key:"88c0b517fc5fcf033ec81761458d12e5d2b6548f",id:this.contentId,class:"md-accordion-item__panel",part:"panel",role:this.regionRole==="none"?undefined:this.regionRole,"aria-labelledby":this.headerId,"aria-hidden":this.expanded?"false":"true",inert:!this.expanded},o("div",{key:"181add0b2cf432a3162e43f882beaa812a52bd84",class:"md-accordion-item__content",part:"content"},o("div",{key:"42cb650176a89d48b6d70618e513d3ed0cb6373c",class:{"md-accordion-item__content-inner":true,"md-accordion-item__content-inner--scroll":r},part:"content-inner",tabindex:r?"0":undefined,style:r?{maxBlockSize:this.contentMaxHeight}:undefined},o("slot",{key:"3e437633a9142414622fab5a3054ad2692646d56"})))))}get el(){return this}static get watchers(){return{expanded:[{onExpandedChange:0}]}}static get style(){return d()}},[257,"md-accordion-item",{headline:[1],supportingText:[1,"supporting-text"],icon:[1],expanded:[1540],disabled:[516],headingLevel:[2,"heading-level"],collapsible:[4],regionRole:[1025,"region-role"],contentMaxHeight:[1,"content-max-height"],density:[514],hasSlottedHeadline:[32],hasSlottedTrailingIcon:[32],hasSlottedLeadingIcon:[32],toggle:[64],focusHeader:[64]},undefined,{expanded:[{onExpandedChange:0}]}]);function l(){if(typeof customElements==="undefined"){return}const a=["md-accordion-item","md-ripple"];a.forEach((a=>{switch(a){case"md-accordion-item":if(!customElements.get(r(a))){customElements.define(r(a),m)}break;case"md-ripple":if(!customElements.get(r(a))){t()}break}}))}l();const p=m;const h=l;export{p as MdAccordionItem,h as defineCustomElement};
+import{p as a,H as e,c as i,h as o,d as n,t as r}from"./p-BR6gfOQH.js";import{d as t}from"./p-CTC8XAB6.js";const d=()=>`:host{--_container-color:var(--md-accordion-item-container-color, var(--md-sys-color-surface-container-low, #F7F2FA));--_container-shape:var(--md-accordion-item-container-shape, var(--md-sys-shape-corner-medium, 12px));--_container-shape-expanded:var(--md-accordion-item-container-shape-expanded, var(--md-sys-shape-corner-large, 16px));--_header-color:var(--md-accordion-item-header-color, transparent);--_header-color-expanded:var(--md-accordion-item-header-color-expanded, var(--md-sys-color-secondary-container, #E8DEF8));--_headline-color:var(--md-accordion-item-headline-color, var(--md-sys-color-on-surface, #1C1B1F));--_headline-color-expanded:var(--md-accordion-item-headline-color-expanded, var(--md-sys-color-on-secondary-container, #1D192B));--_supporting-color:var(--md-accordion-item-supporting-color, var(--md-sys-color-on-surface-variant, #49454F));--_icon-color:var(--md-accordion-item-icon-color, var(--md-sys-color-on-surface-variant, #49454F));--_icon-color-expanded:var(--md-accordion-item-icon-color-expanded, var(--md-sys-color-on-secondary-container, #1D192B));--_state-layer-color:var(--md-accordion-item-state-layer-color, var(--md-sys-color-on-surface, #1C1B1F));--_state-layer-color-expanded:var(--md-accordion-item-state-layer-color-expanded, var(--md-sys-color-on-secondary-container, #1D192B));--_header-padding:var(--md-accordion-item-header-padding, max(4px, calc(16px + var(--md-sys-density-scale, 0) * 2px)) max(12px, calc(24px + var(--md-sys-density-scale, 0) * 2px)));--_content-padding:var(--md-accordion-item-content-padding, max(8px, calc(20px + var(--md-sys-density-scale, 0) * 2px)) max(12px, calc(24px + var(--md-sys-density-scale, 0) * 2px)));--_header-min-height:var(--md-accordion-item-header-min-height, max(40px, calc(64px + var(--md-sys-density-scale, 0) * 4px)));--_expand-duration:var(--md-accordion-item-expand-duration, var(--md-sys-motion-duration-medium3, 350ms));--_collapse-duration:var(--md-accordion-item-collapse-duration, var(--md-sys-motion-duration-short4, 200ms));--_expand-easing:var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1));--_collapse-easing:var(--md-sys-motion-easing-emphasized-accelerate, cubic-bezier(0.3, 0, 0.8, 0.15));--_state-easing:var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1));--_spring-easing:var(--md-sys-motion-spring-spatial-default-easing, cubic-bezier(0.38, 1.21, 0.22, 1.00));--_spring-duration:var(--md-sys-motion-spring-spatial-default-duration, 500ms);--_elevation:var(--md-accordion-item-elevation, var(--md-sys-elevation-0, none));--_elevation-expanded:var(--md-accordion-item-elevation-expanded, var(--_elevation));display:block;position:relative;background-color:var(--_container-color);border-radius:var(--_container-shape);box-sizing:border-box;font-family:var(--md-sys-typescale-body-large-font-family, Roboto, sans-serif);box-shadow:var(--_elevation);transition:border-radius var(--_expand-duration) var(--_expand-easing),     background-color var(--_expand-duration) var(--_expand-easing),     box-shadow var(--_expand-duration) var(--_expand-easing);will-change:border-radius}:host-context(md-accordion.md-accordion--filled.md-accordion--elevation-1){--_elevation:var(--md-accordion-item-elevation, var(--md-sys-elevation-1));--_elevation-expanded:var(--md-accordion-item-elevation-expanded, var(--md-sys-elevation-2))}:host-context(md-accordion.md-accordion--filled.md-accordion--elevation-2){--_elevation:var(--md-accordion-item-elevation, var(--md-sys-elevation-2));--_elevation-expanded:var(--md-accordion-item-elevation-expanded, var(--md-sys-elevation-3))}:host-context(md-accordion.md-accordion--filled.md-accordion--elevation-3){--_elevation:var(--md-accordion-item-elevation, var(--md-sys-elevation-3));--_elevation-expanded:var(--md-accordion-item-elevation-expanded, var(--md-sys-elevation-4))}:host-context(md-accordion.md-accordion--filled.md-accordion--elevation-4){--_elevation:var(--md-accordion-item-elevation, var(--md-sys-elevation-4));--_elevation-expanded:var(--md-accordion-item-elevation-expanded, var(--md-sys-elevation-5))}:host-context(md-accordion.md-accordion--filled.md-accordion--elevation-5){--_elevation:var(--md-accordion-item-elevation, var(--md-sys-elevation-5));--_elevation-expanded:var(--md-accordion-item-elevation-expanded, var(--md-sys-elevation-5))}:host-context(md-accordion.md-accordion--outlined){--_elevation:none;--_elevation-expanded:none}:host(.md-accordion-item--expanded){border-radius:calc(var(--_container-shape) + var(--md-sys-shape-morph-enabled, 1) * (var(--_container-shape-expanded) - var(--_container-shape)));background-color:var(--md-accordion-item-container-color-expanded,     var(--md-sys-color-surface-container, #F3EDF7));box-shadow:var(--_elevation-expanded)}:host-context(md-accordion.md-accordion--outlined){--_container-shape:0;--_container-shape-expanded:0;border-radius:0;background-color:var(--md-accordion-item-container-color, transparent)}.md-accordion-item__heading{margin:0;font:inherit}.md-accordion-item__header{position:relative;display:flex;align-items:center;gap:max(8px, calc(16px + var(--md-sys-density-scale, 0) * 2px));inline-size:100%;min-block-size:var(--_header-min-height);padding:var(--_header-padding);border:none;background-color:var(--_header-color);color:var(--_headline-color);font-family:var(--md-sys-typescale-title-medium-font-family, Roboto, sans-serif);font-size:max(13px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-title-medium-font-weight, 500);line-height:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-title-medium-letter-spacing, 0.15px);text-align:start;cursor:pointer;box-sizing:border-box;overflow:hidden;border-radius:var(--_container-shape);transition:background-color var(--_expand-duration) var(--_expand-easing),     color var(--_spring-duration) var(--_spring-easing),     border-radius var(--_expand-duration) var(--_expand-easing)}.md-accordion-item__state-layer{position:absolute;inset:0;background-color:var(--_state-layer-color);opacity:0;pointer-events:none;transition:opacity var(--md-sys-motion-spring-effects-default-duration, 200ms) var(--_state-easing)}.md-accordion-item__header:hover .md-accordion-item__state-layer{opacity:var(--md-sys-state-hover-state-layer-opacity, 0.08)}.md-accordion-item__header:focus-visible .md-accordion-item__state-layer{opacity:var(--md-sys-state-focus-state-layer-opacity, 0.12)}.md-accordion-item__header:active .md-accordion-item__state-layer{opacity:var(--md-sys-state-pressed-state-layer-opacity, 0.12)}:host(.md-accordion-item--expanded) .md-accordion-item__header{background-color:var(--_header-color-expanded);color:var(--_headline-color-expanded);border-start-start-radius:var(--_container-shape-expanded);border-start-end-radius:var(--_container-shape-expanded);border-end-start-radius:0;border-end-end-radius:0}:host(.md-accordion-item--expanded) .md-accordion-item__state-layer{background-color:var(--_state-layer-color-expanded)}.md-accordion-item__header:focus-visible{outline:3px solid var(--md-sys-color-secondary, #625B71);outline-offset:-3px}.md-accordion-item__header:disabled,:host(.md-accordion-item--disabled) .md-accordion-item__header{cursor:not-allowed;color:color-mix(in srgb, var(--_headline-color) 38%, transparent)}:host(.md-accordion-item--disabled) .md-accordion-item__state-layer,:host(.md-accordion-item--disabled) md-ripple{display:none}:host(.md-accordion-item--disabled.md-accordion-item--expanded) .md-accordion-item__header{background-color:color-mix(     in srgb,     var(--_header-color-expanded) calc(var(--md-sys-state-disabled-container-opacity, 0.12) * 100%),     transparent   )}.md-accordion-item__drag-handle{display:none;position:relative;align-items:center;justify-content:center;inline-size:24px;block-size:24px;flex-shrink:0;margin-inline-end:-4px;color:var(--_icon-color);cursor:grab;touch-action:none;opacity:0.55;transition:opacity var(--_spring-duration) var(--_spring-easing),     transform var(--_spring-duration) var(--_spring-easing),     color var(--_spring-duration) var(--_spring-easing)}.md-accordion-item__drag-handle:hover{opacity:1;color:var(--_headline-color-expanded);transform:scale(1.08)}.md-accordion-item__drag-handle:active{cursor:grabbing}.md-accordion-item__drag-handle-icon{font-family:var(--md-sys-icon-font-family, 'Material Symbols Outlined', 'Material Icons');font-size:max(16px, calc(22px + var(--md-sys-density-scale, 0) * 1px));line-height:1;font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;-webkit-font-smoothing:antialiased;pointer-events:none}:host-context(md-accordion[reorderable]) .md-accordion-item__drag-handle{display:inline-flex}:host(.md-accordion-item--disabled) .md-accordion-item__drag-handle{display:none !important}.md-accordion-item__chassis-handle{display:none;position:absolute;inset-block-start:4px;inset-inline:0;margin-inline:auto;z-index:3;inline-size:52px;block-size:16px;align-items:center;justify-content:center;border-radius:999px;background-color:transparent;cursor:grab;touch-action:none;user-select:none;transition:background-color var(--_spring-duration) var(--_spring-easing)}:host([data-chassis-handle]) .md-accordion-item__chassis-handle{display:inline-flex}.md-accordion-item__chassis-handle:hover{background-color:var(     --md-accordion-item-chassis-handle-bg-hover,     color-mix(in srgb, var(--_state-layer-color) 10%, transparent)   )}.md-accordion-item__chassis-handle:active{cursor:grabbing;background-color:var(     --md-accordion-item-chassis-handle-bg-hover,     color-mix(in srgb, var(--_state-layer-color) 16%, transparent)   )}.md-accordion-item__chassis-handle-bar{display:block;inline-size:32px;block-size:4px;border-radius:999px;background-color:var(     --md-accordion-item-chassis-handle-color,     var(--md-sys-color-on-surface-variant, #49454F)   );opacity:0.45;pointer-events:none;transition:inline-size var(--_spring-duration) var(--_spring-easing),     opacity var(--_spring-duration) var(--_spring-easing),     background-color var(--_expand-duration) var(--_expand-easing)}.md-accordion-item__chassis-handle:hover .md-accordion-item__chassis-handle-bar{opacity:0.9;inline-size:38px}.md-accordion-item__chassis-handle:active .md-accordion-item__chassis-handle-bar{opacity:1;inline-size:40px}:host-context(md-accordion.md-accordion--floating-dragging) .md-accordion-item__chassis-handle-bar{opacity:1;inline-size:40px;background-color:var(     --md-accordion-item-chassis-handle-color,     var(--md-sys-color-primary, #6750A4)   )}:host(.md-accordion-item--expanded) .md-accordion-item__chassis-handle-bar{background-color:var(     --md-accordion-item-chassis-handle-color,     var(--md-sys-color-on-secondary-container, #1D192B)   )}@media (forced-colors: active){.md-accordion-item__chassis-handle-bar{background-color:CanvasText;opacity:1}}:host(.md-accordion-item--dragging){z-index:10;cursor:grabbing;background-color:var(     --md-accordion-item-container-color-dragging,     var(--md-sys-color-surface-container-low, #F7F2F9)   );border-radius:var(     --md-accordion-item-container-shape-dragging,     var(--md-sys-shape-corner-medium, 12px)   );overflow:hidden;box-shadow:var(--md-sys-elevation-4,       0px 6px 10px 4px rgba(0, 0, 0, 0.15),       0px 2px 3px rgba(0, 0, 0, 0.3)) !important;transition:none !important}:host(.md-accordion-item--dragging) .md-accordion-item__header{pointer-events:none}:host(.md-accordion-item--dragging) .md-accordion-item__drag-handle{opacity:1;color:var(--_icon-color-expanded)}:host(.md-accordion-item--shifting){transition:transform var(--md-sys-motion-duration-short3, 200ms) var(--_state-easing);will-change:transform}.md-accordion-item__leading{display:inline-flex;align-items:center;justify-content:center;inline-size:24px;block-size:24px;flex-shrink:0;color:var(--_icon-color);transition:color var(--_spring-duration) var(--_spring-easing),     transform var(--_spring-duration) var(--_spring-easing)}:host(.md-accordion-item--expanded) .md-accordion-item__leading{color:var(--_icon-color-expanded);transform:scale(1.05)}.md-accordion-item__icon{font-family:var(--md-sys-icon-font-family, 'Material Symbols Outlined', 'Material Icons');font-size:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px));line-height:1;font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;transition:font-variation-settings var(--_spring-duration) var(--_spring-easing)}:host(.md-accordion-item--expanded) .md-accordion-item__icon{font-variation-settings:'FILL' 1, 'wght' 500, 'GRAD' 0, 'opsz' 24}.md-accordion-item__text{flex:1;display:flex;flex-direction:column;min-inline-size:0;gap:2px}.md-accordion-item__headline{display:block;color:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.md-accordion-item__supporting{display:block;color:var(--_supporting-color);font-family:var(--md-sys-typescale-body-small-font-family, Roboto, sans-serif);font-size:max(10px, calc(12px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-body-small-font-weight, 400);line-height:max(14px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px));letter-spacing:var(--md-sys-typescale-body-small-letter-spacing, 0.4px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.md-accordion-item__trailing{display:inline-flex;align-items:center;justify-content:center;inline-size:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px));block-size:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px));flex-shrink:0;color:var(--_icon-color);transition:transform var(--_spring-duration) var(--_spring-easing),     color var(--_spring-duration) var(--_spring-easing)}:host(.md-accordion-item--expanded) .md-accordion-item__trailing{transform:rotate(180deg);color:var(--_icon-color-expanded)}:host([dir="rtl"]) .md-accordion-item__trailing,:host-context([dir="rtl"]) .md-accordion-item__trailing{transform:none}:host([dir="rtl"].md-accordion-item--expanded) .md-accordion-item__trailing,:host-context([dir="rtl"]).md-accordion-item--expanded .md-accordion-item__trailing{transform:rotate(180deg)}.md-accordion-item__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--_collapse-duration) var(--_collapse-easing),     opacity var(--_collapse-duration) var(--_collapse-easing);opacity:0}:host(.md-accordion-item--expanded) .md-accordion-item__panel{grid-template-rows:1fr;opacity:1;transition:grid-template-rows var(--_expand-duration) var(--_expand-easing),     opacity var(--_expand-duration) var(--_expand-easing)}.md-accordion-item__content{min-block-size:0;overflow:hidden}.md-accordion-item__content-inner{padding:var(--_content-padding);color:var(--_supporting-color);font-family:var(--md-sys-typescale-body-medium-font-family, Roboto, sans-serif);font-size:max(12px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-body-medium-font-weight, 400);line-height:max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px));transform:translateY(-4px);transition:transform var(--_expand-duration) var(--_expand-easing)}:host(.md-accordion-item--expanded) .md-accordion-item__content-inner{transform:translateY(0)}.md-accordion-item__content-inner--scroll{overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.md-accordion-item__content-inner--scroll:focus-visible{outline:3px solid var(--md-sys-color-secondary, #625B71);outline-offset:-3px}:host-context(md-accordion[transition='standard']){--_expand-easing:var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1));--_collapse-easing:var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1));--_spring-easing:var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1));--_state-easing:var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1));--_spring-duration:var(--md-sys-motion-duration-medium2, 300ms);--_expand-duration:var(--md-accordion-item-expand-duration, var(--md-sys-motion-duration-medium2, 300ms));--_collapse-duration:var(--md-accordion-item-collapse-duration, var(--md-sys-motion-duration-medium2, 300ms))}:host-context(md-accordion[transition='fade']){--_expand-easing:var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1));--_collapse-easing:var(--md-sys-motion-easing-standard, cubic-bezier(0.4, 0, 1, 1));--_spring-easing:var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1));--_state-easing:var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1));--_spring-duration:var(--md-sys-motion-duration-short3, 175ms);--_expand-duration:var(--md-accordion-item-expand-duration, var(--md-sys-motion-duration-medium2, 300ms));--_collapse-duration:var(--md-accordion-item-collapse-duration, var(--md-sys-motion-duration-short4, 200ms))}:host-context(md-accordion[transition='fade']) .md-accordion-item__content-inner{transform:none}:host-context(md-accordion[transition='collapse']){--_expand-easing:cubic-bezier(0, 0, 0.2, 1);--_collapse-easing:cubic-bezier(0.4, 0, 1, 1);--_spring-easing:cubic-bezier(0, 0, 0.2, 1);--_state-easing:cubic-bezier(0.4, 0, 0.2, 1);--_spring-duration:var(--md-sys-motion-duration-medium2, 300ms);--_expand-duration:var(--md-accordion-item-expand-duration, var(--md-sys-motion-duration-medium2, 300ms));--_collapse-duration:var(--md-accordion-item-collapse-duration, var(--md-sys-motion-duration-medium2, 300ms))}:host-context(md-accordion[transition='collapse']) .md-accordion-item__panel,:host-context(md-accordion[transition='collapse'].md-accordion-item--expanded) .md-accordion-item__panel{opacity:1}:host-context(md-accordion[transition='collapse']) .md-accordion-item__content-inner{transform:none}:host-context(md-accordion[transition='none']),:host-context(md-accordion[transition='none']) *,:host-context(md-accordion[transition='none']) *::before,:host-context(md-accordion[transition='none']) *::after{transition:none !important;animation-duration:0.001ms !important;animation-iteration-count:1 !important}@media (prefers-reduced-motion: reduce){:host,.md-accordion-item__header,.md-accordion-item__state-layer,.md-accordion-item__leading,.md-accordion-item__icon,.md-accordion-item__trailing,.md-accordion-item__panel,.md-accordion-item__content{transition-duration:0.01ms !important;animation:none !important}:host(.md-accordion-item--expanded) .md-accordion-item__leading{transform:none}}@media (forced-colors: active){:host{border:1px solid CanvasText}.md-accordion-item__header:focus-visible{outline-color:Highlight}.md-accordion-item__state-layer{display:none}}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}`;let s=0;const c=()=>`md-acc-item-${++s}`;const m=a(class a extends e{constructor(a){super();if(a!==false){this.__registerHost()}this.__attachShadow();this.mdItemToggle=i(this,"mdItemToggle",7);this.mdItemRequestFocus=i(this,"mdItemRequestFocus",7);this.mdItemRequestReorder=i(this,"mdItemRequestReorder",7);this.headline="";this.supportingText="";this.icon="";this.expanded=false;this.disabled=false;this.headingLevel=3;this.collapsible=true;this.regionRole="region";this.contentMaxHeight="";this.density=0;this.hasSlottedHeadline=false;this.hasSlottedTrailingIcon=false;this.hasSlottedLeadingIcon=false;this.contentId=c();this.headerId=`${this.contentId}-header`;this.handleHeaderClick=()=>{if(this.toggleBlocked())return;this.expanded=!this.expanded};this.handleHeaderKeyDown=a=>{if(this.disabled)return;if(a.altKey&&(a.key==="ArrowUp"||a.key==="ArrowDown")){a.preventDefault();this.mdItemRequestReorder.emit({direction:a.key==="ArrowUp"?"up":"down",from:this.index});return}switch(a.key){case"Enter":case" ":a.preventDefault();if(this.toggleBlocked())return;this.expanded=!this.expanded;break;case"ArrowDown":a.preventDefault();this.mdItemRequestFocus.emit({direction:"next",from:this.index});break;case"ArrowUp":a.preventDefault();this.mdItemRequestFocus.emit({direction:"prev",from:this.index});break;case"Home":a.preventDefault();this.mdItemRequestFocus.emit({direction:"first",from:this.index});break;case"End":a.preventDefault();this.mdItemRequestFocus.emit({direction:"last",from:this.index});break}};this.handleDragHandleClick=a=>{a.stopPropagation()};this.handleDragHandleKeyDown=a=>{a.stopPropagation()}}get index(){const a=this.el.getAttribute("data-index");return a==null?-1:Number(a)}componentWillLoad(){this.hasSlottedHeadline=this.hasDirectSlottedChild("headline");this.hasSlottedLeadingIcon=this.hasDirectSlottedChild("leading-icon");this.hasSlottedTrailingIcon=this.hasDirectSlottedChild("trailing-icon")}componentDidLoad(){this.bindSlotListener("headline",(a=>this.hasSlottedHeadline=a));this.bindSlotListener("leading-icon",(a=>this.hasSlottedLeadingIcon=a));this.bindSlotListener("trailing-icon",(a=>this.hasSlottedTrailingIcon=a))}hasDirectSlottedChild(a){const e=this.el.children;for(let i=0;i<e.length;i+=1){if(e[i].getAttribute("slot")===a)return true}return false}bindSlotListener(a,e){const i=this.el.shadowRoot?.querySelector(`slot[name="${a}"]`);if(!i)return;i.addEventListener("slotchange",(()=>{e(i.assignedElements().length>0)}))}onExpandedChange(a){this.mdItemToggle.emit({expanded:a,index:this.index})}async toggle(){if(this.disabled)return;this.expanded=!this.expanded}async focusHeader(){this.headerEl?.focus({focusVisible:true})}get ariaDisabledHeader(){return this.disabled||this.expanded&&!this.collapsible}toggleBlocked(){if(this.disabled)return true;if(this.expanded&&!this.collapsible)return true;return false}render(){const a=!!this.icon||this.hasSlottedLeadingIcon;const e=Math.min(6,Math.max(1,this.headingLevel|0));const i=`h${e}`;const r=this.contentMaxHeight.trim().length>0;return o(n,{key:"3835ae209e2b750a6ee99b0e53ec8ff67882cfcd",class:{"md-accordion-item":true,"md-accordion-item--expanded":this.expanded,"md-accordion-item--disabled":this.disabled}},o("span",{key:"c6e1a9975c8b424a7b631b9c4f3e71f843133b63",class:"md-accordion-item__chassis-handle",part:"chassis-handle","data-accordion-chassis-drag":"true",role:"presentation","aria-hidden":"true",onClick:this.handleDragHandleClick,onKeyDown:this.handleDragHandleKeyDown},o("span",{key:"b103f0360db2426b514b6ef45ecd8dd02bad568f",class:"md-accordion-item__chassis-handle-bar",part:"chassis-handle-bar"})),o(i,{key:"dc9c4e560d63610961c737ac15b66b86241ef0da",class:"md-accordion-item__heading",part:"heading"},o("button",{key:"e93a6826f6161215b4875658afa71eee84953cba",id:this.headerId,class:"md-accordion-item__header",part:"header",type:"button","aria-expanded":String(this.expanded),"aria-controls":this.contentId,"aria-disabled":this.ariaDisabledHeader?"true":undefined,disabled:this.disabled,onClick:this.handleHeaderClick,onKeyDown:this.handleHeaderKeyDown,ref:a=>this.headerEl=a},o("md-ripple",{key:"cfbab825a90916157c5b599a1ca88833032c0225",disabled:this.disabled}),o("span",{key:"b8c131bf06752a33276898d5c7c3c0485fd1adb3",class:"md-accordion-item__state-layer",part:"state-layer","aria-hidden":"true"}),o("span",{key:"62ae03c5c806cc938e511c5268aecaf16c1581f3",class:"md-accordion-item__drag-handle",part:"drag-handle","data-accordion-drag-handle":"true","aria-hidden":"true",onClick:this.handleDragHandleClick,onKeyDown:this.handleDragHandleKeyDown},o("span",{key:"9ef8f93588b89ef410c9776ccf6ca405142c0f2c",class:"material-symbols-outlined md-accordion-item__drag-handle-icon"},"drag_indicator")),a&&o("span",{key:"a44743e131aa70bbcd0bd3c86d2ef8caa0807d0f",class:"md-accordion-item__leading",part:"leading-icon","aria-hidden":"true"},o("slot",{key:"27e66c7f3acd3e4c30502c53c2ece00e07db7daa",name:"leading-icon"},this.icon&&o("span",{key:"ff1412c12787d275e4234008b0fc42bae8358a0d",class:"material-symbols-outlined md-accordion-item__icon"},this.icon))),o("span",{key:"7bd9027b0f64f680a940aeb17d16de58b3a5d74c",class:"md-accordion-item__text"},o("span",{key:"63f20ce72fc67653bd2197b468ebb9bd73776a5b",class:"md-accordion-item__headline",part:"headline"},o("slot",{key:"f3b8a09d83d34f92b3eee5b2a0d890625b8dad24",name:"headline"},this.headline)),(this.supportingText||this.hasSlottedHeadline)&&this.supportingText&&o("span",{key:"13cdbc46b4c6cb0fdc51db21353cf3bd65acc28a",class:"md-accordion-item__supporting",part:"supporting-text"},this.supportingText)),o("span",{key:"3d61a6d22aff8562e02d4ce0edaa87e96fc45142",class:"md-accordion-item__trailing",part:"trailing-icon","aria-hidden":"true"},o("slot",{key:"9232bb33ad813733c86fa6963e9514097cf4624f",name:"trailing-icon"},o("svg",{key:"df5894febebfaa398b4ae51b39475135dc526114",class:"md-accordion-item__chevron",viewBox:"0 0 24 24",width:"24",height:"24",fill:"currentColor","aria-hidden":"true"},o("path",{key:"b0af6a419f5aaf22dfdfe906fb1ad1074f2df4b2",d:"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6z"})))))),o("div",{key:"88c0b517fc5fcf033ec81761458d12e5d2b6548f",id:this.contentId,class:"md-accordion-item__panel",part:"panel",role:this.regionRole==="none"?undefined:this.regionRole,"aria-labelledby":this.headerId,"aria-hidden":this.expanded?"false":"true",inert:!this.expanded},o("div",{key:"181add0b2cf432a3162e43f882beaa812a52bd84",class:"md-accordion-item__content",part:"content"},o("div",{key:"42cb650176a89d48b6d70618e513d3ed0cb6373c",class:{"md-accordion-item__content-inner":true,"md-accordion-item__content-inner--scroll":r},part:"content-inner",tabindex:r?"0":undefined,style:r?{maxBlockSize:this.contentMaxHeight}:undefined},o("slot",{key:"3e437633a9142414622fab5a3054ad2692646d56"})))))}get el(){return this}static get watchers(){return{expanded:[{onExpandedChange:0}]}}static get style(){return d()}},[257,"md-accordion-item",{headline:[1],supportingText:[1,"supporting-text"],icon:[1],expanded:[1540],disabled:[516],headingLevel:[2,"heading-level"],collapsible:[4],regionRole:[1025,"region-role"],contentMaxHeight:[1,"content-max-height"],density:[514],hasSlottedHeadline:[32],hasSlottedTrailingIcon:[32],hasSlottedLeadingIcon:[32],toggle:[64],focusHeader:[64]},undefined,{expanded:[{onExpandedChange:0}]}]);function l(){if(typeof customElements==="undefined"){return}const a=["md-accordion-item","md-ripple"];a.forEach((a=>{switch(a){case"md-accordion-item":if(!customElements.get(r(a))){customElements.define(r(a),m)}break;case"md-ripple":if(!customElements.get(r(a))){t()}break}}))}l();const p=m;const h=l;export{p as MdAccordionItem,h as defineCustomElement};
 //# sourceMappingURL=md-accordion-item.js.map

package/dist/components/md-accordion.js

@@ -1,2 +1,2 @@
-import{p as i,t,H as e,c as o,h as s,d as n}from"./p-MWBNn6Lj.js";const a=()=>`:host{--_gap:var(--md-accordion-gap, var(--md-sys-spacing-gap-sm, 8px));--_outline-color:var(--md-accordion-outline-color, var(--md-sys-color-outline-variant, #CAC4D0));--_container-shape:var(--md-accordion-container-shape, max(8px, calc(12px + var(--md-sys-density-scale, 0) * 1px)));--_elevation:var(--md-accordion-elevation, var(--md-sys-elevation-0, none));--_elevation-easing:var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1));--_drop-placeholder-color:var(--md-accordion-drop-placeholder-color, color-mix(in srgb, var(--md-sys-color-primary-container, #eaddff) 45%, transparent));--_drop-placeholder-outline-color:var(--md-accordion-drop-placeholder-outline-color, color-mix(in srgb, var(--md-sys-color-primary, #6750a4) 55%, transparent));--_drop-placeholder-outline-width:var(--md-accordion-drop-placeholder-outline-width, 2px);--_drop-placeholder-shape:var(--md-accordion-drop-placeholder-shape, var(--_container-shape));--_drop-placeholder-opacity:var(--md-accordion-drop-placeholder-opacity, 1);--_elevation-duration:var(--md-sys-motion-duration-medium2, 300ms);display:block;inline-size:100%}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}:host{box-sizing:border-box;font-family:var(--md-sys-typescale-body-large-font, Roboto, sans-serif);color:var(--md-sys-color-on-surface, #1C1B1F);position:relative}.md-accordion__drop-placeholder{position:absolute;inset-inline:0;inset-block-start:0;z-index:0;box-sizing:border-box;pointer-events:none;border-radius:var(--_drop-placeholder-shape);background-color:var(--_drop-placeholder-color);border:var(--_drop-placeholder-outline-width) dashed var(--_drop-placeholder-outline-color);opacity:var(--_drop-placeholder-opacity);transition:transform var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}@media (prefers-reduced-motion: reduce){.md-accordion__drop-placeholder{transition:none}}:host(.md-accordion--elevation-1){--_elevation:var(--md-accordion-elevation, var(--md-sys-elevation-1))}:host(.md-accordion--elevation-2){--_elevation:var(--md-accordion-elevation, var(--md-sys-elevation-2))}:host(.md-accordion--elevation-3){--_elevation:var(--md-accordion-elevation, var(--md-sys-elevation-3))}:host(.md-accordion--elevation-4){--_elevation:var(--md-accordion-elevation, var(--md-sys-elevation-4))}:host(.md-accordion--elevation-5){--_elevation:var(--md-accordion-elevation, var(--md-sys-elevation-5))}:host(.md-accordion--filled){display:flex;flex-direction:column;row-gap:var(--_gap)}:host(.md-accordion--filled) ::slotted(md-accordion-item){display:block}:host(.md-accordion--outlined){border:1px solid var(--_outline-color);border-radius:var(--_container-shape);overflow:hidden;box-shadow:var(--_elevation);transition:box-shadow var(--_elevation-duration) var(--_elevation-easing)}:host(.md-accordion--outlined) ::slotted(md-accordion-item){display:block;border-block-end:1px solid var(--_outline-color)}:host(.md-accordion--outlined) ::slotted(md-accordion-item:last-child){border-block-end:none}:host([transition='none']),:host([transition='none']) *{transition:none !important;animation-duration:0.001ms !important}:host(.md-accordion--floating){--_floating-bg:var(--md-accordion-floating-bg, var(--md-sys-color-surface-container-low, #F7F2F9));--_floating-elevation:var(--md-accordion-floating-elevation, var(--md-sys-elevation-3, 0 4px 8px 3px rgba(0, 0, 0, 0.15), 0 1px 3px 0 rgba(0, 0, 0, 0.3)));--_floating-elevation-active:var(--md-accordion-floating-elevation-active, var(--md-sys-elevation-5, 0 8px 12px 6px rgba(0, 0, 0, 0.15), 0 4px 4px 0 rgba(0, 0, 0, 0.3)));--_floating-width:var(--md-accordion-floating-width, 360px);--_floating-radius:var(--md-accordion-floating-radius, var(--md-sys-shape-corner-large, 16px));position:fixed;top:0;left:0;z-index:1000;inline-size:var(--_floating-width);max-inline-size:calc(100vw - 16px);background-color:var(--_floating-bg);border-radius:var(--_floating-radius);box-shadow:var(--_floating-elevation);overflow:hidden;will-change:transform;transition:box-shadow var(--_elevation-duration) var(--_elevation-easing),     border-radius var(--_elevation-duration) var(--_elevation-easing)}:host(.md-accordion--floating){inline-size:var(--_floating-width)}:host(.md-accordion--floating-dragging){box-shadow:var(--_floating-elevation-active);transform-origin:top left;cursor:grabbing}:host(.md-accordion--floating-dragging) ::slotted(*){user-select:none}:host(.md-accordion--floating.md-accordion--filled) ::slotted(md-accordion-item){margin-block-end:0;--md-accordion-item-container-shape:0;--md-accordion-item-container-shape-expanded:0;--md-accordion-item-container-color:transparent;--md-accordion-item-elevation:none;--md-accordion-item-elevation-expanded:none}:host(.md-accordion--floating.md-accordion--outlined){border:none}@media (prefers-reduced-motion: reduce){:host(.md-accordion--floating){transition:none}}@media (forced-colors: active){:host(.md-accordion--floating){border:1px solid CanvasText}}`;let r=1e3;const d=i(class i extends e{constructor(i){super();if(i!==false){this.__registerHost()}this.__attachShadow();this.mdToggle=o(this,"mdToggle",7);this.mdReorder=o(this,"mdReorder",7);this.mdDragStart=o(this,"mdDragStart",7);this.mdDragMove=o(this,"mdDragMove",7);this.mdDragEnd=o(this,"mdDragEnd",7);this.variant="filled";this.density=0;this.elevation=0;this.reorderable=false;this.floating=false;this.initialX=24;this.initialY=24;this.bringToFront=true;this.exclusive=false;this.keepOneExpanded=false;this.headingLevel=3;this.region="auto";this.regionThreshold=6;this.transition="expressive";this.defaultExpanded="";this.chassisX=0;this.chassisY=0;this.chassisDragging=false;this.dropPlaceholder=null;this.items=[];this.originalOrder=[];this.dragState=null;this.chassisDragState=null;this.onPointerDown=i=>{if(i.button!==0)return;const t=i.composedPath();if(this.reorderable){const e=t.find((i=>i?.dataset?.accordionDragHandle==="true"));if(e){this.startItemDrag(i,t);return}}if(this.floating){const e=t.find((i=>i?.dataset?.accordionChassisDrag==="true"));if(e){this.startChassisDrag(i);return}}};this.onChassisPointerMove=i=>{const t=this.chassisDragState;if(!t)return;const e=i.clientX-t.startClientX;const o=i.clientY-t.startClientY;this.chassisX=t.startX+e;this.chassisY=t.startY+o;this.mdDragMove.emit({clientX:i.clientX,clientY:i.clientY,x:this.chassisX,y:this.chassisY,dx:e,dy:o})};this.onChassisPointerUp=i=>{const t=this.chassisDragState;if(!t)return;this.el.removeEventListener("pointermove",this.onChassisPointerMove);this.el.removeEventListener("pointerup",this.onChassisPointerUp);this.el.removeEventListener("pointercancel",this.onChassisPointerUp);try{this.el.releasePointerCapture(t.pointerId)}catch{}const e=i.clientX-t.startClientX;const o=i.clientY-t.startClientY;this.chassisDragState=null;this.chassisDragging=false;this.mdDragEnd.emit({clientX:i.clientX,clientY:i.clientY,x:this.chassisX,y:this.chassisY,dx:e,dy:o})};this.onPointerMove=i=>{const t=this.dragState;if(!t)return;const e=i.clientY-t.startY;t.item.style.transform=`translateY(${e}px)`;const o=t.startRects[t.fromIndex];const s=o.top+o.height/2+e;let n=t.fromIndex;if(e>0){for(let i=t.fromIndex+1;i<this.items.length;i++){const e=t.startRects[i];if(s>e.top+e.height/2)n=i;else break}}else if(e<0){for(let i=t.fromIndex-1;i>=0;i--){const e=t.startRects[i];if(s<e.top+e.height/2)n=i;else break}}if(n!==t.currentTarget){t.currentTarget=n;this.applySiblingShifts();this.dropPlaceholder={top:t.startRects[n].top-t.hostTop,height:t.startRects[t.fromIndex].height}}};this.onPointerUp=i=>{const t=this.dragState;if(!t)return;this.el.removeEventListener("pointermove",this.onPointerMove);this.el.removeEventListener("pointerup",this.onPointerUp);this.el.removeEventListener("pointercancel",this.onPointerUp);try{this.el.releasePointerCapture(i.pointerId)}catch{}this.items.forEach((i=>{i.style.transform="";i.classList.remove("md-accordion-item--shifting")}));t.item.classList.remove("md-accordion-item--dragging");this.dropPlaceholder=null;if(t.currentTarget!==t.fromIndex){this.moveItem(t.fromIndex,t.currentTarget);this.emitReorder(t.fromIndex,t.currentTarget)}this.dragState=null};this.onKeyboardReorder=i=>{if(!this.reorderable)return;const{direction:t,from:e}=i.detail;const o=t==="up"?e-1:e+1;if(o<0||o>=this.items.length)return;this.moveItem(e,o);this.items[o]?.focusHeader();this.emitReorder(e,o)}}connectedCallback(){this.collectItems();this.el.addEventListener("pointerdown",this.onPointerDown);this.el.addEventListener("mdItemRequestReorder",this.onKeyboardReorder)}disconnectedCallback(){this.el.removeEventListener("pointerdown",this.onPointerDown);this.el.removeEventListener("mdItemRequestReorder",this.onKeyboardReorder);this.cancelDrag()}componentDidLoad(){this.collectItems();this.originalOrder=[...this.items];this.assignIndexes();this.applyInitialState();this.syncChildren();if(this.floating){this.chassisX=this.initialX;this.chassisY=this.initialY;if(this.bringToFront){this.el.style.zIndex=String(++r)}}}onFloatingChange(i){if(i){this.chassisX=this.initialX;this.chassisY=this.initialY}else{this.chassisX=0;this.chassisY=0;this.el.style.zIndex=""}this.applyChassisHandleMarker()}onExclusiveChange(i){if(!i)return;let t=false;this.items.forEach((i=>{if(i.expanded){if(t)i.expanded=false;else t=true}}))}onChildToggle(i){const{expanded:t,index:e}=i.detail;if(this.exclusive&&t){this.items.forEach(((i,t)=>{if(t!==e)i.expanded=false}))}this.syncCollapsible();const o=this.items.map(((i,t)=>i.expanded?t:-1)).filter((i=>i>=0));this.mdToggle.emit({index:e,expanded:t,expandedIndices:o})}onChildRequestFocus(i){const{direction:t,from:e}=i.detail;if(this.items.length===0)return;let o;if(t==="first")o=0;else if(t==="last")o=this.items.length-1;else if(t==="next")o=(e+1)%this.items.length;else o=(e-1+this.items.length)%this.items.length;this.items[o]?.focusHeader()}collectItems(){const i=[];const t=this.el.children;for(let e=0;e<t.length;e+=1){const o=t[e];if(o&&o.tagName==="MD-ACCORDION-ITEM"){i.push(o)}}this.items=i}assignIndexes(){this.items.forEach(((i,t)=>{i.setAttribute("data-index",String(t))}));this.applyChassisHandleMarker()}applyChassisHandleMarker(){this.items.forEach(((i,t)=>{if(this.floating&&t===0){i.setAttribute("data-chassis-handle","")}else{i.removeAttribute("data-chassis-handle")}}))}startItemDrag(i,t){const e=t.find((i=>i?.tagName==="MD-ACCORDION-ITEM"));if(!e||e.hasAttribute("disabled"))return;this.collectItems();const o=this.items.indexOf(e);if(o<0||this.items.length<2)return;i.preventDefault();const s=this.items.map((i=>i.getBoundingClientRect()));const n=s[o];const a=o<this.items.length-1?s[o+1]:s[o-1];const r=a&&o<this.items.length-1?a.top-n.top:n.top-(a?.top??n.top);const d=this.el.getBoundingClientRect().top;this.dragState={item:e,pointerId:i.pointerId,startY:i.clientY,startRects:s,shiftDistance:Math.abs(r)||n.height,fromIndex:o,currentTarget:o,hostTop:d};this.dropPlaceholder={top:n.top-d,height:n.height};try{this.el.setPointerCapture(i.pointerId)}catch{}this.el.addEventListener("pointermove",this.onPointerMove);this.el.addEventListener("pointerup",this.onPointerUp);this.el.addEventListener("pointercancel",this.onPointerUp);e.classList.add("md-accordion-item--dragging");this.items.forEach((i=>{if(i!==e)i.classList.add("md-accordion-item--shifting")}))}startChassisDrag(i){if(this.chassisDragState)return;i.preventDefault();this.chassisDragState={pointerId:i.pointerId,startClientX:i.clientX,startClientY:i.clientY,startX:this.chassisX,startY:this.chassisY};this.chassisDragging=true;if(this.bringToFront){this.el.style.zIndex=String(++r)}try{this.el.setPointerCapture(i.pointerId)}catch{}this.el.addEventListener("pointermove",this.onChassisPointerMove);this.el.addEventListener("pointerup",this.onChassisPointerUp);this.el.addEventListener("pointercancel",this.onChassisPointerUp);this.mdDragStart.emit({clientX:i.clientX,clientY:i.clientY,x:this.chassisX,y:this.chassisY,dx:0,dy:0})}applySiblingShifts(){const i=this.dragState;if(!i)return;this.items.forEach(((t,e)=>{if(t===i.item)return;let o=0;if(i.currentTarget>i.fromIndex&&e>i.fromIndex&&e<=i.currentTarget){o=-i.shiftDistance}else if(i.currentTarget<i.fromIndex&&e<i.fromIndex&&e>=i.currentTarget){o=i.shiftDistance}t.style.transform=o?`translateY(${o}px)`:""}))}cancelDrag(){const i=this.dragState;if(!i)return;this.el.removeEventListener("pointermove",this.onPointerMove);this.el.removeEventListener("pointerup",this.onPointerUp);this.el.removeEventListener("pointercancel",this.onPointerUp);this.items.forEach((i=>{i.style.transform="";i.classList.remove("md-accordion-item--shifting")}));i.item.classList.remove("md-accordion-item--dragging");this.dropPlaceholder=null;this.dragState=null}moveItem(i,t){if(i===t)return;const e=this.items[i];if(!e)return;const o=t>i?this.items[t].nextElementSibling:this.items[t];this.el.insertBefore(e,o);this.collectItems();this.assignIndexes()}emitReorder(i,t){const e=this.items.map((i=>this.originalOrder.indexOf(i)));this.mdReorder.emit({from:i,to:t,order:e})}applyInitialState(){const i=(this.defaultExpanded||"").split(",").map((i=>i.trim())).filter((i=>i.length>0)).map((i=>Number(i))).filter((i=>Number.isInteger(i)&&i>=0));const t=new Set;this.items.forEach(((e,o)=>{if(i.includes(o)||e.expanded)t.add(o)}));if(this.exclusive&&t.size>1){const i=Math.min(...t);t.clear();t.add(i)}if(this.keepOneExpanded&&t.size===0){const i=this.items.findIndex((i=>!i.disabled));if(i>=0)t.add(i)}this.items.forEach(((i,e)=>{const o=t.has(e);if(i.expanded!==o)i.expanded=o}))}computeRegionRole(){if(this.region==="always")return"region";if(this.region==="never")return"group";return this.items.length<=this.regionThreshold?"region":"group"}syncChildren(){const i=this.computeRegionRole();this.items.forEach((t=>{t.headingLevel=this.headingLevel;t.regionRole=i}));this.syncCollapsible()}syncCollapsible(){if(!this.keepOneExpanded){this.items.forEach((i=>i.collapsible=true));return}const i=this.items.filter((i=>i.expanded));if(i.length===1){this.items.forEach((t=>t.collapsible=t!==i[0]))}else{this.items.forEach((i=>i.collapsible=true))}}onHeadingLevelChange(){this.syncChildren()}onRegionChange(){this.syncChildren()}onRegionThresholdChange(){this.syncChildren()}onKeepOneExpandedChange(i){if(i&&!this.items.some((i=>i.expanded))){const i=this.items.find((i=>!i.disabled));if(i)i.expanded=true}this.syncCollapsible()}render(){const i=this.floating?{transform:`translate3d(${this.chassisX}px, ${this.chassisY}px, 0)`}:{};return s(n,{key:"342097108ef3bffebeffa47367efe80636615ee3",class:{"md-accordion":true,[`md-accordion--${this.variant}`]:true,[`md-accordion--density-${Math.abs(this.density)}`]:this.density!==0,[`md-accordion--elevation-${this.elevation}`]:this.elevation>0,"md-accordion--floating":this.floating,"md-accordion--floating-dragging":this.chassisDragging},role:"presentation",style:i},this.dropPlaceholder&&s("div",{key:"65e0fb6964c0805727b9f95e41292f143ebf9dd1",class:"md-accordion__drop-placeholder",part:"drop-placeholder","aria-hidden":"true",style:{transform:`translateY(${this.dropPlaceholder.top}px)`,blockSize:`${this.dropPlaceholder.height}px`}}),s("slot",{key:"3db7cab95c7a2ea79ec38b3172d0d0f10c993e8c"}))}get el(){return this}static get watchers(){return{floating:[{onFloatingChange:0}],exclusive:[{onExclusiveChange:0}],headingLevel:[{onHeadingLevelChange:0}],region:[{onRegionChange:0}],regionThreshold:[{onRegionThresholdChange:0}],keepOneExpanded:[{onKeepOneExpandedChange:0}]}}static get style(){return a()}},[257,"md-accordion",{variant:[513],density:[514],elevation:[514],reorderable:[516],floating:[516],initialX:[2,"initial-x"],initialY:[2,"initial-y"],bringToFront:[4,"bring-to-front"],exclusive:[516],keepOneExpanded:[516,"keep-one-expanded"],headingLevel:[2,"heading-level"],region:[513],regionThreshold:[2,"region-threshold"],transition:[513],defaultExpanded:[1,"default-expanded"],chassisX:[32],chassisY:[32],chassisDragging:[32],dropPlaceholder:[32]},[[0,"mdItemToggle","onChildToggle"],[0,"mdItemRequestFocus","onChildRequestFocus"]],{floating:[{onFloatingChange:0}],exclusive:[{onExclusiveChange:0}],headingLevel:[{onHeadingLevelChange:0}],region:[{onRegionChange:0}],regionThreshold:[{onRegionThresholdChange:0}],keepOneExpanded:[{onKeepOneExpandedChange:0}]}]);function h(){if(typeof customElements==="undefined"){return}const i=["md-accordion"];i.forEach((i=>{switch(i){case"md-accordion":if(!customElements.get(t(i))){customElements.define(t(i),d)}break}}))}h();const c=d;const l=h;export{c as MdAccordion,l as defineCustomElement};
+import{p as i,t,H as e,c as o,h as s,d as n}from"./p-BR6gfOQH.js";const a=()=>`:host{--_gap:var(--md-accordion-gap, var(--md-sys-spacing-gap-sm, 8px));--_outline-color:var(--md-accordion-outline-color, var(--md-sys-color-outline-variant, #CAC4D0));--_container-shape:var(--md-accordion-container-shape, max(8px, calc(12px + var(--md-sys-density-scale, 0) * 1px)));--_elevation:var(--md-accordion-elevation, var(--md-sys-elevation-0, none));--_elevation-easing:var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1));--_drop-placeholder-color:var(--md-accordion-drop-placeholder-color, color-mix(in srgb, var(--md-sys-color-primary-container, #eaddff) 45%, transparent));--_drop-placeholder-outline-color:var(--md-accordion-drop-placeholder-outline-color, color-mix(in srgb, var(--md-sys-color-primary, #6750a4) 55%, transparent));--_drop-placeholder-outline-width:var(--md-accordion-drop-placeholder-outline-width, 2px);--_drop-placeholder-shape:var(--md-accordion-drop-placeholder-shape, var(--_container-shape));--_drop-placeholder-opacity:var(--md-accordion-drop-placeholder-opacity, 1);--_elevation-duration:var(--md-sys-motion-duration-medium2, 300ms);display:block;inline-size:100%}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}:host{box-sizing:border-box;font-family:var(--md-sys-typescale-body-large-font, Roboto, sans-serif);color:var(--md-sys-color-on-surface, #1C1B1F);position:relative}.md-accordion__drop-placeholder{position:absolute;inset-inline:0;inset-block-start:0;z-index:0;box-sizing:border-box;pointer-events:none;border-radius:var(--_drop-placeholder-shape);background-color:var(--_drop-placeholder-color);border:var(--_drop-placeholder-outline-width) dashed var(--_drop-placeholder-outline-color);opacity:var(--_drop-placeholder-opacity);transition:transform var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}@media (prefers-reduced-motion: reduce){.md-accordion__drop-placeholder{transition:none}}:host(.md-accordion--elevation-1){--_elevation:var(--md-accordion-elevation, var(--md-sys-elevation-1))}:host(.md-accordion--elevation-2){--_elevation:var(--md-accordion-elevation, var(--md-sys-elevation-2))}:host(.md-accordion--elevation-3){--_elevation:var(--md-accordion-elevation, var(--md-sys-elevation-3))}:host(.md-accordion--elevation-4){--_elevation:var(--md-accordion-elevation, var(--md-sys-elevation-4))}:host(.md-accordion--elevation-5){--_elevation:var(--md-accordion-elevation, var(--md-sys-elevation-5))}:host(.md-accordion--filled){display:flex;flex-direction:column;row-gap:var(--_gap)}:host(.md-accordion--filled) ::slotted(md-accordion-item){display:block}:host(.md-accordion--outlined){border:1px solid var(--_outline-color);border-radius:var(--_container-shape);overflow:hidden;box-shadow:var(--_elevation);transition:box-shadow var(--_elevation-duration) var(--_elevation-easing)}:host(.md-accordion--outlined) ::slotted(md-accordion-item){display:block;border-block-end:1px solid var(--_outline-color)}:host(.md-accordion--outlined) ::slotted(md-accordion-item:last-child){border-block-end:none}:host([transition='none']),:host([transition='none']) *{transition:none !important;animation-duration:0.001ms !important}:host(.md-accordion--floating){--_floating-bg:var(--md-accordion-floating-bg, var(--md-sys-color-surface-container-low, #F7F2F9));--_floating-elevation:var(--md-accordion-floating-elevation, var(--md-sys-elevation-3, 0 4px 8px 3px rgba(0, 0, 0, 0.15), 0 1px 3px 0 rgba(0, 0, 0, 0.3)));--_floating-elevation-active:var(--md-accordion-floating-elevation-active, var(--md-sys-elevation-5, 0 8px 12px 6px rgba(0, 0, 0, 0.15), 0 4px 4px 0 rgba(0, 0, 0, 0.3)));--_floating-width:var(--md-accordion-floating-width, 360px);--_floating-radius:var(--md-accordion-floating-radius, var(--md-sys-shape-corner-large, 16px));position:fixed;top:0;left:0;z-index:1000;inline-size:var(--_floating-width);max-inline-size:calc(100vw - 16px);background-color:var(--_floating-bg);border-radius:var(--_floating-radius);box-shadow:var(--_floating-elevation);overflow:hidden;will-change:transform;transition:box-shadow var(--_elevation-duration) var(--_elevation-easing),     border-radius var(--_elevation-duration) var(--_elevation-easing)}:host(.md-accordion--floating){inline-size:var(--_floating-width)}:host(.md-accordion--floating-dragging){box-shadow:var(--_floating-elevation-active);transform-origin:top left;cursor:grabbing}:host(.md-accordion--floating-dragging) ::slotted(*){user-select:none}:host(.md-accordion--floating.md-accordion--filled) ::slotted(md-accordion-item){margin-block-end:0;--md-accordion-item-container-shape:0;--md-accordion-item-container-shape-expanded:0;--md-accordion-item-container-color:transparent;--md-accordion-item-elevation:none;--md-accordion-item-elevation-expanded:none}:host(.md-accordion--floating.md-accordion--outlined){border:none}@media (prefers-reduced-motion: reduce){:host(.md-accordion--floating){transition:none}}@media (forced-colors: active){:host(.md-accordion--floating){border:1px solid CanvasText}}`;let r=1e3;const d=i(class i extends e{constructor(i){super();if(i!==false){this.__registerHost()}this.__attachShadow();this.mdToggle=o(this,"mdToggle",7);this.mdReorder=o(this,"mdReorder",7);this.mdDragStart=o(this,"mdDragStart",7);this.mdDragMove=o(this,"mdDragMove",7);this.mdDragEnd=o(this,"mdDragEnd",7);this.variant="filled";this.density=0;this.elevation=0;this.reorderable=false;this.floating=false;this.initialX=24;this.initialY=24;this.bringToFront=true;this.exclusive=false;this.keepOneExpanded=false;this.headingLevel=3;this.region="auto";this.regionThreshold=6;this.transition="expressive";this.defaultExpanded="";this.chassisX=0;this.chassisY=0;this.chassisDragging=false;this.dropPlaceholder=null;this.items=[];this.originalOrder=[];this.dragState=null;this.chassisDragState=null;this.onPointerDown=i=>{if(i.button!==0)return;const t=i.composedPath();if(this.reorderable){const e=t.find((i=>i?.dataset?.accordionDragHandle==="true"));if(e){this.startItemDrag(i,t);return}}if(this.floating){const e=t.find((i=>i?.dataset?.accordionChassisDrag==="true"));if(e){this.startChassisDrag(i);return}}};this.onChassisPointerMove=i=>{const t=this.chassisDragState;if(!t)return;const e=i.clientX-t.startClientX;const o=i.clientY-t.startClientY;this.chassisX=t.startX+e;this.chassisY=t.startY+o;this.mdDragMove.emit({clientX:i.clientX,clientY:i.clientY,x:this.chassisX,y:this.chassisY,dx:e,dy:o})};this.onChassisPointerUp=i=>{const t=this.chassisDragState;if(!t)return;this.el.removeEventListener("pointermove",this.onChassisPointerMove);this.el.removeEventListener("pointerup",this.onChassisPointerUp);this.el.removeEventListener("pointercancel",this.onChassisPointerUp);try{this.el.releasePointerCapture(t.pointerId)}catch{}const e=i.clientX-t.startClientX;const o=i.clientY-t.startClientY;this.chassisDragState=null;this.chassisDragging=false;this.mdDragEnd.emit({clientX:i.clientX,clientY:i.clientY,x:this.chassisX,y:this.chassisY,dx:e,dy:o})};this.onPointerMove=i=>{const t=this.dragState;if(!t)return;const e=i.clientY-t.startY;t.item.style.transform=`translateY(${e}px)`;const o=t.startRects[t.fromIndex];const s=o.top+o.height/2+e;let n=t.fromIndex;if(e>0){for(let i=t.fromIndex+1;i<this.items.length;i++){const e=t.startRects[i];if(s>e.top+e.height/2)n=i;else break}}else if(e<0){for(let i=t.fromIndex-1;i>=0;i--){const e=t.startRects[i];if(s<e.top+e.height/2)n=i;else break}}if(n!==t.currentTarget){t.currentTarget=n;this.applySiblingShifts();this.dropPlaceholder={top:t.startRects[n].top-t.hostTop,height:t.startRects[t.fromIndex].height}}};this.onPointerUp=i=>{const t=this.dragState;if(!t)return;this.el.removeEventListener("pointermove",this.onPointerMove);this.el.removeEventListener("pointerup",this.onPointerUp);this.el.removeEventListener("pointercancel",this.onPointerUp);try{this.el.releasePointerCapture(i.pointerId)}catch{}this.items.forEach((i=>{i.style.transform="";i.classList.remove("md-accordion-item--shifting")}));t.item.classList.remove("md-accordion-item--dragging");this.dropPlaceholder=null;if(t.currentTarget!==t.fromIndex){this.moveItem(t.fromIndex,t.currentTarget);this.emitReorder(t.fromIndex,t.currentTarget)}this.dragState=null};this.onKeyboardReorder=i=>{if(!this.reorderable)return;const{direction:t,from:e}=i.detail;const o=t==="up"?e-1:e+1;if(o<0||o>=this.items.length)return;this.moveItem(e,o);this.items[o]?.focusHeader();this.emitReorder(e,o)}}connectedCallback(){this.collectItems();this.el.addEventListener("pointerdown",this.onPointerDown);this.el.addEventListener("mdItemRequestReorder",this.onKeyboardReorder)}disconnectedCallback(){this.el.removeEventListener("pointerdown",this.onPointerDown);this.el.removeEventListener("mdItemRequestReorder",this.onKeyboardReorder);this.cancelDrag()}componentDidLoad(){this.collectItems();this.originalOrder=[...this.items];this.assignIndexes();this.applyInitialState();this.syncChildren();if(this.floating){this.chassisX=this.initialX;this.chassisY=this.initialY;if(this.bringToFront){this.el.style.zIndex=String(++r)}}}onFloatingChange(i){if(i){this.chassisX=this.initialX;this.chassisY=this.initialY}else{this.chassisX=0;this.chassisY=0;this.el.style.zIndex=""}this.applyChassisHandleMarker()}onExclusiveChange(i){if(!i)return;let t=false;this.items.forEach((i=>{if(i.expanded){if(t)i.expanded=false;else t=true}}))}onChildToggle(i){const{expanded:t,index:e}=i.detail;if(this.exclusive&&t){this.items.forEach(((i,t)=>{if(t!==e)i.expanded=false}))}this.syncCollapsible();const o=this.items.map(((i,t)=>i.expanded?t:-1)).filter((i=>i>=0));this.mdToggle.emit({index:e,expanded:t,expandedIndices:o})}onChildRequestFocus(i){const{direction:t,from:e}=i.detail;if(this.items.length===0)return;let o;if(t==="first")o=0;else if(t==="last")o=this.items.length-1;else if(t==="next")o=(e+1)%this.items.length;else o=(e-1+this.items.length)%this.items.length;this.items[o]?.focusHeader()}collectItems(){const i=[];const t=this.el.children;for(let e=0;e<t.length;e+=1){const o=t[e];if(o&&o.tagName==="MD-ACCORDION-ITEM"){i.push(o)}}this.items=i}assignIndexes(){this.items.forEach(((i,t)=>{i.setAttribute("data-index",String(t))}));this.applyChassisHandleMarker()}applyChassisHandleMarker(){this.items.forEach(((i,t)=>{if(this.floating&&t===0){i.setAttribute("data-chassis-handle","")}else{i.removeAttribute("data-chassis-handle")}}))}startItemDrag(i,t){const e=t.find((i=>i?.tagName==="MD-ACCORDION-ITEM"));if(!e||e.hasAttribute("disabled"))return;this.collectItems();const o=this.items.indexOf(e);if(o<0||this.items.length<2)return;i.preventDefault();const s=this.items.map((i=>i.getBoundingClientRect()));const n=s[o];const a=o<this.items.length-1?s[o+1]:s[o-1];const r=a&&o<this.items.length-1?a.top-n.top:n.top-(a?.top??n.top);const d=this.el.getBoundingClientRect().top;this.dragState={item:e,pointerId:i.pointerId,startY:i.clientY,startRects:s,shiftDistance:Math.abs(r)||n.height,fromIndex:o,currentTarget:o,hostTop:d};this.dropPlaceholder={top:n.top-d,height:n.height};try{this.el.setPointerCapture(i.pointerId)}catch{}this.el.addEventListener("pointermove",this.onPointerMove);this.el.addEventListener("pointerup",this.onPointerUp);this.el.addEventListener("pointercancel",this.onPointerUp);e.classList.add("md-accordion-item--dragging");this.items.forEach((i=>{if(i!==e)i.classList.add("md-accordion-item--shifting")}))}startChassisDrag(i){if(this.chassisDragState)return;i.preventDefault();this.chassisDragState={pointerId:i.pointerId,startClientX:i.clientX,startClientY:i.clientY,startX:this.chassisX,startY:this.chassisY};this.chassisDragging=true;if(this.bringToFront){this.el.style.zIndex=String(++r)}try{this.el.setPointerCapture(i.pointerId)}catch{}this.el.addEventListener("pointermove",this.onChassisPointerMove);this.el.addEventListener("pointerup",this.onChassisPointerUp);this.el.addEventListener("pointercancel",this.onChassisPointerUp);this.mdDragStart.emit({clientX:i.clientX,clientY:i.clientY,x:this.chassisX,y:this.chassisY,dx:0,dy:0})}applySiblingShifts(){const i=this.dragState;if(!i)return;this.items.forEach(((t,e)=>{if(t===i.item)return;let o=0;if(i.currentTarget>i.fromIndex&&e>i.fromIndex&&e<=i.currentTarget){o=-i.shiftDistance}else if(i.currentTarget<i.fromIndex&&e<i.fromIndex&&e>=i.currentTarget){o=i.shiftDistance}t.style.transform=o?`translateY(${o}px)`:""}))}cancelDrag(){const i=this.dragState;if(!i)return;this.el.removeEventListener("pointermove",this.onPointerMove);this.el.removeEventListener("pointerup",this.onPointerUp);this.el.removeEventListener("pointercancel",this.onPointerUp);this.items.forEach((i=>{i.style.transform="";i.classList.remove("md-accordion-item--shifting")}));i.item.classList.remove("md-accordion-item--dragging");this.dropPlaceholder=null;this.dragState=null}moveItem(i,t){if(i===t)return;const e=this.items[i];if(!e)return;const o=t>i?this.items[t].nextElementSibling:this.items[t];this.el.insertBefore(e,o);this.collectItems();this.assignIndexes()}emitReorder(i,t){const e=this.items.map((i=>this.originalOrder.indexOf(i)));this.mdReorder.emit({from:i,to:t,order:e})}applyInitialState(){const i=(this.defaultExpanded||"").split(",").map((i=>i.trim())).filter((i=>i.length>0)).map((i=>Number(i))).filter((i=>Number.isInteger(i)&&i>=0));const t=new Set;this.items.forEach(((e,o)=>{if(i.includes(o)||e.expanded)t.add(o)}));if(this.exclusive&&t.size>1){const i=Math.min(...t);t.clear();t.add(i)}if(this.keepOneExpanded&&t.size===0){const i=this.items.findIndex((i=>!i.disabled));if(i>=0)t.add(i)}this.items.forEach(((i,e)=>{const o=t.has(e);if(i.expanded!==o)i.expanded=o}))}computeRegionRole(){if(this.region==="always")return"region";if(this.region==="never")return"group";return this.items.length<=this.regionThreshold?"region":"group"}syncChildren(){const i=this.computeRegionRole();this.items.forEach((t=>{t.headingLevel=this.headingLevel;t.regionRole=i}));this.syncCollapsible()}syncCollapsible(){if(!this.keepOneExpanded){this.items.forEach((i=>i.collapsible=true));return}const i=this.items.filter((i=>i.expanded));if(i.length===1){this.items.forEach((t=>t.collapsible=t!==i[0]))}else{this.items.forEach((i=>i.collapsible=true))}}onHeadingLevelChange(){this.syncChildren()}onRegionChange(){this.syncChildren()}onRegionThresholdChange(){this.syncChildren()}onKeepOneExpandedChange(i){if(i&&!this.items.some((i=>i.expanded))){const i=this.items.find((i=>!i.disabled));if(i)i.expanded=true}this.syncCollapsible()}render(){const i=this.floating?{transform:`translate3d(${this.chassisX}px, ${this.chassisY}px, 0)`}:{};return s(n,{key:"342097108ef3bffebeffa47367efe80636615ee3",class:{"md-accordion":true,[`md-accordion--${this.variant}`]:true,[`md-accordion--density-${Math.abs(this.density)}`]:this.density!==0,[`md-accordion--elevation-${this.elevation}`]:this.elevation>0,"md-accordion--floating":this.floating,"md-accordion--floating-dragging":this.chassisDragging},role:"presentation",style:i},this.dropPlaceholder&&s("div",{key:"65e0fb6964c0805727b9f95e41292f143ebf9dd1",class:"md-accordion__drop-placeholder",part:"drop-placeholder","aria-hidden":"true",style:{transform:`translateY(${this.dropPlaceholder.top}px)`,blockSize:`${this.dropPlaceholder.height}px`}}),s("slot",{key:"3db7cab95c7a2ea79ec38b3172d0d0f10c993e8c"}))}get el(){return this}static get watchers(){return{floating:[{onFloatingChange:0}],exclusive:[{onExclusiveChange:0}],headingLevel:[{onHeadingLevelChange:0}],region:[{onRegionChange:0}],regionThreshold:[{onRegionThresholdChange:0}],keepOneExpanded:[{onKeepOneExpandedChange:0}]}}static get style(){return a()}},[257,"md-accordion",{variant:[513],density:[514],elevation:[514],reorderable:[516],floating:[516],initialX:[2,"initial-x"],initialY:[2,"initial-y"],bringToFront:[4,"bring-to-front"],exclusive:[516],keepOneExpanded:[516,"keep-one-expanded"],headingLevel:[2,"heading-level"],region:[513],regionThreshold:[2,"region-threshold"],transition:[513],defaultExpanded:[1,"default-expanded"],chassisX:[32],chassisY:[32],chassisDragging:[32],dropPlaceholder:[32]},[[0,"mdItemToggle","onChildToggle"],[0,"mdItemRequestFocus","onChildRequestFocus"]],{floating:[{onFloatingChange:0}],exclusive:[{onExclusiveChange:0}],headingLevel:[{onHeadingLevelChange:0}],region:[{onRegionChange:0}],regionThreshold:[{onRegionThresholdChange:0}],keepOneExpanded:[{onKeepOneExpandedChange:0}]}]);function h(){if(typeof customElements==="undefined"){return}const i=["md-accordion"];i.forEach((i=>{switch(i){case"md-accordion":if(!customElements.get(t(i))){customElements.define(t(i),d)}break}}))}h();const c=d;const l=h;export{c as MdAccordion,l as defineCustomElement};
 //# sourceMappingURL=md-accordion.js.map

package/dist/components/md-app-bar.js

@@ -1,2 +1,2 @@
-import{p as a,H as e,c as i,h as r,d as t,t as s}from"./p-MWBNn6Lj.js";import{d as n}from"./p-6wZSqm_2.js";import{d as l}from"./p-stybaFzj.js";const d=()=>`:host{--_container-color:var(--md-app-bar-container-color, var(--md-sys-color-surface));--_container-color-scrolled:var(     --md-app-bar-container-color-scrolled,     var(--md-sys-color-surface-container)   );--_container-shape:var(--md-app-bar-container-shape, var(--md-sys-shape-corner-none));--_headline-color:var(--md-app-bar-headline-color, var(--md-sys-color-on-surface));--_subtitle-color:var(--md-app-bar-subtitle-color, var(--md-sys-color-on-surface-variant));--_leading-icon-color:var(--md-app-bar-leading-icon-color, var(--md-sys-color-on-surface));--_trailing-icon-color:var(--md-app-bar-trailing-icon-color, var(--md-sys-color-on-surface-variant));--_container-elevation:var(--md-app-bar-container-elevation, var(--md-sys-elevation-0));--_padding-inline-start:var(     --md-app-bar-padding-inline-start,     var(--md-app-bar-row-padding-inline, var(--md-sys-spacing-inset-xs, 4px))   );--_padding-inline-end:var(     --md-app-bar-padding-inline-end,     var(--md-app-bar-row-padding-inline, var(--md-sys-spacing-inset-xs, 4px))   );--_icon-gap:var(--md-app-bar-icon-gap, 0px);--_row-height:var(--md-app-bar-row-height, max(48px, calc(64px + var(--md-sys-density-scale, 0) * 4px)));--_icon-button-size:var(--md-app-bar-icon-button-size, max(32px, calc(48px + var(--md-sys-density-scale, 0) * 4px)));--_trailing-icon-touch-size:var(--md-app-bar-trailing-icon-touch-size, var(--_icon-button-size));--_trailing-gap:var(--md-app-bar-trailing-gap, 2px);--_row-padding-block-start:var(--md-app-bar-row-padding-block-start, 0px);--_icon-size:var(--md-app-bar-icon-size, max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px)));--_icon-size-handoff:var(--_icon-size);--_avatar-size:var(--md-app-bar-avatar-size, max(24px, calc(32px + var(--md-sys-density-scale, 0) * 2px)));--_expanded-padding-inline:var(--md-app-bar-expanded-padding-inline, var(--md-sys-spacing-inset-lg, 16px));--_expanded-padding-block-end:var(--md-app-bar-expanded-padding-block-end, var(--md-sys-spacing-inset-xl, 24px));--_search-container-color:var(     --md-app-bar-search-container-color,     var(--md-sys-color-surface-container-highest)   );--_search-container-color-scrolled:var(     --md-app-bar-search-container-color-scrolled,     var(--md-sys-color-surface-container)   );--_search-container-shape:var(     --md-app-bar-search-container-shape,     var(--md-sys-shape-corner-full)   );--_search-container-height:var(--md-app-bar-search-container-height, max(40px, calc(56px + var(--md-sys-density-scale, 0) * 4px)));--_search-padding-inline-start:var(--md-app-bar-search-padding-inline-start, var(--md-sys-spacing-inset-xl, 24px));--_search-padding-inline-end:var(--md-app-bar-search-padding-inline-end, var(--md-sys-spacing-inset-sm, 8px));--_search-row-gap:var(--md-app-bar-search-row-gap, var(--md-sys-spacing-gap-sm, 8px));--_search-trailing-gap:var(--md-app-bar-search-trailing-gap, var(--md-sys-spacing-gap-xs, 4px));--_search-field-trailing-gap:var(--md-app-bar-search-field-trailing-gap, 6px);--_trailing-touch-size:var(--md-app-bar-trailing-touch-size, max(32px, calc(48px + var(--md-sys-density-scale, 0) * 4px)));--_search-placeholder-color:var(     --md-app-bar-search-placeholder-color,     var(--md-sys-color-on-surface-variant)   );--_search-input-color:var(     --md-app-bar-search-input-color,     var(--md-sys-color-on-surface)   );--_search-trailing-icon-color:var(     --md-app-bar-search-trailing-icon-color,     var(--md-sys-color-on-surface-variant)   );display:block;inline-size:100%;max-inline-size:100%;min-inline-size:0;box-sizing:border-box;border-radius:var(--_container-shape);background-color:var(--_container-color);color:var(--_headline-color);box-shadow:var(--_container-elevation);z-index:var(--md-sys-z-index-app-bar, 100);position:sticky;inset-block-start:0;transition:background-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard),     box-shadow var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}:host(.md-app-bar--scrolled){background-color:var(--_container-color-scrolled)}:host(.md-app-bar--scrolled) .md-app-bar__search{background-color:var(--_search-container-color-scrolled)}:host(.md-app-bar--flexible){display:flex;flex-direction:column;min-block-size:var(--_flex-expanded-height)}:host(.md-app-bar--medium){--_flex-expanded-height:var(--md-app-bar-medium-height, calc(112px + var(--md-sys-density-scale, 0) * 4px));--_expanded-padding-block-end:var(--md-sys-spacing-inset-xl, 24px)}:host(.md-app-bar--medium.md-app-bar--with-subtitle){--_flex-expanded-height:var(--md-app-bar-medium-height-with-subtitle, calc(136px + var(--md-sys-density-scale, 0) * 4px))}:host(.md-app-bar--large){--_flex-expanded-height:var(--md-app-bar-large-height, calc(120px + var(--md-sys-density-scale, 0) * 4px));--_expanded-padding-block-end:28px}:host(.md-app-bar--large:not(.md-app-bar--search)){--_row-padding-block-start:var(--md-app-bar-row-padding-block-start, 20px)}:host(.md-app-bar--large.md-app-bar--with-subtitle){--_flex-expanded-height:var(--md-app-bar-large-height-with-subtitle, calc(152px + var(--md-sys-density-scale, 0) * 4px))}.md-app-bar__row{display:flex;align-items:center;flex-shrink:0;block-size:var(--_row-height);min-block-size:var(--_row-height);padding-inline-start:var(--_padding-inline-start);padding-inline-end:var(--_padding-inline-end);padding-block-start:var(--_row-padding-block-start);gap:var(--_icon-gap)}:host(.md-app-bar--large:not(.md-app-bar--search)) .md-app-bar__row{align-items:flex-start}:host(.md-app-bar--center:not(.md-app-bar--search)) .md-app-bar__row{display:grid;grid-template-columns:minmax(var(--_icon-button-size), 1fr) minmax(0, auto) minmax(       var(--_icon-button-size),       1fr     );align-items:center;column-gap:var(--_icon-gap)}.md-app-bar__leading,.md-app-bar__trailing{display:inline-flex;align-items:center;flex-shrink:0;gap:0;color:var(--_leading-icon-color)}:host(.md-app-bar--center:not(.md-app-bar--search)) .md-app-bar__leading{justify-self:start}.md-app-bar__trailing{color:var(--_trailing-icon-color);margin-inline-start:auto;gap:var(--_trailing-gap)}:host(.md-app-bar--center:not(.md-app-bar--search)) .md-app-bar__trailing{justify-self:end;margin-inline-start:0}.md-app-bar__headline-inline{display:flex;flex-direction:column;justify-content:center;flex:1;min-inline-size:0;padding-inline:var(--md-sys-spacing-inset-md, 12px)}:host(.md-app-bar--center) .md-app-bar__headline-inline{flex:unset;justify-self:center;align-items:center;text-align:center;padding-inline:var(--md-sys-spacing-inset-sm, 8px)}:host(.md-app-bar--flexible) .md-app-bar__headline-inline{opacity:0;pointer-events:none}.md-app-bar__title{min-inline-size:0;font-family:var(--md-sys-typescale-title-large-font-family);font-size:max(16px, calc(22px + var(--md-sys-density-scale, 0) * 1px));font-weight:var(--md-sys-typescale-title-large-font-weight);line-height:max(22px, calc(28px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-title-large-letter-spacing);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--_headline-color)}.md-app-bar__expanded{flex:1;display:flex;flex-direction:column;justify-content:flex-end;padding-inline:var(--_expanded-padding-inline);padding-block-end:var(--_expanded-padding-block-end);min-block-size:0;overflow:hidden}:host(.md-app-bar--center) .md-app-bar__expanded{align-items:center;text-align:center}:host(.md-app-bar--medium) .md-app-bar__expanded-headline,:host(.md-app-bar--large) .md-app-bar__expanded-headline{font-family:var(--md-sys-typescale-headline-medium-font-family);font-size:max(22px, calc(28px + var(--md-sys-density-scale, 0) * 1px));font-weight:var(--md-sys-typescale-headline-medium-font-weight);line-height:max(28px, calc(36px + var(--md-sys-density-scale, 0) * 2px));letter-spacing:var(--md-sys-typescale-headline-medium-letter-spacing);color:var(--_headline-color)}.md-app-bar__subtitle{margin-block-start:2px;font-family:var(--md-sys-typescale-label-large-font-family);font-size:max(12px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-label-large-font-weight);line-height:max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-label-large-letter-spacing);color:var(--_subtitle-color)}:host(.md-app-bar--large) .md-app-bar__expanded .md-app-bar__subtitle{font-family:var(--md-sys-typescale-title-medium-font-family);font-size:max(13px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-title-medium-font-weight);line-height:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-title-medium-letter-spacing)}:host(.md-app-bar--search){container-type:inline-size}.md-app-bar__row--search{flex-shrink:0;gap:var(--_search-row-gap)}:host(.md-app-bar--search) .md-app-bar__leading{min-inline-size:var(--_icon-button-size)}:host(.md-app-bar--search) .md-app-bar__trailing{margin-inline-start:0;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-inline-size:var(--_trailing-touch-size);min-block-size:var(--_trailing-touch-size)}:host(.md-app-bar--search) .md-app-bar__search-input,:host(.md-app-bar--search) .md-app-bar__search-content{text-align:start}:host(.md-app-bar--search:not(.md-app-bar--center)) .md-app-bar__search-field{padding-inline-start:max(12px, var(--_search-padding-inline-start));padding-inline-end:0}:host(.md-app-bar--search:not(.md-app-bar--center)) .md-app-bar__search-input{padding-inline-start:max(12px, var(--_search-padding-inline-start));padding-inline-end:0}:host(.md-app-bar--search:not(.md-app-bar--center)) .md-app-bar__search-field:has(.md-app-bar__search-input){padding-inline-start:0}:host(.md-app-bar--search.md-app-bar--center) .md-app-bar__search-field{padding-inline-start:0;padding-inline-end:0}:host(.md-app-bar--search.md-app-bar--center) .md-app-bar__search-input::placeholder{text-align:center}:host(.md-app-bar--search.md-app-bar--center) .md-app-bar__search-input{padding-inline-start:max(12px, var(--_search-padding-inline-start));padding-inline-end:max(12px, var(--_search-padding-inline-start))}.md-app-bar__search-host{flex:1 1 auto;min-inline-size:0;display:flex;align-items:center;align-self:stretch;justify-content:center;overflow:visible}.md-app-bar__search{position:relative;display:flex;align-items:center;box-sizing:border-box;flex:1 1 auto;inline-size:100%;min-inline-size:0;margin-inline:0;align-self:center;block-size:var(--_search-container-height);padding-inline-start:0;padding-inline-end:0;gap:var(--_icon-gap);border-radius:var(--_search-container-shape);background-color:var(--_search-container-color);color:var(--_search-input-color);cursor:text;overflow:hidden;transition:background-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard),     box-shadow var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}.md-app-bar__search:focus-within{overflow:visible}.md-app-bar__search>md-ripple{position:absolute;inset:0;border-radius:inherit;pointer-events:none;--md-ripple-grow-duration:var(--md-sys-motion-duration-short2);--md-ripple-grow-easing:var(--md-sys-motion-easing-standard);--md-ripple-extend-inline:0px}.md-app-bar__search-state-layer{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background-color:var(--_search-input-color);opacity:0;transition:opacity var(--md-sys-motion-duration-short1) var(--md-sys-motion-easing-standard)}.md-app-bar__search:hover .md-app-bar__search-state-layer{opacity:var(--md-sys-state-hover-state-layer-opacity)}.md-app-bar__search:active .md-app-bar__search-state-layer{opacity:var(--md-sys-state-pressed-state-layer-opacity)}.md-app-bar__search--focus-ring{outline:3px solid var(--md-sys-color-secondary);outline-offset:2px}.md-app-bar__search-field{flex:1 1 auto;min-inline-size:0;display:flex;align-items:center;box-sizing:border-box;position:relative;z-index:1;padding-inline:0}.md-app-bar__search-input{flex:1 1 auto;min-inline-size:0;inline-size:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start;border:0;outline:0;background:transparent;color:var(--_search-input-color);font-family:var(--md-sys-typescale-body-large-font-family);font-size:max(13px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-body-large-font-weight);line-height:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-body-large-letter-spacing);padding-block:0;padding-inline-end:0;padding-inline-start:0;margin:0;text-indent:0;box-sizing:border-box;appearance:none}.md-app-bar__search-input::placeholder{color:var(--_search-placeholder-color);opacity:1}.md-app-bar__search-input:disabled{cursor:not-allowed}.md-app-bar__search-content{flex:1 1 auto;min-inline-size:0;inline-size:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;padding-inline:0;margin:0}::slotted([slot='search']){inline-size:100%;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;padding-inline:0;margin:0}.md-app-bar__search-trailing{display:inline-flex;align-items:center;flex-shrink:0;gap:var(--_search-trailing-gap);color:var(--_search-trailing-icon-color);position:relative;z-index:2;padding-inline:0;margin-inline:0}:host(.md-app-bar--with-search-trailing) .md-app-bar__search{padding-inline-end:var(--_search-padding-inline-end)}:host(.md-app-bar--with-search-trailing) .md-app-bar__search-trailing{margin-inline-start:var(--_search-field-trailing-gap)}::slotted([slot='search-trailing']){color:var(--_search-trailing-icon-color)}:host(.md-app-bar--search) ::slotted([slot='trailing']){color:var(--_trailing-icon-color)}:host(.md-app-bar--search-disabled) .md-app-bar__search,:host(.md-app-bar--search) .md-app-bar__search:has(.md-app-bar__search-input:disabled){cursor:not-allowed;opacity:0.38}:host(.md-app-bar--search-disabled) .md-app-bar__search-state-layer,:host(.md-app-bar--search) .md-app-bar__search:has(.md-app-bar__search-input:disabled) .md-app-bar__search-state-layer{display:none}@media (prefers-reduced-motion: reduce){.md-app-bar__search{transition-duration:0.01ms !important}}@container (max-width: 599px){:host(.md-app-bar--search:not(.md-app-bar--center)){--_search-padding-inline-start:min(16px, var(--_search-padding-inline-start))}:host(.md-app-bar--search) ::slotted([slot='search-trailing']:not(:first-of-type):not([data-compact-keep])){display:none}}@container (max-width: 399px){:host(.md-app-bar--search:not(.md-app-bar--center)){--_search-padding-inline-start:min(12px, var(--_search-padding-inline-start))}}@media (max-width: 599px){:host(.md-app-bar--search:not(.md-app-bar--center)){--_search-padding-inline-start:min(16px, var(--_search-padding-inline-start))}:host(.md-app-bar--search) ::slotted([slot='search-trailing']:not(:first-of-type):not([data-compact-keep])){display:none}}@media (max-width: 399px){:host(.md-app-bar--search:not(.md-app-bar--center)){--_search-padding-inline-start:min(12px, var(--_search-padding-inline-start))}}.md-app-bar__leading-button{flex-shrink:0;--md-icon-button-icon-size:var(--_icon-size-handoff);--md-icon-button-container-width:var(--_icon-button-size);--md-icon-button-container-height:var(--_icon-button-size);--md-icon-button-icon-color:var(--_leading-icon-color);--md-icon-button-state-layer-color:var(--_leading-icon-color)}::slotted([slot='leading']),::slotted([slot='trailing']),::slotted([slot='search-trailing']){flex-shrink:0;--md-icon-button-icon-size:var(--_icon-size-handoff);--md-icon-button-container-width:var(--_icon-button-size);--md-icon-button-container-height:var(--_icon-button-size)}::slotted([slot='leading']){--md-icon-button-icon-color:var(--_leading-icon-color);--md-icon-button-state-layer-color:var(--_leading-icon-color)}::slotted([slot='trailing']){--md-icon-button-icon-color:var(--_trailing-icon-color);--md-icon-button-state-layer-color:var(--_trailing-icon-color);--md-avatar-size:var(--_avatar-size)}::slotted([slot='trailing'][hidden]){display:none !important}::slotted([slot='search-trailing']){--md-icon-button-icon-color:var(--_search-trailing-icon-color);--md-icon-button-state-layer-color:var(--_search-trailing-icon-color)}:host-context([dir='rtl']) ::slotted([slot='leading'][data-directional]),:host([dir='rtl']) ::slotted([slot='leading'][data-directional]),:host-context([dir='rtl']) .md-app-bar__leading-button[data-directional],:host([dir='rtl']) .md-app-bar__leading-button[data-directional]{transform:scaleX(-1)}`;const o=a(class a extends e{constructor(a){super();if(a!==false){this.__registerHost()}this.__attachShadow();this.mdLeadingClick=i(this,"mdLeadingClick",7);this.mdSearchActivate=i(this,"mdSearchActivate",7);this.mdSearchInput=i(this,"mdSearchInput",7);this.variant="small";this.titleAlignment="start";this.searchPlaceholder="Search";this.searchValue="";this.searchAriaLabel="";this.searchDisabled=false;this.headline="";this.subtitle="";this.scrolled=false;this.density=0;this.leadingIcon="";this.leadingIconLabel="";this.hasSlottedLeading=false;this.hasSlottedHeadline=false;this.hasSlottedSubtitle=false;this.hasSlottedSearch=false;this.hasSlottedSearchTrailing=false;this.searchFocused=false;this.searchKeyboardModality=false;this.trackSearchKeyboardModality=()=>{this.searchKeyboardModality=true};this.trackSearchPointerModality=()=>{this.searchKeyboardModality=false};this.handleSearchContainerClick=()=>{if(this.searchDisabled)return;this.searchInput?.focus()};this.handleSearchInput=a=>{const e=a.target.value;this.searchValue=e;this.mdSearchInput.emit({value:e})};this.handleSearchFocus=()=>{if(this.searchDisabled)return;this.searchFocused=true;this.emitSearchActivate()};this.handleSearchBlur=()=>{this.searchFocused=false};this.handleSearchKeyDown=a=>{if(this.searchDisabled)return;if(a.key==="Enter"||a.key===" "){a.preventDefault();this.emitSearchActivate()}}}connectedCallback(){if(typeof document==="undefined")return;document.addEventListener("keydown",this.trackSearchKeyboardModality,true);document.addEventListener("pointerdown",this.trackSearchPointerModality,true)}disconnectedCallback(){if(typeof document==="undefined")return;document.removeEventListener("keydown",this.trackSearchKeyboardModality,true);document.removeEventListener("pointerdown",this.trackSearchPointerModality,true)}componentWillLoad(){this.hasSlottedLeading=this.el.querySelector('[slot="leading"]')!==null;this.hasSlottedHeadline=this.el.querySelector('[slot="headline"]')!==null;this.hasSlottedSubtitle=this.el.querySelector('[slot="subtitle"]')!==null;this.hasSlottedSearch=this.el.querySelector('[slot="search"]')!==null;this.hasSlottedSearchTrailing=this.el.querySelector('[slot="search-trailing"]')!==null}componentDidLoad(){const a=this.el.shadowRoot;if(!a)return;const e=a.querySelector('slot[name="leading"]');const i=a.querySelector('slot[name="headline"]');const r=a.querySelector('slot[name="subtitle"]');const t=a.querySelector('slot[name="search"]');const s=a.querySelector('slot[name="search-trailing"]');const n=a.querySelector('slot[name="trailing"]');const l=()=>{this.hasSlottedLeading=this.el.querySelector('[slot="leading"]')!==null||(e?.assignedElements().length??0)>0};const d=()=>{this.hasSlottedHeadline=this.el.querySelector('[slot="headline"]')!==null||(i?.assignedElements().length??0)>0};const o=()=>{this.hasSlottedSubtitle=this.el.querySelector('[slot="subtitle"]')!==null||(r?.assignedElements().length??0)>0};const p=()=>{this.hasSlottedSearch=this.el.querySelector('[slot="search"]')!==null||(t?.assignedElements().length??0)>0};const c=()=>{this.hasSlottedSearchTrailing=this.el.querySelector('[slot="search-trailing"]')!==null||(s?.assignedElements().length??0)>0};const h=()=>this.enforceTrailingSlotLimit(n);e?.addEventListener("slotchange",l);i?.addEventListener("slotchange",d);r?.addEventListener("slotchange",o);t?.addEventListener("slotchange",p);s?.addEventListener("slotchange",c);n?.addEventListener("slotchange",h);h()}enforceTrailingSlotLimit(e){const i=e?.assignedElements({flatten:true})??[];if(i.length>a.MAX_TRAILING_ICONS){console.warn(`[md-app-bar] The trailing slot supports at most ${a.MAX_TRAILING_ICONS} action icons; `+`${i.length} were provided. Icons beyond the limit are hidden.`)}i.forEach(((e,i)=>{const r=e;if(i>=a.MAX_TRAILING_ICONS){r.hidden=true}else if(r.hidden){r.hidden=false}}))}isFlexible(){return this.variant==="medium"||this.variant==="large"}isSearchVariant(){return this.variant==="search"}hasHeadlineContent(){return Boolean(this.headline)||this.hasSlottedHeadline}effectiveSearchLabel(){return this.searchAriaLabel||this.searchPlaceholder||"Search"}emitSearchActivate(){if(this.searchDisabled)return;this.mdSearchActivate.emit({value:this.searchValue})}hasSubtitleContent(){return Boolean(this.subtitle)||this.hasSlottedSubtitle}renderLeadingFallback(){const a=Boolean(this.leadingIcon)&&!this.hasSlottedLeading;if(!a)return null;return r("md-icon-button",{class:"md-app-bar__leading-button",exportparts:"icon, state-layer",part:"leading-icon",icon:this.leadingIcon,variant:"standard",size:"md",buttonWidth:"narrow","aria-label":this.leadingIconLabel||undefined,onClick:a=>this.mdLeadingClick.emit(a)})}renderInlineHeadline(){const a=this.isFlexible();const e=this.headline?r("span",{class:"md-app-bar__title",part:"title"},this.headline):a?null:this.hasSlottedHeadline?r("span",{class:"md-app-bar__title",part:"title"},r("slot",{name:"headline"})):null;const i=!this.hasSubtitleContent()?null:this.subtitle?r("span",{class:"md-app-bar__subtitle md-app-bar__subtitle--inline",part:"subtitle"},this.subtitle):a?null:r("span",{class:"md-app-bar__subtitle md-app-bar__subtitle--inline",part:"subtitle"},r("slot",{name:"subtitle"}));if(!e&&!i)return null;return r("span",{class:"md-app-bar__headline-inline","aria-hidden":a?"true":null},e,i)}renderExpandedHeadline(){if(this.headline){return r("span",{class:"md-app-bar__expanded-headline",part:"expanded-headline"},this.headline)}return r("span",{class:"md-app-bar__expanded-headline",part:"expanded-headline"},r("slot",{name:"headline"}))}renderExpandedSubtitle(){if(this.subtitle){return r("span",{class:"md-app-bar__subtitle",part:"subtitle"},this.subtitle)}return r("span",{class:"md-app-bar__subtitle",part:"subtitle"},r("slot",{name:"subtitle"}))}renderSearchField(){return r("div",{class:"md-app-bar__search-host",part:"search-host"},r("div",{class:{"md-app-bar__search":true,"md-app-bar__search--focused":this.searchFocused,"md-app-bar__search--focus-ring":this.searchFocused&&this.searchKeyboardModality},part:"search",onClick:this.handleSearchContainerClick},!this.searchDisabled&&r("md-ripple",{disabled:this.searchDisabled}),r("span",{class:"md-app-bar__search-state-layer",part:"search-state-layer","aria-hidden":"true"}),this.hasSlottedSearch?r("span",{class:"md-app-bar__search-field",part:"search-field"},r("span",{class:"md-app-bar__search-content",part:"search-content"},r("slot",{name:"search"}))):r("span",{class:"md-app-bar__search-field",part:"search-field"},r("input",{ref:a=>this.searchInput=a,class:"md-app-bar__search-input",part:"search-input",type:"text",inputMode:"search",enterKeyHint:"search",role:"searchbox",value:this.searchValue,placeholder:this.searchPlaceholder,disabled:this.searchDisabled,"aria-label":this.effectiveSearchLabel(),autocomplete:"off",spellcheck:false,onInput:this.handleSearchInput,onFocus:this.handleSearchFocus,onBlur:this.handleSearchBlur,onKeyDown:this.handleSearchKeyDown})),r("span",{class:"md-app-bar__search-trailing",part:"search-trailing"},r("slot",{name:"search-trailing"}))))}renderSearchTop(){return r("div",{class:"md-app-bar__row md-app-bar__row--search",part:"row"},r("span",{class:"md-app-bar__leading",part:"leading"},r("slot",{name:"leading"}),this.renderLeadingFallback()),this.renderSearchField(),r("span",{class:"md-app-bar__trailing",part:"trailing"},r("slot",{name:"trailing"})))}renderTop(){if(this.isSearchVariant()){return this.renderSearchTop()}const a=this.isFlexible();return[r("div",{class:"md-app-bar__row",part:"row"},r("span",{class:"md-app-bar__leading",part:"leading"},r("slot",{name:"leading"}),this.renderLeadingFallback()),this.renderInlineHeadline(),r("span",{class:"md-app-bar__trailing",part:"trailing"},r("slot",{name:"trailing"}))),a&&r("div",{class:"md-app-bar__expanded",part:"expanded"},this.renderExpandedHeadline(),this.hasSubtitleContent()&&this.renderExpandedSubtitle())]}render(){const a=this.isFlexible();const e=this.isSearchVariant();const i=this.titleAlignment==="center";return r(t,{key:"28769a5568a4a6be2949cefef62b2cc2a9fa3a75",class:{"md-app-bar":true,[`md-app-bar--${this.variant}`]:true,"md-app-bar--flexible":a,"md-app-bar--center":i,"md-app-bar--search":e,"md-app-bar--with-subtitle":!e&&this.hasSubtitleContent(),"md-app-bar--search-focused":e&&this.searchFocused,"md-app-bar--search-disabled":e&&this.searchDisabled,"md-app-bar--with-search-trailing":e&&this.hasSlottedSearchTrailing,"md-app-bar--scrolled":this.scrolled,[`md-app-bar--density${this.density}`]:this.density!==0},role:"banner"},this.renderTop())}get el(){return this}static get style(){return d()}},[257,"md-app-bar",{variant:[513],titleAlignment:[513,"title-alignment"],searchPlaceholder:[1,"search-placeholder"],searchValue:[1537,"search-value"],searchAriaLabel:[1,"search-aria-label"],searchDisabled:[516,"search-disabled"],headline:[513],subtitle:[513],scrolled:[516],density:[514],leadingIcon:[1,"leading-icon"],leadingIconLabel:[1,"leading-icon-label"],hasSlottedLeading:[32],hasSlottedHeadline:[32],hasSlottedSubtitle:[32],hasSlottedSearch:[32],hasSlottedSearchTrailing:[32],searchFocused:[32],searchKeyboardModality:[32]}]);o.MAX_TRAILING_ICONS=3;function p(){if(typeof customElements==="undefined"){return}const a=["md-app-bar","md-icon-button","md-ripple"];a.forEach((a=>{switch(a){case"md-app-bar":if(!customElements.get(s(a))){customElements.define(s(a),o)}break;case"md-icon-button":if(!customElements.get(s(a))){n()}break;case"md-ripple":if(!customElements.get(s(a))){l()}break}}))}p();const c=o;const h=p;export{c as MdAppBar,h as defineCustomElement};
+import{p as a,H as e,c as i,h as r,d as t,t as s}from"./p-BR6gfOQH.js";import{d as n}from"./p-DYL-8C5C.js";import{d as l}from"./p-CTC8XAB6.js";const d=()=>`:host{--_container-color:var(--md-app-bar-container-color, var(--md-sys-color-surface));--_container-color-scrolled:var(     --md-app-bar-container-color-scrolled,     var(--md-sys-color-surface-container)   );--_container-shape:var(--md-app-bar-container-shape, var(--md-sys-shape-corner-none));--_headline-color:var(--md-app-bar-headline-color, var(--md-sys-color-on-surface));--_subtitle-color:var(--md-app-bar-subtitle-color, var(--md-sys-color-on-surface-variant));--_leading-icon-color:var(--md-app-bar-leading-icon-color, var(--md-sys-color-on-surface));--_trailing-icon-color:var(--md-app-bar-trailing-icon-color, var(--md-sys-color-on-surface-variant));--_container-elevation:var(--md-app-bar-container-elevation, var(--md-sys-elevation-0));--_padding-inline-start:var(     --md-app-bar-padding-inline-start,     var(--md-app-bar-row-padding-inline, var(--md-sys-spacing-inset-xs, 4px))   );--_padding-inline-end:var(     --md-app-bar-padding-inline-end,     var(--md-app-bar-row-padding-inline, var(--md-sys-spacing-inset-xs, 4px))   );--_icon-gap:var(--md-app-bar-icon-gap, 0px);--_row-height:var(--md-app-bar-row-height, max(48px, calc(64px + var(--md-sys-density-scale, 0) * 4px)));--_icon-button-size:var(--md-app-bar-icon-button-size, max(32px, calc(48px + var(--md-sys-density-scale, 0) * 4px)));--_trailing-icon-touch-size:var(--md-app-bar-trailing-icon-touch-size, var(--_icon-button-size));--_trailing-gap:var(--md-app-bar-trailing-gap, 2px);--_row-padding-block-start:var(--md-app-bar-row-padding-block-start, 0px);--_icon-size:var(--md-app-bar-icon-size, max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px)));--_icon-size-handoff:var(--_icon-size);--_avatar-size:var(--md-app-bar-avatar-size, max(24px, calc(32px + var(--md-sys-density-scale, 0) * 2px)));--_expanded-padding-inline:var(--md-app-bar-expanded-padding-inline, var(--md-sys-spacing-inset-lg, 16px));--_expanded-padding-block-end:var(--md-app-bar-expanded-padding-block-end, var(--md-sys-spacing-inset-xl, 24px));--_search-container-color:var(     --md-app-bar-search-container-color,     var(--md-sys-color-surface-container-highest)   );--_search-container-color-scrolled:var(     --md-app-bar-search-container-color-scrolled,     var(--md-sys-color-surface-container)   );--_search-container-shape:var(     --md-app-bar-search-container-shape,     var(--md-sys-shape-corner-full)   );--_search-container-height:var(--md-app-bar-search-container-height, max(40px, calc(56px + var(--md-sys-density-scale, 0) * 4px)));--_search-padding-inline-start:var(--md-app-bar-search-padding-inline-start, var(--md-sys-spacing-inset-xl, 24px));--_search-padding-inline-end:var(--md-app-bar-search-padding-inline-end, var(--md-sys-spacing-inset-sm, 8px));--_search-row-gap:var(--md-app-bar-search-row-gap, var(--md-sys-spacing-gap-sm, 8px));--_search-trailing-gap:var(--md-app-bar-search-trailing-gap, var(--md-sys-spacing-gap-xs, 4px));--_search-field-trailing-gap:var(--md-app-bar-search-field-trailing-gap, 6px);--_trailing-touch-size:var(--md-app-bar-trailing-touch-size, max(32px, calc(48px + var(--md-sys-density-scale, 0) * 4px)));--_search-placeholder-color:var(     --md-app-bar-search-placeholder-color,     var(--md-sys-color-on-surface-variant)   );--_search-input-color:var(     --md-app-bar-search-input-color,     var(--md-sys-color-on-surface)   );--_search-trailing-icon-color:var(     --md-app-bar-search-trailing-icon-color,     var(--md-sys-color-on-surface-variant)   );display:block;inline-size:100%;max-inline-size:100%;min-inline-size:0;box-sizing:border-box;border-radius:var(--_container-shape);background-color:var(--_container-color);color:var(--_headline-color);box-shadow:var(--_container-elevation);z-index:var(--md-sys-z-index-app-bar, 100);position:sticky;inset-block-start:0;transition:background-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard),     box-shadow var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}:host(.md-app-bar--scrolled){background-color:var(--_container-color-scrolled)}:host(.md-app-bar--scrolled) .md-app-bar__search{background-color:var(--_search-container-color-scrolled)}:host(.md-app-bar--flexible){display:flex;flex-direction:column;min-block-size:var(--_flex-expanded-height)}:host(.md-app-bar--medium){--_flex-expanded-height:var(--md-app-bar-medium-height, calc(112px + var(--md-sys-density-scale, 0) * 4px));--_expanded-padding-block-end:var(--md-sys-spacing-inset-xl, 24px)}:host(.md-app-bar--medium.md-app-bar--with-subtitle){--_flex-expanded-height:var(--md-app-bar-medium-height-with-subtitle, calc(136px + var(--md-sys-density-scale, 0) * 4px))}:host(.md-app-bar--large){--_flex-expanded-height:var(--md-app-bar-large-height, calc(120px + var(--md-sys-density-scale, 0) * 4px));--_expanded-padding-block-end:28px}:host(.md-app-bar--large:not(.md-app-bar--search)){--_row-padding-block-start:var(--md-app-bar-row-padding-block-start, 20px)}:host(.md-app-bar--large.md-app-bar--with-subtitle){--_flex-expanded-height:var(--md-app-bar-large-height-with-subtitle, calc(152px + var(--md-sys-density-scale, 0) * 4px))}.md-app-bar__row{display:flex;align-items:center;flex-shrink:0;block-size:var(--_row-height);min-block-size:var(--_row-height);padding-inline-start:var(--_padding-inline-start);padding-inline-end:var(--_padding-inline-end);padding-block-start:var(--_row-padding-block-start);gap:var(--_icon-gap)}:host(.md-app-bar--large:not(.md-app-bar--search)) .md-app-bar__row{align-items:flex-start}:host(.md-app-bar--center:not(.md-app-bar--search)) .md-app-bar__row{display:grid;grid-template-columns:minmax(var(--_icon-button-size), 1fr) minmax(0, auto) minmax(       var(--_icon-button-size),       1fr     );align-items:center;column-gap:var(--_icon-gap)}.md-app-bar__leading,.md-app-bar__trailing{display:inline-flex;align-items:center;flex-shrink:0;gap:0;color:var(--_leading-icon-color)}:host(.md-app-bar--center:not(.md-app-bar--search)) .md-app-bar__leading{justify-self:start}.md-app-bar__trailing{color:var(--_trailing-icon-color);margin-inline-start:auto;gap:var(--_trailing-gap)}:host(.md-app-bar--center:not(.md-app-bar--search)) .md-app-bar__trailing{justify-self:end;margin-inline-start:0}.md-app-bar__headline-inline{display:flex;flex-direction:column;justify-content:center;flex:1;min-inline-size:0;padding-inline:var(--md-sys-spacing-inset-md, 12px)}:host(.md-app-bar--center) .md-app-bar__headline-inline{flex:unset;justify-self:center;align-items:center;text-align:center;padding-inline:var(--md-sys-spacing-inset-sm, 8px)}:host(.md-app-bar--flexible) .md-app-bar__headline-inline{opacity:0;pointer-events:none}.md-app-bar__title{min-inline-size:0;font-family:var(--md-sys-typescale-title-large-font-family);font-size:max(16px, calc(22px + var(--md-sys-density-scale, 0) * 1px));font-weight:var(--md-sys-typescale-title-large-font-weight);line-height:max(22px, calc(28px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-title-large-letter-spacing);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--_headline-color)}.md-app-bar__expanded{flex:1;display:flex;flex-direction:column;justify-content:flex-end;padding-inline:var(--_expanded-padding-inline);padding-block-end:var(--_expanded-padding-block-end);min-block-size:0;overflow:hidden}:host(.md-app-bar--center) .md-app-bar__expanded{align-items:center;text-align:center}:host(.md-app-bar--medium) .md-app-bar__expanded-headline,:host(.md-app-bar--large) .md-app-bar__expanded-headline{font-family:var(--md-sys-typescale-headline-medium-font-family);font-size:max(22px, calc(28px + var(--md-sys-density-scale, 0) * 1px));font-weight:var(--md-sys-typescale-headline-medium-font-weight);line-height:max(28px, calc(36px + var(--md-sys-density-scale, 0) * 2px));letter-spacing:var(--md-sys-typescale-headline-medium-letter-spacing);color:var(--_headline-color)}.md-app-bar__subtitle{margin-block-start:2px;font-family:var(--md-sys-typescale-label-large-font-family);font-size:max(12px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-label-large-font-weight);line-height:max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-label-large-letter-spacing);color:var(--_subtitle-color)}:host(.md-app-bar--large) .md-app-bar__expanded .md-app-bar__subtitle{font-family:var(--md-sys-typescale-title-medium-font-family);font-size:max(13px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-title-medium-font-weight);line-height:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-title-medium-letter-spacing)}:host(.md-app-bar--search){container-type:inline-size}.md-app-bar__row--search{flex-shrink:0;gap:var(--_search-row-gap)}:host(.md-app-bar--search) .md-app-bar__leading{min-inline-size:var(--_icon-button-size)}:host(.md-app-bar--search) .md-app-bar__trailing{margin-inline-start:0;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-inline-size:var(--_trailing-touch-size);min-block-size:var(--_trailing-touch-size)}:host(.md-app-bar--search) .md-app-bar__search-input,:host(.md-app-bar--search) .md-app-bar__search-content{text-align:start}:host(.md-app-bar--search:not(.md-app-bar--center)) .md-app-bar__search-field{padding-inline-start:max(12px, var(--_search-padding-inline-start));padding-inline-end:0}:host(.md-app-bar--search:not(.md-app-bar--center)) .md-app-bar__search-input{padding-inline-start:max(12px, var(--_search-padding-inline-start));padding-inline-end:0}:host(.md-app-bar--search:not(.md-app-bar--center)) .md-app-bar__search-field:has(.md-app-bar__search-input){padding-inline-start:0}:host(.md-app-bar--search.md-app-bar--center) .md-app-bar__search-field{padding-inline-start:0;padding-inline-end:0}:host(.md-app-bar--search.md-app-bar--center) .md-app-bar__search-input::placeholder{text-align:center}:host(.md-app-bar--search.md-app-bar--center) .md-app-bar__search-input{padding-inline-start:max(12px, var(--_search-padding-inline-start));padding-inline-end:max(12px, var(--_search-padding-inline-start))}.md-app-bar__search-host{flex:1 1 auto;min-inline-size:0;display:flex;align-items:center;align-self:stretch;justify-content:center;overflow:visible}.md-app-bar__search{position:relative;display:flex;align-items:center;box-sizing:border-box;flex:1 1 auto;inline-size:100%;min-inline-size:0;margin-inline:0;align-self:center;block-size:var(--_search-container-height);padding-inline-start:0;padding-inline-end:0;gap:var(--_icon-gap);border-radius:var(--_search-container-shape);background-color:var(--_search-container-color);color:var(--_search-input-color);cursor:text;overflow:hidden;transition:background-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard),     box-shadow var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}.md-app-bar__search:focus-within{overflow:visible}.md-app-bar__search>md-ripple{position:absolute;inset:0;border-radius:inherit;pointer-events:none;--md-ripple-grow-duration:var(--md-sys-motion-duration-short2);--md-ripple-grow-easing:var(--md-sys-motion-easing-standard);--md-ripple-extend-inline:0px}.md-app-bar__search-state-layer{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background-color:var(--_search-input-color);opacity:0;transition:opacity var(--md-sys-motion-duration-short1) var(--md-sys-motion-easing-standard)}.md-app-bar__search:hover .md-app-bar__search-state-layer{opacity:var(--md-sys-state-hover-state-layer-opacity)}.md-app-bar__search:active .md-app-bar__search-state-layer{opacity:var(--md-sys-state-pressed-state-layer-opacity)}.md-app-bar__search--focus-ring{outline:3px solid var(--md-sys-color-secondary);outline-offset:2px}.md-app-bar__search-field{flex:1 1 auto;min-inline-size:0;display:flex;align-items:center;box-sizing:border-box;position:relative;z-index:1;padding-inline:0}.md-app-bar__search-input{flex:1 1 auto;min-inline-size:0;inline-size:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start;border:0;outline:0;background:transparent;color:var(--_search-input-color);font-family:var(--md-sys-typescale-body-large-font-family);font-size:max(13px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-body-large-font-weight);line-height:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-body-large-letter-spacing);padding-block:0;padding-inline-end:0;padding-inline-start:0;margin:0;text-indent:0;box-sizing:border-box;appearance:none}.md-app-bar__search-input::placeholder{color:var(--_search-placeholder-color);opacity:1}.md-app-bar__search-input:disabled{cursor:not-allowed}.md-app-bar__search-content{flex:1 1 auto;min-inline-size:0;inline-size:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;padding-inline:0;margin:0}::slotted([slot='search']){inline-size:100%;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;padding-inline:0;margin:0}.md-app-bar__search-trailing{display:inline-flex;align-items:center;flex-shrink:0;gap:var(--_search-trailing-gap);color:var(--_search-trailing-icon-color);position:relative;z-index:2;padding-inline:0;margin-inline:0}:host(.md-app-bar--with-search-trailing) .md-app-bar__search{padding-inline-end:var(--_search-padding-inline-end)}:host(.md-app-bar--with-search-trailing) .md-app-bar__search-trailing{margin-inline-start:var(--_search-field-trailing-gap)}::slotted([slot='search-trailing']){color:var(--_search-trailing-icon-color)}:host(.md-app-bar--search) ::slotted([slot='trailing']){color:var(--_trailing-icon-color)}:host(.md-app-bar--search-disabled) .md-app-bar__search,:host(.md-app-bar--search) .md-app-bar__search:has(.md-app-bar__search-input:disabled){cursor:not-allowed;opacity:0.38}:host(.md-app-bar--search-disabled) .md-app-bar__search-state-layer,:host(.md-app-bar--search) .md-app-bar__search:has(.md-app-bar__search-input:disabled) .md-app-bar__search-state-layer{display:none}@media (prefers-reduced-motion: reduce){.md-app-bar__search{transition-duration:0.01ms !important}}@container (max-width: 599px){:host(.md-app-bar--search:not(.md-app-bar--center)){--_search-padding-inline-start:min(16px, var(--_search-padding-inline-start))}:host(.md-app-bar--search) ::slotted([slot='search-trailing']:not(:first-of-type):not([data-compact-keep])){display:none}}@container (max-width: 399px){:host(.md-app-bar--search:not(.md-app-bar--center)){--_search-padding-inline-start:min(12px, var(--_search-padding-inline-start))}}@media (max-width: 599px){:host(.md-app-bar--search:not(.md-app-bar--center)){--_search-padding-inline-start:min(16px, var(--_search-padding-inline-start))}:host(.md-app-bar--search) ::slotted([slot='search-trailing']:not(:first-of-type):not([data-compact-keep])){display:none}}@media (max-width: 399px){:host(.md-app-bar--search:not(.md-app-bar--center)){--_search-padding-inline-start:min(12px, var(--_search-padding-inline-start))}}.md-app-bar__leading-button{flex-shrink:0;--md-icon-button-icon-size:var(--_icon-size-handoff);--md-icon-button-container-width:var(--_icon-button-size);--md-icon-button-container-height:var(--_icon-button-size);--md-icon-button-icon-color:var(--_leading-icon-color);--md-icon-button-state-layer-color:var(--_leading-icon-color)}::slotted([slot='leading']),::slotted([slot='trailing']),::slotted([slot='search-trailing']){flex-shrink:0;--md-icon-button-icon-size:var(--_icon-size-handoff);--md-icon-button-container-width:var(--_icon-button-size);--md-icon-button-container-height:var(--_icon-button-size)}::slotted([slot='leading']){--md-icon-button-icon-color:var(--_leading-icon-color);--md-icon-button-state-layer-color:var(--_leading-icon-color)}::slotted([slot='trailing']){--md-icon-button-icon-color:var(--_trailing-icon-color);--md-icon-button-state-layer-color:var(--_trailing-icon-color);--md-avatar-size:var(--_avatar-size)}::slotted([slot='trailing'][hidden]){display:none !important}::slotted([slot='search-trailing']){--md-icon-button-icon-color:var(--_search-trailing-icon-color);--md-icon-button-state-layer-color:var(--_search-trailing-icon-color)}:host-context([dir='rtl']) ::slotted([slot='leading'][data-directional]),:host([dir='rtl']) ::slotted([slot='leading'][data-directional]),:host-context([dir='rtl']) .md-app-bar__leading-button[data-directional],:host([dir='rtl']) .md-app-bar__leading-button[data-directional]{transform:scaleX(-1)}`;const o=a(class a extends e{constructor(a){super();if(a!==false){this.__registerHost()}this.__attachShadow();this.mdLeadingClick=i(this,"mdLeadingClick",7);this.mdSearchActivate=i(this,"mdSearchActivate",7);this.mdSearchInput=i(this,"mdSearchInput",7);this.variant="small";this.titleAlignment="start";this.searchPlaceholder="Search";this.searchValue="";this.searchAriaLabel="";this.searchDisabled=false;this.headline="";this.subtitle="";this.scrolled=false;this.density=0;this.leadingIcon="";this.leadingIconLabel="";this.hasSlottedLeading=false;this.hasSlottedHeadline=false;this.hasSlottedSubtitle=false;this.hasSlottedSearch=false;this.hasSlottedSearchTrailing=false;this.searchFocused=false;this.searchKeyboardModality=false;this.trackSearchKeyboardModality=()=>{this.searchKeyboardModality=true};this.trackSearchPointerModality=()=>{this.searchKeyboardModality=false};this.handleSearchContainerClick=()=>{if(this.searchDisabled)return;this.searchInput?.focus()};this.handleSearchInput=a=>{const e=a.target.value;this.searchValue=e;this.mdSearchInput.emit({value:e})};this.handleSearchFocus=()=>{if(this.searchDisabled)return;this.searchFocused=true;this.emitSearchActivate()};this.handleSearchBlur=()=>{this.searchFocused=false};this.handleSearchKeyDown=a=>{if(this.searchDisabled)return;if(a.key==="Enter"||a.key===" "){a.preventDefault();this.emitSearchActivate()}}}connectedCallback(){if(typeof document==="undefined")return;document.addEventListener("keydown",this.trackSearchKeyboardModality,true);document.addEventListener("pointerdown",this.trackSearchPointerModality,true)}disconnectedCallback(){if(typeof document==="undefined")return;document.removeEventListener("keydown",this.trackSearchKeyboardModality,true);document.removeEventListener("pointerdown",this.trackSearchPointerModality,true)}componentWillLoad(){this.hasSlottedLeading=this.el.querySelector('[slot="leading"]')!==null;this.hasSlottedHeadline=this.el.querySelector('[slot="headline"]')!==null;this.hasSlottedSubtitle=this.el.querySelector('[slot="subtitle"]')!==null;this.hasSlottedSearch=this.el.querySelector('[slot="search"]')!==null;this.hasSlottedSearchTrailing=this.el.querySelector('[slot="search-trailing"]')!==null}componentDidLoad(){const a=this.el.shadowRoot;if(!a)return;const e=a.querySelector('slot[name="leading"]');const i=a.querySelector('slot[name="headline"]');const r=a.querySelector('slot[name="subtitle"]');const t=a.querySelector('slot[name="search"]');const s=a.querySelector('slot[name="search-trailing"]');const n=a.querySelector('slot[name="trailing"]');const l=()=>{this.hasSlottedLeading=this.el.querySelector('[slot="leading"]')!==null||(e?.assignedElements().length??0)>0};const d=()=>{this.hasSlottedHeadline=this.el.querySelector('[slot="headline"]')!==null||(i?.assignedElements().length??0)>0};const o=()=>{this.hasSlottedSubtitle=this.el.querySelector('[slot="subtitle"]')!==null||(r?.assignedElements().length??0)>0};const p=()=>{this.hasSlottedSearch=this.el.querySelector('[slot="search"]')!==null||(t?.assignedElements().length??0)>0};const c=()=>{this.hasSlottedSearchTrailing=this.el.querySelector('[slot="search-trailing"]')!==null||(s?.assignedElements().length??0)>0};const h=()=>this.enforceTrailingSlotLimit(n);e?.addEventListener("slotchange",l);i?.addEventListener("slotchange",d);r?.addEventListener("slotchange",o);t?.addEventListener("slotchange",p);s?.addEventListener("slotchange",c);n?.addEventListener("slotchange",h);h()}enforceTrailingSlotLimit(e){const i=e?.assignedElements({flatten:true})??[];if(i.length>a.MAX_TRAILING_ICONS){console.warn(`[md-app-bar] The trailing slot supports at most ${a.MAX_TRAILING_ICONS} action icons; `+`${i.length} were provided. Icons beyond the limit are hidden.`)}i.forEach(((e,i)=>{const r=e;if(i>=a.MAX_TRAILING_ICONS){r.hidden=true}else if(r.hidden){r.hidden=false}}))}isFlexible(){return this.variant==="medium"||this.variant==="large"}isSearchVariant(){return this.variant==="search"}hasHeadlineContent(){return Boolean(this.headline)||this.hasSlottedHeadline}effectiveSearchLabel(){return this.searchAriaLabel||this.searchPlaceholder||"Search"}emitSearchActivate(){if(this.searchDisabled)return;this.mdSearchActivate.emit({value:this.searchValue})}hasSubtitleContent(){return Boolean(this.subtitle)||this.hasSlottedSubtitle}renderLeadingFallback(){const a=Boolean(this.leadingIcon)&&!this.hasSlottedLeading;if(!a)return null;return r("md-icon-button",{class:"md-app-bar__leading-button",exportparts:"icon, state-layer",part:"leading-icon",icon:this.leadingIcon,variant:"standard",size:"md",buttonWidth:"narrow","aria-label":this.leadingIconLabel||undefined,onClick:a=>this.mdLeadingClick.emit(a)})}renderInlineHeadline(){const a=this.isFlexible();const e=this.headline?r("span",{class:"md-app-bar__title",part:"title"},this.headline):a?null:this.hasSlottedHeadline?r("span",{class:"md-app-bar__title",part:"title"},r("slot",{name:"headline"})):null;const i=!this.hasSubtitleContent()?null:this.subtitle?r("span",{class:"md-app-bar__subtitle md-app-bar__subtitle--inline",part:"subtitle"},this.subtitle):a?null:r("span",{class:"md-app-bar__subtitle md-app-bar__subtitle--inline",part:"subtitle"},r("slot",{name:"subtitle"}));if(!e&&!i)return null;return r("span",{class:"md-app-bar__headline-inline","aria-hidden":a?"true":null},e,i)}renderExpandedHeadline(){if(this.headline){return r("span",{class:"md-app-bar__expanded-headline",part:"expanded-headline"},this.headline)}return r("span",{class:"md-app-bar__expanded-headline",part:"expanded-headline"},r("slot",{name:"headline"}))}renderExpandedSubtitle(){if(this.subtitle){return r("span",{class:"md-app-bar__subtitle",part:"subtitle"},this.subtitle)}return r("span",{class:"md-app-bar__subtitle",part:"subtitle"},r("slot",{name:"subtitle"}))}renderSearchField(){return r("div",{class:"md-app-bar__search-host",part:"search-host"},r("div",{class:{"md-app-bar__search":true,"md-app-bar__search--focused":this.searchFocused,"md-app-bar__search--focus-ring":this.searchFocused&&this.searchKeyboardModality},part:"search",onClick:this.handleSearchContainerClick},!this.searchDisabled&&r("md-ripple",{disabled:this.searchDisabled}),r("span",{class:"md-app-bar__search-state-layer",part:"search-state-layer","aria-hidden":"true"}),this.hasSlottedSearch?r("span",{class:"md-app-bar__search-field",part:"search-field"},r("span",{class:"md-app-bar__search-content",part:"search-content"},r("slot",{name:"search"}))):r("span",{class:"md-app-bar__search-field",part:"search-field"},r("input",{ref:a=>this.searchInput=a,class:"md-app-bar__search-input",part:"search-input",type:"text",inputMode:"search",enterKeyHint:"search",role:"searchbox",value:this.searchValue,placeholder:this.searchPlaceholder,disabled:this.searchDisabled,"aria-label":this.effectiveSearchLabel(),autocomplete:"off",spellcheck:false,onInput:this.handleSearchInput,onFocus:this.handleSearchFocus,onBlur:this.handleSearchBlur,onKeyDown:this.handleSearchKeyDown})),r("span",{class:"md-app-bar__search-trailing",part:"search-trailing"},r("slot",{name:"search-trailing"}))))}renderSearchTop(){return r("div",{class:"md-app-bar__row md-app-bar__row--search",part:"row"},r("span",{class:"md-app-bar__leading",part:"leading"},r("slot",{name:"leading"}),this.renderLeadingFallback()),this.renderSearchField(),r("span",{class:"md-app-bar__trailing",part:"trailing"},r("slot",{name:"trailing"})))}renderTop(){if(this.isSearchVariant()){return this.renderSearchTop()}const a=this.isFlexible();return[r("div",{class:"md-app-bar__row",part:"row"},r("span",{class:"md-app-bar__leading",part:"leading"},r("slot",{name:"leading"}),this.renderLeadingFallback()),this.renderInlineHeadline(),r("span",{class:"md-app-bar__trailing",part:"trailing"},r("slot",{name:"trailing"}))),a&&r("div",{class:"md-app-bar__expanded",part:"expanded"},this.renderExpandedHeadline(),this.hasSubtitleContent()&&this.renderExpandedSubtitle())]}render(){const a=this.isFlexible();const e=this.isSearchVariant();const i=this.titleAlignment==="center";return r(t,{key:"28769a5568a4a6be2949cefef62b2cc2a9fa3a75",class:{"md-app-bar":true,[`md-app-bar--${this.variant}`]:true,"md-app-bar--flexible":a,"md-app-bar--center":i,"md-app-bar--search":e,"md-app-bar--with-subtitle":!e&&this.hasSubtitleContent(),"md-app-bar--search-focused":e&&this.searchFocused,"md-app-bar--search-disabled":e&&this.searchDisabled,"md-app-bar--with-search-trailing":e&&this.hasSlottedSearchTrailing,"md-app-bar--scrolled":this.scrolled,[`md-app-bar--density${this.density}`]:this.density!==0},role:"banner"},this.renderTop())}get el(){return this}static get style(){return d()}},[257,"md-app-bar",{variant:[513],titleAlignment:[513,"title-alignment"],searchPlaceholder:[1,"search-placeholder"],searchValue:[1537,"search-value"],searchAriaLabel:[1,"search-aria-label"],searchDisabled:[516,"search-disabled"],headline:[513],subtitle:[513],scrolled:[516],density:[514],leadingIcon:[1,"leading-icon"],leadingIconLabel:[1,"leading-icon-label"],hasSlottedLeading:[32],hasSlottedHeadline:[32],hasSlottedSubtitle:[32],hasSlottedSearch:[32],hasSlottedSearchTrailing:[32],searchFocused:[32],searchKeyboardModality:[32]}]);o.MAX_TRAILING_ICONS=3;function p(){if(typeof customElements==="undefined"){return}const a=["md-app-bar","md-icon-button","md-ripple"];a.forEach((a=>{switch(a){case"md-app-bar":if(!customElements.get(s(a))){customElements.define(s(a),o)}break;case"md-icon-button":if(!customElements.get(s(a))){n()}break;case"md-ripple":if(!customElements.get(s(a))){l()}break}}))}p();const c=o;const h=p;export{c as MdAppBar,h as defineCustomElement};
 //# sourceMappingURL=md-app-bar.js.map

package/dist/components/md-area-chart.js

@@ -1,2 +1,2 @@
-import{p as t,H as e,c as s,h as i,d as a,t as n}from"./p-MWBNn6Lj.js";import{d as o}from"./p-e2HRV63Y.js";import{d as r}from"./p-Ddiw2Kjw.js";import{L as h}from"./p-RLxbNqRv.js";import{r as l,d,a as c,b as m,p}from"./p-DvOKnoqK.js";import{n as u,b as y,a as b}from"./p-C_ogF68H.js";const f=()=>`:host{--_block-size:var(--md-area-chart-block-size, auto);--_min-block-size:var(--md-area-chart-min-block-size, max(120px, calc(160px + var(--md-sys-density-scale, 0) * 8px)));--_aspect-ratio:var(--md-area-chart-aspect-ratio, 16 / 9);--_background:var(--md-area-chart-background, var(--md-sys-color-surface-container-low, #F7F2FA));--_padding:var(--md-area-chart-padding, max(8px, calc(16px + var(--md-sys-density-scale, 0) * 2px)));--_zoom-size:var(--md-area-chart-zoom-size, 28px);--_zoom-track-color:var(--md-area-chart-zoom-track-color, var(--md-sys-color-surface-container-highest, #E6E0E9));--_zoom-window-color:var(--md-area-chart-zoom-window-color, var(--md-sys-color-secondary-container, #E8DEF8));--_zoom-handle-color:var(--md-area-chart-zoom-handle-color, var(--md-sys-color-primary, #6750A4));--_zoom-band-color:var(--md-area-chart-zoom-band-color, color-mix(in srgb, var(--md-sys-color-primary, #6750A4) 16%, transparent));--_zoom-pan-inset:10px;--_shape:var(--md-area-chart-shape, max(8px, calc(16px + var(--md-sys-density-scale, 0) * 2px)));--_empty-color:var(--md-area-chart-empty-color, var(--md-sys-color-on-surface-variant, #49454F));--_empty-background:var(--md-area-chart-empty-background, var(--_background));--_empty-font:var(--md-area-chart-empty-font, var(--md-sys-typescale-body-medium-font-family, Roboto, sans-serif));--_empty-font-size:var(--md-area-chart-empty-font-size, var(--md-sys-typescale-body-medium-font-size, 14px));--_empty-icon-size:var(--md-area-chart-empty-icon-size, 40px);display:block;position:relative;inline-size:100%;block-size:var(--_block-size);min-block-size:var(--_min-block-size);background:var(--_background);padding:var(--_padding);border-radius:var(--_shape);box-sizing:border-box;aspect-ratio:var(--_aspect-ratio)}.md-area-chart__header,.md-area-chart__footer{display:contents}.md-area-chart__header>slot[name='header']::slotted(*),.md-area-chart__footer>slot[name='footer']::slotted(*){display:block;margin-block:8px}.md-area-chart__canvas{position:absolute;inset:var(--_padding);min-block-size:0;min-inline-size:0}.md-area-chart__empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;box-sizing:border-box;padding:24px;background:var(--_empty-background);border-radius:var(--_shape);color:var(--_empty-color);font-family:var(--_empty-font);font-size:var(--_empty-font-size);line-height:var(--md-sys-typescale-body-medium-line-height, 20px);pointer-events:none;text-align:center}.md-area-chart__empty ::slotted(.material-symbols-outlined),.md-area-chart__empty ::slotted(.material-symbols-rounded),.md-area-chart__empty ::slotted(.material-symbols-sharp),.md-area-chart__empty ::slotted(.material-icons){font-size:var(--_empty-icon-size) !important;line-height:1;opacity:0.55}.md-area-chart__a11y-table{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media (forced-colors: active){:host{forced-color-adjust:auto}}.md-area-chart__live{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}[part='legend'] button:focus-visible{outline:3px solid var(--md-sys-color-secondary, #625B71);outline-offset:2px;border-radius:6px}.md-area-chart__canvas:focus-visible{outline:3px solid var(--md-sys-color-secondary, #625B71);outline-offset:-3px;border-radius:4px}.md-area-chart__loading{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;box-sizing:border-box;padding:24px;background:var(--_empty-background);border-radius:var(--_shape);color:var(--_empty-color);font-family:var(--_empty-font);font-size:var(--_empty-font-size);text-align:center}.md-area-chart__spinner{inline-size:var(--_empty-icon-size);block-size:var(--_empty-icon-size)}:host(.md-area-chart--zoom-slider) .md-area-chart__canvas{bottom:calc(var(--_padding) + var(--_zoom-size))}:host(.md-area-chart--zoom-drag) .md-area-chart__canvas{cursor:ew-resize}.md-area-chart__zoom{position:absolute;inset-inline:var(--_padding);bottom:var(--_padding);block-size:var(--_zoom-size);display:flex;align-items:center}.md-area-chart__zoom-slider{--md-slider-active-color:var(--_zoom-window-color);--md-slider-inactive-color:var(--_zoom-track-color);--md-slider-thumb-color:var(--_zoom-handle-color);--md-slider-thumb-height:var(--_zoom-size);--md-slider-track-height:12px}.md-area-chart__zoom-pan{position:absolute;inset-block:0;z-index:1;cursor:grab;touch-action:none}.md-area-chart__zoom-pan:active{cursor:grabbing}.md-area-chart__zoom-band{position:absolute;background:var(--_zoom-band-color);border-inline:1px solid var(--_zoom-handle-color);pointer-events:none}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}`;const g=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.mdMarkerClick=s(this,"mdMarkerClick",7);this.mdLineClick=s(this,"mdLineClick",7);this.mdAreaClick=s(this,"mdAreaClick",7);this.mdAxisClick=s(this,"mdAxisClick",7);this.mdLegendClick=s(this,"mdLegendClick",7);this.mdHover=s(this,"mdHover",7);this.mdReady=s(this,"mdReady",7);this.mdZoom=s(this,"mdZoom",7);this.label="";this.titleAlign="start";this.series=[];this.curve="smooth";this.stack="normal";this.connectNulls=false;this.showMarks=false;this.legend="top-end";this.tooltip="axis";this.zoom="none";this.locale="";this.noAnimation=false;this.animation="expressive";this.fillOpacity=.55;this.showLine=true;this.grid="horizontal";this.inverted=false;this.seriesLabels=false;this.summary="";this.labelEmpty="No data to display";this.loading=false;this.loadingLabel="Loading chart…";this.labelZoomStart="Zoom range start";this.labelZoomEnd="Zoom range end";this.axisTicks=false;this.showLabels=false;this.labelPlot="Chart data. Use the arrow keys to move between points, Home and End for the first and last, Escape to leave.";this.labelPoint="%x%: %values%";this.density=0;this.mounted=false;this.kbIndex=-1;this.announcement="";this.zoomWin=null;this.dragBand=null;this.grab=null;this.engine=null;this.ro=null;this.legendHidden=new Map;this.bindChartHost=t=>{this.chartHost=t};this.bindA11yTableHost=t=>{this.a11yTableHost=t};this.onPlotPointerDown=t=>{if(!this.zoomInside||t.button!==0||this.grab)return;if(!this.insidePlot(t))return;const e=this.hostX(t);this.grab={id:t.pointerId,kind:"band",x:e,win:this.win()};this.dragBand={x1:e,x2:e};const s=t.composedPath?.()[0]??t.target;s.setPointerCapture?.(t.pointerId)};this.onPointerMove=t=>{const e=this.grab;if(!e||e.id!==t.pointerId)return;if(e.kind==="band"){const s=this.plotRect();if(!s)return;this.dragBand={x1:e.x,x2:Math.min(Math.max(this.hostX(t),s.x),s.x+s.width)};return}const s=this.trackFrac(t.clientX);const i=this.trackFrac(e.x);if(s==null||i==null)return;const a=Math.max(1,this.dataLength()-1);const n=e.win.end-e.win.start;const o=Math.round((s-i)*a);const r=Math.min(Math.max(0,e.win.start+o),a-n);this.applyZoom(r,r+n)};this.onPointerUp=t=>{const e=this.grab;if(!e||e.id!==t.pointerId)return;this.grab=null;const s=this.dragBand;this.dragBand=null;if(e.kind!=="band"||!s)return;if(Math.abs(s.x2-s.x1)<8)return;const[i,a]=[this.indexAtX(s.x1),this.indexAtX(s.x2)].sort(((t,e)=>t-e));if(a-i>=1)this.applyZoom(i,a)};this.onPlotDblClick=t=>{if(this.zoomInside&&this.zoomWin&&this.insidePlot(t))this.resetZoom()};this.onZoomPanDown=t=>{if(t.button!==0)return;t.stopPropagation();t.preventDefault();this.grab={id:t.pointerId,kind:"pan",x:t.clientX,win:this.win()};t.target.setPointerCapture?.(t.pointerId)};this.onZoomSliderInput=t=>{t.stopPropagation();const{valueStart:e,valueEnd:s}=t.detail??{};if(e==null||s==null)return;this.applyZoom(e,s)};this.onZoomSliderEvent=t=>t.stopPropagation();this.onPlotKeyDown=t=>{const e=this.engine?.getScene();const s=Math.max(0,(e?.xPositions.length??0)-1);if(!e||s<0)return;const i=typeof getComputedStyle==="function"&&getComputedStyle(this.el).direction==="rtl";const a=i?"ArrowLeft":"ArrowRight";const n=i?"ArrowRight":"ArrowLeft";let o=this.kbIndex;switch(t.key){case a:o=this.kbIndex<0?0:Math.min(s,this.kbIndex+1);break;case n:o=this.kbIndex<0?s:Math.max(0,this.kbIndex-1);break;case"Home":o=0;break;case"End":o=s;break;case"Escape":if(this.kbIndex<0)return;o=-1;break;default:return}t.preventDefault();this.moveKeyboardCursor(o)};this.onPlotBlur=()=>{if(this.kbIndex>=0)this.moveKeyboardCursor(-1)}}seriesKeys(){const t=new Map;return this.series.map(((e,s)=>{const i=e.id!=null?`id:${e.id}`:e.label!=null?`label:${e.label}`:`pos:${s}`;const a=t.get(i)??0;t.set(i,a+1);return a===0?i:`${i}#${a}`}))}rememberLegendToggle(t,e){const s=this.seriesKeys()[t];if(s==null)return;this.legendHidden.set(s,e);if(this.legendHidden.size>256){const t=this.legendHidden.keys().next().value;this.legendHidden.delete(t)}}componentDidLoad(){this.initChart();if(typeof window!=="undefined"&&window.matchMedia){this.themeMql=window.matchMedia("(prefers-color-scheme: dark)");this.themeListener=()=>this.applyEngine();this.themeMql.addEventListener?.("change",this.themeListener)}}disconnectedCallback(){this.ro?.disconnect();this.ro=null;this.engine?.dispose();this.engine=null;if(this.themeMql&&this.themeListener){this.themeMql.removeEventListener?.("change",this.themeListener);this.themeListener=undefined;this.themeMql=undefined}}onAnyPropChange(){this.applyEngine();this.rebuildA11yTable()}async resize(){this.engine?.resize()}async replay(){this.engine?.replay()}async toDataURL(){return this.engine?.toDataURL("image/png")??""}async getInstance(){return this.engine}initChart(){this.makeEngine();this.applyEngine();this.rebuildA11yTable();this.mounted=true;this.mdReady.emit()}makeEngine(){if(!this.chartHost)return;this.ro?.disconnect();this.ro=null;this.engine?.dispose();try{this.engine=new h(this.chartHost)}catch{this.engine=null}if(this.engine&&typeof ResizeObserver!=="undefined"){this.ro=new ResizeObserver((()=>this.engine?.resize()));this.ro.observe(this.chartHost)}}buildEngineTheme(t){return{background:t.background,textColor:t.textColor,textColorMuted:t.textColorMuted,axisLineColor:t.axisLineColor,gridLineColor:t.gridColor,surface:t.surface,fontFamily:t.fontFamily,labelSize:t.labelSize,titleSize:t.titleSize}}get zoomInside(){return this.zoom==="inside"||this.zoom==="both"}get zoomSliderOn(){return this.zoom==="slider"||this.zoom==="both"}dataLength(){const t=this.series.reduce(((t,e)=>Math.max(t,e.range?.length??e.data?.length??0)),0);return Math.max(t,this.xAxis?.data?.length??0)}win(){const t=Math.max(0,this.dataLength()-1);const e=this.zoomWin;if(!e)return{start:0,end:t};const s=Math.min(Math.max(0,e.start),Math.max(0,t-1));return{start:s,end:Math.min(Math.max(s+1,e.end),t)}}applyZoom(t,e,s=false){const i=Math.max(0,this.dataLength()-1);const a=Math.min(Math.max(0,Math.round(t)),Math.max(0,i-1));const n=Math.min(Math.max(a+1,Math.round(e)),i);this.zoomWin=s?null:{start:a,end:n};this.applyEngine();this.rebuildA11yTable();this.mdZoom.emit({startIndex:s?0:a,endIndex:s?i:n,reset:s})}async setZoom(t,e){this.applyZoom(t,e)}async resetZoom(){this.applyZoom(0,0,true)}plotRect(){const t=this.engine?.getScene()?.plot;return t?{x:t.x,y:t.y,width:t.width,height:t.height}:null}zoomBandStyle(){const t=this.plotRect();if(!this.dragBand||!t)return undefined;const e=this.canvasOffset();const{x1:s,x2:i}=this.dragBand;return{left:`${e.x+Math.min(s,i)}px`,width:`${Math.abs(i-s)}px`,top:`${e.y+t.y}px`,height:`${t.height}px`}}canvasOffset(){const t=this.chartHost;if(!t)return{x:0,y:0};const e=this.el.getBoundingClientRect();const s=t.getBoundingClientRect();return{x:s.left-e.left,y:s.top-e.top}}indexAtX(t){const e=this.engine?.getScene();const s=this.win();if(!e?.xPositions?.length)return s.start;let i=0;let a=Infinity;e.xPositions.forEach(((e,s)=>{const n=Math.abs(e-t);if(n<a){a=n;i=s}}));return s.start+i}hostX(t){return t.clientX-(this.chartHost??this.el).getBoundingClientRect().left}insidePlot(t){const e=this.plotRect();if(!e)return false;const s=(this.chartHost??this.el).getBoundingClientRect();const i=t.clientX-s.left;const a=t.clientY-s.top;return i>=e.x&&i<=e.x+e.width&&a>=e.y&&a<=e.y+e.height}sliderTrackRect(){const t=this.el.shadowRoot?.querySelector(".md-area-chart__zoom-slider");if(!t)return null;const e=t.getBoundingClientRect();if(!e.width)return null;return{left:e.left,width:e.width,rtl:getComputedStyle(this.el).direction==="rtl"}}trackFrac(t){const e=this.sliderTrackRect();if(!e)return null;const s=(t-e.left)/e.width;return e.rtl?1-s:s}renderZoomSlider(){const t=Math.max(1,this.dataLength()-1);const e=this.win();const s=e=>e/t*100;const a=t=>String(this.xAxis?.data?.[t]??t);return i("div",{class:"md-area-chart__zoom",part:"zoom"},i("md-slider",{class:"md-area-chart__zoom-slider",part:"zoom-slider",exportparts:"track: zoom-track, track-active: zoom-window, thumb-knob: zoom-handle",range:true,controlled:true,min:0,max:t,step:1,valueStart:e.start,valueEnd:e.end,ariaLabelStart:this.labelZoomStart,ariaLabelEnd:this.labelZoomEnd,valueStartText:a(e.start),valueEndText:a(e.end),onMdInput:this.onZoomSliderInput,onMdChange:this.onZoomSliderEvent,onMdDragStart:this.onZoomSliderEvent,onMdDragEnd:this.onZoomSliderEvent,onMdFocus:this.onZoomSliderEvent,onMdBlur:this.onZoomSliderEvent}),i("div",{class:"md-area-chart__zoom-pan",part:"zoom-pan",style:{insetInlineStart:`calc(${s(e.start)}% + var(--_zoom-pan-inset))`,inlineSize:`max(0px, calc(${s(e.end)-s(e.start)}% - 2 * var(--_zoom-pan-inset)))`},onPointerDown:this.onZoomPanDown}))}buildSpec(t){const e=this.stack==="percentage";const s=t=>this.valueFormatter?this.valueFormatter(t):t.toLocaleString(this.locale||undefined);const i=this.zoomWin?this.win():null;const a=t=>t&&i?t.slice(i.start,i.end+1):t;const n=t=>{if(!t||!i)return t;const e={};for(const[s,a]of Object.entries(t)){const t=Number(s)-i.start;if(t>=0&&t<=i.end-i.start)e[t]=a}return e};const o=this.seriesKeys();return{series:this.series.map(((e,s)=>({label:e.label??`Series ${s+1}`,color:c(this.el,e.color,p(t.palette,s)),data:a(e.range?e.range.map((()=>null)):e.data)??[],range:a(e.range?.map(u)),fill:e.fill,stroke:e.stroke??(!this.showLine||this.stack==="wiggle"||this.stack==="silhouette"?false:undefined),curve:e.curve??this.curve,connectNulls:e.connectNulls??this.connectNulls,showMarks:e.showMarks??this.showMarks,hidden:e.hidden??this.legendHidden.get(o[s])??false,dash:e.dash,symbol:e.symbol,pointSymbols:n(e.pointSymbols),lineWidth:e.lineWidth??this.lineWidth,markSize:e.markSize??this.markSize}))),title:this.label||undefined,subtitle:this.subtitle||undefined,titleAlign:this.titleAlign,animation:this.noAnimation?"none":this.animation,animationDuration:this.animationDuration,xValues:a(this.xAxis?.data)??[],xScale:this.xAxis?.scale??"category",xFormatter:this.xAxis?.valueFormatter??(t=>d(t,this.locale)),xLabel:this.xAxis?.label,xHidden:this.xAxis?.hidden,xHideTicks:this.xAxis?.hideTicks,xDash:this.xAxis?.dash,xGridDash:this.xAxis?.gridDash,xBands:l(this.el,this.xAxis?.bands),yBands:l(this.el,this.yAxis?.bands),xBreaks:this.xAxis?.breaks,yBreaks:this.yAxis?.breaks,yScale:this.yAxis?.scale??"value",yMin:e?0:this.yAxis?.min,yMax:e?100:this.yAxis?.max,yFormatter:e?t=>`${Math.round(t)}%`:s,yTickFormatter:!e&&this.yAxis?.valueFormatter?t=>this.yAxis.valueFormatter(t):undefined,yLabel:this.yAxis?.label,yHidden:this.yAxis?.hidden,yHideTicks:this.yAxis?.hideTicks,yDash:this.yAxis?.dash,yGridDash:this.yAxis?.gridDash,stack:this.stack,inverted:this.inverted,area:true,fillOpacity:this.fillOpacity,legend:this.legend,gridY:this.grid==="horizontal"||this.grid==="both",gridX:this.grid==="vertical"||this.grid==="both",axisTicks:this.axisTicks,showLabels:this.showLabels,seriesLabels:this.seriesLabels}}applyEngine(){if(!this.engine)return;const t=m(this.el);this.engine.setSpec(this.buildSpec(t),this.buildEngineTheme(t),{onHover:t=>{if(t<0)return;const e=t+(this.zoomWin?this.win().start:0);this.mdHover.emit({dataIndex:e,axisValue:this.xAxis?.data?.[e],seriesIndices:this.visibleSeriesIndices()})},onLegendClick:t=>{this.rememberLegendToggle(t.seriesIndex,!!t.hidden);this.mdLegendClick.emit({seriesIndex:t.seriesIndex,seriesId:this.series[t.seriesIndex]?.id,selected:!t.hidden})},onPointClick:(t,e,s)=>{const i=this.clickDetail(t,e,s);if(i)this.mdMarkerClick.emit(i)},onLineClick:(t,e,s)=>{const i=this.clickDetail(t,e,s);if(i)this.mdLineClick.emit(i)},onAreaClick:(t,e,s)=>{const i=this.clickDetail(t,e,s);if(i)this.mdAreaClick.emit(i)},onAxisClick:(t,e,s)=>{const i=t+(this.zoomWin?this.win().start:0);this.mdAxisClick.emit({dataIndex:i,axisValue:this.xAxis?.data?.[i],seriesValues:e.map((t=>({seriesIndex:t.seriesIndex,seriesId:this.series[t.seriesIndex]?.id,label:t.label,dataIndex:t.value==null?-1:i,value:t.value}))),nativeEvent:s})}});this.engine.setHoverEnabled(this.tooltip!=="none");this.engine.setTooltip({render:this.tooltipRenderer,missingFormatter:this.valueFormatter,trigger:this.tooltip==="item"?"item":"axis"})}clickDetail(t,e,s){const i=this.series[t];if(!i)return null;const a=e+(this.zoomWin?this.win().start:0);return{seriesIndex:t,seriesId:i.id,dataIndex:a,value:i.data[a]??null,axisValue:this.xAxis?.data?.[a],nativeEvent:s,series:i}}visibleSeriesIndices(){const t=this.engine?.getScene()?.hoverPoints;if(t)return t.map((t=>t.seriesIndex));return this.series.map(((t,e)=>e)).filter((t=>!this.series[t].hidden))}rebuildA11yTable(){if(!this.a11yTableHost)return;this.a11yTableHost.innerHTML=y({title:this.label,xAxisLabel:this.xAxis?.label,xAxisData:this.xAxis?.data,xValueFormatter:this.xAxis?.valueFormatter??(t=>d(t,this.locale)),locale:this.locale,series:this.series,valueFormatter:this.valueFormatter,labels:this.tableLabels})}moveKeyboardCursor(t){this.kbIndex=t;this.engine?.focusIndex(t);if(t<0){this.announcement="";return}const e=this.engine?.getScene();const s=e?.xLabels?.[t]??String(t+1);const i=t=>this.valueFormatter?this.valueFormatter(t):t.toLocaleString(this.locale||undefined);const a=(e?.hoverPoints??[]).map((e=>{const s=e.byIndex[t];return s?`${e.label} ${i(s.value)}`:null})).filter(Boolean).join(", ");this.announcement=this.labelPoint.replace("%x%",s).replace("%values%",a)}render(){const t=this.xAxis?.data??[];const e=this.summary||b({title:this.label,chartType:"area",seriesCount:this.series.length,locale:this.locale,xMin:t[0],xMax:t[t.length-1]});const s=this.series.length===0&&!this.loading;return i(a,{key:"0496c0aa00bf1655d18ece61bb6aff208b3fabcb",class:{"md-area-chart":true,"md-area-chart--empty":s,"md-area-chart--mounted":this.mounted,"md-area-chart--zoom-slider":this.zoomSliderOn,"md-area-chart--zoom-drag":this.zoomInside},role:"figure","aria-label":e,"aria-busy":this.loading?"true":null,style:this.heightProp?{blockSize:this.heightProp}:undefined,onPointerDown:this.onPlotPointerDown,onPointerMove:this.onPointerMove,onPointerUp:this.onPointerUp,onPointerCancel:this.onPointerUp,onDblClick:this.onPlotDblClick},i("header",{key:"f0052cede200134219b212236ed8d3c4ae480528",class:"md-area-chart__header",part:"header"},i("slot",{key:"40a404dd9b38e79fb08508196fdf395125d98e62",name:"header"})),i("div",{key:"83c877928ab37405a3682dcb0279963d79328b4a",class:"md-area-chart__canvas",part:"canvas",ref:t=>this.bindChartHost(t),tabindex:s?undefined:"0",role:s?undefined:"application","aria-label":s?undefined:this.labelPlot,onKeyDown:this.onPlotKeyDown,onBlur:this.onPlotBlur}),s&&i("div",{key:"0adc7d94c1d03e92a7c9075770182300894f9198",class:"md-area-chart__empty",part:"empty"},i("slot",{key:"c09b857d1a67c8c414e364dd36cc098854d43858",name:"empty"},this.labelEmpty)),this.loading&&i("div",{key:"b586efd6ffb6c357abc5d41ca57b6f6bad0ecb8a",class:"md-area-chart__loading",part:"loading",role:"status"},i("slot",{key:"1d45a922f9a86a93899ee0cb805e944660ea44a4",name:"loader"},i("slot",{key:"c8dec7602f7580185f7157724e4ec689511a2c3c",name:"loading"},i("md-progress-indicator",{key:"b2228ab15341274424f53a2f5959290f27bd24e0",class:"md-area-chart__spinner",variant:"circular",indeterminate:true,label:this.loadingLabel}),i("span",{key:"c5befeda9e8a296191e33f2c56ba1e7ccb47eafb",class:"md-area-chart__loading-text"},this.loadingLabel)))),this.dragBand&&this.plotRect()&&i("div",{key:"9d3d6a7c26458e5d2d368ad32aea1fae95883d1a",class:"md-area-chart__zoom-band",part:"zoom-band",style:this.zoomBandStyle()}),this.zoomSliderOn&&this.renderZoomSlider(),i("footer",{key:"a28e742fd635979a879993ace7d00c2973a23b87",class:"md-area-chart__footer",part:"footer"},i("slot",{key:"1f4b8cb324d8acd16facd6f53fadde294c28f808",name:"footer"})),i("div",{key:"59c7c19842feecc2d38901c0533ceb9a560de713",class:"md-area-chart__a11y-table",ref:t=>this.bindA11yTableHost(t)}),i("div",{key:"604caca8b90bae8742a18aa6f6be5f82dcaee93f",class:"md-area-chart__live",role:"status","aria-live":"polite","aria-atomic":"true"},this.announcement))}get el(){return this}static get watchers(){return{series:[{onAnyPropChange:0}],xAxis:[{onAnyPropChange:0}],yAxis:[{onAnyPropChange:0}],curve:[{onAnyPropChange:0}],stack:[{onAnyPropChange:0}],legend:[{onAnyPropChange:0}],tooltip:[{onAnyPropChange:0}],zoom:[{onAnyPropChange:0}],connectNulls:[{onAnyPropChange:0}],showMarks:[{onAnyPropChange:0}],lineWidth:[{onAnyPropChange:0}],markSize:[{onAnyPropChange:0}],label:[{onAnyPropChange:0}],subtitle:[{onAnyPropChange:0}],titleAlign:[{onAnyPropChange:0}],fillOpacity:[{onAnyPropChange:0}],showLine:[{onAnyPropChange:0}],grid:[{onAnyPropChange:0}],axisTicks:[{onAnyPropChange:0}],showLabels:[{onAnyPropChange:0}],inverted:[{onAnyPropChange:0}],loading:[{onAnyPropChange:0}],animation:[{onAnyPropChange:0}],animationDuration:[{onAnyPropChange:0}],tooltipRenderer:[{onAnyPropChange:0}],valueFormatter:[{onAnyPropChange:0}]}}static get style(){return f()}},[257,"md-area-chart",{label:[1],subtitle:[1],titleAlign:[1,"title-align"],series:[16],xAxis:[16],yAxis:[16],curve:[1],stack:[1],connectNulls:[4,"connect-nulls"],showMarks:[4,"show-marks"],lineWidth:[2,"line-width"],markSize:[2,"mark-size"],legend:[513],tooltip:[1],zoom:[1],locale:[1],valueFormatter:[16],tooltipRenderer:[16],heightProp:[1,"height"],noAnimation:[4,"no-animation"],animation:[1],animationDuration:[2,"animation-duration"],fillOpacity:[2,"fill-opacity"],showLine:[4,"show-line"],grid:[1],inverted:[4],seriesLabels:[4,"series-labels"],summary:[1],tableLabels:[16],labelEmpty:[1,"label-empty"],loading:[4],loadingLabel:[1,"loading-label"],labelZoomStart:[1,"label-zoom-start"],labelZoomEnd:[1,"label-zoom-end"],axisTicks:[4,"axis-ticks"],showLabels:[4,"show-labels"],labelPlot:[1,"label-plot"],labelPoint:[1,"label-point"],density:[514],mounted:[32],kbIndex:[32],announcement:[32],zoomWin:[32],dragBand:[32],resize:[64],replay:[64],toDataURL:[64],getInstance:[64],setZoom:[64],resetZoom:[64]},undefined,{series:[{onAnyPropChange:0}],xAxis:[{onAnyPropChange:0}],yAxis:[{onAnyPropChange:0}],curve:[{onAnyPropChange:0}],stack:[{onAnyPropChange:0}],legend:[{onAnyPropChange:0}],tooltip:[{onAnyPropChange:0}],zoom:[{onAnyPropChange:0}],connectNulls:[{onAnyPropChange:0}],showMarks:[{onAnyPropChange:0}],lineWidth:[{onAnyPropChange:0}],markSize:[{onAnyPropChange:0}],label:[{onAnyPropChange:0}],subtitle:[{onAnyPropChange:0}],titleAlign:[{onAnyPropChange:0}],fillOpacity:[{onAnyPropChange:0}],showLine:[{onAnyPropChange:0}],grid:[{onAnyPropChange:0}],axisTicks:[{onAnyPropChange:0}],showLabels:[{onAnyPropChange:0}],inverted:[{onAnyPropChange:0}],loading:[{onAnyPropChange:0}],animation:[{onAnyPropChange:0}],animationDuration:[{onAnyPropChange:0}],tooltipRenderer:[{onAnyPropChange:0}],valueFormatter:[{onAnyPropChange:0}]}]);function v(){if(typeof customElements==="undefined"){return}const t=["md-area-chart","md-progress-indicator","md-slider"];t.forEach((t=>{switch(t){case"md-area-chart":if(!customElements.get(n(t))){customElements.define(n(t),g)}break;case"md-progress-indicator":if(!customElements.get(n(t))){o()}break;case"md-slider":if(!customElements.get(n(t))){r()}break}}))}v();const x=g;const _=v;export{x as MdAreaChart,_ as defineCustomElement};
+import{p as t,H as e,c as s,h as i,d as a,t as n}from"./p-BR6gfOQH.js";import{d as o}from"./p-tSoecrcz.js";import{d as r}from"./p-DEzb9xsY.js";import{L as h}from"./p-RLxbNqRv.js";import{r as l,d as c,a as d,b as m,p}from"./p-DvOKnoqK.js";import{n as u,b as y,a as b}from"./p-C_ogF68H.js";const f=()=>`:host{--_block-size:var(--md-area-chart-block-size, auto);--_min-block-size:var(--md-area-chart-min-block-size, max(120px, calc(160px + var(--md-sys-density-scale, 0) * 8px)));--_aspect-ratio:var(--md-area-chart-aspect-ratio, 16 / 9);--_background:var(--md-area-chart-background, var(--md-sys-color-surface-container-low, #F7F2FA));--_padding:var(--md-area-chart-padding, max(8px, calc(16px + var(--md-sys-density-scale, 0) * 2px)));--_zoom-size:var(--md-area-chart-zoom-size, 28px);--_zoom-track-color:var(--md-area-chart-zoom-track-color, var(--md-sys-color-surface-container-highest, #E6E0E9));--_zoom-window-color:var(--md-area-chart-zoom-window-color, var(--md-sys-color-secondary-container, #E8DEF8));--_zoom-handle-color:var(--md-area-chart-zoom-handle-color, var(--md-sys-color-primary, #6750A4));--_zoom-band-color:var(--md-area-chart-zoom-band-color, color-mix(in srgb, var(--md-sys-color-primary, #6750A4) 16%, transparent));--_zoom-pan-inset:10px;--_shape:var(--md-area-chart-shape, max(8px, calc(16px + var(--md-sys-density-scale, 0) * 2px)));--_empty-color:var(--md-area-chart-empty-color, var(--md-sys-color-on-surface-variant, #49454F));--_empty-background:var(--md-area-chart-empty-background, var(--_background));--_empty-font:var(--md-area-chart-empty-font, var(--md-sys-typescale-body-medium-font-family, Roboto, sans-serif));--_empty-font-size:var(--md-area-chart-empty-font-size, var(--md-sys-typescale-body-medium-font-size, 14px));--_empty-icon-size:var(--md-area-chart-empty-icon-size, 40px);display:block;position:relative;inline-size:100%;block-size:var(--_block-size);min-block-size:var(--_min-block-size);background:var(--_background);padding:var(--_padding);border-radius:var(--_shape);box-sizing:border-box;aspect-ratio:var(--_aspect-ratio)}.md-area-chart__header,.md-area-chart__footer{display:contents}.md-area-chart__header>slot[name='header']::slotted(*),.md-area-chart__footer>slot[name='footer']::slotted(*){display:block;margin-block:8px}.md-area-chart__canvas{position:absolute;inset:var(--_padding);min-block-size:0;min-inline-size:0}.md-area-chart__empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;box-sizing:border-box;padding:24px;background:var(--_empty-background);border-radius:var(--_shape);color:var(--_empty-color);font-family:var(--_empty-font);font-size:var(--_empty-font-size);line-height:var(--md-sys-typescale-body-medium-line-height, 20px);pointer-events:none;text-align:center}.md-area-chart__empty ::slotted(.material-symbols-outlined),.md-area-chart__empty ::slotted(.material-symbols-rounded),.md-area-chart__empty ::slotted(.material-symbols-sharp),.md-area-chart__empty ::slotted(.material-icons){font-size:var(--_empty-icon-size) !important;line-height:1;opacity:0.55}.md-area-chart__a11y-table{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media (forced-colors: active){:host{forced-color-adjust:auto}}.md-area-chart__live{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}[part='legend'] button:focus-visible{outline:3px solid var(--md-sys-color-secondary, #625B71);outline-offset:2px;border-radius:6px}.md-area-chart__canvas:focus-visible{outline:3px solid var(--md-sys-color-secondary, #625B71);outline-offset:-3px;border-radius:4px}.md-area-chart__loading{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;box-sizing:border-box;padding:24px;background:var(--_empty-background);border-radius:var(--_shape);color:var(--_empty-color);font-family:var(--_empty-font);font-size:var(--_empty-font-size);text-align:center}.md-area-chart__spinner{inline-size:var(--_empty-icon-size);block-size:var(--_empty-icon-size)}:host(.md-area-chart--zoom-slider) .md-area-chart__canvas{bottom:calc(var(--_padding) + var(--_zoom-size))}:host(.md-area-chart--zoom-drag) .md-area-chart__canvas{cursor:ew-resize}.md-area-chart__zoom{position:absolute;inset-inline:var(--_padding);bottom:var(--_padding);block-size:var(--_zoom-size);display:flex;align-items:center}.md-area-chart__zoom-slider{--md-slider-active-color:var(--_zoom-window-color);--md-slider-inactive-color:var(--_zoom-track-color);--md-slider-thumb-color:var(--_zoom-handle-color);--md-slider-thumb-height:var(--_zoom-size);--md-slider-track-height:12px}.md-area-chart__zoom-pan{position:absolute;inset-block:0;z-index:1;cursor:grab;touch-action:none}.md-area-chart__zoom-pan:active{cursor:grabbing}.md-area-chart__zoom-band{position:absolute;background:var(--_zoom-band-color);border-inline:1px solid var(--_zoom-handle-color);pointer-events:none}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}`;const g=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.mdMarkerClick=s(this,"mdMarkerClick",7);this.mdLineClick=s(this,"mdLineClick",7);this.mdAreaClick=s(this,"mdAreaClick",7);this.mdAxisClick=s(this,"mdAxisClick",7);this.mdLegendClick=s(this,"mdLegendClick",7);this.mdHover=s(this,"mdHover",7);this.mdReady=s(this,"mdReady",7);this.mdZoom=s(this,"mdZoom",7);this.label="";this.titleAlign="start";this.series=[];this.curve="smooth";this.stack="normal";this.connectNulls=false;this.showMarks=false;this.legend="top-end";this.tooltip="axis";this.zoom="none";this.locale="";this.noAnimation=false;this.animation="expressive";this.fillOpacity=.55;this.showLine=true;this.grid="horizontal";this.inverted=false;this.seriesLabels=false;this.summary="";this.labelEmpty="No data to display";this.loading=false;this.loadingLabel="Loading chart…";this.labelZoomStart="Zoom range start";this.labelZoomEnd="Zoom range end";this.axisTicks=false;this.showLabels=false;this.labelPlot="Chart data. Use the arrow keys to move between points, Home and End for the first and last, Escape to leave.";this.labelPoint="%x%: %values%";this.density=0;this.mounted=false;this.kbIndex=-1;this.announcement="";this.zoomWin=null;this.dragBand=null;this.grab=null;this.engine=null;this.ro=null;this.legendHidden=new Map;this.bindChartHost=t=>{this.chartHost=t};this.bindA11yTableHost=t=>{this.a11yTableHost=t};this.onPlotPointerDown=t=>{if(!this.zoomInside||t.button!==0||this.grab)return;if(!this.insidePlot(t))return;const e=this.hostX(t);this.grab={id:t.pointerId,kind:"band",x:e,win:this.win()};this.dragBand={x1:e,x2:e};const s=t.composedPath?.()[0]??t.target;s.setPointerCapture?.(t.pointerId)};this.onPointerMove=t=>{const e=this.grab;if(!e||e.id!==t.pointerId)return;if(e.kind==="band"){const s=this.plotRect();if(!s)return;this.dragBand={x1:e.x,x2:Math.min(Math.max(this.hostX(t),s.x),s.x+s.width)};return}const s=this.trackFrac(t.clientX);const i=this.trackFrac(e.x);if(s==null||i==null)return;const a=Math.max(1,this.dataLength()-1);const n=e.win.end-e.win.start;const o=Math.round((s-i)*a);const r=Math.min(Math.max(0,e.win.start+o),a-n);this.applyZoom(r,r+n)};this.onPointerUp=t=>{const e=this.grab;if(!e||e.id!==t.pointerId)return;this.grab=null;const s=this.dragBand;this.dragBand=null;if(e.kind!=="band"||!s)return;if(Math.abs(s.x2-s.x1)<8)return;const[i,a]=[this.indexAtX(s.x1),this.indexAtX(s.x2)].sort(((t,e)=>t-e));if(a-i>=1)this.applyZoom(i,a)};this.onPlotDblClick=t=>{if(this.zoomInside&&this.zoomWin&&this.insidePlot(t))this.resetZoom()};this.onZoomPanDown=t=>{if(t.button!==0)return;t.stopPropagation();t.preventDefault();this.grab={id:t.pointerId,kind:"pan",x:t.clientX,win:this.win()};t.target.setPointerCapture?.(t.pointerId)};this.onZoomSliderInput=t=>{t.stopPropagation();const{valueStart:e,valueEnd:s}=t.detail??{};if(e==null||s==null)return;this.applyZoom(e,s)};this.onZoomSliderEvent=t=>t.stopPropagation();this.onPlotKeyDown=t=>{const e=this.engine?.getScene();const s=Math.max(0,(e?.xPositions.length??0)-1);if(!e||s<0)return;const i=typeof getComputedStyle==="function"&&getComputedStyle(this.el).direction==="rtl";const a=i?"ArrowLeft":"ArrowRight";const n=i?"ArrowRight":"ArrowLeft";let o=this.kbIndex;switch(t.key){case a:o=this.kbIndex<0?0:Math.min(s,this.kbIndex+1);break;case n:o=this.kbIndex<0?s:Math.max(0,this.kbIndex-1);break;case"Home":o=0;break;case"End":o=s;break;case"Escape":if(this.kbIndex<0)return;o=-1;break;default:return}t.preventDefault();this.moveKeyboardCursor(o)};this.onPlotBlur=()=>{if(this.kbIndex>=0)this.moveKeyboardCursor(-1)}}seriesKeys(){const t=new Map;return this.series.map(((e,s)=>{const i=e.id!=null?`id:${e.id}`:e.label!=null?`label:${e.label}`:`pos:${s}`;const a=t.get(i)??0;t.set(i,a+1);return a===0?i:`${i}#${a}`}))}rememberLegendToggle(t,e){const s=this.seriesKeys()[t];if(s==null)return;this.legendHidden.set(s,e);if(this.legendHidden.size>256){const t=this.legendHidden.keys().next().value;this.legendHidden.delete(t)}}componentDidLoad(){this.initChart();if(typeof window!=="undefined"&&window.matchMedia){this.themeMql=window.matchMedia("(prefers-color-scheme: dark)");this.themeListener=()=>this.applyEngine();this.themeMql.addEventListener?.("change",this.themeListener)}}disconnectedCallback(){this.ro?.disconnect();this.ro=null;this.engine?.dispose();this.engine=null;if(this.themeMql&&this.themeListener){this.themeMql.removeEventListener?.("change",this.themeListener);this.themeListener=undefined;this.themeMql=undefined}}onAnyPropChange(){this.applyEngine();this.rebuildA11yTable()}async resize(){this.engine?.resize()}async replay(){this.engine?.replay()}async toDataURL(){return this.engine?.toDataURL("image/png")??""}async getInstance(){return this.engine}initChart(){this.makeEngine();this.applyEngine();this.rebuildA11yTable();this.mounted=true;this.mdReady.emit()}makeEngine(){if(!this.chartHost)return;this.ro?.disconnect();this.ro=null;this.engine?.dispose();try{this.engine=new h(this.chartHost)}catch{this.engine=null}if(this.engine&&typeof ResizeObserver!=="undefined"){this.ro=new ResizeObserver((()=>this.engine?.resize()));this.ro.observe(this.chartHost)}}buildEngineTheme(t){return{background:t.background,textColor:t.textColor,textColorMuted:t.textColorMuted,axisLineColor:t.axisLineColor,gridLineColor:t.gridColor,surface:t.surface,fontFamily:t.fontFamily,labelSize:t.labelSize,titleSize:t.titleSize}}get zoomInside(){return this.zoom==="inside"||this.zoom==="both"}get zoomSliderOn(){return this.zoom==="slider"||this.zoom==="both"}dataLength(){const t=this.series.reduce(((t,e)=>Math.max(t,e.range?.length??e.data?.length??0)),0);return Math.max(t,this.xAxis?.data?.length??0)}win(){const t=Math.max(0,this.dataLength()-1);const e=this.zoomWin;if(!e)return{start:0,end:t};const s=Math.min(Math.max(0,e.start),Math.max(0,t-1));return{start:s,end:Math.min(Math.max(s+1,e.end),t)}}applyZoom(t,e,s=false){const i=Math.max(0,this.dataLength()-1);const a=Math.min(Math.max(0,Math.round(t)),Math.max(0,i-1));const n=Math.min(Math.max(a+1,Math.round(e)),i);this.zoomWin=s?null:{start:a,end:n};this.applyEngine();this.rebuildA11yTable();this.mdZoom.emit({startIndex:s?0:a,endIndex:s?i:n,reset:s})}async setZoom(t,e){this.applyZoom(t,e)}async resetZoom(){this.applyZoom(0,0,true)}plotRect(){const t=this.engine?.getScene()?.plot;return t?{x:t.x,y:t.y,width:t.width,height:t.height}:null}zoomBandStyle(){const t=this.plotRect();if(!this.dragBand||!t)return undefined;const e=this.canvasOffset();const{x1:s,x2:i}=this.dragBand;return{left:`${e.x+Math.min(s,i)}px`,width:`${Math.abs(i-s)}px`,top:`${e.y+t.y}px`,height:`${t.height}px`}}canvasOffset(){const t=this.chartHost;if(!t)return{x:0,y:0};const e=this.el.getBoundingClientRect();const s=t.getBoundingClientRect();return{x:s.left-e.left,y:s.top-e.top}}indexAtX(t){const e=this.engine?.getScene();const s=this.win();if(!e?.xPositions?.length)return s.start;let i=0;let a=Infinity;e.xPositions.forEach(((e,s)=>{const n=Math.abs(e-t);if(n<a){a=n;i=s}}));return s.start+i}hostX(t){return t.clientX-(this.chartHost??this.el).getBoundingClientRect().left}insidePlot(t){const e=this.plotRect();if(!e)return false;const s=(this.chartHost??this.el).getBoundingClientRect();const i=t.clientX-s.left;const a=t.clientY-s.top;return i>=e.x&&i<=e.x+e.width&&a>=e.y&&a<=e.y+e.height}sliderTrackRect(){const t=this.el.shadowRoot?.querySelector(".md-area-chart__zoom-slider");if(!t)return null;const e=t.getBoundingClientRect();if(!e.width)return null;return{left:e.left,width:e.width,rtl:getComputedStyle(this.el).direction==="rtl"}}trackFrac(t){const e=this.sliderTrackRect();if(!e)return null;const s=(t-e.left)/e.width;return e.rtl?1-s:s}renderZoomSlider(){const t=Math.max(1,this.dataLength()-1);const e=this.win();const s=e=>e/t*100;const a=t=>String(this.xAxis?.data?.[t]??t);return i("div",{class:"md-area-chart__zoom",part:"zoom"},i("md-slider",{class:"md-area-chart__zoom-slider",part:"zoom-slider",exportparts:"track: zoom-track, track-active: zoom-window, thumb-knob: zoom-handle",range:true,controlled:true,min:0,max:t,step:1,valueStart:e.start,valueEnd:e.end,ariaLabelStart:this.labelZoomStart,ariaLabelEnd:this.labelZoomEnd,valueStartText:a(e.start),valueEndText:a(e.end),onMdInput:this.onZoomSliderInput,onMdChange:this.onZoomSliderEvent,onMdDragStart:this.onZoomSliderEvent,onMdDragEnd:this.onZoomSliderEvent,onMdFocus:this.onZoomSliderEvent,onMdBlur:this.onZoomSliderEvent}),i("div",{class:"md-area-chart__zoom-pan",part:"zoom-pan",style:{insetInlineStart:`calc(${s(e.start)}% + var(--_zoom-pan-inset))`,inlineSize:`max(0px, calc(${s(e.end)-s(e.start)}% - 2 * var(--_zoom-pan-inset)))`},onPointerDown:this.onZoomPanDown}))}buildSpec(t){const e=this.stack==="percentage";const s=t=>this.valueFormatter?this.valueFormatter(t):t.toLocaleString(this.locale||undefined);const i=this.zoomWin?this.win():null;const a=t=>t&&i?t.slice(i.start,i.end+1):t;const n=t=>{if(!t||!i)return t;const e={};for(const[s,a]of Object.entries(t)){const t=Number(s)-i.start;if(t>=0&&t<=i.end-i.start)e[t]=a}return e};const o=this.seriesKeys();return{series:this.series.map(((e,s)=>({label:e.label??`Series ${s+1}`,color:d(this.el,e.color,p(t.palette,s)),data:a(e.range?e.range.map((()=>null)):e.data)??[],range:a(e.range?.map(u)),fill:e.fill,stroke:e.stroke??(!this.showLine||this.stack==="wiggle"||this.stack==="silhouette"?false:undefined),curve:e.curve??this.curve,connectNulls:e.connectNulls??this.connectNulls,showMarks:e.showMarks??this.showMarks,hidden:e.hidden??this.legendHidden.get(o[s])??false,dash:e.dash,symbol:e.symbol,pointSymbols:n(e.pointSymbols),lineWidth:e.lineWidth??this.lineWidth,markSize:e.markSize??this.markSize}))),title:this.label||undefined,subtitle:this.subtitle||undefined,titleAlign:this.titleAlign,animation:this.noAnimation?"none":this.animation,animationDuration:this.animationDuration,xValues:a(this.xAxis?.data)??[],xScale:this.xAxis?.scale??"category",xFormatter:this.xAxis?.valueFormatter??(t=>c(t,this.locale)),xLabel:this.xAxis?.label,xHidden:this.xAxis?.hidden,xHideTicks:this.xAxis?.hideTicks,xDash:this.xAxis?.dash,xGridDash:this.xAxis?.gridDash,xBands:l(this.el,this.xAxis?.bands),yBands:l(this.el,this.yAxis?.bands),xBreaks:this.xAxis?.breaks,yBreaks:this.yAxis?.breaks,yScale:this.yAxis?.scale??"value",yMin:e?0:this.yAxis?.min,yMax:e?100:this.yAxis?.max,yFormatter:e?t=>`${Math.round(t)}%`:s,yTickFormatter:!e&&this.yAxis?.valueFormatter?t=>this.yAxis.valueFormatter(t):undefined,yLabel:this.yAxis?.label,yHidden:this.yAxis?.hidden,yHideTicks:this.yAxis?.hideTicks,yDash:this.yAxis?.dash,yGridDash:this.yAxis?.gridDash,stack:this.stack,inverted:this.inverted,area:true,fillOpacity:this.fillOpacity,legend:this.legend,gridY:this.grid==="horizontal"||this.grid==="both",gridX:this.grid==="vertical"||this.grid==="both",axisTicks:this.axisTicks,showLabels:this.showLabels,seriesLabels:this.seriesLabels}}applyEngine(){if(!this.engine)return;const t=m(this.el);this.engine.setSpec(this.buildSpec(t),this.buildEngineTheme(t),{onHover:t=>{if(t<0)return;const e=t+(this.zoomWin?this.win().start:0);this.mdHover.emit({dataIndex:e,axisValue:this.xAxis?.data?.[e],seriesIndices:this.visibleSeriesIndices()})},onLegendClick:t=>{this.rememberLegendToggle(t.seriesIndex,!!t.hidden);this.mdLegendClick.emit({seriesIndex:t.seriesIndex,seriesId:this.series[t.seriesIndex]?.id,selected:!t.hidden})},onPointClick:(t,e,s)=>{const i=this.clickDetail(t,e,s);if(i)this.mdMarkerClick.emit(i)},onLineClick:(t,e,s)=>{const i=this.clickDetail(t,e,s);if(i)this.mdLineClick.emit(i)},onAreaClick:(t,e,s)=>{const i=this.clickDetail(t,e,s);if(i)this.mdAreaClick.emit(i)},onAxisClick:(t,e,s)=>{const i=t+(this.zoomWin?this.win().start:0);this.mdAxisClick.emit({dataIndex:i,axisValue:this.xAxis?.data?.[i],seriesValues:e.map((t=>({seriesIndex:t.seriesIndex,seriesId:this.series[t.seriesIndex]?.id,label:t.label,dataIndex:t.value==null?-1:i,value:t.value}))),nativeEvent:s})}});this.engine.setHoverEnabled(this.tooltip!=="none");this.engine.setTooltip({render:this.tooltipRenderer,missingFormatter:this.valueFormatter,trigger:this.tooltip==="item"?"item":"axis"})}clickDetail(t,e,s){const i=this.series[t];if(!i)return null;const a=e+(this.zoomWin?this.win().start:0);return{seriesIndex:t,seriesId:i.id,dataIndex:a,value:i.data[a]??null,axisValue:this.xAxis?.data?.[a],nativeEvent:s,series:i}}visibleSeriesIndices(){const t=this.engine?.getScene()?.hoverPoints;if(t)return t.map((t=>t.seriesIndex));return this.series.map(((t,e)=>e)).filter((t=>!this.series[t].hidden))}rebuildA11yTable(){if(!this.a11yTableHost)return;this.a11yTableHost.innerHTML=y({title:this.label,xAxisLabel:this.xAxis?.label,xAxisData:this.xAxis?.data,xValueFormatter:this.xAxis?.valueFormatter??(t=>c(t,this.locale)),locale:this.locale,series:this.series,valueFormatter:this.valueFormatter,labels:this.tableLabels})}moveKeyboardCursor(t){this.kbIndex=t;this.engine?.focusIndex(t);if(t<0){this.announcement="";return}const e=this.engine?.getScene();const s=e?.xLabels?.[t]??String(t+1);const i=t=>this.valueFormatter?this.valueFormatter(t):t.toLocaleString(this.locale||undefined);const a=(e?.hoverPoints??[]).map((e=>{const s=e.byIndex[t];return s?`${e.label} ${i(s.value)}`:null})).filter(Boolean).join(", ");this.announcement=this.labelPoint.replace("%x%",s).replace("%values%",a)}render(){const t=this.xAxis?.data??[];const e=this.summary||b({title:this.label,chartType:"area",seriesCount:this.series.length,locale:this.locale,xMin:t[0],xMax:t[t.length-1]});const s=this.series.length===0&&!this.loading;return i(a,{key:"0496c0aa00bf1655d18ece61bb6aff208b3fabcb",class:{"md-area-chart":true,"md-area-chart--empty":s,"md-area-chart--mounted":this.mounted,"md-area-chart--zoom-slider":this.zoomSliderOn,"md-area-chart--zoom-drag":this.zoomInside},role:"figure","aria-label":e,"aria-busy":this.loading?"true":null,style:this.heightProp?{blockSize:this.heightProp}:undefined,onPointerDown:this.onPlotPointerDown,onPointerMove:this.onPointerMove,onPointerUp:this.onPointerUp,onPointerCancel:this.onPointerUp,onDblClick:this.onPlotDblClick},i("header",{key:"f0052cede200134219b212236ed8d3c4ae480528",class:"md-area-chart__header",part:"header"},i("slot",{key:"40a404dd9b38e79fb08508196fdf395125d98e62",name:"header"})),i("div",{key:"83c877928ab37405a3682dcb0279963d79328b4a",class:"md-area-chart__canvas",part:"canvas",ref:t=>this.bindChartHost(t),tabindex:s?undefined:"0",role:s?undefined:"application","aria-label":s?undefined:this.labelPlot,onKeyDown:this.onPlotKeyDown,onBlur:this.onPlotBlur}),s&&i("div",{key:"0adc7d94c1d03e92a7c9075770182300894f9198",class:"md-area-chart__empty",part:"empty"},i("slot",{key:"c09b857d1a67c8c414e364dd36cc098854d43858",name:"empty"},this.labelEmpty)),this.loading&&i("div",{key:"b586efd6ffb6c357abc5d41ca57b6f6bad0ecb8a",class:"md-area-chart__loading",part:"loading",role:"status"},i("slot",{key:"1d45a922f9a86a93899ee0cb805e944660ea44a4",name:"loader"},i("slot",{key:"c8dec7602f7580185f7157724e4ec689511a2c3c",name:"loading"},i("md-progress-indicator",{key:"b2228ab15341274424f53a2f5959290f27bd24e0",class:"md-area-chart__spinner",variant:"circular",indeterminate:true,label:this.loadingLabel}),i("span",{key:"c5befeda9e8a296191e33f2c56ba1e7ccb47eafb",class:"md-area-chart__loading-text"},this.loadingLabel)))),this.dragBand&&this.plotRect()&&i("div",{key:"9d3d6a7c26458e5d2d368ad32aea1fae95883d1a",class:"md-area-chart__zoom-band",part:"zoom-band",style:this.zoomBandStyle()}),this.zoomSliderOn&&this.renderZoomSlider(),i("footer",{key:"a28e742fd635979a879993ace7d00c2973a23b87",class:"md-area-chart__footer",part:"footer"},i("slot",{key:"1f4b8cb324d8acd16facd6f53fadde294c28f808",name:"footer"})),i("div",{key:"59c7c19842feecc2d38901c0533ceb9a560de713",class:"md-area-chart__a11y-table",ref:t=>this.bindA11yTableHost(t)}),i("div",{key:"604caca8b90bae8742a18aa6f6be5f82dcaee93f",class:"md-area-chart__live",role:"status","aria-live":"polite","aria-atomic":"true"},this.announcement))}get el(){return this}static get watchers(){return{series:[{onAnyPropChange:0}],xAxis:[{onAnyPropChange:0}],yAxis:[{onAnyPropChange:0}],curve:[{onAnyPropChange:0}],stack:[{onAnyPropChange:0}],legend:[{onAnyPropChange:0}],tooltip:[{onAnyPropChange:0}],zoom:[{onAnyPropChange:0}],connectNulls:[{onAnyPropChange:0}],showMarks:[{onAnyPropChange:0}],lineWidth:[{onAnyPropChange:0}],markSize:[{onAnyPropChange:0}],label:[{onAnyPropChange:0}],subtitle:[{onAnyPropChange:0}],titleAlign:[{onAnyPropChange:0}],fillOpacity:[{onAnyPropChange:0}],showLine:[{onAnyPropChange:0}],grid:[{onAnyPropChange:0}],axisTicks:[{onAnyPropChange:0}],showLabels:[{onAnyPropChange:0}],inverted:[{onAnyPropChange:0}],loading:[{onAnyPropChange:0}],animation:[{onAnyPropChange:0}],animationDuration:[{onAnyPropChange:0}],tooltipRenderer:[{onAnyPropChange:0}],valueFormatter:[{onAnyPropChange:0}]}}static get style(){return f()}},[257,"md-area-chart",{label:[1],subtitle:[1],titleAlign:[1,"title-align"],series:[16],xAxis:[16],yAxis:[16],curve:[1],stack:[1],connectNulls:[4,"connect-nulls"],showMarks:[4,"show-marks"],lineWidth:[2,"line-width"],markSize:[2,"mark-size"],legend:[513],tooltip:[1],zoom:[1],locale:[1],valueFormatter:[16],tooltipRenderer:[16],heightProp:[1,"height"],noAnimation:[4,"no-animation"],animation:[1],animationDuration:[2,"animation-duration"],fillOpacity:[2,"fill-opacity"],showLine:[4,"show-line"],grid:[1],inverted:[4],seriesLabels:[4,"series-labels"],summary:[1],tableLabels:[16],labelEmpty:[1,"label-empty"],loading:[4],loadingLabel:[1,"loading-label"],labelZoomStart:[1,"label-zoom-start"],labelZoomEnd:[1,"label-zoom-end"],axisTicks:[4,"axis-ticks"],showLabels:[4,"show-labels"],labelPlot:[1,"label-plot"],labelPoint:[1,"label-point"],density:[514],mounted:[32],kbIndex:[32],announcement:[32],zoomWin:[32],dragBand:[32],resize:[64],replay:[64],toDataURL:[64],getInstance:[64],setZoom:[64],resetZoom:[64]},undefined,{series:[{onAnyPropChange:0}],xAxis:[{onAnyPropChange:0}],yAxis:[{onAnyPropChange:0}],curve:[{onAnyPropChange:0}],stack:[{onAnyPropChange:0}],legend:[{onAnyPropChange:0}],tooltip:[{onAnyPropChange:0}],zoom:[{onAnyPropChange:0}],connectNulls:[{onAnyPropChange:0}],showMarks:[{onAnyPropChange:0}],lineWidth:[{onAnyPropChange:0}],markSize:[{onAnyPropChange:0}],label:[{onAnyPropChange:0}],subtitle:[{onAnyPropChange:0}],titleAlign:[{onAnyPropChange:0}],fillOpacity:[{onAnyPropChange:0}],showLine:[{onAnyPropChange:0}],grid:[{onAnyPropChange:0}],axisTicks:[{onAnyPropChange:0}],showLabels:[{onAnyPropChange:0}],inverted:[{onAnyPropChange:0}],loading:[{onAnyPropChange:0}],animation:[{onAnyPropChange:0}],animationDuration:[{onAnyPropChange:0}],tooltipRenderer:[{onAnyPropChange:0}],valueFormatter:[{onAnyPropChange:0}]}]);function v(){if(typeof customElements==="undefined"){return}const t=["md-area-chart","md-progress-indicator","md-slider"];t.forEach((t=>{switch(t){case"md-area-chart":if(!customElements.get(n(t))){customElements.define(n(t),g)}break;case"md-progress-indicator":if(!customElements.get(n(t))){o()}break;case"md-slider":if(!customElements.get(n(t))){r()}break}}))}v();const x=g;const _=v;export{x as MdAreaChart,_ as defineCustomElement};
 //# sourceMappingURL=md-area-chart.js.map