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

@awc-ui/core 1.0.0-beta.3 → 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 (498) hide show

package/dist/components-csr/md-bar-chart.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{p as t,H as e,c as i,h as a,d as s,t as o}from"./p-bSpXNc5J.js";import{d as n}from"./p-DfcpeJAu.js";import{d as r}from"./p-uZbtHo-A.js";import{B as h}from"./p-Bx6--dQF.js";import{d as l,a as c,b as d,p as m}from"./p-DvOKnoqK.js";import{n as p,b,a as u}from"./p-C_ogF68H.js";const y=()=>`:host{--_block-size:var(--md-bar-chart-block-size, auto);--_min-block-size:var(--md-bar-chart-min-block-size, max(120px, calc(160px + var(--md-sys-density-scale, 0) * 8px)));--_aspect-ratio:var(--md-bar-chart-aspect-ratio, 16 / 9);--_background:var(--md-bar-chart-background, var(--md-sys-color-surface-container-low, #F7F2FA));--_padding:var(--md-bar-chart-padding, max(8px, calc(16px + var(--md-sys-density-scale, 0) * 2px)));--_shape:var(--md-bar-chart-shape, max(8px, calc(16px + var(--md-sys-density-scale, 0) * 2px)));--_empty-color:var(--md-bar-chart-empty-color, var(--md-sys-color-on-surface-variant, #49454F));--_empty-background:var(--md-bar-chart-empty-background, var(--_background));--_empty-font:var(--md-bar-chart-empty-font, var(--md-sys-typescale-body-medium-font-family, Roboto, sans-serif));--_empty-font-size:var(--md-bar-chart-empty-font-size, var(--md-sys-typescale-body-medium-font-size, 14px));--_empty-icon-size:var(--md-bar-chart-empty-icon-size, 40px);--_zoom-size:var(--md-bar-chart-zoom-size, 28px);--_zoom-track-color:var(--md-bar-chart-zoom-track-color, var(--md-sys-color-surface-container-highest, #E6E0E9));--_zoom-window-color:var(--md-bar-chart-zoom-window-color, var(--md-sys-color-secondary-container, #E8DEF8));--_zoom-handle-color:var(--md-bar-chart-zoom-handle-color, var(--md-sys-color-primary, #6750A4));--_zoom-band-color:var(--md-bar-chart-zoom-band-color, color-mix(in srgb, var(--md-sys-color-primary, #6750A4) 16%, transparent));--_zoom-pan-inset:10px;display:block;position:relative;inline-size:100%;block-size:var(--_block-size);min-block-size:var(--_min-block-size);background:var(--_background);padding:var(--_padding);border-radius:var(--_shape);box-sizing:border-box;aspect-ratio:var(--_aspect-ratio)}.md-bar-chart__header,.md-bar-chart__footer{display:contents}.md-bar-chart__header>slot[name='header']::slotted(*),.md-bar-chart__footer>slot[name='footer']::slotted(*){display:block;margin-block:8px}.md-bar-chart__canvas{position:absolute;inset:var(--_padding);min-block-size:0;min-inline-size:0}:host(.md-bar-chart--zoom-slider) .md-bar-chart__canvas{bottom:calc(var(--_padding) + var(--_zoom-size))}:host(.md-bar-chart--zoom-drag) .md-bar-chart__canvas{cursor:ew-resize}.md-bar-chart__zoom{position:absolute;inset-inline:var(--_padding);bottom:var(--_padding);block-size:var(--_zoom-size);display:flex;align-items:center}.md-bar-chart__zoom-slider{--md-slider-active-color:var(--_zoom-window-color);--md-slider-inactive-color:var(--_zoom-track-color);--md-slider-thumb-color:var(--_zoom-handle-color);--md-slider-thumb-height:var(--_zoom-size);--md-slider-track-height:12px}.md-bar-chart__zoom-pan{position:absolute;inset-block:0;z-index:1;cursor:grab;touch-action:none}.md-bar-chart__zoom-pan:active{cursor:grabbing}.md-bar-chart__zoom-band{position:absolute;background:var(--_zoom-band-color);border-inline:1px solid var(--_zoom-handle-color);pointer-events:none}.md-bar-chart__empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;box-sizing:border-box;padding:24px;background:var(--_empty-background);border-radius:var(--_shape);color:var(--_empty-color);font-family:var(--_empty-font);font-size:var(--_empty-font-size);line-height:var(--md-sys-typescale-body-medium-line-height, 20px);pointer-events:none;text-align:center}.md-bar-chart__loading{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;box-sizing:border-box;padding:24px;background:var(--_empty-background);border-radius:var(--_shape);color:var(--_empty-color);font-family:var(--_empty-font);font-size:var(--_empty-font-size);text-align:center}.md-bar-chart__spinner{inline-size:var(--_empty-icon-size);block-size:var(--_empty-icon-size)}.md-bar-chart__empty ::slotted(.material-symbols-outlined),.md-bar-chart__empty ::slotted(.material-symbols-rounded),.md-bar-chart__empty ::slotted(.material-symbols-sharp),.md-bar-chart__empty ::slotted(.material-icons){font-size:var(--_empty-icon-size) !important;line-height:1;opacity:0.55}.md-bar-chart__a11y-table{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media (forced-colors: active){:host{forced-color-adjust:auto}}.md-bar-chart__live{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}[part='legend'] button:focus-visible{outline:3px solid var(--md-sys-color-secondary, #625B71);outline-offset:2px;border-radius:6px}.md-bar-chart__canvas:focus-visible{outline:3px solid var(--md-sys-color-secondary, #625B71);outline-offset:-3px;border-radius:4px}: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 f=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.mdBarClick=i(this,"mdBarClick",7);this.mdLegendClick=i(this,"mdLegendClick",7);this.mdHover=i(this,"mdHover",7);this.mdReady=i(this,"mdReady",7);this.mdZoom=i(this,"mdZoom",7);this.label="";this.titleAlign="start";this.series=[];this.layout="vertical";this.stack="none";this.categoryGap="30%";this.barGap="20%";this.cornerRadius=6;this.legend="top-end";this.tooltip="axis";this.zoom="none";this.locale="";this.noAnimation=false;this.animation="expressive";this.showLabels=false;this.showTotals=false;this.chevron=false;this.polar=false;this.axisTicks=false;this.clickable=false;this.labelZoomStart="Zoom range start";this.labelZoomEnd="Zoom range end";this.labelPlot="Chart data. Use the arrow keys to move between points, Home and End for the first and last, Escape to leave.";this.labelPoint="%x%: %values%";this.loading=false;this.loadingLabel="Loading chart…";this.density=0;this.mounted=false;this.kbIndex=-1;this.announcement="";this.zoomWin=null;this.dragBand=null;this.grab=null;this.engine=null;this.applyQueued=false;this.ro=null;this.legendHidden=new Map;this.bindChartHost=t=>{this.chartHost=t};this.bindA11yTableHost=t=>{this.a11yTableHost=t};this.onPlotPointerDown=t=>{if(!this.zoomInside||t.button!==0||this.grab)return;if(!this.insidePlot(t))return;const e=this.hostX(t);this.grab={id:t.pointerId,kind:"band",x:e,win:this.win()};this.dragBand={x1:e,x2:e};const i=t.composedPath?.()[0]??t.target;i.setPointerCapture?.(t.pointerId)};this.onPointerMove=t=>{const e=this.grab;if(!e||e.id!==t.pointerId)return;if(e.kind==="band"){const i=this.plotRect();if(!i)return;this.dragBand={x1:e.x,x2:Math.min(Math.max(this.hostX(t),i.x),i.x+i.width)};return}const i=this.trackFrac(t.clientX);const a=this.trackFrac(e.x);if(i==null||a==null)return;const s=Math.max(1,this.dataLength()-1);const o=e.win.end-e.win.start;const n=Math.round((i-a)*s);const r=Math.min(Math.max(0,e.win.start+n),s-o);this.applyZoom(r,r+o)};this.onPointerUp=t=>{const e=this.grab;if(!e||e.id!==t.pointerId)return;this.grab=null;const i=this.dragBand;this.dragBand=null;if(e.kind!=="band"||!i)return;if(Math.abs(i.x2-i.x1)<8)return;const[a,s]=[this.indexAtX(i.x1),this.indexAtX(i.x2)].sort(((t,e)=>t-e));if(s-a>=1)this.applyZoom(a,s)};this.onPlotDblClick=t=>{if(this.zoomInside&&this.zoomWin&&this.insidePlot(t))this.resetZoom()};this.onZoomPanDown=t=>{if(t.button!==0)return;t.stopPropagation();t.preventDefault();this.grab={id:t.pointerId,kind:"pan",x:t.clientX,win:this.win()};t.target.setPointerCapture?.(t.pointerId)};this.onZoomSliderInput=t=>{t.stopPropagation();const{valueStart:e,valueEnd:i}=t.detail??{};if(e==null||i==null)return;this.applyZoom(e,i)};this.onZoomSliderEvent=t=>t.stopPropagation();this.onPlotKeyDown=t=>{const e=this.engine?.getScene();const i=Math.max(0,(e?.xPositions.length??0)-1);if(!e||i<0)return;const a=typeof getComputedStyle==="function"&&getComputedStyle(this.el).direction==="rtl";const s=a?"ArrowLeft":"ArrowRight";const o=a?"ArrowRight":"ArrowLeft";let n=this.kbIndex;switch(t.key){case s:n=this.kbIndex<0?0:Math.min(i,this.kbIndex+1);break;case o:n=this.kbIndex<0?i:Math.max(0,this.kbIndex-1);break;case"Home":n=0;break;case"End":n=i;break;case"Escape":if(this.kbIndex<0)return;n=-1;break;case"Enter":case" ":case"Spacebar":if(this.kbIndex<0)return;t.preventDefault();this.emitBarClickForCategory(this.kbIndex,t);return;default:return}t.preventDefault();this.moveKeyboardCursor(n)};this.onPlotBlur=()=>{if(this.kbIndex>=0)this.moveKeyboardCursor(-1)}}seriesKeys(){const t=new Map;return this.series.map(((e,i)=>{const a=e.id!=null?`id:${e.id}`:e.label!=null?`label:${e.label}`:`pos:${i}`;const s=t.get(a)??0;t.set(a,s+1);return s===0?a:`${a}#${s}`}))}rememberLegendToggle(t,e){const i=this.seriesKeys()[t];if(i==null)return;this.legendHidden.set(i,e);if(this.legendHidden.size>256){const t=this.legendHidden.keys().next().value;this.legendHidden.delete(t)}}componentDidLoad(){this.initChart();if(typeof window!=="undefined"&&window.matchMedia){this.themeMql=window.matchMedia("(prefers-color-scheme: dark)");this.themeListener=()=>this.applyEngine();this.themeMql.addEventListener?.("change",this.themeListener)}}disconnectedCallback(){this.ro?.disconnect();this.ro=null;this.engine?.dispose();this.engine=null;if(this.themeMql&&this.themeListener){this.themeMql.removeEventListener?.("change",this.themeListener);this.themeListener=undefined;this.themeMql=undefined}}onAnyPropChange(){if(this.applyQueued)return;this.applyQueued=true;queueMicrotask((()=>{this.applyQueued=false;this.applyEngine();this.rebuildA11yTable()}))}async resize(){this.engine?.resize()}onLoadingChange(t,e){if(e&&!t)this.engine?.replay()}async replay(){this.engine?.replay()}async drill(t,e="down"){this.engine?.drill(t,e)}async toDataURL(){return this.engine?.toDataURL("image/png")??""}async getInstance(){return this.engine}initChart(){this.makeEngine();this.applyEngine();this.rebuildA11yTable();this.mounted=true;this.mdReady.emit()}makeEngine(){if(!this.chartHost)return;this.ro?.disconnect();this.ro=null;this.engine?.dispose();try{this.engine=new h(this.chartHost)}catch{this.engine=null}if(this.engine&&typeof ResizeObserver!=="undefined"){this.ro=new ResizeObserver((()=>this.engine?.resize()));this.ro.observe(this.chartHost)}}parseRatio(t,e){if(typeof t==="number")return Number.isFinite(t)?t>1?t/100:t:e;const i=parseFloat(t);if(!Number.isFinite(i))return e;return t.trim().endsWith("%")||i>1?i/100:i}buildEngineTheme(t){return{background:t.background,textColor:t.textColor,textColorMuted:t.textColorMuted,axisLineColor:t.axisLineColor,gridLineColor:t.gridColor,surface:t.surface,fontFamily:t.fontFamily,labelSize:t.labelSize,titleSize:t.titleSize}}get zoomInside(){return!this.polar&&(this.zoom==="inside"||this.zoom==="both")}get zoomSliderOn(){return!this.polar&&(this.zoom==="slider"||this.zoom==="both")}dataLength(){const t=(this.series??[]).reduce(((t,e)=>Math.max(t,e?.data?.length??0)),0);return Math.max(t,this.xAxis?.data?.length??0)}winStart(){return this.zoomWin&&!this.polar?this.win().start:0}win(){const t=Math.max(0,this.dataLength()-1);const e=this.zoomWin;if(!e)return{start:0,end:t};const i=Math.min(Math.max(0,e.start),Math.max(0,t-1));return{start:i,end:Math.min(Math.max(i+1,e.end),t)}}applyZoom(t,e,i=false){const a=Math.max(0,this.dataLength()-1);const s=Math.min(Math.max(0,Math.round(t)),Math.max(0,a-1));const o=Math.min(Math.max(s+1,Math.round(e)),a);this.zoomWin=i?null:{start:s,end:o};this.applyEngine(true);this.rebuildA11yTable();this.mdZoom.emit({startIndex:i?0:s,endIndex:i?a:o,reset:i})}async setZoom(t,e){this.applyZoom(t,e)}async resetZoom(){this.applyZoom(0,0,true)}plotRect(){const t=this.engine?.getScene()?.plot;return t?{x:t.x,y:t.y,width:t.width,height:t.height}:null}canvasOffset(){const t=this.chartHost;if(!t)return{x:0,y:0};const e=this.el.getBoundingClientRect();const i=t.getBoundingClientRect();return{x:i.left-e.left,y:i.top-e.top}}zoomBandStyle(){const t=this.plotRect();if(!this.dragBand||!t)return undefined;const e=this.canvasOffset();const{x1:i,x2:a}=this.dragBand;return{left:`${e.x+Math.min(i,a)}px`,width:`${Math.abs(a-i)}px`,top:`${e.y+t.y}px`,height:`${t.height}px`}}hostX(t){return t.clientX-(this.chartHost??this.el).getBoundingClientRect().left}indexAtX(t){const e=this.engine?.getScene();const i=this.win();const a=e?.xPositions;if(!a?.length)return i.start;let s=0;let o=Infinity;a.forEach(((e,i)=>{const a=Math.abs(e-t);if(a<o){o=a;s=i}}));return i.start+s}insidePlot(t){const e=this.plotRect();if(!e)return false;const i=(this.chartHost??this.el).getBoundingClientRect();const a=t.clientX-i.left;const s=t.clientY-i.top;return a>=e.x&&a<=e.x+e.width&&s>=e.y&&s<=e.y+e.height}sliderTrackRect(){const t=this.el.shadowRoot?.querySelector(".md-bar-chart__zoom-slider");if(!t)return null;const e=t.getBoundingClientRect();if(!e.width)return null;return{left:e.left,width:e.width,rtl:getComputedStyle(this.el).direction==="rtl"}}trackFrac(t){const e=this.sliderTrackRect();if(!e)return null;const i=(t-e.left)/e.width;return Math.min(Math.max(e.rtl?1-i:i,0),1)}renderZoomSlider(){const t=Math.max(1,this.dataLength()-1);const e=this.win();const i=e=>e/t*100;const s=t=>String(this.xAxis?.data?.[t]??t);return a("div",{class:"md-bar-chart__zoom",part:"zoom"},a("md-slider",{class:"md-bar-chart__zoom-slider",part:"zoom-slider",exportparts:"track: zoom-track, track-active: zoom-window, thumb-knob: zoom-handle",range:true,controlled:true,min:0,max:t,step:1,valueStart:e.start,valueEnd:e.end,ariaLabelStart:this.labelZoomStart,ariaLabelEnd:this.labelZoomEnd,valueStartText:s(e.start),valueEndText:s(e.end),onMdInput:this.onZoomSliderInput,onMdChange:this.onZoomSliderEvent,onMdDragStart:this.onZoomSliderEvent,onMdDragEnd:this.onZoomSliderEvent,onMdFocus:this.onZoomSliderEvent,onMdBlur:this.onZoomSliderEvent}),a("div",{class:"md-bar-chart__zoom-pan",part:"zoom-pan",style:{insetInlineStart:`calc(${i(e.start)}% + var(--_zoom-pan-inset))`,inlineSize:`max(0px, calc(${i(e.end)-i(e.start)}% - 2 * var(--_zoom-pan-inset)))`},onPointerDown:this.onZoomPanDown}))}buildSpec(t){const e=this.stack==="percentage";const i=t=>this.valueFormatter?this.valueFormatter(t):t.toLocaleString(this.locale||undefined);const a=this.seriesKeys();const s=this.zoomWin&&!this.polar?this.win():null;const o=t=>t?s?t.slice(s.start,s.end+1):t.slice():undefined;const n=t=>{if(!t||!s)return t;const e={};for(const[i,a]of Object.entries(t)){const t=Number(i)-s.start;if(t>=0&&t<=s.end-s.start)e[t]=a}return e};return{series:this.series.map(((e,i)=>{let s;if(e.pointColors){const a={};for(const[s,o]of Object.entries(e.pointColors))a[Number(s)]=c(this.el,o,m(t.palette,i));s=n(a)}return{label:e.label??`Series ${i+1}`,color:c(this.el,e.color,m(t.palette,i)),data:o(e.data)??[],hidden:e.hidden??this.legendHidden.get(a[i])??false,stack:e.stack,axisIndex:e.yAxisIndex,overlay:e.overlay,widthRatio:e.widthRatio,pointWidths:n(e.pointWidths),range:o(e.range)?.map(p),pointColors:s}})),title:this.label||undefined,subtitle:this.subtitle||undefined,titleAlign:this.titleAlign,categories:o(this.xAxis?.data)??[],categoryFormatter:this.xAxis?.valueFormatter??l,categoryLabelRotation:this.xAxis?.labelRotation,categoryLabelsMirrored:this.xAxis?.mirrorLabels,valueAxis2:this.yAxis2?{min:this.yAxis2.min,max:this.yAxis2.max,label:this.yAxis2.label,formatter:this.yAxis2.valueFormatter?t=>String(this.yAxis2.valueFormatter(t)):undefined,hidden:this.yAxis2.hidden}:undefined,valueTickFormatter:this.yAxis?.valueFormatter?t=>String(this.yAxis.valueFormatter(t)):undefined,categoryLabel:this.xAxis?.label,categoryHidden:this.xAxis?.hidden,categoryHideTicks:this.xAxis?.hideTicks,categoryAxisLine:this.xAxis?.axisLine,categoryDash:this.xAxis?.dash,valueScale:this.yAxis?.scale??"value",valueBreaks:(this.layout==="horizontal"?this.xAxis:this.yAxis)?.breaks,valueMin:e?0:this.yAxis?.min,valueMax:e?100:this.yAxis?.max,valueFormatter:e?t=>`${Math.round(t)}%`:i,valueLabel:this.yAxis?.label,valueHidden:this.yAxis?.hidden,valueHideTicks:this.yAxis?.hideTicks,valueAxisLine:this.yAxis?.axisLine,valueDash:this.yAxis?.dash,valueGridDash:this.yAxis?.gridDash,stack:this.stack,horizontal:this.layout==="horizontal",categoryGapRatio:this.parseRatio(this.categoryGap,.3),barGapRatio:this.parseRatio(this.barGap,.2),barWidth:this.barWidth,cornerRadius:this.cornerRadius,showLabels:this.showLabels,showTotals:this.showTotals,chevron:this.chevron,polar:this.polar,polarHole:this.polarHole,polarSweep:this.polarSweep,legend:this.legend,axisTicks:this.axisTicks,animation:this.noAnimation?"none":this.animation,animationDuration:this.animationDuration}}applyEngine(t=false){if(!this.engine)return;const e=d(this.el);this.engine.setSpec(this.buildSpec(e),this.buildEngineTheme(e),{onHover:t=>{if(t<0)return;const e=t+this.winStart();this.mdHover.emit({dataIndex:e,axisValue:this.xAxis?.data?.[e],seriesIndices:this.visibleSeriesIndices()})},onLegendClick:t=>{this.rememberLegendToggle(t.seriesIndex,!!t.hidden);this.mdLegendClick.emit({seriesIndex:t.seriesIndex,seriesId:this.series[t.seriesIndex]?.id,selected:!t.hidden})},onPointClick:(t,e,i)=>{const a=this.series[t];if(!a)return;const s=e+this.winStart();this.mdBarClick.emit({seriesIndex:t,seriesId:a.id,dataIndex:s,value:a.data?.[s]??null,axisValue:this.xAxis?.data?.[s],nativeEvent:i,series:a})}},{animate:!t});this.engine.setHoverEnabled(this.tooltip!=="none");this.engine.setClickable(this.clickable);this.engine.setTooltip({render:this.tooltipRenderer,missingFormatter:this.valueFormatter})}visibleSeriesIndices(){const t=this.engine?.getScene()?.hoverPoints;if(t)return t.map((t=>t.seriesIndex));return this.series.map(((t,e)=>e)).filter((t=>!this.series[t].hidden))}rebuildA11yTable(){if(!this.a11yTableHost)return;this.a11yTableHost.innerHTML=b({title:this.label,xAxisLabel:this.xAxis?.label,xAxisData:this.xAxis?.data,xValueFormatter:this.xAxis?.valueFormatter??(t=>l(t,this.locale)),locale:this.locale,series:this.series,valueFormatter:this.valueFormatter})}emitBarClickForCategory(t,e){const i=this.visibleSeriesIndices()[0]??0;const a=this.series[i];if(!a)return;const s=t+this.winStart();this.mdBarClick.emit({seriesIndex:i,seriesId:a.id,dataIndex:s,value:a.data?.[s]??null,axisValue:this.xAxis?.data?.[s],nativeEvent:e,series:a})}moveKeyboardCursor(t){this.kbIndex=t;this.engine?.focusIndex(t);if(t<0){this.announcement="";return}const e=this.engine?.getScene();const i=e?.xLabels?.[t]??String(t+1);const a=t=>this.valueFormatter?this.valueFormatter(t):t.toLocaleString(this.locale||undefined);const s=(e?.hoverPoints??[]).map((e=>{const i=e.byIndex[t];return i?`${e.label} ${a(i.value)}`:null})).filter(Boolean).join(", ");this.announcement=this.labelPoint.replace("%x%",i).replace("%values%",s)}render(){const t=this.xAxis?.data??[];const e=u({title:this.label,chartType:"bar",seriesCount:this.series.length,xMin:t[0],xMax:t[t.length-1]});const i=this.series.length===0&&!this.loading;return a(s,{key:"e155582d9ff9e0d8cf87e7b05e8632a27b8a73c3",class:{"md-bar-chart":true,"md-bar-chart--empty":i,"md-bar-chart--loading":this.loading,"md-bar-chart--mounted":this.mounted,"md-bar-chart--zoom-slider":this.zoomSliderOn,"md-bar-chart--zoom-drag":this.zoomInside,[`md-bar-chart--${this.layout}`]:true},role:"figure","aria-label":e,"aria-busy":this.loading?"true":null,style:this.heightProp?{blockSize:this.heightProp}:undefined,onPointerDown:this.onPlotPointerDown,onPointerMove:this.onPointerMove,onPointerUp:this.onPointerUp,onPointerCancel:this.onPointerUp,onDblClick:this.onPlotDblClick},a("header",{key:"c3d8bb7c3ec9f82fa757d95a77f8ca7bf02f1bf9",class:"md-bar-chart__header",part:"header"},a("slot",{key:"c48b20369d3aceb5f5b3cfebeaec42bf745e5b36",name:"header"})),a("div",{key:"68a52073ff664265f87f427110dd4bb091ab274b",class:"md-bar-chart__canvas",part:"canvas",ref:t=>this.bindChartHost(t),tabindex:i?undefined:"0",role:i?undefined:"application","aria-label":i?undefined:this.labelPlot,onKeyDown:this.onPlotKeyDown,onBlur:this.onPlotBlur}),i&&a("div",{key:"2477f2824bba08ff626f5523b6d34c986dd86f56",class:"md-bar-chart__empty",part:"empty"},a("slot",{key:"11862b82c1baf5309abfa9ce67fa586df130c4a1",name:"empty"},"No data to display")),this.loading&&a("div",{key:"c9486cc7ceb63e39e86f8d041d35e2b8bb6b5876",class:"md-bar-chart__loading",part:"loading",role:"status"},a("slot",{key:"6984426167cc5e5393d8ca01754cd53c7ac170fb",name:"loader"},a("slot",{key:"71ee31df2d4a0359c130fe8f7a6c5a4656055290",name:"loading"},a("md-progress-indicator",{key:"1ee2036ed0dbc533b0bebd0f0d71c0c544d135cf",class:"md-bar-chart__spinner",variant:"circular",indeterminate:true,label:this.loadingLabel}),a("span",{key:"302bf82125dafd91375155a50fe082dd44d800a2",class:"md-bar-chart__loading-text"},this.loadingLabel)))),this.dragBand&&Math.abs(this.dragBand.x2-this.dragBand.x1)>1&&a("div",{key:"6893ef9fcd3e7e2d54d95f9850497de9c6188ffe",class:"md-bar-chart__zoom-band",part:"zoom-band",style:this.zoomBandStyle()}),this.zoomSliderOn&&this.renderZoomSlider(),a("footer",{key:"885e368d60144c82afdc6e2f1ed0066f3915e7c8",class:"md-bar-chart__footer",part:"footer"},a("slot",{key:"21e5f868257837f6371a55f2d56fbc76867af2da",name:"footer"})),a("div",{key:"dbc0fc3578b302a5fd1dbe08966c4000636099e6",class:"md-bar-chart__a11y-table",ref:t=>this.bindA11yTableHost(t)}),a("div",{key:"bfab9fd9c80b333b3770ceaa0fc7b4f6c1dccf93",class:"md-bar-chart__live",role:"status","aria-live":"polite","aria-atomic":"true"},this.announcement))}get el(){return this}static get watchers(){return{series:[{onAnyPropChange:0}],xAxis:[{onAnyPropChange:0}],yAxis:[{onAnyPropChange:0}],yAxis2:[{onAnyPropChange:0}],layout:[{onAnyPropChange:0}],stack:[{onAnyPropChange:0}],categoryGap:[{onAnyPropChange:0}],barGap:[{onAnyPropChange:0}],barWidth:[{onAnyPropChange:0}],cornerRadius:[{onAnyPropChange:0}],legend:[{onAnyPropChange:0}],tooltip:[{onAnyPropChange:0}],zoom:[{onAnyPropChange:0}],label:[{onAnyPropChange:0}],subtitle:[{onAnyPropChange:0}],titleAlign:[{onAnyPropChange:0}],showLabels:[{onAnyPropChange:0}],showTotals:[{onAnyPropChange:0}],chevron:[{onAnyPropChange:0}],polar:[{onAnyPropChange:0}],polarHole:[{onAnyPropChange:0}],polarSweep:[{onAnyPropChange:0}],axisTicks:[{onAnyPropChange:0}],animation:[{onAnyPropChange:0}],animationDuration:[{onAnyPropChange:0}],tooltipRenderer:[{onAnyPropChange:0}],valueFormatter:[{onAnyPropChange:0}],locale:[{onAnyPropChange:0}],noAnimation:[{onAnyPropChange:0}],clickable:[{onAnyPropChange:0}],loading:[{onLoadingChange:0}]}}static get style(){return y()}},[257,"md-bar-chart",{label:[1],subtitle:[1],titleAlign:[1,"title-align"],series:[16],xAxis:[16],yAxis:[16],yAxis2:[16],layout:[513],stack:[1],categoryGap:[8,"category-gap"],barGap:[8,"bar-gap"],barWidth:[2,"bar-width"],cornerRadius:[2,"corner-radius"],legend:[513],tooltip:[1],zoom:[1],locale:[1],valueFormatter:[16],tooltipRenderer:[16],heightProp:[1,"height"],noAnimation:[4,"no-animation"],animation:[1],animationDuration:[2,"animation-duration"],showLabels:[4,"show-labels"],showTotals:[4,"show-totals"],chevron:[4],polar:[516],polarHole:[2,"polar-hole"],polarSweep:[2,"polar-sweep"],axisTicks:[4,"axis-ticks"],clickable:[4],labelZoomStart:[1,"label-zoom-start"],labelZoomEnd:[1,"label-zoom-end"],labelPlot:[1,"label-plot"],labelPoint:[1,"label-point"],loading:[516],loadingLabel:[1,"loading-label"],density:[514],mounted:[32],kbIndex:[32],announcement:[32],zoomWin:[32],dragBand:[32],resize:[64],replay:[64],drill:[64],toDataURL:[64],getInstance:[64],setZoom:[64],resetZoom:[64]},undefined,{series:[{onAnyPropChange:0}],xAxis:[{onAnyPropChange:0}],yAxis:[{onAnyPropChange:0}],yAxis2:[{onAnyPropChange:0}],layout:[{onAnyPropChange:0}],stack:[{onAnyPropChange:0}],categoryGap:[{onAnyPropChange:0}],barGap:[{onAnyPropChange:0}],barWidth:[{onAnyPropChange:0}],cornerRadius:[{onAnyPropChange:0}],legend:[{onAnyPropChange:0}],tooltip:[{onAnyPropChange:0}],zoom:[{onAnyPropChange:0}],label:[{onAnyPropChange:0}],subtitle:[{onAnyPropChange:0}],titleAlign:[{onAnyPropChange:0}],showLabels:[{onAnyPropChange:0}],showTotals:[{onAnyPropChange:0}],chevron:[{onAnyPropChange:0}],polar:[{onAnyPropChange:0}],polarHole:[{onAnyPropChange:0}],polarSweep:[{onAnyPropChange:0}],axisTicks:[{onAnyPropChange:0}],animation:[{onAnyPropChange:0}],animationDuration:[{onAnyPropChange:0}],tooltipRenderer:[{onAnyPropChange:0}],valueFormatter:[{onAnyPropChange:0}],locale:[{onAnyPropChange:0}],noAnimation:[{onAnyPropChange:0}],clickable:[{onAnyPropChange:0}],loading:[{onLoadingChange:0}]}]);function g(){if(typeof customElements==="undefined"){return}const t=["md-bar-chart","md-progress-indicator","md-slider"];t.forEach((t=>{switch(t){case"md-bar-chart":if(!customElements.get(o(t))){customElements.define(o(t),f)}break;case"md-progress-indicator":if(!customElements.get(o(t))){n()}break;case"md-slider":if(!customElements.get(o(t))){r()}break}}))}g();const v=f;const x=g;export{v as MdBarChart,x as defineCustomElement};
+import{p as t,H as e,c as i,h as s,d as a,t as o}from"./p-bSpXNc5J.js";import{d as n}from"./p-DfcpeJAu.js";import{d as r}from"./p-uSMrgqAy.js";import{B as h}from"./p-Bx6--dQF.js";import{d as l,a as c,b as d,p as m}from"./p-DvOKnoqK.js";import{n as p,b,a as u}from"./p-C_ogF68H.js";const y=()=>`:host{--_block-size:var(--md-bar-chart-block-size, auto);--_min-block-size:var(--md-bar-chart-min-block-size, max(120px, calc(160px + var(--md-sys-density-scale, 0) * 8px)));--_aspect-ratio:var(--md-bar-chart-aspect-ratio, 16 / 9);--_background:var(--md-bar-chart-background, var(--md-sys-color-surface-container-low, #F7F2FA));--_padding:var(--md-bar-chart-padding, max(8px, calc(16px + var(--md-sys-density-scale, 0) * 2px)));--_shape:var(--md-bar-chart-shape, max(8px, calc(16px + var(--md-sys-density-scale, 0) * 2px)));--_empty-color:var(--md-bar-chart-empty-color, var(--md-sys-color-on-surface-variant, #49454F));--_empty-background:var(--md-bar-chart-empty-background, var(--_background));--_empty-font:var(--md-bar-chart-empty-font, var(--md-sys-typescale-body-medium-font-family, Roboto, sans-serif));--_empty-font-size:var(--md-bar-chart-empty-font-size, var(--md-sys-typescale-body-medium-font-size, 14px));--_empty-icon-size:var(--md-bar-chart-empty-icon-size, 40px);--_zoom-size:var(--md-bar-chart-zoom-size, 28px);--_zoom-track-color:var(--md-bar-chart-zoom-track-color, var(--md-sys-color-surface-container-highest, #E6E0E9));--_zoom-window-color:var(--md-bar-chart-zoom-window-color, var(--md-sys-color-secondary-container, #E8DEF8));--_zoom-handle-color:var(--md-bar-chart-zoom-handle-color, var(--md-sys-color-primary, #6750A4));--_zoom-band-color:var(--md-bar-chart-zoom-band-color, color-mix(in srgb, var(--md-sys-color-primary, #6750A4) 16%, transparent));--_zoom-pan-inset:10px;display:block;position:relative;inline-size:100%;block-size:var(--_block-size);min-block-size:var(--_min-block-size);background:var(--_background);padding:var(--_padding);border-radius:var(--_shape);box-sizing:border-box;aspect-ratio:var(--_aspect-ratio)}.md-bar-chart__header,.md-bar-chart__footer{display:contents}.md-bar-chart__header>slot[name='header']::slotted(*),.md-bar-chart__footer>slot[name='footer']::slotted(*){display:block;margin-block:8px}.md-bar-chart__canvas{position:absolute;inset:var(--_padding);min-block-size:0;min-inline-size:0}:host(.md-bar-chart--zoom-slider) .md-bar-chart__canvas{bottom:calc(var(--_padding) + var(--_zoom-size))}:host(.md-bar-chart--zoom-drag) .md-bar-chart__canvas{cursor:ew-resize}.md-bar-chart__zoom{position:absolute;inset-inline:var(--_padding);bottom:var(--_padding);block-size:var(--_zoom-size);display:flex;align-items:center}.md-bar-chart__zoom-slider{--md-slider-active-color:var(--_zoom-window-color);--md-slider-inactive-color:var(--_zoom-track-color);--md-slider-thumb-color:var(--_zoom-handle-color);--md-slider-thumb-height:var(--_zoom-size);--md-slider-track-height:12px}.md-bar-chart__zoom-pan{position:absolute;inset-block:0;z-index:1;cursor:grab;touch-action:none}.md-bar-chart__zoom-pan:active{cursor:grabbing}.md-bar-chart__zoom-band{position:absolute;background:var(--_zoom-band-color);border-inline:1px solid var(--_zoom-handle-color);pointer-events:none}.md-bar-chart__empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;box-sizing:border-box;padding:24px;background:var(--_empty-background);border-radius:var(--_shape);color:var(--_empty-color);font-family:var(--_empty-font);font-size:var(--_empty-font-size);line-height:var(--md-sys-typescale-body-medium-line-height, 20px);pointer-events:none;text-align:center}.md-bar-chart__loading{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;box-sizing:border-box;padding:24px;background:var(--_empty-background);border-radius:var(--_shape);color:var(--_empty-color);font-family:var(--_empty-font);font-size:var(--_empty-font-size);text-align:center}.md-bar-chart__spinner{inline-size:var(--_empty-icon-size);block-size:var(--_empty-icon-size)}.md-bar-chart__empty ::slotted(.material-symbols-outlined),.md-bar-chart__empty ::slotted(.material-symbols-rounded),.md-bar-chart__empty ::slotted(.material-symbols-sharp),.md-bar-chart__empty ::slotted(.material-icons){font-size:var(--_empty-icon-size) !important;line-height:1;opacity:0.55}.md-bar-chart__a11y-table{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media (forced-colors: active){:host{forced-color-adjust:auto}}.md-bar-chart__live{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}[part='legend'] button:focus-visible{outline:3px solid var(--md-sys-color-secondary, #625B71);outline-offset:2px;border-radius:6px}.md-bar-chart__canvas:focus-visible{outline:3px solid var(--md-sys-color-secondary, #625B71);outline-offset:-3px;border-radius:4px}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}`;const g=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.mdBarClick=i(this,"mdBarClick",7);this.mdLegendClick=i(this,"mdLegendClick",7);this.mdHover=i(this,"mdHover",7);this.mdReady=i(this,"mdReady",7);this.mdZoom=i(this,"mdZoom",7);this.label="";this.titleAlign="start";this.series=[];this.layout="vertical";this.stack="none";this.categoryGap="30%";this.barGap="20%";this.cornerRadius=6;this.legend="top-end";this.tooltip="axis";this.zoom="none";this.locale="";this.noAnimation=false;this.animation="expressive";this.showLabels=false;this.showTotals=false;this.chevron=false;this.polar=false;this.axisTicks=false;this.clickable=false;this.labelZoomStart="Zoom range start";this.labelZoomEnd="Zoom range end";this.labelPlot="Chart data. Use the arrow keys to move between points, Home and End for the first and last, Escape to leave.";this.labelPoint="%x%: %values%";this.loading=false;this.loadingLabel="Loading chart…";this.density=0;this.mounted=false;this.kbIndex=-1;this.announcement="";this.zoomWin=null;this.dragBand=null;this.grab=null;this.engine=null;this.applyQueued=false;this.ro=null;this.legendHidden=new Map;this.bindChartHost=t=>{this.chartHost=t};this.bindA11yTableHost=t=>{this.a11yTableHost=t};this.onPlotPointerDown=t=>{if(!this.zoomInside||t.button!==0||this.grab)return;if(!this.insidePlot(t))return;const e=this.hostX(t);this.grab={id:t.pointerId,kind:"band",x:e,win:this.win()};this.dragBand={x1:e,x2:e};const i=t.composedPath?.()[0]??t.target;i.setPointerCapture?.(t.pointerId)};this.onPointerMove=t=>{const e=this.grab;if(!e||e.id!==t.pointerId)return;if(e.kind==="band"){const i=this.plotRect();if(!i)return;this.dragBand={x1:e.x,x2:Math.min(Math.max(this.hostX(t),i.x),i.x+i.width)};return}const i=this.trackFrac(t.clientX);const s=this.trackFrac(e.x);if(i==null||s==null)return;const a=Math.max(1,this.dataLength()-1);const o=e.win.end-e.win.start;const n=Math.round((i-s)*a);const r=Math.min(Math.max(0,e.win.start+n),a-o);this.applyZoom(r,r+o)};this.onPointerUp=t=>{const e=this.grab;if(!e||e.id!==t.pointerId)return;this.grab=null;const i=this.dragBand;this.dragBand=null;if(e.kind!=="band"||!i)return;if(Math.abs(i.x2-i.x1)<8)return;const[s,a]=[this.indexAtX(i.x1),this.indexAtX(i.x2)].sort(((t,e)=>t-e));if(a-s>=1)this.applyZoom(s,a)};this.onPlotDblClick=t=>{if(this.zoomInside&&this.zoomWin&&this.insidePlot(t))this.resetZoom()};this.onZoomPanDown=t=>{if(t.button!==0)return;t.stopPropagation();t.preventDefault();this.grab={id:t.pointerId,kind:"pan",x:t.clientX,win:this.win()};t.target.setPointerCapture?.(t.pointerId)};this.onZoomSliderInput=t=>{t.stopPropagation();const{valueStart:e,valueEnd:i}=t.detail??{};if(e==null||i==null)return;this.applyZoom(e,i)};this.onZoomSliderEvent=t=>t.stopPropagation();this.onPlotKeyDown=t=>{const e=this.engine?.getScene();const i=Math.max(0,(e?.xPositions.length??0)-1);if(!e||i<0)return;const s=typeof getComputedStyle==="function"&&getComputedStyle(this.el).direction==="rtl";const a=s?"ArrowLeft":"ArrowRight";const o=s?"ArrowRight":"ArrowLeft";let n=this.kbIndex;switch(t.key){case a:n=this.kbIndex<0?0:Math.min(i,this.kbIndex+1);break;case o:n=this.kbIndex<0?i:Math.max(0,this.kbIndex-1);break;case"Home":n=0;break;case"End":n=i;break;case"Escape":if(this.kbIndex<0)return;n=-1;break;case"Enter":case" ":case"Spacebar":if(this.kbIndex<0)return;t.preventDefault();this.emitBarClickForCategory(this.kbIndex,t);return;default:return}t.preventDefault();this.moveKeyboardCursor(n)};this.onPlotBlur=()=>{if(this.kbIndex>=0)this.moveKeyboardCursor(-1)}}seriesKeys(){const t=new Map;return this.series.map(((e,i)=>{const s=e.id!=null?`id:${e.id}`:e.label!=null?`label:${e.label}`:`pos:${i}`;const a=t.get(s)??0;t.set(s,a+1);return a===0?s:`${s}#${a}`}))}rememberLegendToggle(t,e){const i=this.seriesKeys()[t];if(i==null)return;this.legendHidden.set(i,e);if(this.legendHidden.size>256){const t=this.legendHidden.keys().next().value;this.legendHidden.delete(t)}}componentDidLoad(){this.initChart();if(typeof window!=="undefined"&&window.matchMedia){this.themeMql=window.matchMedia("(prefers-color-scheme: dark)");this.themeListener=()=>this.applyEngine();this.themeMql.addEventListener?.("change",this.themeListener)}}disconnectedCallback(){this.ro?.disconnect();this.ro=null;this.engine?.dispose();this.engine=null;if(this.themeMql&&this.themeListener){this.themeMql.removeEventListener?.("change",this.themeListener);this.themeListener=undefined;this.themeMql=undefined}}onAnyPropChange(){if(this.applyQueued)return;this.applyQueued=true;queueMicrotask((()=>{this.applyQueued=false;this.applyEngine();this.rebuildA11yTable()}))}async resize(){this.engine?.resize()}onLoadingChange(t,e){if(e&&!t)this.engine?.replay()}async replay(){this.engine?.replay()}async drill(t,e="down"){this.engine?.drill(t,e)}async toDataURL(){return this.engine?.toDataURL("image/png")??""}async getInstance(){return this.engine}initChart(){this.makeEngine();this.applyEngine();this.rebuildA11yTable();this.mounted=true;this.mdReady.emit()}makeEngine(){if(!this.chartHost)return;this.ro?.disconnect();this.ro=null;this.engine?.dispose();try{this.engine=new h(this.chartHost)}catch{this.engine=null}if(this.engine&&typeof ResizeObserver!=="undefined"){this.ro=new ResizeObserver((()=>this.engine?.resize()));this.ro.observe(this.chartHost)}}parseRatio(t,e){if(typeof t==="number")return Number.isFinite(t)?t>1?t/100:t:e;const i=parseFloat(t);if(!Number.isFinite(i))return e;return t.trim().endsWith("%")||i>1?i/100:i}buildEngineTheme(t){return{background:t.background,textColor:t.textColor,textColorMuted:t.textColorMuted,axisLineColor:t.axisLineColor,gridLineColor:t.gridColor,surface:t.surface,fontFamily:t.fontFamily,labelSize:t.labelSize,titleSize:t.titleSize}}get zoomInside(){return!this.polar&&(this.zoom==="inside"||this.zoom==="both")}get zoomSliderOn(){return!this.polar&&(this.zoom==="slider"||this.zoom==="both")}dataLength(){const t=(this.series??[]).reduce(((t,e)=>Math.max(t,e?.data?.length??0)),0);return Math.max(t,this.xAxis?.data?.length??0)}winStart(){return this.zoomWin&&!this.polar?this.win().start:0}win(){const t=Math.max(0,this.dataLength()-1);const e=this.zoomWin;if(!e)return{start:0,end:t};const i=Math.min(Math.max(0,e.start),Math.max(0,t-1));return{start:i,end:Math.min(Math.max(i+1,e.end),t)}}applyZoom(t,e,i=false){const s=Math.max(0,this.dataLength()-1);const a=Math.min(Math.max(0,Math.round(t)),Math.max(0,s-1));const o=Math.min(Math.max(a+1,Math.round(e)),s);this.zoomWin=i?null:{start:a,end:o};this.applyEngine(true);this.rebuildA11yTable();this.mdZoom.emit({startIndex:i?0:a,endIndex:i?s:o,reset:i})}async setZoom(t,e){this.applyZoom(t,e)}async resetZoom(){this.applyZoom(0,0,true)}plotRect(){const t=this.engine?.getScene()?.plot;return t?{x:t.x,y:t.y,width:t.width,height:t.height}:null}canvasOffset(){const t=this.chartHost;if(!t)return{x:0,y:0};const e=this.el.getBoundingClientRect();const i=t.getBoundingClientRect();return{x:i.left-e.left,y:i.top-e.top}}zoomBandStyle(){const t=this.plotRect();if(!this.dragBand||!t)return undefined;const e=this.canvasOffset();const{x1:i,x2:s}=this.dragBand;return{left:`${e.x+Math.min(i,s)}px`,width:`${Math.abs(s-i)}px`,top:`${e.y+t.y}px`,height:`${t.height}px`}}hostX(t){return t.clientX-(this.chartHost??this.el).getBoundingClientRect().left}indexAtX(t){const e=this.engine?.getScene();const i=this.win();const s=e?.xPositions;if(!s?.length)return i.start;let a=0;let o=Infinity;s.forEach(((e,i)=>{const s=Math.abs(e-t);if(s<o){o=s;a=i}}));return i.start+a}insidePlot(t){const e=this.plotRect();if(!e)return false;const i=(this.chartHost??this.el).getBoundingClientRect();const s=t.clientX-i.left;const a=t.clientY-i.top;return s>=e.x&&s<=e.x+e.width&&a>=e.y&&a<=e.y+e.height}sliderTrackRect(){const t=this.el.shadowRoot?.querySelector(".md-bar-chart__zoom-slider");if(!t)return null;const e=t.getBoundingClientRect();if(!e.width)return null;return{left:e.left,width:e.width,rtl:getComputedStyle(this.el).direction==="rtl"}}trackFrac(t){const e=this.sliderTrackRect();if(!e)return null;const i=(t-e.left)/e.width;return Math.min(Math.max(e.rtl?1-i:i,0),1)}renderZoomSlider(){const t=Math.max(1,this.dataLength()-1);const e=this.win();const i=e=>e/t*100;const a=t=>String(this.xAxis?.data?.[t]??t);return s("div",{class:"md-bar-chart__zoom",part:"zoom"},s("md-slider",{class:"md-bar-chart__zoom-slider",part:"zoom-slider",exportparts:"track: zoom-track, track-active: zoom-window, thumb-knob: zoom-handle",range:true,controlled:true,min:0,max:t,step:1,valueStart:e.start,valueEnd:e.end,ariaLabelStart:this.labelZoomStart,ariaLabelEnd:this.labelZoomEnd,valueStartText:a(e.start),valueEndText:a(e.end),onMdInput:this.onZoomSliderInput,onMdChange:this.onZoomSliderEvent,onMdDragStart:this.onZoomSliderEvent,onMdDragEnd:this.onZoomSliderEvent,onMdFocus:this.onZoomSliderEvent,onMdBlur:this.onZoomSliderEvent}),s("div",{class:"md-bar-chart__zoom-pan",part:"zoom-pan",style:{insetInlineStart:`calc(${i(e.start)}% + var(--_zoom-pan-inset))`,inlineSize:`max(0px, calc(${i(e.end)-i(e.start)}% - 2 * var(--_zoom-pan-inset)))`},onPointerDown:this.onZoomPanDown}))}buildSpec(t){const e=this.stack==="percentage";const i=t=>this.valueFormatter?this.valueFormatter(t):t.toLocaleString(this.locale||undefined);const s=this.seriesKeys();const a=this.zoomWin&&!this.polar?this.win():null;const o=t=>t?a?t.slice(a.start,a.end+1):t.slice():undefined;const n=t=>{if(!t||!a)return t;const e={};for(const[i,s]of Object.entries(t)){const t=Number(i)-a.start;if(t>=0&&t<=a.end-a.start)e[t]=s}return e};return{series:this.series.map(((e,i)=>{let a;if(e.pointColors){const s={};for(const[a,o]of Object.entries(e.pointColors))s[Number(a)]=c(this.el,o,m(t.palette,i));a=n(s)}return{label:e.label??`Series ${i+1}`,color:c(this.el,e.color,m(t.palette,i)),data:o(e.data)??[],hidden:e.hidden??this.legendHidden.get(s[i])??false,stack:e.stack,axisIndex:e.yAxisIndex,overlay:e.overlay,widthRatio:e.widthRatio,pointWidths:n(e.pointWidths),range:o(e.range)?.map(p),pointColors:a}})),title:this.label||undefined,subtitle:this.subtitle||undefined,titleAlign:this.titleAlign,categories:o(this.xAxis?.data)??[],categoryFormatter:this.xAxis?.valueFormatter??l,categoryLabelRotation:this.xAxis?.labelRotation,categoryLabelsMirrored:this.xAxis?.mirrorLabels,valueAxis2:this.yAxis2?{min:this.yAxis2.min,max:this.yAxis2.max,label:this.yAxis2.label,formatter:this.yAxis2.valueFormatter?t=>String(this.yAxis2.valueFormatter(t)):undefined,hidden:this.yAxis2.hidden}:undefined,valueTickFormatter:this.yAxis?.valueFormatter?t=>String(this.yAxis.valueFormatter(t)):undefined,categoryLabel:this.xAxis?.label,categoryHidden:this.xAxis?.hidden,categoryHideTicks:this.xAxis?.hideTicks,categoryAxisLine:this.xAxis?.axisLine,categoryDash:this.xAxis?.dash,valueScale:this.yAxis?.scale??"value",valueBreaks:(this.layout==="horizontal"?this.xAxis:this.yAxis)?.breaks,valueMin:e?0:this.yAxis?.min,valueMax:e?100:this.yAxis?.max,valueFormatter:e?t=>`${Math.round(t)}%`:i,valueLabel:this.yAxis?.label,valueHidden:this.yAxis?.hidden,valueHideTicks:this.yAxis?.hideTicks,valueAxisLine:this.yAxis?.axisLine,valueDash:this.yAxis?.dash,valueGridDash:this.yAxis?.gridDash,stack:this.stack,horizontal:this.layout==="horizontal",categoryGapRatio:this.parseRatio(this.categoryGap,.3),barGapRatio:this.parseRatio(this.barGap,.2),barWidth:this.barWidth,cornerRadius:this.cornerRadius,showLabels:this.showLabels,showTotals:this.showTotals,chevron:this.chevron,polar:this.polar,polarHole:this.polarHole,polarSweep:this.polarSweep,legend:this.legend,axisTicks:this.axisTicks,animation:this.noAnimation?"none":this.animation,animationDuration:this.animationDuration}}applyEngine(t=false){if(!this.engine)return;const e=d(this.el);this.engine.setSpec(this.buildSpec(e),this.buildEngineTheme(e),{onHover:t=>{if(t<0)return;const e=t+this.winStart();this.mdHover.emit({dataIndex:e,axisValue:this.xAxis?.data?.[e],seriesIndices:this.visibleSeriesIndices()})},onLegendClick:t=>{this.rememberLegendToggle(t.seriesIndex,!!t.hidden);this.mdLegendClick.emit({seriesIndex:t.seriesIndex,seriesId:this.series[t.seriesIndex]?.id,selected:!t.hidden})},onPointClick:(t,e,i)=>{const s=this.series[t];if(!s)return;const a=e+this.winStart();this.mdBarClick.emit({seriesIndex:t,seriesId:s.id,dataIndex:a,value:s.data?.[a]??null,axisValue:this.xAxis?.data?.[a],nativeEvent:i,series:s})}},{animate:!t});this.engine.setHoverEnabled(this.tooltip!=="none");this.engine.setClickable(this.clickable);this.engine.setTooltip({render:this.tooltipRenderer,missingFormatter:this.valueFormatter})}visibleSeriesIndices(){const t=this.engine?.getScene()?.hoverPoints;if(t)return t.map((t=>t.seriesIndex));return this.series.map(((t,e)=>e)).filter((t=>!this.series[t].hidden))}rebuildA11yTable(){if(!this.a11yTableHost)return;this.a11yTableHost.innerHTML=b({title:this.label,xAxisLabel:this.xAxis?.label,xAxisData:this.xAxis?.data,xValueFormatter:this.xAxis?.valueFormatter??(t=>l(t,this.locale)),locale:this.locale,series:this.series,valueFormatter:this.valueFormatter})}emitBarClickForCategory(t,e){const i=this.visibleSeriesIndices()[0]??0;const s=this.series[i];if(!s)return;const a=t+this.winStart();this.mdBarClick.emit({seriesIndex:i,seriesId:s.id,dataIndex:a,value:s.data?.[a]??null,axisValue:this.xAxis?.data?.[a],nativeEvent:e,series:s})}moveKeyboardCursor(t){this.kbIndex=t;this.engine?.focusIndex(t);if(t<0){this.announcement="";return}const e=this.engine?.getScene();const i=e?.xLabels?.[t]??String(t+1);const s=t=>this.valueFormatter?this.valueFormatter(t):t.toLocaleString(this.locale||undefined);const a=(e?.hoverPoints??[]).map((e=>{const i=e.byIndex[t];return i?`${e.label} ${s(i.value)}`:null})).filter(Boolean).join(", ");this.announcement=this.labelPoint.replace("%x%",i).replace("%values%",a)}render(){const t=this.xAxis?.data??[];const e=u({title:this.label,chartType:"bar",seriesCount:this.series.length,xMin:t[0],xMax:t[t.length-1]});const i=this.series.length===0&&!this.loading;return s(a,{key:"f535a5ceb5ac843c5415093faf58c129f4b55d24",class:{"md-bar-chart":true,"md-bar-chart--empty":i,"md-bar-chart--loading":this.loading,"md-bar-chart--mounted":this.mounted,"md-bar-chart--zoom-slider":this.zoomSliderOn,"md-bar-chart--zoom-drag":this.zoomInside,[`md-bar-chart--${this.layout}`]:true},role:"figure","aria-label":e,"aria-busy":this.loading?"true":null,style:this.heightProp?{blockSize:this.heightProp}:undefined,onPointerDown:this.onPlotPointerDown,onPointerMove:this.onPointerMove,onPointerUp:this.onPointerUp,onPointerCancel:this.onPointerUp,onDblClick:this.onPlotDblClick},s("header",{key:"a56de64118eacdcce86a58d61b3e08ce1ffe5858",class:"md-bar-chart__header",part:"header"},s("slot",{key:"f6ca05ffbdb07279d103adc3e79395cebf2fcc62",name:"header"})),s("div",{key:"16d38bd35ddef6f48c6748bdbe9285681a9a5091",class:"md-bar-chart__canvas",part:"canvas",ref:t=>this.bindChartHost(t),tabindex:i?undefined:"0",role:i?undefined:"application","aria-label":i?undefined:this.labelPlot,onKeyDown:this.onPlotKeyDown,onBlur:this.onPlotBlur}),i&&s("div",{key:"d63918dfde5234203ebe21be413011bd77787b15",class:"md-bar-chart__empty",part:"empty"},s("slot",{key:"8fd2db209115817c725c2461b29e9ec2c6509f92",name:"empty"},"No data to display")),this.loading&&s("div",{key:"44f3f2347bde451c61025a8c050d2e263a3f6e3e",class:"md-bar-chart__loading",part:"loading",role:"status"},s("slot",{key:"7137288cd3456cb926569963238ab481b1a981ce",name:"loader"},s("slot",{key:"d2fea29b0fb087763fda403882c982115bba460d",name:"loading"},s("md-progress-indicator",{key:"4ecd5e96bc396b49574ac81539983880d2690f27",class:"md-bar-chart__spinner",variant:"circular",indeterminate:true,label:this.loadingLabel}),s("span",{key:"5922c3146b595840b452ed479d9590eb323a2118",class:"md-bar-chart__loading-text"},this.loadingLabel)))),this.dragBand&&Math.abs(this.dragBand.x2-this.dragBand.x1)>1&&s("div",{key:"1c1d3b22ce4c53fe0273525a35806b105ee798c1",class:"md-bar-chart__zoom-band",part:"zoom-band",style:this.zoomBandStyle()}),this.zoomSliderOn&&this.renderZoomSlider(),s("footer",{key:"c6ef361aaff6269136da37ec7c5d26d27410b52c",class:"md-bar-chart__footer",part:"footer"},s("slot",{key:"3ad5106449977ae89b7e3be3f3eb7ac7e300a65b",name:"footer"})),s("div",{key:"c05f67cd4b89a188d6e3decc2689c0f8b3698264",class:"md-bar-chart__a11y-table",ref:t=>this.bindA11yTableHost(t)}),s("div",{key:"869b2143b2cc1c9dc27f63cfcb5ac41eae575242",class:"md-bar-chart__live",role:"status","aria-live":"polite","aria-atomic":"true"},this.announcement))}get el(){return this}static get watchers(){return{series:[{onAnyPropChange:0}],xAxis:[{onAnyPropChange:0}],yAxis:[{onAnyPropChange:0}],yAxis2:[{onAnyPropChange:0}],layout:[{onAnyPropChange:0}],stack:[{onAnyPropChange:0}],categoryGap:[{onAnyPropChange:0}],barGap:[{onAnyPropChange:0}],barWidth:[{onAnyPropChange:0}],cornerRadius:[{onAnyPropChange:0}],legend:[{onAnyPropChange:0}],tooltip:[{onAnyPropChange:0}],zoom:[{onAnyPropChange:0}],label:[{onAnyPropChange:0}],subtitle:[{onAnyPropChange:0}],titleAlign:[{onAnyPropChange:0}],showLabels:[{onAnyPropChange:0}],showTotals:[{onAnyPropChange:0}],chevron:[{onAnyPropChange:0}],polar:[{onAnyPropChange:0}],polarHole:[{onAnyPropChange:0}],polarSweep:[{onAnyPropChange:0}],axisTicks:[{onAnyPropChange:0}],animation:[{onAnyPropChange:0}],animationDuration:[{onAnyPropChange:0}],tooltipRenderer:[{onAnyPropChange:0}],valueFormatter:[{onAnyPropChange:0}],locale:[{onAnyPropChange:0}],noAnimation:[{onAnyPropChange:0}],clickable:[{onAnyPropChange:0}],loading:[{onLoadingChange:0}]}}static get style(){return y()}},[257,"md-bar-chart",{label:[1],subtitle:[1],titleAlign:[1,"title-align"],series:[16],xAxis:[16],yAxis:[16],yAxis2:[16],layout:[513],stack:[1],categoryGap:[8,"category-gap"],barGap:[8,"bar-gap"],barWidth:[2,"bar-width"],cornerRadius:[2,"corner-radius"],legend:[513],tooltip:[1],zoom:[1],locale:[1],valueFormatter:[16],tooltipRenderer:[16],heightProp:[1,"height"],noAnimation:[4,"no-animation"],animation:[1],animationDuration:[2,"animation-duration"],showLabels:[4,"show-labels"],showTotals:[4,"show-totals"],chevron:[4],polar:[516],polarHole:[2,"polar-hole"],polarSweep:[2,"polar-sweep"],axisTicks:[4,"axis-ticks"],clickable:[4],labelZoomStart:[1,"label-zoom-start"],labelZoomEnd:[1,"label-zoom-end"],labelPlot:[1,"label-plot"],labelPoint:[1,"label-point"],loading:[516],loadingLabel:[1,"loading-label"],density:[514],mounted:[32],kbIndex:[32],announcement:[32],zoomWin:[32],dragBand:[32],resize:[64],replay:[64],drill:[64],toDataURL:[64],getInstance:[64],setZoom:[64],resetZoom:[64]},undefined,{series:[{onAnyPropChange:0}],xAxis:[{onAnyPropChange:0}],yAxis:[{onAnyPropChange:0}],yAxis2:[{onAnyPropChange:0}],layout:[{onAnyPropChange:0}],stack:[{onAnyPropChange:0}],categoryGap:[{onAnyPropChange:0}],barGap:[{onAnyPropChange:0}],barWidth:[{onAnyPropChange:0}],cornerRadius:[{onAnyPropChange:0}],legend:[{onAnyPropChange:0}],tooltip:[{onAnyPropChange:0}],zoom:[{onAnyPropChange:0}],label:[{onAnyPropChange:0}],subtitle:[{onAnyPropChange:0}],titleAlign:[{onAnyPropChange:0}],showLabels:[{onAnyPropChange:0}],showTotals:[{onAnyPropChange:0}],chevron:[{onAnyPropChange:0}],polar:[{onAnyPropChange:0}],polarHole:[{onAnyPropChange:0}],polarSweep:[{onAnyPropChange:0}],axisTicks:[{onAnyPropChange:0}],animation:[{onAnyPropChange:0}],animationDuration:[{onAnyPropChange:0}],tooltipRenderer:[{onAnyPropChange:0}],valueFormatter:[{onAnyPropChange:0}],locale:[{onAnyPropChange:0}],noAnimation:[{onAnyPropChange:0}],clickable:[{onAnyPropChange:0}],loading:[{onLoadingChange:0}]}]);function f(){if(typeof customElements==="undefined"){return}const t=["md-bar-chart","md-progress-indicator","md-slider"];t.forEach((t=>{switch(t){case"md-bar-chart":if(!customElements.get(o(t))){customElements.define(o(t),g)}break;case"md-progress-indicator":if(!customElements.get(o(t))){n()}break;case"md-slider":if(!customElements.get(o(t))){r()}break}}))}f();const v=g;const x=f;export{v as MdBarChart,x as defineCustomElement};
 //# sourceMappingURL=md-bar-chart.js.map

