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

package/dist/components-csr/md-tabs.js

@@ -0,0 +1,2 @@
+import{p as t,H as i,c as e,h as s,d as a,t as n}from"./p-bSpXNc5J.js";const r=()=>`:host{--_container-color:var(--md-tabs-container-color, var(--md-sys-color-surface, #FFFBFE));display:flex;flex-direction:column;inline-size:100%;position:relative;background-color:var(--_container-color);box-sizing:border-box}.md-tabs__container{display:flex;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}.md-tabs__container::-webkit-scrollbar{display:none}::slotted(md-tab){flex:1;min-inline-size:90px}:host(.md-tabs--tw-auto) ::slotted(md-tab){flex:0 0 auto}:host(.md-tabs--tw-fixed) ::slotted(md-tab){flex:0 0 var(--_tab-width);inline-size:var(--_tab-width);min-inline-size:var(--_tab-width);max-inline-size:var(--_tab-width)}:host(.md-tabs--clip-left) .md-tabs__container{-webkit-mask-image:linear-gradient(to right, transparent 0, #000 40px);mask-image:linear-gradient(to right, transparent 0, #000 40px)}:host(.md-tabs--clip-right) .md-tabs__container{-webkit-mask-image:linear-gradient(to left, transparent 0, #000 40px);mask-image:linear-gradient(to left, transparent 0, #000 40px)}:host(.md-tabs--clip-left.md-tabs--clip-right) .md-tabs__container{-webkit-mask-image:linear-gradient(to right, transparent 0, #000 40px, #000 calc(100% - 40px), transparent 100%);mask-image:linear-gradient(to right, transparent 0, #000 40px, #000 calc(100% - 40px), transparent 100%)}@media (prefers-reduced-motion: reduce){.md-tabs__container{scroll-behavior:auto}}`;const h=t(class t extends i{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.mdTabChange=e(this,"mdTabChange",7);this.activeTabIndex=0;this.variant="primary";this.ariaLabelProp="";this.tabWidth="equal";this.width="";this.tabCount=0;this.tabs=[];this.listenersBound=false;this.hasLoaded=false;this.activeTabEl=null;this.syncingIndex=false;this.pendingRequestedIndex=null;this.prevTabs=[];this.glideToken=0;this.uniquePrefix=`md-tabs-${Math.random().toString(36).slice(2,7)}`;this.tabClickHandlers=new Map;this.handleWheel=t=>{const i=this.containerEl;if(!i||i.scrollWidth<=i.clientWidth)return;if(Math.abs(t.deltaX)>=Math.abs(t.deltaY)||t.deltaY===0)return;t.preventDefault();const e=t.deltaMode===1?16:t.deltaMode===2?i.clientWidth:1;i.scrollBy({left:t.deltaY*e,behavior:"instant"})};this.updateOverflow=()=>{const t=this.containerEl;if(!t||this.tabs.length===0){this.el.classList.remove("md-tabs--clip-left","md-tabs--clip-right");return}const i=t.getBoundingClientRect();const e=this.tabs[0].getBoundingClientRect();const s=this.tabs[this.tabs.length-1].getBoundingClientRect();const a=Math.min(e.left,s.left);const n=Math.max(e.right,s.right);this.el.classList.toggle("md-tabs--clip-left",a<i.left-1);this.el.classList.toggle("md-tabs--clip-right",n>i.right+1)}}onTabWidthChange(){this.updateOverflow()}get tabWidthMode(){if(this.tabWidth==="auto")return"auto";if(!this.tabWidth||this.tabWidth==="equal")return"equal";return"fixed"}componentDidLoad(){const t=this.el.shadowRoot;if(!t)return;const i=t.querySelector("slot");i?.addEventListener("slotchange",(()=>this.syncTabs()));if(typeof ResizeObserver!=="undefined"){this.resizeObserver=new ResizeObserver((()=>this.updateOverflow()))}if(typeof MutationObserver!=="undefined"){this.dirObserver=new MutationObserver((()=>this.updateOverflow()))}this.hasLoaded=true;this.attachObservers();this.syncTabs()}connectedCallback(){if(this.hasLoaded){queueMicrotask((()=>{this.attachObservers();this.syncTabs()}))}}disconnectedCallback(){this.removeTabListeners();this.resizeObserver?.disconnect();this.dirObserver?.disconnect()}attachObservers(){if(this.containerEl)this.resizeObserver?.observe(this.containerEl);if(this.dirObserver){this.dirObserver.observe(this.el,{attributes:true,attributeFilter:["dir"]});this.dirObserver.observe(document.documentElement,{attributes:true,attributeFilter:["dir"]})}}onActiveChange(t){if(this.syncingIndex)return;const i=this.sanitizeIndex(t);this.pendingRequestedIndex=i>this.tabs.length-1?i:null;const e=this.clampIndex(i);if(e!==t){this.setIndexInternal(e)}this.applyIndex(e)}onVariantChange(){this.tabs.forEach((t=>t.setAttribute("variant",this.variant)))}async selectTab(t){if(t<0||t>=this.tabs.length)return;this.activateTab(t)}handleKeyDown(t){if(this.tabs.length===0)return;const i=t.composedPath?.()[0]??this.deepActiveElement();const e=i?.closest?.("md-tab")??i;const s=this.tabs.indexOf(e);if(s===-1)return;const a=this.isRtl()?-1:1;let n=null;switch(t.key){case"ArrowRight":t.preventDefault();n=this.findNextEnabledWrapping(s,a);break;case"ArrowLeft":t.preventDefault();n=this.findNextEnabledWrapping(s,a*-1);break;case"Home":t.preventDefault();n=this.findFirstEnabled();break;case"End":t.preventDefault();n=this.findLastEnabled();break}if(n!==null&&n!==s){this.tabs[n].focus();this.activateTab(n)}}handleTabDisabledChange(){this.updateRovingTabindex()}deepActiveElement(){let t=document.activeElement;while(t?.shadowRoot?.activeElement){t=t.shadowRoot.activeElement}return t}isRtl(){return typeof getComputedStyle!=="undefined"&&getComputedStyle(this.el).direction==="rtl"}prefersReducedMotion(){return typeof matchMedia!=="undefined"&&matchMedia("(prefers-reduced-motion: reduce)").matches}findNextEnabledWrapping(t,i){const e=this.tabs.length;if(e===0)return null;let s=t;for(let t=0;t<e;t++){s=(s+i+e)%e;if(!this.isDisabledTab(this.tabs[s]))return s}return null}findFirstEnabled(){for(let t=0;t<this.tabs.length;t++){if(!this.isDisabledTab(this.tabs[t]))return t}return null}findLastEnabled(){for(let t=this.tabs.length-1;t>=0;t--){if(!this.isDisabledTab(this.tabs[t]))return t}return null}syncTabs(){this.removeTabListeners();const t=this.el.shadowRoot?.querySelector("slot");if(!t)return;this.tabs=t.assignedElements({flatten:true}).filter((t=>t.tagName==="MD-TAB"));this.tabCount=this.tabs.length;this.tabs.forEach(((t,i)=>{t.setAttribute("variant",this.variant);t.addEventListener("mdTabClick",this.createTabClickHandler(i));if(!t.id){t.id=`${this.uniquePrefix}-tab-${i}`}}));this.listenersBound=true;if(this.resizeObserver){this.resizeObserver.disconnect();if(this.containerEl)this.resizeObserver.observe(this.containerEl);this.tabs.forEach((t=>this.resizeObserver.observe(t)))}this.reconcileActiveTab();this.updateOverflow()}reconcileActiveTab(){this.prevTabs.forEach((t=>{if(!this.tabs.includes(t)){t.removeAttribute("active");t.removeAttribute("tabindex")}}));this.prevTabs=this.tabs;if(this.tabs.length===0){this.activeTabEl=null;return}if(this.pendingRequestedIndex!==null){const t=this.pendingRequestedIndex;this.pendingRequestedIndex=null;if(t<=this.tabs.length-1){const i=this.clampIndex(t);this.setIndexInternal(i);this.applyIndex(i);return}}if(this.findFirstEnabled()===null){const t=this.activeTabEl!==null;const i=this.activeTabIndex;this.tabs.forEach((t=>t.removeAttribute("active")));this.activeTabEl=null;this.updateRovingTabindex();if(t)this.mdTabChange.emit({index:-1,previousIndex:i});return}const t=this.activeTabEl;let i;if(t&&this.tabs.includes(t)){i=this.tabs.indexOf(t)}else{i=this.clampIndex(this.activeTabIndex)}const e=this.activeTabIndex;this.setIndexInternal(i);this.applyIndex(i,{scroll:false});if(t!==null&&this.activeTabEl!==t){this.mdTabChange.emit({index:i,previousIndex:e})}}sanitizeIndex(t){const i=Math.round(Number(t));return Number.isFinite(i)?i:0}isDisabledTab(t){return t.disabled===true||t.hasAttribute("disabled")}clampIndex(t){const i=this.tabs.length;if(i===0)return 0;let e=Math.max(0,Math.min(this.sanitizeIndex(t),i-1));if(this.tabs[e]&&this.isDisabledTab(this.tabs[e])){const t=this.findNextEnabledWrapping(e,1)??this.findFirstEnabled();if(t!==null)e=t}return e}setIndexInternal(t){if(this.activeTabIndex===t)return;this.syncingIndex=true;this.activeTabIndex=t;this.syncingIndex=false}removeTabListeners(){if(!this.listenersBound)return;this.tabs.forEach(((t,i)=>{t.removeEventListener("mdTabClick",this.createTabClickHandler(i))}));this.listenersBound=false}createTabClickHandler(t){if(!this.tabClickHandlers.has(t)){this.tabClickHandlers.set(t,(()=>this.activateTab(t)))}return this.tabClickHandlers.get(t)}activateTab(t){this.pendingRequestedIndex=null;if(t===this.activeTabIndex&&this.tabs[t]?.hasAttribute("active"))return;const i=this.activeTabIndex;this.setIndexInternal(t);this.applyIndex(t);this.mdTabChange.emit({index:t,previousIndex:i})}applyIndex(t,i={}){const e=this.activeTabEl;const s=this.tabs[t]??null;this.applyActiveState(t);this.updateRovingTabindex();this.activeTabEl=s;if(i.scroll!==false)this.scrollTabIntoView(t);if(e&&s&&e!==s)this.glideIndicator(e,s)}applyActiveState(t){this.tabs.forEach(((i,e)=>{if(e===t){i.setAttribute("active","")}else{i.removeAttribute("active")}}))}updateRovingTabindex(){let t=this.activeTabIndex;if(this.tabs[t]&&this.isDisabledTab(this.tabs[t])){t=this.findFirstEnabled()??t}this.tabs.forEach(((i,e)=>{if(this.isDisabledTab(i)){i.setAttribute("tabindex","-1")}else{i.setAttribute("tabindex",e===t?"0":"-1")}}))}glideIndicator(t,i){if(this.prefersReducedMotion())return;const e=t=>(t.shadowRoot?.querySelector(".md-tab__indicator")??t).getBoundingClientRect();const s=e(t);const a=e(i);if(!s.width||!a.width)return;const n=s.left+s.width/2-(a.left+a.width/2);const r=s.width/a.width;if(typeof requestAnimationFrame==="undefined")return;const h=++this.glideToken;t.style.removeProperty("--md-tab-glide-x");t.style.removeProperty("--md-tab-glide-scale");t.style.removeProperty("--md-tab-glide-duration");i.style.setProperty("--md-tab-glide-duration","0s");i.style.setProperty("--md-tab-glide-x",`${n}px`);i.style.setProperty("--md-tab-glide-scale",`${r}`);requestAnimationFrame((()=>requestAnimationFrame((()=>{if(h!==this.glideToken)return;i.style.removeProperty("--md-tab-glide-duration");i.style.setProperty("--md-tab-glide-x","0px");i.style.setProperty("--md-tab-glide-scale","1");setTimeout((()=>{if(h!==this.glideToken)return;i.style.removeProperty("--md-tab-glide-x");i.style.removeProperty("--md-tab-glide-scale")}),500)}))))}scrollTabIntoView(t){const i=this.tabs[t];if(!i||!this.containerEl)return;i.scrollIntoView?.({behavior:this.prefersReducedMotion()?"auto":"smooth",block:"nearest",inline:"nearest"})}render(){return s(a,{key:"c103ec49e743ca885a22f303c46f13fc4ee650f5",class:{"md-tabs":true,[`md-tabs--${this.variant}`]:true,"md-tabs--tw-auto":this.tabWidthMode==="auto","md-tabs--tw-fixed":this.tabWidthMode==="fixed"},style:{...this.tabWidthMode==="fixed"?{"--_tab-width":this.tabWidth}:{},...this.width?{"inline-size":this.width}:{}},role:"tablist","aria-label":this.ariaLabelProp||"tabs","aria-orientation":"horizontal"},s("div",{key:"21bec4d569d80650d16c8c4a8ee55db98880ac98",class:"md-tabs__container",part:"container",ref:t=>this.containerEl=t,onWheel:this.handleWheel,onScroll:this.updateOverflow},s("slot",{key:"83031858998cab19d0fe544808aced96a07f5bab"})))}get el(){return this}static get watchers(){return{tabWidth:[{onTabWidthChange:0}],activeTabIndex:[{onActiveChange:0}],variant:[{onVariantChange:0}]}}static get style(){return r()}},[257,"md-tabs",{activeTabIndex:[1026,"active-tab-index"],variant:[513],ariaLabelProp:[1,"aria-label"],tabWidth:[1,"tab-width"],width:[1],tabCount:[32],selectTab:[64]},[[0,"keydown","handleKeyDown"],[0,"mdTabDisabledChange","handleTabDisabledChange"]],{tabWidth:[{onTabWidthChange:0}],activeTabIndex:[{onActiveChange:0}],variant:[{onVariantChange:0}]}]);function l(){if(typeof customElements==="undefined"){return}const t=["md-tabs"];t.forEach((t=>{switch(t){case"md-tabs":if(!customElements.get(n(t))){customElements.define(n(t),h)}break}}))}l();const o=h;const d=l;export{o as MdTabs,d as defineCustomElement};
+//# sourceMappingURL=md-tabs.js.map

