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

package/dist/collection/utils/lazy-loading-indicator.js

@@ -0,0 +1,62 @@
+import { h } from "@stencil/core";
+/**
+ * Lazily registered <md-loading-indicator> for host components.
+ *
+ * A literal `<md-loading-indicator>` JSX tag makes the Stencil compiler add
+ * the spinner to the consumer's STATIC dependency graph, so every app using
+ * md-button/md-select/... shipped its ~3 kB gz eagerly even though the tag
+ * only renders while `loading`/`searching` is active. This wrapper renders
+ * the tag through a computed string the compiler cannot trace, and registers
+ * the element on first actual render via a dynamic import — the bundler emits
+ * it as its own async chunk, fetched only when a loading state first engages.
+ *
+ * Behavior by build:
+ * - dist-custom-elements (bundlers): the element is usually NOT defined yet —
+ *   the import lands, defineCustomElement() runs, the already-in-DOM tag
+ *   upgrades. One frame of unstyled (invisible) spinner on first engage.
+ * - lazy/loader build and `define` users: everything is registered at boot,
+ *   the customElements.get() guard short-circuits, no import happens.
+ * - hydrate (SSR): renders in Node with its own full registry; the guard
+ *   also prevents the import from running server-side.
+ *
+ * KNOWN COUPLING: this deliberately bypasses Stencil's tag-graph analysis.
+ * If a future Stencil version changes how dist-custom-elements modules expose
+ * `defineCustomElement`, the import callback below is the single place to fix.
+ */
+// Computed, not a literal, so no compiler string-scan can re-add the edge.
+const TAG = 'md-loading-' + 'indicator';
+let requested = false;
+export function ensureLoadingIndicator() {
+    if (requested)
+        return;
+    requested = true;
+    if (typeof customElements === 'undefined' || customElements.get(TAG))
+        return;
+    import('../components/md-loading-indicator/md-loading-indicator').then((m) => {
+        if (customElements.get(TAG))
+            return;
+        const define = m.defineCustomElement;
+        if (typeof define === 'function') {
+            define();
+        }
+        else if (typeof m.MdLoadingIndicator === 'function') {
+            // Fallback for a Stencil that stops exporting the per-module helper:
+            // the transformed class itself is a valid custom-element constructor.
+            customElements.define(TAG, m.MdLoadingIndicator);
+        }
+    }, () => {
+        // Import failed (offline chunk fetch, exotic env): allow a retry on the
+        // next render instead of latching a broken state.
+        requested = false;
+    });
+}
+/**
+ * Drop-in replacement for a literal <md-loading-indicator> tag: forwards all
+ * props/children and kicks off the lazy registration on first render.
+ */
+export const LazyLoadingIndicator = (props, children) => {
+    ensureLoadingIndicator();
+    const Tag = TAG;
+    return h(Tag, { ...props }, children);
+};
+//# sourceMappingURL=lazy-loading-indicator.js.map

