@bmxc/pami-elements 0.1.0-beta.1 → 0.1.0-beta.2

package/dist/components-csr/pami-table.js

@@ -1,2 +1,2 @@
-import{p as t,H as e,c as i,h as s,d as a,t as o}from"./p-DWUVTT3s.js";import{c as n}from"./p-BGD6u385.js";import{d as r}from"./p-Dq_XLtjQ.js";const l=()=>`:host{--_fx-fast:var(--md-sys-motion-spring-effects-fast-duration, 150ms)      var(--md-sys-motion-spring-effects-fast-easing, cubic-bezier(0.31, 0.94, 0.34, 1));--_fx-default:var(--md-sys-motion-spring-effects-default-duration, 200ms)      var(--md-sys-motion-spring-effects-default-easing, cubic-bezier(0.34, 0.8, 0.34, 1));--_row-h-compact:var(--pami-table-row-height-compact, max(28px, calc(36px + var(--md-sys-density-scale, 0) * 4px)));--_row-h-standard:var(--pami-table-row-height-standard, calc(52px + var(--md-sys-density-scale, 0) * 4px));--_row-h-comfortable:var(--pami-table-row-height-comfortable, max(40px, calc(60px + var(--md-sys-density-scale, 0) * 4px)));--_row-h:var(--_row-h-standard);--_head-h:var(--pami-table-header-height, max(40px, calc(56px + var(--md-sys-density-scale, 0) * 4px)));--_cell-pad-inline:var(--pami-table-cell-padding-inline, var(--md-sys-spacing-inset-lg, 16px));--_cell-pad-block:var(--pami-table-cell-padding-block, var(--md-sys-spacing-inset-sm, 8px));--_divider-color:var(--pami-table-divider-color, var(--md-sys-color-outline-variant, #CAC4D0));--_divider:var(--_divider-color);--_stripe-color:var(      --pami-table-stripe-color,      color-mix(        in srgb,        var(--md-sys-color-on-surface, #1C1B1F) calc(var(--md-sys-state-hover-state-layer-opacity, 0.08) * 50%),        transparent      )    );--_head-bg:var(--pami-table-head-bg, var(--pami-material-crust-soft-background-start, #FFE9D1));--_head-color:var(--pami-table-head-color, var(--pami-material-crust-soft-text, #331505));--_foot-bg:var(--pami-table-foot-bg, var(--md-sys-color-surface-container-low, #F7F2FA));--_hover-layer:color-mix(      in srgb,      var(--pami-table-row-hover-color, var(--md-sys-color-on-surface, #1C1B1F))        calc(var(--md-sys-state-hover-state-layer-opacity, 0.08) * 100%),      transparent    );--_row-selected-bg:var(--pami-table-row-selected-bg, var(--md-sys-color-secondary-container, #E8DEF8));--_row-selected-color:var(      --pami-table-row-selected-color,      var(--md-sys-color-on-secondary-container, #1E192B)    );display:block;inline-size:100%;position:relative;isolation:isolate;color:var(--md-sys-color-on-surface, #1C1B1F);font-family:var(--md-sys-typescale-body-medium-font-family, Roboto, sans-serif);font-size:max(12px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px));line-height:max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-body-medium-letter-spacing, 0.25px)}:host(.pami-table--density-compact){--_row-h:var(--_row-h-compact);--_cell-pad-inline:var(--pami-table-cell-padding-inline, 12px);--_cell-pad-block:var(--pami-table-cell-padding-block, 4px);--pami-checkbox-touch-target-size:32px}:host(.pami-table--density-comfortable){--_row-h:var(--_row-h-comfortable);--_cell-pad-inline:var(--pami-table-cell-padding-inline, 20px)}:host(.pami-table--no-dividers){--_divider:transparent}:host(:not(.pami-table--hoverable)){--_hover-layer:transparent}.pami-table__caption{padding:12px var(--_cell-pad-inline);font-family:var(--md-sys-typescale-title-small-font-family, Roboto, sans-serif);font-size:var(--md-sys-typescale-title-small-font-size, 14px);font-weight:var(--md-sys-typescale-title-small-font-weight, 500);line-height:var(--md-sys-typescale-title-small-line-height, 20px);color:var(--md-sys-color-on-surface-variant, #49454F)}.pami-table__grid{display:grid;grid-template-columns:var(      --_columns-template,      var(--pami-table-columns-template, var(--_derived-template, none))    );align-items:stretch;min-inline-size:var(--_min-width, var(--pami-table-min-width, max-content))}.pami-table__frozen{display:flex;flex-direction:column;min-block-size:0;inline-size:100%;position:relative}.pami-table__head-scroll{flex:0 0 auto;inline-size:100%;overflow:hidden;background-color:var(--_head-bg, var(--md-sys-color-surface-container, #F3EDF7));box-shadow:inset 0 -1px var(--_divider, transparent)}.pami-table__body-scroll{flex:1 1 auto;inline-size:100%;min-block-size:0;max-block-size:var(--pami-table-body-max-h, none);overflow:auto;}:host(:not([scrollbar='gutter'])) .pami-table__body-scroll{scrollbar-width:none}.pami-table__body-scroll:focus-visible{outline:var(--md-sys-state-focus-ring-width, 2px) solid var(--md-sys-color-focus-ring, var(--md-sys-color-secondary));outline-offset:-2px}:host(:not([scrollbar='gutter'])) .pami-table__body-scroll::-webkit-scrollbar{display:none}:host([scrollbar='gutter']) .pami-table__body-scroll{scrollbar-gutter:stable}:host([scrollbar='gutter']) .pami-table__body-scroll::-webkit-scrollbar{width:10px;height:10px}:host([scrollbar='gutter']) .pami-table__body-scroll::-webkit-scrollbar-thumb{background:var(--md-sys-color-outline, #79747E);border-radius:999px;border:2px solid transparent;background-clip:content-box}:host([scrollbar='gutter']) .pami-table__body-scroll::-webkit-scrollbar-thumb:hover{background:var(--md-sys-color-on-surface-variant, #49454F);background-clip:content-box}:host([scrollbar='gutter']) .pami-table__vscroll,:host([scrollbar='gutter']) .pami-table__hscroll{display:none !important}.pami-table__vscroll{position:absolute;inset-inline-end:3px;inline-size:8px;display:none;z-index:3;pointer-events:none}.pami-table__vscroll-thumb{position:absolute;inset-inline:0;border-radius:999px;background:color-mix(in srgb, var(--md-sys-color-on-surface, #1C1B1F) 50%, transparent);pointer-events:auto;touch-action:none}.pami-table__vscroll-thumb:hover,.pami-table__vscroll-thumb:active{background:color-mix(in srgb, var(--md-sys-color-on-surface, #1C1B1F) 60%, transparent)}.pami-table__hscroll{display:none;position:relative;flex:0 0 auto;block-size:10px;margin-inline:8px;margin-block:2px}.pami-table__hscroll-thumb{position:absolute;inset-block:1px;inline-size:40px;min-inline-size:24px;background:var(--md-sys-color-outline, #79747E);border-radius:999px;cursor:grab;touch-action:none;transition:background-color var(--_fx-fast, 150ms ease)}.pami-table__hscroll-thumb:hover{background:var(--md-sys-color-outline, #79747E)}.pami-table__hscroll-thumb:active{cursor:grabbing;background:var(--md-sys-color-on-surface-variant, #49454F)}.pami-table__grid--head{min-inline-size:max(100%, var(--_min-width, var(--pami-table-min-width, 0px)));inline-size:max-content}.pami-table__grid--body{min-inline-size:max(100%, var(--_min-width, var(--pami-table-min-width, 0px)))}.pami-table__bar{block-size:16px;border-radius:var(--md-sys-shape-corner-full, 9999px);background:linear-gradient(      90deg,      var(--md-sys-color-surface-container-high, #ECE6F0) 25%,      var(--md-sys-color-surface-container, #F3EDF7) 37%,      var(--md-sys-color-surface-container-high, #ECE6F0) 63%    );background-size:400% 100%;animation:pami-table-shimmer 1.4s ease infinite}@keyframes pami-table-shimmer{0%{background-position:100% 50%}100%{background-position:0 50%}}:host(.pami-table--loading-skeleton) ::slotted(pami-table-body),:host(.pami-table--loading-skeleton) ::slotted(pami-table-foot){display:none}.pami-table__skeleton-row{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;align-items:center;min-block-size:var(--_row-h);border-block-end:1px solid var(--_divider)}.pami-table__skeleton-row:last-child{border-block-end:none}.pami-table__skeleton-row .pami-table__bar{margin-inline:var(--_cell-pad-inline)}.pami-table__loading{position:absolute;inset:0;z-index:3;pointer-events:none}.pami-table__scrim{position:absolute;inset-block-start:var(--_head-h);inset-block-end:0;inset-inline:0;background:color-mix(in srgb, var(--md-sys-color-surface, #FEF7FF) 55%, transparent);pointer-events:auto}.pami-table__progress{position:absolute;inset-block-start:var(--_head-h);inset-inline:0}.pami-table__progress pami-progress-indicator{display:block;inline-size:100%}.pami-table__empty{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;min-block-size:var(--pami-table-empty-min-height, 160px);padding:32px var(--_cell-pad-inline);text-align:center;color:var(--md-sys-color-on-surface-variant, #49454F)}:host(.pami-table--empty){display:flex;flex-direction:column;min-block-size:100%}:host(.pami-table--empty) .pami-table__grid{flex:0 0 auto}:host(.pami-table--empty) .pami-table__empty{flex:1 1 auto}.pami-table__body-scroll{display:flex;flex-direction:column}.pami-table__body-scroll .pami-table__empty{flex:1 1 auto}@media (prefers-reduced-motion: reduce){.pami-table__bar{animation:none}}@media (forced-colors: active){.pami-table__vscroll-thumb,.pami-table__hscroll-thumb{background:ButtonText;border:1px solid ButtonText;forced-color-adjust:none}}@media (forced-colors: active){:host{--_divider:CanvasText}}.pami-table__sr-status{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}:host([hidden]){display:none !important}`;const c=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.pamiSortChange=i(this,"pamiSortChange",7);this.pamiSelectionChange=i(this,"pamiSelectionChange",7);this.pamiPinChange=i(this,"pamiPinChange",7);this.pamiColumnVisibilityChange=i(this,"pamiColumnVisibilityChange",7);this.pamiScroll=i(this,"pamiScroll",7);this.density="standard";this.columnTemplate="";this.columns=0;this.minWidth="";this.stickyHeader=false;this.frozenHeader=false;this.keepHeight=true;this.scrollbar="overlay";this.pinMode="stack";this.pinIcon="";this.stickyFooter=false;this.striped=false;this.noDividers=false;this.hoverable=true;this.motion="expressive";this.selection="none";this.sortBy="";this.sortOrder="asc";this.loading=false;this.loadingMode="overlay";this.loadingRows=4;this.empty=false;this.label="";this.caption="";this.summary="";this.rowOffset=0;this.rowCount=0;this.selectionCache={count:0,total:0,values:[],all:false,indeterminate:false};this.bulkSelecting=false;this.hDragging=false;this.hDragStartX=0;this.hDragStartScroll=0;this.vDragging=false;this.vDragStartY=0;this.vDragStartScroll=0;this.updateHScroll=()=>{const t=this.bodyScrollEl;const e=this.hTrackEl;const i=this.hThumbEl;if(!t||!e||!i)return;const s=t.scrollWidth-t.clientWidth;if(s<=1){e.style.display="none";return}e.style.display="block";const a=e.clientWidth;const o=Math.max(24,t.clientWidth/t.scrollWidth*a);const n=a-o;const r=Math.min(1,Math.abs(t.scrollLeft)/s);const l=(this.isRtl?1-r:r)*n;i.style.inlineSize=`${o}px`;i.style.transform=`translateX(${l}px)`};this.onHThumbPointerDown=t=>{if(!this.bodyScrollEl)return;this.hDragging=true;this.hDragStartX=t.clientX;this.hDragStartScroll=this.bodyScrollEl.scrollLeft;t.target.setPointerCapture?.(t.pointerId);t.preventDefault()};this.onHThumbPointerMove=t=>{if(!this.hDragging||!this.bodyScrollEl||!this.hTrackEl||!this.hThumbEl)return;const e=this.bodyScrollEl;const i=this.hTrackEl.clientWidth-this.hThumbEl.offsetWidth;const s=e.scrollWidth-e.clientWidth;const a=i>0?s/i:0;e.scrollLeft=this.hDragStartScroll+(t.clientX-this.hDragStartX)*a};this.onHThumbPointerUp=t=>{this.hDragging=false;try{t.target.releasePointerCapture?.(t.pointerId)}catch{}};this.updateVScroll=()=>{const t=this.bodyScrollEl;const e=this.vTrackEl;const i=this.vThumbEl;if(!t||!e||!i)return;if(this.scrollbar==="gutter"){e.style.display="none";return}const s=t.scrollHeight-t.clientHeight;if(s<=1){e.style.display="none";return}e.style.display="block";e.style.insetBlockStart=`${t.offsetTop}px`;e.style.blockSize=`${t.clientHeight}px`;const a=t.clientHeight;const o=Math.max(24,t.clientHeight/t.scrollHeight*a);const n=a-o;const r=t.scrollTop/s*n;i.style.blockSize=`${o}px`;i.style.transform=`translateY(${r}px)`};this.onVThumbPointerDown=t=>{if(!this.bodyScrollEl)return;this.vDragging=true;this.vDragStartY=t.clientY;this.vDragStartScroll=this.bodyScrollEl.scrollTop;t.target.setPointerCapture?.(t.pointerId);t.preventDefault()};this.onVThumbPointerMove=t=>{if(!this.vDragging||!this.bodyScrollEl||!this.vTrackEl||!this.vThumbEl)return;const e=this.bodyScrollEl;const i=this.vTrackEl.clientHeight-this.vThumbEl.offsetHeight;const s=e.scrollHeight-e.clientHeight;const a=i>0?s/i:0;e.scrollTop=this.vDragStartScroll+(t.clientY-this.vDragStartY)*a};this.onVThumbPointerUp=t=>{this.vDragging=false;try{t.target.releasePointerCapture?.(t.pointerId)}catch{}};this.srAnnouncement="";this.hasExpandableRow=false;this.onBodyScroll=()=>{if(this.headScrollEl&&this.bodyScrollEl){this.headScrollEl.scrollLeft=this.bodyScrollEl.scrollLeft}this.updateHScroll();this.updateVScroll();if(!this.scrollEmitQueued&&typeof requestAnimationFrame!=="undefined"){this.scrollEmitQueued=true;requestAnimationFrame((()=>{this.scrollEmitQueued=false;const t=this.bodyScrollEl;if(t)this.pamiScroll.emit({scrollLeft:t.scrollLeft,scrollTop:t.scrollTop})}))}};this.onBodyKeyDown=t=>{const e=this.bodyScrollEl;if(!e||t.target!==e)return;const i=e.scrollWidth-e.clientWidth;if(i<=0)return;const s=48;let a=0;if(t.key==="ArrowRight")a=this.isRtl?-s:s;else if(t.key==="ArrowLeft")a=this.isRtl?s:-s;else if(t.key==="Home"&&(t.ctrlKey||t.metaKey))a=-Infinity;else if(t.key==="End"&&(t.ctrlKey||t.metaKey))a=Infinity;else return;t.preventDefault();const o=this.isRtl?-i:0;const n=this.isRtl?0:i;e.scrollLeft=Math.max(o,Math.min(n,a===-Infinity?o:a===Infinity?n:e.scrollLeft+a))};this.onBodyWheel=t=>{const e=this.bodyScrollEl;if(!e||e.scrollWidth<=e.clientWidth+1)return;const i=Math.abs(t.deltaX)>Math.abs(t.deltaY)?t.deltaX:t.shiftKey?t.deltaY:0;if(!i)return;const s=e.scrollWidth-e.clientWidth;const a=this.isRtl?-s:0;const o=this.isRtl?0:s;const n=Math.max(a,Math.min(o,e.scrollLeft+i));if(n!==e.scrollLeft){e.scrollLeft=n;t.preventDefault()}};this.pinnedColumns=new Map;this.hiddenColumns=new Set;this.scrollEmitQueued=false;this.pinBaseTracks=null;this.handleSlotChange=()=>{this.syncRows();this.syncSortLabels();this.recomputeSelection(false)}}onPinIconChange(){this.syncRows()}onPinModeChange(){this.syncStickyOffsets()}syncStickyOffsets(){const t=Array.from(this.el.querySelectorAll("pami-table-row"));if(!t.length)return;const e=()=>t.forEach((t=>Array.from(t.children).forEach((t=>t.style.removeProperty("--_sticky-offset")))));if(this.pinMode!=="static"){e();return}const i=this.frozenHeader?this.bodyGridEl:this.el.shadowRoot?.querySelector(".pami-table__grid");if(!i)return;const s=getComputedStyle(i).gridTemplateColumns.split(" ").map((t=>parseFloat(t))).filter((t=>!Number.isNaN(t)));if(!s.length)return;t.forEach((t=>{const e=Array.from(t.children).filter((t=>t.tagName==="PAMI-TABLE-CELL"&&!t.hasAttribute("data-pami-col-hidden")));let i=0;e.forEach(((t,e)=>{if(t.getAttribute("sticky")==="start"){t.style.setProperty("--_sticky-offset",`${i}px`);i+=s[e]??0}}));let a=0;for(let t=e.length-1;t>=0;t--){if(e[t].getAttribute("sticky")==="end"){e[t].style.setProperty("--_sticky-offset",`${a}px`);a+=s[t]??0}}}))}get isRtl(){return getComputedStyle(this.el).direction==="rtl"}componentDidLoad(){this.syncRows();this.syncSortLabels();this.recomputeSelection(false);this.setupFrozenHeader();requestAnimationFrame((()=>this.scheduleHeaderFloors()));requestAnimationFrame((()=>requestAnimationFrame((()=>{if(!this.keepHeight)return;const t=this.frozenHeader&&this.bodyScrollEl?this.bodyScrollEl:this.el;const e=t.getBoundingClientRect().height;if(e>1)t.style.minBlockSize=`${Math.round(e)}px`}))))}componentDidRender(){this.syncFrozenColumns();this.updateHScroll();this.updateVScroll();this.syncStickyOffsets()}disconnectedCallback(){this.frozenObserver?.disconnect();this.frozenObserver=undefined}onSelectionModeChange(){let t=false;if(this.selection==="single"){const e=this.getSelectableRows().filter((t=>t.selected));if(e.length>1){this.bulkSelecting=true;try{e.slice(1).forEach((t=>t.selected=false))}finally{this.bulkSelecting=false}t=true}}this.syncRows();this.recomputeSelection(t)}onEmptyChange(){this.srAnnouncement=this.empty?"No data":""}onStickyHeaderChange(){this.syncRows();this.frozenObserver?.disconnect();this.frozenObserver=undefined;const t=(e=0)=>{if(!this.frozenHeader)return;if(this.bodyGridEl){this.setupFrozenHeader();return}if(e<30)requestAnimationFrame((()=>t(e+1)))};requestAnimationFrame((()=>t()))}setupFrozenHeader(){if(!this.frozenHeader||!this.bodyGridEl||typeof ResizeObserver==="undefined")return;this.frozenObserver?.disconnect();this.frozenObserver=new ResizeObserver((()=>{this.syncFrozenColumns();this.updateHScroll();this.updateVScroll();this.syncStickyOffsets()}));this.frozenObserver.observe(this.bodyGridEl);this.syncFrozenColumns();this.updateHScroll();this.updateVScroll()}syncFrozenColumns(){if(!this.frozenHeader||!this.bodyGridEl||!this.headGridEl)return;const t=Array.from(this.el.querySelectorAll("pami-table-body pami-table-row")).some((t=>t.getBoundingClientRect().height>0));if(!t)return;const e=getComputedStyle(this.bodyGridEl).gridTemplateColumns;if(e&&e!=="none"){const t=`${e} minmax(0, 1fr)`;if(this.headGridEl.style.gridTemplateColumns!==t){this.headGridEl.style.gridTemplateColumns=t}}}onLayoutChange(){this.syncRows()}onSortStateChange(){this.syncSortLabels()}async getSelection(){this.recomputeSelection(false);return this.selectionCache}async selectAll(){if(this.selection!=="multiple")return;this.bulkSelecting=true;try{this.getSelectableRows().forEach((t=>{if(!t.disabled)t.selected=true}))}finally{this.bulkSelecting=false}this.recomputeSelection()}async deselectAll(){this.bulkSelecting=true;try{this.getSelectableRows().forEach((t=>t.selected=false))}finally{this.bulkSelecting=false}this.recomputeSelection()}async toggleSelectAll(){if(this.selectionCache.all)await this.deselectAll();else await this.selectAll()}async setSort(t,e){this.sortBy=t;this.sortOrder=e;const i=this.armMotion();this.pamiSortChange.emit({column:t,order:e});i?.()}static splitTracks(t){const e=[];let i=0;let s="";for(const a of t.trim()){if(a==="(")i++;else if(a===")")i--;if(/\s/.test(a)&&i===0){if(s){e.push(s);s=""}}else{s+=a}}if(s)e.push(s);return e}static directChildren(t,e){return Array.from(t.children).filter(e)}static isTag(t){return e=>e.tagName.toLowerCase()===t}ensurePinBase(e=false){if(this.pinBaseTracks)return true;const i=t=>{if(!e)console.warn(`[pami-table] ${t}`)};if(!this.columnTemplate||this.columnTemplate.includes("repeat(")){i("pinColumn needs an explicit column-template without repeat().");return false}const s=this.constructor.splitTracks(this.columnTemplate);const a=Array.from(this.el.querySelectorAll("pami-table-row"));for(const e of a){const a=t.directChildren(e,t.isTag("pami-table-cell"));if(a.some((t=>t.hasAttribute("colspan")&&t.getAttribute("colspan")!=="1"))){i("pinColumn does not support colspan cells.");return false}if(a.length!==s.length){i("pinColumn needs every row to have one cell per column.");return false}a.forEach(((t,e)=>t.setAttribute("data-pami-col",String(e))))}const o=this.el.querySelector("pami-table-head pami-table-row");const n=o?t.directChildren(o,t.isTag("pami-table-cell")):[];n.forEach(((t,e)=>{const i=t.getAttribute("sticky");if(i==="start"||i==="end")this.pinnedColumns.set(e,i)}));this.pinBaseTracks=s;return true}async pinColumn(t,e){if(!this.ensurePinBase())return null;if(e==="none"||this.pinnedColumns.get(t)===e){this.pinnedColumns.delete(t)}else{this.pinnedColumns.set(t,e)}this.applyPinLayout();const i=this.pinnedColumns.get(t)??null;this.pamiPinChange.emit({column:t,side:i});return i}async setColumnVisibility(t,e){if(!this.ensurePinBase())return true;if(t<0||t>=(this.pinBaseTracks?.length??0))return true;if(!e&&this.hiddenColumns.size>=this.pinBaseTracks.length-1&&!this.hiddenColumns.has(t)){console.warn("[pami-table] setColumnVisibility: refusing to hide the last visible column.");return true}if(e)this.hiddenColumns.delete(t);else this.hiddenColumns.add(t);this.applyPinLayout();const i=!this.hiddenColumns.has(t);this.pamiColumnVisibilityChange.emit({column:t,visible:i,hidden:Array.from(this.hiddenColumns).sort(((t,e)=>t-e))});return i}applyPinLayout(){const e=this.pinBaseTracks;const i=e.map(((t,e)=>e));const s=i.filter((t=>this.pinnedColumns.get(t)==="start"));const a=i.filter((t=>this.pinnedColumns.get(t)==="end"));const o=i.filter((t=>!this.pinnedColumns.has(t)));const n=[...s,...o,...a];this.el.querySelectorAll("pami-table-row").forEach((e=>{n.forEach((i=>{const s=t.directChildren(e,(t=>t.getAttribute("data-pami-col")===String(i)))[0]??null;if(!s)return;e.appendChild(s);const a=this.pinnedColumns.get(i);if(a)s.setAttribute("sticky",a);else s.removeAttribute("sticky");if(this.hiddenColumns.has(i))s.setAttribute("data-pami-col-hidden","");else s.removeAttribute("data-pami-col-hidden")}))}));const r=n.filter((t=>!this.hiddenColumns.has(t)));this.el.setAttribute("column-template",r.map((t=>e[t])).join(" "));this.syncHeaderContentFloors(r)}syncHeaderContentFloors(e){if(!this.frozenHeader||!this.pinBaseTracks)return;const i=this.pinBaseTracks;const s=e??i.map(((t,e)=>e));requestAnimationFrame((()=>{const e=this.el.querySelector("pami-table-head pami-table-row");if(!e)return;const a=s.map((s=>{const a=i[s];const o=t.directChildren(e,(t=>t.getAttribute("data-pami-col")===String(s)))[0]??null;if(!o||o.getAttribute("padding")==="checkbox")return a;const n=Array.from(o.children);if(!n.length)return a;const r=Math.min(...n.map((t=>t.getBoundingClientRect().left)));const l=Math.max(...n.map((t=>t.getBoundingClientRect().right)));const c=l-r;if(c<=1)return a;const h=getComputedStyle(o);const d=(parseFloat(h.paddingInlineStart)||0)+(parseFloat(h.paddingInlineEnd)||0);const p=this.pinnedColumns.has(s)&&!o.hasAttribute("no-pin-indicator")?20:0;return`minmax(${Math.ceil(c+d+p)}px, ${a})`}));this.el.setAttribute("column-template",a.join(" "))}))}scheduleHeaderFloors(t=0){if(!this.frozenHeader||!this.columnTemplate)return;const e=this.el.querySelector("pami-table-head pami-table-sort-label");if(!e)return;const i=e.getBoundingClientRect().width>1;if(!i&&t<=30){requestAnimationFrame((()=>this.scheduleHeaderFloors(t+1)));return}if(this.ensurePinBase(true))this.syncHeaderContentFloors()}async animateNextChange(){this.armMotion()?.()}handleMotionArm(t){t.stopPropagation();this.armMotion()?.()}armMotion(){if(this.motion==="none")return null;const t=this.el.querySelector("pami-table-body");if(!t)return null;return n(t,{enter:true,stagger:18,staggerCap:6,spring:"fast"})}handleSortLabelChange(t){if(t.target.closest("pami-table")!==this.el)return;t.stopPropagation();this.syncSortLabels()}handleSortRequest(t){t.stopPropagation();const e=t.detail.column;if(!e)return;const i=t.detail.defaultOrder==="desc"?"desc":"asc";let s=i;if(this.sortBy===e){const t=i==="asc"?"desc":"asc";s=this.sortOrder===i?t:this.sortOrder===t?"none":i}this.sortBy=s==="none"?"":e;this.sortOrder=s==="none"?"asc":s;const a=this.armMotion();this.pamiSortChange.emit({column:this.sortBy,order:s});a?.()}handleSlottedCheckboxChange(t){if(this.selection==="none")return;const e=t.target;if(e.tagName!=="PAMI-CHECKBOX")return;const i=!!t.detail?.checked;queueMicrotask((()=>{if(e.closest("pami-table-head")){if(this.selection!=="multiple")return;if(i)void this.selectAll();else void this.deselectAll();return}const t=e.closest("pami-table-row");if(t&&t.closest("pami-table-body")&&!t.disabled&&t.selectable!==false){t.selected=i}}))}handleRowgroupSlotChange(){this.syncRows();this.syncSortLabels();this.recomputeSelection(false);this.syncFrozenColumns();this.updateHScroll();this.updateVScroll()}handleRowSelectionChange(t){if(this.bulkSelecting)return;if(this.selection==="single"&&t.detail.selected){const e=t.target;this.bulkSelecting=true;try{this.getSelectableRows().forEach((t=>{if(t!==e)t.selected=false}))}finally{this.bulkSelecting=false}}this.recomputeSelection()}getSelectableRows(){return Array.from(this.el.querySelectorAll("pami-table-row")).filter((t=>(t.closest("pami-table-head")||t.closest("pami-table-foot"))==null))}recomputeSelection(t=true){const e=this.getSelectableRows();const i=e.filter((t=>!t.disabled&&t.selectable!==false));const s=i.filter((t=>t.selected));const a=i.length>0&&s.length===i.length;const o=s.length>0&&!a;this.selectionCache={count:s.length,total:i.length,values:s.map(((t,e)=>t.value||String(e))),all:a,indeterminate:o};this.syncSelectionUI(e,a,o);if(t)this.pamiSelectionChange.emit(this.selectionCache)}syncSelectionUI(t,e,i){if(this.selection!=="none"){for(const e of t){const t=e;if(t.closest("pami-table-body")==null)continue;if(e.selectable===false||e.disabled)t.removeAttribute("aria-selected");else t.setAttribute("aria-selected",String(!!e.selected))}}if(this.selection==="none"){const t=this.el.querySelector("pami-table-head pami-checkbox");if(t){t.disabled=false;t.checked=false;t.indeterminate=false}return}for(const e of t){const t=e.querySelector("pami-checkbox");if(!t)continue;if(t.checked!==e.selected)t.checked=e.selected;if(t.disabled!==!!e.disabled)t.disabled=!!e.disabled}const s=this.el.querySelector("pami-table-head pami-checkbox");if(s){if(this.selection==="single"){if(!s.disabled)s.disabled=true;if(s.checked)s.checked=false;if(s.indeterminate)s.indeterminate=false}else{if(s.disabled)s.disabled=false;if(s.indeterminate!==i)s.indeterminate=i;if(s.checked!==e)s.checked=e}}}syncRows(){const e=this.el.querySelector("pami-table-head");if(e){if(this.frozenHeader)e.setAttribute("slot","head");else if(e.getAttribute("slot")==="head")e.removeAttribute("slot")}Array.from(this.el.querySelectorAll("pami-table-body, pami-table-foot")).forEach((t=>{if(this.frozenHeader)t.setAttribute("presentational","");else t.removeAttribute("presentational")}));const i=Array.from(this.el.querySelectorAll("pami-table-row"));const s=i.length-1;const a=i.some((t=>t.hasAttribute("expandable")));if(this.hasExpandableRow!==a)this.hasExpandableRow=a;const o=this.el.closest("pami-table-container");const n=!!o&&t.directChildren(o,(t=>t.getAttribute("slot")==="bottom")).length>0;const r=!!o&&!n;const l=i.some((t=>t.closest("pami-table-foot")!=null));let c=-1;i.forEach(((t,e)=>{if(t.closest("pami-table-head")==null&&t.closest("pami-table-foot")==null)c=e}));const h=i.filter((t=>t.closest("pami-table-head")!=null)).length;let d=0;let p=0;let m=0;i.forEach(((t,e)=>{const i=t.closest("pami-table-head")!=null;const a=t.closest("pami-table-foot")!=null;const o=i?"head":a?"foot":"body";const n=(e,i)=>{if(i===null){if(t.hasAttribute(e))t.removeAttribute(e)}else if(t.getAttribute(e)!==i){t.setAttribute(e,i)}};n("rowgroup",o);n("data-stripe",o==="body"&&this.striped&&d%2===1?"true":null);n("data-sticky",i&&this.stickyHeader||a&&this.stickyFooter?"true":null);n("data-last",r&&e===s?"true":null);n("data-adjacent-foot",l&&e===c?"true":null);if(this.rowCount>0){if(i)n("aria-rowindex",String(p+1));else if(!a)n("aria-rowindex",String(h+this.rowOffset+d+1));else n("aria-rowindex",String(h+this.rowCount+m+1))}else{n("aria-rowindex",null)}if(a)m++;if(o==="body"&&this.selection!=="none"){const e=t;n("aria-selected",e.selectable===false||e.disabled?null:String(!!e.selected))}else{n("aria-selected",null)}if(o==="body")d++;if(i)p++;if(i){Array.from(t.children).forEach((t=>{const e=t.getAttribute("sticky");if(t.tagName!=="PAMI-TABLE-CELL"||e!=="start"&&e!=="end")return;const i=t.getAttribute("data-pin-icon-cast");const s=t.getAttribute("pin-icon");if(s!==null&&s!==i)return;if(this.pinIcon){if(s!==this.pinIcon){t.setAttribute("pin-icon",this.pinIcon);t.setAttribute("data-pin-icon-cast",this.pinIcon)}}else if(i!==null){t.removeAttribute("pin-icon");t.removeAttribute("data-pin-icon-cast")}}))}}))}syncSortLabels(){const t=Array.from(this.el.querySelectorAll("pami-table-sort-label"));for(const e of t){if(e.closest("pami-table")!==this.el)continue;const t=e.column??e.getAttribute("column")??"";const i=!!t&&t===this.sortBy;if(e.active!==i)e.active=i;const s=i?this.sortOrder:"none";if(e.order!==s)e.order=s;const a=e.closest("pami-table-cell");if(a){const t=!i||s==="none"?"none":s==="asc"?"ascending":"descending";if(a.getAttribute("aria-sort")!==t)a.setAttribute("aria-sort",t)}}}get columnCount(){if(this.columns>0)return this.columns;if(this.columnTemplate){const t=this.columnTemplate.trim();const e=t.match(/repeat\(\s*(\d+)/);if(e)return parseInt(e[1],10);return t.split(/\s+/).filter(Boolean).length||1}const t=this.el.querySelector("pami-table-row");return t?t.querySelectorAll("pami-table-cell").length||1:1}renderSkeletonRows(){const t=Math.max(1,this.columnCount);return Array.from({length:Math.max(1,this.loadingRows)}).map(((e,i)=>s("div",{class:"pami-table__skeleton-row",part:"skeleton-row","aria-hidden":"true",key:`sk-${i}`},Array.from({length:t}).map(((t,e)=>s("span",{class:"pami-table__bar",key:`sk-${i}-${e}`}))))))}renderEmpty(){return s("div",{class:"pami-table__empty",part:"empty"},s("slot",{name:"empty"},s("span",{class:"pami-table__empty-text"},"No data")))}render(){const t={};if(this.columnTemplate){t["--_columns-template"]=this.columnTemplate}else if(this.columns>0){t["--_columns-template"]=`repeat(${this.columns}, minmax(0, 1fr))`}else{const e=this.el.querySelector("pami-table-row");const i=e?e.querySelectorAll("pami-table-cell").length:0;if(i>0)t["--_derived-template"]=`repeat(${i}, minmax(0, 1fr))`}if(this.minWidth)t["--_min-width"]=this.minWidth;const e={role:this.hasExpandableRow?"treegrid":"table","aria-label":this.label||this.caption||"Data table","aria-description":this.summary||null,"aria-busy":this.loading?"true":null,"aria-rowcount":this.rowCount>0?String(this.rowCount+this.el.querySelectorAll("pami-table-head pami-table-row, pami-table-foot pami-table-row").length):null};return s(a,{key:"8614eefbb4c80ec69e5d324124b88a71d0362333",class:{"pami-table":true,[`pami-table--density-${this.density}`]:typeof this.density==="string","pami-table--sticky-header":this.stickyHeader,"pami-table--sticky-footer":this.stickyFooter,"pami-table--striped":this.striped,"pami-table--no-dividers":this.noDividers,"pami-table--hoverable":this.hoverable,"pami-table--loading":this.loading,[`pami-table--loading-${this.loadingMode}`]:this.loading,"pami-table--empty":this.empty},style:t},s("span",{key:"9d3425641b9e2b6d89c041672c70024e5fd56597",class:"pami-table__sr-status","aria-live":"polite"},this.srAnnouncement),this.caption&&s("div",{key:"46ca4b980166f101a394919ed09c12363148d603",class:"pami-table__caption",part:"caption","aria-hidden":"true"},this.caption),this.frozenHeader?s("div",{class:"pami-table__frozen",...e},s("div",{class:"pami-table__head-scroll",role:"presentation",ref:t=>this.headScrollEl=t},s("div",{class:"pami-table__grid pami-table__grid--head",part:"header-grid",ref:t=>this.headGridEl=t},s("slot",{name:"head",onSlotchange:this.handleSlotChange}))),s("div",{class:"pami-table__body-scroll",role:"rowgroup",tabindex:"0",ref:t=>this.bodyScrollEl=t,onScroll:this.onBodyScroll,onWheel:this.onBodyWheel,onKeyDown:this.onBodyKeyDown},s("div",{class:"pami-table__grid pami-table__grid--body",part:"grid",role:"presentation",ref:t=>this.bodyGridEl=t},s("slot",{onSlotchange:this.handleSlotChange}),this.loading&&this.loadingMode==="skeleton"&&this.renderSkeletonRows()),this.empty&&!this.loading&&this.renderEmpty()),s("div",{class:"pami-table__hscroll",part:"hscrollbar","aria-hidden":"true",ref:t=>this.hTrackEl=t},s("div",{class:"pami-table__hscroll-thumb",part:"hscrollbar-thumb",ref:t=>this.hThumbEl=t,onPointerDown:this.onHThumbPointerDown,onPointerMove:this.onHThumbPointerMove,onPointerUp:this.onHThumbPointerUp,onPointerCancel:this.onHThumbPointerUp})),s("div",{class:"pami-table__vscroll",part:"vscrollbar","aria-hidden":"true",ref:t=>this.vTrackEl=t},s("div",{class:"pami-table__vscroll-thumb",part:"vscrollbar-thumb",ref:t=>this.vThumbEl=t,onPointerDown:this.onVThumbPointerDown,onPointerMove:this.onVThumbPointerMove,onPointerUp:this.onVThumbPointerUp,onPointerCancel:this.onVThumbPointerUp}))):s("div",{class:"pami-table__grid",part:"grid",...e},s("slot",{onSlotchange:this.handleSlotChange}),this.loading&&this.loadingMode==="skeleton"&&this.renderSkeletonRows()),this.loading&&this.loadingMode==="overlay"&&s("div",{key:"d5682595a38b2223617c0f319d99a46e947c505a",class:"pami-table__loading",part:"loading","aria-hidden":"true"},s("slot",{key:"0d1278094269affdd1098ee7f6553d1b88954d60",name:"loader"},s("slot",{key:"1ce4d308c8dd5095b022b80de09a5de1894c38c7",name:"loading"},s("div",{key:"82c6d31926fb1cdaec647e811207c1b1dd403631",class:"pami-table__progress",part:"progress"},s("pami-progress-indicator",{key:"e2e514da446a3791df4b90d5b0868c8df8ac91e4",variant:"linear",indeterminate:true,"aria-label":"Loading"})),s("div",{key:"4ec5a7262c70857cee5d97f823501738f68f7e74",class:"pami-table__scrim"})))),this.empty&&!this.loading&&!this.frozenHeader&&this.renderEmpty())}get el(){return this}static get watchers(){return{pinIcon:[{onPinIconChange:0}],pinMode:[{onPinModeChange:0}],selection:[{onSelectionModeChange:0}],empty:[{onEmptyChange:0}],frozenHeader:[{onStickyHeaderChange:0}],stickyHeader:[{onStickyHeaderChange:0},{onLayoutChange:0}],density:[{onLayoutChange:0}],striped:[{onLayoutChange:0}],stickyFooter:[{onLayoutChange:0}],columns:[{onLayoutChange:0}],columnTemplate:[{onLayoutChange:0}],sortBy:[{onSortStateChange:0}],sortOrder:[{onSortStateChange:0}]}}static get style(){return l()}},[257,"pami-table",{density:[520],columnTemplate:[1,"column-template"],columns:[2],minWidth:[1,"min-width"],stickyHeader:[516,"sticky-header"],frozenHeader:[516,"frozen-header"],keepHeight:[516,"keep-height"],scrollbar:[513],pinMode:[513,"pin-mode"],pinIcon:[1,"pin-icon"],stickyFooter:[516,"sticky-footer"],striped:[516],noDividers:[516,"no-dividers"],hoverable:[516],motion:[513],selection:[513],sortBy:[1537,"sort-by"],sortOrder:[1537,"sort-order"],loading:[516],loadingMode:[513,"loading-mode"],loadingRows:[2,"loading-rows"],empty:[516],label:[1],caption:[1],summary:[1],rowOffset:[2,"row-offset"],rowCount:[2,"row-count"],srAnnouncement:[32],hasExpandableRow:[32],getSelection:[64],selectAll:[64],deselectAll:[64],toggleSelectAll:[64],setSort:[64],pinColumn:[64],setColumnVisibility:[64],animateNextChange:[64]},[[0,"pamiMotionArm","handleMotionArm"],[0,"pamiSortLabelChange","handleSortLabelChange"],[0,"pamiSortRequest","handleSortRequest"],[0,"pamiChange","handleSlottedCheckboxChange"],[0,"pamiRowgroupSlotChange","handleRowgroupSlotChange"],[0,"pamiRowSelectionChange","handleRowSelectionChange"]],{pinIcon:[{onPinIconChange:0}],pinMode:[{onPinModeChange:0}],selection:[{onSelectionModeChange:0}],empty:[{onEmptyChange:0}],frozenHeader:[{onStickyHeaderChange:0}],stickyHeader:[{onStickyHeaderChange:0},{onLayoutChange:0}],density:[{onLayoutChange:0}],striped:[{onLayoutChange:0}],stickyFooter:[{onLayoutChange:0}],columns:[{onLayoutChange:0}],columnTemplate:[{onLayoutChange:0}],sortBy:[{onSortStateChange:0}],sortOrder:[{onSortStateChange:0}]}]);function h(){if(typeof customElements==="undefined"){return}const t=["pami-table","pami-progress-indicator"];t.forEach((t=>{switch(t){case"pami-table":if(!customElements.get(o(t))){customElements.define(o(t),c)}break;case"pami-progress-indicator":if(!customElements.get(o(t))){r()}break}}))}h();const d=c;const p=h;export{d as PamiTable,p as defineCustomElement};
+import{p as t,H as e,c as i,h as s,d as a,t as o}from"./p-DWUVTT3s.js";import{c as n}from"./p-BGD6u385.js";import{d as r}from"./p-BubrJNco.js";const l=()=>`:host{--_fx-fast:var(--md-sys-motion-spring-effects-fast-duration, 150ms)      var(--md-sys-motion-spring-effects-fast-easing, cubic-bezier(0.31, 0.94, 0.34, 1));--_fx-default:var(--md-sys-motion-spring-effects-default-duration, 200ms)      var(--md-sys-motion-spring-effects-default-easing, cubic-bezier(0.34, 0.8, 0.34, 1));--_row-h-compact:var(--pami-table-row-height-compact, max(28px, calc(36px + var(--md-sys-density-scale, 0) * 4px)));--_row-h-standard:var(--pami-table-row-height-standard, calc(52px + var(--md-sys-density-scale, 0) * 4px));--_row-h-comfortable:var(--pami-table-row-height-comfortable, max(40px, calc(60px + var(--md-sys-density-scale, 0) * 4px)));--_row-h:var(--_row-h-standard);--_head-h:var(--pami-table-header-height, max(40px, calc(56px + var(--md-sys-density-scale, 0) * 4px)));--_cell-pad-inline:var(--pami-table-cell-padding-inline, var(--md-sys-spacing-inset-lg, 16px));--_cell-pad-block:var(--pami-table-cell-padding-block, var(--md-sys-spacing-inset-sm, 8px));--_divider-color:var(--pami-table-divider-color, var(--md-sys-color-outline-variant, #CAC4D0));--_divider:var(--_divider-color);--_stripe-color:var(      --pami-table-stripe-color,      color-mix(        in srgb,        var(--md-sys-color-on-surface, #1C1B1F) calc(var(--md-sys-state-hover-state-layer-opacity, 0.08) * 50%),        transparent      )    );--_head-bg:var(--pami-table-head-bg, var(--pami-material-crust-soft-background-start, #FFE9D1));--_head-color:var(--pami-table-head-color, var(--pami-material-crust-soft-text, #331505));--_foot-bg:var(--pami-table-foot-bg, var(--md-sys-color-surface-container-low, #F7F2FA));--_hover-layer:color-mix(      in srgb,      var(--pami-table-row-hover-color, var(--md-sys-color-on-surface, #1C1B1F))        calc(var(--md-sys-state-hover-state-layer-opacity, 0.08) * 100%),      transparent    );--_row-selected-bg:var(--pami-table-row-selected-bg, var(--md-sys-color-secondary-container, #E8DEF8));--_row-selected-color:var(      --pami-table-row-selected-color,      var(--md-sys-color-on-secondary-container, #1E192B)    );display:block;inline-size:100%;position:relative;isolation:isolate;color:var(--md-sys-color-on-surface, #1C1B1F);font-family:var(--md-sys-typescale-body-medium-font-family, Roboto, sans-serif);font-size:max(12px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px));line-height:max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-body-medium-letter-spacing, 0.25px)}:host(.pami-table--density-compact){--_row-h:var(--_row-h-compact);--_cell-pad-inline:var(--pami-table-cell-padding-inline, 12px);--_cell-pad-block:var(--pami-table-cell-padding-block, 4px);--pami-checkbox-touch-target-size:32px}:host(.pami-table--density-comfortable){--_row-h:var(--_row-h-comfortable);--_cell-pad-inline:var(--pami-table-cell-padding-inline, 20px)}:host(.pami-table--no-dividers){--_divider:transparent}:host(:not(.pami-table--hoverable)){--_hover-layer:transparent}.pami-table__caption{padding:12px var(--_cell-pad-inline);font-family:var(--md-sys-typescale-title-small-font-family, Roboto, sans-serif);font-size:var(--md-sys-typescale-title-small-font-size, 14px);font-weight:var(--md-sys-typescale-title-small-font-weight, 500);line-height:var(--md-sys-typescale-title-small-line-height, 20px);color:var(--md-sys-color-on-surface-variant, #49454F)}.pami-table__grid{display:grid;grid-template-columns:var(      --_columns-template,      var(--pami-table-columns-template, var(--_derived-template, none))    );align-items:stretch;min-inline-size:var(--_min-width, var(--pami-table-min-width, max-content))}.pami-table__frozen{display:flex;flex-direction:column;min-block-size:0;inline-size:100%;position:relative}.pami-table__head-scroll{flex:0 0 auto;inline-size:100%;overflow:hidden;background-color:var(--_head-bg, var(--md-sys-color-surface-container, #F3EDF7));box-shadow:inset 0 -1px var(--_divider, transparent)}.pami-table__body-scroll{flex:1 1 auto;inline-size:100%;min-block-size:0;max-block-size:var(--pami-table-body-max-h, none);overflow:auto;}:host(:not([scrollbar='gutter'])) .pami-table__body-scroll{scrollbar-width:none}.pami-table__body-scroll:focus-visible{outline:var(--md-sys-state-focus-ring-width, 2px) solid var(--md-sys-color-focus-ring, var(--md-sys-color-secondary));outline-offset:-2px}:host(:not([scrollbar='gutter'])) .pami-table__body-scroll::-webkit-scrollbar{display:none}:host([scrollbar='gutter']) .pami-table__body-scroll{scrollbar-gutter:stable}:host([scrollbar='gutter']) .pami-table__body-scroll::-webkit-scrollbar{width:10px;height:10px}:host([scrollbar='gutter']) .pami-table__body-scroll::-webkit-scrollbar-thumb{background:var(--md-sys-color-outline, #79747E);border-radius:999px;border:2px solid transparent;background-clip:content-box}:host([scrollbar='gutter']) .pami-table__body-scroll::-webkit-scrollbar-thumb:hover{background:var(--md-sys-color-on-surface-variant, #49454F);background-clip:content-box}:host([scrollbar='gutter']) .pami-table__vscroll,:host([scrollbar='gutter']) .pami-table__hscroll{display:none !important}.pami-table__vscroll{position:absolute;inset-inline-end:3px;inline-size:8px;display:none;z-index:3;pointer-events:none}.pami-table__vscroll-thumb{position:absolute;inset-inline:0;border-radius:999px;background:color-mix(in srgb, var(--md-sys-color-on-surface, #1C1B1F) 50%, transparent);pointer-events:auto;touch-action:none}.pami-table__vscroll-thumb:hover,.pami-table__vscroll-thumb:active{background:color-mix(in srgb, var(--md-sys-color-on-surface, #1C1B1F) 60%, transparent)}.pami-table__hscroll{display:none;position:relative;flex:0 0 auto;block-size:10px;margin-inline:8px;margin-block:2px}.pami-table__hscroll-thumb{position:absolute;inset-block:1px;inline-size:40px;min-inline-size:24px;background:var(--md-sys-color-outline, #79747E);border-radius:999px;cursor:grab;touch-action:none;transition:background-color var(--_fx-fast, 150ms ease)}.pami-table__hscroll-thumb:hover{background:var(--md-sys-color-outline, #79747E)}.pami-table__hscroll-thumb:active{cursor:grabbing;background:var(--md-sys-color-on-surface-variant, #49454F)}.pami-table__grid--head{min-inline-size:max(100%, var(--_min-width, var(--pami-table-min-width, 0px)));inline-size:max-content}.pami-table__grid--body{min-inline-size:max(100%, var(--_min-width, var(--pami-table-min-width, 0px)))}.pami-table__bar{block-size:16px;border-radius:var(--md-sys-shape-corner-full, 9999px);background:linear-gradient(      90deg,      var(--md-sys-color-surface-container-high, #ECE6F0) 25%,      var(--md-sys-color-surface-container, #F3EDF7) 37%,      var(--md-sys-color-surface-container-high, #ECE6F0) 63%    );background-size:400% 100%;animation:pami-table-shimmer 1.4s ease infinite}@keyframes pami-table-shimmer{0%{background-position:100% 50%}100%{background-position:0 50%}}:host(.pami-table--loading-skeleton) ::slotted(pami-table-body),:host(.pami-table--loading-skeleton) ::slotted(pami-table-foot){display:none}.pami-table__skeleton-row{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;align-items:center;min-block-size:var(--_row-h);border-block-end:1px solid var(--_divider)}.pami-table__skeleton-row:last-child{border-block-end:none}.pami-table__skeleton-row .pami-table__bar{margin-inline:var(--_cell-pad-inline)}.pami-table__loading{position:absolute;inset:0;z-index:3;pointer-events:none}.pami-table__scrim{position:absolute;inset-block-start:var(--_head-h);inset-block-end:0;inset-inline:0;background:color-mix(in srgb, var(--md-sys-color-surface, #FEF7FF) 55%, transparent);pointer-events:auto}.pami-table__progress{position:absolute;inset-block-start:var(--_head-h);inset-inline:0}.pami-table__progress pami-progress-indicator{display:block;inline-size:100%}.pami-table__empty{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;min-block-size:var(--pami-table-empty-min-height, 160px);padding:32px var(--_cell-pad-inline);text-align:center;color:var(--md-sys-color-on-surface-variant, #49454F)}:host(.pami-table--empty){display:flex;flex-direction:column;min-block-size:100%}:host(.pami-table--empty) .pami-table__grid{flex:0 0 auto}:host(.pami-table--empty) .pami-table__empty{flex:1 1 auto}.pami-table__body-scroll{display:flex;flex-direction:column}.pami-table__body-scroll .pami-table__empty{flex:1 1 auto}@media (prefers-reduced-motion: reduce){.pami-table__bar{animation:none}}@media (forced-colors: active){.pami-table__vscroll-thumb,.pami-table__hscroll-thumb{background:ButtonText;border:1px solid ButtonText;forced-color-adjust:none}}@media (forced-colors: active){:host{--_divider:CanvasText}}.pami-table__sr-status{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}:host([hidden]){display:none !important}`;const c=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.pamiSortChange=i(this,"pamiSortChange",7);this.pamiSelectionChange=i(this,"pamiSelectionChange",7);this.pamiPinChange=i(this,"pamiPinChange",7);this.pamiColumnVisibilityChange=i(this,"pamiColumnVisibilityChange",7);this.pamiScroll=i(this,"pamiScroll",7);this.density="standard";this.columnTemplate="";this.columns=0;this.minWidth="";this.stickyHeader=false;this.frozenHeader=false;this.keepHeight=true;this.scrollbar="overlay";this.pinMode="stack";this.pinIcon="";this.stickyFooter=false;this.striped=false;this.noDividers=false;this.hoverable=true;this.motion="expressive";this.selection="none";this.sortBy="";this.sortOrder="asc";this.loading=false;this.loadingMode="overlay";this.loadingRows=4;this.empty=false;this.label="";this.caption="";this.summary="";this.rowOffset=0;this.rowCount=0;this.selectionCache={count:0,total:0,values:[],all:false,indeterminate:false};this.bulkSelecting=false;this.hDragging=false;this.hDragStartX=0;this.hDragStartScroll=0;this.vDragging=false;this.vDragStartY=0;this.vDragStartScroll=0;this.updateHScroll=()=>{const t=this.bodyScrollEl;const e=this.hTrackEl;const i=this.hThumbEl;if(!t||!e||!i)return;const s=t.scrollWidth-t.clientWidth;if(s<=1){e.style.display="none";return}e.style.display="block";const a=e.clientWidth;const o=Math.max(24,t.clientWidth/t.scrollWidth*a);const n=a-o;const r=Math.min(1,Math.abs(t.scrollLeft)/s);const l=(this.isRtl?1-r:r)*n;i.style.inlineSize=`${o}px`;i.style.transform=`translateX(${l}px)`};this.onHThumbPointerDown=t=>{if(!this.bodyScrollEl)return;this.hDragging=true;this.hDragStartX=t.clientX;this.hDragStartScroll=this.bodyScrollEl.scrollLeft;t.target.setPointerCapture?.(t.pointerId);t.preventDefault()};this.onHThumbPointerMove=t=>{if(!this.hDragging||!this.bodyScrollEl||!this.hTrackEl||!this.hThumbEl)return;const e=this.bodyScrollEl;const i=this.hTrackEl.clientWidth-this.hThumbEl.offsetWidth;const s=e.scrollWidth-e.clientWidth;const a=i>0?s/i:0;e.scrollLeft=this.hDragStartScroll+(t.clientX-this.hDragStartX)*a};this.onHThumbPointerUp=t=>{this.hDragging=false;try{t.target.releasePointerCapture?.(t.pointerId)}catch{}};this.updateVScroll=()=>{const t=this.bodyScrollEl;const e=this.vTrackEl;const i=this.vThumbEl;if(!t||!e||!i)return;if(this.scrollbar==="gutter"){e.style.display="none";return}const s=t.scrollHeight-t.clientHeight;if(s<=1){e.style.display="none";return}e.style.display="block";e.style.insetBlockStart=`${t.offsetTop}px`;e.style.blockSize=`${t.clientHeight}px`;const a=t.clientHeight;const o=Math.max(24,t.clientHeight/t.scrollHeight*a);const n=a-o;const r=t.scrollTop/s*n;i.style.blockSize=`${o}px`;i.style.transform=`translateY(${r}px)`};this.onVThumbPointerDown=t=>{if(!this.bodyScrollEl)return;this.vDragging=true;this.vDragStartY=t.clientY;this.vDragStartScroll=this.bodyScrollEl.scrollTop;t.target.setPointerCapture?.(t.pointerId);t.preventDefault()};this.onVThumbPointerMove=t=>{if(!this.vDragging||!this.bodyScrollEl||!this.vTrackEl||!this.vThumbEl)return;const e=this.bodyScrollEl;const i=this.vTrackEl.clientHeight-this.vThumbEl.offsetHeight;const s=e.scrollHeight-e.clientHeight;const a=i>0?s/i:0;e.scrollTop=this.vDragStartScroll+(t.clientY-this.vDragStartY)*a};this.onVThumbPointerUp=t=>{this.vDragging=false;try{t.target.releasePointerCapture?.(t.pointerId)}catch{}};this.srAnnouncement="";this.hasExpandableRow=false;this.onBodyScroll=()=>{if(this.headScrollEl&&this.bodyScrollEl){this.headScrollEl.scrollLeft=this.bodyScrollEl.scrollLeft}this.updateHScroll();this.updateVScroll();if(!this.scrollEmitQueued&&typeof requestAnimationFrame!=="undefined"){this.scrollEmitQueued=true;requestAnimationFrame((()=>{this.scrollEmitQueued=false;const t=this.bodyScrollEl;if(t)this.pamiScroll.emit({scrollLeft:t.scrollLeft,scrollTop:t.scrollTop})}))}};this.onBodyKeyDown=t=>{const e=this.bodyScrollEl;if(!e||t.target!==e)return;const i=e.scrollWidth-e.clientWidth;if(i<=0)return;const s=48;let a=0;if(t.key==="ArrowRight")a=this.isRtl?-s:s;else if(t.key==="ArrowLeft")a=this.isRtl?s:-s;else if(t.key==="Home"&&(t.ctrlKey||t.metaKey))a=-Infinity;else if(t.key==="End"&&(t.ctrlKey||t.metaKey))a=Infinity;else return;t.preventDefault();const o=this.isRtl?-i:0;const n=this.isRtl?0:i;e.scrollLeft=Math.max(o,Math.min(n,a===-Infinity?o:a===Infinity?n:e.scrollLeft+a))};this.onBodyWheel=t=>{const e=this.bodyScrollEl;if(!e||e.scrollWidth<=e.clientWidth+1)return;const i=Math.abs(t.deltaX)>Math.abs(t.deltaY)?t.deltaX:t.shiftKey?t.deltaY:0;if(!i)return;const s=e.scrollWidth-e.clientWidth;const a=this.isRtl?-s:0;const o=this.isRtl?0:s;const n=Math.max(a,Math.min(o,e.scrollLeft+i));if(n!==e.scrollLeft){e.scrollLeft=n;t.preventDefault()}};this.pinnedColumns=new Map;this.hiddenColumns=new Set;this.scrollEmitQueued=false;this.pinBaseTracks=null;this.handleSlotChange=()=>{this.syncRows();this.syncSortLabels();this.recomputeSelection(false)}}onPinIconChange(){this.syncRows()}onPinModeChange(){this.syncStickyOffsets()}syncStickyOffsets(){const t=Array.from(this.el.querySelectorAll("pami-table-row"));if(!t.length)return;const e=()=>t.forEach((t=>Array.from(t.children).forEach((t=>t.style.removeProperty("--_sticky-offset")))));if(this.pinMode!=="static"){e();return}const i=this.frozenHeader?this.bodyGridEl:this.el.shadowRoot?.querySelector(".pami-table__grid");if(!i)return;const s=getComputedStyle(i).gridTemplateColumns.split(" ").map((t=>parseFloat(t))).filter((t=>!Number.isNaN(t)));if(!s.length)return;t.forEach((t=>{const e=Array.from(t.children).filter((t=>t.tagName==="PAMI-TABLE-CELL"&&!t.hasAttribute("data-pami-col-hidden")));let i=0;e.forEach(((t,e)=>{if(t.getAttribute("sticky")==="start"){t.style.setProperty("--_sticky-offset",`${i}px`);i+=s[e]??0}}));let a=0;for(let t=e.length-1;t>=0;t--){if(e[t].getAttribute("sticky")==="end"){e[t].style.setProperty("--_sticky-offset",`${a}px`);a+=s[t]??0}}}))}get isRtl(){return getComputedStyle(this.el).direction==="rtl"}componentDidLoad(){this.syncRows();this.syncSortLabels();this.recomputeSelection(false);this.setupFrozenHeader();requestAnimationFrame((()=>this.scheduleHeaderFloors()));requestAnimationFrame((()=>requestAnimationFrame((()=>{if(!this.keepHeight)return;const t=this.frozenHeader&&this.bodyScrollEl?this.bodyScrollEl:this.el;const e=t.getBoundingClientRect().height;if(e>1)t.style.minBlockSize=`${Math.round(e)}px`}))))}componentDidRender(){this.syncFrozenColumns();this.updateHScroll();this.updateVScroll();this.syncStickyOffsets()}disconnectedCallback(){this.frozenObserver?.disconnect();this.frozenObserver=undefined}onSelectionModeChange(){let t=false;if(this.selection==="single"){const e=this.getSelectableRows().filter((t=>t.selected));if(e.length>1){this.bulkSelecting=true;try{e.slice(1).forEach((t=>t.selected=false))}finally{this.bulkSelecting=false}t=true}}this.syncRows();this.recomputeSelection(t)}onEmptyChange(){this.srAnnouncement=this.empty?"No data":""}onStickyHeaderChange(){this.syncRows();this.frozenObserver?.disconnect();this.frozenObserver=undefined;const t=(e=0)=>{if(!this.frozenHeader)return;if(this.bodyGridEl){this.setupFrozenHeader();return}if(e<30)requestAnimationFrame((()=>t(e+1)))};requestAnimationFrame((()=>t()))}setupFrozenHeader(){if(!this.frozenHeader||!this.bodyGridEl||typeof ResizeObserver==="undefined")return;this.frozenObserver?.disconnect();this.frozenObserver=new ResizeObserver((()=>{this.syncFrozenColumns();this.updateHScroll();this.updateVScroll();this.syncStickyOffsets()}));this.frozenObserver.observe(this.bodyGridEl);this.syncFrozenColumns();this.updateHScroll();this.updateVScroll()}syncFrozenColumns(){if(!this.frozenHeader||!this.bodyGridEl||!this.headGridEl)return;const t=Array.from(this.el.querySelectorAll("pami-table-body pami-table-row")).some((t=>t.getBoundingClientRect().height>0));if(!t)return;const e=getComputedStyle(this.bodyGridEl).gridTemplateColumns;if(e&&e!=="none"){const t=`${e} minmax(0, 1fr)`;if(this.headGridEl.style.gridTemplateColumns!==t){this.headGridEl.style.gridTemplateColumns=t}}}onLayoutChange(){this.syncRows()}onSortStateChange(){this.syncSortLabels()}async getSelection(){this.recomputeSelection(false);return this.selectionCache}async selectAll(){if(this.selection!=="multiple")return;this.bulkSelecting=true;try{this.getSelectableRows().forEach((t=>{if(!t.disabled)t.selected=true}))}finally{this.bulkSelecting=false}this.recomputeSelection()}async deselectAll(){this.bulkSelecting=true;try{this.getSelectableRows().forEach((t=>t.selected=false))}finally{this.bulkSelecting=false}this.recomputeSelection()}async toggleSelectAll(){if(this.selectionCache.all)await this.deselectAll();else await this.selectAll()}async setSort(t,e){this.sortBy=t;this.sortOrder=e;const i=this.armMotion();this.pamiSortChange.emit({column:t,order:e});i?.()}static splitTracks(t){const e=[];let i=0;let s="";for(const a of t.trim()){if(a==="(")i++;else if(a===")")i--;if(/\s/.test(a)&&i===0){if(s){e.push(s);s=""}}else{s+=a}}if(s)e.push(s);return e}static directChildren(t,e){return Array.from(t.children).filter(e)}static isTag(t){return e=>e.tagName.toLowerCase()===t}ensurePinBase(e=false){if(this.pinBaseTracks)return true;const i=t=>{if(!e)console.warn(`[pami-table] ${t}`)};if(!this.columnTemplate||this.columnTemplate.includes("repeat(")){i("pinColumn needs an explicit column-template without repeat().");return false}const s=this.constructor.splitTracks(this.columnTemplate);const a=Array.from(this.el.querySelectorAll("pami-table-row"));for(const e of a){const a=t.directChildren(e,t.isTag("pami-table-cell"));if(a.some((t=>t.hasAttribute("colspan")&&t.getAttribute("colspan")!=="1"))){i("pinColumn does not support colspan cells.");return false}if(a.length!==s.length){i("pinColumn needs every row to have one cell per column.");return false}a.forEach(((t,e)=>t.setAttribute("data-pami-col",String(e))))}const o=this.el.querySelector("pami-table-head pami-table-row");const n=o?t.directChildren(o,t.isTag("pami-table-cell")):[];n.forEach(((t,e)=>{const i=t.getAttribute("sticky");if(i==="start"||i==="end")this.pinnedColumns.set(e,i)}));this.pinBaseTracks=s;return true}async pinColumn(t,e){if(!this.ensurePinBase())return null;if(e==="none"||this.pinnedColumns.get(t)===e){this.pinnedColumns.delete(t)}else{this.pinnedColumns.set(t,e)}this.applyPinLayout();const i=this.pinnedColumns.get(t)??null;this.pamiPinChange.emit({column:t,side:i});return i}async setColumnVisibility(t,e){if(!this.ensurePinBase())return true;if(t<0||t>=(this.pinBaseTracks?.length??0))return true;if(!e&&this.hiddenColumns.size>=this.pinBaseTracks.length-1&&!this.hiddenColumns.has(t)){console.warn("[pami-table] setColumnVisibility: refusing to hide the last visible column.");return true}if(e)this.hiddenColumns.delete(t);else this.hiddenColumns.add(t);this.applyPinLayout();const i=!this.hiddenColumns.has(t);this.pamiColumnVisibilityChange.emit({column:t,visible:i,hidden:Array.from(this.hiddenColumns).sort(((t,e)=>t-e))});return i}applyPinLayout(){const e=this.pinBaseTracks;const i=e.map(((t,e)=>e));const s=i.filter((t=>this.pinnedColumns.get(t)==="start"));const a=i.filter((t=>this.pinnedColumns.get(t)==="end"));const o=i.filter((t=>!this.pinnedColumns.has(t)));const n=[...s,...o,...a];this.el.querySelectorAll("pami-table-row").forEach((e=>{n.forEach((i=>{const s=t.directChildren(e,(t=>t.getAttribute("data-pami-col")===String(i)))[0]??null;if(!s)return;e.appendChild(s);const a=this.pinnedColumns.get(i);if(a)s.setAttribute("sticky",a);else s.removeAttribute("sticky");if(this.hiddenColumns.has(i))s.setAttribute("data-pami-col-hidden","");else s.removeAttribute("data-pami-col-hidden")}))}));const r=n.filter((t=>!this.hiddenColumns.has(t)));this.el.setAttribute("column-template",r.map((t=>e[t])).join(" "));this.syncHeaderContentFloors(r)}syncHeaderContentFloors(e){if(!this.frozenHeader||!this.pinBaseTracks)return;const i=this.pinBaseTracks;const s=e??i.map(((t,e)=>e));requestAnimationFrame((()=>{const e=this.el.querySelector("pami-table-head pami-table-row");if(!e)return;const a=s.map((s=>{const a=i[s];const o=t.directChildren(e,(t=>t.getAttribute("data-pami-col")===String(s)))[0]??null;if(!o||o.getAttribute("padding")==="checkbox")return a;const n=Array.from(o.children);if(!n.length)return a;const r=Math.min(...n.map((t=>t.getBoundingClientRect().left)));const l=Math.max(...n.map((t=>t.getBoundingClientRect().right)));const c=l-r;if(c<=1)return a;const h=getComputedStyle(o);const d=(parseFloat(h.paddingInlineStart)||0)+(parseFloat(h.paddingInlineEnd)||0);const p=this.pinnedColumns.has(s)&&!o.hasAttribute("no-pin-indicator")?20:0;return`minmax(${Math.ceil(c+d+p)}px, ${a})`}));this.el.setAttribute("column-template",a.join(" "))}))}scheduleHeaderFloors(t=0){if(!this.frozenHeader||!this.columnTemplate)return;const e=this.el.querySelector("pami-table-head pami-table-sort-label");if(!e)return;const i=e.getBoundingClientRect().width>1;if(!i&&t<=30){requestAnimationFrame((()=>this.scheduleHeaderFloors(t+1)));return}if(this.ensurePinBase(true))this.syncHeaderContentFloors()}async animateNextChange(){this.armMotion()?.()}handleMotionArm(t){t.stopPropagation();this.armMotion()?.()}armMotion(){if(this.motion==="none")return null;const t=this.el.querySelector("pami-table-body");if(!t)return null;return n(t,{enter:true,stagger:18,staggerCap:6,spring:"fast"})}handleSortLabelChange(t){if(t.target.closest("pami-table")!==this.el)return;t.stopPropagation();this.syncSortLabels()}handleSortRequest(t){t.stopPropagation();const e=t.detail.column;if(!e)return;const i=t.detail.defaultOrder==="desc"?"desc":"asc";let s=i;if(this.sortBy===e){const t=i==="asc"?"desc":"asc";s=this.sortOrder===i?t:this.sortOrder===t?"none":i}this.sortBy=s==="none"?"":e;this.sortOrder=s==="none"?"asc":s;const a=this.armMotion();this.pamiSortChange.emit({column:this.sortBy,order:s});a?.()}handleSlottedCheckboxChange(t){if(this.selection==="none")return;const e=t.target;if(e.tagName!=="PAMI-CHECKBOX")return;const i=!!t.detail?.checked;queueMicrotask((()=>{if(e.closest("pami-table-head")){if(this.selection!=="multiple")return;if(i)void this.selectAll();else void this.deselectAll();return}const t=e.closest("pami-table-row");if(t&&t.closest("pami-table-body")&&!t.disabled&&t.selectable!==false){t.selected=i}}))}handleRowgroupSlotChange(){this.syncRows();this.syncSortLabels();this.recomputeSelection(false);this.syncFrozenColumns();this.updateHScroll();this.updateVScroll()}handleRowSelectionChange(t){if(this.bulkSelecting)return;if(this.selection==="single"&&t.detail.selected){const e=t.target;this.bulkSelecting=true;try{this.getSelectableRows().forEach((t=>{if(t!==e)t.selected=false}))}finally{this.bulkSelecting=false}}this.recomputeSelection()}getSelectableRows(){return Array.from(this.el.querySelectorAll("pami-table-row")).filter((t=>(t.closest("pami-table-head")||t.closest("pami-table-foot"))==null))}recomputeSelection(t=true){const e=this.getSelectableRows();const i=e.filter((t=>!t.disabled&&t.selectable!==false));const s=i.filter((t=>t.selected));const a=i.length>0&&s.length===i.length;const o=s.length>0&&!a;this.selectionCache={count:s.length,total:i.length,values:s.map(((t,e)=>t.value||String(e))),all:a,indeterminate:o};this.syncSelectionUI(e,a,o);if(t)this.pamiSelectionChange.emit(this.selectionCache)}syncSelectionUI(t,e,i){if(this.selection!=="none"){for(const e of t){const t=e;if(t.closest("pami-table-body")==null)continue;if(e.selectable===false||e.disabled)t.removeAttribute("aria-selected");else t.setAttribute("aria-selected",String(!!e.selected))}}if(this.selection==="none"){const t=this.el.querySelector("pami-table-head pami-checkbox");if(t){t.disabled=false;t.checked=false;t.indeterminate=false}return}for(const e of t){const t=e.querySelector("pami-checkbox");if(!t)continue;if(t.checked!==e.selected)t.checked=e.selected;if(t.disabled!==!!e.disabled)t.disabled=!!e.disabled}const s=this.el.querySelector("pami-table-head pami-checkbox");if(s){if(this.selection==="single"){if(!s.disabled)s.disabled=true;if(s.checked)s.checked=false;if(s.indeterminate)s.indeterminate=false}else{if(s.disabled)s.disabled=false;if(s.indeterminate!==i)s.indeterminate=i;if(s.checked!==e)s.checked=e}}}syncRows(){const e=this.el.querySelector("pami-table-head");if(e){if(this.frozenHeader)e.setAttribute("slot","head");else if(e.getAttribute("slot")==="head")e.removeAttribute("slot")}Array.from(this.el.querySelectorAll("pami-table-body, pami-table-foot")).forEach((t=>{if(this.frozenHeader)t.setAttribute("presentational","");else t.removeAttribute("presentational")}));const i=Array.from(this.el.querySelectorAll("pami-table-row"));const s=i.length-1;const a=i.some((t=>t.hasAttribute("expandable")));if(this.hasExpandableRow!==a)this.hasExpandableRow=a;const o=this.el.closest("pami-table-container");const n=!!o&&t.directChildren(o,(t=>t.getAttribute("slot")==="bottom")).length>0;const r=!!o&&!n;const l=i.some((t=>t.closest("pami-table-foot")!=null));let c=-1;i.forEach(((t,e)=>{if(t.closest("pami-table-head")==null&&t.closest("pami-table-foot")==null)c=e}));const h=i.filter((t=>t.closest("pami-table-head")!=null)).length;let d=0;let p=0;let m=0;i.forEach(((t,e)=>{const i=t.closest("pami-table-head")!=null;const a=t.closest("pami-table-foot")!=null;const o=i?"head":a?"foot":"body";const n=(e,i)=>{if(i===null){if(t.hasAttribute(e))t.removeAttribute(e)}else if(t.getAttribute(e)!==i){t.setAttribute(e,i)}};n("rowgroup",o);n("data-stripe",o==="body"&&this.striped&&d%2===1?"true":null);n("data-sticky",i&&this.stickyHeader||a&&this.stickyFooter?"true":null);n("data-last",r&&e===s?"true":null);n("data-adjacent-foot",l&&e===c?"true":null);if(this.rowCount>0){if(i)n("aria-rowindex",String(p+1));else if(!a)n("aria-rowindex",String(h+this.rowOffset+d+1));else n("aria-rowindex",String(h+this.rowCount+m+1))}else{n("aria-rowindex",null)}if(a)m++;if(o==="body"&&this.selection!=="none"){const e=t;n("aria-selected",e.selectable===false||e.disabled?null:String(!!e.selected))}else{n("aria-selected",null)}if(o==="body")d++;if(i)p++;if(i){Array.from(t.children).forEach((t=>{const e=t.getAttribute("sticky");if(t.tagName!=="PAMI-TABLE-CELL"||e!=="start"&&e!=="end")return;const i=t.getAttribute("data-pin-icon-cast");const s=t.getAttribute("pin-icon");if(s!==null&&s!==i)return;if(this.pinIcon){if(s!==this.pinIcon){t.setAttribute("pin-icon",this.pinIcon);t.setAttribute("data-pin-icon-cast",this.pinIcon)}}else if(i!==null){t.removeAttribute("pin-icon");t.removeAttribute("data-pin-icon-cast")}}))}}))}syncSortLabels(){const t=Array.from(this.el.querySelectorAll("pami-table-sort-label"));for(const e of t){if(e.closest("pami-table")!==this.el)continue;const t=e.column??e.getAttribute("column")??"";const i=!!t&&t===this.sortBy;if(e.active!==i)e.active=i;const s=i?this.sortOrder:"none";if(e.order!==s)e.order=s;const a=e.closest("pami-table-cell");if(a){const t=!i||s==="none"?"none":s==="asc"?"ascending":"descending";if(a.getAttribute("aria-sort")!==t)a.setAttribute("aria-sort",t)}}}get columnCount(){if(this.columns>0)return this.columns;if(this.columnTemplate){const t=this.columnTemplate.trim();const e=t.match(/repeat\(\s*(\d+)/);if(e)return parseInt(e[1],10);return t.split(/\s+/).filter(Boolean).length||1}const t=this.el.querySelector("pami-table-row");return t?t.querySelectorAll("pami-table-cell").length||1:1}renderSkeletonRows(){const t=Math.max(1,this.columnCount);return Array.from({length:Math.max(1,this.loadingRows)}).map(((e,i)=>s("div",{class:"pami-table__skeleton-row",part:"skeleton-row","aria-hidden":"true",key:`sk-${i}`},Array.from({length:t}).map(((t,e)=>s("span",{class:"pami-table__bar",key:`sk-${i}-${e}`}))))))}renderEmpty(){return s("div",{class:"pami-table__empty",part:"empty"},s("slot",{name:"empty"},s("span",{class:"pami-table__empty-text"},"No data")))}render(){const t={};if(this.columnTemplate){t["--_columns-template"]=this.columnTemplate}else if(this.columns>0){t["--_columns-template"]=`repeat(${this.columns}, minmax(0, 1fr))`}else{const e=this.el.querySelector("pami-table-row");const i=e?e.querySelectorAll("pami-table-cell").length:0;if(i>0)t["--_derived-template"]=`repeat(${i}, minmax(0, 1fr))`}if(this.minWidth)t["--_min-width"]=this.minWidth;const e={role:this.hasExpandableRow?"treegrid":"table","aria-label":this.label||this.caption||"Data table","aria-description":this.summary||null,"aria-busy":this.loading?"true":null,"aria-rowcount":this.rowCount>0?String(this.rowCount+this.el.querySelectorAll("pami-table-head pami-table-row, pami-table-foot pami-table-row").length):null};return s(a,{key:"8614eefbb4c80ec69e5d324124b88a71d0362333",class:{"pami-table":true,[`pami-table--density-${this.density}`]:typeof this.density==="string","pami-table--sticky-header":this.stickyHeader,"pami-table--sticky-footer":this.stickyFooter,"pami-table--striped":this.striped,"pami-table--no-dividers":this.noDividers,"pami-table--hoverable":this.hoverable,"pami-table--loading":this.loading,[`pami-table--loading-${this.loadingMode}`]:this.loading,"pami-table--empty":this.empty},style:t},s("span",{key:"9d3425641b9e2b6d89c041672c70024e5fd56597",class:"pami-table__sr-status","aria-live":"polite"},this.srAnnouncement),this.caption&&s("div",{key:"46ca4b980166f101a394919ed09c12363148d603",class:"pami-table__caption",part:"caption","aria-hidden":"true"},this.caption),this.frozenHeader?s("div",{class:"pami-table__frozen",...e},s("div",{class:"pami-table__head-scroll",role:"presentation",ref:t=>this.headScrollEl=t},s("div",{class:"pami-table__grid pami-table__grid--head",part:"header-grid",ref:t=>this.headGridEl=t},s("slot",{name:"head",onSlotchange:this.handleSlotChange}))),s("div",{class:"pami-table__body-scroll",role:"rowgroup",tabindex:"0",ref:t=>this.bodyScrollEl=t,onScroll:this.onBodyScroll,onWheel:this.onBodyWheel,onKeyDown:this.onBodyKeyDown},s("div",{class:"pami-table__grid pami-table__grid--body",part:"grid",role:"presentation",ref:t=>this.bodyGridEl=t},s("slot",{onSlotchange:this.handleSlotChange}),this.loading&&this.loadingMode==="skeleton"&&this.renderSkeletonRows()),this.empty&&!this.loading&&this.renderEmpty()),s("div",{class:"pami-table__hscroll",part:"hscrollbar","aria-hidden":"true",ref:t=>this.hTrackEl=t},s("div",{class:"pami-table__hscroll-thumb",part:"hscrollbar-thumb",ref:t=>this.hThumbEl=t,onPointerDown:this.onHThumbPointerDown,onPointerMove:this.onHThumbPointerMove,onPointerUp:this.onHThumbPointerUp,onPointerCancel:this.onHThumbPointerUp})),s("div",{class:"pami-table__vscroll",part:"vscrollbar","aria-hidden":"true",ref:t=>this.vTrackEl=t},s("div",{class:"pami-table__vscroll-thumb",part:"vscrollbar-thumb",ref:t=>this.vThumbEl=t,onPointerDown:this.onVThumbPointerDown,onPointerMove:this.onVThumbPointerMove,onPointerUp:this.onVThumbPointerUp,onPointerCancel:this.onVThumbPointerUp}))):s("div",{class:"pami-table__grid",part:"grid",...e},s("slot",{onSlotchange:this.handleSlotChange}),this.loading&&this.loadingMode==="skeleton"&&this.renderSkeletonRows()),this.loading&&this.loadingMode==="overlay"&&s("div",{key:"d5682595a38b2223617c0f319d99a46e947c505a",class:"pami-table__loading",part:"loading","aria-hidden":"true"},s("slot",{key:"0d1278094269affdd1098ee7f6553d1b88954d60",name:"loader"},s("slot",{key:"1ce4d308c8dd5095b022b80de09a5de1894c38c7",name:"loading"},s("div",{key:"82c6d31926fb1cdaec647e811207c1b1dd403631",class:"pami-table__progress",part:"progress"},s("pami-progress-indicator",{key:"e2e514da446a3791df4b90d5b0868c8df8ac91e4",variant:"linear",indeterminate:true,"aria-label":"Loading"})),s("div",{key:"4ec5a7262c70857cee5d97f823501738f68f7e74",class:"pami-table__scrim"})))),this.empty&&!this.loading&&!this.frozenHeader&&this.renderEmpty())}get el(){return this}static get watchers(){return{pinIcon:[{onPinIconChange:0}],pinMode:[{onPinModeChange:0}],selection:[{onSelectionModeChange:0}],empty:[{onEmptyChange:0}],frozenHeader:[{onStickyHeaderChange:0}],stickyHeader:[{onStickyHeaderChange:0},{onLayoutChange:0}],density:[{onLayoutChange:0}],striped:[{onLayoutChange:0}],stickyFooter:[{onLayoutChange:0}],columns:[{onLayoutChange:0}],columnTemplate:[{onLayoutChange:0}],sortBy:[{onSortStateChange:0}],sortOrder:[{onSortStateChange:0}]}}static get style(){return l()}},[257,"pami-table",{density:[520],columnTemplate:[1,"column-template"],columns:[2],minWidth:[1,"min-width"],stickyHeader:[516,"sticky-header"],frozenHeader:[516,"frozen-header"],keepHeight:[516,"keep-height"],scrollbar:[513],pinMode:[513,"pin-mode"],pinIcon:[1,"pin-icon"],stickyFooter:[516,"sticky-footer"],striped:[516],noDividers:[516,"no-dividers"],hoverable:[516],motion:[513],selection:[513],sortBy:[1537,"sort-by"],sortOrder:[1537,"sort-order"],loading:[516],loadingMode:[513,"loading-mode"],loadingRows:[2,"loading-rows"],empty:[516],label:[1],caption:[1],summary:[1],rowOffset:[2,"row-offset"],rowCount:[2,"row-count"],srAnnouncement:[32],hasExpandableRow:[32],getSelection:[64],selectAll:[64],deselectAll:[64],toggleSelectAll:[64],setSort:[64],pinColumn:[64],setColumnVisibility:[64],animateNextChange:[64]},[[0,"pamiMotionArm","handleMotionArm"],[0,"pamiSortLabelChange","handleSortLabelChange"],[0,"pamiSortRequest","handleSortRequest"],[0,"pamiChange","handleSlottedCheckboxChange"],[0,"pamiRowgroupSlotChange","handleRowgroupSlotChange"],[0,"pamiRowSelectionChange","handleRowSelectionChange"]],{pinIcon:[{onPinIconChange:0}],pinMode:[{onPinModeChange:0}],selection:[{onSelectionModeChange:0}],empty:[{onEmptyChange:0}],frozenHeader:[{onStickyHeaderChange:0}],stickyHeader:[{onStickyHeaderChange:0},{onLayoutChange:0}],density:[{onLayoutChange:0}],striped:[{onLayoutChange:0}],stickyFooter:[{onLayoutChange:0}],columns:[{onLayoutChange:0}],columnTemplate:[{onLayoutChange:0}],sortBy:[{onSortStateChange:0}],sortOrder:[{onSortStateChange:0}]}]);function h(){if(typeof customElements==="undefined"){return}const t=["pami-table","pami-progress-indicator"];t.forEach((t=>{switch(t){case"pami-table":if(!customElements.get(o(t))){customElements.define(o(t),c)}break;case"pami-progress-indicator":if(!customElements.get(o(t))){r()}break}}))}h();const d=c;const p=h;export{d as PamiTable,p as defineCustomElement};
 //# sourceMappingURL=pami-table.js.map

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

