npm - @awc-ui/core - Versions diffs - 1.0.0-beta.2 → 1.0.0-beta.4 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (833) hide show

package/dist/components/md-list-item.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{p as t,H as e,c as i,h as s,d as a,t as n}from"./p-MWBNn6Lj.js";import{t as r}from"./p-DYBUr7K_.js";import{s as o,a as l,S as d}from"./p-BdEoSBtL.js";import{d as m}from"./p-Ch2-tttM.js";import{d as c}from"./p-6wZSqm_2.js";import{d as p}from"./p-stybaFzj.js";import{d as h}from"./p-Dp-w93ot.js";const g=()=>`:host{--_container-color:var(--md-list-item-container-color, var(--md-sys-color-surface, #fef7ff));--_container-shape:var(--md-list-item-container-shape, 0px);--_container-shape-start-start:var(--md-list-item-container-shape-start-start, var(--_container-shape));--_container-shape-start-end:var(--md-list-item-container-shape-start-end, var(--_container-shape));--_container-shape-end-start:var(--md-list-item-container-shape-end-start, var(--_container-shape));--_container-shape-end-end:var(--md-list-item-container-shape-end-end, var(--_container-shape));--_hover-container-shape:var(--md-list-item-hover-container-shape,    var(--md-list-item-active-container-shape, 0px));--_focus-container-shape:calc(var(--md-list-item-focus-container-shape,    var(--md-list-item-active-container-shape, var(--md-sys-shape-corner-large, 16px))) * var(--md-sys-shape-morph-enabled, 1));--_pressed-container-shape:calc(var(--md-list-item-pressed-container-shape,  var(--md-list-item-active-container-shape, var(--md-sys-shape-corner-large, 16px))) * var(--md-sys-shape-morph-enabled, 1));--_selected-container-shape:calc(var(--md-list-item-selected-container-shape, var(--md-list-item-active-container-shape, var(--md-sys-shape-corner-large, 16px))) * var(--md-sys-shape-morph-enabled, 1));--_dragged-container-shape:var(--md-list-item-dragged-container-shape, var(--md-list-item-active-container-shape, var(--md-sys-shape-corner-large, 16px)));--_label-text-color:var(--md-list-item-label-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_label-text-font:var(--md-list-item-label-text-font, var(--md-sys-typescale-body-large-font-family, Roboto, sans-serif));--_supporting-text-color:var(--md-list-item-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_supporting-text-font:var(--md-list-item-supporting-text-font, var(--md-sys-typescale-body-medium-font-family, Roboto, sans-serif));--_overline-color:var(--md-list-item-overline-color, var(--md-sys-color-on-surface-variant, #49454f));--_trailing-supporting-text-color:var(--md-list-item-trailing-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_trailing-supporting-text-font:var(--md-list-item-trailing-supporting-text-font, var(--md-sys-typescale-label-small-font-family, Roboto, sans-serif));--_leading-icon-color:var(--md-list-item-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_leading-icon-size:var(--md-list-item-leading-icon-size, max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px)));--_leading-icon-expressive-size:var(--md-list-item-leading-icon-expressive-size, max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px)));--_trailing-icon-color:var(--md-list-item-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_unselected-trailing-icon-color:var(--md-list-item-unselected-trailing-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_trailing-icon-size:var(--md-list-item-trailing-icon-size, max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px)));--_trailing-icon-expressive-size:var(--md-list-item-trailing-icon-expressive-size, max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px)));--_leading-avatar-color:var(--md-list-item-leading-avatar-color, var(--md-sys-color-primary-container, #eaddff));--_leading-avatar-label-color:var(--md-list-item-leading-avatar-label-color, var(--md-sys-color-on-primary-container, #21005d));--_leading-avatar-size:var(--md-list-item-leading-avatar-size, 40px);--_leading-avatar-shape:var(--md-list-item-leading-avatar-shape, var(--md-sys-shape-corner-full, 9999px));--_leading-image-width:var(--md-list-item-leading-image-width, 56px);--_leading-image-height:var(--md-list-item-leading-image-height, 56px);--_leading-image-shape:var(--md-list-item-leading-image-shape, var(--md-sys-shape-corner-none, 0px));--_leading-image-expressive-shape:var(--md-list-item-leading-image-expressive-shape, var(--md-sys-shape-corner-small, 8px));--_leading-image-selection-scrim-color:var(     --md-list-item-leading-image-selection-scrim-color,     color-mix(in srgb, var(--md-sys-color-scrim, #000000) 32%, transparent)   );--_leading-image-selection-circle-color:var(     --md-list-item-leading-image-selection-circle-color,     color-mix(in srgb, var(--md-sys-color-on-surface, #1d1b20) 60%, transparent)   );--_leading-image-selection-icon-color:var(     --md-list-item-leading-image-selection-icon-color,     var(--md-sys-color-surface, #fef7ff)   );--_leading-image-selection-icon-size:var(--md-list-item-leading-image-selection-icon-size, 24px);--_leading-video-width:var(--md-list-item-leading-video-width, 100px);--_leading-video-height:var(--md-list-item-leading-video-height, 56px);--_leading-video-shape:var(--md-list-item-leading-video-shape, var(--md-sys-shape-corner-small, 8px));--_selected-container-color:var(--md-list-item-selected-container-color, var(--md-sys-color-secondary-container, #e8def8));--_selected-label-text-color:var(--md-list-item-selected-label-text-color, var(--md-sys-color-on-secondary-container, #4a4458));--_selected-active-icon-color:var(--md-list-item-selected-active-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_selected-disabled-container-color:var(     --md-list-item-selected-disabled-container-color,     color-mix(in srgb, var(--md-sys-color-on-surface, #1d1b20) 12%, transparent)   );--_state-layer-color:var(--md-sys-color-on-surface, #1c1b1f);--_hover-state-layer-opacity:var(--md-list-item-hover-state-layer-opacity, var(--md-sys-state-hover-state-layer-opacity, 0.08));--_focus-state-layer-opacity:var(--md-list-item-focus-state-layer-opacity, 0.1);--_pressed-state-layer-opacity:var(--md-list-item-pressed-state-layer-opacity, 0.1);--_dragged-state-layer-opacity:var(--md-list-item-dragged-state-layer-opacity, 0.16);--_disabled-state-layer-opacity:var(--md-list-item-disabled-state-layer-opacity, 0);--_leading-space:var(--md-list-item-leading-space, var(--md-sys-spacing-inset-lg, 16px));--_trailing-space:var(--md-list-item-trailing-space, var(--md-sys-spacing-inset-lg, 16px));--_top-space:var(--md-list-item-top-space, max(2px, calc(8px + var(--md-sys-density-scale, 0) * 1.5px)));--_bottom-space:var(--md-list-item-bottom-space, max(2px, calc(8px + var(--md-sys-density-scale, 0) * 1.5px)));--_between-space:var(--md-list-item-between-space, max(8px, var(--md-sys-spacing-gap-md, 12px)));--_three-line-top-space:var(--md-list-item-three-line-top-space, max(2px, calc(12px + var(--md-sys-density-scale, 0) * 2.5px)));--_three-line-bottom-space:var(--md-list-item-three-line-bottom-space, max(2px, calc(12px + var(--md-sys-density-scale, 0) * 2.5px)));--_density-delta:calc(var(--md-sys-density-scale, 0) * 4px);--_density-delta-multi:calc(var(--md-sys-density-scale, 0) * 6px);--_dragged-container-elevation:var(--md-list-item-dragged-container-elevation, var(--md-sys-elevation-4, 0px 6px 10px 4px rgba(0,0,0,0.15), 0px 2px 3px rgba(0,0,0,0.3)));--_expand-chevron-color:var(--md-list-item-expand-chevron-color, var(--md-sys-color-on-surface-variant, #49454f));--_expand-duration:var(--md-list-item-expand-duration, var(--md-sys-motion-duration-medium3, 350ms));--_collapse-duration:var(--md-list-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));--_expanded-panel-padding-block:var(--md-list-item-expanded-panel-padding-block, 0px);--_expanded-panel-padding-inline:var(--md-list-item-expanded-panel-padding-inline, 0px);--_expanded-panel-padding-inline-start:var(     --md-list-item-expanded-panel-padding-inline-start,     var(--md-list-item-expanded-panel-padding-inline, 0px)   );--_expanded-panel-background:var(--md-list-item-expanded-panel-background, transparent);display:block;position:relative;background-color:var(--_container-color);color:var(--_label-text-color);border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-start-radius:var(--_container-shape-end-start);border-end-end-radius:var(--_container-shape-end-end);box-sizing:border-box;-webkit-tap-highlight-color:transparent;outline:none;overflow:clip;transition:box-shadow var(--md-sys-motion-duration-short2, 100ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),     border-start-start-radius var(--md-sys-motion-duration-medium4, 400ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1)),     border-start-end-radius var(--md-sys-motion-duration-medium4, 400ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1)),     border-end-start-radius var(--md-sys-motion-duration-medium4, 400ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1)),     border-end-end-radius var(--md-sys-motion-duration-medium4, 400ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1))}.md-list-item__row{display:flex;align-items:center;position:relative;min-block-size:calc(56px + var(--_density-delta));padding-block-start:var(--_top-space);padding-block-end:var(--_bottom-space);padding-inline-start:var(--_leading-space);padding-inline-end:var(--_trailing-space);gap:var(--_between-space);box-sizing:border-box;overflow:hidden;transition:border-start-start-radius var(--md-sys-motion-duration-medium4, 400ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1)),     border-start-end-radius var(--md-sys-motion-duration-medium4, 400ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1)),     border-end-start-radius var(--md-sys-motion-duration-medium4, 400ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1)),     border-end-end-radius var(--md-sys-motion-duration-medium4, 400ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1))}:host(.md-list-item--interactive) .md-list-item__row{cursor:pointer;user-select:none}:host(.md-list-item--type-text:not(.md-list-item--selection-mode):not(.md-list-item--expandable)) .md-list-item__row{cursor:default}.md-list-item__primary{display:flex;align-items:center;flex:1 1 auto;min-inline-size:0;gap:var(--_between-space);appearance:none;margin:0;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:inherit;text-decoration:none;cursor:inherit;outline:none;-webkit-tap-highlight-color:transparent}:host(.md-list-item--3-line) .md-list-item__primary{align-items:flex-start;align-self:stretch}:host(.md-list-item--1-line) .md-list-item__row{min-block-size:calc(56px + var(--_density-delta))}:host(.md-list-item--2-line) .md-list-item__row{min-block-size:calc(72px + var(--_density-delta-multi))}:host(.md-list-item--3-line) .md-list-item__row{min-block-size:calc(88px + var(--_density-delta-multi));padding-block-start:var(--_three-line-top-space);padding-block-end:var(--_three-line-bottom-space);align-items:flex-start}:host(.md-list-item--with-video){--_top-space:var(--md-list-item-leading-video-top-space, max(4px, calc(12px + var(--md-sys-density-scale, 0) * 2px)));--_bottom-space:max(4px, calc(12px + var(--md-sys-density-scale, 0) * 2px))}:host(.md-list-item--3-line) .md-list-item__leading{align-self:flex-start;}:host(.md-list-item--3-line.md-list-item--with-avatar) .md-list-item__leading{align-self:center}:host(.md-list-item--3-line:has(md-avatar[slot='leading'])) .md-list-item__leading{align-self:center}:host(.md-list-item--3-line) .md-list-item__trailing{align-self:stretch;flex-direction:column;align-items:flex-end;justify-content:flex-start;gap:0}:host(.md-list-item--3-line) .md-list-item__trailing-icon{margin-block:auto}:host-context(.md-list--standard),:host-context(.md-list--segmented){--_leading-icon-size:var(--md-list-item-leading-icon-size, var(--_leading-icon-expressive-size));--_trailing-icon-size:var(--md-list-item-trailing-icon-size, var(--_trailing-icon-expressive-size));--_leading-image-shape:var(--md-list-item-leading-image-shape, var(--_leading-image-expressive-shape))}:host-context(.md-list--standard):host(:first-of-type){--md-list-item-container-shape-start-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-start-end:var(--md-sys-shape-corner-large, 16px)}:host-context(.md-list--standard):host(:last-of-type){--md-list-item-container-shape-end-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-end-end:var(--md-sys-shape-corner-large, 16px)}:host-context(.md-list--standard):host(:only-of-type){--md-list-item-container-shape-start-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-start-end:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-end-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-end-end:var(--md-sys-shape-corner-large, 16px)}:host(.md-list-item--expandable.md-list-item--expanded){--md-list-item-container-shape-end-start:0px;--md-list-item-container-shape-end-end:0px}:host-context(.md-list--segmented){--_container-shape:var(--md-list-item-container-shape, var(--md-sys-shape-corner-extra-small, 4px))}:host-context(.md-list--segmented):host(:first-of-type){--md-list-item-container-shape-start-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-start-end:var(--md-sys-shape-corner-large, 16px)}:host-context(.md-list--segmented):host(:last-of-type){--md-list-item-container-shape-end-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-end-end:var(--md-sys-shape-corner-large, 16px)}:host-context(.md-list--segmented):host(:only-of-type){--md-list-item-container-shape-start-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-start-end:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-end-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-end-end:var(--md-sys-shape-corner-large, 16px)}.md-list-item__state-layer{position:absolute;inset:0;border-radius:inherit;background-color:var(--_state-layer-color);opacity:0;transition:opacity var(--md-sys-motion-duration-short2, 100ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1));pointer-events:none}:host(.md-list-item--interactive) .md-list-item__row:hover .md-list-item__state-layer{opacity:var(--_hover-state-layer-opacity)}:host(.md-list-item--interactive:focus-visible) .md-list-item__state-layer,:host(.md-list-item--interactive.md-list-item--roving-focus-visible:not(:focus)) .md-list-item__state-layer{opacity:var(--_focus-state-layer-opacity)}:host(.md-list-item--interactive:has(.md-list-item__primary:focus-visible)) .md-list-item__state-layer{opacity:var(--_focus-state-layer-opacity)}:host(.md-list-item--interactive) .md-list-item__row:active .md-list-item__state-layer,:host(.md-list-item--pressed) .md-list-item__state-layer{opacity:var(--_pressed-state-layer-opacity)}:host(.md-list-item--dragged) .md-list-item__state-layer{opacity:var(--_dragged-state-layer-opacity)}:host(.md-list-item--dragged) md-ripple{display:none}:host(.md-list-item--dragged){box-shadow:var(--_dragged-container-elevation);z-index:1}:host(.md-list-item--interactive:focus-visible),:host(.md-list-item--interactive.md-list-item--roving-focus-visible:not(:focus)){box-shadow:inset 0 0 0 3px var(--md-sys-color-secondary, #625b71);outline:none;z-index:1}:host(.md-list-item--interactive:has(.md-list-item__primary:focus-visible)){box-shadow:inset 0 0 0 3px var(--md-sys-color-secondary, #625b71);outline:none;z-index:1}:host(.md-list-item--dragged:focus-visible){box-shadow:var(--_dragged-container-elevation),     inset 0 0 0 3px var(--md-sys-color-secondary, #625b71)}:host(.md-list-item--interactive:focus-visible),:host(.md-list-item--interactive.md-list-item--roving-focus-visible:not(:focus)),:host(.md-list-item--selected),:host(.md-list-item--interactive:active),:host(.md-list-item--pressed),:host(.md-list-item--dragged){transition:box-shadow var(--md-sys-motion-duration-short2, 100ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),     border-start-start-radius var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),     border-start-end-radius var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),     border-end-start-radius var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),     border-end-end-radius var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.md-list-item--interactive:focus-visible) .md-list-item__row,:host(.md-list-item--interactive.md-list-item--roving-focus-visible:not(:focus)) .md-list-item__row,:host(.md-list-item--selected) .md-list-item__row,:host(.md-list-item--interactive:active) .md-list-item__row,:host(.md-list-item--pressed) .md-list-item__row,:host(.md-list-item--dragged) .md-list-item__row{transition:border-start-start-radius var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),     border-start-end-radius var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),     border-end-start-radius var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),     border-end-end-radius var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.md-list-item--interactive:focus-visible),:host(.md-list-item--interactive.md-list-item--roving-focus-visible:not(:focus)),:host(.md-list-item--interactive:focus-visible) .md-list-item__row,:host(.md-list-item--interactive.md-list-item--roving-focus-visible:not(:focus)) .md-list-item__row{border-start-start-radius:max(var(--_container-shape-start-start), var(--_focus-container-shape));border-start-end-radius:max(var(--_container-shape-start-end),   var(--_focus-container-shape));border-end-start-radius:max(var(--_container-shape-end-start),   var(--_focus-container-shape));border-end-end-radius:max(var(--_container-shape-end-end),     var(--_focus-container-shape))}:host(.md-list-item--selected),:host(.md-list-item--selected) .md-list-item__row{border-start-start-radius:max(var(--_container-shape-start-start), var(--_selected-container-shape));border-start-end-radius:max(var(--_container-shape-start-end),   var(--_selected-container-shape));border-end-start-radius:max(var(--_container-shape-end-start),   var(--_selected-container-shape));border-end-end-radius:max(var(--_container-shape-end-end),     var(--_selected-container-shape))}:host(.md-list-item--interactive:active),:host(.md-list-item--pressed),:host(.md-list-item--dragged),:host(.md-list-item--interactive:active) .md-list-item__row,:host(.md-list-item--pressed) .md-list-item__row,:host(.md-list-item--dragged) .md-list-item__row{border-start-start-radius:max(var(--_container-shape-start-start), var(--_pressed-container-shape));border-start-end-radius:max(var(--_container-shape-start-end),   var(--_pressed-container-shape));border-end-start-radius:max(var(--_container-shape-end-start),   var(--_pressed-container-shape));border-end-end-radius:max(var(--_container-shape-end-end),     var(--_pressed-container-shape))}:host(.md-list-item--dragged),:host(.md-list-item--dragged) .md-list-item__row{border-start-start-radius:max(var(--_container-shape-start-start), var(--_dragged-container-shape));border-start-end-radius:max(var(--_container-shape-start-end),   var(--_dragged-container-shape));border-end-start-radius:max(var(--_container-shape-end-start),   var(--_dragged-container-shape));border-end-end-radius:max(var(--_container-shape-end-end),     var(--_dragged-container-shape))}:host(.md-list-item--selected){--_container-color:var(--_selected-container-color);--_label-text-color:var(--_selected-label-text-color);--_supporting-text-color:var(--_selected-label-text-color);--_overline-color:var(--_selected-label-text-color);--_leading-icon-color:var(--_selected-label-text-color);--_trailing-icon-color:var(--_selected-label-text-color);--_trailing-supporting-text-color:var(--_selected-label-text-color);--_state-layer-color:var(--_selected-label-text-color);--_expand-chevron-color:var(--_selected-label-text-color)}:host(.md-list-item--selection-mode:not(.md-list-item--selected)){--_trailing-icon-color:var(--_unselected-trailing-icon-color)}:host(.md-list-item--selected.md-list-item--interactive:hover),:host(.md-list-item--selected.md-list-item--interactive:focus-visible),:host(.md-list-item--selected.md-list-item--interactive.md-list-item--roving-focus-visible:not(:focus)),:host(.md-list-item--selected.md-list-item--interactive:active),:host(.md-list-item--selected.md-list-item--pressed),:host(.md-list-item--selected.md-list-item--dragged){--_leading-icon-color:var(--_selected-active-icon-color);--_trailing-icon-color:var(--_selected-active-icon-color)}:host(.md-list-item--expandable),:host(.md-list-item--expandable[selected]),:host(.md-list-item--expandable.md-list-item--selected),:host(.md-list-item--expandable.md-list-item--selected.md-list-item--interactive:hover),:host(.md-list-item--expandable.md-list-item--selected.md-list-item--interactive:focus-visible),:host(.md-list-item--expandable.md-list-item--selected.md-list-item--interactive:active),:host(.md-list-item--expandable.md-list-item--selected.md-list-item--pressed),:host(.md-list-item--expandable.md-list-item--selected.md-list-item--dragged){--_container-color:var(--md-list-item-container-color, var(--md-sys-color-surface, #fef7ff));--_label-text-color:var(--md-list-item-label-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_supporting-text-color:var(--md-list-item-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_overline-color:var(--md-list-item-overline-color, var(--md-sys-color-on-surface-variant, #49454f));--_leading-icon-color:var(--md-list-item-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_trailing-icon-color:var(--md-list-item-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_trailing-supporting-text-color:var(     --md-list-item-trailing-supporting-text-color,     var(--md-sys-color-on-surface-variant, #49454f)   );--_state-layer-color:var(--md-sys-color-on-surface, #1c1b1f);--_expand-chevron-color:var(--md-list-item-expand-chevron-color, var(--md-sys-color-on-surface-variant, #49454f))}:host(.md-list-item--expandable.md-list-item--selected),:host(.md-list-item--expandable.md-list-item--selected) .md-list-item__row{border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-start-radius:var(--_container-shape-end-start);border-end-end-radius:var(--_container-shape-end-end)}:host(.md-list-item--disabled){cursor:default;pointer-events:none;--_label-text-color:color-mix(in srgb, var(--md-sys-color-on-surface, #1c1b1f) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent);--_supporting-text-color:color-mix(in srgb, var(--md-sys-color-on-surface, #1c1b1f) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent);--_overline-color:color-mix(in srgb, var(--md-sys-color-on-surface, #1c1b1f) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent);--_leading-icon-color:color-mix(in srgb, var(--md-sys-color-on-surface, #1c1b1f) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent);--_trailing-icon-color:color-mix(in srgb, var(--md-sys-color-on-surface, #1c1b1f) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent);--_trailing-supporting-text-color:color-mix(in srgb, var(--md-sys-color-on-surface, #1c1b1f) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent);--_expand-chevron-color:color-mix(in srgb, var(--md-sys-color-on-surface, #1c1b1f) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent)}:host(.md-list-item--disabled) .md-list-item__state-layer{opacity:var(--_disabled-state-layer-opacity)}:host(.md-list-item--selected.md-list-item--disabled){--_container-color:var(--_selected-disabled-container-color)}:host([soft-disabled]){pointer-events:auto}:host([soft-disabled]) .md-list-item__row{cursor:default}:host([soft-disabled]) .md-list-item__state-layer{display:none}.md-list-item__leading{display:flex;align-items:center;justify-content:center;flex-shrink:0;min-inline-size:24px;color:var(--_leading-icon-color)}.md-list-item__leading--empty,.md-list-item__overline--empty,.md-list-item__supporting-text--empty,.md-list-item__trailing-text--empty{display:none}.md-list-item__icon{font-size:var(--_leading-icon-size);inline-size:var(--_leading-icon-size);block-size:var(--_leading-icon-size);line-height:1;color:var(--_leading-icon-color);font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;transition:font-variation-settings var(--md-sys-motion-duration-short3, 150ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.md-list-item--expanded) .md-list-item__icon{font-variation-settings:'FILL' 1, 'wght' 500, 'GRAD' 0, 'opsz' 24}md-avatar.md-list-item__avatar{--md-avatar-size:var(--_leading-avatar-size);--md-avatar-container-shape:var(--_leading-avatar-shape);--md-avatar-container-color:var(--_leading-avatar-color);--md-avatar-label-color:var(--_leading-avatar-label-color)}.md-list-item__image-wrap{position:relative;display:inline-flex;flex-shrink:0;inline-size:var(--_leading-image-width);block-size:var(--_leading-image-height);border-radius:var(--_leading-image-shape);overflow:hidden}.md-list-item__image{inline-size:100%;block-size:100%;object-fit:cover}.md-list-item__image-selection-indicator{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:var(--_leading-image-selection-scrim-color);pointer-events:none;opacity:0;transition:opacity var(--md-sys-motion-duration-short3, 150ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.md-list-item--selected) .md-list-item__image-selection-indicator{opacity:1}.md-list-item__image-selection-circle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;inline-size:var(--_leading-image-selection-icon-size);block-size:var(--_leading-image-selection-icon-size);border-radius:var(--md-sys-shape-corner-full, 9999px);background-color:var(--_leading-image-selection-circle-color);transform:scale(0);opacity:0}:host(.md-list-item--selected) .md-list-item__image-selection-circle{animation:md-list-item-image-selection-in var(--md-sys-motion-duration-medium2, 250ms)     var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1)) both}@keyframes md-list-item-image-selection-in{0%{transform:scale(0);opacity:0}60%{transform:scale(1.08);opacity:1}100%{transform:scale(1);opacity:1}}.md-list-item__image-selection-check.material-symbols-outlined{display:inline-flex;align-items:center;justify-content:center;inline-size:calc(var(--_leading-image-selection-icon-size) * 0.667);block-size:calc(var(--_leading-image-selection-icon-size) * 0.667);font-size:calc(var(--_leading-image-selection-icon-size) * 0.667);line-height:1;color:var(--_leading-image-selection-icon-color);font-weight:normal;font-variation-settings:'FILL' 1, 'wght' 600, 'GRAD' 0, 'opsz' 24}::slotted([slot="leading"]){display:inline-flex;align-items:center;justify-content:center;color:var(--_leading-icon-color);fill:currentColor}::slotted(video[slot="leading"]){inline-size:var(--_leading-video-width);block-size:var(--_leading-video-height);border-radius:var(--_leading-video-shape);object-fit:cover}.md-list-item__content{flex:1;display:flex;flex-direction:column;min-inline-size:0;overflow:hidden;gap:0}.md-list-item__overline{font-family:var(--md-sys-typescale-label-small-font-family, Roboto, sans-serif);font-size:var(--md-sys-typescale-label-small-font-size, 11px);font-weight:var(--md-sys-typescale-label-small-font-weight, 500);line-height:var(--md-sys-typescale-label-small-line-height, 16px);letter-spacing:var(--md-sys-typescale-label-small-letter-spacing, 0.5px);color:var(--_overline-color);contain:inline-size;min-inline-size:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-transform:uppercase;transition:none}.md-list-item__headline{font-family:var(--_label-text-font);font-size:max(13px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-body-large-font-weight, 400);line-height:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-body-large-letter-spacing, 0.5px);color:var(--_label-text-color);display:block;contain:inline-size;min-inline-size:0;max-inline-size:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;transition:none}.md-list-item__supporting-text{font-family:var(--_supporting-text-font);font-size:max(11px, 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));letter-spacing:var(--md-sys-typescale-body-medium-letter-spacing, 0.25px);color:var(--_supporting-text-color);display:block;contain:inline-size;min-inline-size:0;max-inline-size:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;transition:none}:host(.md-list-item--3-line) .md-list-item__supporting-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal}md-tooltip.md-list-item__headline-tooltip,md-tooltip.md-list-item__supporting-tooltip{display:block;min-inline-size:0;max-inline-size:100%;overflow:hidden;--md-tooltip-plain-max-inline-size:320px}md-tooltip.md-list-item__supporting-tooltip--empty{display:none}.md-list-item__trailing{display:flex;align-items:center;gap:4px;flex-shrink:0;color:var(--_trailing-icon-color)}.md-list-item__trailing-text{font-family:var(--_trailing-supporting-text-font);font-size:var(--md-sys-typescale-label-small-font-size, 11px);font-weight:var(--md-sys-typescale-label-small-font-weight, 500);line-height:var(--md-sys-typescale-label-small-line-height, 16px);color:var(--_trailing-supporting-text-color);white-space:nowrap}.md-list-item__trailing-icon{display:inline-flex;align-items:center;justify-content:center;font-size:var(--_trailing-icon-size);inline-size:var(--_trailing-icon-size);block-size:var(--_trailing-icon-size);line-height:1;color:var(--_trailing-icon-color)}::slotted([slot="trailing"]:not(md-badge)){display:inline-flex;align-items:center;justify-content:center;color:var(--_trailing-icon-color);fill:currentColor;pointer-events:auto}::slotted(md-badge[slot="trailing"]){display:inline-flex;align-items:center;justify-content:center;pointer-events:auto;position:static;inset-block-start:auto;inset-inline-end:auto;transform:none;flex-shrink:0}:host(.md-list-item--3-line) ::slotted(md-badge[slot="trailing"]){margin-block:auto}.md-list-item__drag-handle.material-symbols-outlined{display:inline-flex;align-items:center;justify-content:center;inline-size:24px;block-size:24px;flex-shrink:0;font-size:22px;line-height:1;color:var(--_trailing-icon-color);opacity:0.55;cursor:grab;touch-action:none;pointer-events:auto;transition:opacity var(--md-sys-motion-duration-short3, 150ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),     transform var(--md-sys-motion-duration-short3, 150ms) var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1)),     color var(--md-sys-motion-duration-short3, 150ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}.md-list-item__drag-handle.material-symbols-outlined:hover{opacity:1;color:var(--md-sys-color-on-surface, #1c1b1f);transform:scale(1.08)}.md-list-item__drag-handle.material-symbols-outlined:active{cursor:grabbing}:host(.md-list-item--dragged) .md-list-item__drag-handle{opacity:1;color:var(--md-sys-color-on-surface, #1c1b1f);cursor:grabbing}:host(.md-list-item--shifting){transition:transform var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1));will-change:transform}.md-list-item__expand-button{flex-shrink:0;--md-icon-button-container-width:var(--md-list-item-expand-button-size, 32px);--md-icon-button-container-height:var(--md-list-item-expand-button-size, 32px);--md-icon-button-icon-size:var(--md-list-item-expand-chevron-size, 24px);--md-icon-button-icon-color:var(--_expand-chevron-color);--md-icon-button-state-layer-color:var(--_expand-chevron-color);margin-inline-end:-4px}.md-list-item__expand-button--expanded{--md-icon-button-container-color:var(--md-sys-color-primary, #6750a4);--md-icon-button-icon-color:var(--md-sys-color-on-primary, #ffffff);--md-icon-button-state-layer-color:var(--md-sys-color-on-primary, #ffffff);--md-icon-button-outline-color:transparent}.md-list-item__expand-button::part(icon){transition:transform var(--md-sys-motion-duration-medium2, 250ms) var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1));transform-origin:center}.md-list-item__expand-button--expanded::part(icon){transform:rotate(180deg)}.md-list-item__expanded-panel{display:grid;grid-template-rows:0fr;opacity:0;background-color:var(--_expanded-panel-background);transition:grid-template-rows var(--_collapse-duration) var(--_collapse-easing),     opacity var(--_collapse-duration) var(--_collapse-easing)}:host(.md-list-item--expanded) .md-list-item__expanded-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-list-item__expanded-panel-inner{min-block-size:0;overflow:hidden;transform:translateY(-8px);transition:transform var(--_collapse-duration) var(--_collapse-easing);padding-block:var(--_expanded-panel-padding-block);padding-inline-start:var(--_expanded-panel-padding-inline-start);padding-inline-end:var(--_expanded-panel-padding-inline)}:host(.md-list-item--expanded) .md-list-item__expanded-panel-inner{transform:translateY(0);transition:transform var(--_expand-duration) var(--_expand-easing)}:host(.md-list-item--expandable) ::slotted(md-list-item[slot="expanded-content"]){--md-list-item-container-shape:0px;--md-list-item-container-shape-start-start:0px;--md-list-item-container-shape-start-end:0px;--md-list-item-container-shape-end-start:0px;--md-list-item-container-shape-end-end:0px;display:block;inline-size:100%;box-sizing:border-box}:host-context(.md-list--standard):host(:last-of-type.md-list-item--expanded) ::slotted(md-list-item[slot="expanded-content"]:last-of-type),:host-context(.md-list--segmented):host(:last-of-type.md-list-item--expanded) ::slotted(md-list-item[slot="expanded-content"]:last-of-type){--md-list-item-container-shape-end-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-end-end:var(--md-sys-shape-corner-large, 16px)}::slotted(md-divider[slot="expanded-content"]){display:block}::slotted([slot="expanded-content"]){display:block}.md-list-item__expanded-panel[hidden]{display:grid}@media (prefers-reduced-motion: reduce){:host{transition-property:box-shadow}.md-list-item__row,.md-list-item__expanded-panel,.md-list-item__expanded-panel-inner,.md-list-item__drag-handle{transition:none}.md-list-item__drag-handle.material-symbols-outlined:hover{transform:none}.md-list-item__expand-button::part(icon){transition:none}.md-list-item__image-selection-indicator{transition:none}:host(.md-list-item--selected) .md-list-item__image-selection-circle{animation:none;transform:scale(1);opacity:1}}.material-symbols-outlined{font-family:var(--md-sys-icon-font-family, 'Material Symbols Outlined', 'Material Icons');font-weight:normal;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;overflow-wrap:normal;direction:ltr;font-feature-settings:'liga';-webkit-font-smoothing:antialiased;pointer-events:none}:host([dir="rtl"]) .md-list-item__trailing-icon[data-rtl-mirror],:host-context([dir="rtl"]) .md-list-item__trailing-icon[data-rtl-mirror]{transform:scaleX(-1)}:host(.md-list-item--with-image) .md-list-item__row{padding-inline-start:16px}: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 v=0;const u=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.mdClick=i(this,"mdClick",7);this.mdItemClick=i(this,"mdItemClick",7);this.mdItemSelect=i(this,"mdItemSelect",7);this.mdRequestActivation=i(this,"mdRequestActivation",7);this.mdItemRequestReorder=i(this,"mdItemRequestReorder",7);this.mdExpand=i(this,"mdExpand",7);this.type="text";this.headline="";this.overline="";this.supportingText="";this.trailingSupportingText="";this.leadingIcon="";this.trailingIcon="";this.leadingAvatar="";this.leadingAvatarAlt="";this.leadingAvatarName="";this.leadingAvatarLabel="";this.leadingImage="";this.leadingImageAlt="";this.lines=1;this.href="";this.target="_self";this.disabled=false;this.softDisabled=false;this.selected=false;this.expandable=false;this.expanded=false;this.tabbable=true;this.rovingFocusVisible=false;this.selectionMode="none";this.interactionMode="single-action";this.containerRole="";this.reorderable=false;this.density=0;this.hasSlottedLeading=false;this.hasSlottedTrailing=false;this.hasSlottedHeadline=false;this.hasSlottedOverline=false;this.hasSlottedSupportingText=false;this.hasSlottedTrailingSupportingText=false;this.hasSlottedExpandedContent=false;this.hasExpandedListItemChildren=false;this.hasLeadingVideo=false;this.pressed=false;this.hostedByList=false;this.observer=null;this.expandedPanelId=`md-list-item-panel-${++v}`;this.resizeObserver=null;this.truncationRaf=0;this.truncationDebounceTimer=0;this.headlineTruncated=false;this.supportingTruncated=false;this.handleCaretToggle=t=>{t.stopPropagation();this.toggleExpanded()};this.handleClick=t=>{if(!this.isInteractive)return;if(this.isEffectivelyDisabled){t.preventDefault();return}if(this.isDragHandleTarget(t))return;if(this.isTrailingActionTarget(t))return;if(this.isExpandButtonTarget(t))return;if(this.isExpandedContentTarget(t))return;if(this.expandable){this.expanded=!this.expanded;const t=o(this.href);if(this.type==="link"&&t&&!this.hasPrimaryAction){window.open(t,this.target,l)}this.mdClick.emit({item:this.el});return}const e=o(this.href);if(this.type==="link"&&e&&!this.hasPrimaryAction){window.open(e,this.target,l)}this.mdClick.emit({item:this.el});this.mdItemClick.emit({index:this.computeIndex(),selected:this.selected})};this.handleKeyDown=t=>{if(this.reorderable&&!this.isEffectivelyDisabled&&t.altKey&&(t.key==="ArrowUp"||t.key==="ArrowDown")){t.preventDefault();this.mdItemRequestReorder.emit({direction:t.key==="ArrowUp"?"up":"down",from:this.computeIndex()});return}if(!this.isInteractive)return;if(this.expandable&&!this.isEffectivelyDisabled){if(t.key==="ArrowRight"&&!this.expanded){t.preventDefault();this.expanded=true;return}if(t.key==="ArrowLeft"&&this.expanded){t.preventDefault();this.expanded=false;return}}if(t.key==="Enter"||t.key===" "){t.preventDefault();if(!this.isEffectivelyDisabled){this.pressed=true;r(this.el);if(this.type==="link"&&this.primaryEl){this.primaryEl.click()}else{this.el.click()}window.setTimeout((()=>{this.pressed=false}),150)}}};this.handlePointerDown=t=>{if(this.isExpandButtonTarget(t)||this.isTrailingActionTarget(t))return;if(this.isExpandedContentTarget(t))return;if(this.isInteractive&&!this.isEffectivelyDisabled)this.pressed=true};this.handlePointerUp=()=>{this.pressed=false};this.handleFocus=()=>{if(this.hostedByList&&this.isInteractive){this.mdRequestActivation.emit()}};this.scheduleTruncationCheck=()=>{if(this.truncationDebounceTimer)clearTimeout(this.truncationDebounceTimer);this.truncationDebounceTimer=typeof setTimeout!=="undefined"?setTimeout((()=>{this.truncationDebounceTimer=0;this.runTruncationCheck()}),100):0};this.runTruncationCheck=()=>{const t=()=>{this.truncationRaf=0;this.applyTooltipToggle(this.headlineEl,this.headlineTooltipEl,"headlineTruncated",false);this.applyTooltipToggle(this.supportingEl,this.supportingTooltipEl,"supportingTruncated",this.effectiveLines===3)};if(typeof requestAnimationFrame==="function"){if(this.truncationRaf)cancelAnimationFrame(this.truncationRaf);this.truncationRaf=requestAnimationFrame(t)}else{t()}}}get inSelectionMode(){return this.selectionMode!=="none"}get isExpandedContentSlotted(){return this.el.getAttribute("slot")==="expanded-content"}get participatesInSelection(){return this.inSelectionMode&&!this.expandable&&!this.isExpandedContentSlotted}get isMultiAction(){return this.interactionMode==="multi-action"}get isEffectivelyDisabled(){return this.disabled||this.softDisabled}get isInteractive(){return!this.disabled&&(this.type!=="text"||this.inSelectionMode||this.expandable)}get isMenuContext(){return this.containerRole==="menu"||this.containerRole==="menubar"}get hasPrimaryAction(){return!this.participatesInSelection&&!this.reorderable&&!this.isMenuContext&&(this.type==="button"||this.type==="link")}get hasLeadingContent(){return!!this.leadingIcon||!!this.leadingAvatar||!!this.leadingAvatarLabel||!!this.leadingAvatarName||!!this.leadingImage||this.hasSlottedLeading}get hasTrailingContent(){return!!this.trailingIcon||!!this.trailingSupportingText||this.hasSlottedTrailing||this.hasSlottedTrailingSupportingText||this.expandable||this.reorderable}get effectiveLines(){if(this.lines!==1)return this.lines;const t=!!this.overline||this.hasSlottedOverline;const e=!!this.supportingText||this.hasSlottedSupportingText;if(t&&e)return 3;if(t||e)return 2;return 1}componentWillLoad(){const t=this.el.parentElement;this.hostedByList=!!t&&t.tagName==="MD-LIST";if(this.expandable&&this.selected){this.selected=false}if(this.selectionMode==="none"){const t=this.el.getAttribute("data-selection-mode");if(t==="single-select"||t==="multi-select"){this.selectionMode=t}}if(this.interactionMode==="single-action"){const t=this.el.getAttribute("data-interaction-mode");if(t==="multi-action"){this.interactionMode="multi-action"}}this.detectSlottedFromLightDom();if(this.expandable&&this.selected){this.selected=false}}detectSlottedFromLightDom(){if(!this.el||!this.el.children)return;const t=Array.from(this.el.children);const e=e=>t.some((t=>t.getAttribute("slot")===e));const i=e("trailing");if(i!==this.hasSlottedTrailing)this.hasSlottedTrailing=i;const s=e("trailing-supporting-text");if(s!==this.hasSlottedTrailingSupportingText){this.hasSlottedTrailingSupportingText=s}const a=e("headline");if(a!==this.hasSlottedHeadline)this.hasSlottedHeadline=a;const n=e("supporting-text");if(n!==this.hasSlottedSupportingText)this.hasSlottedSupportingText=n;const r=e("overline");if(r!==this.hasSlottedOverline)this.hasSlottedOverline=r;const o=e("leading");if(o!==this.hasSlottedLeading)this.hasSlottedLeading=o;const l=t.some((t=>t.tagName==="VIDEO"&&t.getAttribute("slot")==="leading"));if(l!==this.hasLeadingVideo)this.hasLeadingVideo=l;const d=t.some((t=>t.tagName==="MD-LIST-ITEM"&&t.getAttribute("slot")==="expanded-content"));if(d!==this.hasExpandedListItemChildren){this.hasExpandedListItemChildren=d}}componentDidLoad(){const t=this.el.shadowRoot;if(!t)return;const e=(e,i,s)=>{const a=t.querySelector(`slot[name="${e}"]`);if(!a)return;const n=()=>{try{i(a.assignedElements().length>0)}catch{}s?.()};a.addEventListener("slotchange",n);n()};e("leading",(t=>this.hasSlottedLeading=t));e("trailing",(t=>this.hasSlottedTrailing=t));e("headline",(t=>this.hasSlottedHeadline=t),(()=>this.scheduleTruncationCheck()));e("overline",(t=>this.hasSlottedOverline=t));e("supporting-text",(t=>this.hasSlottedSupportingText=t),(()=>this.scheduleTruncationCheck()));e("trailing-supporting-text",(t=>this.hasSlottedTrailingSupportingText=t));e("expanded-content",(t=>this.hasSlottedExpandedContent=t));if(typeof MutationObserver!=="undefined"){this.observer=new MutationObserver((t=>{let e=false;for(const i of t){if(i.type==="attributes"&&i.target===this.el&&i.attributeName==="data-selection-mode"){const t=this.el.getAttribute("data-selection-mode");if(t==="single-select"||t==="multi-select"){this.selectionMode=t}else if(!t){this.selectionMode="none"}}if(i.type==="attributes"&&i.target===this.el&&i.attributeName==="data-interaction-mode"){const t=this.el.getAttribute("data-interaction-mode");if(t==="multi-action"){this.interactionMode="multi-action"}else if(!t){this.interactionMode="single-action"}}if(i.type==="childList")e=true;if(i.type==="attributes"&&i.attributeName==="slot"&&i.target!==this.el){e=true}}if(e){this.detectSlottedFromLightDom();this.syncExpandedContentSelectionMode();this.syncExpandedContentDividers()}}));this.observer.observe(this.el,{attributes:true,attributeFilter:["data-selection-mode","data-interaction-mode","slot"],childList:true,subtree:true})}if(typeof ResizeObserver!=="undefined"){this.resizeObserver=new ResizeObserver((()=>this.scheduleTruncationCheck()));this.resizeObserver.observe(this.el)}this.runTruncationCheck();this.syncExpandedContentSelectionMode();this.syncExpandedContentDividers()}disconnectedCallback(){this.observer?.disconnect();this.observer=null;this.resizeObserver?.disconnect();this.resizeObserver=null;if(this.truncationDebounceTimer){clearTimeout(this.truncationDebounceTimer);this.truncationDebounceTimer=0}if(this.truncationRaf&&typeof cancelAnimationFrame==="function"){cancelAnimationFrame(this.truncationRaf);this.truncationRaf=0}}onSelectedChange(t){if(this.expandable&&t){this.selected=false}}onExpandableChange(){if(this.expandable&&this.selected){this.selected=false}this.syncExpandedContentSelectionMode();this.syncExpandedContentDividers()}onSelectionModeChange(){this.syncExpandedContentSelectionMode()}onExpandedChange(t,e){if(t!==e){this.mdExpand.emit(this.buildExpandDetail(t))}}onHeadlineChange(){this.scheduleTruncationCheck()}onSupportingTextChange(){this.scheduleTruncationCheck()}resolveFocusTarget(){if(this.hasPrimaryAction&&this.primaryEl)return this.primaryEl;return this.el}async setFocus(t){const e=this.resolveFocusTarget();if(!e)return;if(e.getAttribute("tabindex")===null){e.setAttribute("tabindex",this.tabbable?"0":"-1")}e.focus(t)}async focusItem(){await this.setFocus()}async toggle(){if(!this.expandable||this.isEffectivelyDisabled)return;this.expanded=!this.expanded}async expand(){if(!this.expandable||this.isEffectivelyDisabled)return;this.expanded=true}async collapse(){if(!this.expandable||this.isEffectivelyDisabled)return;this.expanded=false}isTrailingActionTarget(t){const e=typeof t.composedPath==="function"?t.composedPath():[t.target];for(const t of e){if(!t||t===this.el||!this.isElementLike(t))continue;let e=t;while(e&&e!==this.el){if(e.getAttribute("slot")==="trailing"&&this.isInteractiveTrailingElement(e)){return true}e=e.parentElement}}return false}isElementLike(t){return typeof t.getAttribute==="function"}isInteractiveTrailingElement(t){const e=t.tagName;const i=new Set(["MD-ICON-BUTTON","MD-SWITCH","MD-CHECKBOX","MD-BUTTON","MD-FAB","BUTTON","A","INPUT","SELECT","TEXTAREA"]);if(i.has(e))return true;const s=t;if(typeof s.tabIndex==="number"&&s.tabIndex>=0)return true;const a=t.getAttribute("role");if(a==="button"||a==="switch"||a==="checkbox"||a==="menuitem"){return true}return false}isDragHandleTarget(t){const e=typeof t.composedPath==="function"?t.composedPath():[t.target];return e.some((t=>t?.dataset?.listDragHandle==="true"))}getExpandedContentItems(){return Array.from(this.el.children).filter((t=>t.tagName==="MD-LIST-ITEM"&&t.getAttribute("slot")==="expanded-content"))}isExpandedContentChild(t){return t.parentElement===this.el&&t.getAttribute("slot")==="expanded-content"}syncExpandedContentSelectionMode(){if(!this.expandable)return;const t=this.selectionMode;this.getExpandedContentItems().forEach((e=>{e.selectionMode=t;if(t==="none"){e.removeAttribute("data-selection-mode")}else{e.setAttribute("data-selection-mode",t)}}))}syncExpandedContentDividers(){if(!this.expandable)return;Array.from(this.el.children).forEach((t=>{if(t.tagName==="MD-DIVIDER"&&t.getAttribute("slot")==="expanded-content"){t.setAttribute("aria-hidden","true")}}))}isExpandedContentTarget(t){const e=typeof t.composedPath==="function"?t.composedPath():[t.target];const i=Array.from(this.el.children).filter((t=>t.getAttribute("slot")==="expanded-content"));for(const t of e){if(!t||t===this.el)continue;for(const e of i){if(t===e)return true;if(t instanceof Node&&e.contains(t))return true}}return false}isExpandButtonTarget(t){const e=typeof t.composedPath==="function"?t.composedPath():[t.target];return e.some((t=>t?.dataset?.expandToggle==="true"))}toggleExpanded(){if(!this.expandable||this.isEffectivelyDisabled)return;this.expanded=!this.expanded}expandToggleLabel(){const t=this.expanded?"Collapse":"Expand";const e=this.headlineFullText();return e?`${t} ${e}`:t}onExpandedChildItemClick(t){if(!this.expandable||this.selectionMode==="none")return;const e=t.composedPath().find((t=>t?.tagName==="MD-LIST-ITEM"));if(!e||e===this.el||!this.isExpandedContentChild(e))return;t.stopPropagation();const i=this.getExpandedContentItems();if(this.selectionMode==="single-select"){i.forEach((t=>{t.selected=t===e}))}else if(this.selectionMode==="multi-select"){e.selected=!e.selected}const s=i.indexOf(e);this.mdItemSelect.emit({index:s,value:e.headline||(e.textContent??"").trim(),selected:e.selected,item:e})}computeIndex(){const t=this.el.parentElement;if(!t)return 0;const e=Array.from(t.children).filter((t=>t.tagName==="MD-LIST-ITEM"));return e.indexOf(this.el)}buildExpandDetail(t){const e=this.el;const i=this.computeIndex();const s=this.headlineFullText();return{expanded:t,...i>=0?{index:i}:{},...s?{value:s}:{},item:e}}getSlottedText(t){const e=this.el.shadowRoot?.querySelector(`slot[name="${t}"]`);if(!e)return"";try{return e.assignedNodes().map((t=>t.textContent||"")).join("").trim()}catch{return""}}getDefaultSlotText(){return Array.from(this.el.children).filter((t=>!t.hasAttribute("slot"))).map((t=>t.textContent||"")).join("").trim()}headlineFullText(){return this.hasSlottedHeadline?this.getSlottedText("headline"):this.headline||this.getDefaultSlotText()}supportingFullText(){return this.hasSlottedSupportingText?this.getSlottedText("supporting-text"):this.supportingText}applyTooltipToggle(t,e,i,s){if(!t||!e)return;if(typeof t.scrollWidth!=="number")return;const a=t.scrollWidth>t.clientWidth||s&&t.scrollHeight>t.clientHeight;if(a===this[i])return;this[i]=a;e.disabled=!a}renderLeading(){return s("span",{class:{"md-list-item__leading":true,"md-list-item__leading--empty":!this.hasLeadingContent},part:"leading"},s("slot",{name:"leading"},this.leadingAvatar||this.leadingAvatarLabel||this.leadingAvatarName?s("md-avatar",{class:"md-list-item__avatar",exportparts:"image: avatar-image, initials: avatar-initials, icon: avatar-icon",part:"avatar",src:this.leadingAvatar||undefined,alt:this.leadingAvatarAlt||undefined,name:this.leadingAvatarName||undefined,initials:this.leadingAvatarLabel||undefined,size:"medium",shape:"circle"}):this.leadingImage?s("span",{class:"md-list-item__image-wrap",part:"image-wrap"},s("img",{class:"md-list-item__image",part:"image",src:this.leadingImage,alt:this.leadingImageAlt||"","aria-hidden":!this.leadingImageAlt?"true":null}),s("span",{class:"md-list-item__image-selection-indicator",part:"image-selection-indicator","aria-hidden":"true"},s("span",{class:"md-list-item__image-selection-circle",part:"image-selection-circle"},s("span",{class:"md-list-item__image-selection-check material-symbols-outlined",part:"image-selection-check","aria-hidden":"true"},"check")))):this.leadingIcon?s("span",{class:"md-list-item__icon material-symbols-outlined",part:"leading-icon","aria-hidden":"true"},this.leadingIcon):null))}renderContent(){const t=!!this.overline||this.hasSlottedOverline;const e=!!this.supportingText||this.hasSlottedSupportingText;return s("span",{class:"md-list-item__content",part:"content"},s("span",{class:{"md-list-item__overline":true,"md-list-item__overline--empty":!t},part:"overline"},s("slot",{name:"overline"},this.overline)),s("md-tooltip",{class:"md-list-item__headline-tooltip",variant:"plain",text:this.headlineFullText()||undefined,disabled:!this.headlineTruncated,exportparts:"popup: headline-tooltip-popup",ref:t=>this.headlineTooltipEl=t},s("span",{class:"md-list-item__headline",part:"headline",ref:t=>this.headlineEl=t},s("slot",{name:"headline"},this.headline||s("slot",null)))),s("md-tooltip",{class:{"md-list-item__supporting-tooltip":true,"md-list-item__supporting-tooltip--empty":!e},variant:"plain",text:this.supportingFullText()||undefined,disabled:!this.supportingTruncated,exportparts:"popup: supporting-tooltip-popup",ref:t=>this.supportingTooltipEl=t},s("span",{class:{"md-list-item__supporting-text":true,"md-list-item__supporting-text--empty":!e},part:"supporting-text",ref:t=>this.supportingEl=t},s("slot",{name:"supporting-text"},this.supportingText))))}renderTrailing(){if(!this.hasTrailingContent)return null;const t=!!this.trailingSupportingText||this.hasSlottedTrailingSupportingText;return s("span",{class:"md-list-item__trailing",part:"trailing"},s("slot",{name:"trailing"},t&&s("span",{class:"md-list-item__trailing-text",part:"trailing-supporting-text"},s("slot",{name:"trailing-supporting-text"},this.trailingSupportingText)),this.trailingIcon&&s("span",{class:"md-list-item__trailing-icon material-symbols-outlined",part:"trailing-icon","aria-hidden":"true"},this.trailingIcon)),this.expandable&&s("md-icon-button",{class:{"md-list-item__expand-button":true,"md-list-item__expand-button--expanded":this.expanded},part:"expand-button",exportparts:"state-layer:expand-button-state-layer,icon:expand-button-icon","data-expand-toggle":"true",variant:"standard",size:"xs",buttonWidth:"narrow",icon:"expand_more",selected:this.expanded,disabled:this.isEffectivelyDisabled,"aria-expanded":this.expanded?"true":"false","aria-controls":this.expandedPanelId,"aria-label":this.expandToggleLabel(),onMdClick:this.handleCaretToggle}),this.reorderable&&s("span",{class:"md-list-item__drag-handle material-symbols-outlined",part:"drag-handle","data-list-drag-handle":"true","aria-hidden":"true"},"drag_indicator"))}renderPrimary(t){const e=t=>this.primaryEl=t;if(this.type==="link"){const i=o(this.href);return s("a",{class:"md-list-item__primary",part:"primary",role:"link",href:i,target:i?this.target:undefined,rel:i&&this.target?d:undefined,tabindex:t??undefined,"aria-disabled":this.isEffectivelyDisabled?"true":null,onFocus:this.handleFocus,ref:t=>e(t)},this.renderLeading(),this.renderContent())}return s("span",{class:"md-list-item__primary",part:"primary",role:"button",tabindex:t??undefined,"aria-disabled":this.isEffectivelyDisabled?"true":null,onFocus:this.handleFocus,ref:t=>e(t)},this.renderLeading(),this.renderContent())}render(){const t=this.effectiveLines;const e=this.isInteractive;const i=this.hasPrimaryAction;const n=this.isMenuContext&&!this.participatesInSelection&&(this.type==="button"||this.type==="link");let r;if(this.participatesInSelection){r="option"}else if(n){r="menuitem"}else{r="listitem"}const o=this.expandable&&!this.participatesInSelection&&this.type==="text";const l=this.participatesInSelection?this.selected?"true":"false":null;const d=e&&!o||this.reorderable;const m=d?this.tabbable?"0":"-1":null;const c=i?null:m;const p=i?m:null;const h=this.hasExpandedListItemChildren?"list":this.inSelectionMode?"group":"region";const g=h==="region"?undefined:this.headlineFullText()||undefined;return s(a,{key:"2b9d333fcd78fa67fa3811c61a02ac01b382363d",class:{"md-list-item":true,[`md-list-item--${t}-line`]:true,[`md-list-item--type-${this.type}`]:true,"md-list-item--selection-mode":this.participatesInSelection,"md-list-item--multi-action":this.isMultiAction,"md-list-item--interactive":e,"md-list-item--disabled":this.disabled||this.softDisabled,"md-list-item--soft-disabled":this.softDisabled,"md-list-item--selected":this.selected&&!this.expandable,"md-list-item--pressed":this.pressed,"md-list-item--with-leading":this.hasLeadingContent,"md-list-item--with-trailing":this.hasTrailingContent,"md-list-item--with-avatar":!!this.leadingAvatar||!!this.leadingAvatarLabel||!!this.leadingAvatarName,"md-list-item--with-image":!!this.leadingImage,"md-list-item--with-video":this.hasLeadingVideo,"md-list-item--expandable":this.expandable,"md-list-item--expanded":this.expandable&&this.expanded,"md-list-item--reorderable":this.reorderable,"md-list-item--roving-focus-visible":this.rovingFocusVisible},role:r,"aria-disabled":this.isEffectivelyDisabled?"true":null,"aria-selected":l,tabindex:c,onClick:e?this.handleClick:undefined,onKeyDown:e||this.reorderable?this.handleKeyDown:undefined,onPointerDown:e?this.handlePointerDown:undefined,onPointerUp:e?this.handlePointerUp:undefined,onPointerLeave:e?this.handlePointerUp:undefined,onPointerCancel:e?this.handlePointerUp:undefined,onFocus:e&&!i?this.handleFocus:undefined},s("span",{key:"f1a9a1759c9282ca6a44cbf2a8db81c6e3c04330",class:"md-list-item__row",part:"row"},e&&s("md-ripple",{key:"9c1564542b14116edfcfc5c15606d5d0ee5b4437",disabled:this.isEffectivelyDisabled}),e&&s("span",{key:"a8c98bdc60fabdfc1bb6e3f8c7812a4721e87cc4",class:"md-list-item__state-layer",part:"state-layer","aria-hidden":"true"}),i&&this.renderPrimary(p),!i&&this.renderLeading(),!i&&this.renderContent(),this.renderTrailing()),this.expandable&&s("span",{key:"3eda42f27457a61543b6799c13222806f39cfb17",class:"md-list-item__expanded-panel",part:"expanded-panel",id:this.expandedPanelId,role:h,"aria-label":g,hidden:!this.expanded},s("span",{key:"3c763ff80f6a06f40bfa6ab3c6799fe8362fa626",class:"md-list-item__expanded-panel-inner",part:"expanded-panel-inner"},s("slot",{key:"78b2439caef1c7f3c5dd0c70b0330ee1d7280405",name:"expanded-content"}))))}get el(){return this}static get watchers(){return{selected:[{onSelectedChange:0}],expandable:[{onExpandableChange:0}],selectionMode:[{onSelectionModeChange:0}],expanded:[{onExpandedChange:0}],headline:[{onHeadlineChange:0}],supportingText:[{onSupportingTextChange:0}]}}static get style(){return g()}},[257,"md-list-item",{type:[513],headline:[1],overline:[1],supportingText:[1,"supporting-text"],trailingSupportingText:[1,"trailing-supporting-text"],leadingIcon:[1,"leading-icon"],trailingIcon:[1,"trailing-icon"],leadingAvatar:[1,"leading-avatar"],leadingAvatarAlt:[1,"leading-avatar-alt"],leadingAvatarName:[1,"leading-avatar-name"],leadingAvatarLabel:[1,"leading-avatar-label"],leadingImage:[1,"leading-image"],leadingImageAlt:[1,"leading-image-alt"],lines:[2],href:[1],target:[1],disabled:[516],softDisabled:[516,"soft-disabled"],selected:[1540],expandable:[516],expanded:[1540],tabbable:[1028],rovingFocusVisible:[1028,"roving-focus-visible"],selectionMode:[1025,"selection-mode"],interactionMode:[1025,"interaction-mode"],containerRole:[1025,"container-role"],reorderable:[1028],density:[514],hasSlottedLeading:[32],hasSlottedTrailing:[32],hasSlottedHeadline:[32],hasSlottedOverline:[32],hasSlottedSupportingText:[32],hasSlottedTrailingSupportingText:[32],hasSlottedExpandedContent:[32],hasExpandedListItemChildren:[32],hasLeadingVideo:[32],pressed:[32],hostedByList:[32],setFocus:[64],focusItem:[64],toggle:[64],expand:[64],collapse:[64]},[[0,"mdItemClick","onExpandedChildItemClick"]],{selected:[{onSelectedChange:0}],expandable:[{onExpandableChange:0}],selectionMode:[{onSelectionModeChange:0}],expanded:[{onExpandedChange:0}],headline:[{onHeadlineChange:0}],supportingText:[{onSupportingTextChange:0}]}]);function f(){if(typeof customElements==="undefined"){return}const t=["md-list-item","md-avatar","md-icon-button","md-ripple","md-tooltip"];t.forEach((t=>{switch(t){case"md-list-item":if(!customElements.get(n(t))){customElements.define(n(t),u)}break;case"md-avatar":if(!customElements.get(n(t))){m()}break;case"md-icon-button":if(!customElements.get(n(t))){c()}break;case"md-ripple":if(!customElements.get(n(t))){p()}break;case"md-tooltip":if(!customElements.get(n(t))){h()}break}}))}f();const _=u;const x=f;export{_ as MdListItem,x as defineCustomElement};
+import{p as t,H as e,c as i,h as s,d as a,t as n}from"./p-BR6gfOQH.js";import{t as r}from"./p-DYBUr7K_.js";import{s as o,a as l,S as d}from"./p-BdEoSBtL.js";import{d as m}from"./p-1RSrsLOs.js";import{d as c}from"./p-zMR3UIR_.js";import{d as p}from"./p-De3E5Q8v.js";import{d as h}from"./p-ssLobpGS.js";const g=()=>`:host{--_container-color:var(--md-list-item-container-color, var(--md-sys-color-surface, #fef7ff));--_container-shape:var(--md-list-item-container-shape, 0px);--_container-shape-start-start:var(--md-list-item-container-shape-start-start, var(--_container-shape));--_container-shape-start-end:var(--md-list-item-container-shape-start-end, var(--_container-shape));--_container-shape-end-start:var(--md-list-item-container-shape-end-start, var(--_container-shape));--_container-shape-end-end:var(--md-list-item-container-shape-end-end, var(--_container-shape));--_hover-container-shape:var(--md-list-item-hover-container-shape,    var(--md-list-item-active-container-shape, 0px));--_focus-container-shape:calc(var(--md-list-item-focus-container-shape,    var(--md-list-item-active-container-shape, var(--md-sys-shape-corner-large, 16px))) * var(--md-sys-shape-morph-enabled, 1));--_pressed-container-shape:calc(var(--md-list-item-pressed-container-shape,  var(--md-list-item-active-container-shape, var(--md-sys-shape-corner-large, 16px))) * var(--md-sys-shape-morph-enabled, 1));--_selected-container-shape:calc(var(--md-list-item-selected-container-shape, var(--md-list-item-active-container-shape, var(--md-sys-shape-corner-large, 16px))) * var(--md-sys-shape-morph-enabled, 1));--_dragged-container-shape:var(--md-list-item-dragged-container-shape, var(--md-list-item-active-container-shape, var(--md-sys-shape-corner-large, 16px)));--_label-text-color:var(--md-list-item-label-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_label-text-font:var(--md-list-item-label-text-font, var(--md-sys-typescale-body-large-font-family, Roboto, sans-serif));--_supporting-text-color:var(--md-list-item-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_supporting-text-font:var(--md-list-item-supporting-text-font, var(--md-sys-typescale-body-medium-font-family, Roboto, sans-serif));--_overline-color:var(--md-list-item-overline-color, var(--md-sys-color-on-surface-variant, #49454f));--_trailing-supporting-text-color:var(--md-list-item-trailing-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_trailing-supporting-text-font:var(--md-list-item-trailing-supporting-text-font, var(--md-sys-typescale-label-small-font-family, Roboto, sans-serif));--_leading-icon-color:var(--md-list-item-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_leading-icon-size:var(--md-list-item-leading-icon-size, max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px)));--_leading-icon-expressive-size:var(--md-list-item-leading-icon-expressive-size, max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px)));--_trailing-icon-color:var(--md-list-item-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_unselected-trailing-icon-color:var(--md-list-item-unselected-trailing-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_trailing-icon-size:var(--md-list-item-trailing-icon-size, max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px)));--_trailing-icon-expressive-size:var(--md-list-item-trailing-icon-expressive-size, max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px)));--_leading-avatar-color:var(--md-list-item-leading-avatar-color, var(--md-sys-color-primary-container, #eaddff));--_leading-avatar-label-color:var(--md-list-item-leading-avatar-label-color, var(--md-sys-color-on-primary-container, #21005d));--_leading-avatar-size:var(--md-list-item-leading-avatar-size, 40px);--_leading-avatar-shape:var(--md-list-item-leading-avatar-shape, var(--md-sys-shape-corner-full, 9999px));--_leading-image-width:var(--md-list-item-leading-image-width, 56px);--_leading-image-height:var(--md-list-item-leading-image-height, 56px);--_leading-image-shape:var(--md-list-item-leading-image-shape, var(--md-sys-shape-corner-none, 0px));--_leading-image-expressive-shape:var(--md-list-item-leading-image-expressive-shape, var(--md-sys-shape-corner-small, 8px));--_leading-image-selection-scrim-color:var(     --md-list-item-leading-image-selection-scrim-color,     color-mix(in srgb, var(--md-sys-color-scrim, #000000) 32%, transparent)   );--_leading-image-selection-circle-color:var(     --md-list-item-leading-image-selection-circle-color,     color-mix(in srgb, var(--md-sys-color-on-surface, #1d1b20) 60%, transparent)   );--_leading-image-selection-icon-color:var(     --md-list-item-leading-image-selection-icon-color,     var(--md-sys-color-surface, #fef7ff)   );--_leading-image-selection-icon-size:var(--md-list-item-leading-image-selection-icon-size, 24px);--_leading-video-width:var(--md-list-item-leading-video-width, 100px);--_leading-video-height:var(--md-list-item-leading-video-height, 56px);--_leading-video-shape:var(--md-list-item-leading-video-shape, var(--md-sys-shape-corner-small, 8px));--_selected-container-color:var(--md-list-item-selected-container-color, var(--md-sys-color-secondary-container, #e8def8));--_selected-label-text-color:var(--md-list-item-selected-label-text-color, var(--md-sys-color-on-secondary-container, #4a4458));--_selected-active-icon-color:var(--md-list-item-selected-active-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_selected-disabled-container-color:var(     --md-list-item-selected-disabled-container-color,     color-mix(in srgb, var(--md-sys-color-on-surface, #1d1b20) 12%, transparent)   );--_state-layer-color:var(--md-sys-color-on-surface, #1c1b1f);--_hover-state-layer-opacity:var(--md-list-item-hover-state-layer-opacity, var(--md-sys-state-hover-state-layer-opacity, 0.08));--_focus-state-layer-opacity:var(--md-list-item-focus-state-layer-opacity, 0.1);--_pressed-state-layer-opacity:var(--md-list-item-pressed-state-layer-opacity, 0.1);--_dragged-state-layer-opacity:var(--md-list-item-dragged-state-layer-opacity, 0.16);--_disabled-state-layer-opacity:var(--md-list-item-disabled-state-layer-opacity, 0);--_leading-space:var(--md-list-item-leading-space, var(--md-sys-spacing-inset-lg, 16px));--_trailing-space:var(--md-list-item-trailing-space, var(--md-sys-spacing-inset-lg, 16px));--_top-space:var(--md-list-item-top-space, max(2px, calc(8px + var(--md-sys-density-scale, 0) * 1.5px)));--_bottom-space:var(--md-list-item-bottom-space, max(2px, calc(8px + var(--md-sys-density-scale, 0) * 1.5px)));--_between-space:var(--md-list-item-between-space, max(8px, var(--md-sys-spacing-gap-md, 12px)));--_three-line-top-space:var(--md-list-item-three-line-top-space, max(2px, calc(12px + var(--md-sys-density-scale, 0) * 2.5px)));--_three-line-bottom-space:var(--md-list-item-three-line-bottom-space, max(2px, calc(12px + var(--md-sys-density-scale, 0) * 2.5px)));--_density-delta:calc(var(--md-sys-density-scale, 0) * 4px);--_density-delta-multi:calc(var(--md-sys-density-scale, 0) * 6px);--_dragged-container-elevation:var(--md-list-item-dragged-container-elevation, var(--md-sys-elevation-4, 0px 6px 10px 4px rgba(0,0,0,0.15), 0px 2px 3px rgba(0,0,0,0.3)));--_expand-chevron-color:var(--md-list-item-expand-chevron-color, var(--md-sys-color-on-surface-variant, #49454f));--_expand-duration:var(--md-list-item-expand-duration, var(--md-sys-motion-duration-medium3, 350ms));--_collapse-duration:var(--md-list-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));--_expanded-panel-padding-block:var(--md-list-item-expanded-panel-padding-block, 0px);--_expanded-panel-padding-inline:var(--md-list-item-expanded-panel-padding-inline, 0px);--_expanded-panel-padding-inline-start:var(     --md-list-item-expanded-panel-padding-inline-start,     var(--md-list-item-expanded-panel-padding-inline, 0px)   );--_expanded-panel-background:var(--md-list-item-expanded-panel-background, transparent);display:block;position:relative;background-color:var(--_container-color);color:var(--_label-text-color);border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-start-radius:var(--_container-shape-end-start);border-end-end-radius:var(--_container-shape-end-end);box-sizing:border-box;-webkit-tap-highlight-color:transparent;outline:none;overflow:clip;transition:box-shadow var(--md-sys-motion-duration-short2, 100ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),     border-start-start-radius var(--md-sys-motion-duration-medium4, 400ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1)),     border-start-end-radius var(--md-sys-motion-duration-medium4, 400ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1)),     border-end-start-radius var(--md-sys-motion-duration-medium4, 400ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1)),     border-end-end-radius var(--md-sys-motion-duration-medium4, 400ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1))}.md-list-item__row{display:flex;align-items:center;position:relative;min-block-size:calc(56px + var(--_density-delta));padding-block-start:var(--_top-space);padding-block-end:var(--_bottom-space);padding-inline-start:var(--_leading-space);padding-inline-end:var(--_trailing-space);gap:var(--_between-space);box-sizing:border-box;overflow:hidden;transition:border-start-start-radius var(--md-sys-motion-duration-medium4, 400ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1)),     border-start-end-radius var(--md-sys-motion-duration-medium4, 400ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1)),     border-end-start-radius var(--md-sys-motion-duration-medium4, 400ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1)),     border-end-end-radius var(--md-sys-motion-duration-medium4, 400ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1))}:host(.md-list-item--interactive) .md-list-item__row{cursor:pointer;user-select:none}:host(.md-list-item--type-text:not(.md-list-item--selection-mode):not(.md-list-item--expandable)) .md-list-item__row{cursor:default}.md-list-item__primary{display:flex;align-items:center;flex:1 1 auto;min-inline-size:0;gap:var(--_between-space);appearance:none;margin:0;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:inherit;text-decoration:none;cursor:inherit;outline:none;-webkit-tap-highlight-color:transparent}:host(.md-list-item--3-line) .md-list-item__primary{align-items:flex-start;align-self:stretch}:host(.md-list-item--1-line) .md-list-item__row{min-block-size:calc(56px + var(--_density-delta))}:host(.md-list-item--2-line) .md-list-item__row{min-block-size:calc(72px + var(--_density-delta-multi))}:host(.md-list-item--3-line) .md-list-item__row{min-block-size:calc(88px + var(--_density-delta-multi));padding-block-start:var(--_three-line-top-space);padding-block-end:var(--_three-line-bottom-space);align-items:flex-start}:host(.md-list-item--with-video){--_top-space:var(--md-list-item-leading-video-top-space, max(4px, calc(12px + var(--md-sys-density-scale, 0) * 2px)));--_bottom-space:max(4px, calc(12px + var(--md-sys-density-scale, 0) * 2px))}:host(.md-list-item--3-line) .md-list-item__leading{align-self:flex-start;}:host(.md-list-item--3-line.md-list-item--with-avatar) .md-list-item__leading{align-self:center}:host(.md-list-item--3-line:has(md-avatar[slot='leading'])) .md-list-item__leading{align-self:center}:host(.md-list-item--3-line) .md-list-item__trailing{align-self:stretch;flex-direction:column;align-items:flex-end;justify-content:flex-start;gap:0}:host(.md-list-item--3-line) .md-list-item__trailing-icon{margin-block:auto}:host-context(.md-list--standard),:host-context(.md-list--segmented){--_leading-icon-size:var(--md-list-item-leading-icon-size, var(--_leading-icon-expressive-size));--_trailing-icon-size:var(--md-list-item-trailing-icon-size, var(--_trailing-icon-expressive-size));--_leading-image-shape:var(--md-list-item-leading-image-shape, var(--_leading-image-expressive-shape))}:host-context(.md-list--standard):host(:first-of-type){--md-list-item-container-shape-start-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-start-end:var(--md-sys-shape-corner-large, 16px)}:host-context(.md-list--standard):host(:last-of-type){--md-list-item-container-shape-end-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-end-end:var(--md-sys-shape-corner-large, 16px)}:host-context(.md-list--standard):host(:only-of-type){--md-list-item-container-shape-start-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-start-end:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-end-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-end-end:var(--md-sys-shape-corner-large, 16px)}:host(.md-list-item--expandable.md-list-item--expanded){--md-list-item-container-shape-end-start:0px;--md-list-item-container-shape-end-end:0px}:host-context(.md-list--segmented){--_container-shape:var(--md-list-item-container-shape, var(--md-sys-shape-corner-extra-small, 4px))}:host-context(.md-list--segmented):host(:first-of-type){--md-list-item-container-shape-start-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-start-end:var(--md-sys-shape-corner-large, 16px)}:host-context(.md-list--segmented):host(:last-of-type){--md-list-item-container-shape-end-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-end-end:var(--md-sys-shape-corner-large, 16px)}:host-context(.md-list--segmented):host(:only-of-type){--md-list-item-container-shape-start-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-start-end:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-end-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-end-end:var(--md-sys-shape-corner-large, 16px)}.md-list-item__state-layer{position:absolute;inset:0;border-radius:inherit;background-color:var(--_state-layer-color);opacity:0;transition:opacity var(--md-sys-motion-duration-short2, 100ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1));pointer-events:none}:host(.md-list-item--interactive) .md-list-item__row:hover .md-list-item__state-layer{opacity:var(--_hover-state-layer-opacity)}:host(.md-list-item--interactive:focus-visible) .md-list-item__state-layer,:host(.md-list-item--interactive.md-list-item--roving-focus-visible:not(:focus)) .md-list-item__state-layer{opacity:var(--_focus-state-layer-opacity)}:host(.md-list-item--interactive:has(.md-list-item__primary:focus-visible)) .md-list-item__state-layer{opacity:var(--_focus-state-layer-opacity)}:host(.md-list-item--interactive) .md-list-item__row:active .md-list-item__state-layer,:host(.md-list-item--pressed) .md-list-item__state-layer{opacity:var(--_pressed-state-layer-opacity)}:host(.md-list-item--dragged) .md-list-item__state-layer{opacity:var(--_dragged-state-layer-opacity)}:host(.md-list-item--dragged) md-ripple{display:none}:host(.md-list-item--dragged){box-shadow:var(--_dragged-container-elevation);z-index:1}:host(.md-list-item--interactive:focus-visible),:host(.md-list-item--interactive.md-list-item--roving-focus-visible:not(:focus)){box-shadow:inset 0 0 0 3px var(--md-sys-color-secondary, #625b71);outline:none;z-index:1}:host(.md-list-item--interactive:has(.md-list-item__primary:focus-visible)){box-shadow:inset 0 0 0 3px var(--md-sys-color-secondary, #625b71);outline:none;z-index:1}:host(.md-list-item--dragged:focus-visible){box-shadow:var(--_dragged-container-elevation),     inset 0 0 0 3px var(--md-sys-color-secondary, #625b71)}:host(.md-list-item--interactive:focus-visible),:host(.md-list-item--interactive.md-list-item--roving-focus-visible:not(:focus)),:host(.md-list-item--selected),:host(.md-list-item--interactive:active),:host(.md-list-item--pressed),:host(.md-list-item--dragged){transition:box-shadow var(--md-sys-motion-duration-short2, 100ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),     border-start-start-radius var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),     border-start-end-radius var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),     border-end-start-radius var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),     border-end-end-radius var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.md-list-item--interactive:focus-visible) .md-list-item__row,:host(.md-list-item--interactive.md-list-item--roving-focus-visible:not(:focus)) .md-list-item__row,:host(.md-list-item--selected) .md-list-item__row,:host(.md-list-item--interactive:active) .md-list-item__row,:host(.md-list-item--pressed) .md-list-item__row,:host(.md-list-item--dragged) .md-list-item__row{transition:border-start-start-radius var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),     border-start-end-radius var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),     border-end-start-radius var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),     border-end-end-radius var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.md-list-item--interactive:focus-visible),:host(.md-list-item--interactive.md-list-item--roving-focus-visible:not(:focus)),:host(.md-list-item--interactive:focus-visible) .md-list-item__row,:host(.md-list-item--interactive.md-list-item--roving-focus-visible:not(:focus)) .md-list-item__row{border-start-start-radius:max(var(--_container-shape-start-start), var(--_focus-container-shape));border-start-end-radius:max(var(--_container-shape-start-end),   var(--_focus-container-shape));border-end-start-radius:max(var(--_container-shape-end-start),   var(--_focus-container-shape));border-end-end-radius:max(var(--_container-shape-end-end),     var(--_focus-container-shape))}:host(.md-list-item--selected),:host(.md-list-item--selected) .md-list-item__row{border-start-start-radius:max(var(--_container-shape-start-start), var(--_selected-container-shape));border-start-end-radius:max(var(--_container-shape-start-end),   var(--_selected-container-shape));border-end-start-radius:max(var(--_container-shape-end-start),   var(--_selected-container-shape));border-end-end-radius:max(var(--_container-shape-end-end),     var(--_selected-container-shape))}:host(.md-list-item--interactive:active),:host(.md-list-item--pressed),:host(.md-list-item--dragged),:host(.md-list-item--interactive:active) .md-list-item__row,:host(.md-list-item--pressed) .md-list-item__row,:host(.md-list-item--dragged) .md-list-item__row{border-start-start-radius:max(var(--_container-shape-start-start), var(--_pressed-container-shape));border-start-end-radius:max(var(--_container-shape-start-end),   var(--_pressed-container-shape));border-end-start-radius:max(var(--_container-shape-end-start),   var(--_pressed-container-shape));border-end-end-radius:max(var(--_container-shape-end-end),     var(--_pressed-container-shape))}:host(.md-list-item--dragged),:host(.md-list-item--dragged) .md-list-item__row{border-start-start-radius:max(var(--_container-shape-start-start), var(--_dragged-container-shape));border-start-end-radius:max(var(--_container-shape-start-end),   var(--_dragged-container-shape));border-end-start-radius:max(var(--_container-shape-end-start),   var(--_dragged-container-shape));border-end-end-radius:max(var(--_container-shape-end-end),     var(--_dragged-container-shape))}:host(.md-list-item--selected){--_container-color:var(--_selected-container-color);--_label-text-color:var(--_selected-label-text-color);--_supporting-text-color:var(--_selected-label-text-color);--_overline-color:var(--_selected-label-text-color);--_leading-icon-color:var(--_selected-label-text-color);--_trailing-icon-color:var(--_selected-label-text-color);--_trailing-supporting-text-color:var(--_selected-label-text-color);--_state-layer-color:var(--_selected-label-text-color);--_expand-chevron-color:var(--_selected-label-text-color)}:host(.md-list-item--selection-mode:not(.md-list-item--selected)){--_trailing-icon-color:var(--_unselected-trailing-icon-color)}:host(.md-list-item--selected.md-list-item--interactive:hover),:host(.md-list-item--selected.md-list-item--interactive:focus-visible),:host(.md-list-item--selected.md-list-item--interactive.md-list-item--roving-focus-visible:not(:focus)),:host(.md-list-item--selected.md-list-item--interactive:active),:host(.md-list-item--selected.md-list-item--pressed),:host(.md-list-item--selected.md-list-item--dragged){--_leading-icon-color:var(--_selected-active-icon-color);--_trailing-icon-color:var(--_selected-active-icon-color)}:host(.md-list-item--expandable),:host(.md-list-item--expandable[selected]),:host(.md-list-item--expandable.md-list-item--selected),:host(.md-list-item--expandable.md-list-item--selected.md-list-item--interactive:hover),:host(.md-list-item--expandable.md-list-item--selected.md-list-item--interactive:focus-visible),:host(.md-list-item--expandable.md-list-item--selected.md-list-item--interactive:active),:host(.md-list-item--expandable.md-list-item--selected.md-list-item--pressed),:host(.md-list-item--expandable.md-list-item--selected.md-list-item--dragged){--_container-color:var(--md-list-item-container-color, var(--md-sys-color-surface, #fef7ff));--_label-text-color:var(--md-list-item-label-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_supporting-text-color:var(--md-list-item-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_overline-color:var(--md-list-item-overline-color, var(--md-sys-color-on-surface-variant, #49454f));--_leading-icon-color:var(--md-list-item-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_trailing-icon-color:var(--md-list-item-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_trailing-supporting-text-color:var(     --md-list-item-trailing-supporting-text-color,     var(--md-sys-color-on-surface-variant, #49454f)   );--_state-layer-color:var(--md-sys-color-on-surface, #1c1b1f);--_expand-chevron-color:var(--md-list-item-expand-chevron-color, var(--md-sys-color-on-surface-variant, #49454f))}:host(.md-list-item--expandable.md-list-item--selected),:host(.md-list-item--expandable.md-list-item--selected) .md-list-item__row{border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-start-radius:var(--_container-shape-end-start);border-end-end-radius:var(--_container-shape-end-end)}:host(.md-list-item--disabled){cursor:default;pointer-events:none;--_label-text-color:color-mix(in srgb, var(--md-sys-color-on-surface, #1c1b1f) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent);--_supporting-text-color:color-mix(in srgb, var(--md-sys-color-on-surface, #1c1b1f) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent);--_overline-color:color-mix(in srgb, var(--md-sys-color-on-surface, #1c1b1f) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent);--_leading-icon-color:color-mix(in srgb, var(--md-sys-color-on-surface, #1c1b1f) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent);--_trailing-icon-color:color-mix(in srgb, var(--md-sys-color-on-surface, #1c1b1f) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent);--_trailing-supporting-text-color:color-mix(in srgb, var(--md-sys-color-on-surface, #1c1b1f) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent);--_expand-chevron-color:color-mix(in srgb, var(--md-sys-color-on-surface, #1c1b1f) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent)}:host(.md-list-item--disabled) .md-list-item__state-layer{opacity:var(--_disabled-state-layer-opacity)}:host(.md-list-item--selected.md-list-item--disabled){--_container-color:var(--_selected-disabled-container-color)}:host([soft-disabled]){pointer-events:auto}:host([soft-disabled]) .md-list-item__row{cursor:default}:host([soft-disabled]) .md-list-item__state-layer{display:none}.md-list-item__leading{display:flex;align-items:center;justify-content:center;flex-shrink:0;min-inline-size:24px;color:var(--_leading-icon-color)}.md-list-item__leading--empty,.md-list-item__overline--empty,.md-list-item__supporting-text--empty,.md-list-item__trailing-text--empty{display:none}.md-list-item__icon{font-size:var(--_leading-icon-size);inline-size:var(--_leading-icon-size);block-size:var(--_leading-icon-size);line-height:1;color:var(--_leading-icon-color);font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;transition:font-variation-settings var(--md-sys-motion-duration-short3, 150ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.md-list-item--expanded) .md-list-item__icon{font-variation-settings:'FILL' 1, 'wght' 500, 'GRAD' 0, 'opsz' 24}md-avatar.md-list-item__avatar{--md-avatar-size:var(--_leading-avatar-size);--md-avatar-container-shape:var(--_leading-avatar-shape);--md-avatar-container-color:var(--_leading-avatar-color);--md-avatar-label-color:var(--_leading-avatar-label-color)}.md-list-item__image-wrap{position:relative;display:inline-flex;flex-shrink:0;inline-size:var(--_leading-image-width);block-size:var(--_leading-image-height);border-radius:var(--_leading-image-shape);overflow:hidden}.md-list-item__image{inline-size:100%;block-size:100%;object-fit:cover}.md-list-item__image-selection-indicator{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:var(--_leading-image-selection-scrim-color);pointer-events:none;opacity:0;transition:opacity var(--md-sys-motion-duration-short3, 150ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.md-list-item--selected) .md-list-item__image-selection-indicator{opacity:1}.md-list-item__image-selection-circle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;inline-size:var(--_leading-image-selection-icon-size);block-size:var(--_leading-image-selection-icon-size);border-radius:var(--md-sys-shape-corner-full, 9999px);background-color:var(--_leading-image-selection-circle-color);transform:scale(0);opacity:0}:host(.md-list-item--selected) .md-list-item__image-selection-circle{animation:md-list-item-image-selection-in var(--md-sys-motion-duration-medium2, 250ms)     var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1)) both}@keyframes md-list-item-image-selection-in{0%{transform:scale(0);opacity:0}60%{transform:scale(1.08);opacity:1}100%{transform:scale(1);opacity:1}}.md-list-item__image-selection-check.material-symbols-outlined{display:inline-flex;align-items:center;justify-content:center;inline-size:calc(var(--_leading-image-selection-icon-size) * 0.667);block-size:calc(var(--_leading-image-selection-icon-size) * 0.667);font-size:calc(var(--_leading-image-selection-icon-size) * 0.667);line-height:1;color:var(--_leading-image-selection-icon-color);font-weight:normal;font-variation-settings:'FILL' 1, 'wght' 600, 'GRAD' 0, 'opsz' 24}::slotted([slot="leading"]){display:inline-flex;align-items:center;justify-content:center;color:var(--_leading-icon-color);fill:currentColor}::slotted(video[slot="leading"]){inline-size:var(--_leading-video-width);block-size:var(--_leading-video-height);border-radius:var(--_leading-video-shape);object-fit:cover}.md-list-item__content{flex:1;display:flex;flex-direction:column;min-inline-size:0;overflow:hidden;gap:0}.md-list-item__overline{font-family:var(--md-sys-typescale-label-small-font-family, Roboto, sans-serif);font-size:var(--md-sys-typescale-label-small-font-size, 11px);font-weight:var(--md-sys-typescale-label-small-font-weight, 500);line-height:var(--md-sys-typescale-label-small-line-height, 16px);letter-spacing:var(--md-sys-typescale-label-small-letter-spacing, 0.5px);color:var(--_overline-color);contain:inline-size;min-inline-size:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-transform:uppercase;transition:none}.md-list-item__headline{font-family:var(--_label-text-font);font-size:max(13px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-body-large-font-weight, 400);line-height:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-body-large-letter-spacing, 0.5px);color:var(--_label-text-color);display:block;contain:inline-size;min-inline-size:0;max-inline-size:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;transition:none}.md-list-item__supporting-text{font-family:var(--_supporting-text-font);font-size:max(11px, 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));letter-spacing:var(--md-sys-typescale-body-medium-letter-spacing, 0.25px);color:var(--_supporting-text-color);display:block;contain:inline-size;min-inline-size:0;max-inline-size:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;transition:none}:host(.md-list-item--3-line) .md-list-item__supporting-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal}md-tooltip.md-list-item__headline-tooltip,md-tooltip.md-list-item__supporting-tooltip{display:block;min-inline-size:0;max-inline-size:100%;overflow:hidden;--md-tooltip-plain-max-inline-size:320px}md-tooltip.md-list-item__supporting-tooltip--empty{display:none}.md-list-item__trailing{display:flex;align-items:center;gap:4px;flex-shrink:0;color:var(--_trailing-icon-color)}.md-list-item__trailing-text{font-family:var(--_trailing-supporting-text-font);font-size:var(--md-sys-typescale-label-small-font-size, 11px);font-weight:var(--md-sys-typescale-label-small-font-weight, 500);line-height:var(--md-sys-typescale-label-small-line-height, 16px);color:var(--_trailing-supporting-text-color);white-space:nowrap}.md-list-item__trailing-icon{display:inline-flex;align-items:center;justify-content:center;font-size:var(--_trailing-icon-size);inline-size:var(--_trailing-icon-size);block-size:var(--_trailing-icon-size);line-height:1;color:var(--_trailing-icon-color)}::slotted([slot="trailing"]:not(md-badge)){display:inline-flex;align-items:center;justify-content:center;color:var(--_trailing-icon-color);fill:currentColor;pointer-events:auto}::slotted(md-badge[slot="trailing"]){display:inline-flex;align-items:center;justify-content:center;pointer-events:auto;position:static;inset-block-start:auto;inset-inline-end:auto;transform:none;flex-shrink:0}:host(.md-list-item--3-line) ::slotted(md-badge[slot="trailing"]){margin-block:auto}.md-list-item__drag-handle.material-symbols-outlined{display:inline-flex;align-items:center;justify-content:center;inline-size:24px;block-size:24px;flex-shrink:0;font-size:22px;line-height:1;color:var(--_trailing-icon-color);opacity:0.55;cursor:grab;touch-action:none;pointer-events:auto;transition:opacity var(--md-sys-motion-duration-short3, 150ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),     transform var(--md-sys-motion-duration-short3, 150ms) var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1)),     color var(--md-sys-motion-duration-short3, 150ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}.md-list-item__drag-handle.material-symbols-outlined:hover{opacity:1;color:var(--md-sys-color-on-surface, #1c1b1f);transform:scale(1.08)}.md-list-item__drag-handle.material-symbols-outlined:active{cursor:grabbing}:host(.md-list-item--dragged) .md-list-item__drag-handle{opacity:1;color:var(--md-sys-color-on-surface, #1c1b1f);cursor:grabbing}:host(.md-list-item--shifting){transition:transform var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1));will-change:transform}.md-list-item__expand-button{flex-shrink:0;--md-icon-button-container-width:var(--md-list-item-expand-button-size, 32px);--md-icon-button-container-height:var(--md-list-item-expand-button-size, 32px);--md-icon-button-icon-size:var(--md-list-item-expand-chevron-size, 24px);--md-icon-button-icon-color:var(--_expand-chevron-color);--md-icon-button-state-layer-color:var(--_expand-chevron-color);margin-inline-end:-4px}.md-list-item__expand-button--expanded{--md-icon-button-container-color:var(--md-sys-color-primary, #6750a4);--md-icon-button-icon-color:var(--md-sys-color-on-primary, #ffffff);--md-icon-button-state-layer-color:var(--md-sys-color-on-primary, #ffffff);--md-icon-button-outline-color:transparent}.md-list-item__expand-button::part(icon){transition:transform var(--md-sys-motion-duration-medium2, 250ms) var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1));transform-origin:center}.md-list-item__expand-button--expanded::part(icon){transform:rotate(180deg)}.md-list-item__expanded-panel{display:grid;grid-template-rows:0fr;opacity:0;background-color:var(--_expanded-panel-background);transition:grid-template-rows var(--_collapse-duration) var(--_collapse-easing),     opacity var(--_collapse-duration) var(--_collapse-easing)}:host(.md-list-item--expanded) .md-list-item__expanded-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-list-item__expanded-panel-inner{min-block-size:0;overflow:hidden;transform:translateY(-8px);transition:transform var(--_collapse-duration) var(--_collapse-easing);padding-block:var(--_expanded-panel-padding-block);padding-inline-start:var(--_expanded-panel-padding-inline-start);padding-inline-end:var(--_expanded-panel-padding-inline)}:host(.md-list-item--expanded) .md-list-item__expanded-panel-inner{transform:translateY(0);transition:transform var(--_expand-duration) var(--_expand-easing)}:host(.md-list-item--expandable) ::slotted(md-list-item[slot="expanded-content"]){--md-list-item-container-shape:0px;--md-list-item-container-shape-start-start:0px;--md-list-item-container-shape-start-end:0px;--md-list-item-container-shape-end-start:0px;--md-list-item-container-shape-end-end:0px;display:block;inline-size:100%;box-sizing:border-box}:host-context(.md-list--standard):host(:last-of-type.md-list-item--expanded) ::slotted(md-list-item[slot="expanded-content"]:last-of-type),:host-context(.md-list--segmented):host(:last-of-type.md-list-item--expanded) ::slotted(md-list-item[slot="expanded-content"]:last-of-type){--md-list-item-container-shape-end-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-end-end:var(--md-sys-shape-corner-large, 16px)}::slotted(md-divider[slot="expanded-content"]){display:block}::slotted([slot="expanded-content"]){display:block}.md-list-item__expanded-panel[hidden]{display:grid}@media (prefers-reduced-motion: reduce){:host{transition-property:box-shadow}.md-list-item__row,.md-list-item__expanded-panel,.md-list-item__expanded-panel-inner,.md-list-item__drag-handle{transition:none}.md-list-item__drag-handle.material-symbols-outlined:hover{transform:none}.md-list-item__expand-button::part(icon){transition:none}.md-list-item__image-selection-indicator{transition:none}:host(.md-list-item--selected) .md-list-item__image-selection-circle{animation:none;transform:scale(1);opacity:1}}.material-symbols-outlined{font-family:var(--md-sys-icon-font-family, 'Material Symbols Outlined', 'Material Icons');font-weight:normal;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;overflow-wrap:normal;direction:ltr;font-feature-settings:'liga';-webkit-font-smoothing:antialiased;pointer-events:none}:host([dir="rtl"]) .md-list-item__trailing-icon[data-rtl-mirror],:host-context([dir="rtl"]) .md-list-item__trailing-icon[data-rtl-mirror]{transform:scaleX(-1)}:host(.md-list-item--with-image) .md-list-item__row{padding-inline-start:16px}: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 v=0;const u=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.mdClick=i(this,"mdClick",7);this.mdItemClick=i(this,"mdItemClick",7);this.mdItemSelect=i(this,"mdItemSelect",7);this.mdRequestActivation=i(this,"mdRequestActivation",7);this.mdItemRequestReorder=i(this,"mdItemRequestReorder",7);this.mdExpand=i(this,"mdExpand",7);this.type="text";this.headline="";this.overline="";this.supportingText="";this.trailingSupportingText="";this.leadingIcon="";this.trailingIcon="";this.leadingAvatar="";this.leadingAvatarAlt="";this.leadingAvatarName="";this.leadingAvatarLabel="";this.leadingImage="";this.leadingImageAlt="";this.lines=1;this.href="";this.target="_self";this.disabled=false;this.softDisabled=false;this.selected=false;this.expandable=false;this.expanded=false;this.tabbable=true;this.rovingFocusVisible=false;this.selectionMode="none";this.interactionMode="single-action";this.containerRole="";this.reorderable=false;this.density=0;this.hasSlottedLeading=false;this.hasSlottedTrailing=false;this.hasSlottedHeadline=false;this.hasSlottedOverline=false;this.hasSlottedSupportingText=false;this.hasSlottedTrailingSupportingText=false;this.hasSlottedExpandedContent=false;this.hasExpandedListItemChildren=false;this.hasLeadingVideo=false;this.pressed=false;this.hostedByList=false;this.observer=null;this.expandedPanelId=`md-list-item-panel-${++v}`;this.resizeObserver=null;this.truncationRaf=0;this.truncationDebounceTimer=0;this.headlineTruncated=false;this.supportingTruncated=false;this.handleCaretToggle=t=>{t.stopPropagation();this.toggleExpanded()};this.handleClick=t=>{if(!this.isInteractive)return;if(this.isEffectivelyDisabled){t.preventDefault();return}if(this.isDragHandleTarget(t))return;if(this.isTrailingActionTarget(t))return;if(this.isExpandButtonTarget(t))return;if(this.isExpandedContentTarget(t))return;if(this.expandable){this.expanded=!this.expanded;const t=o(this.href);if(this.type==="link"&&t&&!this.hasPrimaryAction){window.open(t,this.target,l)}this.mdClick.emit({item:this.el});return}const e=o(this.href);if(this.type==="link"&&e&&!this.hasPrimaryAction){window.open(e,this.target,l)}this.mdClick.emit({item:this.el});this.mdItemClick.emit({index:this.computeIndex(),selected:this.selected})};this.handleKeyDown=t=>{if(this.reorderable&&!this.isEffectivelyDisabled&&t.altKey&&(t.key==="ArrowUp"||t.key==="ArrowDown")){t.preventDefault();this.mdItemRequestReorder.emit({direction:t.key==="ArrowUp"?"up":"down",from:this.computeIndex()});return}if(!this.isInteractive)return;if(this.expandable&&!this.isEffectivelyDisabled){if(t.key==="ArrowRight"&&!this.expanded){t.preventDefault();this.expanded=true;return}if(t.key==="ArrowLeft"&&this.expanded){t.preventDefault();this.expanded=false;return}}if(t.key==="Enter"||t.key===" "){t.preventDefault();if(!this.isEffectivelyDisabled){this.pressed=true;r(this.el);if(this.type==="link"&&this.primaryEl){this.primaryEl.click()}else{this.el.click()}window.setTimeout((()=>{this.pressed=false}),150)}}};this.handlePointerDown=t=>{if(this.isExpandButtonTarget(t)||this.isTrailingActionTarget(t))return;if(this.isExpandedContentTarget(t))return;if(this.isInteractive&&!this.isEffectivelyDisabled)this.pressed=true};this.handlePointerUp=()=>{this.pressed=false};this.handleFocus=()=>{if(this.hostedByList&&this.isInteractive){this.mdRequestActivation.emit()}};this.scheduleTruncationCheck=()=>{if(this.truncationDebounceTimer)clearTimeout(this.truncationDebounceTimer);this.truncationDebounceTimer=typeof setTimeout!=="undefined"?setTimeout((()=>{this.truncationDebounceTimer=0;this.runTruncationCheck()}),100):0};this.runTruncationCheck=()=>{const t=()=>{this.truncationRaf=0;this.applyTooltipToggle(this.headlineEl,this.headlineTooltipEl,"headlineTruncated",false);this.applyTooltipToggle(this.supportingEl,this.supportingTooltipEl,"supportingTruncated",this.effectiveLines===3)};if(typeof requestAnimationFrame==="function"){if(this.truncationRaf)cancelAnimationFrame(this.truncationRaf);this.truncationRaf=requestAnimationFrame(t)}else{t()}}}get inSelectionMode(){return this.selectionMode!=="none"}get isExpandedContentSlotted(){return this.el.getAttribute("slot")==="expanded-content"}get participatesInSelection(){return this.inSelectionMode&&!this.expandable&&!this.isExpandedContentSlotted}get isMultiAction(){return this.interactionMode==="multi-action"}get isEffectivelyDisabled(){return this.disabled||this.softDisabled}get isInteractive(){return!this.disabled&&(this.type!=="text"||this.inSelectionMode||this.expandable)}get isMenuContext(){return this.containerRole==="menu"||this.containerRole==="menubar"}get hasPrimaryAction(){return!this.participatesInSelection&&!this.reorderable&&!this.isMenuContext&&(this.type==="button"||this.type==="link")}get hasLeadingContent(){return!!this.leadingIcon||!!this.leadingAvatar||!!this.leadingAvatarLabel||!!this.leadingAvatarName||!!this.leadingImage||this.hasSlottedLeading}get hasTrailingContent(){return!!this.trailingIcon||!!this.trailingSupportingText||this.hasSlottedTrailing||this.hasSlottedTrailingSupportingText||this.expandable||this.reorderable}get effectiveLines(){if(this.lines!==1)return this.lines;const t=!!this.overline||this.hasSlottedOverline;const e=!!this.supportingText||this.hasSlottedSupportingText;if(t&&e)return 3;if(t||e)return 2;return 1}componentWillLoad(){const t=this.el.parentElement;this.hostedByList=!!t&&t.tagName==="MD-LIST";if(this.expandable&&this.selected){this.selected=false}if(this.selectionMode==="none"){const t=this.el.getAttribute("data-selection-mode");if(t==="single-select"||t==="multi-select"){this.selectionMode=t}}if(this.interactionMode==="single-action"){const t=this.el.getAttribute("data-interaction-mode");if(t==="multi-action"){this.interactionMode="multi-action"}}this.detectSlottedFromLightDom();if(this.expandable&&this.selected){this.selected=false}}detectSlottedFromLightDom(){if(!this.el||!this.el.children)return;const t=Array.from(this.el.children);const e=e=>t.some((t=>t.getAttribute("slot")===e));const i=e("trailing");if(i!==this.hasSlottedTrailing)this.hasSlottedTrailing=i;const s=e("trailing-supporting-text");if(s!==this.hasSlottedTrailingSupportingText){this.hasSlottedTrailingSupportingText=s}const a=e("headline");if(a!==this.hasSlottedHeadline)this.hasSlottedHeadline=a;const n=e("supporting-text");if(n!==this.hasSlottedSupportingText)this.hasSlottedSupportingText=n;const r=e("overline");if(r!==this.hasSlottedOverline)this.hasSlottedOverline=r;const o=e("leading");if(o!==this.hasSlottedLeading)this.hasSlottedLeading=o;const l=t.some((t=>t.tagName==="VIDEO"&&t.getAttribute("slot")==="leading"));if(l!==this.hasLeadingVideo)this.hasLeadingVideo=l;const d=t.some((t=>t.tagName==="MD-LIST-ITEM"&&t.getAttribute("slot")==="expanded-content"));if(d!==this.hasExpandedListItemChildren){this.hasExpandedListItemChildren=d}}componentDidLoad(){const t=this.el.shadowRoot;if(!t)return;const e=(e,i,s)=>{const a=t.querySelector(`slot[name="${e}"]`);if(!a)return;const n=()=>{try{i(a.assignedElements().length>0)}catch{}s?.()};a.addEventListener("slotchange",n);n()};e("leading",(t=>this.hasSlottedLeading=t));e("trailing",(t=>this.hasSlottedTrailing=t));e("headline",(t=>this.hasSlottedHeadline=t),(()=>this.scheduleTruncationCheck()));e("overline",(t=>this.hasSlottedOverline=t));e("supporting-text",(t=>this.hasSlottedSupportingText=t),(()=>this.scheduleTruncationCheck()));e("trailing-supporting-text",(t=>this.hasSlottedTrailingSupportingText=t));e("expanded-content",(t=>this.hasSlottedExpandedContent=t));if(typeof MutationObserver!=="undefined"){this.observer=new MutationObserver((t=>{let e=false;for(const i of t){if(i.type==="attributes"&&i.target===this.el&&i.attributeName==="data-selection-mode"){const t=this.el.getAttribute("data-selection-mode");if(t==="single-select"||t==="multi-select"){this.selectionMode=t}else if(!t){this.selectionMode="none"}}if(i.type==="attributes"&&i.target===this.el&&i.attributeName==="data-interaction-mode"){const t=this.el.getAttribute("data-interaction-mode");if(t==="multi-action"){this.interactionMode="multi-action"}else if(!t){this.interactionMode="single-action"}}if(i.type==="childList")e=true;if(i.type==="attributes"&&i.attributeName==="slot"&&i.target!==this.el){e=true}}if(e){this.detectSlottedFromLightDom();this.syncExpandedContentSelectionMode();this.syncExpandedContentDividers()}}));this.observer.observe(this.el,{attributes:true,attributeFilter:["data-selection-mode","data-interaction-mode","slot"],childList:true,subtree:true})}if(typeof ResizeObserver!=="undefined"){this.resizeObserver=new ResizeObserver((()=>this.scheduleTruncationCheck()));this.resizeObserver.observe(this.el)}this.runTruncationCheck();this.syncExpandedContentSelectionMode();this.syncExpandedContentDividers()}disconnectedCallback(){this.observer?.disconnect();this.observer=null;this.resizeObserver?.disconnect();this.resizeObserver=null;if(this.truncationDebounceTimer){clearTimeout(this.truncationDebounceTimer);this.truncationDebounceTimer=0}if(this.truncationRaf&&typeof cancelAnimationFrame==="function"){cancelAnimationFrame(this.truncationRaf);this.truncationRaf=0}}onSelectedChange(t){if(this.expandable&&t){this.selected=false}}onExpandableChange(){if(this.expandable&&this.selected){this.selected=false}this.syncExpandedContentSelectionMode();this.syncExpandedContentDividers()}onSelectionModeChange(){this.syncExpandedContentSelectionMode()}onExpandedChange(t,e){if(t!==e){this.mdExpand.emit(this.buildExpandDetail(t))}}onHeadlineChange(){this.scheduleTruncationCheck()}onSupportingTextChange(){this.scheduleTruncationCheck()}resolveFocusTarget(){if(this.hasPrimaryAction&&this.primaryEl)return this.primaryEl;return this.el}async setFocus(t){const e=this.resolveFocusTarget();if(!e)return;if(e.getAttribute("tabindex")===null){e.setAttribute("tabindex",this.tabbable?"0":"-1")}e.focus(t)}async focusItem(){await this.setFocus()}async toggle(){if(!this.expandable||this.isEffectivelyDisabled)return;this.expanded=!this.expanded}async expand(){if(!this.expandable||this.isEffectivelyDisabled)return;this.expanded=true}async collapse(){if(!this.expandable||this.isEffectivelyDisabled)return;this.expanded=false}isTrailingActionTarget(t){const e=typeof t.composedPath==="function"?t.composedPath():[t.target];for(const t of e){if(!t||t===this.el||!this.isElementLike(t))continue;let e=t;while(e&&e!==this.el){if(e.getAttribute("slot")==="trailing"&&this.isInteractiveTrailingElement(e)){return true}e=e.parentElement}}return false}isElementLike(t){return typeof t.getAttribute==="function"}isInteractiveTrailingElement(t){const e=t.tagName;const i=new Set(["MD-ICON-BUTTON","MD-SWITCH","MD-CHECKBOX","MD-BUTTON","MD-FAB","BUTTON","A","INPUT","SELECT","TEXTAREA"]);if(i.has(e))return true;const s=t;if(typeof s.tabIndex==="number"&&s.tabIndex>=0)return true;const a=t.getAttribute("role");if(a==="button"||a==="switch"||a==="checkbox"||a==="menuitem"){return true}return false}isDragHandleTarget(t){const e=typeof t.composedPath==="function"?t.composedPath():[t.target];return e.some((t=>t?.dataset?.listDragHandle==="true"))}getExpandedContentItems(){return Array.from(this.el.children).filter((t=>t.tagName==="MD-LIST-ITEM"&&t.getAttribute("slot")==="expanded-content"))}isExpandedContentChild(t){return t.parentElement===this.el&&t.getAttribute("slot")==="expanded-content"}syncExpandedContentSelectionMode(){if(!this.expandable)return;const t=this.selectionMode;this.getExpandedContentItems().forEach((e=>{e.selectionMode=t;if(t==="none"){e.removeAttribute("data-selection-mode")}else{e.setAttribute("data-selection-mode",t)}}))}syncExpandedContentDividers(){if(!this.expandable)return;Array.from(this.el.children).forEach((t=>{if(t.tagName==="MD-DIVIDER"&&t.getAttribute("slot")==="expanded-content"){t.setAttribute("aria-hidden","true")}}))}isExpandedContentTarget(t){const e=typeof t.composedPath==="function"?t.composedPath():[t.target];const i=Array.from(this.el.children).filter((t=>t.getAttribute("slot")==="expanded-content"));for(const t of e){if(!t||t===this.el)continue;for(const e of i){if(t===e)return true;if(t instanceof Node&&e.contains(t))return true}}return false}isExpandButtonTarget(t){const e=typeof t.composedPath==="function"?t.composedPath():[t.target];return e.some((t=>t?.dataset?.expandToggle==="true"))}toggleExpanded(){if(!this.expandable||this.isEffectivelyDisabled)return;this.expanded=!this.expanded}expandToggleLabel(){const t=this.expanded?"Collapse":"Expand";const e=this.headlineFullText();return e?`${t} ${e}`:t}onExpandedChildItemClick(t){if(!this.expandable||this.selectionMode==="none")return;const e=t.composedPath().find((t=>t?.tagName==="MD-LIST-ITEM"));if(!e||e===this.el||!this.isExpandedContentChild(e))return;t.stopPropagation();const i=this.getExpandedContentItems();if(this.selectionMode==="single-select"){i.forEach((t=>{t.selected=t===e}))}else if(this.selectionMode==="multi-select"){e.selected=!e.selected}const s=i.indexOf(e);this.mdItemSelect.emit({index:s,value:e.headline||(e.textContent??"").trim(),selected:e.selected,item:e})}computeIndex(){const t=this.el.parentElement;if(!t)return 0;const e=Array.from(t.children).filter((t=>t.tagName==="MD-LIST-ITEM"));return e.indexOf(this.el)}buildExpandDetail(t){const e=this.el;const i=this.computeIndex();const s=this.headlineFullText();return{expanded:t,...i>=0?{index:i}:{},...s?{value:s}:{},item:e}}getSlottedText(t){const e=this.el.shadowRoot?.querySelector(`slot[name="${t}"]`);if(!e)return"";try{return e.assignedNodes().map((t=>t.textContent||"")).join("").trim()}catch{return""}}getDefaultSlotText(){return Array.from(this.el.children).filter((t=>!t.hasAttribute("slot"))).map((t=>t.textContent||"")).join("").trim()}headlineFullText(){return this.hasSlottedHeadline?this.getSlottedText("headline"):this.headline||this.getDefaultSlotText()}supportingFullText(){return this.hasSlottedSupportingText?this.getSlottedText("supporting-text"):this.supportingText}applyTooltipToggle(t,e,i,s){if(!t||!e)return;if(typeof t.scrollWidth!=="number")return;const a=t.scrollWidth>t.clientWidth||s&&t.scrollHeight>t.clientHeight;if(a===this[i])return;this[i]=a;e.disabled=!a}renderLeading(){return s("span",{class:{"md-list-item__leading":true,"md-list-item__leading--empty":!this.hasLeadingContent},part:"leading"},s("slot",{name:"leading"},this.leadingAvatar||this.leadingAvatarLabel||this.leadingAvatarName?s("md-avatar",{class:"md-list-item__avatar",exportparts:"image: avatar-image, initials: avatar-initials, icon: avatar-icon",part:"avatar",src:this.leadingAvatar||undefined,alt:this.leadingAvatarAlt||undefined,name:this.leadingAvatarName||undefined,initials:this.leadingAvatarLabel||undefined,size:"medium",shape:"circle"}):this.leadingImage?s("span",{class:"md-list-item__image-wrap",part:"image-wrap"},s("img",{class:"md-list-item__image",part:"image",src:this.leadingImage,alt:this.leadingImageAlt||"","aria-hidden":!this.leadingImageAlt?"true":null}),s("span",{class:"md-list-item__image-selection-indicator",part:"image-selection-indicator","aria-hidden":"true"},s("span",{class:"md-list-item__image-selection-circle",part:"image-selection-circle"},s("span",{class:"md-list-item__image-selection-check material-symbols-outlined",part:"image-selection-check","aria-hidden":"true"},"check")))):this.leadingIcon?s("span",{class:"md-list-item__icon material-symbols-outlined",part:"leading-icon","aria-hidden":"true"},this.leadingIcon):null))}renderContent(){const t=!!this.overline||this.hasSlottedOverline;const e=!!this.supportingText||this.hasSlottedSupportingText;return s("span",{class:"md-list-item__content",part:"content"},s("span",{class:{"md-list-item__overline":true,"md-list-item__overline--empty":!t},part:"overline"},s("slot",{name:"overline"},this.overline)),s("md-tooltip",{class:"md-list-item__headline-tooltip",variant:"plain",text:this.headlineFullText()||undefined,disabled:!this.headlineTruncated,exportparts:"popup: headline-tooltip-popup",ref:t=>this.headlineTooltipEl=t},s("span",{class:"md-list-item__headline",part:"headline",ref:t=>this.headlineEl=t},s("slot",{name:"headline"},this.headline||s("slot",null)))),s("md-tooltip",{class:{"md-list-item__supporting-tooltip":true,"md-list-item__supporting-tooltip--empty":!e},variant:"plain",text:this.supportingFullText()||undefined,disabled:!this.supportingTruncated,exportparts:"popup: supporting-tooltip-popup",ref:t=>this.supportingTooltipEl=t},s("span",{class:{"md-list-item__supporting-text":true,"md-list-item__supporting-text--empty":!e},part:"supporting-text",ref:t=>this.supportingEl=t},s("slot",{name:"supporting-text"},this.supportingText))))}renderTrailing(){if(!this.hasTrailingContent)return null;const t=!!this.trailingSupportingText||this.hasSlottedTrailingSupportingText;return s("span",{class:"md-list-item__trailing",part:"trailing"},s("slot",{name:"trailing"},t&&s("span",{class:"md-list-item__trailing-text",part:"trailing-supporting-text"},s("slot",{name:"trailing-supporting-text"},this.trailingSupportingText)),this.trailingIcon&&s("span",{class:"md-list-item__trailing-icon material-symbols-outlined",part:"trailing-icon","aria-hidden":"true"},this.trailingIcon)),this.expandable&&s("md-icon-button",{class:{"md-list-item__expand-button":true,"md-list-item__expand-button--expanded":this.expanded},part:"expand-button",exportparts:"state-layer:expand-button-state-layer,icon:expand-button-icon","data-expand-toggle":"true",variant:"standard",size:"xs",buttonWidth:"narrow",icon:"expand_more",selected:this.expanded,disabled:this.isEffectivelyDisabled,"aria-expanded":this.expanded?"true":"false","aria-controls":this.expandedPanelId,"aria-label":this.expandToggleLabel(),onMdClick:this.handleCaretToggle}),this.reorderable&&s("span",{class:"md-list-item__drag-handle material-symbols-outlined",part:"drag-handle","data-list-drag-handle":"true","aria-hidden":"true"},"drag_indicator"))}renderPrimary(t){const e=t=>this.primaryEl=t;if(this.type==="link"){const i=o(this.href);return s("a",{class:"md-list-item__primary",part:"primary",role:"link",href:i,target:i?this.target:undefined,rel:i&&this.target?d:undefined,tabindex:t??undefined,"aria-disabled":this.isEffectivelyDisabled?"true":null,onFocus:this.handleFocus,ref:t=>e(t)},this.renderLeading(),this.renderContent())}return s("span",{class:"md-list-item__primary",part:"primary",role:"button",tabindex:t??undefined,"aria-disabled":this.isEffectivelyDisabled?"true":null,onFocus:this.handleFocus,ref:t=>e(t)},this.renderLeading(),this.renderContent())}render(){const t=this.effectiveLines;const e=this.isInteractive;const i=this.hasPrimaryAction;const n=this.isMenuContext&&!this.participatesInSelection&&(this.type==="button"||this.type==="link");let r;if(this.participatesInSelection){r="option"}else if(n){r="menuitem"}else{r="listitem"}const o=this.expandable&&!this.participatesInSelection&&this.type==="text";const l=this.participatesInSelection?this.selected?"true":"false":null;const d=e&&!o||this.reorderable;const m=d?this.tabbable?"0":"-1":null;const c=i?null:m;const p=i?m:null;const h=this.hasExpandedListItemChildren?"list":this.inSelectionMode?"group":"region";const g=h==="region"?undefined:this.headlineFullText()||undefined;return s(a,{key:"cd61b205cde324e98ca0f95604a62ad00494c7c1",class:{"md-list-item":true,[`md-list-item--${t}-line`]:true,[`md-list-item--type-${this.type}`]:true,"md-list-item--selection-mode":this.participatesInSelection,"md-list-item--multi-action":this.isMultiAction,"md-list-item--interactive":e,"md-list-item--disabled":this.disabled||this.softDisabled,"md-list-item--soft-disabled":this.softDisabled,"md-list-item--selected":this.selected&&!this.expandable,"md-list-item--pressed":this.pressed,"md-list-item--with-leading":this.hasLeadingContent,"md-list-item--with-trailing":this.hasTrailingContent,"md-list-item--with-avatar":!!this.leadingAvatar||!!this.leadingAvatarLabel||!!this.leadingAvatarName,"md-list-item--with-image":!!this.leadingImage,"md-list-item--with-video":this.hasLeadingVideo,"md-list-item--expandable":this.expandable,"md-list-item--expanded":this.expandable&&this.expanded,"md-list-item--reorderable":this.reorderable,"md-list-item--roving-focus-visible":this.rovingFocusVisible},role:r,"aria-disabled":this.isEffectivelyDisabled?"true":null,"aria-selected":l,tabindex:c,onClick:e?this.handleClick:undefined,onKeyDown:e||this.reorderable?this.handleKeyDown:undefined,onPointerDown:e?this.handlePointerDown:undefined,onPointerUp:e?this.handlePointerUp:undefined,onPointerLeave:e?this.handlePointerUp:undefined,onPointerCancel:e?this.handlePointerUp:undefined,onFocus:e&&!i?this.handleFocus:undefined},s("span",{key:"0af7fb5d7cbcd56393c428bcd3f65793613570a5",class:"md-list-item__row",part:"row"},e&&s("md-ripple",{key:"428ed61997039e15e4e9443a9e323cde9391a041",disabled:this.isEffectivelyDisabled}),e&&s("span",{key:"ca6f498bd830e3583c5143f87ab3efa14c2ed20b",class:"md-list-item__state-layer",part:"state-layer","aria-hidden":"true"}),i&&this.renderPrimary(p),!i&&this.renderLeading(),!i&&this.renderContent(),this.renderTrailing()),this.expandable&&s("span",{key:"1301ba374be82875b89e1a47749e1b76e4bc69e2",class:"md-list-item__expanded-panel",part:"expanded-panel",id:this.expandedPanelId,role:h,"aria-label":g,hidden:!this.expanded},s("span",{key:"08e42531895724ae9de6688667c2bd866627aca3",class:"md-list-item__expanded-panel-inner",part:"expanded-panel-inner"},s("slot",{key:"e2f5f73f0142d666d769eecdf9eddd5c62e2dd5f",name:"expanded-content"}))))}get el(){return this}static get watchers(){return{selected:[{onSelectedChange:0}],expandable:[{onExpandableChange:0}],selectionMode:[{onSelectionModeChange:0}],expanded:[{onExpandedChange:0}],headline:[{onHeadlineChange:0}],supportingText:[{onSupportingTextChange:0}]}}static get style(){return g()}},[257,"md-list-item",{type:[513],headline:[1],overline:[1],supportingText:[1,"supporting-text"],trailingSupportingText:[1,"trailing-supporting-text"],leadingIcon:[1,"leading-icon"],trailingIcon:[1,"trailing-icon"],leadingAvatar:[1,"leading-avatar"],leadingAvatarAlt:[1,"leading-avatar-alt"],leadingAvatarName:[1,"leading-avatar-name"],leadingAvatarLabel:[1,"leading-avatar-label"],leadingImage:[1,"leading-image"],leadingImageAlt:[1,"leading-image-alt"],lines:[2],href:[1],target:[1],disabled:[516],softDisabled:[516,"soft-disabled"],selected:[1540],expandable:[516],expanded:[1540],tabbable:[1028],rovingFocusVisible:[1028,"roving-focus-visible"],selectionMode:[1025,"selection-mode"],interactionMode:[1025,"interaction-mode"],containerRole:[1025,"container-role"],reorderable:[1028],density:[514],hasSlottedLeading:[32],hasSlottedTrailing:[32],hasSlottedHeadline:[32],hasSlottedOverline:[32],hasSlottedSupportingText:[32],hasSlottedTrailingSupportingText:[32],hasSlottedExpandedContent:[32],hasExpandedListItemChildren:[32],hasLeadingVideo:[32],pressed:[32],hostedByList:[32],setFocus:[64],focusItem:[64],toggle:[64],expand:[64],collapse:[64]},[[0,"mdItemClick","onExpandedChildItemClick"]],{selected:[{onSelectedChange:0}],expandable:[{onExpandableChange:0}],selectionMode:[{onSelectionModeChange:0}],expanded:[{onExpandedChange:0}],headline:[{onHeadlineChange:0}],supportingText:[{onSupportingTextChange:0}]}]);function f(){if(typeof customElements==="undefined"){return}const t=["md-list-item","md-avatar","md-icon-button","md-ripple","md-tooltip"];t.forEach((t=>{switch(t){case"md-list-item":if(!customElements.get(n(t))){customElements.define(n(t),u)}break;case"md-avatar":if(!customElements.get(n(t))){m()}break;case"md-icon-button":if(!customElements.get(n(t))){c()}break;case"md-ripple":if(!customElements.get(n(t))){p()}break;case"md-tooltip":if(!customElements.get(n(t))){h()}break}}))}f();const _=u;const x=f;export{_ as MdListItem,x as defineCustomElement};
 //# sourceMappingURL=md-list-item.js.map

package/dist/components/md-list.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{p as t,H as e,c as s,h as i,d as n,t as r}from"./p-MWBNn6Lj.js";const o=()=>`:host{--_container-color:var(--md-list-container-color, var(--md-sys-color-surface, #fffbfe));--_container-shape:var(--md-list-container-shape, 0px);--_padding-block:var(--md-list-padding-block, var(--md-sys-spacing-inset-sm, 8px));--_padding-inline:var(--md-list-padding-inline, 0px);--_segmented-gap:var(--md-list-segmented-gap, 2px);--_drop-placeholder-color:var(--md-list-drop-placeholder-color, color-mix(in srgb, var(--md-sys-color-primary-container, #eaddff) 45%, transparent));--_drop-placeholder-outline-color:var(--md-list-drop-placeholder-outline-color, color-mix(in srgb, var(--md-sys-color-primary, #6750a4) 55%, transparent));--_drop-placeholder-outline-width:var(--md-list-drop-placeholder-outline-width, 2px);--_drop-placeholder-shape:var(--md-list-drop-placeholder-shape, var(--md-sys-shape-corner-large, 16px));--_drop-placeholder-opacity:var(--md-list-drop-placeholder-opacity, 1);display:flex;flex-direction:column;inline-size:100%;background-color:var(--_container-color);color:var(--md-sys-color-on-surface, #1c1b1f);border-radius:var(--_container-shape);padding-block:var(--_padding-block);padding-inline:var(--_padding-inline);box-sizing:border-box;overflow:clip}:host(.md-list--standard){--_container-color:var(--md-list-container-color, transparent);--_container-shape:var(--md-list-container-shape, 0px);gap:0;overflow:visible}:host(.md-list--standard) ::slotted(md-list-item){--md-list-item-container-shape:0px;}:host(.md-list--standard) ::slotted(md-list-item:first-of-type){--md-list-item-container-shape-start-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-start-end:var(--md-sys-shape-corner-large, 16px)}:host(.md-list--standard) ::slotted(md-list-item:last-of-type){--md-list-item-container-shape-end-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-end-end:var(--md-sys-shape-corner-large, 16px)}:host(.md-list--standard) ::slotted(md-list-item:only-of-type){--md-list-item-container-shape-start-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-start-end:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-end-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-end-end:var(--md-sys-shape-corner-large, 16px)}:host(.md-list--segmented){--_container-color:var(--md-list-container-color, transparent);--_container-shape:var(--md-list-container-shape, 0px);--_padding-inline:var(--md-list-padding-inline, 0px);--_padding-block:var(--md-list-padding-block, 0px);gap:var(--_segmented-gap);overflow:visible}:host(.md-list--segmented) ::slotted(md-list-item){--md-list-item-container-shape:var(--md-sys-shape-corner-extra-small, 4px);}:host(.md-list--segmented) ::slotted(md-list-item:first-of-type){--md-list-item-container-shape-start-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-start-end:var(--md-sys-shape-corner-large, 16px)}:host(.md-list--segmented) ::slotted(md-list-item:last-of-type){--md-list-item-container-shape-end-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-end-end:var(--md-sys-shape-corner-large, 16px)}:host(.md-list--segmented) ::slotted(md-list-item:only-of-type){--md-list-item-container-shape-start-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-start-end:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-end-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-end-end:var(--md-sys-shape-corner-large, 16px)}:host(.md-list--single-select),:host(.md-list--multi-select){}:host(:focus){outline:none}:host(.md-list--reordering){position:relative}.md-list__drop-placeholder{position:absolute;inset-inline-start:var(--_padding-inline);inset-inline-end:var(--_padding-inline);inset-block-start:0;box-sizing:border-box;z-index:0;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-list__drop-placeholder{transition: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}`;function a(t){let e=t.getRootNode().activeElement;while(e){if(e===t)return true;e=e.parentElement??(e.getRootNode().host??null)}return false}const l=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.mdSelect=s(this,"mdSelect",7);this.mdActivate=s(this,"mdActivate",7);this.mdReorder=s(this,"mdReorder",7);this.listStyle="standard";this.selectionMode="none";this.interactionMode="single-action";this.reorderable=false;this.label="";this.labelledby="";this.roleOverride="";this.density=0;this.activeIndex=0;this.dropPlaceholder=null;this.typeaheadBuffer="";this.typeaheadTimer=null;this.childObserver=null;this.originalOrder=[];this.dragState=null;this.handleMdItemSelect=t=>{this.onExpandedItemSelect(t)};this.onDragMove=t=>{const e=this.dragState;if(!e||t.pointerId!==e.pointerId)return;const s=t.clientY-e.startClientY;e.item.style.transform=`translateY(${s}px)`;const i=e.rects[e.fromIndex];const n=i.center+s;let r=e.fromIndex;for(let t=0;t<e.rects.length;t++){if(t===e.fromIndex)continue;const s=e.rects[t];if(t<e.fromIndex&&n<s.center)r=Math.min(r,t);if(t>e.fromIndex&&n>s.center)r=Math.max(r,t)}if(r!==e.targetIndex){e.targetIndex=r;this.applySiblingShifts();this.dropPlaceholder={top:e.rects[r].top-e.listTop,height:e.rects[e.fromIndex].height}}};this.onDragEnd=t=>{const e=this.dragState;if(!e||t.pointerId!==e.pointerId)return;this.el.removeEventListener("pointermove",this.onDragMove);this.el.removeEventListener("pointerup",this.onDragEnd);this.el.removeEventListener("pointercancel",this.onDragEnd);try{this.el.releasePointerCapture(e.pointerId)}catch{}e.rects.forEach((t=>{t.item.classList.remove("md-list-item--shifting");t.item.style.transform=""}));e.item.classList.remove("md-list-item--dragged");this.dropPlaceholder=null;const{fromIndex:s,targetIndex:i}=e;this.dragState=null;if(i!==s){this.moveItem(s,i);this.emitReorder(s,i)}}}get items(){return Array.from(this.el.children).filter((t=>t.tagName==="MD-LIST-ITEM"))}get focusableItems(){return this.items.filter((t=>this.isItemFocusable(t)))}hasExpandableRows(){return this.items.some((t=>t.expandable||t.hasAttribute("expandable")))}get effectiveRole(){if(this.roleOverride)return this.roleOverride;if(this.selectionMode!=="none"){return this.hasExpandableRows()?"list":"listbox"}return"list"}get childDividers(){return Array.from(this.el.children).filter((t=>t.tagName==="MD-DIVIDER"))}syncDividers(){const t=this.effectiveRole;const e=t==="list"||t==="listbox";this.childDividers.forEach((t=>{if(e)t.setAttribute("aria-hidden","true");else t.removeAttribute("aria-hidden")}))}isItemFocusable(t){if(t.disabled)return false;if(this.selectionMode!=="none")return true;if(this.reorderable)return true;return t.type!=="text"}componentDidLoad(){this.syncSelectionMode();this.syncInteractionMode();this.syncReorderable();this.syncContainerRole();this.syncDividers();this.originalOrder=[...this.items];this.refreshRovingTabindex(this.findInitialActiveIndex(),false);this.el.addEventListener("mdItemSelect",this.handleMdItemSelect);if(typeof MutationObserver!=="undefined"){this.childObserver=new MutationObserver((t=>{const e=t.some((t=>t.type==="childList"));if(e){this.syncSelectionMode();this.syncInteractionMode();this.syncReorderable();this.syncContainerRole();this.syncDividers();this.items.forEach((t=>{if(!this.originalOrder.includes(t))this.originalOrder.push(t)}));this.refreshRovingTabindex(this.activeIndex,false)}}));this.childObserver.observe(this.el,{childList:true})}}disconnectedCallback(){this.el.removeEventListener("mdItemSelect",this.handleMdItemSelect);this.childObserver?.disconnect();this.childObserver=null;if(this.typeaheadTimer!==null){window.clearTimeout(this.typeaheadTimer);this.typeaheadTimer=null}if(this.dragState){this.el.removeEventListener("pointermove",this.onDragMove);this.el.removeEventListener("pointerup",this.onDragEnd);this.el.removeEventListener("pointercancel",this.onDragEnd);this.dragState=null;this.dropPlaceholder=null}}onSelectionModeChange(){this.syncSelectionMode();this.syncDividers();this.refreshRovingTabindex(this.activeIndex,false)}onInteractionModeChange(){this.syncInteractionMode()}onReorderableChange(){this.syncReorderable();this.refreshRovingTabindex(this.activeIndex,false)}onRoleOverrideChange(){this.syncContainerRole();this.syncDividers()}syncReorderable(){const t=this.reorderable;this.items.forEach((e=>{e.reorderable=t}))}syncContainerRole(){const t=this.effectiveRole;this.items.forEach((e=>{e.containerRole=t}))}syncInteractionMode(){const t=this.interactionMode;this.items.forEach((e=>{e.interactionMode=t;if(t==="single-action"){e.removeAttribute("data-interaction-mode")}else{e.setAttribute("data-interaction-mode",t)}}))}syncSelectionMode(){const t=this.selectionMode;const e=s=>{s.selectionMode=t;if(t==="none"){s.removeAttribute("data-selection-mode")}else{s.setAttribute("data-selection-mode",t)}if(s.expandable){if(s.selected)s.selected=false;Array.from(s.children).forEach((t=>{if(t.tagName==="MD-LIST-ITEM"&&t.getAttribute("slot")==="expanded-content"){e(t)}}))}};this.items.forEach(e)}findInitialActiveIndex(){const t=this.items;if(t.length===0)return 0;const e=t.findIndex((t=>t.selected&&!t.expandable&&this.isItemFocusable(t)));if(e>=0)return e;const s=t.findIndex((t=>this.isItemFocusable(t)));return s>=0?s:0}refreshRovingTabindex(t,e,s=false){const i=this.items;const n=this.focusableItems;if(i.length===0)return;if(n.length===0){i.forEach((t=>{t.tabbable=false;t.rovingFocusVisible=false}));return}let r=t;if(!i[r]||!this.isItemFocusable(i[r])){r=i.indexOf(n[0])}this.activeIndex=r;i.forEach(((t,e)=>{t.tabbable=e===r;t.rovingFocusVisible=s&&e===r}));if(e){this.mdActivate.emit({index:r,item:i[r]})}}onItemClick(t){const e=t.detail;const s=this.items;const i=s[e.index];if(!i||i.expandable)return;this.activateItem(e.index,true)}onExpandedItemSelect(t){if(this.selectionMode==="none")return;const e=this.findExpandableParentFromEvent(t);if(!e)return;const s=this.items.indexOf(e);if(s<0)return;this.mdSelect.emit({index:s,childIndex:t.detail.index,expanded:e.expanded,value:t.detail.value,selected:t.detail.selected,item:t.detail.item})}onRequestActivation(t){const e=t.composedPath().find((t=>t?.tagName==="MD-LIST-ITEM"));if(!e)return;const s=this.items.indexOf(e);if(s>=0&&s!==this.activeIndex){this.refreshRovingTabindex(s,true)}}onHostPointerDown(t){if(!this.reorderable||t.button!==0)return;const e=t.composedPath();const s=e.some((t=>t?.dataset?.listDragHandle==="true"));if(!s)return;const i=e.find((t=>t?.tagName==="MD-LIST-ITEM"));if(!i||i.disabled)return;t.preventDefault();this.startDrag(i,t)}startDrag(t,e){const s=this.items;const i=s.indexOf(t);if(i<0)return;const n=s.map((t=>{const e=t.getBoundingClientRect();return{item:t,top:e.top,height:e.height,center:e.top+e.height/2}}));const r=n.length>1?n[1].top-n[0].top:n[0]?.height??0;const o=this.el.getBoundingClientRect().top;this.dragState={item:t,pointerId:e.pointerId,startClientY:e.clientY,rects:n,fromIndex:i,targetIndex:i,rowGap:r,listTop:o};this.dropPlaceholder={top:n[i].top-o,height:n[i].height};t.classList.add("md-list-item--dragged");try{this.el.setPointerCapture(e.pointerId)}catch{}this.el.addEventListener("pointermove",this.onDragMove);this.el.addEventListener("pointerup",this.onDragEnd);this.el.addEventListener("pointercancel",this.onDragEnd)}applySiblingShifts(){const t=this.dragState;if(!t)return;const{fromIndex:e,targetIndex:s,rowGap:i,rects:n}=t;n.forEach(((n,r)=>{if(n.item===t.item)return;let o=0;if(e<s&&r>e&&r<=s)o=-i;else if(e>s&&r<e&&r>=s)o=i;n.item.classList.add("md-list-item--shifting");n.item.style.transform=o?`translateY(${o}px)`:""}))}onItemRequestReorder(t){if(!this.reorderable)return;t.stopPropagation();const{direction:e,from:s}=t.detail;const i=this.items;const n=e==="up"?s-1:s+1;if(s<0||n<0||n>=i.length)return;if(i[s]?.disabled)return;this.moveItem(s,n);this.emitReorder(s,n);const r=this.items[n];if(r){this.refreshRovingTabindex(n,false,true);requestAnimationFrame((()=>this.focusListItem(r)))}}moveItem(t,e){const s=this.items;const i=s[t];const n=s[e];if(!i||!n)return;if(t<e){this.el.insertBefore(i,n.nextSibling)}else{this.el.insertBefore(i,n)}}emitReorder(t,e){const s=this.items.map((t=>this.originalOrder.indexOf(t)));this.mdReorder.emit({from:t,to:e,order:s})}handleKeyDown(t){if(this.el.closest("md-search"))return;if(t.altKey&&(t.key==="ArrowUp"||t.key==="ArrowDown"))return;const e=this.focusableItems;if(e.length===0)return;const s=this.items;const i=s.find((t=>a(t)));const n=i?e.indexOf(i):-1;switch(t.key){case"ArrowDown":{t.preventDefault();const s=n<e.length-1?n+1:0;this.focusItem(e[s]);return}case"ArrowUp":{t.preventDefault();const s=n>0?n-1:e.length-1;this.focusItem(e[s]);return}case"Home":{t.preventDefault();this.focusItem(e[0]);return}case"End":{t.preventDefault();this.focusItem(e[e.length-1]);return}}if(t.key.length===1&&/\S/.test(t.key)&&!t.metaKey&&!t.ctrlKey&&!t.altKey){this.handleTypeahead(t.key.toLowerCase())}}handleTypeahead(t){this.typeaheadBuffer+=t;if(this.typeaheadTimer!==null){window.clearTimeout(this.typeaheadTimer)}this.typeaheadTimer=window.setTimeout((()=>{this.typeaheadBuffer="";this.typeaheadTimer=null}),500);const e=this.focusableItems;const s=this.typeaheadBuffer;const i=e.find((t=>{const e=(t.headline||t.textContent||"").trim().toLowerCase();return e.startsWith(s)}));if(i){this.focusItem(i)}}focusListItem(t){void t.setFocus({focusVisible:true,preventScroll:true})}focusItem(t){if(!t)return;const e=this.items.indexOf(t);if(e<0)return;this.refreshRovingTabindex(e,true,true);requestAnimationFrame((()=>this.focusListItem(t)))}onFocusOut(t){const e=t.relatedTarget;if(e&&this.el.contains(e))return;this.items.forEach((t=>{t.rovingFocusVisible=false}))}findExpandableParentFromEvent(t){const e=typeof t.composedPath==="function"?t.composedPath():[t.target];for(const t of e){const e=t;if(e?.tagName!=="MD-LIST-ITEM"||!e.expandable)continue;if(e.parentElement===this.el)return e}return null}activateItem(t,e){const s=this.items;const i=s[t];if(!i||i.expandable)return;if(this.selectionMode==="single-select"){s.forEach(((e,s)=>{if(s!==t&&e.selected)e.selected=false}));i.selected=true;if(e){this.mdSelect.emit({index:t,value:i.headline||(i.textContent??"").trim(),selected:true,item:i})}}else if(this.selectionMode==="multi-select"){i.selected=!i.selected;if(e){this.mdSelect.emit({index:t,value:i.headline||(i.textContent??"").trim(),selected:i.selected,item:i})}}}getRovingFocusItem(t){if(t.length===0)return null;const e=t.find((t=>t.tabbable));if(e)return e;const s=this.items[this.activeIndex];if(s&&t.includes(s))return s;return t[0]}async activateNext(){const t=this.focusableItems;if(t.length===0)return null;const e=this.getRovingFocusItem(t);const s=e?t.indexOf(e):-1;const i=s<t.length-1?s+1:0;this.focusItem(t[i]);return t[i]}async activatePrevious(){const t=this.focusableItems;if(t.length===0)return null;const e=this.getRovingFocusItem(t);const s=e?t.indexOf(e):-1;const i=s>0?s-1:t.length-1;this.focusItem(t[i]);return t[i]}async selectItem(t){if(this.selectionMode==="none")return;this.activateItem(t,false)}async getSelectedIndices(){return this.items.map(((t,e)=>t.selected?e:-1)).filter((t=>t>=0))}render(){const t=this.effectiveRole;const e=t==="listbox"&&this.selectionMode==="multi-select"?"true":null;return i(n,{key:"b276cebae42f64386ad013dc37c0e3926ea00594",class:{"md-list":true,[`md-list--${this.listStyle}`]:true,[`md-list--${this.selectionMode}`]:this.selectionMode!=="none",[`md-list--${this.interactionMode}`]:true,"md-list--reorderable":this.reorderable,"md-list--reordering":!!this.dropPlaceholder},role:t,"aria-label":this.label||null,"aria-labelledby":this.labelledby||null,"aria-multiselectable":e},this.dropPlaceholder&&i("div",{key:"50ef5fcce48b5ab1a53d1bd74d254048c919bba0",class:"md-list__drop-placeholder",part:"drop-placeholder","aria-hidden":"true",style:{transform:`translateY(${this.dropPlaceholder.top}px)`,blockSize:`${this.dropPlaceholder.height}px`}}),i("slot",{key:"3f3144e9735900e8ba29abfd2190b9c8ce585b56"}))}get el(){return this}static get watchers(){return{selectionMode:[{onSelectionModeChange:0}],interactionMode:[{onInteractionModeChange:0}],reorderable:[{onReorderableChange:0}],roleOverride:[{onRoleOverrideChange:0}]}}static get style(){return o()}},[257,"md-list",{listStyle:[1,"list-style"],selectionMode:[1,"selection-mode"],interactionMode:[1,"interaction-mode"],reorderable:[516],label:[1],labelledby:[1],roleOverride:[1,"role-override"],density:[514],activeIndex:[32],dropPlaceholder:[32],activateNext:[64],activatePrevious:[64],selectItem:[64],getSelectedIndices:[64]},[[0,"mdItemClick","onItemClick"],[0,"mdRequestActivation","onRequestActivation"],[1,"pointerdown","onHostPointerDown"],[0,"mdItemRequestReorder","onItemRequestReorder"],[0,"keydown","handleKeyDown"],[0,"focusout","onFocusOut"]],{selectionMode:[{onSelectionModeChange:0}],interactionMode:[{onInteractionModeChange:0}],reorderable:[{onReorderableChange:0}],roleOverride:[{onRoleOverrideChange:0}]}]);function d(){if(typeof customElements==="undefined"){return}const t=["md-list"];t.forEach((t=>{switch(t){case"md-list":if(!customElements.get(r(t))){customElements.define(r(t),l)}break}}))}d();const h=l;const c=d;export{h as MdList,c as defineCustomElement};
+import{p as t,H as e,c as s,h as i,d as n,t as r}from"./p-BR6gfOQH.js";const o=()=>`:host{--_container-color:var(--md-list-container-color, var(--md-sys-color-surface, #fffbfe));--_container-shape:var(--md-list-container-shape, 0px);--_padding-block:var(--md-list-padding-block, var(--md-sys-spacing-inset-sm, 8px));--_padding-inline:var(--md-list-padding-inline, 0px);--_segmented-gap:var(--md-list-segmented-gap, 2px);--_drop-placeholder-color:var(--md-list-drop-placeholder-color, color-mix(in srgb, var(--md-sys-color-primary-container, #eaddff) 45%, transparent));--_drop-placeholder-outline-color:var(--md-list-drop-placeholder-outline-color, color-mix(in srgb, var(--md-sys-color-primary, #6750a4) 55%, transparent));--_drop-placeholder-outline-width:var(--md-list-drop-placeholder-outline-width, 2px);--_drop-placeholder-shape:var(--md-list-drop-placeholder-shape, var(--md-sys-shape-corner-large, 16px));--_drop-placeholder-opacity:var(--md-list-drop-placeholder-opacity, 1);display:flex;flex-direction:column;inline-size:100%;background-color:var(--_container-color);color:var(--md-sys-color-on-surface, #1c1b1f);border-radius:var(--_container-shape);padding-block:var(--_padding-block);padding-inline:var(--_padding-inline);box-sizing:border-box;overflow:clip}:host(.md-list--standard){--_container-color:var(--md-list-container-color, transparent);--_container-shape:var(--md-list-container-shape, 0px);gap:0;overflow:visible}:host(.md-list--standard) ::slotted(md-list-item){--md-list-item-container-shape:0px;}:host(.md-list--standard) ::slotted(md-list-item:first-of-type){--md-list-item-container-shape-start-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-start-end:var(--md-sys-shape-corner-large, 16px)}:host(.md-list--standard) ::slotted(md-list-item:last-of-type){--md-list-item-container-shape-end-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-end-end:var(--md-sys-shape-corner-large, 16px)}:host(.md-list--standard) ::slotted(md-list-item:only-of-type){--md-list-item-container-shape-start-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-start-end:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-end-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-end-end:var(--md-sys-shape-corner-large, 16px)}:host(.md-list--segmented){--_container-color:var(--md-list-container-color, transparent);--_container-shape:var(--md-list-container-shape, 0px);--_padding-inline:var(--md-list-padding-inline, 0px);--_padding-block:var(--md-list-padding-block, 0px);gap:var(--_segmented-gap);overflow:visible}:host(.md-list--segmented) ::slotted(md-list-item){--md-list-item-container-shape:var(--md-sys-shape-corner-extra-small, 4px);}:host(.md-list--segmented) ::slotted(md-list-item:first-of-type){--md-list-item-container-shape-start-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-start-end:var(--md-sys-shape-corner-large, 16px)}:host(.md-list--segmented) ::slotted(md-list-item:last-of-type){--md-list-item-container-shape-end-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-end-end:var(--md-sys-shape-corner-large, 16px)}:host(.md-list--segmented) ::slotted(md-list-item:only-of-type){--md-list-item-container-shape-start-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-start-end:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-end-start:var(--md-sys-shape-corner-large, 16px);--md-list-item-container-shape-end-end:var(--md-sys-shape-corner-large, 16px)}:host(.md-list--single-select),:host(.md-list--multi-select){}:host(:focus){outline:none}:host(.md-list--reordering){position:relative}.md-list__drop-placeholder{position:absolute;inset-inline-start:var(--_padding-inline);inset-inline-end:var(--_padding-inline);inset-block-start:0;box-sizing:border-box;z-index:0;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-list__drop-placeholder{transition: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}`;function a(t){let e=t.getRootNode().activeElement;while(e){if(e===t)return true;e=e.parentElement??(e.getRootNode().host??null)}return false}const l=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.mdSelect=s(this,"mdSelect",7);this.mdActivate=s(this,"mdActivate",7);this.mdReorder=s(this,"mdReorder",7);this.listStyle="standard";this.selectionMode="none";this.interactionMode="single-action";this.reorderable=false;this.label="";this.labelledby="";this.roleOverride="";this.density=0;this.activeIndex=0;this.dropPlaceholder=null;this.typeaheadBuffer="";this.typeaheadTimer=null;this.childObserver=null;this.originalOrder=[];this.dragState=null;this.handleMdItemSelect=t=>{this.onExpandedItemSelect(t)};this.onDragMove=t=>{const e=this.dragState;if(!e||t.pointerId!==e.pointerId)return;const s=t.clientY-e.startClientY;e.item.style.transform=`translateY(${s}px)`;const i=e.rects[e.fromIndex];const n=i.center+s;let r=e.fromIndex;for(let t=0;t<e.rects.length;t++){if(t===e.fromIndex)continue;const s=e.rects[t];if(t<e.fromIndex&&n<s.center)r=Math.min(r,t);if(t>e.fromIndex&&n>s.center)r=Math.max(r,t)}if(r!==e.targetIndex){e.targetIndex=r;this.applySiblingShifts();this.dropPlaceholder={top:e.rects[r].top-e.listTop,height:e.rects[e.fromIndex].height}}};this.onDragEnd=t=>{const e=this.dragState;if(!e||t.pointerId!==e.pointerId)return;this.el.removeEventListener("pointermove",this.onDragMove);this.el.removeEventListener("pointerup",this.onDragEnd);this.el.removeEventListener("pointercancel",this.onDragEnd);try{this.el.releasePointerCapture(e.pointerId)}catch{}e.rects.forEach((t=>{t.item.classList.remove("md-list-item--shifting");t.item.style.transform=""}));e.item.classList.remove("md-list-item--dragged");this.dropPlaceholder=null;const{fromIndex:s,targetIndex:i}=e;this.dragState=null;if(i!==s){this.moveItem(s,i);this.emitReorder(s,i)}}}get items(){return Array.from(this.el.children).filter((t=>t.tagName==="MD-LIST-ITEM"))}get focusableItems(){return this.items.filter((t=>this.isItemFocusable(t)))}hasExpandableRows(){return this.items.some((t=>t.expandable||t.hasAttribute("expandable")))}get effectiveRole(){if(this.roleOverride)return this.roleOverride;if(this.selectionMode!=="none"){return this.hasExpandableRows()?"list":"listbox"}return"list"}get childDividers(){return Array.from(this.el.children).filter((t=>t.tagName==="MD-DIVIDER"))}syncDividers(){const t=this.effectiveRole;const e=t==="list"||t==="listbox";this.childDividers.forEach((t=>{if(e)t.setAttribute("aria-hidden","true");else t.removeAttribute("aria-hidden")}))}isItemFocusable(t){if(t.disabled)return false;if(this.selectionMode!=="none")return true;if(this.reorderable)return true;return t.type!=="text"}componentDidLoad(){this.syncSelectionMode();this.syncInteractionMode();this.syncReorderable();this.syncContainerRole();this.syncDividers();this.originalOrder=[...this.items];this.refreshRovingTabindex(this.findInitialActiveIndex(),false);this.el.addEventListener("mdItemSelect",this.handleMdItemSelect);if(typeof MutationObserver!=="undefined"){this.childObserver=new MutationObserver((t=>{const e=t.some((t=>t.type==="childList"));if(e){this.syncSelectionMode();this.syncInteractionMode();this.syncReorderable();this.syncContainerRole();this.syncDividers();this.items.forEach((t=>{if(!this.originalOrder.includes(t))this.originalOrder.push(t)}));this.refreshRovingTabindex(this.activeIndex,false)}}));this.childObserver.observe(this.el,{childList:true})}}disconnectedCallback(){this.el.removeEventListener("mdItemSelect",this.handleMdItemSelect);this.childObserver?.disconnect();this.childObserver=null;if(this.typeaheadTimer!==null){window.clearTimeout(this.typeaheadTimer);this.typeaheadTimer=null}if(this.dragState){this.el.removeEventListener("pointermove",this.onDragMove);this.el.removeEventListener("pointerup",this.onDragEnd);this.el.removeEventListener("pointercancel",this.onDragEnd);this.dragState=null;this.dropPlaceholder=null}}onSelectionModeChange(){this.syncSelectionMode();this.syncDividers();this.refreshRovingTabindex(this.activeIndex,false)}onInteractionModeChange(){this.syncInteractionMode()}onReorderableChange(){this.syncReorderable();this.refreshRovingTabindex(this.activeIndex,false)}onRoleOverrideChange(){this.syncContainerRole();this.syncDividers()}syncReorderable(){const t=this.reorderable;this.items.forEach((e=>{e.reorderable=t}))}syncContainerRole(){const t=this.effectiveRole;this.items.forEach((e=>{e.containerRole=t}))}syncInteractionMode(){const t=this.interactionMode;this.items.forEach((e=>{e.interactionMode=t;if(t==="single-action"){e.removeAttribute("data-interaction-mode")}else{e.setAttribute("data-interaction-mode",t)}}))}syncSelectionMode(){const t=this.selectionMode;const e=s=>{s.selectionMode=t;if(t==="none"){s.removeAttribute("data-selection-mode")}else{s.setAttribute("data-selection-mode",t)}if(s.expandable){if(s.selected)s.selected=false;Array.from(s.children).forEach((t=>{if(t.tagName==="MD-LIST-ITEM"&&t.getAttribute("slot")==="expanded-content"){e(t)}}))}};this.items.forEach(e)}findInitialActiveIndex(){const t=this.items;if(t.length===0)return 0;const e=t.findIndex((t=>t.selected&&!t.expandable&&this.isItemFocusable(t)));if(e>=0)return e;const s=t.findIndex((t=>this.isItemFocusable(t)));return s>=0?s:0}refreshRovingTabindex(t,e,s=false){const i=this.items;const n=this.focusableItems;if(i.length===0)return;if(n.length===0){i.forEach((t=>{t.tabbable=false;t.rovingFocusVisible=false}));return}let r=t;if(!i[r]||!this.isItemFocusable(i[r])){r=i.indexOf(n[0])}this.activeIndex=r;i.forEach(((t,e)=>{t.tabbable=e===r;t.rovingFocusVisible=s&&e===r}));if(e){this.mdActivate.emit({index:r,item:i[r]})}}onItemClick(t){const e=t.detail;const s=this.items;const i=s[e.index];if(!i||i.expandable)return;this.activateItem(e.index,true)}onExpandedItemSelect(t){if(this.selectionMode==="none")return;const e=this.findExpandableParentFromEvent(t);if(!e)return;const s=this.items.indexOf(e);if(s<0)return;this.mdSelect.emit({index:s,childIndex:t.detail.index,expanded:e.expanded,value:t.detail.value,selected:t.detail.selected,item:t.detail.item})}onRequestActivation(t){const e=t.composedPath().find((t=>t?.tagName==="MD-LIST-ITEM"));if(!e)return;const s=this.items.indexOf(e);if(s>=0&&s!==this.activeIndex){this.refreshRovingTabindex(s,true)}}onHostPointerDown(t){if(!this.reorderable||t.button!==0)return;const e=t.composedPath();const s=e.some((t=>t?.dataset?.listDragHandle==="true"));if(!s)return;const i=e.find((t=>t?.tagName==="MD-LIST-ITEM"));if(!i||i.disabled)return;t.preventDefault();this.startDrag(i,t)}startDrag(t,e){const s=this.items;const i=s.indexOf(t);if(i<0)return;const n=s.map((t=>{const e=t.getBoundingClientRect();return{item:t,top:e.top,height:e.height,center:e.top+e.height/2}}));const r=n.length>1?n[1].top-n[0].top:n[0]?.height??0;const o=this.el.getBoundingClientRect().top;this.dragState={item:t,pointerId:e.pointerId,startClientY:e.clientY,rects:n,fromIndex:i,targetIndex:i,rowGap:r,listTop:o};this.dropPlaceholder={top:n[i].top-o,height:n[i].height};t.classList.add("md-list-item--dragged");try{this.el.setPointerCapture(e.pointerId)}catch{}this.el.addEventListener("pointermove",this.onDragMove);this.el.addEventListener("pointerup",this.onDragEnd);this.el.addEventListener("pointercancel",this.onDragEnd)}applySiblingShifts(){const t=this.dragState;if(!t)return;const{fromIndex:e,targetIndex:s,rowGap:i,rects:n}=t;n.forEach(((n,r)=>{if(n.item===t.item)return;let o=0;if(e<s&&r>e&&r<=s)o=-i;else if(e>s&&r<e&&r>=s)o=i;n.item.classList.add("md-list-item--shifting");n.item.style.transform=o?`translateY(${o}px)`:""}))}onItemRequestReorder(t){if(!this.reorderable)return;t.stopPropagation();const{direction:e,from:s}=t.detail;const i=this.items;const n=e==="up"?s-1:s+1;if(s<0||n<0||n>=i.length)return;if(i[s]?.disabled)return;this.moveItem(s,n);this.emitReorder(s,n);const r=this.items[n];if(r){this.refreshRovingTabindex(n,false,true);requestAnimationFrame((()=>this.focusListItem(r)))}}moveItem(t,e){const s=this.items;const i=s[t];const n=s[e];if(!i||!n)return;if(t<e){this.el.insertBefore(i,n.nextSibling)}else{this.el.insertBefore(i,n)}}emitReorder(t,e){const s=this.items.map((t=>this.originalOrder.indexOf(t)));this.mdReorder.emit({from:t,to:e,order:s})}handleKeyDown(t){if(this.el.closest("md-search"))return;if(t.altKey&&(t.key==="ArrowUp"||t.key==="ArrowDown"))return;const e=this.focusableItems;if(e.length===0)return;const s=this.items;const i=s.find((t=>a(t)));const n=i?e.indexOf(i):-1;switch(t.key){case"ArrowDown":{t.preventDefault();const s=n<e.length-1?n+1:0;this.focusItem(e[s]);return}case"ArrowUp":{t.preventDefault();const s=n>0?n-1:e.length-1;this.focusItem(e[s]);return}case"Home":{t.preventDefault();this.focusItem(e[0]);return}case"End":{t.preventDefault();this.focusItem(e[e.length-1]);return}}if(t.key.length===1&&/\S/.test(t.key)&&!t.metaKey&&!t.ctrlKey&&!t.altKey){this.handleTypeahead(t.key.toLowerCase())}}handleTypeahead(t){this.typeaheadBuffer+=t;if(this.typeaheadTimer!==null){window.clearTimeout(this.typeaheadTimer)}this.typeaheadTimer=window.setTimeout((()=>{this.typeaheadBuffer="";this.typeaheadTimer=null}),500);const e=this.focusableItems;const s=this.typeaheadBuffer;const i=e.find((t=>{const e=(t.headline||t.textContent||"").trim().toLowerCase();return e.startsWith(s)}));if(i){this.focusItem(i)}}focusListItem(t){void t.setFocus({focusVisible:true,preventScroll:true})}focusItem(t){if(!t)return;const e=this.items.indexOf(t);if(e<0)return;this.refreshRovingTabindex(e,true,true);requestAnimationFrame((()=>this.focusListItem(t)))}onFocusOut(t){const e=t.relatedTarget;if(e&&this.el.contains(e))return;this.items.forEach((t=>{t.rovingFocusVisible=false}))}findExpandableParentFromEvent(t){const e=typeof t.composedPath==="function"?t.composedPath():[t.target];for(const t of e){const e=t;if(e?.tagName!=="MD-LIST-ITEM"||!e.expandable)continue;if(e.parentElement===this.el)return e}return null}activateItem(t,e){const s=this.items;const i=s[t];if(!i||i.expandable)return;if(this.selectionMode==="single-select"){s.forEach(((e,s)=>{if(s!==t&&e.selected)e.selected=false}));i.selected=true;if(e){this.mdSelect.emit({index:t,value:i.headline||(i.textContent??"").trim(),selected:true,item:i})}}else if(this.selectionMode==="multi-select"){i.selected=!i.selected;if(e){this.mdSelect.emit({index:t,value:i.headline||(i.textContent??"").trim(),selected:i.selected,item:i})}}}getRovingFocusItem(t){if(t.length===0)return null;const e=t.find((t=>t.tabbable));if(e)return e;const s=this.items[this.activeIndex];if(s&&t.includes(s))return s;return t[0]}async activateNext(){const t=this.focusableItems;if(t.length===0)return null;const e=this.getRovingFocusItem(t);const s=e?t.indexOf(e):-1;const i=s<t.length-1?s+1:0;this.focusItem(t[i]);return t[i]}async activatePrevious(){const t=this.focusableItems;if(t.length===0)return null;const e=this.getRovingFocusItem(t);const s=e?t.indexOf(e):-1;const i=s>0?s-1:t.length-1;this.focusItem(t[i]);return t[i]}async selectItem(t){if(this.selectionMode==="none")return;this.activateItem(t,false)}async getSelectedIndices(){return this.items.map(((t,e)=>t.selected?e:-1)).filter((t=>t>=0))}render(){const t=this.effectiveRole;const e=t==="listbox"&&this.selectionMode==="multi-select"?"true":null;return i(n,{key:"8daf2aaad9848b5d58ffbb98f9bb7d8920004f4d",class:{"md-list":true,[`md-list--${this.listStyle}`]:true,[`md-list--${this.selectionMode}`]:this.selectionMode!=="none",[`md-list--${this.interactionMode}`]:true,"md-list--reorderable":this.reorderable,"md-list--reordering":!!this.dropPlaceholder},role:t,"aria-label":this.label||null,"aria-labelledby":this.labelledby||null,"aria-multiselectable":e},this.dropPlaceholder&&i("div",{key:"88a98f3d21f89177d1f7d879fc406fe7e9cbb40c",class:"md-list__drop-placeholder",part:"drop-placeholder","aria-hidden":"true",style:{transform:`translateY(${this.dropPlaceholder.top}px)`,blockSize:`${this.dropPlaceholder.height}px`}}),i("slot",{key:"70452f5305b74576d8eff4ed4471a847fc061773"}))}get el(){return this}static get watchers(){return{selectionMode:[{onSelectionModeChange:0}],interactionMode:[{onInteractionModeChange:0}],reorderable:[{onReorderableChange:0}],roleOverride:[{onRoleOverrideChange:0}]}}static get style(){return o()}},[257,"md-list",{listStyle:[1,"list-style"],selectionMode:[1,"selection-mode"],interactionMode:[1,"interaction-mode"],reorderable:[516],label:[1],labelledby:[1],roleOverride:[1,"role-override"],density:[514],activeIndex:[32],dropPlaceholder:[32],activateNext:[64],activatePrevious:[64],selectItem:[64],getSelectedIndices:[64]},[[0,"mdItemClick","onItemClick"],[0,"mdRequestActivation","onRequestActivation"],[1,"pointerdown","onHostPointerDown"],[0,"mdItemRequestReorder","onItemRequestReorder"],[0,"keydown","handleKeyDown"],[0,"focusout","onFocusOut"]],{selectionMode:[{onSelectionModeChange:0}],interactionMode:[{onInteractionModeChange:0}],reorderable:[{onReorderableChange:0}],roleOverride:[{onRoleOverrideChange:0}]}]);function d(){if(typeof customElements==="undefined"){return}const t=["md-list"];t.forEach((t=>{switch(t){case"md-list":if(!customElements.get(r(t))){customElements.define(r(t),l)}break}}))}d();const h=l;const c=d;export{h as MdList,c as defineCustomElement};
 //# sourceMappingURL=md-list.js.map