package/dist/components-csr/md-bottom-sheet.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{p as t,H as e,c as s,h as i,d as o,t as a}from"./p-bSpXNc5J.js";import{d as n}from"./p-IWA0yIjJ.js";import{d}from"./p-Hm3X1iai.js";const r=()=>`:host{--_container-color:var(--md-bottom-sheet-container-color, var(--md-sys-color-surface-container-low, #F7F2FA));--_container-shape:var(--md-bottom-sheet-container-shape, max(16px, calc(28px + var(--md-sys-density-scale, 0) * 2px)));--_content-color:var(--md-bottom-sheet-content-color, var(--md-sys-color-on-surface, #1C1B1F));--_headline-color:var(--md-bottom-sheet-headline-color, var(--md-sys-color-on-surface, #1C1B1F));--_scrim-color:var(--md-bottom-sheet-scrim-color, rgba(0, 0, 0, 0.32));--_drag-handle-color:var(--md-bottom-sheet-drag-handle-color, var(--md-sys-color-on-surface-variant, #49454F));--_divider-color:var(--md-bottom-sheet-divider-color, var(--md-sys-color-outline-variant, #CAC4D0));--_icon-color:var(--md-bottom-sheet-icon-color, var(--md-sys-color-on-surface-variant, #49454F));--_min-width:var(--md-bottom-sheet-min-width, 0);--_max-width:var(--md-bottom-sheet-max-width, 100%);--_width:var(--md-bottom-sheet-width, 100%);--_min-height:var(--md-bottom-sheet-min-height, 0);--_max-height:var(--md-bottom-sheet-max-height, 80vh);--_height:var(--md-bottom-sheet-height, auto);--_detached-margin:var(--md-bottom-sheet-detached-margin, 16px);--_content-padding-inline:var(--md-bottom-sheet-content-padding-inline, max(12px, calc(24px + var(--md-sys-density-scale, 0) * 2px)));display:contents;font-family:var(--md-sys-typescale-body-medium-font-family, Roboto, sans-serif);font-size:max(12px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-body-medium-font-weight, 400);line-height:max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-body-medium-letter-spacing, 0.25px);color:var(--_content-color)}:host(:not(.md-bottom-sheet--open)){pointer-events:none}.md-bottom-sheet__scrim{position:fixed;inset:0;background-color:var(--_scrim-color);z-index:var(--md-sys-z-index-popup, 1000);opacity:0;pointer-events:none;transition:opacity var(--md-sys-motion-duration-medium2, 300ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.md-bottom-sheet--open) .md-bottom-sheet__scrim{opacity:1;pointer-events:auto}.md-bottom-sheet__container{position:fixed;inset-inline:0;inset-block-end:0;margin-inline:auto;z-index:var(--md-sys-z-index-dialog-scrim, 1001);inline-size:var(--_width);min-inline-size:var(--_min-width);max-inline-size:var(--_max-width);block-size:var(--_height);min-block-size:var(--_min-height);max-block-size:var(--_max-height);background-color:var(--_container-color);color:var(--_content-color);display:flex;flex-direction:column;overflow:hidden;pointer-events:none;opacity:0;transform:translateY(100%);transition:transform var(--md-sys-motion-duration-medium4, 400ms) var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1)),     opacity var(--md-sys-motion-duration-medium2, 300ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1));padding-block-end:env(safe-area-inset-bottom, 0px);box-sizing:border-box;outline:none}:host(.md-bottom-sheet--open) .md-bottom-sheet__container{pointer-events:auto;opacity:1;transform:translateY(0)}:host(.md-bottom-sheet--standard) .md-bottom-sheet__container{border-start-start-radius:var(--_container-shape);border-start-end-radius:var(--_container-shape);border-end-start-radius:0;border-end-end-radius:0}:host(.md-bottom-sheet--detached) .md-bottom-sheet__container{inset-inline:var(--_detached-margin);inset-block-end:var(--_detached-margin);margin-inline:auto;border-radius:var(--_container-shape);box-shadow:var(--md-sys-elevation-3);max-inline-size:min(var(--_max-width), calc(100% - calc(var(--_detached-margin) * 2)))}@media (max-width: 639.98px){:host{--_width:var(--md-bottom-sheet-width, 100%);--_max-width:var(--md-bottom-sheet-max-width, 100%)}}@media (min-width: 640px){:host{--_width:var(--md-bottom-sheet-width, 640px);--_max-width:var(--md-bottom-sheet-max-width, calc(100% - 112px))}}.md-bottom-sheet__drag-handle{display:flex;justify-content:center;align-items:center;padding-block:max(12px, calc(22px + var(--md-sys-density-scale, 0) * 2px));flex-shrink:0;cursor:grab;touch-action:none;user-select:none}.md-bottom-sheet__drag-handle--dragging{cursor:grabbing}.md-bottom-sheet__drag-handle-indicator{inline-size:max(24px, calc(32px + var(--md-sys-density-scale, 0) * 2px));block-size:max(3px, calc(4px + var(--md-sys-density-scale, 0) * 0.25px));border-radius:2px;background-color:var(--_drag-handle-color);opacity:0.4;transition:opacity var(--md-sys-motion-duration-short2, 100ms) var(--md-sys-motion-easing-standard, ease)}.md-bottom-sheet__drag-handle:hover .md-bottom-sheet__drag-handle-indicator{opacity:0.6}.md-bottom-sheet__drag-handle--dragging .md-bottom-sheet__drag-handle-indicator{opacity:0.8}:host(.md-bottom-sheet--no-drag-handle) .md-bottom-sheet__container{padding-block-start:max(12px, calc(24px + var(--md-sys-density-scale, 0) * 2px))}.md-bottom-sheet__header{display:flex;align-items:center;gap:max(4px, calc(12px + var(--md-sys-density-scale, 0) * 2px));padding-inline:max(12px, calc(24px + var(--md-sys-density-scale, 0) * 2px));padding-block:0 max(4px, calc(8px + var(--md-sys-density-scale, 0) * 1px));flex-shrink:0}.md-bottom-sheet__headline{flex:1;font-family:var(--md-sys-typescale-headline-small-font-family, Roboto, sans-serif);font-size:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px));font-weight:var(--md-sys-typescale-headline-small-font-weight, 400);line-height:max(24px, calc(32px + var(--md-sys-density-scale, 0) * 2px));letter-spacing:var(--md-sys-typescale-headline-small-letter-spacing, 0);color:var(--_headline-color);overflow:hidden;text-overflow:ellipsis;text-align:start}:host([headline-align='center']) .md-bottom-sheet__headline{text-align:center}:host([headline-align='end']) .md-bottom-sheet__headline{text-align:end}.md-bottom-sheet__close{flex-shrink:0;margin-inline-start:auto;margin-inline-end:calc(-12px - var(--md-sys-density-scale, 0) * 1px)}.md-bottom-sheet__close md-icon-button{--md-icon-button-icon-color:var(--_icon-color);--md-icon-button-container-width:max(32px, calc(40px + var(--md-sys-density-scale, 0) * 4px));--md-icon-button-container-height:max(32px, calc(40px + var(--md-sys-density-scale, 0) * 4px));--md-icon-button-icon-size:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px))}.md-bottom-sheet__divider{block-size:1px;background-color:var(--_divider-color);flex-shrink:0}.md-bottom-sheet__divider--bottom{margin-block-start:auto}.md-bottom-sheet__content{flex:1 1 auto;min-block-size:0;display:flex;flex-direction:column;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:var(--_content-color);text-align:start}:host([content-align='center']) .md-bottom-sheet__content{text-align:center}:host([content-align='end']) .md-bottom-sheet__content{text-align:end}.md-bottom-sheet__content{overflow-y:auto;padding-inline:var(--_content-padding-inline);padding-block:var(--md-sys-spacing-inset-sm, 8px) var(--md-sys-spacing-inset-lg, 16px);scrollbar-width:thin;scrollbar-color:var(--md-sys-color-outline-variant, #CAC4D0) transparent}.md-bottom-sheet__content::-webkit-scrollbar{inline-size:4px}.md-bottom-sheet__content::-webkit-scrollbar-thumb{background-color:var(--md-sys-color-outline-variant, #CAC4D0);border-radius:2px}.md-bottom-sheet__content::-webkit-scrollbar-track{background-color:transparent}.md-bottom-sheet__actions{display:flex;align-items:center;gap:var(--md-sys-spacing-gap-sm, 8px);padding-inline:var(--md-sys-spacing-inset-xl, 24px);padding-block:var(--md-sys-spacing-inset-lg, 16px) var(--md-sys-spacing-inset-xl, 24px);flex-shrink:0;box-sizing:border-box}::slotted([slot="actions"]){flex-shrink:0}.md-bottom-sheet__focus-guard{position:fixed;overflow:hidden;clip-path:inset(50%);inline-size:1px;block-size:1px;padding:0;border:0;margin:-1px;white-space:nowrap}.md-bottom-sheet__container:focus-visible{outline:3px solid var(--md-sys-color-secondary, #625B71);outline-offset:-3px}@media (prefers-reduced-motion: reduce){.md-bottom-sheet__container,.md-bottom-sheet__scrim{transition:none}}@media (forced-colors: active){.md-bottom-sheet__container{border:1px solid CanvasText}.md-bottom-sheet__divider{background-color:CanvasText}.md-bottom-sheet__drag-handle-indicator{background-color:CanvasText;opacity:1}}: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 c=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.mdOpen=s(this,"mdOpen",7);this.mdClose=s(this,"mdClose",7);this.mdCancel=s(this,"mdCancel",7);this.open=false;this.variant="standard";this.headline="";this.showDragHandle=true;this.closeable=false;this.scrimDismissible=true;this.topDivider=false;this.bottomDivider=false;this.sheetAriaLabel="";this.scrollShadow=true;this.headlineAlign="start";this.contentAlign="start";this.density=0;this.hasSlottedClose=false;this.hasActions=false;this.dragging=false;this.previousFocus=null;this.headlineId=`md-bottom-sheet-headline-${Math.random().toString(36).slice(2)}`;this.dragStartY=0;this.dragCurrentY=0;this.DISMISS_THRESHOLD=100;this.handleDocKeyDown=t=>{if(!this.open)return;if(t.key==="Escape"){t.preventDefault();t.stopPropagation();this.mdCancel.emit();this.open=false}};this.handleDocFocusIn=()=>{if(!this.open)return;const t=document.activeElement;if(!t)return;if(t===this.el||this.el.contains(t))return;const e=this.containerEl?.contains(t);if(e)return;this.focusFirst()};this.handleStartGuardFocus=()=>{const t=this.getFocusableElements();if(t.length>0){t[t.length-1].focus()}else{this.containerEl?.focus()}};this.handleEndGuardFocus=()=>{const t=this.getFocusableElements();if(t.length>0){t[0].focus()}else{this.containerEl?.focus()}};this.handleScrimClick=()=>{if(!this.scrimDismissible)return;this.mdCancel.emit();this.open=false};this.handleCloseClick=()=>{this.mdCancel.emit();this.open=false};this.handleDragStart=t=>{if(!this.open||!this.showDragHandle)return;this.dragging=true;this.dragStartY=t.clientY;this.dragCurrentY=0;if(this.containerEl){this.containerEl.style.transition="none"}t.target.setPointerCapture(t.pointerId)};this.handleDragMove=t=>{if(!this.dragging)return;const e=t.clientY-this.dragStartY;this.dragCurrentY=Math.max(0,e);if(this.containerEl){this.containerEl.style.transform=`translateY(${this.dragCurrentY}px)`}};this.handleDragEnd=()=>{if(!this.dragging)return;this.dragging=false;if(this.containerEl){this.containerEl.style.transition=""}if(this.dragCurrentY>this.DISMISS_THRESHOLD){this.mdCancel.emit();this.open=false}else if(this.containerEl){this.containerEl.style.transform=""}this.dragCurrentY=0}}connectedCallback(){this.hasActions=!!this.el.querySelector('[slot="actions"]')}componentWillLoad(){this.hasSlottedClose=Array.from(this.el.children).some((t=>t.getAttribute("slot")==="close"))}componentDidLoad(){const t=this.el.shadowRoot;if(!t)return;const e=t.querySelector('slot[name="close"]');const s=t.querySelector('slot[name="actions"]');e?.addEventListener("slotchange",(()=>{this.hasSlottedClose=e.assignedElements().length>0}));s?.addEventListener("slotchange",(()=>{this.hasActions=s.assignedElements().length>0}));if(this.open){this.onOpenChange(true)}}disconnectedCallback(){this.removeGlobalListeners();document.body.style.overflow=""}onOpenChange(t){if(t){this.previousFocus=document.activeElement;document.body.style.overflow="hidden";this.addGlobalListeners();requestAnimationFrame((()=>{this.containerEl?.removeAttribute("inert");this.focusFirst()}));this.mdOpen.emit()}else{this.removeGlobalListeners();document.body.style.overflow="";this.previousFocus?.focus?.({preventScroll:true});this.previousFocus=null;if(this.containerEl){this.containerEl.style.transform=""}this.mdClose.emit()}}async show(){this.open=true}async close(){this.open=false}addGlobalListeners(){document.addEventListener("keydown",this.handleDocKeyDown,true);document.addEventListener("focusin",this.handleDocFocusIn)}removeGlobalListeners(){document.removeEventListener("keydown",this.handleDocKeyDown,true);document.removeEventListener("focusin",this.handleDocFocusIn)}focusFirst(){if(!this.containerEl)return;const t=this.getFocusableElements();if(t.length>0){t[0].focus()}else{this.containerEl.focus()}}getFocusableElements(){const t='a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"]), md-icon-button:not([disabled]), md-button:not([disabled]), md-text-field:not([disabled]), md-checkbox:not([disabled]), md-switch:not([disabled]), md-radio:not([disabled]), md-slider:not([disabled])';const e=Array.from(this.containerEl?.querySelectorAll(t)??[]).filter((t=>!t.classList.contains("md-bottom-sheet__focus-guard")));const s=this.containerEl?.querySelectorAll("slot")??[];const i=[];s.forEach((e=>{const s=e.assignedElements({flatten:true});s.forEach((e=>{if(e.matches?.(t)){i.push(e)}const s=e.querySelectorAll?.(t);if(s)i.push(...Array.from(s))}))}));return[...e,...i]}render(){const t=!!this.headline;const e=t||this.closeable||this.hasSlottedClose;return i(o,{key:"7bf8662ebf946e995685290835cd8ae1b760facd",class:{"md-bottom-sheet":true,[`md-bottom-sheet--${this.variant}`]:true,"md-bottom-sheet--open":this.open,"md-bottom-sheet--no-drag-handle":!this.showDragHandle}},i("div",{key:"47c620ee40367d41ef709717f5b4124583239677",class:"md-bottom-sheet__scrim",part:"scrim","aria-hidden":"true",onClick:this.handleScrimClick}),i("div",{key:"3e1e741f8d4ec34d0ec7b7cea469973daf8b357f",class:"md-bottom-sheet__container",part:"container",role:"dialog","aria-modal":"true","aria-labelledby":t?this.headlineId:undefined,"aria-label":this.sheetAriaLabel||(!t?"Bottom sheet":undefined),"aria-hidden":!this.open?"true":undefined,inert:!this.open,tabindex:-1,ref:t=>this.containerEl=t},i("span",{key:"c9d16b98c401a630282dc269611a8949d34ad4e0",class:"md-bottom-sheet__focus-guard",tabindex:0,"aria-hidden":"true",onFocus:this.handleEndGuardFocus}),this.showDragHandle&&i("div",{key:"2f30f95cec55aa7dac22e65b4ec588fb62a74ba2",class:{"md-bottom-sheet__drag-handle":true,"md-bottom-sheet__drag-handle--dragging":this.dragging},part:"drag-handle","aria-hidden":"true",onPointerDown:this.handleDragStart,onPointerMove:this.handleDragMove,onPointerUp:this.handleDragEnd,onPointerCancel:this.handleDragEnd},i("div",{key:"36b88841e55f3dcc8632eae6aa4ccbed8d66b288",class:"md-bottom-sheet__drag-handle-indicator",part:"drag-handle-indicator"})),e&&i("div",{key:"86cf0fb217c23190850506d20cc315bb33a2cd61",class:"md-bottom-sheet__header",part:"header"},t&&i("span",{key:"718af03929d31904541e40781143b1c03058493e",id:this.headlineId,class:"md-bottom-sheet__headline",part:"headline"},i("slot",{key:"b42e1bd6a51d8aa774ab5fbf401bee39b9610f97",name:"headline"},this.headline)),(this.closeable||this.hasSlottedClose)&&i("div",{key:"2c85f77dc9d235fcf042682746800d1a106f776e",class:"md-bottom-sheet__close",part:"close"},i("slot",{key:"8b519e7a49a47fb7ac6a680edddcfc3571d086e5",name:"close"},i("md-icon-button",{key:"0aedcd29fd764feec2fd7782e0e98c1abde2b379",variant:"standard",icon:"close","aria-label":"Close bottom sheet",onClick:this.handleCloseClick})))),this.topDivider&&i("div",{key:"a568c1979145410546cc022b05c872eb85854ea0",class:"md-bottom-sheet__divider",part:"divider-top","aria-hidden":"true"}),i("div",{key:"d38538f74c944acf9b797ac71b0edc31f5a5ec12",class:"md-bottom-sheet__content",part:"content"},i("slot",{key:"f9c060e543f80074ca44455b80e8e208027cb447"})),this.hasActions&&this.bottomDivider&&i("div",{key:"d9695c0415763040a0e940b90629fc247dd48cf5",class:"md-bottom-sheet__divider md-bottom-sheet__divider--bottom",part:"divider-bottom","aria-hidden":"true"}),this.hasActions&&i("div",{key:"97f2727a454a547ed42f2bb7ae975c9c1faba061",class:"md-bottom-sheet__actions",part:"actions"},i("slot",{key:"8a8c7a032c56d0ee4d575bf8b28668977564787c",name:"actions"})),i("span",{key:"02d8e8162536432e224b8b4be26f3e3debadbd91",class:"md-bottom-sheet__focus-guard",tabindex:0,"aria-hidden":"true",onFocus:this.handleStartGuardFocus})))}get el(){return this}static get watchers(){return{open:[{onOpenChange:0}]}}static get style(){return r()}},[257,"md-bottom-sheet",{open:[1540],variant:[513],headline:[1],showDragHandle:[516,"show-drag-handle"],closeable:[516],scrimDismissible:[4,"scrim-dismissible"],topDivider:[516,"top-divider"],bottomDivider:[516,"bottom-divider"],sheetAriaLabel:[1,"aria-label"],scrollShadow:[516,"scroll-shadow"],headlineAlign:[513,"headline-align"],contentAlign:[513,"content-align"],density:[514],hasSlottedClose:[32],hasActions:[32],dragging:[32],show:[64],close:[64]},undefined,{open:[{onOpenChange:0}]}]);function m(){if(typeof customElements==="undefined"){return}const t=["md-bottom-sheet","md-icon-button","md-ripple"];t.forEach((t=>{switch(t){case"md-bottom-sheet":if(!customElements.get(a(t))){customElements.define(a(t),c)}break;case"md-icon-button":if(!customElements.get(a(t))){n()}break;case"md-ripple":if(!customElements.get(a(t))){d()}break}}))}m();const h=c;const l=m;export{h as MdBottomSheet,l as defineCustomElement};
+import{p as t,H as e,c as s,h as i,d as o,t as a}from"./p-bSpXNc5J.js";import{d as n}from"./p-R_guULjT.js";import{d}from"./p-C3vB0Hd9.js";const r=()=>`:host{--_container-color:var(--md-bottom-sheet-container-color, var(--md-sys-color-surface-container-low, #F7F2FA));--_container-shape:var(--md-bottom-sheet-container-shape, max(16px, calc(28px + var(--md-sys-density-scale, 0) * 2px)));--_content-color:var(--md-bottom-sheet-content-color, var(--md-sys-color-on-surface, #1C1B1F));--_headline-color:var(--md-bottom-sheet-headline-color, var(--md-sys-color-on-surface, #1C1B1F));--_scrim-color:var(--md-bottom-sheet-scrim-color, rgba(0, 0, 0, 0.32));--_drag-handle-color:var(--md-bottom-sheet-drag-handle-color, var(--md-sys-color-on-surface-variant, #49454F));--_divider-color:var(--md-bottom-sheet-divider-color, var(--md-sys-color-outline-variant, #CAC4D0));--_icon-color:var(--md-bottom-sheet-icon-color, var(--md-sys-color-on-surface-variant, #49454F));--_min-width:var(--md-bottom-sheet-min-width, 0);--_max-width:var(--md-bottom-sheet-max-width, 100%);--_width:var(--md-bottom-sheet-width, 100%);--_min-height:var(--md-bottom-sheet-min-height, 0);--_max-height:var(--md-bottom-sheet-max-height, 80vh);--_height:var(--md-bottom-sheet-height, auto);--_detached-margin:var(--md-bottom-sheet-detached-margin, 16px);--_content-padding-inline:var(--md-bottom-sheet-content-padding-inline, max(12px, calc(24px + var(--md-sys-density-scale, 0) * 2px)));display:contents;font-family:var(--md-sys-typescale-body-medium-font-family, Roboto, sans-serif);font-size:max(12px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-body-medium-font-weight, 400);line-height:max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-body-medium-letter-spacing, 0.25px);color:var(--_content-color)}:host(:not(.md-bottom-sheet--open)){pointer-events:none}.md-bottom-sheet__scrim{position:fixed;inset:0;background-color:var(--_scrim-color);z-index:var(--md-sys-z-index-popup, 1000);opacity:0;pointer-events:none;transition:opacity var(--md-sys-motion-duration-medium2, 300ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.md-bottom-sheet--open) .md-bottom-sheet__scrim{opacity:1;pointer-events:auto}.md-bottom-sheet__container{position:fixed;inset-inline:0;inset-block-end:0;margin-inline:auto;z-index:var(--md-sys-z-index-dialog-scrim, 1001);inline-size:var(--_width);min-inline-size:var(--_min-width);max-inline-size:var(--_max-width);block-size:var(--_height);min-block-size:var(--_min-height);max-block-size:var(--_max-height);background-color:var(--_container-color);color:var(--_content-color);display:flex;flex-direction:column;overflow:hidden;pointer-events:none;opacity:0;transform:translateY(100%);transition:transform var(--md-sys-motion-duration-medium4, 400ms) var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1)),     opacity var(--md-sys-motion-duration-medium2, 300ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1));padding-block-end:env(safe-area-inset-bottom, 0px);box-sizing:border-box;outline:none}:host(.md-bottom-sheet--open) .md-bottom-sheet__container{pointer-events:auto;opacity:1;transform:translateY(0)}:host(.md-bottom-sheet--standard) .md-bottom-sheet__container{border-start-start-radius:var(--_container-shape);border-start-end-radius:var(--_container-shape);border-end-start-radius:0;border-end-end-radius:0}:host(.md-bottom-sheet--detached) .md-bottom-sheet__container{inset-inline:var(--_detached-margin);inset-block-end:var(--_detached-margin);margin-inline:auto;border-radius:var(--_container-shape);box-shadow:var(--md-sys-elevation-3);max-inline-size:min(var(--_max-width), calc(100% - calc(var(--_detached-margin) * 2)))}@media (max-width: 639.98px){:host{--_width:var(--md-bottom-sheet-width, 100%);--_max-width:var(--md-bottom-sheet-max-width, 100%)}}@media (min-width: 640px){:host{--_width:var(--md-bottom-sheet-width, 640px);--_max-width:var(--md-bottom-sheet-max-width, calc(100% - 112px))}}.md-bottom-sheet__drag-handle{display:flex;justify-content:center;align-items:center;padding-block:max(12px, calc(22px + var(--md-sys-density-scale, 0) * 2px));flex-shrink:0;cursor:grab;touch-action:none;user-select:none}.md-bottom-sheet__drag-handle--dragging{cursor:grabbing}.md-bottom-sheet__drag-handle-indicator{inline-size:max(24px, calc(32px + var(--md-sys-density-scale, 0) * 2px));block-size:max(3px, calc(4px + var(--md-sys-density-scale, 0) * 0.25px));border-radius:2px;background-color:var(--_drag-handle-color);opacity:0.4;transition:opacity var(--md-sys-motion-duration-short2, 100ms) var(--md-sys-motion-easing-standard, ease)}.md-bottom-sheet__drag-handle:hover .md-bottom-sheet__drag-handle-indicator{opacity:0.6}.md-bottom-sheet__drag-handle--dragging .md-bottom-sheet__drag-handle-indicator{opacity:0.8}:host(.md-bottom-sheet--no-drag-handle) .md-bottom-sheet__container{padding-block-start:max(12px, calc(24px + var(--md-sys-density-scale, 0) * 2px))}.md-bottom-sheet__header{display:flex;align-items:center;gap:max(4px, calc(12px + var(--md-sys-density-scale, 0) * 2px));padding-inline:max(12px, calc(24px + var(--md-sys-density-scale, 0) * 2px));padding-block:0 max(4px, calc(8px + var(--md-sys-density-scale, 0) * 1px));flex-shrink:0}.md-bottom-sheet__headline{flex:1;font-family:var(--md-sys-typescale-headline-small-font-family, Roboto, sans-serif);font-size:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px));font-weight:var(--md-sys-typescale-headline-small-font-weight, 400);line-height:max(24px, calc(32px + var(--md-sys-density-scale, 0) * 2px));letter-spacing:var(--md-sys-typescale-headline-small-letter-spacing, 0);color:var(--_headline-color);overflow:hidden;text-overflow:ellipsis;text-align:start}:host([headline-align='center']) .md-bottom-sheet__headline{text-align:center}:host([headline-align='end']) .md-bottom-sheet__headline{text-align:end}.md-bottom-sheet__close{flex-shrink:0;margin-inline-start:auto;margin-inline-end:calc(-12px - var(--md-sys-density-scale, 0) * 1px)}.md-bottom-sheet__close md-icon-button{--md-icon-button-icon-color:var(--_icon-color);--md-icon-button-container-width:max(32px, calc(40px + var(--md-sys-density-scale, 0) * 4px));--md-icon-button-container-height:max(32px, calc(40px + var(--md-sys-density-scale, 0) * 4px));--md-icon-button-icon-size:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px))}.md-bottom-sheet__divider{block-size:1px;background-color:var(--_divider-color);flex-shrink:0}.md-bottom-sheet__divider--bottom{margin-block-start:auto}.md-bottom-sheet__content{flex:1 1 auto;min-block-size:0;display:flex;flex-direction:column;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:var(--_content-color);text-align:start}:host([content-align='center']) .md-bottom-sheet__content{text-align:center}:host([content-align='end']) .md-bottom-sheet__content{text-align:end}.md-bottom-sheet__content{overflow-y:auto;padding-inline:var(--_content-padding-inline);padding-block:var(--md-sys-spacing-inset-sm, 8px) var(--md-sys-spacing-inset-lg, 16px);scrollbar-width:thin;scrollbar-color:var(--md-sys-color-outline-variant, #CAC4D0) transparent}.md-bottom-sheet__content::-webkit-scrollbar{inline-size:4px}.md-bottom-sheet__content::-webkit-scrollbar-thumb{background-color:var(--md-sys-color-outline-variant, #CAC4D0);border-radius:2px}.md-bottom-sheet__content::-webkit-scrollbar-track{background-color:transparent}.md-bottom-sheet__actions{display:flex;align-items:center;gap:var(--md-sys-spacing-gap-sm, 8px);padding-inline:var(--md-sys-spacing-inset-xl, 24px);padding-block:var(--md-sys-spacing-inset-lg, 16px) var(--md-sys-spacing-inset-xl, 24px);flex-shrink:0;box-sizing:border-box}::slotted([slot="actions"]){flex-shrink:0}.md-bottom-sheet__focus-guard{position:fixed;overflow:hidden;clip-path:inset(50%);inline-size:1px;block-size:1px;padding:0;border:0;margin:-1px;white-space:nowrap}.md-bottom-sheet__container:focus-visible{outline:3px solid var(--md-sys-color-secondary, #625B71);outline-offset:-3px}@media (prefers-reduced-motion: reduce){.md-bottom-sheet__container,.md-bottom-sheet__scrim{transition:none}}@media (forced-colors: active){.md-bottom-sheet__container{border:1px solid CanvasText}.md-bottom-sheet__divider{background-color:CanvasText}.md-bottom-sheet__drag-handle-indicator{background-color:CanvasText;opacity:1}}: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 c=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.mdOpen=s(this,"mdOpen",7);this.mdClose=s(this,"mdClose",7);this.mdCancel=s(this,"mdCancel",7);this.open=false;this.variant="standard";this.headline="";this.showDragHandle=true;this.closeable=false;this.scrimDismissible=true;this.topDivider=false;this.bottomDivider=false;this.sheetAriaLabel="";this.scrollShadow=true;this.headlineAlign="start";this.contentAlign="start";this.density=0;this.hasSlottedClose=false;this.hasActions=false;this.dragging=false;this.previousFocus=null;this.headlineId=`md-bottom-sheet-headline-${Math.random().toString(36).slice(2)}`;this.dragStartY=0;this.dragCurrentY=0;this.DISMISS_THRESHOLD=100;this.handleDocKeyDown=t=>{if(!this.open)return;if(t.key==="Escape"){t.preventDefault();t.stopPropagation();this.mdCancel.emit();this.open=false}};this.handleDocFocusIn=()=>{if(!this.open)return;const t=document.activeElement;if(!t)return;if(t===this.el||this.el.contains(t))return;const e=this.containerEl?.contains(t);if(e)return;this.focusFirst()};this.handleStartGuardFocus=()=>{const t=this.getFocusableElements();if(t.length>0){t[t.length-1].focus()}else{this.containerEl?.focus()}};this.handleEndGuardFocus=()=>{const t=this.getFocusableElements();if(t.length>0){t[0].focus()}else{this.containerEl?.focus()}};this.handleScrimClick=()=>{if(!this.scrimDismissible)return;this.mdCancel.emit();this.open=false};this.handleCloseClick=()=>{this.mdCancel.emit();this.open=false};this.handleDragStart=t=>{if(!this.open||!this.showDragHandle)return;this.dragging=true;this.dragStartY=t.clientY;this.dragCurrentY=0;if(this.containerEl){this.containerEl.style.transition="none"}t.target.setPointerCapture(t.pointerId)};this.handleDragMove=t=>{if(!this.dragging)return;const e=t.clientY-this.dragStartY;this.dragCurrentY=Math.max(0,e);if(this.containerEl){this.containerEl.style.transform=`translateY(${this.dragCurrentY}px)`}};this.handleDragEnd=()=>{if(!this.dragging)return;this.dragging=false;if(this.containerEl){this.containerEl.style.transition=""}if(this.dragCurrentY>this.DISMISS_THRESHOLD){this.mdCancel.emit();this.open=false}else if(this.containerEl){this.containerEl.style.transform=""}this.dragCurrentY=0}}connectedCallback(){this.hasActions=!!this.el.querySelector('[slot="actions"]')}componentWillLoad(){this.hasSlottedClose=Array.from(this.el.children).some((t=>t.getAttribute("slot")==="close"))}componentDidLoad(){const t=this.el.shadowRoot;if(!t)return;const e=t.querySelector('slot[name="close"]');const s=t.querySelector('slot[name="actions"]');e?.addEventListener("slotchange",(()=>{this.hasSlottedClose=e.assignedElements().length>0}));s?.addEventListener("slotchange",(()=>{this.hasActions=s.assignedElements().length>0}));if(this.open){this.onOpenChange(true)}}disconnectedCallback(){this.removeGlobalListeners();document.body.style.overflow=""}onOpenChange(t){if(t){this.previousFocus=document.activeElement;document.body.style.overflow="hidden";this.addGlobalListeners();requestAnimationFrame((()=>{this.containerEl?.removeAttribute("inert");this.focusFirst()}));this.mdOpen.emit()}else{this.removeGlobalListeners();document.body.style.overflow="";this.previousFocus?.focus?.({preventScroll:true});this.previousFocus=null;if(this.containerEl){this.containerEl.style.transform=""}this.mdClose.emit()}}async show(){this.open=true}async close(){this.open=false}addGlobalListeners(){document.addEventListener("keydown",this.handleDocKeyDown,true);document.addEventListener("focusin",this.handleDocFocusIn)}removeGlobalListeners(){document.removeEventListener("keydown",this.handleDocKeyDown,true);document.removeEventListener("focusin",this.handleDocFocusIn)}focusFirst(){if(!this.containerEl)return;const t=this.getFocusableElements();if(t.length>0){t[0].focus()}else{this.containerEl.focus()}}getFocusableElements(){const t='a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"]), md-icon-button:not([disabled]), md-button:not([disabled]), md-text-field:not([disabled]), md-checkbox:not([disabled]), md-switch:not([disabled]), md-radio:not([disabled]), md-slider:not([disabled])';const e=Array.from(this.containerEl?.querySelectorAll(t)??[]).filter((t=>!t.classList.contains("md-bottom-sheet__focus-guard")));const s=this.containerEl?.querySelectorAll("slot")??[];const i=[];s.forEach((e=>{const s=e.assignedElements({flatten:true});s.forEach((e=>{if(e.matches?.(t)){i.push(e)}const s=e.querySelectorAll?.(t);if(s)i.push(...Array.from(s))}))}));return[...e,...i]}render(){const t=!!this.headline;const e=t||this.closeable||this.hasSlottedClose;return i(o,{key:"ee9aaf1a07d8eb9cb2f41803bf34a50a3732910a",class:{"md-bottom-sheet":true,[`md-bottom-sheet--${this.variant}`]:true,"md-bottom-sheet--open":this.open,"md-bottom-sheet--no-drag-handle":!this.showDragHandle}},i("div",{key:"396b506ca18251d2791d1445b3476602a00f344f",class:"md-bottom-sheet__scrim",part:"scrim","aria-hidden":"true",onClick:this.handleScrimClick}),i("div",{key:"3d86789a8f297772f6f951a23d0f61bb66ba585d",class:"md-bottom-sheet__container",part:"container",role:"dialog","aria-modal":"true","aria-labelledby":t?this.headlineId:undefined,"aria-label":this.sheetAriaLabel||(!t?"Bottom sheet":undefined),"aria-hidden":!this.open?"true":undefined,inert:!this.open,tabindex:-1,ref:t=>this.containerEl=t},i("span",{key:"33f1833c6e37ad867411ab883a8b4413fc2737e8",class:"md-bottom-sheet__focus-guard",tabindex:0,"aria-hidden":"true",onFocus:this.handleEndGuardFocus}),this.showDragHandle&&i("div",{key:"4f855aec9da649004422efa2dfa869792f2fa554",class:{"md-bottom-sheet__drag-handle":true,"md-bottom-sheet__drag-handle--dragging":this.dragging},part:"drag-handle","aria-hidden":"true",onPointerDown:this.handleDragStart,onPointerMove:this.handleDragMove,onPointerUp:this.handleDragEnd,onPointerCancel:this.handleDragEnd},i("div",{key:"76da30ada36ef53052130ead104bc15427cab05f",class:"md-bottom-sheet__drag-handle-indicator",part:"drag-handle-indicator"})),e&&i("div",{key:"1e56e5fe59cb5e6a1a164da5b8ce2a87ea2adc3d",class:"md-bottom-sheet__header",part:"header"},t&&i("span",{key:"8fe97bc3cf784111ff82410a0238f7c7c0897b71",id:this.headlineId,class:"md-bottom-sheet__headline",part:"headline"},i("slot",{key:"30b6da3d283ca5c99265950465d61405051d4983",name:"headline"},this.headline)),(this.closeable||this.hasSlottedClose)&&i("div",{key:"b485c3896dd50733e432b7bed194e7130f4c5612",class:"md-bottom-sheet__close",part:"close"},i("slot",{key:"cfd23b597ec9bb2748c8f02055b0bee69ecdfec8",name:"close"},i("md-icon-button",{key:"a7f597d5fc4e76b2ea063e9db2e1cf7407819302",variant:"standard",icon:"close","aria-label":"Close bottom sheet",onClick:this.handleCloseClick})))),this.topDivider&&i("div",{key:"7394a9ce1c36c9ce16a3485ebf3dcf7bb5f71059",class:"md-bottom-sheet__divider",part:"divider-top","aria-hidden":"true"}),i("div",{key:"7b5de96c437a159bfc7fdcfad2f2296b62efd419",class:"md-bottom-sheet__content",part:"content"},i("slot",{key:"fefde953467f1f08960b46af3dd56da67fccc88e"})),this.hasActions&&this.bottomDivider&&i("div",{key:"df44b71b94ce36c04e9a2a8f3bcbbaee263a095f",class:"md-bottom-sheet__divider md-bottom-sheet__divider--bottom",part:"divider-bottom","aria-hidden":"true"}),this.hasActions&&i("div",{key:"64e0cb7fd2eee8c39b7681784a78bfb18cd6b1c1",class:"md-bottom-sheet__actions",part:"actions"},i("slot",{key:"68cdbde2476e1d9b16ea0c3272796220d3ab23fd",name:"actions"})),i("span",{key:"84bbb8c92ccc5f681c8096223b1727135e0b189f",class:"md-bottom-sheet__focus-guard",tabindex:0,"aria-hidden":"true",onFocus:this.handleStartGuardFocus})))}get el(){return this}static get watchers(){return{open:[{onOpenChange:0}]}}static get style(){return r()}},[257,"md-bottom-sheet",{open:[1540],variant:[513],headline:[1],showDragHandle:[516,"show-drag-handle"],closeable:[516],scrimDismissible:[4,"scrim-dismissible"],topDivider:[516,"top-divider"],bottomDivider:[516,"bottom-divider"],sheetAriaLabel:[1,"aria-label"],scrollShadow:[516,"scroll-shadow"],headlineAlign:[513,"headline-align"],contentAlign:[513,"content-align"],density:[514],hasSlottedClose:[32],hasActions:[32],dragging:[32],show:[64],close:[64]},undefined,{open:[{onOpenChange:0}]}]);function m(){if(typeof customElements==="undefined"){return}const t=["md-bottom-sheet","md-icon-button","md-ripple"];t.forEach((t=>{switch(t){case"md-bottom-sheet":if(!customElements.get(a(t))){customElements.define(a(t),c)}break;case"md-icon-button":if(!customElements.get(a(t))){n()}break;case"md-ripple":if(!customElements.get(a(t))){d()}break}}))}m();const h=c;const l=m;export{h as MdBottomSheet,l as defineCustomElement};
 //# sourceMappingURL=md-bottom-sheet.js.map

package/dist/components-csr/md-breadcrumb-item.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{p as e,H as t,c as r,h as a,d as i,t as s}from"./p-bSpXNc5J.js";import{s as o,S as n}from"./p-BdEoSBtL.js";import{d}from"./p-Hm3X1iai.js";const m=()=>`:host{--_link-color:var(--md-breadcrumb-item-link-color, var(--md-sys-color-on-surface-variant, #49454F));--_current-color:var(--md-breadcrumb-item-current-color, var(--md-sys-color-on-secondary-container, #1D192B));--_current-bg:var(--md-breadcrumb-item-current-bg, var(--md-sys-color-secondary-container, #E8DEF8));--_disabled-color:var(--md-breadcrumb-item-disabled-color, color-mix(in srgb, var(--md-sys-color-on-surface, #1C1B1F) 61%, transparent));--_hover-color:var(--md-breadcrumb-item-hover-color, var(--md-sys-color-primary, #6750A4));--_state-layer-color:var(--md-breadcrumb-item-state-layer-color, var(--md-sys-color-on-surface, #1C1B1F));--_gap:var(--md-breadcrumb-item-gap, calc(6px + var(--md-sys-density-scale, 0) * 1px));--_padding:var(--md-breadcrumb-item-padding, calc(8px + var(--md-sys-density-scale, 0) * 2px) max(4px, calc(12px + var(--md-sys-density-scale, 0) * 2px)));--_motion-duration:var(--md-sys-motion-spring-effects-default-duration, 200ms);--_motion-easing:var(--md-sys-motion-spring-effects-default-easing, cubic-bezier(0.34, 0.80, 0.34, 1.00));--_spring-easing:var(--md-sys-motion-spring-spatial-fast-easing, cubic-bezier(0.42, 1.67, 0.21, 0.90));--_spring-duration:var(--md-sys-motion-spring-spatial-fast-duration, 350ms);display:inline-flex;align-items:center;gap:var(--md-breadcrumbs-gap, var(--md-sys-spacing-gap-sm, 8px));box-sizing:border-box;font-family:var(--md-sys-typescale-label-large-font-family, Roboto, sans-serif);font-size:max(12px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-label-large-font-weight, 500);line-height:max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-label-large-letter-spacing, 0.1px)}:host(.md-breadcrumb-item--collapsed){display:none}.md-breadcrumb-item__separator{color:var(--md-breadcrumbs-separator-color, var(--md-sys-color-on-surface-variant, #49454F));font-size:max(13px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px));user-select:none;pointer-events:none;opacity:0.7;transition:opacity var(--_motion-duration) var(--_motion-easing)}.md-breadcrumb-item__link,.md-breadcrumb-item__static{position:relative;display:inline-flex;align-items:center;gap:var(--_gap);padding:var(--_padding);border-radius:var(--md-sys-shape-corner-full, 9999px);text-decoration:none;color:var(--_link-color);font:inherit;isolation:isolate;overflow:hidden;transition:color var(--_motion-duration) var(--_motion-easing),     background-color var(--_motion-duration) var(--_motion-easing),     transform var(--_spring-duration) var(--_spring-easing)}.md-breadcrumb-item__state-layer{position:absolute;inset:0;border-radius:inherit;background-color:var(--_state-layer-color);opacity:0;pointer-events:none;transition:opacity var(--_motion-duration) var(--_motion-easing)}.md-breadcrumb-item__link:hover .md-breadcrumb-item__state-layer{opacity:var(--md-sys-state-hover-state-layer-opacity, 0.08)}.md-breadcrumb-item__link:focus-visible .md-breadcrumb-item__state-layer{opacity:var(--md-sys-state-focus-state-layer-opacity, 0.12)}.md-breadcrumb-item__link:active .md-breadcrumb-item__state-layer{opacity:var(--md-sys-state-pressed-state-layer-opacity, 0.12)}.md-breadcrumb-item__link:hover{color:var(--_hover-color);transform:translateX(2px)}:host([dir="rtl"]) .md-breadcrumb-item__link:hover,:host-context([dir="rtl"]) .md-breadcrumb-item__link:hover{transform:translateX(-2px)}.md-breadcrumb-item__link:focus-visible{outline:3px solid var(--md-sys-color-secondary, #625B71);outline-offset:2px}:host(.md-breadcrumb-item--current) .md-breadcrumb-item__static{background-color:var(--_current-bg);color:var(--_current-color);font-weight:600}:host(.md-breadcrumb-item--disabled) .md-breadcrumb-item__static,:host(.md-breadcrumb-item--disabled) .md-breadcrumb-item__link{color:var(--_disabled-color);pointer-events:none;cursor:not-allowed}:host(.md-breadcrumb-item--disabled) md-ripple,:host(.md-breadcrumb-item--disabled) .md-breadcrumb-item__state-layer{display:none}.md-breadcrumb-item__icon{display:inline-flex;align-items:center;justify-content:center;inline-size:18px;block-size:18px;color:currentColor;flex-shrink:0}.md-breadcrumb-item__icon .material-symbols-outlined{font-family:var(--md-sys-icon-font-family, 'Material Symbols Outlined', 'Material Icons');font-size:max(14px, calc(18px + var(--md-sys-density-scale, 0) * 1px));line-height:1;font-variation-settings:'FILL' 0, 'wght' 500, 'GRAD' 0, 'opsz' 24;transition:font-variation-settings var(--_spring-duration) var(--_spring-easing)}:host(.md-breadcrumb-item--current) .md-breadcrumb-item__icon .material-symbols-outlined{font-variation-settings:'FILL' 1, 'wght' 600, 'GRAD' 0, 'opsz' 24}.md-breadcrumb-item__label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-inline-size:32ch;position:relative;z-index:1}.md-breadcrumb-item__icon{position:relative;z-index:1}@media (prefers-reduced-motion: reduce){.md-breadcrumb-item__link,.md-breadcrumb-item__static,.md-breadcrumb-item__icon .material-symbols-outlined,.md-breadcrumb-item__separator,.md-breadcrumb-item__state-layer{transition-duration:0.01ms !important}.md-breadcrumb-item__link:hover{transform:none}}@media (forced-colors: active){.md-breadcrumb-item__link{color:LinkText}:host(.md-breadcrumb-item--current) .md-breadcrumb-item__static{color:CanvasText;background-color:Canvas;outline:1px solid CanvasText}.md-breadcrumb-item__state-layer{display:none}}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}`;const l=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.mdSelect=r(this,"mdSelect",7);this.href="";this.target="";this.rel="";this.current=false;this.icon="";this.disabled=false;this.collapsed=false;this.itemIndex=0;this.itemTotal=0;this.density=0;this.hasSlottedIcon=false;this.hasSlottedLabel=false;this.handleAnchorClick=e=>{const t=this.mdSelect.emit(this.buildDetail(e));if(t.defaultPrevented){e.preventDefault()}}}get isCollapsed(){return this.collapsed}get isCurrent(){return this.current}componentWillLoad(){this.hasSlottedIcon=this.hasDirectSlottedChild("icon");this.hasSlottedLabel=this.hasDefaultSlotContent()}componentDidLoad(){const e=this.el.shadowRoot?.querySelector('slot[name="icon"]');e?.addEventListener("slotchange",(()=>{this.hasSlottedIcon=e.assignedElements().length>0}));const t=this.el.shadowRoot?.querySelector("slot:not([name])");t?.addEventListener("slotchange",(()=>{this.hasSlottedLabel=(t?.assignedNodes()??[]).length>0}))}getLabelText(){return(this.el.textContent??"").trim()}buildDetail(e){return{href:this.href,label:this.getLabelText(),current:this.current,itemIndex:this.itemIndex,itemTotal:this.itemTotal,originalEvent:e}}hasDirectSlottedChild(e){const t=this.el.children;for(let r=0;r<t.length;r+=1){if(t[r].getAttribute("slot")===e)return true}return false}hasDefaultSlotContent(){for(let e=0;e<this.el.childNodes.length;e+=1){const t=this.el.childNodes[e];if(t.nodeType===1){if(!t.hasAttribute("slot"))return true}else if(t.nodeType===3&&(t.textContent??"").trim()!==""){return true}}return false}renderLeadingSeparator(){if(this.itemIndex===0)return null;const e=this.el.parentElement;const t=e?.separator??"/";return a("span",{class:"md-breadcrumb-item__separator",part:"separator","aria-hidden":"true"},t)}renderIcon(){if(this.hasSlottedIcon){return a("span",{class:"md-breadcrumb-item__icon",part:"icon","aria-hidden":"true"},a("slot",{name:"icon"}))}if(this.icon){return a("span",{class:"md-breadcrumb-item__icon",part:"icon","aria-hidden":"true"},a("span",{class:"material-symbols-outlined"},this.icon))}return null}renderLabel(){return a("span",{class:"md-breadcrumb-item__label",part:"label"},a("slot",null))}renderInner(){const e=this.renderIcon();const t=this.renderLabel();if(this.isCurrent||!this.href||this.disabled){return a("span",{class:"md-breadcrumb-item__static",part:"static","aria-current":this.isCurrent?"page":undefined},e,t)}return a("a",{class:"md-breadcrumb-item__link",part:"link",href:o(this.href),target:this.target||undefined,rel:this.rel||(this.target?n:undefined),onClick:this.handleAnchorClick},a("md-ripple",{disabled:this.disabled}),a("span",{class:"md-breadcrumb-item__state-layer",part:"state-layer","aria-hidden":"true"}),e,t)}render(){if(this.isCollapsed){return a(i,{class:"md-breadcrumb-item md-breadcrumb-item--collapsed",role:"listitem","aria-hidden":"true"})}return a(i,{class:{"md-breadcrumb-item":true,"md-breadcrumb-item--current":this.isCurrent,"md-breadcrumb-item--disabled":this.disabled},role:"listitem"},this.renderLeadingSeparator(),this.renderInner())}get el(){return this}static get style(){return m()}},[257,"md-breadcrumb-item",{href:[1],target:[1],rel:[1],current:[516],icon:[1],disabled:[516],collapsed:[516],itemIndex:[2,"item-index"],itemTotal:[2,"item-total"],density:[514],hasSlottedIcon:[32],hasSlottedLabel:[32]}]);function c(){if(typeof customElements==="undefined"){return}const e=["md-breadcrumb-item","md-ripple"];e.forEach((e=>{switch(e){case"md-breadcrumb-item":if(!customElements.get(s(e))){customElements.define(s(e),l)}break;case"md-ripple":if(!customElements.get(s(e))){d()}break}}))}c();const b=l;const u=c;export{b as MdBreadcrumbItem,u as defineCustomElement};
+import{p as e,H as t,c as r,h as a,d as i,t as s}from"./p-bSpXNc5J.js";import{s as o,S as n}from"./p-BdEoSBtL.js";import{d}from"./p-C3vB0Hd9.js";const m=()=>`:host{--_link-color:var(--md-breadcrumb-item-link-color, var(--md-sys-color-on-surface-variant, #49454F));--_current-color:var(--md-breadcrumb-item-current-color, var(--md-sys-color-on-secondary-container, #1D192B));--_current-bg:var(--md-breadcrumb-item-current-bg, var(--md-sys-color-secondary-container, #E8DEF8));--_disabled-color:var(--md-breadcrumb-item-disabled-color, color-mix(in srgb, var(--md-sys-color-on-surface, #1C1B1F) 61%, transparent));--_hover-color:var(--md-breadcrumb-item-hover-color, var(--md-sys-color-primary, #6750A4));--_state-layer-color:var(--md-breadcrumb-item-state-layer-color, var(--md-sys-color-on-surface, #1C1B1F));--_gap:var(--md-breadcrumb-item-gap, calc(6px + var(--md-sys-density-scale, 0) * 1px));--_padding:var(--md-breadcrumb-item-padding, calc(8px + var(--md-sys-density-scale, 0) * 2px) max(4px, calc(12px + var(--md-sys-density-scale, 0) * 2px)));--_motion-duration:var(--md-sys-motion-spring-effects-default-duration, 200ms);--_motion-easing:var(--md-sys-motion-spring-effects-default-easing, cubic-bezier(0.34, 0.80, 0.34, 1.00));--_spring-easing:var(--md-sys-motion-spring-spatial-fast-easing, cubic-bezier(0.42, 1.67, 0.21, 0.90));--_spring-duration:var(--md-sys-motion-spring-spatial-fast-duration, 350ms);display:inline-flex;align-items:center;gap:var(--md-breadcrumbs-gap, var(--md-sys-spacing-gap-sm, 8px));box-sizing:border-box;font-family:var(--md-sys-typescale-label-large-font-family, Roboto, sans-serif);font-size:max(12px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-label-large-font-weight, 500);line-height:max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-label-large-letter-spacing, 0.1px)}:host(.md-breadcrumb-item--collapsed){display:none}.md-breadcrumb-item__separator{color:var(--md-breadcrumbs-separator-color, var(--md-sys-color-on-surface-variant, #49454F));font-size:max(13px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px));user-select:none;pointer-events:none;opacity:0.7;transition:opacity var(--_motion-duration) var(--_motion-easing)}.md-breadcrumb-item__link,.md-breadcrumb-item__static{position:relative;display:inline-flex;align-items:center;gap:var(--_gap);padding:var(--_padding);border-radius:var(--md-sys-shape-corner-full, 9999px);text-decoration:none;color:var(--_link-color);font:inherit;isolation:isolate;overflow:hidden;transition:color var(--_motion-duration) var(--_motion-easing),     background-color var(--_motion-duration) var(--_motion-easing),     transform var(--_spring-duration) var(--_spring-easing)}.md-breadcrumb-item__state-layer{position:absolute;inset:0;border-radius:inherit;background-color:var(--_state-layer-color);opacity:0;pointer-events:none;transition:opacity var(--_motion-duration) var(--_motion-easing)}.md-breadcrumb-item__link:hover .md-breadcrumb-item__state-layer{opacity:var(--md-sys-state-hover-state-layer-opacity, 0.08)}.md-breadcrumb-item__link:focus-visible .md-breadcrumb-item__state-layer{opacity:var(--md-sys-state-focus-state-layer-opacity, 0.12)}.md-breadcrumb-item__link:active .md-breadcrumb-item__state-layer{opacity:var(--md-sys-state-pressed-state-layer-opacity, 0.12)}.md-breadcrumb-item__link:hover{color:var(--_hover-color);transform:translateX(2px)}:host([dir="rtl"]) .md-breadcrumb-item__link:hover,:host-context([dir="rtl"]) .md-breadcrumb-item__link:hover{transform:translateX(-2px)}.md-breadcrumb-item__link:focus-visible{outline:3px solid var(--md-sys-color-secondary, #625B71);outline-offset:2px}:host(.md-breadcrumb-item--current) .md-breadcrumb-item__static{background-color:var(--_current-bg);color:var(--_current-color);font-weight:600}:host(.md-breadcrumb-item--disabled) .md-breadcrumb-item__static,:host(.md-breadcrumb-item--disabled) .md-breadcrumb-item__link{color:var(--_disabled-color);pointer-events:none;cursor:not-allowed}:host(.md-breadcrumb-item--disabled) md-ripple,:host(.md-breadcrumb-item--disabled) .md-breadcrumb-item__state-layer{display:none}.md-breadcrumb-item__icon{display:inline-flex;align-items:center;justify-content:center;inline-size:18px;block-size:18px;color:currentColor;flex-shrink:0}.md-breadcrumb-item__icon .material-symbols-outlined{font-family:var(--md-sys-icon-font-family, 'Material Symbols Outlined', 'Material Icons');font-size:max(14px, calc(18px + var(--md-sys-density-scale, 0) * 1px));line-height:1;font-variation-settings:'FILL' 0, 'wght' 500, 'GRAD' 0, 'opsz' 24;transition:font-variation-settings var(--_spring-duration) var(--_spring-easing)}:host(.md-breadcrumb-item--current) .md-breadcrumb-item__icon .material-symbols-outlined{font-variation-settings:'FILL' 1, 'wght' 600, 'GRAD' 0, 'opsz' 24}.md-breadcrumb-item__label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-inline-size:32ch;position:relative;z-index:1}.md-breadcrumb-item__icon{position:relative;z-index:1}@media (prefers-reduced-motion: reduce){.md-breadcrumb-item__link,.md-breadcrumb-item__static,.md-breadcrumb-item__icon .material-symbols-outlined,.md-breadcrumb-item__separator,.md-breadcrumb-item__state-layer{transition-duration:0.01ms !important}.md-breadcrumb-item__link:hover{transform:none}}@media (forced-colors: active){.md-breadcrumb-item__link{color:LinkText}:host(.md-breadcrumb-item--current) .md-breadcrumb-item__static{color:CanvasText;background-color:Canvas;outline:1px solid CanvasText}.md-breadcrumb-item__state-layer{display:none}}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}`;const l=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.mdSelect=r(this,"mdSelect",7);this.href="";this.target="";this.rel="";this.current=false;this.icon="";this.disabled=false;this.collapsed=false;this.itemIndex=0;this.itemTotal=0;this.density=0;this.hasSlottedIcon=false;this.hasSlottedLabel=false;this.handleAnchorClick=e=>{const t=this.mdSelect.emit(this.buildDetail(e));if(t.defaultPrevented){e.preventDefault()}}}get isCollapsed(){return this.collapsed}get isCurrent(){return this.current}componentWillLoad(){this.hasSlottedIcon=this.hasDirectSlottedChild("icon");this.hasSlottedLabel=this.hasDefaultSlotContent()}componentDidLoad(){const e=this.el.shadowRoot?.querySelector('slot[name="icon"]');e?.addEventListener("slotchange",(()=>{this.hasSlottedIcon=e.assignedElements().length>0}));const t=this.el.shadowRoot?.querySelector("slot:not([name])");t?.addEventListener("slotchange",(()=>{this.hasSlottedLabel=(t?.assignedNodes()??[]).length>0}))}getLabelText(){return(this.el.textContent??"").trim()}buildDetail(e){return{href:this.href,label:this.getLabelText(),current:this.current,itemIndex:this.itemIndex,itemTotal:this.itemTotal,originalEvent:e}}hasDirectSlottedChild(e){const t=this.el.children;for(let r=0;r<t.length;r+=1){if(t[r].getAttribute("slot")===e)return true}return false}hasDefaultSlotContent(){for(let e=0;e<this.el.childNodes.length;e+=1){const t=this.el.childNodes[e];if(t.nodeType===1){if(!t.hasAttribute("slot"))return true}else if(t.nodeType===3&&(t.textContent??"").trim()!==""){return true}}return false}renderLeadingSeparator(){if(this.itemIndex===0)return null;const e=this.el.parentElement;const t=e?.separator??"/";return a("span",{class:"md-breadcrumb-item__separator",part:"separator","aria-hidden":"true"},t)}renderIcon(){if(this.hasSlottedIcon){return a("span",{class:"md-breadcrumb-item__icon",part:"icon","aria-hidden":"true"},a("slot",{name:"icon"}))}if(this.icon){return a("span",{class:"md-breadcrumb-item__icon",part:"icon","aria-hidden":"true"},a("span",{class:"material-symbols-outlined"},this.icon))}return null}renderLabel(){return a("span",{class:"md-breadcrumb-item__label",part:"label"},a("slot",null))}renderInner(){const e=this.renderIcon();const t=this.renderLabel();if(this.isCurrent||!this.href||this.disabled){return a("span",{class:"md-breadcrumb-item__static",part:"static","aria-current":this.isCurrent?"page":undefined},e,t)}return a("a",{class:"md-breadcrumb-item__link",part:"link",href:o(this.href),target:this.target||undefined,rel:this.rel||(this.target?n:undefined),onClick:this.handleAnchorClick},a("md-ripple",{disabled:this.disabled}),a("span",{class:"md-breadcrumb-item__state-layer",part:"state-layer","aria-hidden":"true"}),e,t)}render(){if(this.isCollapsed){return a(i,{class:"md-breadcrumb-item md-breadcrumb-item--collapsed",role:"listitem","aria-hidden":"true"})}return a(i,{class:{"md-breadcrumb-item":true,"md-breadcrumb-item--current":this.isCurrent,"md-breadcrumb-item--disabled":this.disabled},role:"listitem"},this.renderLeadingSeparator(),this.renderInner())}get el(){return this}static get style(){return m()}},[257,"md-breadcrumb-item",{href:[1],target:[1],rel:[1],current:[516],icon:[1],disabled:[516],collapsed:[516],itemIndex:[2,"item-index"],itemTotal:[2,"item-total"],density:[514],hasSlottedIcon:[32],hasSlottedLabel:[32]}]);function c(){if(typeof customElements==="undefined"){return}const e=["md-breadcrumb-item","md-ripple"];e.forEach((e=>{switch(e){case"md-breadcrumb-item":if(!customElements.get(s(e))){customElements.define(s(e),l)}break;case"md-ripple":if(!customElements.get(s(e))){d()}break}}))}c();const b=l;const u=c;export{b as MdBreadcrumbItem,u as defineCustomElement};
 //# sourceMappingURL=md-breadcrumb-item.js.map