package/dist/collection/utils/lazy-loading-indicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lazy-loading-indicator.js","sourceRoot":"","sources":["../../src/utils/lazy-loading-indicator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,CAAC,EAAE,MAAM,eAAe,CAAC;AAEvD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAEH,2EAA2E;AAC3E,MAAM,GAAG,GAAG,aAAa,GAAG,WAAW,CAAC;AAExC,IAAI,SAAS,GAAG,KAAK,CAAC;AAEtB,MAAM,UAAU,sBAAsB;IACpC,IAAI,SAAS;QAAE,OAAO;IACtB,SAAS,GAAG,IAAI,CAAC;IACjB,IAAI,OAAO,cAAc,KAAK,WAAW,IAAI,cAAc,CAAC,GAAG,CAAC,GAAG,CAAC;QAAE,OAAO;IAC7E,MAAM,CAAC,yDAAyD,CAAC,CAAC,IAAI,CACpE,CAAC,CAA0B,EAAE,EAAE;QAC7B,IAAI,cAAc,CAAC,GAAG,CAAC,GAAG,CAAC;YAAE,OAAO;QACpC,MAAM,MAAM,GAAG,CAAC,CAAC,mBAAmB,CAAC;QACrC,IAAI,OAAO,MAAM,KAAK,UAAU,EAAE,CAAC;YACjC,MAAM,EAAE,CAAC;QACX,CAAC;aAAM,IAAI,OAAO,CAAC,CAAC,kBAAkB,KAAK,UAAU,EAAE,CAAC;YACtD,qEAAqE;YACrE,sEAAsE;YACtE,cAAc,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,CAAC,kBAA8C,CAAC,CAAC;QAC/E,CAAC;IACH,CAAC,EACD,GAAG,EAAE;QACH,wEAAwE;QACxE,kDAAkD;QAClD,SAAS,GAAG,KAAK,CAAC;IACpB,CAAC,CACF,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAiD,CAChF,KAAK,EACL,QAAQ,EACR,EAAE;IACF,sBAAsB,EAAE,CAAC;IACzB,MAAM,GAAG,GAAG,GAAuB,CAAC;IACpC,OAAO,EAAC,GAAG,OAAK,KAAK,IAAG,QAAQ,CAAO,CAAC;AAC1C,CAAC,CAAC","sourcesContent":["import { FunctionalComponent, h } from '@stencil/core';\n\n/**\n * Lazily registered <md-loading-indicator> for host components.\n *\n * A literal `<md-loading-indicator>` JSX tag makes the Stencil compiler add\n * the spinner to the consumer's STATIC dependency graph, so every app using\n * md-button/md-select/... shipped its ~3 kB gz eagerly even though the tag\n * only renders while `loading`/`searching` is active. This wrapper renders\n * the tag through a computed string the compiler cannot trace, and registers\n * the element on first actual render via a dynamic import — the bundler emits\n * it as its own async chunk, fetched only when a loading state first engages.\n *\n * Behavior by build:\n * - dist-custom-elements (bundlers): the element is usually NOT defined yet —\n *   the import lands, defineCustomElement() runs, the already-in-DOM tag\n *   upgrades. One frame of unstyled (invisible) spinner on first engage.\n * - lazy/loader build and `define` users: everything is registered at boot,\n *   the customElements.get() guard short-circuits, no import happens.\n * - hydrate (SSR): renders in Node with its own full registry; the guard\n *   also prevents the import from running server-side.\n *\n * KNOWN COUPLING: this deliberately bypasses Stencil's tag-graph analysis.\n * If a future Stencil version changes how dist-custom-elements modules expose\n * `defineCustomElement`, the import callback below is the single place to fix.\n */\n\n// Computed, not a literal, so no compiler string-scan can re-add the edge.\nconst TAG = 'md-loading-' + 'indicator';\n\nlet requested = false;\n\nexport function ensureLoadingIndicator(): void {\n  if (requested) return;\n  requested = true;\n  if (typeof customElements === 'undefined' || customElements.get(TAG)) return;\n  import('../components/md-loading-indicator/md-loading-indicator').then(\n    (m: Record<string, unknown>) => {\n      if (customElements.get(TAG)) return;\n      const define = m.defineCustomElement;\n      if (typeof define === 'function') {\n        define();\n      } else if (typeof m.MdLoadingIndicator === 'function') {\n        // Fallback for a Stencil that stops exporting the per-module helper:\n        // the transformed class itself is a valid custom-element constructor.\n        customElements.define(TAG, m.MdLoadingIndicator as CustomElementConstructor);\n      }\n    },\n    () => {\n      // Import failed (offline chunk fetch, exotic env): allow a retry on the\n      // next render instead of latching a broken state.\n      requested = false;\n    },\n  );\n}\n\n/**\n * Drop-in replacement for a literal <md-loading-indicator> tag: forwards all\n * props/children and kicks off the lazy registration on first render.\n */\nexport const LazyLoadingIndicator: FunctionalComponent<Record<string, unknown>> = (\n  props,\n  children,\n) => {\n  ensureLoadingIndicator();\n  const Tag = TAG as unknown as 'div';\n  return <Tag {...props}>{children}</Tag>;\n};\n"]}

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-De3E5Q8v.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:"7e0d130275287d00316cc915664a9a3c2bc6af29",class:{"md-accordion-item":true,"md-accordion-item--expanded":this.expanded,"md-accordion-item--disabled":this.disabled}},o("span",{key:"f68872307e464bf1014abd1095c7bb6225325e4c",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:"80f529008e9c2dd85b7cfa46cbdfc69c105cab42",class:"md-accordion-item__chassis-handle-bar",part:"chassis-handle-bar"})),o(i,{key:"9fd3ff2d9e1a16461fc0db764146401a220c3f64",class:"md-accordion-item__heading",part:"heading"},o("button",{key:"56b3b1a088d0bad367ee9167ea6d6a306b59dc6e",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:"97f20418eaddc07501a8651182be141c4f20badf",disabled:this.disabled}),o("span",{key:"1bcb8aa3fa536774651a0a8b65f06d1a93f3f46f",class:"md-accordion-item__state-layer",part:"state-layer","aria-hidden":"true"}),o("span",{key:"325ca53f39efab3af2b06acbb386f311c89ea86c",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:"adf26283784849a9c2de5b59c0445ca802641cb5",class:"material-symbols-outlined md-accordion-item__drag-handle-icon"},"drag_indicator")),a&&o("span",{key:"f4fe7d16b3040d02a154a3426186610505a9cf60",class:"md-accordion-item__leading",part:"leading-icon","aria-hidden":"true"},o("slot",{key:"3cc1f0838a2ba7e0d949aa71803fec6b8d75e4df",name:"leading-icon"},this.icon&&o("span",{key:"5f671046393a2e181234fd8ea8a1f97c710aa276",class:"material-symbols-outlined md-accordion-item__icon"},this.icon))),o("span",{key:"830e7cf3fd8f09ed0f8d0d16db19406912f6a147",class:"md-accordion-item__text"},o("span",{key:"a0fe23593d164997d1e12d6c2eae03bbb1e49827",class:"md-accordion-item__headline",part:"headline"},o("slot",{key:"6577f0f727032f3aceb863411aeb18e9e8fc364f",name:"headline"},this.headline)),(this.supportingText||this.hasSlottedHeadline)&&this.supportingText&&o("span",{key:"b92b3d81df310e18d1e55e602544401b7d8f41fb",class:"md-accordion-item__supporting",part:"supporting-text"},this.supportingText)),o("span",{key:"8c232a8ae8047865e72adbdd8170837106cb14e6",class:"md-accordion-item__trailing",part:"trailing-icon","aria-hidden":"true"},o("slot",{key:"be0a56b7f2e170b84a8854919c6f7e3d7d8d3f55",name:"trailing-icon"},o("svg",{key:"884836d66c65d1b044c0eec819151b7ae7def035",class:"md-accordion-item__chevron",viewBox:"0 0 24 24",width:"24",height:"24",fill:"currentColor","aria-hidden":"true"},o("path",{key:"a4efb141425c414c5b9d20b4e7188cd027d87ca7",d:"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6z"})))))),o("div",{key:"a583ecf306d26550eed28ea577e4e53923d0802a",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:"a475f8b98e22c21a5bdc41ed2d898ab7b3df7eb7",class:"md-accordion-item__content",part:"content"},o("div",{key:"fba1a524a1afd9a7d92ad905324eeaefa1242288",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:"b65e04d26ebcd5cf67450d03211ee25100fa85da"})))))}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-zMR3UIR_.js";import{d as l}from"./p-De3E5Q8v.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:"85ee3b31e44fffe17f0553e70589b7420488c89f",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