package/dist/components/md-loading-indicator.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{M as s,d as o}from"./p-BwXpiUsu.js";const p=s;const t=o;export{p as MdLoadingIndicator,t as defineCustomElement};
+import{MdLoadingIndicator as o,defineCustomElement as t}from"./p-Zjf9uhOr.js";const n=o;const s=t;export{n as MdLoadingIndicator,s as defineCustomElement};
 //# sourceMappingURL=md-loading-indicator.js.map

package/dist/components/md-menu-item-group.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{p as e,H as s,h as a,d as t,t as n}from"./p-MWBNn6Lj.js";const d=()=>`:host{display:flex;flex-direction:column}.md-menu-item-group__label{font-family:var(--md-sys-typescale-label-medium-font-family, Roboto, sans-serif);font-size:var(--md-sys-typescale-label-medium-size, 12px);font-weight:var(--md-sys-typescale-label-medium-weight, 500);line-height:var(--md-sys-typescale-label-medium-line-height, 16px);color:var(--md-sys-color-on-surface-variant, #49454F);padding:var(--md-sys-spacing-inset-sm, 8px) var(--md-sys-spacing-inset-md, 12px) var(--md-sys-spacing-inset-xs, 4px);user-select:none}.md-menu-item-group__items{display:flex;flex-direction:column}:host(:not(:last-child))::after{content:'';height:1px;background-color:var(--md-sys-color-outline-variant, #CAC4D0);margin:var(--md-sys-spacing-gap-xs, 4px) 0}:host([data-use-gap]:not(:last-child))::after{display:none}:host([data-variant="standard"][data-use-gap]){background-color:var(--md-sys-color-surface-container-low, #F7F2FA);--md-menu-group-shape:var(--md-menu-group-container-shape, 12px);border-radius:var(--md-menu-group-shape);padding:var(--md-sys-spacing-inset-xs, 4px);overflow:hidden}:host([data-variant="vibrant"][data-use-gap]){background-color:var(--md-sys-color-tertiary-container, #FFD8E4);--md-menu-group-shape:var(--md-menu-group-container-shape, 12px);border-radius:var(--md-menu-group-shape);padding:var(--md-sys-spacing-inset-xs, 4px);overflow:hidden}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}`;const i=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.label="";this.density=0}render(){return a(t,{key:"c2b4aa6dd57a904a490d51d6093fe8ed51749213",class:"md-menu-item-group",role:"group","aria-label":this.label||undefined},this.label&&a("span",{key:"78268edea8eb9925c8532022e0ed67dda5244205",class:"md-menu-item-group__label"},this.label),a("div",{key:"1a501e7ffda6e9ca6e462fa7b165bc84dc0c7cf1",class:"md-menu-item-group__items",role:"presentation"},a("slot",{key:"b219c7c41d3dd1cabed40159bf1fd341bb4cf19f"})))}static get style(){return d()}},[257,"md-menu-item-group",{label:[1],density:[514]}]);function r(){if(typeof customElements==="undefined"){return}const e=["md-menu-item-group"];e.forEach((e=>{switch(e){case"md-menu-item-group":if(!customElements.get(n(e))){customElements.define(n(e),i)}break}}))}r();const o=i;const m=r;export{o as MdMenuItemGroup,m as defineCustomElement};
+import{p as e,H as s,h as a,d as t,t as d}from"./p-BR6gfOQH.js";const n=()=>`:host{display:flex;flex-direction:column}.md-menu-item-group__label{font-family:var(--md-sys-typescale-label-medium-font-family, Roboto, sans-serif);font-size:var(--md-sys-typescale-label-medium-size, 12px);font-weight:var(--md-sys-typescale-label-medium-weight, 500);line-height:var(--md-sys-typescale-label-medium-line-height, 16px);color:var(--md-sys-color-on-surface-variant, #49454F);padding:var(--md-sys-spacing-inset-sm, 8px) var(--md-sys-spacing-inset-md, 12px) var(--md-sys-spacing-inset-xs, 4px);user-select:none}.md-menu-item-group__items{display:flex;flex-direction:column}:host(:not(:last-child))::after{content:'';height:1px;background-color:var(--md-sys-color-outline-variant, #CAC4D0);margin:var(--md-sys-spacing-gap-xs, 4px) 0}:host([data-use-gap]:not(:last-child))::after{display:none}:host([data-variant="standard"][data-use-gap]){background-color:var(--md-sys-color-surface-container-low, #F7F2FA);--md-menu-group-shape:var(--md-menu-group-container-shape, 12px);border-radius:var(--md-menu-group-shape);padding:var(--md-sys-spacing-inset-xs, 4px);overflow:hidden}:host([data-variant="vibrant"][data-use-gap]){background-color:var(--md-sys-color-tertiary-container, #FFD8E4);--md-menu-group-shape:var(--md-menu-group-container-shape, 12px);border-radius:var(--md-menu-group-shape);padding:var(--md-sys-spacing-inset-xs, 4px);overflow:hidden}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}`;const i=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.label="";this.density=0}render(){return a(t,{key:"c2b4aa6dd57a904a490d51d6093fe8ed51749213",class:"md-menu-item-group",role:"group","aria-label":this.label||undefined},this.label&&a("span",{key:"78268edea8eb9925c8532022e0ed67dda5244205",class:"md-menu-item-group__label"},this.label),a("div",{key:"1a501e7ffda6e9ca6e462fa7b165bc84dc0c7cf1",class:"md-menu-item-group__items",role:"presentation"},a("slot",{key:"b219c7c41d3dd1cabed40159bf1fd341bb4cf19f"})))}static get style(){return n()}},[257,"md-menu-item-group",{label:[1],density:[514]}]);function r(){if(typeof customElements==="undefined"){return}const e=["md-menu-item-group"];e.forEach((e=>{switch(e){case"md-menu-item-group":if(!customElements.get(d(e))){customElements.define(d(e),i)}break}}))}r();const o=i;const m=r;export{o as MdMenuItemGroup,m as defineCustomElement};
 //# sourceMappingURL=md-menu-item-group.js.map