package/dist/components-csr/md-breadcrumbs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{p as e,H as t,c as a,h as r,d as s,t as o}from"./p-bSpXNc5J.js";const i=()=>`:host{--_gap:var(--md-breadcrumbs-gap, calc(8px + var(--md-sys-density-scale, 0) * 2px));--_separator-color:var(--md-breadcrumbs-separator-color, var(--md-sys-color-on-surface-variant, #49454F));--_text-color:var(--md-breadcrumbs-text-color, var(--md-sys-color-on-surface-variant, #49454F));--_stagger:var(--md-breadcrumbs-stagger, 40ms);--_in-duration:var(--md-sys-motion-spring-spatial-default-duration, 500ms);--_in-easing:var(--md-sys-motion-spring-spatial-default-easing, cubic-bezier(0.38, 1.21, 0.22, 1.00));--_state-duration:var(--md-sys-motion-spring-effects-default-duration, 200ms);--_state-easing:var(--md-sys-motion-spring-effects-default-easing, cubic-bezier(0.34, 0.80, 0.34, 1.00));display:block;inline-size:100%;box-sizing:border-box;font-family:var(--md-sys-typescale-label-large-font-family, Roboto, sans-serif);color:var(--_text-color)}.md-breadcrumbs__list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:0 var(--_gap)}@keyframes md-breadcrumb-enter{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}::slotted(md-breadcrumb-item){animation:md-breadcrumb-enter var(--_in-duration) var(--_in-easing) both}::slotted(md-breadcrumb-item:nth-of-type(1)){animation-delay:calc(var(--_stagger) * 0)}::slotted(md-breadcrumb-item:nth-of-type(2)){animation-delay:calc(var(--_stagger) * 1)}::slotted(md-breadcrumb-item:nth-of-type(3)){animation-delay:calc(var(--_stagger) * 2)}::slotted(md-breadcrumb-item:nth-of-type(4)){animation-delay:calc(var(--_stagger) * 3)}::slotted(md-breadcrumb-item:nth-of-type(5)){animation-delay:calc(var(--_stagger) * 4)}::slotted(md-breadcrumb-item:nth-of-type(6)){animation-delay:calc(var(--_stagger) * 5)}::slotted(md-breadcrumb-item:nth-of-type(7)){animation-delay:calc(var(--_stagger) * 6)}::slotted(md-breadcrumb-item:nth-of-type(8)){animation-delay:calc(var(--_stagger) * 7)}::slotted(md-breadcrumb-item:nth-of-type(9)){animation-delay:calc(var(--_stagger) * 8)}::slotted(md-breadcrumb-item:nth-of-type(10)){animation-delay:calc(var(--_stagger) * 9)}::slotted(md-breadcrumb-item:nth-of-type(11)){animation-delay:calc(var(--_stagger) * 10)}::slotted(md-breadcrumb-item:nth-of-type(12)){animation-delay:calc(var(--_stagger) * 11)}:host([dir="rtl"]){}:host([dir="rtl"]) ::slotted(md-breadcrumb-item),:host-context([dir="rtl"]) ::slotted(md-breadcrumb-item){animation-name:md-breadcrumb-enter-rtl}@keyframes md-breadcrumb-enter-rtl{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:translateX(0)}}.md-breadcrumbs__overflow{display:inline-flex;align-items:center;gap:var(--md-sys-spacing-gap-xs, 4px);order:1}.md-breadcrumbs__overflow-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;inline-size:32px;block-size:32px;border:none;border-radius:var(--md-sys-shape-corner-full, 9999px);background-color:transparent;color:var(--md-sys-color-on-surface-variant, #49454F);cursor:pointer;transition:background-color var(--_state-duration) var(--_state-easing),     transform var(--_state-duration) var(--_state-easing)}.md-breadcrumbs__overflow-btn:hover{background-color:color-mix(in srgb, var(--md-sys-color-on-surface-variant, #49454F) 8%, transparent)}.md-breadcrumbs__overflow-btn:focus-visible{background-color:color-mix(in srgb, var(--md-sys-color-on-surface-variant, #49454F) 12%, transparent);outline:3px solid var(--md-sys-color-secondary, #625B71);outline-offset:2px}.md-breadcrumbs__overflow-btn:active{transform:scale(0.94)}.md-breadcrumbs__separator{display:inline-flex;align-items:center;color:var(--_separator-color);font-size:max(13px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px));user-select:none;pointer-events:none}:host([dir="rtl"]) .md-breadcrumbs__separator,:host-context([dir="rtl"]) .md-breadcrumbs__separator{unicode-bidi:plaintext}@media (prefers-reduced-motion: reduce){::slotted(md-breadcrumb-item){animation:none !important}.md-breadcrumbs__overflow-btn{transition:none}}@media (forced-colors: active){.md-breadcrumbs__separator{color:GrayText}.md-breadcrumbs__overflow-btn{border:1px solid CanvasText}}: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=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.mdExpand=a(this,"mdExpand",7);this.label="Breadcrumb";this.expandLabel="Show full breadcrumb trail";this.separator="/";this.maxItems=0;this.itemsBeforeCollapse=1;this.itemsAfterCollapse=2;this.density=0;this.expanded=false;this.itemCount=0;this.toggleExpanded=()=>{this.setExpanded(!this.expanded)}}componentWillLoad(){this.refreshItems()}componentDidLoad(){const e=this.el.shadowRoot?.querySelector("slot:not([name])");e?.addEventListener("slotchange",(()=>this.refreshItems()))}onCollapseConfigChange(){this.refreshItems()}refreshItems(){const e=this.collectItems();this.itemCount=e.length;e.forEach(((t,a)=>{t.itemIndex=a;t.itemTotal=e.length}));const t=e.some(((t,a)=>t.current&&a!==e.length-1));if(!t&&e.length>0){e.forEach(((t,a)=>{t.current=a===e.length-1}))}this.applyVisibility(e)}collectItems(){const e=[];const t=this.el.children;for(let a=0;a<t.length;a+=1){const r=t[a];if(r.tagName==="MD-BREADCRUMB-ITEM"){e.push(r)}}return e}applyVisibility(e){if(this.expanded||this.maxItems<=0||e.length<=this.maxItems){e.forEach((e=>{e.collapsed=false;e.style.removeProperty("order")}));return}const t=Math.max(0,this.itemsBeforeCollapse);const a=Math.max(1,this.itemsAfterCollapse);e.forEach(((r,s)=>{const o=s<t;const i=s>=e.length-a;r.collapsed=!(o||i);if(i){r.style.order="2"}else{r.style.removeProperty("order")}}))}setExpanded(e){if(this.expanded===e)return;this.expanded=e;this.applyVisibility(this.collectItems());this.mdExpand.emit({expanded:e,itemCount:this.itemCount})}async expand(){this.setExpanded(true)}async collapse(){this.setExpanded(false)}renderSeparator(e){return r("span",{class:"md-breadcrumbs__separator",part:`separator separator-${e}`,"aria-hidden":"true"},this.separator)}render(){const e=this.maxItems>0&&this.itemCount>this.maxItems&&!this.expanded;return r(s,{key:"ce51f7b6eb3d275e04651c8fa295492f16e636d0",class:"md-breadcrumbs",role:"navigation","aria-label":this.label},r("ol",{key:"9da9d0a035aa8c7b126c170c660032f6691b3b0d",class:"md-breadcrumbs__list",part:"list"},r("slot",{key:"0fc20ae66a03543cf593d466087ba6120ff28ab8"}),e&&r("li",{key:"46b99c919a39f5621b91e34462a23425077db930",class:"md-breadcrumbs__overflow",part:"overflow"},Math.max(0,this.itemsBeforeCollapse)>0?this.renderSeparator(-2):null,r("button",{key:"7bac5a791b503e120d7e55b6146a0cbbab7ad28d",type:"button",class:"md-breadcrumbs__overflow-btn",part:"overflow-button","aria-label":this.expandLabel,"aria-expanded":this.expanded?"true":"false",onClick:this.toggleExpanded},r("svg",{key:"629e99fbfff2aa8403470cde5e5b8db9ca34bc7d",viewBox:"0 0 24 24",width:"20",height:"20",fill:"currentColor","aria-hidden":"true"},r("circle",{key:"9435f7716d854d921460b3e13726ce26ffdb7f27",cx:"6",cy:"12",r:"1.6"}),r("circle",{key:"0baa627bca5f382f0cf9c0b8899bd19d0cdcc920",cx:"12",cy:"12",r:"1.6"}),r("circle",{key:"3c63f0c71b887ddf51ef485eaa4562ee2d5704a6",cx:"18",cy:"12",r:"1.6"}))))))}get el(){return this}static get watchers(){return{maxItems:[{onCollapseConfigChange:0}],itemsBeforeCollapse:[{onCollapseConfigChange:0}],itemsAfterCollapse:[{onCollapseConfigChange:0}]}}static get style(){return i()}},[257,"md-breadcrumbs",{label:[1],expandLabel:[1,"expand-label"],separator:[1],maxItems:[2,"max-items"],itemsBeforeCollapse:[2,"items-before-collapse"],itemsAfterCollapse:[2,"items-after-collapse"],density:[514],expanded:[32],itemCount:[32],expand:[64],collapse:[64]},undefined,{maxItems:[{onCollapseConfigChange:0}],itemsBeforeCollapse:[{onCollapseConfigChange:0}],itemsAfterCollapse:[{onCollapseConfigChange:0}]}]);function d(){if(typeof customElements==="undefined"){return}const e=["md-breadcrumbs"];e.forEach((e=>{switch(e){case"md-breadcrumbs":if(!customElements.get(o(e))){customElements.define(o(e),n)}break}}))}d();const c=n;const l=d;export{c as MdBreadcrumbs,l as defineCustomElement};
+import{p as e,H as t,c as a,h as r,d as s,t as o}from"./p-bSpXNc5J.js";const i=()=>`:host{--_gap:var(--md-breadcrumbs-gap, calc(8px + var(--md-sys-density-scale, 0) * 2px));--_separator-color:var(--md-breadcrumbs-separator-color, var(--md-sys-color-on-surface-variant, #49454F));--_text-color:var(--md-breadcrumbs-text-color, var(--md-sys-color-on-surface-variant, #49454F));--_stagger:var(--md-breadcrumbs-stagger, 40ms);--_in-duration:var(--md-sys-motion-spring-spatial-default-duration, 500ms);--_in-easing:var(--md-sys-motion-spring-spatial-default-easing, cubic-bezier(0.38, 1.21, 0.22, 1.00));--_state-duration:var(--md-sys-motion-spring-effects-default-duration, 200ms);--_state-easing:var(--md-sys-motion-spring-effects-default-easing, cubic-bezier(0.34, 0.80, 0.34, 1.00));display:block;inline-size:100%;box-sizing:border-box;font-family:var(--md-sys-typescale-label-large-font-family, Roboto, sans-serif);color:var(--_text-color)}.md-breadcrumbs__list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:0 var(--_gap)}@keyframes md-breadcrumb-enter{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}::slotted(md-breadcrumb-item){animation:md-breadcrumb-enter var(--_in-duration) var(--_in-easing) both}::slotted(md-breadcrumb-item:nth-of-type(1)){animation-delay:calc(var(--_stagger) * 0)}::slotted(md-breadcrumb-item:nth-of-type(2)){animation-delay:calc(var(--_stagger) * 1)}::slotted(md-breadcrumb-item:nth-of-type(3)){animation-delay:calc(var(--_stagger) * 2)}::slotted(md-breadcrumb-item:nth-of-type(4)){animation-delay:calc(var(--_stagger) * 3)}::slotted(md-breadcrumb-item:nth-of-type(5)){animation-delay:calc(var(--_stagger) * 4)}::slotted(md-breadcrumb-item:nth-of-type(6)){animation-delay:calc(var(--_stagger) * 5)}::slotted(md-breadcrumb-item:nth-of-type(7)){animation-delay:calc(var(--_stagger) * 6)}::slotted(md-breadcrumb-item:nth-of-type(8)){animation-delay:calc(var(--_stagger) * 7)}::slotted(md-breadcrumb-item:nth-of-type(9)){animation-delay:calc(var(--_stagger) * 8)}::slotted(md-breadcrumb-item:nth-of-type(10)){animation-delay:calc(var(--_stagger) * 9)}::slotted(md-breadcrumb-item:nth-of-type(11)){animation-delay:calc(var(--_stagger) * 10)}::slotted(md-breadcrumb-item:nth-of-type(12)){animation-delay:calc(var(--_stagger) * 11)}:host([dir="rtl"]){}:host([dir="rtl"]) ::slotted(md-breadcrumb-item),:host-context([dir="rtl"]) ::slotted(md-breadcrumb-item){animation-name:md-breadcrumb-enter-rtl}@keyframes md-breadcrumb-enter-rtl{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:translateX(0)}}.md-breadcrumbs__overflow{display:inline-flex;align-items:center;gap:var(--md-sys-spacing-gap-xs, 4px);order:1}.md-breadcrumbs__overflow-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;inline-size:32px;block-size:32px;border:none;border-radius:var(--md-sys-shape-corner-full, 9999px);background-color:transparent;color:var(--md-sys-color-on-surface-variant, #49454F);cursor:pointer;transition:background-color var(--_state-duration) var(--_state-easing),     transform var(--_state-duration) var(--_state-easing)}.md-breadcrumbs__overflow-btn:hover{background-color:color-mix(in srgb, var(--md-sys-color-on-surface-variant, #49454F) 8%, transparent)}.md-breadcrumbs__overflow-btn:focus-visible{background-color:color-mix(in srgb, var(--md-sys-color-on-surface-variant, #49454F) 12%, transparent);outline:3px solid var(--md-sys-color-secondary, #625B71);outline-offset:2px}.md-breadcrumbs__overflow-btn:active{transform:scale(0.94)}.md-breadcrumbs__separator{display:inline-flex;align-items:center;color:var(--_separator-color);font-size:max(13px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px));user-select:none;pointer-events:none}:host([dir="rtl"]) .md-breadcrumbs__separator,:host-context([dir="rtl"]) .md-breadcrumbs__separator{unicode-bidi:plaintext}@media (prefers-reduced-motion: reduce){::slotted(md-breadcrumb-item){animation:none !important}.md-breadcrumbs__overflow-btn{transition:none}}@media (forced-colors: active){.md-breadcrumbs__separator{color:GrayText}.md-breadcrumbs__overflow-btn{border:1px solid CanvasText}}: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=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.mdExpand=a(this,"mdExpand",7);this.label="Breadcrumb";this.expandLabel="Show full breadcrumb trail";this.separator="/";this.maxItems=0;this.itemsBeforeCollapse=1;this.itemsAfterCollapse=2;this.density=0;this.expanded=false;this.itemCount=0;this.toggleExpanded=()=>{this.setExpanded(!this.expanded)}}componentWillLoad(){this.refreshItems()}componentDidLoad(){const e=this.el.shadowRoot?.querySelector("slot:not([name])");e?.addEventListener("slotchange",(()=>this.refreshItems()))}onCollapseConfigChange(){this.refreshItems()}refreshItems(){const e=this.collectItems();this.itemCount=e.length;e.forEach(((t,a)=>{t.itemIndex=a;t.itemTotal=e.length}));const t=e.some(((t,a)=>t.current&&a!==e.length-1));if(!t&&e.length>0){e.forEach(((t,a)=>{t.current=a===e.length-1}))}this.applyVisibility(e)}collectItems(){const e=[];const t=this.el.children;for(let a=0;a<t.length;a+=1){const r=t[a];if(r.tagName==="MD-BREADCRUMB-ITEM"){e.push(r)}}return e}applyVisibility(e){if(this.expanded||this.maxItems<=0||e.length<=this.maxItems){e.forEach((e=>{e.collapsed=false;e.style.removeProperty("order")}));return}const t=Math.max(0,this.itemsBeforeCollapse);const a=Math.max(1,this.itemsAfterCollapse);e.forEach(((r,s)=>{const o=s<t;const i=s>=e.length-a;r.collapsed=!(o||i);if(i){r.style.order="2"}else{r.style.removeProperty("order")}}))}setExpanded(e){if(this.expanded===e)return;this.expanded=e;this.applyVisibility(this.collectItems());this.mdExpand.emit({expanded:e,itemCount:this.itemCount})}async expand(){this.setExpanded(true)}async collapse(){this.setExpanded(false)}renderSeparator(e){return r("span",{class:"md-breadcrumbs__separator",part:`separator separator-${e}`,"aria-hidden":"true"},this.separator)}render(){const e=this.maxItems>0&&this.itemCount>this.maxItems&&!this.expanded;return r(s,{key:"6f23f1df810a985f560080ffbc3ef2cc84bb6aac",class:"md-breadcrumbs",role:"navigation","aria-label":this.label},r("ol",{key:"6a8d9404fb7f69b4cc18a5d673db40bc12eecd4c",class:"md-breadcrumbs__list",part:"list"},r("slot",{key:"7be137b4ee893d169a9aacbcd6945cc7198dcea2"}),e&&r("li",{key:"c71d04eed44facd2f43ae324deebec02d3c6a3d9",class:"md-breadcrumbs__overflow",part:"overflow"},Math.max(0,this.itemsBeforeCollapse)>0?this.renderSeparator(-2):null,r("button",{key:"9b2f97c61c4260d765d7e57c82f902859fb7d6a0",type:"button",class:"md-breadcrumbs__overflow-btn",part:"overflow-button","aria-label":this.expandLabel,"aria-expanded":this.expanded?"true":"false",onClick:this.toggleExpanded},r("svg",{key:"5d98bc01fc58049d20119ffd1f2a4dd961c7075c",viewBox:"0 0 24 24",width:"20",height:"20",fill:"currentColor","aria-hidden":"true"},r("circle",{key:"7ddb80ca2c6ddc1156a347c0258a5e0edc1705ef",cx:"6",cy:"12",r:"1.6"}),r("circle",{key:"138c27a9047165cb9bb43232c15c8f8bd9fff7a3",cx:"12",cy:"12",r:"1.6"}),r("circle",{key:"5d7263f67eb5a60d0fb6a3f5e8b0bd50e45e0981",cx:"18",cy:"12",r:"1.6"}))))))}get el(){return this}static get watchers(){return{maxItems:[{onCollapseConfigChange:0}],itemsBeforeCollapse:[{onCollapseConfigChange:0}],itemsAfterCollapse:[{onCollapseConfigChange:0}]}}static get style(){return i()}},[257,"md-breadcrumbs",{label:[1],expandLabel:[1,"expand-label"],separator:[1],maxItems:[2,"max-items"],itemsBeforeCollapse:[2,"items-before-collapse"],itemsAfterCollapse:[2,"items-after-collapse"],density:[514],expanded:[32],itemCount:[32],expand:[64],collapse:[64]},undefined,{maxItems:[{onCollapseConfigChange:0}],itemsBeforeCollapse:[{onCollapseConfigChange:0}],itemsAfterCollapse:[{onCollapseConfigChange:0}]}]);function d(){if(typeof customElements==="undefined"){return}const e=["md-breadcrumbs"];e.forEach((e=>{switch(e){case"md-breadcrumbs":if(!customElements.get(o(e))){customElements.define(o(e),n)}break}}))}d();const c=n;const l=d;export{c as MdBreadcrumbs,l as defineCustomElement};
 //# sourceMappingURL=md-breadcrumbs.js.map

package/dist/components-csr/md-button-group.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{p as t,H as o,c as n,h as e,d as s,t as r}from"./p-bSpXNc5J.js";const d=()=>`:host{--_gap:var(--md-button-group-gap, max(4px, calc(8px + var(--md-sys-density-scale, 0) * 1px)));--_width:var(--md-button-group-width, auto);--_min-width:var(--md-button-group-min-width, auto);--_max-width:var(--md-button-group-max-width, none);--_height:var(--md-button-group-height, auto);--_min-height:var(--md-button-group-min-height, auto);--_max-height:var(--md-button-group-max-height, none);display:inline-flex;align-items:stretch;flex-wrap:nowrap;box-sizing:border-box;vertical-align:middle;inline-size:var(--_width);min-inline-size:var(--_min-width);max-inline-size:var(--_max-width);block-size:var(--_height);min-block-size:var(--_min-height);max-block-size:var(--_max-height)}::slotted(md-button),::slotted(md-icon-button){flex-shrink:0;--md-button-min-height:var(--md-button-group-max-height, var(--md-button-group-_unset));max-block-size:var(--_max-height)}:host(.md-button-group--full-width){display:flex;--_width:100%}:host(.md-button-group--full-width) ::slotted(md-button),:host(.md-button-group--full-width) ::slotted(md-icon-button){flex:1 1 0}:host(.md-button-group--connected.md-button-group--xs) ::slotted(md-button),:host(.md-button-group--connected.md-button-group--xs) ::slotted(md-icon-button),:host(.md-button-group--connected.md-button-group--sm) ::slotted(md-button),:host(.md-button-group--connected.md-button-group--sm) ::slotted(md-icon-button){min-width:48px}:host(.md-button-group--connected.md-button-group--xs){--_c-inner:4px;--_c-sel:16px;--_c-press:2px}:host(.md-button-group--connected.md-button-group--sm){--_c-inner:8px;--_c-sel:20px;--_c-press:4px}:host(.md-button-group--connected.md-button-group--md){--_c-inner:8px;--_c-sel:24px;--_c-press:4px}:host(.md-button-group--connected.md-button-group--lg){--_c-inner:16px;--_c-sel:28px;--_c-press:8px}:host(.md-button-group--connected.md-button-group--xl){--_c-inner:20px;--_c-sel:48px;--_c-press:12px}:host(.md-button-group--connected.md-button-group--round.md-button-group--xs){--_c-outer-btn:16px}:host(.md-button-group--connected.md-button-group--round.md-button-group--sm){--_c-outer-btn:20px}:host(.md-button-group--connected.md-button-group--round.md-button-group--md){--_c-outer-btn:24px}:host(.md-button-group--connected.md-button-group--round.md-button-group--lg){--_c-outer-btn:28px}:host(.md-button-group--connected.md-button-group--round.md-button-group--xl){--_c-outer-btn:48px}:host(.md-button-group--connected.md-button-group--round.md-button-group--xs){--_c-outer-icon:16px}:host(.md-button-group--connected.md-button-group--round.md-button-group--sm){--_c-outer-icon:20px}:host(.md-button-group--connected.md-button-group--round.md-button-group--md){--_c-outer-icon:28px}:host(.md-button-group--connected.md-button-group--round.md-button-group--lg){--_c-outer-icon:48px}:host(.md-button-group--connected.md-button-group--round.md-button-group--xl){--_c-outer-icon:68px}:host(.md-button-group--connected.md-button-group--square){--_c-outer-btn:var(--_c-inner);--_c-outer-icon:var(--_c-inner)}:host(.md-button-group--connected) ::slotted(md-button[connected-right]:not([connected-left])){border-start-start-radius:var(--_c-outer-btn) !important;border-end-start-radius:var(--_c-outer-btn) !important;border-start-end-radius:var(--_c-inner) !important;border-end-end-radius:var(--_c-inner) !important}:host(.md-button-group--connected) ::slotted(md-icon-button[connected-right]:not([connected-left])){border-start-start-radius:var(--_c-outer-icon) !important;border-end-start-radius:var(--_c-outer-icon) !important;border-start-end-radius:var(--_c-inner) !important;border-end-end-radius:var(--_c-inner) !important}:host(.md-button-group--connected) ::slotted(md-button[connected-left]:not([connected-right])){border-start-start-radius:var(--_c-inner) !important;border-end-start-radius:var(--_c-inner) !important;border-start-end-radius:var(--_c-outer-btn) !important;border-end-end-radius:var(--_c-outer-btn) !important}:host(.md-button-group--connected) ::slotted(md-icon-button[connected-left]:not([connected-right])){border-start-start-radius:var(--_c-inner) !important;border-end-start-radius:var(--_c-inner) !important;border-start-end-radius:var(--_c-outer-icon) !important;border-end-end-radius:var(--_c-outer-icon) !important}:host(.md-button-group--connected) ::slotted([connected-left][connected-right]){border-radius:var(--_c-inner) !important}:host(.md-button-group--connected) ::slotted(md-button.md-button--selected[connected-right]:not([connected-left])),:host(.md-button-group--connected) ::slotted(md-button.md-button--selected[connected-left]:not([connected-right])),:host(.md-button-group--connected) ::slotted(md-button.md-button--selected[connected-left][connected-right]),:host(.md-button-group--connected) ::slotted(md-icon-button.md-icon-button--selected[connected-right]:not([connected-left])),:host(.md-button-group--connected) ::slotted(md-icon-button.md-icon-button--selected[connected-left]:not([connected-right])),:host(.md-button-group--connected) ::slotted(md-icon-button.md-icon-button--selected[connected-left][connected-right]){border-radius:var(--_c-sel) !important}:host(.md-button-group--connected) ::slotted(md-button.md-button--pressed[connected-right]:not([connected-left])),:host(.md-button-group--connected) ::slotted(md-button.md-button--pressed[connected-left]:not([connected-right])),:host(.md-button-group--connected) ::slotted(md-button.md-button--pressed[connected-left][connected-right]),:host(.md-button-group--connected) ::slotted(md-icon-button.md-icon-button--pressed[connected-right]:not([connected-left])),:host(.md-button-group--connected) ::slotted(md-icon-button.md-icon-button--pressed[connected-left]:not([connected-right])),:host(.md-button-group--connected) ::slotted(md-icon-button.md-icon-button--pressed[connected-left][connected-right]){border-radius:var(--_c-press) !important}@media (prefers-reduced-motion: reduce){:host{transition:none}}@media (forced-colors: active){:host{forced-color-adjust:none}}:host(.md-button-group--xs){--_gap:var(--md-button-group-gap, max(10px, calc(18px + var(--md-sys-density-scale, 0) * 2px)))}:host(.md-button-group--sm){--_gap:var(--md-button-group-gap, max(6px, calc(12px + var(--md-sys-density-scale, 0) * 1.5px)))}:host(.md-button-group--connected){--_gap:var(--md-button-group-gap, 2px)}:host{gap:var(--_gap)}: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={xs:3,sm:4,md:5,lg:6,xl:8};const u=t(class t extends o{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.mdSelectionChange=n(this,"mdSelectionChange",7);this.variant="standard";this.size="sm";this.shape="round";this.selectionMode="single-select";this.required=false;this.fullWidth=false;this.density=0;this.motionAnimations=[];this.onGroupPointerDown=t=>{if(this.variant!=="standard")return;const o=t.target.closest("md-button, md-icon-button");if(o&&this.shouldMotion(o))this.runMotion(o)};this.onGroupKeyDown=t=>{if(this.variant!=="standard")return;if(t.key!=="Enter"&&t.key!==" ")return;const o=t.target.closest("md-button, md-icon-button");if(o&&this.shouldMotion(o))this.runMotion(o)};this.previousValues=[];this.onGroupClick=t=>{const o=t.target.closest?.("md-button, md-icon-button");if(!o)return;const n=this.getChildren();if(!n.includes(o))return;if(this.selectionMode==="single-select"){for(const t of n){if(t!==o)t.selected=false}}if(this.required){const t=n.some((t=>t.selected));if(!t){o.selected=true}}const e=this.collectSelectedValues(n);const s=new Set(this.previousValues);const r=new Set(e);const d=e.filter((t=>!s.has(t)));const i=this.previousValues.filter((t=>!r.has(t)));this.previousValues=e;this.activeChild=o;this.updateRovingTabindex();this.mdSelectionChange.emit({values:e,added:d,removed:i,originalEvent:t})};this.onArrowNav=t=>{const o=t.key;if(o!=="ArrowLeft"&&o!=="ArrowRight"&&o!=="Home"&&o!=="End")return;const n=this.getChildren().filter((t=>!t.disabled));if(n.length===0)return;const e=t.target.closest("md-button, md-icon-button");const s=e?n.indexOf(e):-1;const r=this.resolveDirection()==="rtl";let d=s;if(o==="Home"){d=0}else if(o==="End"){d=n.length-1}else{const t=o==="ArrowRight"!==r;const e=t?1:-1;d=s<0?t?0:n.length-1:(s+e+n.length)%n.length}const i=n[d];if(!i||i===e)return;t.preventDefault();this.activeChild=i;this.updateRovingTabindex();i.focus()};this.activeChild=null;this.onFocusIn=t=>{const o=t.target?.closest?.("md-button, md-icon-button");if(!o)return;if(o===this.activeChild)return;const n=this.getChildren();if(!n.includes(o))return;this.activeChild=o;this.updateRovingTabindex()}}onPropsChange(){this.syncChildren();this.updateRovingTabindex()}componentDidLoad(){this.observeSlot();this.syncChildren();this.updateRovingTabindex();this.el.addEventListener("click",this.onGroupClick);this.el.addEventListener("keydown",this.onArrowNav);this.el.addEventListener("focusin",this.onFocusIn);if(this.variant==="standard"){this.el.addEventListener("pointerdown",this.onGroupPointerDown);this.el.addEventListener("keydown",this.onGroupKeyDown,true)}}disconnectedCallback(){this.observer?.disconnect();this.el.removeEventListener("click",this.onGroupClick);this.el.removeEventListener("keydown",this.onArrowNav);this.el.removeEventListener("focusin",this.onFocusIn);this.el.removeEventListener("pointerdown",this.onGroupPointerDown);this.el.removeEventListener("keydown",this.onGroupKeyDown,true)}observeSlot(){if(typeof MutationObserver==="undefined")return;this.observer=new MutationObserver((()=>{this.syncChildren();this.updateRovingTabindex()}));this.observer.observe(this.el,{childList:true})}shouldMotion(t){if(!t.selected)return true;if(this.required)return false;return true}runMotion(t){const o=this.getChildren();const n=o.indexOf(t);if(n===-1)return;for(const t of this.motionAnimations){t.cancel()}this.motionAnimations=[];const e=i[this.size];const s=n>0;const r=n<o.length-1;const d=(s?1:0)+(r?1:0);if(d===0)return;const u=e/d;const c="cubic-bezier(0.2, 0, 0, 1)";const h=400;const a=150/h;for(let t=0;t<o.length;t++){const s=t===n;const r=t===n-1||t===n+1;if(!s&&!r)continue;const d=o[t];const i=s?e:-u;let m;if(d.tagName==="MD-BUTTON"){const t=getComputedStyle(d);const o=parseFloat(t.paddingLeft);const n=parseFloat(t.paddingRight);const e=`${Math.max(0,o+i)}px`;const s=`${Math.max(0,n+i)}px`;const r=`${o}px`;const u=`${n}px`;m=d.animate([{offset:0,paddingLeft:r,paddingRight:u,easing:c},{offset:a,paddingLeft:e,paddingRight:s,easing:c},{offset:1,paddingLeft:r,paddingRight:u}],{duration:h})}else{const t=parseFloat(getComputedStyle(d).width);const o=`${Math.max(0,t+i*2)}px`;const n=`${t}px`;m=d.animate([{offset:0,width:n,easing:c},{offset:a,width:o,easing:c},{offset:1,width:n}],{duration:h})}this.motionAnimations.push(m)}}collectSelectedValues(t){return t.filter((t=>t.selected)).map((t=>t.value||""))}componentWillLoad(){this.previousValues=this.collectSelectedValues(this.getChildren())}updateRovingTabindex(){const t=this.getChildren();if(t.length===0)return;let o=null;if(this.activeChild&&t.includes(this.activeChild)&&!this.activeChild.disabled){o=this.activeChild}if(!o&&this.selectionMode==="single-select"){o=t.find((t=>t.selected&&!t.disabled))||null}if(!o){o=t.find((t=>!t.disabled))||t[0]}this.activeChild=o;for(const n of t){n.groupTabindex=n===o?0:-1}}resolveDirection(){let t=this.el;while(t){const o=t.getAttribute?.("dir");if(o==="rtl"||o==="ltr")return o;t=t.parentElement}return"ltr"}getChildren(){return Array.from(this.el.querySelectorAll("md-button, md-icon-button"))}syncChildren(){const t=this.getChildren();const o=t.length;if(o===0)return;for(let n=0;n<o;n++){const e=t[n];e.toggle=true;e.shape=this.shape;e.size=this.size;if(this.variant==="connected"){e.connectedLeft=n>0;e.connectedRight=n<o-1}else{e.connectedLeft=false;e.connectedRight=false}}}render(){const t=this.selectionMode==="single-select";return e(s,{key:"afbb0014a97b31452f8a75ec35ea68c247851977",class:{"md-button-group":true,[`md-button-group--${this.variant}`]:true,[`md-button-group--${this.size}`]:true,[`md-button-group--${this.shape}`]:true,"md-button-group--full-width":this.fullWidth},role:t?"radiogroup":"group","aria-orientation":t?"horizontal":undefined},e("slot",{key:"26bc5eb1cbecfdf27571b4d929b22c47ca34f902"}))}get el(){return this}static get watchers(){return{variant:[{onPropsChange:0}],size:[{onPropsChange:0}],shape:[{onPropsChange:0}],selectionMode:[{onPropsChange:0}],required:[{onPropsChange:0}]}}static get style(){return d()}},[257,"md-button-group",{variant:[1],size:[1],shape:[1],selectionMode:[1,"selection-mode"],required:[4],fullWidth:[516,"full-width"],density:[514]},undefined,{variant:[{onPropsChange:0}],size:[{onPropsChange:0}],shape:[{onPropsChange:0}],selectionMode:[{onPropsChange:0}],required:[{onPropsChange:0}]}]);function c(){if(typeof customElements==="undefined"){return}const t=["md-button-group"];t.forEach((t=>{switch(t){case"md-button-group":if(!customElements.get(r(t))){customElements.define(r(t),u)}break}}))}c();const h=u;const a=c;export{h as MdButtonGroup,a as defineCustomElement};
+import{p as t,H as o,c as n,h as e,d as s,t as r}from"./p-bSpXNc5J.js";const d=()=>`:host{--_gap:var(--md-button-group-gap, max(4px, calc(8px + var(--md-sys-density-scale, 0) * 1px)));--_width:var(--md-button-group-width, auto);--_min-width:var(--md-button-group-min-width, auto);--_max-width:var(--md-button-group-max-width, none);--_height:var(--md-button-group-height, auto);--_min-height:var(--md-button-group-min-height, auto);--_max-height:var(--md-button-group-max-height, none);display:inline-flex;align-items:stretch;flex-wrap:nowrap;box-sizing:border-box;vertical-align:middle;inline-size:var(--_width);min-inline-size:var(--_min-width);max-inline-size:var(--_max-width);block-size:var(--_height);min-block-size:var(--_min-height);max-block-size:var(--_max-height)}::slotted(md-button),::slotted(md-icon-button){flex-shrink:0;--md-button-min-height:var(--md-button-group-max-height, var(--md-button-group-_unset));max-block-size:var(--_max-height)}:host(.md-button-group--full-width){display:flex;--_width:100%}:host(.md-button-group--full-width) ::slotted(md-button),:host(.md-button-group--full-width) ::slotted(md-icon-button){flex:1 1 0}:host(.md-button-group--connected.md-button-group--xs) ::slotted(md-button),:host(.md-button-group--connected.md-button-group--xs) ::slotted(md-icon-button),:host(.md-button-group--connected.md-button-group--sm) ::slotted(md-button),:host(.md-button-group--connected.md-button-group--sm) ::slotted(md-icon-button){min-width:48px}:host(.md-button-group--connected.md-button-group--xs){--_c-inner:4px;--_c-sel:16px;--_c-press:2px}:host(.md-button-group--connected.md-button-group--sm){--_c-inner:8px;--_c-sel:20px;--_c-press:4px}:host(.md-button-group--connected.md-button-group--md){--_c-inner:8px;--_c-sel:24px;--_c-press:4px}:host(.md-button-group--connected.md-button-group--lg){--_c-inner:16px;--_c-sel:28px;--_c-press:8px}:host(.md-button-group--connected.md-button-group--xl){--_c-inner:20px;--_c-sel:48px;--_c-press:12px}:host(.md-button-group--connected.md-button-group--round.md-button-group--xs){--_c-outer-btn:16px}:host(.md-button-group--connected.md-button-group--round.md-button-group--sm){--_c-outer-btn:20px}:host(.md-button-group--connected.md-button-group--round.md-button-group--md){--_c-outer-btn:24px}:host(.md-button-group--connected.md-button-group--round.md-button-group--lg){--_c-outer-btn:28px}:host(.md-button-group--connected.md-button-group--round.md-button-group--xl){--_c-outer-btn:48px}:host(.md-button-group--connected.md-button-group--round.md-button-group--xs){--_c-outer-icon:16px}:host(.md-button-group--connected.md-button-group--round.md-button-group--sm){--_c-outer-icon:20px}:host(.md-button-group--connected.md-button-group--round.md-button-group--md){--_c-outer-icon:28px}:host(.md-button-group--connected.md-button-group--round.md-button-group--lg){--_c-outer-icon:48px}:host(.md-button-group--connected.md-button-group--round.md-button-group--xl){--_c-outer-icon:68px}:host(.md-button-group--connected.md-button-group--square){--_c-outer-btn:var(--_c-inner);--_c-outer-icon:var(--_c-inner)}:host(.md-button-group--connected) ::slotted(md-button[connected-right]:not([connected-left])){border-start-start-radius:var(--_c-outer-btn) !important;border-end-start-radius:var(--_c-outer-btn) !important;border-start-end-radius:var(--_c-inner) !important;border-end-end-radius:var(--_c-inner) !important}:host(.md-button-group--connected) ::slotted(md-icon-button[connected-right]:not([connected-left])){border-start-start-radius:var(--_c-outer-icon) !important;border-end-start-radius:var(--_c-outer-icon) !important;border-start-end-radius:var(--_c-inner) !important;border-end-end-radius:var(--_c-inner) !important}:host(.md-button-group--connected) ::slotted(md-button[connected-left]:not([connected-right])){border-start-start-radius:var(--_c-inner) !important;border-end-start-radius:var(--_c-inner) !important;border-start-end-radius:var(--_c-outer-btn) !important;border-end-end-radius:var(--_c-outer-btn) !important}:host(.md-button-group--connected) ::slotted(md-icon-button[connected-left]:not([connected-right])){border-start-start-radius:var(--_c-inner) !important;border-end-start-radius:var(--_c-inner) !important;border-start-end-radius:var(--_c-outer-icon) !important;border-end-end-radius:var(--_c-outer-icon) !important}:host(.md-button-group--connected) ::slotted([connected-left][connected-right]){border-radius:var(--_c-inner) !important}:host(.md-button-group--connected) ::slotted(md-button.md-button--selected[connected-right]:not([connected-left])),:host(.md-button-group--connected) ::slotted(md-button.md-button--selected[connected-left]:not([connected-right])),:host(.md-button-group--connected) ::slotted(md-button.md-button--selected[connected-left][connected-right]),:host(.md-button-group--connected) ::slotted(md-icon-button.md-icon-button--selected[connected-right]:not([connected-left])),:host(.md-button-group--connected) ::slotted(md-icon-button.md-icon-button--selected[connected-left]:not([connected-right])),:host(.md-button-group--connected) ::slotted(md-icon-button.md-icon-button--selected[connected-left][connected-right]){border-radius:var(--_c-sel) !important}:host(.md-button-group--connected) ::slotted(md-button.md-button--pressed[connected-right]:not([connected-left])),:host(.md-button-group--connected) ::slotted(md-button.md-button--pressed[connected-left]:not([connected-right])),:host(.md-button-group--connected) ::slotted(md-button.md-button--pressed[connected-left][connected-right]),:host(.md-button-group--connected) ::slotted(md-icon-button.md-icon-button--pressed[connected-right]:not([connected-left])),:host(.md-button-group--connected) ::slotted(md-icon-button.md-icon-button--pressed[connected-left]:not([connected-right])),:host(.md-button-group--connected) ::slotted(md-icon-button.md-icon-button--pressed[connected-left][connected-right]){border-radius:var(--_c-press) !important}@media (prefers-reduced-motion: reduce){:host{transition:none}}@media (forced-colors: active){:host{forced-color-adjust:none}}:host(.md-button-group--xs){--_gap:var(--md-button-group-gap, max(10px, calc(18px + var(--md-sys-density-scale, 0) * 2px)))}:host(.md-button-group--sm){--_gap:var(--md-button-group-gap, max(6px, calc(12px + var(--md-sys-density-scale, 0) * 1.5px)))}:host(.md-button-group--connected){--_gap:var(--md-button-group-gap, 2px)}:host{gap:var(--_gap)}: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={xs:3,sm:4,md:5,lg:6,xl:8};const u=t(class t extends o{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.mdSelectionChange=n(this,"mdSelectionChange",7);this.variant="standard";this.size="sm";this.shape="round";this.selectionMode="single-select";this.required=false;this.fullWidth=false;this.density=0;this.motionAnimations=[];this.onGroupPointerDown=t=>{if(this.variant!=="standard")return;const o=t.target.closest("md-button, md-icon-button");if(o&&this.shouldMotion(o))this.runMotion(o)};this.onGroupKeyDown=t=>{if(this.variant!=="standard")return;if(t.key!=="Enter"&&t.key!==" ")return;const o=t.target.closest("md-button, md-icon-button");if(o&&this.shouldMotion(o))this.runMotion(o)};this.previousValues=[];this.onGroupClick=t=>{const o=t.target.closest?.("md-button, md-icon-button");if(!o)return;const n=this.getChildren();if(!n.includes(o))return;if(this.selectionMode==="single-select"){for(const t of n){if(t!==o)t.selected=false}}if(this.required){const t=n.some((t=>t.selected));if(!t){o.selected=true}}const e=this.collectSelectedValues(n);const s=new Set(this.previousValues);const r=new Set(e);const d=e.filter((t=>!s.has(t)));const i=this.previousValues.filter((t=>!r.has(t)));this.previousValues=e;this.activeChild=o;this.updateRovingTabindex();this.mdSelectionChange.emit({values:e,added:d,removed:i,originalEvent:t})};this.onArrowNav=t=>{const o=t.key;if(o!=="ArrowLeft"&&o!=="ArrowRight"&&o!=="Home"&&o!=="End")return;const n=this.getChildren().filter((t=>!t.disabled));if(n.length===0)return;const e=t.target.closest("md-button, md-icon-button");const s=e?n.indexOf(e):-1;const r=this.resolveDirection()==="rtl";let d=s;if(o==="Home"){d=0}else if(o==="End"){d=n.length-1}else{const t=o==="ArrowRight"!==r;const e=t?1:-1;d=s<0?t?0:n.length-1:(s+e+n.length)%n.length}const i=n[d];if(!i||i===e)return;t.preventDefault();this.activeChild=i;this.updateRovingTabindex();i.focus()};this.activeChild=null;this.onFocusIn=t=>{const o=t.target?.closest?.("md-button, md-icon-button");if(!o)return;if(o===this.activeChild)return;const n=this.getChildren();if(!n.includes(o))return;this.activeChild=o;this.updateRovingTabindex()}}onPropsChange(){this.syncChildren();this.updateRovingTabindex()}componentDidLoad(){this.observeSlot();this.syncChildren();this.updateRovingTabindex();this.el.addEventListener("click",this.onGroupClick);this.el.addEventListener("keydown",this.onArrowNav);this.el.addEventListener("focusin",this.onFocusIn);if(this.variant==="standard"){this.el.addEventListener("pointerdown",this.onGroupPointerDown);this.el.addEventListener("keydown",this.onGroupKeyDown,true)}}disconnectedCallback(){this.observer?.disconnect();this.el.removeEventListener("click",this.onGroupClick);this.el.removeEventListener("keydown",this.onArrowNav);this.el.removeEventListener("focusin",this.onFocusIn);this.el.removeEventListener("pointerdown",this.onGroupPointerDown);this.el.removeEventListener("keydown",this.onGroupKeyDown,true)}observeSlot(){if(typeof MutationObserver==="undefined")return;this.observer=new MutationObserver((()=>{this.syncChildren();this.updateRovingTabindex()}));this.observer.observe(this.el,{childList:true})}shouldMotion(t){if(!t.selected)return true;if(this.required)return false;return true}runMotion(t){const o=this.getChildren();const n=o.indexOf(t);if(n===-1)return;for(const t of this.motionAnimations){t.cancel()}this.motionAnimations=[];const e=i[this.size];const s=n>0;const r=n<o.length-1;const d=(s?1:0)+(r?1:0);if(d===0)return;const u=e/d;const c="cubic-bezier(0.2, 0, 0, 1)";const h=400;const a=150/h;for(let t=0;t<o.length;t++){const s=t===n;const r=t===n-1||t===n+1;if(!s&&!r)continue;const d=o[t];const i=s?e:-u;let m;if(d.tagName==="MD-BUTTON"){const t=getComputedStyle(d);const o=parseFloat(t.paddingLeft);const n=parseFloat(t.paddingRight);const e=`${Math.max(0,o+i)}px`;const s=`${Math.max(0,n+i)}px`;const r=`${o}px`;const u=`${n}px`;m=d.animate([{offset:0,paddingLeft:r,paddingRight:u,easing:c},{offset:a,paddingLeft:e,paddingRight:s,easing:c},{offset:1,paddingLeft:r,paddingRight:u}],{duration:h})}else{const t=parseFloat(getComputedStyle(d).width);const o=`${Math.max(0,t+i*2)}px`;const n=`${t}px`;m=d.animate([{offset:0,width:n,easing:c},{offset:a,width:o,easing:c},{offset:1,width:n}],{duration:h})}this.motionAnimations.push(m)}}collectSelectedValues(t){return t.filter((t=>t.selected)).map((t=>t.value||""))}componentWillLoad(){this.previousValues=this.collectSelectedValues(this.getChildren())}updateRovingTabindex(){const t=this.getChildren();if(t.length===0)return;let o=null;if(this.activeChild&&t.includes(this.activeChild)&&!this.activeChild.disabled){o=this.activeChild}if(!o&&this.selectionMode==="single-select"){o=t.find((t=>t.selected&&!t.disabled))||null}if(!o){o=t.find((t=>!t.disabled))||t[0]}this.activeChild=o;for(const n of t){n.groupTabindex=n===o?0:-1}}resolveDirection(){let t=this.el;while(t){const o=t.getAttribute?.("dir");if(o==="rtl"||o==="ltr")return o;t=t.parentElement}return"ltr"}getChildren(){return Array.from(this.el.querySelectorAll("md-button, md-icon-button"))}syncChildren(){const t=this.getChildren();const o=t.length;if(o===0)return;for(let n=0;n<o;n++){const e=t[n];e.toggle=true;e.shape=this.shape;e.size=this.size;if(this.variant==="connected"){e.connectedLeft=n>0;e.connectedRight=n<o-1}else{e.connectedLeft=false;e.connectedRight=false}}}render(){const t=this.selectionMode==="single-select";return e(s,{key:"99fac3da7c1f65b51895c6e530ffc4d62da8b360",class:{"md-button-group":true,[`md-button-group--${this.variant}`]:true,[`md-button-group--${this.size}`]:true,[`md-button-group--${this.shape}`]:true,"md-button-group--full-width":this.fullWidth},role:t?"radiogroup":"group","aria-orientation":t?"horizontal":undefined},e("slot",{key:"1f63ab2203ce8b8cd7fb1180e101421a65c9ae8c"}))}get el(){return this}static get watchers(){return{variant:[{onPropsChange:0}],size:[{onPropsChange:0}],shape:[{onPropsChange:0}],selectionMode:[{onPropsChange:0}],required:[{onPropsChange:0}]}}static get style(){return d()}},[257,"md-button-group",{variant:[1],size:[1],shape:[1],selectionMode:[1,"selection-mode"],required:[4],fullWidth:[516,"full-width"],density:[514]},undefined,{variant:[{onPropsChange:0}],size:[{onPropsChange:0}],shape:[{onPropsChange:0}],selectionMode:[{onPropsChange:0}],required:[{onPropsChange:0}]}]);function c(){if(typeof customElements==="undefined"){return}const t=["md-button-group"];t.forEach((t=>{switch(t){case"md-button-group":if(!customElements.get(r(t))){customElements.define(r(t),u)}break}}))}c();const h=u;const a=c;export{h as MdButtonGroup,a as defineCustomElement};
 //# sourceMappingURL=md-button-group.js.map

package/dist/components-csr/md-button.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{M as o,d as s}from"./p--OUYjgKN.js";const t=o;const p=s;export{t as MdButton,p as defineCustomElement};
+import{M as o,d as s}from"./p-BZakoRau.js";const a=o;const t=s;export{a as MdButton,t as defineCustomElement};
 //# sourceMappingURL=md-button.js.map

package/dist/components-csr/md-card.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{p as e,H as t,c as a,h as r,d as i,t as d}from"./p-bSpXNc5J.js";import{t as s}from"./p-DYBUr7K_.js";import{d as o}from"./p-Hm3X1iai.js";const n=()=>`:host{--_container-color:var(--md-card-container-color, var(--md-sys-color-surface-container-low));--_container-shape:var(--md-card-container-shape, var(--md-sys-shape-corner-medium, max(8px, calc(12px + var(--md-sys-density-scale, 0) * 1px))));--_container-elevation:var(--md-card-container-elevation, var(--md-sys-elevation-1));--_outline-color:var(--md-card-outline-color, var(--md-sys-color-outline-variant));--_outline-width:var(--md-card-outline-width, 1px);--_state-layer-color:var(--md-card-state-layer-color, var(--md-sys-color-on-surface));--_width:var(--md-card-width, auto);--_min-width:var(--md-card-min-width, auto);--_max-width:var(--md-card-max-width, none);--_height:var(--md-card-height, auto);--_min-height:var(--md-card-min-height, auto);--_max-height:var(--md-card-max-height, none);--_padding:var(--md-card-padding, max(8px, calc(16px + var(--md-sys-density-scale, 0) * 2px)));--_gap:var(--md-card-gap, max(4px, calc(8px + var(--md-sys-density-scale, 0) * 1px)));display:flex;flex-direction:column;position:relative;box-sizing:border-box;overflow:hidden;padding:var(--_padding);gap:var(--_gap);inline-size:var(--_width);min-inline-size:var(--_min-width);max-inline-size:var(--_max-width);block-size:var(--_height);min-block-size:var(--_min-height);max-block-size:var(--_max-height);background-color:var(--_container-color);border-radius:var(--_container-shape);box-shadow:var(--_container-elevation);color:var(--md-sys-color-on-surface);font-family:var(--md-sys-typescale-body-medium-font-family, Roboto, sans-serif);font-size:max(12px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-body-medium-font-weight, 400);line-height:max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-body-medium-letter-spacing, 0.25px);transition:box-shadow var(--md-sys-motion-duration-short2, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),     background-color var(--md-sys-motion-duration-short2, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.md-card--full-width){--_width:100%}:host(.md-card--full-height){--_height:100%}:host(.md-card--elevated){--_container-color:var(--md-card-container-color, var(--md-sys-color-surface-container-low));--_container-elevation:var(--md-card-container-elevation, var(--md-sys-elevation-1))}:host(.md-card--filled){--_container-color:var(--md-card-container-color, var(--md-sys-color-surface-container-highest));--_container-elevation:var(--md-card-container-elevation, var(--md-sys-elevation-0, none))}:host(.md-card--outlined){--_container-color:var(--md-card-container-color, var(--md-sys-color-surface));--_container-elevation:var(--md-card-container-elevation, var(--md-sys-elevation-0, none))}.md-card__outline{position:absolute;inset:0;border-radius:inherit;border:var(--_outline-width) solid var(--_outline-color);pointer-events:none}:host(.md-card--interactive){cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}:host(.md-card--draggable){cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;user-select:none}:host(.md-card--interactive.md-card--draggable){cursor:grab}:host(.md-card--dragged){cursor:grabbing}.md-card__state-layer{position:absolute;inset:0;border-radius:inherit;background-color:var(--_state-layer-color);opacity:0;transition:opacity var(--md-sys-motion-duration-short1, 100ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1));pointer-events:none;z-index:1}:host(.md-card--interactive:hover) .md-card__state-layer,:host(.md-card--draggable:hover) .md-card__state-layer{opacity:var(--md-sys-state-hover-state-layer-opacity, 0.08)}:host(.md-card--interactive:focus-visible) .md-card__state-layer,:host(.md-card--draggable:focus-visible) .md-card__state-layer{opacity:var(--md-sys-state-focus-state-layer-opacity, 0.12)}:host(.md-card--interactive:active) .md-card__state-layer,:host(.md-card--draggable:active) .md-card__state-layer{opacity:var(--md-sys-state-pressed-state-layer-opacity, 0.12)}:host(.md-card--dragged) .md-card__state-layer{opacity:var(--md-sys-state-dragged-state-layer-opacity, 0.16)}:host(.md-card--elevated.md-card--interactive:hover),:host(.md-card--elevated.md-card--draggable:hover){--_container-elevation:var(--md-sys-elevation-2)}:host(.md-card--elevated.md-card--interactive:focus-visible),:host(.md-card--elevated.md-card--draggable:focus-visible){--_container-elevation:var(--md-sys-elevation-1)}:host(.md-card--elevated.md-card--interactive:active),:host(.md-card--elevated.md-card--draggable:active){--_container-elevation:var(--md-sys-elevation-1)}:host(.md-card--elevated.md-card--dragged){--_container-elevation:var(--md-sys-elevation-4)}:host(.md-card--filled.md-card--interactive:hover),:host(.md-card--filled.md-card--draggable:hover){--_container-elevation:var(--md-sys-elevation-1)}:host(.md-card--filled.md-card--interactive:focus-visible),:host(.md-card--filled.md-card--draggable:focus-visible){--_container-elevation:var(--md-sys-elevation-0, none)}:host(.md-card--filled.md-card--interactive:active),:host(.md-card--filled.md-card--draggable:active){--_container-elevation:var(--md-sys-elevation-0, none)}:host(.md-card--filled.md-card--dragged){--_container-elevation:var(--md-sys-elevation-3)}:host(.md-card--outlined.md-card--interactive:hover),:host(.md-card--outlined.md-card--draggable:hover){--_container-elevation:var(--md-sys-elevation-1)}:host(.md-card--outlined.md-card--interactive:focus-visible),:host(.md-card--outlined.md-card--draggable:focus-visible){--_container-elevation:var(--md-sys-elevation-0, none)}:host(.md-card--outlined.md-card--interactive:active),:host(.md-card--outlined.md-card--draggable:active){--_container-elevation:var(--md-sys-elevation-0, none)}:host(.md-card--outlined.md-card--dragged){--_container-elevation:var(--md-sys-elevation-3)}:host(.md-card--outlined.md-card--interactive:focus-visible) .md-card__outline,:host(.md-card--outlined.md-card--draggable:focus-visible) .md-card__outline{border-color:var(--md-sys-color-on-surface)}:host(.md-card--outlined.md-card--dragged) .md-card__outline{border-color:var(--md-sys-color-outline-variant)}:host(.md-card--interactive:focus-visible){outline:3px solid var(--md-sys-color-secondary);outline-offset:2px}:host(.md-card--disabled){cursor:default;pointer-events:none;--_container-elevation:var(--md-sys-elevation-0, none) !important;--_container-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-container-opacity, 0.12) * 100%), transparent);color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent)}:host(.md-card--disabled.md-card--outlined) .md-card__outline{border-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-container-opacity, 0.12) * 100%), transparent)}:host(.md-card--disabled:hover) .md-card__state-layer,:host(.md-card--disabled:active) .md-card__state-layer,:host(.md-card--disabled:focus-visible) .md-card__state-layer{opacity:0}:host([soft-disabled]){cursor:default;pointer-events:auto;--_container-elevation:var(--md-sys-elevation-0, none) !important;--_container-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-container-opacity, 0.12) * 100%), transparent);color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent)}:host([soft-disabled]) .md-card__state-layer{display:none}@media (prefers-reduced-motion: reduce){:host{transition:none}.md-card__state-layer{transition:none}}@media (forced-colors: active){:host{border:1px solid ButtonText;background-color:ButtonFace;color:ButtonText;forced-color-adjust:none}.md-card__outline{border-color:ButtonText}:host(.md-card--interactive:focus-visible){outline-color:Highlight}:host(.md-card--disabled){border-color:GrayText;color:GrayText;opacity:1}:host(.md-card--disabled) .md-card__outline{border-color:GrayText}.md-card__state-layer{display:none}}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}`;const c=e(class e extends t{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.mdClick=a(this,"mdClick",7);this.mdDragStart=a(this,"mdDragStart",7);this.mdDragMove=a(this,"mdDragMove",7);this.mdDragEnd=a(this,"mdDragEnd",7);this.variant="elevated";this.interactive=false;this.dragEnabled=false;this.disabled=false;this.softDisabled=false;this.ripple=true;this.fullWidth=false;this.fullHeight=false;this.density=0;this.dragging=false;this.hasInteractiveContent=false;this.startX=0;this.startY=0;this.dragStarted=false;this.suppressClick=false;this.contentObserver=null;this.onPointerDown=e=>{if(!this.dragEnabled||this.isDisabled||e.button!==0)return;this.startX=e.clientX;this.startY=e.clientY;this.dragStarted=false;this.el.setPointerCapture(e.pointerId);this.el.addEventListener("pointermove",this.onPointerMove);this.el.addEventListener("pointerup",this.onPointerUp);this.el.addEventListener("pointercancel",this.onPointerUp)};this.onPointerMove=t=>{const a=t.clientX-this.startX;const r=t.clientY-this.startY;if(!this.dragStarted){if(Math.abs(a)+Math.abs(r)<e.DRAG_THRESHOLD)return;this.dragStarted=true;this.dragging=true;this.el.style.zIndex="1000";this.mdDragStart.emit(this.buildDetail(t))}this.el.style.transform=`translate(${a}px, ${r}px)`;this.mdDragMove.emit(this.buildDetail(t))};this.onPointerUp=e=>{if(this.dragStarted){this.suppressClick=true;requestAnimationFrame((()=>{this.suppressClick=false}));this.mdDragEnd.emit(this.buildDetail(e))}this.resetDragVisuals();this.cleanupListeners()};this.handleClick=e=>{if(!this.interactive)return;if(this.suppressClick)return;if(this.isDisabled){e.preventDefault();return}this.mdClick.emit(e)};this.handleKeyDown=e=>{if(!this.interactive||this.isDisabled)return;if(e.key==="Enter"||e.key===" "){e.preventDefault();s(this.el);this.el.click()}};this.detectInteractiveContent=()=>{const t=this.el.querySelectorAll(e.INTERACTIVE_CONTENT_SELECTOR).length>0;if(t!==this.hasInteractiveContent)this.hasInteractiveContent=t}}get isDisabled(){return this.disabled||this.softDisabled}connectedCallback(){this.el.addEventListener("pointerdown",this.onPointerDown)}componentWillLoad(){this.detectInteractiveContent()}componentDidLoad(){this.detectInteractiveContent();if(typeof MutationObserver!=="undefined"){this.contentObserver=new MutationObserver(this.detectInteractiveContent);this.contentObserver.observe(this.el,{childList:true,subtree:true})}}disconnectedCallback(){this.el.removeEventListener("pointerdown",this.onPointerDown);this.contentObserver?.disconnect();this.contentObserver=null;this.cancelDrag()}onDragEnabledChange(){if(!this.dragEnabled)this.cancelDrag()}buildDetail(e){return{clientX:e.clientX,clientY:e.clientY,offsetX:e.clientX-this.startX,offsetY:e.clientY-this.startY,startX:this.startX,startY:this.startY}}cancelDrag(){this.resetDragVisuals();this.cleanupListeners()}resetDragVisuals(){this.dragging=false;this.dragStarted=false;this.el.style.transform="";this.el.style.zIndex=""}cleanupListeners(){this.el.removeEventListener("pointermove",this.onPointerMove);this.el.removeEventListener("pointerup",this.onPointerUp);this.el.removeEventListener("pointercancel",this.onPointerUp)}render(){const e=this.isDisabled;const t=this.interactive&&!this.hasInteractiveContent;return r(i,{key:"bf9c73e3e7d290f2ef69cd392bdf2aaf214e3503",class:{"md-card":true,[`md-card--${this.variant}`]:true,"md-card--interactive":this.interactive,"md-card--draggable":this.dragEnabled,"md-card--disabled":this.interactive&&e,"md-card--dragged":this.dragging,"md-card--full-width":this.fullWidth,"md-card--full-height":this.fullHeight},role:t?"button":undefined,"aria-disabled":t&&e?"true":undefined,"aria-grabbed":this.dragEnabled?this.dragging?"true":"false":undefined,tabindex:t?this.disabled?"-1":"0":undefined,onClick:this.handleClick,onKeyDown:this.handleKeyDown},(this.interactive||this.dragEnabled)&&this.ripple&&r("md-ripple",{key:"73e11fe7916addea8967bb051bd8e5297f38502c",disabled:e}),(this.interactive||this.dragEnabled)&&r("span",{key:"af10e462142ac1fd5c492ac804f2721e21b24d8e",class:"md-card__state-layer",part:"state-layer","aria-hidden":"true"}),this.variant==="outlined"&&r("span",{key:"84d50d287ba601f79f15f0222a0b3b3a3c613ab8",class:"md-card__outline",part:"outline","aria-hidden":"true"}),r("slot",{key:"978ceb875d90c734bcdf5dd948e7c27140f4fff3",onSlotchange:this.detectInteractiveContent}))}get el(){return this}static get watchers(){return{dragEnabled:[{onDragEnabledChange:0}]}}static get style(){return n()}},[257,"md-card",{variant:[1],interactive:[516],dragEnabled:[516,"drag-enabled"],disabled:[516],softDisabled:[516,"soft-disabled"],ripple:[4],fullWidth:[516,"full-width"],fullHeight:[516,"full-height"],density:[514],dragging:[32],hasInteractiveContent:[32]},undefined,{dragEnabled:[{onDragEnabledChange:0}]}]);c.DRAG_THRESHOLD=5;c.INTERACTIVE_CONTENT_SELECTOR=["a[href]","area[href]","button:not([disabled])",'input:not([disabled]):not([type="hidden"])',"select:not([disabled])","textarea:not([disabled])","audio[controls]","video[controls]","iframe",'[contenteditable="true"]','[contenteditable=""]','[role="button"]','[role="link"]','[role="checkbox"]','[role="radio"]','[role="switch"]','[role="tab"]','[role="menuitem"]','[role="menuitemcheckbox"]','[role="menuitemradio"]','[role="option"]','[role="slider"]','[role="spinbutton"]','[role="textbox"]','[role="combobox"]','[role="searchbox"]',"md-button","md-icon-button","md-fab","md-checkbox","md-switch","md-radio","md-chip","md-select","md-multi-select","md-text-field","md-slider","md-segmented-button","md-menu-button","md-link","md-autocomplete"].join(",");function l(){if(typeof customElements==="undefined"){return}const e=["md-card","md-ripple"];e.forEach((e=>{switch(e){case"md-card":if(!customElements.get(d(e))){customElements.define(d(e),c)}break;case"md-ripple":if(!customElements.get(d(e))){o()}break}}))}l();const m=c;const h=l;export{m as MdCard,h as defineCustomElement};
+import{p as e,H as t,c as a,h as r,d as i,t as d}from"./p-bSpXNc5J.js";import{t as s}from"./p-DYBUr7K_.js";import{d as o}from"./p-C3vB0Hd9.js";const n=()=>`:host{--_container-color:var(--md-card-container-color, var(--md-sys-color-surface-container-low));--_container-shape:var(--md-card-container-shape, var(--md-sys-shape-corner-medium, max(8px, calc(12px + var(--md-sys-density-scale, 0) * 1px))));--_container-elevation:var(--md-card-container-elevation, var(--md-sys-elevation-1));--_outline-color:var(--md-card-outline-color, var(--md-sys-color-outline-variant));--_outline-width:var(--md-card-outline-width, 1px);--_state-layer-color:var(--md-card-state-layer-color, var(--md-sys-color-on-surface));--_width:var(--md-card-width, auto);--_min-width:var(--md-card-min-width, auto);--_max-width:var(--md-card-max-width, none);--_height:var(--md-card-height, auto);--_min-height:var(--md-card-min-height, auto);--_max-height:var(--md-card-max-height, none);--_padding:var(--md-card-padding, max(8px, calc(16px + var(--md-sys-density-scale, 0) * 2px)));--_gap:var(--md-card-gap, max(4px, calc(8px + var(--md-sys-density-scale, 0) * 1px)));display:flex;flex-direction:column;position:relative;box-sizing:border-box;overflow:hidden;padding:var(--_padding);gap:var(--_gap);inline-size:var(--_width);min-inline-size:var(--_min-width);max-inline-size:var(--_max-width);block-size:var(--_height);min-block-size:var(--_min-height);max-block-size:var(--_max-height);background-color:var(--_container-color);border-radius:var(--_container-shape);box-shadow:var(--_container-elevation);color:var(--md-sys-color-on-surface);font-family:var(--md-sys-typescale-body-medium-font-family, Roboto, sans-serif);font-size:max(12px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-body-medium-font-weight, 400);line-height:max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-body-medium-letter-spacing, 0.25px);transition:box-shadow var(--md-sys-motion-duration-short2, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),     background-color var(--md-sys-motion-duration-short2, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.md-card--full-width){--_width:100%}:host(.md-card--full-height){--_height:100%}:host(.md-card--elevated){--_container-color:var(--md-card-container-color, var(--md-sys-color-surface-container-low));--_container-elevation:var(--md-card-container-elevation, var(--md-sys-elevation-1))}:host(.md-card--filled){--_container-color:var(--md-card-container-color, var(--md-sys-color-surface-container-highest));--_container-elevation:var(--md-card-container-elevation, var(--md-sys-elevation-0, none))}:host(.md-card--outlined){--_container-color:var(--md-card-container-color, var(--md-sys-color-surface));--_container-elevation:var(--md-card-container-elevation, var(--md-sys-elevation-0, none))}.md-card__outline{position:absolute;inset:0;border-radius:inherit;border:var(--_outline-width) solid var(--_outline-color);pointer-events:none}:host(.md-card--interactive){cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}:host(.md-card--draggable){cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;user-select:none}:host(.md-card--interactive.md-card--draggable){cursor:grab}:host(.md-card--dragged){cursor:grabbing}.md-card__state-layer{position:absolute;inset:0;border-radius:inherit;background-color:var(--_state-layer-color);opacity:0;transition:opacity var(--md-sys-motion-duration-short1, 100ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1));pointer-events:none;z-index:1}:host(.md-card--interactive:hover) .md-card__state-layer,:host(.md-card--draggable:hover) .md-card__state-layer{opacity:var(--md-sys-state-hover-state-layer-opacity, 0.08)}:host(.md-card--interactive:focus-visible) .md-card__state-layer,:host(.md-card--draggable:focus-visible) .md-card__state-layer{opacity:var(--md-sys-state-focus-state-layer-opacity, 0.12)}:host(.md-card--interactive:active) .md-card__state-layer,:host(.md-card--draggable:active) .md-card__state-layer{opacity:var(--md-sys-state-pressed-state-layer-opacity, 0.12)}:host(.md-card--dragged) .md-card__state-layer{opacity:var(--md-sys-state-dragged-state-layer-opacity, 0.16)}:host(.md-card--elevated.md-card--interactive:hover),:host(.md-card--elevated.md-card--draggable:hover){--_container-elevation:var(--md-sys-elevation-2)}:host(.md-card--elevated.md-card--interactive:focus-visible),:host(.md-card--elevated.md-card--draggable:focus-visible){--_container-elevation:var(--md-sys-elevation-1)}:host(.md-card--elevated.md-card--interactive:active),:host(.md-card--elevated.md-card--draggable:active){--_container-elevation:var(--md-sys-elevation-1)}:host(.md-card--elevated.md-card--dragged){--_container-elevation:var(--md-sys-elevation-4)}:host(.md-card--filled.md-card--interactive:hover),:host(.md-card--filled.md-card--draggable:hover){--_container-elevation:var(--md-sys-elevation-1)}:host(.md-card--filled.md-card--interactive:focus-visible),:host(.md-card--filled.md-card--draggable:focus-visible){--_container-elevation:var(--md-sys-elevation-0, none)}:host(.md-card--filled.md-card--interactive:active),:host(.md-card--filled.md-card--draggable:active){--_container-elevation:var(--md-sys-elevation-0, none)}:host(.md-card--filled.md-card--dragged){--_container-elevation:var(--md-sys-elevation-3)}:host(.md-card--outlined.md-card--interactive:hover),:host(.md-card--outlined.md-card--draggable:hover){--_container-elevation:var(--md-sys-elevation-1)}:host(.md-card--outlined.md-card--interactive:focus-visible),:host(.md-card--outlined.md-card--draggable:focus-visible){--_container-elevation:var(--md-sys-elevation-0, none)}:host(.md-card--outlined.md-card--interactive:active),:host(.md-card--outlined.md-card--draggable:active){--_container-elevation:var(--md-sys-elevation-0, none)}:host(.md-card--outlined.md-card--dragged){--_container-elevation:var(--md-sys-elevation-3)}:host(.md-card--outlined.md-card--interactive:focus-visible) .md-card__outline,:host(.md-card--outlined.md-card--draggable:focus-visible) .md-card__outline{border-color:var(--md-sys-color-on-surface)}:host(.md-card--outlined.md-card--dragged) .md-card__outline{border-color:var(--md-sys-color-outline-variant)}:host(.md-card--interactive:focus-visible){outline:3px solid var(--md-sys-color-secondary);outline-offset:2px}:host(.md-card--disabled){cursor:default;pointer-events:none;--_container-elevation:var(--md-sys-elevation-0, none) !important;--_container-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-container-opacity, 0.12) * 100%), transparent);color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent)}:host(.md-card--disabled.md-card--outlined) .md-card__outline{border-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-container-opacity, 0.12) * 100%), transparent)}:host(.md-card--disabled:hover) .md-card__state-layer,:host(.md-card--disabled:active) .md-card__state-layer,:host(.md-card--disabled:focus-visible) .md-card__state-layer{opacity:0}:host([soft-disabled]){cursor:default;pointer-events:auto;--_container-elevation:var(--md-sys-elevation-0, none) !important;--_container-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-container-opacity, 0.12) * 100%), transparent);color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent)}:host([soft-disabled]) .md-card__state-layer{display:none}@media (prefers-reduced-motion: reduce){:host{transition:none}.md-card__state-layer{transition:none}}@media (forced-colors: active){:host{border:1px solid ButtonText;background-color:ButtonFace;color:ButtonText;forced-color-adjust:none}.md-card__outline{border-color:ButtonText}:host(.md-card--interactive:focus-visible){outline-color:Highlight}:host(.md-card--disabled){border-color:GrayText;color:GrayText;opacity:1}:host(.md-card--disabled) .md-card__outline{border-color:GrayText}.md-card__state-layer{display:none}}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}`;const c=e(class e extends t{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.mdClick=a(this,"mdClick",7);this.mdDragStart=a(this,"mdDragStart",7);this.mdDragMove=a(this,"mdDragMove",7);this.mdDragEnd=a(this,"mdDragEnd",7);this.variant="elevated";this.interactive=false;this.dragEnabled=false;this.disabled=false;this.softDisabled=false;this.ripple=true;this.fullWidth=false;this.fullHeight=false;this.density=0;this.dragging=false;this.hasInteractiveContent=false;this.startX=0;this.startY=0;this.dragStarted=false;this.suppressClick=false;this.contentObserver=null;this.onPointerDown=e=>{if(!this.dragEnabled||this.isDisabled||e.button!==0)return;this.startX=e.clientX;this.startY=e.clientY;this.dragStarted=false;this.el.setPointerCapture(e.pointerId);this.el.addEventListener("pointermove",this.onPointerMove);this.el.addEventListener("pointerup",this.onPointerUp);this.el.addEventListener("pointercancel",this.onPointerUp)};this.onPointerMove=t=>{const a=t.clientX-this.startX;const r=t.clientY-this.startY;if(!this.dragStarted){if(Math.abs(a)+Math.abs(r)<e.DRAG_THRESHOLD)return;this.dragStarted=true;this.dragging=true;this.el.style.zIndex="1000";this.mdDragStart.emit(this.buildDetail(t))}this.el.style.transform=`translate(${a}px, ${r}px)`;this.mdDragMove.emit(this.buildDetail(t))};this.onPointerUp=e=>{if(this.dragStarted){this.suppressClick=true;requestAnimationFrame((()=>{this.suppressClick=false}));this.mdDragEnd.emit(this.buildDetail(e))}this.resetDragVisuals();this.cleanupListeners()};this.handleClick=e=>{if(!this.interactive)return;if(this.suppressClick)return;if(this.isDisabled){e.preventDefault();return}this.mdClick.emit(e)};this.handleKeyDown=e=>{if(!this.interactive||this.isDisabled)return;if(e.key==="Enter"||e.key===" "){e.preventDefault();s(this.el);this.el.click()}};this.detectInteractiveContent=()=>{const t=this.el.querySelectorAll(e.INTERACTIVE_CONTENT_SELECTOR).length>0;if(t!==this.hasInteractiveContent)this.hasInteractiveContent=t}}get isDisabled(){return this.disabled||this.softDisabled}connectedCallback(){this.el.addEventListener("pointerdown",this.onPointerDown)}componentWillLoad(){this.detectInteractiveContent()}componentDidLoad(){this.detectInteractiveContent();if(typeof MutationObserver!=="undefined"){this.contentObserver=new MutationObserver(this.detectInteractiveContent);this.contentObserver.observe(this.el,{childList:true,subtree:true})}}disconnectedCallback(){this.el.removeEventListener("pointerdown",this.onPointerDown);this.contentObserver?.disconnect();this.contentObserver=null;this.cancelDrag()}onDragEnabledChange(){if(!this.dragEnabled)this.cancelDrag()}buildDetail(e){return{clientX:e.clientX,clientY:e.clientY,offsetX:e.clientX-this.startX,offsetY:e.clientY-this.startY,startX:this.startX,startY:this.startY}}cancelDrag(){this.resetDragVisuals();this.cleanupListeners()}resetDragVisuals(){this.dragging=false;this.dragStarted=false;this.el.style.transform="";this.el.style.zIndex=""}cleanupListeners(){this.el.removeEventListener("pointermove",this.onPointerMove);this.el.removeEventListener("pointerup",this.onPointerUp);this.el.removeEventListener("pointercancel",this.onPointerUp)}render(){const e=this.isDisabled;const t=this.interactive&&!this.hasInteractiveContent;return r(i,{key:"067450c6baf3417b8adc6138e90ffc54fa6fec88",class:{"md-card":true,[`md-card--${this.variant}`]:true,"md-card--interactive":this.interactive,"md-card--draggable":this.dragEnabled,"md-card--disabled":this.interactive&&e,"md-card--dragged":this.dragging,"md-card--full-width":this.fullWidth,"md-card--full-height":this.fullHeight},role:t?"button":undefined,"aria-disabled":t&&e?"true":undefined,"aria-grabbed":this.dragEnabled?this.dragging?"true":"false":undefined,tabindex:t?this.disabled?"-1":"0":undefined,onClick:this.handleClick,onKeyDown:this.handleKeyDown},(this.interactive||this.dragEnabled)&&this.ripple&&r("md-ripple",{key:"5fcb37a8762d43586c083ad38b6148294829ae7f",disabled:e}),(this.interactive||this.dragEnabled)&&r("span",{key:"507ee66b1d65087c29bddd14e74f6a3d0c6d7434",class:"md-card__state-layer",part:"state-layer","aria-hidden":"true"}),this.variant==="outlined"&&r("span",{key:"578568f43403feeb2cde4a435a678db0931e8502",class:"md-card__outline",part:"outline","aria-hidden":"true"}),r("slot",{key:"57f6a516c8c486af8e7210c0fd217e582f76979e",onSlotchange:this.detectInteractiveContent}))}get el(){return this}static get watchers(){return{dragEnabled:[{onDragEnabledChange:0}]}}static get style(){return n()}},[257,"md-card",{variant:[1],interactive:[516],dragEnabled:[516,"drag-enabled"],disabled:[516],softDisabled:[516,"soft-disabled"],ripple:[4],fullWidth:[516,"full-width"],fullHeight:[516,"full-height"],density:[514],dragging:[32],hasInteractiveContent:[32]},undefined,{dragEnabled:[{onDragEnabledChange:0}]}]);c.DRAG_THRESHOLD=5;c.INTERACTIVE_CONTENT_SELECTOR=["a[href]","area[href]","button:not([disabled])",'input:not([disabled]):not([type="hidden"])',"select:not([disabled])","textarea:not([disabled])","audio[controls]","video[controls]","iframe",'[contenteditable="true"]','[contenteditable=""]','[role="button"]','[role="link"]','[role="checkbox"]','[role="radio"]','[role="switch"]','[role="tab"]','[role="menuitem"]','[role="menuitemcheckbox"]','[role="menuitemradio"]','[role="option"]','[role="slider"]','[role="spinbutton"]','[role="textbox"]','[role="combobox"]','[role="searchbox"]',"md-button","md-icon-button","md-fab","md-checkbox","md-switch","md-radio","md-chip","md-select","md-multi-select","md-text-field","md-slider","md-segmented-button","md-menu-button","md-link","md-autocomplete"].join(",");function l(){if(typeof customElements==="undefined"){return}const e=["md-card","md-ripple"];e.forEach((e=>{switch(e){case"md-card":if(!customElements.get(d(e))){customElements.define(d(e),c)}break;case"md-ripple":if(!customElements.get(d(e))){o()}break}}))}l();const m=c;const h=l;export{m as MdCard,h as defineCustomElement};
 //# sourceMappingURL=md-card.js.map

package/dist/components-csr/md-checkbox.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{M as o,d as s}from"./p-DvXQXhgu.js";const t=o;const p=s;export{t as MdCheckbox,p as defineCustomElement};
+import{M as o,d as s}from"./p-BQKzjYcY.js";const t=o;const c=s;export{t as MdCheckbox,c as defineCustomElement};
 //# sourceMappingURL=md-checkbox.js.map

package/dist/components-csr/md-chip.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{M as o,d as s}from"./p-C0DlKmRg.js";const t=o;const m=s;export{t as MdChip,m as defineCustomElement};
+import{M as o,d as s}from"./p-BEmwDSzw.js";const t=o;const m=s;export{t as MdChip,m as defineCustomElement};
 //# sourceMappingURL=md-chip.js.map