package/dist/components-csr/md-tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["mdTabsCss","MdTabs","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","activeTabIndex","variant","ariaLabelProp","tabWidth","width","tabCount","tabs","listenersBound","hasLoaded","activeTabEl","syncingIndex","pendingRequestedIndex","prevTabs","glideToken","uniquePrefix","Math","random","toString","slice","tabClickHandlers","Map","handleWheel","e","c","containerEl","scrollWidth","clientWidth","abs","deltaX","deltaY","preventDefault","factor","deltaMode","scrollBy","left","behavior","updateOverflow","length","el","classList","remove","box","getBoundingClientRect","first","last","min","right","max","toggle","onTabWidthChange","tabWidthMode","componentDidLoad","shadow","shadowRoot","slot","querySelector","addEventListener","syncTabs","ResizeObserver","resizeObserver","MutationObserver","dirObserver","attachObservers","connectedCallback","queueMicrotask","disconnectedCallback","removeTabListeners","disconnect","observe","attributes","attributeFilter","document","documentElement","onActiveChange","newIndex","sanitized","sanitizeIndex","clamped","clampIndex","setIndexInternal","applyIndex","onVariantChange","forEach","tab","setAttribute","selectTab","index","activateTab","handleKeyDown","origin","composedPath","deepActiveElement","originTab","closest","currentIndex","indexOf","dir","isRtl","targetIndex","key","findNextEnabledWrapping","findFirstEnabled","findLastEnabled","focus","handleTabDisabledChange","updateRovingTabindex","active","activeElement","getComputedStyle","direction","prefersReducedMotion","matchMedia","matches","from","len","idx","i","isDisabledTab","assignedElements","flatten","filter","tagName","createTabClickHandler","id","t","reconcileActiveTab","includes","removeAttribute","pending","hadSelection","previousIndex","mdTabChange","emit","prevEl","scroll","num","round","Number","isFinite","disabled","hasAttribute","enabled","removeEventListener","has","set","get","opts","nextEl","applyActiveState","scrollTabIntoView","glideIndicator","activeIndex","holder","prevTab","nextTab","measure","p","n","dx","sx","requestAnimationFrame","token","style","removeProperty","setProperty","setTimeout","scrollIntoView","block","inline","render","h","Host","class","role","part","ref","onWheel","onScroll"],"sources":["src/components/md-tabs/md-tabs.css?tag=md-tabs&encapsulation=shadow","src/components/md-tabs/md-tabs.tsx"],"sourcesContent":["/* ==========================================================\n   md-tabs — Material Design 3 Tabs Container\n   Spec: https://m3.material.io/components/tabs/specs\n\n   PUBLIC CSS CUSTOM PROPERTIES (override per-instance):\n     --md-tabs-container-color     Container background\n     --md-tabs-divider-color       Divider color for every child tab's\n                                   bottom line (md-tab inherits it into its\n                                   own divider default chain)\n\n   CSS PARTS:\n     container   Scrollable tab container\n\n   SLOTS:\n     (default)   md-tab elements\n   ========================================================== */\n\n/* ==========================================================\n   1. HOST\n   ========================================================== */\n\n:host {\n  --_container-color: var(--md-tabs-container-color, var(--md-sys-color-surface, #FFFBFE));\n\n  display: flex;\n  flex-direction: column;\n  inline-size: 100%;\n  position: relative;\n  background-color: var(--_container-color);\n  box-sizing: border-box;\n}\n\n/* ==========================================================\n   2. CONTAINER — horizontal scroll, hide scrollbar\n   ========================================================== */\n\n.md-tabs__container {\n  display: flex;\n  overflow-x: auto;\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n  scroll-behavior: smooth;\n}\n\n.md-tabs__container::-webkit-scrollbar {\n  display: none;\n}\n\n/* Tabs fill container equally (tab-width=\"equal\", the default) */\n::slotted(md-tab) {\n  flex: 1;\n  min-inline-size: 90px;\n}\n\n/* tab-width=\"auto\" — content-sized tabs, strip scrolls */\n:host(.md-tabs--tw-auto) ::slotted(md-tab) {\n  flex: 0 0 auto;\n}\n\n/* tab-width=\"<length>\" — content-immune fixed tracks (dynamic badges/labels\n   can't reshuffle the strip); long labels ellipsize inside md-tab */\n:host(.md-tabs--tw-fixed) ::slotted(md-tab) {\n  flex: 0 0 var(--_tab-width);\n  inline-size: var(--_tab-width);\n  min-inline-size: var(--_tab-width);\n  max-inline-size: var(--_tab-width);\n}\n\n/* ==========================================================\n   3. OVERFLOW AFFORDANCE — edge fades signal clipped tabs\n   md-tabs toggles clip-left/right from tab GEOMETRY (physical rects,\n   RTL-correct); the mask fades the clipped edge. Wheel input maps to\n   horizontal scroll in the component.\n   ========================================================== */\n\n:host(.md-tabs--clip-left) .md-tabs__container {\n  -webkit-mask-image: linear-gradient(to right, transparent 0, #000 40px);\n  mask-image: linear-gradient(to right, transparent 0, #000 40px);\n}\n\n:host(.md-tabs--clip-right) .md-tabs__container {\n  -webkit-mask-image: linear-gradient(to left, transparent 0, #000 40px);\n  mask-image: linear-gradient(to left, transparent 0, #000 40px);\n}\n\n:host(.md-tabs--clip-left.md-tabs--clip-right) .md-tabs__container {\n  -webkit-mask-image: linear-gradient(to right, transparent 0, #000 40px, #000 calc(100% - 40px), transparent 100%);\n  mask-image: linear-gradient(to right, transparent 0, #000 40px, #000 calc(100% - 40px), transparent 100%);\n}\n\n/* ==========================================================\n   4. REDUCED MOTION\n   ========================================================== */\n\n@media (prefers-reduced-motion: reduce) {\n  .md-tabs__container {\n    scroll-behavior: auto;\n  }\n}\n","import { Component, Host, h, Prop, Event, EventEmitter, Element, Watch, State, Method, Listen } from '@stencil/core';\n\n/**\n * @slot - Tab items (`md-tab` elements)\n *\n * @part container - Scrollable tab container\n */\n@Component({\n  tag: 'md-tabs',\n  styleUrl: 'md-tabs.css',\n  shadow: true,\n})\nexport class MdTabs {\n  @Element() el!: HTMLElement;\n\n  /** Index of the currently active tab */\n  @Prop({ mutable: true }) activeTabIndex: number = 0;\n\n  /** Visual variant applied to all child tabs */\n  @Prop({ reflect: true }) variant: 'primary' | 'secondary' = 'primary';\n\n  /** Accessible label for the tablist */\n  @Prop({ attribute: 'aria-label' }) ariaLabelProp: string = '';\n\n  /**\n   * How tabs size along the strip. All modes are layout-stable under\n   * dynamic content (labels/badges can change without reshuffling the\n   * strip); long labels ellipsize instead of forcing a tab wider.\n   * - `equal` (default) — tabs share the parent's FULL width equally;\n   *   tracks change only when the PARENT resizes.\n   * - `auto` — each tab takes its content width (the strip scrolls), so\n   *   tracks follow content by design.\n   * - any CSS length (e.g. `\"140px\"`, `\"10rem\"`) — every tab gets exactly\n   *   that width regardless of parent or content.\n   */\n  @Prop({ attribute: 'tab-width' }) tabWidth: string = 'equal';\n\n  /**\n   * Explicit width for the WHOLE strip (any CSS size: `\"480px\"`, `\"40rem\"`,\n   * `\"100%\"`). By default the strip is `100%` of its parent — in\n   * shrink-to-fit layouts (inline-block cards, auto grid columns, flex\n   * items) that parent's width follows the ACTIVE TAB PANEL, so switching\n   * to a tab with tiny content collapses the whole tablist. Set `width` to\n   * anchor the strip regardless of what the panels do.\n   */\n  @Prop() width: string = '';\n\n  @Watch('tabWidth')\n  onTabWidthChange() {\n    this.updateOverflow();\n  }\n\n  private get tabWidthMode(): 'equal' | 'auto' | 'fixed' {\n    if (this.tabWidth === 'auto') return 'auto';\n    if (!this.tabWidth || this.tabWidth === 'equal') return 'equal';\n    return 'fixed';\n  }\n\n  /** Emits when the active tab changes */\n  @Event() mdTabChange: EventEmitter<{ index: number; previousIndex: number }>;\n\n  @State() private tabCount = 0;\n\n  private tabs: HTMLElement[] = [];\n  private containerEl?: HTMLElement;\n  private listenersBound = false;\n  private hasLoaded = false;\n  /** The active tab ELEMENT — selection survives reorders/removals by\n   *  identity, not position (removing a preceding tab must not silently\n   *  select a different tab). */\n  private activeTabEl: HTMLElement | null = null;\n  /** Guards the activeTabIndex watch while we reconcile internally. */\n  private syncingIndex = false;\n  /** Consumer-requested index awaiting a tab that hasn't slotted in yet. */\n  private pendingRequestedIndex: number | null = null;\n  private prevTabs: HTMLElement[] = [];\n  private glideToken = 0;\n  private resizeObserver?: ResizeObserver;\n  private dirObserver?: MutationObserver;\n  private uniquePrefix = `md-tabs-${Math.random().toString(36).slice(2, 7)}`;\n\n  // ─── Lifecycle ───────────────────────────────────────────\n\n  componentDidLoad() {\n    const shadow = this.el.shadowRoot;\n    if (!shadow) return;\n\n    const slot = shadow.querySelector('slot') as HTMLSlotElement | null;\n    slot?.addEventListener('slotchange', () => this.syncTabs());\n    if (typeof ResizeObserver !== 'undefined') {\n      this.resizeObserver = new ResizeObserver(() => this.updateOverflow());\n    }\n    if (typeof MutationObserver !== 'undefined') {\n      // A runtime dir flip moves the clipped side without firing scroll or\n      // resize — the fades went stale on the wrong edge.\n      this.dirObserver = new MutationObserver(() => this.updateOverflow());\n    }\n    this.hasLoaded = true;\n    this.attachObservers();\n    this.syncTabs();\n  }\n\n  connectedCallback() {\n    // Reparenting disconnects (tearing down tab listeners) and reconnects\n    // WITHOUT a slotchange — the slot's assignment inside our own shadow\n    // never changed. Rebind, or the component is permanently dead after\n    // an appendChild elsewhere.\n    if (this.hasLoaded) {\n      queueMicrotask(() => {\n        this.attachObservers(); // disconnect() wiped subscriptions — re-observe\n        this.syncTabs();\n      });\n    }\n  }\n\n  disconnectedCallback() {\n    this.removeTabListeners();\n    this.resizeObserver?.disconnect();\n    this.dirObserver?.disconnect();\n  }\n\n  private attachObservers() {\n    if (this.containerEl) this.resizeObserver?.observe(this.containerEl);\n    if (this.dirObserver) {\n      this.dirObserver.observe(this.el, { attributes: true, attributeFilter: ['dir'] });\n      this.dirObserver.observe(document.documentElement, { attributes: true, attributeFilter: ['dir'] });\n    }\n  }\n\n  // ─── Watchers ────────────────────────────────────────────\n\n  @Watch('activeTabIndex')\n  onActiveChange(newIndex: number) {\n    if (this.syncingIndex) return;\n    // The prop is the primary framework-wrapper path — it must be FULLY\n    // reactive: clamp, then active state + roving tabindex + scroll, exactly\n    // like the click/keyboard path (previously only the visuals updated,\n    // leaving focus on the old tab and the new one offscreen).\n    const sanitized = this.sanitizeIndex(newIndex);\n    // \"append a tab and select it\" sets an index the (stale, pre-slotchange)\n    // list doesn't have yet — remember the INTENT and honor it when the tab\n    // registers, instead of permanently rewriting the consumer's value.\n    this.pendingRequestedIndex = sanitized > this.tabs.length - 1 ? sanitized : null;\n    const clamped = this.clampIndex(sanitized);\n    if (clamped !== newIndex) {\n      this.setIndexInternal(clamped); // guarded — the watch will NOT re-fire\n    }\n    this.applyIndex(clamped);\n  }\n\n  @Watch('variant')\n  onVariantChange() {\n    this.tabs.forEach(tab => tab.setAttribute('variant', this.variant));\n  }\n\n  // ─── Public Methods ──────────────────────────────────────\n\n  /** Programmatically select a tab by index */\n  @Method()\n  async selectTab(index: number) {\n    if (index < 0 || index >= this.tabs.length) return;\n    this.activateTab(index);\n  }\n\n  // ─── Keyboard Navigation ─────────────────────────────────\n\n  @Listen('keydown')\n  handleKeyDown(e: KeyboardEvent) {\n    if (this.tabs.length === 0) return;\n\n    // composedPath()[0] is the true origin even through CLOSED shadow roots\n    // (the deep activeElement walk stops at a closed host — arrows were dead\n    // there). Fallback to the walk for synthetic events without a path.\n    const origin = (e.composedPath?.()[0] as HTMLElement | undefined) ?? (this.deepActiveElement() as HTMLElement);\n    const originTab = origin?.closest?.('md-tab') ?? origin;\n    const currentIndex = this.tabs.indexOf(originTab as HTMLElement);\n    if (currentIndex === -1) return;\n\n    // Arrow keys follow VISUAL direction: in RTL, ArrowRight moves toward\n    // lower indexes (same contract as md-navigation-bar).\n    const dir: 1 | -1 = this.isRtl() ? -1 : 1;\n    let targetIndex: number | null = null;\n\n    switch (e.key) {\n      case 'ArrowRight':\n        e.preventDefault();\n        targetIndex = this.findNextEnabledWrapping(currentIndex, dir);\n        break;\n      case 'ArrowLeft':\n        e.preventDefault();\n        targetIndex = this.findNextEnabledWrapping(currentIndex, (dir * -1) as 1 | -1);\n        break;\n      case 'Home':\n        e.preventDefault();\n        targetIndex = this.findFirstEnabled();\n        break;\n      case 'End':\n        e.preventDefault();\n        targetIndex = this.findLastEnabled();\n        break;\n    }\n\n    if (targetIndex !== null && targetIndex !== currentIndex) {\n      this.tabs[targetIndex].focus();\n      this.activateTab(targetIndex);\n    }\n  }\n\n  /** A disabled state change re-roves so exactly one tab stays focusable. */\n  @Listen('mdTabDisabledChange')\n  handleTabDisabledChange() {\n    this.updateRovingTabindex();\n  }\n\n  private deepActiveElement(): Element | null {\n    let active: Element | null = document.activeElement;\n    while (active?.shadowRoot?.activeElement) {\n      active = active.shadowRoot.activeElement;\n    }\n    return active;\n  }\n\n  private isRtl(): boolean {\n    return typeof getComputedStyle !== 'undefined' && getComputedStyle(this.el).direction === 'rtl';\n  }\n\n  private prefersReducedMotion(): boolean {\n    return typeof matchMedia !== 'undefined' && matchMedia('(prefers-reduced-motion: reduce)').matches;\n  }\n\n  /** Wraps around: last→first and first→last, skipping disabled tabs. */\n  private findNextEnabledWrapping(from: number, direction: 1 | -1): number | null {\n    const len = this.tabs.length;\n    if (len === 0) return null;\n    let idx = from;\n    for (let i = 0; i < len; i++) {\n      idx = (idx + direction + len) % len;\n      if (!this.isDisabledTab(this.tabs[idx])) return idx;\n    }\n    return null;\n  }\n\n  private findFirstEnabled(): number | null {\n    for (let i = 0; i < this.tabs.length; i++) {\n      if (!this.isDisabledTab(this.tabs[i])) return i;\n    }\n    return null;\n  }\n\n  private findLastEnabled(): number | null {\n    for (let i = this.tabs.length - 1; i >= 0; i--) {\n      if (!this.isDisabledTab(this.tabs[i])) return i;\n    }\n    return null;\n  }\n\n  // ─── Tab Sync ────────────────────────────────────────────\n\n  private syncTabs() {\n    this.removeTabListeners();\n\n    const slot = this.el.shadowRoot?.querySelector('slot') as HTMLSlotElement | null;\n    if (!slot) return;\n\n    // flatten:true — tabs forwarded through a wrapper's <slot> must be\n    // managed too (without it, assignedElements() returns the nested SLOT\n    // element and zero tabs register).\n    this.tabs = slot.assignedElements({ flatten: true }).filter(\n      el => el.tagName === 'MD-TAB',\n    ) as HTMLElement[];\n\n    this.tabCount = this.tabs.length;\n\n    this.tabs.forEach((tab, index) => {\n      tab.setAttribute('variant', this.variant);\n      tab.addEventListener('mdTabClick', this.createTabClickHandler(index));\n\n      if (!tab.id) {\n        tab.id = `${this.uniquePrefix}-tab-${index}`;\n      }\n    });\n\n    this.listenersBound = true;\n    if (this.resizeObserver) {\n      this.resizeObserver.disconnect();\n      if (this.containerEl) this.resizeObserver.observe(this.containerEl);\n      // A tab GROWING (label/min-width change) overflows the strip without\n      // resizing the container box — observe the tabs themselves.\n      this.tabs.forEach((t) => this.resizeObserver!.observe(t));\n    }\n    this.reconcileActiveTab();\n    this.updateOverflow();\n  }\n\n  /**\n   * Selection integrity across mutations: follow the active ELEMENT if it\n   * still exists; if it was removed (or the index is out of range), clamp to\n   * the nearest valid enabled tab and tell consumers. Never leave the\n   * tablist without a focusable tab.\n   */\n  private reconcileActiveTab() {\n    // Tabs that LEFT the managed set must not keep selected-looking state\n    // (a moved-out active tab kept active + aria-selected + tabindex=0).\n    this.prevTabs.forEach((t) => {\n      if (!this.tabs.includes(t)) {\n        t.removeAttribute('active');\n        t.removeAttribute('tabindex'); // its own reconnect stamps standalone\n      }\n    });\n    this.prevTabs = this.tabs;\n\n    if (this.tabs.length === 0) {\n      this.activeTabEl = null;\n      return;\n    }\n\n    // A consumer index that outran the slotted list (\"append + select\")\n    // wins the moment the tab registers — consumer-initiated, so no emit.\n    if (this.pendingRequestedIndex !== null) {\n      const pending = this.pendingRequestedIndex;\n      this.pendingRequestedIndex = null; // single-shot: first reconcile only\n      if (pending <= this.tabs.length - 1) {\n        const idx = this.clampIndex(pending);\n        this.setIndexInternal(idx);\n        this.applyIndex(idx);\n        return;\n      }\n    }\n\n    // No enabled tab at all: nothing may claim aria-selected or the tab\n    // stop (previously a DISABLED tab ended active with zero focusable tabs).\n    if (this.findFirstEnabled() === null) {\n      const hadSelection = this.activeTabEl !== null;\n      const previousIndex = this.activeTabIndex;\n      this.tabs.forEach((t) => t.removeAttribute('active'));\n      this.activeTabEl = null;\n      this.updateRovingTabindex();\n      if (hadSelection) this.mdTabChange.emit({ index: -1, previousIndex });\n      return;\n    }\n\n    const prevEl = this.activeTabEl;\n    let index: number;\n    if (prevEl && this.tabs.includes(prevEl)) {\n      index = this.tabs.indexOf(prevEl);\n    } else {\n      index = this.clampIndex(this.activeTabIndex);\n    }\n    const previousIndex = this.activeTabIndex;\n    this.setIndexInternal(index);\n    this.applyIndex(index, { scroll: false });\n    // Emit on ELEMENT-identity change, not index change: removing a mid-list\n    // active tab keeps the same NUMBER while selecting a different tab —\n    // the old numeric guard made that emit dead code.\n    if (prevEl !== null && this.activeTabEl !== prevEl) {\n      this.mdTabChange.emit({ index, previousIndex });\n    }\n  }\n\n  /** NaN / floats / attribute garbage must never wipe the tablist. */\n  private sanitizeIndex(index: unknown): number {\n    const num = Math.round(Number(index));\n    return Number.isFinite(num) ? num : 0;\n  }\n\n  /** Property writes reflect to the attribute ASYNC — read the prop first\n   *  so a just-disabled tab is never left holding the tab stop. */\n  private isDisabledTab(tab: HTMLElement): boolean {\n    return (tab as HTMLElement & { disabled?: boolean }).disabled === true || tab.hasAttribute('disabled');\n  }\n\n  /** Clamp into range, preferring an enabled tab (falls back to nearest). */\n  private clampIndex(index: number): number {\n    const len = this.tabs.length;\n    if (len === 0) return 0;\n    let idx = Math.max(0, Math.min(this.sanitizeIndex(index), len - 1));\n    if (this.tabs[idx] && this.isDisabledTab(this.tabs[idx])) {\n      const enabled = this.findNextEnabledWrapping(idx, 1) ?? this.findFirstEnabled();\n      if (enabled !== null) idx = enabled;\n    }\n    return idx;\n  }\n\n  private setIndexInternal(index: number) {\n    if (this.activeTabIndex === index) return;\n    this.syncingIndex = true;\n    this.activeTabIndex = index;\n    this.syncingIndex = false;\n  }\n\n  private removeTabListeners() {\n    if (!this.listenersBound) return;\n    this.tabs.forEach((tab, index) => {\n      tab.removeEventListener('mdTabClick', this.createTabClickHandler(index));\n    });\n    this.listenersBound = false;\n  }\n\n  private tabClickHandlers = new Map<number, () => void>();\n\n  private createTabClickHandler(index: number): () => void {\n    if (!this.tabClickHandlers.has(index)) {\n      this.tabClickHandlers.set(index, () => this.activateTab(index));\n    }\n    return this.tabClickHandlers.get(index)!;\n  }\n\n  private activateTab(index: number) {\n    this.pendingRequestedIndex = null;\n    if (index === this.activeTabIndex && this.tabs[index]?.hasAttribute('active')) return;\n    const previousIndex = this.activeTabIndex;\n    this.setIndexInternal(index);\n    this.applyIndex(index);\n    this.mdTabChange.emit({ index, previousIndex });\n  }\n\n  /** SINGLE application path — active state + roving tabindex + scroll (+\n   *  indicator glide). Used by the watch, activation and reconciliation so\n   *  no caller can half-update again. */\n  private applyIndex(index: number, opts: { scroll?: boolean } = {}) {\n    const prevEl = this.activeTabEl;\n    const nextEl = this.tabs[index] ?? null;\n    this.applyActiveState(index);\n    this.updateRovingTabindex();\n    this.activeTabEl = nextEl;\n    if (opts.scroll !== false) this.scrollTabIntoView(index);\n    if (prevEl && nextEl && prevEl !== nextEl) this.glideIndicator(prevEl, nextEl);\n  }\n\n  private applyActiveState(activeIndex: number) {\n    this.tabs.forEach((tab, i) => {\n      if (i === activeIndex) {\n        tab.setAttribute('active', '');\n      } else {\n        tab.removeAttribute('active');\n      }\n    });\n  }\n\n  /** md-tabs is the ONLY tabindex writer (md-tab renders none inside a\n   *  tablist) and always leaves exactly one focusable tab — the active one,\n   *  or the first enabled tab when the active one is disabled/invalid. */\n  private updateRovingTabindex() {\n    let holder = this.activeTabIndex;\n    if (this.tabs[holder] && this.isDisabledTab(this.tabs[holder])) {\n      holder = this.findFirstEnabled() ?? holder;\n    }\n    this.tabs.forEach((tab, i) => {\n      if (this.isDisabledTab(tab)) {\n        tab.setAttribute('tabindex', '-1');\n      } else {\n        tab.setAttribute('tabindex', i === holder ? '0' : '-1');\n      }\n    });\n  }\n\n  /**\n   * MD3 indicator glide: FLIP the incoming tab's indicator from the\n   * outgoing one's position/width to its own. The indicators live in each\n   * tab's shadow root, so the transform is driven via inherited custom\n   * properties the indicator CSS consumes.\n   */\n  private glideIndicator(prevTab: HTMLElement, nextTab: HTMLElement) {\n    if (this.prefersReducedMotion()) return;\n    const measure = (tab: HTMLElement) =>\n      (tab.shadowRoot?.querySelector('.md-tab__indicator') ?? tab).getBoundingClientRect();\n    const p = measure(prevTab);\n    const n = measure(nextTab);\n    if (!p.width || !n.width) return;\n    const dx = p.left + p.width / 2 - (n.left + n.width / 2);\n    const sx = p.width / n.width;\n    if (typeof requestAnimationFrame === 'undefined') return;\n    // Releasing synchronously never glided: the `active` class lands on the\n    // NEXT render, after the vars were already back at identity — the\n    // indicator just popped in place. Hold the translated start frame\n    // through the render (duration 0), release on a double rAF so the\n    // transition carries it home. Token guards rapid tab-hopping.\n    const token = ++this.glideToken;\n    prevTab.style.removeProperty('--md-tab-glide-x');\n    prevTab.style.removeProperty('--md-tab-glide-scale');\n    prevTab.style.removeProperty('--md-tab-glide-duration');\n    nextTab.style.setProperty('--md-tab-glide-duration', '0s');\n    nextTab.style.setProperty('--md-tab-glide-x', `${dx}px`);\n    nextTab.style.setProperty('--md-tab-glide-scale', `${sx}`);\n    requestAnimationFrame(() => requestAnimationFrame(() => {\n      if (token !== this.glideToken) return;\n      nextTab.style.removeProperty('--md-tab-glide-duration');\n      nextTab.style.setProperty('--md-tab-glide-x', '0px');\n      nextTab.style.setProperty('--md-tab-glide-scale', '1');\n      setTimeout(() => {\n        if (token !== this.glideToken) return;\n        nextTab.style.removeProperty('--md-tab-glide-x');\n        nextTab.style.removeProperty('--md-tab-glide-scale');\n      }, 500);\n    }));\n  }\n\n  private scrollTabIntoView(index: number) {\n    const tab = this.tabs[index];\n    if (!tab || !this.containerEl) return;\n    tab.scrollIntoView?.({\n      behavior: this.prefersReducedMotion() ? 'auto' : 'smooth',\n      block: 'nearest',\n      inline: 'nearest',\n    });\n  }\n\n  // ─── Overflow affordance ─────────────────────────────────\n\n  /** Vertical wheel scrolls the tab strip horizontally when it overflows —\n   *  otherwise clipped tabs are unreachable for mouse-only users (the\n   *  scrollbar is hidden by design). */\n  private handleWheel = (e: WheelEvent) => {\n    const c = this.containerEl;\n    if (!c || c.scrollWidth <= c.clientWidth) return;\n    // Horizontal gestures (trackpad swipes) scroll the strip NATIVELY —\n    // intercepting them replayed the motion through the tarpit below.\n    if (Math.abs(e.deltaX) >= Math.abs(e.deltaY) || e.deltaY === 0) return;\n    e.preventDefault();\n    // deltaMode: 0=pixels, 1=lines (Firefox wheel), 2=pages\n    const factor = e.deltaMode === 1 ? 16 : e.deltaMode === 2 ? c.clientWidth : 1;\n    // MUST bypass the container's scroll-behavior:smooth — incremental\n    // scrollLeft writes read the mid-animation position, so a wheel burst\n    // compounded off barely-moved values and crawled (10x120px netted\n    // 155px of 320). 'instant' applies each tick fully.\n    c.scrollBy({ left: e.deltaY * factor, behavior: 'instant' as ScrollBehavior });\n  };\n\n  /** Edge fades signal clipped tabs. Detection uses tab GEOMETRY (physical\n   *  rects), so it is RTL-correct by construction. */\n  private updateOverflow = () => {\n    const c = this.containerEl;\n    if (!c || this.tabs.length === 0) {\n      this.el.classList.remove('md-tabs--clip-left', 'md-tabs--clip-right');\n      return;\n    }\n    const box = c.getBoundingClientRect();\n    const first = this.tabs[0].getBoundingClientRect();\n    const last = this.tabs[this.tabs.length - 1].getBoundingClientRect();\n    const left = Math.min(first.left, last.left);\n    const right = Math.max(first.right, last.right);\n    this.el.classList.toggle('md-tabs--clip-left', left < box.left - 1);\n    this.el.classList.toggle('md-tabs--clip-right', right > box.right + 1);\n  };\n\n  // ─── Render ──────────────────────────────────────────────\n\n  render() {\n    return (\n      <Host\n        class={{\n          'md-tabs': true,\n          [`md-tabs--${this.variant}`]: true,\n          'md-tabs--tw-auto': this.tabWidthMode === 'auto',\n          'md-tabs--tw-fixed': this.tabWidthMode === 'fixed',\n        }}\n        style={{\n          ...(this.tabWidthMode === 'fixed' ? { '--_tab-width': this.tabWidth } : {}),\n          ...(this.width ? { 'inline-size': this.width } : {}),\n        }}\n        role=\"tablist\"\n        aria-label={this.ariaLabelProp || 'tabs'}\n        aria-orientation=\"horizontal\"\n      >\n        <div\n          class=\"md-tabs__container\"\n          part=\"container\"\n          ref={el => (this.containerEl = el)}\n          onWheel={this.handleWheel}\n          onScroll={this.updateOverflow}\n        >\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/components-csr/md-text-field.js

@@ -0,0 +1,2 @@
+import{M as o,d as s}from"./p-CF7mq5T7.js";const t=o;const m=s;export{t as MdTextField,m as defineCustomElement};
+//# sourceMappingURL=md-text-field.js.map

package/dist/components-csr/md-text-field.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":[],"mappings":"","ignoreList":[]}

package/dist/components-csr/md-time-picker.js

@@ -0,0 +1,2 @@
+import{p as i,H as t,c as e,h as r,d as a,t as s}from"./p-bSpXNc5J.js";import{g as n}from"./p-DWxN44zD.js";import{d as o}from"./p-BZakoRau.js";import{d}from"./p-R_guULjT.js";import{d as l}from"./p-C3vB0Hd9.js";import{d as c}from"./p-CF7mq5T7.js";const h=()=>`:host{--_trigger-color:var(--md-time-picker-trigger-color, var(--md-sys-color-on-surface, #1c1b1f));--_trigger-outline-color:var(--md-time-picker-trigger-outline-color, var(--md-sys-color-outline, #79747e));--_trigger-hover-color:var(--md-time-picker-trigger-hover-color, var(--md-sys-color-on-surface, #1c1b1f));--_trigger-focus-color:var(--md-time-picker-trigger-focus-color, var(--md-sys-color-primary, #6750a4));--_trigger-icon-color:var(--md-time-picker-trigger-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_dialog-color:var(--md-time-picker-dialog-color, var(--md-sys-color-surface-container-high, #ece6f0));--_dialog-on-color:var(--md-time-picker-dialog-on-color, var(--md-sys-color-on-surface, #1c1b1f));--_dialog-shape:var(--md-time-picker-dialog-shape, var(--md-sys-shape-corner-extra-large, 28px));--_dialog-elevation:var(--md-time-picker-dialog-elevation, var(--md-sys-elevation-3, 0 4px 8px 3px rgba(0, 0, 0, 0.15), 0 1px 3px rgba(0, 0, 0, 0.3)));--_scrim-color:var(--md-time-picker-scrim-color, rgba(0, 0, 0, 0.32));--_headline-color:var(--md-time-picker-headline-color, var(--md-sys-color-on-surface-variant, #49454f));--_time-display-shape:var(     --md-time-picker-input-shape,     var(--md-time-picker-time-display-shape, var(--md-sys-shape-corner-small, 8px))   );--_period-bg:var(--md-time-picker-period-bg, transparent);--_period-color:var(--md-time-picker-period-color, var(--md-sys-color-on-surface, #1c1b1f));--_period-active-bg:var(--md-time-picker-period-active-bg, var(--md-sys-color-tertiary-container, #ffd8e4));--_period-active-color:var(--md-time-picker-period-active-color, var(--md-sys-color-on-tertiary-container, #370b1e));--_period-outline-color:var(--md-time-picker-period-outline-color, var(--md-sys-color-outline, #79747e));--_dial-bg:var(--md-time-picker-dial-bg, var(--md-sys-color-surface-container-highest, #e6e0e9));--_dial-number-color:var(--md-time-picker-dial-number-color, var(--md-sys-color-on-surface, #1c1b1f));--_dial-number-active-color:var(--md-time-picker-dial-number-active-color, var(--md-sys-color-on-primary, #ffffff));--_dial-hand-color:var(--md-time-picker-dial-hand-color, var(--md-sys-color-primary, #6750a4));--_dial-target-size:var(--md-time-picker-dial-target-size, 48px);--_input-bg:var(--md-time-picker-input-bg, var(--md-sys-color-surface-container-highest, #e6e0e9));--_input-color:var(--md-time-picker-input-color, var(--md-sys-color-on-surface, #1c1b1f));--_input-outline-color:var(--md-time-picker-input-outline-color, transparent);--_input-active-outline-color:var(--md-time-picker-input-active-outline-color, var(--md-sys-color-primary, #6750a4));--_input-error-color:var(--md-time-picker-input-error-color, var(--md-sys-color-error, #b3261e));--_input-hint-color:var(--md-time-picker-input-hint-color, var(--md-sys-color-on-surface-variant, #49454f));--_action-color:var(--md-time-picker-action-color, var(--md-sys-color-primary, #6750a4));--_action-primary-color:var(--md-time-picker-action-primary-color, var(--md-sys-color-primary, #6750a4));--_toggle-icon-color:var(--md-time-picker-toggle-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_dialog-padding:var(--md-time-picker-dialog-padding, var(--md-sys-spacing-inset-xl, 24px));--_dialog-min-width:var(--md-time-picker-dialog-min-width, 328px);--_dialog-horizontal-width-12h:var(--md-time-picker-dialog-horizontal-width-12h, 572px);--_dialog-horizontal-width-24h:var(--md-time-picker-dialog-horizontal-width-24h, 608px);--_dialog-enter-duration:var(--md-time-picker-dialog-enter-duration, var(--md-sys-motion-duration-long2, 500ms));--_mode-swap-duration:var(--md-time-picker-mode-swap-duration, var(--md-sys-motion-duration-long1, 450ms));--_motion-easing:var(--md-time-picker-motion-easing, var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1)));--_trigger-min-width:var(--md-time-picker-trigger-min-width, 240px);--_trigger-icon-size:var(--md-time-picker-trigger-icon-size, max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px)));--_trigger-shape:var(--md-time-picker-trigger-shape, var(--md-sys-shape-corner-extra-small, 4px));--_headline-font-size:var(--md-time-picker-headline-font-size, max(10px, calc(12px + var(--md-sys-density-scale, 0) * 0.5px)));--_headline-font-weight:var(--md-time-picker-headline-font-weight, var(--md-sys-typescale-label-medium-font-weight, 500));--_headline-spacing:var(--md-time-picker-headline-spacing, max(4px, calc(20px + var(--md-sys-density-scale, 0) * 2px)));--_input-height:var(--md-time-picker-input-height, calc(var(--_input-font-size) * 1.6));--_input-width:var(--md-time-picker-input-width, calc(var(--_input-height) * 4 / 3));--_input-border-width:var(--md-time-picker-input-border-width, 2px);--_input-font-size:var(--md-time-picker-input-font-size, max(32px, calc(45px + var(--md-sys-density-scale, 0) * 2px)));--_input-font-weight:var(--md-time-picker-input-font-weight, var(--md-sys-typescale-display-medium-font-weight, 400));--_input-active-bg:var(--md-time-picker-input-active-bg, var(--md-sys-color-primary-container, #eaddff));--_input-active-color:var(--md-time-picker-input-active-color, var(--md-sys-color-on-primary-container, #21005d));--_input-separator-color:var(--md-time-picker-input-separator-color, var(--_dialog-on-color));--_input-separator-width:var(--md-time-picker-input-separator-width, 24px);--_input-hint-gap:var(--md-time-picker-input-hint-gap, var(--md-sys-spacing-gap-xs, 4px));--_input-hover-opacity:var(--md-time-picker-input-hover-opacity, 8%);--_period-shape:var(--md-time-picker-period-shape, var(--md-sys-shape-corner-small, 8px));--_period-outline-width:var(--md-time-picker-period-outline-width, 1px);--_period-vertical-width:var(--md-time-picker-period-vertical-width, 52px);--_period-vertical-height:var(--md-time-picker-period-vertical-height, 80px);--_period-vertical-height-input:var(--md-time-picker-period-vertical-height-input, 72px);--_period-horizontal-width:var(--md-time-picker-period-horizontal-width, 216px);--_period-horizontal-height:var(--md-time-picker-period-horizontal-height, 38px);--_period-font-size:var(--md-time-picker-period-font-size, max(12px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px)));--_period-font-weight:var(--md-time-picker-period-font-weight, 500);--_period-hover-opacity:var(--md-time-picker-period-hover-opacity, 8%);--_dial-size:var(--md-time-picker-dial-size, 256px);--_dial-center-size:var(--md-time-picker-dial-center-size, 8px);--_dial-hand-width:var(--md-time-picker-dial-hand-width, 2px);--_dial-number-font-size:var(--md-time-picker-dial-number-font-size, max(13px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px)));--_dial-number-font-weight:var(--md-time-picker-dial-number-font-weight, var(--md-sys-typescale-body-large-font-weight, 400));--_dial-number-active-font-weight:var(--md-time-picker-dial-number-active-font-weight, 500);--_footer-gap:var(--md-time-picker-footer-gap, var(--md-sys-spacing-gap-sm, 8px));--_actions-gap:var(--md-time-picker-actions-gap, var(--md-sys-spacing-gap-sm, 8px));--_action-shape:var(--md-time-picker-action-shape, var(--md-sys-shape-corner-full, 9999px));--_action-confirm-bg:var(--md-time-picker-action-confirm-bg, transparent);--_action-cancel-bg:var(--md-time-picker-action-cancel-bg, transparent);--_toggle-bg:var(--md-time-picker-toggle-bg, transparent);--_toggle-icon-size:var(--md-time-picker-toggle-icon-size, max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px)));--_toggle-shape:var(--md-time-picker-toggle-shape, var(--md-sys-shape-corner-full, 9999px));display:inline-block;position:relative;font-family:var(--md-sys-typescale-body-large-font-family, Roboto, sans-serif);color:var(--_dialog-on-color)}:host([hide-trigger]){display:contents}:host([disabled]){cursor:not-allowed}.md-time-picker__field{min-inline-size:var(--_trigger-min-width);display:inline-flex;inline-size:auto;cursor:pointer;--md-text-field-label-color:var(--_trigger-icon-color);--md-text-field-input-color:var(--_trigger-color);--md-text-field-outline-color:var(--_trigger-outline-color);--md-text-field-active-indicator-color:var(--_trigger-focus-color);--md-text-field-icon-color:var(--_trigger-icon-color);--md-text-field-container-shape:var(--_trigger-shape)}.md-time-picker__field--disabled{cursor:not-allowed}.md-time-picker__field-icon{font-family:var(--md-sys-icon-font-family, 'Material Symbols Outlined', 'Material Icons'), sans-serif;font-size:var(--_trigger-icon-size);line-height:1;color:var(--_trigger-icon-color);flex-shrink:0}.md-time-picker__field:hover:not(.md-time-picker__field--disabled) .md-time-picker__field-icon{color:var(--_trigger-hover-color)}:host(.md-time-picker--open) .md-time-picker__field{--md-text-field-active-indicator-color:var(--_trigger-focus-color);--md-text-field-icon-color:var(--_trigger-focus-color)}.md-time-picker__scrim{position:fixed;inset:0;z-index:var(--md-sys-z-index-popup, 1000);display:flex;align-items:center;justify-content:center;background:var(--_scrim-color);padding:var(--md-sys-spacing-inset-xl, 24px);animation:md-time-picker-scrim-in var(--md-sys-motion-duration-short3, 150ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)) forwards;box-sizing:border-box}@keyframes md-time-picker-scrim-in{from{opacity:0}to{opacity:1}}.md-time-picker__dialog{background:var(--_dialog-color);color:var(--_dialog-on-color);border-radius:var(--_dialog-shape);box-shadow:var(--_dialog-elevation);padding:var(--_dialog-padding);width:min(var(--_dialog-min-width), calc(100vw - 48px));max-block-size:calc(100vh - 48px);max-block-size:calc(100dvh - 48px);overflow-y:auto;overflow-x:hidden;box-sizing:border-box;animation:md-time-picker-dialog-in var(--_dialog-enter-duration) var(--_motion-easing) both;transform-origin:center top}.md-time-picker__dialog--input{width:min(var(--_dialog-min-width), calc(100vw - 48px))}.md-time-picker__dialog--horizontal{width:min(var(--_dialog-horizontal-width-12h), calc(100vw - 48px))}:host(.md-time-picker--format-24h) .md-time-picker__dialog--horizontal{width:min(var(--_dialog-horizontal-width-24h), calc(100vw - 48px))}@keyframes md-time-picker-dialog-in{from{opacity:0;transform:translateY(12px) scale(0.88)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes md-time-picker-mode-in{from{opacity:0;transform:translateY(8px) scale(0.96)}to{opacity:1;transform:translateY(0) scale(1)}}.md-time-picker__headline{font-size:var(--_headline-font-size);font-weight:var(--_headline-font-weight);letter-spacing:var(--md-sys-typescale-label-medium-letter-spacing, 0.5px);line-height:var(--md-sys-typescale-label-medium-line-height, 16px);color:var(--_headline-color);text-transform:none;margin-block-end:var(--_headline-spacing);text-align:start}.md-time-picker__body{display:flex;flex-direction:column}.md-time-picker__body--horizontal{flex-direction:row;align-items:flex-start;column-gap:52px}.md-time-picker__time-area{display:flex;flex-direction:column;flex:0 0 auto}.md-time-picker__body--horizontal .md-time-picker__dial-wrap{flex:0 0 auto}.md-time-picker__body--horizontal .md-time-picker__input-area{margin-block-end:0}.md-time-picker__body--horizontal .md-time-picker__period--horizontal{margin-block-start:var(--md-sys-spacing-inset-lg, 16px);margin-block-end:0;margin-inline:0}.md-time-picker__period{display:inline-flex;border:var(--_period-outline-width) solid var(--_period-outline-color);box-sizing:border-box}.md-time-picker__period--vertical{flex-direction:column;border-radius:var(--_period-shape);margin-inline-start:var(--md-sys-spacing-inset-md, 12px);inline-size:var(--_period-vertical-width);block-size:var(--_period-vertical-height)}.md-time-picker__input-area .md-time-picker__period--vertical{block-size:var(--_period-vertical-height-input)}.md-time-picker__period--horizontal{flex-direction:row;border-radius:var(--_period-shape);margin-block-start:var(--md-sys-spacing-inset-md, 12px);margin-block-end:var(--md-sys-spacing-inset-xl, 24px);margin-inline:auto;inline-size:var(--_period-horizontal-width);block-size:var(--_period-horizontal-height);align-self:center}.md-time-picker__period-btn{flex:1 1 0;background:var(--_period-bg);color:var(--_period-color);border:none;font:inherit;font-size:var(--_period-font-size);font-weight:var(--_period-font-weight);letter-spacing:0.1px;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;position:relative;overflow:hidden;transition:background-color 150ms var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),     color 150ms var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}.md-time-picker__period-btn-label{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center}.md-time-picker__period--vertical .md-time-picker__period-btn{block-size:50%}.md-time-picker__period--horizontal .md-time-picker__period-btn{inline-size:50%;block-size:100%}.md-time-picker__period-btn:hover{background:color-mix(in srgb, var(--_period-color) var(--_period-hover-opacity), transparent)}.md-time-picker__period-btn--active{background:var(--_period-active-bg);color:var(--_period-active-color)}.md-time-picker__period-btn--active:hover{background:color-mix(in srgb, var(--_period-active-color) var(--_period-hover-opacity), var(--_period-active-bg))}.md-time-picker__period-btn:focus-visible{outline:3px solid var(--md-sys-color-secondary, #625b71);outline-offset:2px;z-index:1}.md-time-picker__period--vertical .md-time-picker__period-btn--am{border-block-end:var(--_period-outline-width) solid var(--_period-outline-color);border-start-start-radius:calc(var(--_period-shape) - var(--_period-outline-width));border-start-end-radius:calc(var(--_period-shape) - var(--_period-outline-width))}.md-time-picker__period--vertical .md-time-picker__period-btn--pm{border-end-start-radius:calc(var(--_period-shape) - var(--_period-outline-width));border-end-end-radius:calc(var(--_period-shape) - var(--_period-outline-width))}.md-time-picker__period--horizontal .md-time-picker__period-btn--am{border-inline-end:var(--_period-outline-width) solid var(--_period-outline-color);border-start-start-radius:calc(var(--_period-shape) - var(--_period-outline-width));border-end-start-radius:calc(var(--_period-shape) - var(--_period-outline-width))}.md-time-picker__period--horizontal .md-time-picker__period-btn--pm{border-start-end-radius:calc(var(--_period-shape) - var(--_period-outline-width));border-end-end-radius:calc(var(--_period-shape) - var(--_period-outline-width))}.md-time-picker__dial-wrap{display:flex;justify-content:center;align-items:center;margin-block-end:var(--md-sys-spacing-inset-xl, 24px);animation:md-time-picker-mode-in     var(--_mode-swap-duration)     var(--_motion-easing)     both;transform-origin:center top}.md-time-picker__dial{position:relative;width:var(--_dial-size);height:var(--_dial-size);background:var(--_dial-bg);border-radius:50%;touch-action:none;user-select:none;cursor:pointer;box-sizing:border-box}:host([disabled]) .md-time-picker__dial{pointer-events:none;opacity:0.38}.md-time-picker__dial-center{position:absolute;width:var(--_dial-center-size);height:var(--_dial-center-size);border-radius:50%;background:var(--_dial-hand-color);left:50%;top:50%;transform:translate(-50%, -50%);z-index:2}.md-time-picker__dial-hand{position:absolute;left:50%;top:auto;bottom:50%;width:0;height:50%;background:transparent;transform-origin:50% 100%;transform:rotate(0deg);transition:transform 200ms var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1));pointer-events:none;z-index:1}.md-time-picker__dial-hand-line{position:absolute;left:50%;top:auto;bottom:0;width:var(--_dial-hand-width);height:var(--md-time-picker-hand-length, var(--_hand-length-dynamic, 100%));background:var(--_dial-hand-color);transform:translateX(-50%)}.md-time-picker__dial-hand-tip{position:absolute;left:50%;top:calc(100% - var(--md-time-picker-hand-length, var(--_hand-length-dynamic, 100%)));bottom:auto;width:var(--_dial-target-size);height:var(--_dial-target-size);background:var(--_dial-hand-color);border-radius:50%;transform:translate(-50%, -50%)}.md-time-picker__dial-hand-dot{display:none}.md-time-picker__dial-number{position:absolute;display:inline-flex;align-items:center;justify-content:center;width:var(--_dial-target-size);height:var(--_dial-target-size);margin-left:calc(-1 * var(--_dial-target-size) / 2);margin-top:calc(-1 * var(--_dial-target-size) / 2);border-radius:50%;font-family:var(--md-sys-typescale-body-large-font-family, var(--md-sys-typescale-body-large-font, inherit));font-size:var(--_dial-number-font-size);font-weight:var(--_dial-number-font-weight);line-height:1;letter-spacing:0;color:var(--_dial-number-color);pointer-events:none;user-select:none;z-index:2;transition:color 150ms var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1));font-variant-numeric:tabular-nums}.md-time-picker__dial-number--inner{color:var(--_dial-number-color);opacity:1}.md-time-picker__dial-number--active{color:var(--_dial-number-active-color);font-weight:var(--_dial-number-active-font-weight);opacity:1}.md-time-picker__input-area{margin-block-end:var(--md-sys-spacing-inset-xl, 24px);animation:md-time-picker-mode-in     var(--_mode-swap-duration)     var(--_motion-easing)     both;transform-origin:center top}.md-time-picker__input-time{display:flex;align-items:flex-start;justify-content:center;gap:0}.md-time-picker__input-group{display:flex;flex-direction:column;align-items:center;gap:var(--_input-hint-gap)}.md-time-picker__input{font-family:inherit;font-size:var(--_input-font-size);font-weight:var(--_input-font-weight);line-height:1;letter-spacing:var(--md-sys-typescale-display-medium-letter-spacing, 0);background:var(--_input-bg);color:var(--_input-color);border:var(--_input-border-width) solid var(--_input-outline-color);border-radius:var(--_time-display-shape);padding-block:0;padding-inline:16px;inline-size:var(--_input-width);block-size:var(--_input-height);text-align:center;font-variant-numeric:tabular-nums;appearance:textfield;box-sizing:border-box}.md-time-picker__input::-webkit-outer-spin-button,.md-time-picker__input::-webkit-inner-spin-button{appearance:none;margin:0}.md-time-picker__input:hover{background:color-mix(in srgb, var(--_input-color) var(--_input-hover-opacity), var(--_input-bg))}.md-time-picker__input:focus{outline:none;background:var(--_input-bg);border-color:var(--_input-active-outline-color)}.md-time-picker__input--active{background:var(--_input-active-bg);color:var(--_input-active-color);border-color:transparent}.md-time-picker__input--active:focus{background:var(--_input-active-bg);color:var(--_input-active-color);border-color:var(--_input-active-outline-color)}.md-time-picker__input--active:hover{background:color-mix(     in srgb,     var(--_input-active-color) var(--_input-hover-opacity),     var(--_input-active-bg)   )}.md-time-picker__input--error,.md-time-picker__input--error:focus{border-color:var(--_input-error-color);color:var(--_input-error-color)}.md-time-picker__input-separator{font-size:var(--_input-font-size);font-weight:var(--_input-font-weight);line-height:1;color:var(--_input-separator-color);display:inline-flex;align-items:center;justify-content:center;inline-size:var(--_input-separator-width);block-size:var(--_input-height);align-self:flex-start}.md-time-picker__input-hint{font-size:var(--md-sys-typescale-body-small-font-size, 12px);letter-spacing:var(--md-sys-typescale-body-small-letter-spacing, 0.4px);color:var(--_input-hint-color)}.md-time-picker__input--error~.md-time-picker__input-hint{color:var(--_input-error-color)}.md-time-picker__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--_footer-gap)}.md-time-picker__toggle-mode{--md-icon-button-color:var(--_toggle-icon-color);--md-icon-button-icon-color:var(--_toggle-icon-color);--md-icon-button-icon-size:var(--_toggle-icon-size);--md-icon-button-container-color:var(--_toggle-bg);--md-icon-button-container-shape:var(--_toggle-shape)}.md-time-picker__actions{display:inline-flex;align-items:center;gap:var(--_actions-gap)}.md-time-picker__action-btn{--md-button-label-color:var(--_action-color);--md-button-container-color:var(--_action-cancel-bg);--md-button-container-shape:var(--_action-shape)}.md-time-picker__action-btn--primary{--md-button-label-color:var(--_action-primary-color);--md-button-container-color:var(--_action-confirm-bg);--md-button-container-shape:var(--_action-shape)}@media (prefers-reduced-motion: reduce){.md-time-picker__scrim,.md-time-picker__dialog,.md-time-picker__dial-wrap,.md-time-picker__input-area,.md-time-picker__dial-hand,.md-time-picker__period-btn,.md-time-picker__dial-number,.md-time-picker__input{animation:none !important;transition:none !important}}.md-time-picker__sr-status{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){.md-time-picker__dialog{border:1px solid CanvasText}.md-time-picker__period,.md-time-picker__input,.md-time-picker__dial{border:1px solid CanvasText}.md-time-picker__input:hover,.md-time-picker__period-btn:hover{background:Canvas;color:CanvasText;forced-color-adjust:none}.md-time-picker__input:focus{background:Canvas;color:CanvasText;border-color:Highlight;forced-color-adjust:none}.md-time-picker__input--active,.md-time-picker__input--active:hover,.md-time-picker__input--active:focus,.md-time-picker__period-btn--active,.md-time-picker__period-btn--active:hover,.md-time-picker__dial-hand-line,.md-time-picker__dial-hand-tip,.md-time-picker__dial-center{background:Highlight;color:HighlightText;forced-color-adjust:none}.md-time-picker__input--error,.md-time-picker__input--error:focus,.md-time-picker__input--error:hover{background:Canvas;border-color:LinkText;color:LinkText;forced-color-adjust:none}.md-time-picker__period-btn:focus-visible{outline-color:Highlight}.md-time-picker__period--vertical .md-time-picker__period-btn--am{border-block-end-color:CanvasText}.md-time-picker__period--horizontal .md-time-picker__period-btn--am{border-inline-end-color:CanvasText}.md-time-picker__period-btn md-ripple{display:none}}:host-context([data-theme='dark']){--_scrim-color:var(--md-time-picker-scrim-color, rgba(0, 0, 0, 0.6))}: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 m=[];let p="";let u=0;const _=i(class i extends t{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.mdChange=e(this,"mdChange",7);this.mdInput=e(this,"mdInput",7);this.mdOpen=e(this,"mdOpen",7);this.mdClose=e(this,"mdClose",7);this.mdCancel=e(this,"mdCancel",7);this.mdModeChange=e(this,"mdModeChange",7);this.mdValidityChange=e(this,"mdValidityChange",5);this.internals=this.attachInternals();this.variant="input";this.format="12h";this.value="";this.name="";this.min="";this.max="";this.required=false;this.label="Select time";this.headline="";this.headlineInputLabel="Enter time";this.headlineDialLabel="Select time";this.valueMissingLabel="Please select a time.";this.rangeUnderflowLabel="Please select a time at or after {min}.";this.rangeOverflowLabel="Please select a time at or before {max}.";this.rangeOutsideLabel="Please select a time at or after {min} or at or before {max}.";this.disabled=false;this.open=false;this.minuteStep=1;this.cancelLabel="Cancel";this.okLabel="OK";this.hideTrigger=false;this.amLabel="AM";this.pmLabel="PM";this.hourLabel="Hour";this.minuteLabel="Minute";this.toggleDialLabel="Toggle dial picker";this.toggleInputLabel="Toggle keyboard input";this.periodLabel="Period";this.periodLayout="vertical";this.orientation="vertical";this.responsive=false;this.density=0;this.isOpen=false;this.mode="dial";this.selecting="hour";this.draftHours=12;this.draftMinutes=0;this.hourInputValue="";this.minuteInputValue="";this.hourInputError=false;this.minuteInputError=false;this.viewportWidth=0;this.viewportHeight=0;this.formDisabled=false;this.committedHours=12;this.committedMinutes=0;this.committedValue="";this.defaultValue="";this.isDragging=false;this.hourInputSeeded=false;this.minuteInputSeeded=false;this.previousFocus=null;this.openSeq=0;this.uid=Math.random().toString(36).slice(2,11);this.headlineId=`md-time-picker-headline-${this.uid}`;this.hourCumulativeAngle=0;this.minuteCumulativeAngle=0;this.lastHandMode=null;this.lastValidityKey=null;this.lastInputEmitKey=-1;this.openPicker=()=>{if(this.isDisabled||this.isOpen)return;this.previousFocus=i.deepActiveElement();this.sampleViewport();this.attachOpenEnvironment();this.draftHours=this.committedHours;this.draftMinutes=this.committedMinutes;this.lastInputEmitKey=this.draftHours*60+this.draftMinutes;this.selecting="hour";this.mode=this.effectiveVariant;this.hourInputValue=String(this.displayHour);this.minuteInputValue=String(this.draftMinutes).padStart(2,"0");this.hourInputError=false;this.minuteInputError=false;this.hourInputSeeded=false;this.minuteInputSeeded=false;this.hourCumulativeAngle=0;this.minuteCumulativeAngle=0;this.lastHandMode=null;this.openSeq=++u;this.isOpen=true;this.open=true;this.mdOpen.emit();requestAnimationFrame((()=>this.focusInitial()))};this.closePicker=()=>{if(!this.isOpen)return;this.isOpen=false;this.open=false;this.detachOpenEnvironment();this.mdClose.emit();this.restoreFocusAfterClose()};this.cancel=()=>{if(!this.isOpen)return;this.draftHours=this.committedHours;this.draftMinutes=this.committedMinutes;this.mdCancel.emit();this.closePicker()};this.confirm=()=>{if(this.isDisabled)return;this.commitInputs();if(this.hourInputError||this.minuteInputError)return;this.committedHours=this.draftHours;this.committedMinutes=this.draftMinutes;const i=this.buildChangeDetail(this.draftHours,this.draftMinutes);this.committedValue=i.value;this.value=i.value;this.updateFormValue();this.mdChange.emit(i);this.closePicker()};this.setSelecting=i=>{this.selecting=i};this.togglePeriod=i=>{if(this.format==="24h")return;if(this.period===i)return;if(i==="AM"&&this.draftHours>=12)this.draftHours-=12;else if(i==="PM"&&this.draftHours<12)this.draftHours+=12;this.emitInputIfChanged();this.syncInputsFromDraft()};this.onPeriodKeyDown=i=>{if(this.format==="24h")return;const t=i.key;const e=t==="ArrowLeft"||t==="ArrowRight"||t==="ArrowUp"||t==="ArrowDown"||t==="Home"||t==="End";if(!e&&t!==" "&&t!=="Spacebar")return;i.preventDefault();let r;if(t==="Home")r="AM";else if(t==="End")r="PM";else if(t===" "||t==="Spacebar")r=this.period;else r=this.period==="AM"?"PM":"AM";this.togglePeriod(r);requestAnimationFrame((()=>{const i=this.el.shadowRoot;if(!i)return;const t=i.querySelector(r==="AM"?'[part="period-am"]':'[part="period-pm"]');t?.focus()}))};this.toggleMode=()=>{const i=this.mode;this.mode=this.mode==="dial"?"input":"dial";this.mdModeChange.emit({mode:this.mode,previousMode:i});this.selecting="hour";this.hourInputValue=String(this.displayHour);this.minuteInputValue=String(this.draftMinutes).padStart(2,"0");this.hourInputError=false;this.minuteInputError=false;this.hourInputSeeded=false;this.minuteInputSeeded=false;requestAnimationFrame((()=>{this.syncInputFields();this.focusInputSelectingAll(this.hourInputEl)}))};this.bindHourInput=i=>{if(!i){this.hourInputSeeded=false;this.hourInputEl=undefined;return}this.hourInputEl=i;if(!this.hourInputSeeded){i.value=this.hourInputValue;this.hourInputSeeded=true}};this.bindMinuteInput=i=>{if(!i){this.minuteInputSeeded=false;this.minuteInputEl=undefined;return}this.minuteInputEl=i;if(!this.minuteInputSeeded){i.value=this.minuteInputValue;this.minuteInputSeeded=true}};this.applyDialPointer=i=>{const t=this.dialPointFromEvent(i);if(!t)return;const{angle:e,distance:r,radius:a}=t;if(this.selecting==="hour"){const i=Math.round(e/30)%12;if(this.format==="12h"){const t=i===0?12:i;this.setHour24FromDisplay(t,this.period)}else{const t=r<a*.66;if(t){this.draftHours=i===0?0:12+i}else{this.draftHours=i===0?12:i}}}else{const i=Math.max(1,Math.min(30,this.minuteStep||1));let t=Math.round(e/6);t=Math.round(t/i)*i%60;this.draftMinutes=t}this.emitInputIfChanged();this.syncInputsFromDraft()};this.onDialPointerDown=i=>{if(this.isDisabled)return;i.preventDefault();this.isDragging=true;i.currentTarget?.setPointerCapture?.(i.pointerId);this.applyDialPointer(i)};this.onDialPointerMove=i=>{if(!this.isDragging)return;this.applyDialPointer(i)};this.onDialPointerUp=i=>{if(!this.isDragging)return;this.isDragging=false;i.currentTarget?.releasePointerCapture?.(i.pointerId);if(this.selecting==="hour"){this.selecting="minute";requestAnimationFrame((()=>{this.focusInputSelectingAll(this.minuteInputEl)}))}};this.onHostKeyDown=i=>{if(!this.isOpen)return;if(i.key==="Escape"){i.preventDefault();i.stopPropagation();this.cancel()}};this.commitInputs=()=>{this.applyInputsToDraft("both")};this.onHourInput=i=>{const t=i.target;const e=t.value.replace(/\D/g,"").slice(0,2);if(t.value!==e)t.value=e;this.hourInputValue=e;this.applyInputsToDraft("hour")};this.onMinuteInput=i=>{const t=i.target;const e=t.value.replace(/\D/g,"").slice(0,2);if(t.value!==e)t.value=e;this.minuteInputValue=e;this.applyInputsToDraft("minute")};this.onHourBlur=()=>{if(this.hourInputEl)this.hourInputValue=this.hourInputEl.value;this.commitInputs();if(!this.hourInputError&&parseInt(this.hourInputValue,10)===this.displayHour){this.hourInputValue=String(this.displayHour);if(this.hourInputEl)this.hourInputEl.value=this.hourInputValue}};this.onMinuteBlur=()=>{if(this.minuteInputEl)this.minuteInputValue=this.minuteInputEl.value;this.commitInputs();if(!this.minuteInputError&&parseInt(this.minuteInputValue,10)===this.draftMinutes){this.minuteInputValue=String(this.draftMinutes).padStart(2,"0");if(this.minuteInputEl)this.minuteInputEl.value=this.minuteInputValue}};this.onInputKeyDown=i=>{if(i.key==="Enter"){i.preventDefault();if(this.hourInputEl)this.hourInputValue=this.hourInputEl.value;if(this.minuteInputEl)this.minuteInputValue=this.minuteInputEl.value;this.confirm();return}if(i.key==="ArrowUp"||i.key==="ArrowDown"){const t=i.target;const e=t===this.hourInputEl||t?.classList?.contains("md-time-picker__input-hour")===true;const r=t===this.minuteInputEl||t?.classList?.contains("md-time-picker__input-minute")===true;if(!e&&!r)return;i.preventDefault();this.bumpFocusedInput(i.key==="ArrowUp"?1:-1,e?"hour":"minute")}};this.onTriggerClick=i=>{if(this.isDisabled)return;i.preventDefault();this.openPicker()};this.onTriggerKeyDown=i=>{if(this.isDisabled)return;if(i.key==="Enter"||i.key===" "||i.key==="Spacebar"){i.preventDefault();i.stopPropagation();this.openPicker()}}}componentWillLoad(){if(!this.parseValueInto(this.value)){this.value=""}else if(this.value){this.value=this.toIso(this.draftHours,this.draftMinutes)}this.committedHours=this.draftHours;this.committedMinutes=this.draftMinutes;this.committedValue=this.value;this.defaultValue=this.value;this.hourInputValue=String(this.computeDisplayHour(this.draftHours));this.minuteInputValue=String(this.draftMinutes).padStart(2,"0");if(this.responsive)this.sampleViewport();this.mode=this.effectiveVariant;if(this.open&&!this.disabled){this.isOpen=true;this.selecting="hour"}else if(this.open&&this.disabled){this.open=false}this.updateFormValue()}componentDidLoad(){this.updateValidity();if(this.isOpen){this.openSeq=++u;this.previousFocus=i.deepActiveElement();this.attachOpenEnvironment();this.mdOpen.emit();requestAnimationFrame((()=>this.focusInitial()))}}connectedCallback(){if(this.isOpen)this.attachOpenEnvironment()}disconnectedCallback(){this.detachOpenEnvironment()}formResetCallback(){this.value=this.defaultValue;this.updateFormValue()}formDisabledCallback(i){this.formDisabled=i;if(i&&this.isOpen)this.cancel()}formStateRestoreCallback(i){if(typeof i==="string")this.value=i}handleVariantChange(i){if(!this.isOpen)this.mode=i}handleValueChange(i){let t;if(i===""){this.parseValueInto("");t=""}else if(this.parseValueInto(i)){t=this.toIso(this.draftHours,this.draftMinutes)}else{this.parseValueInto("");t=""}if(t!==i){this.value=t;return}this.committedHours=this.draftHours;this.committedMinutes=this.draftMinutes;this.committedValue=i;if(this.isOpen){this.syncInputsFromDraft();this.lastInputEmitKey=this.draftHours*60+this.draftMinutes}else{this.hourInputValue=String(this.computeDisplayHour(this.draftHours));this.minuteInputValue=String(this.draftMinutes).padStart(2,"0")}this.updateFormValue()}handleConstraintChange(){this.updateValidity()}handleDisabledChange(i){if(i&&this.isOpen)this.cancel()}handleResponsiveChange(t){if(!this.isOpen)return;if(t){this.sampleViewport();this.attachViewportListener();if(this.mode==="dial"&&this.viewportHeight>0&&this.viewportHeight<i.ADAPTIVE_MIN_DIAL_HEIGHT){this.mode="input"}}else{this.detachViewportListener()}}handleOpenPropChange(i){if(i&&!this.isOpen){this.openPicker()}else if(!i&&this.isOpen){this.closePicker()}}emitValidityChange(){const i=n(this.internals);const t=`${i.valid}|${i.validationMessage}`;if(this.lastValidityKey===t)return;const e=this.lastValidityKey!==null;this.lastValidityKey=t;if(e)this.mdValidityChange.emit(i)}async show(){this.openPicker()}async hide(){this.cancel()}async checkValidity(){if(typeof this.internals?.checkValidity!=="function")return true;return this.internals.checkValidity()}async reportValidity(){if(typeof this.internals?.reportValidity!=="function")return true;return this.internals.reportValidity()}async getValidity(){const i=this.internals?.validity;if(!i)return{valid:true,validationMessage:""};return{valid:i.valid,valueMissing:i.valueMissing,rangeUnderflow:i.rangeUnderflow,rangeOverflow:i.rangeOverflow,validationMessage:this.internals.validationMessage}}parseValueInto(i){if(!i){this.draftHours=12;this.draftMinutes=0;return true}const t=/^(\d{1,2}):(\d{2})$/.exec(i);if(!t)return false;const e=parseInt(t[1],10);const r=parseInt(t[2],10);if(e<0||e>23||r<0||r>59)return false;this.draftHours=e;this.draftMinutes=r;return true}get isDisabled(){return this.disabled||this.formDisabled}parseHHMM(i){const t=/^(\d{1,2}):(\d{2})$/.exec(i||"");if(!t)return null;const e=parseInt(t[1],10);const r=parseInt(t[2],10);if(e>23||r>59)return null;return e*60+r}toIso(i,t){return`${String(i).padStart(2,"0")}:${String(t).padStart(2,"0")}`}emitInputIfChanged(){if(!this.isOpen)return;const i=this.draftHours*60+this.draftMinutes;if(i===this.lastInputEmitKey)return;this.lastInputEmitKey=i;this.mdInput.emit(this.buildChangeDetail(this.draftHours,this.draftMinutes))}buildChangeDetail(i,t){const e=this.toIso(i,t);const r=`${e}:00`;const a=new Date;a.setHours(i,t,0,0);return{value:e,iso:r,isoDateTime:a.toISOString(),date:a,hours:i,minutes:t,period:i>=12?"PM":"AM"}}get period(){return this.draftHours>=12?"PM":"AM"}computeDisplayHour(i){if(this.format==="24h")return i;if(i===0)return 12;if(i>12)return i-12;return i}get displayHour(){return this.computeDisplayHour(this.draftHours)}setHour24FromDisplay(i,t){let e;if(this.format==="24h"){e=(i%24+24)%24}else{const r=i===0?12:i;if(r===12)e=t==="AM"?0:12;else e=t==="AM"?r:r+12}this.draftHours=e}formatDisplayTime(i,t){if(this.format==="24h"){return`${String(i).padStart(2,"0")}:${String(t).padStart(2,"0")}`}const e=i>=12?this.pmLabel:this.amLabel;const r=i===0?12:i>12?i-12:i;return`${r}:${String(t).padStart(2,"0")} ${e}`}focusInitial(){const i=this.el.shadowRoot;if(!i)return;this.syncInputFields();this.focusInputSelectingAll(this.hourInputEl)}focusInputSelectingAll(i){if(!i)return;i.focus();this.selectInputContents(i)}attachOpenEnvironment(){if(typeof document==="undefined"||this.docKeyHandler)return;if(!m.includes(this))m.push(this);if(document.body){if(m.length===1){p=document.body.style.overflow}document.body.style.overflow="hidden"}this.docKeyHandler=t=>{if(!this.isOpen)return;if(!i.isTopmostOpen(this))return;if(t.key==="Escape"){t.preventDefault();t.stopImmediatePropagation();this.cancel()}else if(t.key==="Tab"){this.trapFocus(t)}};document.addEventListener("keydown",this.docKeyHandler,true);this.attachViewportListener()}detachOpenEnvironment(){if(typeof document!=="undefined"&&this.docKeyHandler){document.removeEventListener("keydown",this.docKeyHandler,true);this.docKeyHandler=undefined;const i=m.indexOf(this);if(i!==-1)m.splice(i,1);if(document.body&&m.length===0){document.body.style.overflow=p}}this.detachViewportListener()}static isTopmostOpen(i){let t=null;for(const i of m){if(!t||i.openSeq>t.openSeq)t=i}return t===i}static deepActiveElement(){if(typeof document==="undefined")return null;let i=document.activeElement;while(i?.shadowRoot?.activeElement)i=i.shadowRoot.activeElement;return i??null}static composedContains(i,t){let e=t;while(e){if(e===i)return true;e=e instanceof ShadowRoot?e.host:e.parentNode}return false}restoreFocusAfterClose(){const t=this.previousFocus;this.previousFocus=null;const e=!!t&&t.isConnected&&typeof t.focus==="function"&&(typeof document==="undefined"||t!==document.body);if(e&&!i.composedContains(this.el,t)){t.focus();const e=i.deepActiveElement();if(e&&i.composedContains(t,e))return}if(this.isDisabled)return;if(this.triggerFieldEl)this.focusTrigger()}focusTrigger(){const i=this.triggerFieldEl;if(!i)return;if(typeof i.setFocus==="function")void i.setFocus();else i.focus?.()}dialogFocusables(){const i=this.el.shadowRoot?.querySelector(".md-time-picker__dialog");if(!i)return[];const t=Array.from(i.querySelectorAll("input, button, md-button, md-icon-button, [tabindex]"));return t.filter((i=>!i.hasAttribute("disabled")&&i.getAttribute("tabindex")!=="-1"))}focusItem(i){const t=i;if(typeof t.setFocus==="function"){void t.setFocus();return}const e=i.shadowRoot?.querySelector("button, input, [tabindex]");const r=e??i;r.focus();if(r instanceof HTMLInputElement)this.selectInputContents(r)}trapFocus(t){const e=this.dialogFocusables();if(!e.length)return;const r=i.deepActiveElement();const a=r?e.findIndex((t=>i.composedContains(t,r))):-1;const s=!t.shiftKey;if(a===-1){t.preventDefault();this.focusItem(e[s?0:e.length-1]);return}if(s&&a===e.length-1){t.preventDefault();this.focusItem(e[0])}else if(!s&&a===0){t.preventDefault();this.focusItem(e[e.length-1])}}sampleViewport(){if(typeof window==="undefined")return;this.viewportWidth=window.innerWidth||0;this.viewportHeight=window.innerHeight||0}attachViewportListener(){if(!this.responsive||typeof window==="undefined")return;if(this.viewportResizeHandler)return;let t=0;this.viewportResizeHandler=()=>{if(t)cancelAnimationFrame(t);t=requestAnimationFrame((()=>{this.sampleViewport();if(this.mode==="dial"&&this.viewportHeight>0&&this.viewportHeight<i.ADAPTIVE_MIN_DIAL_HEIGHT){this.mode="input"}t=0}))};window.addEventListener("resize",this.viewportResizeHandler,{passive:true});window.addEventListener("orientationchange",this.viewportResizeHandler,{passive:true})}detachViewportListener(){if(typeof window==="undefined")return;if(!this.viewportResizeHandler)return;window.removeEventListener("resize",this.viewportResizeHandler);window.removeEventListener("orientationchange",this.viewportResizeHandler);this.viewportResizeHandler=undefined}updateFormValue(){try{this.internals?.setFormValue(this.committedValue??"")}catch{}this.updateValidity()}updateValidity(){if(typeof this.internals?.setValidity!=="function")return;const i=this.triggerFieldEl;const t=(t,e)=>{if(e&&i)this.internals.setValidity(t,e,i);else if(e)this.internals.setValidity(t,e);else this.internals.setValidity(t)};const e=this.parseHHMM(this.committedValue);const r=this.parseHHMM(this.min);const a=this.parseHHMM(this.max);const s=i=>i.replace(/\{min\}/g,this.min).replace(/\{max\}/g,this.max);try{if(this.required&&e===null){t({valueMissing:true},this.valueMissingLabel)}else if(e!==null&&r!==null&&a!==null&&r>a){if(e<r&&e>a){t({rangeUnderflow:true,rangeOverflow:true},s(this.rangeOutsideLabel))}else{t({})}}else if(e!==null&&r!==null&&e<r){t({rangeUnderflow:true},s(this.rangeUnderflowLabel))}else if(e!==null&&a!==null&&e>a){t({rangeOverflow:true},s(this.rangeOverflowLabel))}else{t({})}}catch{}this.emitValidityChange()}syncInputFields(){if(this.hourInputEl)this.hourInputEl.value=String(this.displayHour);if(this.minuteInputEl)this.minuteInputEl.value=String(this.draftMinutes).padStart(2,"0")}syncInputsFromDraft(){const t=String(this.displayHour);const e=String(this.draftMinutes).padStart(2,"0");this.hourInputValue=t;this.minuteInputValue=e;this.hourInputError=false;this.minuteInputError=false;if(this.hourInputEl&&this.hourInputEl.value!==t){this.hourInputEl.value=t;if(i.deepActiveElement()===this.hourInputEl){this.selectInputContents(this.hourInputEl)}}if(this.minuteInputEl&&this.minuteInputEl.value!==e){this.minuteInputEl.value=e;if(i.deepActiveElement()===this.minuteInputEl){this.selectInputContents(this.minuteInputEl)}}}dialPointFromEvent(i){if(!this.dialEl)return null;const t=this.dialEl.getBoundingClientRect();const e=t.left+t.width/2;const r=t.top+t.height/2;const a=i.clientX-e;const s=i.clientY-r;const n=Math.hypot(a,s);let o=Math.atan2(s,a)*(180/Math.PI);o=(o+90+360)%360;return{angle:o,distance:n,radius:t.width/2}}applyInputsToDraft(i){const t=parseInt(this.hourInputValue,10);const e=parseInt(this.minuteInputValue,10);const r=this.format==="24h"?0:1;const a=this.format==="24h"?23:12;const s=!isNaN(t)&&t>=r&&t<=a;const n=!isNaN(e)&&e>=0&&e<=59;if(i==="hour"||i==="both")this.hourInputError=!s;if(i==="minute"||i==="both")this.minuteInputError=!n;if(s&&n){this.draftMinutes=e;this.setHour24FromDisplay(t,this.period);this.emitInputIfChanged();return true}return false}get hourValueNow(){const i=parseInt(this.hourInputValue,10);return Number.isNaN(i)?this.displayHour:i}get minuteValueNow(){const i=parseInt(this.minuteInputValue,10);return Number.isNaN(i)?this.draftMinutes:i}bumpFocusedInput(i,t){if(t==="hour"){const t=this.hourInputError?this.displayHour:this.hourValueNow;if(this.format==="24h"){this.draftHours=((t+i)%24+24)%24}else{const e=t;let r=e+i;if(r>12)r=1;else if(r<1)r=12;this.setHour24FromDisplay(r,this.period)}this.hourInputError=false;this.hourInputValue=String(this.displayHour);if(this.hourInputEl){this.hourInputEl.value=this.hourInputValue;this.selectInputContents(this.hourInputEl)}}else{const t=Math.max(1,Math.min(30,this.minuteStep||1));const e=this.minuteInputError?this.draftMinutes:this.minuteValueNow;const r=Math.round(e/t)*t;this.draftMinutes=((r+i*t)%60+60)%60;this.minuteInputError=false;this.minuteInputValue=String(this.draftMinutes).padStart(2,"0");if(this.minuteInputEl){this.minuteInputEl.value=this.minuteInputValue;this.selectInputContents(this.minuteInputEl)}}this.emitInputIfChanged()}selectInputContents(i){if(typeof i.select!=="function")return;try{i.select()}catch{}}renderTrigger(){if(this.hideTrigger)return null;const i=this.committedValue?this.formatDisplayTime(this.committedHours,this.committedMinutes):"";const t=i?`${this.label}, ${i}`:this.label;return r("md-text-field",{class:{"md-time-picker__field":true,"md-time-picker__field--disabled":this.isDisabled,"md-time-picker__field--filled":!!i,"md-time-picker__field--open":this.isOpen},variant:"outlined",readOnly:true,label:this.label,value:i,disabled:this.isDisabled,required:this.required,part:"trigger","aria-haspopup":"dialog","aria-expanded":String(this.isOpen),"aria-label":t,appearFocused:this.isOpen,ref:i=>{this.triggerFieldEl=i},onClick:this.onTriggerClick,onKeyDown:this.onTriggerKeyDown},r("span",{slot:"leading-icon",class:"md-time-picker__field-icon material-symbols-outlined",part:"trigger-icon","aria-hidden":"true"},"schedule"))}get effectivePeriodLayout(){if(this.mode==="input")return"vertical";if(this.effectiveOrientation==="horizontal"&&this.mode==="dial")return"horizontal";return this.periodLayout}get effectiveVariant(){if(!this.responsive)return this.variant;if(!this.viewportHeight)return this.variant;if(this.viewportHeight<i.ADAPTIVE_MIN_DIAL_HEIGHT)return"input";return this.variant}get effectiveOrientation(){if(!this.responsive)return this.orientation;if(!this.viewportWidth||!this.viewportHeight)return this.orientation;if(this.mode!=="dial")return this.orientation;if(this.orientation==="vertical"&&this.viewportWidth>=i.ADAPTIVE_LANDSCAPE_WIDTH&&this.viewportWidth>this.viewportHeight){return"horizontal"}if(this.orientation==="horizontal"&&this.viewportWidth<i.ADAPTIVE_DEMOTE_WIDTH){return"vertical"}return this.orientation}renderPeriodToggle(){const i=this.period;const t=this.effectivePeriodLayout==="horizontal";return r("div",{class:{"md-time-picker__period":true,"md-time-picker__period--vertical":!t,"md-time-picker__period--horizontal":t},role:"radiogroup","aria-label":this.periodLabel,"aria-orientation":t?"horizontal":"vertical",onKeyDown:this.onPeriodKeyDown,part:"period-toggle"},r("button",{type:"button",class:{"md-time-picker__period-btn":true,"md-time-picker__period-btn--am":true,"md-time-picker__period-btn--active":i==="AM"},role:"radio","aria-checked":String(i==="AM"),tabindex:i==="AM"?0:-1,onClick:()=>this.togglePeriod("AM"),part:"period-am"},r("md-ripple",{disabled:this.isDisabled,part:"period-am-ripple"}),r("span",{class:"md-time-picker__period-btn-label"},this.amLabel)),r("button",{type:"button",class:{"md-time-picker__period-btn":true,"md-time-picker__period-btn--pm":true,"md-time-picker__period-btn--active":i==="PM"},role:"radio","aria-checked":String(i==="PM"),tabindex:i==="PM"?0:-1,onClick:()=>this.togglePeriod("PM"),part:"period-pm"},r("md-ripple",{disabled:this.isDisabled,part:"period-pm-ripple"}),r("span",{class:"md-time-picker__period-btn-label"},this.pmLabel)))}advanceHandAngle(i,t){if(this.lastHandMode!==i){this.lastHandMode=i;if(i==="hour"){this.hourCumulativeAngle=t;return t}this.minuteCumulativeAngle=t;return t}const e=i==="hour"?this.hourCumulativeAngle:this.minuteCumulativeAngle;const r=((t-e)%360+540)%360-180;const a=e+r;if(i==="hour")this.hourCumulativeAngle=a;else this.minuteCumulativeAngle=a;return a}renderDial(){const i=this.selecting==="hour";const t=50;const e=.8;const a=.52;let s=0;let n=e;if(i){if(this.format==="12h"){const i=this.displayHour===12?0:this.displayHour;s=i*30}else{const i=this.draftHours;if(i===0){s=0;n=a}else if(i>=1&&i<=12){s=(i===12?0:i)*30}else{s=(i-12)*30;n=a}}}else{s=this.draftMinutes*6}const o=this.advanceHandAngle(i?"hour":"minute",s);return r("div",{class:"md-time-picker__dial-wrap",part:"dial-wrap"},r("div",{class:{"md-time-picker__dial":true,"md-time-picker__dial--minute":!i,"md-time-picker__dial--24h-hour":i&&this.format==="24h"},ref:i=>this.dialEl=i,onPointerDown:this.onDialPointerDown,onPointerMove:this.onDialPointerMove,onPointerUp:this.onDialPointerUp,onPointerCancel:this.onDialPointerUp,role:"presentation",part:"dial"},r("div",{class:"md-time-picker__dial-hand",style:{transform:`rotate(${o}deg)`,["--_hand-length-dynamic"]:`${n*100}%`},"aria-hidden":"true",part:"dial-hand"},r("span",{class:"md-time-picker__dial-hand-dot","aria-hidden":"true"}),r("span",{class:"md-time-picker__dial-hand-line","aria-hidden":"true"}),r("span",{class:"md-time-picker__dial-hand-tip","aria-hidden":"true"})),r("span",{class:"md-time-picker__dial-center","aria-hidden":"true"}),i?this.renderHourNumbers(t,e,a):this.renderMinuteNumbers(t,e)))}renderHourNumbers(i,t,e){const r=[];if(this.format==="12h"){for(let i=0;i<12;i++){const t=i===0?"12":String(i);r.push({label:t,angle:i*30,inner:false,value:i===0?12:i})}}else{for(let i=0;i<12;i++){const t=i===0?"12":String(i);r.push({label:t,angle:i*30,inner:false,value:i===0?12:i})}for(let i=0;i<12;i++){const t=i===0?"00":String(12+i);r.push({label:t,angle:i*30,inner:true,value:i===0?0:12+i})}}return r.map((r=>this.renderDialNumber(r.label,r.angle,r.inner,this.isHourActive(r.value),i,t,e,r.value)))}isHourActive(i){if(this.format==="12h"){return this.displayHour===i}return this.draftHours===i}renderMinuteNumbers(i,t){const e=[];for(let i=0;i<12;i++){const t=i*5;e.push({label:String(t).padStart(2,"0"),angle:t*6,value:t})}return e.map((e=>this.renderDialNumber(e.label,e.angle,false,this.draftMinutes===e.value,i,t,t,e.value)))}renderDialNumber(i,t,e,a,s,n,o,d){const l=e?s*o:s*n;const c=(t-90)*Math.PI/180;const h=50+Math.cos(c)*l;const m=50+Math.sin(c)*l;return r("span",{class:{"md-time-picker__dial-number":true,"md-time-picker__dial-number--inner":e,"md-time-picker__dial-number--active":a},style:{left:`${h}%`,top:`${m}%`},"data-value":String(d),"aria-hidden":"true"},i)}renderInputs(i=true){const t=this.selecting==="hour";return r("div",{class:"md-time-picker__input-area",part:"input-area"},r("div",{class:"md-time-picker__input-time"},r("div",{class:"md-time-picker__input-group"},r("input",{type:"text",inputmode:"numeric",autocomplete:"off",class:{"md-time-picker__input":true,"md-time-picker__input-hour":true,"md-time-picker__input--active":t,"md-time-picker__input--error":this.hourInputError},maxLength:2,ref:this.bindHourInput,role:"spinbutton","aria-valuemin":this.format==="24h"?0:1,"aria-valuemax":this.format==="24h"?23:12,"aria-valuenow":this.hourInputError?undefined:this.hourValueNow,"aria-label":this.hourLabel,"aria-invalid":String(this.hourInputError),onInput:this.onHourInput,onFocus:()=>this.setSelecting("hour"),onBlur:this.onHourBlur,onKeyDown:this.onInputKeyDown,part:"input-hour"}),r("span",{class:"md-time-picker__input-hint"},this.hourLabel)),r("span",{class:"md-time-picker__input-separator","aria-hidden":"true"},":"),r("div",{class:"md-time-picker__input-group"},r("input",{type:"text",inputmode:"numeric",autocomplete:"off",class:{"md-time-picker__input":true,"md-time-picker__input-minute":true,"md-time-picker__input--active":!t,"md-time-picker__input--error":this.minuteInputError},maxLength:2,ref:this.bindMinuteInput,role:"spinbutton","aria-valuemin":0,"aria-valuemax":59,"aria-valuenow":this.minuteInputError?undefined:this.minuteValueNow,"aria-label":this.minuteLabel,"aria-invalid":String(this.minuteInputError),onInput:this.onMinuteInput,onFocus:()=>this.setSelecting("minute"),onBlur:this.onMinuteBlur,onKeyDown:this.onInputKeyDown,part:"input-minute"}),r("span",{class:"md-time-picker__input-hint"},this.minuteLabel)),this.format==="12h"&&i&&this.renderPeriodToggle()))}renderDialog(){if(!this.isOpen)return null;const i=this.mode==="input";const t=!i&&this.effectiveOrientation==="horizontal";const e=this.effectivePeriodLayout;const a=this.headline||(i?this.headlineInputLabel:this.headlineDialLabel);const s=!i&&this.format==="12h"&&e==="horizontal";const n=i?null:r("div",{class:"md-time-picker__time-area",part:"time-area"},this.renderInputs(!s),s&&this.renderPeriodToggle());return r("div",{class:"md-time-picker__scrim",part:"scrim",onClick:i=>{if(i.target===i.currentTarget)this.cancel()}},r("div",{class:{"md-time-picker__dialog":true,"md-time-picker__dialog--dial":!i,"md-time-picker__dialog--input":i,"md-time-picker__dialog--horizontal":t,"md-time-picker__dialog--vertical":!t},role:"dialog","aria-modal":"true","aria-labelledby":this.headlineId,part:"dialog"},r("div",{class:"md-time-picker__headline",id:this.headlineId,part:"headline"},a),r("span",{class:"md-time-picker__sr-status","aria-live":"polite"},this.selecting==="hour"?this.hourLabel:this.minuteLabel),r("div",{class:{"md-time-picker__body":true,"md-time-picker__body--horizontal":t},part:"body"},n,i?this.renderInputs():this.renderDial()),r("div",{class:"md-time-picker__footer",part:"footer"},r("md-icon-button",{class:"md-time-picker__toggle-mode",variant:"standard",size:"sm",icon:i?"schedule":"keyboard","aria-label":i?this.toggleDialLabel:this.toggleInputLabel,onMdClick:this.toggleMode,part:"toggle-mode"}),r("div",{class:"md-time-picker__actions",part:"actions"},r("md-button",{class:"md-time-picker__action-btn",variant:"text",size:"sm",onMdClick:this.cancel,part:"cancel-button"},this.cancelLabel),r("md-button",{class:"md-time-picker__action-btn md-time-picker__action-btn--primary",variant:"text",size:"sm",onMdClick:this.confirm,part:"confirm-button"},this.okLabel)))))}render(){return r(a,{key:"a99a007239478e87fd5fc131f5d160df0d09b6e5",class:{"md-time-picker":true,[`md-time-picker--${this.variant}`]:true,[`md-time-picker--format-${this.format}`]:true,"md-time-picker--open":this.isOpen,"md-time-picker--disabled":this.isDisabled},onKeyDown:this.onHostKeyDown},this.renderTrigger(),this.renderDialog())}static get formAssociated(){return true}get el(){return this}static get watchers(){return{variant:[{handleVariantChange:0}],value:[{handleValueChange:0}],min:[{handleConstraintChange:0}],max:[{handleConstraintChange:0}],required:[{handleConstraintChange:0}],valueMissingLabel:[{handleConstraintChange:0}],rangeUnderflowLabel:[{handleConstraintChange:0}],rangeOverflowLabel:[{handleConstraintChange:0}],rangeOutsideLabel:[{handleConstraintChange:0}],disabled:[{handleDisabledChange:0}],responsive:[{handleResponsiveChange:0}],open:[{handleOpenPropChange:0}]}}static get style(){return h()}},[65,"md-time-picker",{variant:[1],format:[1],value:[1537],name:[513],min:[1],max:[1],required:[516],label:[1],headline:[1],headlineInputLabel:[1,"headline-input-label"],headlineDialLabel:[1,"headline-dial-label"],valueMissingLabel:[1,"value-missing-label"],rangeUnderflowLabel:[1,"range-underflow-label"],rangeOverflowLabel:[1,"range-overflow-label"],rangeOutsideLabel:[1,"range-outside-label"],disabled:[516],open:[1540],minuteStep:[2,"minute-step"],cancelLabel:[1,"cancel-label"],okLabel:[1,"ok-label"],hideTrigger:[516,"hide-trigger"],amLabel:[1,"am-label"],pmLabel:[1,"pm-label"],hourLabel:[1,"hour-label"],minuteLabel:[1,"minute-label"],toggleDialLabel:[1,"toggle-dial-label"],toggleInputLabel:[1,"toggle-input-label"],periodLabel:[1,"period-label"],periodLayout:[1,"period-layout"],orientation:[1],responsive:[4],density:[514],isOpen:[32],mode:[32],selecting:[32],draftHours:[32],draftMinutes:[32],hourInputValue:[32],minuteInputValue:[32],hourInputError:[32],minuteInputError:[32],viewportWidth:[32],viewportHeight:[32],formDisabled:[32],show:[64],hide:[64],checkValidity:[64],reportValidity:[64],getValidity:[64]},undefined,{variant:[{handleVariantChange:0}],value:[{handleValueChange:0}],min:[{handleConstraintChange:0}],max:[{handleConstraintChange:0}],required:[{handleConstraintChange:0}],valueMissingLabel:[{handleConstraintChange:0}],rangeUnderflowLabel:[{handleConstraintChange:0}],rangeOverflowLabel:[{handleConstraintChange:0}],rangeOutsideLabel:[{handleConstraintChange:0}],disabled:[{handleDisabledChange:0}],responsive:[{handleResponsiveChange:0}],open:[{handleOpenPropChange:0}]}]);_.ADAPTIVE_MIN_DIAL_HEIGHT=460;_.ADAPTIVE_LANDSCAPE_WIDTH=720;_.ADAPTIVE_DEMOTE_WIDTH=620;function f(){if(typeof customElements==="undefined"){return}const i=["md-time-picker","md-button","md-icon-button","md-ripple","md-text-field"];i.forEach((i=>{switch(i){case"md-time-picker":if(!customElements.get(s(i))){customElements.define(s(i),_)}break;case"md-button":if(!customElements.get(s(i))){o()}break;case"md-icon-button":if(!customElements.get(s(i))){d()}break;case"md-ripple":if(!customElements.get(s(i))){l()}break;case"md-text-field":if(!customElements.get(s(i))){c()}break}}))}f();const g=_;const v=f;export{g as MdTimePicker,v as defineCustomElement};
+//# sourceMappingURL=md-time-picker.js.map