package/dist/components/md-menu-item.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{M as o,d as s}from"./p-7fN_yCXW.js";const t=o;const p=s;export{t as MdMenuItem,p as defineCustomElement};
+import{M as o,d as s}from"./p-2HV152w7.js";const t=o;const p=s;export{t as MdMenuItem,p as defineCustomElement};
 //# sourceMappingURL=md-menu-item.js.map

package/dist/components/md-menu.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{M as o,d as s}from"./p-B0Opn6dK.js";const p=o;const t=s;export{p as MdMenu,t as defineCustomElement};
+import{M as o,d as s}from"./p-C77M30dm.js";const t=o;const m=s;export{t as MdMenu,m as defineCustomElement};
 //# sourceMappingURL=md-menu.js.map

package/dist/components/md-meter.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{p as e,H as t,h as s,d as r,t as a}from"./p-MWBNn6Lj.js";const i=()=>`:host{--_c-main:var(--md-sys-color-primary, #6750A4);--_c-container:var(--md-sys-color-secondary-container, #E8DEF8);--_indicator-color:var(--md-meter-indicator-color, var(--_c-main));--_track-color:var(--md-meter-track-color, var(--_c-container));--_track-shape:var(--md-meter-track-shape, var(--md-sys-shape-corner-full, 9999px));--_thickness:var(--md-meter-height, max(2px, calc(4px + var(--md-sys-density-scale, 0) * 0.5px)));--_size:var(--md-meter-size, max(24px, calc(48px + var(--md-sys-density-scale, 0) * 2px)));--_label-color:var(--md-meter-label-color, var(--md-sys-color-on-surface, #1C1B1F));--_value-color:var(--md-meter-value-color, var(--md-sys-color-on-surface-variant, #49454F));display:block;inline-size:100%;box-sizing:border-box}.md-meter__header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--md-sys-spacing-gap-sm, 8px);margin-block-end:max(2px, calc(4px + var(--md-sys-density-scale, 0) * 0.5px))}.md-meter__label{font-family:var(--md-sys-typescale-body-medium-font-family, Roboto, sans-serif);font-size:max(11px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-body-medium-font-weight, 400);line-height:max(14px, calc(20px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-body-medium-letter-spacing, 0.25px);color:var(--_label-color);min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.md-meter__value{font-family:var(--md-sys-typescale-label-medium-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-label-medium-font-weight, 500);line-height:max(12px, calc(16px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-label-medium-letter-spacing, 0.5px);color:var(--_value-color);flex:none;font-variant-numeric:tabular-nums}.md-meter__track{position:relative;block-size:var(--_thickness);border-radius:var(--_track-shape);background-color:var(--_track-color);overflow:hidden}.md-meter__indicator{position:absolute;inset-inline-start:0;inset-block:0;inline-size:var(--_fill-pct, 0%);background-color:var(--_indicator-color);border-radius:inherit;transition:inline-size var(--md-sys-motion-duration-medium2, 300ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host([variant='circular']){inline-size:max-content;display:inline-flex;flex-direction:column;align-items:center;gap:max(2px, calc(4px + var(--md-sys-density-scale, 0) * 0.5px))}.md-meter__circular{position:relative;inline-size:var(--_size);block-size:var(--_size);flex:none}.md-meter__ring{inline-size:100%;block-size:100%;display:block;}.md-meter__ring-track{stroke:var(--_track-color)}.md-meter__ring-indicator{stroke:var(--_indicator-color);transition:stroke-dashoffset var(--md-sys-motion-duration-medium2, 300ms)       var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),     opacity var(--md-sys-motion-duration-short4, 200ms) linear}.md-meter__center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--md-sys-typescale-label-medium-font-family, Roboto, sans-serif);font-size:calc(var(--_size) * 0.26);font-weight:var(--md-sys-typescale-label-medium-font-weight, 500);line-height:1;color:var(--_value-color);font-variant-numeric:tabular-nums;padding:calc(var(--_size) * 0.18);box-sizing:border-box;text-align:center}.md-meter__caption{font-family:var(--md-sys-typescale-body-medium-font-family, Roboto, sans-serif);font-size:max(11px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-body-medium-font-weight, 400);line-height:max(14px, calc(20px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-body-medium-letter-spacing, 0.25px);color:var(--_label-color);max-inline-size:calc(var(--_size) * 2);text-align:center}@media (prefers-reduced-motion: reduce){.md-meter__indicator,.md-meter__ring-indicator{transition:none}}@media (forced-colors: active){.md-meter__indicator{background-color:CanvasText}.md-meter__track{background-color:GrayText}.md-meter__ring-indicator{stroke:CanvasText}.md-meter__ring-track{stroke:GrayText}}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}`;const n=24;const c=240;const o=48;const l=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.value=0;this.min=0;this.max=100;this.label="";this.showLabel=false;this.showValue=false;this.valueText="";this.locale="";this.color="primary";this.variant="linear";this.size=48;this.thickness=4;this.density=0}get saneMin(){return Number.isFinite(this.min)?this.min:0}get saneMax(){const e=Number.isFinite(this.max)?this.max:100;return Math.max(e,this.saneMin)}get clampedValue(){const e=Number.isFinite(this.value)?this.value:this.saneMin;return Math.min(this.saneMax,Math.max(this.saneMin,e))}get percentage(){const e=this.saneMin;const t=this.saneMax;if(t===e)return 0;return(this.clampedValue-e)/(t-e)*100}get formattedValue(){if(this.valueText)return this.valueText;const e=this.clampedValue;try{if(this.formatOptions){return new Intl.NumberFormat(this.locale||undefined,this.formatOptions).format(e)}return new Intl.NumberFormat(this.locale||undefined,{style:"percent"}).format(this.percentage/100)}catch{return`${e}`}}get colorVars(){const e=this.color;if(!e||e==="primary"||!/^[a-z][a-z0-9-]*$/i.test(e))return undefined;return{"--_c-main":`var(--md-sys-color-${e}, var(--md-sys-color-primary))`,"--_c-container":`var(--md-sys-color-${e}-container, var(--md-sys-color-secondary-container))`}}get thicknessVar(){const e=Number(this.thickness);if(!Number.isFinite(e)||e===4)return undefined;return{"--_thickness":`var(--md-meter-height, max(2px, calc(${e}px + var(--md-sys-density-scale, 0) * 0.5px)))`}}get resolvedSize(){const e=Number.isFinite(this.size)&&this.size>0?this.size:o;return Math.min(c,Math.max(n,e))}get ringThickness(){const e=Number(this.thickness);return Number.isFinite(e)&&e>0?e:4}get ringRadius(){return Math.max(.5,(this.resolvedSize-this.ringThickness)/2)}get sizeVar(){if(this.variant!=="circular")return undefined;const e=this.resolvedSize;if(e===o)return undefined;return{"--_size":`var(--md-meter-size, max(24px, calc(${e}px + var(--md-sys-density-scale, 0) * 2px)))`}}get hostStyle(){const e={...this.colorVars??{},...this.thicknessVar??{},...this.sizeVar??{}};return Object.keys(e).length?e:undefined}renderCircular(e){const t=this.resolvedSize;const r=this.ringThickness;const a=this.ringRadius;const i=t/2;const n=this.percentage/100;return[s("div",{class:"md-meter__circular",part:"circular"},s("svg",{class:"md-meter__ring",viewBox:`0 0 ${t} ${t}`,"aria-hidden":"true"},s("circle",{class:"md-meter__ring-track",part:"track",cx:i,cy:i,r:a,"stroke-width":r,fill:"none"}),s("circle",{class:"md-meter__ring-indicator",part:"indicator",cx:i,cy:i,r:a,"stroke-width":r,fill:"none",pathLength:1,"stroke-dasharray":"1 1","stroke-dashoffset":1-n,"stroke-linecap":"round",transform:`rotate(-90 ${i} ${i})`,style:{opacity:n>0?"1":"0"}})),this.showValue&&s("span",{class:"md-meter__center",part:"value","aria-hidden":"true"},e)),this.showLabel&&s("span",{class:"md-meter__caption",part:"label","aria-hidden":"true"},this.label)]}render(){const e=this.variant==="circular";const t=!e&&(this.showLabel||this.showValue);const a=this.formattedValue;return s(r,{key:"cf2f9f9a168138daae1efb9617a3fc585f7f6b88",class:{"md-meter":true,"md-meter--with-header":t,"md-meter--circular":e},role:"meter","aria-label":this.label||undefined,"aria-valuemin":String(this.saneMin),"aria-valuemax":String(this.saneMax),"aria-valuenow":String(this.clampedValue),"aria-valuetext":a,style:this.hostStyle},e&&this.renderCircular(a),t&&s("div",{key:"bf4bcc8d85eb41f11d8ac478680c7f45d3215f06",class:"md-meter__header","aria-hidden":"true"},this.showLabel&&s("span",{key:"1f6ec758a643a124f71dd97025b9414269138d5f",class:"md-meter__label",part:"label"},this.label),this.showValue&&s("span",{key:"2d5c8ceb7f6aa401c28dbbcf7542c6d9cec3a1b3",class:"md-meter__value",part:"value"},a)),!e&&s("div",{key:"f1c02c7ad24a0b2c1095ec0a18bfb3c1f00245e8",class:"md-meter__track",part:"track","aria-hidden":"true"},s("div",{key:"5c66b17dbdd5fba9c78e52d533cf38817f7b4a31",class:"md-meter__indicator",part:"indicator",style:{"--_fill-pct":`${this.percentage}%`}})))}get el(){return this}static get style(){return i()}},[1,"md-meter",{value:[2],min:[2],max:[2],label:[1],showLabel:[4,"show-label"],showValue:[4,"show-value"],valueText:[1,"value-text"],locale:[1],formatOptions:[16],color:[513],variant:[513],size:[2],thickness:[2],density:[514]}]);function d(){if(typeof customElements==="undefined"){return}const e=["md-meter"];e.forEach((e=>{switch(e){case"md-meter":if(!customElements.get(a(e))){customElements.define(a(e),l)}break}}))}d();const m=l;const h=d;export{m as MdMeter,h as defineCustomElement};
+import{p as e,H as t,h as s,d as r,t as a}from"./p-BR6gfOQH.js";const i=()=>`:host{--_c-main:var(--md-sys-color-primary, #6750A4);--_c-container:var(--md-sys-color-secondary-container, #E8DEF8);--_indicator-color:var(--md-meter-indicator-color, var(--_c-main));--_track-color:var(--md-meter-track-color, var(--_c-container));--_track-shape:var(--md-meter-track-shape, var(--md-sys-shape-corner-full, 9999px));--_thickness:var(--md-meter-height, max(2px, calc(4px + var(--md-sys-density-scale, 0) * 0.5px)));--_size:var(--md-meter-size, max(24px, calc(48px + var(--md-sys-density-scale, 0) * 2px)));--_label-color:var(--md-meter-label-color, var(--md-sys-color-on-surface, #1C1B1F));--_value-color:var(--md-meter-value-color, var(--md-sys-color-on-surface-variant, #49454F));display:block;inline-size:100%;box-sizing:border-box}.md-meter__header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--md-sys-spacing-gap-sm, 8px);margin-block-end:max(2px, calc(4px + var(--md-sys-density-scale, 0) * 0.5px))}.md-meter__label{font-family:var(--md-sys-typescale-body-medium-font-family, Roboto, sans-serif);font-size:max(11px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-body-medium-font-weight, 400);line-height:max(14px, calc(20px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-body-medium-letter-spacing, 0.25px);color:var(--_label-color);min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.md-meter__value{font-family:var(--md-sys-typescale-label-medium-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-label-medium-font-weight, 500);line-height:max(12px, calc(16px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-label-medium-letter-spacing, 0.5px);color:var(--_value-color);flex:none;font-variant-numeric:tabular-nums}.md-meter__track{position:relative;block-size:var(--_thickness);border-radius:var(--_track-shape);background-color:var(--_track-color);overflow:hidden}.md-meter__indicator{position:absolute;inset-inline-start:0;inset-block:0;inline-size:var(--_fill-pct, 0%);background-color:var(--_indicator-color);border-radius:inherit;transition:inline-size var(--md-sys-motion-duration-medium2, 300ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host([variant='circular']){inline-size:max-content;display:inline-flex;flex-direction:column;align-items:center;gap:max(2px, calc(4px + var(--md-sys-density-scale, 0) * 0.5px))}.md-meter__circular{position:relative;inline-size:var(--_size);block-size:var(--_size);flex:none}.md-meter__ring{inline-size:100%;block-size:100%;display:block;}.md-meter__ring-track{stroke:var(--_track-color)}.md-meter__ring-indicator{stroke:var(--_indicator-color);transition:stroke-dashoffset var(--md-sys-motion-duration-medium2, 300ms)       var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),     opacity var(--md-sys-motion-duration-short4, 200ms) linear}.md-meter__center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--md-sys-typescale-label-medium-font-family, Roboto, sans-serif);font-size:calc(var(--_size) * 0.26);font-weight:var(--md-sys-typescale-label-medium-font-weight, 500);line-height:1;color:var(--_value-color);font-variant-numeric:tabular-nums;padding:calc(var(--_size) * 0.18);box-sizing:border-box;text-align:center}.md-meter__caption{font-family:var(--md-sys-typescale-body-medium-font-family, Roboto, sans-serif);font-size:max(11px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-body-medium-font-weight, 400);line-height:max(14px, calc(20px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-body-medium-letter-spacing, 0.25px);color:var(--_label-color);max-inline-size:calc(var(--_size) * 2);text-align:center}@media (prefers-reduced-motion: reduce){.md-meter__indicator,.md-meter__ring-indicator{transition:none}}@media (forced-colors: active){.md-meter__indicator{background-color:CanvasText}.md-meter__track{background-color:GrayText}.md-meter__ring-indicator{stroke:CanvasText}.md-meter__ring-track{stroke:GrayText}}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}`;const n=24;const c=240;const o=48;const l=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.value=0;this.min=0;this.max=100;this.label="";this.showLabel=false;this.showValue=false;this.valueText="";this.locale="";this.color="primary";this.variant="linear";this.size=48;this.thickness=4;this.density=0}get saneMin(){return Number.isFinite(this.min)?this.min:0}get saneMax(){const e=Number.isFinite(this.max)?this.max:100;return Math.max(e,this.saneMin)}get clampedValue(){const e=Number.isFinite(this.value)?this.value:this.saneMin;return Math.min(this.saneMax,Math.max(this.saneMin,e))}get percentage(){const e=this.saneMin;const t=this.saneMax;if(t===e)return 0;return(this.clampedValue-e)/(t-e)*100}get formattedValue(){if(this.valueText)return this.valueText;const e=this.clampedValue;try{if(this.formatOptions){return new Intl.NumberFormat(this.locale||undefined,this.formatOptions).format(e)}return new Intl.NumberFormat(this.locale||undefined,{style:"percent"}).format(this.percentage/100)}catch{return`${e}`}}get colorVars(){const e=this.color;if(!e||e==="primary"||!/^[a-z][a-z0-9-]*$/i.test(e))return undefined;return{"--_c-main":`var(--md-sys-color-${e}, var(--md-sys-color-primary))`,"--_c-container":`var(--md-sys-color-${e}-container, var(--md-sys-color-secondary-container))`}}get thicknessVar(){const e=Number(this.thickness);if(!Number.isFinite(e)||e===4)return undefined;return{"--_thickness":`var(--md-meter-height, max(2px, calc(${e}px + var(--md-sys-density-scale, 0) * 0.5px)))`}}get resolvedSize(){const e=Number.isFinite(this.size)&&this.size>0?this.size:o;return Math.min(c,Math.max(n,e))}get ringThickness(){const e=Number(this.thickness);return Number.isFinite(e)&&e>0?e:4}get ringRadius(){return Math.max(.5,(this.resolvedSize-this.ringThickness)/2)}get sizeVar(){if(this.variant!=="circular")return undefined;const e=this.resolvedSize;if(e===o)return undefined;return{"--_size":`var(--md-meter-size, max(24px, calc(${e}px + var(--md-sys-density-scale, 0) * 2px)))`}}get hostStyle(){const e={...this.colorVars??{},...this.thicknessVar??{},...this.sizeVar??{}};return Object.keys(e).length?e:undefined}renderCircular(e){const t=this.resolvedSize;const r=this.ringThickness;const a=this.ringRadius;const i=t/2;const n=this.percentage/100;return[s("div",{class:"md-meter__circular",part:"circular"},s("svg",{class:"md-meter__ring",viewBox:`0 0 ${t} ${t}`,"aria-hidden":"true"},s("circle",{class:"md-meter__ring-track",part:"track",cx:i,cy:i,r:a,"stroke-width":r,fill:"none"}),s("circle",{class:"md-meter__ring-indicator",part:"indicator",cx:i,cy:i,r:a,"stroke-width":r,fill:"none",pathLength:1,"stroke-dasharray":"1 1","stroke-dashoffset":1-n,"stroke-linecap":"round",transform:`rotate(-90 ${i} ${i})`,style:{opacity:n>0?"1":"0"}})),this.showValue&&s("span",{class:"md-meter__center",part:"value","aria-hidden":"true"},e)),this.showLabel&&s("span",{class:"md-meter__caption",part:"label","aria-hidden":"true"},this.label)]}render(){const e=this.variant==="circular";const t=!e&&(this.showLabel||this.showValue);const a=this.formattedValue;return s(r,{key:"cf2f9f9a168138daae1efb9617a3fc585f7f6b88",class:{"md-meter":true,"md-meter--with-header":t,"md-meter--circular":e},role:"meter","aria-label":this.label||undefined,"aria-valuemin":String(this.saneMin),"aria-valuemax":String(this.saneMax),"aria-valuenow":String(this.clampedValue),"aria-valuetext":a,style:this.hostStyle},e&&this.renderCircular(a),t&&s("div",{key:"bf4bcc8d85eb41f11d8ac478680c7f45d3215f06",class:"md-meter__header","aria-hidden":"true"},this.showLabel&&s("span",{key:"1f6ec758a643a124f71dd97025b9414269138d5f",class:"md-meter__label",part:"label"},this.label),this.showValue&&s("span",{key:"2d5c8ceb7f6aa401c28dbbcf7542c6d9cec3a1b3",class:"md-meter__value",part:"value"},a)),!e&&s("div",{key:"f1c02c7ad24a0b2c1095ec0a18bfb3c1f00245e8",class:"md-meter__track",part:"track","aria-hidden":"true"},s("div",{key:"5c66b17dbdd5fba9c78e52d533cf38817f7b4a31",class:"md-meter__indicator",part:"indicator",style:{"--_fill-pct":`${this.percentage}%`}})))}get el(){return this}static get style(){return i()}},[1,"md-meter",{value:[2],min:[2],max:[2],label:[1],showLabel:[4,"show-label"],showValue:[4,"show-value"],valueText:[1,"value-text"],locale:[1],formatOptions:[16],color:[513],variant:[513],size:[2],thickness:[2],density:[514]}]);function d(){if(typeof customElements==="undefined"){return}const e=["md-meter"];e.forEach((e=>{switch(e){case"md-meter":if(!customElements.get(a(e))){customElements.define(a(e),l)}break}}))}d();const m=l;const h=d;export{m as MdMeter,h as defineCustomElement};
 //# sourceMappingURL=md-meter.js.map