@@ -1,2 +1,2 @@
-import{p as t,H as i,c as e,h as s,d as a,t as n}from"./p-DWUVTT3s.js";import{c as r}from"./p-mwCGMdmr.js";const h=()=>`:host{--_container-color:var(--pami-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}:host(:not([divider='auto'])){--pami-tab-divider-color:transparent}:host(:not([divider='auto']))::after{content:'';position:absolute;inset-inline:0;inset-block-end:0;block-size:1px;background-color:var(--pami-tabs-divider-color, var(--md-sys-color-outline-variant, #CAC4D0));z-index:0;pointer-events:none}:host(:not([divider='auto'])) ::slotted(pami-tab){position:relative;z-index:1}.pami-tabs__container{display:flex;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}.pami-tabs__container::-webkit-scrollbar{display:none}::slotted(pami-tab){flex:1;min-inline-size:90px}:host(.pami-tabs--tw-auto) ::slotted(pami-tab){flex:0 0 auto}:host(.pami-tabs--tw-fixed) ::slotted(pami-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(.pami-tabs--clip-left) .pami-tabs__container{-webkit-mask-image:linear-gradient(to right, transparent 0, #000 40px);mask-image:linear-gradient(to right, transparent 0, #000 40px)}:host(.pami-tabs--clip-right) .pami-tabs__container{-webkit-mask-image:linear-gradient(to left, transparent 0, #000 40px);mask-image:linear-gradient(to left, transparent 0, #000 40px)}:host(.pami-tabs--clip-left.pami-tabs--clip-right) .pami-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){.pami-tabs__container{scroll-behavior:auto}}:host([hidden]){display:none !important}`;const o=t(class t extends i{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.pamiTabChange=e(this,"pamiTabChange",7);this.activeTabIndex=0;this.variant="primary";this.divider="full";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=r("pami-tabs");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("pami-tabs--clip-left","pami-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("pami-tabs--clip-left",a<i.left-1);this.el.classList.toggle("pami-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?.("pami-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==="PAMI-TAB"));this.tabCount=this.tabs.length;this.tabs.forEach(((t,i)=>{t.setAttribute("variant",this.variant);t.addEventListener("pamiTabClick",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.pamiTabChange.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.pamiTabChange.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("pamiTabClick",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.pamiTabChange.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(".pami-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("--pami-tab-glide-x");t.style.removeProperty("--pami-tab-glide-scale");t.style.removeProperty("--pami-tab-glide-duration");i.style.setProperty("--pami-tab-glide-duration","0s");i.style.setProperty("--pami-tab-glide-x",`${n}px`);i.style.setProperty("--pami-tab-glide-scale",`${r}`);requestAnimationFrame((()=>requestAnimationFrame((()=>{if(h!==this.glideToken)return;i.style.removeProperty("--pami-tab-glide-duration");i.style.setProperty("--pami-tab-glide-x","0px");i.style.setProperty("--pami-tab-glide-scale","1");setTimeout((()=>{if(h!==this.glideToken)return;i.style.removeProperty("--pami-tab-glide-x");i.style.removeProperty("--pami-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:"4410fc8b385ce49a8d51ec3b59ba76e60834a4cb",class:{"pami-tabs":true,[`pami-tabs--${this.variant}`]:true,"pami-tabs--tw-auto":this.tabWidthMode==="auto","pami-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:"4918edbb4fdde80bd5bb3977c7739415173f595a",class:"pami-tabs__container",part:"container",ref:t=>this.containerEl=t,onWheel:this.handleWheel,onScroll:this.updateOverflow},s("slot",{key:"ad620eed4cea298776a313c287f0773caaa5726a"})))}get el(){return this}static get watchers(){return{tabWidth:[{onTabWidthChange:0}],activeTabIndex:[{onActiveChange:0}],variant:[{onVariantChange:0}]}}static get style(){return h()}},[257,"pami-tabs",{activeTabIndex:[1026,"active-tab-index"],variant:[513],divider:[513],ariaLabelProp:[1,"aria-label"],tabWidth:[1,"tab-width"],width:[1],tabCount:[32],selectTab:[64]},[[0,"keydown","handleKeyDown"],[0,"pamiTabDisabledChange","handleTabDisabledChange"]],{tabWidth:[{onTabWidthChange:0}],activeTabIndex:[{onActiveChange:0}],variant:[{onVariantChange:0}]}]);function l(){if(typeof customElements==="undefined"){return}const t=["pami-tabs"];t.forEach((t=>{switch(t){case"pami-tabs":if(!customElements.get(n(t))){customElements.define(n(t),o)}break}}))}l();const c=o;const d=l;export{c as PamiTabs,d as defineCustomElement};
+import{p as t,H as i,c as e,h as s,d as a,t as n}from"./p-DWUVTT3s.js";import{c as r}from"./p-mwCGMdmr.js";const h=()=>`:host{--_container-color:var(--pami-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}:host(:not([divider='auto'])){--pami-tab-divider-color:transparent}:host(:not([divider='auto']))::after{content:'';position:absolute;inset-inline:0;inset-block-end:0;block-size:1px;background-color:var(--pami-tabs-divider-color, var(--md-sys-color-outline-variant, #CAC4D0));z-index:0;pointer-events:none}:host(:not([divider='auto'])) ::slotted(pami-tab){position:relative;z-index:1}.pami-tabs__container{display:flex;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}.pami-tabs__container::-webkit-scrollbar{display:none}::slotted(pami-tab){flex:1;min-inline-size:90px}:host(.pami-tabs--tw-auto) ::slotted(pami-tab){flex:0 0 auto}:host(.pami-tabs--tw-fixed) ::slotted(pami-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(.pami-tabs--clip-left) .pami-tabs__container{-webkit-mask-image:linear-gradient(to right, transparent 0, #000 40px);mask-image:linear-gradient(to right, transparent 0, #000 40px)}:host(.pami-tabs--clip-right) .pami-tabs__container{-webkit-mask-image:linear-gradient(to left, transparent 0, #000 40px);mask-image:linear-gradient(to left, transparent 0, #000 40px)}:host(.pami-tabs--clip-left.pami-tabs--clip-right) .pami-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){.pami-tabs__container{scroll-behavior:auto}}:host([hidden]){display:none !important}`;const o=t(class t extends i{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.pamiTabChange=e(this,"pamiTabChange",7);this.activeTabIndex=0;this.variant="primary";this.divider="full";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=r("pami-tabs");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("pami-tabs--clip-left","pami-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("pami-tabs--clip-left",a<i.left-1);this.el.classList.toggle("pami-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?.("pami-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==="PAMI-TAB"));this.tabCount=this.tabs.length;this.tabs.forEach(((t,i)=>{t.setAttribute("variant",this.variant);t.addEventListener("pamiTabClick",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.pamiTabChange.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.pamiTabChange.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("pamiTabClick",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.pamiTabChange.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(".pami-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("--pami-tab-glide-x");t.style.removeProperty("--pami-tab-glide-scale");t.style.removeProperty("--pami-tab-glide-duration");i.style.setProperty("--pami-tab-glide-duration","0s");i.style.setProperty("--pami-tab-glide-x",`${n}px`);i.style.setProperty("--pami-tab-glide-scale",`${r}`);requestAnimationFrame((()=>requestAnimationFrame((()=>{if(h!==this.glideToken)return;i.style.removeProperty("--pami-tab-glide-duration");i.style.setProperty("--pami-tab-glide-x","0px");i.style.setProperty("--pami-tab-glide-scale","1");setTimeout((()=>{if(h!==this.glideToken)return;i.style.removeProperty("--pami-tab-glide-x");i.style.removeProperty("--pami-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:"2fb03c9f35a701105977e6c99763478330ea6449",class:{"pami-tabs":true,[`pami-tabs--${this.variant}`]:true,"pami-tabs--tw-auto":this.tabWidthMode==="auto","pami-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:"df7a7671b582bf9db967b07ad457a49bd53d9d72",class:"pami-tabs__container",part:"container",ref:t=>this.containerEl=t,onWheel:this.handleWheel,onScroll:this.updateOverflow},s("slot",{key:"96a902722b498a0127a16d2c94e7c72d94d50dc2"})))}get el(){return this}static get watchers(){return{tabWidth:[{onTabWidthChange:0}],activeTabIndex:[{onActiveChange:0}],variant:[{onVariantChange:0}]}}static get style(){return h()}},[257,"pami-tabs",{activeTabIndex:[1026,"active-tab-index"],variant:[513],divider:[513],ariaLabelProp:[1,"aria-label"],tabWidth:[1,"tab-width"],width:[1],tabCount:[32],selectTab:[64]},[[0,"keydown","handleKeyDown"],[0,"pamiTabDisabledChange","handleTabDisabledChange"]],{tabWidth:[{onTabWidthChange:0}],activeTabIndex:[{onActiveChange:0}],variant:[{onVariantChange:0}]}]);function l(){if(typeof customElements==="undefined"){return}const t=["pami-tabs"];t.forEach((t=>{switch(t){case"pami-tabs":if(!customElements.get(n(t))){customElements.define(n(t),o)}break}}))}l();const c=o;const d=l;export{c as PamiTabs,d as defineCustomElement};
 //# sourceMappingURL=pami-tabs.js.map

package/dist/components-csr/pami-tag.js

@@ -0,0 +1,2 @@
+import{p as a,H as e,h as r,d as t,t as s}from"./p-DWUVTT3s.js";import{p as i,u as o,P as m}from"./p-DbpI0Jma.js";import{s as d}from"./p-D5YKcPYj.js";const c=()=>`[data-surface]{position:relative;isolation:isolate;overflow:hidden;box-sizing:border-box;border:var(--md-sys-edge-width, var(--pami-edge-width, 1px)) solid;border-color:var(--pami-surface-edge-top) var(--pami-surface-edge-side) var(--pami-surface-edge-bottom);background:linear-gradient(calc(var(--pami-texture-angle, 43) * 1deg), var(--pami-surface-bg-start), var(--pami-surface-bg-end));color:var(--pami-surface-text)}:is([data-surface="crust"],[data-surface^="crust:"]){--pami-surface-bg-start:var(--pami-material-crust-background-start, rgba(230, 146, 52, 1));--pami-surface-bg-end:var(--pami-material-crust-background-end, rgba(235, 153, 66, 1));--pami-surface-dot-start:var(--pami-material-crust-dot-start, rgba(240, 169, 100, 1));--pami-surface-dot-end:var(--pami-material-crust-dot-end, rgba(250, 181, 115, 1));--pami-surface-blur:var(--pami-material-crust-blur, 0px);--pami-surface-text:var(--pami-material-crust-text, rgba(43, 28, 13, 1));--pami-surface-edge-top:var(--pami-material-crust-edge-top, var(--pami-component-glass-dark-top, rgba(255, 255, 255, 0.2)));--pami-surface-edge-side:var(--pami-material-crust-edge-side, var(--pami-component-glass-dark-side, rgba(255, 255, 255, 0.08)));--pami-surface-edge-bottom:var(--pami-material-crust-edge-bottom, var(--pami-component-glass-dark-bottom, rgba(0, 0, 0, 0.18)))}:is([data-surface="olive"],[data-surface^="olive:"]){--pami-surface-bg-start:var(--pami-material-olive-background-start, rgba(70, 95, 31, 1));--pami-surface-bg-end:var(--pami-material-olive-background-end, rgba(63, 86, 26, 1));--pami-surface-dot-start:var(--pami-material-olive-dot-start, rgba(84, 113, 41, 1));--pami-surface-dot-end:var(--pami-material-olive-dot-end, rgba(80, 107, 39, 1));--pami-surface-blur:var(--pami-material-olive-blur, 2px);--pami-surface-text:var(--pami-material-olive-text, rgba(242, 248, 235, 1));--pami-surface-edge-top:var(--pami-material-olive-edge-top, var(--pami-component-glass-dark-top, rgba(255, 255, 255, 0.2)));--pami-surface-edge-side:var(--pami-material-olive-edge-side, var(--pami-component-glass-dark-side, rgba(255, 255, 255, 0.08)));--pami-surface-edge-bottom:var(--pami-material-olive-edge-bottom, var(--pami-component-glass-dark-bottom, rgba(0, 0, 0, 0.18)))}:is([data-surface="bronze"],[data-surface^="bronze:"]){--pami-surface-bg-start:var(--pami-material-bronze-background-start, rgba(117, 67, 31, 1));--pami-surface-bg-end:var(--pami-material-bronze-background-end, rgba(104, 58, 25, 1));--pami-surface-dot-start:var(--pami-material-bronze-dot-start, rgba(145, 87, 46, 1));--pami-surface-dot-end:var(--pami-material-bronze-dot-end, rgba(134, 80, 41, 1));--pami-surface-blur:var(--pami-material-bronze-blur, 2px);--pami-surface-text:var(--pami-material-bronze-text, rgba(255, 242, 235, 1));--pami-surface-edge-top:var(--pami-material-bronze-edge-top, var(--pami-component-glass-dark-top, rgba(255, 255, 255, 0.2)));--pami-surface-edge-side:var(--pami-material-bronze-edge-side, var(--pami-component-glass-dark-side, rgba(255, 255, 255, 0.08)));--pami-surface-edge-bottom:var(--pami-material-bronze-edge-bottom, var(--pami-component-glass-dark-bottom, rgba(0, 0, 0, 0.18)))}:is([data-surface="crumb"],[data-surface^="crumb:"]){--pami-surface-bg-start:var(--pami-material-crumb-background-start, rgba(252, 252, 252, 1));--pami-surface-bg-end:var(--pami-material-crumb-background-end, rgba(255, 251, 245, 1));--pami-surface-dot-start:var(--pami-material-crumb-dot-start, rgba(249, 241, 231, 1));--pami-surface-dot-end:var(--pami-material-crumb-dot-end, rgba(254, 249, 239, 1));--pami-surface-blur:var(--pami-material-crumb-blur, 4px);--pami-surface-text:var(--pami-material-crumb-text, rgba(52, 32, 4, 1));--pami-surface-edge-top:var(--pami-material-crumb-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));--pami-surface-edge-side:var(--pami-material-crumb-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));--pami-surface-edge-bottom:var(--pami-material-crumb-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)))}:is([data-surface="olive-soft"],[data-surface^="olive-soft:"]){--pami-surface-bg-start:var(--pami-material-olive-soft-background-start, rgba(237, 245, 227, 1));--pami-surface-bg-end:var(--pami-material-olive-soft-background-end, rgba(227, 241, 213, 1));--pami-surface-dot-start:var(--pami-material-olive-soft-dot-start, rgba(208, 226, 188, 1));--pami-surface-dot-end:var(--pami-material-olive-soft-dot-end, rgba(196, 218, 169, 1));--pami-surface-blur:var(--pami-material-olive-soft-blur, 2px);--pami-surface-text:var(--pami-material-olive-soft-text, rgba(30, 40, 18, 1));--pami-surface-edge-top:var(--pami-material-olive-soft-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));--pami-surface-edge-side:var(--pami-material-olive-soft-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));--pami-surface-edge-bottom:var(--pami-material-olive-soft-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)))}:is([data-surface="bronze-soft"],[data-surface^="bronze-soft:"]){--pami-surface-bg-start:var(--pami-material-bronze-soft-background-start, rgba(255, 238, 228, 1));--pami-surface-bg-end:var(--pami-material-bronze-soft-background-end, rgba(255, 230, 214, 1));--pami-surface-dot-start:var(--pami-material-bronze-soft-dot-start, rgba(249, 210, 185, 1));--pami-surface-dot-end:var(--pami-material-bronze-soft-dot-end, rgba(246, 197, 166, 1));--pami-surface-blur:var(--pami-material-bronze-soft-blur, 2px);--pami-surface-text:var(--pami-material-bronze-soft-text, rgba(51, 30, 17, 1));--pami-surface-edge-top:var(--pami-material-bronze-soft-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));--pami-surface-edge-side:var(--pami-material-bronze-soft-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));--pami-surface-edge-bottom:var(--pami-material-bronze-soft-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)))}:is([data-surface="crust-soft"],[data-surface^="crust-soft:"]){--pami-surface-bg-start:var(--pami-material-crust-soft-background-start, rgba(255, 239, 224, 1));--pami-surface-bg-end:var(--pami-material-crust-soft-background-end, rgba(255, 230, 209, 1));--pami-surface-dot-start:var(--pami-material-crust-soft-dot-start, rgba(245, 212, 182, 1));--pami-surface-dot-end:var(--pami-material-crust-soft-dot-end, rgba(242, 200, 161, 1));--pami-surface-blur:var(--pami-material-crust-soft-blur, 0px);--pami-surface-text:var(--pami-material-crust-soft-text, rgba(50, 32, 14, 1));--pami-surface-edge-top:var(--pami-material-crust-soft-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));--pami-surface-edge-side:var(--pami-material-crust-soft-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));--pami-surface-edge-bottom:var(--pami-material-crust-soft-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)))}:is([data-surface="red"],[data-surface^="red:"]){--pami-surface-bg-start:var(--pami-system-colors-red-light, #fcaeac)}:is([data-surface="orange"],[data-surface^="orange:"]){--pami-surface-bg-start:var(--pami-system-colors-orange-light, #fccfa5)}:is([data-surface="yellow"],[data-surface^="yellow:"]){--pami-surface-bg-start:var(--pami-system-colors-yellow-light, #fce795)}:is([data-surface="green"],[data-surface^="green:"]){--pami-surface-bg-start:var(--pami-system-colors-green-light, #afe5b7)}:is([data-surface="mint"],[data-surface^="mint:"]){--pami-surface-bg-start:var(--pami-system-colors-mint-light, #9be5d9)}:is([data-surface="teal"],[data-surface^="teal:"]){--pami-surface-bg-start:var(--pami-system-colors-teal-light, #9be3e4)}:is([data-surface="cyan"],[data-surface^="cyan:"]){--pami-surface-bg-start:var(--pami-system-colors-cyan-light, #9be3f0)}:is([data-surface="blue"],[data-surface^="blue:"]){--pami-surface-bg-start:var(--pami-system-colors-blue-light, #9bcdf6)}:is([data-surface="indigo"],[data-surface^="indigo:"]){--pami-surface-bg-start:var(--pami-system-colors-indigo-light, #c0b9f3)}:is([data-surface="purple"],[data-surface^="purple:"]){--pami-surface-bg-start:var(--pami-system-colors-purple-light, #e8abeb)}:is([data-surface="pink"],[data-surface^="pink:"]){--pami-surface-bg-start:var(--pami-system-colors-pink-light, #fcaab6)}:is([data-surface="brown"],[data-surface^="brown:"]){--pami-surface-bg-start:var(--pami-system-colors-brown-light, #dcc9b9)}:is([data-surface="red"],[data-surface^="red:"],[data-surface="orange"],[data-surface^="orange:"],[data-surface="yellow"],[data-surface^="yellow:"],[data-surface="green"],[data-surface^="green:"],[data-surface="mint"],[data-surface^="mint:"],[data-surface="teal"],[data-surface^="teal:"],[data-surface="cyan"],[data-surface^="cyan:"],[data-surface="blue"],[data-surface^="blue:"],[data-surface="indigo"],[data-surface^="indigo:"],[data-surface="purple"],[data-surface^="purple:"],[data-surface="pink"],[data-surface^="pink:"],[data-surface="brown"],[data-surface^="brown:"]){--pami-surface-bg-end:var(--pami-surface-bg-start);--pami-surface-text:#000;--pami-surface-edge-top:var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4));--pami-surface-edge-side:var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1));--pami-surface-edge-bottom:var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16))}[data-surface]>canvas.pami-dots{position:absolute;z-index:-1;display:block;pointer-events:none;inset:calc(var(--pami-dots-bleed, 0px) * -1);width:calc(100% + 2 * var(--pami-dots-bleed, 0px));height:calc(100% + 2 * var(--pami-dots-bleed, 0px));max-width:none;max-height:none;filter:blur(var(--pami-dots-blur, 0px));opacity:0;transition:opacity var(--md-sys-motion-duration-short4, 200ms) linear}[data-surface]>canvas.pami-dots[data-painted]{opacity:1}[data-surface$=":field"]>canvas.pami-dots{clip-path:inset(var(--pami-dots-bleed, 0px) round var(--pami-dots-radius, 0px))}[data-surface$=":field"]{--pami-surface-edge-43:linear-gradient(      calc(var(--pami-texture-angle, 43) * 1deg),      color-mix(in srgb, var(--pami-material-crust-background-start, #ef8625) 48%, var(--pami-surface-text)) 0%,      color-mix(in srgb, var(--pami-surface-text) 58%, transparent) 55%,      color-mix(in srgb, var(--pami-surface-text) 72%, transparent) 100%    );overflow:visible;border-color:transparent;background:linear-gradient(calc(var(--pami-texture-angle, 43) * 1deg), var(--pami-surface-bg-start), var(--pami-surface-bg-end)) padding-box,      var(--pami-surface-edge-43) border-box}[data-surface$=":field"][data-invalid]{--pami-surface-edge-43:linear-gradient(var(--md-sys-color-error, #b3261e), var(--md-sys-color-error, #b3261e))}[data-surface$=":field"][data-disabled]{--pami-surface-edge-43:linear-gradient(      color-mix(in srgb, var(--pami-surface-text) 30%, transparent),      color-mix(in srgb, var(--pami-surface-text) 30%, transparent)    );opacity:0.6}[data-surface$=":field"][data-readonly]{background:none;border:var(--md-sys-edge-width, var(--pami-edge-width, 1px)) dotted color-mix(in srgb, var(--pami-surface-text, currentColor) 62%, transparent)}[data-surface$=":field"][data-readonly]>canvas.pami-dots{display:none}@media (prefers-reduced-motion: reduce){[data-surface]>canvas.pami-dots{transition:none}}@media (forced-colors: active){[data-surface]>canvas.pami-dots{display:none}[data-surface],[data-surface$=":field"]{background:Canvas;color:CanvasText;border-color:CanvasText;border-style:solid}[data-surface$=":field"][data-readonly]{border-style:dotted}}:host{display:inline-flex;max-inline-size:100%;vertical-align:middle}:host([hidden]){display:none}[part="container"]{display:inline-flex;align-items:center;gap:var(--md-sys-spacing-gap-xs, 4px);padding:var(--md-sys-spacing-inset-xs, 4px) var(--md-sys-spacing-inset-sm, 8px);border-radius:var(--md-sys-shape-corner-full, 9999px);font:var(--md-sys-typescale-label-medium-font);min-inline-size:0;max-inline-size:100%;box-sizing:border-box}[part="content"]{min-inline-size:0;overflow-wrap:anywhere}.icon{display:inline-flex;align-items:center;flex-shrink:0}::slotted([slot="icon"]){inline-size:var(--md-sys-typescale-label-medium-line-height);block-size:var(--md-sys-typescale-label-medium-line-height)}`;const p=a(class a extends e{constructor(a){super();if(a!==false){this.__registerHost()}this.__attachShadow();this.tone="neutral"}componentDidRender(){i(this.el)}disconnectedCallback(){o(this.el)}render(){return r(t,{key:"5c6764a76dfa50afbf92c62286686b1fd11be8d4"},r("span",{key:"5c2b50ad765e20539b5550182ab2741e45e621ad",part:"container","data-surface":`${d(this.tone)}:control`},r(m,{key:"cb003bb9fbf303b1641b2f7545a378aecd8ea197"}),r("span",{key:"e8110936acb5db85d78143286ad980237622cfdc",class:"icon","aria-hidden":"true"},r("slot",{key:"9d08d50f14e90b73843508761387b263864ea39a",name:"icon"})),r("span",{key:"fed7f6b2480bcf623028208af08cbe8a06d55a4b",part:"content"},r("slot",{key:"ad91462805c49fa2bcde646fb66e93b29c00b369"}))))}get el(){return this}static get style(){return c()}},[257,"pami-tag",{tone:[513]}]);function n(){if(typeof customElements==="undefined"){return}const a=["pami-tag"];a.forEach((a=>{switch(a){case"pami-tag":if(!customElements.get(s(a))){customElements.define(s(a),p)}break}}))}n();const l=p;const u=n;export{l as PamiTag,u as defineCustomElement};
+//# sourceMappingURL=pami-tag.js.map

package/dist/components-csr/pami-tag.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pamiTagCss","PamiTag","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","tone","componentDidRender","paintSurfaces","el","disconnectedCallback","unpaintSurfaces","render","h","Host","key","part","statusSurface","PamiDots","class","name"],"sources":["../sources/9259130eb26707816d2f73de6a6b83ded1d342166d4bee8d7c5799f47e0ce776/pami-tag.css_tag_pami-tag_encapsulation_shadow","../sources/0278a6f5523ac1971fe0eadaee435bb3fd1dab609b7ec764bb3ba27e6aa8fb9f/pami-tag.tsx"],"mappings":"sJAAA,MAAMA,EAAa,IAAM,u9X,MCeZC,EAAOC,EAAA,MAAAD,UAAAE,EADpB,WAAAC,CAAAC,G,kEAI2BC,KAAAC,KAAuB,SAWjD,CATC,kBAAAC,GAAuBC,EAAcH,KAAKI,GAAI,CAC9C,oBAAAC,GAAyBC,EAAgBN,KAAKI,GAAI,CAElD,MAAAG,GACE,OAAOC,EAACC,EAAI,CAAAC,IAAA,4CAACF,EAAA,QAAAE,IAAA,2CAAMC,KAAK,YAAW,eAAe,GAAGC,EAAcZ,KAAKC,iBACtEO,EAACK,EAAQ,CAAAH,IAAA,6CAAGF,EAAA,QAAAE,IAAA,2CAAMI,MAAM,OAAM,cAAa,QAAON,EAAA,QAAAE,IAAA,2CAAMK,KAAK,UAC7DP,EAAA,QAAAE,IAAA,2CAAMC,KAAK,WAAUH,EAAA,QAAAE,IAAA,+C","ignoreList":[]}

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

@@ -1,2 +1,2 @@
-import{P as o,d as s}from"./p-CKh3uxJF.js";const t=o;const p=s;export{t as PamiTextField,p as defineCustomElement};
+import{P as o,d as s}from"./p-CCjSxvVk.js";const t=o;const p=s;export{t as PamiTextField,p as defineCustomElement};
 //# sourceMappingURL=pami-text-field.js.map

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

@@ -1,2 +1,2 @@
-import{p as i,H as t,c as e,h as r,d as a,t as s}from"./p-DWUVTT3s.js";import{c as n}from"./p-mwCGMdmr.js";import{I as o,g as p,c as l,r as c}from"./p-xvH_X3js.js";import{d as h}from"./p-dksxS2yM.js";import{d as m}from"./p-wjnroiZn.js";import{d}from"./p-BN5fTT2p.js";import{d as u}from"./p-DVtt3xax.js";import{d as _}from"./p-CKh3uxJF.js";const f=()=>`:host{--_trigger-color:var(--pami-time-picker-trigger-color, var(--md-sys-color-on-surface, #1c1b1f));--_trigger-outline-color:var(--pami-time-picker-trigger-outline-color, var(--md-sys-color-outline, #79747e));--_trigger-hover-color:var(--pami-time-picker-trigger-hover-color, var(--md-sys-color-on-surface, #1c1b1f));--_trigger-focus-color:var(--pami-time-picker-trigger-focus-color, var(--md-sys-color-focus-ring, #513018));--_trigger-icon-color:var(--pami-time-picker-trigger-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_dialog-color:var(--pami-time-picker-dialog-color, var(--md-sys-color-surface-container-high, #ece6f0));--_dialog-on-color:var(--pami-time-picker-dialog-on-color, var(--md-sys-color-on-surface, #1c1b1f));--_dialog-shape:var(--pami-time-picker-dialog-shape, var(--md-sys-shape-corner-extra-large, 28px));--_dialog-elevation:var(--pami-time-picker-dialog-elevation, var(--md-sys-elevation-3, none));--_scrim-color:var(--pami-time-picker-scrim-color, rgba(0, 0, 0, 0.32));--_headline-color:var(--pami-time-picker-headline-color, var(--md-sys-color-on-surface-variant, #49454f));--_time-display-shape:var(      --pami-time-picker-input-shape,      var(--pami-time-picker-time-display-shape, var(--md-sys-shape-corner-small, 8px))    );--_period-bg:var(--pami-time-picker-period-bg, transparent);--_period-color:var(--pami-time-picker-period-color, var(--md-sys-color-on-surface, #1c1b1f));--_period-active-bg:var(--pami-time-picker-period-active-bg, var(--md-sys-color-tertiary-container, #ffd8e4));--_period-active-color:var(--pami-time-picker-period-active-color, var(--md-sys-color-on-tertiary-container, #370b1e));--_period-outline-color:var(--pami-time-picker-period-outline-color, var(--md-sys-color-outline, #79747e));--_dial-bg:var(--pami-time-picker-dial-bg, var(--md-sys-color-surface-container-highest, #e6e0e9));--_dial-number-color:var(--pami-time-picker-dial-number-color, var(--md-sys-color-on-surface, #1c1b1f));--_dial-number-active-color:var(--pami-time-picker-dial-number-active-color, var(--md-sys-color-on-primary, #ffffff));--_dial-hand-color:var(--pami-time-picker-dial-hand-color, var(--md-sys-color-primary, #6750a4));--_dial-target-size:var(--pami-time-picker-dial-target-size, 48px);--_input-bg:var(--pami-time-picker-input-bg, var(--md-sys-color-surface-container-highest, #e6e0e9));--_input-color:var(--pami-time-picker-input-color, var(--md-sys-color-on-surface, #1c1b1f));--_input-outline-color:var(--pami-time-picker-input-outline-color, transparent);--_input-active-outline-color:var(--pami-time-picker-input-active-outline-color, var(--md-sys-color-primary, #6750a4));--_input-error-color:var(--pami-time-picker-input-error-color, var(--md-sys-color-error, #b3261e));--_input-hint-color:var(--pami-time-picker-input-hint-color, var(--md-sys-color-on-surface-variant, #49454f));--_action-color:var(--pami-time-picker-action-color, var(--md-sys-color-primary, #6750a4));--_action-primary-color:var(--pami-time-picker-action-primary-color, var(--md-sys-color-primary, #6750a4));--_toggle-icon-color:var(--pami-time-picker-toggle-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_dialog-padding:var(--pami-time-picker-dialog-padding, var(--md-sys-spacing-inset-xl, 24px));--_dialog-min-width:var(--pami-time-picker-dialog-min-width, 328px);--_dialog-horizontal-width-12h:var(--pami-time-picker-dialog-horizontal-width-12h, 572px);--_dialog-horizontal-width-24h:var(--pami-time-picker-dialog-horizontal-width-24h, 608px);--_dialog-enter-duration:var(--pami-time-picker-dialog-enter-duration, var(--md-sys-motion-duration-long2, 500ms));--_mode-swap-duration:var(--pami-time-picker-mode-swap-duration, var(--md-sys-motion-duration-long1, 450ms));--_motion-easing:var(--pami-time-picker-motion-easing, var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1)));--_trigger-min-width:var(--pami-time-picker-trigger-min-width, 240px);--_trigger-icon-size:var(--pami-time-picker-trigger-icon-size, max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px)));--_trigger-shape:var(--pami-time-picker-trigger-shape, var(--md-sys-shape-corner-extra-small, 4px));--_headline-font-size:var(--pami-time-picker-headline-font-size, max(10px, calc(12px + var(--md-sys-density-scale, 0) * 0.5px)));--_headline-font-weight:var(--pami-time-picker-headline-font-weight, var(--md-sys-typescale-label-medium-font-weight, 500));--_headline-spacing:var(--pami-time-picker-headline-spacing, max(4px, calc(20px + var(--md-sys-density-scale, 0) * 2px)));--_input-height:var(--pami-time-picker-input-height, calc(var(--_input-font-size) * 1.6));--_input-width:var(--pami-time-picker-input-width, calc(var(--_input-height) * 4 / 3));--_input-border-width:var(--pami-time-picker-input-border-width, 2px);--_input-font-size:var(--pami-time-picker-input-font-size, max(32px, calc(45px + var(--md-sys-density-scale, 0) * 2px)));--_input-font-weight:var(--pami-time-picker-input-font-weight, var(--md-sys-typescale-display-medium-font-weight, 400));--_input-active-bg:var(--pami-time-picker-input-active-bg, var(--md-sys-color-primary-container, #eaddff));--_input-active-color:var(--pami-time-picker-input-active-color, var(--md-sys-color-on-primary-container, #21005d));--_input-separator-color:var(--pami-time-picker-input-separator-color, var(--_dialog-on-color));--_input-separator-width:var(--pami-time-picker-input-separator-width, 24px);--_input-hint-gap:var(--pami-time-picker-input-hint-gap, var(--md-sys-spacing-gap-xs, 4px));--_input-hover-opacity:var(--pami-time-picker-input-hover-opacity, 8%);--_period-shape:var(--pami-time-picker-period-shape, var(--md-sys-shape-corner-small, 8px));--_period-outline-width:var(--pami-time-picker-period-outline-width, 1px);--_period-vertical-width:var(--pami-time-picker-period-vertical-width, 52px);--_period-vertical-height:var(--pami-time-picker-period-vertical-height, 80px);--_period-vertical-height-input:var(--pami-time-picker-period-vertical-height-input, 72px);--_period-horizontal-width:var(--pami-time-picker-period-horizontal-width, 216px);--_period-horizontal-height:var(--pami-time-picker-period-horizontal-height, 38px);--_period-font-size:var(--pami-time-picker-period-font-size, max(12px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px)));--_period-font-weight:var(--pami-time-picker-period-font-weight, 500);--_period-hover-opacity:var(--pami-time-picker-period-hover-opacity, 8%);--_dial-size:var(--pami-time-picker-dial-size, 256px);--_dial-center-size:var(--pami-time-picker-dial-center-size, 8px);--_dial-hand-width:var(--pami-time-picker-dial-hand-width, 2px);--_dial-number-font-size:var(--pami-time-picker-dial-number-font-size, max(13px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px)));--_dial-number-font-weight:var(--pami-time-picker-dial-number-font-weight, var(--md-sys-typescale-body-large-font-weight, 400));--_dial-number-active-font-weight:var(--pami-time-picker-dial-number-active-font-weight, 500);--_footer-gap:var(--pami-time-picker-footer-gap, var(--md-sys-spacing-gap-sm, 8px));--_actions-gap:var(--pami-time-picker-actions-gap, var(--md-sys-spacing-gap-sm, 8px));--_action-shape:var(--pami-time-picker-action-shape, var(--md-sys-shape-corner-full, 9999px));--_action-confirm-bg:var(--pami-time-picker-action-confirm-bg, transparent);--_action-cancel-bg:var(--pami-time-picker-action-cancel-bg, transparent);--_toggle-bg:var(--pami-time-picker-toggle-bg, transparent);--_toggle-icon-size:var(--pami-time-picker-toggle-icon-size, max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px)));--_toggle-shape:var(--pami-time-picker-toggle-shape, var(--md-sys-shape-corner-full, 9999px));display:inline-flex;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}.pami-time-picker__field{flex:1 1 auto;min-inline-size:0;display:inline-flex;inline-size:var(--_trigger-min-width);cursor:pointer;--pami-text-field-label-color:var(--_trigger-icon-color);--pami-text-field-input-color:var(--_trigger-color);--pami-text-field-outline-color:var(--_trigger-outline-color);--pami-text-field-active-indicator-color:var(--_trigger-focus-color);--pami-text-field-icon-color:var(--_trigger-icon-color);--pami-text-field-container-shape:var(--_trigger-shape)}.pami-time-picker__field--disabled{cursor:not-allowed}.pami-time-picker__field-icon{font-size:var(--_trigger-icon-size);line-height:1;color:var(--_trigger-icon-color);flex-shrink:0}.pami-time-picker__field:hover:not(.pami-time-picker__field--disabled) .pami-time-picker__field-icon{color:var(--_trigger-hover-color)}:host(.pami-time-picker--open) .pami-time-picker__field{--pami-text-field-active-indicator-color:var(--_trigger-focus-color);--pami-text-field-icon-color:var(--_trigger-focus-color)}.pami-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:pami-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 pami-time-picker-scrim-in{from{opacity:0}to{opacity:1}}.pami-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:pami-time-picker-dialog-in var(--_dialog-enter-duration) var(--_motion-easing) both;transform-origin:center top}.pami-time-picker__dialog--input{width:min(var(--_dialog-min-width), calc(100vw - 48px))}.pami-time-picker__dialog--horizontal{width:min(var(--_dialog-horizontal-width-12h), calc(100vw - 48px))}:host(.pami-time-picker--format-24h) .pami-time-picker__dialog--horizontal{width:min(var(--_dialog-horizontal-width-24h), calc(100vw - 48px))}@keyframes pami-time-picker-dialog-in{from{opacity:0;transform:translateY(12px) scale(0.88)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pami-time-picker-mode-in{from{opacity:0;transform:translateY(8px) scale(0.96)}to{opacity:1;transform:translateY(0) scale(1)}}.pami-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}.pami-time-picker__body{display:flex;flex-direction:column}.pami-time-picker__body--horizontal{flex-direction:row;align-items:flex-start;column-gap:52px}.pami-time-picker__time-area{display:flex;flex-direction:column;flex:0 0 auto}.pami-time-picker__body--horizontal .pami-time-picker__dial-wrap{flex:0 0 auto}.pami-time-picker__body--horizontal .pami-time-picker__input-area{margin-block-end:0}.pami-time-picker__body--horizontal .pami-time-picker__period--horizontal{margin-block-start:var(--md-sys-spacing-inset-lg, 16px);margin-block-end:0;margin-inline:0}.pami-time-picker__period{display:inline-flex;border:var(--_period-outline-width) solid var(--_period-outline-color);box-sizing:border-box}.pami-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)}.pami-time-picker__input-area .pami-time-picker__period--vertical{block-size:var(--_period-vertical-height-input)}.pami-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}.pami-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))}.pami-time-picker__period-btn-label{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center}.pami-time-picker__period--vertical .pami-time-picker__period-btn{block-size:50%}.pami-time-picker__period--horizontal .pami-time-picker__period-btn{inline-size:50%;block-size:100%}.pami-time-picker__period-btn:hover{background:color-mix(in srgb, var(--_period-color) var(--_period-hover-opacity), transparent)}.pami-time-picker__period-btn--active{background:var(--_period-active-bg);color:var(--_period-active-color)}.pami-time-picker__period-btn--active:hover{background:color-mix(in srgb, var(--_period-active-color) var(--_period-hover-opacity), var(--_period-active-bg))}.pami-time-picker__period-btn:focus-visible{outline:var(--md-sys-state-focus-ring-width, 2px) solid var(--md-sys-color-focus-ring, var(--md-sys-color-secondary));outline-offset:var(--md-sys-state-focus-ring-offset, 2px);z-index:1}.pami-time-picker__period--vertical .pami-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))}.pami-time-picker__period--vertical .pami-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))}.pami-time-picker__period--horizontal .pami-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))}.pami-time-picker__period--horizontal .pami-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))}.pami-time-picker__dial-wrap{display:flex;justify-content:center;align-items:center;margin-block-end:var(--md-sys-spacing-inset-xl, 24px);animation:pami-time-picker-mode-in      var(--_mode-swap-duration)      var(--_motion-easing)      both;transform-origin:center top}.pami-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]) .pami-time-picker__dial{pointer-events:none;opacity:0.38}.pami-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}.pami-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}.pami-time-picker__dial-hand-line{position:absolute;left:50%;top:auto;bottom:0;width:var(--_dial-hand-width);height:var(--pami-time-picker-hand-length, var(--_hand-length-dynamic, 100%));background:var(--_dial-hand-color);transform:translateX(-50%)}.pami-time-picker__dial-hand-tip{position:absolute;left:50%;top:calc(100% - var(--pami-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%)}.pami-time-picker__dial-hand-dot{display:none}.pami-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}.pami-time-picker__dial-number--inner{color:var(--_dial-number-color);opacity:1}.pami-time-picker__dial-number--active{color:var(--_dial-number-active-color);font-weight:var(--_dial-number-active-font-weight);opacity:1}.pami-time-picker__input-area{margin-block-end:var(--md-sys-spacing-inset-xl, 24px);animation:pami-time-picker-mode-in      var(--_mode-swap-duration)      var(--_motion-easing)      both;transform-origin:center top}.pami-time-picker__input-time{display:flex;align-items:flex-start;justify-content:center;gap:0}.pami-time-picker__input-group{display:flex;flex-direction:column;align-items:center;gap:var(--_input-hint-gap)}.pami-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}.pami-time-picker__input::-webkit-outer-spin-button,.pami-time-picker__input::-webkit-inner-spin-button{appearance:none;margin:0}.pami-time-picker__input:hover{background:color-mix(in srgb, var(--_input-color) var(--_input-hover-opacity), var(--_input-bg))}.pami-time-picker__input:focus{outline:none;background:var(--_input-bg);border-color:var(--_input-active-outline-color)}.pami-time-picker__input--active{background:var(--_input-active-bg);color:var(--_input-active-color);border-color:transparent}.pami-time-picker__input--active:focus{background:var(--_input-active-bg);color:var(--_input-active-color);border-color:var(--_input-active-outline-color)}.pami-time-picker__input--active:hover{background:color-mix(      in srgb,      var(--_input-active-color) var(--_input-hover-opacity),      var(--_input-active-bg)    )}.pami-time-picker__input--error,.pami-time-picker__input--error:focus{border-color:var(--_input-error-color);color:var(--_input-error-color)}.pami-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}.pami-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)}.pami-time-picker__input--error~.pami-time-picker__input-hint{color:var(--_input-error-color)}.pami-time-picker__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--_footer-gap)}.pami-time-picker__toggle-mode{--pami-icon-button-color:var(--_toggle-icon-color);--pami-icon-button-icon-color:var(--_toggle-icon-color);--pami-icon-button-icon-size:var(--_toggle-icon-size);--pami-icon-button-container-color:var(--_toggle-bg);--pami-icon-button-container-shape:var(--_toggle-shape)}.pami-time-picker__actions{display:inline-flex;align-items:center;gap:var(--_actions-gap)}.pami-time-picker__action-btn{--pami-button-label-color:var(--_action-color);--pami-button-container-color:var(--_action-cancel-bg);--pami-button-container-shape:var(--_action-shape)}.pami-time-picker__action-btn--primary{--pami-button-label-color:var(--_action-primary-color);--pami-button-container-color:var(--_action-confirm-bg);--pami-button-container-shape:var(--_action-shape)}@media (prefers-reduced-motion: reduce){.pami-time-picker__scrim,.pami-time-picker__dialog,.pami-time-picker__dial-wrap,.pami-time-picker__input-area,.pami-time-picker__dial-hand,.pami-time-picker__period-btn,.pami-time-picker__dial-number,.pami-time-picker__input{animation:none !important;transition:none !important}}.pami-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){.pami-time-picker__dialog{border:1px solid CanvasText}.pami-time-picker__period,.pami-time-picker__input,.pami-time-picker__dial{border:1px solid CanvasText}.pami-time-picker__input:hover,.pami-time-picker__period-btn:hover{background:Canvas;color:CanvasText;forced-color-adjust:none}.pami-time-picker__input:focus{background:Canvas;color:CanvasText;border-color:Highlight;forced-color-adjust:none}.pami-time-picker__input--active,.pami-time-picker__input--active:hover,.pami-time-picker__input--active:focus,.pami-time-picker__period-btn--active,.pami-time-picker__period-btn--active:hover,.pami-time-picker__dial-hand-line,.pami-time-picker__dial-hand-tip,.pami-time-picker__dial-center{background:Highlight;color:HighlightText;forced-color-adjust:none}.pami-time-picker__input--error,.pami-time-picker__input--error:focus,.pami-time-picker__input--error:hover{background:Canvas;border-color:LinkText;color:LinkText;forced-color-adjust:none}.pami-time-picker__period-btn:focus-visible{outline-color:Highlight}.pami-time-picker__period--vertical .pami-time-picker__period-btn--am{border-block-end-color:CanvasText}.pami-time-picker__period--horizontal .pami-time-picker__period-btn--am{border-inline-end-color:CanvasText}.pami-time-picker__period-btn pami-ripple{display:none}}:host-context([data-theme='dark']){--_scrim-color:var(--pami-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}:host([hidden]){display:none !important}`;const g=[];let v="";let b=0;const k=i(class i extends t{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.pamiChange=e(this,"pamiChange",7);this.pamiInput=e(this,"pamiInput",7);this.pamiOpen=e(this,"pamiOpen",7);this.pamiClose=e(this,"pamiClose",7);this.pamiCancel=e(this,"pamiCancel",7);this.pamiModeChange=e(this,"pamiModeChange",7);this.pamiValidityChange=e(this,"pamiValidityChange",5);this.internals=this.attachInternals();this.validationMessage="";this.inlineValidation=new o({host:()=>this.el,validity:()=>p(this.internals),message:i=>{this.validationMessage=i},focus:()=>this.focusTrigger()});this.variant="input";this.format="12h";this.value="";this.name="";this.min="";this.max="";this.required=false;this.label="Select time";this.supportingText="";this.error=false;this.errorText="";this.reserveSupportingSpace=false;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.headlineId=n("pami-time-picker-headline");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=++b;this.isOpen=true;this.open=true;this.pamiOpen.emit();requestAnimationFrame((()=>this.focusInitial()))};this.closePicker=()=>{if(!this.isOpen)return;this.isOpen=false;this.open=false;this.detachOpenEnvironment();this.pamiClose.emit();this.restoreFocusAfterClose()};this.cancel=()=>{if(!this.isOpen)return;this.draftHours=this.committedHours;this.draftMinutes=this.committedMinutes;this.pamiCancel.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.pamiChange.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.pamiModeChange.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("pami-time-picker__input-hour")===true;const r=t===this.minuteInputEl||t?.classList?.contains("pami-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()}}}resetValidationPresentation(){this.inlineValidation.reset()}handleInvalid(i){this.inlineValidation.handleInvalid(i)}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=++b;this.previousFocus=i.deepActiveElement();this.attachOpenEnvironment();this.pamiOpen.emit();requestAnimationFrame((()=>this.focusInitial()))}}connectedCallback(){if(this.isOpen)this.attachOpenEnvironment()}disconnectedCallback(){this.detachOpenEnvironment()}formResetCallback(){this.inlineValidation.reset();this.value=this.defaultValue;this.updateFormValue()}formDisabledCallback(i){if(i)queueMicrotask((()=>this.inlineValidation.reset()));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=p(this.internals);const t=`${i.valid}|${i.validationMessage}`;if(this.lastValidityKey===t)return;const e=this.lastValidityKey!==null;this.lastValidityKey=t;if(e)this.pamiValidityChange.emit(i)}async show(){this.openPicker()}async hide(){this.cancel()}async checkValidity(){return l(this.internals)}async reportValidity(){return c(this.internals)}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.pamiInput.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(!g.includes(this))g.push(this);if(document.body){if(g.length===1){v=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=g.indexOf(this);if(i!==-1)g.splice(i,1);if(document.body&&g.length===0){document.body.style.overflow=v}}this.detachViewportListener()}static isTopmostOpen(i){let t=null;for(const i of g){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(".pami-time-picker__dialog");if(!i)return[];const t=Array.from(i.querySelectorAll("input, button, pami-button, pami-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.inlineValidation.refresh();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("pami-text-field",{class:{"pami-time-picker__field":true,"pami-time-picker__field--disabled":this.isDisabled,"pami-time-picker__field--filled":!!i,"pami-time-picker__field--open":this.isOpen},readOnly:true,label:this.label,value:i,supportingText:(this.error||!!this.validationMessage)&&(this.errorText||this.validationMessage)?"":this.supportingText,error:this.error||!!this.validationMessage,errorText:this.errorText||this.validationMessage,reserveSupportingSpace:this.reserveSupportingSpace,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("pami-icon",{slot:"leading-icon",class:"pami-time-picker__field-icon",part:"trigger-icon","aria-hidden":"true",name:"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:{"pami-time-picker__period":true,"pami-time-picker__period--vertical":!t,"pami-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:{"pami-time-picker__period-btn":true,"pami-time-picker__period-btn--am":true,"pami-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("pami-ripple",{disabled:this.isDisabled,part:"period-am-ripple"}),r("span",{class:"pami-time-picker__period-btn-label"},this.amLabel)),r("button",{type:"button",class:{"pami-time-picker__period-btn":true,"pami-time-picker__period-btn--pm":true,"pami-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("pami-ripple",{disabled:this.isDisabled,part:"period-pm-ripple"}),r("span",{class:"pami-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:"pami-time-picker__dial-wrap",part:"dial-wrap"},r("div",{class:{"pami-time-picker__dial":true,"pami-time-picker__dial--minute":!i,"pami-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:"pami-time-picker__dial-hand",style:{transform:`rotate(${o}deg)`,["--_hand-length-dynamic"]:`${n*100}%`},"aria-hidden":"true",part:"dial-hand"},r("span",{class:"pami-time-picker__dial-hand-dot","aria-hidden":"true"}),r("span",{class:"pami-time-picker__dial-hand-line","aria-hidden":"true"}),r("span",{class:"pami-time-picker__dial-hand-tip","aria-hidden":"true"})),r("span",{class:"pami-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,p){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:{"pami-time-picker__dial-number":true,"pami-time-picker__dial-number--inner":e,"pami-time-picker__dial-number--active":a},style:{left:`${h}%`,top:`${m}%`},"data-value":String(p),"aria-hidden":"true"},i)}renderInputs(i=true){const t=this.selecting==="hour";return r("div",{class:"pami-time-picker__input-area",part:"input-area"},r("div",{class:"pami-time-picker__input-time"},r("div",{class:"pami-time-picker__input-group"},r("input",{type:"text",inputmode:"numeric",autocomplete:"off",class:{"pami-time-picker__input":true,"pami-time-picker__input-hour":true,"pami-time-picker__input--active":t,"pami-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:"pami-time-picker__input-hint"},this.hourLabel)),r("span",{class:"pami-time-picker__input-separator","aria-hidden":"true"},":"),r("div",{class:"pami-time-picker__input-group"},r("input",{type:"text",inputmode:"numeric",autocomplete:"off",class:{"pami-time-picker__input":true,"pami-time-picker__input-minute":true,"pami-time-picker__input--active":!t,"pami-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:"pami-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:"pami-time-picker__time-area",part:"time-area"},this.renderInputs(!s),s&&this.renderPeriodToggle());return r("div",{class:"pami-time-picker__scrim",part:"scrim",onClick:i=>{if(i.target===i.currentTarget)this.cancel()}},r("div",{class:{"pami-time-picker__dialog":true,"pami-time-picker__dialog--dial":!i,"pami-time-picker__dialog--input":i,"pami-time-picker__dialog--horizontal":t,"pami-time-picker__dialog--vertical":!t},role:"dialog","aria-modal":"true","aria-labelledby":this.headlineId,part:"dialog"},r("div",{class:"pami-time-picker__headline",id:this.headlineId,part:"headline"},a),r("span",{class:"pami-time-picker__sr-status","aria-live":"polite"},this.selecting==="hour"?this.hourLabel:this.minuteLabel),r("div",{class:{"pami-time-picker__body":true,"pami-time-picker__body--horizontal":t},part:"body"},n,i?this.renderInputs():this.renderDial()),r("div",{class:"pami-time-picker__footer",part:"footer"},r("pami-icon-button",{class:"pami-time-picker__toggle-mode",variant:"standard",size:"sm",icon:i?"schedule":"keyboard","aria-label":i?this.toggleDialLabel:this.toggleInputLabel,onPamiClick:this.toggleMode,part:"toggle-mode"}),r("div",{class:"pami-time-picker__actions",part:"actions"},r("pami-button",{class:"pami-time-picker__action-btn",variant:"text",size:"sm",onPamiClick:this.cancel,part:"cancel-button"},this.cancelLabel),r("pami-button",{class:"pami-time-picker__action-btn pami-time-picker__action-btn--primary",variant:"text",size:"sm",onPamiClick:this.confirm,part:"confirm-button"},this.okLabel)))))}render(){return r(a,{key:"8f6faf35a38d96d896bfef0bdf9ccc2fe753413b",class:{"pami-time-picker":true,[`pami-time-picker--${this.variant}`]:true,[`pami-time-picker--format-${this.format}`]:true,"pami-time-picker--open":this.isOpen,"pami-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{name:[{resetValidationPresentation:0}],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 f()}},[65,"pami-time-picker",{variant:[1],format:[1],value:[1537],name:[513],min:[1],max:[1],required:[516],label:[1],supportingText:[1,"supporting-text"],error:[1540],errorText:[1025,"error-text"],reserveSupportingSpace:[4,"reserve-supporting-space"],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],validationMessage:[32],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]},[[0,"invalid","handleInvalid"]],{name:[{resetValidationPresentation:0}],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}]}]);k.ADAPTIVE_MIN_DIAL_HEIGHT=460;k.ADAPTIVE_LANDSCAPE_WIDTH=720;k.ADAPTIVE_DEMOTE_WIDTH=620;function y(){if(typeof customElements==="undefined"){return}const i=["pami-time-picker","pami-button","pami-icon","pami-icon-button","pami-ripple","pami-text-field"];i.forEach((i=>{switch(i){case"pami-time-picker":if(!customElements.get(s(i))){customElements.define(s(i),k)}break;case"pami-button":if(!customElements.get(s(i))){h()}break;case"pami-icon":if(!customElements.get(s(i))){m()}break;case"pami-icon-button":if(!customElements.get(s(i))){d()}break;case"pami-ripple":if(!customElements.get(s(i))){u()}break;case"pami-text-field":if(!customElements.get(s(i))){_()}break}}))}y();const x=k;const w=y;export{x as PamiTimePicker,w as defineCustomElement};
+import{p as i,H as t,c as e,h as r,d as a,t as s}from"./p-DWUVTT3s.js";import{c as n}from"./p-mwCGMdmr.js";import{I as o,g as p,c as l,r as c}from"./p-xvH_X3js.js";import{d as h}from"./p-DvPstOrO.js";import{d as m}from"./p-CYTOzIlz.js";import{d}from"./p-C7-2STYZ.js";import{d as u}from"./p-DqlfsJFI.js";import{d as _}from"./p-CCjSxvVk.js";const f=()=>`:host{--_trigger-color:var(--pami-time-picker-trigger-color, var(--md-sys-color-on-surface, #1c1b1f));--_trigger-outline-color:var(--pami-time-picker-trigger-outline-color, var(--md-sys-color-outline, #79747e));--_trigger-hover-color:var(--pami-time-picker-trigger-hover-color, var(--md-sys-color-on-surface, #1c1b1f));--_trigger-focus-color:var(--pami-time-picker-trigger-focus-color, var(--md-sys-color-focus-ring, #513018));--_trigger-icon-color:var(--pami-time-picker-trigger-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_dialog-color:var(--pami-time-picker-dialog-color, var(--md-sys-color-surface-container-high, #ece6f0));--_dialog-on-color:var(--pami-time-picker-dialog-on-color, var(--md-sys-color-on-surface, #1c1b1f));--_dialog-shape:var(--pami-time-picker-dialog-shape, var(--md-sys-shape-corner-extra-large, 28px));--_dialog-elevation:var(--pami-time-picker-dialog-elevation, var(--md-sys-elevation-3, none));--_scrim-color:var(--pami-time-picker-scrim-color, rgba(0, 0, 0, 0.32));--_headline-color:var(--pami-time-picker-headline-color, var(--md-sys-color-on-surface-variant, #49454f));--_time-display-shape:var(      --pami-time-picker-input-shape,      var(--pami-time-picker-time-display-shape, var(--md-sys-shape-corner-small, 8px))    );--_period-bg:var(--pami-time-picker-period-bg, transparent);--_period-color:var(--pami-time-picker-period-color, var(--md-sys-color-on-surface, #1c1b1f));--_period-active-bg:var(--pami-time-picker-period-active-bg, var(--md-sys-color-tertiary-container, #ffd8e4));--_period-active-color:var(--pami-time-picker-period-active-color, var(--md-sys-color-on-tertiary-container, #370b1e));--_period-outline-color:var(--pami-time-picker-period-outline-color, var(--md-sys-color-outline, #79747e));--_dial-bg:var(--pami-time-picker-dial-bg, var(--md-sys-color-surface-container-highest, #e6e0e9));--_dial-number-color:var(--pami-time-picker-dial-number-color, var(--md-sys-color-on-surface, #1c1b1f));--_dial-number-active-color:var(--pami-time-picker-dial-number-active-color, var(--md-sys-color-on-primary, #ffffff));--_dial-hand-color:var(--pami-time-picker-dial-hand-color, var(--md-sys-color-primary, #6750a4));--_dial-target-size:var(--pami-time-picker-dial-target-size, 48px);--_input-bg:var(--pami-time-picker-input-bg, var(--md-sys-color-surface-container-highest, #e6e0e9));--_input-color:var(--pami-time-picker-input-color, var(--md-sys-color-on-surface, #1c1b1f));--_input-outline-color:var(--pami-time-picker-input-outline-color, transparent);--_input-active-outline-color:var(--pami-time-picker-input-active-outline-color, var(--md-sys-color-primary, #6750a4));--_input-error-color:var(--pami-time-picker-input-error-color, var(--md-sys-color-error, #b3261e));--_input-hint-color:var(--pami-time-picker-input-hint-color, var(--md-sys-color-on-surface-variant, #49454f));--_action-color:var(--pami-time-picker-action-color, var(--md-sys-color-primary, #6750a4));--_action-primary-color:var(--pami-time-picker-action-primary-color, var(--md-sys-color-primary, #6750a4));--_toggle-icon-color:var(--pami-time-picker-toggle-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_dialog-padding:var(--pami-time-picker-dialog-padding, var(--md-sys-spacing-inset-xl, 24px));--_dialog-min-width:var(--pami-time-picker-dialog-min-width, 328px);--_dialog-horizontal-width-12h:var(--pami-time-picker-dialog-horizontal-width-12h, 572px);--_dialog-horizontal-width-24h:var(--pami-time-picker-dialog-horizontal-width-24h, 608px);--_dialog-enter-duration:var(--pami-time-picker-dialog-enter-duration, var(--md-sys-motion-duration-long2, 500ms));--_mode-swap-duration:var(--pami-time-picker-mode-swap-duration, var(--md-sys-motion-duration-long1, 450ms));--_motion-easing:var(--pami-time-picker-motion-easing, var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1)));--_trigger-min-width:var(--pami-time-picker-trigger-min-width, 240px);--_trigger-icon-size:var(--pami-time-picker-trigger-icon-size, max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px)));--_trigger-shape:var(--pami-time-picker-trigger-shape, var(--md-sys-shape-corner-extra-small, 4px));--_headline-font-size:var(--pami-time-picker-headline-font-size, max(10px, calc(12px + var(--md-sys-density-scale, 0) * 0.5px)));--_headline-font-weight:var(--pami-time-picker-headline-font-weight, var(--md-sys-typescale-label-medium-font-weight, 500));--_headline-spacing:var(--pami-time-picker-headline-spacing, max(4px, calc(20px + var(--md-sys-density-scale, 0) * 2px)));--_input-height:var(--pami-time-picker-input-height, calc(var(--_input-font-size) * 1.6));--_input-width:var(--pami-time-picker-input-width, calc(var(--_input-height) * 4 / 3));--_input-border-width:var(--pami-time-picker-input-border-width, 2px);--_input-font-size:var(--pami-time-picker-input-font-size, max(32px, calc(45px + var(--md-sys-density-scale, 0) * 2px)));--_input-font-weight:var(--pami-time-picker-input-font-weight, var(--md-sys-typescale-display-medium-font-weight, 400));--_input-active-bg:var(--pami-time-picker-input-active-bg, var(--md-sys-color-primary-container, #eaddff));--_input-active-color:var(--pami-time-picker-input-active-color, var(--md-sys-color-on-primary-container, #21005d));--_input-separator-color:var(--pami-time-picker-input-separator-color, var(--_dialog-on-color));--_input-separator-width:var(--pami-time-picker-input-separator-width, 24px);--_input-hint-gap:var(--pami-time-picker-input-hint-gap, var(--md-sys-spacing-gap-xs, 4px));--_input-hover-opacity:var(--pami-time-picker-input-hover-opacity, 8%);--_period-shape:var(--pami-time-picker-period-shape, var(--md-sys-shape-corner-small, 8px));--_period-outline-width:var(--pami-time-picker-period-outline-width, 1px);--_period-vertical-width:var(--pami-time-picker-period-vertical-width, 52px);--_period-vertical-height:var(--pami-time-picker-period-vertical-height, 80px);--_period-vertical-height-input:var(--pami-time-picker-period-vertical-height-input, 72px);--_period-horizontal-width:var(--pami-time-picker-period-horizontal-width, 216px);--_period-horizontal-height:var(--pami-time-picker-period-horizontal-height, 38px);--_period-font-size:var(--pami-time-picker-period-font-size, max(12px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px)));--_period-font-weight:var(--pami-time-picker-period-font-weight, 500);--_period-hover-opacity:var(--pami-time-picker-period-hover-opacity, 8%);--_dial-size:var(--pami-time-picker-dial-size, 256px);--_dial-center-size:var(--pami-time-picker-dial-center-size, 8px);--_dial-hand-width:var(--pami-time-picker-dial-hand-width, 2px);--_dial-number-font-size:var(--pami-time-picker-dial-number-font-size, max(13px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px)));--_dial-number-font-weight:var(--pami-time-picker-dial-number-font-weight, var(--md-sys-typescale-body-large-font-weight, 400));--_dial-number-active-font-weight:var(--pami-time-picker-dial-number-active-font-weight, 500);--_footer-gap:var(--pami-time-picker-footer-gap, var(--md-sys-spacing-gap-sm, 8px));--_actions-gap:var(--pami-time-picker-actions-gap, var(--md-sys-spacing-gap-sm, 8px));--_action-shape:var(--pami-time-picker-action-shape, var(--md-sys-shape-corner-full, 9999px));--_action-confirm-bg:var(--pami-time-picker-action-confirm-bg, transparent);--_action-cancel-bg:var(--pami-time-picker-action-cancel-bg, transparent);--_toggle-bg:var(--pami-time-picker-toggle-bg, transparent);--_toggle-icon-size:var(--pami-time-picker-toggle-icon-size, max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px)));--_toggle-shape:var(--pami-time-picker-toggle-shape, var(--md-sys-shape-corner-full, 9999px));display:inline-flex;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}.pami-time-picker__field{flex:1 1 auto;min-inline-size:0;display:inline-flex;inline-size:var(--_trigger-min-width);cursor:pointer;--pami-text-field-label-color:var(--_trigger-icon-color);--pami-text-field-input-color:var(--_trigger-color);--pami-text-field-outline-color:var(--_trigger-outline-color);--pami-text-field-active-indicator-color:var(--_trigger-focus-color);--pami-text-field-icon-color:var(--_trigger-icon-color);--pami-text-field-container-shape:var(--_trigger-shape)}.pami-time-picker__field--disabled{cursor:not-allowed}.pami-time-picker__field-icon{font-size:var(--_trigger-icon-size);line-height:1;color:var(--_trigger-icon-color);flex-shrink:0}.pami-time-picker__field:hover:not(.pami-time-picker__field--disabled) .pami-time-picker__field-icon{color:var(--_trigger-hover-color)}:host(.pami-time-picker--open) .pami-time-picker__field{--pami-text-field-active-indicator-color:var(--_trigger-focus-color);--pami-text-field-icon-color:var(--_trigger-focus-color)}.pami-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:pami-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 pami-time-picker-scrim-in{from{opacity:0}to{opacity:1}}.pami-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:pami-time-picker-dialog-in var(--_dialog-enter-duration) var(--_motion-easing) both;transform-origin:center top}.pami-time-picker__dialog--input{width:min(var(--_dialog-min-width), calc(100vw - 48px))}.pami-time-picker__dialog--horizontal{width:min(var(--_dialog-horizontal-width-12h), calc(100vw - 48px))}:host(.pami-time-picker--format-24h) .pami-time-picker__dialog--horizontal{width:min(var(--_dialog-horizontal-width-24h), calc(100vw - 48px))}@keyframes pami-time-picker-dialog-in{from{opacity:0;transform:translateY(12px) scale(0.88)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pami-time-picker-mode-in{from{opacity:0;transform:translateY(8px) scale(0.96)}to{opacity:1;transform:translateY(0) scale(1)}}.pami-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}.pami-time-picker__body{display:flex;flex-direction:column}.pami-time-picker__body--horizontal{flex-direction:row;align-items:flex-start;column-gap:52px}.pami-time-picker__time-area{display:flex;flex-direction:column;flex:0 0 auto}.pami-time-picker__body--horizontal .pami-time-picker__dial-wrap{flex:0 0 auto}.pami-time-picker__body--horizontal .pami-time-picker__input-area{margin-block-end:0}.pami-time-picker__body--horizontal .pami-time-picker__period--horizontal{margin-block-start:var(--md-sys-spacing-inset-lg, 16px);margin-block-end:0;margin-inline:0}.pami-time-picker__period{display:inline-flex;border:var(--_period-outline-width) solid var(--_period-outline-color);box-sizing:border-box}.pami-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)}.pami-time-picker__input-area .pami-time-picker__period--vertical{block-size:var(--_period-vertical-height-input)}.pami-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}.pami-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))}.pami-time-picker__period-btn-label{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center}.pami-time-picker__period--vertical .pami-time-picker__period-btn{block-size:50%}.pami-time-picker__period--horizontal .pami-time-picker__period-btn{inline-size:50%;block-size:100%}.pami-time-picker__period-btn:hover{background:color-mix(in srgb, var(--_period-color) var(--_period-hover-opacity), transparent)}.pami-time-picker__period-btn--active{background:var(--_period-active-bg);color:var(--_period-active-color)}.pami-time-picker__period-btn--active:hover{background:color-mix(in srgb, var(--_period-active-color) var(--_period-hover-opacity), var(--_period-active-bg))}.pami-time-picker__period-btn:focus-visible{outline:var(--md-sys-state-focus-ring-width, 2px) solid var(--md-sys-color-focus-ring, var(--md-sys-color-secondary));outline-offset:var(--md-sys-state-focus-ring-offset, 2px);z-index:1}.pami-time-picker__period--vertical .pami-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))}.pami-time-picker__period--vertical .pami-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))}.pami-time-picker__period--horizontal .pami-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))}.pami-time-picker__period--horizontal .pami-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))}.pami-time-picker__dial-wrap{display:flex;justify-content:center;align-items:center;margin-block-end:var(--md-sys-spacing-inset-xl, 24px);animation:pami-time-picker-mode-in      var(--_mode-swap-duration)      var(--_motion-easing)      both;transform-origin:center top}.pami-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]) .pami-time-picker__dial{pointer-events:none;opacity:0.38}.pami-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}.pami-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}.pami-time-picker__dial-hand-line{position:absolute;left:50%;top:auto;bottom:0;width:var(--_dial-hand-width);height:var(--pami-time-picker-hand-length, var(--_hand-length-dynamic, 100%));background:var(--_dial-hand-color);transform:translateX(-50%)}.pami-time-picker__dial-hand-tip{position:absolute;left:50%;top:calc(100% - var(--pami-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%)}.pami-time-picker__dial-hand-dot{display:none}.pami-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}.pami-time-picker__dial-number--inner{color:var(--_dial-number-color);opacity:1}.pami-time-picker__dial-number--active{color:var(--_dial-number-active-color);font-weight:var(--_dial-number-active-font-weight);opacity:1}.pami-time-picker__input-area{margin-block-end:var(--md-sys-spacing-inset-xl, 24px);animation:pami-time-picker-mode-in      var(--_mode-swap-duration)      var(--_motion-easing)      both;transform-origin:center top}.pami-time-picker__input-time{display:flex;align-items:flex-start;justify-content:center;gap:0}.pami-time-picker__input-group{display:flex;flex-direction:column;align-items:center;gap:var(--_input-hint-gap)}.pami-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}.pami-time-picker__input::-webkit-outer-spin-button,.pami-time-picker__input::-webkit-inner-spin-button{appearance:none;margin:0}.pami-time-picker__input:hover{background:color-mix(in srgb, var(--_input-color) var(--_input-hover-opacity), var(--_input-bg))}.pami-time-picker__input:focus{outline:none;background:var(--_input-bg);border-color:var(--_input-active-outline-color)}.pami-time-picker__input--active{background:var(--_input-active-bg);color:var(--_input-active-color);border-color:transparent}.pami-time-picker__input--active:focus{background:var(--_input-active-bg);color:var(--_input-active-color);border-color:var(--_input-active-outline-color)}.pami-time-picker__input--active:hover{background:color-mix(      in srgb,      var(--_input-active-color) var(--_input-hover-opacity),      var(--_input-active-bg)    )}.pami-time-picker__input--error,.pami-time-picker__input--error:focus{border-color:var(--_input-error-color);color:var(--_input-error-color)}.pami-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}.pami-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)}.pami-time-picker__input--error~.pami-time-picker__input-hint{color:var(--_input-error-color)}.pami-time-picker__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--_footer-gap)}.pami-time-picker__toggle-mode{--pami-icon-button-color:var(--_toggle-icon-color);--pami-icon-button-icon-color:var(--_toggle-icon-color);--pami-icon-button-icon-size:var(--_toggle-icon-size);--pami-icon-button-container-color:var(--_toggle-bg);--pami-icon-button-container-shape:var(--_toggle-shape)}.pami-time-picker__actions{display:inline-flex;align-items:center;gap:var(--_actions-gap)}.pami-time-picker__action-btn{--pami-button-label-color:var(--_action-color);--pami-button-container-color:var(--_action-cancel-bg);--pami-button-container-shape:var(--_action-shape)}.pami-time-picker__action-btn--primary{--pami-button-label-color:var(--_action-primary-color);--pami-button-container-color:var(--_action-confirm-bg);--pami-button-container-shape:var(--_action-shape)}@media (prefers-reduced-motion: reduce){.pami-time-picker__scrim,.pami-time-picker__dialog,.pami-time-picker__dial-wrap,.pami-time-picker__input-area,.pami-time-picker__dial-hand,.pami-time-picker__period-btn,.pami-time-picker__dial-number,.pami-time-picker__input{animation:none !important;transition:none !important}}.pami-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){.pami-time-picker__dialog{border:1px solid CanvasText}.pami-time-picker__period,.pami-time-picker__input,.pami-time-picker__dial{border:1px solid CanvasText}.pami-time-picker__input:hover,.pami-time-picker__period-btn:hover{background:Canvas;color:CanvasText;forced-color-adjust:none}.pami-time-picker__input:focus{background:Canvas;color:CanvasText;border-color:Highlight;forced-color-adjust:none}.pami-time-picker__input--active,.pami-time-picker__input--active:hover,.pami-time-picker__input--active:focus,.pami-time-picker__period-btn--active,.pami-time-picker__period-btn--active:hover,.pami-time-picker__dial-hand-line,.pami-time-picker__dial-hand-tip,.pami-time-picker__dial-center{background:Highlight;color:HighlightText;forced-color-adjust:none}.pami-time-picker__input--error,.pami-time-picker__input--error:focus,.pami-time-picker__input--error:hover{background:Canvas;border-color:LinkText;color:LinkText;forced-color-adjust:none}.pami-time-picker__period-btn:focus-visible{outline-color:Highlight}.pami-time-picker__period--vertical .pami-time-picker__period-btn--am{border-block-end-color:CanvasText}.pami-time-picker__period--horizontal .pami-time-picker__period-btn--am{border-inline-end-color:CanvasText}.pami-time-picker__period-btn pami-ripple{display:none}}:host-context([data-theme='dark']){--_scrim-color:var(--pami-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}:host([hidden]){display:none !important}`;const g=[];let v="";let b=0;const k=i(class i extends t{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.pamiChange=e(this,"pamiChange",7);this.pamiInput=e(this,"pamiInput",7);this.pamiOpen=e(this,"pamiOpen",7);this.pamiClose=e(this,"pamiClose",7);this.pamiCancel=e(this,"pamiCancel",7);this.pamiModeChange=e(this,"pamiModeChange",7);this.pamiValidityChange=e(this,"pamiValidityChange",5);this.internals=this.attachInternals();this.validationMessage="";this.inlineValidation=new o({host:()=>this.el,validity:()=>p(this.internals),message:i=>{this.validationMessage=i},focus:()=>this.focusTrigger()});this.variant="input";this.format="12h";this.value="";this.name="";this.min="";this.max="";this.required=false;this.label="Select time";this.supportingText="";this.error=false;this.errorText="";this.reserveSupportingSpace=false;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.headlineId=n("pami-time-picker-headline");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=++b;this.isOpen=true;this.open=true;this.pamiOpen.emit();requestAnimationFrame((()=>this.focusInitial()))};this.closePicker=()=>{if(!this.isOpen)return;this.isOpen=false;this.open=false;this.detachOpenEnvironment();this.pamiClose.emit();this.restoreFocusAfterClose()};this.cancel=()=>{if(!this.isOpen)return;this.draftHours=this.committedHours;this.draftMinutes=this.committedMinutes;this.pamiCancel.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.pamiChange.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.pamiModeChange.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("pami-time-picker__input-hour")===true;const r=t===this.minuteInputEl||t?.classList?.contains("pami-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()}}}resetValidationPresentation(){this.inlineValidation.reset()}handleInvalid(i){this.inlineValidation.handleInvalid(i)}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=++b;this.previousFocus=i.deepActiveElement();this.attachOpenEnvironment();this.pamiOpen.emit();requestAnimationFrame((()=>this.focusInitial()))}}connectedCallback(){if(this.isOpen)this.attachOpenEnvironment()}disconnectedCallback(){this.detachOpenEnvironment()}formResetCallback(){this.inlineValidation.reset();this.value=this.defaultValue;this.updateFormValue()}formDisabledCallback(i){if(i)queueMicrotask((()=>this.inlineValidation.reset()));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=p(this.internals);const t=`${i.valid}|${i.validationMessage}`;if(this.lastValidityKey===t)return;const e=this.lastValidityKey!==null;this.lastValidityKey=t;if(e)this.pamiValidityChange.emit(i)}async show(){this.openPicker()}async hide(){this.cancel()}async checkValidity(){return l(this.internals)}async reportValidity(){return c(this.internals)}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.pamiInput.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(!g.includes(this))g.push(this);if(document.body){if(g.length===1){v=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=g.indexOf(this);if(i!==-1)g.splice(i,1);if(document.body&&g.length===0){document.body.style.overflow=v}}this.detachViewportListener()}static isTopmostOpen(i){let t=null;for(const i of g){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(".pami-time-picker__dialog");if(!i)return[];const t=Array.from(i.querySelectorAll("input, button, pami-button, pami-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.inlineValidation.refresh();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("pami-text-field",{class:{"pami-time-picker__field":true,"pami-time-picker__field--disabled":this.isDisabled,"pami-time-picker__field--filled":!!i,"pami-time-picker__field--open":this.isOpen},readOnly:true,label:this.label,value:i,supportingText:(this.error||!!this.validationMessage)&&(this.errorText||this.validationMessage)?"":this.supportingText,error:this.error||!!this.validationMessage,errorText:this.errorText||this.validationMessage,reserveSupportingSpace:this.reserveSupportingSpace,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("pami-icon",{slot:"leading-icon",class:"pami-time-picker__field-icon",part:"trigger-icon","aria-hidden":"true",name:"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:{"pami-time-picker__period":true,"pami-time-picker__period--vertical":!t,"pami-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:{"pami-time-picker__period-btn":true,"pami-time-picker__period-btn--am":true,"pami-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("pami-ripple",{disabled:this.isDisabled,part:"period-am-ripple"}),r("span",{class:"pami-time-picker__period-btn-label"},this.amLabel)),r("button",{type:"button",class:{"pami-time-picker__period-btn":true,"pami-time-picker__period-btn--pm":true,"pami-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("pami-ripple",{disabled:this.isDisabled,part:"period-pm-ripple"}),r("span",{class:"pami-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:"pami-time-picker__dial-wrap",part:"dial-wrap"},r("div",{class:{"pami-time-picker__dial":true,"pami-time-picker__dial--minute":!i,"pami-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:"pami-time-picker__dial-hand",style:{transform:`rotate(${o}deg)`,["--_hand-length-dynamic"]:`${n*100}%`},"aria-hidden":"true",part:"dial-hand"},r("span",{class:"pami-time-picker__dial-hand-dot","aria-hidden":"true"}),r("span",{class:"pami-time-picker__dial-hand-line","aria-hidden":"true"}),r("span",{class:"pami-time-picker__dial-hand-tip","aria-hidden":"true"})),r("span",{class:"pami-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,p){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:{"pami-time-picker__dial-number":true,"pami-time-picker__dial-number--inner":e,"pami-time-picker__dial-number--active":a},style:{left:`${h}%`,top:`${m}%`},"data-value":String(p),"aria-hidden":"true"},i)}renderInputs(i=true){const t=this.selecting==="hour";return r("div",{class:"pami-time-picker__input-area",part:"input-area"},r("div",{class:"pami-time-picker__input-time"},r("div",{class:"pami-time-picker__input-group"},r("input",{type:"text",inputmode:"numeric",autocomplete:"off",class:{"pami-time-picker__input":true,"pami-time-picker__input-hour":true,"pami-time-picker__input--active":t,"pami-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:"pami-time-picker__input-hint"},this.hourLabel)),r("span",{class:"pami-time-picker__input-separator","aria-hidden":"true"},":"),r("div",{class:"pami-time-picker__input-group"},r("input",{type:"text",inputmode:"numeric",autocomplete:"off",class:{"pami-time-picker__input":true,"pami-time-picker__input-minute":true,"pami-time-picker__input--active":!t,"pami-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:"pami-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:"pami-time-picker__time-area",part:"time-area"},this.renderInputs(!s),s&&this.renderPeriodToggle());return r("div",{class:"pami-time-picker__scrim",part:"scrim",onClick:i=>{if(i.target===i.currentTarget)this.cancel()}},r("div",{class:{"pami-time-picker__dialog":true,"pami-time-picker__dialog--dial":!i,"pami-time-picker__dialog--input":i,"pami-time-picker__dialog--horizontal":t,"pami-time-picker__dialog--vertical":!t},role:"dialog","aria-modal":"true","aria-labelledby":this.headlineId,part:"dialog"},r("div",{class:"pami-time-picker__headline",id:this.headlineId,part:"headline"},a),r("span",{class:"pami-time-picker__sr-status","aria-live":"polite"},this.selecting==="hour"?this.hourLabel:this.minuteLabel),r("div",{class:{"pami-time-picker__body":true,"pami-time-picker__body--horizontal":t},part:"body"},n,i?this.renderInputs():this.renderDial()),r("div",{class:"pami-time-picker__footer",part:"footer"},r("pami-icon-button",{class:"pami-time-picker__toggle-mode",variant:"standard",size:"sm",icon:i?"schedule":"keyboard","aria-label":i?this.toggleDialLabel:this.toggleInputLabel,onPamiClick:this.toggleMode,part:"toggle-mode"}),r("div",{class:"pami-time-picker__actions",part:"actions"},r("pami-button",{class:"pami-time-picker__action-btn",variant:"text",size:"sm",onPamiClick:this.cancel,part:"cancel-button"},this.cancelLabel),r("pami-button",{class:"pami-time-picker__action-btn pami-time-picker__action-btn--primary",variant:"text",size:"sm",onPamiClick:this.confirm,part:"confirm-button"},this.okLabel)))))}render(){return r(a,{key:"8f6faf35a38d96d896bfef0bdf9ccc2fe753413b",class:{"pami-time-picker":true,[`pami-time-picker--${this.variant}`]:true,[`pami-time-picker--format-${this.format}`]:true,"pami-time-picker--open":this.isOpen,"pami-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{name:[{resetValidationPresentation:0}],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 f()}},[65,"pami-time-picker",{variant:[1],format:[1],value:[1537],name:[513],min:[1],max:[1],required:[516],label:[1],supportingText:[1,"supporting-text"],error:[1540],errorText:[1025,"error-text"],reserveSupportingSpace:[4,"reserve-supporting-space"],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],validationMessage:[32],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]},[[0,"invalid","handleInvalid"]],{name:[{resetValidationPresentation:0}],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}]}]);k.ADAPTIVE_MIN_DIAL_HEIGHT=460;k.ADAPTIVE_LANDSCAPE_WIDTH=720;k.ADAPTIVE_DEMOTE_WIDTH=620;function y(){if(typeof customElements==="undefined"){return}const i=["pami-time-picker","pami-button","pami-icon","pami-icon-button","pami-ripple","pami-text-field"];i.forEach((i=>{switch(i){case"pami-time-picker":if(!customElements.get(s(i))){customElements.define(s(i),k)}break;case"pami-button":if(!customElements.get(s(i))){h()}break;case"pami-icon":if(!customElements.get(s(i))){m()}break;case"pami-icon-button":if(!customElements.get(s(i))){d()}break;case"pami-ripple":if(!customElements.get(s(i))){u()}break;case"pami-text-field":if(!customElements.get(s(i))){_()}break}}))}y();const x=k;const w=y;export{x as PamiTimePicker,w as defineCustomElement};
 //# sourceMappingURL=pami-time-picker.js.map