udp-stencil-component-library 26.5.0-beta.2 → 26.5.0-beta.21

package/dist/stencil-library/ag-grid-base_65.entry.js

@@ -1 +1 @@
-import{h as e,r as t,c as i,H as a,a as o}from"./index-Cgpvu-iV.js";import{themeQuartz as n,ModuleRegistry as r,AllEnterpriseModule as s,LicenseManager as d,createGrid as l}from"ag-grid-enterprise-v33";import{g as c,d as h,u,s as p,a as b,b as f,e as m,c as v,f as g}from"./apiUtils-DEqUG_N0.js";import{g as y}from"./lookupHelper-BP4qC8KW.js";import{g as k}from"./tenantUtils-Basdb1b1.js";import{a as x,L as w,d as S}from"./searchObject-CDJVsMG_.js";import{c as C}from"./searchObjectHelper-CVNJDbDx.js";import{S as z,I as N,A as F}from"./status-renderer-BoY7sar9.js";import{c as _}from"./configureUdpColumnMods-CSUDZh9G.js";import{isEqual as D}from"lodash-es";import{m as B}from"./makeApiCall-B-daVutk.js";import{C as I}from"./configService-DgYnEcjx.js";import"@fluentui/web-components/accordion.js";import"@fluentui/web-components/accordion-item.js";import{createPopper as T}from"@popperjs/core";import"@fluentui/web-components/dropdown.js";import"@fluentui/web-components/field.js";import"@fluentui/web-components/label.js";import"@fluentui/web-components/option.js";import"@fluentui/web-components/listbox.js";import"@fluentui/web-components/button.js";import"@fluentui/web-components/compound-button.js";import{h as A}from"./slot-helpers-Dx6EW-PP.js";import"@fluentui/web-components/text-input.js";import"cally";import{g as O}from"./entityUtilities-Bi7rt-yd.js";import"@fluentui/web-components/avatar.js";import"@fluentui/web-components/badge.js";import{f as q}from"./form-registry-BhFl_bdX.js";import"@fluentui/web-components/checkbox.js";import"@fluentui/web-components/counter-badge.js";import"@fluentui/web-components/dialog.js";import"@fluentui/web-components/dialog-body.js";import"@fluentui/web-components/divider.js";import"@fluentui/web-components/drawer.js";import"@fluentui/web-components/drawer-body.js";import"@fluentui/web-components/menu.js";import"@fluentui/web-components/menu-item.js";import"@fluentui/web-components/menu-button.js";import"@fluentui/web-components/menu-list.js";import"@fluentui/web-components/radio-group.js";import"@fluentui/web-components/radio.js";import"@fluentui/web-components/switch.js";import"@fluentui/web-components/tablist.js";import"@fluentui/web-components/tab.js";import"@fluentui/web-components/toggle-button.js";import{createForm as M}from"final-form";import{g as P}from"./iconUtils-BzY-c9Op.js";import"@fluentui/web-components/message-bar.js";import"@fluentui/web-components/progress-bar.js";import E from"@carbon/icons/es/close/24";import"@fluentui/web-components/slider.js";import"@fluentui/web-components/spinner.js";import"@fluentui/web-components/textarea.js";import"@fluentui/web-components/tooltip.js";import"@fluentui/web-components/tree.js";import"@fluentui/web-components/tree-item.js";import"deep-equal";import"@stencil/store";import"axios";import"./iconMapping-C3k5yilV.js";import"@carbon/icons/es/add/16";import"@carbon/icons/es/add/32";import"@carbon/icons/es/add--alt/16";import"@carbon/icons/es/add--filled/16";import"@carbon/icons/es/arrows--horizontal/16";import"@carbon/icons/es/attachment/16";import"@carbon/icons/es/batch-job/16";import"@carbon/icons/es/box/16";import"@carbon/icons/es/close/16";import"@carbon/icons/es/close/32";import"@carbon/icons/es/close--filled/16";import"@carbon/icons/es/close--outline/16";import"@carbon/icons/es/checkmark/16";import"@carbon/icons/es/checkmark/24";import"@carbon/icons/es/checkmark/32";import"@carbon/icons/es/chevron--left/16";import"@carbon/icons/es/chevron--right/16";import"@carbon/icons/es/chevron--down/16";import"@carbon/icons/es/data-enrichment/16";import"@carbon/icons/es/document/16";import"@carbon/icons/es/document--add/16";import"@carbon/icons/es/document--attachment/16";import"@carbon/icons/es/document--pdf/16";import"@carbon/icons/es/document--video/16";import"@carbon/icons/es/document--audio/16";import"@carbon/icons/es/draggable/16";import"@carbon/icons/es/edit/16";import"@carbon/icons/es/export/16";import"@carbon/icons/es/flag/16";import"@carbon/icons/es/information/16";import"@carbon/icons/es/information/32";import"@carbon/icons/es/link/16";import"@carbon/icons/es/location/16";import"@carbon/icons/es/overflow-menu--vertical/16";import"@carbon/icons/es/overflow-menu--vertical/32";import"@carbon/icons/es/return/16";import"@carbon/icons/es/save/16";import"@carbon/icons/es/settings/16";import"@carbon/icons/es/subtract/16";import"@carbon/icons/es/subtract--alt/16";import"@carbon/icons/es/subtract--filled/16";import"@carbon/icons/es/trash-can/16";import"@carbon/icons/es/user/16";import"@carbon/icons/es/view/16";import"@carbon/icons/es/warning/16";import"@carbon/icons/es/warning/32";import"@carbon/icons/es/warning--alt/16";import"@carbon/icons/es/warning--alt/32";import"@carbon/icons/es/product/16";import"@carbon/icons/es/workspace/16";import"@carbon/icons/es/arrow--up/16";import"@carbon/icons/es/arrow--down/16";import"@carbon/icons/es/arrow--right/16";import"@carbon/icons/es/arrow--left/16";import"@carbon/icons/es/copy/16";import"@carbon/icons/es/star/16";import"@carbon/icons/es/data-table/16";import"@carbon/icons/es/fit-to-width/16";import"@carbon/icons/es/search--advanced/16";import"@carbon/icons/es/reset/16";import"@carbon/icons/es/column/16";import"@carbon/icons/es/column--delete/16";import"@carbon/icons/es/watson-health/rotate--360/16";import"@carbon/icons/es/filter/16";import"@carbon/icons/es/app-connectivity/16";import"@carbon/icons/es/text--font/16";import"@carbon/icons/es/text--long-paragraph/16";import"@carbon/icons/es/character--whole-number/16";import"@carbon/icons/es/checkbox--checked/16";import"@carbon/icons/es/radio-button--checked/16";import"@carbon/icons/es/event--schedule/16";import"@carbon/icons/es/view--off/16";import"@carbon/icons/es/time/16";import"@carbon/icons/es/calendar/16";import"@carbon/icons/es/list--checked/16";import"@carbon/icons/es/list--bulleted/16";import"@carbon/icons/es/cloud--upload/16";import"@carbon/icons/es/locked/16";import"@carbon/icons/es/pause/16";import"@carbon/icons/es/unlocked/16";import"@carbon/icons/es/send/16";import"@carbon/icons/es/email/16";import"@carbon/icons/es/checkmark--outline/16";import"@carbon/icons/es/migrate--alt/16";import"@carbon/icons/es/checkbox--checked--filled/16";import"@carbon/icons/es/checkbox/16";import"@carbon/icons/es/ZIP/16";import"@carbon/icons/es/image/16";import"@carbon/icons/es/PPT/16";import"@carbon/icons/es/XLS/16";import"@carbon/icons/es/ibm--elo--method-composer/16";import"@carbon/icons/es/undo/16";import"@carbon/icons/es/catalog/16";import"@carbon/icons/es/table--split/16";let j=null;function R(){return n.withParams({wrapperBorderRadius:0,wrapperBorder:!1,headerCellHoverBackgroundColor:"var(--udp-grid-column-header-bg-hover)",borderColor:"#E9ECEF",accentColor:"var(--primary-color)",browserColorScheme:"light"},"light").withParams({wrapperBorderRadius:0,wrapperBorder:!1,headerCellHoverBackgroundColor:"var(--udp-grid-column-header-bg-hover)",borderColor:"var(--divider-color)",accentColor:"var(--primary-color)",browserColorScheme:"dark"},"dark")}function $(e){j||(j=R()),document.documentElement.setAttribute("data-ag-theme-mode",e)}function V(){return sessionStorage.getItem("user-id")}const H=async e=>{(null===document||void 0===document?void 0:document.startViewTransition)?(document.viewTransition&&await document.viewTransition.finished.catch((()=>{})),document.startViewTransition(e)):e()};function L(e){const t=new Date(e),i=Math.floor((Date.now()-t.getTime())/1e3);if(i<60)return`${i} second${1!==i?"s":""} ago`;const a=Math.floor(i/60);if(a<60)return`${a} minute${1!==a?"s":""} ago`;const o=Math.floor(a/60);if(o<24)return`${o} hour${1!==o?"s":""} ago`;const n=Math.floor(o/24);return`${n} day${1!==n?"s":""} ago`}function W(e,t){var i;return null===(i=e.gridViewGridViewGridConfiguration)||void 0===i?void 0:i.find((e=>e.gridViewGridConfigurationGridConfiguration.gridStateTypeId===t))}function G(e){return W(e,1)}function Y(e){return W(e,4)}function J(e){switch(e){case"primary":return"primary";case"ghost":return"subtle";default:return"secondary"}}class U{constructor(){this.chips=[],this.moreFiltersLabel="More filters",this.selected=new Map,this.options=new Map,this.routes=new Map,this.colIdToChip=new Map,this.itemIndex=new Map,this.openDateChipId=null,this.dateDraft=new Map,this.overflowIds=new Set,this.chipWidths=new Map,this.measureRaf=null,this.setContainer=e=>{e&&(e!==this.containerEl&&(this.containerEl=e,this.resizeObserver||(this.resizeObserver=new ResizeObserver((()=>this.scheduleMeasure()))),this.resizeObserver.observe(e)),this.scheduleMeasure())},this.handleCheckedChangeEvent=e=>{var t,i,a;const o=this.itemIndex.get(null!==(t=e.detail.item.id)&&void 0!==t?t:"");if(!o)return;const n=this.chips.find((e=>e.id===o.chipId));if(!n)return;const r=new Set(null!==(i=this.selected.get(n.id))&&void 0!==i?i:[]);e.detail.checked?("single"===n.selection&&r.clear(),r.add(o.value)):r.delete(o.value),this.selected.set(n.id,r),this.applyChip(n),this.refresh(),null===(a=this.coordinator)||void 0===a||a.notifyScopeChanged()},this.toggleDatePopover=e=>{var t,i;if(this.openDateChipId===e.id)this.openDateChipId=null;else{const a=null!==(i=Array.from(null!==(t=this.selected.get(e.id))&&void 0!==t?t:[])[0])&&void 0!==i?i:"";this.dateDraft.set(e.id,a),this.openDateChipId=e.id}this.refresh()},this.handleDatePopoverClose=()=>{null!==this.openDateChipId&&(this.openDateChipId=null,this.refresh())},this.handleDateDraftChange=(e,t)=>{var i;this.dateDraft.set(e.id,null!==(i=t.detail)&&void 0!==i?i:"")},this.applyDateChip=e=>{var t,i;const a=null!==(t=this.dateDraft.get(e.id))&&void 0!==t?t:"";this.selected.set(e.id,a?new Set([a]):new Set),this.openDateChipId=null,this.applyChip(e),this.refresh(),null===(i=this.coordinator)||void 0===i||i.notifyScopeChanged()},this.clearDateChip=e=>{var t;this.dateDraft.set(e.id,""),this.selected.set(e.id,new Set),this.openDateChipId=null,this.applyChip(e),this.refresh(),null===(t=this.coordinator)||void 0===t||t.notifyScopeChanged()},this.clearAll=()=>{var e;const t=this.chips.some((e=>{var t,i;return"column"===this.routes.get(e.id)&&(null!==(i=null===(t=this.selected.get(e.id))||void 0===t?void 0:t.size)&&void 0!==i?i:0)>0})),i=this.chips.some((e=>{var t,i;return"external"===this.routes.get(e.id)&&(null!==(i=null===(t=this.selected.get(e.id))||void 0===t?void 0:t.size)&&void 0!==i?i:0)>0}));if(this.selected.clear(),t){const e=this.chips.filter((e=>"column"===this.routes.get(e.id)));Promise.all(e.map((e=>this.api.setColumnFilterModel(e.columnId,null)))).then((()=>this.api.onFilterChanged()))}i&&(this.writeExternalContext(),this.api.refreshServerSide({purge:!0})),this.refresh(),null===(e=this.coordinator)||void 0===e||e.notifyScopeChanged()},this.onColumnFilterChanged=e=>{var t;if("columnFilter"!==e.source&&"api"!==e.source)return;const i=(null!==(t=e.columns)&&void 0!==t?t:[]).map((e=>e.getColId())),a=i.length?i:Array.from(this.colIdToChip.keys());let o=!1;for(const e of a){const t=this.colIdToChip.get(e);if(!t)continue;const i=this.api.getColumnFilterModel(e);i&&"set"===i.filterType&&Array.isArray(i.values)?this.selected.set(t,new Set(i.values.map(String))):this.selected.set(t,new Set),o=!0}o&&this.refresh()}}async init(e,t,i,a){var o,n,r,s,d;if(this.api=e,this.refresh=t,this.coordinator=a,this.chips=null!==(o=null==i?void 0:i.chips)&&void 0!==o?o:[],this.moreFiltersLabel=null!==(n=null==i?void 0:i.moreFiltersLabel)&&void 0!==n?n:"More filters",!this.chips.length)return;0===(null!==(s=null===(r=this.api.getColumnDefs())||void 0===r?void 0:r.length)&&void 0!==s?s:0)&&await new Promise((e=>{const t=()=>{var i,a;(null!==(a=null===(i=this.api.getColumnDefs())||void 0===i?void 0:i.length)&&void 0!==a?a:0)>0&&(this.api.removeEventListener("gridColumnsChanged",t),e())};this.api.addEventListener("gridColumnsChanged",t)}));for(const e of this.chips){e.options&&this.options.set(e.id,e.options);let t="external";!this.isPredefined(e)&&e.columnId&&(this.api.getColumn(e.columnId)?(t="column",this.colIdToChip.set(e.columnId,e.id)):console.warn(`[quickFilterChips] chip "${e.id}" references columnId "${e.columnId}" which was not found; applying it as an external search filter instead.`)),this.routes.set(e.id,t),(null===(d=e.defaultSelected)||void 0===d?void 0:d.length)&&this.selected.set(e.id,new Set(e.defaultSelected.map(String)))}const l=this.chips.filter((e=>{var t,i;return"column"===this.routes.get(e.id)&&(null!==(i=null===(t=this.selected.get(e.id))||void 0===t?void 0:t.size)&&void 0!==i?i:0)>0}));await Promise.all(l.map((e=>{var t;return this.api.setColumnFilterModel(e.columnId,{filterType:"set",values:Array.from(null!==(t=this.selected.get(e.id))&&void 0!==t?t:[])})}))),this.writeExternalContext(),this.api.addEventListener("filterChanged",this.onColumnFilterChanged),this.loadAsyncOptions()}update(e){var t,i,a;const o=this.selected,n=new Set(this.chips.map((e=>e.id)));this.chips=null!==(t=null==e?void 0:e.chips)&&void 0!==t?t:[],this.moreFiltersLabel=null!==(i=null==e?void 0:e.moreFiltersLabel)&&void 0!==i?i:"More filters",this.selected=new Map,this.options=new Map,this.routes=new Map,this.colIdToChip=new Map;for(const e of this.chips){e.options&&this.options.set(e.id,e.options);let t="external";!this.isPredefined(e)&&e.columnId&&this.api.getColumn(e.columnId)&&(t="column",this.colIdToChip.set(e.columnId,e.id)),this.routes.set(e.id,t);const i=o.get(e.id);i?this.selected.set(e.id,i):!n.has(e.id)&&(null===(a=e.defaultSelected)||void 0===a?void 0:a.length)&&this.selected.set(e.id,new Set(e.defaultSelected.map(String)))}this.loadAsyncOptions(),this.refresh()}destroy(){var e,t;null===(e=this.api)||void 0===e||e.removeEventListener("filterChanged",this.onColumnFilterChanged),null===(t=this.resizeObserver)||void 0===t||t.disconnect(),this.resizeObserver=void 0,null!==this.measureRaf&&(cancelAnimationFrame(this.measureRaf),this.measureRaf=null)}scheduleMeasure(){null===this.measureRaf&&(this.measureRaf=requestAnimationFrame((()=>{this.measureRaf=null,this.measureAndReflow()})))}parseGap(e){const t=parseFloat(getComputedStyle(e).columnGap||"0");return Number.isFinite(t)?t:0}measureAndReflow(){var e,t,i,a;const o=this.containerEl;if(!o||!o.isConnected)return;const n=o.clientWidth;if(n<=0)return;const r=n-U.SAFETY_MARGIN,s=this.parseGap(o),d=this.chips.some((e=>this.chipActive(e))),l=e=>t=>{var i;return!this.canOverflow(t)||"preset"===(null!==(i=t.placement)&&void 0!==i?i:"preset")&&!e.has(t.id)},c=e=>this.chips.some((t=>this.canOverflow(t)&&("more"===t.placement||e.has(t.id)))),h=this.chips.filter(l(this.overflowIds)),u=Array.from(o.children);h.forEach(((e,t)=>{const i=u[t];i&&this.chipWidths.set(e.id,i.offsetWidth)}));let p=h.length,b=U.MORE_WIDTH_FALLBACK;c(this.overflowIds)&&(b=null!==(t=null===(e=u[p])||void 0===e?void 0:e.offsetWidth)&&void 0!==t?t:b,p++);const f=d&&null!==(a=null===(i=u[p])||void 0===i?void 0:i.offsetWidth)&&void 0!==a?a:0,m=e=>{var t;return null!==(t=this.chipWidths.get(e))&&void 0!==t?t:96},v=e=>{let t=this.chips.filter(l(e)).reduce(((e,t,i)=>e+m(t.id)+(i>0?s:0)),0);return c(e)&&(t+=b+s),d&&(t+=f+s),t},g=this.chips.filter((e=>{var t;return this.canOverflow(e)&&"preset"===(null!==(t=e.placement)&&void 0!==t?t:"preset")})),y=new Set;for(let e=g.length-1;e>=0&&v(y)>r;e--)y.add(g[e].id);(y.size!==this.overflowIds.size||[...y].some((e=>!this.overflowIds.has(e))))&&(this.overflowIds=y,this.refresh())}chipType(e){var t;return null!==(t=e.type)&&void 0!==t?t:"options"}canOverflow(e){return"date"!==this.chipType(e)}operatorFor(e){return e.operator?e.operator:"single"===e.selection?x.EQUALS:x.IN}isPredefined(e){var t;return(null!==(t=e.options)&&void 0!==t?t:[]).some((e=>null!=e.filter))}chipActive(e){var t;const i=this.selected.get(e.id);return!(!i||0===i.size)&&(!this.isPredefined(e)||(null!==(t=this.options.get(e.id))&&void 0!==t?t:[]).some((e=>{var t,a;return i.has(String(e.value))&&(null!==(a=null===(t=e.filter)||void 0===t?void 0:t.length)&&void 0!==a?a:0)>0})))}buildChipFilterElements(e){return"date"===this.chipType(e)?this.buildDateFilterElements(e):this.buildOptionsFilterElements(e)}buildDateFilterElements(e){var t,i;const a=Array.from(null!==(t=this.selected.get(e.id))&&void 0!==t?t:[])[0];if(!a||!e.field)return[];if(a.includes("/")){const[t,i]=a.split("/");return[{searchField:e.field,searchValue:`${t},${i}`,searchOperator:x.BETWEEN,groupId:null}]}return[{searchField:e.field,searchValue:a,searchOperator:null!==(i=e.operator)&&void 0!==i?i:x.EQUALS,groupId:null}]}buildOptionsFilterElements(e){var t,i;const a=null!==(t=this.selected.get(e.id))&&void 0!==t?t:new Set;if(this.isPredefined(e))return(null!==(i=this.options.get(e.id))&&void 0!==i?i:[]).filter((e=>a.has(String(e.value)))).flatMap((e=>{var t;return null!==(t=e.filter)&&void 0!==t?t:[]}));const o=Array.from(a);return o.length&&e.field?[{searchField:e.field,searchValue:o.join(","),searchOperator:this.operatorFor(e),groupId:null}]:[]}writeExternalContext(){const e=this.chips.filter((e=>"external"===this.routes.get(e.id))).flatMap((e=>this.buildChipFilterElements(e)));this.api.setGridOption("context",Object.assign(Object.assign({},this.api.getGridOption("context")),{quickFilterSearch:{filterElements:e,logicalSearchOperator:w.AND}}))}applyChip(e){var t;const i=Array.from(null!==(t=this.selected.get(e.id))&&void 0!==t?t:[]);"column"!==this.routes.get(e.id)?(this.writeExternalContext(),this.api.refreshServerSide({purge:!0})):this.api.setColumnFilterModel(e.columnId,i.length?{filterType:"set",values:i}:null).then((()=>this.api.onFilterChanged()))}hasExternalChips(){return this.chips.some((e=>"external"===this.routes.get(e.id)))}getScopedState(){if(!this.hasExternalChips())return null;const e={};for(const t of this.chips){if("external"!==this.routes.get(t.id))continue;const i=this.selected.get(t.id);i&&i.size&&(e[t.id]=Array.from(i))}return{gridStateTypeId:7,values:JSON.stringify(e)}}setScopedState(e){var t,i;const a=e?(()=>{try{return JSON.parse(e)}catch(e){return{}}})():null;for(const e of this.chips){if("external"!==this.routes.get(e.id))continue;const o=a?null!==(t=a[e.id])&&void 0!==t?t:[]:(null!==(i=e.defaultSelected)&&void 0!==i?i:[]).map(String);this.selected.set(e.id,new Set(o))}this.writeExternalContext(),this.refresh()}loadAsyncOptions(){for(const e of this.chips)e.valueSource&&!this.options.has(e.id)&&e.valueSource().then((t=>{this.options.set(e.id,t),this.refresh()})).catch((()=>{}))}chipLabel(e){var t,i,a,o;if(!this.chipActive(e))return e.label;const n=null!==(t=this.selected.get(e.id))&&void 0!==t?t:new Set;if("date"===this.chipType(e)){const t=null!==(i=Array.from(n)[0])&&void 0!==i?i:"";return`${e.label}: ${this.formatDateLabel(t)}`}if("single"===e.selection){const t=Array.from(n)[0],i=(null!==(a=this.options.get(e.id))&&void 0!==a?a:[]).find((e=>String(e.value)===t));return`${e.label}: ${null!==(o=null==i?void 0:i.label)&&void 0!==o?o:t}`}return`${e.label} (${n.size})`}formatDateLabel(e){const t=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],i=e=>{const i=e.match(/^(\d{4})-(\d{2})-(\d{2})/);return i?`${t[Number(i[2])-1]} ${Number(i[3])}`:e};if(e.includes("/")){const[t,a]=e.split("/");return`${i(t)} – ${i(a)}`}return i(e)}buildItems(e,t){var i,a;const o=null!==(i=this.options.get(e.id))&&void 0!==i?i:[],n=null!==(a=this.selected.get(e.id))&&void 0!==a?a:new Set,r=[];for(const i of o){const a=String(i.value),o=`${e.id}::${a}`;this.itemIndex.set(o,{chipId:e.id,value:a}),r.push({id:o,text:i.label,type:"checkbox",checked:n.has(a),parentId:t})}return r}renderChip(e){return"date"===this.chipType(e)?this.renderDateChip(e):this.renderOptionsChip(e)}renderDateChip(t){var i,a;const o=this.chipActive(t),n=null!==(i=t.dateSelectionType)&&void 0!==i?i:"range";return e("span",{class:"qf-date-chip",key:t.id},e("udp-popover",{open:this.openDateChipId===t.id,position:"bottom-start",toggleOnTriggerClick:!1,onPopoverClose:this.handleDatePopoverClose},e("udp-fluent-button",{slot:"trigger",class:o?"qf-chip-active":void 0,appearance:"subtle",shape:"circular",size:"small",endIconName:"chevron-down",onClick:()=>this.toggleDatePopover(t)},this.chipLabel(t)),e("div",{slot:"content",class:"qf-date-popover"},e("udp-date-range-selector",{variant:n,value:null!==(a=this.dateDraft.get(t.id))&&void 0!==a?a:"",monthsToDisplay:1,size:"sm",onChange:e=>this.handleDateDraftChange(t,e)}),e("div",{class:"qf-date-footer"},e("udp-fluent-button",{appearance:"subtle",size:"small",onClick:()=>this.clearDateChip(t)},"Clear"),e("udp-fluent-button",{appearance:"primary",size:"small",onClick:()=>this.applyDateChip(t)},"Apply")))))}renderOptionsChip(t){const i=this.chipActive(t);return e("udp-fluent-menu",{key:t.id,class:i?"qf-chip-active":void 0,label:this.chipLabel(t),appearance:"subtle",shape:"circular",size:"small",endIconName:"chevron-down",persistOnMenuClick:!0,items:this.buildItems(t),onCheckedChange:this.handleCheckedChangeEvent})}renderMoreMenu(t){const i=[];t.forEach(((e,t)=>{const a=`more::${e.id}`;i.push({id:a,text:this.chipLabel(e),sectionNumber:t});for(const o of this.buildItems(e,a))i.push(Object.assign(Object.assign({},o),{sectionNumber:t}))}));const a=t.filter((e=>this.chipActive(e))).length;return e("udp-fluent-menu",{key:"__quick-filter-more__",class:a>0?"qf-chip-active":void 0,label:a>0?`${this.moreFiltersLabel} (${a})`:this.moreFiltersLabel,appearance:"subtle",shape:"circular",size:"small",startIconName:"filter",persistOnMenuClick:!0,items:i,onCheckedChange:this.handleCheckedChangeEvent})}render(){if(!this.chips.length)return null;this.itemIndex=new Map;const t=this.chips.filter((e=>{var t;return!this.canOverflow(e)||"preset"===(null!==(t=e.placement)&&void 0!==t?t:"preset")&&!this.overflowIds.has(e.id)})),i=this.chips.filter((e=>this.canOverflow(e)&&("more"===e.placement||this.overflowIds.has(e.id)))),a=this.chips.some((e=>this.chipActive(e)));return e("div",{class:"quick-filter-chips",ref:this.setContainer},t.map((e=>this.renderChip(e))),i.length>0&&this.renderMoreMenu(i),a&&e("udp-fluent-button",{appearance:"subtle",size:"small",onClick:this.clearAll},"Clear filters"))}}U.MORE_WIDTH_FALLBACK=120,U.SAFETY_MARGIN=24;const X={agGridExport:class{constructor(e="export.csv"){this.fileName=e}init(e){this.gridApi=e}onAction(e){"agGridExport"===e&&this.gridApi.exportDataAsCsv({fileName:this.fileName})}},agGridExcelExport:class{constructor(e="export.xlsx"){this.fileName=e}init(e){this.gridApi=e}onAction(e){"agGridExcelExport"===e&&this.gridApi.exportDataAsExcel({fileName:this.fileName})}},openSavedViews:class{constructor(){this.filteredViews=[],this.allViewData=[],this.activeViewId=null,this.activeViewState=null,this.loading=!1,this.isDirty=!1,this.viewDialogMode=null,this.hoveredViewId=null,this.loadingViewId=null,this.deleteConfirmView=null,this.editingView=null,this.dialogName="",this.dialogIsPublic=!1,this.dialogMode="create",this.baseColumnState=null,this.baseScopedState=null,this.scopeUnsubscribe=null,this.localRestoredState=null,this.localStorageDebounceId=null,this.baselineRecaptureId=null,this.initialLoad=!0,this.dirtyListenerTimeoutId=null,this.scheduleDirtyListeners=()=>{null!==this.dirtyListenerTimeoutId&&clearTimeout(this.dirtyListenerTimeoutId),this.dirtyListenerTimeoutId=setTimeout((()=>{this.dirtyListenerTimeoutId=null,this.addDirtyListeners()}),300)},this.addDirtyListeners=()=>{this.api.addEventListener("columnVisible",this.checkIfDirty),this.api.addEventListener("columnPinned",this.checkIfDirty),this.api.addEventListener("columnMoved",this.checkIfDirty),this.api.addEventListener("columnPivotChanged",this.checkIfDirty),this.api.addEventListener("columnRowGroupChanged",this.checkIfDirty),this.api.addEventListener("columnValueChanged",this.checkIfDirty),this.api.addEventListener("columnsReset",this.checkIfDirty),this.api.addEventListener("filterChanged",this.checkIfDirty),this.api.addEventListener("sortChanged",this.checkIfDirty)},this.removeDirtyListeners=()=>{this.api.removeEventListener("columnVisible",this.checkIfDirty),this.api.removeEventListener("columnPinned",this.checkIfDirty),this.api.removeEventListener("columnMoved",this.checkIfDirty),this.api.removeEventListener("columnPivotChanged",this.checkIfDirty),this.api.removeEventListener("columnRowGroupChanged",this.checkIfDirty),this.api.removeEventListener("columnValueChanged",this.checkIfDirty),this.api.removeEventListener("columnsReset",this.checkIfDirty),this.api.removeEventListener("filterChanged",this.checkIfDirty),this.api.removeEventListener("sortChanged",this.checkIfDirty)},this.onColumnsChanged=()=>{var e;if(!this.baseColumnState)return;const t=this.getPrimaryColIds(),i=e=>e.filter((e=>t.has(e.colId))).map((e=>e.colId)).join(",");i(null!==(e=this.api.getColumnState())&&void 0!==e?e:[])!==i(JSON.parse(this.baseColumnState))&&(this.baseColumnState=JSON.stringify(this.api.getColumnState()),this.isDirty&&(this.isDirty=!1,this.refresh()))},this.getStorageKey=()=>{const e=k();return`saved-grid-state-${this.gridId}-${e}`},this.saveCurrentStateToLocalStorage=()=>{null!==this.localStorageDebounceId&&clearTimeout(this.localStorageDebounceId),this.localStorageDebounceId=setTimeout((()=>{if(this.localStorageDebounceId=null,!this.gridId)return;const e=this.getStorageKey(),t={date:(new Date).toISOString(),columnState:JSON.stringify(this.api.getColumnState()),filterModel:JSON.stringify(this.api.getFilterModel())};localStorage.setItem(e,JSON.stringify(t))}),500)},this.applyLocalRestoredState=()=>{if(this.localRestoredState){this.removeDirtyListeners(),this.api.setGridOption("loading",!0);try{const e=JSON.parse(this.localRestoredState.columnState);e&&this.api.applyColumnState({state:e,applyOrder:!0});const t=JSON.parse(this.localRestoredState.filterModel);this.api.setFilterModel(t)}catch(e){console.error("Failed to apply restored state",e)}this.localRestoredState=null,this.isDirty=!0,H((()=>{this.api.setGridOption("loading",!1),this.refresh(),this.scheduleDirtyListeners(),this.saveCurrentStateToLocalStorage()}))}},this.getPrimaryColIds=()=>{var e;return new Set((null!==(e=this.api.getColumns())&&void 0!==e?e:[]).filter((e=>e.isPrimary())).map((e=>e.getColId())))},this.serializeUserColumnState=e=>{const t=this.getPrimaryColIds();return JSON.stringify(e.filter((e=>t.has(e.colId))))},this.checkIfDirty=()=>{var e,t;if(null!==this.baselineRecaptureId)return;const i=this.serializeScopedState();let a;if(this.activeViewId&&this.activeViewState){const t=this.serializeUserColumnState(null!==(e=this.api.getColumnState())&&void 0!==e?e:[]),o=this.serializeUserColumnState(JSON.parse(this.activeViewState.columnState)),n=JSON.stringify(this.api.getFilterModel());a=t!==o||n!==this.activeViewState.filterModel||i!==this.activeViewState.scopedState}else{const e=this.api.getFilterModel(),o=Object.keys(null!=e?e:{}).length>0,n=this.serializeUserColumnState(null!==(t=this.api.getColumnState())&&void 0!==t?t:[]),r=null!==this.baseColumnState?this.serializeUserColumnState(JSON.parse(this.baseColumnState)):null;a=o||null!==r&&n!==r||null!==this.baseScopedState&&i!==this.baseScopedState}a!==this.isDirty&&(this.isDirty=a,this.refresh()),this.saveCurrentStateToLocalStorage()},this.scheduleBaselineRecapture=()=>{null!==this.baselineRecaptureId&&clearTimeout(this.baselineRecaptureId),this.baselineRecaptureId=setTimeout((()=>{this.baselineRecaptureId=null,this.activeViewId||(this.baseColumnState=JSON.stringify(this.api.getColumnState()),this.baseScopedState=this.serializeScopedState()),this.isDirty&&(this.isDirty=!1,this.refresh())}),0)},this.serializeScopedState=()=>{var e,t;const i=(null!==(t=null===(e=this.coordinator)||void 0===e?void 0:e.getScopedFunctions())&&void 0!==t?t:[]).map((e=>{var t;return null===(t=e.getScopedState)||void 0===t?void 0:t.call(e)})).filter((e=>!!e)).sort(((e,t)=>e.gridStateTypeId-t.gridStateTypeId));return JSON.stringify(i)},this.applyScopedState=e=>{var t,i,a,o,n;for(const r of null!==(i=null===(t=this.coordinator)||void 0===t?void 0:t.getScopedFunctions())&&void 0!==i?i:[]){const t=null===(o=null===(a=r.getScopedState)||void 0===a?void 0:a.call(r))||void 0===o?void 0:o.gridStateTypeId;if(null==t)continue;const i=W(e,t);null===(n=r.setScopedState)||void 0===n||n.call(r,i?i.gridViewGridConfigurationGridConfiguration.values:null)}},this.applyBaselineScopedState=()=>{var e,t,i,a,o,n;const r=this.baseScopedState?JSON.parse(this.baseScopedState):[],s=new Map(r.map((e=>[e.gridStateTypeId,e.values])));for(const r of null!==(t=null===(e=this.coordinator)||void 0===e?void 0:e.getScopedFunctions())&&void 0!==t?t:[]){const e=null===(a=null===(i=r.getScopedState)||void 0===i?void 0:i.call(r))||void 0===a?void 0:a.gridStateTypeId;null!=e&&(null===(o=r.setScopedState)||void 0===o||o.call(r,null!==(n=s.get(e))&&void 0!==n?n:null))}},this.collectScopedSaveState=(e,t)=>{var i,a;return(null!==(a=null===(i=this.coordinator)||void 0===i?void 0:i.getScopedFunctions())&&void 0!==a?a:[]).map((e=>{var t;return null===(t=e.getScopedState)||void 0===t?void 0:t.call(e)})).filter((e=>!!e)).map((i=>{const a=t?W(t,i.gridStateTypeId):void 0;return Object.assign(Object.assign({},a?{gridConfigurationId:a.gridViewGridConfigurationGridConfiguration.gridConfigurationId}:{}),{gridStateTypeId:i.gridStateTypeId,gridId:e,values:i.values})}))},this.fetchViews=async()=>{var e;this.loading=!0,this.refresh();const t=this.api.getGridOption("context");if(this.gridId=null!==(e=null==t?void 0:t.gridId)&&void 0!==e?e:"",!this.gridId)return console.warn("[SavedViews] No gridId provided in grid context — saved views will not work."),this.loading=!1,void this.refresh();const i=this.getStorageKey(),a=localStorage.getItem(i);if(a)try{this.localRestoredState=JSON.parse(a)}catch(e){console.warn("[SavedViews] Failed to parse local restored state",e)}this.allViewData=await c(V(),this.gridId),this.filterData(),this.initialLoad&&(this.baseColumnState=JSON.stringify(this.api.getColumnState()),this.baseScopedState=this.serializeScopedState(),this.applyDefaultView()),this.loading=!1,this.refresh()},this.filterData=()=>{var e,t,i;const a=this.api.getGridOption("context");this.entityName=null!==(e=null==a?void 0:a.entityName)&&void 0!==e?e:"",this.filteredViews=this.entityName?(null!==(t=this.allViewData)&&void 0!==t?t:[]).filter((e=>e.domain===this.entityName)):null!==(i=this.allViewData)&&void 0!==i?i:[],this.activeViewId&&!this.filteredViews.some((e=>e.gridViewId===this.activeViewId))&&(this.activeViewId=null,this.activeViewState=null,this.isDirty=!1),this.refresh()},this.pendingReapplyFilter=null,this.removeReapplyFilterListener=()=>{this.pendingReapplyFilter&&(this.api.removeEventListener("rowDataUpdated",this.pendingReapplyFilter),this.pendingReapplyFilter=null)},this.applyDefaultView=()=>{const e=this.filteredViews.find((e=>e.isDefault));if(e&&(this.setActiveView(e),"clientSide"===this.api.getGridOption("rowModelType"))){const t=Y(e),i=this.api.getGridOption("rowData");if(t&&(!i||0===i.length)){const e=JSON.parse(t.gridViewGridConfigurationGridConfiguration.values);this.api.setGridOption("loading",!0);const i=()=>{const t=this.api.getGridOption("rowData");t&&0!==t.length&&(null!==this.dirtyListenerTimeoutId&&(clearTimeout(this.dirtyListenerTimeoutId),this.dirtyListenerTimeoutId=null),this.removeDirtyListeners(),this.api.setFilterModel(e),this.activeViewState={columnState:JSON.stringify(this.api.getColumnState()),filterModel:JSON.stringify(this.api.getFilterModel()),scopedState:this.serializeScopedState()},this.isDirty=!1,this.scheduleDirtyListeners(),this.removeReapplyFilterListener(),this.api.setGridOption("loading",!1),this.refresh())};this.pendingReapplyFilter=i,this.api.addEventListener("rowDataUpdated",i),null!==this.dirtyListenerTimeoutId&&(clearTimeout(this.dirtyListenerTimeoutId),this.dirtyListenerTimeoutId=null),this.removeDirtyListeners()}}this.initialLoad=!1},this.triggerServerRefetch=()=>{"serverSide"===this.api.getGridOption("rowModelType")&&this.api.refreshServerSide({purge:!0})},this.setActiveView=e=>{this.removeDirtyListeners();const t=G(e),i=Y(e);t&&this.api.applyColumnState({state:JSON.parse(t.gridViewGridConfigurationGridConfiguration.values),applyOrder:!0}),this.applyScopedState(e);const a=i?JSON.parse(i.gridViewGridConfigurationGridConfiguration.values):null;this.api.setFilterModel(a),this.triggerServerRefetch(),this.activeViewId=e.gridViewId,this.activeViewState={columnState:JSON.stringify(this.api.getColumnState()),filterModel:JSON.stringify(this.api.getFilterModel()),scopedState:this.serializeScopedState()},this.isDirty=!1,this.saveCurrentStateToLocalStorage(),H((()=>{this.refresh(),this.scheduleDirtyListeners()}))},this.clearView=()=>{this.removeDirtyListeners(),this.baseColumnState?this.api.applyColumnState({state:JSON.parse(this.baseColumnState),applyOrder:!0}):this.api.resetColumnState(),this.applyBaselineScopedState(),this.api.setFilterModel(null),this.triggerServerRefetch(),this.activeViewId=null,this.activeViewState=null,this.isDirty=!1,this.saveCurrentStateToLocalStorage(),H((()=>{this.refresh(),this.scheduleDirtyListeners()}))},this.deleteView=async e=>{this.loading=!0,this.refresh();const t=this.activeViewId===e.gridViewId;try{await h(e.gridViewId,(()=>null)),t&&this.clearView(),await this.fetchViews()}catch(e){console.error(e)}finally{this.loading=!1,this.refresh()}},this.handleDirtyReset=()=>{const e=this.activeView;e&&(this.isDirty=!1,this.setActiveView(e))},this.handleUpdateCurrentView=async()=>{var e;const t=this.activeView;if(!t)return;this.loading=!0,this.refresh();const i=this.api.getGridOption("context"),a=G(t),o=Y(t),n=[{gridConfigurationId:null==a?void 0:a.gridViewGridConfigurationGridConfiguration.gridConfigurationId,gridStateTypeId:1,gridId:null==i?void 0:i.gridId,values:JSON.stringify(this.api.getColumnState())},{gridConfigurationId:null==o?void 0:o.gridViewGridConfigurationGridConfiguration.gridConfigurationId,gridStateTypeId:4,gridId:null==i?void 0:i.gridId,values:JSON.stringify(this.api.getFilterModel())},...this.collectScopedSaveState(null==i?void 0:i.gridId,t)];try{await u(t.gridViewId,V(),null==i?void 0:i.gridId,y(),t.name,n,t.isDefault?1:0,null==i?void 0:i.entityName,null!==(e=t.gridViewVisibilityTypeId)&&void 0!==e?e:1,(()=>null)),await this.fetchViews();const a=this.filteredViews.find((e=>e.gridViewId===t.gridViewId));a&&this.setActiveView(a)}catch(e){console.error(e)}finally{this.loading=!1,this.refresh()}},this.handleSaveAsNew=()=>{this.dialogName="",this.dialogIsPublic=!1,this.dialogMode="create",this.viewDialogMode="create",this.refresh()},this.handleEditRequest=e=>{this.dialogName=e.name,this.dialogIsPublic=2===e.gridViewVisibilityTypeId,this.dialogMode="edit",this.editingView=e,this.viewDialogMode="edit",this.refresh()},this.handleDialogNameInput=e=>{this.dialogName=e.detail,this.refresh()},this.handleDialogIsPublicChange=e=>{this.dialogIsPublic=e.detail,this.refresh()},this.handleDialogConfirm=async()=>{const e=this.dialogName.trim();if(!e)return;const t=this.dialogIsPublic?2:1,i=this.editingView;"edit"===this.viewDialogMode&&i?await this.renameView(i,e,t):await this.postView(e,t),this.viewDialogMode=null,this.refresh()},this.handleDialogCancel=()=>{this.viewDialogMode=null,this.refresh()},this.handleDeleteRequest=e=>{this.deleteConfirmView=e,this.refresh()},this.handleDeleteConfirm=async()=>{const e=this.deleteConfirmView;e&&(this.deleteConfirmView=null,await this.deleteView(e))},this.handleDeleteCancel=()=>{this.deleteConfirmView=null,this.refresh()}}get activeView(){var e;return null!==(e=this.filteredViews.find((e=>e.gridViewId===this.activeViewId)))&&void 0!==e?e:null}async init(e,t,i,a){var o,n,r,s;this.api=e,this.refresh=t,this.coordinator=a,this.scopeUnsubscribe=null!==(o=null==a?void 0:a.onScopeChanged(this.checkIfDirty))&&void 0!==o?o:null;const d=this.api.getGridOption("context");if(this.gridId=null!==(n=null==d?void 0:d.gridId)&&void 0!==n?n:"",!this.gridId)return void console.warn("[SavedViews] No gridId provided in grid context — saved views will not work.");const l=this.getStorageKey(),h=localStorage.getItem(l);if(h)try{this.localRestoredState=JSON.parse(h)}catch(e){console.warn("[SavedViews] Failed to parse local restored state",e)}this.loading=!0,this.refresh();const u=c(V(),this.gridId);0===(null!==(s=null===(r=this.api.getColumnDefs())||void 0===r?void 0:r.length)&&void 0!==s?s:0)&&await new Promise((e=>{const t=()=>{var i,a;(null!==(a=null===(i=this.api.getColumnDefs())||void 0===i?void 0:i.length)&&void 0!==a?a:0)>0&&(this.api.removeEventListener("gridColumnsChanged",t),e())};this.api.addEventListener("gridColumnsChanged",t)})),this.allViewData=await u,this.filterData(),this.baseColumnState=JSON.stringify(this.api.getColumnState()),this.baseScopedState=this.serializeScopedState(),this.applyDefaultView(),this.initialLoad=!1,this.loading=!1,this.refresh(),this.api.addEventListener("gridColumnsChanged",this.onColumnsChanged),this.scheduleDirtyListeners(),this.pendingReapplyFilter||this.addDirtyListeners(),this.scheduleBaselineRecapture()}destroy(){var e;null!==this.baselineRecaptureId&&clearTimeout(this.baselineRecaptureId),null===(e=this.scopeUnsubscribe)||void 0===e||e.call(this),this.removeDirtyListeners(),this.removeReapplyFilterListener(),this.api.removeEventListener("gridColumnsChanged",this.onColumnsChanged)}onAction(e){}async postView(e,t){this.loading=!0,this.refresh();const i=this.api.getGridOption("context"),a=[{gridStateTypeId:1,gridId:null==i?void 0:i.gridId,values:JSON.stringify(this.api.getColumnState())},{gridStateTypeId:4,gridId:null==i?void 0:i.gridId,values:JSON.stringify(this.api.getFilterModel())},...this.collectScopedSaveState(null==i?void 0:i.gridId)];try{await p(V(),null==i?void 0:i.gridId,y(),e,null==i?void 0:i.entityName,a,t,0,(()=>null)),await this.fetchViews();const o=this.filteredViews.find((t=>t.name===e));o&&this.setActiveView(o)}catch(e){console.error(e)}finally{this.loading=!1,this.refresh()}}async renameView(e,t,i){this.loading=!0,this.refresh();const a=this.api.getGridOption("context");try{await b(e.gridViewId,V(),null==a?void 0:a.gridId,y(),t,e.isDefault?1:0,null==a?void 0:a.entityName,i,(()=>null)),await this.fetchViews()}catch(e){console.error(e)}finally{this.loading=!1,this.refresh()}}async setViewAsDefault(e){var t,i;this.loadingViewId=e.gridViewId,this.refresh();const a=this.api.getGridOption("context"),o=e.isDefault;try{if(await b(e.gridViewId,V(),null==a?void 0:a.gridId,y(),e.name,o?0:1,null==a?void 0:a.entityName,null!==(t=e.gridViewVisibilityTypeId)&&void 0!==t?t:1,(()=>null)),!o){const e=this.filteredViews.find((e=>e.isDefault));e&&await b(e.gridViewId,V(),null==a?void 0:a.gridId,y(),e.name,0,null==a?void 0:a.entityName,null!==(i=e.gridViewVisibilityTypeId)&&void 0!==i?i:1,(()=>null)).catch((e=>console.log(e)))}await this.fetchViews()}catch(e){console.log(e)}finally{this.loadingViewId=null,this.refresh()}}render(){var t;const i=this.activeView,a=!!i,o=a?this.isDirty?`${i.name} *`:i.name:this.isDirty?"All Records *":"All Records",n=this.filteredViews,r=[...this.localRestoredState?[{id:"restore-local-state",text:`Restore state from ${L(this.localRestoredState.date)}`,startIconName:"clock",sectionNumber:1,onClick:()=>this.applyLocalRestoredState()}]:[],...n.map((e=>({id:`view-${e.gridViewId}`,text:e.name,sectionNumber:2,onClick:()=>{this.setActiveView(e)},onMouseEnter:()=>{this.hoveredViewId=e.gridViewId,this.refresh()},onMouseLeave:()=>{this.hoveredViewId=null,this.refresh()}}))),...this.isDirty&&a?[{id:"update-view",startIconName:"save",text:"Update current view",sectionNumber:3,onClick:()=>this.handleUpdateCurrentView()}]:[],{id:"save-view",startIconName:"add",text:"Create new view",sectionNumber:3,onClick:()=>this.handleSaveAsNew()},{id:"clear-view",text:"Clear active view",startIconName:"dismiss",disabled:!a,sectionNumber:3,onClick:()=>this.clearView()}];return e("div",{class:"view-selector-wrapper"},e("udp-fluent-menu",{class:a?"has-active-view":void 0,label:o,items:r,style:{"--udp-menu-min-width":"200px"}},e("span",{slot:"clear-view-body",style:{fontWeight:"var(--fontWeightSemibold)"}},"Clear Active View"),e("span",{slot:"save-view-body",style:{fontWeight:"var(--fontWeightSemibold)"}},"Create View"),e("span",{slot:"update-view-body",style:{fontWeight:"var(--fontWeightSemibold)"}},"Update Current View"),e("span",{slot:"restore-local-state-body",style:{fontStyle:"italic",color:"var(--colorNeutralForeground2)"}},"Restore unsaved state "+(this.localRestoredState?`(${L(this.localRestoredState.date)})`:"")),n.map((t=>e("div",{key:`start-${t.gridViewId}`,slot:`view-${t.gridViewId}-start`,class:"view-slot-action",style:{opacity:t.isDefault||this.hoveredViewId===t.gridViewId?"1":"0",transition:"opacity 100ms ease"},onClick:e=>e.stopPropagation()},e("udp-fluent-icon-button",{iconName:"star",iconVariant:t.isDefault?"filled":"regular",size:"small",appearance:"transparent",loading:this.loadingViewId===t.gridViewId,onClick:()=>{this.setViewAsDefault(t)}})))),n.map((t=>e("div",{key:`end-${t.gridViewId}`,slot:`view-${t.gridViewId}-end`,class:"view-slot-action",style:{opacity:this.hoveredViewId===t.gridViewId?"1":"0",transition:"opacity 100ms ease"},onClick:e=>e.stopPropagation()},t.userId===V()&&e("udp-fluent-icon-button",{iconName:"edit",size:"small",appearance:"transparent",onClick:()=>this.handleEditRequest(t)}),t.userId===V()&&e("udp-fluent-icon-button",{iconName:"delete",size:"small",appearance:"transparent",onClick:()=>this.handleDeleteRequest(t)}))))),(a||this.isDirty)&&e("div",{class:"view-dirty-actions"},e("udp-tooltip",{content:a&&this.isDirty?"Reset to saved view":a?"Clear active view":"Reset to default"},e("udp-fluent-icon-button",{iconName:this.isDirty?"arrow-reset":"dismiss",appearance:"subtle",disabled:this.loading,onClick:a&&this.isDirty?this.handleDirtyReset:this.clearView,shape:"rounded"})),this.isDirty&&(a?e("udp-fluent-menu",{buttonType:"icon",startIconName:"save",shape:"rounded",appearance:"subtle",disabled:this.loading,items:[{text:"Update Current View",startIconName:"save",onClick:()=>{this.handleUpdateCurrentView()}},{text:"Create View",startIconName:"add",onClick:()=>this.handleSaveAsNew()}]}):e("udp-tooltip",{content:"Create View"},e("udp-fluent-icon-button",{iconName:"save",shape:"rounded",appearance:"subtle",disabled:this.loading,onClick:this.handleSaveAsNew})))),e("udp-fluent-dialog",{open:!!this.deleteConfirmView,dialogTitle:"Delete View",onDialogClose:this.handleDeleteCancel},e("udp-fluent-text",null,'Are you sure you want to delete "',null===(t=this.deleteConfirmView)||void 0===t?void 0:t.name,'"?'),e("udp-fluent-button",{slot:"action",appearance:"subtle",onClick:this.handleDeleteCancel},"Cancel"),e("udp-fluent-button",{slot:"action",appearance:"primary",loading:this.loading,onClick:()=>{this.handleDeleteConfirm()}},"Delete")),e("udp-fluent-dialog",{open:!!this.viewDialogMode,dialogTitle:"edit"===this.dialogMode?"Edit View":"Save View",onDialogClose:this.handleDialogCancel},e("udp-fluent-text-input",{value:this.dialogName,label:"Name",onValueChanged:this.handleDialogNameInput,onKeyDown:e=>{"Enter"===e.key&&this.dialogName.trim()&&(e.preventDefault(),this.handleDialogConfirm())}}),e("udp-fluent-switch",{checked:this.dialogIsPublic,label:"Public",onValueChanged:this.handleDialogIsPublicChange}),e("udp-fluent-button",{slot:"action",appearance:"subtle",onClick:this.handleDialogCancel},"Cancel"),e("udp-fluent-button",{slot:"action",appearance:"primary",disabled:!this.dialogName.trim(),loading:this.loading,onClick:()=>{this.handleDialogConfirm()}},"edit"===this.dialogMode?"Update":"Save")))}},agGridSizeColumnsToFit:class{init(e){this.gridApi=e}onAction(e){"agGridSizeColumnsToFit"===e&&this.gridApi.sizeColumnsToFit()}},agGridAutoSizeColumns:class{init(e){this.gridApi=e}onAction(e){"agGridAutoSizeColumns"===e&&this.gridApi.autoSizeAllColumns()}},bulkActions:class{constructor(){this.bulkActions=[],this.selectedRowCount=0,this.fetchedData=!1,this.serverActionData=[],this.onRowSelectionChanged=()=>{var e;H((()=>{var e,t,i,a;if("serverSide"===this.api.getGridOption("rowModelType")){const o=this.api.getServerSideSelectionState(),n=null!==(t=null===(e=this.api.getGridOption("context"))||void 0===e?void 0:e.rowCount)&&void 0!==t?t:0,r=null!==(i=null==o?void 0:o.toggledNodes)&&void 0!==i?i:[],s=null!==(a=null==o?void 0:o.selectAll)&&void 0!==a&&a;this.selectedRows=s?[]:this.api.getSelectedRows(),this.selectedRowCount=s?Math.max(n-r.length,0):r.length}else{const e=this.api.getSelectedRows();this.selectedRows=e,this.selectedRowCount=e.length}this.refresh()})),(!this.fetchedData&&this.gridId||this.gridId&&(null===(e=this.api.getGridOption("context"))||void 0===e?void 0:e.gridId)!==this.gridId)&&this.fetchBulkActions()},this.setBulkActions=e=>{this.serverActionData=e;const t=e.map((e=>({text:e.name,onClick:()=>this.executeActionProviderAction(e.actionId)}))),i=this.localFunctions.map((e=>({text:e.label,startIconName:e.startIconName,buttonIntent:e.buttonIntent,loading:e.loading,onClick:()=>this.executeLocalFunction(e.label)})));this.bulkActions=[...t,...i],this.fetchedData=!0,this.refresh()},this.executeLocalFunction=e=>{const t=this.localFunctions.find((t=>t.label===e));t&&t.callback(this.selectedRows,this.buildSelectionSearch()),this.refresh()},this.executeActionProviderAction=e=>{this.actionProviderCallback&&this.actionProviderCallback(e,this.selectedRows),this.refresh()},this.clearSelection=()=>{this.api.deselectAll()}}init(e,t,i){var a,o;this.api=e,this.refresh=t,this.actionProviderCallback=null==i?void 0:i.actionProviderCallback,this.localFunctions=null!==(a=null==i?void 0:i.localFunctions)&&void 0!==a?a:[],this.idField=null==i?void 0:i.idField,"clientSide"===this.api.getGridOption("rowModelType")?this.api.setGridOption("rowSelection",{mode:"multiRow",checkboxes:!0}):(this.api.setGridOption("rowSelection",{mode:"multiRow",checkboxes:!0,headerCheckbox:!0}),this.api.getGridOption("getRowId")||console.warn("[bulkActions] Server-side row selection requires `getRowId` in gridOptions. Without it the header checkbox select-all and selection state are unreliable.")),this.gridId=null===(o=this.api.getGridOption("context"))||void 0===o?void 0:o.gridId,this.gridId?this.fetchBulkActions():this.setBulkActions([]),this.api.addEventListener("selectionChanged",this.onRowSelectionChanged)}update(e){var t,i,a;this.localFunctions=null!==(t=null==e?void 0:e.localFunctions)&&void 0!==t?t:[],this.actionProviderCallback=null!==(i=null==e?void 0:e.actionProviderCallback)&&void 0!==i?i:this.actionProviderCallback,this.idField=null!==(a=null==e?void 0:e.idField)&&void 0!==a?a:this.idField,this.setBulkActions(this.serverActionData)}onAction(e){"executeBulkAction"===e&&this.refresh()}async fetchBulkActions(){var e;try{this.gridId=null===(e=this.api.getGridOption("context"))||void 0===e?void 0:e.gridId,await f(this.gridId,!1,[],this.setBulkActions)}catch(e){console.error(e)}}buildSelectionSearch(){var e,t;if(!this.idField)return;const i=(a=this.idField).charAt(0).toUpperCase()+a.slice(1);var a;if("serverSide"===this.api.getGridOption("rowModelType")){const a=this.api.getServerSideSelectionState();if(null==a?void 0:a.selectAll){const o=null===(e=this.api.getGridOption("context"))||void 0===e?void 0:e.searchObject,n=null!==(t=a.toggledNodes)&&void 0!==t?t:[],r=[{filterElements:null==o?void 0:o.filterElements,filterGroups:null==o?void 0:o.filterGroups,logicalSearchOperator:null==o?void 0:o.logicalSearchOperator}];return n.length&&(this.warnIfOverInClause(n.length),r.push({filterElements:[{searchField:i,searchOperator:x.NOT_IN,searchValue:n.join(),groupId:null}]})),this.toFilterOnlySearch(C(r))}}const o=this.api.getSelectedNodes().map((e=>e.id)).filter((e=>!!e));return this.warnIfOverInClause(o.length),this.toFilterOnlySearch({filterElements:o.length?[{searchField:i,searchOperator:x.IN,searchValue:o.join(),groupId:null}]:[],filterGroups:[],logicalSearchOperator:w.AND})}toFilterOnlySearch(e){var t,i,a;return{pageNumber:1,pageSize:S.MAX_PAGE_SIZE,getAll:!0,orderElements:[],groupOperationList:[],groupProperty:[],groupingType:"",filterElements:null!==(t=e.filterElements)&&void 0!==t?t:[],filterGroups:null!==(i=e.filterGroups)&&void 0!==i?i:[],logicalSearchOperator:null!==(a=e.logicalSearchOperator)&&void 0!==a?a:w.AND}}warnIfOverInClause(e){e>S.IN_CLAUSE_MAX_ELEMENTS&&console.warn(`[bulkActions] selection resolves to ${e} ids, exceeding the backend IN/NOTIN clause limit of ${S.IN_CLAUSE_MAX_ELEMENTS}. The query may be rejected.`)}isActive(){return this.selectedRowCount>0}render(){return e("div",{class:"bulk-actions-bar"},e("udp-fluent-icon-button",{iconName:"dismiss",appearance:"subtle",shape:"circular",ariaLabel:"Clear selection",onClick:this.clearSelection,style:{animationDelay:"10ms"}}),e("udp-text",{variant:"body1",style:{animationDelay:"20ms"}},this.selectedRowCount," Selected"),this.bulkActions.length>0&&e("div",{class:"bulk-actions-divider",style:{animationDelay:"20ms"}}),this.bulkActions.map((t=>e("udp-fluent-button",{appearance:J(t.buttonIntent),class:"danger"===t.buttonIntent?"bulk-action-danger":void 0,startIconName:t.startIconName,onClick:t.onClick,style:{animationDelay:"20ms"},loading:t.loading},t.text))))}},agGridResetColumns:class{init(e){this.gridApi=e}onAction(e){"agGridResetColumns"===e&&this.gridApi.resetColumnState()}},advancedSearch:class{constructor(){this.applied=null,this.apply=e=>{var t;this.applied=this.normalize(e),this.writeContext(),this.api.refreshServerSide({purge:!0}),this.refresh(),null===(t=this.coordinator)||void 0===t||t.notifyScopeChanged()}}init(e,t,i,a){this.api=e,this.refresh=t,this.coordinator=a,this.onOpen=null==i?void 0:i.callback}update(e){e&&"callback"in e&&(this.onOpen=e.callback)}onAction(e){var t;"advancedSearch"===e&&(null===(t=this.onOpen)||void 0===t||t.call(this,this.applied,this.apply))}hasActiveFilter(){return null!=this.applied}normalize(e){var t,i;return e&&(null!==(i=null===(t=e.filterElements)||void 0===t?void 0:t.length)&&void 0!==i?i:0)>0?e:null}writeContext(){var e,t;this.api.setGridOption("context",Object.assign(Object.assign({},this.api.getGridOption("context")),{advancedSearch:this.applied?{filterElements:null!==(e=this.applied.filterElements)&&void 0!==e?e:[],filterGroups:null!==(t=this.applied.filterGroups)&&void 0!==t?t:[],logicalSearchOperator:this.applied.logicalSearchOperator}:void 0}))}getScopedState(){return{gridStateTypeId:6,values:this.applied?JSON.stringify(this.applied):""}}setScopedState(e){let t=null;if(e)try{t=JSON.parse(e)}catch(e){t=null}this.applied=this.normalize(t),this.writeContext(),this.refresh()}},agGridHideShowColumns:class{init(e){this.gridApi=e}onAction(e){"agGridHideShowColumns"===e&&this.gridApi.showColumnChooser()}},udpExport:class{init(e,t,i){this.api=e,this.params=i}update(e){this.params=e}onAction(e){var t,i,a,o,n;if("udpExport"!==e)return;const r=this.api.getGridOption("context"),s=null!==(a=null!==(i=null===(t=this.params)||void 0===t?void 0:t.entityName)&&void 0!==i?i:null==r?void 0:r.entityName)&&void 0!==a?a:"",d=null==r?void 0:r.searchObject,l=null==r?void 0:r.rowCount;null===(n=null===(o=this.params)||void 0===o?void 0:o.callback)||void 0===n||n.call(o,d,s),this.openSheet(s,d,l)}openSheet(e,t,i){var a,o,n;this.sheetEl||(this.sheetEl=document.createElement("udp-export-sheet"),document.body.appendChild(this.sheetEl)),this.sheetEl.entityName=e,this.sheetEl.searchObject=t,this.sheetEl.rowCount=i,(null===(a=this.params)||void 0===a?void 0:a.fileFormat)&&(this.sheetEl.fileFormat=this.params.fileFormat),(null===(o=this.params)||void 0===o?void 0:o.apiCatalogId)&&(this.sheetEl.apiCatalogId=this.params.apiCatalogId),(null===(n=this.params)||void 0===n?void 0:n.productId)&&(this.sheetEl.productId=this.params.productId),this.sheetEl.open=!0}destroy(){var e;null===(e=this.sheetEl)||void 0===e||e.remove(),this.sheetEl=void 0}},quickFilter:class{constructor(){this.searchValue="",this.debounce=0,this.applyFilter=e=>{var t;this.api.setGridOption("quickFilterText",e),null===(t=this.callback)||void 0===t||t.call(this,e),this.refresh()},this.handleSearch=e=>{this.searchValue=e.detail,clearTimeout(this.debounceTimer),this.debounce>0?this.debounceTimer=setTimeout((()=>this.applyFilter(this.searchValue)),this.debounce):this.applyFilter(this.searchValue)}}init(e,t,i){var a;this.api=e,this.refresh=t,this.callback=null==i?void 0:i.callback,this.debounce=null!==(a=null==i?void 0:i.debounce)&&void 0!==a?a:0}update(e){var t;this.callback=null==e?void 0:e.callback,this.debounce=null!==(t=null==e?void 0:e.debounce)&&void 0!==t?t:0}destroy(){clearTimeout(this.debounceTimer),this.api.setGridOption("quickFilterText","")}render(){return e("div",{style:{width:"200px"}},e("udp-search-input",{value:this.searchValue,placeholder:"Search",onValueChanged:this.handleSearch,includeErrorPadding:!1,autocomplete:"off"}))}},quickFilterChips:U,agGridRefreshData:class{constructor(){this.loading=!1,this.handleStoreRefreshed=()=>{var e;this.loading=!1,this.refresh(),null===(e=this.onRefreshComplete)||void 0===e||e.call(this)}}init(e,t,i){this.api=e,this.refresh=t,this.onRefreshStart=null==i?void 0:i.onRefreshStart,this.onRefreshComplete=null==i?void 0:i.onRefreshComplete,this.api.addEventListener("storeRefreshed",this.handleStoreRefreshed),this.api.addEventListener("rowDataUpdated",this.handleStoreRefreshed)}update(e){this.onRefreshStart=null==e?void 0:e.onRefreshStart,this.onRefreshComplete=null==e?void 0:e.onRefreshComplete}destroy(){this.api.removeEventListener("storeRefreshed",this.handleStoreRefreshed),this.api.removeEventListener("rowDataUpdated",this.handleStoreRefreshed)}isRefreshing(){return this.loading}onAction(e){var t;"agGridRefreshData"===e&&(this.loading=!0,this.refresh(),null===(t=this.onRefreshStart)||void 0===t||t.call(this),"serverSide"===this.api.getGridOption("rowModelType")&&this.api.refreshServerSide())}},agGridExpandCollapseAll:class{constructor(){this.expanded=!1}init(e,t){this.api=e,this.refresh=t}isExpanded(){return this.expanded}onAction(e){"agGridExpandCollapseAll"===e&&(this.expanded?this.api.collapseAll():this.api.expandAll(),this.expanded=!this.expanded,this.refresh())}}};function K(e,t){const i=document.createElement("div");i.style.cssText="display: flex; flex-direction: column; justify-content: center; line-height: 1; gap: 2px;";const a=document.createElement("span");if(a.textContent=null!=e?e:"-",a.style.cssText="display: block;",i.appendChild(a),t){const e=document.createElement("span");e.textContent=t,e.style.cssText="display: block; font-size: 0.9em; opacity: 0.65;",i.appendChild(e)}return i}class Z{init(e){var t,i;this.eGui=document.createElement("div"),this.eGui.style.cssText="display: flex; height: 100%; align-items: center; gap: 8px;";const a=document.createElement("udp-fluent-avatar");e.getSrc&&(a.src=e.getSrc(e)),e.getIconName&&(a.iconName=e.getIconName(e),e.iconVariant&&(a.iconVariant=e.iconVariant)),e.getName&&(a.name=e.getName(e)),e.getInitials&&(a.initials=e.getInitials(e)),a.size=null!==(t=e.size)&&void 0!==t?t:28,e.shape&&(a.shape=e.shape),e.getColor?a.color=e.getColor(e):e.color&&(a.color=e.color);const o=`${null!==(i=e.size)&&void 0!==i?i:28}px`;if(a.style.cssText=`align-self: center; flex-shrink: 0; width: ${o}; height: ${o};`,this.eGui.appendChild(a),e.getValues){const t=e.getValues(e);t&&this.eGui.appendChild(K(t.title,t.subtitle))}}getGui(){return this.eGui}refresh(){return!1}}class Q{init(e){var t,i;this.eGui=document.createElement("div"),this.eGui.style.cssText="display: flex; height: 100%; width: 100%; align-items: center; overflow: hidden;";const a=e.getSrc(e),o=document.createElement("udp-fluent-image");e.fit&&(o.fit=e.fit),e.shape&&(o.shape=e.shape),o.style.cssText="display: block; height: 100%; width: 100%; overflow: hidden;";const n=document.createElement("img");n.src=a,n.alt=null!==(t=e.alt)&&void 0!==t?t:"",n.style.cssText=`height: 100%; width: 100%; max-height: 100%; max-width: 100%; object-fit: ${null!==(i=e.fit)&&void 0!==i?i:"contain"}; display: block;`,o.appendChild(n),this.eGui.appendChild(o)}getGui(){return this.eGui}refresh(){return!1}}class ee{init(e){var t,i;this.eGui=document.createElement("div"),this.eGui.style.cssText="display: flex; height: 100%; align-items: center;";const a=e.getHref?e.getHref(e):null!==(t=e.href)&&void 0!==t?t:"",o=document.createElement("udp-fluent-link");o.href=a,o.target=null!==(i=e.target)&&void 0!==i?i:"_self",o.textContent=e.value,this.eGui.appendChild(o)}getGui(){return this.eGui}refresh(){return!1}}class te{init(e){this.node=e.node,this.eGui=document.createElement("div"),this.eGui.setAttribute("style","display: flex; align-items: center; height: 100%;"),this.eValueContainer=document.createElement("span"),this.eValueContainer.setAttribute("class","eValueContainer"),this.eGui.appendChild(this.eValueContainer),this.renderContent(e)}getGui(){return this.eGui}refresh(e){return!(!this.eValueContainer||!this.node||(this.renderContent(e),0))}renderContent(e){this.eValueContainer.innerHTML="";let t=null;if(this.node.group&&(null==e?void 0:e.getHeaderValues)?t=e.getHeaderValues(e):!this.node.group&&(null==e?void 0:e.getValues)&&(t=e.getValues(e)),!t)return;const i=document.createElement("div");i.className="custom-group-column",i.appendChild(K(t.title,t.subtitle)),this.eValueContainer.appendChild(i)}destroy(){}}const ie=e=>{const t=e.value;if(null==t)return"";const i=new Date(t);return i?`${i.getFullYear()}-${String(i.getMonth()+1).padStart(2,"0")}-${String(i.getDate()).padStart(2,"0")} ${String(i.getHours()).padStart(2,"0")}:${String(i.getMinutes()).padStart(2,"0")}`:""},ae=["brand","danger","important","informative","severe","subtle","success","warning"];let oe;function ne(e,t,i){e.clearRect(0,0,1,1),e.fillStyle=`rgb(${i[0]}, ${i[1]}, ${i[2]})`,e.fillRect(0,0,1,1),e.fillStyle=t,e.fillRect(0,0,1,1);const[a,o,n]=e.getImageData(0,0,1,1).data;return[a,o,n]}function re(e){if(!e)return null;const t=function(){var e;if(void 0!==oe)return oe;const t=document.createElement("canvas");return t.width=1,t.height=1,oe=null!==(e=t.getContext("2d",{willReadFrequently:!0}))&&void 0!==e?e:null,oe}();if(!t)return null;const i=ne(t,e,[255,255,255]),a=ne(t,e,[0,0,0]);if(255===i[0]&&255===i[1]&&255===i[2]&&0===a[0]&&0===a[1]&&0===a[2])return null;const o=e=>Math.max(0,Math.min(255,e)).toString(16).padStart(2,"0");return`#${o(i[0])}${o(i[1])}${o(i[2])}`.toUpperCase()}function se(){if("undefined"==typeof document||"undefined"==typeof getComputedStyle)return[];const e=document.createElement("div");e.setAttribute("aria-hidden","true"),e.style.cssText="position:fixed;left:-9999px;top:0;visibility:hidden;pointer-events:none;";const t=document.createElement("div"),i=document.createElement("div"),a=document.createElement("span");a.className="ag-header-cell-text",i.appendChild(a),e.appendChild(t),e.appendChild(i),document.body.appendChild(e);const o=[];try{for(const e of ae){t.className=`ag-cell udp-col-${e}`;const n=getComputedStyle(t),r=re(n.backgroundColor);if(r){const t=re(n.color);o.push(Object.assign({id:`udp-col-${e}`,interior:{color:r,pattern:"Solid"}},t?{font:{color:t}}:{}))}i.className=`ag-header-cell udp-col-${e}-header`;const s=re(getComputedStyle(i).backgroundColor);if(s){const t=re(getComputedStyle(a).color);o.push({id:`udp-col-${e}-header`,interior:{color:s,pattern:"Solid"},font:Object.assign({bold:!0},t?{color:t}:{})})}}}finally{e.remove()}return o}const de=class{constructor(e){t(this,e),this.gridReady=i(this,"gridReady",7),this.gridFunctions=[],this.refreshKey=0,this.gridFunctionInstances=[],this.scopeChangeListeners=new Set,this.scopeCoordinator={getScopedFunctions:()=>this.gridFunctionInstances.filter((e=>"function"==typeof e.getScopedState)),onScopeChanged:e=>(this.scopeChangeListeners.add(e),()=>this.scopeChangeListeners.delete(e)),notifyScopeChanged:()=>this.scopeChangeListeners.forEach((e=>e()))},this.updateGridHeight=()=>{if(this.gridEl&&this.gridContainerEl.clientWidth>0){const e=this.gridEl.getBoundingClientRect(),t=window.innerHeight-e.top,i=10;this.gridEl.style.height=(t-i>400?t-i:400)+"px"}},this.scheduleHeightUpdate=()=>{clearTimeout(this.resizeDebounce),this.resizeDebounce=setTimeout(this.updateGridHeight,100)},this.attachAutoHeight=()=>{this.resizeObserver||(this.updateGridHeight(),this.resizeObserver=new ResizeObserver(this.scheduleHeightUpdate),this.resizeObserver.observe(this.gridContainerEl),window.addEventListener("resize",this.scheduleHeightUpdate))},this.detachAutoHeight=()=>{var e;null===(e=this.resizeObserver)||void 0===e||e.disconnect(),this.resizeObserver=void 0,window.removeEventListener("resize",this.scheduleHeightUpdate),clearTimeout(this.resizeDebounce)},this.refreshGridFunctions=()=>{this.refreshKey++},this.themeChangedHandler=e=>{$(e.detail.mode)},this.onGridReady=async e=>{this.gridApi=e.api,this.updateGridContextValues(),this.columnDefs&&this.setColumnDefs();const t=[];this.gridFunctionInstances=this.gridFunctions.map((e=>{const i=X[e.name];if(!i)return null;const a=new i,o=a.init(this.gridApi,this.refreshGridFunctions,e.params,this.scopeCoordinator);return o&&t.push(o),a})).filter((e=>!!e)),await Promise.all(t),this.gridApiCallback&&this.gridApiCallback({refreshServerSide:()=>this.gridApi.refreshServerSide(),applyTransaction:e=>this.gridApi.applyTransaction(e),ensureIndexVisible:(e,t)=>this.gridApi.ensureIndexVisible(e,t),getSelectedRows:()=>this.gridApi.getSelectedRows(),getSelectedNodes:()=>this.gridApi.getSelectedNodes(),getSearchObject:()=>this.gridApi.getGridOption("context").searchObject,getEntityName:()=>this.gridApi.getGridOption("context").entityName,getRowCount:()=>this.gridApi.getGridOption("context").rowCount,getFilterModel:()=>this.gridApi.getFilterModel(),setFilterModel:e=>this.gridApi.setFilterModel(e),onFilterChanged:()=>this.gridApi.onFilterChanged(),expandAll:()=>this.gridApi.expandAll(),collapseAll:()=>this.gridApi.collapseAll(),toggleLoadingOverlay:e=>this.gridApi.setGridOption("loading",e),refreshCells:()=>this.gridApi.refreshCells(),refreshClientSideRowModel:e=>this.gridApi.refreshClientSideRowModel(e),selectAll:(e,t)=>this.gridApi.selectAll(e,t),deselectAll:(e,t)=>this.gridApi.deselectAll(e,t),getServerSideSelectionState:()=>this.gridApi.getServerSideSelectionState(),setServerSideSelectionState:e=>this.gridApi.setServerSideSelectionState(e),forEachNode:e=>this.gridApi.forEachNode(e),forEachNodeAfterFilterAndSort:e=>this.gridApi.forEachNodeAfterFilterAndSort(e),stopEditing:e=>this.gridApi.stopEditing(e),getFocusedCell:()=>this.gridApi.getFocusedCell()}),this.gridReady.emit(this.gridApi)},this.onHeaderAction=e=>{this.gridFunctionInstances.forEach((t=>{var i;return null===(i=t.onAction)||void 0===i?void 0:i.call(t,e.detail.name,e.detail.payload)}))},this.updateGridContextValues=()=>{this.gridApi.setGridOption("context",Object.assign(Object.assign({},this.gridApi.getGridOption("context")),{entityName:this.entityName,gridId:this.gridId}))}}componentWillLoad(){r.registerModules([s]),$("light"),d.setLicenseKey("Using_this_{AG_Grid}_Enterprise_key_{AG-080613}_in_excess_of_the_licence_granted_is_not_permitted___Please_report_misuse_to_legal@ag-grid.com___For_help_with_changing_this_key_please_contact_info@ag-grid.com___{Univerus_Software_Inc}_is_granted_a_{Single_Application}_Developer_License_for_the_application_{MAIS_eRec}_only_for_{1}_Front-End_JavaScript_developer___All_Front-End_JavaScript_developers_working_on_{MAIS_eRec}_need_to_be_licensed___{MAIS_eRec}_has_not_been_granted_a_Deployment_License_Add-on___This_key_works_with_{AG_Grid}_Enterprise_versions_released_before_{28_June_2026}____[v3]_[01]_MTc4MjYwMTIwMDAwMA==5c7d1487ecb13b28e75415d34b7cf694")}componentDidLoad(){var e,t,i,a,o,n;const r=Object.assign(Object.assign({tooltipShowMode:"whenTruncated",tooltipShowDelay:500},this.gridOptions),{columnTypes:{booleanChip:{cellRenderer:"iconRenderer",cellRendererParams:{iconMappingConfig:{true:{iconName:"checkMark24",color:"success"},false:{iconName:"close24",color:"error"}}}}},dataTypeDefinitions:{dateTimeString:{baseDataType:"dateTimeString",extendsDataType:"dateTimeString",valueFormatter:ie},boolean:{baseDataType:"boolean",extendsDataType:"boolean",columnTypes:"booleanChip"}},gridId:this.gridId,onGridReady:e=>{this.onGridReady(e)},theme:(j||(j=R()),j),excelStyles:[...se().filter((e=>{var t,i;return!(null!==(i=null===(t=this.gridOptions)||void 0===t?void 0:t.excelStyles)&&void 0!==i?i:[]).some((t=>t.id===e.id))})),...null!==(t=null===(e=this.gridOptions)||void 0===e?void 0:e.excelStyles)&&void 0!==t?t:[]],components:Object.assign({actionsRenderer:F,avatarRenderer:Z,iconRenderer:N,imageRenderer:Q,linkRenderer:ee,statusRenderer:z,subtitleRenderer:te},null===(i=this.gridOptions)||void 0===i?void 0:i.components),domLayout:"normal",defaultColDef:Object.assign(Object.assign({cellDataType:!1,sortable:!0,filter:!0,flex:1,minWidth:150,suppressHeaderMenuButton:!0},null===(a=this.gridOptions)||void 0===a?void 0:a.defaultColDef),{filterParams:Object.assign({buttons:["reset","apply"],closeOnApply:!0,maxNumConditions:10},null===(n=null===(o=this.gridOptions)||void 0===o?void 0:o.defaultColDef)||void 0===n?void 0:n.filterParams)})});l(this.gridEl,r),window.addEventListener("theme-changed",this.themeChangedHandler),this.gridHeight?this.gridEl.style.height=this.gridHeight:this.attachAutoHeight()}disconnectedCallback(){var e;null===(e=this.gridApi)||void 0===e||e.destroy(),this.detachAutoHeight(),window.removeEventListener("theme-changed",this.themeChangedHandler)}handleUpdateGridFunctions(e,t){this.gridApi&&e!==t&&e.forEach(((e,t)=>{var i,a;null===(a=null===(i=this.gridFunctionInstances[t])||void 0===i?void 0:i.update)||void 0===a||a.call(i,e.params)}))}handleUpdateGridHeight(e){this.gridEl&&(e?(this.detachAutoHeight(),this.gridEl.style.height=e):this.attachAutoHeight())}handleUpdateColumnDefs(e,t){this.gridApi&&!D(e,t)&&this.setColumnDefs()}setColumnDefs(){const e=_(this.columnDefs);this.gridApi.setGridOption("columnDefs",e)}handleEntityNameChange(){this.updateGridContextValues()}render(){return e("div",{key:"2e324cc05b83eab139272fdf04a3fd0a890e4cfe",ref:e=>this.gridContainerEl=e},e("ghost-render",{key:"a011d777be765306d27b3b8f0eff95474f233ec4"},e("div",{key:"9ecdce3c385bdc1195076c33dac16dd1bb103a65"},e("udp-dialog",{key:"970b5e34f6f3b2a6876a7ed45833e3ea0767556a"}),e("udp-list-item",{key:"99a94e69fff6ccd8d8e08cbb4509136c8ea9a20f"}),e("hint-panel",{key:"6bf962d2ec37c527da7d41e245e5c92b3d7fea6e"}),e("udp-side-sheet",{key:"24d1d842ec3ad7deb95d4425ad4556d856e65840"}),e("udp-fluent-dialog",{key:"9c106585b1cac8aed9e3b737518f33ee0e69c794"}),e("udp-fluent-text",{key:"b92f039907c91d9c44a29ed12502d0082bbeeec6"}),e("udp-fluent-text-input",{key:"83df88579f4261c12e606e9af60814fe257f4629"}),e("udp-fluent-switch",{key:"3a7215ffa7bbf6611c5d85ca1f41bdc42751a7fc"}),e("udp-fluent-button",{key:"f6f070fa8f4cc939022fa7ed1351f558038f6919"}),e("udp-text",{key:"83fbf49dc8f401114b94d2fab25ede8372949c9f"}),e("udp-search-input",{key:"482602038657f200908731c96b95197b7e11c6ba"}),e("udp-export-sheet",{key:"e8f2972003c9120fbee523e2408fe36b8153f17c"}),e("udp-fluent-avatar",{key:"9309f1d989eca7e5eeb2bd3dc86b2cdb5a549dd0"}),e("udp-fluent-icon-button",{key:"ad251e4b04d599d6798ed5d1e0c630e308072e3c"}),e("udp-fluent-icon",{key:"de539e8ab0155478fa96ed2db0b1f4d0028c2be7"}),e("udp-fluent-badge",{key:"46076e58fde25a67658a05d2e4ef0615b3f38d5f"}),e("udp-empty-state",{key:"4b7e51348f797d2e1f1193bc6d326bd19db74bd3"}),e("udp-message-bar",{key:"2a64469c727e2e5d993aa50a2eb14cce8292a56d"}))),e("grid-header",{key:"e817acfcac3f4ad90281b9020be919b3fa85547d",headerConfig:this.headerConfig,gridFunctions:this.gridFunctions,gridFunctionInstances:this.gridFunctionInstances,refreshKey:this.refreshKey,onHeaderAction:this.onHeaderAction}),e("div",{key:"fcd92a8bea402614bb1a643c5fbe804ac59278f0",ref:e=>this.gridEl=e}))}static get watchers(){return{gridFunctions:[{handleUpdateGridFunctions:0}],gridHeight:[{handleUpdateGridHeight:0}],columnDefs:[{handleUpdateColumnDefs:0}],entityName:[{handleEntityNameChange:0}],gridId:[{handleEntityNameChange:0}]}}};de.style=".variant-dark{--udp-grid-column-header-bg:#F8F9FA;--udp-grid-column-header-bg-hover:#dce6f2;--udp-grid-column-header-text:var(--primary-color-dark)}.variant-light{--udp-grid-column-header-bg:#f2f4f5;--udp-grid-column-header-bg-hover:#eef3f9;--udp-grid-column-header-text:var(--primary-color-dark)}::view-transition-group(*){animation-duration:0.2s}.grid-wrapper{display:flex;flex-direction:column;height:100%}#myNewGrid{flex:1}.ag-cell.udp-col-brand{background-color:var(--colorBrandBackground2) !important;color:var(--colorBrandForeground2)}.ag-header-cell.udp-col-brand-header{background-color:var(--colorBrandBackground2) !important}.ag-header-cell.udp-col-brand-header .ag-header-cell-text{color:var(--colorBrandForeground2)}.ag-cell.udp-col-danger{background-color:var(--colorPaletteRedBackground1) !important;color:var(--colorPaletteRedForeground1)}.ag-header-cell.udp-col-danger-header{background-color:var(--colorPaletteRedBackground1) !important}.ag-header-cell.udp-col-danger-header .ag-header-cell-text{color:var(--colorPaletteRedForeground1)}.ag-cell.udp-col-important{background-color:color-mix(in srgb, var(--colorNeutralForeground1) 20%, transparent) !important;color:var(--colorNeutralForeground1)}.ag-header-cell.udp-col-important-header{background-color:color-mix(in srgb, var(--colorNeutralForeground1) 20%, transparent) !important}.ag-header-cell.udp-col-important-header .ag-header-cell-text{color:var(--colorNeutralForeground1)}.ag-cell.udp-col-informative{background-color:color-mix(in srgb, var(--colorPaletteBlueBackground2) 20%, transparent) !important;color:color-mix(in srgb, var(--colorPaletteBlueForeground2) 85%, transparent)}.ag-header-cell.udp-col-informative-header{background-color:color-mix(in srgb, var(--colorPaletteBlueBackground2) 20%, transparent) !important}.ag-header-cell.udp-col-informative-header .ag-header-cell-text{color:color-mix(in srgb, var(--colorPaletteBlueForeground2) 85%, transparent)}.ag-cell.udp-col-severe{background-color:var(--colorPaletteDarkOrangeBackground1) !important;color:var(--colorPaletteDarkOrangeForeground1)}.ag-header-cell.udp-col-severe-header{background-color:var(--colorPaletteDarkOrangeBackground1) !important}.ag-header-cell.udp-col-severe-header .ag-header-cell-text{color:var(--colorPaletteDarkOrangeForeground1)}.ag-cell.udp-col-subtle{background-color:var(--colorNeutralBackground1) !important;color:var(--colorNeutralForeground3)}.ag-header-cell.udp-col-subtle-header{background-color:var(--colorNeutralBackground1) !important}.ag-header-cell.udp-col-subtle-header .ag-header-cell-text{color:var(--colorNeutralForeground3)}.ag-cell.udp-col-success{background-color:var(--colorPaletteGreenBackground1) !important;color:var(--colorPaletteGreenForeground1)}.ag-header-cell.udp-col-success-header{background-color:var(--colorPaletteGreenBackground1) !important}.ag-header-cell.udp-col-success-header .ag-header-cell-text{color:var(--colorPaletteGreenForeground1)}.ag-cell.udp-col-warning{background-color:var(--colorPaletteYellowBackground1) !important;color:var(--colorPaletteYellowForeground2)}.ag-header-cell.udp-col-warning-header{background-color:var(--colorPaletteYellowBackground1) !important}.ag-header-cell.udp-col-warning-header .ag-header-cell-text{color:var(--colorPaletteYellowForeground2)}";const le=class{constructor(e){t(this,e),this.gridReady=i(this,"gridReady",7),this.rowData=[],this.gridFunctions=[],this.gridOptions={},this.loading=!1}updateRowData(){this.gridApi&&this.gridApi.setGridOption("rowData",this.rowData)}updateLoading(){this.gridApi&&this.gridApi.setGridOption("loading",this.loading)}handleGridReady(e){this.gridApi=e.detail,this.rowData&&this.gridApi.setGridOption("rowData",this.rowData)}componentWillLoad(){this.clientSideConfig=Object.assign(Object.assign({},this.gridOptions),{rowModelType:"clientSide"})}render(){return e("ag-grid-base",{key:"fefab01e07d981e534c02bb4089d8bb8d38ecebf",columnDefs:this.columnDefs,gridOptions:this.clientSideConfig,headerConfig:this.gridHeaderConfig,onGridReady:e=>this.handleGridReady(e),gridFunctions:this.gridFunctions,gridId:this.gridId,gridApiCallback:this.gridApiCallback,gridHeight:this.gridHeight})}static get watchers(){return{rowData:[{updateRowData:0}],loading:[{updateLoading:0}]}}},ce=class{constructor(e){t(this,e)}render(){return e(a,{key:"0e19c3c5ccc74ae32f49f68aceb85a561a44ad9b"},e("slot",{key:"cbf394dede71d62d448da83b30718223da6359c9"}))}};ce.style=":host {\n      display: none;\n    }";const he=new Set(["openSavedViews","quickFilter","quickFilterChips","advancedSearch"]),ue=class{constructor(e){t(this,e),this.headerAction=i(this,"headerAction",7),this.gridFunctions=[],this.gridFunctionInstances=[],this.refreshKey=0}action(e,t){this.headerAction.emit({name:e,payload:t})}render(){var t,i,a,o,n,r,s,d,l,c,h,u,p;const b=null==(f=this.gridFunctions)?void 0:f.some((e=>he.has(e.name)));var f;const m=null===(t=this.headerConfig)||void 0===t?void 0:t.primaryActionButton,v=(null==m?void 0:m.label)?{label:m.label,onClick:m.onClick,iconName:m.iconName,disabled:m.disabled,loading:m.loading,items:m.items}:void 0,g=null===(a=null===(i=this.headerConfig)||void 0===i?void 0:i.secondaryActionButtons)||void 0===a?void 0:a.filter((e=>!!e.label)).map((e=>({label:e.label,onClick:e.onClick,iconName:e.iconName,disabled:e.disabled,iconOnly:e.iconOnly}))),y=null===(o=this.headerConfig)||void 0===o?void 0:o.subtitle,k=new Set((null!==(n=this.gridFunctions)&&void 0!==n?n:[]).map((e=>e.name))),x=null!==(r=this.gridFunctionInstances)&&void 0!==r?r:[],w=null!==(s=this.gridFunctions)&&void 0!==s?s:[],S=w.findIndex((e=>"bulkActions"===e.name)),C=S>=0?x[S]:void 0,z=null!==(l=null===(d=null==C?void 0:C.isActive)||void 0===d?void 0:d.call(C))&&void 0!==l&&l,N=e=>{const t=w.findIndex((t=>t.name===e));return t>=0?x[t]:void 0},F=N("openSavedViews"),_=N("quickFilter"),D=N("quickFilterChips"),B=N("advancedSearch"),I=N("agGridRefreshData"),T=N("agGridExpandCollapseAll"),A=[k.has("agGridSizeColumnsToFit")&&{text:"Size Columns To Fit",startIconName:"fit-width",onClick:()=>this.action("agGridSizeColumnsToFit")},k.has("agGridAutoSizeColumns")&&{text:"Auto Size Columns",startIconName:"column",onClick:()=>this.action("agGridAutoSizeColumns")},k.has("agGridHideShowColumns")&&{text:"Hide/Show Columns",startIconName:"eye-off",onClick:()=>this.action("agGridHideShowColumns")},k.has("agGridResetColumns")&&{text:"Reset Columns",startIconName:"arrow-reset",onClick:()=>this.action("agGridResetColumns")},k.has("agGridExport")&&{text:"Export to CSV",startIconName:"export",onClick:()=>this.action("agGridExport")},k.has("agGridExcelExport")&&{text:"Export to Excel",startIconName:"table",onClick:()=>this.action("agGridExcelExport")}].filter(Boolean),O=k.has("udpExport"),q=k.has("agGridExpandCollapseAll"),M=O||q||k.has("agGridRefreshData")||A.length>0,P=!!this.headerConfig,E=w.length>0;if(!P&&!E)return null;const j=P&&E&&!b,R=!(!(null===(c=this.headerConfig)||void 0===c?void 0:c.title)&&!y),$=P&&E&&b&&!R,V=E&&!j&&!$,H=()=>{var t,i,a,o;return[q&&e("udp-tooltip",{content:(null===(t=null==T?void 0:T.isExpanded)||void 0===t?void 0:t.call(T))?"Collapse all":"Expand all"},e("udp-fluent-icon-button",{iconName:(null===(i=null==T?void 0:T.isExpanded)||void 0===i?void 0:i.call(T))?"arrow-minimize-vertical":"arrow-maximize-vertical",shape:"rounded",onClick:()=>this.action("agGridExpandCollapseAll")})),k.has("agGridRefreshData")&&e("udp-tooltip",{content:"Refresh data"},e("udp-fluent-icon-button",{class:{"spin-refresh":null!==(o=null===(a=null==I?void 0:I.isRefreshing)||void 0===a?void 0:a.call(I))&&void 0!==o&&o},iconName:"arrow-sync",shape:"rounded",onClick:()=>this.action("agGridRefreshData")})),O&&e("udp-tooltip",{content:"Export"},e("udp-fluent-icon-button",{iconName:"export",shape:"rounded",onClick:()=>this.action("udpExport")})),A.length>0&&e("udp-fluent-menu",{buttonType:"icon",shape:"rounded",endIconName:"settings",appearance:"secondary",size:"medium",items:A})]},L=()=>{var t,i,a,o;return e("div",{class:"scoping-zone"},null===(t=null==F?void 0:F.render)||void 0===t?void 0:t.call(F),null===(i=null==_?void 0:_.render)||void 0===i?void 0:i.call(_),k.has("advancedSearch")&&e("span",{class:"adv-filter-button"},e("udp-fluent-icon-button",{iconName:"filter",shape:"rounded",onClick:()=>this.action("advancedSearch")}),(null===(a=null==B?void 0:B.hasActiveFilter)||void 0===a?void 0:a.call(B))&&e("span",{class:"adv-filter-badge","aria-hidden":"true"})),D&&(F||_||k.has("advancedSearch"))&&e("span",{class:"scoping-divider","aria-hidden":"true"}),null===(o=null==D?void 0:D.render)||void 0===o?void 0:o.call(D))},W=()=>{var t;return e("div",{class:"toolbar-content"},z?null===(t=C.render)||void 0===t?void 0:t.call(C):e("div",{class:"toolbar-inner"},L(),M&&e("div",{class:"toolbar-actions"},H())))};return P?(j||$)&&z?e("div",{class:"bulk-overlay-wrapper"},e("div",{class:"bulk-overlay-ghost","aria-hidden":"true"},e("udp-primary-action-header",{title:null===(h=this.headerConfig)||void 0===h?void 0:h.title,subtitle:y,primaryAction:v,secondaryActions:g})),e("div",{class:"bulk-overlay-bar"},null===(u=C.render)||void 0===u?void 0:u.call(C))):[e("udp-primary-action-header",{title:null===(p=this.headerConfig)||void 0===p?void 0:p.title,subtitle:y,primaryAction:v,secondaryActions:g},$&&e("div",{slot:"inline",class:"promoted-scoping"},L()),(j||$)&&M&&e("div",{slot:"actions",class:"promoted-utilities"},H())),V&&W()]:W()}};ue.style=".toolbar-content{display:flex;align-items:center;width:100%;min-height:48px;padding:var(--spacingVerticalXXS) var(--spacingHorizontalL);box-sizing:border-box;background-color:var(--colorNeutralBackground1);border-bottom:1px solid var(--colorNeutralStroke3)}.bulk-overlay-wrapper{position:relative;width:100%}.bulk-overlay-ghost{visibility:hidden}.bulk-overlay-bar{position:absolute;inset:0;display:flex;align-items:center;padding:0 var(--spacingHorizontalL);box-sizing:border-box;background-color:var(--colorNeutralBackground1);border-bottom:1px solid var(--colorNeutralStroke3)}.toolbar-inner{display:flex;align-items:center;justify-content:space-between;width:100%}.scoping-zone{display:flex;align-items:center;gap:var(--spacingHorizontalXS);flex:1 1 auto;min-width:0}.scoping-zone>*:not(.quick-filter-chips){flex-shrink:0}.toolbar-actions{display:flex;align-items:center;gap:var(--spacingHorizontalS);flex-shrink:0}.quick-filter-chips{display:flex;align-items:center;gap:var(--spacingHorizontalXS);flex:1 1 auto;min-width:0;flex-wrap:nowrap;overflow:hidden}.quick-filter-chips>*{flex-shrink:0}.promoted-utilities{display:flex;align-items:center;gap:var(--spacingHorizontalS)}.view-selector-wrapper{display:flex;align-items:center;gap:var(--spacingHorizontalXS)}.view-dirty-actions{display:flex;align-items:center;gap:var(--spacingHorizontalXS)}@keyframes emerge-from-menu{from{opacity:0;transform:translateX(-10px) scale(0.75)}to{opacity:1;transform:translateX(0) scale(1)}}udp-fluent-icon-button.spin-refresh{--udp-icon-animation:udp-icon-spin 1s linear infinite}.view-dirty-actions>*{animation:emerge-from-menu 180ms cubic-bezier(0.1, 0.9, 0.2, 1) both;transform-origin:left center}.view-dirty-actions>*:nth-child(2){animation-delay:50ms}.bulk-actions-bar{display:flex;align-items:center;gap:var(--spacingHorizontalXS)}.bulk-actions-bar>*{animation:emerge-from-menu 200ms cubic-bezier(0.1, 0.9, 0.2, 1) both;transform-origin:left center;will-change:transform, opacity}udp-fluent-button.bulk-action-danger::part(button){color:var(--colorStatusDangerForeground1);border-color:var(--colorStatusDangerBorder1)}udp-fluent-button.bulk-action-danger::part(button):hover{background-color:var(--colorStatusDangerBackground1);color:var(--colorStatusDangerForeground1);border-color:var(--colorStatusDangerBorder1)}udp-fluent-button.bulk-action-danger::part(button):active{background-color:var(--colorStatusDangerBackground2);color:var(--colorStatusDangerForeground1);border-color:var(--colorStatusDangerBorder1)}.bulk-actions-divider{width:1px;height:12px;background:var(--colorNeutralStroke2);flex-shrink:0;margin:0 var(--spacingHorizontalS)}.view-search-container{padding:var(--spacingVerticalXS) var(--spacingHorizontalS)}.view-slot-action{display:flex;align-items:center}.has-active-view::part(trigger){background-color:var(--colorBrandBackground2Hover);color:var(--colorBrandForeground1);border-color:var(--colorBrandBackground2Hover)}.qf-chip-active::part(trigger),.qf-chip-active::part(button){background-color:var(--colorBrandBackground2Hover);color:var(--colorBrandForeground1);border-color:var(--colorBrandBackground2Hover)}.qf-date-chip{display:inline-flex;align-items:center}.qf-date-footer{display:flex;justify-content:flex-end;gap:var(--spacingHorizontalS);padding:var(--spacingVerticalS) var(--spacingHorizontalM);border-top:1px solid var(--colorNeutralStroke2)}.adv-filter-button{position:relative;display:inline-flex}.adv-filter-badge{position:absolute;top:2px;right:2px;width:8px;height:8px;border-radius:var(--borderRadiusCircular);background:var(--colorBrandBackground);box-shadow:0 0 0 1.5px var(--colorNeutralBackground1);pointer-events:none}.scoping-divider{width:1px;height:20px;margin:0 var(--spacingHorizontalS);background:var(--colorNeutralStroke2);flex-shrink:0;align-self:center}";const pe=class{constructor(e){t(this,e),this.showHint=!0,this.handleHideHint=()=>{this.showHint=!1}}render(){return e("div",{key:"ddc532446d82bf01d6bdbca13bcd4ccded942f00",class:"hint-container"},this.showHint&&e("div",{key:"193beca238e210b5d6a102b2efc39c9ce4ef44a0",class:"hint-content"},e("div",{key:"6e874188bed8d41c865fe3bc5f94335ab2576b09"},e("unity-typography",{key:"8b358dbe791b3f588586fe9e5c898bc84804a9d1",variant:"body"}," ",this.hint," ")),this.hideHintText&&e("div",{key:"af351ef2e320c3ca8e0aac0aaec25e9f7076a581",class:"hide-help"},e("udp-button",{key:"84ff381d2f34f611e116ec201a47f38511a2b18b",size:"small",color:"info",onClick:this.handleHideHint},this.hideHintText))))}};pe.style=".hint-container{border-left:3px solid var(--info-color-main)}.hint-content{background-color:color-mix(in srgb, var(--info-color-hint) 70%, transparent);padding:8px}.hide-help{display:flex;justify-content:flex-end;margin-top:0.5rem}";const be=class{constructor(e){t(this,e),this.secondary=!1,this.noBackground=!1,this.noTooltip=!1,this.darkIcon=!0,this.showLabel=!0,this.disabled=!1,this.count=null}componentWillLoad(){console.warn("⚠️ stencil-icon-button is deprecated and will be removed in a future version. Please migrate to udp-icon-button for better consistency and theming support. See component documentation for migration guide.")}render(){let t=this.secondary?"icon-button-secondary":"icon-button",i=this.showLabel?{}:{paddingLeft:"10px",paddingRight:"10px"};this.noBackground&&(t+=" no-background");const a=this.darkIcon?"black":"white",o=this.icon,n=()=>e("button",{disabled:this.disabled,class:t,onClick:this.onClick,title:this.showLabel?this.tooltip:null,style:i,id:this.buttonId},o&&e("svg",Object.assign({},o.attrs,{fill:a}),o.content.map(((t,i)=>"path"===t.elem?e("path",Object.assign({},t.attrs,{key:i})):"circle"===t.elem?e("circle",Object.assign({},t.attrs,{key:i})):null))),this.showLabel&&e("slot",null));return e("udp-ambient-tool-tip",{content:this.showLabel?"":this.tooltip,noTooltip:this.noTooltip},this.count?e("udp-badge",{content:this.count},e(n,null)):e(n,null))}};be.style=".icon-button{background:rgb(255, 255, 255);border:0px;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color 0.2s ease-in-out}.icon-button-secondary{background:transparent;border:0px;color:var(--primary-color);width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color 0.2s ease-in-out}.icon-button:hover{background-color:#f5f5f5;}.icon-button-secondary:hover{background-color:#f5f5f5;}.icon-button.no-background{background:transparent;border:0px}.icon-button.no-background:hover{background-color:var(--primary-color-alpha-15)}.icon-button:disabled{opacity:0.4;pointer-events:none}.icon-button-secondary:disabled{opacity:0.4;pointer-events:none}";const fe=class{constructor(i){t(this,i),this.drawerOpen=!1,this.dialogOpen=!1,this.drawerDialogOpen=!1,this.formDrawerOpen=!1,this.manualDrawerOpen=!1,this.secondDrawerOpen=!1,this.thirdDrawerOpen=!1,this.secondDrawerDialogOpen=!1,this.currentTab="buttons-inputs",this.showMessageBar=!0,this.isButtonLoading=!1,this.progressValue=50,this.togglePressed=!1,this.singleDateValue="",this.multiDateValue="",this.rangeDateValue="",this.inputControlRequired=!1,this.inputControlDisabled=!1,this.inputControlReadonly=!1,this.inputControlAppearance="outline",this.inputControlSize="medium",this.manualCanSubmit=!1,this.tabs=[{id:"buttons-inputs",label:"Buttons",startIconName:"settings"},{id:"inputs",label:"Inputs",startIconName:"textbox"},{id:"data-display",label:"Data Display",endIconName:"import"},{id:"text",label:"Text"},{id:"menus",label:"Menus"},{id:"hidden",label:"Hidden",hide:!0},{id:"grids",label:"Grids",hide:!0},{id:"dialogs",label:"Dialogs"},{id:"cards",label:"Cards"},{id:"chips",label:"Chips"},{id:"forms",label:"Forms",hide:!0},{id:"calendar",label:"Calendar",startIconName:"calendar"},{id:"popover",label:"Popover"}],this.handleSubmit=e=>{console.log("Form submitted with values:",e)},this.handleTabChange=e=>{this.currentTab=String(e.detail)},this.handleManualFormReady=e=>{this.manualFormInstance=e.detail,this.manualUnsubscribe&&this.manualUnsubscribe(),this.manualUnsubscribe=this.manualFormInstance.subscribe((e=>{this.manualCanSubmit=e.valid&&!e.submitting}),{valid:!0,submitting:!0})},this.nestedMenuItems=[{id:"1",text:"Item 1",startIconName:"add",onClick:e=>console.log("Individual onClick for Item 1:",e)},{id:"2",text:"Item 2",disabled:!0},{id:"3",text:"Item 3 (Parent) Test Tests",onClick:e=>alert(`You clicked: ${e.text}`)},{id:"3-1",text:"Subitem 1",parentId:"3"},{id:"3-2",text:"Subitem 2",parentId:"3"}],this.sectionedMenuItems=[{id:"1",text:"Section 1 - Item 1",sectionNumber:1},{id:"2",text:"Section 1 - Item 2",sectionNumber:1},{id:"3",text:"Section 2 - Item 1",sectionNumber:2},{id:"4",text:"Section 2 - Item 2",sectionNumber:2},{id:"5",text:"No Section (Defaults to 0)"}],this.radioMenuItems=[{id:"r1-1",text:"Group 1 - Option A",sectionNumber:1,type:"radio"},{id:"r1-2",text:"Group 1 - Option B",sectionNumber:1,type:"radio"},{id:"r2-1",text:"Group 2 - Option X",sectionNumber:2,type:"radio"},{id:"r2-2",text:"Group 2 - Option Y",sectionNumber:2,type:"radio",checked:!0}],this.newRadioGroupItems=[{id:"g1-opt1",text:"Group A - Option 1",sectionNumber:1,type:"radio",checked:!0},{id:"g1-opt2",text:"Group A - Option 2",sectionNumber:1,type:"radio"},{id:"g1-opt3",text:"Group A - Option 3",sectionNumber:1,type:"radio"},{id:"g2-opt1",text:"Group B - Option 1",sectionNumber:2,type:"radio"},{id:"g2-opt2",text:"Group B - Option 2",sectionNumber:2,type:"radio"}],this.checkboxMenuItems=[{id:"c1-1",text:"Checkbox 1-A",sectionNumber:1,type:"checkbox",onClick:e=>console.log("Checkbox 1-A clicked! Current state:",e.checked)},{id:"c1-2",text:"Checkbox 1-B",sectionNumber:1,type:"checkbox"},{id:"c2-1",text:"Checkbox 2-A",sectionNumber:2,type:"checkbox",onClick:e=>console.log("Checkbox 2-A custom action executed",e)},{id:"c2-2",text:"Checkbox 2-B",sectionNumber:2,type:"checkbox"},{id:"c3",text:"More Options"},{id:"c3-1",text:"Sub Checkbox 1",parentId:"c3",type:"checkbox",onClick:()=>alert("Sub Checkbox 1 clicked")},{id:"c3-2",text:"Sub Checkbox 2",parentId:"c3",onClick:()=>alert("Sub Checkbox 2 clicked")}],this.iconMenuItems=[{text:"Prop Start Icon",startIconName:"calendar_ltr_20_regular"},{text:"End Icon",endIconName:"arrow_export_20_regular"},{id:"end-slot-item",text:"Slot End Example"},{id:"slot-test",text:"Slot"},{id:"prop-both",text:"Both Props testing testing",startIconName:"add_20_regular",endIconName:"dismiss_20_regular"}],this.animals=[{id:"mammals",name:"Mammals",emoji:"🦁",category:"Animal Kingdom",count:5500,type:"category"},{id:"big-cats",name:"Big Cats",emoji:"🐆",parentId:"mammals",count:38,type:"subcategory"},{id:"lion",name:"Lion",emoji:"🦁",parentId:"big-cats",habitat:"Savanna",status:"Vulnerable",population:23e3,endangered:!0},{id:"tiger",name:"Tiger",emoji:"🐅",parentId:"big-cats",habitat:"Forests",status:"Endangered",population:3900,endangered:!0},{id:"leopard",name:"Leopard",emoji:"🐆",parentId:"big-cats",habitat:"Various",status:"Vulnerable",population:5e4,endangered:!0},{id:"marine-mammals",name:"Marine Mammals",emoji:"🐋",parentId:"mammals",count:130,type:"subcategory"},{id:"whale",name:"Blue Whale",emoji:"🐋",parentId:"marine-mammals",habitat:"Ocean",status:"Endangered",population:25e3,endangered:!0},{id:"dolphin",name:"Dolphin",emoji:"🐬",parentId:"marine-mammals",habitat:"Ocean",status:"Least Concern",population:6e5,endangered:!1},{id:"elephants",name:"Elephants",emoji:"🐘",parentId:"mammals",count:3,type:"subcategory"},{id:"african-elephant",name:"African Elephant",emoji:"🐘",parentId:"elephants",habitat:"Africa",status:"Critical",population:415e3,endangered:!0},{id:"asian-elephant",name:"Asian Elephant",emoji:"🐘",parentId:"elephants",habitat:"Asia",status:"Endangered",population:5e4,endangered:!0},{id:"reptiles",name:"Reptiles",emoji:"🦎",category:"Animal Kingdom",count:1e4,type:"category"},{id:"snake",name:"Python",emoji:"🐍",parentId:"reptiles",habitat:"Tropical",status:"Least Concern",population:1e5,endangered:!1},{id:"turtle",name:"Sea Turtle",emoji:"🐢",parentId:"reptiles",habitat:"Ocean",status:"Endangered",population:85e3,endangered:!0},{id:"crocodile",name:"Nile Crocodile",emoji:"🐊",parentId:"reptiles",habitat:"Rivers",status:"Least Concern",population:25e4,endangered:!1},{id:"birds",name:"Birds",emoji:"🦅",category:"Animal Kingdom",count:1e4,type:"category"},{id:"birds-of-prey",name:"Birds of Prey",emoji:"🦅",parentId:"birds",count:500,type:"subcategory"},{id:"eagle",name:"Bald Eagle",emoji:"🦅",parentId:"birds-of-prey",habitat:"North America",status:"Least Concern",population:316700,endangered:!1},{id:"hawk",name:"Red-tailed Hawk",emoji:"🦅",parentId:"birds-of-prey",habitat:"Various",status:"Least Concern",population:2e6,endangered:!1},{id:"parrots",name:"Parrots",emoji:"🦜",parentId:"birds",count:393,type:"subcategory"},{id:"macaw",name:"Scarlet Macaw",emoji:"🦜",parentId:"parrots",habitat:"Rainforest",status:"Least Concern",population:5e4,endangered:!1},{id:"cockatoo",name:"Cockatoo",emoji:"🦜",parentId:"parrots",habitat:"Australia",status:"Vulnerable",population:15e3,endangered:!0}],this.getStatusBadge=t=>t.status?e("udp-chip",{label:t.status,color:{Critical:"error",Endangered:"warning",Vulnerable:"warning","Least Concern":"success"}[t.status]||"gray",size:"small",variant:"outlined"}):null,this.getItemAside=t=>"category"===t.type||"subcategory"===t.type?e("span",{style:{fontSize:"12px",color:"#6b7280"}},t.count," species"):t.population?e("udp-fluent-menu",{items:[{id:"view",text:"View Details",startIconName:"add"},{id:"share",text:"Share",startIconName:"share"},{id:"protect",text:"Support Conservation sdfsdfsdfsdfsdf",startIconName:"heart"}],buttonType:"icon",endIconName:"overflowMenuVertical",size:"small",appearance:"subtle",shape:"circular"}):null}disconnectedCallback(){this.manualUnsubscribe&&this.manualUnsubscribe()}render(){var t;return e("div",{key:"cc3492fffe7f6df6f7fa42245905c8d4155d18b7",style:{display:"flex",flexDirection:"column"}},e("div",{key:"aaded8dee6fa34a9bdd3e3baf39e39edbc050958",style:{display:"flex",gap:"1rem",marginTop:"1rem"}},e("udp-fluent-button",{key:"57921ffd2b146c4e5db541d583d5fa3940f45b66",onClick:()=>this.formDrawerOpen=!0},"Open Form Drawer"),e("udp-fluent-button",{key:"92a93251e5c7b5fe1c239baae7aab59a5124283e",onClick:()=>this.drawerOpen=!0},"Open Grid Drawer")),e("div",{key:"10cd16e0d809997dd398304101da0387d9eb4c21",style:{display:"flex",flexDirection:"column",gap:"1rem",marginTop:"2rem"}},e("h4",{key:"9d5bd2a6e314f98c3f1145fbade40f81605db1b6"},"Scroll Overflow Strategy"),e("udp-fluent-tablist",{key:"807935f8659dd4d26f45f8e982727834ebc2b227",tabList:this.tabs,onTabChange:this.handleTabChange,appearance:"transparent",size:"small",orientation:"horizontal",overflowStrategy:"scroll"},e("span",{key:"96e0eb9986242593b2cad5e47aca298fe337c31d",slot:"grids-start",style:{color:"red",fontWeight:"bold"}},"!")),e("h4",{key:"65dfb6a437f8c5b0faecd349f3d3a87d0d7a9604"},"Collapse Overflow Strategy"),e("udp-fluent-tablist",{key:"179ea71e141e4601ab843b36a1995447d4446a52",tabList:this.tabs,onTabChange:this.handleTabChange,appearance:"contained",size:"small",orientation:"horizontal",overflowStrategy:"collapse"},e("span",{key:"6b12a39d522e9bb862e6dde4a68a3a034ac06756",slot:"grids-start",style:{color:"red",fontWeight:"bold"}},"!")),e("div",{key:"8d9ccac6c268a817ed7e8fac84ffead18893cfc2",style:{padding:"1rem",border:"1px solid #ccc"}},e("udp-tab-panel",{key:"2255c8fd815f8cde411b8b9a54b286055ac96f79",id:"buttons-inputs",activeTabId:this.currentTab},e("div",{key:"11185c903764ab0e65f5557048898f39847427c9",style:{display:"flex",flexDirection:"column",gap:"1rem"}},e("h3",{key:"d5bdb89e8331eec473818a045920fdc86ef7af5d"},"Buttons & Inputs"),e("div",{key:"d33552750b6849228c5c15a06046018a03a899c7",style:{display:"flex",gap:"1rem",alignItems:"center"}},e("udp-fluent-switch",{key:"be1df1bb5dcbafbd699f4155783dd72c41298d65",label:"Toggle Loading",checked:this.isButtonLoading,onValueChanged:e=>this.isButtonLoading=e.detail}),e("udp-fluent-button",{key:"202016898629988139ca23b08a0fa7a986284ed0",loading:this.isButtonLoading,size:"medium"},e("udp-fluent-icon",{key:"f7625272ffa632575be4a09c34f45a66187be00d",name:"calendar",size:"sm",slot:"start"}),"Loading Button")),e("div",{key:"36c2f64bcca1dda5830d37997cdf2f46fb34093a"},e("udp-fluent-button",{key:"fe737ce4d6b18ef38a834a7e2b0a881753132fb6",onClick:()=>console.log("Click Me Clicked")},"Click Me")),e("div",{key:"875684c368f9bff20fdfd5ffb88d2d99dd79faf0"},e("h4",{key:"875d2adc248cec08d21e5265ee7324e0b46eaa2c"},"New Icon Props"),e("div",{key:"6d4a3bb71721a495b1fbdc70ac3c1880d1713a76",style:{display:"flex",gap:"1rem",alignItems:"center"}},e("udp-fluent-button",{key:"8c11f8501d2d0ea4e29d6991d61599bd70784728",startIconName:"checkmark",onClick:()=>console.log("Start Icon Clicked")},"Start Icon"),e("udp-fluent-button",{key:"d6c4a4b5fba360b6cc250a704843a5639b1cf5c4",size:"large",onClick:()=>console.log("End Icon Clicked"),endIconName:"home"},"End Icon"),e("udp-fluent-button",{key:"fe9e4921de4164b4f97c357b73c6527b7f5ac39e",appearance:"primary",onClick:()=>console.log("Primary Clicked")},"Delete"),e("udp-fluent-button",{key:"165d55c5cf1d231c39eda57569c522cb48933e79",startIconName:"checkmark",onClick:()=>console.log("Override Icon Clicked")},e("span",{key:"d4e850ff78e1af66aa60fc63764c66e503591ab0",slot:"start"},e("udp-fluent-icon",{key:"d0a9be36c9f6477eaa696682a6cecb8b8f3129d4",name:"home",size:"md"})),"Slotted icon override"))),e("div",{key:"6c30fd5ab5f9e2657b9c2913be6d5b6e75036f15"},e("h4",{key:"985ac24d234d8c1d81aa3fa4f3b2fa3796e2e207"},"Compound Buttons"),e("div",{key:"e931364cc88807c52b4f9a13945bcf193ec603aa",style:{display:"flex",gap:"1rem",alignItems:"center"}},e("udp-compound-button",{key:"c412dec749f9ffc51edb18eb938d054b8e78af04",description:"Hello World",startIconName:"calendar"},"Compound Button"),e("udp-compound-button",{key:"f3441cf3a4fe053d5d0d39590f5d1c81e25fd9d1",appearance:"primary",description:"With End Icon",endIconName:"delete"},"Primary"),e("udp-compound-button",{key:"c31a2620973d9c274f684363a8da36210fa653c2",description:"Custom Slot",size:"small",startIconName:"add",onClick:()=>console.log("Compound Button Clicked")},e("span",{key:"39600ebc133e27d130b782b036063bb172b759ba",slot:"description"},"Slotted Description"),"Compound")),e("div",{key:"ea14afc6192187c361ea346dfa37a12447dbce23",style:{marginTop:"1rem",display:"flex",gap:"1rem",alignItems:"center"}},e("udp-fluent-switch",{key:"f0fa7cd4713a58239322af804cdd77b732484748",checked:this.isButtonLoading,onValueChanged:e=>this.isButtonLoading=e.detail},"Toggle Loading"),e("udp-compound-button",{key:"0bb61eb81d80813ee5eedb56df0fdd7eb9864388",description:"Click switch to load",endIconName:"add",loading:this.isButtonLoading,onClick:()=>console.log("Compound Button Clicked")},"Loading Test"))),e("div",{key:"2d9e5ea0242535d2761c21de4c876871c704b166"},e("h4",{key:"6a435b2771a9f115ae029d014aad6a262c05eb43"},"Toggle Buttons"),e("div",{key:"cf124400ab9d4a686c72f4c5cc2c666b545115b2",style:{display:"flex",gap:"1rem",alignItems:"center",flexWrap:"wrap"}},e("udp-fluent-toggle-button",{key:"4b01dcf94b60b6832d4110c3df009a1828d2f513"},"Toggle Me"),e("udp-fluent-toggle-button",{key:"a080666828c81aacc13212157a098555207e1f46",pressed:!0,disabled:!0},"Disabled Pressed"),e("udp-fluent-toggle-button",{key:"3c19bb1829d77fb681b2595eaa864fd45915dece"},e("udp-fluent-icon",{key:"1e5b306127915f57faef13f6e3a2b14dd63f78aa",name:"add",size:"sm",slot:"start"}),"Slotted icon"),e("udp-fluent-toggle-button",{key:"9cf9e929936e5cce6d4ee9f3ae0c011eb92c1411",endIconName:"settings"},"End Icon Prop"),e("udp-fluent-toggle-button",{key:"588eb18f7a6c965a988ff97bfcd02181230fc76d",size:"small",startIconName:"add"},"Small"),e("udp-fluent-toggle-button",{key:"a750eb403b56d41d3a3dcc73ef460054c1d0cd28",size:"large",endIconName:"delete"},"Large"))),e("div",{key:"ca00a47f25e967aa7f16dbfa3f6a88942631ac71"},e("h4",{key:"96050267e5cc438803dacc7bf20036e16c915458"},"Icon Buttons (Dynamic Sizing)"),e("div",{key:"0dc7dc14386ff0dc74955bc9ea515f20c64c2e6a",style:{display:"flex",gap:"1rem",alignItems:"center"}},e("div",{key:"7ac09570ebe02bf803de177371071be29c64aa4f",style:{display:"flex",flexDirection:"column",alignItems:"center"}},e("udp-fluent-icon-button",{key:"7a073723eb7d87af17a361c2a3aa0a7b2d9eb960",iconName:"settings",size:"small",appearance:"primary",ariaLabel:"Edit"}),e("span",{key:"df3f8e5d6a7a6cc00676c027bd61df6c69ff1993",style:{fontSize:"12px"}},"Small (Subtle)")),e("div",{key:"5d778e44196f73faa5a35195804ec07ac01508df",style:{display:"flex",flexDirection:"column",alignItems:"center"}},e("udp-fluent-icon-button",{key:"0d3ecc6727a1b3059494f6c2118b2fc7ac81a9d4",iconName:"settings",size:"medium",ariaLabel:"Delete"}),e("span",{key:"7268648e7a39e737a089d7e6168a414a5fc3a6dd",style:{fontSize:"12px"}},"Medium (Outline)")),e("div",{key:"ae8300d43cdda803970269e496bbedcc8151a910",style:{display:"flex",flexDirection:"column",alignItems:"center"}},e("udp-fluent-icon-button",{key:"5620e84329effc9295cdf543a960aa3bf69acf69",iconName:"settings",size:"large",appearance:"primary",ariaLabel:"Settings"}),e("span",{key:"3adc2bef2cc7b262fd3473fe884328302aebcaeb",style:{fontSize:"12px"}},"Large (Transparent)")))),e("div",{key:"484a695dbb8e4833f8e74d3ad65f5b7d973e1076"},e("udp-loading-spinner",{key:"cd391b9b2614f8b85ea4d568536643e5c117e104",size:"tiny",appearance:"primary"})))),e("udp-tab-panel",{key:"6e4e4418c5316fc53dfc9e1d9cb7966bdb2a38e9",id:"inputs",activeTabId:this.currentTab},e("div",{key:"a88b77ed96fe127420e2d1ad2a07e941fb5b9060",style:{display:"flex",gap:"1rem",flexDirection:"column"}},e("div",{key:"d98c9f45e010b176b05bad64cb19f537e85bdcfa",style:{padding:"1rem",backgroundColor:"var(--colorNeutralBackground3, #f5f5f5)",borderRadius:"8px",marginBottom:"1rem"}},e("h3",{key:"62f2d93485e890cce09f263d27c5f2e25ade1b62",style:{margin:"0 0 1rem 0",fontSize:"16px",fontWeight:"600"}},"Global Property Controls"),e("div",{key:"8966f2e656be3af518087c18d07e11d0f4cf3e46",style:{display:"flex",gap:"2rem",flexWrap:"wrap",alignItems:"flex-end"}},e("udp-fluent-dropdown",{key:"f28dc549cd7619ed88ad95344fbc6abfbd8f2c3f",label:"Appearance",value:this.inputControlAppearance,options:[{label:"Outline",value:"outline"},{label:"Underline",value:"underline"},{label:"Filled Lighter",value:"filled-lighter"},{label:"Filled Darker",value:"filled-darker"}],optionValue:"value",optionLabel:"label",onValueChanged:e=>{var t;return this.inputControlAppearance=(null===(t=e.detail)||void 0===t?void 0:t.value)||e.detail},style:{minWidth:"150px"}}),e("udp-fluent-dropdown",{key:"32502fad7f06750134c726c1a51267d1ddd894f0",label:"Control Size",value:this.inputControlSize,options:[{label:"Small",value:"small"},{label:"Medium",value:"medium"},{label:"Large",value:"large"}],optionValue:"value",optionLabel:"label",onValueChanged:e=>{var t;return this.inputControlSize=(null===(t=e.detail)||void 0===t?void 0:t.value)||e.detail},style:{minWidth:"120px"}}),e("udp-fluent-switch",{key:"2b19493a782ceb8124023ff189eebcb93e7bbc24",label:"Required",labelPosition:"after",checked:this.inputControlRequired,onValueChanged:e=>this.inputControlRequired=e.detail}),e("udp-fluent-switch",{key:"825db201e44002c6a1bc04750d3702e008da94b2",label:"Disabled",labelPosition:"after",checked:this.inputControlDisabled,onValueChanged:e=>this.inputControlDisabled=e.detail}),e("udp-fluent-switch",{key:"94d04dcb10d043e89fb8a414409ba0aaf2b335ef",label:"Readonly",labelPosition:"after",checked:this.inputControlReadonly,onValueChanged:e=>this.inputControlReadonly=e.detail})),e("p",{key:"0cde819103938ad9702e13d08cb1c89469695455",style:{margin:"0.75rem 0 0",fontSize:"12px",color:"var(--colorNeutralForeground3)"}},"Note: Not all props apply to all components. readonly only applies to text inputs.")),e("udp-fluent-text-input",{key:"462d8f004d801893f69e58d35db56ad4fed99d20",label:"Text Input",placeholder:"Enter text...",required:this.inputControlRequired,disabled:this.inputControlDisabled,readonly:this.inputControlReadonly,appearance:this.inputControlAppearance,controlSize:this.inputControlSize,value:"test"}),e("udp-fluent-text-input",{key:"26a1a8e1d4fe685b51a94a04fb46713e874e30fc",label:"Email Input",type:"email",placeholder:"Enter email...",required:this.inputControlRequired,disabled:this.inputControlDisabled,readonly:this.inputControlReadonly,appearance:this.inputControlAppearance,controlSize:this.inputControlSize,value:"test@gmail.com"}),e("udp-fluent-text-input",{key:"5bd41b034befcb17f8486f62881db768f9ac91c0",label:"Number Input",type:"number",placeholder:"Enter number...",required:this.inputControlRequired,disabled:this.inputControlDisabled,readonly:this.inputControlReadonly,appearance:this.inputControlAppearance,controlSize:this.inputControlSize,value:"123"}),e("udp-date-input",{key:"d97709cc10e7e876df6d2877f67c695a3d0f5eb8",label:"Date Input",required:this.inputControlRequired,disabled:this.inputControlDisabled,appearance:this.inputControlAppearance,controlSize:this.inputControlSize,value:"2026-01-30"}),e("udp-date-time-input",{key:"4e53693f0ecece17986e19249614e3e1fc7219d5",label:"Date Time Input",required:this.inputControlRequired,disabled:this.inputControlDisabled,appearance:this.inputControlAppearance,controlSize:this.inputControlSize,value:"2026-01-30T12:00:00"}),e("udp-time-input",{key:"82f5577140814358d8ac35a9f5af86611110b628",label:"Time Input",placeholder:"e.g. 2:30pm",hint:"Type any time or select from list",required:this.inputControlRequired,disabled:this.inputControlDisabled,appearance:this.inputControlAppearance,controlSize:this.inputControlSize,value:"12:00"}),e("udp-textarea",{key:"525b79864f91baa08e4db249d8f0f02ca285d64f",label:"Textarea",placeholder:"Tell us about yourself...",autoResize:!0,required:this.inputControlRequired,disabled:this.inputControlDisabled,readonly:this.inputControlReadonly,appearance:this.inputControlAppearance,controlSize:this.inputControlSize,value:"test"}),e("udp-fluent-dropdown",{key:"b25357dffdde18f382fc5d89db51871a6af11925",label:"Dropdown",placeholder:"Select an option...",appearance:this.inputControlAppearance,disabled:this.inputControlDisabled,optionValue:"value",optionLabel:"label",options:[{label:"Option 1",value:"option1"},{label:"Option 2",value:"option2"},{label:"Option 3",value:"option3"}],controlSize:this.inputControlSize,multiple:!0}),e("udp-autocomplete",{key:"2781e29822fbe6b2df820e41935ef1bdcb695e75",label:"Autocomplete",placeholder:"Type to search...",appearance:this.inputControlAppearance,disabled:this.inputControlDisabled,optionValue:"value",optionLabel:"label",options:[{label:"Apple",value:"apple"},{label:"Banana",value:"banana"},{label:"Cherry",value:"cherry"},{label:"Date",value:"date"},{label:"Elderberry",value:"elderberry"}],controlSize:this.inputControlSize}),e("udp-fluent-checkbox",{key:"c1747c1613f65a0344c97b598ffb88a238077e23",label:"Checkbox",hint:"Check me!",disabled:this.inputControlDisabled,controlSize:this.inputControlSize,checked:!0}),e("udp-fluent-switch",{key:"173a549b786ed90ecba1ce26ecd1b8429f5cce68",label:"Switch",labelPosition:"after",disabled:this.inputControlDisabled,checked:!0}),e("udp-slider",{key:"8b25e0a7fa519ad4f2ff67256c21245f02d083ab",label:"Slider",min:"0",max:"100",hint:"Slide to adjust value",disabled:this.inputControlDisabled,value:"50"}),e("udp-fluent-radio-group",{key:"65c4d09694bd5a2024efd780f55d9d2144c3a9c9",label:"Radio Group",disabled:this.inputControlDisabled,items:[{label:"Option A",value:"a"},{label:"Option B",value:"b"},{label:"Option C",value:"c"}],value:"a"}))),e("udp-tab-panel",{key:"a528e84413fd23808762e67559c8dc3046cc9aad",id:"data-display",activeTabId:this.currentTab},e("div",{key:"31fc9642469ef208be7d9c5fc95c3c7da76f64b8",style:{display:"flex",flexDirection:"column",gap:"3rem"}},e("div",{key:"30b30354f9cbd41a09d74f273f45b3043e7203dd"},e("h3",{key:"c2903edd32762f41e242aabc77903233f9540bd0"},"Tree Example - Animal Kingdom (Conservation Status)"),e("p",{key:"7d8c61fdd3d0159dd865973a1edd656916733cc0",style:{fontSize:"14px",color:"#6b7280",marginBottom:"1rem"}},"Explore the animal kingdom with conservation status, population data, and more."),e("udp-tree",{key:"1e1a9f70b93602283b20052613f8bba8c1b123a4",treeItems:this.animals,itemContent:"name",itemStart:"emoji",itemEnd:this.getStatusBadge,itemAside:this.getItemAside,size:"medium",appearance:"subtle"})),e("div",{key:"552ac45cf231d5ffc4065deb6034ddac30357b78"},e("h3",{key:"c1e7d50d8fed5a52631cb7202e3ab6d18cd3c9b5"},"Accordion Example"),e("udp-accordion",{key:"1f67e4aca9eb971121f1183a783606bb7fa942cb",items:[{id:"simple",label:"Simple Item (Default)",content:"Just a basic string item."},{id:"expanded",label:"Expanded by Default",content:"This item starts expanded (expanded=true).",expanded:!0,headinglevel:3},{id:"disabled",label:"Disabled Item",content:"You cannot open me.",disabled:!0},{id:"sized",label:"Large Sized Item",content:'This item has size="large".',size:"large"},{id:"hidden-item",label:"You should not see me",content:"I am hidden",hide:!0},{id:"complex-slotted"}]},e("span",{key:"ffb204014e6786e80d9b14645cdb1fed57e01b0a",slot:"complex-slotted-heading"},e("div",{key:"08e2d840373f019ef6dae857d3e01c64fad14028",style:{display:"flex",alignItems:"center",gap:"8px"}},e("udp-fluent-icon",{key:"9c1f48ca8e8ded49c16268db0e33ce1d5dd0d600",name:"star",size:"md"}),e("span",{key:"b7601cf22008c9d83bce92b7c92060ab0f5739f6"},"Complex Slotted Header"),e("udp-chip",{key:"7366b4dd28f8bf0e770661bcdb7095671465cc2e",label:"New",color:"success",size:"small",variant:"filled"}))),e("div",{key:"a3f5279d1f4a95befafdba7178dc27393cdfccac",slot:"complex-slotted-content"},e("p",{key:"951901262af0da3a651a7bc2d7ff4c2fe9830f09"},"This content uses slots for complete control.",e("br",{key:"614078cb68e3239ba3a3e58c6eacf6b15467875c"}),e("span",{key:"5853d45f5ed6e66f575bb920b37190719e021d69",style:{fontSize:"12px",color:"gray"}},"(Try adding buttons, forms, or any component here)")),e("div",{key:"c650917b038458d009ddbe602d4ea06f2d5bedbf",style:{marginTop:"8px"}},e("udp-fluent-button",{key:"dcdd40be6e4019855c2c9c0ae700178dcf834321",size:"small"},"Action A"),e("udp-fluent-button",{key:"7eae24a7750d1e5e58a1b0a1e4f1323cf6c786ed",size:"small",appearance:"outline"},"Action B"))))),e("div",{key:"35ad658510d914d0cacc7bfd15a6d55d8591d26d"},e("h3",{key:"a3849ebc0c81c6eda3e16e430adae90f0f2d03b2"},"Auto-Wrapping Tooltip"),e("udp-tooltip",{key:"886b5b25bd6f2eeaba49da4a424db4c3075ad342",positioning:"above",content:"This works with Shadow DOM!"},e("udp-fluent-button",{key:"cd60589897cd01c8b90c381ba9dc6c945d075498"},"Hover me"))),e("div",{key:"958fe65e53320a8af946197da301542f82aec105"},e("h3",{key:"2d168d0efa2e807185e069b384e250e01620236b"},"Message Bar Example"),e("div",{key:"871b072a02e3f4d8bebeaaf0f9204d9ab0c1fdac",style:{display:"flex",flexDirection:"column",gap:"1rem"}},e("udp-message-bar",{key:"c4b3b53585c8de78e6fa8733385bbbfeeea1244a",intent:"info"},"This is an informational message bar."),e("udp-message-bar",{key:"eb327d6c36a746c1f4d52b3b0e34046fe6f4d1b4",intent:"warning"},"This is a warning message bar."),e("udp-message-bar",{key:"d79095d7d11ef000041e08a63bf20832216eca79",intent:"error"},"This is an error message bar with actions.",e("udp-fluent-button",{key:"a3a0377d3e4201ae6f661ec5d54e818f5c8eed8d",slot:"actions",appearance:"outline",size:"small"},"Resolve")),this.showMessageBar&&e("udp-message-bar",{key:"f22c608b8990b9c84f91cc65730d1e94b9d7af57",intent:"success",shape:"square"},"This is a success message bar (square).",e("udp-icon",{key:"4ad575eadbe4aae0212bf54f2caa5271acccbe92",iconName:"add",slot:"icon"}),e("udp-fluent-icon-button",{key:"30b2559553eb9b573a4d217225b3a6a06c9cb82a",iconName:"dismiss",shape:"circular",appearance:"subtle",ariaLabel:"Close drawer",onClick:()=>this.showMessageBar=!1,slot:"dismiss"})))),e("div",{key:"f309e4c1127e3e8f67924aaa30b803ed69d416dd"},e("h3",{key:"286137dcbab7d4cdb34529cae02fe90368fc5d55"},"Progress Bar Examples"),e("h4",{key:"0ac5652c26a45c4665d4f30d8719ec29fed259e5"},"Indeterminate"),e("udp-progress-bar",{key:"94ab7a6a2e139b7125ea3ccef4539bed06e09a25",thickness:"large"}),e("h4",{key:"38818cfc92cd66c6cdc058a6e090e572d4369675"},"Determinate (Success)"),e("udp-progress-bar",{key:"56a58a119bc94520b32b0c9276a51a27c4d33d0a",value:75,validationState:"success",shape:"square"}),e("h4",{key:"8241f9334026ea4f3415998b44daa5fb741d7d6c"},"Interactive"),e("div",{key:"25abd1e911780eeb591457ce819eed0a0d20fc0e",style:{display:"flex",gap:"1rem",alignItems:"center",marginBottom:"1rem"}},e("udp-fluent-text-input",{key:"4776d310afb868c746168e1b96138a9fafc61e19",label:"Set Progress",type:"number",value:null===(t=this.progressValue)||void 0===t?void 0:t.toString(),onValueChanged:e=>this.progressValue=parseInt(e.detail)})),e("udp-progress-bar",{key:"e872a461aae63ab1d17aa973850846496050ac55",value:this.progressValue,min:0,max:100,shape:"square"})),e("div",{key:"f6ae3a8bd3eaf3075b90fcc68f687d8faf193c3a"},e("h3",{key:"407a877759da0e37ac4a420896c5532d365f6eb8"},"Divider Examples"),e("p",{key:"7a7c4d498ea59d8d36bf71270a0e0e732267e1a0"},"Default Divider:"),e("udp-fluent-divider",{key:"f32f69ce9f097ab2818c936850bc77b91047000c"}),e("p",{key:"98d47992afe93de208e766c655cdbeee8a76d01d"},"Align Content:"),e("udp-fluent-divider",{key:"8d4d4033c104a2a90f4dbf16ecc6e8d2b07f8969","align-content":"start"},"Start"),e("udp-fluent-divider",{key:"0e998ed58c3a67d541eaafcb99fb106240b78d6a","align-content":"center"},"Center"),e("udp-fluent-divider",{key:"d6ce23cdd078bbe1afbf9402796b4eb05443e16f","align-content":"end"},"End"),e("p",{key:"d61e296fd20810b807f34e4519f58c13f1c274c0"},"Appearance:"),e("udp-fluent-divider",{key:"ea6d4b6dae0728744d81f77d3a668ad88dc8a737",appearance:"strong"},e("udp-icon",{key:"cec122173349419a0388fd71ec0ebc45e2bb8b86",iconName:"add"})),e("div",{key:"94014e5f250ee2bfbe8f5f69ec75008552624aed",style:{height:"10px"}}),e("udp-fluent-divider",{key:"cd43a952d082d3c5f5e564822575e84a3cec2dfb",appearance:"brand"},"Brand"),e("div",{key:"d8822a48d55bd6eff949a8f8eafcc865f53a32da",style:{height:"10px"}}),e("udp-fluent-divider",{key:"6abc05efa4578947d41df58502e7607911f683bf",appearance:"subtle"},"Subtle"),e("p",{key:"7b2b41ee1a95f284152e6700c81b5b024e2d502e"},"Vertical Divider (inside flex container):"),e("div",{key:"9a927e671bc5fe4c59b3fef2237c22f43c3802e4",style:{display:"flex",height:"50px",alignItems:"center",border:"1px solid #ccc",padding:"10px"}},e("span",{key:"d43cb08c6da292949264383ecef684e32e09912a"},"Item 1"),e("udp-fluent-divider",{key:"61d4bf2aed17cedb8009a2521a88532c56b64d9d",orientation:"vertical"}),e("span",{key:"24f1059cabfc1f5db7ec2b98e77bab4b04f1fb15"},"Item 2"),e("udp-fluent-divider",{key:"c3c18e2b0312d39d8a22549911ad9e2fadc73c13",orientation:"vertical",appearance:"brand"}),e("span",{key:"9f1609256e4597b27924ecb92863eb433d788391"},"Item 3"))),e("div",{key:"f68c5a66dc8cf5c2f486d4d0d731357977ce6cd4"},e("h3",{key:"debb585aa06d4635e8d1998eb584b5c24ef54c0d"},"Fluent Icon Examples"),e("p",{key:"975f8989ccb07e415dc2088d769df7b62e3426db"},"Basic usage (new simplified API):"),e("div",{key:"686f4088d2e9e6503add2109ab1f2df46cb85f21",style:{display:"flex",gap:"1rem",alignItems:"center"}},e("udp-fluent-icon",{key:"aed56dd499b6d5b6e228e5483703cef231a2ce6f",name:"add"}),e("udp-fluent-icon",{key:"bfbfdb2e98061097b3df798ddfaa68207a6f6d43",name:"home"}),e("udp-fluent-icon",{key:"cdd01adfab68495718168d1fe4f6b21bbce29780",name:"settings"})),e("p",{key:"0ba2c1bf006cc7d3be801f2358a62067026b5dce"},"Colored:"),e("div",{key:"8831ef82381783e4174b39652e771873257fae77",style:{display:"flex",gap:"1rem",alignItems:"center"}},e("udp-fluent-icon",{key:"659dace3a984ba69aaf0f115a3b6d7ebb0be701c",name:"add",variant:"filled",color:"green"}),e("udp-fluent-icon",{key:"9c4610e31077186c39c9798ce81785ece9fe9528",name:"delete",color:"red"})),e("p",{key:"71bfae83244e04dff84c478017d726d221475fba"},"Sizes (xs=16px, sm=20px, md=24px, lg=28px):"),e("div",{key:"6a6761593b7285871d9209f5cab1efbf09fe557e",style:{display:"flex",gap:"1rem",alignItems:"center"}},e("udp-fluent-icon",{key:"9e1c86fda60a91e580d59e622d56cd969f071692",name:"home",size:"xs"}),e("udp-fluent-icon",{key:"cb66c43949304eed5f0ecc0382b107d00a64bfbe",name:"home",size:"sm"}),e("udp-fluent-icon",{key:"0a374f10278333c2afab645e4095de51ed7a8199",name:"home",size:"md"}),e("udp-fluent-icon",{key:"0c4a96c58bf3d577bff9cab4c3cf2b005caa163f",name:"home",size:"lg"})),e("p",{key:"9a80bdf6cc45db3252346b5c27b2b4659e319222"},"Variants (regular vs filled):"),e("div",{key:"78de773acd96966c89cbf8787e1c4ecb5b89a88a",style:{display:"flex",gap:"1rem",alignItems:"center"}},e("udp-fluent-icon",{key:"20205dd01a29a528436c89e7059037b815bda7df",name:"star",variant:"regular",size:"lg"}),e("udp-fluent-icon",{key:"6cdfca2313d1dba058f8ff00c5a3bf5fa710f611",name:"star",variant:"filled",size:"lg",color:"gold"}))))),e("udp-tab-panel",{key:"475fe2dc26401a4ecb387a69d099d2c50894ea1f",id:"text",activeTabId:this.currentTab},e("div",{key:"7d85cc5f49ce71c18250430fb3eda73c0529badc",style:{display:"flex",flexDirection:"column",gap:"2rem"}},e("h3",{key:"64d4d42a50970eeebcdc80aa01bdfbb3c1af35c7"},"Text Component - All Variants"),e("div",{key:"d40bbb8cfe80a6d4db2944866cca36c0bf45557b"},e("h4",{key:"c47d0d44699c82fc1ed10caed452551bb4631be5"},"Display Variant"),e("udp-text",{key:"7a5cd8eee26f2c5dff0f999c222c112faf3d3e52",variant:"display"},"Display Text (h1)")),e("div",{key:"af889b1fd71493188f72139984ff6cd8c39779cd"},e("h4",{key:"94166fd6578b33e7dbb72a7ca42fbebac4f87b15"},"Large Title Variant"),e("udp-text",{key:"2348827d025a4fd5bce194216a98d803391e87ba",variant:"largeTitle"},"Large Title Text (h2)")),e("div",{key:"5c1d5fe010388b1b7e75a002b80226e570a6ae11"},e("h4",{key:"46130fb2df634bfa36c779c61804f196e2d46da5"},"Title Variants"),e("udp-text",{key:"7b3720cb8460fb05e8af87ed08a0174ac8de9a74",variant:"title1"},"Title 1 Text (h3)"),e("udp-text",{key:"e5ddff64adbacc1cc649eb55b247b6ffeae28260",variant:"title2"},"Title 2 Text (h4)"),e("udp-text",{key:"260154266561650fe467e23712b4b5ac3fdd6d41",variant:"title3"},"Title 3 Text (h5)")),e("div",{key:"3256180559438413e6dac7611f1bea8b8dad08c4"},e("h4",{key:"42ed450dff4b78c5d19b42b6e4bd68b09527092e"},"Subtitle Variants"),e("udp-text",{key:"c411d4856d4a954edf03670b1a4818016c7fe6a3",variant:"subtitle1"},"Subtitle 1 Text (h6, medium weight)"),e("udp-text",{key:"5053869f4bcd663925d186b3d813973395935b4c",variant:"subtitle2"},"Subtitle 2 Text (h6, semibold weight)")),e("div",{key:"851b82add76970bfeebaabd25f8ae41c07fa9183"},e("h4",{key:"2797c6d5c098c6340cf40141dd65c09cacd49039"},"Body Variants"),e("udp-text",{key:"a3b6f23c2bf18a4723482eead9aa56bd2062fcb4",variant:"body1"},"Body 1 Text (p) - This is the default variant. Lorem ipsum dolor sit amet, consectetur adipiscing elit."),e("udp-text",{key:"7b6d7a536b6424658c3f7c3b781bc23b48d46405",variant:"body1Strong"},"Body 1 Strong - Semibold weight for emphasis."),e("udp-text",{key:"f54c031d59a085c144e0405209d403caca3b06c2",variant:"body1Stronger"},"Body 1 Stronger - Bold weight for strong emphasis."),e("udp-text",{key:"cc5c74594b5c3ac58f29af5bd4702f021d4eaf51",variant:"body2"},"Body 2 Text - Slightly larger than body1.")),e("div",{key:"05ee5349c7d65885048deaa71d5e648944c15338"},e("h4",{key:"8e83f68dee1c82468936f564cc877b3bf7405955"},"Caption Variants"),e("udp-text",{key:"876e735cc3c4d29da5fd4537183a66e992eaa8dd",variant:"caption1"},"Caption 1 Text (span, inline)"),e("br",{key:"7da68d30f3ba6aa382924c55d73272e5094a9f69"}),e("udp-text",{key:"754f1e7298eff32a81c41e1cc80357aa98832305",variant:"caption1Strong"},"Caption 1 Strong (semibold)"),e("br",{key:"1824f255860ebc89adf4035235459f0386919a7e"}),e("udp-text",{key:"8f2585fb6758dcc149107b79837e7768320a5e82",variant:"caption1Stronger"},"Caption 1 Stronger (bold)"),e("br",{key:"6e59cc9b1680709254acba18dfb44c30d09eb4bc"}),e("udp-text",{key:"dd4c97a854bb106dc0bae28f40edf242846eb4c5",variant:"caption2"},"Caption 2 Text (span, inline, smaller)"),e("br",{key:"76a214249a05d28b926c35ba62ccece1d9d50690"}),e("udp-text",{key:"bba4443afab06a62c56614a41fbe54199d1891aa",variant:"caption2Strong"},"Caption 2 Strong (semibold)")),e("div",{key:"b2c568a25d887730bdd23069baf6880a478601de"},e("h4",{key:"27f78b39e479e5be4dfedd88a51590f2c42ca86c"},"Text Alignment"),e("udp-text",{key:"d96ca741cbbb686d10ba7d22f191f77c130c94b8",variant:"body1",align:"start"},"Aligned to start"),e("udp-text",{key:"46198c4dd03b55f9c05efaa59d8ce013964fbf9f",variant:"body1",align:"center"},"Centered text"),e("udp-text",{key:"dfa426894fc0c0729fd87f1348eb0be1c472f37d",variant:"body1",align:"end"},"Aligned to end")),e("div",{key:"3587ced045d4f6e1df0084024142685f7b498342"},e("h4",{key:"398ec8a524f89839c23e002760778193ecec56e8"},"Text Styling"),e("udp-text",{key:"9a117a82d99626af8458a77bbb98ec8284fd9dad",variant:"body1",italic:!0},"Italic text"),e("udp-text",{key:"925545b9dea10888f62ad111ef1c232f9c59abca",variant:"body1",underline:!0},"Underlined text"),e("udp-text",{key:"2f9392630cca9e6f21c6d4c7a2bb0572422f14bd",variant:"body1",strikethrough:!0},"Strikethrough text"),e("udp-text",{key:"a22b97b2b370d3bb6681c8f0439d007a28f9ecfb",variant:"body1",weight:"bold"},"Bold text")),e("div",{key:"5add46e633102a5e23af6700b5b58e4d552ad7d6"},e("h4",{key:"2c236e578ababaa0c344d728cfa8aac4fdf87be5"},"Custom Semantic Tags"),e("udp-text",{key:"2b41beb17675b2d716ade6b1be7e78f59b4289d9",as:"h1"},"text as h1 element"),e("udp-text",{key:"7642e800b366aabd9fb9edb052c952b8b719572d",variant:"caption1",as:"p"},"Caption text as paragraph")),e("div",{key:"566d5bb277050e064e76be97b8d4d65bcc19a943"},e("h4",{key:"4826e7394d3e41378e970e1827bf0206fcabd228"},"Font Variants"),e("udp-text",{key:"5d2a05fed4404dc98c3a155293e1af8c124b321f",variant:"body1",font:"base"},"Base font (default)"),e("udp-text",{key:"e575de350f6a914325d2e264a77beeb3f7290c68",variant:"body1",font:"numeric"},"Numeric font: 1234567890"),e("udp-text",{key:"174ddf61c46c5c7c2304d90db115a2f7a34786ac",variant:"body1",font:"monospace"},"Monospace font: const x = 42;")),e("div",{key:"8a21d3918a494ce94cb23190feba41cb4462d2e2"},e("h4",{key:"d604aeb9a422925db5a9cb0840555725113ecc79"},"Size Override"),e("udp-text",{key:"9c255d15159427aeae519c55a09d0872c27ea91a",variant:"body1",size:"200"},"Body variant with size 200"),e("udp-text",{key:"aaec386cc7908157b9fa9c6b2e38bcd32ca6fddb",variant:"body1",size:"600"},"Body variant with size 600"),e("udp-text",{key:"93b436b6c12260fbf0d3cdea6b40458edd9fd1e0",variant:"body1",size:"1000"},"Body variant with size 1000")),e("div",{key:"ec3ea61c3b9afb29aca56476e29672a1efe20c80"},e("h4",{key:"32f10badc74f8578292b9f3414494a11a701255a"},"Lists"),e("udp-text",{key:"936485bbc04ee89a963779ea6496e1acbc3addf2",variant:"body1",as:"ul"},e("li",{key:"1ba15c6cb4683cad4e925ef031fe4caffc895461"},"First list item"),e("li",{key:"c29077e74f07b9bd6a33520c57cd7793aecfcc4b"},"Second list item"),e("li",{key:"56ab6a4c3169d0438934c6a5aee6a8551512cbe9"},"Third list item")),e("udp-text",{key:"a42b5f2935887834f39a0493e24eabef97a0f8af",variant:"body1",as:"ol"},e("li",{key:"801cdd91b75167767efa8f361886ec7bdb890684"},"First ordered item"),e("li",{key:"7af26f5056b94b578324c87f7e4b2faebf72f828"},"Second ordered item"),e("li",{key:"c3e0098aa40ec799dc91e30e0341387a26c0772e"},"Third ordered item"))))),e("udp-tab-panel",{key:"4de50bb2c797a99840763b31db2d818f8657a218",id:"menus",activeTabId:this.currentTab},e("div",{key:"4aad42257a9d80063677d75760b977f288280f4f",style:{display:"flex",flexDirection:"column",gap:"2rem"}},e("div",{key:"c023d0db148a9b6e259e771e9f48a53316c51e24"},e("udp-fluent-menu",{key:"144617352207b6c142e34dc5ba56fb7c831f94c9",items:this.nestedMenuItems,label:"Nested Menu"})),e("div",{key:"dff8da22e6f210550c696575716ad38b7d5b75eb"},e("udp-fluent-menu",{key:"57b8036cb1550b0a0e89087be063b23865dfae34",items:this.sectionedMenuItems,label:"Sectioned Menu",endIconName:"add"})),e("div",{key:"1221fcd53881d4690436f156db1884a14b06ee55"},e("udp-fluent-menu",{key:"fbd2bf5eb57d58fc98777259d305a06099cba190",items:this.iconMenuItems,label:"Icons & Slots",startIconName:"grid_20_regular"},e("div",{key:"83806aafbfe3f751056eee0d20775e43301ad343",slot:"slot-test-start",style:{color:"magenta",fontSize:"20px"}},"★"),e("span",{key:"f3eddb764c82398e42a0168bd145448dc8fc8287",slot:"slot-test-end",style:{backgroundColor:"red",color:"white",borderRadius:"4px",padding:"2px 6px",fontSize:"10px"}},"NEW"),e("span",{key:"30ad19954cdc208406e4a37fb5552507034a92e0",slot:"end-slot-item-end",style:{color:"magenta",fontSize:"12px"}},"Custom"))),e("div",{key:"9a203fa37d6d7b4288026feb4f7daa0af4870e71",style:{display:"flex",justifyContent:"flex-end",border:"1px dashed #ccc",padding:"1rem"}},e("span",{key:"8642c5f815fd4bca84eb9f4cfd104726cb81b1f9",style:{marginRight:"auto"}},"Menu Overflow Test (far right):"),e("udp-tooltip",{key:"905a1ab00de495d7d7ca5bb469354233e3cec05a",positioning:"before",content:"More Options"},e("udp-fluent-menu",{key:"73e90cee599892291fee92a7355adebb0a0613b6",items:this.radioMenuItems,onCheckedChange:e=>console.log("Radio item changed:",e.detail),label:"Radio Groups",buttonType:"icon",endIconName:"more_horizontal_20_regular",shape:"circular",appearance:"transparent",openOnContext:!0}))),e("div",{key:"4ba85da29caf811ff00f377ec3259b82b256e53c"},e("h3",{key:"31347a712e096ef40b16de817e8bb4403fb756dc"},"New Radio Group Example"),e("udp-fluent-menu",{key:"5228a94c43cd6509e32a2d42ff69467f1461e330",items:this.newRadioGroupItems,label:"Select Option",onCheckedChange:e=>console.log("New Radio Group Change:",e.detail)})),e("div",{key:"81b3b6ac4a2f5b5ea40b58aa232d5544806f5c91",style:{padding:"1rem",border:"1px dashed #ccc"}},e("h3",{key:"122bbd7c4c56a18d4b7fdaaca618328d50fb9172"},"Menu at Bottom (Testing onClick handlers)"),e("udp-fluent-menu",{key:"9fa7a5febea6580d11ee9a20c9a7cf5d844b7b48",items:this.checkboxMenuItems,onCheckedChange:e=>console.log("Checked changed:",e.detail),label:"Checkbox Groups",buttonType:"split",onPrimaryClick:()=>console.log("Primary clicked"),shape:"circular"},e("udp-icon",{key:"836eeabf10a0e17b736a5cf9e582d2f16fee118d",slot:"start",iconName:"add"}))))),e("udp-tab-panel",{key:"cabe25fe2dfebeb1c242f993c1db1eedcb680287",id:"grids",activeTabId:this.currentTab},e("udp-lazy-loader",{key:"0dac6c586d46d8de0502cf9701e53bbc6de5c067",if:"grids"===this.currentTab,content:()=>e("client-side-grid",{columnDefs:[{field:"make"},{field:"model"},{field:"price"},{field:"model"},{field:"model"},{field:"model"}],rowData:[{make:"Toyota",model:"Celica",price:35e3},{make:"Ford",model:"Mondeo",price:32e3},{make:"Porsche",model:"Boxster",price:72e3}]})})),e("udp-tab-panel",{key:"d3e84946f00922d9ff9472690379823134e4d479",id:"dialogs",activeTabId:this.currentTab},e("div",{key:"86aa5037cb09b0107a656d5bf436474ba4b53fad"},e("udp-fluent-button",{key:"e5dcfc30f07e9e82b9d3c17631c1ea11fc9a9776",onClick:()=>this.dialogOpen=!0},"Open Dialog"),e("udp-fluent-dialog",{key:"58490b72f7ccee55bda24e1926980768b14ac598",open:this.dialogOpen,dialogTitle:"Example Dialog",onDialogClose:()=>this.dialogOpen=!1},e("div",{key:"c10431a1d3147340dfa7d4c0ba597344159827fd"},"This is a simple dialog example."),e("udp-fluent-button",{key:"cccd418d072062ffbba6639829f31a54ddb2155d",slot:"action",onClick:()=>this.dialogOpen=!1},"Custom Close"),e("udp-fluent-button",{key:"ea3cfde7fd7c041b779aee9c291fccb49f0d773d",appearance:"primary",slot:"action"},"Confirm")))),e("udp-tab-panel",{key:"926afea28a321c8055f1a0a1652e6d3301822c53",id:"cards",activeTabId:this.currentTab},e("div",{key:"412f689102296f9d894ea452f3a4786a4b2bb369",style:{display:"flex",flexDirection:"column",gap:"2rem",padding:"1rem"}},e("h3",{key:"4e7460eafb32f78a9f0de44a76b5be3fe2e8508e"},"Cards"),e("h4",{key:"0158c6ec80062d0d38093374732f5fb1aa46f6e2"},"Basic & Outlined (Default)"),e("div",{key:"fd539e1f1dafa4f26412f377b4d5765eea95a8b5",style:{display:"flex",gap:"1rem",flexWrap:"wrap"}},e("udp-fluent-card",{key:"b77b0de294109e56fefaf3ef2f07f99a9f2422a0",appearance:"filled"},e("div",{key:"cc9a52f667d9be211e43f7c0696a37adb1319124",slot:"header"},e("h3",{key:"c2c408759c167e4b745094b2a2b6342524dad676",style:{margin:"0"}},"Basic Card"),e("span",{key:"289afbcf179df33d348f639cafaf1db815c108ad",style:{fontSize:"12px",color:"var(--colorNeutralForeground2)"}},"This is a basic outlined card")),e("span",{key:"d9dcd7c38a9166e538755ebe3c7754cb1a0f5d6c"},"Card content goes here. The card handles its own slots for header, preview, and footer."))),e("h4",{key:"286ee8f4f2ec097ee37b0b8a3d914db005601f03"},"Elevated & Media"),e("div",{key:"9d4be649b3112a33b68d06972cd2ae57a61f1cd4",style:{display:"flex",gap:"1rem",flexWrap:"wrap"}},e("udp-fluent-card",{key:"c33bdc0dab304531122a5095feb203d510bd9b5d",appearance:"filled",interactive:!0,label:"With shadow & interactive",subtitle:"This card uses the filled appearance and has a preview image."},e("img",{key:"91f4310ca68a2623bb3b68a1a2507c5ccfa55896",slot:"preview",src:"https://images.unsplash.com/photo-1557683316-973673baf926?w=600&h=400&fit=crop",alt:"Abstract gradient preview"}),e("span",{key:"6756437faa0f2a47e91d8d2b0e1cf0d7880c5ba5"},"Card content"),e("div",{key:"5263999f443acddd62ae8d93a348ae31646cfb4a",slot:"footer",style:{display:"flex",gap:"8px"}},e("udp-fluent-button",{key:"34d30f88b5e644ed2a80b3d117ba2c5afadd06f8",size:"small"},"Action 1"),e("udp-fluent-button",{key:"13ca505f2d7f870710a16f224f2a89fb319422b2",size:"small",appearance:"outline"},"Action 2"))),e("udp-fluent-card",{key:"12b4863905f2ac644364d8cb715bdc7240750a7e",appearance:"subtle",label:"Prop provided title",subtitle:"Prop provided subtitle"},e("span",{key:"5c964b20c8e2d8b1eeb91dbeb1a7f0dd068aaff1"},"This card uses the subtle appearance. Good for lists or less emphasized content."),e("div",{key:"cd65f813782184e436d2d448bcc28d862e1fa8f2",slot:"footer"},e("udp-fluent-button",{key:"2b4f39e33070e4f300fafb0b81abcf0b00216ac4",appearance:"primary"},"Dismiss"))),e("udp-fluent-card",{key:"a2b888ccc67e4d82c831591b5d61ce90518ee0d3",appearance:"outline",label:"Card with Action",subtitle:"Header action example",width:"320px"},e("udp-fluent-icon-button",{key:"7dea81f5d605b3340faf5a5f5a482bfd926e1283",slot:"header-action",iconName:"more_horizontal_20_regular",appearance:"subtle",ariaLabel:"More options",onClick:()=>console.log("More clicked")}),e("span",{key:"7995c93149c20e1429542830958b7856b55053fc"},"This card demonstrates the header-action slot with an icon button.")),e("udp-fluent-card",{key:"62c93ead19e4c2c959ee5fa4e9431ba9ecebcadc",appearance:"muted"},e("h4",{key:"ffbffd7ae0791bda19543c8f83709cc215e0af23",slot:"header",style:{margin:"0"}},"Muted Card"),e("span",{key:"6d9d2a57bbb37b6e62c4d9aeb7a393b6bf70a4c4"},"Flat with subtle grey shading."))),e("h4",{key:"0c4f30eaaf02505a864ffd164fd415eefdee719b"},"Horizontal & Sized"),e("div",{key:"48bbbd3d056c4b25819f2b4214a576fa8a58868a",style:{display:"flex",flexDirection:"column",gap:"1rem"}},e("udp-fluent-card",{key:"da9e885623f8a6ce0f29d22c185a1d38fabd1a5d",orientation:"horizontal",width:"400px"},e("div",{key:"ee6bf97e8af9128f355377de2d888ecd2b9d5ccc",slot:"preview",style:{width:"80px",height:"100%",backgroundColor:"var(--colorNeutralBackground3)",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"24px"}},"📷"),e("div",{key:"a8a3fa8cb2084d84305ffa29228b6ba3e46e0781",style:{display:"flex",flexDirection:"column",width:"100%"}},e("div",{key:"4103caac78f62d85ba598ed07b5b79ae8c7e679b",slot:"header"},e("h4",{key:"d40a7288301a832a1eb6922961a389de9c125a92",style:{margin:"0"}},"Horizontal Card")),e("span",{key:"579118059fa2868400cdcf1b25e06c3a32523b7f"},"Fixed 400px width."))),e("udp-fluent-card",{key:"505eec1072c4e5511c148b4b2561961eae170b26",width:"300px",appearance:"filled"},e("div",{key:"e50f97e45ebdd8c0f0a121347d1c6fc152887657",slot:"header",style:{display:"flex",justifyContent:"space-between"}},e("span",{key:"c85d615a77e89b48bc152318e6ec20f472baf7f5",style:{fontWeight:"600"}},"Fixed Width User"),e("udp-fluent-icon",{key:"532a906c654505f5ebc25165f5bdb740a29251c9",name:"person_20_regular"})),e("span",{key:"d49340fdca87ad9983a8abf3bb255bf8c6783382"},"Fixed width (300px), auto height. Reduced padding is no longer controlled by a prop."))),e("h4",{key:"60dc0b0227b781cc9c5c16f0e2360f46efc90fd8"},"Complex Interaction"),e("div",{key:"c6074f24f3363c1883a28d006d30120b3570041d",style:{display:"flex",gap:"1rem",flexWrap:"wrap"}},e("udp-fluent-card",{key:"af1a3e1fd57d2714a37b7efa7ef9801115823689",interactive:!0,appearance:"outline",onClick:()=>console.log("Card clicked"),style:{width:"280px"},label:"John Doe",subtitle:"Software Engineer"},e("div",{key:"4b245cb54f8950576638e6895baca69bdc5c1ee5",style:{width:"32px",height:"32px",borderRadius:"50%",backgroundColor:"var(--colorBrandBackground)",color:"white",display:"flex",alignItems:"center",justifyContent:"center"},slot:"header-start"},"JD"),e("udp-fluent-icon-button",{key:"bb713198e3b3028188802ebab965bb9ed433004d",iconName:"more",slot:"header-action",shape:"circular"}),e("udp-fluent-icon-button",{key:"896da425d5b673abea393534352d874b98f8c39c",iconName:"dismiss",slot:"header-action",shape:"circular"}),e("div",{key:"70e9ac4731d15774a9901ea305c43e7c2f969bfa"},"(div) Responsible for maintaining the core design system and ensuring accessibility compliance across all products."),e("udp-typography",{key:"09862bf1c6be8486b71f071ad8922e25ca111912",variant:"body1"},"(body1) Responsible for maintaining the core design system and ensuring accessibility compliance across all products."),e("udp-typography",{key:"07e1d841ea6f891602b48d15d373ab92ce73c8e6",variant:"body2"},"(body2) Responsible for maintaining the core design system and ensuring accessibility compliance across all products."),e("udp-fluent-button",{key:"591e6e30e589aa17ebca4f8c6f41d174c7b69414",slot:"footer",appearance:"primary",size:"small",onClick:()=>console.log("Profile clicked")},"View Profile"),e("udp-fluent-button",{key:"d4915d8a11570219ab9ba68b61a55fb6ece6ae32",slot:"footer",appearance:"outline",size:"small",onClick:()=>console.log("Help clicked")},"Help Center"))),e("h4",{key:"c7b3f522c7fb1e27239698a5886e722a987ab383"},"Flex Layout (Grid System)"),e("div",{key:"454551ca72bf16db155fa8739d26714c5826414a",style:{display:"flex",flexDirection:"column",gap:"1rem"}},e("div",{key:"f95ff8eb626e449c013d55d40de0e4cdb347084d",style:{display:"flex",gap:"1rem"}},e("div",{key:"17081618f9ff427222b3b0fa89c6cb5d6a03c70a",style:{flex:"1"}},e("udp-fluent-card",{key:"41f9ea20c270e7d91ff9e57ee7329f6c861bd9bd",width:"100%"},e("div",{key:"3ac020fb3f97b75f55991d4a38388965fd5bcdff",slot:"header"},e("h3",{key:"88bfb3e4ee5d3956742a97eb3e91d5d325b4353a"},"Card 1 (50%)")),e("span",{key:"beb4dec456a984f7af5f6a277904bd41c4628dcb"},"Flex item 1"))),e("div",{key:"d7b2e809f8d461c263e3d31654d70d28193e37dc",style:{flex:"1"}},e("udp-fluent-card",{key:"d444ca222283f2e08a120294a2ca4a38f7373c20",width:"100%"},e("div",{key:"39557755b81f40a4761ca197f04c4ba262b84760",slot:"header"},e("h3",{key:"d93350270fdef6eed931b9a39ea6372f78dfebd2"},"Card 2 (50%)")),e("span",{key:"906c6b59e0f8320f2220600495f87ed566e921c8"},"Flex item 2")))),e("div",{key:"7095a60f99d7373ae7150e4c635f43e0f86c86dc",style:{display:"flex",gap:"1rem"}},e("div",{key:"bbe5fed6e9d97a62b10e0cc11dec5f45f5555a4a",style:{flex:"1"}},e("udp-fluent-card",{key:"a7be0c25a5f0b5dadbc2e242cee22b167b7997dd",width:"100%"},e("div",{key:"c05050cb237fea03ffafc3d89a1147bce01d9b09",slot:"header"},e("h3",{key:"f9436d218785abad2679108bdf913155c8ba1360"},"Card 3 (33%)")),e("span",{key:"a112e885da84f47eaf845a4d937d0173348dd2fd"},"Flex item 3"))),e("div",{key:"f759b9d682cbe5af25a417acc2dd81dc9e10da1d",style:{flex:"1"}},e("udp-fluent-card",{key:"858eabd0ac3bff1c10f044e3ab1dbb7a8ceead67",width:"100%"},e("div",{key:"1a299cdd6150d62648dadbee8b4c4fb880241794",slot:"header"},e("h3",{key:"9b626ec19ddba5c4e5afeb6d3c9c5911285723f2"},"Card 4 (33%)")),e("span",{key:"e18639996cebddde37199d6951c0d0da05d49ffd"},"Flex item 4"))),e("div",{key:"2c4a06d8bb77cdcba196717de031836ae2dce658",style:{flex:"1"}},e("udp-fluent-card",{key:"08c80ab9218c419effd58ed9f2d41409edad2f32",width:"100%"},e("div",{key:"630dd615898e4477f2bf347f0ecd36233cbfc78a",slot:"header"},e("h3",{key:"502dce5adfcdd0fa798fc8f8868182cc2509c903"},"Card 5 (33%)")),e("span",{key:"00dc62c1116b736bbb7eae43e9bcb42f8da8f2c9"},"Flex item 5"))))))),e("udp-tab-panel",{key:"bdeb8905baf812c218793fb482307568d4215fdb",id:"chips",activeTabId:this.currentTab},e("div",{key:"000efe2d3456dff700ad46f00e989199176e4184",style:{padding:"24px",display:"flex",flexDirection:"column",gap:"24px"}},e("h4",{key:"fad1be3c73a53077f5268a416b6929aaf5e8927c"},"Filled Chips"),e("div",{key:"f5aaa9903825bed402a72a0cc5def686eb703679",style:{display:"flex",gap:"8px",flexWrap:"wrap"}},e("udp-chip",{key:"73c96a0a3d0b91a46888a3bb0a68a7230430d4ac",label:"Basic Chip",variant:"filled",color:"gray"}),e("udp-chip",{key:"1cb0c917665525c4950f814c1e1659847af33f86",label:"Primary",variant:"filled",color:"primary"}),e("udp-chip",{key:"96a0f126510338faad8f989ee53577cfce1913f8",label:"Success",variant:"filled",color:"success"}),e("udp-chip",{key:"26b977170d5ccf65912031f9cf2693355d72afd3",label:"Warning",variant:"filled",color:"warning"}),e("udp-chip",{key:"40bc5373a34858354da22faedfc45be1c31b4516",label:"Error",variant:"filled",color:"error"})),e("h4",{key:"20484528cf9373b1b5cfa511311a861e3ea07e6d"},"Outlined Chips"),e("div",{key:"0dde5fd38a7d4e003fdbfda9e5f808add0926c39",style:{display:"flex",gap:"8px",flexWrap:"wrap"}},e("udp-chip",{key:"9f497712a2e7a2afcb088903587147799ecf150e",label:"Basic Chip",variant:"outlined",color:"gray"}),e("udp-chip",{key:"92036b9650acdb8adad2733d7889cf1e640f198d",label:"Primary",variant:"outlined",color:"primary"}),e("udp-chip",{key:"f3863696346150a5b7ff1ac9c4faf5f1742659ca",label:"Success",variant:"outlined",color:"success"}),e("udp-chip",{key:"d0b9a36dc94b518943e53fd57b2140aa3f52e4a6",label:"Warning",variant:"outlined",color:"warning"}),e("udp-chip",{key:"016f9c4df14c0d521ee9b6d415786f2847f3c350",label:"Error",variant:"outlined",color:"error"})),e("h4",{key:"7243d0bdb152f252ea4be0fa3da1967675a032a5"},"With Icons & Deletable"),e("div",{key:"b73da80882696b5d273f247a6e3e45d10fa1aa43",style:{display:"flex",gap:"8px",flexWrap:"wrap"}},e("udp-chip",{key:"565ad92faff5761c648e62e1a674d714108a3e84",label:"Person",startIcon:"person_20_regular",variant:"filled",color:"primary"}),e("udp-chip",{key:"fe71aab40128954d51137cc1ec7189fcb0cc456e",label:"Deletable",variant:"filled",color:"gray",deleteButton:!0,onChipDelete:e=>console.log("Delete:",e.detail)})),e("h4",{key:"a8220cac3c312953585829190928f3d20b57d5a8"},"Sizes"),e("div",{key:"28667e927b0f5b257032d8d8012fe6327adfa993",style:{display:"flex",gap:"8px",flexWrap:"wrap",alignItems:"center"}},e("udp-chip",{key:"74995f40d472cb9355e2580e0a38350c963932fe",label:"Medium (Default)",size:"medium"}),e("udp-chip",{key:"afac03e691516cb19ae04198d697a6ca51987b08",label:"Small",size:"small"})))),e("udp-tab-panel",{key:"71ad6049893aa82e99f4adb98d5d22cc9eed0cb3",id:"forms",activeTabId:this.currentTab},e("div",{key:"b182d63c5bc6f2bd400d1dd11cf6e7ae2eb1735e",style:{padding:"24px",display:"flex",flexDirection:"column",gap:"40px"}},e("div",{key:"5b0f2f01774a85947c1963efd2e83406ea5e906f"},e("h3",{key:"f51f3ffe28b42aeecd303c3f4896551c4d237929"},"1. Registry Pattern (Sidesheet)"),e("p",{key:"169c8fc8b8d89e84125fba35bc7462d02935614e"},"Button in drawer footer auto-connects to form via ",e("code",{key:"58990b4ca0065b15cdd59e32153751f63fd6d66b"},"formId"),"."),e("div",{key:"1898273f7c0d32872ac3a9690c554a3f5497fda5",style:{marginTop:"16px"}},e("udp-fluent-button",{key:"ffc42e65af4111ec26bffdcafe6827e6f1c91e8f",appearance:"primary",onClick:()=>this.formDrawerOpen=!0},"Open Registry Form Drawer"))),e("hr",{key:"b10dfb90317b77212f7b0c67262bdef339579d4b",style:{width:"100%",borderColor:"#eee"}}),e("div",{key:"abb63ea3c078d702b444ea4a0d395731c6ffee8d"},e("h3",{key:"d06f24b9a8703f895aa9e7e810d4d3dd475da8a3"},"2. Legacy Manual Wiring (Sidesheet)"),e("p",{key:"0b6bba9c9ec64e2674348d018a28e5f163c54b03"},"Parent component manually listens to ",e("code",{key:"b39021a64a72dc1347b71112badf7f3875f159c8"},"formReady"),", tracks validity state, and calls ",e("code",{key:"e41e12f7a1f4f077047837c859e3bb5a74027e72"},"submit()"),"."),e("div",{key:"ac8a555284d38baa0271237a4832b94ea3ec32a9",style:{marginTop:"16px"}},e("udp-fluent-button",{key:"a0ee68bbb6862d4be0a1b94905edb47db1d20d99",appearance:"outline",onClick:()=>this.manualDrawerOpen=!0},"Open Manual Form Drawer"))),e("hr",{key:"aac9940cf7b88ace7906ea89efde995002af9f52",style:{width:"100%",borderColor:"#eee"}}),e("div",{key:"fa35551054c15310158fb2273c70d1d432620069"},e("h3",{key:"07afad5944cf4b127f586361cdc2db2f5ce24550"},"3. Inline Form"),e("p",{key:"fa482f45ec04b26c4bda934d45af50ac94e5ffe6"},"Form embedded directly in the page. Uses registry pattern for the external submit button."),e("div",{key:"6775dab864c7cb68a732c291784538363de15fda",style:{border:"1px solid #e0e0e0",padding:"24px",borderRadius:"8px"}},e("div",{key:"b70ba15ffddcf94a48396ab07cb8240f4159ee9f",style:{marginTop:"16px",display:"flex",justifyContent:"flex-end"}},e("udp-fluent-button",{key:"9f6c46b959e3da50d7d2030d070b9317bccb26b9",appearance:"primary",form:"inline-form",type:"reset"},"Inline Reset")))))),e("udp-tab-panel",{key:"76e630926fadc4d200b250b2e8b797bc8ed5e6e1",id:"calendar",activeTabId:this.currentTab},e("div",{key:"8570ceba899bb714023e0cab1694baf210c56c55",style:{padding:"24px",display:"flex",flexDirection:"column",gap:"32px"}},e("div",{key:"0564e81ecf637695b35557a664f4d993d9333f63"},e("h3",{key:"60005aacdbfc892e69350d36cedd0faf66b3024b"},"Date Range Selector (Fluent2 Styled)"),e("p",{key:"b4fa4f40fc9570a277acd16ccede1f156835fdbd",style:{color:"var(--colorNeutralForeground2)",marginBottom:"8px"}},"Calendar component with month/year view navigation. Click the header to switch views.")),e("div",{key:"a17aa02311718141547f6fa383227f0272538e65",style:{display:"flex",gap:"48px",flexWrap:"wrap"}},e("div",{key:"2b398d1382ed5cb4cf5a0f8a4ee0502647bd711f"},e("h4",{key:"733eb35d3b15bd6e4bfad259f01b6de0d297423b",style:{marginBottom:"8px"}},"Single Date (sm)"),e("udp-date-range-selector",{key:"1a817b8f30910689a917c134be62f41bcb303df3",variant:"single",monthsToDisplay:1,size:"sm",onChange:e=>this.singleDateValue=e.detail}),e("p",{key:"07f1bd44de2d6cafbd989779fa2d1afe6e456d8e",style:{fontSize:"12px",color:"var(--colorNeutralForeground3)",marginTop:"8px"}},"Value: ",e("code",{key:"99ef545535af42266b99123c4f0857c80e5687e5"},this.singleDateValue||"(none)"))),e("div",{key:"7110c108bafdd8369bf4e91103a7d46ade57a5c1"},e("h4",{key:"a696e12a43554d2a5a0605e091cb296954a569cd",style:{marginBottom:"8px"}},"Multi-Select (md)"),e("udp-date-range-selector",{key:"a040f68482d236102d49e42be2c9113276f668e4",variant:"multi",monthsToDisplay:1,size:"md",onChange:e=>this.multiDateValue=e.detail}),e("p",{key:"0411bfa5c070667d42a3daa8cfbcf06b4e8b2c55",style:{fontSize:"12px",color:"var(--colorNeutralForeground3)",marginTop:"8px"}},"Value: ",e("code",{key:"b26aefe12a2ef2a390fd091b8dc819c42dd49eaf"},this.multiDateValue||"(none)")))),e("div",{key:"eb86750aeb59a1dc1df433a2573b4fb9a2a6d929"},e("h4",{key:"0b6a5e9848f28c539161cb02e43081cfd39b6919",style:{marginBottom:"8px"}},"Date Range (lg, 2 months)"),e("udp-date-range-selector",{key:"d76649748f31f202fc7d0ae184742475764efa99",variant:"range",monthsToDisplay:2,size:"lg",orientation:"horizontal",onChange:e=>this.rangeDateValue=e.detail}),e("p",{key:"a169672751036dbe4e4b9aac6ecfa9526dd2e4c5",style:{fontSize:"12px",color:"var(--colorNeutralForeground3)",marginTop:"8px"}},"Value: ",e("code",{key:"6c13164cd462dea43d10246057dc4ae84e2a35ba"},this.rangeDateValue||"(none)"))),e("div",{key:"b9f0cd38b1be4598b38b223d055cebe7578c9c71"},e("h3",{key:"026502eff9ee97bbb0eb0b5f5762d9cd2a7e35e8",style:{marginTop:"16px"}},"Date Picker (Native)"),e("p",{key:"3c96174d5b165660c7f2b2fc00ace66dc6cb790c",style:{color:"var(--colorNeutralForeground2)",marginBottom:"16px"}},"For simple single date selection, the native date input provides quick month/year navigation."),e("div",{key:"eb2de3b33004d383739eb6f86cb659a1effdce5f",style:{display:"flex",gap:"24px",flexWrap:"wrap"}},e("udp-date-input",{key:"c392b7f4f3554888c17936aefcc2e67ad3a274d3",label:"Date",appearance:"outline"}),e("udp-date-input",{key:"0b0921f54f82b6dfc4e13ac3e1933be2ea335da7",label:"Date & Time",appearance:"outline"}))),e("div",{key:"96149e1421c6c1a4496f06eec5d13a7aee17c29a"},e("h3",{key:"55cabd8a74df2aafb3c8c055f4d36f67085b5211",style:{marginTop:"24px"}},"Popover Component"),e("p",{key:"f14a774ffd1116c2b35904177d12e8787af38ee4",style:{color:"var(--colorNeutralForeground2)",marginBottom:"16px"}},"Generic popover using native Popover API and CSS Anchor Positioning."),e("div",{key:"593f34d7ad3bd58f7f29f7dfc6873d12da5fc4b7",style:{display:"flex",gap:"24px",flexWrap:"wrap",alignItems:"flex-start"}},e("udp-popover",{key:"7a04d566acb4dea10e7ee03315e78802462ab346",position:"bottom-start"},e("udp-fluent-button",{key:"cb24b7820162d673c41dd76acebe6fc3aaae3ef1",slot:"trigger",appearance:"outline"},"Open Popover"),e("div",{key:"5de1d6c521b4a5a8cb5d16fac77a74c3f0107f57",slot:"content",style:{padding:"16px",minWidth:"200px"}},e("p",{key:"1d30e1bb7f3ae6f9a06d482a3c84c2d886b0278f",style:{margin:"0 0 8px 0",fontWeight:"600"}},"Popover Title"),e("p",{key:"39ad554db0703e90c338196415c68710531644e8",style:{margin:"0",color:"var(--colorNeutralForeground2)"}},"This is popover content. Click outside to close."))),e("udp-popover",{key:"6e055aa48e2b8e546d945323431539215dbf4a96",position:"bottom-start"},e("udp-fluent-button",{key:"bd8451bb85c5037e7d8d3c4aaddabcef2f770f9c",slot:"trigger",appearance:"primary",startIconName:"calendar"},"Date Picker Popover"),e("div",{key:"a1b77abb1086c66c2cd6ffba74ae1d7c2e7d18a5",slot:"content",style:{padding:"8px"}},e("udp-date-range-selector",{key:"03c96293a7c766b719fd5b17347e1fc0b4305bdd",variant:"single",monthsToDisplay:1,size:"sm"}))),e("udp-popover",{key:"e0da8f7714c6108658a07ecc336c19df80f0c024",position:"right"},e("udp-fluent-button",{key:"cdc29c0a8efb2ce50eb11fd6665cc170e2f26140",slot:"trigger",appearance:"subtle"},"Right Position"),e("div",{key:"8f412ca4b9cd91fa2b9afcece7c135da48c853d5",slot:"content",style:{padding:"12px",minWidth:"150px"}},"Positioned to the right")))))),e("udp-tab-panel",{key:"78c1a20a0b39fab98fbcba9b4863f6738d3ca569",id:"popover",activeTabId:this.currentTab},e("div",{key:"c40cb26f4f1433077f359fd5e8e300cc7eb09eb7",style:{padding:"24px",display:"flex",flexDirection:"column",gap:"32px"}},e("div",{key:"260324f593da0f2e780090539fdad60bc61be73d"},e("h3",{key:"3fd175de3a1c37de3645c6a08fb39cfe8a170d35"},"Popover Component"),e("p",{key:"41d1694a49c9838d8cfb5fc67eb76b5b23acf360",style:{color:"var(--colorNeutralForeground2)",marginBottom:"8px"}},"Generic popover using native Popover API with JavaScript positioning. Follows Fluent 2 Design System guidelines.")),e("div",{key:"41cac8650728590c5311be055357427154245a22"},e("h4",{key:"b95988acc5bbc83d892afd123914560c96c444b1"},"Basic Usage"),e("div",{key:"38ce5f4511c73199dbdfc6d04b05a54072dc75f7",style:{display:"flex",gap:"16px",flexWrap:"wrap"}},e("udp-popover",{key:"f5131cd9c3ead4e393081b9c3ccd2a10ddf71ec8"},e("udp-fluent-button",{key:"02f17de5288fa4103d19296c81dd1d31dacee653",slot:"trigger"},"Default Popover"),e("div",{key:"e6ee41db54f6b5cf4300b48c68a4ec497b8bfc11",slot:"content"},e("h4",{key:"ea8502d743a3e24a154997be0d67be853ed01802",style:{marginTop:"0px"}},"Popover Title"),e("p",{key:"39333a73ca63974bc60c1e00687d9ff129b15129",style:{marginBottom:"0px"}},"This is popover content. Click outside to close."))),e("udp-popover",{key:"a7d29274ad07e61dc94222cf2303ae1869829551",position:"top"},e("udp-fluent-button",{key:"ce50fb35cde83eae161a8d43503fcfa185a2bbdc",slot:"trigger",appearance:"outline"},"Top Position"),e("div",{key:"334842815d1551f400600bbe111ff471f12eba50",slot:"content"},e("p",{key:"066d66cdf9484255c270a471c878aeeb756d06c0",style:{margin:"0px"}},"Positioned above the trigger"))),e("udp-popover",{key:"fa2bca1139c986029078b8092b4ae797b7e49d1b",position:"right"},e("udp-fluent-button",{key:"735d1e9e20313f7efa50025ee8e863856d08d26f",slot:"trigger",appearance:"subtle"},"Right Position"),e("div",{key:"9e1a590259a8d339e490725741a4c7550ca070ec",slot:"content"},e("p",{key:"2acb751ca44e1b1ca8a18f943c85b11f0cf3283f",style:{margin:"0px"}},"Positioned to the right"))))),e("div",{key:"d5e4cf78bd4014138feb822b06c7aeffe31e819a"},e("h4",{key:"447eef728eba688407277f1a45592f2eceeb2517"},"With Arrow"),e("p",{key:"e531b805d5cb82083f9b01813f73780fe1304288",style:{fontSize:"14px",color:"var(--colorNeutralForeground3)"}},"Display an arrow pointing from the popover to the trigger."),e("div",{key:"21fe3b895df8007e64d524c1615193484e69c45b",style:{display:"flex",gap:"16px",flexWrap:"wrap"}},e("udp-popover",{key:"b86c50ad9c1810d445eacebdcf92548e5bf59ea1","with-arrow":!0},e("udp-fluent-button",{key:"017976ea510f6d53aa0b75200c4cd074e40200c0",slot:"trigger"},"Default Arrow"),e("div",{key:"e0061952f1091384a36816cff1bf37516743205b",slot:"content"},e("p",{key:"de7286cb7c37e8737fbfa9163dc5315272fd36a1",style:{margin:"0px"}},"Popover with arrow"))),e("udp-popover",{key:"5cbd09973e6ad37f7e7695df8399f0ff54d8c535","with-arrow":!0},e("udp-fluent-button",{key:"8bd45ab10b6d67b2a77d5aa4ed9e6ca369dc3f61",slot:"trigger",appearance:"primary"},"Brand Arrow"),e("div",{key:"7c4d21eefd923cf985f5c10867859e6b173355e8",slot:"content"},e("p",{key:"bc19481f6d9fd283bbee732b9b3634e36e368312",style:{margin:"0px"}},"Brand popover with arrow"))),e("udp-popover",{key:"072da68b3efd2762ca6c10d1c4c1c7bc2d312e24","with-arrow":!0,position:"top"},e("udp-fluent-button",{key:"bcf36281ebabbdde7ddd6661819a7c98fb57835b",slot:"trigger",appearance:"outline"},"Top Arrow"),e("div",{key:"f5f98a169ed7045725232ab802408b1eae8366c5",slot:"content"},e("p",{key:"a928d9e08767df06d0176088adea5443aa60f6a2",style:{margin:"0px"}},"Arrow on top position"))))),e("div",{key:"787e6c949a371dd2159f40a9f8e070388f789acf"},e("h4",{key:"4f9190f84effb74daef176621227fe90258f93ab"},"Size Constraints"),e("p",{key:"63200b35d50fba4a00c5e6c91a8e0c3b7213784d",style:{fontSize:"14px",color:"var(--colorNeutralForeground3)"}},"Optional max-width constraints. Without size, popover grows to fit content."),e("div",{key:"79a151fa4e506cc9bb3632fd93924e5ce77bbc40",style:{display:"flex",gap:"16px",flexWrap:"wrap"}},e("udp-popover",{key:"f517624b3bcb8b4866fb6d1ecdab3d87ef87857f",size:"small"},e("udp-fluent-button",{key:"2e0d4dcf4af85bba5088f9ce79088b11c3e3cbc4",slot:"trigger"},"Small (320px)"),e("div",{key:"dd4ed409e8500151911dcc4e43c1b8c89e4d8939",slot:"content"},e("p",{key:"804c6ca2531042ea1a50b7c93e17083047506887",style:{margin:"0px"}},"This is a small popover with max-width of 320px. The content will wrap if it exceeds this width."))),e("udp-popover",{key:"306f4a0200d89e89b1402e959fe8606d1d6403ef",size:"medium"},e("udp-fluent-button",{key:"c0d03315f67fb45842a132cd5b812117eaa787a3",slot:"trigger"},"Medium (480px)"),e("div",{key:"f205db2fe4a9d98225ad944182e7ed04c1e47d87",slot:"content"},e("p",{key:"90a4f7e1cd0e34b72074f57fa18633156df6d373",style:{margin:"0px"}},"This is a medium popover with max-width of 480px. The content will wrap if it exceeds this width. This gives you more room for content."))),e("udp-popover",{key:"798ff74a31a410bb9c8d8878a68f8f53f64f9632",size:"large"},e("udp-fluent-button",{key:"8e70342a2ba913209231c363f2160391cdef0890",slot:"trigger"},"Large (640px)"),e("div",{key:"1b53e890f4e2d9355684da06398bf439f25f9ca6",slot:"content"},e("p",{key:"0d7e4ea5eccffa3692538412e34ec125d364c428",style:{margin:"0px"}},"This is a large popover with max-width of 640px. This size is suitable for more complex content that needs additional space while still maintaining good readability and layout."))))),e("div",{key:"0b6333331c1ce038226b3b949cb3722941f84f76"},e("h4",{key:"88f1205c493ba5e41c860239ff523a577b67d8dc"},"Trap Focus (Accessibility)"),e("p",{key:"d93dcacd3c8c65f05c59c03ad37d05d14a448315",style:{fontSize:"14px",color:"var(--colorNeutralForeground3)"}},"When trapFocus is enabled, keyboard navigation is restricted to the popover."),e("div",{key:"e9fcb062d755c02ada4206145c9bb44fe8452655",style:{display:"flex",gap:"16px",flexWrap:"wrap"}},e("udp-popover",{key:"b1854d27fd11a855699052300b578986f23d5c13",trapFocus:!0},e("udp-fluent-button",{key:"f851f3584041e5b4d49a432ca2f3e8ee32f07967",slot:"trigger"},"Trap Focus"),e("div",{key:"eabf2be2cdf4bc3c8fa99f5b2a8dcad58f036719",slot:"content"},e("h4",{key:"8245cff1a7579ce2dcd2652b9a584cd8aa8e3183",style:{marginTop:"0px"}},"Modal Popover"),e("p",{key:"9d1618b5be96d6ad42414e4caf214c462dec8838"},"This popover traps focus. Press Escape to close."),e("div",{key:"895bd0a74a88a75009d4480cfbecddbd856f3d60",style:{display:"flex",gap:"8px"}},e("udp-fluent-button",{key:"0f05930254a744209cab1ab63af3a5221d9fa2eb",size:"small"},"Action 1"),e("udp-fluent-button",{key:"77c821b49cf480b4b77c90b66440137118848613",size:"small",appearance:"outline"},"Action 2")))))),e("div",{key:"85428cbf8b1fa4e4e423065a7c452fcbe4ac336b"},e("h4",{key:"66a577de93b4fc0aefe4ec5dd93dd306e7c9a8f4"},"Advanced Examples"),e("div",{key:"b7e05593bbc4a642f461fc0e4945fc62eb9d77ce",style:{display:"flex",gap:"16px",flexWrap:"wrap"}},e("udp-popover",{key:"643a43f9513503a6d9145c87c5effc25d6cd195b",position:"bottom-start","with-arrow":!0},e("udp-fluent-button",{key:"b5ec6c2824a2f30b91a5ecbe052ca4cbbd80174f",slot:"trigger",startIconName:"calendar"},"Date Picker"),e("div",{key:"4d81048a5d3c4ff5a1d4a317cfa423e4a8e95fc1",slot:"content",style:{padding:"8px"}},e("udp-date-range-selector",{key:"49ded8bdb72d68dbbcb4d34c4f4c6c2b70f39d74",variant:"single",monthsToDisplay:1,size:"sm"}))),e("udp-popover",{key:"b4bc943e95d0903f30ea4983ba0f4cc1e020fef1",size:"medium","with-arrow":!0},e("udp-fluent-button",{key:"0843fc8c63607e9444e5465eddcb9899fee15296",slot:"trigger"},"Rich Content"),e("div",{key:"12bf761021d898050681bd78fc392c2ab19d2756",slot:"content"},e("h4",{key:"97aeb698de3ed86d3e8b14184c6c4f09527ee8be",style:{marginTop:"0px"}},"Feature Update"),e("p",{key:"566a1210ec4ff6b5e926e362c85fdd75d9b4817d",style:{fontSize:"14px"}},"New features are now available! Check out the latest updates to improve your workflow."),e("udp-fluent-button",{key:"97f7dadecd3e66b33c6d7eefbd5550684b31c39f",size:"small"},"Learn More"))),e("udp-popover",{key:"450e2186391f0a92d07e0bd248a686bbd1912f9c","close-on-scroll":!0},e("udp-fluent-button",{key:"fa48fce568845eb193ae729daddad3bd23c5a5a5",slot:"trigger"},"Closes on Scroll"),e("div",{key:"094b8eecf30fb12bfa3d63da555c1b8d054f6141",slot:"content"},e("p",{key:"78582c18afe233bf3a0425ab2ca58c39d06b29c2",style:{margin:"0px"}},"This popover will close when you scroll the page."))))))))),e("udp-fluent-drawer",{key:"2281582c7d28c7941e6a6d9c9bb25610c23da3ac",open:this.drawerOpen,onDrawerClose:()=>this.drawerOpen=!1,drawerTitle:"Drawer Title"},e("udp-lazy-loader",{key:"070a219b2ebfb3aaf1ed5a8d8db44b74f9eedf9e",if:this.drawerOpen,content:()=>e("div",null,e("client-side-grid",{columnDefs:[{field:"name"},{field:"age"},{field:"name"},{field:"name"},{field:"name"},{field:"name"},{field:"name"}],rowData:[{name:"John",age:30},{name:"Jane",age:25}]}),e("udp-fluent-button",{onClick:()=>this.drawerOpen=!1},"Close Drawer"))})),e("udp-fluent-drawer",{key:"9e1be7ed5fc9d1267a4e23d8314c100bbe7bc036",open:this.formDrawerOpen,onDrawerClose:()=>this.formDrawerOpen=!1,drawerTitle:"Sample Form",size:"large"},e("udp-lazy-loader",{key:"dd6aeb64c3099a2cf8e4a035302ca845e29e8320",if:this.formDrawerOpen,content:()=>e("div",{style:{display:"flex",flexDirection:"column",gap:"16px"}},e("div",{style:{display:"flex",gap:"8px",flexWrap:"wrap"}},e("udp-fluent-button",{appearance:"outline",onClick:()=>this.secondDrawerOpen=!0},"Open Second Drawer")),e("test-form",{handleSubmit:this.handleSubmit,formId:"registry-drawer-form"}))}),e("udp-fluent-button",{key:"996c41bbee3249d0f9d3aa298838efeab0e8f038",appearance:"primary",slot:"footer",form:"registry-drawer-form",type:"submit"},"Submit Form"),e("udp-fluent-button",{key:"b9ec8f06a3e71ad5e67262896b5a69438524cf3c",slot:"footer",form:"registry-drawer-form",type:"reset"},"Reset Form")),e("udp-fluent-drawer",{key:"2ec908ff87dad1250abf39726381238660818f44",open:this.manualDrawerOpen,onDrawerClose:()=>this.manualDrawerOpen=!1,drawerTitle:"Form (Manual Wiring)"},e("udp-lazy-loader",{key:"26f06c781a47e18d337e2ce755f9b75c2883a476",if:this.manualDrawerOpen,content:()=>e("test-form",{handleSubmit:this.handleSubmit,onFormReady:this.handleManualFormReady})}),e("udp-fluent-button",{key:"9e6eb6dec6da0bdeb2bb184dd5b5c5a5725a673f",appearance:"primary",slot:"footer",disabled:!this.manualCanSubmit,onClick:()=>{var e;null===(e=this.manualFormInstance)||void 0===e||e.submit()}},"Submit (Manual)")),e("udp-fluent-dialog",{key:"6e91bfbf10a4a59b2402b9f05120660c63c44d90",open:this.drawerDialogOpen,dialogTitle:"Dialog from Drawer",onDialogClose:()=>this.drawerDialogOpen=!1},e("div",{key:"18fe4caa630af5608b5fe0c0c1906fcb3e8dde21"},"This dialog was opened from inside the drawer!"),e("div",{key:"06d026bc00f77a39ed56158401c6a3f24a135b43"},e("p",{key:"948fd274b6ccfc1dd9054ca5fe847c01698aeb08"},"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."),e("p",{key:"7c7c6188b1f6b4b369571294a75f50b7144d5bae"},"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem."),e("p",{key:"f4d699980a401fedd08a008ccaaa05d7ca75ec77"},"Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?")),e("udp-fluent-button",{key:"424fca6eff1e54482d534f79f6275a9ac987e227",slot:"action",onClick:()=>this.drawerDialogOpen=!1},"Close"),e("udp-fluent-button",{key:"e3b3a46858fced75ec9d78bc43ba36fe3a7e901b",appearance:"primary",slot:"action"},"Confirm")),e("udp-fluent-drawer",{key:"0a71490cb540ddd1522728711dcf5909dd8fb476",open:this.secondDrawerOpen,onDrawerClose:()=>this.secondDrawerOpen=!1,drawerTitle:"Second Drawer (Nested)",size:"medium"},e("div",{key:"02531560c700d6f8237ddcebcdd35ace5d0be980",style:{display:"flex",flexDirection:"column",gap:"16px",padding:"16px"}},e("p",{key:"c9b78dd51cc3e400b36829c09888ec5407e48c79"},"This is the second drawer opened from within the first drawer."),e("div",{key:"1748255209ec482caba90cb09d73e639732c03ca",style:{display:"flex",gap:"8px",flexWrap:"wrap"}},e("udp-fluent-button",{key:"484b21b5decca82831b76372715e3cf27e5630d7",onClick:()=>this.secondDrawerDialogOpen=!0},"Open Dialog from Second Drawer"),e("udp-fluent-button",{key:"8eb1fa3aa9b4003ddadbe13a09988e1d1ee69c04",appearance:"outline",onClick:()=>this.thirdDrawerOpen=!0},"Open Third Drawer")),e("p",{key:"4d033f99253052638f864b9e445144c96ba00090"},"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."),e("p",{key:"ab7f32ef65e5cdb8cf66db7cd870fb706a99a359"},"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem."),e("p",{key:"ee670f6f8eb81dafa98c852b8a04f7d5836640f0"},"Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?"),e("p",{key:"7965ed05e120de1aa394bf06d0a06f4c26ed7940"},"At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus."),e("p",{key:"59b1f0c03f86820d992912edd9632bc246cb424b"},"Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.")),e("udp-fluent-button",{key:"f0df607d704b6725d1b7d7ae533e6022ffb48030",appearance:"primary",slot:"footer",onClick:()=>this.secondDrawerOpen=!1},"Close Second Drawer")),e("udp-fluent-drawer",{key:"49ce5bf69407554af0afb54c73a383dcfa8f0ff4",open:this.thirdDrawerOpen,onDrawerClose:()=>this.thirdDrawerOpen=!1,drawerTitle:"Third Drawer (Deeply Nested)",size:"small"},e("div",{key:"b8e4a2261454e8925caf9a6018da979289c8b64e",style:{padding:"16px"}},e("p",{key:"8f2d09363caf7839c22224abc7bc3fd6a7620dd7"},"This is the third drawer! Three levels deep."),e("p",{key:"4308f9a3dd95c3ddb795a5b280532fad0e6cacc2",style:{fontSize:"14px",color:"var(--colorNeutralForeground2)"}},"Testing the drawer stacking and body scroll lock mechanism with multiple drawers."),e("p",{key:"ddd119ec511ba1f8fc4236e0bac17dc25e53ceba"},"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."),e("p",{key:"0e986c1c26ed959b8e60ed59459369de3e031637"},"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt."),e("p",{key:"7bf604344108dd6b2077b86f9a3b925eb207d80a"},"Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur?"),e("p",{key:"4e9dc2a920e812fa89301260d87367738a6124d6"},"Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur? At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident."),e("p",{key:"faa92795a3f62e74a5d44e0a2c71d2737b5a7780"},"Similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus.")),e("udp-fluent-button",{key:"557c1a937077116a1cca9f6adf17800ae6241d45",appearance:"primary",slot:"footer",onClick:()=>this.thirdDrawerOpen=!1},"Close Third Drawer")),e("udp-fluent-dialog",{key:"52ac6502288ef85768adab10d51eb2ed57a130b4",open:this.secondDrawerDialogOpen,dialogTitle:"Dialog from Second Drawer",onDialogClose:()=>this.secondDrawerDialogOpen=!1},e("div",{key:"9275c8a48f8931050548f59de768b7f7ac31afac"},"This dialog was opened from the second drawer!"),e("p",{key:"26184721fdc978e13810ac9302d974fee615407d"},"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."),e("p",{key:"4f2111db30b582bf0e6bb2e68d63aca0315e7f9f"},"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem."),e("p",{key:"ddc8c99053b3d8865469c8dbfacd373c7e1f6d4b"},"Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?"),e("udp-fluent-button",{key:"05c9f1ee7f6a06f6ae13a5d2e101fce956555caf",slot:"action",onClick:()=>this.secondDrawerDialogOpen=!1},"Close"),e("udp-fluent-button",{key:"e6b0f28d91fd538601a3acb4ccac652bf2439a9e",appearance:"primary",slot:"action"},"Confirm")))}},me=e=>{if(e&&!e.includes("!"))return"You must include an exclamation mark (!)"},ve=[{label:"Dog",value:"dog"},{label:"Cat",value:"cat"},{label:"Mouse",value:"mouse",disabled:!0},{label:"Rabbit",value:"rabbit"},{label:"Turtle",value:"turtle"},{label:"Snake",value:"snake"},{label:"Lizard",value:"lizard"},{label:"Fish",value:"fish"},{label:"Bird",value:"bird"},{label:"Elephant",value:"elephant"},{label:"Giraffe",value:"giraffe"},{label:"Kangaroo",value:"kangaroo"},{label:"Monkey",value:"monkey"},{label:"Penguin",value:"penguin"},{label:"Pig",value:"pig"},{label:"Rat",value:"rat"},{label:"Sheep",value:"sheep"},{label:"Tiger",value:"tiger"},{label:"Wolf",value:"wolf"},{label:"Zebra",value:"zebra",icon:"add"}],ge=[{value:"red",color:"#ff0000",label:"Red"},{value:"orange",color:"#ff8c00",label:"Orange"},{value:"yellow",color:"#ffcc00",label:"Yellow"},{value:"green",color:"#008000",label:"Green"},{value:"blue",color:"#0000ff",label:"Blue"},{value:"indigo",color:"#4b0082",label:"Indigo"},{value:"violet",color:"#ee82ee",label:"Violet"},{value:"white",color:"#ffffff",label:"White"},{value:"black",color:"#000000",label:"Black"}],ye=class{constructor(e){t(this,e),this.formReady=i(this,"formReady",7),this.controlRequired=!1,this.controlDisabled=!1,this.controlReadonly=!1,this.controlAppearance="outline",this.controlSize="medium",this.formData={},this.isLoading=!0,this.validateForm=e=>(console.log(e),{}),this.handleFormReady=e=>{this.formReady.emit(e.detail)},this.handleFormSubmit=e=>{this.handleSubmit(e)},this.searchFunction=async e=>{const t={filterElements:[{searchValue:e,searchField:"firstName",searchOperator:"LIKE"}],pageNumber:1,pageSize:10};return(await B("POST",`${I.productV1ApiUrl}/actor/search`,t)).pageList}}componentDidLoad(){console.log("Fetching data..."),this.formData={firstName:"John",email:"john@example.com",age:"45",newsletter:!0,exclamation:"Include Exclamation!",favoriteColor:"red",bio:"My name is John",birthday:"2026-01-12/2026-01-22"},this.isLoading=!1}render(){return e("div",{key:"a57c46f8b798b741b5ebd8eb135eb6b9960517fd"},e("udp-form-component",{key:"b2d93472d191789925b71715090a41ad4d503540",formId:this.formId,validate:this.validateForm,onFormReady:this.handleFormReady,onSubmit:this.handleFormSubmit,initialValues:this.formData},e("udp-flexbox",{key:"74776440cc735c00b32440ed9ed9e6a8d5bf733e"},e("udp-flexbox",{key:"2b549d4e07ebbdb697f7f80416e323b5a26031ab",style:{display:"none"}},e("h3",{key:"2c47cf693115f8d9b7716607168f074ae690ebaa",style:{margin:"0 0 1rem 0",fontSize:"16px",fontWeight:"600"}},"Global Property Controls"),e("udp-flexbox",{key:"1739c956d7728ad26b2e45ebb9d0b2574aebc66a"},e("udp-fluent-dropdown",{key:"d310106d75c624404a5373fdf69762f87e855d81",label:"Appearance",value:this.controlAppearance,options:[{label:"Outline",value:"outline"},{label:"Underline",value:"underline"},{label:"Filled Lighter",value:"filled-lighter"},{label:"Filled Darker",value:"filled-darker"}],optionValue:"value",optionLabel:"label",onValueChanged:e=>{var t;return this.controlAppearance=(null===(t=e.detail)||void 0===t?void 0:t.value)||e.detail}}),e("udp-fluent-dropdown",{key:"62db26babe038ec261c3f6c4c61b8bd6d48a4a4d",label:"Control Size",value:this.controlSize,options:[{label:"Small",value:"small"},{label:"Medium",value:"medium"},{label:"Large",value:"large"}],optionValue:"value",optionLabel:"label",onValueChanged:e=>{var t;return this.controlSize=(null===(t=e.detail)||void 0===t?void 0:t.value)||e.detail},style:{minWidth:"120px"}}),e("udp-fluent-switch",{key:"3ebd458b8592a52baa650e179eacf2430653bc62",label:"Required",labelPosition:"after",checked:this.controlRequired,onValueChanged:e=>this.controlRequired=e.detail}),e("udp-fluent-switch",{key:"daede134a1d07312feaee584e3f045ab3a0af11b",label:"Disabled",labelPosition:"after",checked:this.controlDisabled,onValueChanged:e=>this.controlDisabled=e.detail}),e("udp-fluent-switch",{key:"54133afaf21ba72e33a65d6e3cd21b1d102c874c",label:"Readonly",labelPosition:"after",checked:this.controlReadonly,onValueChanged:e=>this.controlReadonly=e.detail})),e("p",{key:"d44e914abf2553b6879a6e20a0c18d51f603b787",style:{margin:"0.75rem 0 0",fontSize:"12px",color:"var(--colorNeutralForeground3)"}},"Note: Not all props apply to all components. readonly only applies to text inputs.")),e("udp-field",{key:"df61f2920c777deb1ac2870abaf46586e67db4d3",name:"searchText"},e("udp-search-input",{key:"8c2e4453980119bd3419a690f1a4bdd60073049d",disabled:this.controlDisabled,readonly:this.controlReadonly,appearance:this.controlAppearance,controlSize:this.controlSize,placeholder:"Search for something...",includeErrorPadding:!1})),e("udp-field",{key:"8ef1274697ba18adf706a7ea5d79bb7c9418d289",name:"firstName"},e("udp-fluent-text-input",{key:"535723cef8c30d0260696ea5e5770762d079cf3f",label:"First Name",required:!0,disabled:this.controlDisabled,readonly:this.controlReadonly,appearance:this.controlAppearance,controlSize:this.controlSize,placeholder:"Enter your first name",popupHint:"Enter your first name, this should appear above the input"})),e("div",{key:"d0710f63ba6cdc1f97b14066e9b19a08786623cd",style:{display:"flex",gap:"1rem",flexDirection:"row",flex:"1"}},e("udp-field",{key:"c44643373ab5bf9128cdc9075a40679c05ee6152",name:"email"},e("udp-fluent-text-input",{key:"21fc7072e419f9d406e706ea9fa36ec39cdf0be3",label:"Email Address",type:"email",value:"jordanatchison@univerus.com",required:!0,disabled:this.controlDisabled,readonly:this.controlReadonly,appearance:this.controlAppearance,controlSize:this.controlSize})),e("udp-field",{key:"2af3a99d1c950cf53f27285cba2d0d2fc81dc271",name:"age"},e("udp-fluent-text-input",{key:"7ae3c68ae8f59ae3bf1a0f394fc389705b80c1a1",label:"Age",type:"number",required:!0,disabled:this.controlDisabled,readonly:this.controlReadonly,appearance:this.controlAppearance,controlSize:this.controlSize}))),e("udp-field",{key:"54588d8a9451727e34deb060dfcbfd0218149c95",name:"birthday"},e("udp-date-input",{key:"12a0b283b9b905471e0d62c85848d5fddce0efb7",label:"Birthday",minDate:"2026-01-11",maxDate:"2026-01-22",dateSelectionType:"range",required:!0,disabled:this.controlDisabled,appearance:this.controlAppearance,controlSize:this.controlSize})),e("udp-field",{key:"8b576520de87fcc76078da49ecf89e8e74fc77c9",name:"appointment"},e("udp-date-time-input",{key:"c5d8d362c96d85ed8473ac608681ff385533b7ed",label:"Appointment (Combined Date/Time)",required:!0,disabled:this.controlDisabled,appearance:this.controlAppearance,controlSize:this.controlSize})),e("div",{key:"986c281814b0429312dd80818782c9fa235b9707",style:{display:"flex",gap:"1rem",flexDirection:"row",flex:"1"}},e("udp-field",{key:"e8c8e8b84e6cd1a466fef555f73018c9412f73b0",name:"startTime"},e("udp-time-input",{key:"680bd39b24b370e0dbb645e289d474e2e1195971",label:"Start Time (Freeform)",placeholder:"e.g. 2:30pm",hint:"Type any time or select from list",required:!0,disabled:this.controlDisabled,appearance:this.controlAppearance,controlSize:this.controlSize})),e("udp-field",{key:"bf0a6ba17fa15b6ccdf5f24f39c7b1a2b381fbb5",name:"endTime",validate:()=>"always invalid"},e("udp-time-input",{key:"0e370f50fd59833966374a7be9dcd08ca828128d",label:"End Time",placeholder:"e.g. 5:30pm",minuteStep:30,hint:"Type any time or select from list",required:!0,disabled:this.controlDisabled,appearance:this.controlAppearance,controlSize:this.controlSize}))),e("udp-field",{key:"aa1c2e86425bdf6c7d1c2fe804560ab711d92159",name:"bio"},e("udp-textarea",{key:"5125848f85b5bb09a18912afb3e0805b25bf4356",label:"Bio",placeholder:"Tell us about yourself",autoResize:!0,required:!0,disabled:this.controlDisabled,readonly:this.controlReadonly,appearance:this.controlAppearance,controlSize:this.controlSize})),e("udp-field",{key:"ae9bec66be00bb40a8cc26386f37e7eee42ba247",name:"exclamation",validate:me},e("udp-fluent-text-input",{key:"74b003b23f31a9f4f730d605c5f43372552f54de",label:"Exclamation",hint:"exclamation mark please",required:!0,disabled:this.controlDisabled,readonly:this.controlReadonly,appearance:this.controlAppearance,controlSize:this.controlSize})),e("udp-field",{key:"9bc2bb37cae10207daeeecd774b3b6296c638d02",name:"favoriteAnimal"},e("udp-fluent-dropdown",{key:"e20c4ca6c279dd285a7b350887ac2cde129c32e9",placeholder:"Select an animal",label:"Favorite Animal (Dropdown)",appearance:this.controlAppearance,disabled:this.controlDisabled,required:!0,optionValue:"value",optionLabel:e=>e.label,options:ve,controlSize:this.controlSize})),e("udp-field",{key:"9a0f52b09e37b11910b94880b47ec6b1e0c1128f",name:"favoriteAnimalAutoComplete"},e("udp-autocomplete",{key:"005d7246084cfb8c5d36f3ad3194ff6a12eb4a71",placeholder:"Select an animal",label:"Favorite Animal",appearance:this.controlAppearance,disabled:this.controlDisabled,required:!0,optionValue:"value",optionLabel:e=>e.label,options:ve,controlSize:this.controlSize,popupHint:"Select an animal"})),e("udp-field",{key:"7602195b121bfcc8f5315dbd953328a727f270a9",name:"serverSideUser"},e("udp-autocomplete",{key:"51de7ce1f5abcd4a660073a7d564839f56d0815b",required:!0,placeholder:"Search for an actor...",label:"Server Side Actor",appearance:this.controlAppearance,disabled:this.controlDisabled,optionValue:"id",optionLabel:e=>e.firstName+" "+e.lastName,searchFunction:this.searchFunction,controlSize:this.controlSize,multiple:!0})),e("udp-field",{key:"87481109b1321e5d5b51b203fd25353e8e5b20f0",name:"newsletter"},e("udp-fluent-checkbox",{key:"d0ba74d42f3792bb044fe7ae28569dcbe56fe424",label:"Subscribe to newsletter",hint:"We will only send you emails about important updates",disabled:this.controlDisabled,controlSize:this.controlSize})),e("udp-field",{key:"e850645848a932678f0de47e88184be6fb0aea75",name:"commitment"},e("udp-slider",{key:"7ffa874240b644037c00cf53ac382d9afd8b2c65",label:"Commitment Level",disabled:this.controlDisabled})),e("udp-field",{key:"2c5243fe8642c107f781ec82aaf959b8b72bf3e8",name:"active"},e("udp-fluent-switch",{key:"bfaa2193f3c3885759fc03050b63bbf75fe30b1c",label:"Active",labelPosition:"after",disabled:this.controlDisabled})),e("udp-field",{key:"949f90d7e7436efbc7d3b70733574b0cb290f46c",name:"favoriteColor"},e("udp-fluent-radio-group",{key:"292db23bc880e363ce9f49304f57cb868a3f8cab",label:"Favorite Colo",disabled:this.controlDisabled,hint:"Favorite Color",items:[{label:"Red",value:"red"},{label:"Green",value:"green"},{label:"Blue",value:"blue"}]})),e("udp-field",{key:"d20cce2398a0263f03ae9434230a04ee1fd5eee5",name:"swatchColor"},e("udp-swatch-picker",{key:"cf2878d75f67f7eec3b20c4cb5f8cc32fcf9b1f4",label:"Pick a Color (Swatch)",hint:"Pick a color",swatches:ge,layout:"row",shape:"square",size:"small"===this.controlSize?"small":"large"===this.controlSize?"large":"medium",spacing:"medium",disabled:this.controlDisabled,defaultValue:"#0000ff",onValueChanged:e=>console.log("Swatch selected:",e.detail)})))))}},ke=class{constructor(e){t(this,e),this.accordionChanged=i(this,"accordionChanged",7),this.expandmode="multi",this.items=[],this.handleChange=e=>{this.accordionChanged.emit(e)}}render(){return e(a,{key:"d73b67053e4fc122dfb6f33a7c73c3796a73a3ce"},e("fluent-accordion",{key:"4fb48f3b22310fa0bbef6937961479f69bd03b4b","expand-mode":this.expandmode,onChange:this.handleChange},this.items.filter((e=>!e.hide)).map((t=>e("fluent-accordion-item",{key:t.id,value:t.id,"heading-level":t.headinglevel,expanded:t.expanded,disabled:t.disabled,size:t.size,block:t.block},t.label&&e("span",{slot:"heading"},t.label),e("slot",{name:`${t.id}-heading`,slot:"heading"}),t.content&&e("div",null,t.content),e("slot",{name:`${t.id}-content`}))))))}get el(){return o(this)}};ke.style=":host{color:var(--colorNeutralForeground1)}";const xe="udp-ambient-tool-tip-styles",we=class{constructor(e){t(this,e),this.isVisible=!1,this.showTooltip=()=>{!this.noTooltip&&this.content&&""!==this.content.trim()&&(this.ensureTooltipStyles(),this.isVisible=!0,requestAnimationFrame((()=>{this.tooltipContentEl&&(document.body.appendChild(this.tooltipContentEl),this.setupPopper())})))},this.hideTooltip=()=>{this.destroyPopper(),this.tooltipContentEl&&this.tooltipContentEl.parentElement===document.body&&document.body.removeChild(this.tooltipContentEl),this.isVisible=!1},this.setupPopper=()=>{this.wrapperEl&&this.tooltipContentEl&&(this.popperInstance=T(this.wrapperEl,this.tooltipContentEl,{strategy:"fixed",placement:"top",modifiers:[{name:"offset",options:{offset:[0,8]}},{name:"preventOverflow",options:{padding:8}},{name:"flip"}]}))},this.destroyPopper=()=>{this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null)}}ensureTooltipStyles(){if(!document.getElementById(xe)){const e=document.createElement("style");e.id=xe,e.innerHTML="\n  .udp-tooltip-portal {\n    position: fixed; /* This is set by Popper, but we define it for clarity */\n    z-index: 10000;\n    background-color: var(--tooltip-background, #f8f9fa);\n    color: var(--tooltip-text-color, #212529);\n    border: 1px solid var(--tooltip-border-color, #dee2e6);\n    padding: 3px 6px;\n    border-radius: var(--border-radius, 6px);\n    font-size: 0.875rem;\n    max-width: 250px;\n    width: max-content;\n    text-align: center;\n    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n    white-space: normal;\n  }\n",document.head.appendChild(e)}}disconnectedCallback(){this.hideTooltip()}render(){const t=!!this.isVisible&&!!this.content&&""!==this.content.trim();return e("div",{key:"49317bbd9f7712a0068e6e61dd0fcdbda68d9b10",class:"tooltip-wrapper",ref:e=>this.wrapperEl=e,onMouseOver:this.showTooltip,onMouseOut:this.hideTooltip},e("slot",{key:"c50bed2ca50126b78f250a9c7d691a5a95dac035"}),t&&e("div",{key:"3d4eec2466ef0b18d7b1097ac2ae665c841ac3a6",class:"udp-tooltip-portal",role:"tooltip",ref:e=>this.tooltipContentEl=e},e("unity-typography",{key:"41da5cd61ef057c6b5bc77ecd7c27a310970e27a",variant:"caption-text"},this.content)))}};we.style=".tooltip-wrapper{display:inline-block}";const Se=class{constructor(e){t(this,e),this.valueChanged=i(this,"valueChanged",7),this.inputBlur=i(this,"inputBlur",7),this.inputFocus=i(this,"inputFocus",7),this.options=[],this.optionLabel="label",this.optionValue="value",this.optionDisabled="disabled",this.optionIcon="icon",this.iconPosition="start",this.optionBadges="badges",this.optionSecondaryText="secondaryText",this.optionGroup="group",this.appearance="outline",this.controlSize="medium",this.disabled=!1,this.required=!1,this.loading=!1,this.includeErrorPadding=!0,this.multiple=!1,this.freeForm=!1,this.valueAs="option",this.internalLoading=!1,this.filterText="",this.fetchedOptions=[],this.selectionForOverlay=null,this.handleInput=e=>{const t=this.filterText;this.filterText=e.target.value,this.multiple||""!==this.filterText||""===t||null==this.selectionForOverlay||(this.selectionForOverlay=null,this.valueChanged.emit("")),(this.datasource||this.searchFunction)&&this.fetchData(this.filterText)},this.handleBlur=()=>{var e;this.inputBlur.emit(),this.filterText="",this.multiple&&(null===(e=this.dropdownRef)||void 0===e?void 0:e.control)&&(this.dropdownRef.control.value="")},this.handleClear=e=>{e.stopPropagation(),this.filterText="",this.dropdownRef.control&&(this.dropdownRef.control.value=""),this.dropdownRef.querySelectorAll("fluent-option").forEach((e=>{e.selected&&(e.selected=!1)})),this.selectionForOverlay=null,this.valueChanged.emit(this.multiple?[]:""),this.dropdownRef.focus()},this.handleTogglePopover=e=>{var t,i,a,o;if(!this.dropdownRef||this.disabled)return;const n=this.dropdownRef;n.open?(n.open=!1,null===(i=null===(t=n.listbox)||void 0===t?void 0:t.hidePopover)||void 0===i||i.call(t)):(e||(n.open=!0,null===(o=null===(a=n.listbox)||void 0===a?void 0:a.showPopover)||void 0===o||o.call(a)),this.dropdownRef.focus())},this.handleKeyDownCapture=e=>{var t,i;if("ArrowUp"!==e.key&&"ArrowDown"!==e.key){if("Escape"===e.key){if(!this.dropdownRef)return;this.dropdownRef.open&&(e.stopPropagation(),e.stopImmediatePropagation(),e.preventDefault(),this.dropdownRef.open=!1,null===(i=null===(t=this.dropdownRef.listbox)||void 0===t?void 0:t.hidePopover)||void 0===i||i.call(t))}if("Tab"!==e.key){if("Enter"===e.key){if(!this.dropdownRef)return;if(!this.dropdownRef.open){e.stopPropagation(),e.preventDefault();const t=this.el.closest("udp-form-component");if(t&&"function"==typeof t.submit)return void t.submit();const i=this.el.closest("form");i&&i.requestSubmit()}}}else if(this.dropdownRef&&this.dropdownRef.open)if(this.multiple){const e=this.dropdownRef.activeIndex,t=this.getDisplayOptions();if(!this.loading&&!this.internalLoading&&t.length>0&&e>=0&&e<t.length){const i=t[e],a=this.getOptionValue(i),o=Array.isArray(this.value)?this.value:[],n=o.some((e=>this.getOptionValue(e)===a))?o.filter((e=>this.getOptionValue(e)!==a)):[...o,i];this.valueChanged.emit(n.map((e=>this.toEmitValue(e))))}}else requestAnimationFrame((()=>{const e=this.dropdownRef;"function"==typeof e.selectOption&&e.selectOption(e.activeIndex,!0)}))}else{if(!this.dropdownRef||!this.dropdownRef.open)return;if(!this.filterText)return;e.preventDefault(),e.stopPropagation();const t=this.dropdownRef.enabledOptions;if(!(null==t?void 0:t.length))return;const i="ArrowDown"===e.key?1:-1;let a=this.dropdownRef.activeIndex+i;for(let e=0;e<t.length;e++){a<0&&(a=t.length-1),a>=t.length&&(a=0);const e=t[a];if(e&&"none"!==e.style.display)return void(this.dropdownRef.activeIndex=a);a+=i}}},this.handleInputClick=e=>{var t,i;const a=e.target;a.closest("fluent-listbox")||a.closest(".clear-button")||a.closest("udp-fluent-badge")||this.dropdownRef&&!this.disabled&&this.dropdownRef.open&&(null===(i=null===(t=this.dropdownRef.listbox)||void 0===t?void 0:t.hidePopover)||void 0===i||i.call(t),e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation())},this.handleChipDelete=e=>{if(this.disabled)return;const t=this.getOptionValue(e),i=this.value.filter((e=>this.getOptionValue(e)!==t));this.valueChanged.emit(i.map((e=>this.toEmitValue(e))))},this.handleChange=e=>{var t;if(e.stopPropagation(),!this.multiple){const e=this.dropdownRef.value;if(null==e&&!this.freeForm){if(null!=this.selectionForOverlay){const e=this.getOptionValue(this.selectionForOverlay),i=null===(t=this.dropdownRef.enabledOptions)||void 0===t?void 0:t.findIndex((t=>t.value===e));null!=i&&-1!==i&&this.dropdownRef.selectOption(i)}return void(this.filterText="")}const i=this.findOptionByValue(e),a=void 0!==i?i:e;if(this.selectionForOverlay=a,this.valueChanged.emit(this.toEmitValue(a)),i&&this.dropdownRef.control){const e=this.resolveProp(i,this.optionLabel,!0);null!=e&&requestAnimationFrame((()=>{this.dropdownRef.control.value=String(e)}))}return}const i=Array.from(this.dropdownRef.selectedOptions).map((e=>{const t=this.findOptionByValue(e.value);return void 0!==t?t:e.value})),a=new Set(i.map((e=>this.getOptionValue(e)))),o=this.getDisplayOptions(),n=new Set(o.map((e=>this.getOptionValue(e)))),r=Array.isArray(this.value)?this.value.filter((e=>{const t=this.getOptionValue(e);return!n.has(t)&&!a.has(t)})):[];this.valueChanged.emit([...r,...i].map((e=>this.toEmitValue(e)))),this.filterText&&this.dropdownRef.control&&requestAnimationFrame((()=>{this.dropdownRef.control.value=this.filterText}))}}syncSelectionForOverlay(){this.selectionForOverlay=Array.isArray(this.value)||null==this.value||""===this.value?null:this.value}componentDidLoad(){var e,t;null===(e=this.dropdownRef)||void 0===e||e.addEventListener("keydown",this.handleKeyDownCapture,!0),null===(t=this.dropdownRef)||void 0===t||t.addEventListener("click",this.handleInputClick,!0),this.patchDropdownShadow(),this.syncSelectionForOverlay(),this.valueHandler()}patchDropdownShadow(){var e;const t=null===(e=this.dropdownRef)||void 0===e?void 0:e.shadowRoot;if(!t)return;const i=new CSSStyleSheet;i.replaceSync('\n      .control { min-width: 0; }\n      :host([appearance="outline"]) .control,\n      :host([appearance="transparent"]) .control { margin: -1px 0; }\n    '),t.adoptedStyleSheets=[...t.adoptedStyleSheets,i]}disconnectedCallback(){var e,t;null===(e=this.dropdownRef)||void 0===e||e.removeEventListener("keydown",this.handleKeyDownCapture,!0),null===(t=this.dropdownRef)||void 0===t||t.removeEventListener("click",this.handleInputClick,!0),this.debounceTimer&&clearTimeout(this.debounceTimer),this.abortController&&this.abortController.abort()}valueHandler(){this.dropdownRef&&requestAnimationFrame((()=>{const e=this.dropdownRef.querySelectorAll("fluent-option");if(Array.isArray(this.value)){const t=this.value.map((e=>this.getOptionValue(e)));e.forEach((e=>{e.value&&!e.disabled&&(e.selected=t.includes(e.value))}))}else if(null!=this.value){const t=this.getOptionValue(this.value);let i=null;e.forEach((e=>{e.value&&!e.disabled&&(e.selected=e.value===t,e.selected&&(i=this.findOptionByValue(t)))}));const a=this.resolveProp(i||this.value,this.optionLabel,!0);this.dropdownRef.control&&(this.dropdownRef.control.value=a)}else e.forEach((e=>{"none"!==e.style.display&&e.value&&!e.disabled&&(e.selected=!1)})),this.dropdownRef.control&&(this.dropdownRef.control.value=""),this.filterText=""}))}resolveProp(e,t,i=!1){return"object"!=typeof e||null===e?i?e:void 0:"function"==typeof t?t(e):"string"==typeof t?e[t]:void 0}getOptionValue(e){const t=this.resolveProp(e,this.optionValue,!0);return null!=t?String(t):""}findOptionByValue(e){if(e)return(this.datasource||this.searchFunction?this.fetchedOptions:this.options).find((t=>this.getOptionValue(t)===e))}toEmitValue(e){return"value"===this.valueAs?this.getOptionValue(e):e}getDisplayOptions(){return this.datasource||this.searchFunction?this.fetchedOptions:this.options}reapplySelectionState(){if(!this.dropdownRef)return;const e=this.dropdownRef.querySelectorAll("fluent-option");if(Array.isArray(this.value)){const t=this.value.map((e=>this.getOptionValue(e)));e.forEach((e=>{e.value&&!e.disabled&&(e.selected=t.includes(e.value))}))}else if(null!=this.value){const t=this.getOptionValue(this.value);e.forEach((e=>{e.value&&!e.disabled&&(e.selected=e.value===t)}))}else e.forEach((e=>{"none"!==e.style.display&&e.value&&!e.disabled&&(e.selected=!1)}))}getOptionBadges(e){const t=this.resolveProp(e,this.optionBadges);return Array.isArray(t)?t:[]}getOptionGroup(e){if(!this.optionGroup)return;const t=this.resolveProp(e,this.optionGroup);return null!=t&&""!==t?String(t):void 0}getOptionSecondaryText(e){if(!this.optionSecondaryText)return;const t=this.resolveProp(e,this.optionSecondaryText);return null!=t&&""!==t?String(t):void 0}getSelectedOverlayOption(){var e;if(this.multiple||null==this.selectionForOverlay||""!==this.filterText)return null;const t=this.getOptionValue(this.selectionForOverlay),i=this.datasource||this.searchFunction?this.fetchedOptions:this.options,a=null!==(e=null==i?void 0:i.find((e=>this.getOptionValue(e)===t)))&&void 0!==e?e:this.selectionForOverlay;return this.getOptionBadges(a).length>0?a:null}renderBadges(t){return 0===t.length?null:e("span",{class:"option-badges"},t.map(((t,i)=>{var a,o,n;return e("udp-fluent-badge",{key:i,appearance:null!==(a=t.appearance)&&void 0!==a?a:"filled",color:t.color,shape:null!==(o=t.shape)&&void 0!==o?o:"circular",size:null!==(n=t.size)&&void 0!==n?n:"small",startIconName:t.startIconName,endIconName:t.endIconName},t.label)})))}renderOptionContent(t,i,a,o){const n=i&&"end"===this.iconPosition&&e("span",{class:"option-icon-end",style:{pointerEvents:"none",marginLeft:"4px"}},e("udp-fluent-icon",{name:i,size:"sm"}));return o?e("span",{class:"option-two-line"},e("span",{class:"option-primary"},e("span",{class:"option-label-text"},t),n,this.renderBadges(a)),e("span",{class:"option-secondary"},o)):[t,n,this.renderBadges(a)]}isOptionVisible(e){if(this.datasource||this.searchFunction)return!0;if(!this.filterText)return!0;const t=this.resolveProp(e,this.optionLabel,!0);return String(t).toLowerCase().includes(this.filterText.toLowerCase())}fetchData(e){if(!(this.datasource&&this.datasource.url||this.searchFunction))return;this.internalLoading=!0,this.debounceTimer&&clearTimeout(this.debounceTimer),this.abortController&&this.abortController.abort(),this.abortController=new AbortController;const t=this.abortController.signal;this.debounceTimer=setTimeout((()=>{(async function(e,t,i,a){if(i){const a=await i(e,t);return Array.isArray(a)?a:[]}if(a&&a.url){let i=a.url,o={method:a.method||(a.body?"POST":"GET"),headers:Object.assign({"Content-Type":"application/json"},a.headers||{}),signal:t};if("GET"===o.method){const t=i.includes("?")?"&":"?";i=`${i}${t}filter=${encodeURIComponent(e)}`}else o.body=JSON.stringify(Object.assign(Object.assign({},a.body||{}),{filter:e}));const n=await fetch(i,o);if(!n.ok)throw new Error("Network response was not ok");const r=await n.json();return Array.isArray(r)?r:r.items||r.options||[]}return[]})(e,t,this.searchFunction,this.datasource).then((e=>{this.fetchedOptions=e,requestAnimationFrame((()=>this.reapplySelectionState()))})).catch((e=>{"AbortError"!==e.name&&(this.fetchedOptions=[])})).finally((()=>{t.aborted||(this.internalLoading=!1)}))}),300)}render(){const t=!!this.error,i=this.error||this.hint,o=this.getDisplayOptions(),n=new Map,r=new Map;let s=0;null==o||o.forEach((e=>{var t;const i=this.getOptionValue(e),a=this.isOptionVisible(e);if(n.set(i,a),a){s++;const i=this.getOptionGroup(e);i&&r.set(i,(null!==(t=r.get(i))&&void 0!==t?t:0)+1)}}));const d="underline"===this.appearance?"transparent":this.appearance,l=this.multiple&&Array.isArray(this.value)?this.value:[],c=this.getSelectedOverlayOption(),h=c?this.resolveProp(c,this.optionLabel,!0):null,u=c?this.getOptionBadges(c):[];return e(a,{key:"bf600310c753d613f5e73c1b9859023017ad2117",class:{"has-error":t}},e("fluent-field",{key:"4a235e2656ccc6bdd9b1f654d62ca5a17276319d",class:{"no-label":!this.label&&!this.multiple,"no-message":!i&&!this.includeErrorPadding}},e("div",{key:"ce402780732436555a8da185bee67a429c727be7",class:"label-content",onClick:()=>this.handleTogglePopover(!1),slot:"label"},this.label&&e("fluent-label",{key:"ad2edbff54e7c811b2ee55c3b4fdd9bb757b9d5d",disabled:this.disabled,style:{paddingTop:"2px",paddingBottom:"2px"}},this.label,this.popupHint&&e("udp-tooltip",{key:"d8502cb1904d44a65db75ed96cfda0f291755771",content:this.popupHint,positioning:"above"},e("udp-fluent-icon",{key:"5e8853fd0b5ea0681c21e0f311bbb49b480419e6",name:"info",size:"xs",class:"popup-hint-icon"}))),this.multiple&&e("div",{key:"e7638b16952f0e4cbe4e143d3e9dbd7729222f6c",class:{"selected-items":!0,"has-items":l.length>0}},l.map((t=>{var i;const a=null!==(i=this.findOptionByValue(this.getOptionValue(t)))&&void 0!==i?i:t;return e("udp-fluent-badge",{color:"brand",shape:"circular",dismissible:!this.disabled,onDismiss:()=>this.handleChipDelete(t)},this.resolveProp(a,this.optionLabel,!0))})))),e("div",{key:"2eef7edd1be9df3a9bd929ecde001044894bf34e",slot:"input",class:{"input-wrapper":!0,"has-overlay":!!c}},e("fluent-dropdown",{key:"80aa48ea49530c0bb4bd02e15204be045b5c0801",type:"combobox",name:this.name,appearance:d,size:this.controlSize,disabled:this.disabled,required:this.required,placeholder:this.placeholder,multiple:this.multiple,onInput:this.handleInput,onChange:this.handleChange,onFocusout:this.handleBlur,onFocusin:()=>this.inputFocus.emit(),onInvalid:e=>e.preventDefault(),exportparts:"control, listbox",ref:e=>this.dropdownRef=e},e("fluent-listbox",{key:"ad6f270fc5f3cee34e547db9c4cfbf64efff36ea"},(this.loading||this.internalLoading)&&e("fluent-option",{key:"b4403900baea07790a6f81f31c22c58a3ae0eabe",disabled:!0,ref:e=>null==e?void 0:e.toggleAttribute("disabled",!0)},e("span",{key:"caee15289d2b6c153dcd74cf8cc9365069b6dac3"},"Loading..."),e("span",{key:"b7f403dc8e8f7866c034dadd7638c809bc9ed672",slot:"indicator"})),!this.loading&&!this.internalLoading&&0===s&&!this.freeForm&&e("fluent-option",{key:"4956f1c0fc0f968a461b967177aaab0bdba2bbdb",disabled:!0,value:"empty",ref:e=>null==e?void 0:e.toggleAttribute("disabled",!0)},"No options available"),!this.loading&&!this.internalLoading&&(null==o?void 0:o.length)>0&&(()=>{const t=[];let i;return o.forEach((a=>{var o,s;const d=this.getOptionGroup(a);d&&d!==i&&((null!==(o=r.get(d))&&void 0!==o?o:0)>0&&t.push(e("fluent-option",{key:`__group_${d}`,class:"option-group-header",disabled:!0,"aria-hidden":"true",ref:e=>null==e?void 0:e.toggleAttribute("disabled",!0)},d)),i=d);const l=this.resolveProp(a,this.optionLabel,!0),c=this.resolveProp(a,this.optionValue,!0),h=this.resolveProp(a,this.optionDisabled),u=this.resolveProp(a,this.optionIcon),p=this.getOptionBadges(a),b=null!=c?String(c):"",f=null===(s=n.get(b))||void 0===s||s;t.push(e("fluent-option",{key:b,disabled:!!h,value:b,multiple:this.multiple,style:{display:f?void 0:"none"},ref:e=>{e&&e.toggleAttribute("disabled",!!h)}},u&&"start"===this.iconPosition&&e("span",{slot:"start",class:"option-icon-slot"},e("udp-fluent-icon",{name:u,size:"sm"})),this.renderOptionContent(l,u,p,this.getOptionSecondaryText(a))))})),t})(),this.freeForm&&e("fluent-option",{key:"ac5afbebe5e78481812b1383e7c189c2056f1b0c",freeform:!0},e("output",{key:"beb5e28cbf948c23991b25a5bd928b5222cecfcd"}))),e("div",{key:"ea21dc25f8ea3ba18fb1619ac7a4a1cf8daa1a6f",slot:"indicator",class:"indicator-wrapper"},e("udp-fluent-icon-button",{key:"3ba49da2164fd5d76396be30782272bfd58e1f4c",class:{"clear-button":!0,"is-visible":!this.disabled&&(""!==this.filterText||null!=this.selectionForOverlay||this.multiple&&Array.isArray(this.value)&&this.value.length>0)},slot:"indicator",iconName:"dismiss",appearance:"transparent",size:"small",onClick:this.handleClear,onMouseDown:e=>e.preventDefault(),ariaLabel:"Clear",tabIndex:-1}),e("udp-fluent-icon",{key:"3d7199f1fae82746cec7dc17fb2fd42c415f24ae",name:"chevron-down",size:"sm",class:"chevron-down",onClick:()=>this.handleTogglePopover(!1)}))),c&&e("div",{key:"429c3352417084128a12f0c2ee9072838e0d7c45",class:"selected-overlay","aria-hidden":"true"},e("span",{key:"4d672b37fe290d128076098628ee4bc97fba1042",class:"selected-label"},h),this.renderBadges(u))),e("div",{key:"cf89c9a1ba5eb9cf32907821c4811305dce37c45",class:{"message-wrapper":!0,includeErrorPadding:this.includeErrorPadding},slot:"message",onClick:()=>this.handleTogglePopover(!0)},e("udp-text",{key:"c4a1b7ba9cdc1863c3ea8b2fe83d1d09008df9a4",variant:"caption1",class:{message:!0,error:t}},i))))}static get delegatesFocus(){return!0}get el(){return o(this)}static get watchers(){return{value:[{syncSelectionForOverlay:0},{valueHandler:0}],options:[{valueHandler:0}]}}};Se.style=':host{display:block;width:100%}fluent-field{width:100%;grid-template-columns:minmax(0, 1fr)}.selected-items{display:flex;flex-wrap:wrap;gap:4px;width:100%;max-height:0;opacity:0;margin-top:0;margin-bottom:0;overflow:hidden;transition:max-height 0.2s cubic-bezier(0.33, 1, 0.68, 1),     opacity 0.2s ease-out,}.selected-items.has-items{max-height:500px;opacity:1}fluent-label[disabled]{color:var(--colorNeutralForeground1)}fluent-field.no-label::part(label){display:none}fluent-field.no-message::part(message){display:none}fluent-dropdown{width:100%;max-width:100%}fluent-dropdown[appearance="outline"],fluent-dropdown[appearance="transparent"]{--borderRadiusMedium:5px}fluent-dropdown>button,fluent-dropdown>input{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clear-button{display:none;color:var(--colorNeutralForeground3)}.clear-button.is-visible{display:inline-flex}.indicator-wrapper{height:20px;display:flex;align-items:center}fluent-dropdown[size=\'small\'] .indicator-wrapper{height:16px}.message{color:var(--colorNeutralForeground3)}.message-wrapper{display:flex;flex-direction:column;width:100%}.message-wrapper.includeErrorPadding{min-height:var(--lineHeightBase200)}.message.error{color:var(--colorPaletteRedForeground1)}.popup-hint-icon{margin-left:2px}fluent-dropdown[appearance="outline"]:focus-within{--colorStrokeFocus1:var(--colorNeutralStroke1);--colorStrokeFocus2:transparent}fluent-dropdown[appearance="filled-darker"]:focus-within,fluent-dropdown[appearance="filled-lighter"]:focus-within,fluent-dropdown[appearance="transparent"]:focus-within{--colorStrokeFocus1:transparent;--colorStrokeFocus2:transparent}:host(.has-error) fluent-dropdown:not(:focus-within){--colorNeutralStroke1:var(--colorPaletteRedBorder2);--colorNeutralStroke1Hover:var(--colorPaletteRedBorder2);--colorNeutralStrokeAccessible:var(--colorPaletteRedBorder2);--colorNeutralStrokeAccessibleHover:var(--colorPaletteRedBorder2)}fluent-option:state(active){border:2px solid var(--colorNeutralStrokeAccessible)}fluent-dropdown[appearance="filled-darker"],fluent-dropdown[appearance="filled-lighter"]{--spacingVerticalSNudge:5px;box-shadow:var(--shadow2);border-radius:var(--borderRadiusMedium)}fluent-dropdown[appearance="filled-darker"][size=\'small\'],fluent-dropdown[appearance="filled-lighter"][size=\'small\']{--spacingVerticalXS:3px}fluent-dropdown[appearance="outline"][size=\'large\'],fluent-dropdown[appearance="transparent"][size=\'large\']{--spacingVerticalS:9px}.label-content{display:inline-flex;flex-wrap:wrap;align-items:flex-start;width:100%}.label-content fluent-label{flex:0 0 auto;order:1}.label-content::after{order:2;flex:0 0 auto}.label-content .selected-items{flex:0 0 100%;order:3}fluent-option{min-height:32px;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}fluent-option::part(content){display:flex;align-items:center;gap:6px}.option-badges{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;pointer-events:none}.option-two-line{display:flex;flex-direction:column;gap:2px;min-width:0;pointer-events:none}.option-two-line .option-primary{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden}.option-two-line .option-label-text{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.option-two-line .option-secondary{font-size:var(--fontSizeBase200);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase200);color:var(--colorNeutralForeground2);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}fluent-option:has(.option-two-line){height:auto;min-height:52px}fluent-option:has(.option-two-line)::part(content){align-items:flex-start}fluent-option.option-group-header{pointer-events:none;color:var(--colorNeutralForeground2);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightSemibold);text-transform:uppercase;letter-spacing:0.04em;line-height:24px;opacity:1;padding-top:10px}fluent-option.option-group-header:first-child{padding-top:0}fluent-option.option-group-header::part(content){min-height:24px;align-items:center}fluent-option.option-group-header:state(active){border:none}.input-wrapper{position:relative;display:block;width:100%}.selected-overlay{position:absolute;top:0;bottom:0;inset-inline-start:0;inset-inline-end:60px;display:flex;align-items:center;gap:6px;padding-inline-start:10px;pointer-events:none;overflow:hidden;font:inherit;color:var(--colorNeutralForeground1);z-index:1}.selected-overlay .selected-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.input-wrapper.has-overlay fluent-dropdown>input{color:transparent;caret-color:var(--colorNeutralForeground1)}';const Ce=class{constructor(e){t(this,e),this.variant="circular",this.colors=["#F44336","#E91E63","#9C27B0","#673AB7","#3F51B5","#2196F3","#03A9F4","#00BCD4","#009688","#4CAF50","#8BC34A","#CDDC39","#FFC107","#FF9800","#FF5722","#795548"]}getInitial(){return this.username?this.username[0].toUpperCase():"?"}getColorForUsername(){const e=this.username?this.username.charCodeAt(0):0;return this.colors[e%this.colors.length]}render(){const t=["primary","secondary","info","error","success","warning","note"].includes(this.color),i={},a=["avatar",this.variant];return t?a.push(`color-${this.color}`):i["background-color"]=this.color?this.color:this.getColorForUsername(),e("div",{key:"35fb37e1c18498aa68bf1838b6c0a480e3fe5420",class:a.join(" "),style:i},this.iconName?e("udp-icon",{iconName:this.iconName,darkIcon:!1}):e("unity-typography",{variant:"data-display-two"}," ",this.getInitial()))}};Ce.style=".avatar{width:35px;height:35px;display:flex;align-items:center;justify-content:center;color:white;font-weight:bold}.avatar.circular{border-radius:50%}.avatar.rounded{border-radius:4px}.avatar.square{border-radius:0}.avatar.color-primary{background-color:var(--primary-color)}.avatar.color-secondary{background-color:var(--secondary-color)}.avatar.color-success{background-color:var(--success-color-main)}.avatar.color-warning{background-color:var(--warning-color-main)}.avatar.color-error{background-color:var(--error-color-main)}.avatar.color-info{background-color:var(--info-color-main)}.avatar.color-note{background-color:var(--note-color-main)}";const ze=class{constructor(e){t(this,e),this.content=0,this.max=99}render(){const t=this.content>this.max?`${this.max}+`:this.content;return e("div",{key:"36726de60aebadce6aeeecaaf61d24c4b3513999",class:"badge-wrapper"},e("slot",{key:"bcc6db34e5ae24edd2a9e3d67e8f434957d91a57"}),e("span",{key:"ee51eb09ed51f706f9b8b305d13a71d04183c1fe",class:"badge-content"},e("unity-typography",{key:"12199e2016f009bb494357a0c5c5d06c83b865a0",variant:"caption-text"}," ",t," ")))}};ze.style=".badge-wrapper{position:relative;display:inline-block}.badge-content{position:absolute;top:-12px;right:-8px;background-color:var(--primary-color);color:white;border-radius:50%;padding:4px;min-width:18px;text-align:center;z-index:1}";const Ne=class{constructor(e){t(this,e),this.buttonClick=i(this,"buttonClick",7),this.variant="text",this.toolbarLayout=!1,this.color="primary",this.size="medium",this.disabled=!1,this.loading=!1,this.fullWidth=!1,this.type="button",this.ariaLabel="",this.tabIndex=0,this.handleClick=e=>{if(this.disabled||this.loading)return e.preventDefault(),void e.stopPropagation();this.buttonClick.emit(e)}}render(){const t=this.href?"a":"button",i=this.disabled||this.loading,a={"udp-button":!0,[`udp-button--${this.variant}`]:!0,"udp-button--toolbar-layout":this.toolbarLayout,[`udp-button--${this.size}`]:!0,[`udp-button--color-${this.color}`]:"inherit"!==this.color,"udp-button--disabled":i,"udp-button--full-width":this.fullWidth,"udp-button--has-start-icon":!!this.startIcon,"udp-button--has-end-icon":!!this.endIcon,"udp-button--loading":this.loading},o={class:Object.keys(a).filter((e=>a[e])).join(" "),disabled:i&&!this.href,onClick:this.handleClick,"aria-busy":this.loading?"true":null,"aria-label":this.loading?"loading":this.ariaLabel};return o.tabindex=i?-1:this.tabIndex,this.href?o.href=this.href:o.type=this.type,e(t,Object.assign({key:"44557419c6b8bea13ac4b02dd50302f6d4e7c0ba"},o),e("div",{key:"f26d2977d0bb6d7fb8bf4df317a395a8915ee68a",class:"udp-button__spinner"}),e("span",{key:"eafcc2bed3899309a85a9298c6591f038c5f706d",class:"udp-button__content-wrapper"},this.startIcon&&e("span",{key:"c98220d759d91e4485278975c30bac78e1615fa5",class:"udp-button__icon udp-button__icon--start","aria-hidden":"true"},this.startIcon),e("span",{key:"9421005d26dc30d5da1c6c16462c854fff3f3333",class:"udp-button__text-content"},e("slot",{key:"e37cd338e1abcc915f3d43401dba79c69f15dc0d"})),this.endIcon&&e("span",{key:"a4b8a475fe934a2a067ee9d6cb213a4fec49046e",class:"udp-button__icon udp-button__icon--end","aria-hidden":"true"},this.endIcon)))}get el(){return o(this)}};Ne.style=":host{display:inline-flex;vertical-align:middle;--udp-button-primary-color:var(--primary-color, #000);--udp-button-primary-color-text:var(--primary-contrast-text, #fff);--udp-button-secondary-color:var(--secondary-color, #000);--udp-button-secondary-color-text:var(--secondary-contrast-text, #fff);--udp-button-success-color:var(--success-color, #0da40d);--udp-button-success-color-text:var(--success-contrast-text, #fff);--udp-button-error-color:var(--error-color, #ff0000);--udp-button-error-color-text:var(--error-contrast-text, #fff);--udp-button-warning-color:var(--warning-color, #ffa500);--udp-button-warning-color-text:var(--warning-contrast-text, #fff);--udp-button-info-color:var(--info-color, #2953ff);--udp-button-info-color-text:var(--info-contrast-text, #fff);--host-udp-btn-padding-y:var(--spacing-03);--host-udp-btn-padding-x:var(--spacing-05);--host-udp-btn-padding-x-with-start-icon:var(--spacing-03);--host-udp-btn-padding-x-with-end-icon:var(--spacing-03)}.udp-button{position:relative;width:100%;font-family:var(--font-family);font-size:var(--button-font-size);line-height:var(--button-line-height);padding-top:var(--host-udp-btn-padding-y);padding-bottom:var(--host-udp-btn-padding-y);padding-left:var(--host-udp-btn-padding-x);padding-right:var(--host-udp-btn-padding-x);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;text-decoration:none;background-color:var(--host-udp-btn-base-bg, transparent);color:var(--host-udp-btn-base-text, inherit);border:1px solid var(--host-udp-btn-base-border, transparent);transition:background-color var(--animation-duration) var(--animation-easing),               border-color var(--animation-duration) var(--animation-easing),               color var(--animation-duration) var(--animation-easing),               box-shadow var(--animation-duration) var(--animation-easing);min-width:64px;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;gap:var(--host-udp-btn-icon-gap, var(--spacing-03));border-radius:2px}.udp-button--has-start-icon{padding-left:var(--host-udp-btn-padding-x-with-start-icon)}.udp-button--has-end-icon{padding-right:var(--host-udp-btn-padding-x-with-end-icon)}.udp-button:focus-visible{outline:var(--host-udp-btn-focus-outline, var(--focus-outline, 2px solid blue));outline-offset:0}.udp-button__content-wrapper{display:contents}.udp-button__icon,.udp-button__text-content{display:inline-flex;align-items:center}.udp-button__icon svg{width:var(--host-udp-btn-icon-size, 1.25em);height:var(--host-udp-btn-icon-size, 1.25em);}.udp-button__text-content:empty{display:none}.udp-button__label{display:inherit;align-items:inherit;justify-content:inherit;width:100%;}.udp-button--full-width{width:100%}.udp-button--small{font-size:calc(var(--button-font-size) * 0.9);padding:var(--spacing-02) var(--spacing-04);min-width:48px}.udp-button--large{font-size:calc(var(--button-font-size) * 1.1);padding:var(--spacing-04) var(--spacing-06);min-width:80px}.udp-button--small .udp-button__icon svg{width:var(--host-udp-btn-small-icon-size, 1.1em);height:var(--host-udp-btn-small-icon-size, 1.1em)}.udp-button--large .udp-button__icon svg{width:var(--host-udp-btn-large-icon-size, 1.4em);height:var(--host-udp-btn-large-icon-size, 1.4em)}.udp-button--contained.udp-button--color-primary{background-color:var(--host-udp-btn-contained-primary-bg, var(--primary-color, black));color:var(--host-udp-btn-contained-primary-text, var(--primary-contrast-text, white))}.udp-button--contained.udp-button--color-primary:hover{background-color:var(--host-udp-btn-contained-primary-hover-bg, var(--primary-color-dark, dimgray))}.udp-button--contained.udp-button--color-secondary{background-color:var(--host-udp-btn-contained-secondary-bg, var(--secondary-color, black));color:var(--host-udp-btn-contained-secondary-text, var(--secondary-contrast-text, white))}.udp-button--contained.udp-button--color-secondary:hover{background-color:var(--host-udp-btn-contained-secondary-hover-bg, var(--secondary-color-dark, dimgray))}.udp-button--contained.udp-button--color-success{background-color:var(--host-udp-btn-contained-success-bg, var(--success-color-main, green));color:var(--host-udp-btn-contained-success-text, var(--success-contrast-text, white))}.udp-button--contained.udp-button--color-success:hover{background-color:var(--host-udp-btn-contained-success-hover-bg, var(--success-color-dark, darkgreen))}.udp-button--contained.udp-button--color-error{background-color:var(--host-udp-btn-contained-error-bg, var(--error-color-main, red));color:var(--host-udp-btn-contained-error-text, var(--error-contrast-text, white))}.udp-button--contained.udp-button--color-error:hover{background-color:var(--host-udp-btn-contained-error-hover-bg, var(--error-color-dark, darkred))}.udp-button--contained.udp-button--color-warning{background-color:var(--host-udp-btn-contained-warning-bg, var(--warning-color-main, orange));color:var(--host-udp-btn-contained-warning-text, var(--warning-contrast-text, white))}.udp-button--contained.udp-button--color-warning:hover{background-color:var(--host-udp-btn-contained-warning-hover-bg, var(--warning-color-dark, darkorange))}.udp-button--contained.udp-button--color-info{background-color:var(--host-udp-btn-contained-info-bg, var(--info-color-main, blue));color:var(--host-udp-btn-contained-info-text, var(--info-contrast-text, white))}.udp-button--contained.udp-button--color-info:hover{background-color:var(--host-udp-btn-contained-info-hover-bg, var(--info-color-dark, darkblue))}.udp-button--outlined{background-color:var(--host-udp-btn-outlined-default-bg, transparent)}.udp-button--outlined:active{background-color:var(--host-udp-btn-outlined-default-active-bg, rgba(0,0,0, 0.04))}.udp-button--outlined.udp-button--color-primary{border-color:var(--host-udp-btn-outlined-primary-border, var(--primary-color, black));color:var(--host-udp-btn-outlined-primary-text, var(--primary-color, black))}.udp-button--outlined.udp-button--color-primary:hover{background-color:var(--host-udp-btn-outlined-primary-hover-bg, var(--primary-color-hint, lightgray));border-color:var(--host-udp-btn-outlined-primary-hover-border, var(--primary-color-dark, dimgray))}.udp-button--outlined.udp-button--color-secondary{border-color:var(--host-udp-btn-outlined-secondary-border, var(--secondary-color, black));color:var(--host-udp-btn-outlined-secondary-text, var(--secondary-color, black))}.udp-button--outlined.udp-button--color-secondary:hover{background-color:var(--host-udp-btn-outlined-secondary-hover-bg, var(--secondary-color-hint, lightgray));border-color:var(--host-udp-btn-outlined-secondary-hover-border, var(--secondary-color-dark, dimgray))}.udp-button--outlined.udp-button--color-success{border-color:var(--host-udp-btn-outlined-success-border, var(--success-color-main, green));color:var(--host-udp-btn-outlined-success-text, var(--success-color-main, green))}.udp-button--outlined.udp-button--color-success:hover{background-color:var(--host-udp-btn-outlined-success-hover-bg, var(--success-color-hint, lightgreen));border-color:var(--host-udp-btn-outlined-success-hover-border, var(--success-color-dark, darkgreen))}.udp-button--outlined.udp-button--color-error{border-color:var(--host-udp-btn-outlined-error-border, var(--error-color-main, red));color:var(--host-udp-btn-outlined-error-text, var(--error-color-main, red))}.udp-button--outlined.udp-button--color-error:hover{background-color:var(--host-udp-btn-outlined-error-hover-bg, var(--error-color-hint, lightpink));border-color:var(--host-udp-btn-outlined-error-hover-border, var(--error-color-dark, darkred))}.udp-button--outlined.udp-button--color-warning{border-color:var(--host-udp-btn-outlined-warning-border, var(--warning-color-main, orange));color:var(--host-udp-btn-outlined-warning-text, var(--warning-color-main, orange))}.udp-button--outlined.udp-button--color-warning:hover{background-color:var(--host-udp-btn-outlined-warning-hover-bg, var(--warning-color-hint, lightyellow));border-color:var(--host-udp-btn-outlined-warning-hover-border, var(--warning-color-dark, darkorange))}.udp-button--outlined.udp-button--color-info{border-color:var(--host-udp-btn-outlined-info-border, var(--info-color-main, blue));color:var(--host-udp-btn-outlined-info-text, var(--info-color-main, blue))}.udp-button--outlined.udp-button--color-info:hover{background-color:var(--host-udp-btn-outlined-info-hover-bg, var(--info-color-hint, lightblue));border-color:var(--host-udp-btn-outlined-info-hover-border, var(--info-color-dark, darkblue))}.udp-button--text{background-color:var(--host-udp-btn-text-default-bg, transparent);border-color:var(--host-udp-btn-text-default-border, transparent);}.udp-button--text:active{background-color:var(--host-udp-btn-text-default-active-bg, rgba(0,0,0, 0.04))}.udp-button--text.udp-button--color-primary{color:var(--host-udp-btn-text-primary-text, var(--primary-color, black))}.udp-button--text.udp-button--color-primary:hover{background-color:var(--host-udp-btn-text-primary-hover-bg, var(--primary-color-hint, lightgray))}.udp-button--text.udp-button--color-secondary{color:var(--host-udp-btn-text-secondary-text, var(--secondary-color, black))}.udp-button--text.udp-button--color-secondary:hover{background-color:var(--host-udp-btn-text-secondary-hover-bg, var(--secondary-color-hint, lightgray))}.udp-button--text.udp-button--color-success{color:var(--host-udp-btn-text-success-text, var(--success-color-main, green))}.udp-button--text.udp-button--color-success:hover{background-color:var(--host-udp-btn-text-success-hover-bg, var(--success-color-hint, lightgreen))}.udp-button--text.udp-button--color-error{color:var(--host-udp-btn-text-error-text, var(--error-color-main, red))}.udp-button--text.udp-button--color-error:hover{background-color:var(--host-udp-btn-text-error-hover-bg, var(--error-color-hint, lightpink))}.udp-button--text.udp-button--color-warning{color:var(--host-udp-btn-text-warning-text, var(--warning-color-main, orange))}.udp-button--text.udp-button--color-warning:hover{background-color:var(--host-udp-btn-text-warning-hover-bg, var(--warning-color-hint, lightyellow))}.udp-button--text.udp-button--color-info{color:var(--host-udp-btn-text-info-text, var(--info-color-main, blue))}.udp-button--text.udp-button--color-info:hover{background-color:var(--host-udp-btn-text-info-hover-bg, var(--info-color-hint, lightblue))}.udp-button--color-inherit{color:var(--host-udp-btn-inherit-text, inherit)}.udp-button--text.udp-button--color-inherit:hover{background-color:var(--host-udp-btn-text-inherit-hover-bg, var(--gray-02, #e0e0e0))}.udp-button--outlined.udp-button--color-inherit{border-color:var(--host-udp-btn-outlined-inherit-border, currentColor)}.udp-button--outlined.udp-button--color-inherit:hover{background-color:var(--host-udp-btn-outlined-inherit-hover-bg, var(--gray-02, #e0e0e0));border-color:var(--host-udp-btn-outlined-inherit-hover-border, currentColor)}.udp-button--contained.udp-button--color-inherit{background-color:var(--host-udp-btn-contained-inherit-bg, var(--gray-03, #c0c0c0));color:var(--host-udp-btn-contained-inherit-text, var(--text-main, black))}.udp-button--contained.udp-button--color-inherit:hover{background-color:var(--host-udp-btn-contained-inherit-hover-bg, var(--gray-04, #b0b0b0))}.udp-button--disabled{cursor:not-allowed;pointer-events:none;color:var(--host-udp-btn-disabled-general-text, var(--text-disabled, #a0a0a0)) !important}.udp-button--contained.udp-button--disabled{background-color:var(--host-udp-btn-contained-disabled-bg, var(--disabled-color-main, #e0e0e0)) !important;color:var(--host-udp-btn-contained-disabled-text, var(--text-disabled, #a0a0a0)) !important;box-shadow:var(--host-udp-btn-contained-disabled-shadow, none) !important}.udp-button--outlined.udp-button--disabled{border-color:var(--host-udp-btn-outlined-disabled-border, var(--disabled-color-main, #e0e0e0)) !important;color:var(--host-udp-btn-outlined-disabled-text, var(--text-disabled, #a0a0a0)) !important;}.udp-button--text.udp-button--disabled{color:var(--host-udp-btn-text-disabled-text, var(--text-disabled, #a0a0a0)) !important;background-color:var(--host-udp-btn-text-disabled-bg, transparent) !important;}.udp-button--disabled:hover,.udp-button--disabled:active{}.udp-button--contained.udp-button--disabled:hover,.udp-button--contained.udp-button--disabled:active{background-color:var(--host-udp-btn-contained-disabled-bg, var(--disabled-color-main, #e0e0e0)) !important;box-shadow:var(--host-udp-btn-contained-disabled-shadow, none) !important}.udp-button--outlined.udp-button--disabled:hover,.udp-button--outlined.udp-button--disabled:active{background-color:var(--host-udp-btn-outlined-disabled-hover-bg, transparent) !important;border-color:var(--host-udp-btn-outlined-disabled-border, var(--disabled-color-main, #e0e0e0)) !important}.udp-button--text.udp-button--disabled:hover,.udp-button--text.udp-button--disabled:active{background-color:var(--host-udp-btn-text-disabled-hover-bg, transparent) !important;}.udp-button--toolbar-layout{flex-direction:column;justify-content:center;align-items:center;padding:var(--host-udp-btn-toolbar-padding, var(--spacing-03));width:var(--host-udp-btn-toolbar-fixed-size-medium, 80px);height:var(--host-udp-btn-toolbar-fixed-size-medium, 80px);gap:var(--host-udp-btn-toolbar-gap-medium, var(--spacing-01));}.udp-button--toolbar-layout .udp-button__icon svg{width:var(--host-udp-btn-toolbar-icon-size-medium, 2em);height:var(--host-udp-btn-toolbar-icon-size-medium, 2em);fill:currentColor}.udp-button--toolbar-layout .udp-button__text-content{font-size:var(--host-udp-btn-toolbar-font-size-medium, var(--font-size-caption, 0.75rem));line-height:var(--host-udp-btn-toolbar-line-height-medium, var(--line-height-caption, 1.2));text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:calc(var(--host-udp-btn-toolbar-line-height-medium, 1.2) * 2em);word-break:break-word}.udp-button--toolbar-layout.udp-button--small{width:var(--host-udp-btn-toolbar-fixed-size-small, 60px);height:var(--host-udp-btn-toolbar-fixed-size-small, 60px);gap:var(--host-udp-btn-toolbar-gap-small, var(--spacing-01));padding:var(--host-udp-btn-toolbar-padding-small, var(--spacing-02))}.udp-button--toolbar-layout.udp-button--small .udp-button__icon svg{width:var(--host-udp-btn-toolbar-icon-size-small, 1.6em);height:var(--host-udp-btn-toolbar-icon-size-small, 1.6em)}.udp-button--toolbar-layout.udp-button--small .udp-button__text-content{font-size:var(--host-udp-btn-toolbar-font-size-small, calc(var(--font-size-caption, 0.75rem) * 0.9));line-height:var(--host-udp-btn-toolbar-line-height-small, var(--line-height-caption, 1.2));max-height:calc(var(--host-udp-btn-toolbar-line-height-small, 1.2) * 2em);}.udp-button--toolbar-layout.udp-button--large{width:var(--host-udp-btn-toolbar-fixed-size-large, 100px);height:var(--host-udp-btn-toolbar-fixed-size-large, 100px);gap:var(--host-udp-btn-toolbar-gap-large, var(--spacing-02));padding:var(--host-udp-btn-toolbar-padding-large, var(--spacing-04))}.udp-button--toolbar-layout.udp-button--large .udp-button__icon svg{width:var(--host-udp-btn-toolbar-icon-size-large, 2.4em);height:var(--host-udp-btn-toolbar-icon-size-large, 2.4em)}.udp-button--toolbar-layout.udp-button--large .udp-button__text-content{max-height:calc(var(--host-udp-btn-toolbar-line-height-large, 1.2) * 2em);}.udp-button--toolbar-layout:hover:not(.udp-button--contained):not(.udp-button--outlined){background-color:var(--host-udp-btn-toolbar-layout-base-hover-bg, var(--gray-02, #e0e0e0));border-color:var(--host-udp-btn-toolbar-layout-base-hover-border-color, var(--gray-04, #b0b0b0))}.udp-button--toolbar-layout:active:not(.udp-button--contained):not(.udp-button--outlined){background-color:var(--host-udp-btn-toolbar-layout-base-active-bg, var(--gray-03, #c0c0c0))}.udp-button--color-inherit{color:var(--host-udp-btn-inherit-text, inherit)}.udp-button--text.udp-button--color-inherit:hover{background-color:var(--host-udp-btn-text-inherit-hover-bg, var(--gray-02, #e0e0e0))}.udp-button--outlined.udp-button--color-inherit{border-color:var(--host-udp-btn-outlined-inherit-border, currentColor)}.udp-button--outlined.udp-button--color-inherit:hover{background-color:var(--host-udp-btn-outlined-inherit-hover-bg, var(--gray-02, #e0e0e0));border-color:var(--host-udp-btn-outlined-inherit-hover-border, currentColor)}.udp-button--contained.udp-button--color-inherit{background-color:var(--host-udp-btn-contained-inherit-bg, var(--gray-03, #c0c0c0));color:var(--host-udp-btn-contained-inherit-text, var(--text-main, black))}.udp-button--contained.udp-button--color-inherit:hover{background-color:var(--host-udp-btn-contained-inherit-hover-bg, var(--gray-04, #b0b0b0))}@keyframes udp-button-spinner-spin{from{transform:translate(-50%, -50%) rotate(0deg)}to{transform:translate(-50%, -50%) rotate(360deg)}}.udp-button__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:none;width:var(--host-udp-btn-icon-size, 1.25em);height:var(--host-udp-btn-icon-size, 1.25em);border:2px solid currentColor;border-right-color:transparent;border-radius:50%;box-sizing:border-box}.udp-button--loading .udp-button__spinner{display:inline-block;animation:udp-button-spinner-spin 0.75s linear infinite}.udp-button--loading .udp-button__content-wrapper{visibility:hidden}.udp-button--small .udp-button__spinner{width:var(--host-udp-btn-small-icon-size, 1.1em);height:var(--host-udp-btn-small-icon-size, 1.1em);border-width:2px}.udp-button--large .udp-button__spinner{width:var(--host-udp-btn-large-icon-size, 1.4em);height:var(--host-udp-btn-large-icon-size, 1.4em);border-width:3px}";const Fe=class{constructor(e){t(this,e),this.chipClick=i(this,"chipClick",7),this.chipDelete=i(this,"chipDelete",7),this.variant="filled",this.color="gray",this.size="medium",this.deleteButton=!1,this.clickable=!1,this.handleDeleteClick=e=>{e.stopPropagation(),this.chipDelete.emit(this.label)},this.handleChipClick=()=>{this.clickable&&this.chipClick.emit(this.label)}}render(){return e("div",{key:"6f7be967a2f7fd7b77de34f986b670c12357b07d",class:{chip:!0,[`chip--${this.variant}`]:!0,[`chip--color-${this.color}`]:!0,[`chip--size-${this.size}`]:!0,"chip--clickable":this.clickable},onClick:this.handleChipClick},this.startIcon&&e("span",{key:"3af7aec42e15512710905f9706662beb2ccb96f8",class:"chip__icon chip__icon--start"},e("udp-icon",{key:"f36c7a7c1aaf280c7a54d6a3cc9b904a5a30a89b",iconName:this.startIcon,color:"inherit"})),e("span",{key:"c3179398ad0acdf3f3ea890d32b12a852241fc99",class:"chip__label"},this.label),this.deleteButton&&e("span",{key:"033152be23aaefb2d36464dbdf5011cad56de294",class:"chip__delete-icon",onClick:this.handleDeleteClick,title:"Remove"},e("svg",{key:"fcb015d39f58da00fabc43362ab02ad23152ce0a",width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor"},e("path",{key:"ebc5422d810b4c8d629b565ec0d1627618e9f449",d:"M12 4.7l-.7-.7L8 7.3 4.7 4l-.7.7L7.3 8 4 11.3l.7.7L8 8.7l3.3 3.3.7-.7L8.7 8z"}))))}};Fe.style=":host{display:inline-flex;vertical-align:middle;--udp-chip-primary-color:var(--primary-color);--udp-chip-primary-color-text:var(--primary-contrast-text);--udp-chip-secondary-color:var(--secondary-color);--udp-chip-secondary-color-text:var(--secondary-contrast-text);--udp-chip-success-color:var(--success-color-main);--udp-chip-success-color-text:var(--success-contrast-text);--udp-chip-error-color:var(--error-color-main);--udp-chip-error-color-text:var(--error-contrast-text);--udp-chip-warning-color:var(--warning-color-main);--udp-chip-warning-color-text:var(--warning-contrast-text);--udp-chip-info-color:var(--info-color-main);--udp-chip-info-color-text:var(--info-contrast-text);--udp-chip-monochrome-color:#FFFFFF;--udp-chip-monochrome-color-text:var(--text-main);--udp-chip-gray-color:var(--gray-02);--udp-chip-gray-color-text:var(--text-main);--udp-chip-gray-color-border:var(--gray-04);--font-family:var(--font-family);--spacing-01:var(--spacing-01);--spacing-02:var(--spacing-02);--udp-chip-primary-color-light:var(--primary-color-hint);--udp-chip-secondary-color-light:var(--secondary-color-hint);--udp-chip-success-color-light:var(--success-color-hint);--udp-chip-error-color-light:var(--error-color-hint);--udp-chip-warning-color-light:var(--warning-color-hint);--udp-chip-info-color-light:var(--info-color-hint);--udp-chip-monochrome-color-light:var(--gray-02);--udp-chip-gray-color-light:var(--gray-02)}.chip{font-family:var(--font-family);display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;white-space:nowrap;transition:background-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out, border-color 0.1s ease-in-out;border:1px solid transparent;border-radius:16px;gap:4px;cursor:default}.chip--clickable{cursor:pointer}.chip--clickable:hover{box-shadow:0 1px 2px rgba(0, 0, 0, 0.15)}.chip--outlined.chip--clickable:hover{box-shadow:0 1px 2px rgba(0, 0, 0, 0.2)}.chip__label{line-height:1;}.chip--size-medium{height:32px;font-size:13px;padding:8px}.chip--size-medium .chip__label{padding:0 var(--spacing-02)}.chip--size-medium .chip__icon--start{margin-left:0px;margin-right:4px}.chip--size-medium .chip__delete-icon{height:20px;width:20px;margin-right:-4px}.chip--size-medium .chip__delete-icon svg{width:14px;height:14px}.chip--size-small{height:auto;font-size:12px;padding:5px 4px;border-radius:12px;}.chip--size-small .chip__label{padding:0 4px}.chip--size-small .chip__icon--start{margin-left:0;margin-right:3px}.chip--size-small .chip__delete-icon{height:18px;width:18px;margin-right:-2px}.chip--size-small .chip__delete-icon svg{width:12px;height:12px}.chip__delete-icon{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;transition:background-color 0.15s ease-in-out}.chip--filled.chip--color-primary{background-color:var(--udp-chip-primary-color);color:var(--udp-chip-primary-color-text)}.chip--filled.chip--color-secondary{background-color:var(--udp-chip-secondary-color);color:var(--udp-chip-secondary-color-text)}.chip--filled.chip--color-success{background-color:var(--udp-chip-success-color);color:var(--udp-chip-success-color-text)}.chip--filled.chip--color-error{background-color:var(--udp-chip-error-color);color:var(--udp-chip-error-color-text)}.chip--filled.chip--color-warning{background-color:var(--udp-chip-warning-color);color:var(--udp-chip-warning-color-text)}.chip--filled.chip--color-info{background-color:var(--udp-chip-info-color);color:var(--udp-chip-info-color-text)}.chip--filled.chip--color-monochrome{background-color:var(--udp-chip-monochrome-color);color:var(--udp-chip-monochrome-color-text)}.chip--filled.chip--color-gray{background-color:var(--udp-chip-gray-color);color:var(--udp-chip-gray-color-text)}.chip--filled:not(.chip--color-warning):not(.chip--color-gray) .chip__delete-icon{background-color:rgba(255, 255, 255, 0.15)}.chip--filled:not(.chip--color-warning):not(.chip--color-gray) .chip__delete-icon:hover{background-color:rgba(255, 255, 255, 0.25)}.chip--filled.chip--color-warning .chip__delete-icon,.chip--filled.chip--color-gray .chip__delete-icon,.chip--filled.chip--color-monochrome .chip__delete-icon{background-color:rgba(0, 0, 0, 0.08)}.chip--filled.chip--color-warning .chip__delete-icon:hover,.chip--filled.chip--color-gray .chip__delete-icon:hover,.chip--filled.chip--color-monochrome .chip__delete-icon:hover{background-color:rgba(0, 0, 0, 0.16)}.chip--outlined{background-color:transparent}.chip--outlined.chip--color-primary{border-color:var(--udp-chip-primary-color);color:var(--udp-chip-primary-color)}.chip--outlined.chip--color-secondary{border-color:var(--udp-chip-secondary-color);color:var(--udp-chip-secondary-color)}.chip--outlined.chip--color-success{border-color:var(--udp-chip-success-color);color:var(--udp-chip-success-color)}.chip--outlined.chip--color-error{border-color:var(--udp-chip-error-color);color:var(--udp-chip-error-color)}.chip--outlined.chip--color-warning{border-color:var(--udp-chip-warning-color);color:var(--udp-chip-warning-color)}.chip--outlined.chip--color-info{border-color:var(--udp-chip-info-color);color:var(--udp-chip-info-color)}.chip--outlined.chip--color-monochrome{color:inherit;border-color:currentColor;}.chip--outlined.chip--color-gray{border-color:var(--udp-chip-gray-color-border);color:var(--udp-chip-gray-color-text)}.chip--outlined.chip--color-primary .chip__delete-icon{background-color:var(--udp-chip-primary-color-light)}.chip--outlined.chip--color-secondary .chip__delete-icon{background-color:var(--udp-chip-secondary-color-light)}.chip--outlined.chip--color-success .chip__delete-icon{background-color:var(--udp-chip-success-color-light)}.chip--outlined.chip--color-error .chip__delete-icon{background-color:var(--udp-chip-error-color-light)}.chip--outlined.chip--color-warning .chip__delete-icon{background-color:var(--udp-chip-warning-color-light)}.chip--outlined.chip--color-info .chip__delete-icon{background-color:var(--udp-chip-info-color-light)}.chip--outlined.chip--color-monochrome .chip__delete-icon{background-color:var(--udp-chip-monochrome-color-light)}.chip--outlined.chip--color-gray .chip__delete-icon{background-color:var(--udp-chip-gray-color-light)}.chip--outlined .chip__delete-icon:hover{background-color:rgba(0, 0, 0, 0.08)}";const _e={compact:{small:"xs",medium:"xs",large:"sm"},standard:{small:"xs",medium:"sm",large:"md"},prominent:{small:"sm",medium:"md",large:"lg"}};function De(e,t="compact"){return _e[t][e]}const Be={small:"xs",medium:"xs",large:"xs","extra-large":"sm"};function Ie(e){return Be[e]}const Te=class{constructor(e){t(this,e),this.appearance="secondary",this.shape="rounded",this.size="medium",this.disabled=!1,this.iconOnly=!1,this.disabledFocusable=!1,this.loading=!1}render(){const t=A(this.el,"start")||!!this.startIconName,i=A(this.el,"end")||!!this.endIconName,o=A(this.el,"description")||!!this.description,n=De(this.size,"prominent");return e(a,{key:"7cfb9c85448fe45f300c1333b0c26e1aa2d07c41"},e("fluent-compound-button",{key:"67a34388976cd2d8b08462024ab0179f2ca51f74",appearance:this.appearance,disabled:this.disabled||this.loading,"disabled-focusable":this.disabledFocusable,shape:this.shape,size:this.size,"icon-only":this.iconOnly},t&&e("span",{key:"ef2a49b45204b7330479cf8dd44f8f6822a454f7",class:"slot-wrapper",slot:"start"},e("slot",{key:"37b4238f543f0d0a0f7acf3fe12b2b295f24d6c4",name:"start"},this.startIconName&&e("udp-fluent-icon",{key:"08fc334a00788430199e669608db63a5569af088",name:this.startIconName,size:n}))),o&&e("span",{key:"a389e595d2c0fbb642370d4b82c5f220ef29a655",slot:"description",class:"description-wrapper"},e("slot",{key:"61499b0f71eb6f155f80a8a3f67cde553d0a02b1",name:"description"},this.description)),e("slot",{key:"ac1497fc1882a3efe6ef1e839e38b83f4d7de7d9"}),i&&e("span",{key:"4b2c9f8ecab264225a1c3367e87808c71eafb476",class:"slot-wrapper",slot:"end"},e("slot",{key:"9493eeb58a0a64d67c957136d91780cf76d5ab92",name:"end"},this.endIconName&&e("udp-fluent-icon",{key:"56405ee9bf85b5e8fc66c10833d19d10a2f73cfa",name:this.endIconName,size:n})))),this.loading&&e("div",{key:"1b4da7123649d43eda1d4a167c16d0a171a7f069",class:"loading-overlay"},e("udp-spinner",{key:"4c0cac4941dc078ec242e305c40455d0cc1b36b9",size:"large"===this.size?"extra-small":"tiny"})))}get el(){return o(this)}};Te.style=":host{display:inline-block;position:relative;width:fit-content}:host([loading]) fluent-compound-button{color:transparent !important}:host([loading]) ::slotted(*){visibility:hidden !important}:host([loading]) .slot-wrapper,:host([loading]) .description-wrapper{visibility:hidden}.loading-overlay{position:absolute;top:55%;left:50%;transform:translate(-50%, -50%);z-index:1;pointer-events:none;display:flex;align-items:center;justify-content:center}";const Ae=class{constructor(e){t(this,e),this.valueChanged=i(this,"valueChanged",7),this.inputBlur=i(this,"inputBlur",7),this.inputFocus=i(this,"inputFocus",7),this.isPopoverOpen=!1,this.restoreFocusOnClose=!1,this.displayValue="",this.internalError="",this.internalValue="",this.includeErrorPadding=!0,this.required=!1,this.disabled=!1,this.readonly=!1,this.autofocus=!1,this.autocomplete="off",this.appearance="outline",this.controlSize="medium",this.format="MM/DD/YYYY",this.dateSelectionType="single",this.handleKeyDown=e=>{if(!this.disabled)switch(e.key){case"ArrowDown":case"ArrowUp":e.preventDefault(),this.isPopoverOpen?this.focusCalendar():(this.isPopoverOpen=!0,requestAnimationFrame((()=>this.focusCalendar())));break;case"Enter":if(e.preventDefault(),this.displayValue){if(this.processAndEmitDate())return void(this.isPopoverOpen=!1)}else this.internalValue="",this.valueChanged.emit("");this.isPopoverOpen=!this.isPopoverOpen;break;case" ":e.preventDefault(),this.isPopoverOpen=!this.isPopoverOpen;break;case"Escape":this.isPopoverOpen&&(e.preventDefault(),this.restoreFocusOnClose=!0,this.isPopoverOpen=!1);break;case"Tab":this.isPopoverOpen?(e.preventDefault(),this.focusCalendar()):this.processAndEmitDate()}},this.handleInput=e=>{e.stopPropagation(),this.displayValue=e.target.value,this.internalError&&(this.internalError="")},this.handleBlur=()=>{this.processAndEmitDate(),this.inputBlur.emit()},this.handleDateSelect=e=>{e.stopPropagation(),this.internalValue=e.detail,this.displayValue=this.formatDateForDisplay(e.detail),this.valueChanged.emit(e.detail),this.restoreFocusOnClose=!0,this.isPopoverOpen=!1},this.handleToday=()=>{const e=new Date,t=this.toISODate(e);let i=t;"range"===this.dateSelectionType&&(i=`${t}/${t}`),this.internalValue=i,this.displayValue=this.formatDateForDisplay(i),this.valueChanged.emit(i),this.restoreFocusOnClose=!0,this.isPopoverOpen=!1},this.handleClear=()=>{this.internalValue="",this.displayValue="",this.valueChanged.emit(""),this.restoreFocusOnClose=!0,this.isPopoverOpen=!1},this.ignoreNextInputClick=!1,this.handleInputClick=()=>{this.ignoreNextInputClick?this.ignoreNextInputClick=!1:this.isPopoverOpen||(this.isPopoverOpen=!0)},this.handleLabelMouseDown=e=>{e.preventDefault(),this.ignoreNextInputClick=!0,this.isPopoverOpen=!this.isPopoverOpen,this.focusInput()},this.handleIconMouseDown=e=>{e.preventDefault()},this.handleIconClick=()=>{this.isPopoverOpen=!this.isPopoverOpen}}get resolvedFormat(){var e;return null!==(e=this.dateFormat)&&void 0!==e?e:this.format}onValueChange(e){e!==this.internalValue&&(this.internalValue=this.parseDateInput(e)||e||"",this.displayValue=this.formatDateForDisplay(this.internalValue))}onFormatChange(){this.displayValue=this.formatDateForDisplay(this.internalValue)}componentWillLoad(){this.value&&(this.internalValue=this.parseDateInput(this.value)||this.value,this.displayValue=this.formatDateForDisplay(this.internalValue))}componentDidLoad(){this.inputRef&&null!=this.displayValue&&(this.inputRef.value=this.displayValue)}formatDateForDisplay(e){if(!e)return"";if(e.includes("/")){const t=e.split("/");if(2===t.length)return`${this.formatDateForDisplay(t[0])} - ${this.formatDateForDisplay(t[1])}`}const t=(e=e.split("T")[0]).match(/^(\d{4})-(\d{2})-(\d{2})$/);if(!t)return e;const[,i,a,o]=t;switch(this.resolvedFormat){case"MM/DD/YYYY":default:return`${a}/${o}/${i}`;case"DD/MM/YYYY":return`${o}/${a}/${i}`;case"YYYY/MM/DD":return`${i}/${a}/${o}`}}parseDateInput(e){if(!e)return null;if("range"===this.dateSelectionType)if(e.includes(" - ")){const t=e.split(" - ");if(2===t.length){const e=this.parseSingleDateInput(t[0]),i=this.parseSingleDateInput(t[1]);if(e&&i)return`${e}/${i}`}}else if(1===(e.match(/-/g)||[]).length){const t=e.split("-");if(2===t.length){const e=this.parseSingleDateInput(t[0]),i=this.parseSingleDateInput(t[1]);if(e&&i)return`${e}/${i}`}}return this.parseSingleDateInput(e)}parseSingleDateInput(e){if(!e)return null;const t=e.trim().toLowerCase(),i=new Date,a=t.match(/^([+-])(\d+)$/);if(a){const e="+"===a[1]?1:-1,t=parseInt(a[2],10),o=new Date(i);return o.setDate(o.getDate()+e*t),this.toISODate(o)}if("t"===t||"."===t)return this.toISODate(i);if("tomorrow"===t||"tom"===t){const e=new Date(i);return e.setDate(e.getDate()+1),this.toISODate(e)}if("yesterday"===t||"yes"===t){const e=new Date(i);return e.setDate(e.getDate()-1),this.toISODate(e)}const o=["sun","mon","tue","wed","thu","fri","sat"].findIndex((e=>t===e||t===e+"day"));if(-1!==o){const e=new Date(i);let t=o-e.getDay();return t<=0&&(t+=7),e.setDate(e.getDate()+t),this.toISODate(e)}const n=["jan","feb","mar","apr","may","jun","jul","aug","sep","oct","nov","dec"],r=t.match(/^([a-z]{3,})(\d{1,2})$/);if(r){const e=r[1],t=parseInt(r[2],10),a=n.findIndex((t=>e.startsWith(t)));if(-1!==a){const e=i.getFullYear();if(this.isValidDate(e,a+1,t))return this.toISODate(new Date(e,a,t))}}if(/^\d{4}$/.test(t)){let e,a;if("YYYY/MM/DD"===this.resolvedFormat?(e=parseInt(t.substring(0,2),10),a=parseInt(t.substring(2,4),10)):"DD/MM/YYYY"===this.resolvedFormat?(a=parseInt(t.substring(0,2),10),e=parseInt(t.substring(2,4),10)):(e=parseInt(t.substring(0,2),10),a=parseInt(t.substring(2,4),10)),this.isValidDate(i.getFullYear(),e,a))return this.toISODate(new Date(i.getFullYear(),e-1,a))}const s=t.match(/^(\d{1,4})[\/\-.](\d{1,2})[\/\-.](\d{1,4})$/);if(s){const[,e,t,i]=s.map(Number);let a,o,n;if("YYYY/MM/DD"===this.resolvedFormat||e>31?(a=e,o=t,n=i):"DD/MM/YYYY"===this.resolvedFormat?(n=e,o=t,a=i):(o=e,n=t,a=i),a<100&&(a+=a<50?2e3:1900),a>99&&a<1e3)return null;if(this.isValidDate(a,o,n))return this.toISODate(new Date(a,o-1,n))}const d=t.match(/^(\d{1,2})[\/\-.](\d{1,2})$/);if(d){const[,e,t]=d.map(Number),a=i.getFullYear();let o,n;if("DD/MM/YYYY"===this.resolvedFormat||"YYYY/MM/DD"===this.resolvedFormat?(n=e,o=t):(o=e,n=t),this.isValidDate(a,o,n))return this.toISODate(new Date(a,o-1,n))}const l=t.split("t")[0].match(/^(\d{4})-(\d{2})-(\d{2})$/);if(l){const[,e,i,a]=l.map(Number);if(this.isValidDate(e,i,a))return t.split("t")[0]}return null}toISODate(e){return`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,"0")}-${String(e.getDate()).padStart(2,"0")}`}isValidDate(e,t,i){if(t<1||t>12||i<1)return!1;const a=new Date(e,t-1,i);return a.getFullYear()===e&&a.getMonth()===t-1&&a.getDate()===i}isDateInRange(e){if(!e)return{valid:!0};const t=e=>{const t=new Date(e);if(this.minDate){const e=new Date(this.minDate);if(t<e){const t=new Date(e);t.setUTCDate(e.getUTCDate()-1);const i=t.toISOString().split("T")[0];return{valid:!1,message:`Date must be after ${this.formatDateForDisplay(i)}`}}}if(this.maxDate){const e=new Date(this.maxDate);if(t>e){const t=new Date(e);t.setUTCDate(e.getUTCDate()+1);const i=t.toISOString().split("T")[0];return{valid:!1,message:`Date must be before ${this.formatDateForDisplay(i)}`}}}return{valid:!0}};if(e.includes("/")){const i=e.split("/");for(const e of i){const i=t(e);if(!i.valid)return i}return{valid:!0}}return t(e)}processAndEmitDate(){if(!this.displayValue)return this.internalValue="",this.internalError="",this.valueChanged.emit(""),!0;const e=this.parseDateInput(this.displayValue);if(e){const t=this.isDateInRange(e);return t.valid?(this.internalError="",this.internalValue=e,this.displayValue=this.formatDateForDisplay(e),this.valueChanged.emit(e),!0):(this.internalError=t.message,this.displayValue=this.formatDateForDisplay(e),!1)}return this.internalValue="",this.displayValue="",this.internalError="Invalid date",this.valueChanged.emit(""),!1}focusCalendar(){if(this.calendarRef){const e=this.calendarRef;"function"==typeof e.setFocus&&e.setFocus()}}focusInput(){var e;if(this.inputRef){const t=null===(e=this.inputRef.shadowRoot)||void 0===e?void 0:e.querySelector("input");null==t||t.focus()}}render(){const t=!!this.error||!!this.internalError,i=this.internalError||this.error||this.hint;return e(a,{key:"9a0b36661cc0bc79733f5e5166b0237c74b8055a",class:{"has-error":t,disabled:this.disabled}},e("fluent-field",{key:"fb3070fa56b39354181e4e1df3125a22673e90e4",class:{"no-message":!i&&!this.includeErrorPadding}},e("udp-popover",{key:"671bbd0c71a947b916eb6b4d2c90f632344e6284",slot:"input",open:this.isPopoverOpen,position:"bottom-start",toggleOnTriggerClick:!1,onPopoverClose:()=>{this.isPopoverOpen=!1,this.restoreFocusOnClose&&(this.restoreFocusOnClose=!1,requestAnimationFrame((()=>this.focusInput())))},trapFocus:!1,closeOnBlur:!1},e("fluent-text-input",{key:"2ed5e9fb7e708f42ad4ee35fd51e12fad200b76e",slot:"trigger",ref:e=>this.inputRef=e,class:{"no-label":!this.label},name:this.name,value:this.displayValue,type:"text",required:this.required,disabled:this.disabled,readonly:this.readonly,autofocus:this.autofocus,autocomplete:this.autocomplete,appearance:this.appearance,controlSize:this.controlSize,onInput:this.handleInput,onKeyDown:this.handleKeyDown,onBlur:this.handleBlur,onFocus:()=>this.inputFocus.emit(),onClick:this.handleInputClick,onInvalid:e=>e.preventDefault()},e("fluent-label",{key:"1b52489eca9d175bb163af05831bc8237b6a3ebb",required:this.required,disabled:this.disabled,onMouseDown:this.handleLabelMouseDown},this.label,this.popupHint&&e("udp-tooltip",{key:"f09510db0e4ceb3a36d6d136627c3284df4aad97",content:this.popupHint,positioning:"above"},e("udp-fluent-icon",{key:"0521edcfb7bfd0d4423977bf5fa84459e73a6a3c",name:"info",size:"xs",class:"popup-hint-icon"}))),e("div",{key:"4847d6b093aec40d1997e0a901b30450d1c096de",slot:"end"},e("udp-fluent-icon-button",{key:"0bad521605aa667ecbe4bc515c59c0a3356bc73a",appearance:"transparent",iconName:"calendar",onMouseDown:this.handleIconMouseDown,onClick:this.handleIconClick,disabled:this.disabled||this.readonly,tabindex:-1}))),e("div",{key:"d4d7bcf356f63a6e48e2e7a0e729fc1f828fee42",slot:"content"},e("udp-date-range-selector",{key:"4eeaf2c5b00ba70e28f7a5ea0f9df78ce8141f62",ref:e=>this.calendarRef=e,monthsToDisplay:1,value:this.internalValue,onChange:this.handleDateSelect,minDate:this.minDate,maxDate:this.maxDate,isDateDisallowed:this.isDateDisallowed,getDayParts:this.getDayParts,variant:this.dateSelectionType,size:"sm"}),e("div",{key:"e4f15cc0f854b2d3a389202510bb18202a7f236f",class:"footer-buttons"},e("udp-fluent-button",{key:"6c33fee28a778824bd25f9b6785226a21dee0f18",appearance:"transparent",size:"small",onClick:this.handleToday},"Today"),e("udp-fluent-button",{key:"5a1076da7d313e7798d5a95ad38ce77171b9d207",appearance:"transparent",size:"small",onClick:this.handleClear},"Clear")))),e("udp-text",{key:"2291ebb040091ef54a05999d91597967fc6bbbdb",slot:"message",variant:"caption1",class:{message:!0,error:t,includeErrorPadding:this.includeErrorPadding}},i)))}static get delegatesFocus(){return!0}get element(){return o(this)}static get watchers(){return{value:[{onValueChange:0}],format:[{onFormatChange:0}],dateFormat:[{onFormatChange:0}]}}};Ae.style=":host(.disabled){pointer-events:none}fluent-text-input[disabled]::part(control){color:var(--colorNeutralForegroundDisabled);-webkit-text-fill-color:var(--colorNeutralForegroundDisabled)}fluent-text-input[disabled]::part(root){background-color:var(--colorNeutralBackgroundDisabled)}fluent-label[disabled]{color:var(--colorNeutralForeground1)}fluent-text-input::part(control):-webkit-autofill,fluent-text-input::part(control):-webkit-autofill:hover,fluent-text-input::part(control):-webkit-autofill:focus,fluent-text-input::part(control):-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--colorNeutralBackground1) inset !important;-webkit-text-fill-color:var(--colorNeutralForeground1) !important;transition:background-color 5000s ease-in-out 0s}:host{display:block;width:100%}fluent-field{width:100%}udp-popover{display:block;width:100%}fluent-text-input{width:100%;max-width:100%}fluent-text-input::part(control){font-family:inherit}fluent-text-input::part(control)::-webkit-calendar-picker-indicator{display:none}.footer-buttons{display:flex;justify-content:space-between;padding-top:4px;border-top:1px solid var(--neutral-stroke-2);margin-top:0}fluent-text-input.no-label::part(label){display:none}fluent-field.no-message::part(message){display:none}.message{color:var(--colorNeutralForeground3)}.message.includeErrorPadding{min-height:var(--lineHeightBase200)}.message.error{color:var(--colorPaletteRedForeground1)}.popup-hint-icon{margin-left:2px}:host(.has-error) fluent-text-input::part(root){border-color:var(--colorPaletteRedBorder2)}:host(.has-error:focus-within) fluent-text-input::part(root){border-color:var(--colorNeutralStroke1)}";const Oe={sm:200,md:260,lg:320},qe=["January","February","March","April","May","June","July","August","September","October","November","December"],Me=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],Pe=class{constructor(e){t(this,e),this.change=i(this,"change",7),this.size="md",this.orientation="horizontal",this.variant="range",this.monthsToDisplay=2,this.viewMode="day",this.focusedYear=(new Date).getFullYear(),this.focusedMonth=(new Date).getMonth(),this.navigationDirection="none",this.pendingFocus=!1,this.handleChange=e=>{this.change.emit(e.target.value)},this.handleFocusChange=e=>{const t=e.target;if(t&&t.focusedDate){const e=t.focusedDate.split("-");if(3===e.length){const t=parseInt(e[0],10),i=parseInt(e[1],10)-1;this.focusedYear===t&&this.focusedMonth===i||(this.focusedYear=t,this.focusedMonth=i)}}},this.handleHeaderClick=()=>{"day"===this.viewMode?this.viewMode="month":"month"===this.viewMode&&(this.viewMode="year")},this.handlePrevious=()=>{this.isPrevDisabled()||(this.pendingFocus=!0,this.navigationDirection="prev","day"===this.viewMode?0===this.focusedMonth?(this.focusedMonth=11,this.focusedYear--):this.focusedMonth--:"month"===this.viewMode?this.focusedYear--:"year"===this.viewMode&&(this.focusedYear-=10))},this.handleNext=()=>{this.isNextDisabled()||(this.pendingFocus=!0,this.navigationDirection="next","day"===this.viewMode?11===this.focusedMonth?(this.focusedMonth=0,this.focusedYear++):this.focusedMonth++:"month"===this.viewMode?this.focusedYear++:"year"===this.viewMode&&(this.focusedYear+=10))},this.selectMonth=e=>{this.pendingFocus=!0,this.navigationDirection="none",this.focusedMonth=e,this.viewMode="day"},this.selectYear=e=>{this.focusedYear=e,this.viewMode="month"}}handleValueChange(e){this.navigationDirection="none",this.parseValue(e)}componentWillLoad(){this.parseValue(this.value),this.clampFocusToMinMax(),this.monthsToDisplay>2&&(this.monthsToDisplay=2),this.monthsToDisplay<1&&(this.monthsToDisplay=1)}clampFocusToMinMax(){const e=this.minDate?this.parseISODate(this.minDate):null,t=this.maxDate?this.parseISODate(this.maxDate):null;e&&(this.focusedYear<e.year||this.focusedYear===e.year&&this.focusedMonth<e.month)&&(this.focusedYear=e.year,this.focusedMonth=e.month),t&&(this.focusedYear>t.year||this.focusedYear===t.year&&this.focusedMonth>t.month)&&(this.focusedYear=t.year,this.focusedMonth=t.month)}componentDidUpdate(){"day"===this.viewMode&&this.calendarRef&&this.updateCalendarFocus()}async setFocus(){if(this.calendarRef){const e=this.calendarRef;"function"==typeof e.focus?e.focus({target:"day"}):this.calendarRef.focus()}}parseValue(e){if(e){const t=new Date(e.split("/")[0]);isNaN(t.getTime())||(this.focusedYear=t.getFullYear(),this.focusedMonth=t.getMonth())}}updateCalendarFocus(){if(this.calendarRef){let e=this.focusedMonth,t=this.focusedYear;2===this.monthsToDisplay&&"next"===this.navigationDirection&&(e=this.focusedMonth+1,e>11&&(e=0,t++));const i=new Date(t,e,1),a=i.getFullYear(),o=String(i.getMonth()+1).padStart(2,"0"),n=String(i.getDate()).padStart(2,"0"),r=this.calendarRef;r.focusedDate=`${a}-${o}-${n}`,this.pendingFocus&&(this.pendingFocus=!1,"function"==typeof r.focus&&r.focus({target:"day"})),this.navigationDirection="none"}}getHeaderText(){const e="sm"===this.size?Me:qe;if("day"===this.viewMode){const t=`${e[this.focusedMonth]} ${this.focusedYear}`;if(2===this.monthsToDisplay){let i=this.focusedMonth+1,a=this.focusedYear;return i>11&&(i=0,a++),`${t} - ${e[i]} ${a}`}return t}if("month"===this.viewMode)return`${this.focusedYear}`;{const e=10*Math.floor(this.focusedYear/10);return`${e} - ${e+9}`}}getDecadeYears(){const e=10*Math.floor(this.focusedYear/10);return Array.from({length:12},((t,i)=>e-1+i))}renderMonthGrid(){return e("div",{class:"picker-grid month-grid"},Me.map(((t,i)=>e("button",{type:"button",class:{"picker-item":!0,selected:i===this.focusedMonth,current:i===(new Date).getMonth()&&this.focusedYear===(new Date).getFullYear()},disabled:this.isMonthDisabled(i),onClick:()=>this.selectMonth(i)},t))))}renderYearGrid(){const t=this.getDecadeYears(),i=(new Date).getFullYear(),a=10*Math.floor(this.focusedYear/10);return e("div",{class:"picker-grid year-grid"},t.map((t=>e("button",{type:"button",class:{"picker-item":!0,selected:t===this.focusedYear,current:t===i,outside:t<a||t>=a+10},disabled:this.isYearDisabled(t),onClick:()=>this.selectYear(t)},t))))}isPrevDisabled(){if(!this.minDate)return!1;const e=this.parseISODate(this.minDate);if(!e)return!1;const{year:t,month:i}=e;return"day"===this.viewMode?this.focusedYear<t||this.focusedYear===t&&this.focusedMonth<=i:"month"===this.viewMode?this.focusedYear-1<t:"year"===this.viewMode&&10*Math.floor(this.focusedYear/10)-1<t}isNextDisabled(){if(!this.maxDate)return!1;const e=this.parseISODate(this.maxDate);if(!e)return!1;const{year:t,month:i}=e;if("day"===this.viewMode){let e=this.focusedYear,a=this.focusedMonth+(this.monthsToDisplay-1);return a>11&&(a-=12,e++),e>t||e===t&&a>=i}return"month"===this.viewMode?this.focusedYear+1>t:"year"===this.viewMode&&10*Math.floor(this.focusedYear/10)+10>t}parseISODate(e){if(!e)return null;const t=e.split("-");if(t.length<2)return null;const i=parseInt(t[0],10),a=parseInt(t[1],10)-1;return isNaN(i)||isNaN(a)?null:{year:i,month:a}}isMonthDisabled(e){if(this.minDate){const t=this.parseISODate(this.minDate);if(t){if(this.focusedYear<t.year)return!0;if(this.focusedYear===t.year&&e<t.month)return!0}}if(this.maxDate){const t=this.parseISODate(this.maxDate);if(t){if(this.focusedYear>t.year)return!0;if(this.focusedYear===t.year&&e>t.month)return!0}}return!1}isYearDisabled(e){if(this.minDate){const t=this.parseISODate(this.minDate);if(t&&e<t.year)return!0}if(this.maxDate){const t=this.parseISODate(this.maxDate);if(t&&e>t.year)return!0}return!1}getContainerWidth(){const e=Oe[this.size]||Oe.md;return"horizontal"===this.orientation&&2===this.monthsToDisplay?2*e+16+"px":`${e}px`}getMonthWidth(){return`${Oe[this.size]||Oe.md}px`}render(){const t="multi"===this.variant?"calendar-multi":"single"===this.variant?"calendar-date":"calendar-range",i=this.getContainerWidth(),o=this.getMonthWidth();return e(a,{key:"a8ae214f84638149614c86582114281a7a3d2865",style:{"--calendar-width":o,"--container-width":i},class:`size-${this.size}`,onClick:e=>e.stopPropagation()},e("div",{key:"bd7d3d009c72b4018f625a5367f5b4e705afebd2",class:"calendar-header"},e("udp-fluent-icon-button",{key:"0a27ae7eefe1e0c44e912f30c8b3c871c3f85073",iconName:"chevron-left",onClick:this.handlePrevious,disabled:this.isPrevDisabled(),appearance:"transparent",ariaLabel:"Previous"}),e("udp-fluent-button",{key:"3a3ee8f825c2b81d60db8f9aa2c8a10977e8f08f",appearance:"transparent",onClick:this.handleHeaderClick,ariaLabel:"year"===this.viewMode?void 0:"Change view",disabled:"year"===this.viewMode},this.getHeaderText()),e("udp-fluent-icon-button",{key:"48bd551c0b4fd216529eec99bf962f4918600f7d",iconName:"chevron-right",onClick:this.handleNext,disabled:this.isNextDisabled(),appearance:"transparent",ariaLabel:"Next"})),"day"===this.viewMode&&e(t,{key:"8702ac18d3bfc0188ad10630158658c45a43c9bf",ref:e=>this.calendarRef=e,value:this.value,min:this.minDate,max:this.maxDate,firstDayOfWeek:0,months:this.monthsToDisplay,showOutsideDays:!0,pageBy:"single",isDateDisallowed:this.isDateDisallowed,getDayParts:this.getDayParts,onChange:this.handleChange,onFocusday:this.handleFocusChange},e("span",{key:"30a102bb1f5c9cf43d3c475cf984c948f04dae6e",slot:"previous",style:{display:"none"}}),e("span",{key:"acd87984703be40c08d3465c24dc4e23f66312e1",slot:"next",style:{display:"none"}}),e("div",{key:"eb2a0e46f26fa3d22220b5b891980c15e0b02d88",class:"grid"},Array.from({length:this.monthsToDisplay}).map(((t,i)=>e("calendar-month",{offset:i}))))),"month"===this.viewMode&&this.renderMonthGrid(),"year"===this.viewMode&&this.renderYearGrid())}static get delegatesFocus(){return!0}static get watchers(){return{value:[{handleValueChange:0}]}}};Pe.style=":host{display:inline-flex;flex-direction:column;width:var(--container-width, fit-content);min-width:var(--container-width)}.calendar-header{order:-1}.grid{display:flex;gap:var(--spacingHorizontalL, 16px)}:host([orientation='horizontal']) .grid{flex-direction:row}:host([orientation='vertical']) .grid{flex-direction:column}calendar-month{--color-accent:var(--colorBrandBackground);--color-text-on-accent:var(--colorNeutralForegroundOnBrand);font-family:var(--fontFamilyBase);color:var(--colorNeutralForeground1);margin-top:-16px}.nav-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:var(--borderRadiusMedium);background-color:transparent;color:var(--colorNeutralForeground1);cursor:pointer;transition:all var(--durationFaster, 100ms) var(--curveEasyEase, ease)}.nav-button:hover{background-color:var(--colorNeutralBackground1Hover)}.nav-button:active{background-color:var(--colorNeutralBackground1Pressed)}.nav-button:focus-visible{outline:2px solid var(--colorStrokeFocus2);outline-offset:2px}calendar-month::part(button){width:calc(var(--calendar-width) / 7);height:calc(var(--calendar-width) / 9);min-width:28px;min-height:28px;border-radius:var(--borderRadiusMedium);border:none;background-color:transparent;color:var(--colorNeutralForeground1);font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightRegular);cursor:pointer;transition:all var(--durationFaster, 100ms) var(--curveEasyEase, ease)}calendar-month::part(button):hover{background-color:var(--colorNeutralBackground1Hover)}calendar-month::part(button):focus-visible{outline:2px solid var(--colorStrokeFocus2);outline-offset:2px}calendar-month::part(selected){background-color:var(--colorBrandBackground);color:var(--colorNeutralForegroundOnBrand);font-weight:var(--fontWeightSemibold)}calendar-month::part(selected):hover{background-color:var(--colorBrandBackgroundHover)}calendar-month::part(today){border:2px solid var(--colorBrandBackground);font-weight:var(--fontWeightSemibold)}calendar-month::part(outside){color:var(--colorNeutralForeground4)}calendar-month::part(disabled){color:var(--colorNeutralForegroundDisabled);cursor:not-allowed}calendar-month::part(disabled):hover{background-color:transparent}:host([variant='range']) calendar-month::part(button){border-radius:var(--borderRadiusMedium)}calendar-month::part(range-inner){background-color:color-mix(in srgb, var(--colorBrandBackground) 20%, transparent) !important;color:var(--colorNeutralForeground1) !important;border-radius:0 !important}:host([variant='range']) calendar-month::part(range-start){background-color:var(--colorBrandBackground);color:var(--colorNeutralForegroundOnBrand);border-start-end-radius:0;border-end-end-radius:0;border-start-start-radius:var(--borderRadiusMedium);border-end-start-radius:var(--borderRadiusMedium)}:host([variant='range']) calendar-month::part(range-end){background-color:var(--colorBrandBackground);color:var(--colorNeutralForegroundOnBrand);border-start-start-radius:0;border-end-start-radius:0;border-start-end-radius:var(--borderRadiusMedium);border-end-end-radius:var(--borderRadiusMedium)}:host([variant='range']) calendar-month::part(range-start range-end){border-radius:var(--borderRadiusMedium)}calendar-month::part(highlight-day){color:var(--colorBrandForeground1);font-weight:var(--fontWeightSemibold)}calendar-month::part(primary-border){border:2px solid var(--colorBrandBackground)}calendar-month::part(secondary-border){border:2px solid var(--colorNeutralStroke1)}calendar-month::part(warning-border){border:2px solid var(--colorStatusWarningBackground3)}calendar-month::part(primary-dot),calendar-month::part(secondary-dot),calendar-month::part(warning-dot){position:relative}calendar-month::part(primary-dot)::after{content:'';position:absolute;bottom:4px;left:50%;transform:translateX(-50%);width:6px;height:6px;border-radius:var(--borderRadiusCircular);background-color:var(--colorBrandBackground)}calendar-month::part(secondary-dot)::after{content:'';position:absolute;bottom:4px;left:50%;transform:translateX(-50%);width:6px;height:6px;border-radius:var(--borderRadiusCircular);background-color:var(--colorNeutralForeground2)}calendar-month::part(warning-dot)::after{content:'';position:absolute;bottom:4px;left:50%;transform:translateX(-50%);width:6px;height:6px;border-radius:var(--borderRadiusCircular);background-color:var(--colorStatusWarningBackground3)}calendar-month::part(heading){display:none !important;}calendar-date::part(previous),calendar-date::part(next),calendar-range::part(previous),calendar-range::part(next),calendar-multi::part(previous),calendar-multi::part(next){display:none !important}calendar-date::part(heading),calendar-range::part(heading),calendar-multi::part(heading){display:none !important}calendar-date [slot=\"previous\"],calendar-date [slot=\"next\"],calendar-range [slot=\"previous\"],calendar-range [slot=\"next\"],calendar-multi [slot=\"previous\"],calendar-multi [slot=\"next\"]{display:none !important}calendar-month::part(weekday){font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightSemibold);color:var(--colorNeutralForeground2);text-transform:uppercase}.calendar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacingVerticalXS, 4px) 0;margin-bottom:0}.header-button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacingHorizontalXS, 4px);padding:var(--spacingVerticalXS, 4px) var(--spacingHorizontalS, 8px);border:none;border-radius:var(--borderRadiusMedium);background-color:transparent;color:var(--colorNeutralForeground1);font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase300);font-weight:var(--fontWeightSemibold);cursor:pointer;transition:all var(--durationFaster, 100ms) var(--curveEasyEase, ease)}.header-button:hover:not(:disabled){background-color:var(--colorNeutralBackground1Hover)}.header-button:active:not(:disabled){background-color:var(--colorNeutralBackground1Pressed)}.header-button:disabled{cursor:default}.header-button:focus-visible{outline:2px solid var(--colorStrokeFocus2);outline-offset:2px}.picker-grid{display:grid;gap:var(--spacingVerticalS, 8px) var(--spacingHorizontalS, 8px);padding:var(--spacingVerticalM, 12px) 0;width:100%;box-sizing:border-box}.month-grid{grid-template-columns:repeat(4, 1fr)}.year-grid{grid-template-columns:repeat(4, 1fr)}.picker-item{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacingVerticalM, 12px) var(--spacingHorizontalS, 8px);min-height:44px;border:none;border-radius:var(--borderRadiusMedium);background-color:transparent;color:var(--colorNeutralForeground1);font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase300);font-weight:var(--fontWeightRegular);cursor:pointer;transition:all var(--durationFaster, 100ms) var(--curveEasyEase, ease)}.picker-item:hover{background-color:var(--colorNeutralBackground1Hover)}.picker-item:active{background-color:var(--colorNeutralBackground1Pressed)}.picker-item:focus-visible{outline:2px solid var(--colorStrokeFocus2);outline-offset:2px}.picker-item:disabled{color:var(--colorNeutralForegroundDisabled);cursor:not-allowed;background-color:transparent}.picker-item:disabled:hover{background-color:transparent}.picker-item.selected{background-color:var(--colorBrandBackground);color:var(--colorNeutralForegroundOnBrand);font-weight:var(--fontWeightSemibold)}.picker-item.selected:hover{background-color:var(--colorBrandBackgroundHover)}.picker-item.current:not(.selected){border:2px solid var(--colorBrandBackground);font-weight:var(--fontWeightSemibold)}.picker-item.outside{color:var(--colorNeutralForeground4)}:host(.size-sm) .picker-grid{gap:var(--spacingVerticalXS, 4px) var(--spacingHorizontalXS, 4px);padding:var(--spacingVerticalS, 8px) 0}:host(.size-sm) .picker-item{padding:var(--spacingVerticalS, 8px) var(--spacingHorizontalXS, 4px);min-height:32px;font-size:var(--fontSizeBase200)}:host(.size-sm) .picker-item{padding:var(--spacingVerticalS, 8px) var(--spacingHorizontalXS, 4px);min-height:32px;font-size:var(--fontSizeBase200)}:host(.size-sm) .calendar-header{padding-bottom:var(--spacingVerticalS, 8px)}";const Ee=class{constructor(e){t(this,e),this.valueChanged=i(this,"valueChanged",7),this.disabled=!1,this.required=!1,this.autofocus=!1,this.appearance="outline",this.controlSize="medium",this.stacked=!1,this.format="MM/DD/YYYY",this.includeErrorPadding=!0,this.use24Hour=!1,this.minuteStep=30,this.datePart="",this.timePart="",this.internalValue="",this.handleDateChange=e=>{e.stopPropagation(),this.datePart=e.detail,this.updateValue()},this.handleTimeChange=e=>{e.stopPropagation(),this.timePart=e.detail,this.datePart&&this.updateValue()}}onValueChange(e){this.parseValue(e)}componentWillLoad(){this.parseValue(this.value)}parseValue(e){if(!e)return this.datePart="",void(this.timePart="");const t=e.split("T");t.length>=1&&(this.datePart=t[0]),this.timePart=t.length>=2?t[1].substring(0,5):""}updateValue(){let e;e=this.datePart?`${this.datePart}T${this.timePart||"00:00"}:00`:"",this.internalValue=e,this.valueChanged.emit(e)}render(){var t;const i=void 0===this.timeLabel&&this.label?" ":this.timeLabel;return e(a,{key:"cb793e5cddb02511bea997ff58c7a28be561256a"},e("div",{key:"189936d2f6a4efce1a1d3caa755271b48dfb3895",class:"date-part"},e("udp-date-input",{key:"cbbfebcb02565d03aa61c3d6043c629ececaa24c",name:`${this.name}-date`,value:this.datePart,required:this.required,disabled:this.disabled,autofocus:this.autofocus,appearance:this.appearance,controlSize:this.controlSize,dateFormat:null!==(t=this.dateFormat)&&void 0!==t?t:this.format,minDate:this.minDate,maxDate:this.maxDate,isDateDisallowed:this.isDateDisallowed,getDayParts:this.getDayParts,error:this.error,includeErrorPadding:this.includeErrorPadding,onValueChanged:this.handleDateChange,label:this.label,popupHint:this.popupHint})),e("div",{key:"2420f67024e6b3896ba426b0807b7e02722fccb0",class:"time-part"},e("udp-time-input",{key:"abfee15b43a7e673d4698d7d237e137fc36b5493",name:`${this.name}-time`,value:this.timePart,required:!1,disabled:this.disabled,appearance:this.appearance,controlSize:this.controlSize,label:i,minuteStep:this.minuteStep,use24Hour:this.use24Hour,onValueChanged:this.handleTimeChange,includeErrorPadding:this.includeErrorPadding,error:this.error?" ":void 0})))}static get watchers(){return{value:[{onValueChange:0}]}}};Ee.style=":host{display:flex;flex-direction:row;gap:8px;align-items:flex-start}:host([stacked]){flex-direction:column}.date-part{flex:1;min-width:0}.time-part{flex:0 0 auto;width:35%}:host([stacked]) .date-part,:host([stacked]) .time-part{width:100%}udp-date-input,udp-time-input{width:100%}";const je=class{constructor(e){t(this,e),this.open=!1,this.titleId="dialog-title",this.descriptionId="dialog-description",this.buttonOneHidden=!1,this.buttonTwoHidden=!1,this.buttonThreeHidden=!0,this.originalBodyOverflow="",this.handleTransitionEnd=()=>{this.open||this.hostEl.parentElement!==document.body||document.body.removeChild(this.hostEl)},this.handleKeyDown=e=>{"Escape"===e.key&&this.handleClose&&this.handleClose()},this.handleOverlayClick=()=>{this.handleClose&&this.handleClose()}}handleOpenChange(e){e?(this.originalBodyOverflow=document.body.style.overflow,document.body.style.overflow="hidden",document.body.appendChild(this.hostEl),document.addEventListener("keydown",this.handleKeyDown),requestAnimationFrame((()=>{this.hostEl.classList.add("is-visible")}))):(this.hostEl.classList.remove("is-visible"),document.body.style.overflow=this.originalBodyOverflow,document.removeEventListener("keydown",this.handleKeyDown),this.hostEl.addEventListener("transitionend",this.handleTransitionEnd,{once:!0}))}disconnectedCallback(){"hidden"===document.body.style.overflow&&(document.body.style.overflow=this.originalBodyOverflow),document.removeEventListener("keydown",this.handleKeyDown)}render(){return e(a,{key:"2546786ed716a5bc8b6a8fef2656a093d5235a64",onClick:this.handleOverlayClick},e("div",{key:"3d1ee70b83f144ffa3b3b60a8b9210864b70148f",class:"dialog-container",role:"dialog","aria-modal":"true","aria-labelledby":this.titleId,"aria-describedby":this.descriptionId,onClick:e=>e.stopPropagation()},e("div",{key:"096a926f6b2379766ae3ff7baef856bdfe238050",class:"dialog-title",id:this.titleId},e("unity-typography",{key:"b413ed62a0844b16297905cf8048796f7ca1875b",variant:"h3"},this.title)),e("div",{key:"7a43f1717414e68704721b9a61225bbbb2d35d8c",class:"dialog-content",id:this.descriptionId},this.message&&e("unity-typography",{key:"477f344493caac3aea8fbf2aa504a3d739dec9b2",variant:"body"},this.message),e("slot",{key:"992116be06ef409c6c0a08178bb592cb979294b7"})),e("div",{key:"fb6cdfb64e775e1c30bfa0a80cd10e0adc2ac4cd",class:"dialog-actions"},!this.buttonTwoHidden&&e("udp-button",{key:"b1b84c147751c65e2be33838d0b1db3932c699b0",variant:"text",disabled:this.disableTwo,onClick:()=>this.actionTwo()},this.labelTwo),!this.buttonThreeHidden&&e("udp-button",{key:"d8687080205a003c716f397cd55732f8f754a320",variant:"text",disabled:this.disableThree,onClick:()=>this.actionThree()},this.labelThree),!this.buttonOneHidden&&e("udp-button",{key:"4d6af682d17af4957bb3cfe4d4edbaef10bc2f22",variant:"contained",disabled:this.disableOne,onClick:()=>this.actionOne(),loading:!!this.progress},this.labelOne))))}get hostEl(){return o(this)}static get watchers(){return{open:[{handleOpenChange:0}]}}};je.style=":host{position:fixed;top:0;left:0;width:0;height:0;overflow:hidden;transform:translate(0);z-index:100000;display:flex;align-items:center;justify-content:center;visibility:hidden;background-color:rgba(0, 0, 0, 0);transition:background-color 0.2s ease-out, visibility 0s 0.2s, width 0s 0.2s, height 0s 0.2s;}:host(.is-visible){visibility:visible;background-color:rgba(0, 0, 0, 0.5);width:100%;height:100%;overflow:visible;transition-delay:0s}.dialog-container{background-color:#fff;box-shadow:0 12px 24px rgba(0, 0, 0, 0.16), 0 12px 24px rgba(0, 0, 0, 0.23);max-width:90vw;width:500px;max-height:90vh;display:flex;flex-direction:column;opacity:0;transition:opacity 0.2s ease-out}:host(.is-visible) .dialog-container{opacity:1}.dialog-title{padding:16px;flex-shrink:0}.dialog-content{padding:0 16px;overflow-y:auto}.dialog-actions{padding:16px;display:flex;justify-content:flex-end;gap:8px;flex-shrink:0}";const Re={small:"medium",medium:"extra-large",large:"huge"},$e=class{constructor(e){t(this,e),this.hasIcon=!1,this.hasSecondary=!1,this.hasAction=!1,this.size="medium",this.loading=!1,this.handleSlotChange=()=>{this.checkSlots()}}componentWillLoad(){this.checkSlots()}checkSlots(){this.el&&(this.hasIcon=A(this.el,"icon"),this.hasSecondary=A(this.el,"secondary"),this.hasAction=A(this.el,"action"))}render(){const t=this.hasSecondary||!!this.description;return e(a,{key:"5b737f1fd28e6682db15466761d125738c6c2cfd",class:`size-${this.size}`},e("div",{key:"701b7732f782820fee60784de62281eed940fc63",class:{"empty-state-icon":!0,hidden:!(this.loading||this.hasIcon||this.iconName)}},e("div",{key:"1412b6950093e756abd66e92d86fc11385558481",class:{"icon-slot":!0,hidden:this.loading}},e("slot",{key:"7afc5dc4c3530922d69df1d1c78fdf01fa2202ba",name:"icon",onSlotchange:this.handleSlotChange},this.iconName&&e("udp-fluent-icon",{key:"0d828509e868f6bfa32644335aedd8e8dc2628db",name:this.iconName}))),this.loading&&e("udp-spinner",{key:"09116d97b72cf8a34f3e53c602e54fb3b813d777",size:Re[this.size]})),e("div",{key:"2e851337857e2f7b5d2f07080d917f47ea1c13c8",class:"empty-state-primary"},e("slot",{key:"9c002fa928fac3903a3d71f419d4002af9898871",onSlotchange:this.handleSlotChange},this.heading&&e("udp-text",{key:"4f5e1fb4948a15fc5f5460d8a5c3bd6c21d8d4c3",variant:"subtitle2"},this.heading))),e("div",{key:"8eb81a753bd1f122d03c06c3db0b6322750fc5f5",class:{"empty-state-secondary":!0,hidden:!t}},e("slot",{key:"5c4d299fb9b0eb9cb455e4a363e83d010bcbdee6",name:"secondary",onSlotchange:this.handleSlotChange},this.description&&e("udp-text",{key:"cf5c46da93039dae5fb449cac001fb68cd35eb7c",variant:"body2"},this.description))),e("div",{key:"b50c0d2fa8458669a99a72cc62cc9f6d362576b6",class:{"empty-state-action":!0,hidden:!this.hasAction}},e("slot",{key:"3a0566f1107ed5f23204c07fb7af0f4dca338277",name:"action",onSlotchange:this.handleSlotChange})))}get el(){return o(this)}};$e.style=':host{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacingVerticalS);text-align:center;width:100%;height:100%;padding:var(--spacingVerticalL) var(--spacingHorizontalL);box-sizing:border-box;color:var(--colorNeutralForeground1)}:host(.size-small){--empty-state-icon-size:32px;--empty-state-spinner-scale:1;}:host(.size-medium){--empty-state-icon-size:48px;--empty-state-spinner-scale:1.2;}:host(.size-large){--empty-state-icon-size:64px;--empty-state-spinner-scale:1.455;}.empty-state-icon{display:flex;align-items:center;justify-content:center;width:var(--empty-state-icon-size, 48px);height:var(--empty-state-icon-size, 48px);--udp-icon-size:var(--empty-state-icon-size, 48px)}.icon-slot{display:flex;align-items:center;justify-content:center;width:100%;height:100%}udp-spinner{transform:scale(var(--empty-state-spinner-scale, 1))}.empty-state-primary,.empty-state-secondary{display:flex;flex-direction:column;align-items:center;max-width:var(--empty-state-text-max-width, 360px)}:host(.size-medium){--empty-state-text-max-width:440px}:host(.size-large){--empty-state-text-max-width:520px}::slotted([slot="secondary"]){color:var(--colorNeutralForeground2)}.empty-state-action{display:flex;align-items:center;justify-content:center;margin-top:var(--spacingVerticalXS)}.hidden{display:none}';const Ve=class{constructor(e){t(this,e),this.udpExportClose=i(this,"udpExportClose",7),this.udpExportJobCreated=i(this,"udpExportJobCreated",7),this.udpExportComplete=i(this,"udpExportComplete",7),this.udpExportError=i(this,"udpExportError",7),this.open=!1,this.fileFormat=".XLSX",this.sheetTitle="Export",this.preparing=!1,this.selectedEntity=null,this.udpJobEntity=null,this.numRowsToExport=null,this.errors=[],this.activeJob=null,this.exportLoading=!1,this.fileResult=null,this.phase="summary",this.hasPrepared=!1,this.handleCreateExport=async()=>{var e,t,i;const a=null===(t=null===(e=this.selectedEntity)||void 0===e?void 0:e.unityBaseExportMethod)||void 0===t?void 0:t.apiMethodId;if(a&&this.validSearch){this.exportLoading=!0;try{const e=Object.assign(Object.assign({},null!==(i=this.searchObject)&&void 0!==i?i:{}),{getAll:!0});delete e.pageNumber,delete e.pageSize;const t=await m({data:{requestBody:{debug:!0,exportAcrossAssociations:!1,exportOnAllAssociations:!1,exportSiblings:!1,search:e}}},a);this.activeJob=t,this.phase="progress",this.udpExportJobCreated.emit(t),this.startPolling()}catch(e){this.pushError("exportRequest","Error creating the export job.","error")}finally{this.exportLoading=!1}}},this.handleDownload=()=>{var e;const t=null===(e=this.fileResult)||void 0===e?void 0:e.link;if(!t)return;const i=document.createElement("a");i.href=t,i.download="",document.body.appendChild(i),i.click(),document.body.removeChild(i)},this.handleDrawerClose=()=>{this.open=!1,this.udpExportClose.emit()}}onOpenChange(e){e?this.maybePrepare():this.onClosed()}componentDidLoad(){this.open&&this.maybePrepare()}disconnectedCallback(){this.stopPolling()}maybePrepare(){this.hasPrepared||(this.hasPrepared=!0,this.resetTransient(),this.prepare())}onClosed(){this.hasPrepared=!1,this.stopPolling()}resetTransient(){this.errors=[],this.numRowsToExport=null,this.activeJob=null,this.fileResult=null,this.phase="summary",this.selectedEntity=null,this.udpJobEntity=null}pushError(e,t,i){if(this.errors.some((t=>t.id===e)))return;const a={id:e,message:t,severity:i};this.errors=[...this.errors,a],this.udpExportError.emit(a)}get validSearch(){return!this.errors.some((e=>"error"===e.severity))}async prepare(){var e,t,i,a,o,n;if(this.entityName){this.preparing=!0;try{const r=this.apiCatalogId||y();if(!r)return void this.pushError("catalog","No API catalog is available for export.","error");const[s,d]=await Promise.all([v(r,this.entityName,!0),v(r,"udpJob",!0)]);this.selectedEntity=s,this.udpJobEntity=d;const l=O(this.entityName);if((null===(e=null==s?void 0:s.unityBaseExportMethod)||void 0===e?void 0:e.apiMethodId)||this.pushError("export",`${l}'s export method must be promoted.`,"error"),d&&!(null===(t=null==d?void 0:d.unityBaseGetFileResultMethod)||void 0===t?void 0:t.apiMethodId)&&this.pushError("fileResultGet","UdpJob's GetFileResult must be promoted to download the file.","warning"),d&&!(null===(i=null==d?void 0:d.unityBaseGetMethod)||void 0===i?void 0:i.apiMethodId)&&this.pushError("jobGet","UdpJob's Get method must be promoted to view job status.","warning"),null!=this.rowCount)this.numRowsToExport=this.rowCount;else{const e=null===(a=null==s?void 0:s.unityBaseSearchMethod)||void 0===a?void 0:a.apiMethodId;if(e)try{const t=await g(Object.assign(Object.assign({},null!==(o=this.searchObject)&&void 0!==o?o:{}),{pageSize:1}),e,I.integrationV1ApiUrl);this.numRowsToExport=Number(null!==(n=null==t?void 0:t.total)&&void 0!==n?n:0)}catch(e){this.pushError("rowCount","Could not fetch the row count.","error")}else this.pushError("search",`${l}'s search method must be promoted.`,"error")}}catch(e){this.pushError("prepare","Could not load the export configuration.","error")}finally{this.preparing=!1}}else this.pushError("entity","No entity was provided to export.","error")}startPolling(){var e,t,i;this.stopPolling();const a=null===(t=null===(e=this.udpJobEntity)||void 0===e?void 0:e.unityBaseGetMethod)||void 0===t?void 0:t.apiMethodId;a&&null!=(null===(i=this.activeJob)||void 0===i?void 0:i.id)&&(this.isTerminal(this.activeJob)?this.afterTerminal():this.pollTimer=setInterval((async()=>{var e;try{const t=await m({data:{id:null===(e=this.activeJob)||void 0===e?void 0:e.id}},a);this.activeJob=t,this.isTerminal(t)&&(this.stopPolling(),this.afterTerminal())}catch(e){this.stopPolling(),this.pushError("jobStatus","Error getting the job status.","error")}}),5e3))}stopPolling(){this.pollTimer&&(clearInterval(this.pollTimer),this.pollTimer=void 0)}isTerminal(e){return 3===(null==e?void 0:e.statusId)||4===(null==e?void 0:e.statusId)}afterTerminal(){var e;3===(null===(e=this.activeJob)||void 0===e?void 0:e.statusId)&&this.fetchFileResult()}async fetchFileResult(){var e,t,i;const a=null===(t=null===(e=this.udpJobEntity)||void 0===e?void 0:e.unityBaseGetFileResultMethod)||void 0===t?void 0:t.apiMethodId;if(a&&null!=(null===(i=this.activeJob)||void 0===i?void 0:i.id))try{const e=await m({data:{JobId:this.activeJob.id}},a);this.fileResult=e,this.udpExportComplete.emit(e)}catch(e){this.pushError("fileResult","Error getting the export file.","error")}}statusLabel(){var e;switch(null===(e=this.activeJob)||void 0===e?void 0:e.statusId){case 1:default:return"Pending";case 2:return"Running";case 3:return"Completed";case 4:return"Failed"}}statusColor(){var e;switch(null===(e=this.activeJob)||void 0===e?void 0:e.statusId){case 2:return"informative";case 3:return"success";case 4:return"danger";default:return"subtle"}}renderRow(t,i){return e("div",{class:"row"},e("udp-text",{variant:"caption1",class:"row-label"},t),null===i?e("udp-spinner",{size:"tiny"}):e("udp-text",{variant:"body1"},i))}render(){var t,i,o,n;const r="progress"===this.phase,s=O(this.entityName||""),d=null===(t=this.activeJob)||void 0===t?void 0:t.statusId;return e(a,{key:"4a61d50f7e691f06754a92d102319a998557d326"},e("udp-fluent-drawer",{key:"d29474ff77322999c1e64b3973e090f21508e710",open:this.open,drawerTitle:this.sheetTitle,size:"medium",onDrawerClose:this.handleDrawerClose},e("div",{key:"dad6b9525620a4de825d2ac3853bda68781b867c",class:"export-sheet"},this.errors.map((t=>e("udp-message-bar",{intent:t.severity,layout:"multiline"},t.message))),!r&&e("div",{key:"f54b5d281d4a9b5e8671fb418702d7d8e310a04f",class:"stack"},e("udp-fluent-card",{key:"b5b415acdf603f7a433cb497117fd6136035bc94",label:"Export Summary"},e("udp-text",{key:"cb3a9845747733ced969c12f6e0f8619627eef7d",variant:"body1"},"Exports all records that match your applied filters."),e("div",{key:"8a4f72d34adcb9bc5885b3b83b7a34207bdbde13",class:"row-list"},this.renderRow("Table",s||"—"),this.renderRow("Number of Rows",null==this.numRowsToExport?null:this.numRowsToExport.toLocaleString()))),e("udp-fluent-card",{key:"a9ffeab047c58b99708ecc57be37548d65bf6561",label:"Export Options"},e("div",{key:"06fb0343d1fccdd75b4922eebb5a633bfd321a01",class:"row-list"},this.renderRow("File Format",this.fileFormat)))),r&&e("div",{key:"41690b39459b042ca6d50f6996e2a025494937aa",class:"stack"},e("udp-fluent-card",{key:"a3c4d5ed4c137261ddb17d8bfcc2c8592ab78b64",label:"Job Details"},e("udp-text",{key:"6237cfdb9c0b7f01fa504466d7693fb5871b9138",variant:"body1"},"Exports are handled in the background. You can safely close this window."),e("div",{key:"abaee639e67bed2588ba2322a6c3369fadb7f0c0",class:"row-list"},this.renderRow("Job Id",null!=(null===(i=this.activeJob)||void 0===i?void 0:i.id)?String(this.activeJob.id):"—"),e("div",{key:"ac253efdd1463375ab44cd1da6de6b0a0e72d151",class:"row"},e("udp-text",{key:"77269431afd0b5a18b49c7e2c0a0396de5054e77",variant:"caption1",class:"row-label"},"Status"),e("udp-fluent-badge",{key:"37e742df3647f6538cd5705c174637ba1108a9fc",appearance:"tint",color:this.statusColor(),shape:"rounded",size:"small"},this.statusLabel())))),e("udp-fluent-card",{key:"16903486bd6c358d9ea2b203194245916bfea6fa",label:`Export ${this.statusLabel()}`},(1===d||2===d)&&e("udp-progress-bar",{key:"104cead64e74a63c848944d825f292608819a42e",thickness:"medium",validationState:"info"}),3===d&&(null===(o=this.fileResult)||void 0===o?void 0:o.link)&&e("udp-empty-state",{key:"bec0f26d767391298884d87ccb272b98d6948bc0"},e("udp-fluent-icon",{key:"96fae187a943ab74fe71107664aa4af4db133dff",slot:"icon",name:"checkmark_circle",variant:"filled",size:"lg",color:"var(--colorStatusSuccessForeground1, #0e700e)"}),"File is ready!",e("udp-fluent-button",{key:"6d29aa0346fc1b7a40f817e15d1ffa0a5c0a56ad",slot:"action",appearance:"primary",startIconName:"download",onClick:this.handleDownload},"Download")),3===d&&!(null===(n=this.fileResult)||void 0===n?void 0:n.link)&&e("udp-text",{key:"9ffbf9cf51f90386cf4c74cb612308ce05d38e34",variant:"body1"},this.errors.some((e=>"fileResultGet"===e.id))?"Your export is ready. To download it, visit the My Exports page.":"Your file is being finalized…"),4===d&&e("udp-text",{key:"b3aada53e12808b67b4b0dbe1afe3a35b093eeb1",variant:"body1"},"The export failed. Please try again.")))),!r&&e("div",{key:"7227440fe2ae7560860f59a49e1365eef80cee82",slot:"footer",class:"export-footer"},e("udp-fluent-button",{key:"cdd0d01a5be7dd768ee046e483f083aa50b595d4",appearance:"primary",disabled:!this.validSearch||this.exportLoading||this.preparing,loading:this.exportLoading,startIconName:"export",onClick:this.handleCreateExport},"Create Export"))))}static get watchers(){return{open:[{onOpenChange:0}]}}};Ve.style=":host{display:contents}.export-sheet{display:flex;flex-direction:column;gap:var(--spacingVerticalM, 12px)}.stack{display:flex;flex-direction:column;gap:var(--spacingVerticalM, 12px)}.row-list{display:flex;flex-direction:column;gap:var(--spacingVerticalS, 8px);margin-top:var(--spacingVerticalS, 8px)}.row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacingHorizontalM, 12px)}.row-label{color:var(--colorNeutralForeground3, #616161)}.filters{display:flex;flex-wrap:wrap;gap:var(--spacingHorizontalS, 8px)}.muted{color:var(--colorNeutralForeground3, #616161)}.export-footer{display:flex;justify-content:flex-end;width:100%}";const He=(...e)=>(t,i,a)=>{for(const o of e)if(o){const e=o(t,i,a);if(e)return e}},Le=e=>Array.isArray(e)&&0===e.length?"This field is required":null!=e&&""!==e&&!1!==e?void 0:"This field is required",We=/^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/,Ge=e=>!e||We.test(e)?void 0:"Invalid email address",Ye=e=>{if(e)try{return void new URL(e)}catch(e){return"Invalid URL"}};const Je=class{constructor(e){t(this,e)}get inferredType(){if(!this.childInput)return"text";const e=this.childInput.tagName.toLowerCase(),t=this.childInput.getAttribute("type");return e.includes("checkbox")||"checkbox"===t?"checkbox":e.includes("switch")||"switch"===t?"switch":e.includes("radio")||"radio"===t?"radio":e.includes("textarea")||"textarea"===t?"textarea":"text"}componentDidLoad(){this.childInput=this.el.firstElementChild,this.connectToForm()}disconnectedCallback(){this.unsubscribe&&this.unsubscribe()}connectToForm(){this.el.dispatchEvent(new CustomEvent("fetchFormInstance",{bubbles:!0,composed:!0,detail:e=>{this.form=e,this.registerField()}}))}registerField(){var e;if(!this.form||!this.childInput)return void console.warn(`[udp-field] No child input found for field: ${this.name}`);"value"in this.childInput||"checked"in this.childInput||console.warn(`[udp-field] Child of ${this.name} does not appear to be a compatible component.`);const t=this.validate,i=function(e){var t,i,a,o;const n=[],r=e;(r.required||r.hasAttribute("required"))&&n.push(Le);const s=null!==(t=r.minlength)&&void 0!==t?t:r.hasAttribute("minlength")?parseInt(r.getAttribute("minlength"),10):null;var d;s&&n.push((d=s,e=>!e||e.length>=d?void 0:`Must be at least ${d} characters`));const l=null!==(i=r.maxlength)&&void 0!==i?i:r.hasAttribute("maxlength")?parseInt(r.getAttribute("maxlength"),10):null;var c;l&&l>-1&&n.push((c=l,e=>!e||e.length<=c?void 0:`Must be less than ${c} characters`));const h=null!==(a=r.min)&&void 0!==a?a:r.hasAttribute("min")?parseFloat(r.getAttribute("min")):null;null===h||isNaN(h)||n.push((e=>t=>!t||Number(t)>=e?void 0:`Must be at least ${e}`)(h));const u=null!==(o=r.max)&&void 0!==o?o:r.hasAttribute("max")?parseFloat(r.getAttribute("max")):null;null===u||isNaN(u)||n.push((e=>t=>!t||Number(t)<=e?void 0:`Must be no more than ${e}`)(u));const p=r.type||r.getAttribute("type");"email"===p&&n.push(Ge),"url"===p&&n.push(Ye);const b=r.pattern||r.getAttribute("pattern");var f;if(b&&n.push((f=b,e=>{if(e)return("string"==typeof f?new RegExp(`^${f}$`):f).test(e)?void 0:"Invalid format"})),0!==n.length)return He(...n)}(this.childInput),a=He(t,i)||(null===(e=this.fieldConfig)||void 0===e?void 0:e.getValidator),o=Object.assign(Object.assign({},this.fieldConfig),{getValidator:a?()=>a:void 0});this.unsubscribe=this.form.registerField(this.name,(e=>{const{touched:t,value:i,error:a}=e;if(this.childInput.error=t?a:void 0,"checkbox"===this.inferredType||"switch"===this.inferredType){if("checked"in this.childInput){const e=!!i;this.childInput.checked!==e&&(this.childInput.checked=e)}}else if("value"in this.childInput){const e=null==i?"":i;this.childInput.value!==e&&(this.childInput.value=e)}"name"in this.childInput&&(this.childInput.name=this.name)}),{value:!0,error:!0,touched:!0},o)}handleValueChange(e){e.stopPropagation(),this.form&&this.form.change(this.name,e.detail)}handleBlur(e){e.stopPropagation(),this.form&&this.form.blur(this.name)}handleFocus(e){e.stopPropagation(),this.form&&this.form.focus(this.name)}handleKeyDown(e){if("Enter"===e.key){if(e.defaultPrevented)return;if(e.stopPropagation(),"textarea"===this.inferredType)return;if("checkbox"===this.inferredType||"switch"===this.inferredType)return;e.stopPropagation(),this.form&&this.form.submit()}}render(){return e("slot",{key:"ea2c51097d208fb092431f457d76b1a0fd449962"})}get el(){return o(this)}};Je.style=":host{display:block;width:100%}";const Ue=class{constructor(e){t(this,e),this.display="flex",this.direction="column",this.wrap="wrap",this.justify="flex-start",this.align="stretch",this.gap="sm",this.width="auto",this.height="auto",this.grow=0,this.shrink=1,this.basis="auto",this.overflow="visible"}getSpacingVar(e,t){if("none"===e)return"0";const i={none:"None",xxs:"XXS",xs:"XS",sm:"S",md:"M",lg:"L",xl:"XL",xxl:"XXL",xxxl:"XXXL"}[e];return"Horizontal"===t?`var(--spacingHorizontal${i})`:"Vertical"===t?`var(--spacingVertical${i})`:`var(--spacingVertical${i}) var(--spacingHorizontal${i})`}render(){const t=this.direction.startsWith("column"),i=this.getSpacingVar(this.gap,t?"Vertical":"Horizontal"),o={"--udp-flex-display":this.display,"--udp-flex-direction":this.direction,"--udp-flex-wrap":this.wrap,"--udp-flex-justify":this.justify,"--udp-flex-align":this.align,"--udp-flex-gap":i,"--udp-flex-width":this.width,"--udp-flex-height":this.height,"--udp-flex-grow":String(this.grow),"--udp-flex-shrink":String(this.shrink),"--udp-flex-basis":this.basis,"--udp-flex-overflow":this.overflow};return e(a,{key:"34659916eca2cd83615659d556ed2da1a239e9cd",style:o},e("slot",{key:"2c2018b54714eb7845955bc400ef7c5ee2b2062c"}))}};Ue.style=":host{display:var(--udp-flex-display);flex-direction:var(--udp-flex-direction);flex-wrap:var(--udp-flex-wrap);justify-content:var(--udp-flex-justify);align-items:var(--udp-flex-align);gap:var(--udp-flex-gap);width:var(--udp-flex-width);height:var(--udp-flex-height);flex-grow:var(--udp-flex-grow);flex-shrink:var(--udp-flex-shrink);flex-basis:var(--udp-flex-basis);box-sizing:border-box;overflow:var(--udp-flex-overflow)}";const Xe=class{constructor(e){t(this,e),this.iconVariant="regular"}getIconSize(){var e;if(this.iconSize)return this.iconSize;const t=null!==(e=this.size)&&void 0!==e?e:32;return t<=20?"xs":t<=28?"sm":t<=48?"md":"lg"}getImageBorderRadius(){var e;if("square"!==this.shape)return"";const t=null!==(e=this.size)&&void 0!==e?e:32;return t<=24?"2px":t<=48?"4px":t<=72?"6px":"8px"}render(){const t=this.getImageBorderRadius();return e(a,{key:"1895e4a329b04880f4dfe38da775d4cd0b1f6a29"},e("fluent-avatar",{key:"f0d5c79a2f6c325d9bb6b5349c9df37f0343e2ea",active:this.active,shape:this.shape,appearance:this.appearance,size:this.size,color:this.color,name:this.name,initials:this.initials},this.src?e("img",{src:this.src,alt:this.alt,style:Object.assign({objectFit:"cover"},t?{borderRadius:t}:{})}):this.iconName?e("udp-fluent-icon",{name:this.iconName,variant:this.iconVariant,size:this.getIconSize()}):null,e("slot",{key:"a824b6bca853529819e10f5d8477d5e6ae17cbbb",name:"badge",slot:"badge"})))}};Xe.style=":host{display:inline-flex;align-items:center;vertical-align:middle}";const Ke=class{constructor(e){t(this,e),this.dismiss=i(this,"dismiss",7),this.ready=!1,this.appearance="filled",this.shape="circular",this.size="medium",this.dismissible=!1,this.dismissLabel="Dismiss",this.handleDismiss=e=>{e.stopPropagation(),this.dismiss.emit()}}componentDidLoad(){this.ready=!0}render(){return e(a,{key:"057ee6e9865fa1403bdf30865bc9779f22296b4d",class:{ready:this.ready}},e("fluent-badge",{key:"779aba6f4cf66b5786cb3122fc7604bdf9388486",appearance:this.appearance,color:this.color,shape:this.shape,size:this.size},(this.startIconName||A(this.el,"start"))&&e("span",{key:"f27d1e2d09c314197328084d18bf10fd5ec69ccc",class:"slot-wrapper",slot:"start"},e("slot",{key:"b67c89c9c6c58d7ddbac67ef3ef73f43fcd913f1",name:"start"},this.startIconName&&e("udp-fluent-icon",{key:"b9aed9b6410390a0e0541e8fcc1a49bd8b7ce130",name:this.startIconName,size:Ie(this.size)}))),e("span",{key:"a725ba47f021ec2c8e68ef072b865706f819b42b",class:"default-slot"},e("slot",{key:"88091e338303a16f8512d9e766ff6669f99ffc27"})),this.dismissible?e("button",{type:"button",class:"dismiss-button",slot:"end","aria-label":this.dismissLabel,onClick:this.handleDismiss,onMouseDown:e=>e.preventDefault()},e("udp-fluent-icon",{name:"dismiss",size:Ie(this.size)})):(this.endIconName||A(this.el,"end"))&&e("span",{class:"slot-wrapper",slot:"end"},e("slot",{name:"end"},this.endIconName&&e("udp-fluent-icon",{name:this.endIconName,size:Ie(this.size)})))))}get el(){return o(this)}};Ke.style=":host{display:flex;align-items:center}fluent-badge:not([color='important']){--colorNeutralBackground1:transparent}:host(:not(.ready)){opacity:0}.slot-wrapper,.default-slot{display:inline-flex;align-items:center}.default-slot{line-height:1}.dismiss-button{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;padding:2px;margin:0;background:none;border:none;color:inherit;font:inherit;cursor:pointer;border-radius:var(--borderRadiusCircular)}.dismiss-button:hover{background-color:color-mix(in srgb, currentColor 6%, transparent)}.dismiss-button:active{background-color:color-mix(in srgb, currentColor 12%, transparent)}.dismiss-button:focus-visible{outline:var(--strokeWidthThick) solid currentColor;outline-offset:var(--strokeWidthThin)}fluent-badge{gap:var(--spacingHorizontalXXS)}fluent-badge[color='informative']:not([appearance='filled']){--colorNeutralForeground3:color-mix(in srgb, var(--colorPaletteBlueForeground2) 85%, transparent);--colorNeutralStroke2:color-mix(in srgb, var(--colorPaletteBlueBorderActive) 40%, transparent);--colorNeutralBackground4:color-mix(in srgb, var(--colorPaletteBlueBackground2) 20%, transparent)}fluent-badge[color='informative'][appearance='filled']{--colorNeutralBackground5:var(--colorPaletteBlueForeground2);--colorNeutralForeground3:#ffffff}fluent-badge[color='important'][appearance='tint']{--colorNeutralForeground3:color-mix(in srgb, var(--colorNeutralForeground1) 20%, transparent);--colorNeutralBackground1:var(--colorNeutralForeground1);--colorTransparentStroke:var(--colorNeutralStrokeAccessible)}fluent-badge[color='subtle'][appearance='ghost']{--colorNeutralForegroundInverted:var(--colorNeutralForeground2)}fluent-badge[color='subtle'][appearance='outline']{--colorNeutralForegroundStaticInverted:var(--colorNeutralForeground2)}fluent-badge[color='success'][appearance='tint']{--colorPaletteGreenBorder2:color-mix(in srgb, var(--colorPaletteGreenBorder1) 90%, transparent)}fluent-badge[color='warning'][appearance='tint']{--colorPaletteYellowBorder1:var(--colorPaletteYellowBorderActive)}fluent-badge[appearance='ghost'],fluent-badge[appearance='outline']{background-color:transparent}";const Ze=class{constructor(e){t(this,e),this.appearance="secondary",this.shape="rounded",this.size="medium",this.iconOnly=!1,this.disabled=!1,this.disabledFocusable=!1,this.loading=!1,this.type="button",this.handleClick=()=>{if(this.form){const e=q.get(this.form);e?"submit"===this.type?e.requestSubmit?e.requestSubmit():e.submit():"reset"===this.type&&e.reset():console.warn(`[udp-fluent-button] No form found with id "${this.form}". Make sure the form is rendered and has a matching formId/id prop.`)}}}render(){const t=De(this.size),i=this.loading;return e(a,{key:"2271129f5460c3ea0dee55121b602fd03367bdab"},e("fluent-button",{key:"2d2489cc066eaf927f55965983fb617d17772f2c",appearance:this.appearance,disabled:this.disabled||this.loading,"disabled-focusable":this.disabledFocusable,shape:this.shape,size:this.size,"icon-only":this.iconOnly,type:this.type,form:this.form,onClick:this.handleClick,tabindex:this.tabIndex,part:"button",exportparts:"content"},(this.startIconName||A(this.el,"start"))&&e("span",{key:"3c6c2985e52d1bd561dbd52587de0026a26916fb",class:"slot-wrapper",slot:"start"},e("slot",{key:"361a92279b1d42e1ac1ac455feff0ca8a8f5c344",name:"start"},this.startIconName&&e("udp-fluent-icon",{key:"5654f06ba1b1d0175d28563b83d5c3afd416324a",name:this.startIconName,size:t}))),e("slot",{key:"aa852fa4160246122fb6653761521931828bd3fb"}),(this.endIconName||A(this.el,"end"))&&e("span",{key:"f844ec5dc6cdda50c51b75d88c04a4e28e31ef78",class:"slot-wrapper",slot:"end"},e("slot",{key:"b3b65a5c5be53c28e82e834099dfc5ca094f1f2d",name:"end"},this.endIconName&&e("udp-fluent-icon",{key:"b87ada5d3b18c52827d235d219c67e1fd0c4f6a4",name:this.endIconName,size:t})))),i&&e("div",{key:"28e1783a16340dcee8ca67dbed403e9861486721",class:"loading-overlay"},e("udp-spinner",{key:"6e2561c69278199d21994e9182d1a98ebdda3f25",size:"large"===this.size?"extra-small":"tiny"})))}get el(){return o(this)}};Ze.style=":host{display:inline-block;position:relative;width:fit-content}:host([loading]) fluent-button{color:transparent !important}:host([loading]) ::slotted(*){visibility:hidden !important}.loading-overlay{position:absolute;top:57%;left:50%;transform:translate(-50%, -50%);z-index:1;pointer-events:none;display:flex;align-items:center;justify-content:center}:host([loading]) .slot-wrapper{visibility:hidden}.slot-wrapper{display:inline-flex;align-items:center}";const Qe=class{constructor(e){t(this,e),this.hasHeader=!1,this.hasHeaderStart=!1,this.hasHeaderAction=!1,this.hasPreview=!1,this.hasFooter=!1,this.appearance="filled",this.orientation="vertical",this.width="100%",this.height="fit-content",this.interactive=!1,this.bodyPadding=!0,this.handleSlotChange=()=>{this.checkSlots()}}componentWillLoad(){this.checkSlots()}checkSlots(){this.el&&(this.hasHeader=A(this.el,"header"),this.hasHeaderStart=A(this.el,"header-start"),this.hasHeaderAction=A(this.el,"header-action"),this.hasPreview=A(this.el,"preview"),this.hasFooter=A(this.el,"footer"))}render(){return e(a,{key:"c661a3d3c691dbfd7ef392808246332136c22fd5",class:{[`appearance-${this.appearance}`]:!0,[`orientation-${this.orientation}`]:!0,interactive:this.interactive},style:{width:this.width,height:this.height},tabIndex:this.interactive?0:void 0},e("div",{key:"a7a71b5afb2fe825030902f348a7766d989ae0e1",class:{"card-preview":!0,hidden:!this.hasPreview}},e("slot",{key:"dafb5b794e570b0c3aa08ff50de34ca11231957f",name:"preview",onSlotchange:this.handleSlotChange})),e("div",{key:"b5435cb4541bc11b2bdf12953f4af2938997aa31",class:{"card-header":!0,hidden:!(this.hasHeader||this.hasHeaderStart||this.label||this.subtitle||this.hasHeaderAction)}},e("div",{key:"57821278d57ba96afc9ccc86127db60b12416171",class:{"card-header-start":!0,hidden:!this.hasHeaderStart}},e("slot",{key:"c7e477929261cf0e204fbe45245b59118675928c",name:"header-start",onSlotchange:this.handleSlotChange})),e("div",{key:"019f082f94209dd5ee4d703dcaf1a5d55fa0184b",class:"card-header-content"},e("slot",{key:"b7fc27685dc1530363725c58a6d7aa159139d24b",name:"header",onSlotchange:this.handleSlotChange},(this.label||this.subtitle)&&e("div",{key:"6dc6afe4db9128677c2c53f567bbd87cc7bff905",class:"header-content-wrapper"},this.label&&e("udp-text",{key:"326979874d46af40c789e0f2fca5ad7f1d08bf8a",variant:"subtitle2"},this.label),this.subtitle&&e("udp-text",{key:"192b9924da32a69768dec26173e503914b6079f2",variant:"caption1",class:"header-subtitle"},this.subtitle)))),e("udp-flexbox",{key:"3db275f225838dddffe87132e0055d78d608d210",class:{hidden:!this.hasHeaderAction},direction:"row"},e("slot",{key:"4c3fc6cce8ea44ea6f5b8f0837bca5e79ed04478",name:"header-action",onSlotchange:this.handleSlotChange}))),e("div",{key:"b3eafd429d7884c865124826dbab962547198dd0",class:{"card-body":!0,"no-padding":!this.bodyPadding}},e("slot",{key:"54c40213ec6a05386c74df018bc82c57ec047f66"})),e("udp-flexbox",{key:"796d29915ff002d7b78fe2c3dadc40755f7eb1dd",class:{"card-footer":!0,hidden:!this.hasFooter},direction:"row"},e("slot",{key:"bf87a7ae31b01da2c13e3bfebe3963c5531042c8",name:"footer",onSlotchange:this.handleSlotChange})))}get el(){return o(this)}};Qe.style=":host{display:flex;flex-direction:column;box-sizing:border-box;color:var(--colorNeutralForeground1);background-color:var(--colorNeutralBackground1);border:1px solid transparent;border-radius:var(--borderRadiusMedium);box-shadow:var(--shadow4);padding:0;gap:0}:host(.orientation-horizontal){flex-direction:row;align-items:center}:host(.appearance-filled-darker){background-color:var(--colorNeutralBackground2)}:host(.appearance-outline){background-color:transparent;border:1px solid var(--colorNeutralStroke1);box-shadow:none}:host(.appearance-subtle){background-color:transparent;border:none;box-shadow:none}:host(.appearance-muted){background-color:var(--colorNeutralBackground3);border:1px solid transparent;box-shadow:none}:host(.appearance-muted-lighter){background-color:var(--colorNeutralBackground1);border:1px solid transparent;box-shadow:none}:host(.interactive){cursor:pointer;user-select:none}:host(.interactive:hover){background-color:var(--colorNeutralBackground1Hover);box-shadow:var(--shadow8)}:host(.interactive:active){background-color:var(--colorNeutralBackground1Pressed);box-shadow:var(--shadow2)}:host(.interactive.appearance-outline:hover){border-color:var(--colorNeutralStroke1Hover);box-shadow:none}:host(.interactive.appearance-outline:active){border-color:var(--colorNeutralStroke1Pressed);box-shadow:none}:host(.interactive.appearance-subtle:hover){background-color:var(--colorSubtleBackgroundHover);box-shadow:none}:host(.interactive.appearance-subtle:active){background-color:var(--colorSubtleBackgroundPressed);box-shadow:none}:host(.interactive.appearance-filled-darker:hover){background-color:var(--colorNeutralBackground2Hover)}:host(.interactive.appearance-filled-darker:active){background-color:var(--colorNeutralBackground2Pressed)}:host(.interactive.appearance-muted:hover){background-color:var(--colorNeutralBackground3Hover);box-shadow:none}:host(.interactive.appearance-muted:active){background-color:var(--colorNeutralBackground3Pressed);box-shadow:none}:host(.interactive.appearance-muted-lighter:hover){background-color:var(--colorNeutralBackground1Hover);box-shadow:none}:host(.interactive.appearance-muted-lighter:active){background-color:var(--colorNeutralBackground1Pressed);box-shadow:none}:host(.interactive:focus){outline:none}:host(.interactive:focus-visible){outline:var(--spacingVerticalXXS) solid var(--colorStrokeFocus2);outline-offset:var(--spacingVerticalXXS);border-radius:var(--borderRadiusMedium)}.card-preview{display:flex;flex-direction:column;padding:0;margin:0}.card-preview ::slotted(img){width:100%;height:auto;border-radius:var(--borderRadiusMedium) var(--borderRadiusMedium) 0 0;display:block}.card-header{display:flex;flex-direction:row;align-items:center;gap:var(--spacingHorizontalM);padding:var(--spacingHorizontalM);padding-bottom:0}.card-body{display:flex;flex-direction:column;gap:var(--spacingVerticalS);padding:var(--spacingHorizontalM);flex-grow:1}.card-body.no-padding{padding:0}.card-footer{padding:var(--spacingHorizontalM);padding-top:0}.card-header-start{display:flex;flex-shrink:0;align-items:center}.card-header-content{flex:1;min-width:0}.header-content-wrapper{display:flex;flex-direction:column;flex-grow:1}.hidden{display:none}.header-subtitle{color:var(--colorNeutralForeground2)}";const et=class{constructor(e){t(this,e),this.valueChanged=i(this,"valueChanged",7),this.checked=!1,this.indeterminate=!1,this.disabled=!1,this.shape="square",this.controlSize="medium",this.autofocus=!1,this.labelPosition="after",this.includeErrorPadding=!0,this.handleChange=e=>{e.stopPropagation(),this.valueChanged.emit(e.target.checked)},this.handleLabelClick=()=>{!this.disabled&&this.internalCheckbox&&this.internalCheckbox.click()}}componentDidRender(){this.internalCheckbox&&this.internalCheckbox.toggleAttribute("disabled",this.disabled)}render(){const t=!!this.error,i=this.error||this.hint;return e(a,{key:"e87a04b41bb32705167003f5bc063d27520889c3"},e("fluent-field",{key:"3579888f1c379f07d98d8afaa05872eb5754ab8c","label-position":this.labelPosition,class:{"no-label":!this.label,"no-message":!i&&!this.includeErrorPadding}},e("fluent-label",{key:"f0fd1b49d8f3c97f59ebf21163ab01bf6a2be4e7",slot:"label",disabled:this.disabled,onClick:this.handleLabelClick},this.label,this.popupHint&&e("udp-tooltip",{key:"799ae873d31e02898a1b456b8575273b5ca49602",content:this.popupHint,positioning:"above"},e("udp-fluent-icon",{key:"77bdae32d78d77ca1129ee1d680679d07fe511c4",name:"info",size:"xs",class:"popup-hint-icon"}))),e("fluent-checkbox",{key:"f9cf1526f68b8b266dd48137135d81855522183b",ref:e=>this.internalCheckbox=e,slot:"input",name:this.name,checked:this.checked,indeterminate:this.indeterminate,disabled:this.disabled,shape:this.shape,size:this.controlSize,autofocus:this.autofocus,onChange:this.handleChange}),e("udp-text",{key:"15bdd8994870b932b1254db53ccded576cdaf9d5",slot:"message",variant:"caption1",class:{message:!0,error:t,includeErrorPadding:this.includeErrorPadding}},i)))}static get delegatesFocus(){return!0}get el(){return o(this)}};et.style=".message{color:var(--colorNeutralForeground3)}.message.includeErrorPadding{min-height:var(--lineHeightBase200)}.message.error{color:var(--colorPaletteRedForeground1)}.popup-hint-icon{margin-left:2px}fluent-field.no-label::part(label){display:none}fluent-field.no-message::part(message){display:none}fluent-label{cursor:pointer}:host([disabled]) fluent-label{cursor:default}fluent-label[disabled]{color:var(--colorNeutralForeground1)}fluent-field[label-position='before']{align-items:start}";const tt=class{constructor(e){t(this,e),this.showZero=!1,this.dot=!1}render(){return e(a,{key:"d45c4e300fceba137a7282928bdec230c6d2b621"},e("fluent-counter-badge",{key:"0f417b227ad674a22de6d403368a6854ccefec83",appearance:this.appearance,color:this.color,shape:this.shape,size:this.size,count:this.count,"overflow-count":this.overflowCount,"show-zero":this.showZero,dot:this.dot},e("slot",{key:"71148950805f3ba67bd3dbe02594bb0b7792f8e6",name:"start",slot:"start"}),void 0===this.count&&e("slot",{key:"1c9858a7ab6e2d16fc149a40e9263ff6d6237df9"}),e("slot",{key:"8f8bb38c9ed3cc7ad333594a3bf598bd03607d70",name:"end",slot:"end"})))}};tt.style=":host{display:flex;align-items:center;color:var(--colorNeutralForeground1)}fluent-counter-badge:not([color='subtle']){--colorNeutralBackground1:transparent}fluent-counter-badge[color='subtle'][appearance='ghost']{--colorNeutralForegroundInverted:var(--colorNeutralForeground2)}";const it=class{constructor(e){t(this,e),this.dialogCloseEvent=i(this,"dialogClose",7),this.open=!1,this.dialogTitle="",this.showHeaderCloseButton=!0,this.maxHeight="300px",this.type="modal",this.handleToggle=e=>{var t;e.stopPropagation(),"closed"===(null===(t=e.detail)||void 0===t?void 0:t.newState)&&this.dialogCloseEvent.emit()},this.setDialogRef=e=>{this.dialogRef=e}}handleOpenChange(e){var t,i;e?null===(t=this.dialogRef)||void 0===t||t.show():null===(i=this.dialogRef)||void 0===i||i.hide()}componentDidLoad(){var e;this.open&&(null===(e=this.dialogRef)||void 0===e||e.show())}render(){return e(a,{key:"318ab877ba24e98317a20e7a9c214bd515b4e464",style:{"--dialog-max-height":this.maxHeight}},e("fluent-dialog",{key:"6850164d6edf652af14aa25f77567b51d1049954",ref:this.setDialogRef,type:this.type,onToggle:this.handleToggle},e("fluent-dialog-body",{key:"d43635e1b9e5130a3d25137ba955f08f83cadb4c"},e("slot",{key:"b303f21b718cd27e05495306ee70a9819a798f65",name:"header",slot:"title"},this.dialogTitle&&e("udp-fluent-text",{key:"8f749a92e759976df45797f12e4afaac70232c93"},this.dialogTitle)),this.showHeaderCloseButton&&e("udp-fluent-icon-button",{key:"5c08c6198076e9bcc1b59e440c4ff03615c01879",slot:"close",appearance:"subtle",iconName:"dismiss",ariaLabel:"Close Dialog"}),e("div",{key:"1f853eada6bc6b95b375bef625662cdb2428eb4d",class:"dialog-content"},e("slot",{key:"20b93acf9e68a7caa456dd51099fdce7b5f3f818"})),e("udp-flexbox",{key:"6989a3bd2359d5d6767d7ee33e3a6a4617ef0c0c",slot:"action",direction:"row"},e("slot",{key:"b8657e71b56511b18065cf691f39134c47895dcc",name:"action"})))))}get el(){return o(this)}static get watchers(){return{open:[{handleOpenChange:0}]}}};it.style=":host{display:block}fluent-dialog::part(dialog){outline:none}.dialog-content{max-height:var(--dialog-max-height, 300px);overflow-y:auto;margin:-2px;padding:2px}";const at=class{constructor(e){t(this,e),this.alignContent="center",this.orientation="horizontal"}render(){return e(a,{key:"a281ce0a9237d500fb7021e278bc67eb10b30173",style:{background:"transparent"}},e("fluent-divider",{key:"ca770be102b768a45ab04c5f147b669515b7f8d3","align-content":this.alignContent,appearance:this.appearance,inset:this.inset,role:this.role,orientation:this.orientation},e("slot",{key:"665b41be2ab4a78628b1b6d7f947ae44b22b729d"})))}},ot={small:320,medium:590,large:940,full:1/0},nt=class{constructor(e){t(this,e),this.drawerCloseEvent=i(this,"drawerClose",3),this.open=!1,this.drawerTitle="",this.size="medium",this.position="end",this.excludeVerticalPadding=!1,this.hasFooter=!1,this.hasToolbar=!1,this.showTopShadow=!1,this.showBottomShadow=!1,this.effectiveSize="medium",this.isLocked=!1,this.clickStartedOnBackdrop=!1,this.handleDialogMouseDown=e=>{this.drawerRef&&this.drawerRef.dialog&&(this.clickStartedOnBackdrop=e.target===this.drawerRef.dialog)},this.handleWindowResize=()=>{clearTimeout(this.resizeDebounceTimer),this.resizeDebounceTimer=setTimeout((()=>{this.calculateEffectiveSize()}),100)},this.handleScroll=()=>{this.checkScrollShadows()},this.handleToggle=e=>{e.stopPropagation(),"closed"===e.detail.newState?(this.isLocked&&(this.handleLock(!1),this.isLocked=!1),this.drawerCloseEvent.emit()):"open"===e.detail.newState&&(this.isLocked||(this.handleLock(!0),this.isLocked=!0))},this.setDrawerRef=e=>{this.drawerRef=e}}handleOpenChange(e){var t,i;clearTimeout(this.lockFallbackTimer),e?((null===(t=this.drawerRef)||void 0===t?void 0:t.dialog)&&!this.drawerRef.dialog.open&&this.drawerRef.show(),this.lockFallbackTimer=setTimeout((()=>{this.open&&!this.isLocked&&(this.handleLock(!0),this.isLocked=!0)}),50)):(null===(i=this.drawerRef)||void 0===i?void 0:i.dialog)&&this.drawerRef.dialog.open&&this.drawerRef.hide()}handleSizeChange(){this.calculateEffectiveSize()}componentWillLoad(){this.checkFooter(),this.checkToolbar(),this.updateDrawerWidth()}updateDrawerWidth(){this.drawerWidth&&this.drawerWidth.length>0?this.el.style.setProperty("--drawer-width",this.drawerWidth):this.el.style.removeProperty("--drawer-width")}componentDidLoad(){var e;this.calculateEffectiveSize(),this.open&&(null===(e=this.drawerRef)||void 0===e||e.show(),this.isLocked||(this.handleLock(!0),this.isLocked=!0)),this.mutationObserver=new MutationObserver((()=>{this.checkFooter(),this.checkToolbar(),this.checkScrollShadows()})),this.mutationObserver.observe(this.el,{childList:!0,subtree:!0}),this.contentRef&&(this.resizeObserver=new ResizeObserver((()=>{this.checkScrollShadows()})),this.resizeObserver.observe(this.contentRef),window.addEventListener("resize",this.handleWindowResize),this.checkScrollShadows()),this.setupBackdropClickHandling()}setupBackdropClickHandling(){if(!this.drawerRef||!this.drawerRef.dialog)return;const e=this.drawerRef.dialog;e.addEventListener("mousedown",this.handleDialogMouseDown);const t=this.drawerRef.clickHandler.bind(this.drawerRef);this.drawerRef.clickHandler=i=>this.open&&i.target===e?this.clickStartedOnBackdrop?t(i):(i.preventDefault(),!0):t(i)}disconnectedCallback(){var e,t;clearTimeout(this.lockFallbackTimer),clearTimeout(this.resizeDebounceTimer),this.isLocked&&(this.handleLock(!1),this.isLocked=!1),0===nt.openDrawers.size&&null!==nt.unlockTimer&&(clearTimeout(nt.unlockTimer),nt.unlockTimer=null),null===(e=this.mutationObserver)||void 0===e||e.disconnect(),null===(t=this.resizeObserver)||void 0===t||t.disconnect(),window.removeEventListener("resize",this.handleWindowResize),this.drawerRef&&this.drawerRef.dialog&&this.drawerRef.dialog.removeEventListener("mousedown",this.handleDialogMouseDown)}checkFooter(){const e=Array.from(this.el.children);this.hasFooter=e.some((e=>"footer"===e.getAttribute("slot")))}checkToolbar(){const e=Array.from(this.el.children);this.hasToolbar=e.some((e=>"toolbar"===e.getAttribute("slot")))}calculateEffectiveSize(){const e=window.innerWidth;let t=ot.medium;if(this.drawerWidth&&this.drawerWidth.endsWith("px")){const e=parseInt(this.drawerWidth,10);!isNaN(e)&&e>0&&(t=e)}else this.size&&ot[this.size]&&(t=ot[this.size]);e<t?"full"!==this.effectiveSize&&(this.effectiveSize="full"):this.effectiveSize!==this.size&&(this.effectiveSize=this.size)}checkScrollShadows(){if(!this.contentRef)return;const{scrollTop:e,scrollHeight:t,clientHeight:i}=this.contentRef,a=e>0,o=Math.ceil(e+i)<t;this.showTopShadow!==a&&(this.showTopShadow=a),this.showBottomShadow!==o&&(this.showBottomShadow=o)}handleLock(e){e?(null!==nt.unlockTimer&&(clearTimeout(nt.unlockTimer),nt.unlockTimer=null),0===nt.openDrawers.size&&this.lockBodyScroll(),nt.openDrawers.add(this)):(nt.openDrawers.delete(this),0===nt.openDrawers.size&&(nt.unlockTimer=setTimeout((()=>{0===nt.openDrawers.size&&this.unlockBodyScroll(),nt.unlockTimer=null}),nt.UNLOCK_DELAY_MS)))}getScrollbarWidth(){return window.innerWidth-document.documentElement.clientWidth}lockBodyScroll(){const e=document.documentElement,t=document.body;if("fixed"===t.style.position)return;null===nt.originalBodyStyles&&(nt.originalBodyStyles={htmlOverflow:e.style.overflow,bodyOverflow:t.style.overflow,bodyPosition:t.style.position,bodyTop:t.style.top,bodyWidth:t.style.width,bodyPaddingRight:t.style.paddingRight,bodyTouchAction:t.style.touchAction});const i=window.scrollY,a=this.getScrollbarWidth();e.style.overflow="hidden",t.style.overflow="hidden",t.style.position="fixed",t.style.top=`-${i}px`,t.style.width="100%",t.style.touchAction="none",a>0&&(t.style.paddingRight=`${a}px`)}unlockBodyScroll(){const e=document.documentElement,t=document.body,i=t.style.top;if(nt.originalBodyStyles&&(e.style.overflow=nt.originalBodyStyles.htmlOverflow,t.style.overflow=nt.originalBodyStyles.bodyOverflow,t.style.position=nt.originalBodyStyles.bodyPosition,t.style.top=nt.originalBodyStyles.bodyTop,t.style.width=nt.originalBodyStyles.bodyWidth,t.style.paddingRight=nt.originalBodyStyles.bodyPaddingRight,t.style.touchAction=nt.originalBodyStyles.bodyTouchAction,nt.originalBodyStyles=null),i&&""!==i){const e=parseInt(i.replace("px",""),10);isNaN(e)||window.scrollTo(0,Math.abs(e))}}render(){return e(a,{key:"c7eae39b70b0ec953e44b29cd60f1a5fdbf54593",class:{"has-footer":this.hasFooter}},e("fluent-drawer",{key:"1235784be4e00179b17101394fc161d1254630a4",ref:this.setDrawerRef,onToggle:this.handleToggle,type:"modal",position:this.position,size:this.effectiveSize},e("fluent-drawer-body",{key:"a4e59ca1d4e569864d971940c18656975420997e"},e("udp-text",{key:"cda55da3b6a6d9737933130e45f81c32d809ec4a",variant:"subtitle1",slot:"title"},this.drawerTitle),e("udp-fluent-icon-button",{key:"1212cc1b063d5ee4cf44a9b246b1cbe2b3b2f99e",slot:"close",appearance:"subtle",iconName:"dismiss","aria-label":"close"}),this.hasToolbar&&e("udp-flexbox",{key:"fb06bc9d8cacc5c234e3ac85786bf2684da4ad8b",class:"drawer-toolbar",direction:"row",width:"100%"},e("slot",{key:"352a2941479b2bff5d3318645f3396e4fc63ec0c",name:"toolbar"})),e("div",{key:"23676d944a50aff19176c721f67acb934fe2d4f9",class:"drawer-scroll-container",ref:e=>this.contentRef=e,onScroll:this.handleScroll},e("div",{key:"f10311552448f9af70ca530a3ceca0930c7a811a",class:"scroll-shadow top "+(this.showTopShadow?"visible":"")}),e("div",{key:"4116341608c76ef2a65f9473c9709edf404955f1",class:"drawer-content-inner"+(this.excludeVerticalPadding?"":" vertical-padding")},e("slot",{key:"eba4ea4d28e14b45ede654cf3b026064bd08f942"})),e("div",{key:"9cd0192eacfb6fc472a7951eb2eeff9a970df1b3",class:"scroll-shadow bottom "+(this.showBottomShadow?"visible":"")})),this.hasFooter&&e("udp-flexbox",{key:"3b97bfc92e715ff9eb30c616aa586585f724651d",slot:"footer",direction:"row"},e("slot",{key:"3661d44ca7d2b3efa8483a57cc1a441a62134823",name:"footer"})))))}get el(){return o(this)}static get watchers(){return{open:[{handleOpenChange:0}],size:[{handleSizeChange:0}],drawerWidth:[{updateDrawerWidth:0}]}}};nt.openDrawers=new Set,nt.unlockTimer=null,nt.UNLOCK_DELAY_MS=300,nt.originalBodyStyles=null,nt.style='fluent-drawer-body{padding:0;background-color:var(--colorNeutralBackground2)}fluent-drawer-body::part(header){background:var(--colorNeutralBackground1);overflow:visible;padding:var(--spacingHorizontalM);border-bottom:1px solid var(--colorNeutralStroke3)}fluent-drawer-body::part(content){overflow:hidden;display:flex;flex-direction:column;flex:1 1 auto;min-height:0;padding:0}fluent-button[slot="close"]{margin:2px;}fluent-drawer-body::part(footer){display:none}.drawer-toolbar{position:relative;z-index:10;background:var(--colorNeutralBackground1);padding:var(--spacingVerticalNone) var(--spacingHorizontalM);border-bottom:1px solid var(--colorNeutralStroke2);width:100%}.drawer-scroll-container{padding:0;overflow-y:auto;flex:1 1 auto;min-height:0;position:relative;display:flex;flex-direction:column}.drawer-content-inner{padding:var(--spacingHorizontalM);flex:1 0 auto;}.drawer-content-inner.vertical-padding{padding-bottom:var(--spacingVerticalXXXL)}.scroll-shadow{position:sticky;left:0;right:0;height:24px;z-index:100;pointer-events:none;opacity:0;transition:opacity 0.2s ease;flex-shrink:0}.scroll-shadow.visible{opacity:1}.scroll-shadow.top{top:0;margin-bottom:-24px;background:linear-gradient(to bottom, rgba(0, 0, 0, 0.12), transparent)}.scroll-shadow.bottom{bottom:0;margin-top:-24px;background:linear-gradient(to top, rgba(0, 0, 0, 0.12), transparent)}:host(.has-footer) fluent-drawer-body::part(footer){display:block;background:var(--colorNeutralBackground1);border-top:1px solid var(--colorNeutralStroke3);padding-top:var(--spacingVerticalS);padding-bottom:var(--spacingVerticalM);padding-left:var(--spacingHorizontalM);padding-right:var(--spacingHorizontalM)}';const rt=class{constructor(e){t(this,e),this.valueChanged=i(this,"valueChanged",7),this.inputBlur=i(this,"inputBlur",7),this.inputFocus=i(this,"inputFocus",7),this.options=[],this.optionLabel="label",this.optionValue="value",this.optionDisabled="disabled",this.optionIcon="icon",this.iconPosition="start",this.optionBadges="badges",this.optionGroup="group",this.appearance="outline",this.controlSize="medium",this.disabled=!1,this.required=!1,this.loading=!1,this.includeErrorPadding=!0,this.multiple=!1,this.autofocus=!1,this.clearable=!1,this.valueAs="option",this.showClearButton=!1,this.selectionForOverlay=null,this.typeaheadBuffer="",this.handleTogglePopover=e=>{var t,i,a,o;if(!this.dropdownRef||this.disabled)return;const n=this.dropdownRef;n.open?(n.open=!1,null===(i=null===(t=n.listbox)||void 0===t?void 0:t.hidePopover)||void 0===i||i.call(t)):(e||(n.open=!0,null===(o=null===(a=n.listbox)||void 0===a?void 0:a.showPopover)||void 0===o||o.call(a)),this.dropdownRef.focus())},this.handleClear=e=>{e.stopPropagation(),this.dropdownRef.querySelectorAll("fluent-option").forEach((e=>{e.selected=!1})),this.showClearButton=!1,this.selectionForOverlay=this.multiple?[]:null,this.dropdownRef.value="",this.valueChanged.emit(this.multiple?[]:""),this.dropdownRef.focus()},this.handleKeyDown=e=>{var t,i,a;if(this.disabled||this.loading)return;if(("Backspace"===e.key||"Delete"===e.key)&&this.showClearButton&&this.clearable)return e.preventDefault(),e.stopPropagation(),void this.handleClear(e);if(this.multiple&&"Enter"===e.key){if(!this.dropdownRef||!this.dropdownRef.open)return;const t=this.dropdownRef;if(t&&Array.isArray(t.enabledOptions)&&"number"==typeof t.activeIndex){const i=t.enabledOptions[t.activeIndex];if(i&&!i.disabled){const t=i.value,a=this.findOptionByValue(t),o=void 0!==a?a:t,n=Array.isArray(this.selectionForOverlay)?[...this.selectionForOverlay]:this.getValuesAsArray(),r=this.getOptionValue(o),s=n.findIndex((e=>this.getOptionValue(e)===r));-1!==s?n.splice(s,1):n.push(o),this.selectionForOverlay=n,this.showClearButton=n.length>0,this.valueChanged.emit(n.map((e=>this.toEmitValue(e)))),e.preventDefault(),e.stopPropagation()}}return}if("Escape"===e.key){if(!this.dropdownRef)return;return void(this.dropdownRef.open&&(this.dropdownRef.open=!1,null===(i=null===(t=this.dropdownRef.listbox)||void 0===t?void 0:t.hidePopover)||void 0===i||i.call(t),e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation()))}if(e.ctrlKey||e.altKey||e.metaKey||e.key.length>1)return;clearTimeout(this.typeaheadTimeout),this.typeaheadBuffer+=e.key;const o=null===(a=this.options)||void 0===a?void 0:a.findIndex((e=>{const t=this.resolveProp(e,this.optionLabel,!0),i=this.resolveProp(e,this.optionDisabled);return t&&!i&&String(t).toLowerCase().startsWith(this.typeaheadBuffer.toLowerCase())}));if(-1!==o){const e=this.dropdownRef,t=Array.from(this.dropdownRef.querySelectorAll("fluent-option"))[o];if(t&&e&&Array.isArray(e.enabledOptions)){const i=e.enabledOptions.indexOf(t);-1!==i&&(e.activeIndex=i,t.scrollIntoView({block:"nearest"}))}}this.typeaheadTimeout=setTimeout((()=>{this.typeaheadBuffer=""}),1e3)},this.handleChange=e=>{if(e.stopPropagation(),this.multiple&&this.dropdownRef.selectedOptions){const e=Array.from(this.dropdownRef.selectedOptions).map((e=>{const t=this.findOptionByValue(e.value);return void 0!==t?t:e.value}));this.valueChanged.emit(e.map((e=>this.toEmitValue(e)))),this.showClearButton=e.length>0,this.selectionForOverlay=e}else{const e=this.dropdownRef.value,t=this.findOptionByValue(e),i=void 0!==t?t:e;this.valueChanged.emit(this.toEmitValue(i)),this.showClearButton=null!=e,this.selectionForOverlay=i}}}syncSelectionForOverlay(){this.selectionForOverlay=null!=this.value&&""!==this.value?this.value:this.multiple?[]:null}componentDidLoad(){this.patchDropdownShadow(),this.syncSelectionForOverlay(),this.valueHandler()}patchDropdownShadow(){var e;const t=null===(e=this.dropdownRef)||void 0===e?void 0:e.shadowRoot;if(!t)return;const i=new CSSStyleSheet;i.replaceSync('\n      .control { min-width: 0; }\n      :host([appearance="outline"]) .control,\n      :host([appearance="transparent"]) .control { margin: -1px 0; }\n    '),t.adoptedStyleSheets=[...t.adoptedStyleSheets,i]}valueHandler(){this.dropdownRef&&requestAnimationFrame((()=>{const e=this.dropdownRef.querySelectorAll("fluent-option");if(Array.isArray(this.value)){const t=this.value.map((e=>this.getOptionValue(e)));this.showClearButton=t.length>0,e.forEach((e=>{e.value&&(e.selected=t.includes(e.value))}))}else if(null!=this.value){const t=this.getOptionValue(this.value);this.showClearButton=!!t,e.forEach((e=>{e.value&&(e.selected=e.value===t)}))}else e.forEach((e=>{e.value&&(e.selected=!1)})),this.showClearButton=!1}))}resolveProp(e,t,i=!1){return"object"!=typeof e||null===e?i?e:void 0:"function"==typeof t?t(e):"string"==typeof t?e[t]:void 0}getOptionValue(e){const t=this.resolveProp(e,this.optionValue,!0);return null!=t?String(t):""}findOptionByValue(e){var t;return null===(t=this.options)||void 0===t?void 0:t.find((t=>this.getOptionValue(t)===e))}toEmitValue(e){return"value"===this.valueAs?this.getOptionValue(e):e}getValuesAsArray(){return Array.isArray(this.value)?[...this.value]:null!=this.value?[this.value]:[]}getOptionBadges(e){const t=this.resolveProp(e,this.optionBadges);return Array.isArray(t)?t:[]}getOptionGroup(e){if(!this.optionGroup)return;const t=this.resolveProp(e,this.optionGroup);return null!=t&&""!==t?String(t):void 0}getSelectedOverlayOptions(){const e=this.selectionForOverlay,t=e=>{var t;const i=this.getOptionValue(e);return null!==(t=this.findOptionByValue(i))&&void 0!==t?t:e};if(this.multiple){if(!Array.isArray(e)||0===e.length)return[];const i=e.map(t);return i.some((e=>this.getOptionBadges(e).length>0))?i:[]}if(null==e)return[];const i=t(e);return this.getOptionBadges(i).length>0?[i]:[]}renderBadges(t){return 0===t.length?null:e("span",{class:"option-badges"},t.map(((t,i)=>{var a,o,n;return e("udp-fluent-badge",{key:i,appearance:null!==(a=t.appearance)&&void 0!==a?a:"filled",color:t.color,shape:null!==(o=t.shape)&&void 0!==o?o:"circular",size:null!==(n=t.size)&&void 0!==n?n:"small",startIconName:t.startIconName,endIconName:t.endIconName},t.label)})))}render(){var t,i;const o=!!this.error,n=this.error||this.hint,r=this.getSelectedOverlayOptions(),s=r.length>0,d="underline"===this.appearance?"transparent":this.appearance;return e(a,{key:"e5a76c4b858e4454bce256f08b00c30079165348",class:{"has-error":o}},e("fluent-field",{key:"2f11c837ca3a9f29d2087dd62aa272271133b7e7",class:{"no-message":!n&&!this.includeErrorPadding,"no-label":!this.label}},this.label&&e("fluent-label",{key:"745db430977377d4bcafa02972e596039b5aa396",slot:"label",disabled:this.disabled,onClick:()=>this.handleTogglePopover(!1),style:{paddingTop:"2px",paddingBottom:"2px"}},this.label,this.popupHint&&e("udp-tooltip",{key:"5e0e8f84abde732f920d1b6dc756cbe7da8fb230",content:this.popupHint,positioning:"above"},e("udp-fluent-icon",{key:"90afda0be4a072bf773b8ead759e2374eee4394a",name:"info",size:"xs",class:"popup-hint-icon"}))),e("div",{key:"dfeaffaf378bd07e583d23ff16f90fa5ea46878a",slot:"input",class:{"input-wrapper":!0,"has-overlay":s}},e("fluent-dropdown",{key:"499d4097c5b0396d396fc426b26d11b8b8bc2d27",type:"dropdown",name:this.name,appearance:d,size:this.controlSize,required:this.required,disabled:this.disabled,placeholder:this.placeholder,multiple:this.multiple,onChange:this.handleChange,onKeyDown:this.handleKeyDown,onFocusout:()=>this.inputBlur.emit(),onFocusin:()=>this.inputFocus.emit(),onInvalid:e=>e.preventDefault(),ref:e=>this.dropdownRef=e},e("fluent-listbox",{key:"5119e4373f588b99395090d098acb429d39d7c7f"},this.loading&&e("fluent-option",{key:"6b183b816085205fb0abc917a6310e44b910473c",disabled:!0,ref:e=>null==e?void 0:e.toggleAttribute("disabled",!0)},e("span",{key:"1698da6ee530b88caeab4db96f7be2bb575ef722"},"Loading..."),e("span",{key:"da0d37ae0840c549056ac52cf7803706b0893f86",slot:"indicator"})),!this.loading&&0===(null===(t=this.options)||void 0===t?void 0:t.length)&&e("fluent-option",{key:"a0ec94a5682f69893b3f319571731a029fb78659",disabled:!0,value:"empty",ref:e=>null==e?void 0:e.toggleAttribute("disabled",!0)},"No options available"),!this.loading&&(null===(i=this.options)||void 0===i?void 0:i.length)>0&&(()=>{const t=[];let i;return this.options.forEach(((a,o)=>{const n=this.getOptionGroup(a);n&&n!==i&&(t.push(e("fluent-option",{key:`__group_${n}`,class:"option-group-header",disabled:!0,"aria-hidden":"true",ref:e=>null==e?void 0:e.toggleAttribute("disabled",!0)},n)),i=n);const r=this.resolveProp(a,this.optionLabel,!0),s=this.resolveProp(a,this.optionValue,!0),d=this.resolveProp(a,this.optionDisabled),l=this.resolveProp(a,this.optionIcon),c=this.getOptionBadges(a),h=null!=s?String(s):"";t.push(e("fluent-option",{key:o,disabled:!!d,value:h,ref:e=>null==e?void 0:e.toggleAttribute("disabled",!!d)},l&&"start"===this.iconPosition&&e("span",{slot:"start",class:"option-icon-slot"},e("udp-fluent-icon",{name:l,size:"sm"})),r,l&&"end"===this.iconPosition&&e("span",{class:"option-icon-end",style:{pointerEvents:"none",marginLeft:"4px"}},e("udp-fluent-icon",{name:l,size:"sm"})),this.renderBadges(c)))})),t})()),e("div",{key:"bd2b69346bca53ff38394fabb584961b16b0fd7d",slot:"indicator",class:"indicator-wrapper"},e("udp-fluent-icon-button",{key:"96cfd1298c5c25388ee6c98af19c86de6fbeeaab",class:{"clear-button":!0,"is-visible":this.showClearButton&&!this.disabled&&this.clearable},slot:"indicator",iconName:"dismiss",appearance:"transparent",size:"small",onClick:this.handleClear,onMouseDown:e=>e.preventDefault(),ariaLabel:"Clear",tabIndex:-1}),e("udp-fluent-icon",{key:"b512a8a0f3d31a33c933b511b83cb2fd08b0e7e0",name:"chevron-down",size:"sm",class:"chevron-down",onClick:e=>{e.stopPropagation(),this.handleTogglePopover(!1)}}))),s&&e("div",{key:"ac79748e318e377aa4292f77af6026bfbbddbd2a",class:{"selected-overlay":!0,multi:r.length>1},"aria-hidden":"true"},r.map(((t,i)=>e("span",{class:"selected-item",key:this.getOptionValue(t)||i},i>0&&e("span",{class:"selected-separator"},", "),e("span",{class:"selected-label"},this.resolveProp(t,this.optionLabel,!0)),this.renderBadges(this.getOptionBadges(t))))))),e("div",{key:"3569aec03a4c7256b5a0b531781f0912095b09a2",class:{"message-wrapper":!0,includeErrorPadding:this.includeErrorPadding},slot:"message",onClick:()=>this.handleTogglePopover(!0)},e("udp-text",{key:"64aa60a86eae6b28d2d3482fab1493ba51deab17",variant:"caption1",class:{message:!0,error:o}},n))))}static get delegatesFocus(){return!0}static get watchers(){return{value:[{syncSelectionForOverlay:0},{valueHandler:0}],options:[{valueHandler:0}]}}};rt.style=':host{display:block;width:100%}fluent-field{width:100%;grid-template-columns:minmax(0, 1fr)}fluent-dropdown{width:100%;max-width:100%}fluent-dropdown[appearance="outline"],fluent-dropdown[appearance="transparent"]{--borderRadiusMedium:5px}fluent-dropdown>button,fluent-dropdown>input{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}fluent-dropdown[appearance="filled-darker"],fluent-dropdown[appearance="filled-lighter"]{--spacingVerticalSNudge:5px;box-shadow:var(--shadow2);border-radius:var(--borderRadiusMedium)}fluent-dropdown[appearance="filled-darker"][size=\'small\'],fluent-dropdown[appearance="filled-lighter"][size=\'small\']{--spacingVerticalXS:3px}fluent-dropdown[appearance="outline"][size=\'large\'],fluent-dropdown[appearance="transparent"][size=\'large\']{--spacingVerticalS:9px}fluent-label[disabled]{color:var(--colorNeutralForeground1)}fluent-field.no-label::part(label){display:none}fluent-field.no-message::part(message){display:none}.clear-button{display:none;color:var(--colorNeutralForeground3)}.clear-button.is-visible{display:inline-flex;margin-top:-2px;margin-bottom:-2px}.indicator-wrapper{display:flex;align-items:center}fluent-dropdown[size=\'small\'] .indicator-wrapper{height:16px}.message{color:var(--colorNeutralForeground3)}.message-wrapper{display:flex;flex-direction:column;width:100%}.message-wrapper.includeErrorPadding{min-height:var(--lineHeightBase200)}.message.error{color:var(--colorPaletteRedForeground1)}.popup-hint-icon{margin-left:2px}fluent-dropdown[appearance="outline"]:focus-within{--colorStrokeFocus1:var(--colorNeutralStroke1);--colorStrokeFocus2:transparent}fluent-dropdown[appearance="filled-darker"]:focus-within,fluent-dropdown[appearance="filled-lighter"]:focus-within,fluent-dropdown[appearance="transparent"]:focus-within{--colorStrokeFocus1:transparent;--colorStrokeFocus2:transparent}:host(.has-error) fluent-dropdown:not(:focus-within){--colorNeutralStroke1:var(--colorPaletteRedBorder2);--colorNeutralStroke1Hover:var(--colorPaletteRedBorder2);--colorNeutralStrokeAccessible:var(--colorPaletteRedBorder2);--colorNeutralStrokeAccessibleHover:var(--colorPaletteRedBorder2)}fluent-option:state(active){border:2px solid var(--colorNeutralStrokeAccessible)}::slotted([slot="start"]){display:inline-flex;align-items:center;margin-right:0.5em}::slotted(.option-icon-slot){display:inline-flex;align-items:center;justify-content:center;width:1.5em}::slotted(.option-icon-end){display:inline-flex;align-items:center;justify-content:center;width:1.5em;margin-left:0.5em}fluent-option{min-height:32px;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}fluent-option::part(content){display:flex;align-items:center;gap:6px}.option-badges{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;pointer-events:none}fluent-option.option-group-header{pointer-events:none;color:var(--colorNeutralForeground2);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightSemibold);text-transform:uppercase;letter-spacing:0.04em;line-height:24px;opacity:1;padding-top:10px}fluent-option.option-group-header:first-child{padding-top:0}fluent-option.option-group-header::part(content){min-height:24px;align-items:center}fluent-option.option-group-header:state(active){border:none}.input-wrapper{position:relative;display:block;width:100%}.selected-overlay{position:absolute;top:0;bottom:0;inset-inline-start:0;inset-inline-end:60px;display:flex;align-items:center;gap:6px;padding-inline-start:10px;pointer-events:none;overflow:hidden;font:inherit;color:var(--colorNeutralForeground1);z-index:1}.selected-overlay .selected-item{display:inline-flex;align-items:center;gap:6px;min-width:0}.selected-overlay .selected-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.selected-overlay.multi .selected-item,.selected-overlay.multi .selected-label{flex-shrink:0}.selected-overlay.multi .selected-label{overflow:visible;text-overflow:clip}.selected-overlay .selected-separator{flex-shrink:0}.input-wrapper.has-overlay fluent-dropdown>button{color:transparent}';const st={xs:16,sm:20,md:24,lg:28},dt={add:{name:"add"},add32:{name:"add"},addAlt:{name:"add-circle"},addFilled:{name:"add",variant:"filled"},arrowsHorizontal16:{name:"arrow-horizontal"},arrowRight16:{name:"arrow-right"},arrowLeft16:{name:"arrow-left"},attachment:{name:"attach"},box:{name:"box"},close16:{name:"dismiss"},close24:{name:"dismiss"},close32:{name:"dismiss"},closeFilled16:{name:"dismiss",variant:"filled"},closeOutlined16:{name:"dismiss-circle"},checkMark:{name:"checkmark"},checkMark24:{name:"checkmark"},checkMark32:{name:"checkmark"},checkMarkOutlined:{name:"checkmark-circle"},chevronLeft16:{name:"chevron-left"},chevronRight16:{name:"chevron-right"},chevronDown:{name:"chevron-down"},dashboard:{name:"home"},document:{name:"document"},documentAdd:{name:"document-add"},documentAttachment:{name:"attach"},documentPdf:{name:"document-pdf"},documentAudio:{name:"document"},documentVideo:{name:"video"},draggable:{name:"drag"},edit:{name:"edit"},export:{name:"export"},flag:{name:"flag"},information:{name:"info"},information32:{name:"info"},link:{name:"link"},location:{name:"location"},opportunities:{name:"lightbulb"},overflowMenuVertical:{name:"more-vertical"},overflowMenuVertical32:{name:"more-vertical"},return16:{name:"arrow-return"},save:{name:"save"},settings:{name:"settings"},subtract:{name:"subtract"},subtractAlt:{name:"subtract"},subtractFilled:{name:"subtract",variant:"filled"},trashCan:{name:"delete"},user:{name:"person"},view:{name:"eye"},wizard:{name:"apps-list"},workorder:{name:"task-list"},arrowUp:{name:"arrow-up"},arrowDown:{name:"arrow-down"},copy:{name:"copy"},star:{name:"star"},warning:{name:"warning"},warning32:{name:"warning"},warningAlt:{name:"warning"},warningAlt32:{name:"warning"},time:{name:"clock"},text:{name:"text-paragraph"},list:{name:"list"},calendar:{name:"calendar"},formTextField:{name:"text-font"},formTextArea:{name:"text-paragraph"},formNumberField:{name:"number"},formDateField:{name:"calendar"},formCheckbox:{name:"checkbox-checked"},formFileUpload:{name:"cloud-upload"},formRadioButton:{name:"radio-button"},formHiddenField:{name:"eye-off"},formTimeField:{name:"clock"},formDateTimeField:{name:"calendar"},formMultiSelectField:{name:"list"},formSingleSelectField:{name:"list"},dataTable:{name:"table"},fitToWidth:{name:"fit-width"},search:{name:"search"},reset:{name:"arrow-reset"},column:{name:"column"},hideColumn:{name:"column"},rotate:{name:"arrow-rotate"},lock:{name:"lock"},pause:{name:"pause"},filter:{name:"filter"},relationshipDiagram:{name:"diagram"},unlock:{name:"unlock"},send:{name:"send"},email:{name:"mail"},migrateAlt:{name:"panel-left-expand"},checkboxCheckedFilled:{name:"checkbox-checked",variant:"filled"},checkbox:{name:"checkbox-unchecked"},zip:{name:"archive"},image:{name:"image"},xls:{name:"table"},ppt:{name:"slide-text"},override:{name:"arrow-swap"},undo:{name:"arrow-return"},table:{name:"table"},catalog:{name:"folder"}};let lt=null;const ct=class{constructor(e){t(this,e),this.variant="regular",this.size="md",this.svgContent=null,this.resolveGeneration=0}componentWillLoad(){return this.resolveIcon()}onNameChange(){this.resolveIcon()}onSizeChange(){this.resolveIcon()}onVariantChange(){this.resolveIcon()}async resolveIcon(){const e=++this.resolveGeneration;if(!this.name)return void(this.svgContent=null);const t=await(null!=lt?lt:lt=import("./fluent-icons-UgOXO2m6.js"));if(e!==this.resolveGeneration)return;const i=this.resolveIconKey(t.iconMetadata);if(!i)return void(this.svgContent=null);let a=t.fluentIcons[i];if(!a)return console.warn(`[udp-fluent-icon] Icon "${i}" not found in generated icons.`),void(this.svgContent=null);if(a.startsWith("data:image/svg+xml;base64,")){const e=a.split(",")[1];try{a=atob(e)}catch(e){return console.error("[udp-fluent-icon] Could not decode SVG icon",e),void(this.svgContent=null)}}this.svgContent=a}resolveEffectiveProps(){var e;const t=function(e){if(!e)return null;const t=dt[e];return void 0===t?null:t}(this.name);return t?{name:t.name,variant:null!==(e=t.variant)&&void 0!==e?e:this.variant}:{name:this.name,variant:this.variant}}resolveIconKey(e){var t,i;const{name:a,variant:o}=this.resolveEffectiveProps(),n=e[a];if(!n)return console.warn(`[udp-fluent-icon] Icon "${this.name}" not found in registry. Did you add it to icon-registry.json and run "pnpm generate:icons"?`),null;const r=st[this.size],s=null!==(t=n.sizes)&&void 0!==t?t:[],d=null!==(i=n.variants)&&void 0!==i?i:[],l=s.includes(r)?r:this.findClosestSize(s,r);let c=o;return d.includes(o)||(console.warn(`[udp-fluent-icon] Variant "${o}" not available for "${this.name}". Using "regular".`),c="regular"),`${n.baseName}_${l}_${c}`}findClosestSize(e,t){return e.reduce(((e,i)=>{const a=Math.abs(e-t),o=Math.abs(i-t);return o<a||o===a&&i>e?i:e}))}render(){const t={"--udp-icon-size":`${st[this.size]}px`};return this.color&&(t.color=this.color),e(a,{key:"75c01dfa56784111c9fa827ec2a7884c4e75a956",style:t},this.svgContent&&e("div",{key:"5eceda2f281bebf200ace48e1f17a00ca1d9348e",class:"icon-inner",innerHTML:this.svgContent,role:"img","aria-label":this.name}))}static get watchers(){return{name:[{onNameChange:0}],size:[{onSizeChange:0}],variant:[{onVariantChange:0}]}}};ct.style=":host{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;width:var(--udp-icon-size, 24px);height:var(--udp-icon-size, 24px)}.icon-inner{display:inline-flex;align-items:center;justify-content:center;line-height:0;width:100%;height:100%;animation:var(--udp-icon-animation, none);transform-origin:var(--udp-icon-transform-origin, center center)}.icon-inner svg{fill:currentColor;display:block;width:100%;height:100%}@keyframes udp-icon-spin{to{transform:rotate(360deg)}}";const ht=class{constructor(e){t(this,e),this.iconVariant="regular",this.appearance="secondary",this.shape="circular",this.size="medium",this.disabled=!1,this.loading=!1,this.disabledFocusable=!1,this.fillOnHover=!1,this.isHovered=!1}render(){const t=this.fillOnHover&&this.isHovered,i=t?"filled":this.iconVariant,o=t?"var(--colorBrandForeground1)":this.iconColor;return e(a,{key:"41b4c0dfd56957295e65fb4e80aa52060f3a6dbc",exportparts:"button",onMouseEnter:()=>this.isHovered=!0,onMouseLeave:()=>this.isHovered=!1},e("udp-fluent-button",{key:"0376b44b37e2ce6ce906909d2585314147bff126",appearance:this.appearance,disabled:this.disabled,"disabled-focusable":this.disabledFocusable,loading:this.loading,shape:this.shape,size:this.size,iconOnly:!0,"aria-label":this.ariaLabel,tabIndex:this.tabIndex},e("udp-fluent-icon",{key:"3ad5acf76acbe6e8f10760241a020100967ce098",name:this.iconName,size:De(this.size,"standard"),variant:i,color:o})))}};ht.style=':host{display:inline-block;--_hover-overlay:color-mix(in srgb, currentColor 6%, transparent);--_pressed-overlay:color-mix(in srgb, currentColor 12%, transparent);--colorNeutralBackground1Hover:color-mix(in srgb, currentColor 6%, var(--colorNeutralBackground1));--colorNeutralBackground1Pressed:color-mix(in srgb, currentColor 12%, var(--colorNeutralBackground1));--colorSubtleBackground:transparent;--colorSubtleBackgroundHover:var(--_hover-overlay);--colorSubtleBackgroundPressed:var(--_pressed-overlay);--colorTransparentBackgroundHover:var(--_hover-overlay);--colorTransparentBackgroundPressed:var(--_pressed-overlay)}:host([appearance="transparent"]),:host([appearance="subtle"]){--colorNeutralStroke1:transparent;--colorNeutralStroke1Hover:transparent;--colorNeutralStroke1Pressed:transparent;--colorNeutralStroke1Selected:transparent}';const ut=class{constructor(e){t(this,e),this.checkedChange=i(this,"checkedChange",7),this.primaryClick=i(this,"primaryClick",7),this.items=[],this._items=[],this.buttonType="menu",this.label="",this.appearance="secondary",this.shape="rounded",this.size="medium",this.disabled=!1,this.openOnHover=!1,this.openOnContext=!1,this.closeOnScroll=!1,this.persistOnMenuClick=!1,this.handlePrimaryClick=e=>{e.stopPropagation(),this.primaryClick.emit()}}itemsChanged(){this._items=[...this.items]}componentWillLoad(){this.itemsChanged()}handleRadioChange(e,t){if(t)this._items=this._items.map((t=>{if("string"==typeof t)return t;const i=t.id&&e.id?t.id===e.id:t===e;return i||"radio"!==t.type||t.parentId!==e.parentId||(t.sectionNumber||0)!==(e.sectionNumber||0)?i?Object.assign(Object.assign({},t),{checked:!0}):t:Object.assign(Object.assign({},t),{checked:!1})}));else if(e.checked){if(this._items.some((t=>"string"!=typeof t&&(!(t.id&&e.id?t.id===e.id:t===e)&&"radio"===t.type&&t.parentId===e.parentId&&(t.sectionNumber||0)===(e.sectionNumber||0)&&t.checked))))return;this._items=this._items.map((t=>"string"==typeof t?t:(t.id&&e.id?t.id===e.id:t===e)?Object.assign(Object.assign({},t),{checked:!0}):t))}}handleCheckboxChange(e,t){this._items=this._items.map((i=>"string"==typeof i?i:(i.id&&e.id?i.id===e.id:i===e)?Object.assign(Object.assign({},i),{checked:t}):i))}handleItemChange(e,t){const i=e.target.checked;t.onClick&&t.onClick(t),"radio"===t.type?this.handleRadioChange(t,i):this.handleCheckboxChange(t,i),this.checkedChange.emit({item:t,checked:i})}renderItems(t,i,a=0){let o;return t.filter((e=>("string"==typeof e||!0!==e.hide)&&("string"==typeof e?!i:e.parentId===i))).sort(((e,t)=>("string"==typeof e?0:e.sectionNumber||0)-("string"==typeof t?0:t.sectionNumber||0))).map(((i,n)=>{const r=[],s="string"==typeof i?0:i.sectionNumber||0;if(void 0!==o&&s!==o&&r.push(e("fluent-divider",null)),o=s,"string"==typeof i)return r.push(e("fluent-menu-item",{key:n},i)),r;const d=i,l=d.id?t.filter((e=>"string"!=typeof e&&e.parentId===d.id&&!0!==e.hide)):[];let c="menuitem";"checkbox"===d.type?c="menuitemcheckbox":"radio"===d.type&&(c="menuitemradio");const h=d.id?`${d.id}-start`:null,u=d.id?`${d.id}-end`:null,p=d.id?`${d.id}-body`:null;return r.push(e("fluent-menu-item",{key:d.id||n,disabled:d.disabled,id:d.id,role:c,checked:d.checked,onChange:e=>this.handleItemChange(e,d),onMouseEnter:()=>{var e;return null===(e=d.onMouseEnter)||void 0===e?void 0:e.call(d)},onMouseLeave:()=>{var e;return null===(e=d.onMouseLeave)||void 0===e?void 0:e.call(d)}},h&&A(this.el,h)||d.startIconName?e("slot",{name:h,slot:"start"},d.startIconName&&e("udp-fluent-icon",{name:d.startIconName,size:De(this.size)})):null,p?e("slot",{name:p},d.text):d.text,u&&A(this.el,u)||d.endIconName?e("slot",{name:u,slot:"end"},d.endIconName&&e("udp-fluent-icon",{name:d.endIconName,size:De(this.size)})):null,l.length>0&&a<1&&e("fluent-menu-list",{slot:"submenu"},this.renderItems(t,d.id,a+1)))),r})).flat().filter(Boolean)}render(){const t="icon"===this.buttonType||"split"===this.buttonType;return e(a,{key:"8352f4a655086a09cec6eb440793fbfe688758a9",exportparts:"trigger"},e("fluent-menu",{key:"b2b10de366d6f3b912e05f18332735beca75fa4a","open-on-hover":this.openOnHover,"close-on-scroll":this.closeOnScroll,split:"split"===this.buttonType,"persist-on-item-click":this.persistOnMenuClick,"open-on-context":this.openOnContext},"split"===this.buttonType&&e("fluent-button",{key:"1c28f3bbc4a3486265907230574a23094f07c21a",slot:"primary-action",onClick:this.handlePrimaryClick,appearance:this.appearance,shape:this.shape,size:this.size},(this.startIconName||A(this.el,"start"))&&e("span",{key:"d4df319623ca47ec60fac7a8cdfdf11e8aa2491c",class:"slot-wrapper",slot:"start"},e("slot",{key:"dbf730397f3d6e0eb1ea3dd21ab58c54c38dce08",name:"start"},this.startIconName&&e("udp-fluent-icon",{key:"7e81093bb951c7223a66512a450b03a4e26256fb",name:this.startIconName,size:De(this.size)}))),this.label),e("fluent-menu-button",{key:"1cf85f03b4a1186ec0d9a1995f3b5f6ca12dcb0a",part:"trigger",slot:"trigger","icon-only":t,appearance:this.appearance,shape:this.shape,size:this.size,disabled:this.disabled},(this.startIconName||A(this.el,"start"))&&"split"!==this.buttonType&&e("span",{key:"04577537dd81b578c6ccc78ec44dc83dab1857b4",class:"slot-wrapper",slot:"start"},e("slot",{key:"de0020b72963f63ebb4a4e645f5a706ff0a93ef0",name:"start"},this.startIconName&&e("udp-fluent-icon",{key:"ee03719564f2aca3a9c3ad63a09091c5b7aa53a1",name:this.startIconName,size:De(this.size)}))),!t&&this.label,(A(this.el,"end")||this.endIconName)&&e("span",{key:"ee2489c4d4b9853bff420698c3a0e9f7de1d8de0",class:"slot-wrapper",slot:"end"},this.endIconName?e("udp-fluent-icon",{name:this.endIconName,size:De(this.size,"standard")}):e("slot",{name:"end"}))),e("fluent-menu-list",{key:"627cf00fb62c94e2d5ceef351dbf85cf32f589e2"},this.renderItems(this._items))))}get el(){return o(this)}static get watchers(){return{items:[{itemsChanged:0}]}}};ut.style=':host{display:inline-flex}.slot-wrapper{display:inline-flex;align-items:center}fluent-menu>[popover]{position-try-fallbacks:flip-block,          flip-inline,          flip-block flip-inline     }fluent-menu-button[icon-only]{--icon-spacing:0px;--_hover-overlay:color-mix(in srgb, currentColor 6%, transparent);--_pressed-overlay:color-mix(in srgb, currentColor 12%, transparent);--colorNeutralBackground1:transparent;--colorNeutralBackground1Hover:var(--_hover-overlay);--colorNeutralBackground1Pressed:var(--_pressed-overlay);--colorSubtleBackground:transparent;--colorSubtleBackgroundHover:var(--_hover-overlay);--colorSubtleBackgroundPressed:var(--_pressed-overlay);--colorTransparentBackgroundHover:var(--_hover-overlay);--colorTransparentBackgroundPressed:var(--_pressed-overlay)}fluent-menu-item{box-sizing:border-box;grid-template-columns:min-content min-content 1fr min-content;align-items:center}fluent-menu-item>[slot="start"]{min-width:24px;display:inline-flex;align-items:center;justify-content:center}fluent-menu-item::part(content){grid-column:3}fluent-menu-list{min-width:var(--udp-menu-min-width);max-height:var(--udp-menu-max-height, min(400px, 80vh));overflow-y:auto}';const pt=class{constructor(e){t(this,e),this.valueChanged=i(this,"valueChanged",7),this.radioRefs=new Map,this.disabled=!1,this.orientation="horizontal",this.includeErrorPadding=!0,this.handleChange=e=>{e.stopPropagation(),this.valueChanged.emit(e.target.value)},this.handleLabelClick=(e,t)=>{if(this.disabled||t)return;const i=Array.from(this.el.shadowRoot.querySelectorAll("fluent-radio")).find((t=>t.value===e));i&&i.click()}}componentDidLoad(){this.internalInput&&null!=this.value&&requestAnimationFrame((()=>{this.internalInput.value=this.value}))}componentDidRender(){var e;this.internalInput&&null!=this.value&&(this.internalInput.value=this.value),null===(e=this.items)||void 0===e||e.forEach((e=>{const t=this.radioRefs.get(e.value);t&&t.toggleAttribute("disabled",e.disabled||!1)}))}render(){var t;const i=!!this.error,o=this.error||this.hint;return e(a,{key:"e5db7287213c46effbd2066c39a6b04fbf2ff62e"},e("fluent-field",{key:"059984e6ce9f561b26b6865e0bc02dec735ef229","label-position":"above",class:{"no-label":!this.label,"no-message":!o&&!this.includeErrorPadding}},e("fluent-label",{key:"fb559b38d31409d086f365c2be9e508daeddfd93",slot:"label",disabled:this.disabled},this.label,this.popupHint&&e("udp-tooltip",{key:"cb76d636771ee5d8af5b05074d9469afc4f6e7a7",content:this.popupHint,positioning:"above"},e("udp-fluent-icon",{key:"f15c31b2bca1d761c08866c527b1abb11a95ad82",name:"info",size:"xs",class:"popup-hint-icon"}))),e("fluent-radio-group",{key:"ebe8e8ec5fcea4cf5bfc5400279368150fa6c216",ref:e=>this.internalInput=e,slot:"input",name:this.name,disabled:this.disabled,orientation:this.orientation,onChange:this.handleChange},null===(t=this.items)||void 0===t?void 0:t.map((t=>e("fluent-field",{"label-position":"after"},e("fluent-label",{slot:"label",onClick:()=>this.handleLabelClick(t.value,t.disabled)},t.label),e("fluent-radio",{slot:"input",value:t.value,disabled:t.disabled,ref:e=>this.radioRefs.set(t.value,e)}))))),e("udp-text",{key:"3af637120d68bcf2a60f946cb82a3871c946ba90",slot:"message",variant:"caption1",class:{message:!0,error:i,includeErrorPadding:this.includeErrorPadding}},o)))}static get delegatesFocus(){return!0}get el(){return o(this)}};pt.style=".message{color:var(--colorNeutralForeground3)}.message.includeErrorPadding{min-height:var(--lineHeightBase200)}.message.error{color:var(--colorPaletteRedForeground1)}.popup-hint-icon{margin-left:2px}fluent-label[disabled]{color:var(--colorNeutralForeground1)}fluent-field.no-label::part(label){display:none}fluent-field.no-message::part(message){display:none}";const bt=class{constructor(e){t(this,e),this.valueChanged=i(this,"valueChanged",7),this.checked=!1,this.disabled=!1,this.labelPosition="after",this.includeErrorPadding=!0,this.handleChange=e=>{e.stopPropagation(),this.valueChanged.emit(e.target.checked)},this.handleLabelClick=()=>{!this.disabled&&this.internalSwitch&&this.internalSwitch.click()}}componentDidRender(){this.internalSwitch&&this.internalSwitch.toggleAttribute("disabled",this.disabled)}render(){const t=!!this.error,i=this.error||this.hint;return e(a,{key:"06270f2a822f2571a76c30f07a998034c450d8c1"},e("fluent-field",{key:"d74952b54d6a3a6c20b76de080b81dad5318d9d8","label-position":this.labelPosition,class:{"no-label":!this.label,"no-message":!i&&!this.includeErrorPadding}},e("fluent-label",{key:"7666bee326b67e5bb706190be5162af4e4c97345",slot:"label",onClick:this.handleLabelClick},this.label,this.popupHint&&e("udp-tooltip",{key:"8457e86e46f3dffdc24bf836acef1ad904fb7868",content:this.popupHint,positioning:"above"},e("udp-fluent-icon",{key:"ac05bfd853d27b024c8cc3a4e8825e9ab09c1953",name:"info",size:"xs",class:"popup-hint-icon"}))),e("fluent-switch",{key:"4c303683804360c6f6a701b6ec97cc8295a9898a",slot:"input",name:this.name,checked:this.checked,disabled:this.disabled,onChange:this.handleChange,ref:e=>this.internalSwitch=e}),e("udp-text",{key:"8010591834066344a110b5bcbfc8f091057f3a3d",slot:"message",variant:"caption1",class:{message:!0,error:t,includeErrorPadding:this.includeErrorPadding}},i)))}static get delegatesFocus(){return!0}};bt.style=".message{color:var(--colorNeutralForeground3)}.message.includeErrorPadding{min-height:var(--lineHeightBase200)}.message.error{color:var(--colorPaletteRedForeground1)}.popup-hint-icon{margin-left:2px}fluent-field.no-label::part(label){display:none}fluent-field.no-message::part(message){display:none}fluent-field[label-position='before']{align-items:start}fluent-label{cursor:pointer}:host([disabled]) fluent-label{cursor:default}";const ft=class{constructor(e){t(this,e),this.tabChange=i(this,"tabChange",7),this.tabList=[],this.appearance="transparent",this.disabled=!1,this.size="medium",this.orientation="horizontal",this.overflowStrategy="collapse",this.showCounter=!0,this.orderedTabs=[],this.showStartShadow=!1,this.showEndShadow=!1,this.overflowTabs=[],this.visibleTabIds=[],this.handleScrollStart=()=>{this.scrollContainer&&this.scrollContainer.scrollTo({left:0,behavior:"smooth"})},this.handleScrollEnd=()=>{this.scrollContainer&&this.scrollContainer.scrollTo({left:this.scrollContainer.scrollWidth,behavior:"smooth"})},this.handleTabChange=e=>{e.stopPropagation();const t=e.target;t.activeid&&this.tabChange.emit(t.activeid)},this.handleKeyDown=e=>{var t,i,a;const o="ArrowLeft"===e.key;if(!o&&"ArrowRight"!==e.key)return;e.stopPropagation();const n=Array.from(null!==(i=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelectorAll("fluent-tab:not(.is-overflow)"))&&void 0!==i?i:[]).filter((e=>!e.hasAttribute("disabled")));if(0===n.length)return;const r=null===(a=this.el.shadowRoot)||void 0===a?void 0:a.activeElement,s=n.indexOf(r);if(-1===s)return;let d;e.preventDefault(),o?(d=s-1,d<0&&(d=n.length-1)):(d=s+1,d>=n.length&&(d=0));const l=n[d];l.focus(),l.click()}}handleTabListChange(){this.orderedTabs=this.tabList.filter((e=>!e.hide)),requestAnimationFrame((()=>this.updateOverflowState()))}componentWillLoad(){this.orderedTabs=this.tabList.filter((e=>!e.hide))}componentDidLoad(){"horizontal"===this.orientation&&this.initScrollObserver()}connectedCallback(){this.el.addEventListener("keydown",this.handleKeyDown,{capture:!0})}disconnectedCallback(){var e;this.el.removeEventListener("keydown",this.handleKeyDown,{capture:!0}),null===(e=this.resizeObserver)||void 0===e||e.disconnect()}initScrollObserver(){this.scrollContainer&&(this.updateOverflowState(),this.scrollContainer.addEventListener("scroll",(()=>{"scroll"===this.overflowStrategy&&this.checkScrollShadows()})),this.resizeObserver=new ResizeObserver((()=>{this.updateOverflowState()})),this.resizeObserver.observe(this.scrollContainer))}updateOverflowState(){"scroll"===this.overflowStrategy?this.checkScrollShadows():this.checkCollapseOverflow()}checkCollapseOverflow(){var e,t,i,a,o,n;if(!this.scrollContainer)return;const r=Array.from(null!==(t=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelectorAll("fluent-tab"))&&void 0!==t?t:[]);r.forEach((e=>e.classList.remove("is-overflow")));const s=this.scrollContainer.clientWidth,d=new Map;r.forEach((e=>d.set(e.id,e.offsetWidth)));const l=null===(i=this.tablistEl)||void 0===i?void 0:i.activeid,c=l?String(l):null!=this.activeId?String(this.activeId):void 0,h=c&&d.has(c)?c:null===(a=r[0])||void 0===a?void 0:a.id,u=h&&null!==(o=d.get(h))&&void 0!==o?o:0;let p=0;if(r.forEach((e=>p+=e.offsetWidth)),p<=s)return this.visibleTabIds=r.map((e=>e.id)),this.updateTabVisibility(),void(this.overflowTabs=[]);const b=s-48;let f=u;const m=[];h&&m.push(h);for(const e of r){if(e.id===h)continue;const t=null!==(n=d.get(e.id))&&void 0!==n?n:0;if(!(f+t<=b))break;f+=t,m.push(e.id)}const v=r.filter((e=>m.includes(e.id))).map((e=>e.id));this.visibleTabIds=v,this.updateTabVisibility(),this.overflowTabs=this.buildMenuItems()}buildMenuItems(){return this.tabList.filter((e=>!e.hide&&!this.visibleTabIds.includes(String(e.id)))).map((e=>({id:String(e.id),text:e.label,startIconName:e.startIconName,endIconName:e.endIconName,disabled:e.disabled,onClick:()=>this.handleMenuItemClick(e.id)})))}updateTabVisibility(){var e,t,i;const a=Array.from(null!==(t=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelectorAll("fluent-tab"))&&void 0!==t?t:[]),o=(null===(i=this.tablistEl)||void 0===i?void 0:i.activeid)||this.activeId;a.forEach((e=>{this.visibleTabIds.includes(e.id)?(e.classList.remove("is-overflow"),e.setAttribute("tabindex",e.id===o?"0":"-1")):(e.classList.add("is-overflow"),e.setAttribute("tabindex","-1"))}))}handleMenuItemClick(e){this.tablistEl&&(this.tablistEl.activeid=String(e)),this.updateOverflowState(),this.tabChange.emit(e),requestAnimationFrame((()=>{var t;const i=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.getElementById(String(e));i&&i.focus()}))}checkScrollShadows(){if(!this.scrollContainer)return;const{scrollLeft:e,scrollWidth:t,clientWidth:i}=this.scrollContainer;if(t<=i)return this.showStartShadow=!1,void(this.showEndShadow=!1);this.showStartShadow=e>1,this.showEndShadow=Math.ceil(e)+i<Math.floor(t)-1}renderTab(t){const i=De(this.size,"standard");return e("fluent-tab",{id:t.id,disabled:t.disabled},(t.startIconName||A(this.el,`${t.id}-start`))&&e("span",{class:"slot-wrapper",slot:"start"},e("slot",{name:`${t.id}-start`},t.startIconName&&e("udp-fluent-icon",{name:t.startIconName,size:i}))),t.label,(t.endIconName||A(this.el,`${t.id}-end`))&&e("span",{class:"slot-wrapper",slot:"end"},e("slot",{name:`${t.id}-end`},t.endIconName&&e("udp-fluent-icon",{name:t.endIconName,size:i}))))}render(){return"vertical"===this.orientation?e("fluent-tablist",{appearance:"contained"===this.appearance?"subtle":this.appearance,disabled:this.disabled,size:this.size,orientation:this.orientation,activeid:null!=this.activeId?String(this.activeId):void 0,onChange:this.handleTabChange},this.orderedTabs.map((e=>this.renderTab(e)))):e("div",{class:{"tablist-scroll-wrapper":!0,"contained-variant":"contained"===this.appearance}},"scroll"===this.overflowStrategy&&e("div",{class:{"scroll-shadow-start":!0,"is-visible":this.showStartShadow}},e("div",{class:"scroll-button-container start"},e("udp-fluent-icon-button",{iconName:"chevron-left",size:"small",shape:"circular",onClick:this.handleScrollStart,ariaLabel:"Scroll to start",tabIndex:this.showStartShadow?0:-1}))),e("div",{class:{"tablist-scroll-container":!0,"collapse-mode":"collapse"===this.overflowStrategy},ref:e=>this.scrollContainer=e},e("fluent-tablist",{ref:e=>this.tablistEl=e,class:"tablist-inner",appearance:"subtle",disabled:this.disabled,size:this.size,orientation:this.orientation,activeid:null!=this.activeId?String(this.activeId):void 0,onChange:this.handleTabChange},this.orderedTabs.map((e=>this.renderTab(e)))),"collapse"===this.overflowStrategy&&e("div",{class:{"overflow-menu-container":!0,"is-hidden":0===this.overflowTabs.length}},e("udp-fluent-menu",{buttonType:"icon",endIconName:"more",appearance:"outline",shape:"circular",size:"small",items:this.overflowTabs}),this.showCounter&&e("udp-fluent-counter-badge",{size:"small",color:"brand"},this.overflowTabs.length))),"scroll"===this.overflowStrategy&&e("div",{class:{"scroll-shadow-end":!0,"is-visible":this.showEndShadow}},e("div",{class:"scroll-button-container end"},e("udp-fluent-icon-button",{iconName:"chevron-right",size:"small",shape:"circular",onClick:this.handleScrollEnd,ariaLabel:"Scroll to end",tabIndex:this.showEndShadow?0:-1}))))}get el(){return o(this)}static get watchers(){return{tabList:[{handleTabListChange:0}]}}};ft.style=".slot-wrapper{display:inline-flex;align-items:center}.tablist-scroll-wrapper{position:relative;display:flex;align-items:center;width:100%;overflow:hidden}.tablist-scroll-container{display:flex;overflow-x:auto;overflow-y:hidden;width:100%;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;}.tablist-scroll-container::-webkit-scrollbar{display:none}.tablist-inner{display:flex;flex:0 0 auto;padding:3px;border-radius:var(--borderRadiusLarge)}.tablist-scroll-container.collapse-mode{overflow-x:hidden}.scroll-shadow-start,.scroll-shadow-end{position:absolute;top:0;bottom:0;width:48px;pointer-events:none;opacity:0;transition:opacity 0.2s ease;z-index:2;display:flex;align-items:center;justify-content:center}.scroll-shadow-start{left:0;background:linear-gradient(to right, var(--colorNeutralBackground1) 40%, transparent);justify-content:flex-start;padding-left:4px;z-index:5}.scroll-shadow-end{right:0;background:linear-gradient(to left, var(--colorNeutralBackground1) 40%, transparent);justify-content:flex-end;padding-right:4px;z-index:5}.scroll-shadow-start.is-visible,.scroll-shadow-end.is-visible{opacity:1}.scroll-button-container{pointer-events:none;display:flex;align-items:center;justify-content:center}.scroll-shadow-start.is-visible .scroll-button-container,.scroll-shadow-end.is-visible .scroll-button-container{pointer-events:auto}.is-overflow{display:none !important}.is-hidden{visibility:hidden;pointer-events:none}fluent-tab[aria-selected=\"true\"]{z-index:3;}.overflow-menu-container{display:flex;align-items:center;border-radius:0 var(--borderRadiusLarge) var(--borderRadiusLarge) 0;padding-right:var(--spacingHorizontalM);margin-left:-4px}.overflow-menu-container udp-fluent-menu{anchor-name:--menu-anchor;margin-left:var(--spacingHorizontalM)}.overflow-menu-container udp-fluent-counter-badge{position:absolute;position-anchor:--menu-anchor;top:anchor(top);right:anchor(right);margin-top:-6px;margin-right:-6px}.contained-variant .tablist-inner{background-color:transparent;border:var(--strokeWidthThin) solid var(--colorNeutralStroke1);border-radius:var(--borderRadiusMedium);padding:0}.contained-variant fluent-tab{padding-top:5px;padding-bottom:5px}.contained-variant .tablist-inner[size='small'] fluent-tab{padding-top:1px;padding-bottom:1px}.contained-variant .tablist-inner[size='large'] fluent-tab{padding-top:8px;padding-bottom:8px}.contained-variant fluent-tab[aria-selected=\"true\"]{color:var(--colorNeutralForeground1)}.contained-variant fluent-tab:hover{background-color:var(--colorSubtleBackgroundHover)}.contained-variant .overflow-menu-container{background-color:transparent}";const mt=class{constructor(e){t(this,e),this.valueChanged=i(this,"valueChanged",7),this.inputBlur=i(this,"inputBlur",7),this.inputFocus=i(this,"inputFocus",7),this.includeErrorPadding=!0,this.type="text",this.required=!1,this.disabled=!1,this.readonly=!1,this.autofocus=!1,this.spellcheck=!1,this.appearance="outline",this.controlSize="medium",this.handleInput=e=>{e.stopPropagation(),this.valueChanged.emit(e.target.value)}}componentDidLoad(){this.internalInput&&null!=this.value&&(this.internalInput.value=this.value)}select(){var e;return null===(e=this.internalInput)||void 0===e||e.select(),Promise.resolve()}render(){const t=!!this.error,i=this.error||this.hint;return e(a,{key:"d99bcea08039461049b0d0ddd5010bba56e755cc",class:{"has-error":t}},e("fluent-field",{key:"d868b5ef675692be1c4490ba6f5e1173f2ff2783",class:{"no-message":!i&&!this.includeErrorPadding}},e("fluent-text-input",{key:"82624635cead542260dd9fa56e50f49793430daa",ref:e=>this.internalInput=e,slot:"input",class:{"no-label":!this.label},name:this.name,value:this.value,type:this.type,placeholder:this.placeholder,required:this.required,disabled:this.disabled,readonly:this.readonly,autofocus:this.autofocus,autocomplete:this.autocomplete,spellcheck:this.spellcheck?"true":"false",appearance:this.appearance,controlSize:this.controlSize,maxlength:this.maxLength,onInput:this.handleInput,onBlur:()=>this.inputBlur.emit(),onFocus:()=>this.inputFocus.emit(),onInvalid:e=>e.preventDefault()},e("slot",{key:"6e6a304d2145b20816e1a87cdbf78773c6178653",slot:"start",name:"start"}),e("slot",{key:"562f073a0e16252e1b7af0e6295c9b53e2ff70ca",slot:"end",name:"end"}),this.label&&e("fluent-label",{key:"a823a574fdc822691766f528dfc8679fb3a370ae",required:this.required,disabled:this.disabled},this.label,this.popupHint&&e("udp-tooltip",{key:"71363dba6c54b5d15c98296ecb31e7ab2a695f2f",content:this.popupHint,positioning:"above"},e("udp-fluent-icon",{key:"07e7c2a1657746b40956604eb4e71a6ea96e1ba5",name:"info",size:"xs",class:"popup-hint-icon"})))),e("udp-text",{key:"2844261f5c7721a95cefe52ab9588b5e11d9a660",slot:"message",variant:"caption1",class:{message:!0,error:t,includeErrorPadding:this.includeErrorPadding}},i)))}static get delegatesFocus(){return!0}};mt.style="fluent-text-input[disabled]::part(control){color:var(--colorNeutralForegroundDisabled);-webkit-text-fill-color:var(--colorNeutralForegroundDisabled)}fluent-text-input[disabled]::part(root){background-color:var(--colorNeutralBackgroundDisabled)}fluent-label[disabled]{color:var(--colorNeutralForeground1)}fluent-text-input::part(control):-webkit-autofill,fluent-text-input::part(control):-webkit-autofill:hover,fluent-text-input::part(control):-webkit-autofill:focus,fluent-text-input::part(control):-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--colorNeutralBackground1) inset !important;-webkit-text-fill-color:var(--colorNeutralForeground1) !important;transition:background-color 5000s ease-in-out 0s}:host{display:block;width:100%}fluent-field{width:100%}fluent-text-input{width:100%;max-width:100%}.message{color:var(--colorNeutralForeground3)}.message.includeErrorPadding{min-height:var(--lineHeightBase200)}.message.error{color:var(--colorPaletteRedForeground1)}.popup-hint-icon{margin-left:2px}fluent-text-input.no-label::part(label){display:none}fluent-field.no-message::part(message){display:none}:host(.has-error) fluent-text-input::part(root){border-color:var(--colorPaletteRedBorder2)}:host(.has-error:focus-within) fluent-text-input::part(root){border-color:var(--colorNeutralStroke1)}";const vt=class{constructor(e){t(this,e),this.appearance="secondary",this.shape="rounded",this.pressed=!1,this.mixed=!1,this.size="medium",this.disabled=!1}render(){const t=De(this.size);return e(a,{key:"5efb16360e88c75af1e7b13a722a0894466e123e"},e("fluent-toggle-button",{key:"444f51a8093d4ec91a47ec85ddc58e85dba61d20",pressed:this.pressed,mixed:this.mixed,disabled:this.disabled,size:this.size,appearance:this.appearance,shape:this.shape},(this.startIconName||A(this.el,"start"))&&e("span",{key:"26df5be31c52d57218073817da203722137337ac",class:"slot-wrapper",slot:"start"},e("slot",{key:"67ef5a771bee01671adbb818a0f539bb4451afa1",name:"start"},this.startIconName&&e("udp-fluent-icon",{key:"412efff9356c550555577758d42a3b5cb7f724f3",name:this.startIconName,size:t}))),e("slot",{key:"f349566cc316616d1c04304a2dca8de0bdcc15ac"}),(this.endIconName||A(this.el,"end"))&&e("span",{key:"19f4777c2fff291953fae0b96a7c855816482935",class:"slot-wrapper",slot:"end"},e("slot",{key:"d6880e2b4d182384a19005590ec9fcfe657bc0cd",name:"end"},this.endIconName&&e("udp-fluent-icon",{key:"2526f79fae2f86d8bbaab03282c98f16314e0e07",name:this.endIconName,size:t})))))}get el(){return o(this)}};vt.style=":host{display:inline-block;width:fit-content}.slot-wrapper{display:inline-flex;align-items:center}";const gt=class{constructor(e){t(this,e),this.formSubmitted=i(this,"formSubmitted",7),this.formStateUpdated=i(this,"formStateUpdated",7),this.formReady=i(this,"formReady",7),this.initialValues={}}componentWillLoad(){this.form=M({initialValues:this.initialValues,onSubmit:this.onSubmit,validate:this.validate}),this.formReady.emit(this.form),this.unsubscribe=this.form.subscribe((e=>{this.formStateUpdated.emit({valid:e.valid,invalid:e.invalid,hasValidationErrors:e.hasValidationErrors,dirty:e.dirty,pristine:e.pristine,submitting:e.submitting,submitSucceeded:e.submitSucceeded,submitError:e.submitError})}),{valid:!0,invalid:!0,hasValidationErrors:!0,dirty:!0,pristine:!0,submitting:!0,submitSucceeded:!0,submitError:!0})}componentDidLoad(){var e;this.formElement=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector("form"),this.formId&&this.formElement&&q.register(this.formId,this.formElement)}disconnectedCallback(){this.unsubscribe&&this.unsubscribe(),this.formId&&q.unregister(this.formId)}handleValuesChanged(e){this.form&&this.form.initialize(e)}async submit(){return this.form.submit()}reset(){return this.form.reset(),Promise.resolve()}getCurrentState(){return this.form.getState(),Promise.resolve()}handleFetchFormInstance(e){e.stopPropagation();const t=e.detail;"function"==typeof t&&t(this.form)}render(){return e("form",{key:"51a31944cd2e4a735ac30f7f325ffe2d6d9eca39",id:this.formId,noValidate:!0,onSubmit:e=>{e.preventDefault(),this.form.submit()}},e("slot",{key:"f40e1581e6f3b6864bcfc527794e76a2d4cd0bec"}))}get el(){return o(this)}static get watchers(){return{initialValues:[{handleValuesChanged:0}]}}},yt=class{constructor(e){t(this,e),this.iconType="carbon",this.darkIcon=!0}render(){var t,i;const a=P(this.iconName,this.iconType);if(!a)return null;let o;if(this.color)switch(this.color){case"primary":o="var(--primary-color)";break;case"secondary":o="var(--secondary-color)";break;case"error":o="var(--error-color-main)";break;case"info":o="var(--info-color-main)";break;case"success":o="var(--success-color-main)";break;case"inherit":o="currentColor";break;default:o=this.color}else o=this.darkIcon?"black":"white";return e("div",{class:"icon-container"},e("svg",Object.assign({},null!==(t=null==a?void 0:a.attrs)&&void 0!==t?t:{},{fill:o}),null===(i=null==a?void 0:a.content)||void 0===i?void 0:i.map(((t,i)=>{var a,o;return"path"===(null==t?void 0:t.elem)?e("path",Object.assign({},null!==(a=null==t?void 0:t.attrs)&&void 0!==a?a:{},{key:i})):"circle"===(null==t?void 0:t.elem)?e("circle",Object.assign({},null!==(o=null==t?void 0:t.attrs)&&void 0!==o?o:{},{key:i})):null}))))}};yt.style=".icon-container{height:100%;display:flex;align-items:center;color:inherit}";const kt=class{constructor(e){t(this,e),this.if=!1,this.unmountDelay=500,this.shouldRender=!1}handleIfChange(e){e?(this.clearCloseTimeout(),this.shouldRender=!0):this.closeTimeout=setTimeout((()=>{this.shouldRender=!1}),this.unmountDelay)}componentWillLoad(){this.if&&(this.shouldRender=!0)}clearCloseTimeout(){this.closeTimeout&&(clearTimeout(this.closeTimeout),this.closeTimeout=null)}render(){return e(a,{key:"8dac79e89ea9f186fe3e32ccbe742f28926e94be"},this.shouldRender&&this.content?this.content():null)}static get watchers(){return{if:[{handleIfChange:0}]}}},xt=class{constructor(e){t(this,e),this.color="primary"}render(){return e(a,{key:"16be9abb52d220c3efb80fcc6d14a00971a960e1"},e("div",{key:"90dd2b9a4ba68b4be346aa165e449d1445629b47",class:{loader:!0,[`loader--color-${this.color}`]:!0}},e("div",{key:"03a6f3205a096ad7e7536aae49ebccc14ecb30fc",class:"indeterminate"})))}};xt.style=":host{--udp-loader-primary-color:var(--primary-color, #2953ff);--udp-loader-secondary-color:var(--secondary-color, #6f767a);--udp-loader-success-color:var(--success-color, #0da40d);--udp-loader-error-color:var(--error-color, #ff0000);--udp-loader-warning-color:var(--warning-color, #ffa500);--udp-loader-info-color:var(--info-color, #2953ff)}.loader{position:relative;width:100%;height:4px;background-color:transparent;overflow:hidden;}.indeterminate{background-color:var(--udp-loader-primary-color);position:absolute;width:40%;height:100%;animation:indeterminate 1s linear infinite}.loader--color-primary .indeterminate{background-color:var(--udp-loader-primary-color)}.loader--color-secondary .indeterminate{background-color:var(--udp-loader-secondary-color)}.loader--color-success .indeterminate{background-color:var(--udp-loader-success-color)}.loader--color-error .indeterminate{background-color:var(--udp-loader-error-color)}.loader--color-warning .indeterminate{background-color:var(--udp-loader-warning-color)}.loader--color-info .indeterminate{background-color:var(--udp-loader-info-color)}@keyframes indeterminate{0%{left:-50%;width:50%}100%{left:100%;width:100%}}";const wt=class{constructor(e){t(this,e),this.listItemClick=i(this,"listItemClick",7),this.hasPrimaryTextSlot=!1,this.hasSecondaryTextSlot=!1,this.hasActionsSlot=!1,this.hasStatusChipSlot=!1,this.avatarBackgroundColor="info",this.avatarVariant="rounded",this.clickable=!1,this.variant="normal",this.handleClick=e=>{e.composedPath().some((e=>{var t,i;return(null===(t=e.classList)||void 0===t?void 0:t.contains("actions-container"))||(null===(i=e.classList)||void 0===i?void 0:i.contains("status-chip-container"))}))||this.clickable&&(this.listItemClick.emit(e),this.onClick&&this.onClick(e))},this.handleKeyPress=e=>{!this.clickable||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.handleClick(e))}}componentWillLoad(){this.hasPrimaryTextSlot=!!this.hostEl.querySelector('[slot="primary-text"]'),this.hasSecondaryTextSlot=!!this.hostEl.querySelector('[slot="secondary-text"]'),this.hasActionsSlot=!!this.hostEl.querySelector('[slot="actions"]'),this.hasStatusChipSlot=!!this.hostEl.querySelector('[slot="status-chip"]')}render(){const t=this.primaryText||this.hasPrimaryTextSlot,i=this.secondaryText||this.hasSecondaryTextSlot;return e(a,{key:"65a885bb5488aca2e47e0344c5afa7770bb8756d"},e("div",{key:"1173ade294522a6f89e46c32d2a66f76fd88bda5",class:{"list-item":!0,clickable:this.clickable,"variant-compact":"compact"===this.variant},onClick:this.handleClick,onKeyPress:this.handleKeyPress,role:this.clickable?"button":void 0,tabindex:this.clickable?0:-1},this.iconName&&e("div",{key:"e65a0960041ac97468dda250f835e926cb02a592",class:"avatar-container"},e("udp-avatar",{key:"70f09401e5008bab593131d142fc244f0e6ee9d8",iconName:this.iconName,variant:this.avatarVariant,color:this.avatarBackgroundColor})),e("div",{key:"ff141491127155ba6ea1333d9e4060d31a85f4bd",class:"text-container"},t&&e("div",{key:"ae704e51971aaa365c5e92ccc565fcfc2bc2067b",class:"primary-text"},e("slot",{key:"fcb268bfa3b732888ca8c031493763e1196a4e40",name:"primary-text"},e("unity-typography",{key:"bed80bac0ab0fd47b572bf8ebccc1976a3b69870",variant:"body"},this.primaryText))),i&&e("div",{key:"df6625f5fda100eb714c0dac397837a18c2673b7",class:"secondary-text"},e("slot",{key:"25cd469d1ab6e8e0bc1760cc62fa126c4fd019f1",name:"secondary-text"},e("unity-typography",{key:"a327034ec63a31c385ad022b18a8aa20ce37ff2f",variant:"caption-text",color:"textSecondary"},this.secondaryText)))),this.hasStatusChipSlot&&e("div",{key:"e2a13fff6aeeb5b0a840b7d1072cd9d4935e07cc",class:"status-chip-container"},e("slot",{key:"cb30a3247c2d69481ea3dd5aedc4655b0f42b4f3",name:"status-chip"})),this.hasActionsSlot&&e("div",{key:"e71d26a3729aa54cfef782c25beb6c7b6f20f956",class:"actions-container"},e("slot",{key:"3c8cddab981b56aa563f3431f054b7b47408baba",name:"actions"}))))}get hostEl(){return o(this)}};wt.style=".list-item{display:flex;flex-direction:row;align-items:center;padding:var(--spacing-3, 12px) var(--spacing-4, 16px);background-color:var(--card-background-color, #FFF);transition:background-color 0.1s;gap:var(--spacing-4, 16px);position:relative}.list-item::after{content:'';position:absolute;bottom:0;height:1px;background-color:var(--border-color, #e0e0e0);left:var(--spacing-4, 16px);right:var(--spacing-4, 16px)}.list-item.variant-compact{padding-top:var(--spacing-1, 4px);padding-bottom:var(--spacing-1, 4px)}.list-item.clickable{cursor:pointer}.list-item.clickable:hover{background-color:color-mix(in srgb, var(--card-background-color, #FFF) 95%, black)}.avatar-container{align-items:center}.text-container{flex-grow:1;display:flex;flex-direction:column;justify-content:center}.primary-text{font-weight:400;line-height:1.4}.secondary-text{margin-top:2px}.status-chip-container{display:flex;align-items:center;flex-shrink:0}.actions-container{display:flex;flex-shrink:0}";const St=class{constructor(e){t(this,e),this.itemClick=i(this,"itemClick",7),this.disabled=!1,this.handleItemClick=e=>{this.itemClick.emit(e)}}render(){return e("button",{key:"49b86576f7f160233b74d983a205e1bb643c72b3",class:"menu-item-root",onClick:this.handleItemClick,disabled:this.disabled,role:"menuitem"},this.iconName&&e("udp-icon",{key:"c9b602a4823d8113c0493a4afde1ff0a470c0a3f",iconName:this.iconName,class:"menu-icon"}),e("span",{key:"e79c8cdfc249a8f6df6f4cfc9a7f765d17187bb7",class:"menu-item-label"},e("unity-typography",{key:"6ee26cf5261beb812f7f96d413f9ffb4a9f4dd68",variant:"body1"},this.label)))}};St.style=".menu-item-root{display:flex;width:100%;padding:8px 16px;gap:8px;align-items:center;background:none;border:none;font-family:inherit;text-align:left;cursor:pointer;transition:background-color 0.15s ease-in-out}.menu-item-root:hover:not(:disabled){background-color:rgba(0, 0, 0, 0.08)}.menu-item-label{font-size:14px}.menu-item-root:disabled{cursor:not-allowed;opacity:0.4}.menu-icon{height:100%}";const Ct=class{constructor(e){t(this,e),this.dismissEvent=i(this,"dismiss",3),this.shape="rounded",this.layout="singleline",this.intent="info",this.dismissible=!1,this.handleDismissClick=()=>{this.dismissEvent.emit()}}render(){return e(a,{key:"14c5df2bec65faa6079f130c727b4e26a4af3f0a"},e("fluent-message-bar",{key:"816902f27dee6e2d6f97ad7fe8e89ba947cf1917",shape:this.shape,layout:this.layout,intent:this.intent},e("udp-flexbox",{key:"2462f8bcb88309bf9d9e9c196902c15f357e47f1",direction:"row",gap:"sm",slot:"actions"},e("slot",{key:"48481c06976a7ab481779f94ce83b24791507efb",name:"actions"})),this.dismissible?e("udp-fluent-icon-button",{slot:"dismiss",appearance:"subtle",iconName:"dismiss","aria-label":"Dismiss",onClick:this.handleDismissClick}):e("slot",{name:"dismiss",slot:"dismiss"}),e("slot",{key:"0db0507b9c444dc1f7a49773d6eb89b72a841af8",name:"icon",slot:"icon"}),e("slot",{key:"775df222804424d205106ff5a08debef32be7180"})))}},zt=class{constructor(e){t(this,e),this.isOpen=!1,this.popoverPlacement="bottom-start",this.appendToBody=!0,this.overflow="auto",this.handleTransitionEnd=()=>{this.isOpen||(this.appendToBody&&this.hostEl.parentElement===document.body?document.body.removeChild(this.hostEl):this.container&&this.hostEl.parentElement===this.container&&this.container.removeChild(this.hostEl)),this.destroyPopper()},this.handleKeyDown=e=>{var t;"Escape"===e.key&&(null===(t=this.handleOnClose)||void 0===t||t.call(this,e))},this.handleClickOutside=e=>{var t;const i=e.composedPath(),a=this.getAnchorElement();i.includes(this.hostEl)||a&&i.includes(a)||null===(t=this.handleOnClose)||void 0===t||t.call(this,e)}}disconnectedCallback(){this.removeListeners(),this.destroyPopper()}handleOpenChange(e){e?this.present():this.dismiss()}present(){const e=this.getContainer();e&&e.appendChild(this.hostEl),this.addListeners(),requestAnimationFrame((()=>{this.setupPopper(),this.hostEl.classList.add("is-visible")}))}dismiss(){this.removeListeners(),this.hostEl.classList.remove("is-visible"),this.hostEl.addEventListener("transitionend",this.handleTransitionEnd,{once:!0})}addListeners(){document.addEventListener("keydown",this.handleKeyDown),setTimeout((()=>{this.isOpen&&document.addEventListener("click",this.handleClickOutside)}),0)}removeListeners(){document.removeEventListener("keydown",this.handleKeyDown),document.removeEventListener("click",this.handleClickOutside)}getAnchorElement(){return"string"==typeof this.anchorElement?document.getElementById(this.anchorElement):this.anchorElement}getContainer(){return this.container?this.container:this.appendToBody?document.body:null}setupPopper(){const e=this.getAnchorElement();e?(this.popperInstance&&this.popperInstance.destroy(),this.popperInstance=T(e,this.hostEl,{strategy:"fixed",placement:this.popoverPlacement,modifiers:[{name:"offset",options:{offset:[0,8]}},{name:"preventOverflow",options:{padding:8}},{name:"flip"}]})):console.error("UdpPopover: Anchor element could not be found.")}destroyPopper(){this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null)}componentWillLoad(){this.isOpen&&this.present()}render(){return e(a,{key:"43112ccc31e6efaa8b34eb91ed5c2ea8b6d6fab2"},e("div",{key:"386fbf8289a49094820ce999fc630e6639e24601",class:"popover",style:{width:this.popoverWidth,maxHeight:this.popoverMaxHeight,overflow:this.overflow}},e("slot",{key:"200b7b48753905f8a6dfa5ffa92c5054e1a38d05"})))}get hostEl(){return o(this)}static get watchers(){return{isOpen:[{handleOpenChange:0}]}}};zt.style=":host{display:block;position:fixed;z-index:9999;pointer-events:none;opacity:0;transform:scale(0.95);transition:opacity 0.2s ease-out}:host(.is-visible){pointer-events:auto;opacity:1;transform:scale(1)}.popover{background-color:white;box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);border:1px solid #e0e0e0}";const Nt="anchorName"in document.documentElement.style,Ft=class{constructor(e){t(this,e),this.popoverOpen=i(this,"popoverOpen",7),this.popoverClose=i(this,"popoverClose",7),this.open=!1,this.position="bottom-start",this.keepOpenOnClickOutside=!1,this.size="medium",this.withArrow=!1,this.trapFocus=!1,this.closeOnScroll=!1,this.closeOnBlur=!0,this.toggleOnTriggerClick=!0,this.matchTriggerWidth=!1,this.anchorId=`anchor-${Math.random().toString(36).slice(2,9)}`,this.handleNativeToggle=e=>{this.open="open"===e.newState,this.open?(this.popoverOpen.emit(),Nt||this.initFallback(),this.closeOnScroll&&document.addEventListener("scroll",this.handleScroll,{capture:!0,passive:!0}),this.trapFocus&&requestAnimationFrame((()=>{this.focusFirstElement(),document.addEventListener("keydown",this.handleKeyDown)}))):(this.popoverClose.emit(),this.cleanupFallback(),document.removeEventListener("scroll",this.handleScroll,{capture:!0}),document.removeEventListener("keydown",this.handleKeyDown))},this.handleScroll=()=>{this.closeOnScroll&&this.open&&(this.open=!1)},this.handleFocusOut=e=>{if(!this.open||!this.closeOnBlur)return;if(this.isClickingInside)return;const t=e.relatedTarget;requestAnimationFrame((()=>{var e;if(!this.open)return;const i=t&&this.el.contains(t),a=t&&(null===(e=this.popoverWrapper)||void 0===e?void 0:e.contains(t));i||a||(this.open=!1)}))},this.reposition=()=>{this.frameId&&cancelAnimationFrame(this.frameId),this.frameId=requestAnimationFrame((()=>{var e;if(!this.popoverWrapper||!this.open)return;const t=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector('slot[name="trigger"]'),i=null==t?void 0:t.assignedElements();if(!(null==i?void 0:i.length))return;const a=i[0].getBoundingClientRect(),o=this.popoverWrapper.getBoundingClientRect(),n=this.withArrow?12:2;let r=0,s=0;this.position.startsWith("top")?r=a.top-o.height-n:this.position.startsWith("bottom")&&(r=a.bottom+n),s=this.position.endsWith("start")?a.left:this.position.endsWith("end")?a.right-o.width:a.left+a.width/2-o.width/2,this.popoverWrapper.style.top=`${r}px`,this.popoverWrapper.style.left=`${s}px`,this.matchTriggerWidth&&(this.popoverWrapper.style.width=`${a.width}px`)}))},this.handleKeyDown=e=>{if(!this.open||!this.trapFocus||"Tab"!==e.key)return;const t=this.getFocusableElements();if(0===t.length)return;const i=this.getDeepActiveElement(),a=t.findIndex((e=>this.isElementEqual(i,e))),o=t[0],n=t[t.length-1];e.shiftKey?(0===a||this.isElementEqual(i,o))&&(e.preventDefault(),n.focus()):(a===t.length-1||this.isElementEqual(i,n))&&(e.preventDefault(),o.focus())},this.isClickingInside=!1}handleOpenChange(e){var t,i;e?null===(t=this.popoverWrapper)||void 0===t||t.showPopover():null===(i=this.popoverWrapper)||void 0===i||i.hidePopover()}componentDidLoad(){var e;this.open&&(null===(e=this.popoverWrapper)||void 0===e||e.showPopover())}disconnectedCallback(){this.cleanupFallback(),document.removeEventListener("keydown",this.handleKeyDown),document.removeEventListener("scroll",this.handleScroll,{capture:!0})}async showPopover(){this.open=!0}async closePopover(){this.open=!1}getPositionArea(){return{top:"block-start","top-start":"block-start span-inline-end","top-end":"block-start span-inline-start",bottom:"block-end","bottom-start":"block-end span-inline-end","bottom-end":"block-end span-inline-start",left:"inline-start","left-start":"inline-start span-block-end","left-end":"inline-start span-block-start",right:"inline-end","right-start":"inline-end span-block-end","right-end":"inline-end span-block-start"}[this.position]||"block-end span-inline-end"}initFallback(){this.cleanupFallback(),this.abortController=new AbortController;const{signal:e}=this.abortController;window.addEventListener("scroll",this.reposition,{passive:!0,signal:e,capture:!0}),window.addEventListener("resize",this.reposition,{passive:!0,signal:e}),this.reposition()}cleanupFallback(){var e;null===(e=this.abortController)||void 0===e||e.abort(),this.frameId&&cancelAnimationFrame(this.frameId)}focusFirstElement(){const e=this.getFocusableElements();e.length>0&&e[0].focus()}getFocusableElements(){var e;const t=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector('slot[name="content"]');if(!t)return[];const i=[],a=e=>{var t;if(e.nodeType!==Node.ELEMENT_NODE)return;const o=e;(null===(t=o.matches)||void 0===t?void 0:t.call(o,"a[href], button, input, textarea, select, [tabindex]"))&&!o.hasAttribute("disabled")&&"-1"!==o.getAttribute("tabindex")&&(e=>{const t=getComputedStyle(e);if("none"===t.display||"hidden"===t.visibility)return!1;const i=e.getBoundingClientRect();return i.width>0&&i.height>0})(o)&&i.push(o),o.shadowRoot&&Array.from(o.shadowRoot.children).forEach(a),Array.from(o.children).forEach(a)};return t.assignedElements({flatten:!0}).forEach(a),i.sort(((e,t)=>{const i=e.getBoundingClientRect(),a=t.getBoundingClientRect();return Math.abs(i.top-a.top)>5?i.top-a.top:i.left-a.left})),i}getDeepActiveElement(){var e;let t=document.activeElement;for(;null===(e=null==t?void 0:t.shadowRoot)||void 0===e?void 0:e.activeElement;)t=t.shadowRoot.activeElement;return t}isElementEqual(e,t){var i,a;return!(!e||!t||e!==t&&!(null===(i=e.shadowRoot)||void 0===i?void 0:i.contains(t))&&!(null===(a=t.shadowRoot)||void 0===a?void 0:a.contains(e)))}render(){return e(a,{key:"768f1994c6277809dba1d197aaa431d1efb2f1d1",style:{"--udp-internal-anchor-name":`--${this.anchorId}`},class:{"has-arrow":this.withArrow},onClick:e=>{this.toggleOnTriggerClick&&(this.popoverWrapper&&e.composedPath().includes(this.popoverWrapper)||(this.open=!this.open))},onFocusout:this.handleFocusOut},e("slot",{key:"b741368087f8ea39bc19cab527456858a2988a45",name:"trigger"}),e("div",{key:"89e01fc9e75cb206ee43f2edcf0307dda842b164",popover:this.keepOpenOnClickOutside?"manual":"auto",class:{"popover-shell":!0,"position-top":this.position.startsWith("top"),"position-bottom":this.position.startsWith("bottom"),"position-left":this.position.startsWith("left"),"position-right":this.position.startsWith("right"),"match-trigger-width":this.matchTriggerWidth},ref:e=>this.popoverWrapper=e,onToggle:this.handleNativeToggle,onMouseDown:()=>{this.isClickingInside=!0,setTimeout((()=>{this.isClickingInside=!1}),200)},style:{"position-anchor":"var(--udp-internal-anchor-name)","position-area":this.getPositionArea()}},e("div",{key:"afcbfc0bb0744cc1cd46ba0b847ff32633b8b77f",part:"content",class:{"popover-content":!0,[`size-${this.size}`]:!!this.size}},this.withArrow&&e("div",{key:"3866c6cdada36e67a8cf11bb22e715ccdd5984ab",class:"popover-arrow"}),e("slot",{key:"113771453452c511b0aef23b3cd04980a68cb8fe",name:"content"}))))}get el(){return o(this)}static get watchers(){return{open:[{handleOpenChange:0}]}}};Ft.style=":host{display:contents}::slotted([slot='trigger']){anchor-name:var(--udp-internal-anchor-name)}.popover-shell{position:fixed;inset:auto;border:none;padding:0;margin:0;background:transparent;overflow:visible;outline:none;position-try-fallbacks:flip-block, flip-inline}.popover-shell.position-top{margin-block-end:2px}.popover-shell.position-bottom{margin-block-start:2px}.popover-shell.position-left{margin-inline-end:3px}.popover-shell.position-right{margin-inline-start:3px}:host(.has-arrow) .popover-shell.position-top{margin-block-end:8px}:host(.has-arrow) .popover-shell.position-bottom{margin-block-start:8px}:host(.has-arrow) .popover-shell.position-left{margin-inline-end:8px}:host(.has-arrow) .popover-shell.position-right{margin-inline-start:8px}@supports not (anchor-name: --test){.popover-shell{position:fixed;margin:0}}.popover-content{position:relative;background-color:var(--colorNeutralBackground1, #ffffff);border:1px solid var(--colorTransparentStroke, transparent);border-radius:var(--borderRadiusMedium, 4px);color:var(--colorNeutralForeground1, #242424);padding:var(--spacingVerticalSNudge) var(--spacingHorizontalMNudge);box-sizing:border-box;box-shadow:var(--shadow16, 0px 8px 16px rgba(0, 0, 0, 0.14), 0px 0px 2px rgba(0, 0, 0, 0.12));width:max-content;min-width:160px;max-width:300px}.size-small{max-width:320px}.size-medium{max-width:480px}.size-large{max-width:640px}.popover-shell.match-trigger-width{width:anchor-size(width);min-width:0;max-width:anchor-size(width)}.popover-shell.match-trigger-width>.popover-content{width:100%;min-width:0;max-width:100%}.popover-arrow{position:absolute;width:10px;height:10px;background-color:inherit;border:inherit;border-bottom:none;border-right:none;z-index:1;transform:rotate(45deg)}.position-bottom .popover-arrow{top:-6px;bottom:auto;left:50%;right:auto;margin-left:-5px;transform:rotate(45deg)}.position-top .popover-arrow{top:auto;bottom:-6px;left:50%;right:auto;margin-left:-5px;transform:rotate(225deg)}.position-left .popover-arrow{top:50%;bottom:auto;left:auto;right:-6px;margin-top:-5px;margin-left:0;transform:rotate(135deg)}.position-right .popover-arrow{top:50%;bottom:auto;left:-6px;right:auto;margin-top:-5px;margin-left:0;transform:rotate(-45deg)}.popover-shell:popover-open{display:block;animation:udp-popover-fade-in 0.15s ease-out}.popover-shell:not(:popover-open){display:none}@keyframes udp-popover-fade-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}";const _t=class{constructor(e){t(this,e),this.hasInline=!1,this.hasSubtitle=!1,this.hasActions=!1,this.hasToolbar=!1,this.overflowCount=0,this.actionWidths=[],this.overflowButtonWidth=0,this.justCollapsed=!1,this.handleSlotChange=()=>{this.checkSlots()}}componentWillLoad(){this.checkSlots()}componentDidLoad(){this.resizeObserver=new ResizeObserver((()=>this.updateLayout())),this.resizeObserver.observe(this.el)}componentDidRender(){this.updateLayout()}disconnectedCallback(){var e;null===(e=this.resizeObserver)||void 0===e||e.disconnect()}checkSlots(){this.hasInline=A(this.el,"inline"),this.hasSubtitle=A(this.el,"subtitle"),this.hasActions=A(this.el,"actions"),this.hasToolbar=A(this.el,"toolbar")}updateLayout(){var e,t;const i=this.el.shadowRoot;if(!i)return;const a=i.querySelector(".title-inline"),o=i.querySelector(".system-actions"),n=i.querySelector(".slot-actions"),r=o||n;if(!a||!r)return;const s=null!==(e=this.secondaryActions)&&void 0!==e?e:[],d=!!this.primaryAction,l=s.length+(d?1:0),c=Math.max(0,s.length-3);if(0===l)return void(0!==this.overflowCount&&(this.overflowCount=0));Array.from(r.querySelectorAll(".secondary-action")).forEach((e=>{var t;const i=parseInt(null!==(t=e.dataset.index)&&void 0!==t?t:"-1",10);i>=0&&(this.actionWidths[i]=e.offsetWidth)}));const h=r.querySelector(".primary-action");h&&(this.actionWidths[s.length]=h.offsetWidth);const u=r.querySelector(".overflow-action");u&&(this.overflowButtonWidth=u.offsetWidth);const p=this.overflowButtonWidth||48,b=a.offsetWidth;a.style.flex="0 0 auto";const f=a.offsetWidth;a.style.flex="";const m=this.hasActions&&null!==(t=null==n?void 0:n.offsetWidth)&&void 0!==t?t:0,v=f>b-m-10,g=b-f;let y=this.overflowCount;if(v&&this.overflowCount<l)y=this.overflowCount<s.length?s.length:l,this.justCollapsed=!0;else if(!v&&this.overflowCount>c)if(this.justCollapsed)this.justCollapsed=!1;else{const e=d&&this.overflowCount===l;let t=0,i=0;if(e)t=this.actionWidths[s.length]||120;else{const e=s.length-c;for(let i=0;i<e;i++)t+=this.actionWidths[i]||100;0===c&&(i=p)}g>=t-i+m+10+16&&(y=e?s.length:c)}y<c&&(y=c),y>l&&(y=l),y!==this.overflowCount&&(this.overflowCount=y)}renderSecondaryActions(){var t;const i=null!==(t=this.secondaryActions)&&void 0!==t?t:[],a=!!this.primaryAction,o=Math.min(i.length,this.overflowCount),n=Math.max(0,i.length-o),r=i.slice(0,n),s=i.slice(n),d=a&&this.overflowCount>i.length;if(0===i.length&&!d)return null;const l=[];if(r.forEach(((t,i)=>{l.push(t.iconOnly&&t.iconName?e("udp-tooltip",{content:t.label},e("udp-fluent-icon-button",{class:"secondary-action","data-index":i,appearance:"secondary",shape:"rounded",iconName:t.iconName,ariaLabel:t.label,disabled:t.disabled,onClick:t.onClick})):e("udp-fluent-button",{class:"secondary-action","data-index":i,appearance:"secondary",startIconName:t.iconName,disabled:t.disabled,onClick:t.onClick},t.label))})),s.length>0||d){const t=[];d&&this.primaryAction&&t.push({text:this.primaryAction.label,startIconName:this.primaryAction.iconName,disabled:this.primaryAction.disabled,onClick:()=>this.primaryAction.onClick()}),s.forEach((e=>{t.push({text:e.label,startIconName:e.iconName,disabled:e.disabled,onClick:()=>e.onClick()})})),l.push(e("span",{class:"overflow-action"},e("udp-fluent-menu",{buttonType:"icon",endIconName:"more-vertical",items:t})))}return l}renderPrimaryAction(){var t,i;const a=this.primaryAction;if(!a)return null;const o=null!==(t=this.secondaryActions)&&void 0!==t?t:[];if(this.overflowCount>o.length)return null;if((null===(i=a.items)||void 0===i?void 0:i.length)>0){const t=a.items.map((e=>({text:e.label,disabled:e.disabled,onClick:()=>e.onClick()})));return e("span",{class:"primary-action"},e("udp-fluent-menu",{buttonType:"split",label:a.label,startIconName:a.iconName,appearance:"primary",disabled:a.disabled,items:t,onPrimaryClick:()=>a.onClick()}))}return e("udp-fluent-button",{class:"primary-action",appearance:"primary",startIconName:a.iconName,disabled:a.disabled,loading:a.loading,onClick:a.onClick},a.label)}render(){var t;const i=!!this.primaryAction||((null===(t=this.secondaryActions)||void 0===t?void 0:t.length)||0)>0;return e(a,{key:"7bfdb362f8d505a97dfbf03429341b8a33a9cbb9"},e("div",{key:"49c88d57ffba4b115cee305b2e400f0956265ba7",class:{"header-body":!0,"has-toolbar":this.hasToolbar}},e("div",{key:"855a89cf5cf59b343411164ddb4ae048a5c66984",class:"title-row"},e("div",{key:"63760c4deb501c3b3ddfe3a90b171798edf2a450",class:"title-inline"},e("udp-text",{key:"036031a5d004507c059493785a43fadbbbac2ed6",variant:"subtitle1",block:!1},void 0!==this.title?this.title:e("slot",{name:"title",onSlotchange:this.handleSlotChange})),e("div",{key:"437de5b55b7d98662f20ce33d52e26bb235132e0",class:{"slot-inline":!0,hidden:!this.hasInline}},e("slot",{key:"b36c68de2b2a95cdf98111d3c0ee198015529d95",name:"inline",onSlotchange:this.handleSlotChange}))),e("div",{key:"90b270268a68080d981b8232ce44643010cc5541",class:{"slot-actions":!0,hidden:!this.hasActions}},e("slot",{key:"2709bacc7eeaf9e6398446c7daa07d4f1ff61953",name:"actions",onSlotchange:this.handleSlotChange})),e("div",{key:"2c95fbd925395017bd9578aabc60f2baf91eafd0",class:{"system-actions":!0,hidden:!i}},this.renderSecondaryActions(),this.renderPrimaryAction())),e("div",{key:"2b9f38b4ba8476a4a6a9223c3d934a1944d63bed",class:{"subtitle-row":!0,hidden:!this.hasSubtitle&&!this.subtitle}},e("udp-text",{key:"d48e16c92152caa6e6f2b2e2b47599612e3b80e5",variant:"caption1"},void 0!==this.subtitle?this.subtitle:e("slot",{name:"subtitle",onSlotchange:this.handleSlotChange})))),e("div",{key:"fdd7ca4857d68c9c8c314d4dcf6c63d30fec2670",class:{"toolbar-row":!0,hidden:!this.hasToolbar}},e("slot",{key:"bd2d52993b683da5de42a0d7cf1a532309c8ff53",name:"toolbar",onSlotchange:this.handleSlotChange})))}get el(){return o(this)}};_t.style=':host{display:block;width:100%;box-sizing:border-box;background-color:var(--colorNeutralBackground1)}.header-body{display:flex;flex-direction:column;padding:var(--spacingVerticalS) var(--spacingHorizontalL);border-bottom:1px solid var(--colorNeutralStroke3)}.title-row{display:flex;align-items:center;gap:var(--spacingHorizontalS);min-height:36px}.title-inline{display:flex;align-items:center;gap:var(--spacingHorizontalS);flex:1 1 auto;min-width:0}.title-inline udp-text{flex-shrink:0;white-space:nowrap}.slot-inline{display:flex;align-items:center;flex:1;min-width:0;overflow:hidden}slot[name="inline"]::slotted(*){min-width:0;flex:1}.slot-actions{display:flex;align-items:center;gap:var(--spacingHorizontalS);flex-shrink:99999;min-width:0;overflow:hidden;flex-wrap:nowrap}.slot-actions>*,.slot-actions ::slotted(*){flex-shrink:0}.system-actions{display:flex;align-items:center;gap:var(--spacingHorizontalS);flex-shrink:0;min-width:max-content}.system-actions>span.primary-action,.system-actions>span.overflow-action{display:flex}.subtitle-row{margin-top:-6px}.subtitle-row udp-text{color:var(--colorNeutralForeground2)}.toolbar-row{display:flex;align-items:center;min-height:48px;border-bottom:1px solid var(--colorNeutralStroke3)}.toolbar-row.hidden{display:none}.toolbar-row slot{flex:1;min-width:0;overflow:hidden}slot[name="toolbar"]::slotted(*){min-width:0;flex:1}.hidden{display:none}';const Dt=class{constructor(e){t(this,e),this.thickness="medium",this.shape="rounded",this.validationState="info"}render(){return e(a,{key:"71586cde3c899e5f2234876474551568a0c46783"},e("fluent-progress-bar",{key:"1d72941dcc0ecd5703aeaea6f39efa79b0fd7578",thickness:this.thickness,shape:this.shape,"validation-state":this.validationState,value:this.value,min:this.min,max:this.max}))}},Bt=class{constructor(e){t(this,e),this.valueChanged=i(this,"valueChanged",7),this.inputBlur=i(this,"inputBlur",7),this.inputFocus=i(this,"inputFocus",7),this.internalValue="",this.includeErrorPadding=!0,this.type="text",this.required=!1,this.disabled=!1,this.readonly=!1,this.autofocus=!1,this.spellcheck=!1,this.appearance="outline",this.controlSize="medium",this.handleInput=e=>{e.stopPropagation();const t=e.target;this.internalValue=t.value,this.valueChanged.emit(t.value)},this.handleClear=e=>{var t;e.stopPropagation(),this.internalInput&&(this.internalInput.value=""),this.internalValue="",this.valueChanged.emit(""),null===(t=this.internalInput)||void 0===t||t.focus()}}handleValuePropChange(e){this.internalValue=null!=e?e:""}componentDidLoad(){var e;this.internalInput&&null!=this.value&&(this.internalInput.value=this.value),this.internalValue=null!==(e=this.value)&&void 0!==e?e:""}select(){var e;return null===(e=this.internalInput)||void 0===e||e.select(),Promise.resolve()}render(){const t=!!this.error,i=this.error||this.hint;return e(a,{key:"490634be767d8d4b2b0da2c4bb17023024ae0530",class:{"has-error":t}},e("fluent-field",{key:"c02f9c697f745a2d1fa3b5cfa399e9842263c94b",class:{"no-message":!i&&!this.includeErrorPadding}},e("fluent-text-input",{key:"bf1f8aa98a08ddc90c07e018e350fca00ba33c27",ref:e=>this.internalInput=e,class:{"no-label":!this.label},slot:"input",name:this.name,value:this.value,type:this.type,placeholder:this.placeholder,required:this.required,disabled:this.disabled,readonly:this.readonly,autofocus:this.autofocus,autocomplete:this.autocomplete,spellcheck:this.spellcheck?"true":"false",appearance:this.appearance,controlSize:this.controlSize,onInput:this.handleInput,onBlur:()=>this.inputBlur.emit(),onFocus:()=>this.inputFocus.emit(),onInvalid:e=>e.preventDefault()},e("slot",{key:"d2a6e5d9650493ff2da32d57e0b8ddc4e1316c58",slot:"start",name:"start"},e("udp-fluent-icon",{key:"d57e926bd88973ec4b6fd9f7284f35eedd1befc9",name:"search",size:"xs"})),e("udp-fluent-icon-button",{key:"08b43e5cfcd8dde7dfbacb58e044ccf3adfde1a6",class:{"clear-button":!0,"is-visible":!!this.internalValue&&!this.disabled&&!this.readonly},slot:"end",iconName:"dismiss",appearance:"transparent",size:"small",onClick:this.handleClear,onMouseDown:e=>e.preventDefault(),ariaLabel:"Clear",tabIndex:-1}),this.label&&e("fluent-label",{key:"ab4c3fba81299dcc5d8889b9f60d2571a4809c91",required:this.required,disabled:this.disabled},this.label,this.popupHint&&e("udp-tooltip",{key:"723364d0350b704dd41437b8c588c6a697c46ed1",content:this.popupHint,positioning:"above"},e("udp-fluent-icon",{key:"c294561ef96e233b79a3ae9e58d17ee3a57ddf6a",name:"info",size:"xs",class:"popup-hint-icon"})))),(!!i||this.includeErrorPadding)&&e("udp-text",{key:"bf0881fc0e97104ff956c826db2fdf78a38e4ce9",slot:"message",variant:"caption1",class:{message:!0,error:t,includeErrorPadding:this.includeErrorPadding}},i)))}static get delegatesFocus(){return!0}static get watchers(){return{value:[{handleValuePropChange:0}]}}};Bt.style="fluent-text-input.no-label::part(label){display:none}fluent-field.no-message::part(message){display:none}fluent-text-input[disabled]::part(control){color:var(--colorNeutralForegroundDisabled);-webkit-text-fill-color:var(--colorNeutralForegroundDisabled)}fluent-text-input[disabled]::part(root){background-color:var(--colorNeutralBackgroundDisabled)}fluent-label[disabled]{color:var(--colorNeutralForeground1)}fluent-text-input::part(control):-webkit-autofill,fluent-text-input::part(control):-webkit-autofill:hover,fluent-text-input::part(control):-webkit-autofill:focus,fluent-text-input::part(control):-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--colorNeutralBackground1) inset !important;-webkit-text-fill-color:var(--colorNeutralForeground1) !important;transition:background-color 5000s ease-in-out 0s}:host{display:block;width:100%;color:var(--colorNeutralForeground1)}fluent-field{width:100%}fluent-text-input{width:100%;max-width:100%}.message{color:var(--colorNeutralForeground3)}.message.includeErrorPadding{min-height:var(--lineHeightBase200)}.message.error{color:var(--colorPaletteRedForeground1)}.popup-hint-icon{margin-left:2px}:host(.has-error) fluent-text-input::part(root){border-color:var(--colorPaletteRedBorder2)}:host(.has-error:focus-within) fluent-text-input::part(root){border-color:var(--colorNeutralStroke1)}.clear-button{display:none}.clear-button.is-visible{display:inline-flex}";const It=class{constructor(e){t(this,e),this.udpSideSheetClose=i(this,"udpSideSheetClose",7),this.udpPrimaryButtonClick=i(this,"udpPrimaryButtonClick",7),this.udpHeaderActionButtonClick=i(this,"udpHeaderActionButtonClick",7),this.open=!1,this.position="right",this.width="md",this.padding=!0,this.loading=!1,this.headerActionButtonDisabled=!1,this.primaryButtonDisabled=!1,this.showOverflowButton=!1,this.openOverflowMenu=!1,this.visibleSecondaryButtons=[],this.overflowSecondaryButtons=[],this.originalBodyOverflow="",this.originalBodyPaddingRight="",this.handleTransitionEnd=()=>{this.open||this.hostEl.parentElement!==document.body||document.body.removeChild(this.hostEl)},this.onClose=()=>{this.open=!1,this.udpSideSheetClose.emit()},this.onCloseBackdrop=e=>{e.target===e.currentTarget&&this.onClose()},this.onPrimaryButtonClick=()=>{this.udpPrimaryButtonClick.emit()},this.onHeaderActionButtonClick=()=>{this.udpHeaderActionButtonClick.emit()},this.onMoreActionButtonClick=e=>{this.overflowMenuAnchor=e.currentTarget,this.openOverflowMenu=!0},this.handleCloseOverflowMenu=()=>{this.openOverflowMenu=!1}}handleOpenChange(e,t){if(e!==t)if(e){const e=window.innerWidth-document.documentElement.clientWidth;if(this.originalBodyOverflow=document.body.style.overflow,this.originalBodyPaddingRight=document.body.style.paddingRight,document.body.appendChild(this.hostEl),e>0){const t=parseInt(window.getComputedStyle(document.body).paddingRight)||0;document.body.style.paddingRight=`${t+e}px`}document.body.style.overflow="hidden",requestAnimationFrame((()=>{this.hostEl.classList.add("is-visible"),setTimeout((()=>this.checkOverflow()),50)}))}else this.hostEl.classList.remove("is-visible"),document.body.style.overflow=this.originalBodyOverflow,document.body.style.paddingRight=this.originalBodyPaddingRight,this.hostEl.addEventListener("transitionend",this.handleTransitionEnd,{once:!0})}handleSecondaryButtonsChange(){setTimeout((()=>this.checkOverflow()),50)}checkOverflow(){if(!this.footerRef||!this.measurementContainerRef)return;if(!this.footerSecondaryButtons||0===this.footerSecondaryButtons.length)return void(this.showOverflowButton=!1);const e=this.footerRef.offsetWidth,t=window.getComputedStyle(this.footerRef),i=e-parseFloat(t.paddingLeft)-parseFloat(t.paddingRight),a=this.measurementContainerRef.querySelectorAll("udp-button");let o=0;a.forEach(((e,t)=>{const i=e&&e instanceof HTMLElement?e.offsetWidth:0;if(o+=i,t<a.length-1){const e=window.getComputedStyle(this.measurementContainerRef),t=parseFloat(e.gap)||4;o+=t}})),this.showOverflowButton=o+10>i}componentDidLoad(){this.resizeObserver=new ResizeObserver((()=>{this.checkOverflow()})),requestAnimationFrame((()=>{setTimeout((()=>{this.footerRef&&this.resizeObserver.observe(this.footerRef),this.checkOverflow()}),100)}))}disconnectedCallback(){"hidden"===document.body.style.overflow&&(document.body.style.overflow=this.originalBodyOverflow,document.body.style.paddingRight=this.originalBodyPaddingRight),this.resizeObserver&&this.resizeObserver.disconnect()}render(){var t,i,a,o,n,r,s;const d="number"==typeof this.width?"custom-width":this.width,l="number"==typeof this.width?{maxWidth:`${this.width}px`}:{},c=Boolean(this.headerActionButtonIcon)?e("udp-icon",{iconName:this.headerActionButtonIcon,color:"inherit"}):void 0,h=e("udp-icon",{key:"adf954f5aa1e92b211ace05d17db3d1c0ad86d88",iconName:"overflowMenuVertical",color:"inherit"});return e("div",{key:"22d1fdfcb8b854c088f65550e52f46931c654477",class:"backdrop",onClick:this.onCloseBackdrop},e("div",{key:"97e8aa89547048b7df7017325125468e5ec3a686",class:{sheet:!0,[this.position]:!0,[d]:!0},style:l},e("div",{key:"53c4857ae4d6b4a606585bce123976da1c5a1030",class:"title-container"},e("div",{key:"eb986269945724c4dd92fdbf737d617221456918",class:"close-button"},e("stencil-icon-button",{key:"91be00c8bf9f4b1c274b480f4cec0191734fe8ff",icon:E,onClick:this.onClose,secondary:!0})),e("div",{key:"6a6a6fa9702ec95474b404565c01a57a82cb8e15",class:"title-text"},e("unity-typography",{key:"5c23cb6871d9f93589199c0808963bd039f88060",variant:"h6"},this.title)),(this.headerActionButtonLabel||(null===(t=this.headerSecondaryButtons)||void 0===t?void 0:t.length)>0)&&e("div",{key:"7889facee173108d93a27ba4d8f1238d22d854e6",class:"header-action-button"},null===(i=this.headerSecondaryButtons)||void 0===i?void 0:i.map((t=>e("udp-button",{variant:"outlined",disabled:t.disabled,onClick:t.onClick,endIcon:t.icon},t.label))),this.headerActionButtonLabel&&e("udp-button",{key:"ca6fabdf1924f770686574e0d9ab1784a01508aa",disabled:this.headerActionButtonDisabled,onClick:this.onHeaderActionButtonClick,startIcon:c,variant:"contained"},this.headerActionButtonLabel))),e("div",{key:"1faf19fb4f315548de554a8fe9c2d07cf8963e7e",class:"loader-container"},e("udp-linear-loader",{key:"7aa673e888a8de784895441cd9301fd181889044",class:{"is-loading":this.loading},color:"primary"})),e("div",{key:"3d58e75b7e2bc6411112498c3e25ddec76933976",class:{content:!0,padding:this.padding}},e("slot",{key:"f5fc445b58712fa7ec7fbd19514bbb1a2d0cbac6"})),(this.primaryButtonLabel||(null===(a=this.footerSecondaryButtons)||void 0===a?void 0:a.length)>0)&&e("div",{key:"b9d96c4c9ce80d4c38d670db213ab816ea135e53"},e("div",{key:"7a25131a83ce0a75718dae0f98bf06d31c378171",class:"loader-container"}),e("div",{key:"904641976ddcfdac76d213b6735d573146c3efef",class:{footer:!0},ref:e=>this.footerRef=e},!this.showOverflowButton&&(null===(o=this.footerSecondaryButtons)||void 0===o?void 0:o.length)>0&&e("div",{key:"de709f71facef6a251999c1279bc91e960d0f8d6",class:"footer-secondary-buttons-container"},e("div",{key:"d963c3bfe3dc914a26ff6c6b933fee301c0d2e46",class:"footer-secondary-buttons"},null===(n=this.footerSecondaryButtons)||void 0===n?void 0:n.map((t=>e("udp-button",{variant:"outlined",disabled:t.disabled,onClick:t.onClick,endIcon:t.icon},t.label))))),this.showOverflowButton&&e("udp-button",{key:"71fa507ef7f601ffc751b24154ef0049ef309ca2",variant:"outlined",onClick:this.onMoreActionButtonClick,color:"secondary",endIcon:h},"More"),this.primaryButtonLabel&&e("udp-button",{key:"1332b8210ef0c96d249155460f056958d64d827d",variant:"contained",disabled:this.primaryButtonDisabled,onClick:this.onPrimaryButtonClick,endIcon:this.primaryButtonIcon},this.primaryButtonLabel),this.showOverflowButton&&e("udp-pop-over",{key:"4136309a335f605591638be378a2416824bb116a",anchorElement:this.overflowMenuAnchor,isOpen:this.openOverflowMenu,popoverWidth:"200px",popoverMaxHeight:"300px",handleOnClose:this.handleCloseOverflowMenu},e("div",{key:"13a80893e26f3044444707fcb280f1c163c17ebe",class:"menu"},null===(r=this.footerSecondaryButtons)||void 0===r?void 0:r.map((t=>e("udp-menu-item",{label:null==t?void 0:t.label,iconName:null==t?void 0:t.icon,onItemClick:()=>{null==t||t.onClick(),this.handleCloseOverflowMenu()},disabled:null==t?void 0:t.disabled}))))),e("div",{key:"f4595635dd8be798ab8e23e508caaf29b38b0395",ref:e=>this.measurementContainerRef=e,style:{position:"absolute",visibility:"hidden",pointerEvents:"none",display:"flex",gap:"var(--spacing-02, 4px)"},"aria-hidden":"true"},null===(s=this.footerSecondaryButtons)||void 0===s?void 0:s.map((t=>e("udp-button",{variant:"text",size:"medium",disabled:t.disabled,endIcon:t.icon},t.label))),this.primaryButtonLabel&&e("udp-button",{key:"3bd08216608c6dffda178ec4ee0d26e694f2bcb5",variant:"contained",size:"medium",disabled:this.primaryButtonDisabled,endIcon:this.primaryButtonIcon},this.primaryButtonLabel))))))}get hostEl(){return o(this)}static get watchers(){return{open:[{handleOpenChange:0}],footerSecondaryButtons:[{handleSecondaryButtonsChange:0}]}}};It.style=":host{position:fixed;top:0;left:0;width:0;height:0;overflow:hidden;transform:translate(0);z-index:9999;visibility:hidden;transition:visibility 0s 0.2s, width 0s 0.2s, height 0s 0.2s}:host(.is-visible){width:100vw;height:100vh;overflow:visible;visibility:visible;transition-delay:0s}.backdrop{background:rgba(0, 0, 0, 0.5);width:100%;height:100%;position:fixed;top:0;left:0;opacity:0;transition:opacity 0.2s ease-in-out}:host(.is-visible) .backdrop{opacity:1}.sheet{background:white;height:100vh;position:fixed;top:0;display:flex;flex-direction:column;box-shadow:0 0 4px rgba(0, 0, 0, 0.3);transition:transform 0.2s ease-in-out;width:100%}.sheet.right{right:0;transform:translateX(100%)}.sheet.left{left:0;transform:translateX(-100%)}:host(.is-visible) .sheet{transform:translateX(0)}.sheet.sm{max-width:360px}.sheet.md{max-width:600px}.sheet.lg{max-width:960px}.sheet.full{max-width:100%}.sheet.custom-width{}.title-container{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;box-shadow:var(--elevation-01, 0 4px 8px rgba(0, 0, 0, 0.1));gap:var(--spacing-02)}.title-text{flex-grow:1;text-align:left;}.close-button{flex-shrink:0}.header-action-button{flex-shrink:0;display:flex;align-items:center;gap:var(--spacing-02, 4px);padding:var(--spacing-03, 8px) var(--spacing-03, 8px) var(--spacing-03, 8px) 0}.content{overflow-y:auto;flex-grow:1;background-color:var(--gray-01)}.content.padding{padding:var(--spacing-05, 24px)}.footer{padding:var(--spacing-03, 8px);box-shadow:var(--elevation-01, 0 4px 8px rgba(0, 0, 0, 0.1));display:flex;justify-content:flex-end;flex-shrink:0;width:100%;gap:var(--spacing-02, 4px);align-items:center}.footer.secondary-button-overflow{flex-direction:row-reverse}.footer-secondary-buttons-container{flex-grow:2;width:100%}.footer-secondary-buttons{display:flex;justify-content:flex-end;gap:var(--spacing-02, 4px);align-items:center}.footer-secondary-buttons.secondary-button-overflow{flex-grow:1}.loader-container{height:4px;width:100%;background-color:var(--gray-01)}.loader-container udp-linear-loader{visibility:hidden;opacity:0;transition:none}.loader-container udp-linear-loader.is-loading{visibility:visible;opacity:1;}";const Tt=class{constructor(e){t(this,e),this.valueChanged=i(this,"valueChanged",7),this.disabled=!1,this.min="0",this.max="100",this.orientation="horizontal",this.includeErrorPadding=!0,this.handleChange=e=>{e.stopPropagation(),this.valueChanged.emit(e.target.value)}}render(){const t=!!this.error,i=this.error||this.hint;return e(a,{key:"9e0b72c8f247d9b4ec9af28d3b03b2f13e02bfc8"},e("fluent-field",{key:"cc192f0d1c5dd060aab5aa818d53a0f7e70c3168","label-position":"above",class:{"no-label":!this.label,"no-message":!i&&!this.includeErrorPadding}},e("fluent-label",{key:"4458899d2de6ab4d0bff4abfe54975b355d552e2",slot:"label",disabled:this.disabled},this.label,this.popupHint&&e("udp-tooltip",{key:"78b993d8bd54ed219514e431e5c3bcc63a01e8df",content:this.popupHint,positioning:"above"},e("udp-fluent-icon",{key:"9a0b09e3db422775d958819ed857138bece046ac",name:"info",size:"xs",class:"popup-hint-icon"}))),e("fluent-slider",{key:"29cb1e705a6e334939e9f228e7eee41d0700ac25",slot:"input",name:this.name,disabled:this.disabled,min:this.min,max:this.max,step:this.step,orientation:this.orientation,value:this.value,onChange:this.handleChange}),e("udp-text",{key:"4c4de68db58c9d95fc4dbaa381b5e6678e774547",slot:"message",variant:"caption1",class:{message:!0,error:t,includeErrorPadding:this.includeErrorPadding}},i)))}};Tt.style=":host{color:var(--colorNeutralForeground1)}.message{color:var(--colorNeutralForeground3)}.message.includeErrorPadding{min-height:var(--lineHeightBase200)}.message.error{color:var(--colorPaletteRedForeground1)}.popup-hint-icon{margin-left:2px}fluent-label[disabled]{color:var(--colorNeutralForeground1)}fluent-field.no-label::part(label){display:none}fluent-field.no-message::part(message){display:none}";const At=class{constructor(e){t(this,e)}render(){return e(a,{key:"a91a914193ac18d6b2c04af5bebc40e707adabbc"},e("fluent-spinner",{key:"7764cef9d265e703972883c1c059add085fdb36d",size:this.size,appearance:this.appearance}))}},Ot=class{constructor(e){t(this,e),this.valueChanged=i(this,"valueChanged",7),this.swatches=[],this.layout="row",this.gridColumns=3,this.size="medium",this.shape="square",this.spacing="medium",this.justify="start",this.disabled=!1,this.required=!1,this.showTooltip=!1,this.includeErrorPadding=!0,this.handleSwatchClick=e=>{this.disabled||e.disabled||(this.internalSelectedValue=e.value,this.valueChanged.emit(e.value))},this.handleKeyDown=(e,t)=>{const i=this.swatches.filter((e=>!e.disabled&&!this.disabled)),a=i.findIndex((e=>e.value===t.value)),o="grid"===this.layout?this.gridColumns:i.length;let n=null;switch(e.key){case"ArrowRight":case"ArrowDown":e.preventDefault(),"row"===this.layout||"ArrowRight"===e.key?n=(a+1)%i.length:(n=a+o,n>=i.length&&(n%=i.length));break;case"ArrowLeft":case"ArrowUp":e.preventDefault(),"row"===this.layout||"ArrowLeft"===e.key?n=(a-1+i.length)%i.length:(n=a-o,n<0&&(n=i.length+n));break;case"Enter":case" ":return e.preventDefault(),void this.handleSwatchClick(t);case"Home":e.preventDefault(),n=0;break;case"End":e.preventDefault(),n=i.length-1}if(null!=n){const e=this.getSwatchElement(i[n].value);e&&e.focus()}}}valueChangedHandler(e){this.internalSelectedValue=e}componentWillLoad(){var e;this.internalSelectedValue=null!==(e=this.value)&&void 0!==e?e:this.defaultValue}getLuminance(e){const t=e.replace("#","");let i,a,o;3===t.length?(i=parseInt(t[0]+t[0],16),a=parseInt(t[1]+t[1],16),o=parseInt(t[2]+t[2],16)):(i=parseInt(t.slice(0,2),16),a=parseInt(t.slice(2,4),16),o=parseInt(t.slice(4,6),16));const n=i/255,r=a/255,s=o/255;return.2126*(n<=.03928?n/12.92:Math.pow((n+.055)/1.055,2.4))+.7152*(r<=.03928?r/12.92:Math.pow((r+.055)/1.055,2.4))+.0722*(s<=.03928?s/12.92:Math.pow((s+.055)/1.055,2.4))}getContrastRatio(e,t){return(Math.max(e,t)+.05)/(Math.min(e,t)+.05)}getContrastColor(e){if(!e)return"#ffffff";try{const t=this.getLuminance(e);return this.getContrastRatio(t,1)>this.getContrastRatio(t,0)?"#ffffff":"#000000"}catch(e){return"#ffffff"}}needsContrastBorder(e){if(!e||!e.startsWith("#"))return!1;try{const t=this.getLuminance(e);return this.getContrastRatio(t,.95)<3}catch(e){return!1}}getSwatchElement(e){var t,i;return null!==(i=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector(`[data-value="${e}"]`))&&void 0!==i?i:null}render(){const t={"swatch-picker":!0,[`layout-${this.layout}`]:!0,[`spacing-${this.spacing}`]:!0,[`justify-${this.justify}`]:!0},i="grid"===this.layout?{"--grid-columns":Math.min(this.gridColumns,8).toString()}:{},o=!!this.error,n=this.error||this.hint;return e(a,{key:"40f282ac01f41a963c2718fbee51fe69aae75410"},e("fluent-field",{key:"41e4c657359d30e84e1d1f5d478811550412157f",class:{"no-label":!this.label,"no-message":!n&&!this.includeErrorPadding}},e("fluent-label",{key:"6eded2d070c2ee28a99bd86574622c78820dc2b4",required:this.required,disabled:this.disabled,slot:"label"},this.label,this.popupHint&&e("udp-tooltip",{key:"cbdde172b8092efff04bc8ac0f1340fe9440cd72",content:this.popupHint,positioning:"above"},e("udp-fluent-icon",{key:"e824262fd8aae2dc4981355dd496c8d6bdfb9257",name:"info",size:"xs",class:"popup-hint-icon"}))),e("div",{key:"4564a6442565ba0c086244c4e10522eee6839b27",slot:"input",class:t,role:"radiogroup","aria-label":"Color picker",style:i},this.swatches.map(((e,t)=>this.renderSwatch(e,t)))),e("udp-text",{key:"5f96859652f9e179bfc8ef5deb82a6a59504341f",slot:"message",variant:"caption1",class:{message:!0,error:o,includeErrorPadding:this.includeErrorPadding}},n)))}renderSwatch(t,i){const a=this.internalSelectedValue===t.value,o=this.disabled||t.disabled,n=this.needsContrastBorder(t.color),r={swatch:!0,[`size-${this.size}`]:!0,[`shape-${this.shape}`]:!0,selected:a,disabled:o,"needs-contrast-border":n},s={};t.color&&(s["--swatch-color"]=t.color,s["--swatch-foreground"]=this.getContrastColor(t.color)),t.image&&(s["--swatch-image"]=`url(${t.image})`,s["--swatch-foreground"]="#ffffff");const d=e("button",{type:"button",class:r,style:s,role:"radio","aria-checked":a?"true":"false","aria-label":t.label,"aria-disabled":o?"true":void 0,disabled:o,tabIndex:o?-1:a||!this.internalSelectedValue&&0===i?0:-1,"data-value":t.value,onClick:()=>this.handleSwatchClick(t),onKeyDown:e=>this.handleKeyDown(e,t)},a&&!t.image&&e("span",{class:"selection-indicator","aria-hidden":"true"},e("svg",{viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{d:"M10 3L4.5 8.5L2 6",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}))),o&&!t.image&&e("span",{class:"disabled-indicator","aria-hidden":"true"},e("svg",{viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("circle",{cx:"6",cy:"6",r:"5",stroke:"currentColor","stroke-width":"1"}),e("line",{x1:"2.5",y1:"9.5",x2:"9.5",y2:"2.5",stroke:"currentColor","stroke-width":"1"}))));return this.showTooltip?e("udp-tooltip",{content:t.label,positioning:"above"},d):d}get el(){return o(this)}static get watchers(){return{value:[{valueChangedHandler:0}]}}};Ot.style=':host{display:block;width:100%}fluent-field{width:100%}fluent-label[disabled]{color:var(--colorNeutralForeground1)}fluent-label[required]::after{color:var(--colorPaletteRedForeground1, #d13438)}.message{color:var(--colorNeutralForeground3)}.message.includeErrorPadding{min-height:var(--lineHeightBase200)}.message.error{color:var(--colorPaletteRedForeground1)}.popup-hint-icon{margin-left:2px}fluent-field.no-label::part(label){display:none}fluent-field.no-message::part(message){display:none}.swatch-picker{display:flex;flex-wrap:wrap;align-items:center}.layout-row{flex-direction:row}.layout-grid{display:grid;grid-template-columns:repeat(var(--grid-columns, 3), auto)}.spacing-small{gap:4px}.spacing-medium{gap:8px}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-end{justify-content:end}.justify-space-between{justify-content:space-between}.swatch{position:relative;display:flex;align-items:center;justify-content:center;appearance:none;-webkit-appearance:none;border:1px solid transparent;cursor:pointer;background-color:var(--swatch-color, transparent);background-image:var(--swatch-image, none);background-size:cover;background-position:center;padding:0;margin:0;box-sizing:border-box;transition:transform 0.1s ease, box-shadow 0.15s ease;vertical-align:top;line-height:0}.size-extra-small{width:20px;height:20px}.size-small{width:24px;height:24px}.size-medium{width:28px;height:28px}.size-large{width:32px;height:32px}.shape-square{border-radius:2px}.shape-circular{border-radius:50%}.shape-rounded{border-radius:4px}.needs-contrast-border{box-shadow:inset 0 0 0 1px rgba(0, 0, 0, 0.2)}.swatch:focus{outline:none}.swatch:focus-visible{outline:2px solid var(--colorStrokeFocus2, #000000);outline-offset:2px}.swatch:not(.disabled):hover{transform:scale(1.05)}.swatch.selected{box-shadow:0 0 0 2px var(--colorNeutralBackground1, #fff), 0 0 0 4px var(--colorBrandStroke1, #0078d4)}.swatch.selected.needs-contrast-border{box-shadow:inset 0 0 0 1px rgba(0, 0, 0, 0.2),     0 0 0 2px var(--colorNeutralBackground1, #fff),     0 0 0 4px var(--colorBrandStroke1, #0078d4)}.swatch.disabled{cursor:not-allowed;opacity:0.4}.selection-indicator{display:flex;align-items:center;justify-content:center;width:60%;height:60%;color:var(--swatch-foreground, #ffffff)}.selection-indicator svg{width:100%;height:100%;color:var(--colorNeutralForegroundInverted, #fff);filter:drop-shadow(0 0 1px rgba(0, 0, 0, 0.5))}.swatch[style*="--swatch-color: #0"] .selection-indicator svg,.swatch[style*="--swatch-color: #1"] .selection-indicator svg,.swatch[style*="--swatch-color: #2"] .selection-indicator svg,.swatch[style*="--swatch-color: #3"] .selection-indicator svg{color:var(--colorNeutralForegroundInverted, #fff)}.disabled-indicator{display:flex;align-items:center;justify-content:center;width:80%;height:80%}.disabled-indicator svg{width:100%;height:100%;color:var(--colorNeutralForegroundInverted, #fff);filter:drop-shadow(0 0 1px rgba(0, 0, 0, 0.3))}.swatch[style*="--swatch-image"].selected{box-shadow:0 0 0 2px var(--colorNeutralBackground1, #fff), 0 0 0 4px var(--colorBrandStroke1, #0078d4)}';const qt=class{constructor(e){t(this,e)}render(){const t=this.activeTabId===this.id;return e(a,{key:"3538f2b223fe1827b2a10d7b19f37f517c847ae7",role:"tabpanel","aria-labelledby":this.id,"aria-hidden":t?"false":"true",hidden:!t},e("slot",{key:"f0f0e4ef3d119fa5b9946d7f7ebd60a23341f18f"}))}static get delegatesFocus(){return!0}};qt.style=":host{display:block}:host([hidden]){display:none}";const Mt={body1:{size:"300",weight:"regular",as:"p"},body1Strong:{size:"300",weight:"semibold",as:"p"},body1Stronger:{size:"300",weight:"bold",as:"p"},body2:{size:"200",weight:"regular",as:"p"},caption1:{size:"200",weight:"regular",as:"span"},caption1Strong:{size:"200",weight:"semibold",as:"span"},caption1Stronger:{size:"200",weight:"bold",as:"span"},caption2:{size:"100",weight:"regular",as:"span"},caption2Strong:{size:"100",weight:"semibold",as:"span"},subtitle1:{size:"500",weight:"semibold",as:"h6"},subtitle2:{size:"400",weight:"semibold",as:"h6"},subtitle2Stronger:{size:"400",weight:"bold",as:"h6"},title1:{size:"800",weight:"semibold",as:"h3"},title2:{size:"700",weight:"semibold",as:"h4"},title3:{size:"600",weight:"semibold",as:"h5"},largeTitle:{size:"900",weight:"semibold",as:"h2"},display:{size:"1000",weight:"semibold",as:"h1"}},Pt=class{constructor(e){t(this,e),this.variant="body1"}render(){var t,i,o,n;const r=Mt[this.variant],s=null!==(t=this.size)&&void 0!==t?t:r.size,d=null!==(i=this.weight)&&void 0!==i?i:r.weight,l=null!==(o=this.as)&&void 0!==o?o:r.as,c=null!==(n=this.block)&&void 0!==n?n:!["caption1","caption1Strong","caption1Stronger","caption2","caption2Strong"].includes(this.variant),h=["udp-text",`udp-text--size-${s}`,`udp-text--weight-${d}`,`udp-text--font-${this.font||"base"}`,this.align&&`udp-text--align-${this.align}`,c?"udp-text--block":"udp-text--inline",this.italic&&"udp-text--italic",this.underline&&"udp-text--underline",this.strikethrough&&"udp-text--strikethrough"].filter(Boolean).join(" ");return e(a,{key:"04572b36e38ecc657f44dc05c01006fe41b5e414",class:h},e(l,{key:"5d35d86a49e83f0e831bf6fd53ae7e3a55ebcefb"},e("slot",{key:"59562984513306acadcfae73bdf9e12b651eb8e0"})))}};Pt.style=":host(.udp-text){h1,h2,h3,h4,h5,h6,p,span,div,li{margin:0;padding:0;color:inherit}}:host(.udp-text--block){display:block}:host(.udp-text--inline){display:inline}:host(.udp-text--size-100){h1,h2,h3,h4,h5,h6,p,span,div,li{font-size:var(--fontSizeBase100);line-height:var(--lineHeightBase100)}}:host(.udp-text--size-200){h1,h2,h3,h4,h5,h6,p,span,div,li{font-size:var(--fontSizeBase200);line-height:var(--lineHeightBase200)}}:host(.udp-text--size-300){h1,h2,h3,h4,h5,h6,p,span,div,li{font-size:var(--fontSizeBase300);line-height:var(--lineHeightBase300)}}:host(.udp-text--size-400){h1,h2,h3,h4,h5,h6,p,span,div,li{font-size:var(--fontSizeBase400);line-height:var(--lineHeightBase400)}}:host(.udp-text--size-500){h1,h2,h3,h4,h5,h6,p,span,div,li{font-size:var(--fontSizeBase500);line-height:var(--lineHeightBase500)}}:host(.udp-text--size-600){h1,h2,h3,h4,h5,h6,p,span,div,li{font-size:var(--fontSizeBase600);line-height:var(--lineHeightBase600)}}:host(.udp-text--size-700){h1,h2,h3,h4,h5,h6,p,span,div,li{font-size:var(--fontSizeHero700);line-height:var(--lineHeightHero700)}}:host(.udp-text--size-800){h1,h2,h3,h4,h5,h6,p,span,div,li{font-size:var(--fontSizeHero800);line-height:var(--lineHeightHero800)}}:host(.udp-text--size-900){h1,h2,h3,h4,h5,h6,p,span,div,li{font-size:var(--fontSizeHero900);line-height:var(--lineHeightHero900)}}:host(.udp-text--size-1000){h1,h2,h3,h4,h5,h6,p,span,div,li{font-size:var(--fontSizeHero1000);line-height:var(--lineHeightHero1000)}}:host(.udp-text--weight-regular){h1,h2,h3,h4,h5,h6,p,span,div,li{font-weight:var(--fontWeightRegular)}}:host(.udp-text--weight-medium){h1,h2,h3,h4,h5,h6,p,span,div,li{font-weight:var(--fontWeightMedium)}}:host(.udp-text--weight-semibold){h1,h2,h3,h4,h5,h6,p,span,div,li{font-weight:var(--fontWeightSemibold)}}:host(.udp-text--weight-bold){h1,h2,h3,h4,h5,h6,p,span,div,li{font-weight:var(--fontWeightBold)}}:host(.udp-text--font-base){h1,h2,h3,h4,h5,h6,p,span,div,li{font-family:var(--fontFamilyBase)}}:host(.udp-text--font-numeric){h1,h2,h3,h4,h5,h6,p,span,div,li{font-family:var(--fontFamilyNumeric)}}:host(.udp-text--font-monospace){h1,h2,h3,h4,h5,h6,p,span,div,li{font-family:var(--fontFamilyMonospace)}}:host(.udp-text--align-start){h1,h2,h3,h4,h5,h6,p,span,div{text-align:start}}:host(.udp-text--align-end){h1,h2,h3,h4,h5,h6,p,span,div{text-align:end}}:host(.udp-text--align-center){h1,h2,h3,h4,h5,h6,p,span,div{text-align:center}}:host(.udp-text--align-justify){h1,h2,h3,h4,h5,h6,p,span,div{text-align:justify}}:host(.udp-text--italic){h1,h2,h3,h4,h5,h6,p,span,div{font-style:italic}}:host(.udp-text--underline){h1,h2,h3,h4,h5,h6,p,span,div{text-decoration:underline}}:host(.udp-text--strikethrough){h1,h2,h3,h4,h5,h6,p,span,div{text-decoration:line-through}}:host(.udp-text){ul,ol{padding-left:24px;margin:0;list-style-position:outside}ul li,ol li{margin-bottom:4px}li{margin-bottom:4px;display:list-item}ul li::marker,ol li::marker,li::marker{color:inherit}}";const Et=class{constructor(e){t(this,e),this.valueChanged=i(this,"valueChanged",7),this.inputBlur=i(this,"inputBlur",7),this.inputFocus=i(this,"inputFocus",7),this.includeErrorPadding=!0,this.required=!1,this.disabled=!1,this.readonly=!1,this.autofocus=!1,this.spellcheck=!1,this.resize="none",this.autoResize=!1,this.appearance="outline",this.controlSize="medium",this.handleInput=e=>{e.stopPropagation(),this.valueChanged.emit(e.target.value)}}select(){var e;return null===(e=this.internalInput)||void 0===e||e.select(),Promise.resolve()}componentDidRender(){this.internalInput&&(this.internalInput.setAttribute("resize",this.resize),this.internalInput.setAttribute("appearance",this.appearance))}render(){const t=!!this.error,i=this.error||this.hint;return e(a,{key:"897598a0d9342904a8dce1e0ae1774413b0fa86c",class:{"has-error":t}},e("fluent-field",{key:"5bc2c6f82c42bcf5f739ef229a9f66f17cea9f37",class:{"no-label":!this.label,"no-message":!i&&!this.includeErrorPadding}},e("fluent-textarea",{key:"dc2b9e7d42662322392f9991581866b1ee1358f8",ref:e=>this.internalInput=e,slot:"input",name:this.name,value:this.value,placeholder:this.placeholder,required:this.required,disabled:this.disabled,readonly:this.readonly,autofocus:this.autofocus,spellcheck:this.spellcheck?"true":"false",appearance:this.appearance,resize:this.resize,maxlength:this.maxLength,autoResize:this.autoResize,size:this.controlSize,displayShadow:!0,onInput:this.handleInput,onBlur:()=>this.inputBlur.emit(),onFocus:()=>this.inputFocus.emit(),onInvalid:e=>e.preventDefault()}),e("fluent-label",{key:"6713796e0e2d657f5b60431ac94da027187714c7",slot:"label",disabled:this.disabled},this.label,this.popupHint&&e("udp-tooltip",{key:"5ae5f622fcfd9235c7878dc4e5578deaa56f8da3",content:this.popupHint,positioning:"above"},e("udp-fluent-icon",{key:"6642c5b203ee496d81e1c6d65d2561d3ee930908",name:"info",size:"xs",class:"popup-hint-icon"}))),e("udp-text",{key:"d0481c4624f09b934332edd492ec8215019e4f63",slot:"message",variant:"caption1",class:{message:!0,error:t,includeErrorPadding:this.includeErrorPadding}},i)))}static get delegatesFocus(){return!0}};Et.style="fluent-textarea[disabled]::part(control){color:var(--colorNeutralForegroundDisabled);-webkit-text-fill-color:var(--colorNeutralForegroundDisabled)}fluent-textarea[disabled]::part(root){background-color:var(--colorNeutralBackgroundDisabled)}fluent-label[disabled]{color:var(--colorNeutralForeground1)}fluent-textarea::part(control):-webkit-autofill,fluent-textarea::part(control):-webkit-autofill:hover,fluent-textarea::part(control):-webkit-autofill:focus,fluent-textarea::part(control):-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--colorNeutralBackground1) inset !important;-webkit-text-fill-color:var(--colorNeutralForeground1) !important}:host{display:block;width:100%}fluent-field{width:100%}fluent-textarea{width:100%;--inline-size:100%}fluent-textarea[appearance='underline']::part(root){background-color:transparent;border:none;border-radius:0;border-bottom:1px solid var(--colorNeutralStrokeAccessible, #616161);box-shadow:none}fluent-textarea[appearance='underline']:hover::part(root){border-bottom-color:var(--colorNeutralStrokeAccessibleHover, #575757)}fluent-textarea[appearance='underline']:focus-within::part(root){border-bottom-color:var(--colorCompoundBrandStroke, #0f6cbd)}fluent-field.no-label::part(label){display:none}fluent-field.no-message::part(message){display:none}.message{color:var(--colorNeutralForeground3)}.message.includeErrorPadding{min-height:var(--lineHeightBase200)}.message.error{color:var(--colorPaletteRedForeground1)}.popup-hint-icon{margin-left:2px}:host(.has-error) fluent-textarea::part(root){border-color:var(--colorPaletteRedBorder2)}:host(.has-error:focus-within) fluent-textarea::part(root){border-color:var(--colorNeutralStroke1)}";const jt=class{constructor(e){t(this,e),this.valueChanged=i(this,"valueChanged",7),this.inputBlur=i(this,"inputBlur",7),this.inputFocus=i(this,"inputFocus",7),this.invalidTime=i(this,"invalidTime",7),this.timeOptions=[],this.value="",this.includeErrorPadding=!0,this.required=!1,this.disabled=!1,this.minuteStep=30,this.use24Hour=!1,this.appearance="outline",this.controlSize="medium",this.inputValue="",this.internalError="",this.isOpen=!1,this.activeIndex=-1,this.handleInput=e=>{this.inputValue=e.target.value,this.internalError="",this.activeIndex=this.getBestMatchIndex(),!this.isOpen&&this.inputValue&&(this.isOpen=!0)},this.handleFocus=()=>{if(this.inputValue&&setTimeout((()=>{var e;return null===(e=this.getInputElement())||void 0===e?void 0:e.select()}),0),this.value){const e=this.timeOptions.findIndex((e=>e.value===this.value));this.activeIndex=-1!==e?e:this.getBestMatchIndex()}else this.activeIndex=this.getClosestTimeToNow();this.inputFocus.emit()},this.ignoreNextInputClick=!1,this.handleInputClick=()=>{var e;this.ignoreNextInputClick?this.ignoreNextInputClick=!1:this.isOpen||(this.inputValue&&(null===(e=this.getInputElement())||void 0===e||e.select()),this.isOpen=!0)},this.handleLabelMouseDown=e=>{var t;e.preventDefault(),this.ignoreNextInputClick=!0,this.isOpen=!this.isOpen,null===(t=this.getInputElement())||void 0===t||t.focus()},this.handleIconMouseDown=e=>{e.preventDefault()},this.handleIconClick=()=>{this.isOpen=!this.isOpen},this.handleBlur=()=>{this.processAndEmitTime(),this.isOpen=!1,this.inputBlur.emit()},this.handleOptionClick=e=>{const t=this.validateTime(e.value);this.internalError=t,t&&this.invalidTime.emit({message:t,value:e.value}),this.inputValue=e.label,this.valueChanged.emit(e.value),this.isOpen=!1},this.handleKeyDown=e=>{switch(e.key){case"ArrowDown":e.preventDefault(),this.isOpen?this.activeIndex=Math.min(this.activeIndex+1,this.timeOptions.length-1):this.isOpen=!0;break;case"ArrowUp":e.preventDefault(),this.isOpen?this.activeIndex=Math.max(this.activeIndex-1,0):this.isOpen=!0;break;case"Enter":e.preventDefault(),this.isOpen?this.activeIndex>=0&&this.timeOptions[this.activeIndex]?this.handleOptionClick(this.timeOptions[this.activeIndex]):this.inputValue&&(this.processAndEmitTime(),this.isOpen=!1):this.isOpen=!0;break;case" ":this.inputValue||this.isOpen||(e.preventDefault(),this.isOpen=!0);break;case"Escape":e.preventDefault(),this.isOpen=!1;break;case"Tab":this.isOpen=!1}},this.handlePopoverClose=()=>{this.isOpen=!1}}onActiveIndexChange(){this.activeIndex>=0&&this.isOpen&&this.scrollToActiveOption("nearest","smooth",0)}onIsOpenChange(){this.isOpen&&this.activeIndex>=0&&this.scrollToActiveOption("center","instant",1)}onOptionsChange(){this.timeOptions=this.generateTimeOptions()}onValueChange(){const e=this.formatTimeForDisplay(this.value);e!==this.inputValue&&(this.inputValue=e)}componentWillLoad(){this.timeOptions=this.generateTimeOptions(),this.inputValue=this.formatTimeForDisplay(this.value),this.value&&(this.internalError=this.validateTime(this.value))}componentDidLoad(){this.internalInput&&null!=this.inputValue&&(this.internalInput.value=this.inputValue)}getInputElement(){var e,t,i,a;return null!==(a=null===(i=null===(t=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector("fluent-text-input"))||void 0===t?void 0:t.shadowRoot)||void 0===i?void 0:i.querySelector("input"))&&void 0!==a?a:null}scrollToActiveOption(e,t,i=0){setTimeout((()=>{var i;const a=null===(i=this.el.shadowRoot)||void 0===i?void 0:i.querySelector(".listbox-container");if(!(a instanceof HTMLElement))return;const o=a.querySelector("fluent-listbox"),n=null==o?void 0:o.querySelectorAll("fluent-option"),r=null==n?void 0:n[this.activeIndex];if(!(r&&r instanceof HTMLElement))return;const s=a.getBoundingClientRect(),d=r.getBoundingClientRect(),l=d.top-s.top+a.scrollTop,c=d.height,h=a.clientHeight,u=a.scrollTop;let p;if("center"===e)p=l-h/2+c/2;else if("nearest"===e){const e=l+c;if(l<u)p=l;else{if(!(e>u+h))return;p=e-h}}else p=l;a.scrollTo({top:Math.max(0,p),behavior:t})}),i)}processAndEmitTime(){if(!this.inputValue)return!1;const e=this.parseTimeInput(this.inputValue);if(e){const t=this.validateTime(e);return this.internalError=t,t&&this.invalidTime.emit({message:t,value:this.inputValue}),this.inputValue=this.formatTimeForDisplay(e),this.valueChanged.emit(e),!0}return this.internalError="Invalid time format",this.invalidTime.emit({message:"Invalid time format",value:this.inputValue}),!1}timeToMinutes(e){const[t,i]=e.split(":").map(Number);return 60*t+i}generateTimeOptions(){const e=[];for(let t=0;t<24;t++)for(let i=0;i<60;i+=this.minuteStep){const a=`${String(t).padStart(2,"0")}:${String(i).padStart(2,"0")}`;this.isTimeInRange(a)&&e.push({label:this.formatTimeForDisplay(a),value:a})}return e}compareTime(e,t){return this.timeToMinutes(e)-this.timeToMinutes(t)}isTimeInRange(e){return!(this.min&&this.compareTime(e,this.min)<0||this.max&&this.compareTime(e,this.max)>0)}validateTime(e){if(!e)return"";const t=this.parseTimeInput(e);return t?this.min&&this.compareTime(t,this.min)<0?`Time must be ${this.formatTimeForDisplay(this.min)} or later`:this.max&&this.compareTime(t,this.max)>0?`Time must be ${this.formatTimeForDisplay(this.max)} or earlier`:"":"Invalid time format"}formatTimeForDisplay(e){if(!e)return"";const[t,i]=e.split(":").map(Number);if(isNaN(t)||isNaN(i))return e;if(this.use24Hour)return`${String(t).padStart(2,"0")}:${String(i).padStart(2,"0")}`;const a=t>=12?"PM":"AM";return`${t%12||12}:${String(i).padStart(2,"0")} ${a}`}parseTimeInput(e){if(!e)return null;const t=e.trim().toLowerCase(),i=t.includes("a"),a=t.includes("p"),o=t.replace(/[ap]m?/gi,"").trim();let n,r=0;if(o.includes(":")){const e=o.split(":");n=parseInt(e[0],10);const t=e[1]||"0";r=1===t.length?10*parseInt(t,10):parseInt(t,10)||0}else if(4===o.length&&/^\d{4}$/.test(o))n=parseInt(o.substring(0,2),10),r=parseInt(o.substring(2,4),10);else if(3===o.length&&/^\d{3}$/.test(o))n=parseInt(o.substring(0,1),10),r=parseInt(o.substring(1,3),10);else{if(!/^\d{1,2}$/.test(o))return null;n=parseInt(o,10)}return isNaN(n)||isNaN(r)||n<0||r<0||r>59||n>23?null:(n>12&&n<=23&&(i||a)||(a&&n<12?n+=12:i&&12===n&&(n=0)),n<0||n>23?null:`${String(n).padStart(2,"0")}:${String(r).padStart(2,"0")}`)}getBestMatchIndex(){if(!this.inputValue)return-1;const e=this.parseTimeInput(this.inputValue);if(e)return this.getClosestOptionIndex(e);const t=this.inputValue.toLowerCase(),i=this.timeOptions.findIndex((e=>e.label.toLowerCase().startsWith(t)||e.value.startsWith(this.inputValue)));return-1!==i?i:this.timeOptions.findIndex((e=>e.label.toLowerCase().includes(t)||e.value.includes(this.inputValue)))}getClosestOptionIndex(e){return this.timeOptions.findIndex((t=>t.value===e))}getClosestTimeToNow(){const e=60*(new Date).getHours()+(new Date).getMinutes();let t=0,i=1/0;return this.timeOptions.forEach(((a,o)=>{const n=Math.abs(this.timeToMinutes(a.value)-e);n<i&&(i=n,t=o)})),t}render(){const t=this.internalError||this.error,i=!!t,o=t||this.hint;return e(a,{key:"823b5fb623fa3b16504ff9d027020277b0db0d0a",class:{"has-error":i}},e("fluent-field",{key:"6b3dd2593fa0e6023578a9f742fdb5e21b6f6976",class:{"no-message":!o&&!this.includeErrorPadding}},e("udp-popover",{key:"4dee6e8c0f1aedb75d6394bd7a8e70efe12b5ccc",slot:"input",open:this.isOpen,position:"bottom-start",toggleOnTriggerClick:!1,matchTriggerWidth:!0,onPopoverClose:this.handlePopoverClose},e("fluent-text-input",{key:"1d2e052183438ffcfe191a194d7c96cc99ab8615",slot:"trigger",ref:e=>this.internalInput=e,class:{"no-label":!this.label},value:this.inputValue,name:this.name,autocomplete:"off",placeholder:this.placeholder,disabled:this.disabled,appearance:this.appearance,controlSize:this.controlSize,onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeyDown:this.handleKeyDown,onClick:this.handleInputClick},e("fluent-label",{key:"807c4fc09f8d2ecae8afa4a870a5027db744ac83",required:this.required,disabled:this.disabled,onMouseDown:this.handleLabelMouseDown},this.label,this.popupHint&&e("udp-tooltip",{key:"24ae84fd3ca8772d1332b3e8d73065eb79f45fd2",content:this.popupHint,positioning:"above"},e("udp-fluent-icon",{key:"e0bc635efa1e1a302a69ba5020a70ef57581a9a5",name:"info",size:"xs",class:"popup-hint-icon"}))),e("div",{key:"a55c43d43a077d7cc8be9258d0f21bd453d4ba1b",slot:"end"},e("udp-fluent-icon-button",{key:"0a96486c1ad16e9c9c2b70cce6dc0d14c962299d",appearance:"transparent",iconName:"clock",disabled:this.disabled,tabindex:-1,onMouseDown:this.handleIconMouseDown,onClick:this.handleIconClick}))),e("div",{key:"47327824259cdb67134e134f3c80b22c0e1100b2",slot:"content",class:"listbox-container"},e("fluent-listbox",{key:"ad7b47db2f99fd4e77c9bbaf650c5fd93895ebaa"},this.timeOptions.map(((t,i)=>e("fluent-option",{key:t.value,value:t.value,class:{active:i===this.activeIndex},onClick:()=>this.handleOptionClick(t)},e("span",{slot:"checked-indicator"}),t.label)))))),e("udp-text",{key:"dd056d16b64ae04a46642b8464a5db13d996df5f",slot:"message",variant:"caption1",class:{message:!0,error:i,includeErrorPadding:this.includeErrorPadding}},o)))}static get delegatesFocus(){return!0}get el(){return o(this)}static get watchers(){return{activeIndex:[{onActiveIndexChange:0}],isOpen:[{onIsOpenChange:0}],minuteStep:[{onOptionsChange:0}],min:[{onOptionsChange:0}],max:[{onOptionsChange:0}],value:[{onValueChange:0}]}}};jt.style=":host{display:block;width:100%}fluent-field{width:100%}udp-popover{display:block;width:100%}udp-fluent-text-input,fluent-text-input{width:100%;max-width:100%}fluent-text-input[disabled]::part(control){color:var(--colorNeutralForegroundDisabled);-webkit-text-fill-color:var(--colorNeutralForegroundDisabled)}fluent-text-input[disabled]::part(root){background-color:var(--colorNeutralBackgroundDisabled)}fluent-label[disabled]{color:var(--colorNeutralForeground1)}.listbox-container{max-height:300px;overflow-y:auto}fluent-listbox{width:100%;background:var(--colorNeutralBackground1);border:none;border-radius:var(--borderRadiusMedium);}fluent-option{cursor:pointer}fluent-option:hover{background:var(--colorNeutralBackground1Hover)}fluent-option.active{box-shadow:inset 0 0 0 2px var(--colorNeutralStrokeAccessible)}fluent-option[disabled]{color:var(--colorNeutralForegroundDisabled);cursor:default}udp-popover::part(content){padding:0}fluent-text-input.no-label::part(label){display:none}fluent-field.no-message::part(message){display:none}.message{color:var(--colorNeutralForeground3)}.message.includeErrorPadding{min-height:var(--lineHeightBase200)}.message.error{color:var(--colorPaletteRedForeground1)}.popup-hint-icon{margin-left:2px}:host(.has-error) fluent-text-input::part(root){border-color:var(--colorPaletteRedBorder2)}:host(.has-error:focus-within) fluent-text-input::part(root){border-color:var(--colorNeutralStroke1)}";const Rt=class{constructor(e){t(this,e),this.delay=200,this.positioning="above"}render(){const t="internal-anchor";return e(a,{key:"553ec7430c67f98ea62ba0e60005dddb2acce7dd"},e("div",{key:"492d0e1f95946f7e458c521b31245c8e84476da5",id:t,onFocusin:e=>{var t,i;(null===(t=e.target)||void 0===t?void 0:t.matches(":focus-visible"))&&(null===(i=this.tooltipRef)||void 0===i||i.showTooltip(0))},onFocusout:()=>{var e;return null===(e=this.tooltipRef)||void 0===e?void 0:e.hideTooltip(0)}},e("slot",{key:"165ae7c16c46cd9afbac4f92f089aa3784a1e873"})),e("fluent-tooltip",{key:"11a448764ea2ed7cad67a263aa94d151419a029f",ref:e=>this.tooltipRef=e,anchor:t,delay:this.delay,positioning:this.positioning},this.content))}};Rt.style=":host{display:inline-flex;align-items:center;vertical-align:middle}#internal-anchor{display:inline-flex;align-items:center}fluent-tooltip{padding-block:5px;white-space:pre-line;}";const $t=class{constructor(e){t(this,e),this.itemClick=i(this,"itemClick",7),this.size="medium",this.appearance="subtle",this.treeItems=[],this.itemId="id",this.itemParentId="parentId",this.itemContent="label",this.interaction="tree",this.collapsible=!1,this.expandedOverrides={}}isChevronClick(e){return e.composedPath().some((e=>e instanceof Element&&("chevron"===e.getAttribute("part")||e.classList.contains("chevron")||"chevron"===e.getAttribute("slot"))))}toggleExpanded(e,t){const i=e in this.expandedOverrides?this.expandedOverrides[e]:t;this.expandedOverrides=Object.assign(Object.assign({},this.expandedOverrides),{[e]:!i})}resolveProp(e,t){if(void 0!==t)return"object"!=typeof e||null===e?e:"function"==typeof t?t(e):"string"==typeof t?e[t]:void 0}iconSizeForTree(){return"small"===this.size?"sm":"md"}renderItemIcon(t){var i;const a=this.resolveProp(t,this.itemIcon);if(!a)return null;const o="string"==typeof a?{name:a}:a;return o&&o.name?e("udp-fluent-icon",{name:o.name,size:null!==(i=o.size)&&void 0!==i?i:this.iconSizeForTree(),color:o.color}):null}renderItemAvatar(t){var i,a;const o=this.resolveProp(t,this.itemAvatar);return o&&"object"==typeof o?e("udp-fluent-avatar",{name:o.name,initials:o.initials,src:o.src,color:o.color,shape:null!==(i=o.shape)&&void 0!==i?i:"circular",size:null!==(a=o.size)&&void 0!==a?a:"small"===this.size?24:28,iconName:o.iconName}):null}renderItemBadge(t){var i,a,o;const n=this.resolveProp(t,this.itemBadge);if(null==n||""===n)return null;const r="object"==typeof n?n:{content:n};return e("udp-fluent-badge",{color:r.color,appearance:null!==(i=r.appearance)&&void 0!==i?i:"tint",shape:null!==(a=r.shape)&&void 0!==a?a:"rounded",size:null!==(o=r.size)&&void 0!==o?o:"small",startIconName:r.startIconName,endIconName:r.endIconName},r.content)}renderTreeItems(t,i=null){return t.filter((e=>{const t=this.resolveProp(e,this.itemParentId);return null===i&&!t||t===i})).map((i=>{const a=this.resolveProp(i,this.itemId),o=this.resolveProp(i,this.itemContent),n=this.resolveProp(i,this.itemAside),r=void 0!==this.selectedId&&a===this.selectedId,s=this.renderItemAvatar(i),d=s?null:this.renderItemIcon(i),l=this.resolveProp(i,this.itemStart),c=s||d||(null!=l?l:null),h=this.resolveProp(i,this.itemEnd),u=this.renderItemBadge(i),p=null!=h||u?[h,u]:null,b=t.filter((e=>this.resolveProp(e,this.itemParentId)===a)).length>0,f=void 0!==this.itemExpanded?!!this.resolveProp(i,this.itemExpanded):void 0;return e("fluent-tree-item",{key:a,size:this.size,appearance:this.appearance,expanded:this.collapsible&&a in this.expandedOverrides?this.expandedOverrides[a]:f,selected:r,onClick:e=>this.collapsible&&b&&this.isChevronClick(e)?(e.stopPropagation(),void this.toggleExpanded(a,!!f)):"button"===this.interaction?(e.stopPropagation(),void this.itemClick.emit(i)):void(e.target===e.currentTarget&&this.itemClick.emit(i))},c&&e("div",{slot:"start"},c),o,p&&e("div",{slot:"end"},p),n&&e("div",{slot:"aside"},n),b&&this.renderTreeItems(t,a))}))}render(){return e(a,{key:"700102f908b14aabb798929d4a68872f5069e850"},e("fluent-tree",{key:"107529f6e33292ea09c9b09d00118e0cb03c1eaa",class:{"interaction-button":"button"===this.interaction,collapsible:this.collapsible},size:this.size,appearance:this.appearance},this.treeItems.length>0?this.renderTreeItems(this.treeItems):e("slot",null)))}};$t.style=":host{display:block}.interaction-button fluent-tree-item::part(chevron){display:none}.interaction-button.collapsible fluent-tree-item::part(chevron){display:inline-flex;cursor:pointer;border-radius:var(--borderRadiusSmall)}.interaction-button.collapsible fluent-tree-item::part(chevron):hover{background-color:var(--colorSubtleBackgroundHover)}.interaction-button fluent-tree-item::part(positioning-region){height:auto;min-height:32px;margin:1px var(--spacingHorizontalS);padding-block:var(--spacingVerticalXXS);border-radius:var(--borderRadiusMedium);transition:background-color var(--durationFaster, 0.1s) ease}.interaction-button fluent-tree-item::part(positioning-region):hover{background-color:var(--colorSubtleBackgroundHover)}.interaction-button fluent-tree-item[selected]::part(positioning-region){background-color:var(--colorBrandBackground2)}.interaction-button fluent-tree-item[selected]::part(positioning-region):hover{background-color:var(--colorBrandBackground2Hover, var(--colorBrandBackground2))}.interaction-button fluent-tree-item::part(content){gap:var(--spacingHorizontalXS)}";const Vt=class{constructor(e){t(this,e),this.variant="body",this.gutterBottom=!1,this.bold=!1,this.color="main"}getClasses(e){return{[e]:!0,bold:this.bold,[`color-${this.color}`]:!0}}render(){if("body"===this.variant)return e("span",{class:this.getClasses("body")},e("slot",null));switch(this.variant){case"h1":return e("h1",{class:this.getClasses("h1")},e("slot",null));case"h2":return e("h2",{class:this.getClasses("h2")},e("slot",null));case"h3":return e("h3",{class:this.getClasses("h3")},e("slot",null));case"h4":return e("h4",{class:this.getClasses("h4")},e("slot",null));case"h5":return e("h5",{class:this.getClasses("h5")},e("slot",null));case"h6":return e("h6",{class:this.getClasses("h6")},e("slot",null));case"body1":default:return e("p",{class:this.getClasses("body1")},e("slot",null));case"body2":return e("p",{class:this.getClasses("body2")},e("slot",null));case"caption-text":return e("span",{class:this.getClasses("caption-text")},e("slot",null));case"data-display-one":return e("span",{class:this.getClasses("data-display-one")},e("slot",null));case"data-display-two":return e("span",{class:this.getClasses("data-display-two")},e("slot",null));case"data-display-three":return e("span",{class:this.getClasses("data-display-three")},e("slot",null));case"data-display-four":return e("span",{class:this.getClasses("data-display-four")},e("slot",null));case"button":return e("span",{class:this.getClasses("button")},e("slot",null))}}};Vt.style="body{font-family:var(--font-family)}:host{display:block;overflow:visible !important}h1,h2,h3,h4,h5,h6,p,span{margin:0;padding:0}:host([gutterBottom]) h1,:host([gutterBottom]) h2,:host([gutterBottom]) h3,:host([gutterBottom]) h4,:host([gutterBottom]) h5,:host([gutterBottom]) h6,:host([gutterBottom]) p,:host([gutterBottom]) span{margin-bottom:var(--spacing-02)}.body1{font-size:var(--body-font-size);font-weight:var(--body-font-weight);line-height:var(--body-line-height);font-family:var(--font-family)}.body2{font-size:var(--body-font-size);font-weight:var(--body-font-weight);line-height:var(--body-line-height);font-family:var(--font-family)}h1{font-size:var(--h1-font-size);font-weight:var(--h1-font-weight);line-height:var(--h1-line-height);font-family:var(--font-family)}h2{font-size:var(--h2-font-size);font-weight:var(--h2-font-weight);line-height:var(--h2-line-height);font-family:var(--font-family)}h3{font-size:var(--h3-font-size);font-weight:var(--h3-font-weight);line-height:var(--h3-line-height);font-family:var(--font-family)}h4{font-size:var(--h4-font-size);font-weight:var(--h4-font-weight);line-height:var(--h4-line-height);font-family:var(--font-family)}h5{font-size:var(--h5-font-size);font-weight:var(--h5-font-weight);line-height:var(--h5-line-height);font-family:var(--font-family)}h6{font-size:var(--h6-font-size);font-weight:var(--h6-font-weight);line-height:var(--h6-line-height);font-family:var(--font-family)}p{font-size:var(--body-font-size);font-weight:var(--body-font-weight);line-height:var(--body-line-height);font-family:var(--font-family)}.caption-text{font-size:var(--caption-text-font-size);font-weight:var(--caption-text-font-weight);line-height:var(--caption-text-line-height);font-family:var(--font-family)}.data-display-one{font-size:var(--data-display-one-font-size);font-weight:var(--data-display-one-font-weight);line-height:var(--data-display-one-line-height);font-family:var(--font-family)}.data-display-two{font-size:var(--data-display-two-font-size);font-weight:var(--data-display-two-font-weight);line-height:var(--data-display-two-line-height);font-family:var(--font-family)}.data-display-three{font-size:var(--data-display-three-font-size);font-weight:var(--data-display-three-font-weight);line-height:var(--data-display-three-line-height);font-family:var(--font-family)}.data-display-four{font-size:var(--data-display-four-font-size);font-weight:var(--data-display-four-font-weight);line-height:var(--data-display-four-line-height);font-family:var(--font-family)}.button{font-size:var(--button-font-size);font-weight:var(--button-font-weight);line-height:var(--button-line-height);font-family:var(--font-family)}.bold{font-weight:var(--font-weight-bold, 700) !important}.color-main{color:var(--text-main)}.color-textSecondary{color:var(--text-secondary)}.color-primary{color:var(--primary-color)}.color-secondary{color:var(--secondary-color)}.color-disabled{color:var(--text-disabled)}.color-hint{color:var(--text-hint)}.color-inherit{color:inherit}.color-error{color:var(--error-color-main, #d32f2f) !important}";export{de as ag_grid_base,le as client_side_grid,ce as ghost_render,ue as grid_header,pe as hint_panel,be as stencil_icon_button,fe as test_components_page,ye as test_form,ke as udp_accordion,we as udp_ambient_tool_tip,Se as udp_autocomplete,Ce as udp_avatar,ze as udp_badge,Ne as udp_button,Fe as udp_chip,Te as udp_compound_button,Ae as udp_date_input,Pe as udp_date_range_selector,Ee as udp_date_time_input,je as udp_dialog,$e as udp_empty_state,Ve as udp_export_sheet,Je as udp_field,Ue as udp_flexbox,Xe as udp_fluent_avatar,Ke as udp_fluent_badge,Ze as udp_fluent_button,Qe as udp_fluent_card,et as udp_fluent_checkbox,tt as udp_fluent_counter_badge,it as udp_fluent_dialog,at as udp_fluent_divider,nt as udp_fluent_drawer,rt as udp_fluent_dropdown,ct as udp_fluent_icon,ht as udp_fluent_icon_button,ut as udp_fluent_menu,pt as udp_fluent_radio_group,bt as udp_fluent_switch,ft as udp_fluent_tablist,mt as udp_fluent_text_input,vt as udp_fluent_toggle_button,gt as udp_form_component,yt as udp_icon,kt as udp_lazy_loader,xt as udp_linear_loader,wt as udp_list_item,St as udp_menu_item,Ct as udp_message_bar,zt as udp_pop_over,Ft as udp_popover,_t as udp_primary_action_header,Dt as udp_progress_bar,Bt as udp_search_input,It as udp_side_sheet,Tt as udp_slider,At as udp_spinner,Ot as udp_swatch_picker,qt as udp_tab_panel,Pt as udp_text,Et as udp_textarea,jt as udp_time_input,Rt as udp_tooltip,$t as udp_tree,Vt as unity_typography}
+import{h as e,r as t,c as i,H as a,a as o}from"./index-Cgpvu-iV.js";import{themeQuartz as n,ModuleRegistry as r,AllEnterpriseModule as s,LicenseManager as l,createGrid as d}from"ag-grid-enterprise-v33";import{g as c,d as h,u,s as p,a as b,b as f,e as m,c as v,f as g}from"./apiUtils-DEqUG_N0.js";import{g as y}from"./lookupHelper-BP4qC8KW.js";import{g as k}from"./tenantUtils-Basdb1b1.js";import{a as x,L as w,d as S}from"./searchObject-DpUZkcYC.js";import{c as C}from"./searchObjectHelper-BjA6OHxg.js";import{S as z,I as N,A as F}from"./status-renderer-BoY7sar9.js";import{c as _}from"./configureUdpColumnMods-CSUDZh9G.js";import{isEqual as B}from"lodash-es";import{m as D}from"./makeApiCall-B-daVutk.js";import{C as I}from"./configService-DgYnEcjx.js";import"@fluentui/web-components/accordion.js";import"@fluentui/web-components/accordion-item.js";import{createPopper as T}from"@popperjs/core";import"@fluentui/web-components/dropdown.js";import"@fluentui/web-components/field.js";import"@fluentui/web-components/label.js";import"@fluentui/web-components/option.js";import"@fluentui/web-components/listbox.js";import"@fluentui/web-components/button.js";import"@fluentui/web-components/compound-button.js";import{h as A}from"./slot-helpers-Dx6EW-PP.js";import"@fluentui/web-components/text-input.js";import"cally";import{g as O}from"./entityUtilities-Bi7rt-yd.js";import"@fluentui/web-components/avatar.js";import"@fluentui/web-components/badge.js";import{f as M}from"./form-registry-BhFl_bdX.js";import"@fluentui/web-components/checkbox.js";import"@fluentui/web-components/counter-badge.js";import"@fluentui/web-components/dialog.js";import"@fluentui/web-components/dialog-body.js";import"@fluentui/web-components/divider.js";import"@fluentui/web-components/drawer.js";import"@fluentui/web-components/drawer-body.js";import"@fluentui/web-components/menu.js";import"@fluentui/web-components/menu-item.js";import"@fluentui/web-components/menu-button.js";import"@fluentui/web-components/menu-list.js";import"@fluentui/web-components/radio-group.js";import"@fluentui/web-components/radio.js";import"@fluentui/web-components/switch.js";import"@fluentui/web-components/tablist.js";import"@fluentui/web-components/tab.js";import"@fluentui/web-components/toggle-button.js";import{createForm as q}from"final-form";import{g as E}from"./iconUtils-BzY-c9Op.js";import"@fluentui/web-components/message-bar.js";import"@fluentui/web-components/progress-bar.js";import P from"@carbon/icons/es/close/24";import"@fluentui/web-components/slider.js";import"@fluentui/web-components/spinner.js";import"@fluentui/web-components/textarea.js";import"@fluentui/web-components/tooltip.js";import"@fluentui/web-components/tree.js";import"@fluentui/web-components/tree-item.js";import"deep-equal";import"@stencil/store";import"axios";import"./iconMapping-C3k5yilV.js";import"@carbon/icons/es/add/16";import"@carbon/icons/es/add/32";import"@carbon/icons/es/add--alt/16";import"@carbon/icons/es/add--filled/16";import"@carbon/icons/es/arrows--horizontal/16";import"@carbon/icons/es/attachment/16";import"@carbon/icons/es/batch-job/16";import"@carbon/icons/es/box/16";import"@carbon/icons/es/close/16";import"@carbon/icons/es/close/32";import"@carbon/icons/es/close--filled/16";import"@carbon/icons/es/close--outline/16";import"@carbon/icons/es/checkmark/16";import"@carbon/icons/es/checkmark/24";import"@carbon/icons/es/checkmark/32";import"@carbon/icons/es/chevron--left/16";import"@carbon/icons/es/chevron--right/16";import"@carbon/icons/es/chevron--down/16";import"@carbon/icons/es/data-enrichment/16";import"@carbon/icons/es/document/16";import"@carbon/icons/es/document--add/16";import"@carbon/icons/es/document--attachment/16";import"@carbon/icons/es/document--pdf/16";import"@carbon/icons/es/document--video/16";import"@carbon/icons/es/document--audio/16";import"@carbon/icons/es/draggable/16";import"@carbon/icons/es/edit/16";import"@carbon/icons/es/export/16";import"@carbon/icons/es/flag/16";import"@carbon/icons/es/information/16";import"@carbon/icons/es/information/32";import"@carbon/icons/es/link/16";import"@carbon/icons/es/location/16";import"@carbon/icons/es/overflow-menu--vertical/16";import"@carbon/icons/es/overflow-menu--vertical/32";import"@carbon/icons/es/return/16";import"@carbon/icons/es/save/16";import"@carbon/icons/es/settings/16";import"@carbon/icons/es/subtract/16";import"@carbon/icons/es/subtract--alt/16";import"@carbon/icons/es/subtract--filled/16";import"@carbon/icons/es/trash-can/16";import"@carbon/icons/es/user/16";import"@carbon/icons/es/view/16";import"@carbon/icons/es/warning/16";import"@carbon/icons/es/warning/32";import"@carbon/icons/es/warning--alt/16";import"@carbon/icons/es/warning--alt/32";import"@carbon/icons/es/product/16";import"@carbon/icons/es/workspace/16";import"@carbon/icons/es/arrow--up/16";import"@carbon/icons/es/arrow--down/16";import"@carbon/icons/es/arrow--right/16";import"@carbon/icons/es/arrow--left/16";import"@carbon/icons/es/copy/16";import"@carbon/icons/es/star/16";import"@carbon/icons/es/data-table/16";import"@carbon/icons/es/fit-to-width/16";import"@carbon/icons/es/search--advanced/16";import"@carbon/icons/es/reset/16";import"@carbon/icons/es/column/16";import"@carbon/icons/es/column--delete/16";import"@carbon/icons/es/watson-health/rotate--360/16";import"@carbon/icons/es/filter/16";import"@carbon/icons/es/app-connectivity/16";import"@carbon/icons/es/text--font/16";import"@carbon/icons/es/text--long-paragraph/16";import"@carbon/icons/es/character--whole-number/16";import"@carbon/icons/es/checkbox--checked/16";import"@carbon/icons/es/radio-button--checked/16";import"@carbon/icons/es/event--schedule/16";import"@carbon/icons/es/view--off/16";import"@carbon/icons/es/time/16";import"@carbon/icons/es/calendar/16";import"@carbon/icons/es/list--checked/16";import"@carbon/icons/es/list--bulleted/16";import"@carbon/icons/es/cloud--upload/16";import"@carbon/icons/es/locked/16";import"@carbon/icons/es/pause/16";import"@carbon/icons/es/unlocked/16";import"@carbon/icons/es/send/16";import"@carbon/icons/es/email/16";import"@carbon/icons/es/checkmark--outline/16";import"@carbon/icons/es/migrate--alt/16";import"@carbon/icons/es/checkbox--checked--filled/16";import"@carbon/icons/es/checkbox/16";import"@carbon/icons/es/ZIP/16";import"@carbon/icons/es/image/16";import"@carbon/icons/es/PPT/16";import"@carbon/icons/es/XLS/16";import"@carbon/icons/es/ibm--elo--method-composer/16";import"@carbon/icons/es/undo/16";import"@carbon/icons/es/catalog/16";import"@carbon/icons/es/table--split/16";let j=null;function R(){return n.withParams({wrapperBorderRadius:0,wrapperBorder:!1,headerCellHoverBackgroundColor:"var(--udp-grid-column-header-bg-hover)",borderColor:"#E9ECEF",accentColor:"var(--primary-color)",browserColorScheme:"light"},"light").withParams({wrapperBorderRadius:0,wrapperBorder:!1,headerCellHoverBackgroundColor:"var(--udp-grid-column-header-bg-hover)",borderColor:"var(--divider-color)",accentColor:"var(--primary-color)",browserColorScheme:"dark"},"dark")}function $(e){j||(j=R()),document.documentElement.setAttribute("data-ag-theme-mode",e)}function V(){return sessionStorage.getItem("user-id")}const H=async e=>{(null===document||void 0===document?void 0:document.startViewTransition)?(document.viewTransition&&await document.viewTransition.finished.catch((()=>{})),document.startViewTransition(e)):e()};function L(e){const t=new Date(e),i=Math.floor((Date.now()-t.getTime())/1e3);if(i<60)return`${i} second${1!==i?"s":""} ago`;const a=Math.floor(i/60);if(a<60)return`${a} minute${1!==a?"s":""} ago`;const o=Math.floor(a/60);if(o<24)return`${o} hour${1!==o?"s":""} ago`;const n=Math.floor(o/24);return`${n} day${1!==n?"s":""} ago`}function W(e,t){var i;return null===(i=e.gridViewGridViewGridConfiguration)||void 0===i?void 0:i.find((e=>e.gridViewGridConfigurationGridConfiguration.gridStateTypeId===t))}function G(e){return W(e,1)}function Y(e){return W(e,4)}function J(e){switch(e){case"primary":return"primary";case"ghost":return"subtle";default:return"secondary"}}class U{constructor(){this.chips=[],this.moreFiltersLabel="More filters",this.selected=new Map,this.options=new Map,this.routes=new Map,this.colIdToChip=new Map,this.itemIndex=new Map,this.openDateChipId=null,this.dateDraft=new Map,this.overflowIds=new Set,this.chipWidths=new Map,this.measureRaf=null,this.setContainer=e=>{e&&(e!==this.containerEl&&(this.containerEl=e,this.resizeObserver||(this.resizeObserver=new ResizeObserver((()=>this.scheduleMeasure()))),this.resizeObserver.observe(e)),this.scheduleMeasure())},this.handleCheckedChangeEvent=e=>{var t,i,a;const o=this.itemIndex.get(null!==(t=e.detail.item.id)&&void 0!==t?t:"");if(!o)return;const n=this.chips.find((e=>e.id===o.chipId));if(!n)return;const r=new Set(null!==(i=this.selected.get(n.id))&&void 0!==i?i:[]);e.detail.checked?("single"===n.selection&&r.clear(),r.add(o.value)):r.delete(o.value),this.selected.set(n.id,r),this.applyChip(n),this.refresh(),null===(a=this.coordinator)||void 0===a||a.notifyScopeChanged()},this.toggleDatePopover=e=>{var t,i;if(this.openDateChipId===e.id)this.openDateChipId=null;else{const a=null!==(i=Array.from(null!==(t=this.selected.get(e.id))&&void 0!==t?t:[])[0])&&void 0!==i?i:"";this.dateDraft.set(e.id,a),this.openDateChipId=e.id}this.refresh()},this.handleDatePopoverClose=()=>{null!==this.openDateChipId&&(this.openDateChipId=null,this.refresh())},this.handleDateDraftChange=(e,t)=>{var i;this.dateDraft.set(e.id,null!==(i=t.detail)&&void 0!==i?i:"")},this.applyDateChip=e=>{var t,i;const a=null!==(t=this.dateDraft.get(e.id))&&void 0!==t?t:"";this.selected.set(e.id,a?new Set([a]):new Set),this.openDateChipId=null,this.applyChip(e),this.refresh(),null===(i=this.coordinator)||void 0===i||i.notifyScopeChanged()},this.clearDateChip=e=>{var t;this.dateDraft.set(e.id,""),this.selected.set(e.id,new Set),this.openDateChipId=null,this.applyChip(e),this.refresh(),null===(t=this.coordinator)||void 0===t||t.notifyScopeChanged()},this.clearAll=()=>{var e;const t=this.chips.some((e=>{var t,i;return"column"===this.routes.get(e.id)&&(null!==(i=null===(t=this.selected.get(e.id))||void 0===t?void 0:t.size)&&void 0!==i?i:0)>0})),i=this.chips.some((e=>{var t,i;return"external"===this.routes.get(e.id)&&(null!==(i=null===(t=this.selected.get(e.id))||void 0===t?void 0:t.size)&&void 0!==i?i:0)>0}));if(this.selected.clear(),t){const e=this.chips.filter((e=>"column"===this.routes.get(e.id)));Promise.all(e.map((e=>this.api.setColumnFilterModel(e.columnId,null)))).then((()=>this.api.onFilterChanged()))}i&&(this.writeExternalContext(),this.api.refreshServerSide({purge:!0})),this.refresh(),null===(e=this.coordinator)||void 0===e||e.notifyScopeChanged()},this.onColumnFilterChanged=e=>{var t;if("columnFilter"!==e.source&&"api"!==e.source)return;const i=(null!==(t=e.columns)&&void 0!==t?t:[]).map((e=>e.getColId())),a=i.length?i:Array.from(this.colIdToChip.keys());let o=!1;for(const e of a){const t=this.colIdToChip.get(e);if(!t)continue;const i=this.api.getColumnFilterModel(e);i&&"set"===i.filterType&&Array.isArray(i.values)?this.selected.set(t,new Set(i.values.map(String))):this.selected.set(t,new Set),o=!0}o&&this.refresh()}}async init(e,t,i,a){var o,n,r,s,l;if(this.api=e,this.refresh=t,this.coordinator=a,this.chips=null!==(o=null==i?void 0:i.chips)&&void 0!==o?o:[],this.moreFiltersLabel=null!==(n=null==i?void 0:i.moreFiltersLabel)&&void 0!==n?n:"More filters",!this.chips.length)return;0===(null!==(s=null===(r=this.api.getColumnDefs())||void 0===r?void 0:r.length)&&void 0!==s?s:0)&&await new Promise((e=>{const t=()=>{var i,a;(null!==(a=null===(i=this.api.getColumnDefs())||void 0===i?void 0:i.length)&&void 0!==a?a:0)>0&&(this.api.removeEventListener("gridColumnsChanged",t),e())};this.api.addEventListener("gridColumnsChanged",t)}));for(const e of this.chips){e.options&&this.options.set(e.id,e.options);let t="external";!this.isPredefined(e)&&e.columnId&&(this.api.getColumn(e.columnId)?(t="column",this.colIdToChip.set(e.columnId,e.id)):console.warn(`[quickFilterChips] chip "${e.id}" references columnId "${e.columnId}" which was not found; applying it as an external search filter instead.`)),this.routes.set(e.id,t),(null===(l=e.defaultSelected)||void 0===l?void 0:l.length)&&this.selected.set(e.id,new Set(e.defaultSelected.map(String)))}const d=this.chips.filter((e=>{var t,i;return"column"===this.routes.get(e.id)&&(null!==(i=null===(t=this.selected.get(e.id))||void 0===t?void 0:t.size)&&void 0!==i?i:0)>0}));await Promise.all(d.map((e=>{var t;return this.api.setColumnFilterModel(e.columnId,{filterType:"set",values:Array.from(null!==(t=this.selected.get(e.id))&&void 0!==t?t:[])})}))),this.writeExternalContext(),this.api.addEventListener("filterChanged",this.onColumnFilterChanged),this.loadAsyncOptions()}update(e){var t,i,a;const o=this.selected,n=new Set(this.chips.map((e=>e.id)));this.chips=null!==(t=null==e?void 0:e.chips)&&void 0!==t?t:[],this.moreFiltersLabel=null!==(i=null==e?void 0:e.moreFiltersLabel)&&void 0!==i?i:"More filters",this.selected=new Map,this.options=new Map,this.routes=new Map,this.colIdToChip=new Map;for(const e of this.chips){e.options&&this.options.set(e.id,e.options);let t="external";!this.isPredefined(e)&&e.columnId&&this.api.getColumn(e.columnId)&&(t="column",this.colIdToChip.set(e.columnId,e.id)),this.routes.set(e.id,t);const i=o.get(e.id);i?this.selected.set(e.id,i):!n.has(e.id)&&(null===(a=e.defaultSelected)||void 0===a?void 0:a.length)&&this.selected.set(e.id,new Set(e.defaultSelected.map(String)))}this.loadAsyncOptions(),this.refresh()}destroy(){var e,t;null===(e=this.api)||void 0===e||e.removeEventListener("filterChanged",this.onColumnFilterChanged),null===(t=this.resizeObserver)||void 0===t||t.disconnect(),this.resizeObserver=void 0,null!==this.measureRaf&&(cancelAnimationFrame(this.measureRaf),this.measureRaf=null)}scheduleMeasure(){null===this.measureRaf&&(this.measureRaf=requestAnimationFrame((()=>{this.measureRaf=null,this.measureAndReflow()})))}parseGap(e){const t=parseFloat(getComputedStyle(e).columnGap||"0");return Number.isFinite(t)?t:0}measureAndReflow(){var e,t,i,a;const o=this.containerEl;if(!o||!o.isConnected)return;const n=o.clientWidth;if(n<=0)return;const r=n-U.SAFETY_MARGIN,s=this.parseGap(o),l=this.chips.some((e=>this.chipActive(e))),d=e=>t=>{var i;return!this.canOverflow(t)||"preset"===(null!==(i=t.placement)&&void 0!==i?i:"preset")&&!e.has(t.id)},c=e=>this.chips.some((t=>this.canOverflow(t)&&("more"===t.placement||e.has(t.id)))),h=this.chips.filter(d(this.overflowIds)),u=Array.from(o.children);h.forEach(((e,t)=>{const i=u[t];i&&this.chipWidths.set(e.id,i.offsetWidth)}));let p=h.length,b=U.MORE_WIDTH_FALLBACK;c(this.overflowIds)&&(b=null!==(t=null===(e=u[p])||void 0===e?void 0:e.offsetWidth)&&void 0!==t?t:b,p++);const f=l&&null!==(a=null===(i=u[p])||void 0===i?void 0:i.offsetWidth)&&void 0!==a?a:0,m=e=>{var t;return null!==(t=this.chipWidths.get(e))&&void 0!==t?t:96},v=e=>{let t=this.chips.filter(d(e)).reduce(((e,t,i)=>e+m(t.id)+(i>0?s:0)),0);return c(e)&&(t+=b+s),l&&(t+=f+s),t},g=this.chips.filter((e=>{var t;return this.canOverflow(e)&&"preset"===(null!==(t=e.placement)&&void 0!==t?t:"preset")})),y=new Set;for(let e=g.length-1;e>=0&&v(y)>r;e--)y.add(g[e].id);(y.size!==this.overflowIds.size||[...y].some((e=>!this.overflowIds.has(e))))&&(this.overflowIds=y,this.refresh())}chipType(e){var t;return null!==(t=e.type)&&void 0!==t?t:"options"}canOverflow(e){return"date"!==this.chipType(e)}operatorFor(e){return e.operator?e.operator:"single"===e.selection?x.EQUALS:x.IN}isPredefined(e){var t;return(null!==(t=e.options)&&void 0!==t?t:[]).some((e=>null!=e.filter))}chipActive(e){var t;const i=this.selected.get(e.id);return!(!i||0===i.size)&&(!this.isPredefined(e)||(null!==(t=this.options.get(e.id))&&void 0!==t?t:[]).some((e=>{var t,a;return i.has(String(e.value))&&(null!==(a=null===(t=e.filter)||void 0===t?void 0:t.length)&&void 0!==a?a:0)>0})))}buildChipFilterElements(e){return"date"===this.chipType(e)?this.buildDateFilterElements(e):this.buildOptionsFilterElements(e)}buildDateFilterElements(e){var t,i;const a=Array.from(null!==(t=this.selected.get(e.id))&&void 0!==t?t:[])[0];if(!a||!e.field)return[];if(a.includes("/")){const[t,i]=a.split("/");return[{searchField:e.field,searchValue:`${t},${i}`,searchOperator:x.BETWEEN,groupId:null}]}return[{searchField:e.field,searchValue:a,searchOperator:null!==(i=e.operator)&&void 0!==i?i:x.EQUALS,groupId:null}]}buildOptionsFilterElements(e){var t,i;const a=null!==(t=this.selected.get(e.id))&&void 0!==t?t:new Set;if(this.isPredefined(e))return(null!==(i=this.options.get(e.id))&&void 0!==i?i:[]).filter((e=>a.has(String(e.value)))).flatMap((e=>{var t;return null!==(t=e.filter)&&void 0!==t?t:[]}));const o=Array.from(a);return o.length&&e.field?[{searchField:e.field,searchValue:o.join(","),searchOperator:this.operatorFor(e),groupId:null}]:[]}writeExternalContext(){const e=this.chips.filter((e=>"external"===this.routes.get(e.id))).flatMap((e=>this.buildChipFilterElements(e)));this.api.setGridOption("context",Object.assign(Object.assign({},this.api.getGridOption("context")),{quickFilterSearch:{filterElements:e,logicalSearchOperator:w.AND}}))}applyChip(e){var t;const i=Array.from(null!==(t=this.selected.get(e.id))&&void 0!==t?t:[]);"column"!==this.routes.get(e.id)?(this.writeExternalContext(),this.api.refreshServerSide({purge:!0})):this.api.setColumnFilterModel(e.columnId,i.length?{filterType:"set",values:i}:null).then((()=>this.api.onFilterChanged()))}hasExternalChips(){return this.chips.some((e=>"external"===this.routes.get(e.id)))}getScopedState(){if(!this.hasExternalChips())return null;const e={};for(const t of this.chips){if("external"!==this.routes.get(t.id))continue;const i=this.selected.get(t.id);i&&i.size&&(e[t.id]=Array.from(i))}return{gridStateTypeId:7,values:JSON.stringify(e)}}setScopedState(e){var t,i;const a=e?(()=>{try{return JSON.parse(e)}catch(e){return{}}})():null;for(const e of this.chips){if("external"!==this.routes.get(e.id))continue;const o=a?null!==(t=a[e.id])&&void 0!==t?t:[]:(null!==(i=e.defaultSelected)&&void 0!==i?i:[]).map(String);this.selected.set(e.id,new Set(o))}this.writeExternalContext(),this.refresh()}loadAsyncOptions(){for(const e of this.chips)e.valueSource&&!this.options.has(e.id)&&e.valueSource().then((t=>{this.options.set(e.id,t),this.refresh()})).catch((()=>{}))}chipLabel(e){var t,i,a,o;if(!this.chipActive(e))return e.label;const n=null!==(t=this.selected.get(e.id))&&void 0!==t?t:new Set;if("date"===this.chipType(e)){const t=null!==(i=Array.from(n)[0])&&void 0!==i?i:"";return`${e.label}: ${this.formatDateLabel(t)}`}if("single"===e.selection){const t=Array.from(n)[0],i=(null!==(a=this.options.get(e.id))&&void 0!==a?a:[]).find((e=>String(e.value)===t));return`${e.label}: ${null!==(o=null==i?void 0:i.label)&&void 0!==o?o:t}`}return`${e.label} (${n.size})`}formatDateLabel(e){const t=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],i=e=>{const i=e.match(/^(\d{4})-(\d{2})-(\d{2})/);return i?`${t[Number(i[2])-1]} ${Number(i[3])}`:e};if(e.includes("/")){const[t,a]=e.split("/");return`${i(t)} – ${i(a)}`}return i(e)}buildItems(e,t){var i,a;const o=null!==(i=this.options.get(e.id))&&void 0!==i?i:[],n=null!==(a=this.selected.get(e.id))&&void 0!==a?a:new Set,r=[];for(const i of o){const a=String(i.value),o=`${e.id}::${a}`;this.itemIndex.set(o,{chipId:e.id,value:a}),r.push({id:o,text:i.label,type:"checkbox",checked:n.has(a),parentId:t})}return r}renderChip(e){return"date"===this.chipType(e)?this.renderDateChip(e):this.renderOptionsChip(e)}renderDateChip(t){var i,a;const o=this.chipActive(t),n=null!==(i=t.dateSelectionType)&&void 0!==i?i:"range";return e("span",{class:"qf-date-chip",key:t.id},e("udp-popover",{open:this.openDateChipId===t.id,position:"bottom-start",toggleOnTriggerClick:!1,onPopoverClose:this.handleDatePopoverClose},e("udp-fluent-button",{slot:"trigger",class:o?"qf-chip-active":void 0,appearance:"subtle",shape:"circular",size:"small",endIconName:"chevron-down",onClick:()=>this.toggleDatePopover(t)},this.chipLabel(t)),e("div",{slot:"content",class:"qf-date-popover"},e("udp-date-range-selector",{variant:n,value:null!==(a=this.dateDraft.get(t.id))&&void 0!==a?a:"",monthsToDisplay:1,size:"sm",onChange:e=>this.handleDateDraftChange(t,e)}),e("div",{class:"qf-date-footer"},e("udp-fluent-button",{appearance:"subtle",size:"small",onClick:()=>this.clearDateChip(t)},"Clear"),e("udp-fluent-button",{appearance:"primary",size:"small",onClick:()=>this.applyDateChip(t)},"Apply")))))}renderOptionsChip(t){const i=this.chipActive(t);return e("udp-fluent-menu",{key:t.id,class:i?"qf-chip-active":void 0,label:this.chipLabel(t),appearance:"subtle",shape:"circular",size:"small",endIconName:"chevron-down",persistOnMenuClick:!0,items:this.buildItems(t),onCheckedChange:this.handleCheckedChangeEvent})}renderMoreMenu(t){const i=[];t.forEach(((e,t)=>{const a=`more::${e.id}`;i.push({id:a,text:this.chipLabel(e),sectionNumber:t});for(const o of this.buildItems(e,a))i.push(Object.assign(Object.assign({},o),{sectionNumber:t}))}));const a=t.filter((e=>this.chipActive(e))).length;return e("udp-fluent-menu",{key:"__quick-filter-more__",class:a>0?"qf-chip-active":void 0,label:a>0?`${this.moreFiltersLabel} (${a})`:this.moreFiltersLabel,appearance:"subtle",shape:"circular",size:"small",startIconName:"filter",persistOnMenuClick:!0,items:i,onCheckedChange:this.handleCheckedChangeEvent})}render(){if(!this.chips.length)return null;this.itemIndex=new Map;const t=this.chips.filter((e=>{var t;return!this.canOverflow(e)||"preset"===(null!==(t=e.placement)&&void 0!==t?t:"preset")&&!this.overflowIds.has(e.id)})),i=this.chips.filter((e=>this.canOverflow(e)&&("more"===e.placement||this.overflowIds.has(e.id)))),a=this.chips.some((e=>this.chipActive(e)));return e("div",{class:"quick-filter-chips",ref:this.setContainer},t.map((e=>this.renderChip(e))),i.length>0&&this.renderMoreMenu(i),a&&e("udp-fluent-button",{appearance:"subtle",size:"small",onClick:this.clearAll},"Clear filters"))}}U.MORE_WIDTH_FALLBACK=120,U.SAFETY_MARGIN=24;const X={agGridExport:class{constructor(e="export.csv"){this.fileName=e}init(e){this.gridApi=e}onAction(e){"agGridExport"===e&&this.gridApi.exportDataAsCsv({fileName:this.fileName})}},agGridExcelExport:class{constructor(e="export.xlsx"){this.fileName=e}init(e){this.gridApi=e}onAction(e){"agGridExcelExport"===e&&this.gridApi.exportDataAsExcel({fileName:this.fileName})}},openSavedViews:class{constructor(){this.filteredViews=[],this.allViewData=[],this.activeViewId=null,this.activeViewState=null,this.loading=!1,this.isDirty=!1,this.viewDialogMode=null,this.hoveredViewId=null,this.loadingViewId=null,this.deleteConfirmView=null,this.editingView=null,this.dialogName="",this.dialogIsPublic=!1,this.dialogMode="create",this.baseColumnState=null,this.baseScopedState=null,this.scopeUnsubscribe=null,this.localRestoredState=null,this.localStorageDebounceId=null,this.baselineRecaptureId=null,this.initialLoad=!0,this.dirtyListenerTimeoutId=null,this.scheduleDirtyListeners=()=>{null!==this.dirtyListenerTimeoutId&&clearTimeout(this.dirtyListenerTimeoutId),this.dirtyListenerTimeoutId=setTimeout((()=>{this.dirtyListenerTimeoutId=null,this.addDirtyListeners()}),300)},this.addDirtyListeners=()=>{this.api.addEventListener("columnVisible",this.checkIfDirty),this.api.addEventListener("columnPinned",this.checkIfDirty),this.api.addEventListener("columnMoved",this.checkIfDirty),this.api.addEventListener("columnPivotChanged",this.checkIfDirty),this.api.addEventListener("columnRowGroupChanged",this.checkIfDirty),this.api.addEventListener("columnValueChanged",this.checkIfDirty),this.api.addEventListener("columnsReset",this.checkIfDirty),this.api.addEventListener("filterChanged",this.checkIfDirty),this.api.addEventListener("sortChanged",this.checkIfDirty)},this.removeDirtyListeners=()=>{this.api.removeEventListener("columnVisible",this.checkIfDirty),this.api.removeEventListener("columnPinned",this.checkIfDirty),this.api.removeEventListener("columnMoved",this.checkIfDirty),this.api.removeEventListener("columnPivotChanged",this.checkIfDirty),this.api.removeEventListener("columnRowGroupChanged",this.checkIfDirty),this.api.removeEventListener("columnValueChanged",this.checkIfDirty),this.api.removeEventListener("columnsReset",this.checkIfDirty),this.api.removeEventListener("filterChanged",this.checkIfDirty),this.api.removeEventListener("sortChanged",this.checkIfDirty)},this.onColumnsChanged=()=>{var e;if(!this.baseColumnState)return;const t=this.getPrimaryColIds(),i=e=>e.filter((e=>t.has(e.colId))).map((e=>e.colId)).join(",");i(null!==(e=this.api.getColumnState())&&void 0!==e?e:[])!==i(JSON.parse(this.baseColumnState))&&(this.baseColumnState=JSON.stringify(this.api.getColumnState()),this.isDirty&&(this.isDirty=!1,this.refresh()))},this.getStorageKey=()=>{const e=k();return`saved-grid-state-${this.gridId}-${e}`},this.saveCurrentStateToLocalStorage=()=>{null!==this.localStorageDebounceId&&clearTimeout(this.localStorageDebounceId),this.localStorageDebounceId=setTimeout((()=>{if(this.localStorageDebounceId=null,!this.gridId)return;const e=this.getStorageKey(),t={date:(new Date).toISOString(),columnState:JSON.stringify(this.api.getColumnState()),filterModel:JSON.stringify(this.api.getFilterModel())};localStorage.setItem(e,JSON.stringify(t))}),500)},this.applyLocalRestoredState=()=>{if(this.localRestoredState){this.removeDirtyListeners(),this.api.setGridOption("loading",!0);try{const e=JSON.parse(this.localRestoredState.columnState);e&&this.api.applyColumnState({state:e,applyOrder:!0});const t=JSON.parse(this.localRestoredState.filterModel);this.api.setFilterModel(t)}catch(e){console.error("Failed to apply restored state",e)}this.localRestoredState=null,this.isDirty=!0,H((()=>{this.api.setGridOption("loading",!1),this.refresh(),this.scheduleDirtyListeners(),this.saveCurrentStateToLocalStorage()}))}},this.getPrimaryColIds=()=>{var e;return new Set((null!==(e=this.api.getColumns())&&void 0!==e?e:[]).filter((e=>e.isPrimary())).map((e=>e.getColId())))},this.serializeUserColumnState=e=>{const t=this.getPrimaryColIds();return JSON.stringify(e.filter((e=>t.has(e.colId))))},this.checkIfDirty=()=>{var e,t;if(null!==this.baselineRecaptureId)return;const i=this.serializeScopedState();let a;if(this.activeViewId&&this.activeViewState){const t=this.serializeUserColumnState(null!==(e=this.api.getColumnState())&&void 0!==e?e:[]),o=this.serializeUserColumnState(JSON.parse(this.activeViewState.columnState)),n=JSON.stringify(this.api.getFilterModel());a=t!==o||n!==this.activeViewState.filterModel||i!==this.activeViewState.scopedState}else{const e=this.api.getFilterModel(),o=Object.keys(null!=e?e:{}).length>0,n=this.serializeUserColumnState(null!==(t=this.api.getColumnState())&&void 0!==t?t:[]),r=null!==this.baseColumnState?this.serializeUserColumnState(JSON.parse(this.baseColumnState)):null;a=o||null!==r&&n!==r||null!==this.baseScopedState&&i!==this.baseScopedState}a!==this.isDirty&&(this.isDirty=a,this.refresh()),this.saveCurrentStateToLocalStorage()},this.scheduleBaselineRecapture=()=>{null!==this.baselineRecaptureId&&clearTimeout(this.baselineRecaptureId),this.baselineRecaptureId=setTimeout((()=>{this.baselineRecaptureId=null,this.activeViewId||(this.baseColumnState=JSON.stringify(this.api.getColumnState()),this.baseScopedState=this.serializeScopedState()),this.isDirty&&(this.isDirty=!1,this.refresh())}),0)},this.serializeScopedState=()=>{var e,t;const i=(null!==(t=null===(e=this.coordinator)||void 0===e?void 0:e.getScopedFunctions())&&void 0!==t?t:[]).map((e=>{var t;return null===(t=e.getScopedState)||void 0===t?void 0:t.call(e)})).filter((e=>!!e)).sort(((e,t)=>e.gridStateTypeId-t.gridStateTypeId));return JSON.stringify(i)},this.applyScopedState=e=>{var t,i,a,o,n;for(const r of null!==(i=null===(t=this.coordinator)||void 0===t?void 0:t.getScopedFunctions())&&void 0!==i?i:[]){const t=null===(o=null===(a=r.getScopedState)||void 0===a?void 0:a.call(r))||void 0===o?void 0:o.gridStateTypeId;if(null==t)continue;const i=W(e,t);null===(n=r.setScopedState)||void 0===n||n.call(r,i?i.gridViewGridConfigurationGridConfiguration.values:null)}},this.applyBaselineScopedState=()=>{var e,t,i,a,o,n;const r=this.baseScopedState?JSON.parse(this.baseScopedState):[],s=new Map(r.map((e=>[e.gridStateTypeId,e.values])));for(const r of null!==(t=null===(e=this.coordinator)||void 0===e?void 0:e.getScopedFunctions())&&void 0!==t?t:[]){const e=null===(a=null===(i=r.getScopedState)||void 0===i?void 0:i.call(r))||void 0===a?void 0:a.gridStateTypeId;null!=e&&(null===(o=r.setScopedState)||void 0===o||o.call(r,null!==(n=s.get(e))&&void 0!==n?n:null))}},this.collectScopedSaveState=(e,t)=>{var i,a;return(null!==(a=null===(i=this.coordinator)||void 0===i?void 0:i.getScopedFunctions())&&void 0!==a?a:[]).map((e=>{var t;return null===(t=e.getScopedState)||void 0===t?void 0:t.call(e)})).filter((e=>!!e)).map((i=>{const a=t?W(t,i.gridStateTypeId):void 0;return Object.assign(Object.assign({},a?{gridConfigurationId:a.gridViewGridConfigurationGridConfiguration.gridConfigurationId}:{}),{gridStateTypeId:i.gridStateTypeId,gridId:e,values:i.values})}))},this.fetchViews=async()=>{var e;this.loading=!0,this.refresh();const t=this.api.getGridOption("context");if(this.gridId=null!==(e=null==t?void 0:t.gridId)&&void 0!==e?e:"",!this.gridId)return console.warn("[SavedViews] No gridId provided in grid context — saved views will not work."),this.loading=!1,void this.refresh();const i=this.getStorageKey(),a=localStorage.getItem(i);if(a)try{this.localRestoredState=JSON.parse(a)}catch(e){console.warn("[SavedViews] Failed to parse local restored state",e)}this.allViewData=await c(V(),this.gridId),this.filterData(),this.initialLoad&&(this.baseColumnState=JSON.stringify(this.api.getColumnState()),this.baseScopedState=this.serializeScopedState(),this.applyDefaultView()),this.loading=!1,this.refresh()},this.filterData=()=>{var e,t,i;const a=this.api.getGridOption("context");this.entityName=null!==(e=null==a?void 0:a.entityName)&&void 0!==e?e:"",this.filteredViews=this.entityName?(null!==(t=this.allViewData)&&void 0!==t?t:[]).filter((e=>e.domain===this.entityName)):null!==(i=this.allViewData)&&void 0!==i?i:[],this.activeViewId&&!this.filteredViews.some((e=>e.gridViewId===this.activeViewId))&&(this.activeViewId=null,this.activeViewState=null,this.isDirty=!1),this.refresh()},this.pendingReapplyFilter=null,this.removeReapplyFilterListener=()=>{this.pendingReapplyFilter&&(this.api.removeEventListener("rowDataUpdated",this.pendingReapplyFilter),this.pendingReapplyFilter=null)},this.applyDefaultView=()=>{const e=this.filteredViews.find((e=>e.isDefault));if(e&&(this.setActiveView(e),"clientSide"===this.api.getGridOption("rowModelType"))){const t=Y(e),i=this.api.getGridOption("rowData");if(t&&(!i||0===i.length)){const e=JSON.parse(t.gridViewGridConfigurationGridConfiguration.values);this.api.setGridOption("loading",!0);const i=()=>{const t=this.api.getGridOption("rowData");t&&0!==t.length&&(null!==this.dirtyListenerTimeoutId&&(clearTimeout(this.dirtyListenerTimeoutId),this.dirtyListenerTimeoutId=null),this.removeDirtyListeners(),this.api.setFilterModel(e),this.activeViewState={columnState:JSON.stringify(this.api.getColumnState()),filterModel:JSON.stringify(this.api.getFilterModel()),scopedState:this.serializeScopedState()},this.isDirty=!1,this.scheduleDirtyListeners(),this.removeReapplyFilterListener(),this.api.setGridOption("loading",!1),this.refresh())};this.pendingReapplyFilter=i,this.api.addEventListener("rowDataUpdated",i),null!==this.dirtyListenerTimeoutId&&(clearTimeout(this.dirtyListenerTimeoutId),this.dirtyListenerTimeoutId=null),this.removeDirtyListeners()}}this.initialLoad=!1},this.triggerServerRefetch=()=>{"serverSide"===this.api.getGridOption("rowModelType")&&this.api.refreshServerSide({purge:!0})},this.setActiveView=e=>{this.removeDirtyListeners();const t=G(e),i=Y(e);t&&this.api.applyColumnState({state:JSON.parse(t.gridViewGridConfigurationGridConfiguration.values),applyOrder:!0}),this.applyScopedState(e);const a=i?JSON.parse(i.gridViewGridConfigurationGridConfiguration.values):null;this.api.setFilterModel(a),this.triggerServerRefetch(),this.activeViewId=e.gridViewId,this.activeViewState={columnState:JSON.stringify(this.api.getColumnState()),filterModel:JSON.stringify(this.api.getFilterModel()),scopedState:this.serializeScopedState()},this.isDirty=!1,this.saveCurrentStateToLocalStorage(),H((()=>{this.refresh(),this.scheduleDirtyListeners()}))},this.clearView=()=>{this.removeDirtyListeners(),this.baseColumnState?this.api.applyColumnState({state:JSON.parse(this.baseColumnState),applyOrder:!0}):this.api.resetColumnState(),this.applyBaselineScopedState(),this.api.setFilterModel(null),this.triggerServerRefetch(),this.activeViewId=null,this.activeViewState=null,this.isDirty=!1,this.saveCurrentStateToLocalStorage(),H((()=>{this.refresh(),this.scheduleDirtyListeners()}))},this.deleteView=async e=>{this.loading=!0,this.refresh();const t=this.activeViewId===e.gridViewId;try{await h(e.gridViewId,(()=>null)),t&&this.clearView(),await this.fetchViews()}catch(e){console.error(e)}finally{this.loading=!1,this.refresh()}},this.handleDirtyReset=()=>{const e=this.activeView;e&&(this.isDirty=!1,this.setActiveView(e))},this.handleUpdateCurrentView=async()=>{var e;const t=this.activeView;if(!t)return;this.loading=!0,this.refresh();const i=this.api.getGridOption("context"),a=G(t),o=Y(t),n=[{gridConfigurationId:null==a?void 0:a.gridViewGridConfigurationGridConfiguration.gridConfigurationId,gridStateTypeId:1,gridId:null==i?void 0:i.gridId,values:JSON.stringify(this.api.getColumnState())},{gridConfigurationId:null==o?void 0:o.gridViewGridConfigurationGridConfiguration.gridConfigurationId,gridStateTypeId:4,gridId:null==i?void 0:i.gridId,values:JSON.stringify(this.api.getFilterModel())},...this.collectScopedSaveState(null==i?void 0:i.gridId,t)];try{await u(t.gridViewId,V(),null==i?void 0:i.gridId,y(),t.name,n,t.isDefault?1:0,null==i?void 0:i.entityName,null!==(e=t.gridViewVisibilityTypeId)&&void 0!==e?e:1,(()=>null)),await this.fetchViews();const a=this.filteredViews.find((e=>e.gridViewId===t.gridViewId));a&&this.setActiveView(a)}catch(e){console.error(e)}finally{this.loading=!1,this.refresh()}},this.handleSaveAsNew=()=>{this.dialogName="",this.dialogIsPublic=!1,this.dialogMode="create",this.viewDialogMode="create",this.refresh()},this.handleEditRequest=e=>{this.dialogName=e.name,this.dialogIsPublic=2===e.gridViewVisibilityTypeId,this.dialogMode="edit",this.editingView=e,this.viewDialogMode="edit",this.refresh()},this.handleDialogNameInput=e=>{this.dialogName=e.detail,this.refresh()},this.handleDialogIsPublicChange=e=>{this.dialogIsPublic=e.detail,this.refresh()},this.handleDialogConfirm=async()=>{const e=this.dialogName.trim();if(!e)return;const t=this.dialogIsPublic?2:1,i=this.editingView;"edit"===this.viewDialogMode&&i?await this.renameView(i,e,t):await this.postView(e,t),this.viewDialogMode=null,this.refresh()},this.handleDialogCancel=()=>{this.viewDialogMode=null,this.refresh()},this.handleDeleteRequest=e=>{this.deleteConfirmView=e,this.refresh()},this.handleDeleteConfirm=async()=>{const e=this.deleteConfirmView;e&&(this.deleteConfirmView=null,await this.deleteView(e))},this.handleDeleteCancel=()=>{this.deleteConfirmView=null,this.refresh()}}get activeView(){var e;return null!==(e=this.filteredViews.find((e=>e.gridViewId===this.activeViewId)))&&void 0!==e?e:null}async init(e,t,i,a){var o,n,r,s;this.api=e,this.refresh=t,this.coordinator=a,this.scopeUnsubscribe=null!==(o=null==a?void 0:a.onScopeChanged(this.checkIfDirty))&&void 0!==o?o:null;const l=this.api.getGridOption("context");if(this.gridId=null!==(n=null==l?void 0:l.gridId)&&void 0!==n?n:"",!this.gridId)return void console.warn("[SavedViews] No gridId provided in grid context — saved views will not work.");const d=this.getStorageKey(),h=localStorage.getItem(d);if(h)try{this.localRestoredState=JSON.parse(h)}catch(e){console.warn("[SavedViews] Failed to parse local restored state",e)}this.loading=!0,this.refresh();const u=c(V(),this.gridId);0===(null!==(s=null===(r=this.api.getColumnDefs())||void 0===r?void 0:r.length)&&void 0!==s?s:0)&&await new Promise((e=>{const t=()=>{var i,a;(null!==(a=null===(i=this.api.getColumnDefs())||void 0===i?void 0:i.length)&&void 0!==a?a:0)>0&&(this.api.removeEventListener("gridColumnsChanged",t),e())};this.api.addEventListener("gridColumnsChanged",t)})),this.allViewData=await u,this.filterData(),this.baseColumnState=JSON.stringify(this.api.getColumnState()),this.baseScopedState=this.serializeScopedState(),this.applyDefaultView(),this.initialLoad=!1,this.loading=!1,this.refresh(),this.api.addEventListener("gridColumnsChanged",this.onColumnsChanged),this.scheduleDirtyListeners(),this.pendingReapplyFilter||this.addDirtyListeners(),this.scheduleBaselineRecapture()}destroy(){var e;null!==this.baselineRecaptureId&&clearTimeout(this.baselineRecaptureId),null===(e=this.scopeUnsubscribe)||void 0===e||e.call(this),this.removeDirtyListeners(),this.removeReapplyFilterListener(),this.api.removeEventListener("gridColumnsChanged",this.onColumnsChanged)}onAction(e){}async postView(e,t){this.loading=!0,this.refresh();const i=this.api.getGridOption("context"),a=[{gridStateTypeId:1,gridId:null==i?void 0:i.gridId,values:JSON.stringify(this.api.getColumnState())},{gridStateTypeId:4,gridId:null==i?void 0:i.gridId,values:JSON.stringify(this.api.getFilterModel())},...this.collectScopedSaveState(null==i?void 0:i.gridId)];try{await p(V(),null==i?void 0:i.gridId,y(),e,null==i?void 0:i.entityName,a,t,0,(()=>null)),await this.fetchViews();const o=this.filteredViews.find((t=>t.name===e));o&&this.setActiveView(o)}catch(e){console.error(e)}finally{this.loading=!1,this.refresh()}}async renameView(e,t,i){this.loading=!0,this.refresh();const a=this.api.getGridOption("context");try{await b(e.gridViewId,V(),null==a?void 0:a.gridId,y(),t,e.isDefault?1:0,null==a?void 0:a.entityName,i,(()=>null)),await this.fetchViews()}catch(e){console.error(e)}finally{this.loading=!1,this.refresh()}}async setViewAsDefault(e){var t,i;this.loadingViewId=e.gridViewId,this.refresh();const a=this.api.getGridOption("context"),o=e.isDefault;try{if(await b(e.gridViewId,V(),null==a?void 0:a.gridId,y(),e.name,o?0:1,null==a?void 0:a.entityName,null!==(t=e.gridViewVisibilityTypeId)&&void 0!==t?t:1,(()=>null)),!o){const e=this.filteredViews.find((e=>e.isDefault));e&&await b(e.gridViewId,V(),null==a?void 0:a.gridId,y(),e.name,0,null==a?void 0:a.entityName,null!==(i=e.gridViewVisibilityTypeId)&&void 0!==i?i:1,(()=>null)).catch((e=>console.log(e)))}await this.fetchViews()}catch(e){console.log(e)}finally{this.loadingViewId=null,this.refresh()}}render(){var t;const i=this.activeView,a=!!i,o=a?this.isDirty?`${i.name} *`:i.name:this.isDirty?"All Records *":"All Records",n=this.filteredViews,r=[...this.localRestoredState?[{id:"restore-local-state",text:`Restore state from ${L(this.localRestoredState.date)}`,startIconName:"clock",sectionNumber:1,onClick:()=>this.applyLocalRestoredState()}]:[],...n.map((e=>({id:`view-${e.gridViewId}`,text:e.name,sectionNumber:2,onClick:()=>{this.setActiveView(e)},onMouseEnter:()=>{this.hoveredViewId=e.gridViewId,this.refresh()},onMouseLeave:()=>{this.hoveredViewId=null,this.refresh()}}))),...this.isDirty&&a?[{id:"update-view",startIconName:"save",text:"Update current view",sectionNumber:3,onClick:()=>this.handleUpdateCurrentView()}]:[],{id:"save-view",startIconName:"add",text:"Create new view",sectionNumber:3,onClick:()=>this.handleSaveAsNew()},{id:"clear-view",text:"Clear active view",startIconName:"dismiss",disabled:!a,sectionNumber:3,onClick:()=>this.clearView()}];return e("div",{class:"view-selector-wrapper"},e("udp-fluent-menu",{class:a?"has-active-view":void 0,label:o,items:r,style:{"--udp-menu-min-width":"200px"}},e("span",{slot:"clear-view-body",style:{fontWeight:"var(--fontWeightSemibold)"}},"Clear Active View"),e("span",{slot:"save-view-body",style:{fontWeight:"var(--fontWeightSemibold)"}},"Create View"),e("span",{slot:"update-view-body",style:{fontWeight:"var(--fontWeightSemibold)"}},"Update Current View"),e("span",{slot:"restore-local-state-body",style:{fontStyle:"italic",color:"var(--colorNeutralForeground2)"}},"Restore unsaved state "+(this.localRestoredState?`(${L(this.localRestoredState.date)})`:"")),n.map((t=>e("div",{key:`start-${t.gridViewId}`,slot:`view-${t.gridViewId}-start`,class:"view-slot-action",style:{opacity:t.isDefault||this.hoveredViewId===t.gridViewId?"1":"0",transition:"opacity 100ms ease"},onClick:e=>e.stopPropagation()},e("udp-fluent-icon-button",{iconName:"star",iconVariant:t.isDefault?"filled":"regular",size:"small",appearance:"transparent",loading:this.loadingViewId===t.gridViewId,onClick:()=>{this.setViewAsDefault(t)}})))),n.map((t=>e("div",{key:`end-${t.gridViewId}`,slot:`view-${t.gridViewId}-end`,class:"view-slot-action",style:{opacity:this.hoveredViewId===t.gridViewId?"1":"0",transition:"opacity 100ms ease"},onClick:e=>e.stopPropagation()},t.userId===V()&&e("udp-fluent-icon-button",{iconName:"edit",size:"small",appearance:"transparent",onClick:()=>this.handleEditRequest(t)}),t.userId===V()&&e("udp-fluent-icon-button",{iconName:"delete",size:"small",appearance:"transparent",onClick:()=>this.handleDeleteRequest(t)}))))),(a||this.isDirty)&&e("div",{class:"view-dirty-actions"},e("udp-tooltip",{content:a&&this.isDirty?"Reset to saved view":a?"Clear active view":"Reset to default"},e("udp-fluent-icon-button",{iconName:this.isDirty?"arrow-reset":"dismiss",appearance:"subtle",disabled:this.loading,onClick:a&&this.isDirty?this.handleDirtyReset:this.clearView,shape:"rounded"})),this.isDirty&&(a?e("udp-fluent-menu",{buttonType:"icon",startIconName:"save",shape:"rounded",appearance:"subtle",disabled:this.loading,items:[{text:"Update Current View",startIconName:"save",onClick:()=>{this.handleUpdateCurrentView()}},{text:"Create View",startIconName:"add",onClick:()=>this.handleSaveAsNew()}]}):e("udp-tooltip",{content:"Create View"},e("udp-fluent-icon-button",{iconName:"save",shape:"rounded",appearance:"subtle",disabled:this.loading,onClick:this.handleSaveAsNew})))),e("udp-fluent-dialog",{open:!!this.deleteConfirmView,dialogTitle:"Delete View",onDialogClose:this.handleDeleteCancel},e("udp-fluent-text",null,'Are you sure you want to delete "',null===(t=this.deleteConfirmView)||void 0===t?void 0:t.name,'"?'),e("udp-fluent-button",{slot:"action",appearance:"subtle",onClick:this.handleDeleteCancel},"Cancel"),e("udp-fluent-button",{slot:"action",appearance:"primary",loading:this.loading,onClick:()=>{this.handleDeleteConfirm()}},"Delete")),e("udp-fluent-dialog",{open:!!this.viewDialogMode,dialogTitle:"edit"===this.dialogMode?"Edit View":"Save View",onDialogClose:this.handleDialogCancel},e("udp-fluent-text-input",{value:this.dialogName,label:"Name",onValueChanged:this.handleDialogNameInput,onKeyDown:e=>{"Enter"===e.key&&this.dialogName.trim()&&(e.preventDefault(),this.handleDialogConfirm())}}),e("udp-fluent-switch",{checked:this.dialogIsPublic,label:"Public",onValueChanged:this.handleDialogIsPublicChange}),e("udp-fluent-button",{slot:"action",appearance:"subtle",onClick:this.handleDialogCancel},"Cancel"),e("udp-fluent-button",{slot:"action",appearance:"primary",disabled:!this.dialogName.trim(),loading:this.loading,onClick:()=>{this.handleDialogConfirm()}},"edit"===this.dialogMode?"Update":"Save")))}},agGridSizeColumnsToFit:class{init(e){this.gridApi=e}onAction(e){"agGridSizeColumnsToFit"===e&&this.gridApi.sizeColumnsToFit()}},agGridAutoSizeColumns:class{init(e){this.gridApi=e}onAction(e){"agGridAutoSizeColumns"===e&&this.gridApi.autoSizeAllColumns()}},bulkActions:class{constructor(){this.bulkActions=[],this.selectedRowCount=0,this.fetchedData=!1,this.serverActionData=[],this.onRowSelectionChanged=()=>{var e;H((()=>{var e,t,i,a;if("serverSide"===this.api.getGridOption("rowModelType")){const o=this.api.getServerSideSelectionState(),n=null!==(t=null===(e=this.api.getGridOption("context"))||void 0===e?void 0:e.rowCount)&&void 0!==t?t:0,r=null!==(i=null==o?void 0:o.toggledNodes)&&void 0!==i?i:[],s=null!==(a=null==o?void 0:o.selectAll)&&void 0!==a&&a;this.selectedRows=s?[]:this.api.getSelectedRows(),this.selectedRowCount=s?Math.max(n-r.length,0):r.length}else{const e=this.api.getSelectedRows();this.selectedRows=e,this.selectedRowCount=e.length}this.refresh()})),(!this.fetchedData&&this.gridId||this.gridId&&(null===(e=this.api.getGridOption("context"))||void 0===e?void 0:e.gridId)!==this.gridId)&&this.fetchBulkActions()},this.setBulkActions=e=>{this.serverActionData=e;const t=e.map((e=>({text:e.name,onClick:()=>this.executeActionProviderAction(e.actionId)}))),i=this.localFunctions.map((e=>({text:e.label,startIconName:e.startIconName,buttonIntent:e.buttonIntent,loading:e.loading,onClick:()=>this.executeLocalFunction(e.label)})));this.bulkActions=[...t,...i],this.fetchedData=!0,this.refresh()},this.executeLocalFunction=e=>{const t=this.localFunctions.find((t=>t.label===e));t&&t.callback(this.selectedRows,this.buildSelectionSearch()),this.refresh()},this.executeActionProviderAction=e=>{this.actionProviderCallback&&this.actionProviderCallback(e,this.selectedRows),this.refresh()},this.clearSelection=()=>{this.api.deselectAll()}}init(e,t,i){var a,o;this.api=e,this.refresh=t,this.actionProviderCallback=null==i?void 0:i.actionProviderCallback,this.localFunctions=null!==(a=null==i?void 0:i.localFunctions)&&void 0!==a?a:[],this.idField=null==i?void 0:i.idField,"clientSide"===this.api.getGridOption("rowModelType")?this.api.setGridOption("rowSelection",{mode:"multiRow",checkboxes:!0}):(this.api.setGridOption("rowSelection",{mode:"multiRow",checkboxes:!0,headerCheckbox:!0}),this.api.getGridOption("getRowId")||console.warn("[bulkActions] Server-side row selection requires `getRowId` in gridOptions. Without it the header checkbox select-all and selection state are unreliable.")),this.gridId=null===(o=this.api.getGridOption("context"))||void 0===o?void 0:o.gridId,this.gridId?this.fetchBulkActions():this.setBulkActions([]),this.api.addEventListener("selectionChanged",this.onRowSelectionChanged)}update(e){var t,i,a;this.localFunctions=null!==(t=null==e?void 0:e.localFunctions)&&void 0!==t?t:[],this.actionProviderCallback=null!==(i=null==e?void 0:e.actionProviderCallback)&&void 0!==i?i:this.actionProviderCallback,this.idField=null!==(a=null==e?void 0:e.idField)&&void 0!==a?a:this.idField,this.setBulkActions(this.serverActionData)}onAction(e){"executeBulkAction"===e&&this.refresh()}async fetchBulkActions(){var e;try{this.gridId=null===(e=this.api.getGridOption("context"))||void 0===e?void 0:e.gridId,await f(this.gridId,!1,[],this.setBulkActions)}catch(e){console.error(e)}}buildSelectionSearch(){var e,t;if(!this.idField)return;const i=(a=this.idField).charAt(0).toUpperCase()+a.slice(1);var a;if("serverSide"===this.api.getGridOption("rowModelType")){const a=this.api.getServerSideSelectionState();if(null==a?void 0:a.selectAll){const o=null===(e=this.api.getGridOption("context"))||void 0===e?void 0:e.searchObject,n=null!==(t=a.toggledNodes)&&void 0!==t?t:[],r=[{filterElements:null==o?void 0:o.filterElements,filterGroups:null==o?void 0:o.filterGroups,logicalSearchOperator:null==o?void 0:o.logicalSearchOperator}];return n.length&&(this.warnIfOverInClause(n.length),r.push({filterElements:[{searchField:i,searchOperator:x.NOT_IN,searchValue:n.join(),groupId:null}]})),this.toFilterOnlySearch(C(r))}}const o=this.api.getSelectedNodes().map((e=>e.id)).filter((e=>!!e));return this.warnIfOverInClause(o.length),this.toFilterOnlySearch({filterElements:o.length?[{searchField:i,searchOperator:x.IN,searchValue:o.join(),groupId:null}]:[],filterGroups:[],logicalSearchOperator:w.AND})}toFilterOnlySearch(e){var t,i,a;return{pageNumber:1,pageSize:S.MAX_PAGE_SIZE,getAll:!0,orderElements:[],groupOperationList:[],groupProperty:[],groupingType:"",filterElements:null!==(t=e.filterElements)&&void 0!==t?t:[],filterGroups:null!==(i=e.filterGroups)&&void 0!==i?i:[],logicalSearchOperator:null!==(a=e.logicalSearchOperator)&&void 0!==a?a:w.AND}}warnIfOverInClause(e){e>S.IN_CLAUSE_MAX_ELEMENTS&&console.warn(`[bulkActions] selection resolves to ${e} ids, exceeding the backend IN/NOTIN clause limit of ${S.IN_CLAUSE_MAX_ELEMENTS}. The query may be rejected.`)}isActive(){return this.selectedRowCount>0}render(){return e("div",{class:"bulk-actions-bar"},e("udp-fluent-icon-button",{iconName:"dismiss",appearance:"subtle",shape:"circular",ariaLabel:"Clear selection",onClick:this.clearSelection,style:{animationDelay:"10ms"}}),e("udp-text",{variant:"body1",style:{animationDelay:"20ms"}},this.selectedRowCount," Selected"),this.bulkActions.length>0&&e("div",{class:"bulk-actions-divider",style:{animationDelay:"20ms"}}),this.bulkActions.map((t=>e("udp-fluent-button",{appearance:J(t.buttonIntent),class:"danger"===t.buttonIntent?"bulk-action-danger":void 0,startIconName:t.startIconName,onClick:t.onClick,style:{animationDelay:"20ms"},loading:t.loading},t.text))))}},agGridResetColumns:class{init(e){this.gridApi=e}onAction(e){"agGridResetColumns"===e&&this.gridApi.resetColumnState()}},advancedSearch:class{constructor(){this.applied=null,this.apply=e=>{var t;this.applied=this.normalize(e),this.writeContext(),this.api.refreshServerSide({purge:!0}),this.refresh(),null===(t=this.coordinator)||void 0===t||t.notifyScopeChanged()}}init(e,t,i,a){this.api=e,this.refresh=t,this.coordinator=a,this.onOpen=null==i?void 0:i.callback}update(e){e&&"callback"in e&&(this.onOpen=e.callback)}onAction(e){var t;"advancedSearch"===e&&(null===(t=this.onOpen)||void 0===t||t.call(this,this.applied,this.apply))}hasActiveFilter(){return null!=this.applied}normalize(e){var t,i;return e&&(null!==(i=null===(t=e.filterElements)||void 0===t?void 0:t.length)&&void 0!==i?i:0)>0?e:null}writeContext(){var e,t;this.api.setGridOption("context",Object.assign(Object.assign({},this.api.getGridOption("context")),{advancedSearch:this.applied?{filterElements:null!==(e=this.applied.filterElements)&&void 0!==e?e:[],filterGroups:null!==(t=this.applied.filterGroups)&&void 0!==t?t:[],logicalSearchOperator:this.applied.logicalSearchOperator}:void 0}))}getScopedState(){return{gridStateTypeId:6,values:this.applied?JSON.stringify(this.applied):""}}setScopedState(e){let t=null;if(e)try{t=JSON.parse(e)}catch(e){t=null}this.applied=this.normalize(t),this.writeContext(),this.refresh()}},agGridHideShowColumns:class{init(e){this.gridApi=e}onAction(e){"agGridHideShowColumns"===e&&this.gridApi.showColumnChooser()}},udpExport:class{init(e,t,i){this.api=e,this.params=i}update(e){this.params=e}onAction(e){var t,i,a,o,n;if("udpExport"!==e)return;const r=this.api.getGridOption("context"),s=null!==(a=null!==(i=null===(t=this.params)||void 0===t?void 0:t.entityName)&&void 0!==i?i:null==r?void 0:r.entityName)&&void 0!==a?a:"",l=null==r?void 0:r.searchObject,d=null==r?void 0:r.rowCount;null===(n=null===(o=this.params)||void 0===o?void 0:o.callback)||void 0===n||n.call(o,l,s),this.openSheet(s,l,d)}openSheet(e,t,i){var a,o,n;this.sheetEl||(this.sheetEl=document.createElement("udp-export-sheet"),document.body.appendChild(this.sheetEl)),this.sheetEl.entityName=e,this.sheetEl.searchObject=t,this.sheetEl.rowCount=i,(null===(a=this.params)||void 0===a?void 0:a.fileFormat)&&(this.sheetEl.fileFormat=this.params.fileFormat),(null===(o=this.params)||void 0===o?void 0:o.apiCatalogId)&&(this.sheetEl.apiCatalogId=this.params.apiCatalogId),(null===(n=this.params)||void 0===n?void 0:n.productId)&&(this.sheetEl.productId=this.params.productId),this.sheetEl.open=!0}destroy(){var e;null===(e=this.sheetEl)||void 0===e||e.remove(),this.sheetEl=void 0}},quickFilter:class{constructor(){this.searchValue="",this.debounce=0,this.applyFilter=e=>{var t;this.api.setGridOption("quickFilterText",e),null===(t=this.callback)||void 0===t||t.call(this,e),this.refresh()},this.handleSearch=e=>{this.searchValue=e.detail,clearTimeout(this.debounceTimer),this.debounce>0?this.debounceTimer=setTimeout((()=>this.applyFilter(this.searchValue)),this.debounce):this.applyFilter(this.searchValue)}}init(e,t,i){var a;this.api=e,this.refresh=t,this.callback=null==i?void 0:i.callback,this.debounce=null!==(a=null==i?void 0:i.debounce)&&void 0!==a?a:0}update(e){var t;this.callback=null==e?void 0:e.callback,this.debounce=null!==(t=null==e?void 0:e.debounce)&&void 0!==t?t:0}destroy(){clearTimeout(this.debounceTimer),this.api.setGridOption("quickFilterText","")}render(){return e("div",{style:{width:"200px"}},e("udp-search-input",{value:this.searchValue,placeholder:"Search",onValueChanged:this.handleSearch,includeErrorPadding:!1,autocomplete:"off"}))}},quickFilterChips:U,agGridRefreshData:class{constructor(){this.loading=!1,this.handleStoreRefreshed=()=>{var e;this.loading=!1,this.refresh(),null===(e=this.onRefreshComplete)||void 0===e||e.call(this)}}init(e,t,i){this.api=e,this.refresh=t,this.onRefreshStart=null==i?void 0:i.onRefreshStart,this.onRefreshComplete=null==i?void 0:i.onRefreshComplete,this.api.addEventListener("storeRefreshed",this.handleStoreRefreshed),this.api.addEventListener("rowDataUpdated",this.handleStoreRefreshed)}update(e){this.onRefreshStart=null==e?void 0:e.onRefreshStart,this.onRefreshComplete=null==e?void 0:e.onRefreshComplete}destroy(){this.api.removeEventListener("storeRefreshed",this.handleStoreRefreshed),this.api.removeEventListener("rowDataUpdated",this.handleStoreRefreshed)}isRefreshing(){return this.loading}onAction(e){var t;"agGridRefreshData"===e&&(this.loading=!0,this.refresh(),null===(t=this.onRefreshStart)||void 0===t||t.call(this),"serverSide"===this.api.getGridOption("rowModelType")&&this.api.refreshServerSide())}},agGridExpandCollapseAll:class{constructor(){this.expanded=!1}init(e,t){this.api=e,this.refresh=t}isExpanded(){return this.expanded}onAction(e){"agGridExpandCollapseAll"===e&&(this.expanded?this.api.collapseAll():this.api.expandAll(),this.expanded=!this.expanded,this.refresh())}},columnSelector:class{constructor(){this.groups=[],this.ungroupedLabel="Other",this.open=!1,this.search="",this.expandedGroups=new Set,this.close=()=>{this.open=!1,this.search="",this.refresh()},this.handleAccordionChange=e=>{var t,i,a,o;if(this.search)return;const n=null===(t=e.detail)||void 0===t?void 0:t.target,r=null===(i=null==n?void 0:n.getAttribute)||void 0===i?void 0:i.call(n,"value");r&&(null!==(o=null!==(a=null==n?void 0:n.expanded)&&void 0!==a?a:null==n?void 0:n.hasAttribute("expanded"))&&void 0!==o&&o?this.expandedGroups.add(r):this.expandedGroups.delete(r))}}init(e,t,i){this.api=e,this.refresh=t,this.applyParams(i)}update(e){this.applyParams(e),this.refresh()}applyParams(e){var t,i;this.groups=null!==(t=null==e?void 0:e.groups)&&void 0!==t?t:[],this.ungroupedLabel=null!==(i=null==e?void 0:e.ungroupedLabel)&&void 0!==i?i:"Other"}onAction(e){"columnSelector"===e&&(this.open=!0,this.refresh())}toggleableColumns(){var e;return(null!==(e=this.api.getColumns())&&void 0!==e?e:[]).filter((e=>!e.getColId().startsWith("ag-Grid-")&&!0!==e.getColDef().suppressColumnsToolPanel))}buildSections(){const e=this.toggleableColumns(),t=new Map(e.map((e=>[e.getColId(),e]))),i=new Set,a=this.groups.map((e=>{var a;const o=(null!==(a=e.columns)&&void 0!==a?a:[]).map((e=>t.get(e))).filter((e=>!!e));return o.forEach((e=>i.add(e.getColId()))),{label:e.label,columns:o}})).filter((e=>e.columns.length>0)),o=e.filter((e=>!i.has(e.getColId())));return o.length&&a.push({label:this.ungroupedLabel,columns:o}),a}matchesSearch(e){var t;return!this.search||(null!==(t=e.getColDef().headerName)&&void 0!==t?t:e.getColId()).toLowerCase().includes(this.search.toLowerCase())}setVisible(e,t){e.length&&(this.api.applyColumnState({state:e.map((e=>({colId:e,hide:!t})))}),this.refresh())}render(){if(!this.open)return null;const t=this.buildSections().map((e=>({label:e.label,columns:e.columns.filter((e=>this.matchesSearch(e)))}))).filter((e=>e.columns.length>0)),i=t.flatMap((e=>e.columns)),a=i.filter((e=>e.isVisible())).length,o=i.length>0&&a===i.length,n=0===a;return e("udp-fluent-drawer",{open:this.open,drawerTitle:"Choose Columns",position:"end",onDrawerClose:this.close},e("udp-flexbox",{direction:"column",gap:"sm"},e("udp-search-input",{value:this.search,placeholder:"Search columns",onValueChanged:e=>{var t;this.search=null!==(t=e.detail)&&void 0!==t?t:"",this.refresh()}}),i.length>0&&e("udp-fluent-checkbox",{class:"column-selector-select-all",label:"Select all",includeErrorPadding:!1,checked:o,indeterminate:!o&&!n,onValueChanged:()=>this.setVisible(i.map((e=>e.getColId())),!o)}),e("udp-accordion",{appearance:"contained",expandmode:"multi",items:t.map(((e,t)=>({id:`group-${t}`,label:e.label,expanded:!!this.search||this.expandedGroups.has(`group-${t}`)}))),onAccordionChanged:this.handleAccordionChange},t.map(((t,i)=>{const a=t.columns.filter((e=>e.isVisible())).length,o=a===t.columns.length;return e("div",{slot:`group-${i}-content`,key:`group-${i}`,class:"column-selector-items"},e("udp-fluent-checkbox",{label:"Select all",includeErrorPadding:!1,checked:o,indeterminate:!(o||0===a),onValueChanged:()=>this.setVisible(t.columns.map((e=>e.getColId())),!o)}),e("div",{class:"column-selector-column-list"},t.columns.map((t=>{var i;const a=t.getColDef();return e("udp-fluent-checkbox",{key:t.getColId(),label:null!==(i=a.headerName)&&void 0!==i?i:t.getColId(),includeErrorPadding:!1,checked:t.isVisible(),disabled:!0===a.lockVisible,onValueChanged:e=>this.setVisible([t.getColId()],e.detail)})}))))}))),0===i.length&&e("udp-text",{variant:"body1"},"No columns match your search.")))}}};function K(e,t){const i=document.createElement("div");i.style.cssText="display: flex; flex-direction: column; justify-content: center; line-height: 1; gap: 2px;";const a=document.createElement("span");if(a.textContent=null!=e?e:"-",a.style.cssText="display: block;",i.appendChild(a),t){const e=document.createElement("span");e.textContent=t,e.style.cssText="display: block; font-size: 0.9em; opacity: 0.65;",i.appendChild(e)}return i}class Z{init(e){var t,i;this.eGui=document.createElement("div"),this.eGui.style.cssText="display: flex; height: 100%; align-items: center; gap: 8px;";const a=document.createElement("udp-fluent-avatar");e.getSrc&&(a.src=e.getSrc(e)),e.getIconName&&(a.iconName=e.getIconName(e),e.iconVariant&&(a.iconVariant=e.iconVariant)),e.getName&&(a.name=e.getName(e)),e.getInitials&&(a.initials=e.getInitials(e)),a.size=null!==(t=e.size)&&void 0!==t?t:28,e.shape&&(a.shape=e.shape),e.getColor?a.color=e.getColor(e):e.color&&(a.color=e.color);const o=`${null!==(i=e.size)&&void 0!==i?i:28}px`;if(a.style.cssText=`align-self: center; flex-shrink: 0; width: ${o}; height: ${o};`,this.eGui.appendChild(a),e.getValues){const t=e.getValues(e);t&&this.eGui.appendChild(K(t.title,t.subtitle))}}getGui(){return this.eGui}refresh(){return!1}}class Q{init(e){var t,i;this.eGui=document.createElement("div"),this.eGui.style.cssText="display: flex; height: 100%; width: 100%; align-items: center; overflow: hidden;";const a=e.getSrc(e),o=document.createElement("udp-fluent-image");e.fit&&(o.fit=e.fit),e.shape&&(o.shape=e.shape),o.style.cssText="display: block; height: 100%; width: 100%; overflow: hidden;";const n=document.createElement("img");n.src=a,n.alt=null!==(t=e.alt)&&void 0!==t?t:"",n.style.cssText=`height: 100%; width: 100%; max-height: 100%; max-width: 100%; object-fit: ${null!==(i=e.fit)&&void 0!==i?i:"contain"}; display: block;`,o.appendChild(n),this.eGui.appendChild(o)}getGui(){return this.eGui}refresh(){return!1}}class ee{init(e){var t,i;this.eGui=document.createElement("div"),this.eGui.style.cssText="display: flex; height: 100%; align-items: center;";const a=e.getHref?e.getHref(e):null!==(t=e.href)&&void 0!==t?t:"",o=document.createElement("udp-fluent-link");o.href=a,o.target=null!==(i=e.target)&&void 0!==i?i:"_self",o.textContent=e.value,this.eGui.appendChild(o)}getGui(){return this.eGui}refresh(){return!1}}class te{init(e){this.node=e.node,this.eGui=document.createElement("div"),this.eGui.setAttribute("style","display: flex; align-items: center; height: 100%;"),this.eValueContainer=document.createElement("span"),this.eValueContainer.setAttribute("class","eValueContainer"),this.eGui.appendChild(this.eValueContainer),this.renderContent(e)}getGui(){return this.eGui}refresh(e){return!(!this.eValueContainer||!this.node||(this.renderContent(e),0))}renderContent(e){this.eValueContainer.innerHTML="";let t=null;if(this.node.group&&(null==e?void 0:e.getHeaderValues)?t=e.getHeaderValues(e):!this.node.group&&(null==e?void 0:e.getValues)&&(t=e.getValues(e)),!t)return;const i=document.createElement("div");i.className="custom-group-column",i.appendChild(K(t.title,t.subtitle)),this.eValueContainer.appendChild(i)}destroy(){}}const ie=e=>{const t=e.value;if(null==t)return"";const i=new Date(t);return i?`${i.getFullYear()}-${String(i.getMonth()+1).padStart(2,"0")}-${String(i.getDate()).padStart(2,"0")} ${String(i.getHours()).padStart(2,"0")}:${String(i.getMinutes()).padStart(2,"0")}`:""},ae=["brand","danger","important","informative","severe","subtle","success","warning"];let oe;function ne(e,t,i){e.clearRect(0,0,1,1),e.fillStyle=`rgb(${i[0]}, ${i[1]}, ${i[2]})`,e.fillRect(0,0,1,1),e.fillStyle=t,e.fillRect(0,0,1,1);const[a,o,n]=e.getImageData(0,0,1,1).data;return[a,o,n]}function re(e){if(!e)return null;const t=function(){var e;if(void 0!==oe)return oe;const t=document.createElement("canvas");return t.width=1,t.height=1,oe=null!==(e=t.getContext("2d",{willReadFrequently:!0}))&&void 0!==e?e:null,oe}();if(!t)return null;const i=ne(t,e,[255,255,255]),a=ne(t,e,[0,0,0]);if(255===i[0]&&255===i[1]&&255===i[2]&&0===a[0]&&0===a[1]&&0===a[2])return null;const o=e=>Math.max(0,Math.min(255,e)).toString(16).padStart(2,"0");return`#${o(i[0])}${o(i[1])}${o(i[2])}`.toUpperCase()}function se(){if("undefined"==typeof document||"undefined"==typeof getComputedStyle)return[];const e=document.createElement("div");e.setAttribute("aria-hidden","true"),e.style.cssText="position:fixed;left:-9999px;top:0;visibility:hidden;pointer-events:none;";const t=document.createElement("div"),i=document.createElement("div"),a=document.createElement("span");a.className="ag-header-cell-text",i.appendChild(a),e.appendChild(t),e.appendChild(i),document.body.appendChild(e);const o=[];try{for(const e of ae){t.className=`ag-cell udp-col-${e}`;const n=getComputedStyle(t),r=re(n.backgroundColor);if(r){const t=re(n.color);o.push(Object.assign({id:`udp-col-${e}`,interior:{color:r,pattern:"Solid"}},t?{font:{color:t}}:{}))}i.className=`ag-header-cell udp-col-${e}-header`;const s=re(getComputedStyle(i).backgroundColor);if(s){const t=re(getComputedStyle(a).color);o.push({id:`udp-col-${e}-header`,interior:{color:s,pattern:"Solid"},font:Object.assign({bold:!0},t?{color:t}:{})})}}}finally{e.remove()}return o}const le=class{constructor(e){t(this,e),this.gridReady=i(this,"gridReady",7),this.gridFunctions=[],this.refreshKey=0,this.gridFunctionInstances=[],this.scopeChangeListeners=new Set,this.scopeCoordinator={getScopedFunctions:()=>this.gridFunctionInstances.filter((e=>"function"==typeof e.getScopedState)),onScopeChanged:e=>(this.scopeChangeListeners.add(e),()=>this.scopeChangeListeners.delete(e)),notifyScopeChanged:()=>this.scopeChangeListeners.forEach((e=>e()))},this.updateGridHeight=()=>{if(this.gridEl&&this.gridContainerEl.clientWidth>0){const e=this.gridEl.getBoundingClientRect(),t=window.innerHeight-e.top,i=10;this.gridEl.style.height=(t-i>400?t-i:400)+"px"}},this.scheduleHeightUpdate=()=>{clearTimeout(this.resizeDebounce),this.resizeDebounce=setTimeout(this.updateGridHeight,100)},this.attachAutoHeight=()=>{this.resizeObserver||(this.updateGridHeight(),this.resizeObserver=new ResizeObserver(this.scheduleHeightUpdate),this.resizeObserver.observe(this.gridContainerEl),window.addEventListener("resize",this.scheduleHeightUpdate))},this.detachAutoHeight=()=>{var e;null===(e=this.resizeObserver)||void 0===e||e.disconnect(),this.resizeObserver=void 0,window.removeEventListener("resize",this.scheduleHeightUpdate),clearTimeout(this.resizeDebounce)},this.refreshGridFunctions=()=>{this.refreshKey++},this.themeChangedHandler=e=>{$(e.detail.mode)},this.onGridReady=async e=>{this.gridApi=e.api,this.updateGridContextValues(),this.columnDefs&&this.setColumnDefs();const t=[];this.gridFunctionInstances=this.gridFunctions.map((e=>{const i=X[e.name];if(!i)return null;const a=new i,o=a.init(this.gridApi,this.refreshGridFunctions,e.params,this.scopeCoordinator);return o&&t.push(o),a})).filter((e=>!!e)),await Promise.all(t),this.gridApiCallback&&this.gridApiCallback({refreshServerSide:()=>this.gridApi.refreshServerSide(),applyTransaction:e=>this.gridApi.applyTransaction(e),ensureIndexVisible:(e,t)=>this.gridApi.ensureIndexVisible(e,t),getSelectedRows:()=>this.gridApi.getSelectedRows(),getSelectedNodes:()=>this.gridApi.getSelectedNodes(),getSearchObject:()=>this.gridApi.getGridOption("context").searchObject,getEntityName:()=>this.gridApi.getGridOption("context").entityName,getRowCount:()=>this.gridApi.getGridOption("context").rowCount,getFilterModel:()=>this.gridApi.getFilterModel(),setFilterModel:e=>this.gridApi.setFilterModel(e),onFilterChanged:()=>this.gridApi.onFilterChanged(),expandAll:()=>this.gridApi.expandAll(),collapseAll:()=>this.gridApi.collapseAll(),toggleLoadingOverlay:e=>this.gridApi.setGridOption("loading",e),refreshCells:()=>this.gridApi.refreshCells(),refreshClientSideRowModel:e=>this.gridApi.refreshClientSideRowModel(e),selectAll:(e,t)=>this.gridApi.selectAll(e,t),deselectAll:(e,t)=>this.gridApi.deselectAll(e,t),getServerSideSelectionState:()=>this.gridApi.getServerSideSelectionState(),setServerSideSelectionState:e=>this.gridApi.setServerSideSelectionState(e),forEachNode:e=>this.gridApi.forEachNode(e),forEachNodeAfterFilterAndSort:e=>this.gridApi.forEachNodeAfterFilterAndSort(e),stopEditing:e=>this.gridApi.stopEditing(e),getFocusedCell:()=>this.gridApi.getFocusedCell(),getAllDisplayedColumns:()=>this.gridApi.getAllDisplayedColumns()}),this.gridReady.emit(this.gridApi)},this.onHeaderAction=e=>{this.gridFunctionInstances.forEach((t=>{var i;return null===(i=t.onAction)||void 0===i?void 0:i.call(t,e.detail.name,e.detail.payload)}))},this.updateGridContextValues=()=>{this.gridApi.setGridOption("context",Object.assign(Object.assign({},this.gridApi.getGridOption("context")),{entityName:this.entityName,gridId:this.gridId}))}}componentWillLoad(){r.registerModules([s]),$("light"),l.setLicenseKey("Using_this_{AG_Grid}_Enterprise_key_{AG-080613}_in_excess_of_the_licence_granted_is_not_permitted___Please_report_misuse_to_legal@ag-grid.com___For_help_with_changing_this_key_please_contact_info@ag-grid.com___{Univerus_Software_Inc}_is_granted_a_{Single_Application}_Developer_License_for_the_application_{MAIS_eRec}_only_for_{1}_Front-End_JavaScript_developer___All_Front-End_JavaScript_developers_working_on_{MAIS_eRec}_need_to_be_licensed___{MAIS_eRec}_has_not_been_granted_a_Deployment_License_Add-on___This_key_works_with_{AG_Grid}_Enterprise_versions_released_before_{28_June_2026}____[v3]_[01]_MTc4MjYwMTIwMDAwMA==5c7d1487ecb13b28e75415d34b7cf694")}componentDidLoad(){var e,t,i,a,o,n;const r=Object.assign(Object.assign({tooltipShowMode:"whenTruncated",tooltipShowDelay:500},this.gridOptions),{columnTypes:{booleanChip:{cellRenderer:"iconRenderer",cellRendererParams:{iconMappingConfig:{true:{iconName:"checkMark24",color:"success"},false:{iconName:"close24",color:"error"}}}}},dataTypeDefinitions:{dateTimeString:{baseDataType:"dateTimeString",extendsDataType:"dateTimeString",valueFormatter:ie},boolean:{baseDataType:"boolean",extendsDataType:"boolean",columnTypes:"booleanChip"}},gridId:this.gridId,onGridReady:e=>{this.onGridReady(e)},theme:(j||(j=R()),j),excelStyles:[...se().filter((e=>{var t,i;return!(null!==(i=null===(t=this.gridOptions)||void 0===t?void 0:t.excelStyles)&&void 0!==i?i:[]).some((t=>t.id===e.id))})),...null!==(t=null===(e=this.gridOptions)||void 0===e?void 0:e.excelStyles)&&void 0!==t?t:[]],components:Object.assign({actionsRenderer:F,avatarRenderer:Z,iconRenderer:N,imageRenderer:Q,linkRenderer:ee,statusRenderer:z,subtitleRenderer:te},null===(i=this.gridOptions)||void 0===i?void 0:i.components),domLayout:"normal",defaultColDef:Object.assign(Object.assign({cellDataType:!1,sortable:!0,filter:!0,flex:1,minWidth:150,suppressHeaderMenuButton:!0},null===(a=this.gridOptions)||void 0===a?void 0:a.defaultColDef),{filterParams:Object.assign({buttons:["reset","apply"],closeOnApply:!0,maxNumConditions:10},null===(n=null===(o=this.gridOptions)||void 0===o?void 0:o.defaultColDef)||void 0===n?void 0:n.filterParams)})});d(this.gridEl,r),window.addEventListener("theme-changed",this.themeChangedHandler),this.gridHeight?this.gridEl.style.height=this.gridHeight:this.attachAutoHeight()}disconnectedCallback(){var e;null===(e=this.gridApi)||void 0===e||e.destroy(),this.detachAutoHeight(),window.removeEventListener("theme-changed",this.themeChangedHandler)}handleUpdateGridFunctions(e,t){this.gridApi&&e!==t&&e.forEach(((e,t)=>{var i,a;null===(a=null===(i=this.gridFunctionInstances[t])||void 0===i?void 0:i.update)||void 0===a||a.call(i,e.params)}))}handleUpdateGridHeight(e){this.gridEl&&(e?(this.detachAutoHeight(),this.gridEl.style.height=e):this.attachAutoHeight())}handleUpdateColumnDefs(e,t){this.gridApi&&!B(e,t)&&this.setColumnDefs()}setColumnDefs(){const e=_(this.columnDefs);this.gridApi.setGridOption("columnDefs",e)}handleEntityNameChange(){this.updateGridContextValues()}render(){return e("div",{key:"8d1e2609edad31f473021b89b14e29629a2c9573",ref:e=>this.gridContainerEl=e},e("ghost-render",{key:"b2c20a3091265323ce138e79f2b5c8cba1969eb7"},e("div",{key:"01210fa046859a2f52d6ab636c9b0e7bd4559da4"},e("udp-dialog",{key:"9a654075e15fd4507b219e556abd04bb16443c34"}),e("udp-list-item",{key:"ff3ca7dd2ca58922eee4813853863a765cf09a67"}),e("hint-panel",{key:"79093701a783ec49902528273c4894057424a7fb"}),e("udp-side-sheet",{key:"3ea9829fd3d726b60f0cb7b0eedaea5e308ef371"}),e("udp-fluent-dialog",{key:"63a88db71337348a4fa188ae48bacf5cd26601ee"}),e("udp-fluent-text",{key:"37aa26a11e2fbc82e984bfc3693fdc5aa3db6520"}),e("udp-fluent-text-input",{key:"ff173d0a3dbbde41ecdf1a3b30c37c5eca45c9c1"}),e("udp-fluent-switch",{key:"13bd88ff11b5017e51bf2520000c2df05b288d0c"}),e("udp-fluent-button",{key:"ae0f2ec0ee6da3a7a2b28175c159d2ef70dc776c"}),e("udp-text",{key:"684c39b1076b37df527229a571a276e22b599fee"}),e("udp-search-input",{key:"ebedaa5ba2a469cf7cd2b80f10916bb8205053d8"}),e("udp-export-sheet",{key:"3fbc590e9ed8ed7ddc1c9ed66017f85a26af8e74"}),e("udp-fluent-avatar",{key:"5599aee9264abec6591f1e95e845355545cbdeb7"}),e("udp-fluent-icon-button",{key:"6cb17c8b3b3b10ee240054dd1271885d2920e377"}),e("udp-fluent-icon",{key:"aaf65833610f221e2b93e31358849928859fc7e0"}),e("udp-fluent-badge",{key:"a889bd42bb90c3399e063d1273d414241c88c249"}),e("udp-empty-state",{key:"1be9cd5618cea184b46194b66975e634fc6d84d5"}),e("udp-message-bar",{key:"80085dd6a91307d10d5f1af60673bb18540c34ea"}))),e("grid-header",{key:"92983d1eecd1f85f190a34ad6436b8d7a6eccf09",headerConfig:this.headerConfig,gridFunctions:this.gridFunctions,gridFunctionInstances:this.gridFunctionInstances,refreshKey:this.refreshKey,onHeaderAction:this.onHeaderAction}),e("div",{key:"d32ad6f8e6ea7fad36d3521aa4d165df73d26e35",ref:e=>this.gridEl=e}))}static get watchers(){return{gridFunctions:[{handleUpdateGridFunctions:0}],gridHeight:[{handleUpdateGridHeight:0}],columnDefs:[{handleUpdateColumnDefs:0}],entityName:[{handleEntityNameChange:0}],gridId:[{handleEntityNameChange:0}]}}};le.style=".variant-dark{--udp-grid-column-header-bg:#F8F9FA;--udp-grid-column-header-bg-hover:#dce6f2;--udp-grid-column-header-text:var(--primary-color-dark)}.variant-light{--udp-grid-column-header-bg:#f2f4f5;--udp-grid-column-header-bg-hover:#eef3f9;--udp-grid-column-header-text:var(--primary-color-dark)}::view-transition-group(*){animation-duration:0.2s}.grid-wrapper{display:flex;flex-direction:column;height:100%}#myNewGrid{flex:1}.ag-cell.udp-col-brand{background-color:var(--colorBrandBackground2) !important;color:var(--colorBrandForeground2)}.ag-header-cell.udp-col-brand-header{background-color:var(--colorBrandBackground2) !important}.ag-header-cell.udp-col-brand-header .ag-header-cell-text{color:var(--colorBrandForeground2)}.ag-cell.udp-col-danger{background-color:var(--colorPaletteRedBackground1) !important;color:var(--colorPaletteRedForeground1)}.ag-header-cell.udp-col-danger-header{background-color:var(--colorPaletteRedBackground1) !important}.ag-header-cell.udp-col-danger-header .ag-header-cell-text{color:var(--colorPaletteRedForeground1)}.ag-cell.udp-col-important{background-color:color-mix(in srgb, var(--colorNeutralForeground1) 20%, transparent) !important;color:var(--colorNeutralForeground1)}.ag-header-cell.udp-col-important-header{background-color:color-mix(in srgb, var(--colorNeutralForeground1) 20%, transparent) !important}.ag-header-cell.udp-col-important-header .ag-header-cell-text{color:var(--colorNeutralForeground1)}.ag-cell.udp-col-informative{background-color:color-mix(in srgb, var(--colorPaletteBlueBackground2) 20%, transparent) !important;color:color-mix(in srgb, var(--colorPaletteBlueForeground2) 85%, transparent)}.ag-header-cell.udp-col-informative-header{background-color:color-mix(in srgb, var(--colorPaletteBlueBackground2) 20%, transparent) !important}.ag-header-cell.udp-col-informative-header .ag-header-cell-text{color:color-mix(in srgb, var(--colorPaletteBlueForeground2) 85%, transparent)}.ag-cell.udp-col-severe{background-color:var(--colorPaletteDarkOrangeBackground1) !important;color:var(--colorPaletteDarkOrangeForeground1)}.ag-header-cell.udp-col-severe-header{background-color:var(--colorPaletteDarkOrangeBackground1) !important}.ag-header-cell.udp-col-severe-header .ag-header-cell-text{color:var(--colorPaletteDarkOrangeForeground1)}.ag-cell.udp-col-subtle{background-color:var(--colorNeutralBackground1) !important;color:var(--colorNeutralForeground3)}.ag-header-cell.udp-col-subtle-header{background-color:var(--colorNeutralBackground1) !important}.ag-header-cell.udp-col-subtle-header .ag-header-cell-text{color:var(--colorNeutralForeground3)}.ag-cell.udp-col-success{background-color:var(--colorPaletteGreenBackground1) !important;color:var(--colorPaletteGreenForeground1)}.ag-header-cell.udp-col-success-header{background-color:var(--colorPaletteGreenBackground1) !important}.ag-header-cell.udp-col-success-header .ag-header-cell-text{color:var(--colorPaletteGreenForeground1)}.ag-cell.udp-col-warning{background-color:var(--colorPaletteYellowBackground1) !important;color:var(--colorPaletteYellowForeground2)}.ag-header-cell.udp-col-warning-header{background-color:var(--colorPaletteYellowBackground1) !important}.ag-header-cell.udp-col-warning-header .ag-header-cell-text{color:var(--colorPaletteYellowForeground2)}";const de=class{constructor(e){t(this,e),this.gridReady=i(this,"gridReady",7),this.rowData=[],this.gridFunctions=[],this.gridOptions={},this.loading=!1}updateRowData(){this.gridApi&&this.gridApi.setGridOption("rowData",this.rowData)}updateLoading(){this.gridApi&&this.gridApi.setGridOption("loading",this.loading)}handleGridReady(e){this.gridApi=e.detail,this.rowData&&this.gridApi.setGridOption("rowData",this.rowData)}componentWillLoad(){this.clientSideConfig=Object.assign(Object.assign({},this.gridOptions),{rowModelType:"clientSide"})}render(){return e("ag-grid-base",{key:"ed324ffc277177f2866eb8ffb051d5bb4072ad46",columnDefs:this.columnDefs,gridOptions:this.clientSideConfig,headerConfig:this.gridHeaderConfig,onGridReady:e=>this.handleGridReady(e),gridFunctions:this.gridFunctions,gridId:this.gridId,gridApiCallback:this.gridApiCallback,gridHeight:this.gridHeight})}static get watchers(){return{rowData:[{updateRowData:0}],loading:[{updateLoading:0}]}}},ce=class{constructor(e){t(this,e)}render(){return e(a,{key:"aff1f9f2bc44c5dca31e23f8b547045b3406a8dc"},e("slot",{key:"68c3824e69cea30ab4728fc76616f70cb86a9a21"}))}};ce.style=":host {\n      display: none;\n    }";const he=new Set(["openSavedViews","quickFilter","quickFilterChips","advancedSearch"]),ue=class{constructor(e){t(this,e),this.headerAction=i(this,"headerAction",7),this.gridFunctions=[],this.gridFunctionInstances=[],this.refreshKey=0}action(e,t){this.headerAction.emit({name:e,payload:t})}render(){var t,i,a,o,n,r,s,l,d,c,h,u,p;const b=null==(f=this.gridFunctions)?void 0:f.some((e=>he.has(e.name)));var f;const m=null===(t=this.headerConfig)||void 0===t?void 0:t.primaryActionButton,v=(null==m?void 0:m.label)?{label:m.label,onClick:m.onClick,iconName:m.iconName,disabled:m.disabled,loading:m.loading,items:m.items}:void 0,g=null===(a=null===(i=this.headerConfig)||void 0===i?void 0:i.secondaryActionButtons)||void 0===a?void 0:a.filter((e=>!!e.label)).map((e=>({label:e.label,onClick:e.onClick,iconName:e.iconName,disabled:e.disabled,iconOnly:e.iconOnly}))),y=null===(o=this.headerConfig)||void 0===o?void 0:o.subtitle,k=new Set((null!==(n=this.gridFunctions)&&void 0!==n?n:[]).map((e=>e.name))),x=null!==(r=this.gridFunctionInstances)&&void 0!==r?r:[],w=null!==(s=this.gridFunctions)&&void 0!==s?s:[],S=w.findIndex((e=>"bulkActions"===e.name)),C=S>=0?x[S]:void 0,z=null!==(d=null===(l=null==C?void 0:C.isActive)||void 0===l?void 0:l.call(C))&&void 0!==d&&d,N=e=>{const t=w.findIndex((t=>t.name===e));return t>=0?x[t]:void 0},F=N("openSavedViews"),_=N("quickFilter"),B=N("quickFilterChips"),D=N("advancedSearch"),I=N("agGridRefreshData"),T=N("agGridExpandCollapseAll"),A=N("columnSelector"),O=[k.has("agGridSizeColumnsToFit")&&{text:"Size Columns To Fit",startIconName:"fit-width",onClick:()=>this.action("agGridSizeColumnsToFit")},k.has("agGridAutoSizeColumns")&&{text:"Auto Size Columns",startIconName:"column",onClick:()=>this.action("agGridAutoSizeColumns")},k.has("agGridHideShowColumns")&&{text:"Hide/Show Columns",startIconName:"eye-off",onClick:()=>this.action("agGridHideShowColumns")},k.has("agGridResetColumns")&&{text:"Reset Columns",startIconName:"arrow-reset",onClick:()=>this.action("agGridResetColumns")},k.has("agGridExport")&&{text:"Export to CSV",startIconName:"export",onClick:()=>this.action("agGridExport")},k.has("agGridExcelExport")&&{text:"Export to Excel",startIconName:"table",onClick:()=>this.action("agGridExcelExport")}].filter(Boolean),M=k.has("udpExport"),q=k.has("agGridExpandCollapseAll"),E=k.has("columnSelector"),P=M||q||E||k.has("agGridRefreshData")||O.length>0,j=!!this.headerConfig,R=w.length>0;if(!j&&!R)return null;const $=j&&R&&!b,V=!(!(null===(c=this.headerConfig)||void 0===c?void 0:c.title)&&!y),H=j&&R&&b&&!V,L=R&&!$&&!H,W=()=>{var t,i,a,o,n;return[q&&e("udp-tooltip",{content:(null===(t=null==T?void 0:T.isExpanded)||void 0===t?void 0:t.call(T))?"Collapse all":"Expand all"},e("udp-fluent-icon-button",{iconName:(null===(i=null==T?void 0:T.isExpanded)||void 0===i?void 0:i.call(T))?"arrow-minimize-vertical":"arrow-maximize-vertical",shape:"rounded",onClick:()=>this.action("agGridExpandCollapseAll")})),k.has("agGridRefreshData")&&e("udp-tooltip",{content:"Refresh data"},e("udp-fluent-icon-button",{class:{"spin-refresh":null!==(o=null===(a=null==I?void 0:I.isRefreshing)||void 0===a?void 0:a.call(I))&&void 0!==o&&o},iconName:"arrow-sync",shape:"rounded",onClick:()=>this.action("agGridRefreshData")})),M&&e("udp-tooltip",{content:"Export"},e("udp-fluent-icon-button",{iconName:"export",shape:"rounded",onClick:()=>this.action("udpExport")})),E&&e("udp-tooltip",{content:"Choose columns"},e("udp-fluent-icon-button",{iconName:"table-settings",shape:"rounded",onClick:()=>this.action("columnSelector")})),O.length>0&&e("udp-fluent-menu",{buttonType:"icon",shape:"rounded",endIconName:"settings",appearance:"secondary",size:"medium",items:O}),k.has("columnSelector")&&(null===(n=null==A?void 0:A.render)||void 0===n?void 0:n.call(A))]},G=()=>{var t,i,a,o;return e("div",{class:"scoping-zone"},null===(t=null==F?void 0:F.render)||void 0===t?void 0:t.call(F),null===(i=null==_?void 0:_.render)||void 0===i?void 0:i.call(_),k.has("advancedSearch")&&e("span",{class:"adv-filter-button"},e("udp-fluent-icon-button",{iconName:"filter",shape:"rounded",onClick:()=>this.action("advancedSearch")}),(null===(a=null==D?void 0:D.hasActiveFilter)||void 0===a?void 0:a.call(D))&&e("span",{class:"adv-filter-badge","aria-hidden":"true"})),B&&(F||_||k.has("advancedSearch"))&&e("span",{class:"scoping-divider","aria-hidden":"true"}),null===(o=null==B?void 0:B.render)||void 0===o?void 0:o.call(B))},Y=()=>{var t;return e("div",{class:"toolbar-content"},z?null===(t=C.render)||void 0===t?void 0:t.call(C):e("div",{class:"toolbar-inner"},G(),P&&e("div",{class:"toolbar-actions"},W())))};return j?($||H)&&z?e("div",{class:"bulk-overlay-wrapper"},e("div",{class:"bulk-overlay-ghost","aria-hidden":"true"},e("udp-primary-action-header",{title:null===(h=this.headerConfig)||void 0===h?void 0:h.title,subtitle:y,primaryAction:v,secondaryActions:g})),e("div",{class:"bulk-overlay-bar"},null===(u=C.render)||void 0===u?void 0:u.call(C))):[e("udp-primary-action-header",{title:null===(p=this.headerConfig)||void 0===p?void 0:p.title,subtitle:y,primaryAction:v,secondaryActions:g},H&&e("div",{slot:"inline",class:"promoted-scoping"},G()),($||H)&&P&&e("div",{slot:"actions",class:"promoted-utilities"},W())),L&&Y()]:Y()}};ue.style=".toolbar-content{display:flex;align-items:center;width:100%;min-height:48px;padding:var(--spacingVerticalXXS) var(--spacingHorizontalL);box-sizing:border-box;background-color:var(--colorNeutralBackground1);border-bottom:1px solid var(--colorNeutralStroke3)}.bulk-overlay-wrapper{position:relative;width:100%}.bulk-overlay-ghost{visibility:hidden}.bulk-overlay-bar{position:absolute;inset:0;display:flex;align-items:center;padding:0 var(--spacingHorizontalL);box-sizing:border-box;background-color:var(--colorNeutralBackground1);border-bottom:1px solid var(--colorNeutralStroke3)}.toolbar-inner{display:flex;align-items:center;justify-content:space-between;width:100%}.scoping-zone{display:flex;align-items:center;gap:var(--spacingHorizontalXS);flex:1 1 auto;min-width:0}.scoping-zone>*:not(.quick-filter-chips){flex-shrink:0}.toolbar-actions{display:flex;align-items:center;gap:var(--spacingHorizontalS);flex-shrink:0}.quick-filter-chips{display:flex;align-items:center;gap:var(--spacingHorizontalXS);flex:1 1 auto;min-width:0;flex-wrap:nowrap;overflow:hidden}.quick-filter-chips>*{flex-shrink:0}.promoted-utilities{display:flex;align-items:center;gap:var(--spacingHorizontalS)}.view-selector-wrapper{display:flex;align-items:center;gap:var(--spacingHorizontalXS)}.view-dirty-actions{display:flex;align-items:center;gap:var(--spacingHorizontalXS)}@keyframes emerge-from-menu{from{opacity:0;transform:translateX(-10px) scale(0.75)}to{opacity:1;transform:translateX(0) scale(1)}}udp-fluent-icon-button.spin-refresh{--udp-icon-animation:udp-icon-spin 1s linear infinite}.view-dirty-actions>*{animation:emerge-from-menu 180ms cubic-bezier(0.1, 0.9, 0.2, 1) both;transform-origin:left center}.view-dirty-actions>*:nth-child(2){animation-delay:50ms}.bulk-actions-bar{display:flex;align-items:center;gap:var(--spacingHorizontalXS)}.bulk-actions-bar>*{animation:emerge-from-menu 200ms cubic-bezier(0.1, 0.9, 0.2, 1) both;transform-origin:left center;will-change:transform, opacity}udp-fluent-button.bulk-action-danger::part(button){color:var(--colorStatusDangerForeground1);border-color:var(--colorStatusDangerBorder1)}udp-fluent-button.bulk-action-danger::part(button):hover{background-color:var(--colorStatusDangerBackground1);color:var(--colorStatusDangerForeground1);border-color:var(--colorStatusDangerBorder1)}udp-fluent-button.bulk-action-danger::part(button):active{background-color:var(--colorStatusDangerBackground2);color:var(--colorStatusDangerForeground1);border-color:var(--colorStatusDangerBorder1)}.bulk-actions-divider{width:1px;height:12px;background:var(--colorNeutralStroke2);flex-shrink:0;margin:0 var(--spacingHorizontalS)}.view-search-container{padding:var(--spacingVerticalXS) var(--spacingHorizontalS)}.view-slot-action{display:flex;align-items:center}.has-active-view::part(trigger){background-color:var(--colorBrandBackground2Hover);color:var(--colorBrandForeground1);border-color:var(--colorBrandBackground2Hover)}.qf-chip-active::part(trigger),.qf-chip-active::part(button){background-color:var(--colorBrandBackground2Hover);color:var(--colorBrandForeground1);border-color:var(--colorBrandBackground2Hover)}.qf-date-chip{display:inline-flex;align-items:center}.qf-date-footer{display:flex;justify-content:flex-end;gap:var(--spacingHorizontalS);padding:var(--spacingVerticalS) var(--spacingHorizontalM);border-top:1px solid var(--colorNeutralStroke2)}.adv-filter-button{position:relative;display:inline-flex}.adv-filter-badge{position:absolute;top:2px;right:2px;width:8px;height:8px;border-radius:var(--borderRadiusCircular);background:var(--colorBrandBackground);box-shadow:0 0 0 1.5px var(--colorNeutralBackground1);pointer-events:none}.scoping-divider{width:1px;height:20px;margin:0 var(--spacingHorizontalS);background:var(--colorNeutralStroke2);flex-shrink:0;align-self:center}.column-selector-items{display:flex;flex-direction:column;gap:var(--spacingVerticalXS)}.column-selector-column-list{display:flex;flex-direction:column;gap:var(--spacingVerticalXS);padding-left:var(--spacingHorizontalL)}";const pe=class{constructor(e){t(this,e),this.showHint=!0,this.handleHideHint=()=>{this.showHint=!1}}render(){return e("div",{key:"7dd7cee1b25445515d3e831bedf6b688b5926941",class:"hint-container"},this.showHint&&e("div",{key:"b192bfd95cc66e3fe8399261af1364f88fa1635d",class:"hint-content"},e("div",{key:"129b35433ccf615a5e711194a4bc693bfc371b10"},e("unity-typography",{key:"c3fc5998c707c1c4af5912b15f8c0cf603848cc4",variant:"body"}," ",this.hint," ")),this.hideHintText&&e("div",{key:"7d56f6543cef450d72ba7fcf43c8a8604f4ca847",class:"hide-help"},e("udp-button",{key:"c83b6aa2db427fb241270663cba09645abc3c738",size:"small",color:"info",onClick:this.handleHideHint},this.hideHintText))))}};pe.style=".hint-container{border-left:3px solid var(--info-color-main)}.hint-content{background-color:color-mix(in srgb, var(--info-color-hint) 70%, transparent);padding:8px}.hide-help{display:flex;justify-content:flex-end;margin-top:0.5rem}";const be=class{constructor(e){t(this,e),this.secondary=!1,this.noBackground=!1,this.noTooltip=!1,this.darkIcon=!0,this.showLabel=!0,this.disabled=!1,this.count=null}componentWillLoad(){console.warn("⚠️ stencil-icon-button is deprecated and will be removed in a future version. Please migrate to udp-icon-button for better consistency and theming support. See component documentation for migration guide.")}render(){let t=this.secondary?"icon-button-secondary":"icon-button",i=this.showLabel?{}:{paddingLeft:"10px",paddingRight:"10px"};this.noBackground&&(t+=" no-background");const a=this.darkIcon?"black":"white",o=this.icon,n=()=>e("button",{disabled:this.disabled,class:t,onClick:this.onClick,title:this.showLabel?this.tooltip:null,style:i,id:this.buttonId},o&&e("svg",Object.assign({},o.attrs,{fill:a}),o.content.map(((t,i)=>"path"===t.elem?e("path",Object.assign({},t.attrs,{key:i})):"circle"===t.elem?e("circle",Object.assign({},t.attrs,{key:i})):null))),this.showLabel&&e("slot",null));return e("udp-ambient-tool-tip",{content:this.showLabel?"":this.tooltip,noTooltip:this.noTooltip},this.count?e("udp-badge",{content:this.count},e(n,null)):e(n,null))}};be.style=".icon-button{background:rgb(255, 255, 255);border:0px;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color 0.2s ease-in-out}.icon-button-secondary{background:transparent;border:0px;color:var(--primary-color);width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color 0.2s ease-in-out}.icon-button:hover{background-color:#f5f5f5;}.icon-button-secondary:hover{background-color:#f5f5f5;}.icon-button.no-background{background:transparent;border:0px}.icon-button.no-background:hover{background-color:var(--primary-color-alpha-15)}.icon-button:disabled{opacity:0.4;pointer-events:none}.icon-button-secondary:disabled{opacity:0.4;pointer-events:none}";const fe=class{constructor(i){t(this,i),this.drawerOpen=!1,this.dialogOpen=!1,this.drawerDialogOpen=!1,this.formDrawerOpen=!1,this.manualDrawerOpen=!1,this.secondDrawerOpen=!1,this.thirdDrawerOpen=!1,this.secondDrawerDialogOpen=!1,this.currentTab="buttons-inputs",this.showMessageBar=!0,this.isButtonLoading=!1,this.progressValue=50,this.togglePressed=!1,this.singleDateValue="",this.multiDateValue="",this.rangeDateValue="",this.inputControlRequired=!1,this.inputControlDisabled=!1,this.inputControlReadonly=!1,this.inputControlAppearance="outline",this.inputControlSize="medium",this.manualCanSubmit=!1,this.tabs=[{id:"buttons-inputs",label:"Buttons",startIconName:"settings"},{id:"inputs",label:"Inputs",startIconName:"textbox"},{id:"data-display",label:"Data Display",endIconName:"import"},{id:"text",label:"Text"},{id:"menus",label:"Menus"},{id:"hidden",label:"Hidden",hide:!0},{id:"grids",label:"Grids",hide:!0},{id:"dialogs",label:"Dialogs"},{id:"cards",label:"Cards"},{id:"chips",label:"Chips"},{id:"forms",label:"Forms",hide:!0},{id:"calendar",label:"Calendar",startIconName:"calendar"},{id:"popover",label:"Popover"}],this.handleSubmit=e=>{console.log("Form submitted with values:",e)},this.handleTabChange=e=>{this.currentTab=String(e.detail)},this.handleManualFormReady=e=>{this.manualFormInstance=e.detail,this.manualUnsubscribe&&this.manualUnsubscribe(),this.manualUnsubscribe=this.manualFormInstance.subscribe((e=>{this.manualCanSubmit=e.valid&&!e.submitting}),{valid:!0,submitting:!0})},this.nestedMenuItems=[{id:"1",text:"Item 1",startIconName:"add",onClick:e=>console.log("Individual onClick for Item 1:",e)},{id:"2",text:"Item 2",disabled:!0},{id:"3",text:"Item 3 (Parent) Test Tests",onClick:e=>alert(`You clicked: ${e.text}`)},{id:"3-1",text:"Subitem 1",parentId:"3"},{id:"3-2",text:"Subitem 2",parentId:"3"}],this.sectionedMenuItems=[{id:"1",text:"Section 1 - Item 1",sectionNumber:1},{id:"2",text:"Section 1 - Item 2",sectionNumber:1},{id:"3",text:"Section 2 - Item 1",sectionNumber:2},{id:"4",text:"Section 2 - Item 2",sectionNumber:2},{id:"5",text:"No Section (Defaults to 0)"}],this.radioMenuItems=[{id:"r1-1",text:"Group 1 - Option A",sectionNumber:1,type:"radio"},{id:"r1-2",text:"Group 1 - Option B",sectionNumber:1,type:"radio"},{id:"r2-1",text:"Group 2 - Option X",sectionNumber:2,type:"radio"},{id:"r2-2",text:"Group 2 - Option Y",sectionNumber:2,type:"radio",checked:!0}],this.newRadioGroupItems=[{id:"g1-opt1",text:"Group A - Option 1",sectionNumber:1,type:"radio",checked:!0},{id:"g1-opt2",text:"Group A - Option 2",sectionNumber:1,type:"radio"},{id:"g1-opt3",text:"Group A - Option 3",sectionNumber:1,type:"radio"},{id:"g2-opt1",text:"Group B - Option 1",sectionNumber:2,type:"radio"},{id:"g2-opt2",text:"Group B - Option 2",sectionNumber:2,type:"radio"}],this.checkboxMenuItems=[{id:"c1-1",text:"Checkbox 1-A",sectionNumber:1,type:"checkbox",onClick:e=>console.log("Checkbox 1-A clicked! Current state:",e.checked)},{id:"c1-2",text:"Checkbox 1-B",sectionNumber:1,type:"checkbox"},{id:"c2-1",text:"Checkbox 2-A",sectionNumber:2,type:"checkbox",onClick:e=>console.log("Checkbox 2-A custom action executed",e)},{id:"c2-2",text:"Checkbox 2-B",sectionNumber:2,type:"checkbox"},{id:"c3",text:"More Options"},{id:"c3-1",text:"Sub Checkbox 1",parentId:"c3",type:"checkbox",onClick:()=>alert("Sub Checkbox 1 clicked")},{id:"c3-2",text:"Sub Checkbox 2",parentId:"c3",onClick:()=>alert("Sub Checkbox 2 clicked")}],this.iconMenuItems=[{text:"Prop Start Icon",startIconName:"calendar_ltr_20_regular"},{text:"End Icon",endIconName:"arrow_export_20_regular"},{id:"end-slot-item",text:"Slot End Example"},{id:"slot-test",text:"Slot"},{id:"prop-both",text:"Both Props testing testing",startIconName:"add_20_regular",endIconName:"dismiss_20_regular"}],this.animals=[{id:"mammals",name:"Mammals",emoji:"🦁",category:"Animal Kingdom",count:5500,type:"category"},{id:"big-cats",name:"Big Cats",emoji:"🐆",parentId:"mammals",count:38,type:"subcategory"},{id:"lion",name:"Lion",emoji:"🦁",parentId:"big-cats",habitat:"Savanna",status:"Vulnerable",population:23e3,endangered:!0},{id:"tiger",name:"Tiger",emoji:"🐅",parentId:"big-cats",habitat:"Forests",status:"Endangered",population:3900,endangered:!0},{id:"leopard",name:"Leopard",emoji:"🐆",parentId:"big-cats",habitat:"Various",status:"Vulnerable",population:5e4,endangered:!0},{id:"marine-mammals",name:"Marine Mammals",emoji:"🐋",parentId:"mammals",count:130,type:"subcategory"},{id:"whale",name:"Blue Whale",emoji:"🐋",parentId:"marine-mammals",habitat:"Ocean",status:"Endangered",population:25e3,endangered:!0},{id:"dolphin",name:"Dolphin",emoji:"🐬",parentId:"marine-mammals",habitat:"Ocean",status:"Least Concern",population:6e5,endangered:!1},{id:"elephants",name:"Elephants",emoji:"🐘",parentId:"mammals",count:3,type:"subcategory"},{id:"african-elephant",name:"African Elephant",emoji:"🐘",parentId:"elephants",habitat:"Africa",status:"Critical",population:415e3,endangered:!0},{id:"asian-elephant",name:"Asian Elephant",emoji:"🐘",parentId:"elephants",habitat:"Asia",status:"Endangered",population:5e4,endangered:!0},{id:"reptiles",name:"Reptiles",emoji:"🦎",category:"Animal Kingdom",count:1e4,type:"category"},{id:"snake",name:"Python",emoji:"🐍",parentId:"reptiles",habitat:"Tropical",status:"Least Concern",population:1e5,endangered:!1},{id:"turtle",name:"Sea Turtle",emoji:"🐢",parentId:"reptiles",habitat:"Ocean",status:"Endangered",population:85e3,endangered:!0},{id:"crocodile",name:"Nile Crocodile",emoji:"🐊",parentId:"reptiles",habitat:"Rivers",status:"Least Concern",population:25e4,endangered:!1},{id:"birds",name:"Birds",emoji:"🦅",category:"Animal Kingdom",count:1e4,type:"category"},{id:"birds-of-prey",name:"Birds of Prey",emoji:"🦅",parentId:"birds",count:500,type:"subcategory"},{id:"eagle",name:"Bald Eagle",emoji:"🦅",parentId:"birds-of-prey",habitat:"North America",status:"Least Concern",population:316700,endangered:!1},{id:"hawk",name:"Red-tailed Hawk",emoji:"🦅",parentId:"birds-of-prey",habitat:"Various",status:"Least Concern",population:2e6,endangered:!1},{id:"parrots",name:"Parrots",emoji:"🦜",parentId:"birds",count:393,type:"subcategory"},{id:"macaw",name:"Scarlet Macaw",emoji:"🦜",parentId:"parrots",habitat:"Rainforest",status:"Least Concern",population:5e4,endangered:!1},{id:"cockatoo",name:"Cockatoo",emoji:"🦜",parentId:"parrots",habitat:"Australia",status:"Vulnerable",population:15e3,endangered:!0}],this.getStatusBadge=t=>t.status?e("udp-chip",{label:t.status,color:{Critical:"error",Endangered:"warning",Vulnerable:"warning","Least Concern":"success"}[t.status]||"gray",size:"small",variant:"outlined"}):null,this.getItemAside=t=>"category"===t.type||"subcategory"===t.type?e("span",{style:{fontSize:"12px",color:"#6b7280"}},t.count," species"):t.population?e("udp-fluent-menu",{items:[{id:"view",text:"View Details",startIconName:"add"},{id:"share",text:"Share",startIconName:"share"},{id:"protect",text:"Support Conservation sdfsdfsdfsdfsdf",startIconName:"heart"}],buttonType:"icon",endIconName:"overflowMenuVertical",size:"small",appearance:"subtle",shape:"circular"}):null}disconnectedCallback(){this.manualUnsubscribe&&this.manualUnsubscribe()}render(){var t;return e("div",{key:"259cb3a8ed21dd8b5209dc68b0fec29bc451a563",style:{display:"flex",flexDirection:"column"}},e("div",{key:"8b7ed2c5b31c0140793af38171c12bae3ce305fb",style:{display:"flex",gap:"1rem",marginTop:"1rem"}},e("udp-fluent-button",{key:"4ea0b0c1b469a9f78434c4cc3d0153c16e01674c",onClick:()=>this.formDrawerOpen=!0},"Open Form Drawer"),e("udp-fluent-button",{key:"1b28be56d4023a4e93e8fa1a79bc67aff7661bbd",onClick:()=>this.drawerOpen=!0},"Open Grid Drawer")),e("div",{key:"2703b55f647ce5ac3be1fd076d0c749ce07534c5",style:{display:"flex",flexDirection:"column",gap:"1rem",marginTop:"2rem"}},e("h4",{key:"6aaf56b6dedc63baaf53403dc908d846ef328ad5"},"Scroll Overflow Strategy"),e("udp-fluent-tablist",{key:"0e0d33972caefe744e3594f2dcdbe1013021ca5e",tabList:this.tabs,onTabChange:this.handleTabChange,appearance:"transparent",size:"small",orientation:"horizontal",overflowStrategy:"scroll"},e("span",{key:"937d874b45a4890dc1d5afa7aecf3a089c7de86f",slot:"grids-start",style:{color:"red",fontWeight:"bold"}},"!")),e("h4",{key:"13383fe1a055cfe6d9f7b64b2288594321775b7c"},"Collapse Overflow Strategy"),e("udp-fluent-tablist",{key:"71a234c9d6334d72cb60c1a40b650cff0a03384f",tabList:this.tabs,onTabChange:this.handleTabChange,appearance:"contained",size:"small",orientation:"horizontal",overflowStrategy:"collapse"},e("span",{key:"17a64ccb9ab48aa4397e3e15a2977d20f414c421",slot:"grids-start",style:{color:"red",fontWeight:"bold"}},"!")),e("div",{key:"b69f89f64447b3958951acfde36f39e9a2b13540",style:{padding:"1rem",border:"1px solid #ccc"}},e("udp-tab-panel",{key:"94563e85c7ce806b4fd232ddb722e0cae36bcacf",id:"buttons-inputs",activeTabId:this.currentTab},e("div",{key:"3e064b4233b9968eaee3761756f1fb0b6dea38b2",style:{display:"flex",flexDirection:"column",gap:"1rem"}},e("h3",{key:"aebb8b2dfbef6a14b8f1544ccba19eb0f536d083"},"Buttons & Inputs"),e("div",{key:"97de512c0f547b88579da0364df4edb65c8d9dee",style:{display:"flex",gap:"1rem",alignItems:"center"}},e("udp-fluent-switch",{key:"53467ebaee33a63382f54b6093ab8dc3a021db16",label:"Toggle Loading",checked:this.isButtonLoading,onValueChanged:e=>this.isButtonLoading=e.detail}),e("udp-fluent-button",{key:"1fdddc7caae9415a2b5c05e847cab7fa6d8db1a3",loading:this.isButtonLoading,size:"medium"},e("udp-fluent-icon",{key:"5573be6459ec8049daa60fc3da6a5b6329c553c8",name:"calendar",size:"sm",slot:"start"}),"Loading Button")),e("div",{key:"05cb331e21a4ae8f9c6d604b39cade1b44894311"},e("udp-fluent-button",{key:"4f4382c2762856a482a1442da1e3ba616370e024",onClick:()=>console.log("Click Me Clicked")},"Click Me")),e("div",{key:"0bbf3a5e769c817006b8a32ad036d83339958d8b"},e("h4",{key:"12878602332083d4e3298eaef7769178971386d1"},"New Icon Props"),e("div",{key:"fbd2d0104208ea6c02f55805d7ffd3aea61d63b9",style:{display:"flex",gap:"1rem",alignItems:"center"}},e("udp-fluent-button",{key:"740514c1483d5afb2bdc4c7849fb9806e8a93c85",startIconName:"checkmark",onClick:()=>console.log("Start Icon Clicked")},"Start Icon"),e("udp-fluent-button",{key:"79dd2c5b38b86d0cdff21fbd78d8b685ab7d7244",size:"large",onClick:()=>console.log("End Icon Clicked"),endIconName:"home"},"End Icon"),e("udp-fluent-button",{key:"876eb3aa3fc36acad6962394c5ebf2015ddc2003",appearance:"primary",onClick:()=>console.log("Primary Clicked")},"Delete"),e("udp-fluent-button",{key:"8712a723e343886eb2c6cc72ee6da0cd682348b9",startIconName:"checkmark",onClick:()=>console.log("Override Icon Clicked")},e("span",{key:"225487c880b0560c85feedf2a523221c16a060a4",slot:"start"},e("udp-fluent-icon",{key:"30818b05fea732e0f1b31b80b3e6084cdaa7730b",name:"home",size:"md"})),"Slotted icon override"))),e("div",{key:"1e4ff49d242a5004ce0a6a791b87bad29031f41e"},e("h4",{key:"023fd429281c5a32a8bfc0639c21bd787cac4cec"},"Compound Buttons"),e("div",{key:"36ed7d755e48da2aed6bc92039bada889c3fe16e",style:{display:"flex",gap:"1rem",alignItems:"center"}},e("udp-compound-button",{key:"b77f297405663a619f66720cceffb23f4647d044",description:"Hello World",startIconName:"calendar"},"Compound Button"),e("udp-compound-button",{key:"6448725f887c31598048c4aeb201691ff265cfb1",appearance:"primary",description:"With End Icon",endIconName:"delete"},"Primary"),e("udp-compound-button",{key:"0aa8c0f5b5a88e1ccb0e17ac4c81a90a9c1f0148",description:"Custom Slot",size:"small",startIconName:"add",onClick:()=>console.log("Compound Button Clicked")},e("span",{key:"5b210a97be29245580c06cf65780b772b041e9af",slot:"description"},"Slotted Description"),"Compound")),e("div",{key:"0b043566923a579446dd90494c271e8b3d8d7cb1",style:{marginTop:"1rem",display:"flex",gap:"1rem",alignItems:"center"}},e("udp-fluent-switch",{key:"1f9bd9a6f26b91f6f0c202268795e09e2e4085b3",checked:this.isButtonLoading,onValueChanged:e=>this.isButtonLoading=e.detail},"Toggle Loading"),e("udp-compound-button",{key:"c2228a6313b6ab1bc67cf918ef5fcc7129518ade",description:"Click switch to load",endIconName:"add",loading:this.isButtonLoading,onClick:()=>console.log("Compound Button Clicked")},"Loading Test"))),e("div",{key:"83dfe5cedea8571d4d4a4555678eb946826fc9d9"},e("h4",{key:"b8ee8f9754b9f05c84e18b9ae0f7bdc1eaaf9d89"},"Toggle Buttons"),e("div",{key:"0daab9dcbe8bc7f432aa02d29034dba41a915cbe",style:{display:"flex",gap:"1rem",alignItems:"center",flexWrap:"wrap"}},e("udp-fluent-toggle-button",{key:"d91581c1f2464d7a8783c744d4ba0eca9d20f1ac"},"Toggle Me"),e("udp-fluent-toggle-button",{key:"9085d33be727cb31ec7f108b31de1fbd99cf0984",pressed:!0,disabled:!0},"Disabled Pressed"),e("udp-fluent-toggle-button",{key:"8399900975e4da964ef1d7f065f2ba502ff91f06"},e("udp-fluent-icon",{key:"36c707a0784d4a88757e5e70e873ec220e930e89",name:"add",size:"sm",slot:"start"}),"Slotted icon"),e("udp-fluent-toggle-button",{key:"b1149df5564afa0725b009781f504dc095553ddb",endIconName:"settings"},"End Icon Prop"),e("udp-fluent-toggle-button",{key:"828b9a62c3d08bb9b031d1c89331115a95748b10",size:"small",startIconName:"add"},"Small"),e("udp-fluent-toggle-button",{key:"104c41a27db9b5c248a5b511f4d4e82e228164bd",size:"large",endIconName:"delete"},"Large"))),e("div",{key:"eff1d230b3f2bee9912b00ededc6099c1d8e44c3"},e("h4",{key:"6828bacec102844aebb46b2ce45a8f03e92e4825"},"Icon Buttons (Dynamic Sizing)"),e("div",{key:"c0909854029fce0a69d80555e1b5e4bcbe8672a5",style:{display:"flex",gap:"1rem",alignItems:"center"}},e("div",{key:"c6dfb90f97d8b348831873df72d3a97b705d3296",style:{display:"flex",flexDirection:"column",alignItems:"center"}},e("udp-fluent-icon-button",{key:"42b65c8e25c056191f8277ffb757af87f9555693",iconName:"settings",size:"small",appearance:"primary",ariaLabel:"Edit"}),e("span",{key:"55853919bf46b833d279f06c75116787c46a9306",style:{fontSize:"12px"}},"Small (Subtle)")),e("div",{key:"9a02a59ac9b31c40744d1cbebef26cc6868d9011",style:{display:"flex",flexDirection:"column",alignItems:"center"}},e("udp-fluent-icon-button",{key:"e593535362c923a89d68752f573a6167164766ee",iconName:"settings",size:"medium",ariaLabel:"Delete"}),e("span",{key:"62ba6dca8eb4d9cf05cda63202288640f3e8ca03",style:{fontSize:"12px"}},"Medium (Outline)")),e("div",{key:"9b3ea77d5a27f76c0ab3cd889a88ddd5df5670d1",style:{display:"flex",flexDirection:"column",alignItems:"center"}},e("udp-fluent-icon-button",{key:"becb64bfc00f04641028bd003a2c8d85b4fe45b3",iconName:"settings",size:"large",appearance:"primary",ariaLabel:"Settings"}),e("span",{key:"40b066df359d985c3d4cf4d267cc234b7839cccc",style:{fontSize:"12px"}},"Large (Transparent)")))),e("div",{key:"a3d73356c5f6a761b51749ceb0af69ade68c0c0d"},e("udp-loading-spinner",{key:"c7b3ef842d657312d9ed54fddc92dbaf2941484e",size:"tiny",appearance:"primary"})))),e("udp-tab-panel",{key:"98fe08e5f1c3defe5750fc4ba15d1fec24659948",id:"inputs",activeTabId:this.currentTab},e("div",{key:"d93ec35deb139e305e7fefe13d7064482e41503b",style:{display:"flex",gap:"1rem",flexDirection:"column"}},e("div",{key:"2da75c4ab7e4075cb3e814663033357bd066b8fe",style:{padding:"1rem",backgroundColor:"var(--colorNeutralBackground3, #f5f5f5)",borderRadius:"8px",marginBottom:"1rem"}},e("h3",{key:"b4dc898ad916e48c59efb67f3c6907d78307c737",style:{margin:"0 0 1rem 0",fontSize:"16px",fontWeight:"600"}},"Global Property Controls"),e("div",{key:"b841b24ab293d35eed3bae9699b73466ab2bbecf",style:{display:"flex",gap:"2rem",flexWrap:"wrap",alignItems:"flex-end"}},e("udp-fluent-dropdown",{key:"f9d3a5dac07baad9a80b451b9517e25c8afd088e",label:"Appearance",value:this.inputControlAppearance,options:[{label:"Outline",value:"outline"},{label:"Underline",value:"underline"},{label:"Filled Lighter",value:"filled-lighter"},{label:"Filled Darker",value:"filled-darker"}],optionValue:"value",optionLabel:"label",onValueChanged:e=>{var t;return this.inputControlAppearance=(null===(t=e.detail)||void 0===t?void 0:t.value)||e.detail},style:{minWidth:"150px"}}),e("udp-fluent-dropdown",{key:"63b81d904735f7f9ff50667aa2f09a0693f8033e",label:"Control Size",value:this.inputControlSize,options:[{label:"Small",value:"small"},{label:"Medium",value:"medium"},{label:"Large",value:"large"}],optionValue:"value",optionLabel:"label",onValueChanged:e=>{var t;return this.inputControlSize=(null===(t=e.detail)||void 0===t?void 0:t.value)||e.detail},style:{minWidth:"120px"}}),e("udp-fluent-switch",{key:"a6576c15b1e73976c3d8169cee3c58d9b2d00d3a",label:"Required",labelPosition:"after",checked:this.inputControlRequired,onValueChanged:e=>this.inputControlRequired=e.detail}),e("udp-fluent-switch",{key:"9a66fd143dbc23a39a3a828632f15a370e91119b",label:"Disabled",labelPosition:"after",checked:this.inputControlDisabled,onValueChanged:e=>this.inputControlDisabled=e.detail}),e("udp-fluent-switch",{key:"0b5a01386d1dd64f1bdc5e1a5e432cc806bf7181",label:"Readonly",labelPosition:"after",checked:this.inputControlReadonly,onValueChanged:e=>this.inputControlReadonly=e.detail})),e("p",{key:"9a34e44de01b56bc9c7493c86b416ccfbbc701cb",style:{margin:"0.75rem 0 0",fontSize:"12px",color:"var(--colorNeutralForeground3)"}},"Note: Not all props apply to all components. readonly only applies to text inputs.")),e("udp-fluent-text-input",{key:"0724f922b2b3a6d10114da0c182a9f231db977d7",label:"Text Input",placeholder:"Enter text...",required:this.inputControlRequired,disabled:this.inputControlDisabled,readonly:this.inputControlReadonly,appearance:this.inputControlAppearance,controlSize:this.inputControlSize,value:"test"}),e("udp-fluent-text-input",{key:"525b5a4de7d706871935ba90c77986f59fcf04ea",label:"Email Input",type:"email",placeholder:"Enter email...",required:this.inputControlRequired,disabled:this.inputControlDisabled,readonly:this.inputControlReadonly,appearance:this.inputControlAppearance,controlSize:this.inputControlSize,value:"test@gmail.com"}),e("udp-fluent-text-input",{key:"1ac123914d9eb385808bcbedf64bcdbd197c549f",label:"Number Input",type:"number",placeholder:"Enter number...",required:this.inputControlRequired,disabled:this.inputControlDisabled,readonly:this.inputControlReadonly,appearance:this.inputControlAppearance,controlSize:this.inputControlSize,value:"123"}),e("udp-date-input",{key:"c1453763513c55df34a03aac2c2a7496706fa652",label:"Date Input",required:this.inputControlRequired,disabled:this.inputControlDisabled,appearance:this.inputControlAppearance,controlSize:this.inputControlSize,value:"2026-01-30"}),e("udp-date-time-input",{key:"aba83d232b044c7f3f9171ca28ace5abd7233d85",label:"Date Time Input",required:this.inputControlRequired,disabled:this.inputControlDisabled,appearance:this.inputControlAppearance,controlSize:this.inputControlSize,value:"2026-01-30T12:00:00"}),e("udp-time-input",{key:"27bc89b3155696e83b118d2ed8ab61f08b076a96",label:"Time Input",placeholder:"e.g. 2:30pm",hint:"Type any time or select from list",required:this.inputControlRequired,disabled:this.inputControlDisabled,appearance:this.inputControlAppearance,controlSize:this.inputControlSize,value:"12:00"}),e("udp-textarea",{key:"641bb42692908269b2cfdc44e1269ed65105e534",label:"Textarea",placeholder:"Tell us about yourself...",autoResize:!0,required:this.inputControlRequired,disabled:this.inputControlDisabled,readonly:this.inputControlReadonly,appearance:this.inputControlAppearance,controlSize:this.inputControlSize,value:"test"}),e("udp-fluent-dropdown",{key:"8d0058ad096cae523a5263cee66d57b3b8872c5f",label:"Dropdown",placeholder:"Select an option...",appearance:this.inputControlAppearance,disabled:this.inputControlDisabled,optionValue:"value",optionLabel:"label",options:[{label:"Option 1",value:"option1"},{label:"Option 2",value:"option2"},{label:"Option 3",value:"option3"}],controlSize:this.inputControlSize,multiple:!0}),e("udp-autocomplete",{key:"894d2e93b16ebed8732d2d4e6a0334e321f995f3",label:"Autocomplete",placeholder:"Type to search...",appearance:this.inputControlAppearance,disabled:this.inputControlDisabled,optionValue:"value",optionLabel:"label",options:[{label:"Apple",value:"apple"},{label:"Banana",value:"banana"},{label:"Cherry",value:"cherry"},{label:"Date",value:"date"},{label:"Elderberry",value:"elderberry"}],controlSize:this.inputControlSize}),e("udp-fluent-checkbox",{key:"ef6eb3466b1aa1b96ca6cd6189524c27c6e3b706",label:"Checkbox",hint:"Check me!",disabled:this.inputControlDisabled,controlSize:this.inputControlSize,checked:!0}),e("udp-fluent-switch",{key:"31274a39f0943d490d3860262dbc52b1fe6fbf17",label:"Switch",labelPosition:"after",disabled:this.inputControlDisabled,checked:!0}),e("udp-slider",{key:"7cf01b7cef255b95b90d991f7ceb78a526dfca0d",label:"Slider",min:"0",max:"100",hint:"Slide to adjust value",disabled:this.inputControlDisabled,value:"50"}),e("udp-fluent-radio-group",{key:"fc7ba7593298b271a59003d51913ff5fcd29776b",label:"Radio Group",disabled:this.inputControlDisabled,items:[{label:"Option A",value:"a"},{label:"Option B",value:"b"},{label:"Option C",value:"c"}],value:"a"}))),e("udp-tab-panel",{key:"427ba740e0bda67ce681f276fff80004e01c7b70",id:"data-display",activeTabId:this.currentTab},e("div",{key:"b223f00292acd5e4aa5dc2d2011176e03584ad5f",style:{display:"flex",flexDirection:"column",gap:"3rem"}},e("div",{key:"61acba2c575d4e9ccc6a066c67b2147310d592c9"},e("h3",{key:"0d4de9c930122b49dc436e0f7f80b650233a57a3"},"Tree Example - Animal Kingdom (Conservation Status)"),e("p",{key:"104647a88397d5731898b7f7b9645451361abbe4",style:{fontSize:"14px",color:"#6b7280",marginBottom:"1rem"}},"Explore the animal kingdom with conservation status, population data, and more."),e("udp-tree",{key:"4e7eead9bd34ba07dcdb517bf05b215f1cd917f5",treeItems:this.animals,itemContent:"name",itemStart:"emoji",itemEnd:this.getStatusBadge,itemAside:this.getItemAside,size:"medium",appearance:"subtle"})),e("div",{key:"541900267da5839636dd3ec7be604c6a6618346a"},e("h3",{key:"3107ad674ac6ed82c65bff93a1ff25c247561821"},"Accordion Example"),e("udp-accordion",{key:"ea848035b2bea574645a79770bfc3b58403ac987",items:[{id:"simple",label:"Simple Item (Default)",content:"Just a basic string item."},{id:"expanded",label:"Expanded by Default",content:"This item starts expanded (expanded=true).",expanded:!0,headinglevel:3},{id:"disabled",label:"Disabled Item",content:"You cannot open me.",disabled:!0},{id:"sized",label:"Large Sized Item",content:'This item has size="large".',size:"large"},{id:"hidden-item",label:"You should not see me",content:"I am hidden",hide:!0},{id:"complex-slotted"}]},e("span",{key:"b293dc5ad22141a17f0daa8d2025b600aaa71219",slot:"complex-slotted-heading"},e("div",{key:"04ca25db9d1ff6f8f13dd5af98e87e7653e6083d",style:{display:"flex",alignItems:"center",gap:"8px"}},e("udp-fluent-icon",{key:"7c2e8310e4c8ccd8ad386371544bc2ddee4f714a",name:"star",size:"md"}),e("span",{key:"53fcc139f8ee333b92d2c9b110238df3e81af87c"},"Complex Slotted Header"),e("udp-chip",{key:"b86d4671321fb3a28f584b99d133f308f07a50e4",label:"New",color:"success",size:"small",variant:"filled"}))),e("div",{key:"d55166dae52ea555d60219009a3ccf1ee6245b16",slot:"complex-slotted-content"},e("p",{key:"14a5b1e390fbeb49e0f0d0790db689f98a41ae20"},"This content uses slots for complete control.",e("br",{key:"c0c209b1a008ab961b2ab3a1c71589dc8016d76a"}),e("span",{key:"be0eb22a3d5e045937b2cd964268eab706b55e3e",style:{fontSize:"12px",color:"gray"}},"(Try adding buttons, forms, or any component here)")),e("div",{key:"60145308c39fb2183c89117608d821f2691e97b4",style:{marginTop:"8px"}},e("udp-fluent-button",{key:"76a450113f06c7692b2e6136b23dbe8dd7ada886",size:"small"},"Action A"),e("udp-fluent-button",{key:"1455f2b959f9d9bf3ca8e3695941b305bee5af1a",size:"small",appearance:"outline"},"Action B"))))),e("div",{key:"4f9e90493f419fdfde7ca055999aef571761a510"},e("h3",{key:"d97eb71869e0b11f84e3a8d814002f59b06227c7"},"Auto-Wrapping Tooltip"),e("udp-tooltip",{key:"83c289cc5f36271299ef9d8f61d904be88b5dc1f",positioning:"above",content:"This works with Shadow DOM!"},e("udp-fluent-button",{key:"b7c0b32c6521d89fea320f56584c6611e869b5b4"},"Hover me"))),e("div",{key:"cf88f8ec5cf2d5c8be2f1e580a426bb9bd67acbe"},e("h3",{key:"7a03ebf8f41cceea1800a337f995366e72ec0762"},"Message Bar Example"),e("div",{key:"a025565aba4d4b55322b22e6ce8f96667570301f",style:{display:"flex",flexDirection:"column",gap:"1rem"}},e("udp-message-bar",{key:"3131b71f9477505cc457e96d30a731367a86b997",intent:"info"},"This is an informational message bar."),e("udp-message-bar",{key:"a90c9956ee7d175a49381ee841fdd1a84acae487",intent:"warning"},"This is a warning message bar."),e("udp-message-bar",{key:"71611a976825895891e7f10a83df26a8500e8afe",intent:"error"},"This is an error message bar with actions.",e("udp-fluent-button",{key:"707fc88a82e3eb2e146a8724c2665194129c661d",slot:"actions",appearance:"outline",size:"small"},"Resolve")),this.showMessageBar&&e("udp-message-bar",{key:"602e3e21cb62943ce31519ffcab7f4f54f591908",intent:"success",shape:"square"},"This is a success message bar (square).",e("udp-icon",{key:"3897610d71653c6c0a1b6766fadd97a72b0c2fff",iconName:"add",slot:"icon"}),e("udp-fluent-icon-button",{key:"59f336ff7cb614e6c2b290cedf55e981ffa6662b",iconName:"dismiss",shape:"circular",appearance:"subtle",ariaLabel:"Close drawer",onClick:()=>this.showMessageBar=!1,slot:"dismiss"})))),e("div",{key:"fbfaf82357530e026c4dcd1d952d156aadb87576"},e("h3",{key:"f31df8dfc10cd27719f69b8250de352588331099"},"Progress Bar Examples"),e("h4",{key:"7b1381d8edf48923dd13bc5a3c27dd9f59125815"},"Indeterminate"),e("udp-progress-bar",{key:"dd26fff71f944114879b248966ff1516302b6b0d",thickness:"large"}),e("h4",{key:"627a2f929fd6d9fb466d48569016cf2cf886d783"},"Determinate (Success)"),e("udp-progress-bar",{key:"e9c4f288dd57d28b24c90bde76bb491a70f4eab9",value:75,validationState:"success",shape:"square"}),e("h4",{key:"9912afbf4201aece55e0cf0289f66a3ac86aa6eb"},"Interactive"),e("div",{key:"1938522c06cd5e8f6f552bf13ca8225801723b80",style:{display:"flex",gap:"1rem",alignItems:"center",marginBottom:"1rem"}},e("udp-fluent-text-input",{key:"3df4c2623e98df69785d01c265e4de113f20a64a",label:"Set Progress",type:"number",value:null===(t=this.progressValue)||void 0===t?void 0:t.toString(),onValueChanged:e=>this.progressValue=parseInt(e.detail)})),e("udp-progress-bar",{key:"b55a8fd6878a1d03c82d40252d7848a91acac68e",value:this.progressValue,min:0,max:100,shape:"square"})),e("div",{key:"3eff3c881432d18fac497cba8a55f2e8fcb9694e"},e("h3",{key:"b66b15e94e91dcce985c3e673496aa94ee289a38"},"Divider Examples"),e("p",{key:"f3af1b39de3d0fe9062a3636467502cd5efd5175"},"Default Divider:"),e("udp-fluent-divider",{key:"1823cd7f805e29631c4361e40017c00d2fde9a8c"}),e("p",{key:"b6da452ba9f3115fb4fd1bcf9121199365c30a0b"},"Align Content:"),e("udp-fluent-divider",{key:"a67064d2b219965afada496cd339f1203bed1f26","align-content":"start"},"Start"),e("udp-fluent-divider",{key:"dcab9ac817fb1433fb015f3f2f53626ba17f4a65","align-content":"center"},"Center"),e("udp-fluent-divider",{key:"8b9a2c753c738dc02c695c4dfc4868cdf9dd5407","align-content":"end"},"End"),e("p",{key:"b5e52009f220cad7778420361515aa4c48d2d3db"},"Appearance:"),e("udp-fluent-divider",{key:"57de56b4a891adfae107817eb76adcfed1dd212c",appearance:"strong"},e("udp-icon",{key:"6598ef60c585e7904746afebceb6d62e5e85aa15",iconName:"add"})),e("div",{key:"a93ed6e22b3fd63d04453709ae483a0b64184328",style:{height:"10px"}}),e("udp-fluent-divider",{key:"2830f3a8b1a63aac9abface10651f9537661dc9b",appearance:"brand"},"Brand"),e("div",{key:"e2c0af007c43525cc97673ec4de22e3c9470ac18",style:{height:"10px"}}),e("udp-fluent-divider",{key:"a3f4906181cd051b7762fd4e4cb5b4838c646b06",appearance:"subtle"},"Subtle"),e("p",{key:"a1c4e81fd9f755348a0201e00b4e6d6fc3dea33e"},"Vertical Divider (inside flex container):"),e("div",{key:"d0f2fd393428b0aab5f24bc18fbe5e3a01438bce",style:{display:"flex",height:"50px",alignItems:"center",border:"1px solid #ccc",padding:"10px"}},e("span",{key:"edac259dd066fe189f0b8394931c4b317e972871"},"Item 1"),e("udp-fluent-divider",{key:"11acefb1586149400aeb334c36df4b9ccd634ed9",orientation:"vertical"}),e("span",{key:"2c6b482cb4ff9afcf2b1ca162882fa62eb6cafa4"},"Item 2"),e("udp-fluent-divider",{key:"bf45c415d8c4844551eef05438187b4cfbfd7bfa",orientation:"vertical",appearance:"brand"}),e("span",{key:"8e1c84e0704775fdb7d90350c3ec10de36c3fa7e"},"Item 3"))),e("div",{key:"5931c9ccb73b391fc9a44863942e7641b401d66d"},e("h3",{key:"9c4ff2fc026011d75c536902224c606a666507b8"},"Fluent Icon Examples"),e("p",{key:"1f239fc808ee5b66c8bcd5229b2884615ed4c402"},"Basic usage (new simplified API):"),e("div",{key:"62cd1b4e61debe779800bfb1421b14f0e2d24556",style:{display:"flex",gap:"1rem",alignItems:"center"}},e("udp-fluent-icon",{key:"a312bb419b6db066baf76e53f916b8800aa02eb9",name:"add"}),e("udp-fluent-icon",{key:"1872d19602f2bef468f8e66583125d34f8de05fd",name:"home"}),e("udp-fluent-icon",{key:"a49688aa49d616e946ce446dc5e1ae6ffa56a9fb",name:"settings"})),e("p",{key:"9d576c323c7454ccaddaecdeda60e95ceb46aadd"},"Colored:"),e("div",{key:"eae249dae805b3c0c611a0260907e9a47da3d5cc",style:{display:"flex",gap:"1rem",alignItems:"center"}},e("udp-fluent-icon",{key:"6e02c5a9be36ccb65bbed876f3da7b76bcaf1be0",name:"add",variant:"filled",color:"green"}),e("udp-fluent-icon",{key:"8763e3caa9c59e60faba05fd18515a46873f586d",name:"delete",color:"red"})),e("p",{key:"e1e9fcb3fe51dfe46193a99cb3966cd7017fc841"},"Sizes (xs=16px, sm=20px, md=24px, lg=28px):"),e("div",{key:"334b1a4ef7035015c3514abb1337c44f15dbc0e4",style:{display:"flex",gap:"1rem",alignItems:"center"}},e("udp-fluent-icon",{key:"899068fe009da06c3bdbe94d8929e724373eeaeb",name:"home",size:"xs"}),e("udp-fluent-icon",{key:"110c3ab9bb3bf26e1a4ca2fbb7a2d35a92f6152e",name:"home",size:"sm"}),e("udp-fluent-icon",{key:"a26a486f024e442824a50635cde50d3afbbd7407",name:"home",size:"md"}),e("udp-fluent-icon",{key:"b3fce7a45257ebd656e8702c1ddad1ab9a9123f1",name:"home",size:"lg"})),e("p",{key:"89e3635b0d4d82e2911e9c2ce4e57d726f617735"},"Variants (regular vs filled):"),e("div",{key:"ac530a3609ae377f7a43486daf0098d6066c8c23",style:{display:"flex",gap:"1rem",alignItems:"center"}},e("udp-fluent-icon",{key:"812f057c5478141143b5550e6c7f18aae811f83f",name:"star",variant:"regular",size:"lg"}),e("udp-fluent-icon",{key:"1797928f8e4928d4bce3b092e10427587db78c99",name:"star",variant:"filled",size:"lg",color:"gold"}))))),e("udp-tab-panel",{key:"c814eecbaaf017a2f94763c0b3b6d142df9843ec",id:"text",activeTabId:this.currentTab},e("div",{key:"9548f33977f37bf739bdfd25efb395f7e5c84e2c",style:{display:"flex",flexDirection:"column",gap:"2rem"}},e("h3",{key:"287a4919a0206fc50fa64f7f7a0039d16975a3b0"},"Text Component - All Variants"),e("div",{key:"dd61c14c355923a1f9f0b8c5d18a713d1a73b506"},e("h4",{key:"449be2fff598b008064afd6e236cd4e853cc9fc1"},"Display Variant"),e("udp-text",{key:"648c5323aae383e1c5de4ac88c9b23947692b6fb",variant:"display"},"Display Text (h1)")),e("div",{key:"2a308e30ad2fd5d21a56706de5ce87548772394c"},e("h4",{key:"5e2a9b9b0de2d9358d325f9b338d2c18d0105af9"},"Large Title Variant"),e("udp-text",{key:"218452a3ea54a929e8ebc754ffe00a96f943db5b",variant:"largeTitle"},"Large Title Text (h2)")),e("div",{key:"847354a7fcf18e96c60bbc03f6e7127866346246"},e("h4",{key:"3789051ccf70ef9b0bd91db5ac8c5e17a062a904"},"Title Variants"),e("udp-text",{key:"9df6e84b5ea5c981fc318c412910545c5eb427a1",variant:"title1"},"Title 1 Text (h3)"),e("udp-text",{key:"f1d1e225662f62c8ddf90c16082ee3170b887c42",variant:"title2"},"Title 2 Text (h4)"),e("udp-text",{key:"d3ede0c7263ef12e3e9188bbd9237b72bda85ae7",variant:"title3"},"Title 3 Text (h5)")),e("div",{key:"aeac71b14df38b344b3025e3831d61a1b8aff1d7"},e("h4",{key:"56170c688648303413b35f6ff672837c8c5ad258"},"Subtitle Variants"),e("udp-text",{key:"57b4bcac88fb429c2fb84c43dabe9e51d9404a80",variant:"subtitle1"},"Subtitle 1 Text (h6, medium weight)"),e("udp-text",{key:"da8e60676ccf61664d3bc559ca6b6b3a37de3ad7",variant:"subtitle2"},"Subtitle 2 Text (h6, semibold weight)")),e("div",{key:"f90979950200b4953d43af4f83c9f9199ee4caa3"},e("h4",{key:"cb33c29b56c1e14a576f120ba5b976e4ba2eb1d2"},"Body Variants"),e("udp-text",{key:"0a9ceecd82b420f519a889a32037a43e123611f9",variant:"body1"},"Body 1 Text (p) - This is the default variant. Lorem ipsum dolor sit amet, consectetur adipiscing elit."),e("udp-text",{key:"9edbbcda01ef9222604368dac4a95f78cce6c3b3",variant:"body1Strong"},"Body 1 Strong - Semibold weight for emphasis."),e("udp-text",{key:"579591d4b135497ae9f5e3624ae4ed1d43c9c4af",variant:"body1Stronger"},"Body 1 Stronger - Bold weight for strong emphasis."),e("udp-text",{key:"d7564721f590543c2a76f9541f579f0f575de224",variant:"body2"},"Body 2 Text - Slightly larger than body1.")),e("div",{key:"af73b0b0fc9566208873f933f10929ad98fb1a7c"},e("h4",{key:"c0491e54a5072ea857ad156bb87193bff6cca3d9"},"Caption Variants"),e("udp-text",{key:"2dbbf680cc918fa6b0e9a2910d61c4db06982205",variant:"caption1"},"Caption 1 Text (span, inline)"),e("br",{key:"b640560afe9d083d0fdd76f77fd7cda597da341f"}),e("udp-text",{key:"b6377438aa067b929b0929f8eab4198ee26eee06",variant:"caption1Strong"},"Caption 1 Strong (semibold)"),e("br",{key:"efe45e9e426093d70e817592bc5abb9e81183fc1"}),e("udp-text",{key:"322a1dd73dbf487d82fe3f253cf41b68c5394c3c",variant:"caption1Stronger"},"Caption 1 Stronger (bold)"),e("br",{key:"6c0d22621d1ff4923c015bca1df1377749618b4d"}),e("udp-text",{key:"c9bc71957e19d6747678af636743cd0e87a00580",variant:"caption2"},"Caption 2 Text (span, inline, smaller)"),e("br",{key:"e7f5d20471a1e270d371a2a3677c8905ff2e8384"}),e("udp-text",{key:"7fdd0528041954e5717188b40695a8f6d98ec42e",variant:"caption2Strong"},"Caption 2 Strong (semibold)")),e("div",{key:"a9d262e2bad3d99835fb8c06670516291f9dfbef"},e("h4",{key:"b4b8bfe4966ae9ecff0effa6b4b260ec27df8c06"},"Text Alignment"),e("udp-text",{key:"c845a86f4848e343686ae6d0efa8285ed77832c6",variant:"body1",align:"start"},"Aligned to start"),e("udp-text",{key:"9192fd7751fe894b908ed4d07f28b61e56a87648",variant:"body1",align:"center"},"Centered text"),e("udp-text",{key:"c3b732d5f26e525ea2e34f22842f88602e6c64f0",variant:"body1",align:"end"},"Aligned to end")),e("div",{key:"e038f400bdfd889e546e592b472e0b59d620f241"},e("h4",{key:"7dcf356649a13309dded5e956928e0ac4acb6e66"},"Text Styling"),e("udp-text",{key:"b993d6ba552816744f4b9e172341065141275aa2",variant:"body1",italic:!0},"Italic text"),e("udp-text",{key:"0ddfce7559ce1c92767bf43c070059a968b57baf",variant:"body1",underline:!0},"Underlined text"),e("udp-text",{key:"e06a582f2f93e92b19248aa7c5db6f86e9153ccf",variant:"body1",strikethrough:!0},"Strikethrough text"),e("udp-text",{key:"e18d46babb3f4f1542db636322e19d157e98f1b5",variant:"body1",weight:"bold"},"Bold text")),e("div",{key:"d80f692ae8ed1beb225d188f1690c6b562f1f55c"},e("h4",{key:"e949248811870a1432a99a79b2eb512a83c8dd9e"},"Custom Semantic Tags"),e("udp-text",{key:"81e10b3f5b1b75c0d2482dd4de3ff8659400f7b8",as:"h1"},"text as h1 element"),e("udp-text",{key:"0e8612a406c0511ff386a1b4fd413404cbf3eabd",variant:"caption1",as:"p"},"Caption text as paragraph")),e("div",{key:"718705df9e77fc85f3ffb1294f83b13e1d088e44"},e("h4",{key:"d9f0e5c103e0034096d473ce39356eb77bf9f250"},"Font Variants"),e("udp-text",{key:"0f3ae3ba5204e49e46a52f1b70b7f3df0de03fb9",variant:"body1",font:"base"},"Base font (default)"),e("udp-text",{key:"f861f3fbc6410f53cee828b37b87e97eec3e310c",variant:"body1",font:"numeric"},"Numeric font: 1234567890"),e("udp-text",{key:"d6fb4a84fd85170480807b26e812aaf55e323fa2",variant:"body1",font:"monospace"},"Monospace font: const x = 42;")),e("div",{key:"f2b17e0b35dbb50494cfbf7d2b5f396c55075368"},e("h4",{key:"c11a6c81ae87ce94a7fe53acf4838a3a497985b9"},"Size Override"),e("udp-text",{key:"6b20805a299f9278ec390ef493b4fde34e8e2b32",variant:"body1",size:"200"},"Body variant with size 200"),e("udp-text",{key:"9c2bca0ae107e29822f84c82ae309bdce74a4cde",variant:"body1",size:"600"},"Body variant with size 600"),e("udp-text",{key:"81b54060e4406e9066e8e4094812e32733f7fe4c",variant:"body1",size:"1000"},"Body variant with size 1000")),e("div",{key:"925c1ef5da7b8d653440677d96094faea5e7bf0f"},e("h4",{key:"c2eb6034675dd4087d5bab2b8ba8b5e815d0a116"},"Lists"),e("udp-text",{key:"6c2e23112f2e2f27adb6671005f8a0701a33ff51",variant:"body1",as:"ul"},e("li",{key:"8012f87037f6b8b4bb8afa6c77873e94c1950479"},"First list item"),e("li",{key:"196b86d4dc911d87501ee2495bda2ce3b34206d2"},"Second list item"),e("li",{key:"f831813c16cd6983da84a9a69c58aabdc607f31e"},"Third list item")),e("udp-text",{key:"b740fda3e771e7d43573960565763c6152333d15",variant:"body1",as:"ol"},e("li",{key:"002fede92d5eab719f2a3c0f1d666bb27f8b64ff"},"First ordered item"),e("li",{key:"06967635ce93bf421d88614ffe358400a8cd1ae8"},"Second ordered item"),e("li",{key:"65ffbe713fce33858a6a3c3587fb294c4b789a6e"},"Third ordered item"))))),e("udp-tab-panel",{key:"45a8f86297f7746b6435d755ec2c1133a436128b",id:"menus",activeTabId:this.currentTab},e("div",{key:"b40f2e023bf3846e8fefbb3592db0fa4d5c6d745",style:{display:"flex",flexDirection:"column",gap:"2rem"}},e("div",{key:"476bbf9e2a4fb3ce10ebe556340d8d4850aee024"},e("udp-fluent-menu",{key:"1723b4834a9758edbcca81093e6a5cec97e4efe3",items:this.nestedMenuItems,label:"Nested Menu"})),e("div",{key:"a1c3192768d8058a8a1be1e19b52a18d86381093"},e("udp-fluent-menu",{key:"a5d0d6d70526a2a080cfeb2586904048cf6e3360",items:this.sectionedMenuItems,label:"Sectioned Menu",endIconName:"add"})),e("div",{key:"b10ebfa8165140c1c380c02362f0f5a3fd793594"},e("udp-fluent-menu",{key:"591c03942f02cb218ab6f44e067cfafa52d9c6d9",items:this.iconMenuItems,label:"Icons & Slots",startIconName:"grid_20_regular"},e("div",{key:"3c92bb02aaa63b4a24759bc9662b2ef2ac7bcf8a",slot:"slot-test-start",style:{color:"magenta",fontSize:"20px"}},"★"),e("span",{key:"11886300c26eb91fa2797c6553a57a53031e4bd6",slot:"slot-test-end",style:{backgroundColor:"red",color:"white",borderRadius:"4px",padding:"2px 6px",fontSize:"10px"}},"NEW"),e("span",{key:"c960fbd09a173d404328e717c42fe5b0a8c46b0d",slot:"end-slot-item-end",style:{color:"magenta",fontSize:"12px"}},"Custom"))),e("div",{key:"2da0beeb4a9c68241943fb10ea1c3710826d3f39",style:{display:"flex",justifyContent:"flex-end",border:"1px dashed #ccc",padding:"1rem"}},e("span",{key:"1b1e4adc006e01d20a27cac25e6a8b994ba82d9f",style:{marginRight:"auto"}},"Menu Overflow Test (far right):"),e("udp-tooltip",{key:"f6df39d6abbdb96ef92c7f0152f9bf38be3e26c0",positioning:"before",content:"More Options"},e("udp-fluent-menu",{key:"973a34084b0f4b2254fea30ec4f960359011fcfa",items:this.radioMenuItems,onCheckedChange:e=>console.log("Radio item changed:",e.detail),label:"Radio Groups",buttonType:"icon",endIconName:"more_horizontal_20_regular",shape:"circular",appearance:"transparent",openOnContext:!0}))),e("div",{key:"dc61a7b7d1616811692a04c5eaf06df4fba4a304"},e("h3",{key:"3622f32ac45a44cdaef2f78015d196cf0a3ff035"},"New Radio Group Example"),e("udp-fluent-menu",{key:"d49ea7dc154f771e110625a9e470b435d6425e2a",items:this.newRadioGroupItems,label:"Select Option",onCheckedChange:e=>console.log("New Radio Group Change:",e.detail)})),e("div",{key:"01a572e7669d29915c2a31646e966a7a632e0f91",style:{padding:"1rem",border:"1px dashed #ccc"}},e("h3",{key:"e57d303dcf0d97ee7e1aa14d844cd7009222edb1"},"Menu at Bottom (Testing onClick handlers)"),e("udp-fluent-menu",{key:"7f681c90cc0639dd0dd36a2c4bea9b58dc404893",items:this.checkboxMenuItems,onCheckedChange:e=>console.log("Checked changed:",e.detail),label:"Checkbox Groups",buttonType:"split",onPrimaryClick:()=>console.log("Primary clicked"),shape:"circular"},e("udp-icon",{key:"588c621f188b842489c3b18a31dd6c277ae3af55",slot:"start",iconName:"add"}))))),e("udp-tab-panel",{key:"21f5071b74f0a8aff41b6d8b9ddd21362b4ad55d",id:"grids",activeTabId:this.currentTab},e("udp-lazy-loader",{key:"d59277c8dfcec20c88e80c6f25e935f83aade4de",if:"grids"===this.currentTab,content:()=>e("client-side-grid",{columnDefs:[{field:"make"},{field:"model"},{field:"price"},{field:"model"},{field:"model"},{field:"model"}],rowData:[{make:"Toyota",model:"Celica",price:35e3},{make:"Ford",model:"Mondeo",price:32e3},{make:"Porsche",model:"Boxster",price:72e3}]})})),e("udp-tab-panel",{key:"d072ac55a895d68724cf9c360521cfbdcb8497cd",id:"dialogs",activeTabId:this.currentTab},e("div",{key:"f6f8b2c8b226cfae5b375de45b04c06e70fcb299"},e("udp-fluent-button",{key:"320f3bdf11d5be775c161fdc342021b05ee776de",onClick:()=>this.dialogOpen=!0},"Open Dialog"),e("udp-fluent-dialog",{key:"0d7ee1d853e9fdc8a0ba1a5a42748bb9423e122a",open:this.dialogOpen,dialogTitle:"Example Dialog",onDialogClose:()=>this.dialogOpen=!1},e("div",{key:"1bbdabce37bcba2a226bff3f330026eb3a399e7d"},"This is a simple dialog example."),e("udp-fluent-button",{key:"dd243af764034a07797f45c1b34b9073696cddff",slot:"action",onClick:()=>this.dialogOpen=!1},"Custom Close"),e("udp-fluent-button",{key:"e3b1c9d1c1799bcbaa5caf46f4b63cf9d5b034f5",appearance:"primary",slot:"action"},"Confirm")))),e("udp-tab-panel",{key:"ddcb67e518150d69ac9251871c8b15cb917ff2de",id:"cards",activeTabId:this.currentTab},e("div",{key:"a1eb48bfda83a6cfca6e6f4e3cfcf83f18240ca9",style:{display:"flex",flexDirection:"column",gap:"2rem",padding:"1rem"}},e("h3",{key:"461169f7cf01ee23606dd2cc44601fabd483b361"},"Cards"),e("h4",{key:"91aa8e47e36345dc0dc499cfdee6d67fe024ae4a"},"Basic & Outlined (Default)"),e("div",{key:"3d7854b88801d98cfeadb0f743263f554f2b7455",style:{display:"flex",gap:"1rem",flexWrap:"wrap"}},e("udp-fluent-card",{key:"e9f33aeb52b759035043fabebbf3becf814d0b79",appearance:"filled"},e("div",{key:"6859d2de42d9bf306da61d8f91dfaa542d7c02ee",slot:"header"},e("h3",{key:"31adc61d6095045bf26116f02d97bde5ace1a3a6",style:{margin:"0"}},"Basic Card"),e("span",{key:"634a72d5e1ab6b1d17a6f3c5e6efa39c06cc7144",style:{fontSize:"12px",color:"var(--colorNeutralForeground2)"}},"This is a basic outlined card")),e("span",{key:"917c4f0d682971a6f5491073d1b5cd8961aa7aaf"},"Card content goes here. The card handles its own slots for header, preview, and footer."))),e("h4",{key:"890e2e9624d48f9aa02456a4f825e59a12f67d16"},"Elevated & Media"),e("div",{key:"166377ffd58547343d1bc9e57a77dd27f771d6f3",style:{display:"flex",gap:"1rem",flexWrap:"wrap"}},e("udp-fluent-card",{key:"422b7aee00076d78708d84e7dd3d38ebbf223f51",appearance:"filled",interactive:!0,label:"With shadow & interactive",subtitle:"This card uses the filled appearance and has a preview image."},e("img",{key:"180f478de50268687c3f0f77bfe588a6415820bb",slot:"preview",src:"https://images.unsplash.com/photo-1557683316-973673baf926?w=600&h=400&fit=crop",alt:"Abstract gradient preview"}),e("span",{key:"953f2b2f4fd58f80f1a425c141bb749d930562ee"},"Card content"),e("div",{key:"e5fa6fb7027398f96e3d74e146e7ac5e7080d3c4",slot:"footer",style:{display:"flex",gap:"8px"}},e("udp-fluent-button",{key:"2bf45c4998ecd9c1bd03288b8fe6e08082a69778",size:"small"},"Action 1"),e("udp-fluent-button",{key:"78c6315ae39d912322db0176b4df98fb5c2a7c1c",size:"small",appearance:"outline"},"Action 2"))),e("udp-fluent-card",{key:"0911e2727a512ad10df9b1daa4be3b942b8b0ad7",appearance:"subtle",label:"Prop provided title",subtitle:"Prop provided subtitle"},e("span",{key:"b8397d19f2912285333e9c7d72931b61cbf6a097"},"This card uses the subtle appearance. Good for lists or less emphasized content."),e("div",{key:"9629fdd63012d6959e9f7569b27285bcd1df0e24",slot:"footer"},e("udp-fluent-button",{key:"3b564addf38bd6d47570f097dff2bfcd6752b0b7",appearance:"primary"},"Dismiss"))),e("udp-fluent-card",{key:"e3ca9abb75034ced782ce5e9a94b71b85e73daa6",appearance:"outline",label:"Card with Action",subtitle:"Header action example",width:"320px"},e("udp-fluent-icon-button",{key:"bcf92f6afc07cab0d821bccdc89df9ba31709cad",slot:"header-action",iconName:"more_horizontal_20_regular",appearance:"subtle",ariaLabel:"More options",onClick:()=>console.log("More clicked")}),e("span",{key:"cafd863e75fbd41ab5dbe51e17ceaaea3b43a9a6"},"This card demonstrates the header-action slot with an icon button.")),e("udp-fluent-card",{key:"ecdc47331393b92a8392d29a1f91b6e348cbabc9",appearance:"muted"},e("h4",{key:"5b79bac8feff0b4a99d37ccb5fcb5268302e60d4",slot:"header",style:{margin:"0"}},"Muted Card"),e("span",{key:"e8f470940f5d1389b236b8618fd03fccdaaa4656"},"Flat with subtle grey shading."))),e("h4",{key:"1a76d4ab9e63ab389deffbddf0279d7ec4b5b387"},"Horizontal & Sized"),e("div",{key:"5009f9a003c493dbd116ec8e100331b232a581c4",style:{display:"flex",flexDirection:"column",gap:"1rem"}},e("udp-fluent-card",{key:"d5abec3c66873b2c07b046eed5a130e7951cb818",orientation:"horizontal",width:"400px"},e("div",{key:"54762e2245d60204ffe57661a466870131463c3a",slot:"preview",style:{width:"80px",height:"100%",backgroundColor:"var(--colorNeutralBackground3)",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"24px"}},"📷"),e("div",{key:"e6417df08f6e797b775f1f826cc301384ba7c5ab",style:{display:"flex",flexDirection:"column",width:"100%"}},e("div",{key:"e446836ef65269e7295c5d4453b4ef807f22784f",slot:"header"},e("h4",{key:"276430d9fbb2b91c7af80de51a424f2948b97051",style:{margin:"0"}},"Horizontal Card")),e("span",{key:"a475cfb8145dcbde666d7998cbea7b2725a17ddb"},"Fixed 400px width."))),e("udp-fluent-card",{key:"fb2b9bcb74170c1afbe41c698fa8d34afd8d62b4",width:"300px",appearance:"filled"},e("div",{key:"391442658e74fc833896eb1a7b9c15f0498c8353",slot:"header",style:{display:"flex",justifyContent:"space-between"}},e("span",{key:"cc2870f1a66cdc51872bd09a7d3753e88f289f2f",style:{fontWeight:"600"}},"Fixed Width User"),e("udp-fluent-icon",{key:"cd7fd2869eadbc40affb71e8874ef0b0953a70d0",name:"person_20_regular"})),e("span",{key:"121f3d70203a40547e74fbf5ce51ee74af701800"},"Fixed width (300px), auto height. Reduced padding is no longer controlled by a prop."))),e("h4",{key:"e9aa72b490d18f03d2da4db8f5326b94022fcaf5"},"Complex Interaction"),e("div",{key:"44b51205590ab6e918d6d1335d21f332a9678dc8",style:{display:"flex",gap:"1rem",flexWrap:"wrap"}},e("udp-fluent-card",{key:"bcb4676121f0efa8e3fc3bc72fa75528274624da",interactive:!0,appearance:"outline",onClick:()=>console.log("Card clicked"),style:{width:"280px"},label:"John Doe",subtitle:"Software Engineer"},e("div",{key:"2b21017c6a504a87d8e05d6916467fe78f83e9bc",style:{width:"32px",height:"32px",borderRadius:"50%",backgroundColor:"var(--colorBrandBackground)",color:"white",display:"flex",alignItems:"center",justifyContent:"center"},slot:"header-start"},"JD"),e("udp-fluent-icon-button",{key:"b6b181737dca9dc355e30118f6bebe3cd39e24df",iconName:"more",slot:"header-action",shape:"circular"}),e("udp-fluent-icon-button",{key:"fe7f2fcea2442790c8d38432f745cac18a3b3ae7",iconName:"dismiss",slot:"header-action",shape:"circular"}),e("div",{key:"fdefa72ea2e21d8d136074eff076ac80e2495f5c"},"(div) Responsible for maintaining the core design system and ensuring accessibility compliance across all products."),e("udp-typography",{key:"fe2503439308c8ff6c8b482dfcf7bc2a6ff1f839",variant:"body1"},"(body1) Responsible for maintaining the core design system and ensuring accessibility compliance across all products."),e("udp-typography",{key:"eb6c3a2302c1829bd6a5064b2c761feedcc73e56",variant:"body2"},"(body2) Responsible for maintaining the core design system and ensuring accessibility compliance across all products."),e("udp-fluent-button",{key:"ad400a8b16dcd9afba6101e21f9823e05f84f292",slot:"footer",appearance:"primary",size:"small",onClick:()=>console.log("Profile clicked")},"View Profile"),e("udp-fluent-button",{key:"3a376128950ba9f1e903e08cbe2d0b6672c9eed9",slot:"footer",appearance:"outline",size:"small",onClick:()=>console.log("Help clicked")},"Help Center"))),e("h4",{key:"62e3cd55c34372b31207849077f68fe52f505d1a"},"Flex Layout (Grid System)"),e("div",{key:"7b7732b07c560e9c335d37988f629261427060b2",style:{display:"flex",flexDirection:"column",gap:"1rem"}},e("div",{key:"cf317cf2d46c4913f32b89f6f735626fc86fd9d4",style:{display:"flex",gap:"1rem"}},e("div",{key:"fa2cb998c3af9328f9a4514f14205bc05cc4e10b",style:{flex:"1"}},e("udp-fluent-card",{key:"b92d16435bf12dc28a1367b4178a929c2aa93a1d",width:"100%"},e("div",{key:"a71e539fb21f9db6926d27ccbc245327bb20209f",slot:"header"},e("h3",{key:"487932c783e203d9c43faf3c8813c6169ff02c7e"},"Card 1 (50%)")),e("span",{key:"fe9785f487744313452a68032cd0532614fe9e8a"},"Flex item 1"))),e("div",{key:"eebcc81b1d791df23e5f083c29856b2a2a4577d2",style:{flex:"1"}},e("udp-fluent-card",{key:"ff21b574c807048a0528faafb5192474fbc89add",width:"100%"},e("div",{key:"bc7fd546fd2096a1b9b6af081802f695e0898e9d",slot:"header"},e("h3",{key:"da183cde85fd4594b13701a6f130c2c5d74df17a"},"Card 2 (50%)")),e("span",{key:"9c6a4691ec6da5bd6ee01d80c74410c1a83c8784"},"Flex item 2")))),e("div",{key:"9a4440fb03fcf52790890e31f3b9b69918c797f8",style:{display:"flex",gap:"1rem"}},e("div",{key:"e42ef069016f8b9753cb62c1e8b573af206e6cf7",style:{flex:"1"}},e("udp-fluent-card",{key:"8ab6f7fd934cf244090ba965c6f8bfc781941ee1",width:"100%"},e("div",{key:"a2dfabf37bf46d270f4536521f935fbe2847374c",slot:"header"},e("h3",{key:"883ee64febef7cfc458595f9c0f15f3d65c73cdd"},"Card 3 (33%)")),e("span",{key:"61710d86a7f61159207473447d272eaa75976d2b"},"Flex item 3"))),e("div",{key:"24de91a517671c0ac3c4951e14f0fb8fb9cfdbe4",style:{flex:"1"}},e("udp-fluent-card",{key:"130b5ba19bb9092fd5ae0499b217635be12efcb9",width:"100%"},e("div",{key:"b83c7aefaf6c42db9ece9b527887db45bc43ab23",slot:"header"},e("h3",{key:"b20663588aee611d4d16ac9218f63aa370fde181"},"Card 4 (33%)")),e("span",{key:"a8bd26feb67acdd36a4c67b611d32f00ca47df1e"},"Flex item 4"))),e("div",{key:"838f03cbb2b945f7ef2df6c31122c563588a9df1",style:{flex:"1"}},e("udp-fluent-card",{key:"5f595387f21d8d88f206e75e49b77b7ec9955cbb",width:"100%"},e("div",{key:"807420f3ee09592a934055a28d0db0297d77ff4b",slot:"header"},e("h3",{key:"1475a642682d98fa63d51fbe367c1ebd4807dc2b"},"Card 5 (33%)")),e("span",{key:"87f571d9c1af0e93079965f7aeef8ee5ad0e6ad2"},"Flex item 5"))))))),e("udp-tab-panel",{key:"964842e0b3a4cbd94b4141ffc25193858c50f572",id:"chips",activeTabId:this.currentTab},e("div",{key:"225a4486d0dbf15cc276fe521329457eef489995",style:{padding:"24px",display:"flex",flexDirection:"column",gap:"24px"}},e("h4",{key:"0e053d482db75c08a76942360b442b5cc02e7275"},"Filled Chips"),e("div",{key:"146273935e944847f61b7f7697242beb81b4ebee",style:{display:"flex",gap:"8px",flexWrap:"wrap"}},e("udp-chip",{key:"e5b26f87b3657073aa8cb05bc1c00a38e507905f",label:"Basic Chip",variant:"filled",color:"gray"}),e("udp-chip",{key:"eb81ec37f130f58205dc39755630be65e377e84d",label:"Primary",variant:"filled",color:"primary"}),e("udp-chip",{key:"9297a2d52de343c81f58a05cf200442b686fd861",label:"Success",variant:"filled",color:"success"}),e("udp-chip",{key:"33561994245752eefa5db500406dcf9e072da9cb",label:"Warning",variant:"filled",color:"warning"}),e("udp-chip",{key:"425e2c73aac1ecd247d8bfcc8e8f60ee093872a7",label:"Error",variant:"filled",color:"error"})),e("h4",{key:"1f69ade6d5667c0473c1e4a08ce23a4e34057eea"},"Outlined Chips"),e("div",{key:"e7b9b1b0d02ffadda37c8f26b68be0b0cbb7a47f",style:{display:"flex",gap:"8px",flexWrap:"wrap"}},e("udp-chip",{key:"fa9956e73eb95865d77e2078a883304a86b0043c",label:"Basic Chip",variant:"outlined",color:"gray"}),e("udp-chip",{key:"0ccd52c651712ce2118ce45a4c7c8b87df1f797a",label:"Primary",variant:"outlined",color:"primary"}),e("udp-chip",{key:"8b2cd4958fd6ca16283e3228c8feeacb6cc32749",label:"Success",variant:"outlined",color:"success"}),e("udp-chip",{key:"616ff6bf8d429eba85c9d987346190044f596adc",label:"Warning",variant:"outlined",color:"warning"}),e("udp-chip",{key:"73d44013707297d0c87183b20ca19af9e2801792",label:"Error",variant:"outlined",color:"error"})),e("h4",{key:"21679eca47c93fcfd82749b6f93c20182c10328d"},"With Icons & Deletable"),e("div",{key:"8e04eb7665c057e16c077c9266e760416b34e8ae",style:{display:"flex",gap:"8px",flexWrap:"wrap"}},e("udp-chip",{key:"019324e55e95daf7e34b29fe5feaa276ea5ab331",label:"Person",startIcon:"person_20_regular",variant:"filled",color:"primary"}),e("udp-chip",{key:"b290714f8632c7d97b4754f58793dfc555c5d430",label:"Deletable",variant:"filled",color:"gray",deleteButton:!0,onChipDelete:e=>console.log("Delete:",e.detail)})),e("h4",{key:"2912f871b377eab23093a96d466714e882db71dd"},"Sizes"),e("div",{key:"c224045dea9ce3156e5dce880713663ed80ff95a",style:{display:"flex",gap:"8px",flexWrap:"wrap",alignItems:"center"}},e("udp-chip",{key:"7e7de92373b3e3682a7dffd131ce33f930ccdf6d",label:"Medium (Default)",size:"medium"}),e("udp-chip",{key:"134cb42babbb7a188a47f30ab874e59c82dc8127",label:"Small",size:"small"})))),e("udp-tab-panel",{key:"933e752eeb0c36241524250da23506476fa6bb8e",id:"forms",activeTabId:this.currentTab},e("div",{key:"2ba7bb0419e5c853777e31df6ea97aabe7f1a634",style:{padding:"24px",display:"flex",flexDirection:"column",gap:"40px"}},e("div",{key:"51d0c22548068cd16dde401b1dd2985960bcdbf7"},e("h3",{key:"317a643057a9f7492eaf222d6cdfe2754b7132e9"},"1. Registry Pattern (Sidesheet)"),e("p",{key:"282ba59c491a7183e404c89b7e75a6627a388ae5"},"Button in drawer footer auto-connects to form via ",e("code",{key:"688d73aa6abbc304d9d09bbffc3fc4a1801b48ad"},"formId"),"."),e("div",{key:"4477b466e619006c756bf06dc5700b05fa8b3e67",style:{marginTop:"16px"}},e("udp-fluent-button",{key:"6fdb069619d41d51188d0f9a443a196feda478af",appearance:"primary",onClick:()=>this.formDrawerOpen=!0},"Open Registry Form Drawer"))),e("hr",{key:"ab77230af7fae409ee61b02f4076a55d3ea251cf",style:{width:"100%",borderColor:"#eee"}}),e("div",{key:"df957357cddcb06ec14059bdc626788c7c5a29a2"},e("h3",{key:"b288d29026d5e77818d70efaba78237114d53d1d"},"2. Legacy Manual Wiring (Sidesheet)"),e("p",{key:"bf0a674213e50d2bb977eb3338ddced5ea0ac02f"},"Parent component manually listens to ",e("code",{key:"549bad703fc53ee90c8f79a20d17a36152323c75"},"formReady"),", tracks validity state, and calls ",e("code",{key:"db3e33a99e57b9d187ce408a4eac0b1eb1ed36a8"},"submit()"),"."),e("div",{key:"33bb525f130150e1eb9d020fd47207bcf5f86d34",style:{marginTop:"16px"}},e("udp-fluent-button",{key:"11ebd23529b52a595cc65a73e5905bed1025ef10",appearance:"outline",onClick:()=>this.manualDrawerOpen=!0},"Open Manual Form Drawer"))),e("hr",{key:"4c98e4dfe64624e47ce6af2fbeb68a54f12efc95",style:{width:"100%",borderColor:"#eee"}}),e("div",{key:"bdd614c76561a4c1fcbdc1c4179d2d316b0d4653"},e("h3",{key:"721d5c97dce29b5aaa068bc96a57d070d692887d"},"3. Inline Form"),e("p",{key:"fb803bfba8e806b66bdf4bf5b860d2f1497c224c"},"Form embedded directly in the page. Uses registry pattern for the external submit button."),e("div",{key:"e19f7098bff2e118913785b98a1acc35265fa3b7",style:{border:"1px solid #e0e0e0",padding:"24px",borderRadius:"8px"}},e("div",{key:"d501a205c2dbe5d1eb422871469333a96c76290e",style:{marginTop:"16px",display:"flex",justifyContent:"flex-end"}},e("udp-fluent-button",{key:"16389d1465f8f774a86482db476cd01aedb48033",appearance:"primary",form:"inline-form",type:"reset"},"Inline Reset")))))),e("udp-tab-panel",{key:"c4031de01c0230a17465c7a38ed3d4ca5f586157",id:"calendar",activeTabId:this.currentTab},e("div",{key:"d57cfb3bd0f74781ed4f457b0ea2e99f871f29d8",style:{padding:"24px",display:"flex",flexDirection:"column",gap:"32px"}},e("div",{key:"a76894d0c1a4ab636ac5030a92d0d467ce434ceb"},e("h3",{key:"ade00e11965d5bf44d760c61ee1a3866786efaed"},"Date Range Selector (Fluent2 Styled)"),e("p",{key:"8ae9976cebc6f67cc1925dbf382a2af8195b36da",style:{color:"var(--colorNeutralForeground2)",marginBottom:"8px"}},"Calendar component with month/year view navigation. Click the header to switch views.")),e("div",{key:"239cf3a6fe6ab428e22b7d23ba812cd0afd6c168",style:{display:"flex",gap:"48px",flexWrap:"wrap"}},e("div",{key:"81aca047578c3d01e7223150175013a78b6e8455"},e("h4",{key:"6c793499baf881f8c94c79515ac56155159b1ec3",style:{marginBottom:"8px"}},"Single Date (sm)"),e("udp-date-range-selector",{key:"b2086f99773ab591fb18fd010fe6e62cf1d5f77c",variant:"single",monthsToDisplay:1,size:"sm",onChange:e=>this.singleDateValue=e.detail}),e("p",{key:"9eac84f75eeff0b9f72f3771d3d5295d55b824ac",style:{fontSize:"12px",color:"var(--colorNeutralForeground3)",marginTop:"8px"}},"Value: ",e("code",{key:"0184d55348988efe295edb8b5dfee5f2d7d672c3"},this.singleDateValue||"(none)"))),e("div",{key:"aa95eca16d1aba0e493b7c9041ae495f60bd1d25"},e("h4",{key:"e425d6f78306c0fba452f44de5af7a7aa1d330b1",style:{marginBottom:"8px"}},"Multi-Select (md)"),e("udp-date-range-selector",{key:"c6b7b79e3c4e47a66758dab40bb1e99ba6297254",variant:"multi",monthsToDisplay:1,size:"md",onChange:e=>this.multiDateValue=e.detail}),e("p",{key:"572d9ed1a46ba24ad7ccea2f24e3c0ca49df47ac",style:{fontSize:"12px",color:"var(--colorNeutralForeground3)",marginTop:"8px"}},"Value: ",e("code",{key:"7cfe88f218a918facfd8da81c46ec1c7449627c4"},this.multiDateValue||"(none)")))),e("div",{key:"9476e8b62b7ae1bf4903367d8924cea4e920956d"},e("h4",{key:"93d113d30b3586a8c37c9076be4389022b851af7",style:{marginBottom:"8px"}},"Date Range (lg, 2 months)"),e("udp-date-range-selector",{key:"268d3d1dbd6f23d6fb1179991098e36d1d82fb04",variant:"range",monthsToDisplay:2,size:"lg",orientation:"horizontal",onChange:e=>this.rangeDateValue=e.detail}),e("p",{key:"a898c6cf04471f0110dd727580cd46dd279dc31e",style:{fontSize:"12px",color:"var(--colorNeutralForeground3)",marginTop:"8px"}},"Value: ",e("code",{key:"11cffef67620b25875d06854923eee4d88b32d85"},this.rangeDateValue||"(none)"))),e("div",{key:"5d0c40e73a178845e0cfb32cc83b0cc750ea366b"},e("h3",{key:"ae8683c4ae2c7477e91777d9f1cbd24da1cfd76e",style:{marginTop:"16px"}},"Date Picker (Native)"),e("p",{key:"14136a40f8a4e95ec3e70d9b0c0f8fc784c1bb08",style:{color:"var(--colorNeutralForeground2)",marginBottom:"16px"}},"For simple single date selection, the native date input provides quick month/year navigation."),e("div",{key:"7afa9a2f0132bc34947498e93e56a9f30c7c1ba6",style:{display:"flex",gap:"24px",flexWrap:"wrap"}},e("udp-date-input",{key:"0b279bd4ec5d320aeb903df77a8520b7403aa80d",label:"Date",appearance:"outline"}),e("udp-date-input",{key:"1e703deda9a5fcdabde2f8998349b2d696161c47",label:"Date & Time",appearance:"outline"}))),e("div",{key:"da8cf4c84ec28c8330898f7b0b366c62a8e961a5"},e("h3",{key:"13ad57ac22a9b8cbe4a03adc4ca6a77b20a1a59a",style:{marginTop:"24px"}},"Popover Component"),e("p",{key:"090804cb882989f0689ebe86c09f25357549a142",style:{color:"var(--colorNeutralForeground2)",marginBottom:"16px"}},"Generic popover using native Popover API and CSS Anchor Positioning."),e("div",{key:"d514fcb39a2881c35684b03b9c75fd22c7b5a91d",style:{display:"flex",gap:"24px",flexWrap:"wrap",alignItems:"flex-start"}},e("udp-popover",{key:"baee48c3abd510ff7733b9a78b0821886b4bb93f",position:"bottom-start"},e("udp-fluent-button",{key:"0c0ada95d79fcaec9e9dde8ced183ccd2bf21a93",slot:"trigger",appearance:"outline"},"Open Popover"),e("div",{key:"b673b02063a8bcdd0cc04d28325bbff7195cf556",slot:"content",style:{padding:"16px",minWidth:"200px"}},e("p",{key:"7d1025ff5ce06e01432ae6cfbb6d16f1a217b344",style:{margin:"0 0 8px 0",fontWeight:"600"}},"Popover Title"),e("p",{key:"e58314795b4d5f2a0b4aba102291c5139ef19a75",style:{margin:"0",color:"var(--colorNeutralForeground2)"}},"This is popover content. Click outside to close."))),e("udp-popover",{key:"61a9929f8362d95205f807aca53fec33c1f9cb50",position:"bottom-start"},e("udp-fluent-button",{key:"b74ce625ae37a9ec5f5964097f40bf4e27540229",slot:"trigger",appearance:"primary",startIconName:"calendar"},"Date Picker Popover"),e("div",{key:"016fb3bb20c191299f87e964821fa03514aff0c8",slot:"content",style:{padding:"8px"}},e("udp-date-range-selector",{key:"1044c57d2c60f55c311fd0ec631c82b209e5b1e1",variant:"single",monthsToDisplay:1,size:"sm"}))),e("udp-popover",{key:"1d1bbcf2096e19d550d902a53aee357796c8b7f8",position:"right"},e("udp-fluent-button",{key:"196c84f90020b37a72829b54f38196c54f60ac0c",slot:"trigger",appearance:"subtle"},"Right Position"),e("div",{key:"8652a1b86dbff41cc7f1e0aed16c0247a76759d0",slot:"content",style:{padding:"12px",minWidth:"150px"}},"Positioned to the right")))))),e("udp-tab-panel",{key:"32224be4c12ba503698dfc4299489e1f850f8970",id:"popover",activeTabId:this.currentTab},e("div",{key:"df1923bc1f8d87d6d1dbc0e39d7313ade2f442f3",style:{padding:"24px",display:"flex",flexDirection:"column",gap:"32px"}},e("div",{key:"de78599b62074890996a9f0b7106a2caf5e0a76b"},e("h3",{key:"fa5e1134c795219324a6c18c672ae00b153e8c16"},"Popover Component"),e("p",{key:"349aab9138858af853addd096cbc0efba1058d02",style:{color:"var(--colorNeutralForeground2)",marginBottom:"8px"}},"Generic popover using native Popover API with JavaScript positioning. Follows Fluent 2 Design System guidelines.")),e("div",{key:"0ec085fd6187abe25ef865493bd0d742860e14fb"},e("h4",{key:"abc70a93436f57ade92f1fede7760da9f08b10a6"},"Basic Usage"),e("div",{key:"309cd090c58e89db45aacd97f45d4be364b71cc8",style:{display:"flex",gap:"16px",flexWrap:"wrap"}},e("udp-popover",{key:"2389e4690bd6d0a5a8a969b701e6960df643abf2"},e("udp-fluent-button",{key:"215847df3af948b28c26663ee6e8d591ffa721ad",slot:"trigger"},"Default Popover"),e("div",{key:"15713b88dff46228c61ec60b655fd750cd825555",slot:"content"},e("h4",{key:"dc12ab74b240312f0ad4a93e15b6216e0d211d7e",style:{marginTop:"0px"}},"Popover Title"),e("p",{key:"c40374b77cd3c413c889b11243fff435d79e1410",style:{marginBottom:"0px"}},"This is popover content. Click outside to close."))),e("udp-popover",{key:"49b591fe69268f355e783e2121ba0700565fbac7",position:"top"},e("udp-fluent-button",{key:"bcf771e569a713995342f381ce15d95805da0b31",slot:"trigger",appearance:"outline"},"Top Position"),e("div",{key:"16f881adf8a80464e6493eb001a9b7c8530a598a",slot:"content"},e("p",{key:"c56be14ceb4b0b745b3d501828fcf81bb7959845",style:{margin:"0px"}},"Positioned above the trigger"))),e("udp-popover",{key:"17429ce24610062761721adba1b0e1360d3435a0",position:"right"},e("udp-fluent-button",{key:"ea0c27b5ad3ef80e87b444ee516c1ab78061f7b5",slot:"trigger",appearance:"subtle"},"Right Position"),e("div",{key:"0e31b7751096b3c21e1ba742c9128e58e78a977a",slot:"content"},e("p",{key:"3b28a0e7fd294e958af0ae3f7ae611f6fd40ad39",style:{margin:"0px"}},"Positioned to the right"))))),e("div",{key:"f1b870262e56f2b7c0c6b62cad6c4ec1ee6bcea3"},e("h4",{key:"d08ed6b40a1a17ad446c5da47235a5a021a0ae87"},"With Arrow"),e("p",{key:"b0669021c90234a102a2758e2c85b6cf7d0a40c5",style:{fontSize:"14px",color:"var(--colorNeutralForeground3)"}},"Display an arrow pointing from the popover to the trigger."),e("div",{key:"148494b3afc0e4a4498e176de2f3f53f120377ab",style:{display:"flex",gap:"16px",flexWrap:"wrap"}},e("udp-popover",{key:"71cd4042402d54503e10a0b3b778273a44708a86","with-arrow":!0},e("udp-fluent-button",{key:"afdb81992187c7e90a31775f91dd7c7602626550",slot:"trigger"},"Default Arrow"),e("div",{key:"e23966673d45422677b2f9d20e059f3eba15a86f",slot:"content"},e("p",{key:"dee67f67e84adb4224962db86eafb13006a73c5b",style:{margin:"0px"}},"Popover with arrow"))),e("udp-popover",{key:"30397d03de10b21a857bc47bf5caf88349c2fb0a","with-arrow":!0},e("udp-fluent-button",{key:"f30d696cae00645eb9559cd199acc3666e51eeab",slot:"trigger",appearance:"primary"},"Brand Arrow"),e("div",{key:"cab059aeec07465c05ac1fe3fee9a3556516abb7",slot:"content"},e("p",{key:"00dd51a1ea338445fa2b927632426e9b1a22af0e",style:{margin:"0px"}},"Brand popover with arrow"))),e("udp-popover",{key:"27aca32e7bdbd3a90bd00c826c87ef4c8d0fe047","with-arrow":!0,position:"top"},e("udp-fluent-button",{key:"e0849cd9bd6b381ea93d1e11c9fae80dba62a394",slot:"trigger",appearance:"outline"},"Top Arrow"),e("div",{key:"d19a4b3097a7b74ca70522849035b0ff2c301c31",slot:"content"},e("p",{key:"49c6eef9b0ba971942f85f544f4008262d485453",style:{margin:"0px"}},"Arrow on top position"))))),e("div",{key:"a2fba4fe01f12ce3ec791b940789b33fc58d2692"},e("h4",{key:"fb5d56e7b993789e46008144fe2408075d874120"},"Size Constraints"),e("p",{key:"ec6b9c33685c2c94c572342357e8a805c27c9e0a",style:{fontSize:"14px",color:"var(--colorNeutralForeground3)"}},"Optional max-width constraints. Without size, popover grows to fit content."),e("div",{key:"d05cc708230095259f253846cbbac0a940a30160",style:{display:"flex",gap:"16px",flexWrap:"wrap"}},e("udp-popover",{key:"12baa8d16f25afa6c3d28670f83c9eb5121d6c8a",size:"small"},e("udp-fluent-button",{key:"ab5016650f2d00ce84f97cf1e200d0615b42b8a0",slot:"trigger"},"Small (320px)"),e("div",{key:"c7c816bbe8137bdde9ff705886e0a7d6ee6f2c3c",slot:"content"},e("p",{key:"79f129f1a55f1ed1f863b9c9b2513bc3bb167a15",style:{margin:"0px"}},"This is a small popover with max-width of 320px. The content will wrap if it exceeds this width."))),e("udp-popover",{key:"ee49c32415153273e4fdaa53729c0f5f7a364d84",size:"medium"},e("udp-fluent-button",{key:"9070dd1f95a829200e6174fc835696bb63bcae29",slot:"trigger"},"Medium (480px)"),e("div",{key:"fb780656ef0e681cd2c8abf0ad79c8cb8aabf063",slot:"content"},e("p",{key:"92109f351fe02b2d9e464119dcf28157d5900b6b",style:{margin:"0px"}},"This is a medium popover with max-width of 480px. The content will wrap if it exceeds this width. This gives you more room for content."))),e("udp-popover",{key:"1312dae79483ae04cfe25cb94fafcb15b8a4ba41",size:"large"},e("udp-fluent-button",{key:"5af2687fba9b0e61ae9ae9ad7c8c535795f6437f",slot:"trigger"},"Large (640px)"),e("div",{key:"070844d44ac39ce22328507251a4b270a0402feb",slot:"content"},e("p",{key:"447edcc4cdd8ea9cb18683cd84e9b4821a43008e",style:{margin:"0px"}},"This is a large popover with max-width of 640px. This size is suitable for more complex content that needs additional space while still maintaining good readability and layout."))))),e("div",{key:"1106f68b226ad63b7a3205408207cdcb15457812"},e("h4",{key:"98c88f79d70524359a9b8bf39907ac8c5bb1d5fb"},"Trap Focus (Accessibility)"),e("p",{key:"d0fcb4a98269e5db035986f9959807bada8b0bbe",style:{fontSize:"14px",color:"var(--colorNeutralForeground3)"}},"When trapFocus is enabled, keyboard navigation is restricted to the popover."),e("div",{key:"66c307a29bf5b3db9b20aa6d64d1e61e20e22e1b",style:{display:"flex",gap:"16px",flexWrap:"wrap"}},e("udp-popover",{key:"327314e4256e88715247406857c0a3f60933a24f",trapFocus:!0},e("udp-fluent-button",{key:"fb7482ef7a513c88c7372663aa3f293f729df544",slot:"trigger"},"Trap Focus"),e("div",{key:"71219e293802ec5f6ea566374589bf6e4c5d26ef",slot:"content"},e("h4",{key:"9b5e264fa3f88d1442740d1d66cbc1cea27d1717",style:{marginTop:"0px"}},"Modal Popover"),e("p",{key:"2d156cdfef4194e95738ae4d5dd7777f7dca119a"},"This popover traps focus. Press Escape to close."),e("div",{key:"828667f0ffcaa14848140c4307e9fffaa2a10c17",style:{display:"flex",gap:"8px"}},e("udp-fluent-button",{key:"87f7af81b74a38ea013151f37042159c7ba1ebd6",size:"small"},"Action 1"),e("udp-fluent-button",{key:"0f94b6cc584004ce1fb5cb06418fab83a9bdf4aa",size:"small",appearance:"outline"},"Action 2")))))),e("div",{key:"6e46b315c6fc725a62bd77cccbca3b73a4ee981e"},e("h4",{key:"0e053b34f9ec82147ebb5d3887c891d7ce430a2a"},"Advanced Examples"),e("div",{key:"c56987b0cd19ad2186992deb806602ba7445fb45",style:{display:"flex",gap:"16px",flexWrap:"wrap"}},e("udp-popover",{key:"73a88abe2fc9fe39bcbfaef4f9091356a25e0baa",position:"bottom-start","with-arrow":!0},e("udp-fluent-button",{key:"95aa8157bcaf5d4e4676af8df62dd3417b3766cd",slot:"trigger",startIconName:"calendar"},"Date Picker"),e("div",{key:"fe3b48bace501833e82f23a98e2ceeff6a8617db",slot:"content",style:{padding:"8px"}},e("udp-date-range-selector",{key:"d24cf7f68d4d3e3eceb5915a170789994e70050b",variant:"single",monthsToDisplay:1,size:"sm"}))),e("udp-popover",{key:"adc83170b5fef6161a2b733cbc5a8117f1e4eb73",size:"medium","with-arrow":!0},e("udp-fluent-button",{key:"b2206fd4150be2f9ba62e821f56dbade81c257f6",slot:"trigger"},"Rich Content"),e("div",{key:"a533b23283097f5495d0151ee0f93b6890e21b77",slot:"content"},e("h4",{key:"167daeb178d8cf35fb63b0f592cf5856667732d2",style:{marginTop:"0px"}},"Feature Update"),e("p",{key:"68717bc1995273cb80a46bb080b0c17da85db066",style:{fontSize:"14px"}},"New features are now available! Check out the latest updates to improve your workflow."),e("udp-fluent-button",{key:"384035590f4155351c85acb101db1a32b360a036",size:"small"},"Learn More"))),e("udp-popover",{key:"8b78209e59153e19061b5aaae79a940b928d9898","close-on-scroll":!0},e("udp-fluent-button",{key:"ec078c2a75da1d260a1e0a351770a905a28506d6",slot:"trigger"},"Closes on Scroll"),e("div",{key:"056b4561b2484838879632e49356dd495c52f089",slot:"content"},e("p",{key:"bd8e8442a9fab33b2790e065309cc1ba389e587b",style:{margin:"0px"}},"This popover will close when you scroll the page."))))))))),e("udp-fluent-drawer",{key:"5ab4d3eb2cb6adba88ebd6800dd9cee4fad3103c",open:this.drawerOpen,onDrawerClose:()=>this.drawerOpen=!1,drawerTitle:"Drawer Title"},e("udp-lazy-loader",{key:"1b58126c058d478dec5bb7857208a70f201156af",if:this.drawerOpen,content:()=>e("div",null,e("client-side-grid",{columnDefs:[{field:"name"},{field:"age"},{field:"name"},{field:"name"},{field:"name"},{field:"name"},{field:"name"}],rowData:[{name:"John",age:30},{name:"Jane",age:25}]}),e("udp-fluent-button",{onClick:()=>this.drawerOpen=!1},"Close Drawer"))})),e("udp-fluent-drawer",{key:"16f8cc6b49ca49a6c5fe94d593390bc8dc9e87fb",open:this.formDrawerOpen,onDrawerClose:()=>this.formDrawerOpen=!1,drawerTitle:"Sample Form",size:"large"},e("udp-lazy-loader",{key:"bf77fd0dde42b809e56490881d4bc1e19790ab85",if:this.formDrawerOpen,content:()=>e("div",{style:{display:"flex",flexDirection:"column",gap:"16px"}},e("div",{style:{display:"flex",gap:"8px",flexWrap:"wrap"}},e("udp-fluent-button",{appearance:"outline",onClick:()=>this.secondDrawerOpen=!0},"Open Second Drawer")),e("test-form",{handleSubmit:this.handleSubmit,formId:"registry-drawer-form"}))}),e("udp-fluent-button",{key:"d40fca17c87c7e852a40037ea8b83d37c59490a9",appearance:"primary",slot:"footer",form:"registry-drawer-form",type:"submit"},"Submit Form"),e("udp-fluent-button",{key:"99d6c6a9bb73b12c91838883c59aa2912f018228",slot:"footer",form:"registry-drawer-form",type:"reset"},"Reset Form")),e("udp-fluent-drawer",{key:"d70876c7815a09985c6d4631a80269c136d5dff5",open:this.manualDrawerOpen,onDrawerClose:()=>this.manualDrawerOpen=!1,drawerTitle:"Form (Manual Wiring)"},e("udp-lazy-loader",{key:"cc72088e57ec6df26ffa5bb4d4f72e85bdcf82d2",if:this.manualDrawerOpen,content:()=>e("test-form",{handleSubmit:this.handleSubmit,onFormReady:this.handleManualFormReady})}),e("udp-fluent-button",{key:"31c4e117a65db305d61f3ae71e9def3acfc90a9e",appearance:"primary",slot:"footer",disabled:!this.manualCanSubmit,onClick:()=>{var e;null===(e=this.manualFormInstance)||void 0===e||e.submit()}},"Submit (Manual)")),e("udp-fluent-dialog",{key:"f8c40ae3fe9e603f7b10f7465d071d99db4dd026",open:this.drawerDialogOpen,dialogTitle:"Dialog from Drawer",onDialogClose:()=>this.drawerDialogOpen=!1},e("div",{key:"0bbfbaea2485b206d0c79ebaaa9b39b2d149d171"},"This dialog was opened from inside the drawer!"),e("div",{key:"fa6699d36a79136655fe71da769b6ee63ae5b4cc"},e("p",{key:"972a6a4a5c3e650fd8fb6f9fd2213e75890f5ff2"},"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."),e("p",{key:"ee0daa3e2f7b9c9b97cb6a1592ba5a6f2337c107"},"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem."),e("p",{key:"89f1e118e34429c79cea4624c48bf0813dfd7890"},"Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?")),e("udp-fluent-button",{key:"7f5bdc86b1d37bb52f343be37bde7c81b547b0ee",slot:"action",onClick:()=>this.drawerDialogOpen=!1},"Close"),e("udp-fluent-button",{key:"25be316897d60feedc8c12ff00b21f3adf073d31",appearance:"primary",slot:"action"},"Confirm")),e("udp-fluent-drawer",{key:"62be21084f28613fe954ba943a0bb36a137c889c",open:this.secondDrawerOpen,onDrawerClose:()=>this.secondDrawerOpen=!1,drawerTitle:"Second Drawer (Nested)",size:"medium"},e("div",{key:"1923c71e9c7aca3a963d5d86183393c5eee60457",style:{display:"flex",flexDirection:"column",gap:"16px",padding:"16px"}},e("p",{key:"b13caa017a7f11d4b0a2c1042c47bf69699c950f"},"This is the second drawer opened from within the first drawer."),e("div",{key:"c5a39af6039317c3bf671a6ab9d21c7c3c54abfa",style:{display:"flex",gap:"8px",flexWrap:"wrap"}},e("udp-fluent-button",{key:"e4ccbe3179d8a26a6f6f169a9107a8924eec3cfc",onClick:()=>this.secondDrawerDialogOpen=!0},"Open Dialog from Second Drawer"),e("udp-fluent-button",{key:"ae2cba5361ac6d6240928172a72820e9da986f18",appearance:"outline",onClick:()=>this.thirdDrawerOpen=!0},"Open Third Drawer")),e("p",{key:"4406f7255aa566c9eda9f3fdee78a1ac36910540"},"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."),e("p",{key:"9fc1c451b7f0ab489755c6db43334687a39fb6dd"},"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem."),e("p",{key:"8fa89a3293677daf7c443584c12a0c793d941547"},"Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?"),e("p",{key:"3b7b60f24933474c2314da540929daf681b4b50e"},"At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus."),e("p",{key:"ef1228a69bf639931b4e0b5256e2377d7041bef9"},"Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.")),e("udp-fluent-button",{key:"55b5f458a18d307a31cbb8ef009e06ff37bca9fe",appearance:"primary",slot:"footer",onClick:()=>this.secondDrawerOpen=!1},"Close Second Drawer")),e("udp-fluent-drawer",{key:"78cb98deee2f37629a38eb330dfde513eae92524",open:this.thirdDrawerOpen,onDrawerClose:()=>this.thirdDrawerOpen=!1,drawerTitle:"Third Drawer (Deeply Nested)",size:"small"},e("div",{key:"a2da7cf7abeeda0dfa00f1a84e1a70d840dfa82e",style:{padding:"16px"}},e("p",{key:"bca06e1eff9c54553810d20317c1973355077c32"},"This is the third drawer! Three levels deep."),e("p",{key:"336986be66d7b3292cef84d186b7da6561badfdc",style:{fontSize:"14px",color:"var(--colorNeutralForeground2)"}},"Testing the drawer stacking and body scroll lock mechanism with multiple drawers."),e("p",{key:"bc85d911652d7a31f6982d5e1e2d3bb71efaba07"},"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."),e("p",{key:"10c49ea595ad50691241d152f06b2307bf47b2e0"},"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt."),e("p",{key:"e441232b860741a3a99c422de55768a4021fb4f0"},"Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur?"),e("p",{key:"bc5f93574f0faf049126ea697b34a513e12c11f4"},"Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur? At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident."),e("p",{key:"a6e02ecb397559113a95ad99ce12966a42184089"},"Similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus.")),e("udp-fluent-button",{key:"375e5901be524643740d386044ed120fd11943e4",appearance:"primary",slot:"footer",onClick:()=>this.thirdDrawerOpen=!1},"Close Third Drawer")),e("udp-fluent-dialog",{key:"6c77457252d669a8ee972e5726948182b95c8c45",open:this.secondDrawerDialogOpen,dialogTitle:"Dialog from Second Drawer",onDialogClose:()=>this.secondDrawerDialogOpen=!1},e("div",{key:"76c7000aeba22fdfb8a8f6eaa195527ae2b8630f"},"This dialog was opened from the second drawer!"),e("p",{key:"cc87bef32a39e7b8629b50be195f9b4de611ee39"},"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."),e("p",{key:"d18f1e17b73346663c9c985c4b10f8c6c18ab7eb"},"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem."),e("p",{key:"9e396ec3e757dd9df60d295b353bd55a31b9c83b"},"Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?"),e("udp-fluent-button",{key:"29b8576af3600d53647428317c68c500400fc1ec",slot:"action",onClick:()=>this.secondDrawerDialogOpen=!1},"Close"),e("udp-fluent-button",{key:"4eff0e187aa08a7be9474c5f1d5a3191fbd5f477",appearance:"primary",slot:"action"},"Confirm")))}},me=e=>{if(e&&!e.includes("!"))return"You must include an exclamation mark (!)"},ve=[{label:"Dog",value:"dog"},{label:"Cat",value:"cat"},{label:"Mouse",value:"mouse",disabled:!0},{label:"Rabbit",value:"rabbit"},{label:"Turtle",value:"turtle"},{label:"Snake",value:"snake"},{label:"Lizard",value:"lizard"},{label:"Fish",value:"fish"},{label:"Bird",value:"bird"},{label:"Elephant",value:"elephant"},{label:"Giraffe",value:"giraffe"},{label:"Kangaroo",value:"kangaroo"},{label:"Monkey",value:"monkey"},{label:"Penguin",value:"penguin"},{label:"Pig",value:"pig"},{label:"Rat",value:"rat"},{label:"Sheep",value:"sheep"},{label:"Tiger",value:"tiger"},{label:"Wolf",value:"wolf"},{label:"Zebra",value:"zebra",icon:"add"}],ge=[{value:"red",color:"#ff0000",label:"Red"},{value:"orange",color:"#ff8c00",label:"Orange"},{value:"yellow",color:"#ffcc00",label:"Yellow"},{value:"green",color:"#008000",label:"Green"},{value:"blue",color:"#0000ff",label:"Blue"},{value:"indigo",color:"#4b0082",label:"Indigo"},{value:"violet",color:"#ee82ee",label:"Violet"},{value:"white",color:"#ffffff",label:"White"},{value:"black",color:"#000000",label:"Black"}],ye=class{constructor(e){t(this,e),this.formReady=i(this,"formReady",7),this.controlRequired=!1,this.controlDisabled=!1,this.controlReadonly=!1,this.controlAppearance="outline",this.controlSize="medium",this.formData={},this.isLoading=!0,this.validateForm=e=>(console.log(e),{}),this.handleFormReady=e=>{this.formReady.emit(e.detail)},this.handleFormSubmit=e=>{this.handleSubmit(e)},this.searchFunction=async e=>{const t={filterElements:[{searchValue:e,searchField:"firstName",searchOperator:"LIKE"}],pageNumber:1,pageSize:10};return(await D("POST",`${I.productV1ApiUrl}/actor/search`,t)).pageList}}componentDidLoad(){console.log("Fetching data..."),this.formData={firstName:"John",email:"john@example.com",age:"45",newsletter:!0,exclamation:"Include Exclamation!",favoriteColor:"red",bio:"My name is John",birthday:"2026-01-12/2026-01-22"},this.isLoading=!1}render(){return e("div",{key:"c6e6d809a4fd13eb7ec368a642357592162c5fa0"},e("udp-form-component",{key:"424a3cd1640f3708cef96c83ad524877675f7f25",formId:this.formId,validate:this.validateForm,onFormReady:this.handleFormReady,submitHandler:this.handleFormSubmit,initialValues:this.formData},e("udp-flexbox",{key:"2d599867009ab61e17055ae72dad6e1564f7e640"},e("udp-flexbox",{key:"8f9bd24d40df0d8276a9e7f46e63cc1e069f38f9",style:{display:"none"}},e("h3",{key:"9c97ac8b5c87d23f585da2e12b2a9f3d8b163572",style:{margin:"0 0 1rem 0",fontSize:"16px",fontWeight:"600"}},"Global Property Controls"),e("udp-flexbox",{key:"facb3e251a290c9e8f2692eccfe81d33031685db"},e("udp-fluent-dropdown",{key:"f45515b120641c778aabfd6a7c3d6da5b5a4186b",label:"Appearance",value:this.controlAppearance,options:[{label:"Outline",value:"outline"},{label:"Underline",value:"underline"},{label:"Filled Lighter",value:"filled-lighter"},{label:"Filled Darker",value:"filled-darker"}],optionValue:"value",optionLabel:"label",onValueChanged:e=>{var t;return this.controlAppearance=(null===(t=e.detail)||void 0===t?void 0:t.value)||e.detail}}),e("udp-fluent-dropdown",{key:"d9c81f059030f3c98958fba989a60368433f8d24",label:"Control Size",value:this.controlSize,options:[{label:"Small",value:"small"},{label:"Medium",value:"medium"},{label:"Large",value:"large"}],optionValue:"value",optionLabel:"label",onValueChanged:e=>{var t;return this.controlSize=(null===(t=e.detail)||void 0===t?void 0:t.value)||e.detail},style:{minWidth:"120px"}}),e("udp-fluent-switch",{key:"387a5b4140ee3d06a5c8c9be36543f8c33fe9bee",label:"Required",labelPosition:"after",checked:this.controlRequired,onValueChanged:e=>this.controlRequired=e.detail}),e("udp-fluent-switch",{key:"b8f786ba864db234cc7ad4d49cc3e4d109136c79",label:"Disabled",labelPosition:"after",checked:this.controlDisabled,onValueChanged:e=>this.controlDisabled=e.detail}),e("udp-fluent-switch",{key:"00c1255fec440be9960f10bff875472ec8fd56d3",label:"Readonly",labelPosition:"after",checked:this.controlReadonly,onValueChanged:e=>this.controlReadonly=e.detail})),e("p",{key:"aa934ac3cd01cdc1495d08d9c40eef96ce834b20",style:{margin:"0.75rem 0 0",fontSize:"12px",color:"var(--colorNeutralForeground3)"}},"Note: Not all props apply to all components. readonly only applies to text inputs.")),e("udp-field",{key:"c17c21fbefe603f36d15d51290ec587523d153d7",name:"searchText"},e("udp-search-input",{key:"1a8b44c31c6446a93054cfc3b2289d90fa45f65f",disabled:this.controlDisabled,readonly:this.controlReadonly,appearance:this.controlAppearance,controlSize:this.controlSize,placeholder:"Search for something...",includeErrorPadding:!1})),e("udp-field",{key:"4b732d126aaf2a8a88f2a12234ed89c638b2bf46",name:"firstName"},e("udp-fluent-text-input",{key:"09789e1c2d0d911760b6fd9fcfd3fcefd7a01a58",label:"First Name",required:!0,disabled:this.controlDisabled,readonly:this.controlReadonly,appearance:this.controlAppearance,controlSize:this.controlSize,placeholder:"Enter your first name",popupHint:"Enter your first name, this should appear above the input"})),e("div",{key:"b74ec4d398e603a4639e6f5049d566336741511f",style:{display:"flex",gap:"1rem",flexDirection:"row",flex:"1"}},e("udp-field",{key:"e70b1c8424dea49214746cd9fa21b07d64f72157",name:"email"},e("udp-fluent-text-input",{key:"b407e3e4d28e38004772f93fd2fefb3f67ba4267",label:"Email Address",type:"email",value:"jordanatchison@univerus.com",required:!0,disabled:this.controlDisabled,readonly:this.controlReadonly,appearance:this.controlAppearance,controlSize:this.controlSize})),e("udp-field",{key:"132c98e1351aa76436928979deb0dd1b36051a98",name:"age"},e("udp-fluent-text-input",{key:"f5c46e2fa347f7a9f866512b8e3c363c0975c774",label:"Age",type:"number",required:!0,disabled:this.controlDisabled,readonly:this.controlReadonly,appearance:this.controlAppearance,controlSize:this.controlSize}))),e("udp-field",{key:"b412fe407b3da67bfacfcd411bacbc31abe519a1",name:"birthday"},e("udp-date-input",{key:"24a6aae2028a12b6818cbec1450aedaff56f457e",label:"Birthday",minDate:"2026-01-11",maxDate:"2026-01-22",dateSelectionType:"range",required:!0,disabled:this.controlDisabled,appearance:this.controlAppearance,controlSize:this.controlSize})),e("udp-field",{key:"f0cbb18c0062dd9a8cd2b8d4f2c1e308ae2e2818",name:"appointment"},e("udp-date-time-input",{key:"b80d8e632ba54643dc7483cf914ead91d8ebef0a",label:"Appointment (Combined Date/Time)",required:!0,disabled:this.controlDisabled,appearance:this.controlAppearance,controlSize:this.controlSize})),e("div",{key:"267607b2fbb082198c6a197dce8ff15a07eb8062",style:{display:"flex",gap:"1rem",flexDirection:"row",flex:"1"}},e("udp-field",{key:"f998d23f7fc7d0d06047738699826517ec4472cd",name:"startTime"},e("udp-time-input",{key:"74f315d29fb7efb3ee15fcd040271cfd31213163",label:"Start Time (Freeform)",placeholder:"e.g. 2:30pm",hint:"Type any time or select from list",required:!0,disabled:this.controlDisabled,appearance:this.controlAppearance,controlSize:this.controlSize})),e("udp-field",{key:"990714e498d53620f7fca2c521b9475f26afd6db",name:"endTime",validate:()=>"always invalid"},e("udp-time-input",{key:"31e4bc38e98bb5f24c4eeae00fa113645e1dd15a",label:"End Time",placeholder:"e.g. 5:30pm",minuteStep:30,hint:"Type any time or select from list",required:!0,disabled:this.controlDisabled,appearance:this.controlAppearance,controlSize:this.controlSize}))),e("udp-field",{key:"2fc2e23901c42df6070a380494abea6bf8064ebd",name:"bio"},e("udp-textarea",{key:"fcc5f40d64de802eb2d7cf0c698a62d24450c0c6",label:"Bio",placeholder:"Tell us about yourself",autoResize:!0,required:!0,disabled:this.controlDisabled,readonly:this.controlReadonly,appearance:this.controlAppearance,controlSize:this.controlSize})),e("udp-field",{key:"ca7537ad348d64a6681b396aa5d9abe0d47724b0",name:"exclamation",validate:me},e("udp-fluent-text-input",{key:"cd096e3cda6d49d0a4a201c0a929476d958089b8",label:"Exclamation",hint:"exclamation mark please",required:!0,disabled:this.controlDisabled,readonly:this.controlReadonly,appearance:this.controlAppearance,controlSize:this.controlSize})),e("udp-field",{key:"02944007b97b580a5c24dc2bc454c9ec189e64c6",name:"favoriteAnimal"},e("udp-fluent-dropdown",{key:"95131b4299a17a8f1f3cd8bcf511b2d7fc7a0e1f",placeholder:"Select an animal",label:"Favorite Animal (Dropdown)",appearance:this.controlAppearance,disabled:this.controlDisabled,required:!0,optionValue:"value",optionLabel:e=>e.label,options:ve,controlSize:this.controlSize})),e("udp-field",{key:"5b63c463a16f2f7c5f9fef52b0f753b3271fed98",name:"favoriteAnimalAutoComplete"},e("udp-autocomplete",{key:"ea28cd7c71aa9477616c3ed041f2c6512c79a682",placeholder:"Select an animal",label:"Favorite Animal",appearance:this.controlAppearance,disabled:this.controlDisabled,required:!0,optionValue:"value",optionLabel:e=>e.label,options:ve,controlSize:this.controlSize,popupHint:"Select an animal"})),e("udp-field",{key:"a749e30627ab697fc70517f9f053b800bab14fe2",name:"serverSideUser"},e("udp-autocomplete",{key:"6d14b83a9df1bed3bd13ad0dad407a6706f9bf59",required:!0,placeholder:"Search for an actor...",label:"Server Side Actor",appearance:this.controlAppearance,disabled:this.controlDisabled,optionValue:"id",optionLabel:e=>e.firstName+" "+e.lastName,searchFunction:this.searchFunction,controlSize:this.controlSize,multiple:!0})),e("udp-field",{key:"b8abcc83141d13b34085d46c565b8cbb9e2f5d33",name:"newsletter"},e("udp-fluent-checkbox",{key:"7c965a5144cc66ac62c9f453d06724f2a6d68d48",label:"Subscribe to newsletter",hint:"We will only send you emails about important updates",disabled:this.controlDisabled,controlSize:this.controlSize})),e("udp-field",{key:"8ee065a692f9230947c61c639acdaae3b1d86487",name:"commitment"},e("udp-slider",{key:"d82a4fd9a7e831a6b983c019fbd660db2137b1f7",label:"Commitment Level",disabled:this.controlDisabled})),e("udp-field",{key:"9c01e58c058f16f41a487aba135171cbeb1c45d3",name:"active"},e("udp-fluent-switch",{key:"2beef446b71cfaec3c5f9316711bf4a890e31dd0",label:"Active",labelPosition:"after",disabled:this.controlDisabled})),e("udp-field",{key:"86bef830811cc3117471a15f96b9b70ad8fc5c6d",name:"favoriteColor"},e("udp-fluent-radio-group",{key:"799dfdd88cae4864a5af036bb2a3aad3f4c9a7b9",label:"Favorite Colo",disabled:this.controlDisabled,hint:"Favorite Color",items:[{label:"Red",value:"red"},{label:"Green",value:"green"},{label:"Blue",value:"blue"}]})),e("udp-field",{key:"cb67abc051814e423cddfeb72ae2cf2ef7a96a3e",name:"swatchColor"},e("udp-swatch-picker",{key:"d3faa7b07f5381a126c77788707d2bd4f88ed8fc",label:"Pick a Color (Swatch)",hint:"Pick a color",swatches:ge,layout:"row",shape:"square",size:"small"===this.controlSize?"small":"large"===this.controlSize?"large":"medium",spacing:"medium",disabled:this.controlDisabled,defaultValue:"#0000ff",onValueChanged:e=>console.log("Swatch selected:",e.detail)})))))}},ke=class{constructor(e){t(this,e),this.accordionChanged=i(this,"accordionChanged",7),this.expandmode="multi",this.appearance="subtle",this.items=[],this.handleChange=e=>{this.accordionChanged.emit(e)}}render(){return e(a,{key:"52d6c8c4724465a67067e28923ae5a5794bf2caf",class:`appearance-${this.appearance}`},e("fluent-accordion",{key:"1c23f304578f5419696f0cd39ca8d07aedc8e731","expand-mode":this.expandmode,onChange:this.handleChange},this.items.filter((e=>!e.hide)).map((t=>e("fluent-accordion-item",{key:t.id,value:t.id,"heading-level":t.headinglevel,expanded:t.expanded,disabled:t.disabled,size:t.size,block:t.block},t.label&&e("udp-text",{slot:"heading",variant:"subtitle2"},t.label),e("slot",{name:`${t.id}-heading`,slot:"heading"}),t.content&&e("div",null,t.content),e("slot",{name:`${t.id}-content`}))))))}get el(){return o(this)}};ke.style=":host{color:var(--colorNeutralForeground1)}:host(.appearance-contained) fluent-accordion{gap:var(--spacingVerticalS)}:host(.appearance-contained) fluent-accordion-item{display:block;max-width:100%;background-color:var(--colorNeutralBackground1);border:1px solid var(--colorNeutralStroke2);border-radius:var(--borderRadiusMedium);box-sizing:border-box}:host(.appearance-contained) fluent-accordion-item::part(heading){height:52px;padding-inline:var(--spacingHorizontalM) var(--spacingHorizontalS);font-weight:var(--fontWeightSemibold);border-radius:var(--borderRadiusMedium)}:host(.appearance-contained) fluent-accordion-item::part(button){height:52px;font-weight:var(--fontWeightSemibold);font-size:var(--fontSizeBase400);line-height:var(--lineHeightBase400)}:host(.appearance-contained) fluent-accordion-item::part(content){margin:0;padding:var(--spacingHorizontalM) var(--spacingHorizontalM);border-top:1px solid var(--colorNeutralStroke2)}";const xe="udp-ambient-tool-tip-styles",we=class{constructor(e){t(this,e),this.isVisible=!1,this.showTooltip=()=>{!this.noTooltip&&this.content&&""!==this.content.trim()&&(this.ensureTooltipStyles(),this.isVisible=!0,requestAnimationFrame((()=>{this.tooltipContentEl&&(document.body.appendChild(this.tooltipContentEl),this.setupPopper())})))},this.hideTooltip=()=>{this.destroyPopper(),this.tooltipContentEl&&this.tooltipContentEl.parentElement===document.body&&document.body.removeChild(this.tooltipContentEl),this.isVisible=!1},this.setupPopper=()=>{this.wrapperEl&&this.tooltipContentEl&&(this.popperInstance=T(this.wrapperEl,this.tooltipContentEl,{strategy:"fixed",placement:"top",modifiers:[{name:"offset",options:{offset:[0,8]}},{name:"preventOverflow",options:{padding:8}},{name:"flip"}]}))},this.destroyPopper=()=>{this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null)}}ensureTooltipStyles(){if(!document.getElementById(xe)){const e=document.createElement("style");e.id=xe,e.innerHTML="\n  .udp-tooltip-portal {\n    position: fixed; /* This is set by Popper, but we define it for clarity */\n    z-index: 10000;\n    background-color: var(--tooltip-background, #f8f9fa);\n    color: var(--tooltip-text-color, #212529);\n    border: 1px solid var(--tooltip-border-color, #dee2e6);\n    padding: 3px 6px;\n    border-radius: var(--border-radius, 6px);\n    font-size: 0.875rem;\n    max-width: 250px;\n    width: max-content;\n    text-align: center;\n    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n    white-space: normal;\n  }\n",document.head.appendChild(e)}}disconnectedCallback(){this.hideTooltip()}render(){const t=!!this.isVisible&&!!this.content&&""!==this.content.trim();return e("div",{key:"76f07afee67d7d07767b854b3e0b468039a34bd1",class:"tooltip-wrapper",ref:e=>this.wrapperEl=e,onMouseOver:this.showTooltip,onMouseOut:this.hideTooltip},e("slot",{key:"622ab4acb4012503be164ea4ddd213937cbc71e6"}),t&&e("div",{key:"99299569d0be029b26f4ae01cf591a370a0687dd",class:"udp-tooltip-portal",role:"tooltip",ref:e=>this.tooltipContentEl=e},e("unity-typography",{key:"113b439042c660a909bbcbdcc4a6c507d82716d7",variant:"caption-text"},this.content)))}};we.style=".tooltip-wrapper{display:inline-block}";const Se=class{constructor(e){t(this,e),this.valueChanged=i(this,"valueChanged",7),this.inputBlur=i(this,"inputBlur",7),this.inputFocus=i(this,"inputFocus",7),this.options=[],this.optionLabel="label",this.optionValue="value",this.optionDisabled="disabled",this.optionIcon="icon",this.iconPosition="start",this.optionBadges="badges",this.optionSecondaryText="secondaryText",this.optionGroup="group",this.appearance="outline",this.controlSize="medium",this.disabled=!1,this.required=!1,this.loading=!1,this.includeErrorPadding=!0,this.multiple=!1,this.freeForm=!1,this.valueAs="option",this.internalLoading=!1,this.filterText="",this.fetchedOptions=[],this.selectionForOverlay=null,this.handleInput=e=>{const t=this.filterText;this.filterText=e.target.value,this.multiple||""!==this.filterText||""===t||null==this.selectionForOverlay||(this.selectionForOverlay=null,this.valueChanged.emit("")),(this.datasource||this.searchFunction)&&this.fetchData(this.filterText)},this.handleBlur=()=>{var e;this.inputBlur.emit(),this.filterText="",this.multiple&&(null===(e=this.dropdownRef)||void 0===e?void 0:e.control)&&(this.dropdownRef.control.value="")},this.handleClear=e=>{e.stopPropagation(),this.filterText="",this.dropdownRef.control&&(this.dropdownRef.control.value=""),this.dropdownRef.querySelectorAll("fluent-option").forEach((e=>{e.selected&&(e.selected=!1)})),this.selectionForOverlay=null,this.valueChanged.emit(this.multiple?[]:""),this.dropdownRef.focus()},this.handleTogglePopover=e=>{var t,i,a,o;if(!this.dropdownRef||this.disabled)return;const n=this.dropdownRef;n.open?(n.open=!1,null===(i=null===(t=n.listbox)||void 0===t?void 0:t.hidePopover)||void 0===i||i.call(t)):(e||(n.open=!0,null===(o=null===(a=n.listbox)||void 0===a?void 0:a.showPopover)||void 0===o||o.call(a)),this.dropdownRef.focus())},this.handleKeyDownCapture=e=>{var t,i;if("ArrowUp"!==e.key&&"ArrowDown"!==e.key){if("Escape"===e.key){if(!this.dropdownRef)return;this.dropdownRef.open&&(e.stopPropagation(),e.stopImmediatePropagation(),e.preventDefault(),this.dropdownRef.open=!1,null===(i=null===(t=this.dropdownRef.listbox)||void 0===t?void 0:t.hidePopover)||void 0===i||i.call(t))}if("Tab"!==e.key){if("Enter"===e.key){if(!this.dropdownRef)return;if(!this.dropdownRef.open){e.stopPropagation(),e.preventDefault();const t=this.el.closest("udp-form-component");if(t&&"function"==typeof t.submit)return void t.submit();const i=this.el.closest("form");i&&i.requestSubmit()}}}else if(this.dropdownRef&&this.dropdownRef.open)if(this.multiple){const e=this.dropdownRef.activeIndex,t=this.getDisplayOptions();if(!this.loading&&!this.internalLoading&&t.length>0&&e>=0&&e<t.length){const i=t[e],a=this.getOptionValue(i),o=Array.isArray(this.value)?this.value:[],n=o.some((e=>this.getOptionValue(e)===a))?o.filter((e=>this.getOptionValue(e)!==a)):[...o,i];this.valueChanged.emit(n.map((e=>this.toEmitValue(e))))}}else requestAnimationFrame((()=>{const e=this.dropdownRef;"function"==typeof e.selectOption&&e.selectOption(e.activeIndex,!0)}))}else{if(!this.dropdownRef||!this.dropdownRef.open)return;if(!this.filterText)return;e.preventDefault(),e.stopPropagation();const t=this.dropdownRef.enabledOptions;if(!(null==t?void 0:t.length))return;const i="ArrowDown"===e.key?1:-1;let a=this.dropdownRef.activeIndex+i;for(let e=0;e<t.length;e++){a<0&&(a=t.length-1),a>=t.length&&(a=0);const e=t[a];if(e&&"none"!==e.style.display)return void(this.dropdownRef.activeIndex=a);a+=i}}},this.handleInputClick=e=>{var t,i;const a=e.target;a.closest("fluent-listbox")||a.closest(".clear-button")||a.closest("udp-fluent-badge")||this.dropdownRef&&!this.disabled&&this.dropdownRef.open&&(null===(i=null===(t=this.dropdownRef.listbox)||void 0===t?void 0:t.hidePopover)||void 0===i||i.call(t),e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation())},this.handleChipDelete=e=>{if(this.disabled)return;const t=this.getOptionValue(e),i=this.value.filter((e=>this.getOptionValue(e)!==t));this.valueChanged.emit(i.map((e=>this.toEmitValue(e))))},this.handleChange=e=>{var t;if(e.stopPropagation(),!this.multiple){const e=this.dropdownRef.value;if(null==e&&!this.freeForm){if(null!=this.selectionForOverlay){const e=this.getOptionValue(this.selectionForOverlay),i=null===(t=this.dropdownRef.enabledOptions)||void 0===t?void 0:t.findIndex((t=>t.value===e));null!=i&&-1!==i&&this.dropdownRef.selectOption(i)}return void(this.filterText="")}const i=this.findOptionByValue(e),a=void 0!==i?i:e;if(this.selectionForOverlay=a,this.valueChanged.emit(this.toEmitValue(a)),i&&this.dropdownRef.control){const e=this.resolveProp(i,this.optionLabel,!0);null!=e&&requestAnimationFrame((()=>{this.dropdownRef.control.value=String(e)}))}return}const i=Array.from(this.dropdownRef.selectedOptions).map((e=>{const t=this.findOptionByValue(e.value);return void 0!==t?t:e.value})),a=new Set(i.map((e=>this.getOptionValue(e)))),o=this.getDisplayOptions(),n=new Set(o.map((e=>this.getOptionValue(e)))),r=Array.isArray(this.value)?this.value.filter((e=>{const t=this.getOptionValue(e);return!n.has(t)&&!a.has(t)})):[];this.valueChanged.emit([...r,...i].map((e=>this.toEmitValue(e)))),this.filterText&&this.dropdownRef.control&&requestAnimationFrame((()=>{this.dropdownRef.control.value=this.filterText}))}}syncSelectionForOverlay(){this.selectionForOverlay=Array.isArray(this.value)||null==this.value||""===this.value?null:this.value}componentDidLoad(){var e,t;null===(e=this.dropdownRef)||void 0===e||e.addEventListener("keydown",this.handleKeyDownCapture,!0),null===(t=this.dropdownRef)||void 0===t||t.addEventListener("click",this.handleInputClick,!0),this.patchDropdownShadow(),this.syncSelectionForOverlay(),this.valueHandler()}patchDropdownShadow(){var e;const t=null===(e=this.dropdownRef)||void 0===e?void 0:e.shadowRoot;if(!t)return;const i=new CSSStyleSheet;i.replaceSync('\n      .control { min-width: 0; }\n      :host([appearance="outline"]) .control,\n      :host([appearance="transparent"]) .control { margin: -1px 0; }\n    '),t.adoptedStyleSheets=[...t.adoptedStyleSheets,i]}disconnectedCallback(){var e,t;null===(e=this.dropdownRef)||void 0===e||e.removeEventListener("keydown",this.handleKeyDownCapture,!0),null===(t=this.dropdownRef)||void 0===t||t.removeEventListener("click",this.handleInputClick,!0),this.debounceTimer&&clearTimeout(this.debounceTimer),this.abortController&&this.abortController.abort()}valueHandler(){this.dropdownRef&&requestAnimationFrame((()=>{const e=this.dropdownRef.querySelectorAll("fluent-option");if(Array.isArray(this.value)){const t=this.value.map((e=>this.getOptionValue(e)));e.forEach((e=>{e.value&&!e.disabled&&(e.selected=t.includes(e.value))}))}else if(null!=this.value){const t=this.getOptionValue(this.value);let i=null;e.forEach((e=>{e.value&&!e.disabled&&(e.selected=e.value===t,e.selected&&(i=this.findOptionByValue(t)))}));const a=this.resolveProp(i||this.value,this.optionLabel,!0);this.dropdownRef.control&&(this.dropdownRef.control.value=a)}else e.forEach((e=>{"none"!==e.style.display&&e.value&&!e.disabled&&(e.selected=!1)})),this.dropdownRef.control&&(this.dropdownRef.control.value=""),this.filterText=""}))}resolveProp(e,t,i=!1){return"object"!=typeof e||null===e?i?e:void 0:"function"==typeof t?t(e):"string"==typeof t?e[t]:void 0}getOptionValue(e){const t=this.resolveProp(e,this.optionValue,!0);return null!=t?String(t):""}findOptionByValue(e){if(e)return(this.datasource||this.searchFunction?this.fetchedOptions:this.options).find((t=>this.getOptionValue(t)===e))}toEmitValue(e){return"value"===this.valueAs?this.getOptionValue(e):e}getDisplayOptions(){return this.datasource||this.searchFunction?this.fetchedOptions:this.options}reapplySelectionState(){if(!this.dropdownRef)return;const e=this.dropdownRef.querySelectorAll("fluent-option");if(Array.isArray(this.value)){const t=this.value.map((e=>this.getOptionValue(e)));e.forEach((e=>{e.value&&!e.disabled&&(e.selected=t.includes(e.value))}))}else if(null!=this.value){const t=this.getOptionValue(this.value);e.forEach((e=>{e.value&&!e.disabled&&(e.selected=e.value===t)}))}else e.forEach((e=>{"none"!==e.style.display&&e.value&&!e.disabled&&(e.selected=!1)}))}getOptionBadges(e){const t=this.resolveProp(e,this.optionBadges);return Array.isArray(t)?t:[]}getOptionGroup(e){if(!this.optionGroup)return;const t=this.resolveProp(e,this.optionGroup);return null!=t&&""!==t?String(t):void 0}getOptionSecondaryText(e){if(!this.optionSecondaryText)return;const t=this.resolveProp(e,this.optionSecondaryText);return null!=t&&""!==t?String(t):void 0}getSelectedOverlayOption(){var e;if(this.multiple||null==this.selectionForOverlay||""!==this.filterText)return null;const t=this.getOptionValue(this.selectionForOverlay),i=this.datasource||this.searchFunction?this.fetchedOptions:this.options,a=null!==(e=null==i?void 0:i.find((e=>this.getOptionValue(e)===t)))&&void 0!==e?e:this.selectionForOverlay;return this.getOptionBadges(a).length>0?a:null}renderBadges(t){return 0===t.length?null:e("span",{class:"option-badges"},t.map(((t,i)=>{var a,o,n;return e("udp-fluent-badge",{key:i,appearance:null!==(a=t.appearance)&&void 0!==a?a:"filled",color:t.color,shape:null!==(o=t.shape)&&void 0!==o?o:"circular",size:null!==(n=t.size)&&void 0!==n?n:"small",startIconName:t.startIconName,endIconName:t.endIconName},t.label)})))}renderOptionContent(t,i,a,o){const n=i&&"end"===this.iconPosition&&e("span",{class:"option-icon-end",style:{pointerEvents:"none",marginLeft:"4px"}},e("udp-fluent-icon",{name:i,size:"sm"}));return o?e("span",{class:"option-two-line"},e("span",{class:"option-primary"},e("span",{class:"option-label-text"},t),n,this.renderBadges(a)),e("span",{class:"option-secondary"},o)):[t,n,this.renderBadges(a)]}isOptionVisible(e){if(this.datasource||this.searchFunction)return!0;if(!this.filterText)return!0;const t=this.resolveProp(e,this.optionLabel,!0);return String(t).toLowerCase().includes(this.filterText.toLowerCase())}fetchData(e){if(!(this.datasource&&this.datasource.url||this.searchFunction))return;this.internalLoading=!0,this.debounceTimer&&clearTimeout(this.debounceTimer),this.abortController&&this.abortController.abort(),this.abortController=new AbortController;const t=this.abortController.signal;this.debounceTimer=setTimeout((()=>{(async function(e,t,i,a){if(i){const a=await i(e,t);return Array.isArray(a)?a:[]}if(a&&a.url){let i=a.url,o={method:a.method||(a.body?"POST":"GET"),headers:Object.assign({"Content-Type":"application/json"},a.headers||{}),signal:t};if("GET"===o.method){const t=i.includes("?")?"&":"?";i=`${i}${t}filter=${encodeURIComponent(e)}`}else o.body=JSON.stringify(Object.assign(Object.assign({},a.body||{}),{filter:e}));const n=await fetch(i,o);if(!n.ok)throw new Error("Network response was not ok");const r=await n.json();return Array.isArray(r)?r:r.items||r.options||[]}return[]})(e,t,this.searchFunction,this.datasource).then((e=>{this.fetchedOptions=e,requestAnimationFrame((()=>this.reapplySelectionState()))})).catch((e=>{"AbortError"!==e.name&&(this.fetchedOptions=[])})).finally((()=>{t.aborted||(this.internalLoading=!1)}))}),300)}render(){const t=!!this.error,i=this.error||this.hint,o=this.getDisplayOptions(),n=new Map,r=new Map;let s=0;null==o||o.forEach((e=>{var t;const i=this.getOptionValue(e),a=this.isOptionVisible(e);if(n.set(i,a),a){s++;const i=this.getOptionGroup(e);i&&r.set(i,(null!==(t=r.get(i))&&void 0!==t?t:0)+1)}}));const l="underline"===this.appearance?"transparent":this.appearance,d=this.multiple&&Array.isArray(this.value)?this.value:[],c=this.getSelectedOverlayOption(),h=c?this.resolveProp(c,this.optionLabel,!0):null,u=c?this.getOptionBadges(c):[];return e(a,{key:"bdd6e4c3ad961ba652d54dbc00668bee328b0546",class:{"has-error":t}},e("fluent-field",{key:"b24aaf3c3005370cb1dd636adb6250d3c333bb97",class:{"no-label":!this.label&&!this.multiple,"no-message":!i&&!this.includeErrorPadding}},e("div",{key:"5cd182b709221373a5fa29bdf39d094d56a7ed6f",class:"label-content",onClick:()=>this.handleTogglePopover(!1),slot:"label"},this.label&&e("fluent-label",{key:"df28434aea16836eff7b87efecf79b0df221dcd6",disabled:this.disabled,style:{paddingTop:"2px",paddingBottom:"2px"}},this.label,this.popupHint&&e("udp-tooltip",{key:"99a915b4dc310278a4305e1b6d8baa01b20c1e18",content:this.popupHint,positioning:"above"},e("udp-fluent-icon",{key:"e994589606742b0af14269a83fe5ca7d4184c9e0",name:"info",size:"xs",class:"popup-hint-icon"}))),this.multiple&&e("div",{key:"af3ddbcbdfcc8afd37cb767156c00e12a60851db",class:{"selected-items":!0,"has-items":d.length>0}},d.map((t=>{var i;const a=null!==(i=this.findOptionByValue(this.getOptionValue(t)))&&void 0!==i?i:t;return e("udp-fluent-badge",{color:"brand",shape:"circular",dismissible:!this.disabled,onDismiss:()=>this.handleChipDelete(t)},this.resolveProp(a,this.optionLabel,!0))})))),e("div",{key:"a24ba320fdb1245b2a77220286a3281eee3ff8e1",slot:"input",class:{"input-wrapper":!0,"has-overlay":!!c}},e("fluent-dropdown",{key:"4303d6c002b42f1ac259be9fc969df2d5d159104",type:"combobox",name:this.name,appearance:l,size:this.controlSize,disabled:this.disabled,required:this.required,placeholder:this.placeholder,multiple:this.multiple,onInput:this.handleInput,onChange:this.handleChange,onFocusout:this.handleBlur,onFocusin:()=>this.inputFocus.emit(),onInvalid:e=>e.preventDefault(),exportparts:"control, listbox",ref:e=>this.dropdownRef=e},e("fluent-listbox",{key:"d8c75e0c23a3e34d983c3cac2ae3dedd5cc5a34d"},(this.loading||this.internalLoading)&&e("fluent-option",{key:"4f01650961bae674b1f27355ba21f2cfdb1d1108",disabled:!0,ref:e=>null==e?void 0:e.toggleAttribute("disabled",!0)},e("span",{key:"4da0bd038f5be0e666ba77e23df3a98f87642e7d"},"Loading..."),e("span",{key:"99b07dbeedebf7e517ba8f6055c743a05ce64af7",slot:"indicator"})),!this.loading&&!this.internalLoading&&0===s&&!this.freeForm&&e("fluent-option",{key:"0ff899f2c28712a00e92b35ae1e7ff207bce3494",disabled:!0,value:"empty",ref:e=>null==e?void 0:e.toggleAttribute("disabled",!0)},"No options available"),!this.loading&&!this.internalLoading&&(null==o?void 0:o.length)>0&&(()=>{const t=[];let i;return o.forEach((a=>{var o,s;const l=this.getOptionGroup(a);l&&l!==i&&((null!==(o=r.get(l))&&void 0!==o?o:0)>0&&t.push(e("fluent-option",{key:`__group_${l}`,class:"option-group-header",disabled:!0,"aria-hidden":"true",ref:e=>null==e?void 0:e.toggleAttribute("disabled",!0)},l)),i=l);const d=this.resolveProp(a,this.optionLabel,!0),c=this.resolveProp(a,this.optionValue,!0),h=this.resolveProp(a,this.optionDisabled),u=this.resolveProp(a,this.optionIcon),p=this.getOptionBadges(a),b=null!=c?String(c):"",f=null===(s=n.get(b))||void 0===s||s;t.push(e("fluent-option",{key:b,disabled:!!h,value:b,multiple:this.multiple,style:{display:f?void 0:"none"},ref:e=>{e&&e.toggleAttribute("disabled",!!h)}},u&&"start"===this.iconPosition&&e("span",{slot:"start",class:"option-icon-slot"},e("udp-fluent-icon",{name:u,size:"sm"})),this.renderOptionContent(d,u,p,this.getOptionSecondaryText(a))))})),t})(),this.freeForm&&e("fluent-option",{key:"4dd08e2cc985d2a42422faa8ade4b9c5992733c5",freeform:!0},e("output",{key:"916b1af6f3a8797a6fa14fa0ae76a8107716a562"}))),e("div",{key:"5d6227cd27d25c7e4ed04f8299fe8380dd1b2e63",slot:"indicator",class:"indicator-wrapper"},e("udp-fluent-icon-button",{key:"4889e140f685aff51cee886d2449f1983acb3c1d",class:{"clear-button":!0,"is-visible":!this.disabled&&(""!==this.filterText||null!=this.selectionForOverlay||this.multiple&&Array.isArray(this.value)&&this.value.length>0)},slot:"indicator",iconName:"dismiss",appearance:"transparent",size:"small",onClick:this.handleClear,onMouseDown:e=>e.preventDefault(),ariaLabel:"Clear",tabIndex:-1}),e("udp-fluent-icon",{key:"4bed97458a00ab44f0d172b6870c39d030831a41",name:"chevron-down",size:"sm",class:"chevron-down",onClick:()=>this.handleTogglePopover(!1)}))),c&&e("div",{key:"919ea4fc75a2f1e9cf2d9a0dc31fd71bc3a098bd",class:"selected-overlay","aria-hidden":"true"},e("span",{key:"7fa6be503afdbaf33238cde8d4618c3c6276cd31",class:"selected-label"},h),this.renderBadges(u))),e("div",{key:"0442762a4fa6f8568eab9052fd1926b5dae58065",class:{"message-wrapper":!0,includeErrorPadding:this.includeErrorPadding},slot:"message",onClick:()=>this.handleTogglePopover(!0)},e("udp-text",{key:"96a77d610bac921bd03d5a81a876be9afc208e6b",variant:"caption1",class:{message:!0,error:t}},i))))}static get delegatesFocus(){return!0}get el(){return o(this)}static get watchers(){return{value:[{syncSelectionForOverlay:0},{valueHandler:0}],options:[{valueHandler:0}]}}};Se.style=':host{display:block;width:100%}fluent-field{width:100%;grid-template-columns:minmax(0, 1fr)}.selected-items{display:flex;flex-wrap:wrap;gap:4px;width:100%;max-height:0;opacity:0;margin-top:0;margin-bottom:0;overflow:hidden;transition:max-height 0.2s cubic-bezier(0.33, 1, 0.68, 1),     opacity 0.2s ease-out,}.selected-items.has-items{max-height:500px;opacity:1}fluent-label[disabled]{color:var(--colorNeutralForeground1)}fluent-field.no-label::part(label){display:none}fluent-field.no-message::part(message){display:none}fluent-dropdown{width:100%;max-width:100%}fluent-dropdown[appearance="outline"],fluent-dropdown[appearance="transparent"]{--borderRadiusMedium:5px}fluent-dropdown>button,fluent-dropdown>input{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clear-button{display:none;color:var(--colorNeutralForeground3)}.clear-button.is-visible{display:inline-flex}.indicator-wrapper{height:20px;display:flex;align-items:center}fluent-dropdown[size=\'small\'] .indicator-wrapper{height:16px}.message{color:var(--colorNeutralForeground3)}.message-wrapper{display:flex;flex-direction:column;width:100%}.message-wrapper.includeErrorPadding{min-height:var(--lineHeightBase200)}.message.error{color:var(--colorPaletteRedForeground1)}.popup-hint-icon{margin-left:2px}fluent-dropdown[appearance="outline"]:focus-within{--colorStrokeFocus1:var(--colorNeutralStroke1);--colorStrokeFocus2:transparent}fluent-dropdown[appearance="filled-darker"]:focus-within,fluent-dropdown[appearance="filled-lighter"]:focus-within,fluent-dropdown[appearance="transparent"]:focus-within{--colorStrokeFocus1:transparent;--colorStrokeFocus2:transparent}:host(.has-error) fluent-dropdown:not(:focus-within){--colorNeutralStroke1:var(--colorPaletteRedBorder2);--colorNeutralStroke1Hover:var(--colorPaletteRedBorder2);--colorNeutralStrokeAccessible:var(--colorPaletteRedBorder2);--colorNeutralStrokeAccessibleHover:var(--colorPaletteRedBorder2)}fluent-option:state(active){border:2px solid var(--colorNeutralStrokeAccessible)}fluent-dropdown[appearance="filled-darker"],fluent-dropdown[appearance="filled-lighter"]{--spacingVerticalSNudge:5px;box-shadow:var(--shadow2);border-radius:var(--borderRadiusMedium)}fluent-dropdown[appearance="filled-darker"][size=\'small\'],fluent-dropdown[appearance="filled-lighter"][size=\'small\']{--spacingVerticalXS:3px}fluent-dropdown[appearance="outline"][size=\'large\'],fluent-dropdown[appearance="transparent"][size=\'large\']{--spacingVerticalS:9px}.label-content{display:inline-flex;flex-wrap:wrap;align-items:flex-start;width:100%}.label-content fluent-label{flex:0 0 auto;order:1}.label-content::after{order:2;flex:0 0 auto}.label-content .selected-items{flex:0 0 100%;order:3}fluent-option{min-height:32px;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}fluent-option::part(content){display:flex;align-items:center;gap:6px}.option-badges{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;pointer-events:none}.option-two-line{display:flex;flex-direction:column;gap:2px;min-width:0;pointer-events:none}.option-two-line .option-primary{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden}.option-two-line .option-label-text{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.option-two-line .option-secondary{font-size:var(--fontSizeBase200);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase200);color:var(--colorNeutralForeground2);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}fluent-option:has(.option-two-line){height:auto;min-height:52px}fluent-option:has(.option-two-line)::part(content){align-items:flex-start}fluent-option.option-group-header{pointer-events:none;color:var(--colorNeutralForeground2);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightSemibold);text-transform:uppercase;letter-spacing:0.04em;line-height:24px;opacity:1;padding-top:10px}fluent-option.option-group-header:first-child{padding-top:0}fluent-option.option-group-header::part(content){min-height:24px;align-items:center}fluent-option.option-group-header:state(active){border:none}.input-wrapper{position:relative;display:block;width:100%}.selected-overlay{position:absolute;top:0;bottom:0;inset-inline-start:0;inset-inline-end:60px;display:flex;align-items:center;gap:6px;padding-inline-start:10px;pointer-events:none;overflow:hidden;font:inherit;color:var(--colorNeutralForeground1);z-index:1}.selected-overlay .selected-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.input-wrapper.has-overlay fluent-dropdown>input{color:transparent;caret-color:var(--colorNeutralForeground1)}';const Ce=class{constructor(e){t(this,e),this.variant="circular",this.colors=["#F44336","#E91E63","#9C27B0","#673AB7","#3F51B5","#2196F3","#03A9F4","#00BCD4","#009688","#4CAF50","#8BC34A","#CDDC39","#FFC107","#FF9800","#FF5722","#795548"]}getInitial(){return this.username?this.username[0].toUpperCase():"?"}getColorForUsername(){const e=this.username?this.username.charCodeAt(0):0;return this.colors[e%this.colors.length]}render(){const t=["primary","secondary","info","error","success","warning","note"].includes(this.color),i={},a=["avatar",this.variant];return t?a.push(`color-${this.color}`):i["background-color"]=this.color?this.color:this.getColorForUsername(),e("div",{key:"b45bf523f90254dcd7c5407a06bf99d60402ef9c",class:a.join(" "),style:i},this.iconName?e("udp-icon",{iconName:this.iconName,darkIcon:!1}):e("unity-typography",{variant:"data-display-two"}," ",this.getInitial()))}};Ce.style=".avatar{width:35px;height:35px;display:flex;align-items:center;justify-content:center;color:white;font-weight:bold}.avatar.circular{border-radius:50%}.avatar.rounded{border-radius:4px}.avatar.square{border-radius:0}.avatar.color-primary{background-color:var(--primary-color)}.avatar.color-secondary{background-color:var(--secondary-color)}.avatar.color-success{background-color:var(--success-color-main)}.avatar.color-warning{background-color:var(--warning-color-main)}.avatar.color-error{background-color:var(--error-color-main)}.avatar.color-info{background-color:var(--info-color-main)}.avatar.color-note{background-color:var(--note-color-main)}";const ze=class{constructor(e){t(this,e),this.content=0,this.max=99}render(){const t=this.content>this.max?`${this.max}+`:this.content;return e("div",{key:"96bcdee62edfc992431c647ee4bab1caaa758255",class:"badge-wrapper"},e("slot",{key:"23884cb924e9e9cc0a73b3c7618c92430a04279c"}),e("span",{key:"d40594141b2949039e961856ebc23cfe00e10d90",class:"badge-content"},e("unity-typography",{key:"9d4131f5fda849a5cf01b1b892ce2ec8b6c38305",variant:"caption-text"}," ",t," ")))}};ze.style=".badge-wrapper{position:relative;display:inline-block}.badge-content{position:absolute;top:-12px;right:-8px;background-color:var(--primary-color);color:white;border-radius:50%;padding:4px;min-width:18px;text-align:center;z-index:1}";const Ne=class{constructor(e){t(this,e),this.buttonClick=i(this,"buttonClick",7),this.variant="text",this.toolbarLayout=!1,this.color="primary",this.size="medium",this.disabled=!1,this.loading=!1,this.fullWidth=!1,this.type="button",this.ariaLabel="",this.tabIndex=0,this.handleClick=e=>{if(this.disabled||this.loading)return e.preventDefault(),void e.stopPropagation();this.buttonClick.emit(e)}}render(){const t=this.href?"a":"button",i=this.disabled||this.loading,a={"udp-button":!0,[`udp-button--${this.variant}`]:!0,"udp-button--toolbar-layout":this.toolbarLayout,[`udp-button--${this.size}`]:!0,[`udp-button--color-${this.color}`]:"inherit"!==this.color,"udp-button--disabled":i,"udp-button--full-width":this.fullWidth,"udp-button--has-start-icon":!!this.startIcon,"udp-button--has-end-icon":!!this.endIcon,"udp-button--loading":this.loading},o={class:Object.keys(a).filter((e=>a[e])).join(" "),disabled:i&&!this.href,onClick:this.handleClick,"aria-busy":this.loading?"true":null,"aria-label":this.loading?"loading":this.ariaLabel};return o.tabindex=i?-1:this.tabIndex,this.href?o.href=this.href:o.type=this.type,e(t,Object.assign({key:"03e8c38e50dc21b13460af37f0c45acc645b94d1"},o),e("div",{key:"ef5e69b4bdb9e9d7691501068aa95e2a02dcec35",class:"udp-button__spinner"}),e("span",{key:"66516037091fbf80c0537548bf7ad3ad1397e2a4",class:"udp-button__content-wrapper"},this.startIcon&&e("span",{key:"90f92dea47f44701993ec9bf44e8656863350a6b",class:"udp-button__icon udp-button__icon--start","aria-hidden":"true"},this.startIcon),e("span",{key:"8219ab673bece049833c7defbfac9f9e3032b4ae",class:"udp-button__text-content"},e("slot",{key:"2ac43549d447fcd3f4584beec914d48557fe9037"})),this.endIcon&&e("span",{key:"01485d3787ccc42c4fd6e228c03ac51080125659",class:"udp-button__icon udp-button__icon--end","aria-hidden":"true"},this.endIcon)))}get el(){return o(this)}};Ne.style=":host{display:inline-flex;vertical-align:middle;--udp-button-primary-color:var(--primary-color, #000);--udp-button-primary-color-text:var(--primary-contrast-text, #fff);--udp-button-secondary-color:var(--secondary-color, #000);--udp-button-secondary-color-text:var(--secondary-contrast-text, #fff);--udp-button-success-color:var(--success-color, #0da40d);--udp-button-success-color-text:var(--success-contrast-text, #fff);--udp-button-error-color:var(--error-color, #ff0000);--udp-button-error-color-text:var(--error-contrast-text, #fff);--udp-button-warning-color:var(--warning-color, #ffa500);--udp-button-warning-color-text:var(--warning-contrast-text, #fff);--udp-button-info-color:var(--info-color, #2953ff);--udp-button-info-color-text:var(--info-contrast-text, #fff);--host-udp-btn-padding-y:var(--spacing-03);--host-udp-btn-padding-x:var(--spacing-05);--host-udp-btn-padding-x-with-start-icon:var(--spacing-03);--host-udp-btn-padding-x-with-end-icon:var(--spacing-03)}.udp-button{position:relative;width:100%;font-family:var(--font-family);font-size:var(--button-font-size);line-height:var(--button-line-height);padding-top:var(--host-udp-btn-padding-y);padding-bottom:var(--host-udp-btn-padding-y);padding-left:var(--host-udp-btn-padding-x);padding-right:var(--host-udp-btn-padding-x);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;text-decoration:none;background-color:var(--host-udp-btn-base-bg, transparent);color:var(--host-udp-btn-base-text, inherit);border:1px solid var(--host-udp-btn-base-border, transparent);transition:background-color var(--animation-duration) var(--animation-easing),               border-color var(--animation-duration) var(--animation-easing),               color var(--animation-duration) var(--animation-easing),               box-shadow var(--animation-duration) var(--animation-easing);min-width:64px;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;gap:var(--host-udp-btn-icon-gap, var(--spacing-03));border-radius:2px}.udp-button--has-start-icon{padding-left:var(--host-udp-btn-padding-x-with-start-icon)}.udp-button--has-end-icon{padding-right:var(--host-udp-btn-padding-x-with-end-icon)}.udp-button:focus-visible{outline:var(--host-udp-btn-focus-outline, var(--focus-outline, 2px solid blue));outline-offset:0}.udp-button__content-wrapper{display:contents}.udp-button__icon,.udp-button__text-content{display:inline-flex;align-items:center}.udp-button__icon svg{width:var(--host-udp-btn-icon-size, 1.25em);height:var(--host-udp-btn-icon-size, 1.25em);}.udp-button__text-content:empty{display:none}.udp-button__label{display:inherit;align-items:inherit;justify-content:inherit;width:100%;}.udp-button--full-width{width:100%}.udp-button--small{font-size:calc(var(--button-font-size) * 0.9);padding:var(--spacing-02) var(--spacing-04);min-width:48px}.udp-button--large{font-size:calc(var(--button-font-size) * 1.1);padding:var(--spacing-04) var(--spacing-06);min-width:80px}.udp-button--small .udp-button__icon svg{width:var(--host-udp-btn-small-icon-size, 1.1em);height:var(--host-udp-btn-small-icon-size, 1.1em)}.udp-button--large .udp-button__icon svg{width:var(--host-udp-btn-large-icon-size, 1.4em);height:var(--host-udp-btn-large-icon-size, 1.4em)}.udp-button--contained.udp-button--color-primary{background-color:var(--host-udp-btn-contained-primary-bg, var(--primary-color, black));color:var(--host-udp-btn-contained-primary-text, var(--primary-contrast-text, white))}.udp-button--contained.udp-button--color-primary:hover{background-color:var(--host-udp-btn-contained-primary-hover-bg, var(--primary-color-dark, dimgray))}.udp-button--contained.udp-button--color-secondary{background-color:var(--host-udp-btn-contained-secondary-bg, var(--secondary-color, black));color:var(--host-udp-btn-contained-secondary-text, var(--secondary-contrast-text, white))}.udp-button--contained.udp-button--color-secondary:hover{background-color:var(--host-udp-btn-contained-secondary-hover-bg, var(--secondary-color-dark, dimgray))}.udp-button--contained.udp-button--color-success{background-color:var(--host-udp-btn-contained-success-bg, var(--success-color-main, green));color:var(--host-udp-btn-contained-success-text, var(--success-contrast-text, white))}.udp-button--contained.udp-button--color-success:hover{background-color:var(--host-udp-btn-contained-success-hover-bg, var(--success-color-dark, darkgreen))}.udp-button--contained.udp-button--color-error{background-color:var(--host-udp-btn-contained-error-bg, var(--error-color-main, red));color:var(--host-udp-btn-contained-error-text, var(--error-contrast-text, white))}.udp-button--contained.udp-button--color-error:hover{background-color:var(--host-udp-btn-contained-error-hover-bg, var(--error-color-dark, darkred))}.udp-button--contained.udp-button--color-warning{background-color:var(--host-udp-btn-contained-warning-bg, var(--warning-color-main, orange));color:var(--host-udp-btn-contained-warning-text, var(--warning-contrast-text, white))}.udp-button--contained.udp-button--color-warning:hover{background-color:var(--host-udp-btn-contained-warning-hover-bg, var(--warning-color-dark, darkorange))}.udp-button--contained.udp-button--color-info{background-color:var(--host-udp-btn-contained-info-bg, var(--info-color-main, blue));color:var(--host-udp-btn-contained-info-text, var(--info-contrast-text, white))}.udp-button--contained.udp-button--color-info:hover{background-color:var(--host-udp-btn-contained-info-hover-bg, var(--info-color-dark, darkblue))}.udp-button--outlined{background-color:var(--host-udp-btn-outlined-default-bg, transparent)}.udp-button--outlined:active{background-color:var(--host-udp-btn-outlined-default-active-bg, rgba(0,0,0, 0.04))}.udp-button--outlined.udp-button--color-primary{border-color:var(--host-udp-btn-outlined-primary-border, var(--primary-color, black));color:var(--host-udp-btn-outlined-primary-text, var(--primary-color, black))}.udp-button--outlined.udp-button--color-primary:hover{background-color:var(--host-udp-btn-outlined-primary-hover-bg, var(--primary-color-hint, lightgray));border-color:var(--host-udp-btn-outlined-primary-hover-border, var(--primary-color-dark, dimgray))}.udp-button--outlined.udp-button--color-secondary{border-color:var(--host-udp-btn-outlined-secondary-border, var(--secondary-color, black));color:var(--host-udp-btn-outlined-secondary-text, var(--secondary-color, black))}.udp-button--outlined.udp-button--color-secondary:hover{background-color:var(--host-udp-btn-outlined-secondary-hover-bg, var(--secondary-color-hint, lightgray));border-color:var(--host-udp-btn-outlined-secondary-hover-border, var(--secondary-color-dark, dimgray))}.udp-button--outlined.udp-button--color-success{border-color:var(--host-udp-btn-outlined-success-border, var(--success-color-main, green));color:var(--host-udp-btn-outlined-success-text, var(--success-color-main, green))}.udp-button--outlined.udp-button--color-success:hover{background-color:var(--host-udp-btn-outlined-success-hover-bg, var(--success-color-hint, lightgreen));border-color:var(--host-udp-btn-outlined-success-hover-border, var(--success-color-dark, darkgreen))}.udp-button--outlined.udp-button--color-error{border-color:var(--host-udp-btn-outlined-error-border, var(--error-color-main, red));color:var(--host-udp-btn-outlined-error-text, var(--error-color-main, red))}.udp-button--outlined.udp-button--color-error:hover{background-color:var(--host-udp-btn-outlined-error-hover-bg, var(--error-color-hint, lightpink));border-color:var(--host-udp-btn-outlined-error-hover-border, var(--error-color-dark, darkred))}.udp-button--outlined.udp-button--color-warning{border-color:var(--host-udp-btn-outlined-warning-border, var(--warning-color-main, orange));color:var(--host-udp-btn-outlined-warning-text, var(--warning-color-main, orange))}.udp-button--outlined.udp-button--color-warning:hover{background-color:var(--host-udp-btn-outlined-warning-hover-bg, var(--warning-color-hint, lightyellow));border-color:var(--host-udp-btn-outlined-warning-hover-border, var(--warning-color-dark, darkorange))}.udp-button--outlined.udp-button--color-info{border-color:var(--host-udp-btn-outlined-info-border, var(--info-color-main, blue));color:var(--host-udp-btn-outlined-info-text, var(--info-color-main, blue))}.udp-button--outlined.udp-button--color-info:hover{background-color:var(--host-udp-btn-outlined-info-hover-bg, var(--info-color-hint, lightblue));border-color:var(--host-udp-btn-outlined-info-hover-border, var(--info-color-dark, darkblue))}.udp-button--text{background-color:var(--host-udp-btn-text-default-bg, transparent);border-color:var(--host-udp-btn-text-default-border, transparent);}.udp-button--text:active{background-color:var(--host-udp-btn-text-default-active-bg, rgba(0,0,0, 0.04))}.udp-button--text.udp-button--color-primary{color:var(--host-udp-btn-text-primary-text, var(--primary-color, black))}.udp-button--text.udp-button--color-primary:hover{background-color:var(--host-udp-btn-text-primary-hover-bg, var(--primary-color-hint, lightgray))}.udp-button--text.udp-button--color-secondary{color:var(--host-udp-btn-text-secondary-text, var(--secondary-color, black))}.udp-button--text.udp-button--color-secondary:hover{background-color:var(--host-udp-btn-text-secondary-hover-bg, var(--secondary-color-hint, lightgray))}.udp-button--text.udp-button--color-success{color:var(--host-udp-btn-text-success-text, var(--success-color-main, green))}.udp-button--text.udp-button--color-success:hover{background-color:var(--host-udp-btn-text-success-hover-bg, var(--success-color-hint, lightgreen))}.udp-button--text.udp-button--color-error{color:var(--host-udp-btn-text-error-text, var(--error-color-main, red))}.udp-button--text.udp-button--color-error:hover{background-color:var(--host-udp-btn-text-error-hover-bg, var(--error-color-hint, lightpink))}.udp-button--text.udp-button--color-warning{color:var(--host-udp-btn-text-warning-text, var(--warning-color-main, orange))}.udp-button--text.udp-button--color-warning:hover{background-color:var(--host-udp-btn-text-warning-hover-bg, var(--warning-color-hint, lightyellow))}.udp-button--text.udp-button--color-info{color:var(--host-udp-btn-text-info-text, var(--info-color-main, blue))}.udp-button--text.udp-button--color-info:hover{background-color:var(--host-udp-btn-text-info-hover-bg, var(--info-color-hint, lightblue))}.udp-button--color-inherit{color:var(--host-udp-btn-inherit-text, inherit)}.udp-button--text.udp-button--color-inherit:hover{background-color:var(--host-udp-btn-text-inherit-hover-bg, var(--gray-02, #e0e0e0))}.udp-button--outlined.udp-button--color-inherit{border-color:var(--host-udp-btn-outlined-inherit-border, currentColor)}.udp-button--outlined.udp-button--color-inherit:hover{background-color:var(--host-udp-btn-outlined-inherit-hover-bg, var(--gray-02, #e0e0e0));border-color:var(--host-udp-btn-outlined-inherit-hover-border, currentColor)}.udp-button--contained.udp-button--color-inherit{background-color:var(--host-udp-btn-contained-inherit-bg, var(--gray-03, #c0c0c0));color:var(--host-udp-btn-contained-inherit-text, var(--text-main, black))}.udp-button--contained.udp-button--color-inherit:hover{background-color:var(--host-udp-btn-contained-inherit-hover-bg, var(--gray-04, #b0b0b0))}.udp-button--disabled{cursor:not-allowed;pointer-events:none;color:var(--host-udp-btn-disabled-general-text, var(--text-disabled, #a0a0a0)) !important}.udp-button--contained.udp-button--disabled{background-color:var(--host-udp-btn-contained-disabled-bg, var(--disabled-color-main, #e0e0e0)) !important;color:var(--host-udp-btn-contained-disabled-text, var(--text-disabled, #a0a0a0)) !important;box-shadow:var(--host-udp-btn-contained-disabled-shadow, none) !important}.udp-button--outlined.udp-button--disabled{border-color:var(--host-udp-btn-outlined-disabled-border, var(--disabled-color-main, #e0e0e0)) !important;color:var(--host-udp-btn-outlined-disabled-text, var(--text-disabled, #a0a0a0)) !important;}.udp-button--text.udp-button--disabled{color:var(--host-udp-btn-text-disabled-text, var(--text-disabled, #a0a0a0)) !important;background-color:var(--host-udp-btn-text-disabled-bg, transparent) !important;}.udp-button--disabled:hover,.udp-button--disabled:active{}.udp-button--contained.udp-button--disabled:hover,.udp-button--contained.udp-button--disabled:active{background-color:var(--host-udp-btn-contained-disabled-bg, var(--disabled-color-main, #e0e0e0)) !important;box-shadow:var(--host-udp-btn-contained-disabled-shadow, none) !important}.udp-button--outlined.udp-button--disabled:hover,.udp-button--outlined.udp-button--disabled:active{background-color:var(--host-udp-btn-outlined-disabled-hover-bg, transparent) !important;border-color:var(--host-udp-btn-outlined-disabled-border, var(--disabled-color-main, #e0e0e0)) !important}.udp-button--text.udp-button--disabled:hover,.udp-button--text.udp-button--disabled:active{background-color:var(--host-udp-btn-text-disabled-hover-bg, transparent) !important;}.udp-button--toolbar-layout{flex-direction:column;justify-content:center;align-items:center;padding:var(--host-udp-btn-toolbar-padding, var(--spacing-03));width:var(--host-udp-btn-toolbar-fixed-size-medium, 80px);height:var(--host-udp-btn-toolbar-fixed-size-medium, 80px);gap:var(--host-udp-btn-toolbar-gap-medium, var(--spacing-01));}.udp-button--toolbar-layout .udp-button__icon svg{width:var(--host-udp-btn-toolbar-icon-size-medium, 2em);height:var(--host-udp-btn-toolbar-icon-size-medium, 2em);fill:currentColor}.udp-button--toolbar-layout .udp-button__text-content{font-size:var(--host-udp-btn-toolbar-font-size-medium, var(--font-size-caption, 0.75rem));line-height:var(--host-udp-btn-toolbar-line-height-medium, var(--line-height-caption, 1.2));text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:calc(var(--host-udp-btn-toolbar-line-height-medium, 1.2) * 2em);word-break:break-word}.udp-button--toolbar-layout.udp-button--small{width:var(--host-udp-btn-toolbar-fixed-size-small, 60px);height:var(--host-udp-btn-toolbar-fixed-size-small, 60px);gap:var(--host-udp-btn-toolbar-gap-small, var(--spacing-01));padding:var(--host-udp-btn-toolbar-padding-small, var(--spacing-02))}.udp-button--toolbar-layout.udp-button--small .udp-button__icon svg{width:var(--host-udp-btn-toolbar-icon-size-small, 1.6em);height:var(--host-udp-btn-toolbar-icon-size-small, 1.6em)}.udp-button--toolbar-layout.udp-button--small .udp-button__text-content{font-size:var(--host-udp-btn-toolbar-font-size-small, calc(var(--font-size-caption, 0.75rem) * 0.9));line-height:var(--host-udp-btn-toolbar-line-height-small, var(--line-height-caption, 1.2));max-height:calc(var(--host-udp-btn-toolbar-line-height-small, 1.2) * 2em);}.udp-button--toolbar-layout.udp-button--large{width:var(--host-udp-btn-toolbar-fixed-size-large, 100px);height:var(--host-udp-btn-toolbar-fixed-size-large, 100px);gap:var(--host-udp-btn-toolbar-gap-large, var(--spacing-02));padding:var(--host-udp-btn-toolbar-padding-large, var(--spacing-04))}.udp-button--toolbar-layout.udp-button--large .udp-button__icon svg{width:var(--host-udp-btn-toolbar-icon-size-large, 2.4em);height:var(--host-udp-btn-toolbar-icon-size-large, 2.4em)}.udp-button--toolbar-layout.udp-button--large .udp-button__text-content{max-height:calc(var(--host-udp-btn-toolbar-line-height-large, 1.2) * 2em);}.udp-button--toolbar-layout:hover:not(.udp-button--contained):not(.udp-button--outlined){background-color:var(--host-udp-btn-toolbar-layout-base-hover-bg, var(--gray-02, #e0e0e0));border-color:var(--host-udp-btn-toolbar-layout-base-hover-border-color, var(--gray-04, #b0b0b0))}.udp-button--toolbar-layout:active:not(.udp-button--contained):not(.udp-button--outlined){background-color:var(--host-udp-btn-toolbar-layout-base-active-bg, var(--gray-03, #c0c0c0))}.udp-button--color-inherit{color:var(--host-udp-btn-inherit-text, inherit)}.udp-button--text.udp-button--color-inherit:hover{background-color:var(--host-udp-btn-text-inherit-hover-bg, var(--gray-02, #e0e0e0))}.udp-button--outlined.udp-button--color-inherit{border-color:var(--host-udp-btn-outlined-inherit-border, currentColor)}.udp-button--outlined.udp-button--color-inherit:hover{background-color:var(--host-udp-btn-outlined-inherit-hover-bg, var(--gray-02, #e0e0e0));border-color:var(--host-udp-btn-outlined-inherit-hover-border, currentColor)}.udp-button--contained.udp-button--color-inherit{background-color:var(--host-udp-btn-contained-inherit-bg, var(--gray-03, #c0c0c0));color:var(--host-udp-btn-contained-inherit-text, var(--text-main, black))}.udp-button--contained.udp-button--color-inherit:hover{background-color:var(--host-udp-btn-contained-inherit-hover-bg, var(--gray-04, #b0b0b0))}@keyframes udp-button-spinner-spin{from{transform:translate(-50%, -50%) rotate(0deg)}to{transform:translate(-50%, -50%) rotate(360deg)}}.udp-button__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:none;width:var(--host-udp-btn-icon-size, 1.25em);height:var(--host-udp-btn-icon-size, 1.25em);border:2px solid currentColor;border-right-color:transparent;border-radius:50%;box-sizing:border-box}.udp-button--loading .udp-button__spinner{display:inline-block;animation:udp-button-spinner-spin 0.75s linear infinite}.udp-button--loading .udp-button__content-wrapper{visibility:hidden}.udp-button--small .udp-button__spinner{width:var(--host-udp-btn-small-icon-size, 1.1em);height:var(--host-udp-btn-small-icon-size, 1.1em);border-width:2px}.udp-button--large .udp-button__spinner{width:var(--host-udp-btn-large-icon-size, 1.4em);height:var(--host-udp-btn-large-icon-size, 1.4em);border-width:3px}";const Fe=class{constructor(e){t(this,e),this.chipClick=i(this,"chipClick",7),this.chipDelete=i(this,"chipDelete",7),this.variant="filled",this.color="gray",this.size="medium",this.deleteButton=!1,this.clickable=!1,this.handleDeleteClick=e=>{e.stopPropagation(),this.chipDelete.emit(this.label)},this.handleChipClick=()=>{this.clickable&&this.chipClick.emit(this.label)}}render(){return e("div",{key:"361854166b47c2faec56bda81a5f3519e3e7bc2e",class:{chip:!0,[`chip--${this.variant}`]:!0,[`chip--color-${this.color}`]:!0,[`chip--size-${this.size}`]:!0,"chip--clickable":this.clickable},onClick:this.handleChipClick},this.startIcon&&e("span",{key:"2cb82ff959a3f418676f65ad08a227ed130d281c",class:"chip__icon chip__icon--start"},e("udp-icon",{key:"4b728fe4c1b7448abbe1a7e888cfc34d98a38aa7",iconName:this.startIcon,color:"inherit"})),e("span",{key:"47fba8918f0b9472ddd38121bcdc0136fce69769",class:"chip__label"},this.label),this.deleteButton&&e("span",{key:"27c9e7b53186d99ac1c5b9c85e9c227eaad8b26d",class:"chip__delete-icon",onClick:this.handleDeleteClick,title:"Remove"},e("svg",{key:"dec4211f3f3daaac983a69624fd55769cb156431",width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor"},e("path",{key:"9bd1af5220cae817be75dbc64e0f5d6d73bf04f1",d:"M12 4.7l-.7-.7L8 7.3 4.7 4l-.7.7L7.3 8 4 11.3l.7.7L8 8.7l3.3 3.3.7-.7L8.7 8z"}))))}};Fe.style=":host{display:inline-flex;vertical-align:middle;--udp-chip-primary-color:var(--primary-color);--udp-chip-primary-color-text:var(--primary-contrast-text);--udp-chip-secondary-color:var(--secondary-color);--udp-chip-secondary-color-text:var(--secondary-contrast-text);--udp-chip-success-color:var(--success-color-main);--udp-chip-success-color-text:var(--success-contrast-text);--udp-chip-error-color:var(--error-color-main);--udp-chip-error-color-text:var(--error-contrast-text);--udp-chip-warning-color:var(--warning-color-main);--udp-chip-warning-color-text:var(--warning-contrast-text);--udp-chip-info-color:var(--info-color-main);--udp-chip-info-color-text:var(--info-contrast-text);--udp-chip-monochrome-color:#FFFFFF;--udp-chip-monochrome-color-text:var(--text-main);--udp-chip-gray-color:var(--gray-02);--udp-chip-gray-color-text:var(--text-main);--udp-chip-gray-color-border:var(--gray-04);--font-family:var(--font-family);--spacing-01:var(--spacing-01);--spacing-02:var(--spacing-02);--udp-chip-primary-color-light:var(--primary-color-hint);--udp-chip-secondary-color-light:var(--secondary-color-hint);--udp-chip-success-color-light:var(--success-color-hint);--udp-chip-error-color-light:var(--error-color-hint);--udp-chip-warning-color-light:var(--warning-color-hint);--udp-chip-info-color-light:var(--info-color-hint);--udp-chip-monochrome-color-light:var(--gray-02);--udp-chip-gray-color-light:var(--gray-02)}.chip{font-family:var(--font-family);display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;white-space:nowrap;transition:background-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out, border-color 0.1s ease-in-out;border:1px solid transparent;border-radius:16px;gap:4px;cursor:default}.chip--clickable{cursor:pointer}.chip--clickable:hover{box-shadow:0 1px 2px rgba(0, 0, 0, 0.15)}.chip--outlined.chip--clickable:hover{box-shadow:0 1px 2px rgba(0, 0, 0, 0.2)}.chip__label{line-height:1;}.chip--size-medium{height:32px;font-size:13px;padding:8px}.chip--size-medium .chip__label{padding:0 var(--spacing-02)}.chip--size-medium .chip__icon--start{margin-left:0px;margin-right:4px}.chip--size-medium .chip__delete-icon{height:20px;width:20px;margin-right:-4px}.chip--size-medium .chip__delete-icon svg{width:14px;height:14px}.chip--size-small{height:auto;font-size:12px;padding:5px 4px;border-radius:12px;}.chip--size-small .chip__label{padding:0 4px}.chip--size-small .chip__icon--start{margin-left:0;margin-right:3px}.chip--size-small .chip__delete-icon{height:18px;width:18px;margin-right:-2px}.chip--size-small .chip__delete-icon svg{width:12px;height:12px}.chip__delete-icon{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;transition:background-color 0.15s ease-in-out}.chip--filled.chip--color-primary{background-color:var(--udp-chip-primary-color);color:var(--udp-chip-primary-color-text)}.chip--filled.chip--color-secondary{background-color:var(--udp-chip-secondary-color);color:var(--udp-chip-secondary-color-text)}.chip--filled.chip--color-success{background-color:var(--udp-chip-success-color);color:var(--udp-chip-success-color-text)}.chip--filled.chip--color-error{background-color:var(--udp-chip-error-color);color:var(--udp-chip-error-color-text)}.chip--filled.chip--color-warning{background-color:var(--udp-chip-warning-color);color:var(--udp-chip-warning-color-text)}.chip--filled.chip--color-info{background-color:var(--udp-chip-info-color);color:var(--udp-chip-info-color-text)}.chip--filled.chip--color-monochrome{background-color:var(--udp-chip-monochrome-color);color:var(--udp-chip-monochrome-color-text)}.chip--filled.chip--color-gray{background-color:var(--udp-chip-gray-color);color:var(--udp-chip-gray-color-text)}.chip--filled:not(.chip--color-warning):not(.chip--color-gray) .chip__delete-icon{background-color:rgba(255, 255, 255, 0.15)}.chip--filled:not(.chip--color-warning):not(.chip--color-gray) .chip__delete-icon:hover{background-color:rgba(255, 255, 255, 0.25)}.chip--filled.chip--color-warning .chip__delete-icon,.chip--filled.chip--color-gray .chip__delete-icon,.chip--filled.chip--color-monochrome .chip__delete-icon{background-color:rgba(0, 0, 0, 0.08)}.chip--filled.chip--color-warning .chip__delete-icon:hover,.chip--filled.chip--color-gray .chip__delete-icon:hover,.chip--filled.chip--color-monochrome .chip__delete-icon:hover{background-color:rgba(0, 0, 0, 0.16)}.chip--outlined{background-color:transparent}.chip--outlined.chip--color-primary{border-color:var(--udp-chip-primary-color);color:var(--udp-chip-primary-color)}.chip--outlined.chip--color-secondary{border-color:var(--udp-chip-secondary-color);color:var(--udp-chip-secondary-color)}.chip--outlined.chip--color-success{border-color:var(--udp-chip-success-color);color:var(--udp-chip-success-color)}.chip--outlined.chip--color-error{border-color:var(--udp-chip-error-color);color:var(--udp-chip-error-color)}.chip--outlined.chip--color-warning{border-color:var(--udp-chip-warning-color);color:var(--udp-chip-warning-color)}.chip--outlined.chip--color-info{border-color:var(--udp-chip-info-color);color:var(--udp-chip-info-color)}.chip--outlined.chip--color-monochrome{color:inherit;border-color:currentColor;}.chip--outlined.chip--color-gray{border-color:var(--udp-chip-gray-color-border);color:var(--udp-chip-gray-color-text)}.chip--outlined.chip--color-primary .chip__delete-icon{background-color:var(--udp-chip-primary-color-light)}.chip--outlined.chip--color-secondary .chip__delete-icon{background-color:var(--udp-chip-secondary-color-light)}.chip--outlined.chip--color-success .chip__delete-icon{background-color:var(--udp-chip-success-color-light)}.chip--outlined.chip--color-error .chip__delete-icon{background-color:var(--udp-chip-error-color-light)}.chip--outlined.chip--color-warning .chip__delete-icon{background-color:var(--udp-chip-warning-color-light)}.chip--outlined.chip--color-info .chip__delete-icon{background-color:var(--udp-chip-info-color-light)}.chip--outlined.chip--color-monochrome .chip__delete-icon{background-color:var(--udp-chip-monochrome-color-light)}.chip--outlined.chip--color-gray .chip__delete-icon{background-color:var(--udp-chip-gray-color-light)}.chip--outlined .chip__delete-icon:hover{background-color:rgba(0, 0, 0, 0.08)}";const _e={compact:{small:"xs",medium:"xs",large:"sm"},standard:{small:"xs",medium:"sm",large:"md"},prominent:{small:"sm",medium:"md",large:"lg"}};function Be(e,t="compact"){return _e[t][e]}const De={small:"xs",medium:"xs",large:"xs","extra-large":"sm"};function Ie(e){return De[e]}const Te=class{constructor(e){t(this,e),this.appearance="secondary",this.shape="rounded",this.size="medium",this.disabled=!1,this.iconOnly=!1,this.disabledFocusable=!1,this.loading=!1}render(){const t=A(this.el,"start")||!!this.startIconName,i=A(this.el,"end")||!!this.endIconName,o=A(this.el,"description")||!!this.description,n=Be(this.size,"prominent");return e(a,{key:"212b785c591acf67253cb180efb3a032ec60b38e"},e("fluent-compound-button",{key:"5c98090d79a3087e8b75727003aa2666860a57b1",appearance:this.appearance,disabled:this.disabled||this.loading,"disabled-focusable":this.disabledFocusable,shape:this.shape,size:this.size,"icon-only":this.iconOnly},t&&e("span",{key:"979679564974c63e6bffa9d4cdef1851b7487c8f",class:"slot-wrapper",slot:"start"},e("slot",{key:"d14bf4f6baecd930a13bad49f61281175812b596",name:"start"},this.startIconName&&e("udp-fluent-icon",{key:"7c783a55f0c355d779163d27a7a5e9831238bb14",name:this.startIconName,size:n}))),o&&e("span",{key:"05775142c1cdbf662c395dc159911d66d2d0253c",slot:"description",class:"description-wrapper"},e("slot",{key:"4d650275f2037808d6c3ae5b8d87c60a83cf619b",name:"description"},this.description)),e("slot",{key:"688741673c2e02e122585ddbbea8c1ae57e9590d"}),i&&e("span",{key:"96dd3816da1eb4cae5816f619d938abd2cd4f9da",class:"slot-wrapper",slot:"end"},e("slot",{key:"ac28aff0d58792ac45a56a98ed16b968f428ead0",name:"end"},this.endIconName&&e("udp-fluent-icon",{key:"808eb095073681b9664775a2b4188a1e84359a62",name:this.endIconName,size:n})))),this.loading&&e("div",{key:"8fb67bdc557e1b314693fa2bc27578a64bd3c0bd",class:"loading-overlay"},e("udp-spinner",{key:"934cc5075e0cf2d66b11433676f48550030deca4",size:"large"===this.size?"extra-small":"tiny"})))}get el(){return o(this)}};Te.style=":host{display:inline-block;position:relative;width:fit-content}:host([loading]) fluent-compound-button{color:transparent !important}:host([loading]) ::slotted(*){visibility:hidden !important}:host([loading]) .slot-wrapper,:host([loading]) .description-wrapper{visibility:hidden}.loading-overlay{position:absolute;top:55%;left:50%;transform:translate(-50%, -50%);z-index:1;pointer-events:none;display:flex;align-items:center;justify-content:center}";const Ae=class{constructor(e){t(this,e),this.valueChanged=i(this,"valueChanged",7),this.inputBlur=i(this,"inputBlur",7),this.inputFocus=i(this,"inputFocus",7),this.isPopoverOpen=!1,this.restoreFocusOnClose=!1,this.displayValue="",this.internalError="",this.internalValue="",this.includeErrorPadding=!0,this.required=!1,this.disabled=!1,this.readonly=!1,this.autofocus=!1,this.autocomplete="off",this.appearance="outline",this.controlSize="medium",this.format="MM/DD/YYYY",this.dateSelectionType="single",this.handleKeyDown=e=>{if(!this.disabled)switch(e.key){case"ArrowDown":case"ArrowUp":e.preventDefault(),this.isPopoverOpen?this.focusCalendar():(this.isPopoverOpen=!0,requestAnimationFrame((()=>this.focusCalendar())));break;case"Enter":if(e.preventDefault(),this.displayValue){if(this.processAndEmitDate())return void(this.isPopoverOpen=!1)}else this.internalValue="",this.valueChanged.emit("");this.isPopoverOpen=!this.isPopoverOpen;break;case" ":e.preventDefault(),this.isPopoverOpen=!this.isPopoverOpen;break;case"Escape":this.isPopoverOpen&&(e.preventDefault(),this.restoreFocusOnClose=!0,this.isPopoverOpen=!1);break;case"Tab":this.isPopoverOpen?(e.preventDefault(),this.focusCalendar()):this.processAndEmitDate()}},this.handleInput=e=>{e.stopPropagation(),this.displayValue=e.target.value,this.internalError&&(this.internalError="")},this.handleBlur=()=>{this.processAndEmitDate(),this.inputBlur.emit()},this.handleDateSelect=e=>{e.stopPropagation(),this.internalValue=e.detail,this.displayValue=this.formatDateForDisplay(e.detail),this.valueChanged.emit(e.detail),this.restoreFocusOnClose=!0,this.isPopoverOpen=!1},this.handleToday=()=>{const e=new Date,t=this.toISODate(e);let i=t;"range"===this.dateSelectionType&&(i=`${t}/${t}`),this.internalValue=i,this.displayValue=this.formatDateForDisplay(i),this.valueChanged.emit(i),this.restoreFocusOnClose=!0,this.isPopoverOpen=!1},this.handleClear=()=>{this.internalValue="",this.displayValue="",this.valueChanged.emit(""),this.restoreFocusOnClose=!0,this.isPopoverOpen=!1},this.ignoreNextInputClick=!1,this.handleInputClick=()=>{this.ignoreNextInputClick?this.ignoreNextInputClick=!1:this.isPopoverOpen||(this.isPopoverOpen=!0)},this.handleLabelMouseDown=e=>{e.preventDefault(),this.ignoreNextInputClick=!0,this.isPopoverOpen=!this.isPopoverOpen,this.focusInput()},this.handleIconMouseDown=e=>{e.preventDefault()},this.handleIconClick=()=>{this.isPopoverOpen=!this.isPopoverOpen}}get resolvedFormat(){var e;return null!==(e=this.dateFormat)&&void 0!==e?e:this.format}onValueChange(e){e!==this.internalValue&&(this.internalValue=this.parseDateInput(e)||e||"",this.displayValue=this.formatDateForDisplay(this.internalValue))}onFormatChange(){this.displayValue=this.formatDateForDisplay(this.internalValue)}componentWillLoad(){this.value&&(this.internalValue=this.parseDateInput(this.value)||this.value,this.displayValue=this.formatDateForDisplay(this.internalValue))}componentDidLoad(){this.inputRef&&null!=this.displayValue&&(this.inputRef.value=this.displayValue)}formatDateForDisplay(e){if(!e)return"";if(e.includes("/")){const t=e.split("/");if(2===t.length)return`${this.formatDateForDisplay(t[0])} - ${this.formatDateForDisplay(t[1])}`}const t=(e=e.split("T")[0]).match(/^(\d{4})-(\d{2})-(\d{2})$/);if(!t)return e;const[,i,a,o]=t;switch(this.resolvedFormat){case"MM/DD/YYYY":default:return`${a}/${o}/${i}`;case"DD/MM/YYYY":return`${o}/${a}/${i}`;case"YYYY/MM/DD":return`${i}/${a}/${o}`}}parseDateInput(e){if(!e)return null;if("range"===this.dateSelectionType)if(e.includes(" - ")){const t=e.split(" - ");if(2===t.length){const e=this.parseSingleDateInput(t[0]),i=this.parseSingleDateInput(t[1]);if(e&&i)return`${e}/${i}`}}else if(1===(e.match(/-/g)||[]).length){const t=e.split("-");if(2===t.length){const e=this.parseSingleDateInput(t[0]),i=this.parseSingleDateInput(t[1]);if(e&&i)return`${e}/${i}`}}return this.parseSingleDateInput(e)}parseSingleDateInput(e){if(!e)return null;const t=e.trim().toLowerCase(),i=new Date,a=t.match(/^([+-])(\d+)$/);if(a){const e="+"===a[1]?1:-1,t=parseInt(a[2],10),o=new Date(i);return o.setDate(o.getDate()+e*t),this.toISODate(o)}if("t"===t||"."===t)return this.toISODate(i);if("tomorrow"===t||"tom"===t){const e=new Date(i);return e.setDate(e.getDate()+1),this.toISODate(e)}if("yesterday"===t||"yes"===t){const e=new Date(i);return e.setDate(e.getDate()-1),this.toISODate(e)}const o=["sun","mon","tue","wed","thu","fri","sat"].findIndex((e=>t===e||t===e+"day"));if(-1!==o){const e=new Date(i);let t=o-e.getDay();return t<=0&&(t+=7),e.setDate(e.getDate()+t),this.toISODate(e)}const n=["jan","feb","mar","apr","may","jun","jul","aug","sep","oct","nov","dec"],r=t.match(/^([a-z]{3,})(\d{1,2})$/);if(r){const e=r[1],t=parseInt(r[2],10),a=n.findIndex((t=>e.startsWith(t)));if(-1!==a){const e=i.getFullYear();if(this.isValidDate(e,a+1,t))return this.toISODate(new Date(e,a,t))}}if(/^\d{4}$/.test(t)){let e,a;if("YYYY/MM/DD"===this.resolvedFormat?(e=parseInt(t.substring(0,2),10),a=parseInt(t.substring(2,4),10)):"DD/MM/YYYY"===this.resolvedFormat?(a=parseInt(t.substring(0,2),10),e=parseInt(t.substring(2,4),10)):(e=parseInt(t.substring(0,2),10),a=parseInt(t.substring(2,4),10)),this.isValidDate(i.getFullYear(),e,a))return this.toISODate(new Date(i.getFullYear(),e-1,a))}const s=t.match(/^(\d{1,4})[\/\-.](\d{1,2})[\/\-.](\d{1,4})$/);if(s){const[,e,t,i]=s.map(Number);let a,o,n;if("YYYY/MM/DD"===this.resolvedFormat||e>31?(a=e,o=t,n=i):"DD/MM/YYYY"===this.resolvedFormat?(n=e,o=t,a=i):(o=e,n=t,a=i),a<100&&(a+=a<50?2e3:1900),a>99&&a<1e3)return null;if(this.isValidDate(a,o,n))return this.toISODate(new Date(a,o-1,n))}const l=t.match(/^(\d{1,2})[\/\-.](\d{1,2})$/);if(l){const[,e,t]=l.map(Number),a=i.getFullYear();let o,n;if("DD/MM/YYYY"===this.resolvedFormat||"YYYY/MM/DD"===this.resolvedFormat?(n=e,o=t):(o=e,n=t),this.isValidDate(a,o,n))return this.toISODate(new Date(a,o-1,n))}const d=t.split("t")[0].match(/^(\d{4})-(\d{2})-(\d{2})$/);if(d){const[,e,i,a]=d.map(Number);if(this.isValidDate(e,i,a))return t.split("t")[0]}return null}toISODate(e){return`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,"0")}-${String(e.getDate()).padStart(2,"0")}`}isValidDate(e,t,i){if(t<1||t>12||i<1)return!1;const a=new Date(e,t-1,i);return a.getFullYear()===e&&a.getMonth()===t-1&&a.getDate()===i}isDateInRange(e){if(!e)return{valid:!0};const t=e=>{const t=new Date(e);if(this.minDate){const e=new Date(this.minDate);if(t<e){const t=new Date(e);t.setUTCDate(e.getUTCDate()-1);const i=t.toISOString().split("T")[0];return{valid:!1,message:`Date must be after ${this.formatDateForDisplay(i)}`}}}if(this.maxDate){const e=new Date(this.maxDate);if(t>e){const t=new Date(e);t.setUTCDate(e.getUTCDate()+1);const i=t.toISOString().split("T")[0];return{valid:!1,message:`Date must be before ${this.formatDateForDisplay(i)}`}}}return{valid:!0}};if(e.includes("/")){const i=e.split("/");for(const e of i){const i=t(e);if(!i.valid)return i}return{valid:!0}}return t(e)}processAndEmitDate(){if(!this.displayValue)return this.internalValue="",this.internalError="",this.valueChanged.emit(""),!0;const e=this.parseDateInput(this.displayValue);if(e){const t=this.isDateInRange(e);return t.valid?(this.internalError="",this.internalValue=e,this.displayValue=this.formatDateForDisplay(e),this.valueChanged.emit(e),!0):(this.internalError=t.message,this.displayValue=this.formatDateForDisplay(e),!1)}return this.internalValue="",this.displayValue="",this.internalError="Invalid date",this.valueChanged.emit(""),!1}focusCalendar(){if(this.calendarRef){const e=this.calendarRef;"function"==typeof e.setFocus&&e.setFocus()}}focusInput(){var e;if(this.inputRef){const t=null===(e=this.inputRef.shadowRoot)||void 0===e?void 0:e.querySelector("input");null==t||t.focus()}}render(){const t=!!this.error||!!this.internalError,i=this.internalError||this.error||this.hint;return e(a,{key:"9a0b36661cc0bc79733f5e5166b0237c74b8055a",class:{"has-error":t,disabled:this.disabled}},e("fluent-field",{key:"fb3070fa56b39354181e4e1df3125a22673e90e4",class:{"no-message":!i&&!this.includeErrorPadding}},e("udp-popover",{key:"671bbd0c71a947b916eb6b4d2c90f632344e6284",slot:"input",open:this.isPopoverOpen,position:"bottom-start",toggleOnTriggerClick:!1,onPopoverClose:()=>{this.isPopoverOpen=!1,this.restoreFocusOnClose&&(this.restoreFocusOnClose=!1,requestAnimationFrame((()=>this.focusInput())))},trapFocus:!1,closeOnBlur:!1},e("fluent-text-input",{key:"2ed5e9fb7e708f42ad4ee35fd51e12fad200b76e",slot:"trigger",ref:e=>this.inputRef=e,class:{"no-label":!this.label},name:this.name,value:this.displayValue,type:"text",required:this.required,disabled:this.disabled,readonly:this.readonly,autofocus:this.autofocus,autocomplete:this.autocomplete,appearance:this.appearance,controlSize:this.controlSize,onInput:this.handleInput,onKeyDown:this.handleKeyDown,onBlur:this.handleBlur,onFocus:()=>this.inputFocus.emit(),onClick:this.handleInputClick,onInvalid:e=>e.preventDefault()},e("fluent-label",{key:"1b52489eca9d175bb163af05831bc8237b6a3ebb",required:this.required,disabled:this.disabled,onMouseDown:this.handleLabelMouseDown},this.label,this.popupHint&&e("udp-tooltip",{key:"f09510db0e4ceb3a36d6d136627c3284df4aad97",content:this.popupHint,positioning:"above"},e("udp-fluent-icon",{key:"0521edcfb7bfd0d4423977bf5fa84459e73a6a3c",name:"info",size:"xs",class:"popup-hint-icon"}))),e("div",{key:"4847d6b093aec40d1997e0a901b30450d1c096de",slot:"end"},e("udp-fluent-icon-button",{key:"0bad521605aa667ecbe4bc515c59c0a3356bc73a",appearance:"transparent",iconName:"calendar",onMouseDown:this.handleIconMouseDown,onClick:this.handleIconClick,disabled:this.disabled||this.readonly,tabindex:-1}))),e("div",{key:"d4d7bcf356f63a6e48e2e7a0e729fc1f828fee42",slot:"content"},e("udp-date-range-selector",{key:"4eeaf2c5b00ba70e28f7a5ea0f9df78ce8141f62",ref:e=>this.calendarRef=e,monthsToDisplay:1,value:this.internalValue,onChange:this.handleDateSelect,minDate:this.minDate,maxDate:this.maxDate,isDateDisallowed:this.isDateDisallowed,getDayParts:this.getDayParts,variant:this.dateSelectionType,size:"sm"}),e("div",{key:"e4f15cc0f854b2d3a389202510bb18202a7f236f",class:"footer-buttons"},e("udp-fluent-button",{key:"6c33fee28a778824bd25f9b6785226a21dee0f18",appearance:"transparent",size:"small",onClick:this.handleToday},"Today"),e("udp-fluent-button",{key:"5a1076da7d313e7798d5a95ad38ce77171b9d207",appearance:"transparent",size:"small",onClick:this.handleClear},"Clear")))),e("udp-text",{key:"2291ebb040091ef54a05999d91597967fc6bbbdb",slot:"message",variant:"caption1",class:{message:!0,error:t,includeErrorPadding:this.includeErrorPadding}},i)))}static get delegatesFocus(){return!0}get element(){return o(this)}static get watchers(){return{value:[{onValueChange:0}],format:[{onFormatChange:0}],dateFormat:[{onFormatChange:0}]}}};Ae.style=":host(.disabled){pointer-events:none}fluent-text-input[disabled]::part(control){color:var(--colorNeutralForegroundDisabled);-webkit-text-fill-color:var(--colorNeutralForegroundDisabled)}fluent-text-input[disabled]::part(root){background-color:var(--colorNeutralBackgroundDisabled)}fluent-label[disabled]{color:var(--colorNeutralForeground1)}fluent-text-input::part(control):-webkit-autofill,fluent-text-input::part(control):-webkit-autofill:hover,fluent-text-input::part(control):-webkit-autofill:focus,fluent-text-input::part(control):-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--colorNeutralBackground1) inset !important;-webkit-text-fill-color:var(--colorNeutralForeground1) !important;transition:background-color 5000s ease-in-out 0s}:host{display:block;width:100%}fluent-field{width:100%}udp-popover{display:block;width:100%}fluent-text-input{width:100%;max-width:100%}fluent-text-input::part(control){font-family:inherit}fluent-text-input::part(control)::-webkit-calendar-picker-indicator{display:none}.footer-buttons{display:flex;justify-content:space-between;padding-top:4px;border-top:1px solid var(--neutral-stroke-2);margin-top:0}fluent-text-input.no-label::part(label){display:none}fluent-field.no-message::part(message){display:none}.message{color:var(--colorNeutralForeground3)}.message.includeErrorPadding{min-height:var(--lineHeightBase200)}.message.error{color:var(--colorPaletteRedForeground1)}.popup-hint-icon{margin-left:2px}:host(.has-error) fluent-text-input::part(root){border-color:var(--colorPaletteRedBorder2)}:host(.has-error:focus-within) fluent-text-input::part(root){border-color:var(--colorNeutralStroke1)}";const Oe={sm:200,md:260,lg:320},Me=["January","February","March","April","May","June","July","August","September","October","November","December"],qe=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],Ee=class{constructor(e){t(this,e),this.change=i(this,"change",7),this.size="md",this.orientation="horizontal",this.variant="range",this.monthsToDisplay=2,this.viewMode="day",this.focusedYear=(new Date).getFullYear(),this.focusedMonth=(new Date).getMonth(),this.navigationDirection="none",this.pendingFocus=!1,this.handleChange=e=>{this.change.emit(e.target.value)},this.handleFocusChange=e=>{const t=e.target;if(t&&t.focusedDate){const e=t.focusedDate.split("-");if(3===e.length){const t=parseInt(e[0],10),i=parseInt(e[1],10)-1;this.focusedYear===t&&this.focusedMonth===i||(this.focusedYear=t,this.focusedMonth=i)}}},this.handleHeaderClick=()=>{"day"===this.viewMode?this.viewMode="month":"month"===this.viewMode&&(this.viewMode="year")},this.handlePrevious=()=>{this.isPrevDisabled()||(this.pendingFocus=!0,this.navigationDirection="prev","day"===this.viewMode?0===this.focusedMonth?(this.focusedMonth=11,this.focusedYear--):this.focusedMonth--:"month"===this.viewMode?this.focusedYear--:"year"===this.viewMode&&(this.focusedYear-=10))},this.handleNext=()=>{this.isNextDisabled()||(this.pendingFocus=!0,this.navigationDirection="next","day"===this.viewMode?11===this.focusedMonth?(this.focusedMonth=0,this.focusedYear++):this.focusedMonth++:"month"===this.viewMode?this.focusedYear++:"year"===this.viewMode&&(this.focusedYear+=10))},this.selectMonth=e=>{this.pendingFocus=!0,this.navigationDirection="none",this.focusedMonth=e,this.viewMode="day"},this.selectYear=e=>{this.focusedYear=e,this.viewMode="month"}}handleValueChange(e){this.navigationDirection="none",this.parseValue(e)}componentWillLoad(){this.parseValue(this.value),this.clampFocusToMinMax(),this.monthsToDisplay>2&&(this.monthsToDisplay=2),this.monthsToDisplay<1&&(this.monthsToDisplay=1)}clampFocusToMinMax(){const e=this.minDate?this.parseISODate(this.minDate):null,t=this.maxDate?this.parseISODate(this.maxDate):null;e&&(this.focusedYear<e.year||this.focusedYear===e.year&&this.focusedMonth<e.month)&&(this.focusedYear=e.year,this.focusedMonth=e.month),t&&(this.focusedYear>t.year||this.focusedYear===t.year&&this.focusedMonth>t.month)&&(this.focusedYear=t.year,this.focusedMonth=t.month)}componentDidUpdate(){"day"===this.viewMode&&this.calendarRef&&this.updateCalendarFocus()}async setFocus(){if(this.calendarRef){const e=this.calendarRef;"function"==typeof e.focus?e.focus({target:"day"}):this.calendarRef.focus()}}parseValue(e){if(e){const t=new Date(e.split("/")[0]);isNaN(t.getTime())||(this.focusedYear=t.getFullYear(),this.focusedMonth=t.getMonth())}}updateCalendarFocus(){if(this.calendarRef){let e=this.focusedMonth,t=this.focusedYear;2===this.monthsToDisplay&&"next"===this.navigationDirection&&(e=this.focusedMonth+1,e>11&&(e=0,t++));const i=new Date(t,e,1),a=i.getFullYear(),o=String(i.getMonth()+1).padStart(2,"0"),n=String(i.getDate()).padStart(2,"0"),r=this.calendarRef;r.focusedDate=`${a}-${o}-${n}`,this.pendingFocus&&(this.pendingFocus=!1,"function"==typeof r.focus&&r.focus({target:"day"})),this.navigationDirection="none"}}getHeaderText(){const e="sm"===this.size?qe:Me;if("day"===this.viewMode){const t=`${e[this.focusedMonth]} ${this.focusedYear}`;if(2===this.monthsToDisplay){let i=this.focusedMonth+1,a=this.focusedYear;return i>11&&(i=0,a++),`${t} - ${e[i]} ${a}`}return t}if("month"===this.viewMode)return`${this.focusedYear}`;{const e=10*Math.floor(this.focusedYear/10);return`${e} - ${e+9}`}}getDecadeYears(){const e=10*Math.floor(this.focusedYear/10);return Array.from({length:12},((t,i)=>e-1+i))}renderMonthGrid(){return e("div",{class:"picker-grid month-grid"},qe.map(((t,i)=>e("button",{type:"button",class:{"picker-item":!0,selected:i===this.focusedMonth,current:i===(new Date).getMonth()&&this.focusedYear===(new Date).getFullYear()},disabled:this.isMonthDisabled(i),onClick:()=>this.selectMonth(i)},t))))}renderYearGrid(){const t=this.getDecadeYears(),i=(new Date).getFullYear(),a=10*Math.floor(this.focusedYear/10);return e("div",{class:"picker-grid year-grid"},t.map((t=>e("button",{type:"button",class:{"picker-item":!0,selected:t===this.focusedYear,current:t===i,outside:t<a||t>=a+10},disabled:this.isYearDisabled(t),onClick:()=>this.selectYear(t)},t))))}isPrevDisabled(){if(!this.minDate)return!1;const e=this.parseISODate(this.minDate);if(!e)return!1;const{year:t,month:i}=e;return"day"===this.viewMode?this.focusedYear<t||this.focusedYear===t&&this.focusedMonth<=i:"month"===this.viewMode?this.focusedYear-1<t:"year"===this.viewMode&&10*Math.floor(this.focusedYear/10)-1<t}isNextDisabled(){if(!this.maxDate)return!1;const e=this.parseISODate(this.maxDate);if(!e)return!1;const{year:t,month:i}=e;if("day"===this.viewMode){let e=this.focusedYear,a=this.focusedMonth+(this.monthsToDisplay-1);return a>11&&(a-=12,e++),e>t||e===t&&a>=i}return"month"===this.viewMode?this.focusedYear+1>t:"year"===this.viewMode&&10*Math.floor(this.focusedYear/10)+10>t}parseISODate(e){if(!e)return null;const t=e.split("-");if(t.length<2)return null;const i=parseInt(t[0],10),a=parseInt(t[1],10)-1;return isNaN(i)||isNaN(a)?null:{year:i,month:a}}isMonthDisabled(e){if(this.minDate){const t=this.parseISODate(this.minDate);if(t){if(this.focusedYear<t.year)return!0;if(this.focusedYear===t.year&&e<t.month)return!0}}if(this.maxDate){const t=this.parseISODate(this.maxDate);if(t){if(this.focusedYear>t.year)return!0;if(this.focusedYear===t.year&&e>t.month)return!0}}return!1}isYearDisabled(e){if(this.minDate){const t=this.parseISODate(this.minDate);if(t&&e<t.year)return!0}if(this.maxDate){const t=this.parseISODate(this.maxDate);if(t&&e>t.year)return!0}return!1}getContainerWidth(){const e=Oe[this.size]||Oe.md;return"horizontal"===this.orientation&&2===this.monthsToDisplay?2*e+16+"px":`${e}px`}getMonthWidth(){return`${Oe[this.size]||Oe.md}px`}render(){const t="multi"===this.variant?"calendar-multi":"single"===this.variant?"calendar-date":"calendar-range",i=this.getContainerWidth(),o=this.getMonthWidth();return e(a,{key:"110df5411b1cd697b43b9810c4a51415eac67b65",style:{"--calendar-width":o,"--container-width":i},class:`size-${this.size}`,onClick:e=>e.stopPropagation()},e("div",{key:"d1e4231e4c7f7b0ab09f5c195a2790b8f50fdd4b",class:"calendar-header"},e("udp-fluent-icon-button",{key:"3bd5baef80592a833cfbdd0da41e4340042352d5",iconName:"chevron-left",onClick:this.handlePrevious,disabled:this.isPrevDisabled(),appearance:"transparent",ariaLabel:"Previous"}),e("udp-fluent-button",{key:"8ae72404f47f5501fcdccb7e76d7c3d44c6a1dd7",appearance:"transparent",onClick:this.handleHeaderClick,ariaLabel:"year"===this.viewMode?void 0:"Change view",disabled:"year"===this.viewMode},this.getHeaderText()),e("udp-fluent-icon-button",{key:"def615278ab504fda892e801c50bbc0757a6fd99",iconName:"chevron-right",onClick:this.handleNext,disabled:this.isNextDisabled(),appearance:"transparent",ariaLabel:"Next"})),"day"===this.viewMode&&e(t,{key:"013e560a38275c04b1f783852c8e553f980aade4",ref:e=>this.calendarRef=e,value:this.value,min:this.minDate,max:this.maxDate,firstDayOfWeek:0,months:this.monthsToDisplay,showOutsideDays:!0,pageBy:"single",isDateDisallowed:this.isDateDisallowed,getDayParts:this.getDayParts,onChange:this.handleChange,onFocusday:this.handleFocusChange},e("span",{key:"cd366931a01548c7796cf5bd9a368a659ecf976a",slot:"previous",style:{display:"none"}}),e("span",{key:"d7f4a92450d9e458faf26b78f8f2e7bd9e5f6b63",slot:"next",style:{display:"none"}}),e("div",{key:"d27db9651f66c9322dc461eff384f5abf8ce0e80",class:"grid"},Array.from({length:this.monthsToDisplay}).map(((t,i)=>e("calendar-month",{offset:i}))))),"month"===this.viewMode&&this.renderMonthGrid(),"year"===this.viewMode&&this.renderYearGrid())}static get delegatesFocus(){return!0}static get watchers(){return{value:[{handleValueChange:0}]}}};Ee.style=":host{display:inline-flex;flex-direction:column;width:var(--container-width, fit-content);min-width:var(--container-width)}.calendar-header{order:-1}.grid{display:flex;gap:var(--spacingHorizontalL, 16px)}:host([orientation='horizontal']) .grid{flex-direction:row}:host([orientation='vertical']) .grid{flex-direction:column}calendar-month{--color-accent:var(--colorBrandBackground);--color-text-on-accent:var(--colorNeutralForegroundOnBrand);font-family:var(--fontFamilyBase);color:var(--colorNeutralForeground1);margin-top:-16px}.nav-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:var(--borderRadiusMedium);background-color:transparent;color:var(--colorNeutralForeground1);cursor:pointer;transition:all var(--durationFaster, 100ms) var(--curveEasyEase, ease)}.nav-button:hover{background-color:var(--colorNeutralBackground1Hover)}.nav-button:active{background-color:var(--colorNeutralBackground1Pressed)}.nav-button:focus-visible{outline:2px solid var(--colorStrokeFocus2);outline-offset:2px}calendar-month::part(button){width:calc(var(--calendar-width) / 7);height:calc(var(--calendar-width) / 9);min-width:28px;min-height:28px;border-radius:var(--borderRadiusMedium);border:none;background-color:transparent;color:var(--colorNeutralForeground1);font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightRegular);cursor:pointer;transition:all var(--durationFaster, 100ms) var(--curveEasyEase, ease)}calendar-month::part(button):hover{background-color:var(--colorNeutralBackground1Hover)}calendar-month::part(button):focus-visible{outline:2px solid var(--colorStrokeFocus2);outline-offset:2px}calendar-month::part(selected){background-color:var(--colorBrandBackground);color:var(--colorNeutralForegroundOnBrand);font-weight:var(--fontWeightSemibold)}calendar-month::part(selected):hover{background-color:var(--colorBrandBackgroundHover)}calendar-month::part(today){border:2px solid var(--colorBrandBackground);font-weight:var(--fontWeightSemibold)}calendar-month::part(outside){color:var(--colorNeutralForeground4)}calendar-month::part(disabled){color:var(--colorNeutralForegroundDisabled);cursor:not-allowed}calendar-month::part(disabled):hover{background-color:transparent}:host([variant='range']) calendar-month::part(button){border-radius:var(--borderRadiusMedium)}calendar-month::part(range-inner){background-color:color-mix(in srgb, var(--colorBrandBackground) 20%, transparent) !important;color:var(--colorNeutralForeground1) !important;border-radius:0 !important}:host([variant='range']) calendar-month::part(range-start){background-color:var(--colorBrandBackground);color:var(--colorNeutralForegroundOnBrand);border-start-end-radius:0;border-end-end-radius:0;border-start-start-radius:var(--borderRadiusMedium);border-end-start-radius:var(--borderRadiusMedium)}:host([variant='range']) calendar-month::part(range-end){background-color:var(--colorBrandBackground);color:var(--colorNeutralForegroundOnBrand);border-start-start-radius:0;border-end-start-radius:0;border-start-end-radius:var(--borderRadiusMedium);border-end-end-radius:var(--borderRadiusMedium)}:host([variant='range']) calendar-month::part(range-start range-end){border-radius:var(--borderRadiusMedium)}calendar-month::part(highlight-day){color:var(--colorBrandForeground1);font-weight:var(--fontWeightSemibold)}calendar-month::part(primary-border){border:2px solid var(--colorBrandBackground)}calendar-month::part(secondary-border){border:2px solid var(--colorNeutralStroke1)}calendar-month::part(warning-border){border:2px solid var(--colorStatusWarningBackground3)}calendar-month::part(primary-dot),calendar-month::part(secondary-dot),calendar-month::part(warning-dot){position:relative}calendar-month::part(primary-dot)::after{content:'';position:absolute;bottom:4px;left:50%;transform:translateX(-50%);width:6px;height:6px;border-radius:var(--borderRadiusCircular);background-color:var(--colorBrandBackground)}calendar-month::part(secondary-dot)::after{content:'';position:absolute;bottom:4px;left:50%;transform:translateX(-50%);width:6px;height:6px;border-radius:var(--borderRadiusCircular);background-color:var(--colorNeutralForeground2)}calendar-month::part(warning-dot)::after{content:'';position:absolute;bottom:4px;left:50%;transform:translateX(-50%);width:6px;height:6px;border-radius:var(--borderRadiusCircular);background-color:var(--colorStatusWarningBackground3)}calendar-month::part(heading){display:none !important;}calendar-date::part(previous),calendar-date::part(next),calendar-range::part(previous),calendar-range::part(next),calendar-multi::part(previous),calendar-multi::part(next){display:none !important}calendar-date::part(heading),calendar-range::part(heading),calendar-multi::part(heading){display:none !important}calendar-date [slot=\"previous\"],calendar-date [slot=\"next\"],calendar-range [slot=\"previous\"],calendar-range [slot=\"next\"],calendar-multi [slot=\"previous\"],calendar-multi [slot=\"next\"]{display:none !important}calendar-month::part(weekday){font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightSemibold);color:var(--colorNeutralForeground2);text-transform:uppercase}.calendar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacingVerticalXS, 4px) 0;margin-bottom:0}.header-button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacingHorizontalXS, 4px);padding:var(--spacingVerticalXS, 4px) var(--spacingHorizontalS, 8px);border:none;border-radius:var(--borderRadiusMedium);background-color:transparent;color:var(--colorNeutralForeground1);font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase300);font-weight:var(--fontWeightSemibold);cursor:pointer;transition:all var(--durationFaster, 100ms) var(--curveEasyEase, ease)}.header-button:hover:not(:disabled){background-color:var(--colorNeutralBackground1Hover)}.header-button:active:not(:disabled){background-color:var(--colorNeutralBackground1Pressed)}.header-button:disabled{cursor:default}.header-button:focus-visible{outline:2px solid var(--colorStrokeFocus2);outline-offset:2px}.picker-grid{display:grid;gap:var(--spacingVerticalS, 8px) var(--spacingHorizontalS, 8px);padding:var(--spacingVerticalM, 12px) 0;width:100%;box-sizing:border-box}.month-grid{grid-template-columns:repeat(4, 1fr)}.year-grid{grid-template-columns:repeat(4, 1fr)}.picker-item{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacingVerticalM, 12px) var(--spacingHorizontalS, 8px);min-height:44px;border:none;border-radius:var(--borderRadiusMedium);background-color:transparent;color:var(--colorNeutralForeground1);font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase300);font-weight:var(--fontWeightRegular);cursor:pointer;transition:all var(--durationFaster, 100ms) var(--curveEasyEase, ease)}.picker-item:hover{background-color:var(--colorNeutralBackground1Hover)}.picker-item:active{background-color:var(--colorNeutralBackground1Pressed)}.picker-item:focus-visible{outline:2px solid var(--colorStrokeFocus2);outline-offset:2px}.picker-item:disabled{color:var(--colorNeutralForegroundDisabled);cursor:not-allowed;background-color:transparent}.picker-item:disabled:hover{background-color:transparent}.picker-item.selected{background-color:var(--colorBrandBackground);color:var(--colorNeutralForegroundOnBrand);font-weight:var(--fontWeightSemibold)}.picker-item.selected:hover{background-color:var(--colorBrandBackgroundHover)}.picker-item.current:not(.selected){border:2px solid var(--colorBrandBackground);font-weight:var(--fontWeightSemibold)}.picker-item.outside{color:var(--colorNeutralForeground4)}:host(.size-sm) .picker-grid{gap:var(--spacingVerticalXS, 4px) var(--spacingHorizontalXS, 4px);padding:var(--spacingVerticalS, 8px) 0}:host(.size-sm) .picker-item{padding:var(--spacingVerticalS, 8px) var(--spacingHorizontalXS, 4px);min-height:32px;font-size:var(--fontSizeBase200)}:host(.size-sm) .picker-item{padding:var(--spacingVerticalS, 8px) var(--spacingHorizontalXS, 4px);min-height:32px;font-size:var(--fontSizeBase200)}:host(.size-sm) .calendar-header{padding-bottom:var(--spacingVerticalS, 8px)}";const Pe=class{constructor(e){t(this,e),this.valueChanged=i(this,"valueChanged",7),this.disabled=!1,this.required=!1,this.autofocus=!1,this.appearance="outline",this.controlSize="medium",this.stacked=!1,this.format="MM/DD/YYYY",this.includeErrorPadding=!0,this.use24Hour=!1,this.minuteStep=30,this.datePart="",this.timePart="",this.internalValue="",this.handleDateChange=e=>{e.stopPropagation(),this.datePart=e.detail,this.updateValue()},this.handleTimeChange=e=>{e.stopPropagation(),this.timePart=e.detail,this.datePart&&this.updateValue()}}onValueChange(e){this.parseValue(e)}componentWillLoad(){this.parseValue(this.value)}parseValue(e){if(!e)return this.datePart="",void(this.timePart="");const t=e.split("T");t.length>=1&&(this.datePart=t[0]),this.timePart=t.length>=2?t[1].substring(0,5):""}updateValue(){let e;e=this.datePart?`${this.datePart}T${this.timePart||"00:00"}:00`:"",this.internalValue=e,this.valueChanged.emit(e)}render(){var t;const i=void 0===this.timeLabel&&this.label?" ":this.timeLabel;return e(a,{key:"25a83534d7e1cb0f176fb51ba29d069ccf1a10ce"},e("div",{key:"ea940d0130938ec6235ad91909440ab076fe1e70",class:"date-part"},e("udp-date-input",{key:"cf4d76c3bad773f234e2df325d2d2bbdcfa21012",name:`${this.name}-date`,value:this.datePart,required:this.required,disabled:this.disabled,autofocus:this.autofocus,appearance:this.appearance,controlSize:this.controlSize,dateFormat:null!==(t=this.dateFormat)&&void 0!==t?t:this.format,minDate:this.minDate,maxDate:this.maxDate,isDateDisallowed:this.isDateDisallowed,getDayParts:this.getDayParts,error:this.error,includeErrorPadding:this.includeErrorPadding,onValueChanged:this.handleDateChange,label:this.label,popupHint:this.popupHint})),e("div",{key:"eec7daa2be271b63233113e9d20d5143cab4f3a3",class:"time-part"},e("udp-time-input",{key:"e8bd7882a7e76bb88e1d46b4d8580cb01ccb88ed",name:`${this.name}-time`,value:this.timePart,required:!1,disabled:this.disabled,appearance:this.appearance,controlSize:this.controlSize,label:i,minuteStep:this.minuteStep,use24Hour:this.use24Hour,onValueChanged:this.handleTimeChange,includeErrorPadding:this.includeErrorPadding,error:this.error?" ":void 0})))}static get watchers(){return{value:[{onValueChange:0}]}}};Pe.style=":host{display:flex;flex-direction:row;gap:8px;align-items:flex-start}:host([stacked]){flex-direction:column}.date-part{flex:1;min-width:0}.time-part{flex:0 0 auto;width:35%}:host([stacked]) .date-part,:host([stacked]) .time-part{width:100%}udp-date-input,udp-time-input{width:100%}";const je=class{constructor(e){t(this,e),this.open=!1,this.titleId="dialog-title",this.descriptionId="dialog-description",this.buttonOneHidden=!1,this.buttonTwoHidden=!1,this.buttonThreeHidden=!0,this.originalBodyOverflow="",this.handleTransitionEnd=()=>{this.open||this.hostEl.parentElement!==document.body||document.body.removeChild(this.hostEl)},this.handleKeyDown=e=>{"Escape"===e.key&&this.handleClose&&this.handleClose()},this.handleOverlayClick=()=>{this.handleClose&&this.handleClose()}}handleOpenChange(e){e?(this.originalBodyOverflow=document.body.style.overflow,document.body.style.overflow="hidden",document.body.appendChild(this.hostEl),document.addEventListener("keydown",this.handleKeyDown),requestAnimationFrame((()=>{this.hostEl.classList.add("is-visible")}))):(this.hostEl.classList.remove("is-visible"),document.body.style.overflow=this.originalBodyOverflow,document.removeEventListener("keydown",this.handleKeyDown),this.hostEl.addEventListener("transitionend",this.handleTransitionEnd,{once:!0}))}disconnectedCallback(){"hidden"===document.body.style.overflow&&(document.body.style.overflow=this.originalBodyOverflow),document.removeEventListener("keydown",this.handleKeyDown)}render(){return e(a,{key:"79fc54d24cf02d0fd2a0475ecabc13936bfc0b69",onClick:this.handleOverlayClick},e("div",{key:"dfe6b5cf42fdc76c3a420f473a2d8542f184cb65",class:"dialog-container",role:"dialog","aria-modal":"true","aria-labelledby":this.titleId,"aria-describedby":this.descriptionId,onClick:e=>e.stopPropagation()},e("div",{key:"b34c3c283968a1edd0ec07ef312807ef152a9eaf",class:"dialog-title",id:this.titleId},e("unity-typography",{key:"d980347009bd75c7591f2fd87a45e1632506c20b",variant:"h3"},this.title)),e("div",{key:"15bab369202f6498154772767ca299ba700abd21",class:"dialog-content",id:this.descriptionId},this.message&&e("unity-typography",{key:"03c3c6de90201cf40749b3d9b8423d7238167a5b",variant:"body"},this.message),e("slot",{key:"31ea739b30261e1d0b4a74b82044957b7d86d25c"})),e("div",{key:"438ec5314765aec75f6c3b5557238a8c77fc7cb6",class:"dialog-actions"},!this.buttonTwoHidden&&e("udp-button",{key:"57da743d785a4c9fd769813145a50376b99c2e25",variant:"text",disabled:this.disableTwo,onClick:()=>this.actionTwo()},this.labelTwo),!this.buttonThreeHidden&&e("udp-button",{key:"1ab3897a4116f80eb681947cce29c78bfb37c34a",variant:"text",disabled:this.disableThree,onClick:()=>this.actionThree()},this.labelThree),!this.buttonOneHidden&&e("udp-button",{key:"d8f9eb335d877687b6766e9f1c1cd71154e1c6a9",variant:"contained",disabled:this.disableOne,onClick:()=>this.actionOne(),loading:!!this.progress},this.labelOne))))}get hostEl(){return o(this)}static get watchers(){return{open:[{handleOpenChange:0}]}}};je.style=":host{position:fixed;top:0;left:0;width:0;height:0;overflow:hidden;transform:translate(0);z-index:100000;display:flex;align-items:center;justify-content:center;visibility:hidden;background-color:rgba(0, 0, 0, 0);transition:background-color 0.2s ease-out, visibility 0s 0.2s, width 0s 0.2s, height 0s 0.2s;}:host(.is-visible){visibility:visible;background-color:rgba(0, 0, 0, 0.5);width:100%;height:100%;overflow:visible;transition-delay:0s}.dialog-container{background-color:#fff;box-shadow:0 12px 24px rgba(0, 0, 0, 0.16), 0 12px 24px rgba(0, 0, 0, 0.23);max-width:90vw;width:500px;max-height:90vh;display:flex;flex-direction:column;opacity:0;transition:opacity 0.2s ease-out}:host(.is-visible) .dialog-container{opacity:1}.dialog-title{padding:16px;flex-shrink:0}.dialog-content{padding:0 16px;overflow-y:auto}.dialog-actions{padding:16px;display:flex;justify-content:flex-end;gap:8px;flex-shrink:0}";const Re={small:"medium",medium:"extra-large",large:"huge"},$e=class{constructor(e){t(this,e),this.hasIcon=!1,this.hasSecondary=!1,this.hasAction=!1,this.size="medium",this.loading=!1,this.handleSlotChange=()=>{this.checkSlots()}}componentWillLoad(){this.checkSlots()}checkSlots(){this.el&&(this.hasIcon=A(this.el,"icon"),this.hasSecondary=A(this.el,"secondary"),this.hasAction=A(this.el,"action"))}render(){const t=this.hasSecondary||!!this.description;return e(a,{key:"19e39a4779f2678b8a2f78f638886b4814688d04",class:`size-${this.size}`},e("div",{key:"48003c618b26e0be817ac1ff5aee33984cc5e199",class:{"empty-state-icon":!0,hidden:!(this.loading||this.hasIcon||this.iconName)}},e("div",{key:"ef3bf32bff28749eda5a9f71fd44669de20879ef",class:{"icon-slot":!0,hidden:this.loading}},e("slot",{key:"9ed785cae386b42a7de148a4301c26f2eec6b790",name:"icon",onSlotchange:this.handleSlotChange},this.iconName&&e("udp-fluent-icon",{key:"4bf5d48ca0472a1c2ef36f969a6fd0b049918a25",name:this.iconName}))),this.loading&&e("udp-spinner",{key:"d36fab2c7299f48c5a368f05728293e496256b98",size:Re[this.size]})),e("div",{key:"a2a4e8516917c9101836645e69a132d4ee3801f5",class:"empty-state-primary"},e("slot",{key:"d16c123f7ef7932a90be5ad9e1c02b1dcde9d2bc",onSlotchange:this.handleSlotChange},this.heading&&e("udp-text",{key:"9e3d88544450280fbade7c79b9eab423c7ec9b1c",variant:"subtitle2"},this.heading))),e("div",{key:"846eed0ae360a012833329e68201c04dc0dabb3d",class:{"empty-state-secondary":!0,hidden:!t}},e("slot",{key:"38d95b43d0eca4ee69655c20878d31173d768e84",name:"secondary",onSlotchange:this.handleSlotChange},this.description&&e("udp-text",{key:"364e09b9b4031c14a08d621d1441a800baba5d0a",variant:"body2"},this.description))),e("div",{key:"a142a76e279da9b60b228dd438a1b0914b074cc2",class:{"empty-state-action":!0,hidden:!this.hasAction}},e("slot",{key:"ce829f57d018bc459c636a2af3611b9d77e10833",name:"action",onSlotchange:this.handleSlotChange})))}get el(){return o(this)}};$e.style=':host{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacingVerticalS);text-align:center;width:100%;height:100%;padding:var(--spacingVerticalL) var(--spacingHorizontalL);box-sizing:border-box;color:var(--colorNeutralForeground1)}:host(.size-small){--empty-state-icon-size:32px;--empty-state-spinner-scale:1;}:host(.size-medium){--empty-state-icon-size:48px;--empty-state-spinner-scale:1.2;}:host(.size-large){--empty-state-icon-size:64px;--empty-state-spinner-scale:1.455;}.empty-state-icon{display:flex;align-items:center;justify-content:center;width:var(--empty-state-icon-size, 48px);height:var(--empty-state-icon-size, 48px);--udp-icon-size:var(--empty-state-icon-size, 48px)}.icon-slot{display:flex;align-items:center;justify-content:center;width:100%;height:100%}udp-spinner{transform:scale(var(--empty-state-spinner-scale, 1))}.empty-state-primary,.empty-state-secondary{display:flex;flex-direction:column;align-items:center;max-width:var(--empty-state-text-max-width, 360px)}:host(.size-medium){--empty-state-text-max-width:440px}:host(.size-large){--empty-state-text-max-width:520px}::slotted([slot="secondary"]){color:var(--colorNeutralForeground2)}.empty-state-action{display:flex;align-items:center;justify-content:center;margin-top:var(--spacingVerticalXS)}.hidden{display:none}';const Ve=class{constructor(e){t(this,e),this.udpExportClose=i(this,"udpExportClose",7),this.udpExportJobCreated=i(this,"udpExportJobCreated",7),this.udpExportComplete=i(this,"udpExportComplete",7),this.udpExportError=i(this,"udpExportError",7),this.open=!1,this.fileFormat=".XLSX",this.sheetTitle="Export",this.preparing=!1,this.selectedEntity=null,this.udpJobEntity=null,this.numRowsToExport=null,this.errors=[],this.activeJob=null,this.exportLoading=!1,this.fileResult=null,this.phase="summary",this.hasPrepared=!1,this.handleCreateExport=async()=>{var e,t,i;const a=null===(t=null===(e=this.selectedEntity)||void 0===e?void 0:e.unityBaseExportMethod)||void 0===t?void 0:t.apiMethodId;if(a&&this.validSearch){this.exportLoading=!0;try{const e=Object.assign(Object.assign({},null!==(i=this.searchObject)&&void 0!==i?i:{}),{getAll:!0});delete e.pageNumber,delete e.pageSize;const t=await m({data:{requestBody:{debug:!0,exportAcrossAssociations:!1,exportOnAllAssociations:!1,exportSiblings:!1,search:e}}},a);this.activeJob=t,this.phase="progress",this.udpExportJobCreated.emit(t),this.startPolling()}catch(e){this.pushError("exportRequest","Error creating the export job.","error")}finally{this.exportLoading=!1}}},this.handleDownload=()=>{var e;const t=null===(e=this.fileResult)||void 0===e?void 0:e.link;if(!t)return;const i=document.createElement("a");i.href=t,i.download="",document.body.appendChild(i),i.click(),document.body.removeChild(i)},this.handleDrawerClose=()=>{this.open=!1,this.udpExportClose.emit()}}onOpenChange(e){e?this.maybePrepare():this.onClosed()}componentDidLoad(){this.open&&this.maybePrepare()}disconnectedCallback(){this.stopPolling()}maybePrepare(){this.hasPrepared||(this.hasPrepared=!0,this.resetTransient(),this.prepare())}onClosed(){this.hasPrepared=!1,this.stopPolling()}resetTransient(){this.errors=[],this.numRowsToExport=null,this.activeJob=null,this.fileResult=null,this.phase="summary",this.selectedEntity=null,this.udpJobEntity=null}pushError(e,t,i){if(this.errors.some((t=>t.id===e)))return;const a={id:e,message:t,severity:i};this.errors=[...this.errors,a],this.udpExportError.emit(a)}get validSearch(){return!this.errors.some((e=>"error"===e.severity))}async prepare(){var e,t,i,a,o,n;if(this.entityName){this.preparing=!0;try{const r=this.apiCatalogId||y();if(!r)return void this.pushError("catalog","No API catalog is available for export.","error");const[s,l]=await Promise.all([v(r,this.entityName,!0),v(r,"udpJob",!0)]);this.selectedEntity=s,this.udpJobEntity=l;const d=O(this.entityName);if((null===(e=null==s?void 0:s.unityBaseExportMethod)||void 0===e?void 0:e.apiMethodId)||this.pushError("export",`${d}'s export method must be promoted.`,"error"),l&&!(null===(t=null==l?void 0:l.unityBaseGetFileResultMethod)||void 0===t?void 0:t.apiMethodId)&&this.pushError("fileResultGet","UdpJob's GetFileResult must be promoted to download the file.","warning"),l&&!(null===(i=null==l?void 0:l.unityBaseGetMethod)||void 0===i?void 0:i.apiMethodId)&&this.pushError("jobGet","UdpJob's Get method must be promoted to view job status.","warning"),null!=this.rowCount)this.numRowsToExport=this.rowCount;else{const e=null===(a=null==s?void 0:s.unityBaseSearchMethod)||void 0===a?void 0:a.apiMethodId;if(e)try{const t=await g(Object.assign(Object.assign({},null!==(o=this.searchObject)&&void 0!==o?o:{}),{pageSize:1}),e,I.integrationV1ApiUrl);this.numRowsToExport=Number(null!==(n=null==t?void 0:t.total)&&void 0!==n?n:0)}catch(e){this.pushError("rowCount","Could not fetch the row count.","error")}else this.pushError("search",`${d}'s search method must be promoted.`,"error")}}catch(e){this.pushError("prepare","Could not load the export configuration.","error")}finally{this.preparing=!1}}else this.pushError("entity","No entity was provided to export.","error")}startPolling(){var e,t,i;this.stopPolling();const a=null===(t=null===(e=this.udpJobEntity)||void 0===e?void 0:e.unityBaseGetMethod)||void 0===t?void 0:t.apiMethodId;a&&null!=(null===(i=this.activeJob)||void 0===i?void 0:i.id)&&(this.isTerminal(this.activeJob)?this.afterTerminal():this.pollTimer=setInterval((async()=>{var e;try{const t=await m({data:{id:null===(e=this.activeJob)||void 0===e?void 0:e.id}},a);this.activeJob=t,this.isTerminal(t)&&(this.stopPolling(),this.afterTerminal())}catch(e){this.stopPolling(),this.pushError("jobStatus","Error getting the job status.","error")}}),5e3))}stopPolling(){this.pollTimer&&(clearInterval(this.pollTimer),this.pollTimer=void 0)}isTerminal(e){return 3===(null==e?void 0:e.statusId)||4===(null==e?void 0:e.statusId)}afterTerminal(){var e;3===(null===(e=this.activeJob)||void 0===e?void 0:e.statusId)&&this.fetchFileResult()}async fetchFileResult(){var e,t,i;const a=null===(t=null===(e=this.udpJobEntity)||void 0===e?void 0:e.unityBaseGetFileResultMethod)||void 0===t?void 0:t.apiMethodId;if(a&&null!=(null===(i=this.activeJob)||void 0===i?void 0:i.id))try{const e=await m({data:{JobId:this.activeJob.id}},a);this.fileResult=e,this.udpExportComplete.emit(e)}catch(e){this.pushError("fileResult","Error getting the export file.","error")}}statusLabel(){var e;switch(null===(e=this.activeJob)||void 0===e?void 0:e.statusId){case 1:default:return"Pending";case 2:return"Running";case 3:return"Completed";case 4:return"Failed"}}statusColor(){var e;switch(null===(e=this.activeJob)||void 0===e?void 0:e.statusId){case 2:return"informative";case 3:return"success";case 4:return"danger";default:return"subtle"}}renderRow(t,i){return e("div",{class:"row"},e("udp-text",{variant:"caption1",class:"row-label"},t),null===i?e("udp-spinner",{size:"tiny"}):e("udp-text",{variant:"body1"},i))}render(){var t,i,o,n;const r="progress"===this.phase,s=O(this.entityName||""),l=null===(t=this.activeJob)||void 0===t?void 0:t.statusId;return e(a,{key:"4a61d50f7e691f06754a92d102319a998557d326"},e("udp-fluent-drawer",{key:"d29474ff77322999c1e64b3973e090f21508e710",open:this.open,drawerTitle:this.sheetTitle,size:"medium",onDrawerClose:this.handleDrawerClose},e("div",{key:"dad6b9525620a4de825d2ac3853bda68781b867c",class:"export-sheet"},this.errors.map((t=>e("udp-message-bar",{intent:t.severity,layout:"multiline"},t.message))),!r&&e("div",{key:"f54b5d281d4a9b5e8671fb418702d7d8e310a04f",class:"stack"},e("udp-fluent-card",{key:"b5b415acdf603f7a433cb497117fd6136035bc94",label:"Export Summary"},e("udp-text",{key:"cb3a9845747733ced969c12f6e0f8619627eef7d",variant:"body1"},"Exports all records that match your applied filters."),e("div",{key:"8a4f72d34adcb9bc5885b3b83b7a34207bdbde13",class:"row-list"},this.renderRow("Table",s||"—"),this.renderRow("Number of Rows",null==this.numRowsToExport?null:this.numRowsToExport.toLocaleString()))),e("udp-fluent-card",{key:"a9ffeab047c58b99708ecc57be37548d65bf6561",label:"Export Options"},e("div",{key:"06fb0343d1fccdd75b4922eebb5a633bfd321a01",class:"row-list"},this.renderRow("File Format",this.fileFormat)))),r&&e("div",{key:"41690b39459b042ca6d50f6996e2a025494937aa",class:"stack"},e("udp-fluent-card",{key:"a3c4d5ed4c137261ddb17d8bfcc2c8592ab78b64",label:"Job Details"},e("udp-text",{key:"6237cfdb9c0b7f01fa504466d7693fb5871b9138",variant:"body1"},"Exports are handled in the background. You can safely close this window."),e("div",{key:"abaee639e67bed2588ba2322a6c3369fadb7f0c0",class:"row-list"},this.renderRow("Job Id",null!=(null===(i=this.activeJob)||void 0===i?void 0:i.id)?String(this.activeJob.id):"—"),e("div",{key:"ac253efdd1463375ab44cd1da6de6b0a0e72d151",class:"row"},e("udp-text",{key:"77269431afd0b5a18b49c7e2c0a0396de5054e77",variant:"caption1",class:"row-label"},"Status"),e("udp-fluent-badge",{key:"37e742df3647f6538cd5705c174637ba1108a9fc",appearance:"tint",color:this.statusColor(),shape:"rounded",size:"small"},this.statusLabel())))),e("udp-fluent-card",{key:"16903486bd6c358d9ea2b203194245916bfea6fa",label:`Export ${this.statusLabel()}`},(1===l||2===l)&&e("udp-progress-bar",{key:"104cead64e74a63c848944d825f292608819a42e",thickness:"medium",validationState:"info"}),3===l&&(null===(o=this.fileResult)||void 0===o?void 0:o.link)&&e("udp-empty-state",{key:"bec0f26d767391298884d87ccb272b98d6948bc0"},e("udp-fluent-icon",{key:"96fae187a943ab74fe71107664aa4af4db133dff",slot:"icon",name:"checkmark_circle",variant:"filled",size:"lg",color:"var(--colorStatusSuccessForeground1, #0e700e)"}),"File is ready!",e("udp-fluent-button",{key:"6d29aa0346fc1b7a40f817e15d1ffa0a5c0a56ad",slot:"action",appearance:"primary",startIconName:"download",onClick:this.handleDownload},"Download")),3===l&&!(null===(n=this.fileResult)||void 0===n?void 0:n.link)&&e("udp-text",{key:"9ffbf9cf51f90386cf4c74cb612308ce05d38e34",variant:"body1"},this.errors.some((e=>"fileResultGet"===e.id))?"Your export is ready. To download it, visit the My Exports page.":"Your file is being finalized…"),4===l&&e("udp-text",{key:"b3aada53e12808b67b4b0dbe1afe3a35b093eeb1",variant:"body1"},"The export failed. Please try again.")))),!r&&e("div",{key:"7227440fe2ae7560860f59a49e1365eef80cee82",slot:"footer",class:"export-footer"},e("udp-fluent-button",{key:"cdd0d01a5be7dd768ee046e483f083aa50b595d4",appearance:"primary",disabled:!this.validSearch||this.exportLoading||this.preparing,loading:this.exportLoading,startIconName:"export",onClick:this.handleCreateExport},"Create Export"))))}static get watchers(){return{open:[{onOpenChange:0}]}}};Ve.style=":host{display:contents}.export-sheet{display:flex;flex-direction:column;gap:var(--spacingVerticalM, 12px)}.stack{display:flex;flex-direction:column;gap:var(--spacingVerticalM, 12px)}.row-list{display:flex;flex-direction:column;gap:var(--spacingVerticalS, 8px);margin-top:var(--spacingVerticalS, 8px)}.row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacingHorizontalM, 12px)}.row-label{color:var(--colorNeutralForeground3, #616161)}.filters{display:flex;flex-wrap:wrap;gap:var(--spacingHorizontalS, 8px)}.muted{color:var(--colorNeutralForeground3, #616161)}.export-footer{display:flex;justify-content:flex-end;width:100%}";const He=(...e)=>(t,i,a)=>{for(const o of e)if(o){const e=o(t,i,a);if(e)return e}},Le=e=>Array.isArray(e)&&0===e.length?"This field is required":null!=e&&""!==e&&!1!==e?void 0:"This field is required",We=/^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/,Ge=e=>!e||We.test(e)?void 0:"Invalid email address",Ye=e=>{if(e)try{return void new URL(e)}catch(e){return"Invalid URL"}};const Je=class{constructor(e){t(this,e),this.errorDisplay="touched",this.deriveFieldValidators=!0}get isBooleanInput(){return!!this.childInput&&"checked"in this.childInput}get isTextarea(){return!!this.childInput&&this.childInput.tagName.toLowerCase().includes("textarea")}componentDidLoad(){this.childInput=this.el.firstElementChild,this.connectToForm()}disconnectedCallback(){this.unsubscribe&&this.unsubscribe()}connectToForm(){this.el.dispatchEvent(new CustomEvent("fetchFormInstance",{bubbles:!0,composed:!0,detail:(e,t)=>{this.form=e,(null==t?void 0:t.errorDisplay)&&(this.errorDisplay=t.errorDisplay),!1===(null==t?void 0:t.deriveFieldValidators)&&(this.deriveFieldValidators=!1),this.registerField()}}))}registerField(){var e;if(!this.form||!this.childInput)return void console.warn(`[udp-field] No child input found for field: ${this.name}`);"value"in this.childInput||"checked"in this.childInput||console.warn(`[udp-field] Child of ${this.name} does not appear to be a compatible component.`);const t=this.validate,i=this.deriveFieldValidators?function(e){var t,i,a,o;const n=[],r=e;(r.required||r.hasAttribute("required"))&&n.push(Le);const s=null!==(t=r.minlength)&&void 0!==t?t:r.hasAttribute("minlength")?parseInt(r.getAttribute("minlength"),10):null;var l;s&&n.push((l=s,e=>!e||e.length>=l?void 0:`Must be at least ${l} characters`));const d=null!==(i=r.maxlength)&&void 0!==i?i:r.hasAttribute("maxlength")?parseInt(r.getAttribute("maxlength"),10):null;var c;d&&d>-1&&n.push((c=d,e=>!e||e.length<=c?void 0:`Must be less than ${c} characters`));const h=null!==(a=r.min)&&void 0!==a?a:r.hasAttribute("min")?r.getAttribute("min"):null,u=null===h||""===h?NaN:Number(h);Number.isFinite(u)&&n.push((e=>t=>!t||Number(t)>=e?void 0:`Must be at least ${e}`)(u));const p=null!==(o=r.max)&&void 0!==o?o:r.hasAttribute("max")?r.getAttribute("max"):null,b=null===p||""===p?NaN:Number(p);Number.isFinite(b)&&n.push((e=>t=>!t||Number(t)<=e?void 0:`Must be no more than ${e}`)(b));const f=r.type||r.getAttribute("type");"email"===f&&n.push(Ge),"url"===f&&n.push(Ye);const m=r.pattern||r.getAttribute("pattern");var v;if(m&&n.push((v=m,e=>{if(e)return("string"==typeof v?new RegExp(`^${v}$`):v).test(e)?void 0:"Invalid format"})),0!==n.length)return He(...n)}(this.childInput):void 0,a=He(t,i)||(null===(e=this.fieldConfig)||void 0===e?void 0:e.getValidator),o=Object.assign(Object.assign({},this.fieldConfig),{getValidator:a?()=>a:void 0});this.unsubscribe=this.form.registerField(this.name,(e=>{const{touched:t,value:i,error:a,submitting:o,validating:n,submitFailed:r}=e;let s;switch(this.errorDisplay){case"always":s=!0;break;case"submitFailed":s=!!r;break;default:s=!!t}if(this.childInput.error=s?a:void 0,"loading"in this.childInput&&(this.childInput.loading=!(!o&&!n)),this.isBooleanInput){if("checked"in this.childInput){const e=!!i;this.childInput.checked!==e&&(this.childInput.checked=e)}}else if("value"in this.childInput){const e=null==i?"":i;this.childInput.value!==e&&(this.childInput.value=e)}"name"in this.childInput&&(this.childInput.name=this.name)}),{value:!0,error:!0,touched:!0,submitting:!0,validating:!0,submitFailed:!0},o)}handleValueChange(e){e.stopPropagation(),this.form&&this.form.change(this.name,e.detail)}handleBlur(e){e.stopPropagation(),this.form&&this.form.blur(this.name)}handleFocus(e){e.stopPropagation(),this.form&&this.form.focus(this.name)}handleKeyDown(e){if("Enter"===e.key){if(e.defaultPrevented)return;if(e.stopPropagation(),this.isTextarea)return;if(this.isBooleanInput)return;e.stopPropagation(),this.form&&this.form.submit()}}render(){return e("slot",{key:"fb9c4c1174366a4fd3983cf93eea34cd4a1551ad"})}get el(){return o(this)}};Je.style=":host{display:block;width:100%}";const Ue=class{constructor(e){t(this,e),this.display="flex",this.direction="column",this.wrap="wrap",this.justify="flex-start",this.align="stretch",this.gap="sm",this.width="auto",this.height="auto",this.grow=0,this.shrink=1,this.basis="auto",this.overflow="visible"}getSpacingVar(e,t){if("none"===e)return"0";const i={none:"None",xxs:"XXS",xs:"XS",sm:"S",md:"M",lg:"L",xl:"XL",xxl:"XXL",xxxl:"XXXL"}[e];return"Horizontal"===t?`var(--spacingHorizontal${i})`:"Vertical"===t?`var(--spacingVertical${i})`:`var(--spacingVertical${i}) var(--spacingHorizontal${i})`}render(){const t=this.direction.startsWith("column"),i=this.getSpacingVar(this.gap,t?"Vertical":"Horizontal"),o={"--udp-flex-display":this.display,"--udp-flex-direction":this.direction,"--udp-flex-wrap":this.wrap,"--udp-flex-justify":this.justify,"--udp-flex-align":this.align,"--udp-flex-gap":i,"--udp-flex-width":this.width,"--udp-flex-height":this.height,"--udp-flex-grow":String(this.grow),"--udp-flex-shrink":String(this.shrink),"--udp-flex-basis":this.basis,"--udp-flex-overflow":this.overflow};return e(a,{key:"34659916eca2cd83615659d556ed2da1a239e9cd",style:o},e("slot",{key:"2c2018b54714eb7845955bc400ef7c5ee2b2062c"}))}};Ue.style=":host{display:var(--udp-flex-display);flex-direction:var(--udp-flex-direction);flex-wrap:var(--udp-flex-wrap);justify-content:var(--udp-flex-justify);align-items:var(--udp-flex-align);gap:var(--udp-flex-gap);width:var(--udp-flex-width);height:var(--udp-flex-height);flex-grow:var(--udp-flex-grow);flex-shrink:var(--udp-flex-shrink);flex-basis:var(--udp-flex-basis);box-sizing:border-box;overflow:var(--udp-flex-overflow)}";const Xe=class{constructor(e){t(this,e),this.iconVariant="regular"}getIconSize(){var e;if(this.iconSize)return this.iconSize;const t=null!==(e=this.size)&&void 0!==e?e:32;return t<=20?"xs":t<=28?"sm":t<=48?"md":"lg"}getImageBorderRadius(){var e;if("square"!==this.shape)return"";const t=null!==(e=this.size)&&void 0!==e?e:32;return t<=24?"2px":t<=48?"4px":t<=72?"6px":"8px"}render(){const t=this.getImageBorderRadius();return e(a,{key:"b5d0d691d02ba8cd47c53ec2ce07fedab7d88646"},e("fluent-avatar",{key:"8b5097669af626b15ab5ba67ab4613843a8dcfe3",active:this.active,shape:this.shape,appearance:this.appearance,size:this.size,color:this.color,name:this.name,initials:this.initials},this.src?e("img",{src:this.src,alt:this.alt,style:Object.assign({objectFit:"cover"},t?{borderRadius:t}:{})}):this.iconName?e("udp-fluent-icon",{name:this.iconName,variant:this.iconVariant,size:this.getIconSize()}):null,e("slot",{key:"5a8b9fcf0999118a6675f815017e45a46983de33",name:"badge",slot:"badge"})))}};Xe.style=":host{display:inline-flex;align-items:center;vertical-align:middle}";const Ke=class{constructor(e){t(this,e),this.dismiss=i(this,"dismiss",7),this.ready=!1,this.appearance="filled",this.shape="circular",this.size="medium",this.dismissible=!1,this.dismissLabel="Dismiss",this.handleDismiss=e=>{e.stopPropagation(),this.dismiss.emit()}}componentDidLoad(){this.ready=!0}render(){return e(a,{key:"ca6643618db9e9f0c98f91dc82c849d1237906cd",class:{ready:this.ready}},e("fluent-badge",{key:"472cc852b7a6c279dbfdf497e8a6518c7e8e5a29",appearance:this.appearance,color:this.color,shape:this.shape,size:this.size},(this.startIconName||A(this.el,"start"))&&e("span",{key:"4e41131fafb300443ca49a5beaf3f5fd714a75c3",class:"slot-wrapper",slot:"start"},e("slot",{key:"65ddf7997a9cf3040abc859b8ab53267d024555c",name:"start"},this.startIconName&&e("udp-fluent-icon",{key:"9370283d6fb7a51da8ffe31157c0844aaaf67346",name:this.startIconName,size:Ie(this.size)}))),e("span",{key:"71e4c1681cfbb64970237b410e0925a0f22e1141",class:"default-slot"},e("slot",{key:"3bd8ae70fec03eb6697d1c29090f295fd19ed982"})),this.dismissible?e("button",{type:"button",class:"dismiss-button",slot:"end","aria-label":this.dismissLabel,onClick:this.handleDismiss,onMouseDown:e=>e.preventDefault()},e("udp-fluent-icon",{name:"dismiss",size:Ie(this.size)})):(this.endIconName||A(this.el,"end"))&&e("span",{class:"slot-wrapper",slot:"end"},e("slot",{name:"end"},this.endIconName&&e("udp-fluent-icon",{name:this.endIconName,size:Ie(this.size)})))))}get el(){return o(this)}};Ke.style=":host{display:flex;align-items:center}fluent-badge:not([color='important']){--colorNeutralBackground1:transparent}:host(:not(.ready)){opacity:0}.slot-wrapper,.default-slot{display:inline-flex;align-items:center}.default-slot{line-height:1}.dismiss-button{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;padding:2px;margin:0;background:none;border:none;color:inherit;font:inherit;cursor:pointer;border-radius:var(--borderRadiusCircular)}.dismiss-button:hover{background-color:color-mix(in srgb, currentColor 6%, transparent)}.dismiss-button:active{background-color:color-mix(in srgb, currentColor 12%, transparent)}.dismiss-button:focus-visible{outline:var(--strokeWidthThick) solid currentColor;outline-offset:var(--strokeWidthThin)}fluent-badge{gap:var(--spacingHorizontalXXS)}fluent-badge[color='informative']:not([appearance='filled']){--colorNeutralForeground3:color-mix(in srgb, var(--colorPaletteBlueForeground2) 85%, transparent);--colorNeutralStroke2:color-mix(in srgb, var(--colorPaletteBlueBorderActive) 40%, transparent);--colorNeutralBackground4:color-mix(in srgb, var(--colorPaletteBlueBackground2) 20%, transparent)}fluent-badge[color='informative'][appearance='filled']{--colorNeutralBackground5:var(--colorPaletteBlueForeground2);--colorNeutralForeground3:#ffffff}fluent-badge[color='important'][appearance='tint']{--colorNeutralForeground3:color-mix(in srgb, var(--colorNeutralForeground1) 20%, transparent);--colorNeutralBackground1:var(--colorNeutralForeground1);--colorTransparentStroke:var(--colorNeutralStrokeAccessible)}fluent-badge[color='subtle'][appearance='ghost']{--colorNeutralForegroundInverted:var(--colorNeutralForeground2)}fluent-badge[color='subtle'][appearance='outline']{--colorNeutralForegroundStaticInverted:var(--colorNeutralForeground2)}fluent-badge[color='success'][appearance='tint']{--colorPaletteGreenBorder2:color-mix(in srgb, var(--colorPaletteGreenBorder1) 90%, transparent)}fluent-badge[color='warning'][appearance='tint']{--colorPaletteYellowBorder1:var(--colorPaletteYellowBorderActive)}fluent-badge[appearance='ghost'],fluent-badge[appearance='outline']{background-color:transparent}";const Ze=class{constructor(e){t(this,e),this.appearance="secondary",this.shape="rounded",this.size="medium",this.iconOnly=!1,this.disabled=!1,this.disabledFocusable=!1,this.loading=!1,this.type="button",this.handleClick=()=>{if(this.form){const e=M.get(this.form);e?"submit"===this.type?e.requestSubmit?e.requestSubmit():e.submit():"reset"===this.type&&e.reset():console.warn(`[udp-fluent-button] No form found with id "${this.form}". Make sure the form is rendered and has a matching formId/id prop.`)}}}render(){const t=Be(this.size),i=this.loading;return e(a,{key:"0fec578b81f5a6663543938b96556189c214a546"},e("fluent-button",{key:"bb7a4753e07f8075d7e47471e8d8a81572b3afa2",appearance:this.appearance,disabled:this.disabled||this.loading,"disabled-focusable":this.disabledFocusable,shape:this.shape,size:this.size,"icon-only":this.iconOnly,type:this.type,form:this.form,onClick:this.handleClick,tabindex:this.tabIndex,part:"button",exportparts:"content"},(this.startIconName||A(this.el,"start"))&&e("span",{key:"7d634084cf1d544584d79f551f5d558555c1c7bf",class:"slot-wrapper",slot:"start"},e("slot",{key:"e6cc6bbeb0d7a0f263ad0a0ab20db9a9a393a356",name:"start"},this.startIconName&&e("udp-fluent-icon",{key:"c3ed04c6d289855affa86cab832d5f06b062919d",name:this.startIconName,size:t}))),e("slot",{key:"4e294790c35568c62a90bb4e7ad386d1574e067e"}),(this.endIconName||A(this.el,"end"))&&e("span",{key:"cc7e366f42d715dfd0b73b1145816b9add7244de",class:"slot-wrapper",slot:"end"},e("slot",{key:"80a11fabb5f223a0dc287b4bf9d8f39e1f6ec772",name:"end"},this.endIconName&&e("udp-fluent-icon",{key:"33ed5cc6f0e8f4ea2e93bf4d665ee80c66ce7a2f",name:this.endIconName,size:t})))),i&&e("div",{key:"4291e8b24cf1547b17e2b47c7753ca3197bc3ebe",class:"loading-overlay"},e("udp-spinner",{key:"534be5bd813b7ce3400a470ba72353c4b5980cb6",size:"large"===this.size?"extra-small":"tiny"})))}get el(){return o(this)}};Ze.style=":host{display:inline-block;position:relative;width:fit-content}:host([loading]) fluent-button{color:transparent !important}:host([loading]) ::slotted(*){visibility:hidden !important}.loading-overlay{position:absolute;top:57%;left:50%;transform:translate(-50%, -50%);z-index:1;pointer-events:none;display:flex;align-items:center;justify-content:center}:host([loading]) .slot-wrapper{visibility:hidden}.slot-wrapper{display:inline-flex;align-items:center}";const Qe=class{constructor(e){t(this,e),this.hasHeader=!1,this.hasHeaderStart=!1,this.hasHeaderAction=!1,this.hasPreview=!1,this.hasFooter=!1,this.appearance="filled",this.orientation="vertical",this.width="100%",this.height="fit-content",this.interactive=!1,this.bodyPadding=!0,this.handleSlotChange=()=>{this.checkSlots()}}componentWillLoad(){this.checkSlots()}checkSlots(){this.el&&(this.hasHeader=A(this.el,"header"),this.hasHeaderStart=A(this.el,"header-start"),this.hasHeaderAction=A(this.el,"header-action"),this.hasPreview=A(this.el,"preview"),this.hasFooter=A(this.el,"footer"))}render(){return e(a,{key:"c01366f6bc6754a5e802625f08b08c288a8a9b9f",class:{[`appearance-${this.appearance}`]:!0,[`orientation-${this.orientation}`]:!0,interactive:this.interactive},style:{width:this.width,height:this.height},tabIndex:this.interactive?0:void 0},e("div",{key:"ad9964ba2656c613286d670248006cf1897b8644",class:{"card-preview":!0,hidden:!this.hasPreview}},e("slot",{key:"d9d9f2ed8927d92472d4dd0939ff66908a4d8459",name:"preview",onSlotchange:this.handleSlotChange})),e("div",{key:"706024cd16c7dc6c4e96bdbebc75563be27971f8",class:{"card-header":!0,hidden:!(this.hasHeader||this.hasHeaderStart||this.label||this.subtitle||this.hasHeaderAction)}},e("div",{key:"3d881938527ab9b63a22f839056edbc4635f2167",class:{"card-header-start":!0,hidden:!this.hasHeaderStart}},e("slot",{key:"1383f9216f989d77e4e6846e418512b9a34febb6",name:"header-start",onSlotchange:this.handleSlotChange})),e("div",{key:"52e7aa8dcc08fb350f6b2c35d1d3db652cf161ab",class:"card-header-content"},e("slot",{key:"8a823c46d9e9d5a08edd5bb2189a1bf75a829153",name:"header",onSlotchange:this.handleSlotChange},(this.label||this.subtitle)&&e("div",{key:"73fc449b414b784651afe24f93050eed3bbb382a",class:"header-content-wrapper"},this.label&&e("udp-text",{key:"0c47b63774c2877761bb3b7054d5d92aba3ab9bd",variant:"subtitle2"},this.label),this.subtitle&&e("udp-text",{key:"02fe1fb3ab83a176fd62739e16b9bee7fe667248",variant:"caption1",class:"header-subtitle"},this.subtitle)))),e("udp-flexbox",{key:"a30603878b0117cdc5e0f2b87c6bc0a671f5f257",class:{hidden:!this.hasHeaderAction},direction:"row"},e("slot",{key:"372260a50044f532b8a28daed08764bdca60db87",name:"header-action",onSlotchange:this.handleSlotChange}))),e("div",{key:"33e817d365fe89d35474fc9128f4850f37b6fd21",class:{"card-body":!0,"no-padding":!this.bodyPadding}},e("slot",{key:"21fa507624780f7c8d38d69b0d0eab6c2b4b9eb2"})),e("udp-flexbox",{key:"dbe40418fb1b64c8d385195dcbae3fa4127ba3d1",class:{"card-footer":!0,hidden:!this.hasFooter},direction:"row"},e("slot",{key:"f9362e118a81f16d27d7e53a3219767af9811ad6",name:"footer",onSlotchange:this.handleSlotChange})))}get el(){return o(this)}};Qe.style=":host{display:flex;flex-direction:column;box-sizing:border-box;color:var(--colorNeutralForeground1);background-color:var(--colorNeutralBackground1);border:1px solid transparent;border-radius:var(--borderRadiusMedium);box-shadow:var(--shadow4);padding:0;gap:0}:host(.orientation-horizontal){flex-direction:row;align-items:center}:host(.appearance-filled-darker){background-color:var(--colorNeutralBackground2)}:host(.appearance-outline){background-color:transparent;border:1px solid var(--colorNeutralStroke1);box-shadow:none}:host(.appearance-subtle){background-color:transparent;border:none;box-shadow:none}:host(.appearance-muted){background-color:var(--colorNeutralBackground3);border:1px solid transparent;box-shadow:none}:host(.appearance-muted-lighter){background-color:var(--colorNeutralBackground1);border:1px solid transparent;box-shadow:none}:host(.interactive){cursor:pointer;user-select:none}:host(.interactive:hover){background-color:var(--colorNeutralBackground1Hover);box-shadow:var(--shadow8)}:host(.interactive:active){background-color:var(--colorNeutralBackground1Pressed);box-shadow:var(--shadow2)}:host(.interactive.appearance-outline:hover){border-color:var(--colorNeutralStroke1Hover);box-shadow:none}:host(.interactive.appearance-outline:active){border-color:var(--colorNeutralStroke1Pressed);box-shadow:none}:host(.interactive.appearance-subtle:hover){background-color:var(--colorSubtleBackgroundHover);box-shadow:none}:host(.interactive.appearance-subtle:active){background-color:var(--colorSubtleBackgroundPressed);box-shadow:none}:host(.interactive.appearance-filled-darker:hover){background-color:var(--colorNeutralBackground2Hover)}:host(.interactive.appearance-filled-darker:active){background-color:var(--colorNeutralBackground2Pressed)}:host(.interactive.appearance-muted:hover){background-color:var(--colorNeutralBackground3Hover);box-shadow:none}:host(.interactive.appearance-muted:active){background-color:var(--colorNeutralBackground3Pressed);box-shadow:none}:host(.interactive.appearance-muted-lighter:hover){background-color:var(--colorNeutralBackground1Hover);box-shadow:none}:host(.interactive.appearance-muted-lighter:active){background-color:var(--colorNeutralBackground1Pressed);box-shadow:none}:host(.interactive:focus){outline:none}:host(.interactive:focus-visible){outline:var(--spacingVerticalXXS) solid var(--colorStrokeFocus2);outline-offset:var(--spacingVerticalXXS);border-radius:var(--borderRadiusMedium)}.card-preview{display:flex;flex-direction:column;padding:0;margin:0}.card-preview ::slotted(img){width:100%;height:auto;border-radius:var(--borderRadiusMedium) var(--borderRadiusMedium) 0 0;display:block}.card-header{display:flex;flex-direction:row;align-items:center;gap:var(--spacingHorizontalM);padding:var(--spacingHorizontalM);padding-bottom:0}.card-body{display:flex;flex-direction:column;gap:var(--spacingVerticalS);padding:var(--spacingHorizontalM);flex-grow:1}.card-body.no-padding{padding:0}.card-footer{padding:var(--spacingHorizontalM);padding-top:0}.card-header-start{display:flex;flex-shrink:0;align-items:center}.card-header-content{flex:1;min-width:0}.header-content-wrapper{display:flex;flex-direction:column;flex-grow:1}.hidden{display:none}.header-subtitle{color:var(--colorNeutralForeground2)}";const et=class{constructor(e){t(this,e),this.valueChanged=i(this,"valueChanged",7),this.checked=!1,this.indeterminate=!1,this.disabled=!1,this.shape="square",this.controlSize="medium",this.autofocus=!1,this.labelPosition="after",this.includeErrorPadding=!0,this.handleChange=e=>{e.stopPropagation(),this.valueChanged.emit(e.target.checked)},this.handleLabelClick=()=>{!this.disabled&&this.internalCheckbox&&this.internalCheckbox.click()}}componentDidRender(){this.internalCheckbox&&this.internalCheckbox.toggleAttribute("disabled",this.disabled)}render(){const t=!!this.error,i=this.error||this.hint;return e(a,{key:"893cd124b27dc77a8b847aaf4e044292ce850c2e"},e("fluent-field",{key:"210fd38d62eb76c54dfd9ac7948af3c16359e892","label-position":this.labelPosition,class:{"no-label":!this.label,"no-message":!i&&!this.includeErrorPadding}},e("fluent-label",{key:"9483b3c314d4d7806a835f88f64719493e86d270",slot:"label",disabled:this.disabled,onClick:this.handleLabelClick},this.label,this.popupHint&&e("udp-tooltip",{key:"6e4df82c832122b1aee1ca246d7ad871b1df48fc",content:this.popupHint,positioning:"above"},e("udp-fluent-icon",{key:"0f3981bf5b485d800c06cf5909ff460e77822a28",name:"info",size:"xs",class:"popup-hint-icon"}))),e("fluent-checkbox",{key:"adf8d92f03dd3c043676c2c18fe5279dee801da7",ref:e=>this.internalCheckbox=e,slot:"input",name:this.name,checked:this.checked,indeterminate:this.indeterminate,disabled:this.disabled,shape:this.shape,size:this.controlSize,autofocus:this.autofocus,onChange:this.handleChange}),e("udp-text",{key:"b6cbb4d338339f2e17f8d61f729f34d9128889c2",slot:"message",variant:"caption1",class:{message:!0,error:t,includeErrorPadding:this.includeErrorPadding}},i)))}static get delegatesFocus(){return!0}get el(){return o(this)}};et.style=".message{color:var(--colorNeutralForeground3)}.message.includeErrorPadding{min-height:var(--lineHeightBase200)}.message.error{color:var(--colorPaletteRedForeground1)}.popup-hint-icon{margin-left:2px}fluent-field.no-label::part(label){display:none}fluent-field.no-message::part(message){display:none}fluent-label{cursor:pointer}:host([disabled]) fluent-label{cursor:default}fluent-label[disabled]{color:var(--colorNeutralForeground1)}fluent-field[label-position='before']{align-items:start}";const tt=class{constructor(e){t(this,e),this.showZero=!1,this.dot=!1}render(){return e(a,{key:"9397c028d5188b1ccd6b4d5bd1895c0a1cf4c551"},e("fluent-counter-badge",{key:"e371dcda804d5a7a0b4ad5506f17073760ebce88",appearance:this.appearance,color:this.color,shape:this.shape,size:this.size,count:this.count,"overflow-count":this.overflowCount,"show-zero":this.showZero,dot:this.dot},e("slot",{key:"f220047c9eddceb0efdc6529baa565021d3eb8a2",name:"start",slot:"start"}),void 0===this.count&&e("slot",{key:"44791c30fbe61380912b4dc459ded15dee3e12ed"}),e("slot",{key:"64c2c2f1fefaf2513ce4e8b679d7ea31b085286d",name:"end",slot:"end"})))}};tt.style=":host{display:flex;align-items:center;color:var(--colorNeutralForeground1)}fluent-counter-badge:not([color='subtle']){--colorNeutralBackground1:transparent}fluent-counter-badge[color='subtle'][appearance='ghost']{--colorNeutralForegroundInverted:var(--colorNeutralForeground2)}";const it=class{constructor(e){t(this,e),this.dialogCloseEvent=i(this,"dialogClose",7),this.open=!1,this.dialogTitle="",this.showHeaderCloseButton=!0,this.maxHeight="300px",this.type="modal",this.handleToggle=e=>{var t;e.stopPropagation(),"closed"===(null===(t=e.detail)||void 0===t?void 0:t.newState)&&this.dialogCloseEvent.emit()},this.setDialogRef=e=>{this.dialogRef=e}}handleOpenChange(e){var t,i;e?null===(t=this.dialogRef)||void 0===t||t.show():null===(i=this.dialogRef)||void 0===i||i.hide()}componentDidLoad(){var e;this.open&&(null===(e=this.dialogRef)||void 0===e||e.show())}render(){return e(a,{key:"9e11d9ad9c7e5f88585f10b35c3788e6413ffe52",style:{"--dialog-max-height":this.maxHeight}},e("fluent-dialog",{key:"6fdf81822a4115142a18dd48442d3a84df1c4be9",ref:this.setDialogRef,type:this.type,onToggle:this.handleToggle},e("fluent-dialog-body",{key:"9dc51c72cfdc8f00b913478c980ceecb2540cef2"},e("slot",{key:"6933e82c765eec7d94547df9dd3cc6e68fb4046a",name:"header",slot:"title"},this.dialogTitle&&e("udp-fluent-text",{key:"ff6e277f8547cdaf62c28f958ac41411548485dd"},this.dialogTitle)),this.showHeaderCloseButton&&e("udp-fluent-icon-button",{key:"86c8ac3c13c3cc28b1565224689ed73bdf0d27e1",slot:"close",appearance:"subtle",iconName:"dismiss",ariaLabel:"Close Dialog"}),e("div",{key:"ee2182b68b15c14b0d2f4f42de30192a8596d01f",class:"dialog-content"},e("slot",{key:"9027281184914bba6b3c3e4f08124a5dba52b2f6"})),e("udp-flexbox",{key:"1bfabd174958c1f38f8fdcae79f601439c4ddeb9",slot:"action",direction:"row"},e("slot",{key:"7af53ca073a2d7cdf1289a081aea8df4a3ec21b0",name:"action"})))))}get el(){return o(this)}static get watchers(){return{open:[{handleOpenChange:0}]}}};it.style=":host{display:block}fluent-dialog::part(dialog){outline:none}.dialog-content{max-height:var(--dialog-max-height, 300px);overflow-y:auto;margin:-2px;padding:2px}";const at=class{constructor(e){t(this,e),this.alignContent="center",this.orientation="horizontal"}render(){return e(a,{key:"0f340547fdb025611c59531c32e0f0e10076037e",style:{background:"transparent"}},e("fluent-divider",{key:"acd29786ccd7f60d2fa8d88e18f5eb6dd28a89af","align-content":this.alignContent,appearance:this.appearance,inset:this.inset,role:this.role,orientation:this.orientation},e("slot",{key:"39d781f43ba0d9357aeb2d859b1a2b59986294b5"})))}},ot={small:320,medium:590,large:940,full:1/0},nt=class{constructor(e){t(this,e),this.drawerCloseEvent=i(this,"drawerClose",3),this.open=!1,this.drawerTitle="",this.size="medium",this.position="end",this.excludeVerticalPadding=!1,this.hasFooter=!1,this.hasToolbar=!1,this.hasTitle=!1,this.showTopShadow=!1,this.showBottomShadow=!1,this.effectiveSize="medium",this.isLocked=!1,this.clickStartedOnBackdrop=!1,this.handleDialogMouseDown=e=>{this.drawerRef&&this.drawerRef.dialog&&(this.clickStartedOnBackdrop=e.target===this.drawerRef.dialog)},this.handleWindowResize=()=>{clearTimeout(this.resizeDebounceTimer),this.resizeDebounceTimer=setTimeout((()=>{this.calculateEffectiveSize()}),100)},this.handleScroll=()=>{this.checkScrollShadows()},this.handleToggle=e=>{e.stopPropagation(),"closed"===e.detail.newState?(this.isLocked&&(this.handleLock(!1),this.isLocked=!1),this.drawerCloseEvent.emit()):"open"===e.detail.newState&&(this.isLocked||(this.handleLock(!0),this.isLocked=!0))},this.setDrawerRef=e=>{this.drawerRef=e}}handleOpenChange(e){var t,i;clearTimeout(this.lockFallbackTimer),e?((null===(t=this.drawerRef)||void 0===t?void 0:t.dialog)&&!this.drawerRef.dialog.open&&this.drawerRef.show(),this.lockFallbackTimer=setTimeout((()=>{this.open&&!this.isLocked&&(this.handleLock(!0),this.isLocked=!0)}),50)):(null===(i=this.drawerRef)||void 0===i?void 0:i.dialog)&&this.drawerRef.dialog.open&&this.drawerRef.hide()}handleSizeChange(){this.calculateEffectiveSize()}componentWillLoad(){this.checkFooter(),this.checkToolbar(),this.checkTitle(),this.updateDrawerWidth()}updateDrawerWidth(){this.drawerWidth&&this.drawerWidth.length>0?this.el.style.setProperty("--drawer-width",this.drawerWidth):this.el.style.removeProperty("--drawer-width")}componentDidLoad(){var e;this.calculateEffectiveSize(),this.open&&(null===(e=this.drawerRef)||void 0===e||e.show(),this.isLocked||(this.handleLock(!0),this.isLocked=!0)),this.mutationObserver=new MutationObserver((()=>{this.checkFooter(),this.checkToolbar(),this.checkTitle(),this.checkScrollShadows()})),this.mutationObserver.observe(this.el,{childList:!0,subtree:!0}),this.contentRef&&(this.resizeObserver=new ResizeObserver((()=>{this.checkScrollShadows()})),this.resizeObserver.observe(this.contentRef),window.addEventListener("resize",this.handleWindowResize),this.checkScrollShadows()),this.setupBackdropClickHandling()}setupBackdropClickHandling(){if(!this.drawerRef||!this.drawerRef.dialog)return;const e=this.drawerRef.dialog;e.addEventListener("mousedown",this.handleDialogMouseDown);const t=this.drawerRef.clickHandler.bind(this.drawerRef);this.drawerRef.clickHandler=i=>this.open&&i.target===e?this.clickStartedOnBackdrop?t(i):(i.preventDefault(),!0):t(i)}disconnectedCallback(){var e,t;clearTimeout(this.lockFallbackTimer),clearTimeout(this.resizeDebounceTimer),this.isLocked&&(this.handleLock(!1),this.isLocked=!1),0===nt.openDrawers.size&&null!==nt.unlockTimer&&(clearTimeout(nt.unlockTimer),nt.unlockTimer=null),null===(e=this.mutationObserver)||void 0===e||e.disconnect(),null===(t=this.resizeObserver)||void 0===t||t.disconnect(),window.removeEventListener("resize",this.handleWindowResize),this.drawerRef&&this.drawerRef.dialog&&this.drawerRef.dialog.removeEventListener("mousedown",this.handleDialogMouseDown)}checkFooter(){const e=Array.from(this.el.children);this.hasFooter=e.some((e=>"footer"===e.getAttribute("slot")))}checkToolbar(){const e=Array.from(this.el.children);this.hasToolbar=e.some((e=>"toolbar"===e.getAttribute("slot")))}checkTitle(){const e=Array.from(this.el.children);this.hasTitle=e.some((e=>"title"===e.getAttribute("slot")))}calculateEffectiveSize(){const e=window.innerWidth;let t=ot.medium;if(this.drawerWidth&&this.drawerWidth.endsWith("px")){const e=parseInt(this.drawerWidth,10);!isNaN(e)&&e>0&&(t=e)}else this.size&&ot[this.size]&&(t=ot[this.size]);e<t?"full"!==this.effectiveSize&&(this.effectiveSize="full"):this.effectiveSize!==this.size&&(this.effectiveSize=this.size)}checkScrollShadows(){if(!this.contentRef)return;const{scrollTop:e,scrollHeight:t,clientHeight:i}=this.contentRef,a=e>0,o=Math.ceil(e+i)<t;this.showTopShadow!==a&&(this.showTopShadow=a),this.showBottomShadow!==o&&(this.showBottomShadow=o)}handleLock(e){e?(null!==nt.unlockTimer&&(clearTimeout(nt.unlockTimer),nt.unlockTimer=null),0===nt.openDrawers.size&&this.lockBodyScroll(),nt.openDrawers.add(this)):(nt.openDrawers.delete(this),0===nt.openDrawers.size&&(nt.unlockTimer=setTimeout((()=>{0===nt.openDrawers.size&&this.unlockBodyScroll(),nt.unlockTimer=null}),nt.UNLOCK_DELAY_MS)))}getScrollbarWidth(){return window.innerWidth-document.documentElement.clientWidth}lockBodyScroll(){const e=document.documentElement,t=document.body;if("fixed"===t.style.position)return;null===nt.originalBodyStyles&&(nt.originalBodyStyles={htmlOverflow:e.style.overflow,bodyOverflow:t.style.overflow,bodyPosition:t.style.position,bodyTop:t.style.top,bodyWidth:t.style.width,bodyPaddingRight:t.style.paddingRight,bodyTouchAction:t.style.touchAction});const i=window.scrollY,a=this.getScrollbarWidth();e.style.overflow="hidden",t.style.overflow="hidden",t.style.position="fixed",t.style.top=`-${i}px`,t.style.width="100%",t.style.touchAction="none",a>0&&(t.style.paddingRight=`${a}px`)}unlockBodyScroll(){const e=document.documentElement,t=document.body,i=t.style.top;if(nt.originalBodyStyles&&(e.style.overflow=nt.originalBodyStyles.htmlOverflow,t.style.overflow=nt.originalBodyStyles.bodyOverflow,t.style.position=nt.originalBodyStyles.bodyPosition,t.style.top=nt.originalBodyStyles.bodyTop,t.style.width=nt.originalBodyStyles.bodyWidth,t.style.paddingRight=nt.originalBodyStyles.bodyPaddingRight,t.style.touchAction=nt.originalBodyStyles.bodyTouchAction,nt.originalBodyStyles=null),i&&""!==i){const e=parseInt(i.replace("px",""),10);isNaN(e)||window.scrollTo(0,Math.abs(e))}}render(){return e(a,{key:"e57c61ef6d53bed97d50941c4ebdd082327753f9",class:{"has-footer":this.hasFooter}},e("fluent-drawer",{key:"342002046f8b68d22860536e9b46669007cca0e2",ref:this.setDrawerRef,onToggle:this.handleToggle,type:"modal",position:this.position,size:this.effectiveSize},e("fluent-drawer-body",{key:"876fbbf139cbd3ea52fa2426dab27352cc8b2a86"},this.hasTitle?e("slot",{name:"title",slot:"title"}):e("udp-text",{variant:"subtitle1",slot:"title"},this.drawerTitle),e("udp-fluent-icon-button",{key:"96c57198e287bbda27eda513035a5b94a592f0e7",slot:"close",appearance:"subtle",iconName:"dismiss","aria-label":"close"}),this.hasToolbar&&e("udp-flexbox",{key:"c7aba1b9a62a6e9078d3a91aea255786ea5e19da",class:"drawer-toolbar",direction:"row",width:"100%"},e("slot",{key:"3fb1fcc5f6100e160961588efa372e7c34d6acd3",name:"toolbar"})),e("div",{key:"32b349ef70d856d79250d7fc3a6de9c5a1d72339",class:"drawer-scroll-container",ref:e=>this.contentRef=e,onScroll:this.handleScroll},e("div",{key:"1a11b971887b7b60edc8b401bcd4c102824b2574",class:"scroll-shadow top "+(this.showTopShadow?"visible":"")}),e("div",{key:"efdccb9c6ffa8cd822026950de57dbcf94c52b2f",class:"drawer-content-inner"+(this.excludeVerticalPadding?"":" vertical-padding")},e("slot",{key:"311338b803b2ac3f15bb977409d7f48d9ed2b063"})),e("div",{key:"4aa386c56f747f054d8d2dcfe2af4525176a68fa",class:"scroll-shadow bottom "+(this.showBottomShadow?"visible":"")})),this.hasFooter&&e("udp-flexbox",{key:"f18807aee77d86d6d086e7751d01cec87df7517b",slot:"footer",direction:"row"},e("slot",{key:"cb0eb13afdbe78bba4f43779d3db2ff1e52a20ca",name:"footer"})))))}get el(){return o(this)}static get watchers(){return{open:[{handleOpenChange:0}],size:[{handleSizeChange:0}],drawerWidth:[{updateDrawerWidth:0}]}}};nt.openDrawers=new Set,nt.unlockTimer=null,nt.UNLOCK_DELAY_MS=300,nt.originalBodyStyles=null,nt.style='fluent-drawer-body{padding:0;background-color:var(--colorNeutralBackground2)}fluent-drawer-body::part(header){background:var(--colorNeutralBackground1);overflow:visible;padding:var(--spacingHorizontalM);border-bottom:1px solid var(--colorNeutralStroke3)}fluent-drawer-body::part(content){overflow:hidden;display:flex;flex-direction:column;flex:1 1 auto;min-height:0;padding:0}fluent-button[slot="close"]{margin:2px;}fluent-drawer-body::part(footer){display:none}.drawer-toolbar{position:relative;z-index:10;background:var(--colorNeutralBackground1);padding:var(--spacingVerticalNone) var(--spacingHorizontalM);border-bottom:1px solid var(--colorNeutralStroke2);width:100%}.drawer-scroll-container{padding:0;overflow-y:auto;flex:1 1 auto;min-height:0;position:relative;display:flex;flex-direction:column}.drawer-content-inner{padding:var(--spacingHorizontalM);flex:1 0 auto;}.drawer-content-inner.vertical-padding{padding-bottom:var(--spacingVerticalXXXL)}.scroll-shadow{position:sticky;left:0;right:0;height:24px;z-index:100;pointer-events:none;opacity:0;transition:opacity 0.2s ease;flex-shrink:0}.scroll-shadow.visible{opacity:1}.scroll-shadow.top{top:0;margin-bottom:-24px;background:linear-gradient(to bottom, rgba(0, 0, 0, 0.12), transparent)}.scroll-shadow.bottom{bottom:0;margin-top:-24px;background:linear-gradient(to top, rgba(0, 0, 0, 0.12), transparent)}:host(.has-footer) fluent-drawer-body::part(footer){display:block;background:var(--colorNeutralBackground1);border-top:1px solid var(--colorNeutralStroke3);padding-top:var(--spacingVerticalS);padding-bottom:var(--spacingVerticalM);padding-left:var(--spacingHorizontalM);padding-right:var(--spacingHorizontalM)}';const rt=class{constructor(e){t(this,e),this.valueChanged=i(this,"valueChanged",7),this.inputBlur=i(this,"inputBlur",7),this.inputFocus=i(this,"inputFocus",7),this.options=[],this.optionLabel="label",this.optionValue="value",this.optionDisabled="disabled",this.optionIcon="icon",this.iconPosition="start",this.optionBadges="badges",this.optionGroup="group",this.appearance="outline",this.controlSize="medium",this.disabled=!1,this.required=!1,this.loading=!1,this.includeErrorPadding=!0,this.multiple=!1,this.autofocus=!1,this.clearable=!1,this.valueAs="option",this.showClearButton=!1,this.selectionForOverlay=null,this.typeaheadBuffer="",this.handleTogglePopover=e=>{var t,i,a,o;if(!this.dropdownRef||this.disabled)return;const n=this.dropdownRef;n.open?(n.open=!1,null===(i=null===(t=n.listbox)||void 0===t?void 0:t.hidePopover)||void 0===i||i.call(t)):(e||(n.open=!0,null===(o=null===(a=n.listbox)||void 0===a?void 0:a.showPopover)||void 0===o||o.call(a)),this.dropdownRef.focus())},this.handleClear=e=>{e.stopPropagation(),this.dropdownRef.querySelectorAll("fluent-option").forEach((e=>{e.selected=!1})),this.showClearButton=!1,this.selectionForOverlay=this.multiple?[]:null,this.dropdownRef.value="",this.valueChanged.emit(this.multiple?[]:""),this.dropdownRef.focus()},this.handleKeyDown=e=>{var t,i,a;if(this.disabled||this.loading)return;if(("Backspace"===e.key||"Delete"===e.key)&&this.showClearButton&&this.clearable)return e.preventDefault(),e.stopPropagation(),void this.handleClear(e);if(this.multiple&&"Enter"===e.key){if(!this.dropdownRef||!this.dropdownRef.open)return;const t=this.dropdownRef;if(t&&Array.isArray(t.enabledOptions)&&"number"==typeof t.activeIndex){const i=t.enabledOptions[t.activeIndex];if(i&&!i.disabled){const t=i.value,a=this.findOptionByValue(t),o=void 0!==a?a:t,n=Array.isArray(this.selectionForOverlay)?[...this.selectionForOverlay]:this.getValuesAsArray(),r=this.getOptionValue(o),s=n.findIndex((e=>this.getOptionValue(e)===r));-1!==s?n.splice(s,1):n.push(o),this.selectionForOverlay=n,this.showClearButton=n.length>0,this.valueChanged.emit(n.map((e=>this.toEmitValue(e)))),e.preventDefault(),e.stopPropagation()}}return}if("Escape"===e.key){if(!this.dropdownRef)return;return void(this.dropdownRef.open&&(this.dropdownRef.open=!1,null===(i=null===(t=this.dropdownRef.listbox)||void 0===t?void 0:t.hidePopover)||void 0===i||i.call(t),e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation()))}if(e.ctrlKey||e.altKey||e.metaKey||e.key.length>1)return;clearTimeout(this.typeaheadTimeout),this.typeaheadBuffer+=e.key;const o=null===(a=this.options)||void 0===a?void 0:a.findIndex((e=>{const t=this.resolveProp(e,this.optionLabel,!0),i=this.resolveProp(e,this.optionDisabled);return t&&!i&&String(t).toLowerCase().startsWith(this.typeaheadBuffer.toLowerCase())}));if(-1!==o){const e=this.dropdownRef,t=Array.from(this.dropdownRef.querySelectorAll("fluent-option"))[o];if(t&&e&&Array.isArray(e.enabledOptions)){const i=e.enabledOptions.indexOf(t);-1!==i&&(e.activeIndex=i,t.scrollIntoView({block:"nearest"}))}}this.typeaheadTimeout=setTimeout((()=>{this.typeaheadBuffer=""}),1e3)},this.handleChange=e=>{if(e.stopPropagation(),this.multiple&&this.dropdownRef.selectedOptions){const e=Array.from(this.dropdownRef.selectedOptions).map((e=>{const t=this.findOptionByValue(e.value);return void 0!==t?t:e.value}));this.valueChanged.emit(e.map((e=>this.toEmitValue(e)))),this.showClearButton=e.length>0,this.selectionForOverlay=e}else{const e=this.dropdownRef.value,t=this.findOptionByValue(e),i=void 0!==t?t:e;this.valueChanged.emit(this.toEmitValue(i)),this.showClearButton=null!=e,this.selectionForOverlay=i}}}syncSelectionForOverlay(){this.selectionForOverlay=null!=this.value&&""!==this.value?this.value:this.multiple?[]:null}componentDidLoad(){this.patchDropdownShadow(),this.syncSelectionForOverlay(),this.valueHandler()}patchDropdownShadow(){var e;const t=null===(e=this.dropdownRef)||void 0===e?void 0:e.shadowRoot;if(!t)return;const i=new CSSStyleSheet;i.replaceSync('\n      .control { min-width: 0; }\n      :host([appearance="outline"]) .control,\n      :host([appearance="transparent"]) .control { margin: -1px 0; }\n    '),t.adoptedStyleSheets=[...t.adoptedStyleSheets,i]}valueHandler(){this.dropdownRef&&requestAnimationFrame((()=>{const e=this.dropdownRef.querySelectorAll("fluent-option");if(Array.isArray(this.value)){const t=this.value.map((e=>this.getOptionValue(e)));this.showClearButton=t.length>0,e.forEach((e=>{e.value&&(e.selected=t.includes(e.value))}))}else if(null!=this.value){const t=this.getOptionValue(this.value);this.showClearButton=!!t,e.forEach((e=>{e.value&&(e.selected=e.value===t)}))}else e.forEach((e=>{e.value&&(e.selected=!1)})),this.showClearButton=!1}))}resolveProp(e,t,i=!1){return"object"!=typeof e||null===e?i?e:void 0:"function"==typeof t?t(e):"string"==typeof t?e[t]:void 0}getOptionValue(e){const t=this.resolveProp(e,this.optionValue,!0);return null!=t?String(t):""}findOptionByValue(e){var t;return null===(t=this.options)||void 0===t?void 0:t.find((t=>this.getOptionValue(t)===e))}toEmitValue(e){return"value"===this.valueAs?this.getOptionValue(e):e}getValuesAsArray(){return Array.isArray(this.value)?[...this.value]:null!=this.value?[this.value]:[]}getOptionBadges(e){const t=this.resolveProp(e,this.optionBadges);return Array.isArray(t)?t:[]}getOptionGroup(e){if(!this.optionGroup)return;const t=this.resolveProp(e,this.optionGroup);return null!=t&&""!==t?String(t):void 0}getSelectedOverlayOptions(){const e=this.selectionForOverlay,t=e=>{var t;const i=this.getOptionValue(e);return null!==(t=this.findOptionByValue(i))&&void 0!==t?t:e};if(this.multiple){if(!Array.isArray(e)||0===e.length)return[];const i=e.map(t);return i.some((e=>this.getOptionBadges(e).length>0))?i:[]}if(null==e)return[];const i=t(e);return this.getOptionBadges(i).length>0?[i]:[]}renderBadges(t){return 0===t.length?null:e("span",{class:"option-badges"},t.map(((t,i)=>{var a,o,n;return e("udp-fluent-badge",{key:i,appearance:null!==(a=t.appearance)&&void 0!==a?a:"filled",color:t.color,shape:null!==(o=t.shape)&&void 0!==o?o:"circular",size:null!==(n=t.size)&&void 0!==n?n:"small",startIconName:t.startIconName,endIconName:t.endIconName},t.label)})))}render(){var t,i;const o=!!this.error,n=this.error||this.hint,r=this.getSelectedOverlayOptions(),s=r.length>0,l="underline"===this.appearance?"transparent":this.appearance;return e(a,{key:"6d1410f1280513ce30884031f3c2b0e739f21aa7",class:{"has-error":o}},e("fluent-field",{key:"ee241a4abcbf6c4b530bfaf8f860274492c7936f",class:{"no-message":!n&&!this.includeErrorPadding,"no-label":!this.label}},this.label&&e("fluent-label",{key:"5b7f10ed15fa03a1ee213d6e1fc83150200b75ff",slot:"label",disabled:this.disabled,onClick:()=>this.handleTogglePopover(!1),style:{paddingTop:"2px",paddingBottom:"2px"}},this.label,this.popupHint&&e("udp-tooltip",{key:"b12259e02126200b646bb16f7066ca47e209ea10",content:this.popupHint,positioning:"above"},e("udp-fluent-icon",{key:"2227f4d3116d3e06bfa644c1041677121a8baf62",name:"info",size:"xs",class:"popup-hint-icon"}))),e("div",{key:"67fd988678a418d6f51de059be4f8069e5d61d00",slot:"input",class:{"input-wrapper":!0,"has-overlay":s}},e("fluent-dropdown",{key:"7822276fc6568d30dcd341995e4fb32d6c55a9bb",type:"dropdown",name:this.name,appearance:l,size:this.controlSize,required:this.required,disabled:this.disabled,placeholder:this.placeholder,multiple:this.multiple,onChange:this.handleChange,onKeyDown:this.handleKeyDown,onFocusout:()=>this.inputBlur.emit(),onFocusin:()=>this.inputFocus.emit(),onInvalid:e=>e.preventDefault(),ref:e=>this.dropdownRef=e},e("fluent-listbox",{key:"06a593d21710ddf1b6a457cc4e63ac5ba6f0167c"},this.loading&&e("fluent-option",{key:"1ffd4e948fd85b17096024344ee2e3e6e1ca7e6f",disabled:!0,ref:e=>null==e?void 0:e.toggleAttribute("disabled",!0)},e("span",{key:"365b7a9ef672f377ea7e3c42998626f9b7ec42dd"},"Loading..."),e("span",{key:"3c7ce76b4a0be3efa2766225ec3324f7d7ec3f56",slot:"indicator"})),!this.loading&&0===(null===(t=this.options)||void 0===t?void 0:t.length)&&e("fluent-option",{key:"b0fd93bd369ef558f860f1b791709226f447afa9",disabled:!0,value:"empty",ref:e=>null==e?void 0:e.toggleAttribute("disabled",!0)},"No options available"),!this.loading&&(null===(i=this.options)||void 0===i?void 0:i.length)>0&&(()=>{const t=[];let i;return this.options.forEach(((a,o)=>{const n=this.getOptionGroup(a);n&&n!==i&&(t.push(e("fluent-option",{key:`__group_${n}`,class:"option-group-header",disabled:!0,"aria-hidden":"true",ref:e=>null==e?void 0:e.toggleAttribute("disabled",!0)},n)),i=n);const r=this.resolveProp(a,this.optionLabel,!0),s=this.resolveProp(a,this.optionValue,!0),l=this.resolveProp(a,this.optionDisabled),d=this.resolveProp(a,this.optionIcon),c=this.getOptionBadges(a),h=null!=s?String(s):"";t.push(e("fluent-option",{key:o,disabled:!!l,value:h,ref:e=>null==e?void 0:e.toggleAttribute("disabled",!!l)},d&&"start"===this.iconPosition&&e("span",{slot:"start",class:"option-icon-slot"},e("udp-fluent-icon",{name:d,size:"sm"})),r,d&&"end"===this.iconPosition&&e("span",{class:"option-icon-end",style:{pointerEvents:"none",marginLeft:"4px"}},e("udp-fluent-icon",{name:d,size:"sm"})),this.renderBadges(c)))})),t})()),e("div",{key:"29403f83ea438b107ef2deb1651cf1ddec1e675a",slot:"indicator",class:"indicator-wrapper"},e("udp-fluent-icon-button",{key:"1d94d6f84299916fa4e20b07e123d5b1c2d984e1",class:{"clear-button":!0,"is-visible":this.showClearButton&&!this.disabled&&this.clearable},slot:"indicator",iconName:"dismiss",appearance:"transparent",size:"small",onClick:this.handleClear,onMouseDown:e=>e.preventDefault(),ariaLabel:"Clear",tabIndex:-1}),e("udp-fluent-icon",{key:"3df248e42664fe410c092e93a7d8110101fdc96a",name:"chevron-down",size:"sm",class:"chevron-down",onClick:e=>{e.stopPropagation(),this.handleTogglePopover(!1)}}))),s&&e("div",{key:"a990dbce7c82bf774fdf7f27800c3b3f3f53ca87",class:{"selected-overlay":!0,multi:r.length>1},"aria-hidden":"true"},r.map(((t,i)=>e("span",{class:"selected-item",key:this.getOptionValue(t)||i},i>0&&e("span",{class:"selected-separator"},", "),e("span",{class:"selected-label"},this.resolveProp(t,this.optionLabel,!0)),this.renderBadges(this.getOptionBadges(t))))))),e("div",{key:"d9fb1ac61d88303388924b1182a95776d4feb8d2",class:{"message-wrapper":!0,includeErrorPadding:this.includeErrorPadding},slot:"message",onClick:()=>this.handleTogglePopover(!0)},e("udp-text",{key:"852605db1e6aa0aaf3c89bbd2c37f36f1f9b57e4",variant:"caption1",class:{message:!0,error:o}},n))))}static get delegatesFocus(){return!0}static get watchers(){return{value:[{syncSelectionForOverlay:0},{valueHandler:0}],options:[{valueHandler:0}]}}};rt.style=':host{display:block;width:100%}fluent-field{width:100%;grid-template-columns:minmax(0, 1fr)}fluent-dropdown{width:100%;max-width:100%}fluent-dropdown[appearance="outline"],fluent-dropdown[appearance="transparent"]{--borderRadiusMedium:5px}fluent-dropdown>button,fluent-dropdown>input{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}fluent-dropdown[appearance="filled-darker"],fluent-dropdown[appearance="filled-lighter"]{--spacingVerticalSNudge:5px;box-shadow:var(--shadow2);border-radius:var(--borderRadiusMedium)}fluent-dropdown[appearance="filled-darker"][size=\'small\'],fluent-dropdown[appearance="filled-lighter"][size=\'small\']{--spacingVerticalXS:3px}fluent-dropdown[appearance="outline"][size=\'large\'],fluent-dropdown[appearance="transparent"][size=\'large\']{--spacingVerticalS:9px}fluent-label[disabled]{color:var(--colorNeutralForeground1)}fluent-field.no-label::part(label){display:none}fluent-field.no-message::part(message){display:none}.clear-button{display:none;color:var(--colorNeutralForeground3)}.clear-button.is-visible{display:inline-flex;margin-top:-2px;margin-bottom:-2px}.indicator-wrapper{display:flex;align-items:center}fluent-dropdown[size=\'small\'] .indicator-wrapper{height:16px}.message{color:var(--colorNeutralForeground3)}.message-wrapper{display:flex;flex-direction:column;width:100%}.message-wrapper.includeErrorPadding{min-height:var(--lineHeightBase200)}.message.error{color:var(--colorPaletteRedForeground1)}.popup-hint-icon{margin-left:2px}fluent-dropdown[appearance="outline"]:focus-within{--colorStrokeFocus1:var(--colorNeutralStroke1);--colorStrokeFocus2:transparent}fluent-dropdown[appearance="filled-darker"]:focus-within,fluent-dropdown[appearance="filled-lighter"]:focus-within,fluent-dropdown[appearance="transparent"]:focus-within{--colorStrokeFocus1:transparent;--colorStrokeFocus2:transparent}:host(.has-error) fluent-dropdown:not(:focus-within){--colorNeutralStroke1:var(--colorPaletteRedBorder2);--colorNeutralStroke1Hover:var(--colorPaletteRedBorder2);--colorNeutralStrokeAccessible:var(--colorPaletteRedBorder2);--colorNeutralStrokeAccessibleHover:var(--colorPaletteRedBorder2)}fluent-option:state(active){border:2px solid var(--colorNeutralStrokeAccessible)}::slotted([slot="start"]){display:inline-flex;align-items:center;margin-right:0.5em}::slotted(.option-icon-slot){display:inline-flex;align-items:center;justify-content:center;width:1.5em}::slotted(.option-icon-end){display:inline-flex;align-items:center;justify-content:center;width:1.5em;margin-left:0.5em}fluent-option{min-height:32px;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}fluent-option::part(content){display:flex;align-items:center;gap:6px}.option-badges{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;pointer-events:none}fluent-option.option-group-header{pointer-events:none;color:var(--colorNeutralForeground2);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightSemibold);text-transform:uppercase;letter-spacing:0.04em;line-height:24px;opacity:1;padding-top:10px}fluent-option.option-group-header:first-child{padding-top:0}fluent-option.option-group-header::part(content){min-height:24px;align-items:center}fluent-option.option-group-header:state(active){border:none}.input-wrapper{position:relative;display:block;width:100%}.selected-overlay{position:absolute;top:0;bottom:0;inset-inline-start:0;inset-inline-end:60px;display:flex;align-items:center;gap:6px;padding-inline-start:10px;pointer-events:none;overflow:hidden;font:inherit;color:var(--colorNeutralForeground1);z-index:1}.selected-overlay .selected-item{display:inline-flex;align-items:center;gap:6px;min-width:0}.selected-overlay .selected-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.selected-overlay.multi .selected-item,.selected-overlay.multi .selected-label{flex-shrink:0}.selected-overlay.multi .selected-label{overflow:visible;text-overflow:clip}.selected-overlay .selected-separator{flex-shrink:0}.input-wrapper.has-overlay fluent-dropdown>button{color:transparent}';const st={xs:16,sm:20,md:24,lg:28},lt={add:{name:"add"},add32:{name:"add"},addAlt:{name:"add-circle"},addFilled:{name:"add",variant:"filled"},arrowsHorizontal16:{name:"arrow-horizontal"},arrowRight16:{name:"arrow-right"},arrowLeft16:{name:"arrow-left"},attachment:{name:"attach"},box:{name:"box"},close16:{name:"dismiss"},close24:{name:"dismiss"},close32:{name:"dismiss"},closeFilled16:{name:"dismiss",variant:"filled"},closeOutlined16:{name:"dismiss-circle"},checkMark:{name:"checkmark"},checkMark24:{name:"checkmark"},checkMark32:{name:"checkmark"},checkMarkOutlined:{name:"checkmark-circle"},chevronLeft16:{name:"chevron-left"},chevronRight16:{name:"chevron-right"},chevronDown:{name:"chevron-down"},dashboard:{name:"home"},document:{name:"document"},documentAdd:{name:"document-add"},documentAttachment:{name:"attach"},documentPdf:{name:"document-pdf"},documentAudio:{name:"document"},documentVideo:{name:"video"},draggable:{name:"drag"},edit:{name:"edit"},export:{name:"export"},flag:{name:"flag"},information:{name:"info"},information32:{name:"info"},link:{name:"link"},location:{name:"location"},opportunities:{name:"lightbulb"},overflowMenuVertical:{name:"more-vertical"},overflowMenuVertical32:{name:"more-vertical"},return16:{name:"arrow-return"},save:{name:"save"},settings:{name:"settings"},subtract:{name:"subtract"},subtractAlt:{name:"subtract"},subtractFilled:{name:"subtract",variant:"filled"},trashCan:{name:"delete"},user:{name:"person"},view:{name:"eye"},wizard:{name:"apps-list"},workorder:{name:"task-list"},arrowUp:{name:"arrow-up"},arrowDown:{name:"arrow-down"},copy:{name:"copy"},star:{name:"star"},warning:{name:"warning"},warning32:{name:"warning"},warningAlt:{name:"warning"},warningAlt32:{name:"warning"},time:{name:"clock"},text:{name:"text-paragraph"},list:{name:"list"},calendar:{name:"calendar"},formTextField:{name:"text-font"},formTextArea:{name:"text-paragraph"},formNumberField:{name:"number"},formDateField:{name:"calendar"},formCheckbox:{name:"checkbox-checked"},formFileUpload:{name:"cloud-upload"},formRadioButton:{name:"radio-button"},formHiddenField:{name:"eye-off"},formTimeField:{name:"clock"},formDateTimeField:{name:"calendar"},formMultiSelectField:{name:"list"},formSingleSelectField:{name:"list"},dataTable:{name:"table"},fitToWidth:{name:"fit-width"},search:{name:"search"},reset:{name:"arrow-reset"},column:{name:"column"},hideColumn:{name:"column"},rotate:{name:"arrow-rotate"},lock:{name:"lock"},pause:{name:"pause"},filter:{name:"filter"},relationshipDiagram:{name:"diagram"},unlock:{name:"unlock"},send:{name:"send"},email:{name:"mail"},migrateAlt:{name:"panel-left-expand"},checkboxCheckedFilled:{name:"checkbox-checked",variant:"filled"},checkbox:{name:"checkbox-unchecked"},zip:{name:"archive"},image:{name:"image"},xls:{name:"table"},ppt:{name:"slide-text"},override:{name:"arrow-swap"},undo:{name:"arrow-return"},table:{name:"table"},catalog:{name:"folder"}};let dt=null;const ct=class{constructor(e){t(this,e),this.variant="regular",this.size="md",this.svgContent=null,this.resolveGeneration=0}componentWillLoad(){return this.resolveIcon()}onNameChange(){this.resolveIcon()}onSizeChange(){this.resolveIcon()}onVariantChange(){this.resolveIcon()}async resolveIcon(){const e=++this.resolveGeneration;if(!this.name)return void(this.svgContent=null);const t=await(null!=dt?dt:dt=import("./fluent-icons-UgOXO2m6.js"));if(e!==this.resolveGeneration)return;const i=this.resolveIconKey(t.iconMetadata);if(!i)return void(this.svgContent=null);let a=t.fluentIcons[i];if(!a)return console.warn(`[udp-fluent-icon] Icon "${i}" not found in generated icons.`),void(this.svgContent=null);if(a.startsWith("data:image/svg+xml;base64,")){const e=a.split(",")[1];try{a=atob(e)}catch(e){return console.error("[udp-fluent-icon] Could not decode SVG icon",e),void(this.svgContent=null)}}this.svgContent=a}resolveEffectiveProps(){var e;const t=function(e){if(!e)return null;const t=lt[e];return void 0===t?null:t}(this.name);return t?{name:t.name,variant:null!==(e=t.variant)&&void 0!==e?e:this.variant}:{name:this.name,variant:this.variant}}resolveIconKey(e){var t,i;const{name:a,variant:o}=this.resolveEffectiveProps(),n=e[a];if(!n)return console.warn(`[udp-fluent-icon] Icon "${this.name}" not found in registry. Did you add it to icon-registry.json and run "pnpm generate:icons"?`),null;const r=st[this.size],s=null!==(t=n.sizes)&&void 0!==t?t:[],l=null!==(i=n.variants)&&void 0!==i?i:[],d=s.includes(r)?r:this.findClosestSize(s,r);let c=o;return l.includes(o)||(console.warn(`[udp-fluent-icon] Variant "${o}" not available for "${this.name}". Using "regular".`),c="regular"),`${n.baseName}_${d}_${c}`}findClosestSize(e,t){return e.reduce(((e,i)=>{const a=Math.abs(e-t),o=Math.abs(i-t);return o<a||o===a&&i>e?i:e}))}render(){const t={"--udp-icon-size":`${st[this.size]}px`};return this.color&&(t.color=this.color),e(a,{key:"87640e2b6cdfa29ab1a647a9dfaeffcc7f19a193",style:t},this.svgContent&&e("div",{key:"d2fde7cf073e55552eacf8f008a4e6237f045eab",class:"icon-inner",innerHTML:this.svgContent,role:"img","aria-label":this.name}))}static get watchers(){return{name:[{onNameChange:0}],size:[{onSizeChange:0}],variant:[{onVariantChange:0}]}}};ct.style=":host{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;width:var(--udp-icon-size, 24px);height:var(--udp-icon-size, 24px)}.icon-inner{display:inline-flex;align-items:center;justify-content:center;line-height:0;width:100%;height:100%;animation:var(--udp-icon-animation, none);transform-origin:var(--udp-icon-transform-origin, center center)}.icon-inner svg{fill:currentColor;display:block;width:100%;height:100%}@keyframes udp-icon-spin{to{transform:rotate(360deg)}}";const ht=class{constructor(e){t(this,e),this.iconVariant="regular",this.appearance="secondary",this.shape="circular",this.size="medium",this.disabled=!1,this.loading=!1,this.disabledFocusable=!1,this.fillOnHover=!1,this.isHovered=!1}render(){const t=this.fillOnHover&&this.isHovered,i=t?"filled":this.iconVariant,o=t?"var(--colorBrandForeground1)":this.iconColor;return e(a,{key:"8d0006399d37cb21d08543cc85bea20312f447c4",exportparts:"button",onMouseEnter:()=>this.isHovered=!0,onMouseLeave:()=>this.isHovered=!1},e("udp-fluent-button",{key:"99d5bdcc50f102716563d9d6b386b3ed3d64a19b",appearance:this.appearance,disabled:this.disabled,"disabled-focusable":this.disabledFocusable,loading:this.loading,shape:this.shape,size:this.size,iconOnly:!0,"aria-label":this.ariaLabel,tabIndex:this.tabIndex},e("udp-fluent-icon",{key:"5844de081f82f05bcd744d2f6476bf2a9654a179",name:this.iconName,size:Be(this.size,"standard"),variant:i,color:o})))}};ht.style=':host{display:inline-block;--_hover-overlay:color-mix(in srgb, currentColor 6%, transparent);--_pressed-overlay:color-mix(in srgb, currentColor 12%, transparent);--colorNeutralBackground1Hover:color-mix(in srgb, currentColor 6%, var(--colorNeutralBackground1));--colorNeutralBackground1Pressed:color-mix(in srgb, currentColor 12%, var(--colorNeutralBackground1));--colorSubtleBackground:transparent;--colorSubtleBackgroundHover:var(--_hover-overlay);--colorSubtleBackgroundPressed:var(--_pressed-overlay);--colorTransparentBackgroundHover:var(--_hover-overlay);--colorTransparentBackgroundPressed:var(--_pressed-overlay)}:host([appearance="transparent"]),:host([appearance="subtle"]){--colorNeutralStroke1:transparent;--colorNeutralStroke1Hover:transparent;--colorNeutralStroke1Pressed:transparent;--colorNeutralStroke1Selected:transparent}';const ut=class{constructor(e){t(this,e),this.checkedChange=i(this,"checkedChange",7),this.primaryClick=i(this,"primaryClick",7),this.items=[],this._items=[],this.buttonType="menu",this.label="",this.appearance="secondary",this.shape="rounded",this.size="medium",this.disabled=!1,this.openOnHover=!1,this.openOnContext=!1,this.closeOnScroll=!1,this.persistOnMenuClick=!1,this.handlePrimaryClick=e=>{e.stopPropagation(),this.primaryClick.emit()}}itemsChanged(){this._items=[...this.items]}componentWillLoad(){this.itemsChanged()}handleRadioChange(e,t){if(t)this._items=this._items.map((t=>{if("string"==typeof t)return t;const i=t.id&&e.id?t.id===e.id:t===e;return i||"radio"!==t.type||t.parentId!==e.parentId||(t.sectionNumber||0)!==(e.sectionNumber||0)?i?Object.assign(Object.assign({},t),{checked:!0}):t:Object.assign(Object.assign({},t),{checked:!1})}));else if(e.checked){if(this._items.some((t=>"string"!=typeof t&&(!(t.id&&e.id?t.id===e.id:t===e)&&"radio"===t.type&&t.parentId===e.parentId&&(t.sectionNumber||0)===(e.sectionNumber||0)&&t.checked))))return;this._items=this._items.map((t=>"string"==typeof t?t:(t.id&&e.id?t.id===e.id:t===e)?Object.assign(Object.assign({},t),{checked:!0}):t))}}handleCheckboxChange(e,t){this._items=this._items.map((i=>"string"==typeof i?i:(i.id&&e.id?i.id===e.id:i===e)?Object.assign(Object.assign({},i),{checked:t}):i))}handleItemChange(e,t){const i=e.target.checked;t.onClick&&t.onClick(t),"radio"===t.type?this.handleRadioChange(t,i):this.handleCheckboxChange(t,i),this.checkedChange.emit({item:t,checked:i})}renderItems(t,i,a=0){let o;return t.filter((e=>("string"==typeof e||!0!==e.hide)&&("string"==typeof e?!i:e.parentId===i))).sort(((e,t)=>("string"==typeof e?0:e.sectionNumber||0)-("string"==typeof t?0:t.sectionNumber||0))).map(((i,n)=>{const r=[],s="string"==typeof i?0:i.sectionNumber||0;if(void 0!==o&&s!==o&&r.push(e("fluent-divider",null)),o=s,"string"==typeof i)return r.push(e("fluent-menu-item",{key:n},i)),r;const l=i,d=l.id?t.filter((e=>"string"!=typeof e&&e.parentId===l.id&&!0!==e.hide)):[];let c="menuitem";"checkbox"===l.type?c="menuitemcheckbox":"radio"===l.type&&(c="menuitemradio");const h=l.id?`${l.id}-start`:null,u=l.id?`${l.id}-end`:null,p=l.id?`${l.id}-body`:null;return r.push(e("fluent-menu-item",{key:l.id||n,disabled:l.disabled,id:l.id,role:c,checked:l.checked,onChange:e=>this.handleItemChange(e,l),onMouseEnter:()=>{var e;return null===(e=l.onMouseEnter)||void 0===e?void 0:e.call(l)},onMouseLeave:()=>{var e;return null===(e=l.onMouseLeave)||void 0===e?void 0:e.call(l)}},h&&A(this.el,h)||l.startIconName?e("slot",{name:h,slot:"start"},l.startIconName&&e("udp-fluent-icon",{name:l.startIconName,size:Be(this.size)})):null,p?e("slot",{name:p},l.text):l.text,u&&A(this.el,u)||l.endIconName?e("slot",{name:u,slot:"end"},l.endIconName&&e("udp-fluent-icon",{name:l.endIconName,size:Be(this.size)})):null,d.length>0&&a<1&&e("fluent-menu-list",{slot:"submenu"},this.renderItems(t,l.id,a+1)))),r})).flat().filter(Boolean)}render(){const t="icon"===this.buttonType||"split"===this.buttonType;return e(a,{key:"8352f4a655086a09cec6eb440793fbfe688758a9",exportparts:"trigger"},e("fluent-menu",{key:"b2b10de366d6f3b912e05f18332735beca75fa4a","open-on-hover":this.openOnHover,"close-on-scroll":this.closeOnScroll,split:"split"===this.buttonType,"persist-on-item-click":this.persistOnMenuClick,"open-on-context":this.openOnContext},"split"===this.buttonType&&e("fluent-button",{key:"1c28f3bbc4a3486265907230574a23094f07c21a",slot:"primary-action",onClick:this.handlePrimaryClick,appearance:this.appearance,shape:this.shape,size:this.size},(this.startIconName||A(this.el,"start"))&&e("span",{key:"d4df319623ca47ec60fac7a8cdfdf11e8aa2491c",class:"slot-wrapper",slot:"start"},e("slot",{key:"dbf730397f3d6e0eb1ea3dd21ab58c54c38dce08",name:"start"},this.startIconName&&e("udp-fluent-icon",{key:"7e81093bb951c7223a66512a450b03a4e26256fb",name:this.startIconName,size:Be(this.size)}))),this.label),e("fluent-menu-button",{key:"1cf85f03b4a1186ec0d9a1995f3b5f6ca12dcb0a",part:"trigger",slot:"trigger","icon-only":t,appearance:this.appearance,shape:this.shape,size:this.size,disabled:this.disabled},(this.startIconName||A(this.el,"start"))&&"split"!==this.buttonType&&e("span",{key:"04577537dd81b578c6ccc78ec44dc83dab1857b4",class:"slot-wrapper",slot:"start"},e("slot",{key:"de0020b72963f63ebb4a4e645f5a706ff0a93ef0",name:"start"},this.startIconName&&e("udp-fluent-icon",{key:"ee03719564f2aca3a9c3ad63a09091c5b7aa53a1",name:this.startIconName,size:Be(this.size)}))),!t&&this.label,(A(this.el,"end")||this.endIconName)&&e("span",{key:"ee2489c4d4b9853bff420698c3a0e9f7de1d8de0",class:"slot-wrapper",slot:"end"},this.endIconName?e("udp-fluent-icon",{name:this.endIconName,size:Be(this.size,"standard")}):e("slot",{name:"end"}))),e("fluent-menu-list",{key:"627cf00fb62c94e2d5ceef351dbf85cf32f589e2"},this.renderItems(this._items))))}get el(){return o(this)}static get watchers(){return{items:[{itemsChanged:0}]}}};ut.style=':host{display:inline-flex}.slot-wrapper{display:inline-flex;align-items:center}fluent-menu>[popover]{position-try-fallbacks:flip-block,          flip-inline,          flip-block flip-inline     }fluent-menu-button[icon-only]{--icon-spacing:0px;--_hover-overlay:color-mix(in srgb, currentColor 6%, transparent);--_pressed-overlay:color-mix(in srgb, currentColor 12%, transparent);--colorNeutralBackground1:transparent;--colorNeutralBackground1Hover:var(--_hover-overlay);--colorNeutralBackground1Pressed:var(--_pressed-overlay);--colorSubtleBackground:transparent;--colorSubtleBackgroundHover:var(--_hover-overlay);--colorSubtleBackgroundPressed:var(--_pressed-overlay);--colorTransparentBackgroundHover:var(--_hover-overlay);--colorTransparentBackgroundPressed:var(--_pressed-overlay)}fluent-menu-item{box-sizing:border-box;grid-template-columns:min-content min-content 1fr min-content;align-items:center}fluent-menu-item>[slot="start"]{min-width:24px;display:inline-flex;align-items:center;justify-content:center}fluent-menu-item::part(content){grid-column:3}fluent-menu-list{min-width:var(--udp-menu-min-width);max-height:var(--udp-menu-max-height, min(400px, 80vh));overflow-y:auto}';const pt=class{constructor(e){t(this,e),this.valueChanged=i(this,"valueChanged",7),this.radioRefs=new Map,this.disabled=!1,this.orientation="horizontal",this.includeErrorPadding=!0,this.handleChange=e=>{e.stopPropagation(),this.valueChanged.emit(e.target.value)},this.handleLabelClick=(e,t)=>{if(this.disabled||t)return;const i=Array.from(this.el.shadowRoot.querySelectorAll("fluent-radio")).find((t=>t.value===e));i&&i.click()}}componentDidLoad(){this.internalInput&&null!=this.value&&requestAnimationFrame((()=>{this.internalInput.value=this.value}))}componentDidRender(){var e;this.internalInput&&null!=this.value&&(this.internalInput.value=this.value),null===(e=this.items)||void 0===e||e.forEach((e=>{const t=this.radioRefs.get(e.value);t&&t.toggleAttribute("disabled",e.disabled||!1)}))}render(){var t;const i=!!this.error,o=this.error||this.hint;return e(a,{key:"302ae95efe36f13811e488b5cc7aaa597557332c"},e("fluent-field",{key:"c9b5399235689aaf70ecd8769d473fc4253136eb","label-position":"above",class:{"no-label":!this.label,"no-message":!o&&!this.includeErrorPadding}},e("fluent-label",{key:"2d68bdaae186b2258ed3f4f3510c4c12da447f9b",slot:"label",disabled:this.disabled},this.label,this.popupHint&&e("udp-tooltip",{key:"6807f3c486b1b5f3bdc223dbd88f241bc242fba6",content:this.popupHint,positioning:"above"},e("udp-fluent-icon",{key:"7b36e5b468c836aad3dee5953b14407363965747",name:"info",size:"xs",class:"popup-hint-icon"}))),e("fluent-radio-group",{key:"a1d62e91503ed4f2bc8ce04c63fecb90487bfec8",ref:e=>this.internalInput=e,slot:"input",name:this.name,disabled:this.disabled,orientation:this.orientation,onChange:this.handleChange},null===(t=this.items)||void 0===t?void 0:t.map((t=>e("fluent-field",{"label-position":"after"},e("fluent-label",{slot:"label",onClick:()=>this.handleLabelClick(t.value,t.disabled)},t.label),e("fluent-radio",{slot:"input",value:t.value,disabled:t.disabled,ref:e=>this.radioRefs.set(t.value,e)}))))),e("udp-text",{key:"7e72611b27745f4ce91b91ccdb0ee74f89c5c853",slot:"message",variant:"caption1",class:{message:!0,error:i,includeErrorPadding:this.includeErrorPadding}},o)))}static get delegatesFocus(){return!0}get el(){return o(this)}};pt.style=".message{color:var(--colorNeutralForeground3)}.message.includeErrorPadding{min-height:var(--lineHeightBase200)}.message.error{color:var(--colorPaletteRedForeground1)}.popup-hint-icon{margin-left:2px}fluent-label[disabled]{color:var(--colorNeutralForeground1)}fluent-field.no-label::part(label){display:none}fluent-field.no-message::part(message){display:none}";const bt=class{constructor(e){t(this,e),this.valueChanged=i(this,"valueChanged",7),this.checked=!1,this.disabled=!1,this.labelPosition="after",this.includeErrorPadding=!0,this.handleChange=e=>{e.stopPropagation(),this.valueChanged.emit(e.target.checked)},this.handleLabelClick=()=>{!this.disabled&&this.internalSwitch&&this.internalSwitch.click()}}componentDidRender(){this.internalSwitch&&this.internalSwitch.toggleAttribute("disabled",this.disabled)}render(){const t=!!this.error,i=this.error||this.hint;return e(a,{key:"8cf91451ad54d26cf33018bc2ef6cf16e7e77bee"},e("fluent-field",{key:"13afd3936e32d77b1789c351df9994a375164f6d","label-position":this.labelPosition,class:{"no-label":!this.label,"no-message":!i&&!this.includeErrorPadding}},e("fluent-label",{key:"c72276b3e46649b999ad8e61b02884093e0d8a80",slot:"label",onClick:this.handleLabelClick},this.label,this.popupHint&&e("udp-tooltip",{key:"d337f67e539a321eb117a97f63441e9fbe0adb95",content:this.popupHint,positioning:"above"},e("udp-fluent-icon",{key:"bc9198da8c962049ed5cee45ea0cd339c8aa4747",name:"info",size:"xs",class:"popup-hint-icon"}))),e("fluent-switch",{key:"e1d2a55c1adee0aec46032031451dbe52f2f3427",slot:"input",name:this.name,checked:this.checked,disabled:this.disabled,onChange:this.handleChange,ref:e=>this.internalSwitch=e}),e("udp-text",{key:"6c9815e59fc67d5c7ed3c2cf0ce178d742d44ad9",slot:"message",variant:"caption1",class:{message:!0,error:t,includeErrorPadding:this.includeErrorPadding}},i)))}static get delegatesFocus(){return!0}};bt.style=".message{color:var(--colorNeutralForeground3)}.message.includeErrorPadding{min-height:var(--lineHeightBase200)}.message.error{color:var(--colorPaletteRedForeground1)}.popup-hint-icon{margin-left:2px}fluent-field.no-label::part(label){display:none}fluent-field.no-message::part(message){display:none}fluent-field[label-position='before']{align-items:start}fluent-label{cursor:pointer}:host([disabled]) fluent-label{cursor:default}";const ft=class{constructor(e){t(this,e),this.tabChange=i(this,"tabChange",7),this.tabList=[],this.appearance="transparent",this.disabled=!1,this.size="medium",this.orientation="horizontal",this.overflowStrategy="collapse",this.showCounter=!0,this.orderedTabs=[],this.showStartShadow=!1,this.showEndShadow=!1,this.overflowTabs=[],this.visibleTabIds=[],this.handleScrollStart=()=>{this.scrollContainer&&this.scrollContainer.scrollTo({left:0,behavior:"smooth"})},this.handleScrollEnd=()=>{this.scrollContainer&&this.scrollContainer.scrollTo({left:this.scrollContainer.scrollWidth,behavior:"smooth"})},this.handleTabChange=e=>{e.stopPropagation();const t=e.target;t.activeid&&this.tabChange.emit(t.activeid)},this.handleKeyDown=e=>{var t,i,a;const o="ArrowLeft"===e.key;if(!o&&"ArrowRight"!==e.key)return;e.stopPropagation();const n=Array.from(null!==(i=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelectorAll("fluent-tab:not(.is-overflow)"))&&void 0!==i?i:[]).filter((e=>!e.hasAttribute("disabled")));if(0===n.length)return;const r=null===(a=this.el.shadowRoot)||void 0===a?void 0:a.activeElement,s=n.indexOf(r);if(-1===s)return;let l;e.preventDefault(),o?(l=s-1,l<0&&(l=n.length-1)):(l=s+1,l>=n.length&&(l=0));const d=n[l];d.focus(),d.click()}}handleTabListChange(){this.orderedTabs=this.tabList.filter((e=>!e.hide)),requestAnimationFrame((()=>this.updateOverflowState()))}componentWillLoad(){this.orderedTabs=this.tabList.filter((e=>!e.hide))}componentDidLoad(){"horizontal"===this.orientation&&this.initScrollObserver()}connectedCallback(){this.el.addEventListener("keydown",this.handleKeyDown,{capture:!0})}disconnectedCallback(){var e;this.el.removeEventListener("keydown",this.handleKeyDown,{capture:!0}),null===(e=this.resizeObserver)||void 0===e||e.disconnect()}initScrollObserver(){this.scrollContainer&&(this.updateOverflowState(),this.scrollContainer.addEventListener("scroll",(()=>{"scroll"===this.overflowStrategy&&this.checkScrollShadows()})),this.resizeObserver=new ResizeObserver((()=>{this.updateOverflowState()})),this.resizeObserver.observe(this.scrollContainer))}updateOverflowState(){"scroll"===this.overflowStrategy?this.checkScrollShadows():this.checkCollapseOverflow()}checkCollapseOverflow(){var e,t,i,a,o,n;if(!this.scrollContainer)return;const r=Array.from(null!==(t=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelectorAll("fluent-tab"))&&void 0!==t?t:[]);r.forEach((e=>e.classList.remove("is-overflow")));const s=this.scrollContainer.clientWidth,l=new Map;r.forEach((e=>l.set(e.id,e.offsetWidth)));const d=null===(i=this.tablistEl)||void 0===i?void 0:i.activeid,c=d?String(d):null!=this.activeId?String(this.activeId):void 0,h=c&&l.has(c)?c:null===(a=r[0])||void 0===a?void 0:a.id,u=h&&null!==(o=l.get(h))&&void 0!==o?o:0;let p=0;if(r.forEach((e=>p+=e.offsetWidth)),p<=s)return this.visibleTabIds=r.map((e=>e.id)),this.updateTabVisibility(),void(this.overflowTabs=[]);const b=s-48;let f=u;const m=[];h&&m.push(h);for(const e of r){if(e.id===h)continue;const t=null!==(n=l.get(e.id))&&void 0!==n?n:0;if(!(f+t<=b))break;f+=t,m.push(e.id)}const v=r.filter((e=>m.includes(e.id))).map((e=>e.id));this.visibleTabIds=v,this.updateTabVisibility(),this.overflowTabs=this.buildMenuItems()}buildMenuItems(){return this.tabList.filter((e=>!e.hide&&!this.visibleTabIds.includes(String(e.id)))).map((e=>({id:String(e.id),text:e.label,startIconName:e.startIconName,endIconName:e.endIconName,disabled:e.disabled,onClick:()=>this.handleMenuItemClick(e.id)})))}updateTabVisibility(){var e,t,i;const a=Array.from(null!==(t=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelectorAll("fluent-tab"))&&void 0!==t?t:[]),o=(null===(i=this.tablistEl)||void 0===i?void 0:i.activeid)||this.activeId;a.forEach((e=>{this.visibleTabIds.includes(e.id)?(e.classList.remove("is-overflow"),e.setAttribute("tabindex",e.id===o?"0":"-1")):(e.classList.add("is-overflow"),e.setAttribute("tabindex","-1"))}))}handleMenuItemClick(e){this.tablistEl&&(this.tablistEl.activeid=String(e)),this.updateOverflowState(),this.tabChange.emit(e),requestAnimationFrame((()=>{var t;const i=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.getElementById(String(e));i&&i.focus()}))}checkScrollShadows(){if(!this.scrollContainer)return;const{scrollLeft:e,scrollWidth:t,clientWidth:i}=this.scrollContainer;if(t<=i)return this.showStartShadow=!1,void(this.showEndShadow=!1);this.showStartShadow=e>1,this.showEndShadow=Math.ceil(e)+i<Math.floor(t)-1}renderTab(t){const i=Be(this.size,"standard");return e("fluent-tab",{id:t.id,disabled:t.disabled},(t.startIconName||A(this.el,`${t.id}-start`))&&e("span",{class:"slot-wrapper",slot:"start"},e("slot",{name:`${t.id}-start`},t.startIconName&&e("udp-fluent-icon",{name:t.startIconName,size:i}))),t.label,(t.endIconName||A(this.el,`${t.id}-end`))&&e("span",{class:"slot-wrapper",slot:"end"},e("slot",{name:`${t.id}-end`},t.endIconName&&e("udp-fluent-icon",{name:t.endIconName,size:i}))))}render(){return"vertical"===this.orientation?e("fluent-tablist",{appearance:"contained"===this.appearance?"subtle":this.appearance,disabled:this.disabled,size:this.size,orientation:this.orientation,activeid:null!=this.activeId?String(this.activeId):void 0,onChange:this.handleTabChange},this.orderedTabs.map((e=>this.renderTab(e)))):e("div",{class:{"tablist-scroll-wrapper":!0,"contained-variant":"contained"===this.appearance}},"scroll"===this.overflowStrategy&&e("div",{class:{"scroll-shadow-start":!0,"is-visible":this.showStartShadow}},e("div",{class:"scroll-button-container start"},e("udp-fluent-icon-button",{iconName:"chevron-left",size:"small",shape:"circular",onClick:this.handleScrollStart,ariaLabel:"Scroll to start",tabIndex:this.showStartShadow?0:-1}))),e("div",{class:{"tablist-scroll-container":!0,"collapse-mode":"collapse"===this.overflowStrategy},ref:e=>this.scrollContainer=e},e("fluent-tablist",{ref:e=>this.tablistEl=e,class:"tablist-inner",appearance:"subtle",disabled:this.disabled,size:this.size,orientation:this.orientation,activeid:null!=this.activeId?String(this.activeId):void 0,onChange:this.handleTabChange},this.orderedTabs.map((e=>this.renderTab(e)))),"collapse"===this.overflowStrategy&&e("div",{class:{"overflow-menu-container":!0,"is-hidden":0===this.overflowTabs.length}},e("udp-fluent-menu",{buttonType:"icon",endIconName:"more",appearance:"outline",shape:"circular",size:"small",items:this.overflowTabs}),this.showCounter&&e("udp-fluent-counter-badge",{size:"small",color:"brand"},this.overflowTabs.length))),"scroll"===this.overflowStrategy&&e("div",{class:{"scroll-shadow-end":!0,"is-visible":this.showEndShadow}},e("div",{class:"scroll-button-container end"},e("udp-fluent-icon-button",{iconName:"chevron-right",size:"small",shape:"circular",onClick:this.handleScrollEnd,ariaLabel:"Scroll to end",tabIndex:this.showEndShadow?0:-1}))))}get el(){return o(this)}static get watchers(){return{tabList:[{handleTabListChange:0}]}}};ft.style=".slot-wrapper{display:inline-flex;align-items:center}.tablist-scroll-wrapper{position:relative;display:flex;align-items:center;width:100%;overflow:hidden}.tablist-scroll-container{display:flex;overflow-x:auto;overflow-y:hidden;width:100%;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;}.tablist-scroll-container::-webkit-scrollbar{display:none}.tablist-inner{display:flex;flex:0 0 auto;padding:3px;border-radius:var(--borderRadiusLarge)}.tablist-scroll-container.collapse-mode{overflow-x:hidden}.scroll-shadow-start,.scroll-shadow-end{position:absolute;top:0;bottom:0;width:48px;pointer-events:none;opacity:0;transition:opacity 0.2s ease;z-index:2;display:flex;align-items:center;justify-content:center}.scroll-shadow-start{left:0;background:linear-gradient(to right, var(--colorNeutralBackground1) 40%, transparent);justify-content:flex-start;padding-left:4px;z-index:5}.scroll-shadow-end{right:0;background:linear-gradient(to left, var(--colorNeutralBackground1) 40%, transparent);justify-content:flex-end;padding-right:4px;z-index:5}.scroll-shadow-start.is-visible,.scroll-shadow-end.is-visible{opacity:1}.scroll-button-container{pointer-events:none;display:flex;align-items:center;justify-content:center}.scroll-shadow-start.is-visible .scroll-button-container,.scroll-shadow-end.is-visible .scroll-button-container{pointer-events:auto}.is-overflow{display:none !important}.is-hidden{visibility:hidden;pointer-events:none}fluent-tab[aria-selected=\"true\"]{z-index:3;}.overflow-menu-container{display:flex;align-items:center;border-radius:0 var(--borderRadiusLarge) var(--borderRadiusLarge) 0;padding-right:var(--spacingHorizontalM);margin-left:-4px}.overflow-menu-container udp-fluent-menu{anchor-name:--menu-anchor;margin-left:var(--spacingHorizontalM)}.overflow-menu-container udp-fluent-counter-badge{position:absolute;position-anchor:--menu-anchor;top:anchor(top);right:anchor(right);margin-top:-6px;margin-right:-6px}.contained-variant .tablist-inner{background-color:transparent;border:var(--strokeWidthThin) solid var(--colorNeutralStroke1);border-radius:var(--borderRadiusMedium);padding:0}.contained-variant fluent-tab{padding-top:5px;padding-bottom:5px}.contained-variant .tablist-inner[size='small'] fluent-tab{padding-top:1px;padding-bottom:1px}.contained-variant .tablist-inner[size='large'] fluent-tab{padding-top:8px;padding-bottom:8px}.contained-variant fluent-tab[aria-selected=\"true\"]{color:var(--colorNeutralForeground1)}.contained-variant fluent-tab:hover{background-color:var(--colorSubtleBackgroundHover)}.contained-variant .overflow-menu-container{background-color:transparent}";const mt=class{constructor(e){t(this,e),this.valueChanged=i(this,"valueChanged",7),this.inputBlur=i(this,"inputBlur",7),this.inputFocus=i(this,"inputFocus",7),this.includeErrorPadding=!0,this.type="text",this.required=!1,this.disabled=!1,this.readonly=!1,this.autofocus=!1,this.spellcheck=!1,this.appearance="outline",this.controlSize="medium",this.handleInput=e=>{e.stopPropagation(),this.valueChanged.emit(e.target.value)}}componentDidLoad(){this.internalInput&&null!=this.value&&(this.internalInput.value=this.value)}select(){var e;return null===(e=this.internalInput)||void 0===e||e.select(),Promise.resolve()}render(){const t=!!this.error,i=this.error||this.hint;return e(a,{key:"dc688da75294e9df78967a526ea9fc4b5dcdc50b",class:{"has-error":t}},e("fluent-field",{key:"3a597110df592e3d09fa0e92cb949b823aa7d290",class:{"no-message":!i&&!this.includeErrorPadding}},e("fluent-text-input",{key:"59a111e906d5e9b0660466ce90f94d9c4d69253a",ref:e=>this.internalInput=e,slot:"input",class:{"no-label":!this.label},name:this.name,value:this.value,type:this.type,placeholder:this.placeholder,required:this.required,disabled:this.disabled,readonly:this.readonly,autofocus:this.autofocus,autocomplete:this.autocomplete,spellcheck:this.spellcheck?"true":"false",appearance:this.appearance,controlSize:this.controlSize,maxlength:this.maxLength,onInput:this.handleInput,onBlur:()=>this.inputBlur.emit(),onFocus:()=>this.inputFocus.emit(),onInvalid:e=>e.preventDefault()},e("slot",{key:"fce70a6cf524b968d7333ac78d662594d5ae837e",slot:"start",name:"start"}),e("slot",{key:"efb15deb5e0d6db1a15f5c068cf30cfe8b73c732",slot:"end",name:"end"}),this.label&&e("fluent-label",{key:"cd8f666099dc52b2e9222399fbdfe12941a893c4",required:this.required,disabled:this.disabled},this.label,this.popupHint&&e("udp-tooltip",{key:"02ddadcacf45ccc7c4155526181500a6356024ba",content:this.popupHint,positioning:"above"},e("udp-fluent-icon",{key:"0e42f732309fc829f7ce48fb77485191e7a1ea5d",name:"info",size:"xs",class:"popup-hint-icon"})))),e("udp-text",{key:"9fb29b3080cd7661a9974b54bd67dc814fe5d7e5",slot:"message",variant:"caption1",class:{message:!0,error:t,includeErrorPadding:this.includeErrorPadding}},i)))}static get delegatesFocus(){return!0}};mt.style="fluent-text-input[disabled]::part(control){color:var(--colorNeutralForegroundDisabled);-webkit-text-fill-color:var(--colorNeutralForegroundDisabled)}fluent-text-input[disabled]::part(root){background-color:var(--colorNeutralBackgroundDisabled)}fluent-label[disabled]{color:var(--colorNeutralForeground1)}fluent-text-input::part(control):-webkit-autofill,fluent-text-input::part(control):-webkit-autofill:hover,fluent-text-input::part(control):-webkit-autofill:focus,fluent-text-input::part(control):-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--colorNeutralBackground1) inset !important;-webkit-text-fill-color:var(--colorNeutralForeground1) !important;transition:background-color 5000s ease-in-out 0s}:host{display:block;width:100%}fluent-field{width:100%}fluent-text-input{width:100%;max-width:100%}.message{color:var(--colorNeutralForeground3)}.message.includeErrorPadding{min-height:var(--lineHeightBase200)}.message.error{color:var(--colorPaletteRedForeground1)}.popup-hint-icon{margin-left:2px}fluent-text-input.no-label::part(label){display:none}fluent-field.no-message::part(message){display:none}:host(.has-error) fluent-text-input::part(root){border-color:var(--colorPaletteRedBorder2)}:host(.has-error:focus-within) fluent-text-input::part(root){border-color:var(--colorNeutralStroke1)}";const vt=class{constructor(e){t(this,e),this.appearance="secondary",this.shape="rounded",this.pressed=!1,this.mixed=!1,this.size="medium",this.disabled=!1}render(){const t=Be(this.size);return e(a,{key:"a6300e28abb2a9870884cf24fad4c92dd6d3072e"},e("fluent-toggle-button",{key:"1ecb9ee376f18a18b5a96f6c9c7d5644c01f8128",pressed:this.pressed,mixed:this.mixed,disabled:this.disabled,size:this.size,appearance:this.appearance,shape:this.shape},(this.startIconName||A(this.el,"start"))&&e("span",{key:"6c99b808416fc3c2f39de99056edebb456a331f2",class:"slot-wrapper",slot:"start"},e("slot",{key:"f51e052b4fa1a47e88bb67ddce8d116b04b67644",name:"start"},this.startIconName&&e("udp-fluent-icon",{key:"f0963e2862a6f3c1df4dfa64c9c64eaa04ffbc5c",name:this.startIconName,size:t}))),e("slot",{key:"0998df3bbe939c978df4aa0bc2ee344aaa581b33"}),(this.endIconName||A(this.el,"end"))&&e("span",{key:"d00f9aee02777b8321680171c3f43f7b283ea3e4",class:"slot-wrapper",slot:"end"},e("slot",{key:"5c360a74366fb5b245ffa7fbce989c5e814f6fca",name:"end"},this.endIconName&&e("udp-fluent-icon",{key:"7beca8736af1274f945a639991452466f1a10574",name:this.endIconName,size:t})))))}get el(){return o(this)}};vt.style=":host{display:inline-block;width:fit-content}.slot-wrapper{display:inline-flex;align-items:center}";const gt=class{constructor(e){t(this,e),this.formSubmitted=i(this,"formSubmitted",7),this.formStateUpdated=i(this,"formStateUpdated",7),this.formReady=i(this,"formReady",7),this.initialValues={},this.keepDirtyOnReinitialize=!0,this.validateOnBlur=!1,this.errorDisplay="touched",this.deriveFieldValidators=!0,this.destroyOnUnregister=!1}componentWillLoad(){this.form=q({initialValues:this.initialValues,onSubmit:this.submitHandler,validate:this.validate,keepDirtyOnReinitialize:this.keepDirtyOnReinitialize,validateOnBlur:this.validateOnBlur,destroyOnUnregister:this.destroyOnUnregister,debug:this.debug}),this.formReady.emit(this.form),this.unsubscribe=this.form.subscribe((e=>{this.formStateUpdated.emit({valid:e.valid,invalid:e.invalid,hasValidationErrors:e.hasValidationErrors,hasSubmitErrors:e.hasSubmitErrors,errors:e.errors,submitErrors:e.submitErrors,submitError:e.submitError,dirty:e.dirty,pristine:e.pristine,modified:e.modified,modifiedSinceLastSubmit:e.modifiedSinceLastSubmit,dirtySinceLastSubmit:e.dirtySinceLastSubmit,submitting:e.submitting,submitSucceeded:e.submitSucceeded,submitFailed:e.submitFailed,validating:e.validating,values:e.values})}),{valid:!0,invalid:!0,hasValidationErrors:!0,hasSubmitErrors:!0,errors:!0,submitErrors:!0,submitError:!0,dirty:!0,pristine:!0,modified:!0,modifiedSinceLastSubmit:!0,dirtySinceLastSubmit:!0,submitting:!0,submitSucceeded:!0,submitFailed:!0,validating:!0,values:!0})}componentDidLoad(){var e;this.formElement=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector("form"),this.formId&&this.formElement&&M.register(this.formId,this.formElement)}disconnectedCallback(){this.unsubscribe&&this.unsubscribe(),this.formId&&M.unregister(this.formId)}handleValuesChanged(e){this.form&&this.form.initialize(e)}handleValidateChanged(e){this.form&&this.form.setConfig("validate",e)}async submit(){return this.form.submit()}async reset(e){this.form.reset(e)}async restart(e){this.form.restart(e)}async getCurrentState(){return this.form.getState()}handleFetchFormInstance(e){e.stopPropagation();const t=e.detail;"function"==typeof t&&t(this.form,{errorDisplay:this.errorDisplay,deriveFieldValidators:this.deriveFieldValidators})}render(){return e("form",{key:"7c76c4cfb8ee22d8bd68ead79f7a1dff1b6cb2f8",id:this.formId,noValidate:!0,onSubmit:e=>{e.preventDefault(),this.form.submit()}},e("slot",{key:"3eec3822b4c70bbc38b331913c87753c41210161"}))}get el(){return o(this)}static get watchers(){return{initialValues:[{handleValuesChanged:0}],validate:[{handleValidateChanged:0}]}}},yt=class{constructor(e){t(this,e),this.iconType="carbon",this.darkIcon=!0}render(){var t,i;const a=E(this.iconName,this.iconType);if(!a)return null;let o;if(this.color)switch(this.color){case"primary":o="var(--primary-color)";break;case"secondary":o="var(--secondary-color)";break;case"error":o="var(--error-color-main)";break;case"info":o="var(--info-color-main)";break;case"success":o="var(--success-color-main)";break;case"inherit":o="currentColor";break;default:o=this.color}else o=this.darkIcon?"black":"white";return e("div",{class:"icon-container"},e("svg",Object.assign({},null!==(t=null==a?void 0:a.attrs)&&void 0!==t?t:{},{fill:o}),null===(i=null==a?void 0:a.content)||void 0===i?void 0:i.map(((t,i)=>{var a,o;return"path"===(null==t?void 0:t.elem)?e("path",Object.assign({},null!==(a=null==t?void 0:t.attrs)&&void 0!==a?a:{},{key:i})):"circle"===(null==t?void 0:t.elem)?e("circle",Object.assign({},null!==(o=null==t?void 0:t.attrs)&&void 0!==o?o:{},{key:i})):null}))))}};yt.style=".icon-container{height:100%;display:flex;align-items:center;color:inherit}";const kt=class{constructor(e){t(this,e),this.if=!1,this.unmountDelay=500,this.shouldRender=!1}handleIfChange(e){e?(this.clearCloseTimeout(),this.shouldRender=!0):this.closeTimeout=setTimeout((()=>{this.shouldRender=!1}),this.unmountDelay)}componentWillLoad(){this.if&&(this.shouldRender=!0)}clearCloseTimeout(){this.closeTimeout&&(clearTimeout(this.closeTimeout),this.closeTimeout=null)}render(){return e(a,{key:"43db3490416e0648ec956f2c2c14db5bedc6abd7"},this.shouldRender&&this.content?this.content():null)}static get watchers(){return{if:[{handleIfChange:0}]}}},xt=class{constructor(e){t(this,e),this.color="primary"}render(){return e(a,{key:"8f22f31cc54bcff12005fe51bc167d6ff5875650"},e("div",{key:"08533be0143ee2ec556c3aebca1274fee1a35d59",class:{loader:!0,[`loader--color-${this.color}`]:!0}},e("div",{key:"efa184141b12699b1a276ca1d27d45a61785b934",class:"indeterminate"})))}};xt.style=":host{--udp-loader-primary-color:var(--primary-color, #2953ff);--udp-loader-secondary-color:var(--secondary-color, #6f767a);--udp-loader-success-color:var(--success-color, #0da40d);--udp-loader-error-color:var(--error-color, #ff0000);--udp-loader-warning-color:var(--warning-color, #ffa500);--udp-loader-info-color:var(--info-color, #2953ff)}.loader{position:relative;width:100%;height:4px;background-color:transparent;overflow:hidden;}.indeterminate{background-color:var(--udp-loader-primary-color);position:absolute;width:40%;height:100%;animation:indeterminate 1s linear infinite}.loader--color-primary .indeterminate{background-color:var(--udp-loader-primary-color)}.loader--color-secondary .indeterminate{background-color:var(--udp-loader-secondary-color)}.loader--color-success .indeterminate{background-color:var(--udp-loader-success-color)}.loader--color-error .indeterminate{background-color:var(--udp-loader-error-color)}.loader--color-warning .indeterminate{background-color:var(--udp-loader-warning-color)}.loader--color-info .indeterminate{background-color:var(--udp-loader-info-color)}@keyframes indeterminate{0%{left:-50%;width:50%}100%{left:100%;width:100%}}";const wt=class{constructor(e){t(this,e),this.listItemClick=i(this,"listItemClick",7),this.hasPrimaryTextSlot=!1,this.hasSecondaryTextSlot=!1,this.hasActionsSlot=!1,this.hasStatusChipSlot=!1,this.avatarBackgroundColor="info",this.avatarVariant="rounded",this.clickable=!1,this.variant="normal",this.handleClick=e=>{e.composedPath().some((e=>{var t,i;return(null===(t=e.classList)||void 0===t?void 0:t.contains("actions-container"))||(null===(i=e.classList)||void 0===i?void 0:i.contains("status-chip-container"))}))||this.clickable&&(this.listItemClick.emit(e),this.onClick&&this.onClick(e))},this.handleKeyPress=e=>{!this.clickable||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.handleClick(e))}}componentWillLoad(){this.hasPrimaryTextSlot=!!this.hostEl.querySelector('[slot="primary-text"]'),this.hasSecondaryTextSlot=!!this.hostEl.querySelector('[slot="secondary-text"]'),this.hasActionsSlot=!!this.hostEl.querySelector('[slot="actions"]'),this.hasStatusChipSlot=!!this.hostEl.querySelector('[slot="status-chip"]')}render(){const t=this.primaryText||this.hasPrimaryTextSlot,i=this.secondaryText||this.hasSecondaryTextSlot;return e(a,{key:"36489442fc414a8c95a8ed085d7093a6ce9616b6"},e("div",{key:"095db860c92f49264718004b2656b1452dc6c73f",class:{"list-item":!0,clickable:this.clickable,"variant-compact":"compact"===this.variant},onClick:this.handleClick,onKeyPress:this.handleKeyPress,role:this.clickable?"button":void 0,tabindex:this.clickable?0:-1},this.iconName&&e("div",{key:"ec240bc91de86d67a91fe536e93127d8c5b5ff6a",class:"avatar-container"},e("udp-avatar",{key:"128b7c24d30cb9fd552664c7a6633c04fc6dd36c",iconName:this.iconName,variant:this.avatarVariant,color:this.avatarBackgroundColor})),e("div",{key:"37ff6fc1b7a1c89fe23e14f0efa61004a0dfab5a",class:"text-container"},t&&e("div",{key:"d952b50fb35cdff6f0e30e64f56cd497e3d52f7a",class:"primary-text"},e("slot",{key:"435d24d8ff133174c87ebff9ff68a4f210b2ae9c",name:"primary-text"},e("unity-typography",{key:"af94b840a0803c8cc7274ab9e589365677340f02",variant:"body"},this.primaryText))),i&&e("div",{key:"6baf6bdfb55d6f41183cc2c3e490bad6fe1c47af",class:"secondary-text"},e("slot",{key:"2d5dbf51b722311ebe3a440adc0cf245056d5f5b",name:"secondary-text"},e("unity-typography",{key:"a328e658cfd4d1656016703e087e9f6ec0191f1b",variant:"caption-text",color:"textSecondary"},this.secondaryText)))),this.hasStatusChipSlot&&e("div",{key:"3593a2453beca36300f524324c376dcd0a19b6aa",class:"status-chip-container"},e("slot",{key:"223e344db18c2286f7802ce28d8a69dcb6d93c90",name:"status-chip"})),this.hasActionsSlot&&e("div",{key:"63946c93446ae369617f57fdf261149f405f8530",class:"actions-container"},e("slot",{key:"4c9b616fe65d3e37bcc68791b5703d5c94f09b48",name:"actions"}))))}get hostEl(){return o(this)}};wt.style=".list-item{display:flex;flex-direction:row;align-items:center;padding:var(--spacing-3, 12px) var(--spacing-4, 16px);background-color:var(--card-background-color, #FFF);transition:background-color 0.1s;gap:var(--spacing-4, 16px);position:relative}.list-item::after{content:'';position:absolute;bottom:0;height:1px;background-color:var(--border-color, #e0e0e0);left:var(--spacing-4, 16px);right:var(--spacing-4, 16px)}.list-item.variant-compact{padding-top:var(--spacing-1, 4px);padding-bottom:var(--spacing-1, 4px)}.list-item.clickable{cursor:pointer}.list-item.clickable:hover{background-color:color-mix(in srgb, var(--card-background-color, #FFF) 95%, black)}.avatar-container{align-items:center}.text-container{flex-grow:1;display:flex;flex-direction:column;justify-content:center}.primary-text{font-weight:400;line-height:1.4}.secondary-text{margin-top:2px}.status-chip-container{display:flex;align-items:center;flex-shrink:0}.actions-container{display:flex;flex-shrink:0}";const St=class{constructor(e){t(this,e),this.itemClick=i(this,"itemClick",7),this.disabled=!1,this.handleItemClick=e=>{this.itemClick.emit(e)}}render(){return e("button",{key:"b82a704b12c25c10652be6831b8f32bacc749ea3",class:"menu-item-root",onClick:this.handleItemClick,disabled:this.disabled,role:"menuitem"},this.iconName&&e("udp-icon",{key:"51e12c8dca4a5d86740a83efaeebf7e2251db215",iconName:this.iconName,class:"menu-icon"}),e("span",{key:"49a36f3ecb026930430f0e3f3d22eb0649f01db6",class:"menu-item-label"},e("unity-typography",{key:"f7cbe3d24aa5041a0efee0cb1dd562cac29b9d4e",variant:"body1"},this.label)))}};St.style=".menu-item-root{display:flex;width:100%;padding:8px 16px;gap:8px;align-items:center;background:none;border:none;font-family:inherit;text-align:left;cursor:pointer;transition:background-color 0.15s ease-in-out}.menu-item-root:hover:not(:disabled){background-color:rgba(0, 0, 0, 0.08)}.menu-item-label{font-size:14px}.menu-item-root:disabled{cursor:not-allowed;opacity:0.4}.menu-icon{height:100%}";const Ct=class{constructor(e){t(this,e),this.dismissEvent=i(this,"dismiss",3),this.shape="rounded",this.layout="singleline",this.intent="info",this.dismissible=!1,this.handleDismissClick=()=>{this.dismissEvent.emit()}}render(){return e(a,{key:"fa325815567104264a595f3d0d36ec06ea06a5ec"},e("fluent-message-bar",{key:"78497180f5e617cb3e13ada00634ff504248e9e8",shape:this.shape,layout:this.layout,intent:this.intent},e("udp-flexbox",{key:"227f1d5b1eefa028301510e18ff2bfaac1fb134e",direction:"row",gap:"sm",slot:"actions"},e("slot",{key:"a17d1f598474757531ced89051de9c153978afee",name:"actions"})),this.dismissible?e("udp-fluent-icon-button",{slot:"dismiss",appearance:"subtle",iconName:"dismiss","aria-label":"Dismiss",onClick:this.handleDismissClick}):e("slot",{name:"dismiss",slot:"dismiss"}),e("slot",{key:"d052bcc8da779751da4d4fb09901d1f5b3a34b37",name:"icon",slot:"icon"}),e("slot",{key:"f1ef274add5fc6f9afadcacd652c5d6b0d51968d"})))}};Ct.style="::slotted([slot='icon']){color:inherit !important}";const zt=class{constructor(e){t(this,e),this.isOpen=!1,this.popoverPlacement="bottom-start",this.appendToBody=!0,this.overflow="auto",this.handleTransitionEnd=()=>{this.isOpen||(this.appendToBody&&this.hostEl.parentElement===document.body?document.body.removeChild(this.hostEl):this.container&&this.hostEl.parentElement===this.container&&this.container.removeChild(this.hostEl)),this.destroyPopper()},this.handleKeyDown=e=>{var t;"Escape"===e.key&&(null===(t=this.handleOnClose)||void 0===t||t.call(this,e))},this.handleClickOutside=e=>{var t;const i=e.composedPath(),a=this.getAnchorElement();i.includes(this.hostEl)||a&&i.includes(a)||null===(t=this.handleOnClose)||void 0===t||t.call(this,e)}}disconnectedCallback(){this.removeListeners(),this.destroyPopper()}handleOpenChange(e){e?this.present():this.dismiss()}present(){const e=this.getContainer();e&&e.appendChild(this.hostEl),this.addListeners(),requestAnimationFrame((()=>{this.setupPopper(),this.hostEl.classList.add("is-visible")}))}dismiss(){this.removeListeners(),this.hostEl.classList.remove("is-visible"),this.hostEl.addEventListener("transitionend",this.handleTransitionEnd,{once:!0})}addListeners(){document.addEventListener("keydown",this.handleKeyDown),setTimeout((()=>{this.isOpen&&document.addEventListener("click",this.handleClickOutside)}),0)}removeListeners(){document.removeEventListener("keydown",this.handleKeyDown),document.removeEventListener("click",this.handleClickOutside)}getAnchorElement(){return"string"==typeof this.anchorElement?document.getElementById(this.anchorElement):this.anchorElement}getContainer(){return this.container?this.container:this.appendToBody?document.body:null}setupPopper(){const e=this.getAnchorElement();e?(this.popperInstance&&this.popperInstance.destroy(),this.popperInstance=T(e,this.hostEl,{strategy:"fixed",placement:this.popoverPlacement,modifiers:[{name:"offset",options:{offset:[0,8]}},{name:"preventOverflow",options:{padding:8}},{name:"flip"}]})):console.error("UdpPopover: Anchor element could not be found.")}destroyPopper(){this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null)}componentWillLoad(){this.isOpen&&this.present()}render(){return e(a,{key:"681a9ef47a1265d3036a3b693cd976d84349194f"},e("div",{key:"62bc5c7b20d331d1cb8b8d7ba5757725b89d1b94",class:"popover",style:{width:this.popoverWidth,maxHeight:this.popoverMaxHeight,overflow:this.overflow}},e("slot",{key:"4476e5029e5c6bb987a4a4a3eddb36120d97ebf0"})))}get hostEl(){return o(this)}static get watchers(){return{isOpen:[{handleOpenChange:0}]}}};zt.style=":host{display:block;position:fixed;z-index:9999;pointer-events:none;opacity:0;transform:scale(0.95);transition:opacity 0.2s ease-out}:host(.is-visible){pointer-events:auto;opacity:1;transform:scale(1)}.popover{background-color:white;box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);border:1px solid #e0e0e0}";const Nt="anchorName"in document.documentElement.style,Ft=class{constructor(e){t(this,e),this.popoverOpen=i(this,"popoverOpen",7),this.popoverClose=i(this,"popoverClose",7),this.open=!1,this.position="bottom-start",this.keepOpenOnClickOutside=!1,this.size="medium",this.withArrow=!1,this.trapFocus=!1,this.closeOnScroll=!1,this.closeOnBlur=!0,this.toggleOnTriggerClick=!0,this.matchTriggerWidth=!1,this.anchorId=`anchor-${Math.random().toString(36).slice(2,9)}`,this.handleNativeToggle=e=>{this.open="open"===e.newState,this.open?(this.popoverOpen.emit(),Nt||this.initFallback(),this.closeOnScroll&&document.addEventListener("scroll",this.handleScroll,{capture:!0,passive:!0}),this.trapFocus&&requestAnimationFrame((()=>{this.focusFirstElement(),document.addEventListener("keydown",this.handleKeyDown)}))):(this.popoverClose.emit(),this.cleanupFallback(),document.removeEventListener("scroll",this.handleScroll,{capture:!0}),document.removeEventListener("keydown",this.handleKeyDown))},this.handleScroll=()=>{this.closeOnScroll&&this.open&&(this.open=!1)},this.handleFocusOut=e=>{if(!this.open||!this.closeOnBlur)return;if(this.isClickingInside)return;const t=e.relatedTarget;requestAnimationFrame((()=>{var e;if(!this.open)return;const i=t&&this.el.contains(t),a=t&&(null===(e=this.popoverWrapper)||void 0===e?void 0:e.contains(t));i||a||(this.open=!1)}))},this.reposition=()=>{this.frameId&&cancelAnimationFrame(this.frameId),this.frameId=requestAnimationFrame((()=>{var e;if(!this.popoverWrapper||!this.open)return;const t=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector('slot[name="trigger"]'),i=null==t?void 0:t.assignedElements();if(!(null==i?void 0:i.length))return;const a=i[0].getBoundingClientRect(),o=this.popoverWrapper.getBoundingClientRect(),n=this.withArrow?12:2;let r=0,s=0;this.position.startsWith("top")?r=a.top-o.height-n:this.position.startsWith("bottom")&&(r=a.bottom+n),s=this.position.endsWith("start")?a.left:this.position.endsWith("end")?a.right-o.width:a.left+a.width/2-o.width/2,this.popoverWrapper.style.top=`${r}px`,this.popoverWrapper.style.left=`${s}px`,this.matchTriggerWidth&&(this.popoverWrapper.style.width=`${a.width}px`)}))},this.handleKeyDown=e=>{if(!this.open||!this.trapFocus||"Tab"!==e.key)return;const t=this.getFocusableElements();if(0===t.length)return;const i=this.getDeepActiveElement(),a=t.findIndex((e=>this.isElementEqual(i,e))),o=t[0],n=t[t.length-1];e.shiftKey?(0===a||this.isElementEqual(i,o))&&(e.preventDefault(),n.focus()):(a===t.length-1||this.isElementEqual(i,n))&&(e.preventDefault(),o.focus())},this.isClickingInside=!1}handleOpenChange(e){var t,i;e?null===(t=this.popoverWrapper)||void 0===t||t.showPopover():null===(i=this.popoverWrapper)||void 0===i||i.hidePopover()}componentDidLoad(){var e;this.open&&(null===(e=this.popoverWrapper)||void 0===e||e.showPopover())}disconnectedCallback(){this.cleanupFallback(),document.removeEventListener("keydown",this.handleKeyDown),document.removeEventListener("scroll",this.handleScroll,{capture:!0})}async showPopover(){this.open=!0}async closePopover(){this.open=!1}getPositionArea(){return{top:"block-start","top-start":"block-start span-inline-end","top-end":"block-start span-inline-start",bottom:"block-end","bottom-start":"block-end span-inline-end","bottom-end":"block-end span-inline-start",left:"inline-start","left-start":"inline-start span-block-end","left-end":"inline-start span-block-start",right:"inline-end","right-start":"inline-end span-block-end","right-end":"inline-end span-block-start"}[this.position]||"block-end span-inline-end"}initFallback(){this.cleanupFallback(),this.abortController=new AbortController;const{signal:e}=this.abortController;window.addEventListener("scroll",this.reposition,{passive:!0,signal:e,capture:!0}),window.addEventListener("resize",this.reposition,{passive:!0,signal:e}),this.reposition()}cleanupFallback(){var e;null===(e=this.abortController)||void 0===e||e.abort(),this.frameId&&cancelAnimationFrame(this.frameId)}focusFirstElement(){const e=this.getFocusableElements();e.length>0&&e[0].focus()}getFocusableElements(){var e;const t=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector('slot[name="content"]');if(!t)return[];const i=[],a=e=>{var t;if(e.nodeType!==Node.ELEMENT_NODE)return;const o=e;(null===(t=o.matches)||void 0===t?void 0:t.call(o,"a[href], button, input, textarea, select, [tabindex]"))&&!o.hasAttribute("disabled")&&"-1"!==o.getAttribute("tabindex")&&(e=>{const t=getComputedStyle(e);if("none"===t.display||"hidden"===t.visibility)return!1;const i=e.getBoundingClientRect();return i.width>0&&i.height>0})(o)&&i.push(o),o.shadowRoot&&Array.from(o.shadowRoot.children).forEach(a),Array.from(o.children).forEach(a)};return t.assignedElements({flatten:!0}).forEach(a),i.sort(((e,t)=>{const i=e.getBoundingClientRect(),a=t.getBoundingClientRect();return Math.abs(i.top-a.top)>5?i.top-a.top:i.left-a.left})),i}getDeepActiveElement(){var e;let t=document.activeElement;for(;null===(e=null==t?void 0:t.shadowRoot)||void 0===e?void 0:e.activeElement;)t=t.shadowRoot.activeElement;return t}isElementEqual(e,t){var i,a;return!(!e||!t||e!==t&&!(null===(i=e.shadowRoot)||void 0===i?void 0:i.contains(t))&&!(null===(a=t.shadowRoot)||void 0===a?void 0:a.contains(e)))}render(){return e(a,{key:"9cdc22d2f252ee38dea388837684a9865f7aff23",style:{"--udp-internal-anchor-name":`--${this.anchorId}`},class:{"has-arrow":this.withArrow},onClick:e=>{this.toggleOnTriggerClick&&(this.popoverWrapper&&e.composedPath().includes(this.popoverWrapper)||(this.open=!this.open))},onFocusout:this.handleFocusOut},e("slot",{key:"cf9bd01e25752965f8819f96a3566518105c077a",name:"trigger"}),e("div",{key:"61b0e0a9ee425a6277f07bfd9614b99ddbcddf7a",popover:this.keepOpenOnClickOutside?"manual":"auto",class:{"popover-shell":!0,"position-top":this.position.startsWith("top"),"position-bottom":this.position.startsWith("bottom"),"position-left":this.position.startsWith("left"),"position-right":this.position.startsWith("right"),"match-trigger-width":this.matchTriggerWidth},ref:e=>this.popoverWrapper=e,onToggle:this.handleNativeToggle,onMouseDown:()=>{this.isClickingInside=!0,setTimeout((()=>{this.isClickingInside=!1}),200)},style:{"position-anchor":"var(--udp-internal-anchor-name)","position-area":this.getPositionArea()}},e("div",{key:"f0fefbd2f241dc57a9a337e858a7ba4acbdfd89d",part:"content",class:{"popover-content":!0,[`size-${this.size}`]:!!this.size}},this.withArrow&&e("div",{key:"4507f75260eddadab3b94a8acebb10e8e9672d5c",class:"popover-arrow"}),e("slot",{key:"0ad73928d4cf7608e71fae9f404e5c475a05b0c4",name:"content"}))))}get el(){return o(this)}static get watchers(){return{open:[{handleOpenChange:0}]}}};Ft.style=":host{display:contents}::slotted([slot='trigger']){anchor-name:var(--udp-internal-anchor-name)}.popover-shell{position:fixed;inset:auto;border:none;padding:0;margin:0;background:transparent;overflow:visible;outline:none;position-try-fallbacks:flip-block, flip-inline}.popover-shell.position-top{margin-block-end:2px}.popover-shell.position-bottom{margin-block-start:2px}.popover-shell.position-left{margin-inline-end:3px}.popover-shell.position-right{margin-inline-start:3px}:host(.has-arrow) .popover-shell.position-top{margin-block-end:8px}:host(.has-arrow) .popover-shell.position-bottom{margin-block-start:8px}:host(.has-arrow) .popover-shell.position-left{margin-inline-end:8px}:host(.has-arrow) .popover-shell.position-right{margin-inline-start:8px}@supports not (anchor-name: --test){.popover-shell{position:fixed;margin:0}}.popover-content{position:relative;background-color:var(--colorNeutralBackground1, #ffffff);border:1px solid var(--colorTransparentStroke, transparent);border-radius:var(--borderRadiusMedium, 4px);color:var(--colorNeutralForeground1, #242424);padding:var(--spacingVerticalSNudge) var(--spacingHorizontalMNudge);box-sizing:border-box;box-shadow:var(--shadow16, 0px 8px 16px rgba(0, 0, 0, 0.14), 0px 0px 2px rgba(0, 0, 0, 0.12));width:max-content;min-width:160px;max-width:300px}.size-small{max-width:320px}.size-medium{max-width:480px}.size-large{max-width:640px}.popover-shell.match-trigger-width{width:anchor-size(width);min-width:0;max-width:anchor-size(width)}.popover-shell.match-trigger-width>.popover-content{width:100%;min-width:0;max-width:100%}.popover-arrow{position:absolute;width:10px;height:10px;background-color:inherit;border:inherit;border-bottom:none;border-right:none;z-index:1;transform:rotate(45deg)}.position-bottom .popover-arrow{top:-6px;bottom:auto;left:50%;right:auto;margin-left:-5px;transform:rotate(45deg)}.position-top .popover-arrow{top:auto;bottom:-6px;left:50%;right:auto;margin-left:-5px;transform:rotate(225deg)}.position-left .popover-arrow{top:50%;bottom:auto;left:auto;right:-6px;margin-top:-5px;margin-left:0;transform:rotate(135deg)}.position-right .popover-arrow{top:50%;bottom:auto;left:-6px;right:auto;margin-top:-5px;margin-left:0;transform:rotate(-45deg)}.popover-shell:popover-open{display:block;animation:udp-popover-fade-in 0.15s ease-out}.popover-shell:not(:popover-open){display:none}@keyframes udp-popover-fade-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}";const _t=class{constructor(e){t(this,e),this.hasInline=!1,this.hasSubtitle=!1,this.hasActions=!1,this.hasToolbar=!1,this.overflowCount=0,this.actionWidths=[],this.overflowButtonWidth=0,this.justCollapsed=!1,this.handleSlotChange=()=>{this.checkSlots()}}componentWillLoad(){this.checkSlots()}componentDidLoad(){this.resizeObserver=new ResizeObserver((()=>this.updateLayout())),this.resizeObserver.observe(this.el)}componentDidRender(){this.updateLayout()}disconnectedCallback(){var e;null===(e=this.resizeObserver)||void 0===e||e.disconnect()}checkSlots(){this.hasInline=A(this.el,"inline"),this.hasSubtitle=A(this.el,"subtitle"),this.hasActions=A(this.el,"actions"),this.hasToolbar=A(this.el,"toolbar")}updateLayout(){var e,t;const i=this.el.shadowRoot;if(!i)return;const a=i.querySelector(".title-inline"),o=i.querySelector(".system-actions"),n=i.querySelector(".slot-actions"),r=o||n;if(!a||!r)return;const s=null!==(e=this.secondaryActions)&&void 0!==e?e:[],l=!!this.primaryAction,d=s.length+(l?1:0),c=Math.max(0,s.length-3);if(0===d)return void(0!==this.overflowCount&&(this.overflowCount=0));Array.from(r.querySelectorAll(".secondary-action")).forEach((e=>{var t;const i=parseInt(null!==(t=e.dataset.index)&&void 0!==t?t:"-1",10);i>=0&&(this.actionWidths[i]=e.offsetWidth)}));const h=r.querySelector(".primary-action");h&&(this.actionWidths[s.length]=h.offsetWidth);const u=r.querySelector(".overflow-action");u&&(this.overflowButtonWidth=u.offsetWidth);const p=this.overflowButtonWidth||48,b=a.offsetWidth;a.style.flex="0 0 auto";const f=a.offsetWidth;a.style.flex="";const m=this.hasActions&&null!==(t=null==n?void 0:n.offsetWidth)&&void 0!==t?t:0,v=f>b-m-10,g=b-f;let y=this.overflowCount;if(v&&this.overflowCount<d)y=this.overflowCount<s.length?s.length:d,this.justCollapsed=!0;else if(!v&&this.overflowCount>c)if(this.justCollapsed)this.justCollapsed=!1;else{const e=l&&this.overflowCount===d;let t=0,i=0;if(e)t=this.actionWidths[s.length]||120;else{const e=s.length-c;for(let i=0;i<e;i++)t+=this.actionWidths[i]||100;0===c&&(i=p)}g>=t-i+m+10+16&&(y=e?s.length:c)}y<c&&(y=c),y>d&&(y=d),y!==this.overflowCount&&(this.overflowCount=y)}renderSecondaryActions(){var t;const i=null!==(t=this.secondaryActions)&&void 0!==t?t:[],a=!!this.primaryAction,o=Math.min(i.length,this.overflowCount),n=Math.max(0,i.length-o),r=i.slice(0,n),s=i.slice(n),l=a&&this.overflowCount>i.length;if(0===i.length&&!l)return null;const d=[];if(r.forEach(((t,i)=>{d.push(t.iconOnly&&t.iconName?e("udp-tooltip",{content:t.label},e("udp-fluent-icon-button",{class:"secondary-action","data-index":i,appearance:"secondary",shape:"rounded",iconName:t.iconName,ariaLabel:t.label,disabled:t.disabled,onClick:t.onClick})):e("udp-fluent-button",{class:"secondary-action","data-index":i,appearance:"secondary",startIconName:t.iconName,disabled:t.disabled,onClick:t.onClick},t.label))})),s.length>0||l){const t=[];l&&this.primaryAction&&t.push({text:this.primaryAction.label,startIconName:this.primaryAction.iconName,disabled:this.primaryAction.disabled,onClick:()=>this.primaryAction.onClick()}),s.forEach((e=>{t.push({text:e.label,startIconName:e.iconName,disabled:e.disabled,onClick:()=>e.onClick()})})),d.push(e("span",{class:"overflow-action"},e("udp-fluent-menu",{buttonType:"icon",endIconName:"more-vertical",items:t})))}return d}renderPrimaryAction(){var t,i;const a=this.primaryAction;if(!a)return null;const o=null!==(t=this.secondaryActions)&&void 0!==t?t:[];if(this.overflowCount>o.length)return null;if((null===(i=a.items)||void 0===i?void 0:i.length)>0){const t=a.items.map((e=>({text:e.label,disabled:e.disabled,onClick:()=>e.onClick()})));return e("span",{class:"primary-action"},e("udp-fluent-menu",{buttonType:"split",label:a.label,startIconName:a.iconName,appearance:"primary",disabled:a.disabled,items:t,onPrimaryClick:()=>a.onClick()}))}return e("udp-fluent-button",{class:"primary-action",appearance:"primary",startIconName:a.iconName,disabled:a.disabled,loading:a.loading,onClick:a.onClick},a.label)}render(){var t;const i=!!this.primaryAction||((null===(t=this.secondaryActions)||void 0===t?void 0:t.length)||0)>0;return e(a,{key:"d0d3f8feab8d5b64bba573bb37174f21823f0abe"},e("div",{key:"9ebabc0a07f4cfafc190b1a961a0b0f348b63172",class:{"header-body":!0,"has-toolbar":this.hasToolbar}},e("div",{key:"d016ac453daca4d1a2b35a0c10ed8d0de593fe66",class:"title-row"},e("div",{key:"fa74513458b5213a36db350ea5005bda1a0a7f8c",class:"title-inline"},void 0!==this.title?e("udp-text",{variant:"subtitle1",block:!1},this.title):e("slot",{name:"title",onSlotchange:this.handleSlotChange}),e("div",{key:"044c794a978a60eef4f7c7d4c43c58345a5ecd8a",class:{"slot-inline":!0,hidden:!this.hasInline}},e("slot",{key:"afcdb4c86fa67c2598572d2f7b8e244632ba321c",name:"inline",onSlotchange:this.handleSlotChange}))),e("div",{key:"0048d6f5c28d7a5277afc36dc69310b994c2fe15",class:{"slot-actions":!0,hidden:!this.hasActions}},e("slot",{key:"7ebcae5cd4a46c468f67f643ad42cf2245f7d7b0",name:"actions",onSlotchange:this.handleSlotChange})),e("div",{key:"8f06ae578fdb3535df92254b943e05b34d79d32a",class:{"system-actions":!0,hidden:!i}},this.renderSecondaryActions(),this.renderPrimaryAction())),e("div",{key:"9a5d592e2125cea11040d5049ddb2213df427094",class:{"subtitle-row":!0,hidden:!this.hasSubtitle&&!this.subtitle}},void 0!==this.subtitle?e("udp-text",{variant:"caption1"},this.subtitle):e("slot",{name:"subtitle",onSlotchange:this.handleSlotChange}))),e("div",{key:"2100086f11ed47764ffdc609e5d9b9510c060d53",class:{"toolbar-row":!0,hidden:!this.hasToolbar}},e("slot",{key:"68fad3a7a2b9b0568d1e6943612d93d67a75870b",name:"toolbar",onSlotchange:this.handleSlotChange})))}get el(){return o(this)}};_t.style=':host{display:block;width:100%;box-sizing:border-box;background-color:var(--colorNeutralBackground1)}.header-body{display:flex;flex-direction:column;padding:var(--spacingVerticalS) var(--spacingHorizontalM);border-bottom:1px solid var(--colorNeutralStroke3)}.title-row{display:flex;align-items:center;gap:var(--spacingHorizontalS);min-height:36px}.title-inline{display:flex;align-items:center;gap:var(--spacingHorizontalS);flex:1 1 auto;min-width:0}.title-inline udp-text{flex-shrink:0;white-space:nowrap}.slot-inline{display:flex;align-items:center;flex:1;min-width:0;overflow:hidden}slot[name="inline"]::slotted(*){min-width:0;flex:1}.slot-actions{display:flex;align-items:center;gap:var(--spacingHorizontalS);flex-shrink:99999;min-width:0;overflow:hidden;flex-wrap:nowrap}.slot-actions>*,.slot-actions ::slotted(*){flex-shrink:0}.system-actions{display:flex;align-items:center;gap:var(--spacingHorizontalS);flex-shrink:0;min-width:max-content}.system-actions>span.primary-action,.system-actions>span.overflow-action{display:flex}.subtitle-row{margin-top:-6px}.subtitle-row udp-text{color:var(--colorNeutralForeground2)}.toolbar-row{display:flex;align-items:center;min-height:48px;border-bottom:1px solid var(--colorNeutralStroke3)}.toolbar-row.hidden{display:none}.toolbar-row slot{flex:1;min-width:0;overflow:hidden}slot[name="toolbar"]::slotted(*){min-width:0;flex:1}.hidden{display:none}';const Bt=class{constructor(e){t(this,e),this.thickness="medium",this.shape="rounded",this.validationState="info"}render(){return e(a,{key:"79eb768d6fca57601e21c62a9c76d66d341aee9a"},e("fluent-progress-bar",{key:"dd5ee40a37ee5d9bf4ad3d37e25e5c9e44b33c4a",thickness:this.thickness,shape:this.shape,"validation-state":this.validationState,value:this.value,min:this.min,max:this.max}))}},Dt=class{constructor(e){t(this,e),this.valueChanged=i(this,"valueChanged",7),this.inputBlur=i(this,"inputBlur",7),this.inputFocus=i(this,"inputFocus",7),this.internalValue="",this.includeErrorPadding=!0,this.type="text",this.required=!1,this.disabled=!1,this.readonly=!1,this.autofocus=!1,this.spellcheck=!1,this.appearance="outline",this.controlSize="medium",this.handleInput=e=>{e.stopPropagation();const t=e.target;this.internalValue=t.value,this.valueChanged.emit(t.value)},this.handleClear=e=>{var t;e.stopPropagation(),this.internalInput&&(this.internalInput.value=""),this.internalValue="",this.valueChanged.emit(""),null===(t=this.internalInput)||void 0===t||t.focus()}}handleValuePropChange(e){this.internalValue=null!=e?e:""}componentDidLoad(){var e;this.internalInput&&null!=this.value&&(this.internalInput.value=this.value),this.internalValue=null!==(e=this.value)&&void 0!==e?e:""}select(){var e;return null===(e=this.internalInput)||void 0===e||e.select(),Promise.resolve()}render(){const t=!!this.error,i=this.error||this.hint;return e(a,{key:"18e3f399d9adbe656e69b3681480ebe4a9697b24",class:{"has-error":t}},e("fluent-field",{key:"af700db04a47415dcdcb18d84341117348b4e9fb",class:{"no-message":!i&&!this.includeErrorPadding}},e("fluent-text-input",{key:"d3993717324ed7ed8f2f2f9ffb223813742ad418",ref:e=>this.internalInput=e,class:{"no-label":!this.label},slot:"input",name:this.name,value:this.value,type:this.type,placeholder:this.placeholder,required:this.required,disabled:this.disabled,readonly:this.readonly,autofocus:this.autofocus,autocomplete:this.autocomplete,spellcheck:this.spellcheck?"true":"false",appearance:this.appearance,controlSize:this.controlSize,onInput:this.handleInput,onBlur:()=>this.inputBlur.emit(),onFocus:()=>this.inputFocus.emit(),onInvalid:e=>e.preventDefault()},e("slot",{key:"ac705fd2012ecf274bf4dd0d36a9a6e6e5d495d2",slot:"start",name:"start"},e("udp-fluent-icon",{key:"2a4779bc4adf452eb8cb010f26d29ba8011278bc",name:"search",size:"xs"})),e("udp-fluent-icon-button",{key:"3995efb2643be86e6de1eb8036a8734b935716f8",class:{"clear-button":!0,"is-visible":!!this.internalValue&&!this.disabled&&!this.readonly},slot:"end",iconName:"dismiss",appearance:"transparent",size:"small",onClick:this.handleClear,onMouseDown:e=>e.preventDefault(),ariaLabel:"Clear",tabIndex:-1}),this.label&&e("fluent-label",{key:"09e6aa89868714b4560ab4e844b1ae3b7c894f04",required:this.required,disabled:this.disabled},this.label,this.popupHint&&e("udp-tooltip",{key:"188b331d170b8428c9c1b2d0d3f91fcb26e61800",content:this.popupHint,positioning:"above"},e("udp-fluent-icon",{key:"c1b6dca3c08a1189ef27b8353522a91cd87a1287",name:"info",size:"xs",class:"popup-hint-icon"})))),(!!i||this.includeErrorPadding)&&e("udp-text",{key:"666c475d74d57e5e6f89e4c21f6b2bf0b57aa689",slot:"message",variant:"caption1",class:{message:!0,error:t,includeErrorPadding:this.includeErrorPadding}},i)))}static get delegatesFocus(){return!0}static get watchers(){return{value:[{handleValuePropChange:0}]}}};Dt.style="fluent-text-input.no-label::part(label){display:none}fluent-field.no-message::part(message){display:none}fluent-text-input[disabled]::part(control){color:var(--colorNeutralForegroundDisabled);-webkit-text-fill-color:var(--colorNeutralForegroundDisabled)}fluent-text-input[disabled]::part(root){background-color:var(--colorNeutralBackgroundDisabled)}fluent-label[disabled]{color:var(--colorNeutralForeground1)}fluent-text-input::part(control):-webkit-autofill,fluent-text-input::part(control):-webkit-autofill:hover,fluent-text-input::part(control):-webkit-autofill:focus,fluent-text-input::part(control):-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--colorNeutralBackground1) inset !important;-webkit-text-fill-color:var(--colorNeutralForeground1) !important;transition:background-color 5000s ease-in-out 0s}:host{display:block;width:100%;color:var(--colorNeutralForeground1)}fluent-field{width:100%}fluent-text-input{width:100%;max-width:100%}.message{color:var(--colorNeutralForeground3)}.message.includeErrorPadding{min-height:var(--lineHeightBase200)}.message.error{color:var(--colorPaletteRedForeground1)}.popup-hint-icon{margin-left:2px}:host(.has-error) fluent-text-input::part(root){border-color:var(--colorPaletteRedBorder2)}:host(.has-error:focus-within) fluent-text-input::part(root){border-color:var(--colorNeutralStroke1)}.clear-button{display:none}.clear-button.is-visible{display:inline-flex}";const It=class{constructor(e){t(this,e),this.udpSideSheetClose=i(this,"udpSideSheetClose",7),this.udpPrimaryButtonClick=i(this,"udpPrimaryButtonClick",7),this.udpHeaderActionButtonClick=i(this,"udpHeaderActionButtonClick",7),this.open=!1,this.position="right",this.width="md",this.padding=!0,this.loading=!1,this.headerActionButtonDisabled=!1,this.primaryButtonDisabled=!1,this.showOverflowButton=!1,this.openOverflowMenu=!1,this.visibleSecondaryButtons=[],this.overflowSecondaryButtons=[],this.originalBodyOverflow="",this.originalBodyPaddingRight="",this.handleTransitionEnd=()=>{this.open||this.hostEl.parentElement!==document.body||document.body.removeChild(this.hostEl)},this.onClose=()=>{this.open=!1,this.udpSideSheetClose.emit()},this.onCloseBackdrop=e=>{e.target===e.currentTarget&&this.onClose()},this.onPrimaryButtonClick=()=>{this.udpPrimaryButtonClick.emit()},this.onHeaderActionButtonClick=()=>{this.udpHeaderActionButtonClick.emit()},this.onMoreActionButtonClick=e=>{this.overflowMenuAnchor=e.currentTarget,this.openOverflowMenu=!0},this.handleCloseOverflowMenu=()=>{this.openOverflowMenu=!1}}handleOpenChange(e,t){if(e!==t)if(e){const e=window.innerWidth-document.documentElement.clientWidth;if(this.originalBodyOverflow=document.body.style.overflow,this.originalBodyPaddingRight=document.body.style.paddingRight,document.body.appendChild(this.hostEl),e>0){const t=parseInt(window.getComputedStyle(document.body).paddingRight)||0;document.body.style.paddingRight=`${t+e}px`}document.body.style.overflow="hidden",requestAnimationFrame((()=>{this.hostEl.classList.add("is-visible"),setTimeout((()=>this.checkOverflow()),50)}))}else this.hostEl.classList.remove("is-visible"),document.body.style.overflow=this.originalBodyOverflow,document.body.style.paddingRight=this.originalBodyPaddingRight,this.hostEl.addEventListener("transitionend",this.handleTransitionEnd,{once:!0})}handleSecondaryButtonsChange(){setTimeout((()=>this.checkOverflow()),50)}checkOverflow(){if(!this.footerRef||!this.measurementContainerRef)return;if(!this.footerSecondaryButtons||0===this.footerSecondaryButtons.length)return void(this.showOverflowButton=!1);const e=this.footerRef.offsetWidth,t=window.getComputedStyle(this.footerRef),i=e-parseFloat(t.paddingLeft)-parseFloat(t.paddingRight),a=this.measurementContainerRef.querySelectorAll("udp-button");let o=0;a.forEach(((e,t)=>{const i=e&&e instanceof HTMLElement?e.offsetWidth:0;if(o+=i,t<a.length-1){const e=window.getComputedStyle(this.measurementContainerRef),t=parseFloat(e.gap)||4;o+=t}})),this.showOverflowButton=o+10>i}componentDidLoad(){this.resizeObserver=new ResizeObserver((()=>{this.checkOverflow()})),requestAnimationFrame((()=>{setTimeout((()=>{this.footerRef&&this.resizeObserver.observe(this.footerRef),this.checkOverflow()}),100)}))}disconnectedCallback(){"hidden"===document.body.style.overflow&&(document.body.style.overflow=this.originalBodyOverflow,document.body.style.paddingRight=this.originalBodyPaddingRight),this.resizeObserver&&this.resizeObserver.disconnect()}render(){var t,i,a,o,n,r,s;const l="number"==typeof this.width?"custom-width":this.width,d="number"==typeof this.width?{maxWidth:`${this.width}px`}:{},c=Boolean(this.headerActionButtonIcon)?e("udp-icon",{iconName:this.headerActionButtonIcon,color:"inherit"}):void 0,h=e("udp-icon",{key:"6c39f309512725cc4773e1370d42c3c714c9d6bd",iconName:"overflowMenuVertical",color:"inherit"});return e("div",{key:"3d8838a1377ef5d6d534376b724548d6798b3af7",class:"backdrop",onClick:this.onCloseBackdrop},e("div",{key:"3e5a586280f33a4185b2c726e18cc10606a77136",class:{sheet:!0,[this.position]:!0,[l]:!0},style:d},e("div",{key:"a5456d799b92fb4b07dd666f18c0acb624674377",class:"title-container"},e("div",{key:"cb1132c6c96ca3ebb6831ada3c3956d86fb7d2c1",class:"close-button"},e("stencil-icon-button",{key:"997dd654887ccb79f297da44c6381aa5c29b0bdc",icon:P,onClick:this.onClose,secondary:!0})),e("div",{key:"93887acf897d799ccbcbf15b516e8e765e0d3836",class:"title-text"},e("unity-typography",{key:"ca216bf4428b011d729683e1a5a8eeb50e15b0c4",variant:"h6"},this.title)),(this.headerActionButtonLabel||(null===(t=this.headerSecondaryButtons)||void 0===t?void 0:t.length)>0)&&e("div",{key:"b498eb6052f74dd6cd1f8a1f3dd57599f05759ef",class:"header-action-button"},null===(i=this.headerSecondaryButtons)||void 0===i?void 0:i.map((t=>e("udp-button",{variant:"outlined",disabled:t.disabled,onClick:t.onClick,endIcon:t.icon},t.label))),this.headerActionButtonLabel&&e("udp-button",{key:"311a310a6007b8b0042c84aa7bb2105831cfe16c",disabled:this.headerActionButtonDisabled,onClick:this.onHeaderActionButtonClick,startIcon:c,variant:"contained"},this.headerActionButtonLabel))),e("div",{key:"e9192a778369b629dfc261469f520fe5b1656f3b",class:"loader-container"},e("udp-linear-loader",{key:"ff3a4a7ddb84c178246b103b40d727124af91e55",class:{"is-loading":this.loading},color:"primary"})),e("div",{key:"6348c8ad6d4575c4f62cad26e69425daf821839f",class:{content:!0,padding:this.padding}},e("slot",{key:"3e2cfd5a9778756ea5bff000441522e7edf7a3f3"})),(this.primaryButtonLabel||(null===(a=this.footerSecondaryButtons)||void 0===a?void 0:a.length)>0)&&e("div",{key:"5dd3a712db33bc8bbd1f75690edaaa4035c27760"},e("div",{key:"e72a3374ce4de6230b526faabb305ec21cbdded4",class:"loader-container"}),e("div",{key:"6d1370245b40d672773906f6449f53762cceb913",class:{footer:!0},ref:e=>this.footerRef=e},!this.showOverflowButton&&(null===(o=this.footerSecondaryButtons)||void 0===o?void 0:o.length)>0&&e("div",{key:"5d0ce1a63309c638c2014f3aedd5b92710f6938c",class:"footer-secondary-buttons-container"},e("div",{key:"936a21838d09406da6143d90676f0b4974ee4228",class:"footer-secondary-buttons"},null===(n=this.footerSecondaryButtons)||void 0===n?void 0:n.map((t=>e("udp-button",{variant:"outlined",disabled:t.disabled,onClick:t.onClick,endIcon:t.icon},t.label))))),this.showOverflowButton&&e("udp-button",{key:"e51f332ff548a49e4f3d5274c381047e5e912293",variant:"outlined",onClick:this.onMoreActionButtonClick,color:"secondary",endIcon:h},"More"),this.primaryButtonLabel&&e("udp-button",{key:"8e22db449186617656f1c18bd3846031533f921d",variant:"contained",disabled:this.primaryButtonDisabled,onClick:this.onPrimaryButtonClick,endIcon:this.primaryButtonIcon},this.primaryButtonLabel),this.showOverflowButton&&e("udp-pop-over",{key:"288284faf79eddb49dc907d42c5d401196b32b1c",anchorElement:this.overflowMenuAnchor,isOpen:this.openOverflowMenu,popoverWidth:"200px",popoverMaxHeight:"300px",handleOnClose:this.handleCloseOverflowMenu},e("div",{key:"ea65e59690f0885b74f2d17243edb80320e61e05",class:"menu"},null===(r=this.footerSecondaryButtons)||void 0===r?void 0:r.map((t=>e("udp-menu-item",{label:null==t?void 0:t.label,iconName:null==t?void 0:t.icon,onItemClick:()=>{null==t||t.onClick(),this.handleCloseOverflowMenu()},disabled:null==t?void 0:t.disabled}))))),e("div",{key:"e246fbc961e55e5af4544efaaa092d6eb5774a68",ref:e=>this.measurementContainerRef=e,style:{position:"absolute",visibility:"hidden",pointerEvents:"none",display:"flex",gap:"var(--spacing-02, 4px)"},"aria-hidden":"true"},null===(s=this.footerSecondaryButtons)||void 0===s?void 0:s.map((t=>e("udp-button",{variant:"text",size:"medium",disabled:t.disabled,endIcon:t.icon},t.label))),this.primaryButtonLabel&&e("udp-button",{key:"6382b979dc197b65f643b929c17d42f91e3c8958",variant:"contained",size:"medium",disabled:this.primaryButtonDisabled,endIcon:this.primaryButtonIcon},this.primaryButtonLabel))))))}get hostEl(){return o(this)}static get watchers(){return{open:[{handleOpenChange:0}],footerSecondaryButtons:[{handleSecondaryButtonsChange:0}]}}};It.style=":host{position:fixed;top:0;left:0;width:0;height:0;overflow:hidden;transform:translate(0);z-index:9999;visibility:hidden;transition:visibility 0s 0.2s, width 0s 0.2s, height 0s 0.2s}:host(.is-visible){width:100vw;height:100vh;overflow:visible;visibility:visible;transition-delay:0s}.backdrop{background:rgba(0, 0, 0, 0.5);width:100%;height:100%;position:fixed;top:0;left:0;opacity:0;transition:opacity 0.2s ease-in-out}:host(.is-visible) .backdrop{opacity:1}.sheet{background:white;height:100vh;position:fixed;top:0;display:flex;flex-direction:column;box-shadow:0 0 4px rgba(0, 0, 0, 0.3);transition:transform 0.2s ease-in-out;width:100%}.sheet.right{right:0;transform:translateX(100%)}.sheet.left{left:0;transform:translateX(-100%)}:host(.is-visible) .sheet{transform:translateX(0)}.sheet.sm{max-width:360px}.sheet.md{max-width:600px}.sheet.lg{max-width:960px}.sheet.full{max-width:100%}.sheet.custom-width{}.title-container{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;box-shadow:var(--elevation-01, 0 4px 8px rgba(0, 0, 0, 0.1));gap:var(--spacing-02)}.title-text{flex-grow:1;text-align:left;}.close-button{flex-shrink:0}.header-action-button{flex-shrink:0;display:flex;align-items:center;gap:var(--spacing-02, 4px);padding:var(--spacing-03, 8px) var(--spacing-03, 8px) var(--spacing-03, 8px) 0}.content{overflow-y:auto;flex-grow:1;background-color:var(--gray-01)}.content.padding{padding:var(--spacing-05, 24px)}.footer{padding:var(--spacing-03, 8px);box-shadow:var(--elevation-01, 0 4px 8px rgba(0, 0, 0, 0.1));display:flex;justify-content:flex-end;flex-shrink:0;width:100%;gap:var(--spacing-02, 4px);align-items:center}.footer.secondary-button-overflow{flex-direction:row-reverse}.footer-secondary-buttons-container{flex-grow:2;width:100%}.footer-secondary-buttons{display:flex;justify-content:flex-end;gap:var(--spacing-02, 4px);align-items:center}.footer-secondary-buttons.secondary-button-overflow{flex-grow:1}.loader-container{height:4px;width:100%;background-color:var(--gray-01)}.loader-container udp-linear-loader{visibility:hidden;opacity:0;transition:none}.loader-container udp-linear-loader.is-loading{visibility:visible;opacity:1;}";const Tt=class{constructor(e){t(this,e),this.valueChanged=i(this,"valueChanged",7),this.disabled=!1,this.min="0",this.max="100",this.orientation="horizontal",this.includeErrorPadding=!0,this.handleChange=e=>{e.stopPropagation(),this.valueChanged.emit(e.target.value)}}render(){const t=!!this.error,i=this.error||this.hint;return e(a,{key:"c46ea343b49e8e87f515656e3a82ce82bd52782a"},e("fluent-field",{key:"9664f9a8054cc5f79ed4fe891134161f582c65ac","label-position":"above",class:{"no-label":!this.label,"no-message":!i&&!this.includeErrorPadding}},e("fluent-label",{key:"28dbcc8ef193def3bc6c8254f415a70eef81d38b",slot:"label",disabled:this.disabled},this.label,this.popupHint&&e("udp-tooltip",{key:"865326d46e31e54cf0e80a2689ecc5acf0a8b707",content:this.popupHint,positioning:"above"},e("udp-fluent-icon",{key:"edf8e2a4e368fadaaa74c02e42de51c6e56a8add",name:"info",size:"xs",class:"popup-hint-icon"}))),e("fluent-slider",{key:"f158c0b9203d54f195f882314b24bbbd10663020",slot:"input",name:this.name,disabled:this.disabled,min:this.min,max:this.max,step:this.step,orientation:this.orientation,value:this.value,onChange:this.handleChange}),e("udp-text",{key:"8aaeccdeeea74a406e7dd53df56b0c86e1b4336d",slot:"message",variant:"caption1",class:{message:!0,error:t,includeErrorPadding:this.includeErrorPadding}},i)))}};Tt.style=":host{color:var(--colorNeutralForeground1)}.message{color:var(--colorNeutralForeground3)}.message.includeErrorPadding{min-height:var(--lineHeightBase200)}.message.error{color:var(--colorPaletteRedForeground1)}.popup-hint-icon{margin-left:2px}fluent-label[disabled]{color:var(--colorNeutralForeground1)}fluent-field.no-label::part(label){display:none}fluent-field.no-message::part(message){display:none}";const At=class{constructor(e){t(this,e)}render(){return e(a,{key:"476640046658069569b983816fea2f37cac0343d"},e("fluent-spinner",{key:"ea9df3d0896c1a16d5774399dde0274199650852",size:this.size,appearance:this.appearance}))}},Ot=class{constructor(e){t(this,e),this.valueChanged=i(this,"valueChanged",7),this.swatches=[],this.layout="row",this.gridColumns=3,this.size="medium",this.shape="square",this.spacing="medium",this.justify="start",this.disabled=!1,this.required=!1,this.showTooltip=!1,this.includeErrorPadding=!0,this.handleSwatchClick=e=>{this.disabled||e.disabled||(this.internalSelectedValue=e.value,this.valueChanged.emit(e.value))},this.handleKeyDown=(e,t)=>{const i=this.swatches.filter((e=>!e.disabled&&!this.disabled)),a=i.findIndex((e=>e.value===t.value)),o="grid"===this.layout?this.gridColumns:i.length;let n=null;switch(e.key){case"ArrowRight":case"ArrowDown":e.preventDefault(),"row"===this.layout||"ArrowRight"===e.key?n=(a+1)%i.length:(n=a+o,n>=i.length&&(n%=i.length));break;case"ArrowLeft":case"ArrowUp":e.preventDefault(),"row"===this.layout||"ArrowLeft"===e.key?n=(a-1+i.length)%i.length:(n=a-o,n<0&&(n=i.length+n));break;case"Enter":case" ":return e.preventDefault(),void this.handleSwatchClick(t);case"Home":e.preventDefault(),n=0;break;case"End":e.preventDefault(),n=i.length-1}if(null!=n){const e=this.getSwatchElement(i[n].value);e&&e.focus()}}}valueChangedHandler(e){this.internalSelectedValue=e}componentWillLoad(){var e;this.internalSelectedValue=null!==(e=this.value)&&void 0!==e?e:this.defaultValue}getLuminance(e){const t=e.replace("#","");let i,a,o;3===t.length?(i=parseInt(t[0]+t[0],16),a=parseInt(t[1]+t[1],16),o=parseInt(t[2]+t[2],16)):(i=parseInt(t.slice(0,2),16),a=parseInt(t.slice(2,4),16),o=parseInt(t.slice(4,6),16));const n=i/255,r=a/255,s=o/255;return.2126*(n<=.03928?n/12.92:Math.pow((n+.055)/1.055,2.4))+.7152*(r<=.03928?r/12.92:Math.pow((r+.055)/1.055,2.4))+.0722*(s<=.03928?s/12.92:Math.pow((s+.055)/1.055,2.4))}getContrastRatio(e,t){return(Math.max(e,t)+.05)/(Math.min(e,t)+.05)}getContrastColor(e){if(!e)return"#ffffff";try{const t=this.getLuminance(e);return this.getContrastRatio(t,1)>this.getContrastRatio(t,0)?"#ffffff":"#000000"}catch(e){return"#ffffff"}}needsContrastBorder(e){if(!e||!e.startsWith("#"))return!1;try{const t=this.getLuminance(e);return this.getContrastRatio(t,.95)<3}catch(e){return!1}}getSwatchElement(e){var t,i;return null!==(i=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector(`[data-value="${e}"]`))&&void 0!==i?i:null}render(){const t={"swatch-picker":!0,[`layout-${this.layout}`]:!0,[`spacing-${this.spacing}`]:!0,[`justify-${this.justify}`]:!0},i="grid"===this.layout?{"--grid-columns":Math.min(this.gridColumns,8).toString()}:{},o=!!this.error,n=this.error||this.hint;return e(a,{key:"3548fe5f20da790a69709bab072a6c224f5e56f9"},e("fluent-field",{key:"a98d150f1407b4603dbc323ae2a420d8df7c360c",class:{"no-label":!this.label,"no-message":!n&&!this.includeErrorPadding}},e("fluent-label",{key:"ae0751ca43a394b17ff01e9edfee0dc363748209",required:this.required,disabled:this.disabled,slot:"label"},this.label,this.popupHint&&e("udp-tooltip",{key:"06d241ac76ddf5daf67d10fca5893d406b090a92",content:this.popupHint,positioning:"above"},e("udp-fluent-icon",{key:"e4f763dfb04e8333f4efe0443b60534999c5e24c",name:"info",size:"xs",class:"popup-hint-icon"}))),e("div",{key:"65decf9ebcdd1bf74ef3be72370fcafdbfd2d24d",slot:"input",class:t,role:"radiogroup","aria-label":"Color picker",style:i},this.swatches.map(((e,t)=>this.renderSwatch(e,t)))),e("udp-text",{key:"3841d745127b4f0dede093a95a74e7db2739d032",slot:"message",variant:"caption1",class:{message:!0,error:o,includeErrorPadding:this.includeErrorPadding}},n)))}renderSwatch(t,i){const a=this.internalSelectedValue===t.value,o=this.disabled||t.disabled,n=this.needsContrastBorder(t.color),r={swatch:!0,[`size-${this.size}`]:!0,[`shape-${this.shape}`]:!0,selected:a,disabled:o,"needs-contrast-border":n},s={};t.color&&(s["--swatch-color"]=t.color,s["--swatch-foreground"]=this.getContrastColor(t.color)),t.image&&(s["--swatch-image"]=`url(${t.image})`,s["--swatch-foreground"]="#ffffff");const l=e("button",{type:"button",class:r,style:s,role:"radio","aria-checked":a?"true":"false","aria-label":t.label,"aria-disabled":o?"true":void 0,disabled:o,tabIndex:o?-1:a||!this.internalSelectedValue&&0===i?0:-1,"data-value":t.value,onClick:()=>this.handleSwatchClick(t),onKeyDown:e=>this.handleKeyDown(e,t)},a&&!t.image&&e("span",{class:"selection-indicator","aria-hidden":"true"},e("svg",{viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{d:"M10 3L4.5 8.5L2 6",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}))),o&&!t.image&&e("span",{class:"disabled-indicator","aria-hidden":"true"},e("svg",{viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("circle",{cx:"6",cy:"6",r:"5",stroke:"currentColor","stroke-width":"1"}),e("line",{x1:"2.5",y1:"9.5",x2:"9.5",y2:"2.5",stroke:"currentColor","stroke-width":"1"}))));return this.showTooltip?e("udp-tooltip",{content:t.label,positioning:"above"},l):l}get el(){return o(this)}static get watchers(){return{value:[{valueChangedHandler:0}]}}};Ot.style=':host{display:block;width:100%}fluent-field{width:100%}fluent-label[disabled]{color:var(--colorNeutralForeground1)}fluent-label[required]::after{color:var(--colorPaletteRedForeground1, #d13438)}.message{color:var(--colorNeutralForeground3)}.message.includeErrorPadding{min-height:var(--lineHeightBase200)}.message.error{color:var(--colorPaletteRedForeground1)}.popup-hint-icon{margin-left:2px}fluent-field.no-label::part(label){display:none}fluent-field.no-message::part(message){display:none}.swatch-picker{display:flex;flex-wrap:wrap;align-items:center}.layout-row{flex-direction:row}.layout-grid{display:grid;grid-template-columns:repeat(var(--grid-columns, 3), auto)}.spacing-small{gap:4px}.spacing-medium{gap:8px}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-end{justify-content:end}.justify-space-between{justify-content:space-between}.swatch{position:relative;display:flex;align-items:center;justify-content:center;appearance:none;-webkit-appearance:none;border:1px solid transparent;cursor:pointer;background-color:var(--swatch-color, transparent);background-image:var(--swatch-image, none);background-size:cover;background-position:center;padding:0;margin:0;box-sizing:border-box;transition:transform 0.1s ease, box-shadow 0.15s ease;vertical-align:top;line-height:0}.size-extra-small{width:20px;height:20px}.size-small{width:24px;height:24px}.size-medium{width:28px;height:28px}.size-large{width:32px;height:32px}.shape-square{border-radius:2px}.shape-circular{border-radius:50%}.shape-rounded{border-radius:4px}.needs-contrast-border{box-shadow:inset 0 0 0 1px rgba(0, 0, 0, 0.2)}.swatch:focus{outline:none}.swatch:focus-visible{outline:2px solid var(--colorStrokeFocus2, #000000);outline-offset:2px}.swatch:not(.disabled):hover{transform:scale(1.05)}.swatch.selected{box-shadow:0 0 0 2px var(--colorNeutralBackground1, #fff), 0 0 0 4px var(--colorBrandStroke1, #0078d4)}.swatch.selected.needs-contrast-border{box-shadow:inset 0 0 0 1px rgba(0, 0, 0, 0.2),     0 0 0 2px var(--colorNeutralBackground1, #fff),     0 0 0 4px var(--colorBrandStroke1, #0078d4)}.swatch.disabled{cursor:not-allowed;opacity:0.4}.selection-indicator{display:flex;align-items:center;justify-content:center;width:60%;height:60%;color:var(--swatch-foreground, #ffffff)}.selection-indicator svg{width:100%;height:100%;color:var(--colorNeutralForegroundInverted, #fff);filter:drop-shadow(0 0 1px rgba(0, 0, 0, 0.5))}.swatch[style*="--swatch-color: #0"] .selection-indicator svg,.swatch[style*="--swatch-color: #1"] .selection-indicator svg,.swatch[style*="--swatch-color: #2"] .selection-indicator svg,.swatch[style*="--swatch-color: #3"] .selection-indicator svg{color:var(--colorNeutralForegroundInverted, #fff)}.disabled-indicator{display:flex;align-items:center;justify-content:center;width:80%;height:80%}.disabled-indicator svg{width:100%;height:100%;color:var(--colorNeutralForegroundInverted, #fff);filter:drop-shadow(0 0 1px rgba(0, 0, 0, 0.3))}.swatch[style*="--swatch-image"].selected{box-shadow:0 0 0 2px var(--colorNeutralBackground1, #fff), 0 0 0 4px var(--colorBrandStroke1, #0078d4)}';const Mt=class{constructor(e){t(this,e)}render(){const t=this.activeTabId===this.id;return e(a,{key:"c05836ddf9ef5bf35db4bb136b446414adb0798a",role:"tabpanel","aria-labelledby":this.id,"aria-hidden":t?"false":"true",hidden:!t},e("slot",{key:"4b2610933b56b1bb9176f89e41fe348bbf7f8a34"}))}static get delegatesFocus(){return!0}};Mt.style=":host{display:block}:host([hidden]){display:none}";const qt={body1:{size:"300",weight:"regular",as:"p"},body1Strong:{size:"300",weight:"semibold",as:"p"},body1Stronger:{size:"300",weight:"bold",as:"p"},body2:{size:"200",weight:"regular",as:"p"},caption1:{size:"200",weight:"regular",as:"span"},caption1Strong:{size:"200",weight:"semibold",as:"span"},caption1Stronger:{size:"200",weight:"bold",as:"span"},caption2:{size:"100",weight:"regular",as:"span"},caption2Strong:{size:"100",weight:"semibold",as:"span"},subtitle1:{size:"500",weight:"semibold",as:"h6"},subtitle2:{size:"400",weight:"semibold",as:"h6"},subtitle2Stronger:{size:"400",weight:"bold",as:"h6"},title1:{size:"800",weight:"semibold",as:"h3"},title2:{size:"700",weight:"semibold",as:"h4"},title3:{size:"600",weight:"semibold",as:"h5"},largeTitle:{size:"900",weight:"semibold",as:"h2"},display:{size:"1000",weight:"semibold",as:"h1"}},Et=class{constructor(e){t(this,e),this.variant="body1"}render(){var t,i,o,n;const r=qt[this.variant],s=null!==(t=this.size)&&void 0!==t?t:r.size,l=null!==(i=this.weight)&&void 0!==i?i:r.weight,d=null!==(o=this.as)&&void 0!==o?o:r.as,c=null!==(n=this.block)&&void 0!==n?n:!["caption1","caption1Strong","caption1Stronger","caption2","caption2Strong"].includes(this.variant),h=["udp-text",`udp-text--size-${s}`,`udp-text--weight-${l}`,`udp-text--font-${this.font||"base"}`,this.align&&`udp-text--align-${this.align}`,c?"udp-text--block":"udp-text--inline",this.italic&&"udp-text--italic",this.underline&&"udp-text--underline",this.strikethrough&&"udp-text--strikethrough"].filter(Boolean).join(" ");return e(a,{key:"86e0780444d718ea941408e65fc98e5acff1dcc3",class:h},e(d,{key:"7d9ed6f74951760273827eb3fc3fda2951134553"},e("slot",{key:"067b01ca86c3d370f80dbe7ab6b340be5f01880a"})))}};Et.style=":host(.udp-text){h1,h2,h3,h4,h5,h6,p,span,div,li{margin:0;padding:0;color:inherit}}:host(.udp-text--block){display:block}:host(.udp-text--inline){display:inline}:host(.udp-text--size-100){h1,h2,h3,h4,h5,h6,p,span,div,li{font-size:var(--fontSizeBase100);line-height:var(--lineHeightBase100)}}:host(.udp-text--size-200){h1,h2,h3,h4,h5,h6,p,span,div,li{font-size:var(--fontSizeBase200);line-height:var(--lineHeightBase200)}}:host(.udp-text--size-300){h1,h2,h3,h4,h5,h6,p,span,div,li{font-size:var(--fontSizeBase300);line-height:var(--lineHeightBase300)}}:host(.udp-text--size-400){h1,h2,h3,h4,h5,h6,p,span,div,li{font-size:var(--fontSizeBase400);line-height:var(--lineHeightBase400)}}:host(.udp-text--size-500){h1,h2,h3,h4,h5,h6,p,span,div,li{font-size:var(--fontSizeBase500);line-height:var(--lineHeightBase500)}}:host(.udp-text--size-600){h1,h2,h3,h4,h5,h6,p,span,div,li{font-size:var(--fontSizeBase600);line-height:var(--lineHeightBase600)}}:host(.udp-text--size-700){h1,h2,h3,h4,h5,h6,p,span,div,li{font-size:var(--fontSizeHero700);line-height:var(--lineHeightHero700)}}:host(.udp-text--size-800){h1,h2,h3,h4,h5,h6,p,span,div,li{font-size:var(--fontSizeHero800);line-height:var(--lineHeightHero800)}}:host(.udp-text--size-900){h1,h2,h3,h4,h5,h6,p,span,div,li{font-size:var(--fontSizeHero900);line-height:var(--lineHeightHero900)}}:host(.udp-text--size-1000){h1,h2,h3,h4,h5,h6,p,span,div,li{font-size:var(--fontSizeHero1000);line-height:var(--lineHeightHero1000)}}:host(.udp-text--weight-regular){h1,h2,h3,h4,h5,h6,p,span,div,li{font-weight:var(--fontWeightRegular)}}:host(.udp-text--weight-medium){h1,h2,h3,h4,h5,h6,p,span,div,li{font-weight:var(--fontWeightMedium)}}:host(.udp-text--weight-semibold){h1,h2,h3,h4,h5,h6,p,span,div,li{font-weight:var(--fontWeightSemibold)}}:host(.udp-text--weight-bold){h1,h2,h3,h4,h5,h6,p,span,div,li{font-weight:var(--fontWeightBold)}}:host(.udp-text--font-base){h1,h2,h3,h4,h5,h6,p,span,div,li{font-family:var(--fontFamilyBase)}}:host(.udp-text--font-numeric){h1,h2,h3,h4,h5,h6,p,span,div,li{font-family:var(--fontFamilyNumeric)}}:host(.udp-text--font-monospace){h1,h2,h3,h4,h5,h6,p,span,div,li{font-family:var(--fontFamilyMonospace)}}:host(.udp-text--align-start){h1,h2,h3,h4,h5,h6,p,span,div{text-align:start}}:host(.udp-text--align-end){h1,h2,h3,h4,h5,h6,p,span,div{text-align:end}}:host(.udp-text--align-center){h1,h2,h3,h4,h5,h6,p,span,div{text-align:center}}:host(.udp-text--align-justify){h1,h2,h3,h4,h5,h6,p,span,div{text-align:justify}}:host(.udp-text--italic){h1,h2,h3,h4,h5,h6,p,span,div{font-style:italic}}:host(.udp-text--underline){h1,h2,h3,h4,h5,h6,p,span,div{text-decoration:underline}}:host(.udp-text--strikethrough){h1,h2,h3,h4,h5,h6,p,span,div{text-decoration:line-through}}:host(.udp-text){ul,ol{padding-left:24px;margin:0;list-style-position:outside}ul li,ol li{margin-bottom:4px}li{margin-bottom:4px;display:list-item}ul li::marker,ol li::marker,li::marker{color:inherit}}";const Pt=class{constructor(e){t(this,e),this.valueChanged=i(this,"valueChanged",7),this.inputBlur=i(this,"inputBlur",7),this.inputFocus=i(this,"inputFocus",7),this.includeErrorPadding=!0,this.required=!1,this.disabled=!1,this.readonly=!1,this.autofocus=!1,this.spellcheck=!1,this.resize="none",this.autoResize=!1,this.appearance="outline",this.controlSize="medium",this.handleInput=e=>{e.stopPropagation(),this.valueChanged.emit(e.target.value)}}select(){var e;return null===(e=this.internalInput)||void 0===e||e.select(),Promise.resolve()}componentDidRender(){this.internalInput&&(this.internalInput.setAttribute("resize",this.resize),this.internalInput.setAttribute("appearance",this.appearance))}render(){const t=!!this.error,i=this.error||this.hint;return e(a,{key:"9fb6e076b7f46073cbf48c73e6f214905062e7a7",class:{"has-error":t}},e("fluent-field",{key:"0ee8674ea9f35cbca816fb0f749005f4dd2fa1d7",class:{"no-label":!this.label,"no-message":!i&&!this.includeErrorPadding}},e("fluent-textarea",{key:"8ca8795705c9d6e718c31cb3508d34612eb6847a",ref:e=>this.internalInput=e,slot:"input",name:this.name,value:this.value,placeholder:this.placeholder,required:this.required,disabled:this.disabled,readonly:this.readonly,autofocus:this.autofocus,spellcheck:this.spellcheck?"true":"false",appearance:this.appearance,resize:this.resize,maxlength:this.maxLength,autoResize:this.autoResize,size:this.controlSize,displayShadow:!0,onInput:this.handleInput,onBlur:()=>this.inputBlur.emit(),onFocus:()=>this.inputFocus.emit(),onInvalid:e=>e.preventDefault()}),e("fluent-label",{key:"988191db247a107729cc68b6f340aea5bef68932",slot:"label",disabled:this.disabled},this.label,this.popupHint&&e("udp-tooltip",{key:"6bf6d871b57867236c695d812b7c026801acae5a",content:this.popupHint,positioning:"above"},e("udp-fluent-icon",{key:"d320fd9ec6903593e8d2044574972e2e60338a91",name:"info",size:"xs",class:"popup-hint-icon"}))),e("udp-text",{key:"daf6e0c53ce078fcd69abf672742cf7b86344a47",slot:"message",variant:"caption1",class:{message:!0,error:t,includeErrorPadding:this.includeErrorPadding}},i)))}static get delegatesFocus(){return!0}};Pt.style="fluent-textarea[disabled]::part(control){color:var(--colorNeutralForegroundDisabled);-webkit-text-fill-color:var(--colorNeutralForegroundDisabled)}fluent-textarea[disabled]::part(root){background-color:var(--colorNeutralBackgroundDisabled)}fluent-label[disabled]{color:var(--colorNeutralForeground1)}fluent-textarea::part(control):-webkit-autofill,fluent-textarea::part(control):-webkit-autofill:hover,fluent-textarea::part(control):-webkit-autofill:focus,fluent-textarea::part(control):-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--colorNeutralBackground1) inset !important;-webkit-text-fill-color:var(--colorNeutralForeground1) !important}:host{display:block;width:100%}fluent-field{width:100%}fluent-textarea{width:100%;--inline-size:100%}fluent-textarea[appearance='underline']::part(root){background-color:transparent;border:none;border-radius:0;border-bottom:1px solid var(--colorNeutralStrokeAccessible, #616161);box-shadow:none}fluent-textarea[appearance='underline']:hover::part(root){border-bottom-color:var(--colorNeutralStrokeAccessibleHover, #575757)}fluent-textarea[appearance='underline']:focus-within::part(root){border-bottom-color:var(--colorCompoundBrandStroke, #0f6cbd)}fluent-field.no-label::part(label){display:none}fluent-field.no-message::part(message){display:none}.message{color:var(--colorNeutralForeground3)}.message.includeErrorPadding{min-height:var(--lineHeightBase200)}.message.error{color:var(--colorPaletteRedForeground1)}.popup-hint-icon{margin-left:2px}:host(.has-error) fluent-textarea::part(root){border-color:var(--colorPaletteRedBorder2)}:host(.has-error:focus-within) fluent-textarea::part(root){border-color:var(--colorNeutralStroke1)}";const jt=class{constructor(e){t(this,e),this.valueChanged=i(this,"valueChanged",7),this.inputBlur=i(this,"inputBlur",7),this.inputFocus=i(this,"inputFocus",7),this.invalidTime=i(this,"invalidTime",7),this.timeOptions=[],this.value="",this.includeErrorPadding=!0,this.required=!1,this.disabled=!1,this.minuteStep=30,this.use24Hour=!1,this.appearance="outline",this.controlSize="medium",this.inputValue="",this.internalError="",this.isOpen=!1,this.activeIndex=-1,this.handleInput=e=>{this.inputValue=e.target.value,this.internalError="",this.activeIndex=this.getBestMatchIndex(),!this.isOpen&&this.inputValue&&(this.isOpen=!0)},this.handleFocus=()=>{if(this.inputValue&&setTimeout((()=>{var e;return null===(e=this.getInputElement())||void 0===e?void 0:e.select()}),0),this.value){const e=this.timeOptions.findIndex((e=>e.value===this.value));this.activeIndex=-1!==e?e:this.getBestMatchIndex()}else this.activeIndex=this.getClosestTimeToNow();this.inputFocus.emit()},this.ignoreNextInputClick=!1,this.handleInputClick=()=>{var e;this.ignoreNextInputClick?this.ignoreNextInputClick=!1:this.isOpen||(this.inputValue&&(null===(e=this.getInputElement())||void 0===e||e.select()),this.isOpen=!0)},this.handleLabelMouseDown=e=>{var t;e.preventDefault(),this.ignoreNextInputClick=!0,this.isOpen=!this.isOpen,null===(t=this.getInputElement())||void 0===t||t.focus()},this.handleIconMouseDown=e=>{e.preventDefault()},this.handleIconClick=()=>{this.isOpen=!this.isOpen},this.handleBlur=()=>{this.processAndEmitTime(),this.isOpen=!1,this.inputBlur.emit()},this.handleOptionClick=e=>{const t=this.validateTime(e.value);this.internalError=t,t&&this.invalidTime.emit({message:t,value:e.value}),this.inputValue=e.label,this.valueChanged.emit(e.value),this.isOpen=!1},this.handleKeyDown=e=>{switch(e.key){case"ArrowDown":e.preventDefault(),this.isOpen?this.activeIndex=Math.min(this.activeIndex+1,this.timeOptions.length-1):this.isOpen=!0;break;case"ArrowUp":e.preventDefault(),this.isOpen?this.activeIndex=Math.max(this.activeIndex-1,0):this.isOpen=!0;break;case"Enter":e.preventDefault(),this.isOpen?this.activeIndex>=0&&this.timeOptions[this.activeIndex]?this.handleOptionClick(this.timeOptions[this.activeIndex]):this.inputValue&&(this.processAndEmitTime(),this.isOpen=!1):this.isOpen=!0;break;case" ":this.inputValue||this.isOpen||(e.preventDefault(),this.isOpen=!0);break;case"Escape":e.preventDefault(),this.isOpen=!1;break;case"Tab":this.isOpen=!1}},this.handlePopoverClose=()=>{this.isOpen=!1}}onActiveIndexChange(){this.activeIndex>=0&&this.isOpen&&this.scrollToActiveOption("nearest","smooth",0)}onIsOpenChange(){this.isOpen&&this.activeIndex>=0&&this.scrollToActiveOption("center","instant",1)}onOptionsChange(){this.timeOptions=this.generateTimeOptions()}onValueChange(){const e=this.formatTimeForDisplay(this.value);e!==this.inputValue&&(this.inputValue=e)}componentWillLoad(){this.timeOptions=this.generateTimeOptions(),this.inputValue=this.formatTimeForDisplay(this.value),this.value&&(this.internalError=this.validateTime(this.value))}componentDidLoad(){this.internalInput&&null!=this.inputValue&&(this.internalInput.value=this.inputValue)}getInputElement(){var e,t,i,a;return null!==(a=null===(i=null===(t=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector("fluent-text-input"))||void 0===t?void 0:t.shadowRoot)||void 0===i?void 0:i.querySelector("input"))&&void 0!==a?a:null}scrollToActiveOption(e,t,i=0){setTimeout((()=>{var i;const a=null===(i=this.el.shadowRoot)||void 0===i?void 0:i.querySelector(".listbox-container");if(!(a instanceof HTMLElement))return;const o=a.querySelector("fluent-listbox"),n=null==o?void 0:o.querySelectorAll("fluent-option"),r=null==n?void 0:n[this.activeIndex];if(!(r&&r instanceof HTMLElement))return;const s=a.getBoundingClientRect(),l=r.getBoundingClientRect(),d=l.top-s.top+a.scrollTop,c=l.height,h=a.clientHeight,u=a.scrollTop;let p;if("center"===e)p=d-h/2+c/2;else if("nearest"===e){const e=d+c;if(d<u)p=d;else{if(!(e>u+h))return;p=e-h}}else p=d;a.scrollTo({top:Math.max(0,p),behavior:t})}),i)}processAndEmitTime(){if(!this.inputValue)return!1;const e=this.parseTimeInput(this.inputValue);if(e){const t=this.validateTime(e);return this.internalError=t,t&&this.invalidTime.emit({message:t,value:this.inputValue}),this.inputValue=this.formatTimeForDisplay(e),this.valueChanged.emit(e),!0}return this.internalError="Invalid time format",this.invalidTime.emit({message:"Invalid time format",value:this.inputValue}),!1}timeToMinutes(e){const[t,i]=e.split(":").map(Number);return 60*t+i}generateTimeOptions(){const e=[];for(let t=0;t<24;t++)for(let i=0;i<60;i+=this.minuteStep){const a=`${String(t).padStart(2,"0")}:${String(i).padStart(2,"0")}`;this.isTimeInRange(a)&&e.push({label:this.formatTimeForDisplay(a),value:a})}return e}compareTime(e,t){return this.timeToMinutes(e)-this.timeToMinutes(t)}isTimeInRange(e){return!(this.min&&this.compareTime(e,this.min)<0||this.max&&this.compareTime(e,this.max)>0)}validateTime(e){if(!e)return"";const t=this.parseTimeInput(e);return t?this.min&&this.compareTime(t,this.min)<0?`Time must be ${this.formatTimeForDisplay(this.min)} or later`:this.max&&this.compareTime(t,this.max)>0?`Time must be ${this.formatTimeForDisplay(this.max)} or earlier`:"":"Invalid time format"}formatTimeForDisplay(e){if(!e)return"";const[t,i]=e.split(":").map(Number);if(isNaN(t)||isNaN(i))return e;if(this.use24Hour)return`${String(t).padStart(2,"0")}:${String(i).padStart(2,"0")}`;const a=t>=12?"PM":"AM";return`${t%12||12}:${String(i).padStart(2,"0")} ${a}`}parseTimeInput(e){if(!e)return null;const t=e.trim().toLowerCase(),i=t.includes("a"),a=t.includes("p"),o=t.replace(/[ap]m?/gi,"").trim();let n,r=0;if(o.includes(":")){const e=o.split(":");n=parseInt(e[0],10);const t=e[1]||"0";r=1===t.length?10*parseInt(t,10):parseInt(t,10)||0}else if(4===o.length&&/^\d{4}$/.test(o))n=parseInt(o.substring(0,2),10),r=parseInt(o.substring(2,4),10);else if(3===o.length&&/^\d{3}$/.test(o))n=parseInt(o.substring(0,1),10),r=parseInt(o.substring(1,3),10);else{if(!/^\d{1,2}$/.test(o))return null;n=parseInt(o,10)}return isNaN(n)||isNaN(r)||n<0||r<0||r>59||n>23?null:(n>12&&n<=23&&(i||a)||(a&&n<12?n+=12:i&&12===n&&(n=0)),n<0||n>23?null:`${String(n).padStart(2,"0")}:${String(r).padStart(2,"0")}`)}getBestMatchIndex(){if(!this.inputValue)return-1;const e=this.parseTimeInput(this.inputValue);if(e)return this.getClosestOptionIndex(e);const t=this.inputValue.toLowerCase(),i=this.timeOptions.findIndex((e=>e.label.toLowerCase().startsWith(t)||e.value.startsWith(this.inputValue)));return-1!==i?i:this.timeOptions.findIndex((e=>e.label.toLowerCase().includes(t)||e.value.includes(this.inputValue)))}getClosestOptionIndex(e){return this.timeOptions.findIndex((t=>t.value===e))}getClosestTimeToNow(){const e=60*(new Date).getHours()+(new Date).getMinutes();let t=0,i=1/0;return this.timeOptions.forEach(((a,o)=>{const n=Math.abs(this.timeToMinutes(a.value)-e);n<i&&(i=n,t=o)})),t}render(){const t=this.internalError||this.error,i=!!t,o=t||this.hint;return e(a,{key:"5bc699fe3919dea4e0c3e9f115ddac67a74bddfa",class:{"has-error":i}},e("fluent-field",{key:"21487b7133ed7ab3a1f9817a64aa843b4ad773b9",class:{"no-message":!o&&!this.includeErrorPadding}},e("udp-popover",{key:"04a9750576804aa0c98a409f830a92454492b8e8",slot:"input",open:this.isOpen,position:"bottom-start",toggleOnTriggerClick:!1,matchTriggerWidth:!0,onPopoverClose:this.handlePopoverClose},e("fluent-text-input",{key:"8b39056e8de8934fedc3eceafd3ebb844c2d82ad",slot:"trigger",ref:e=>this.internalInput=e,class:{"no-label":!this.label},value:this.inputValue,name:this.name,autocomplete:"off",placeholder:this.placeholder,disabled:this.disabled,appearance:this.appearance,controlSize:this.controlSize,onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeyDown:this.handleKeyDown,onClick:this.handleInputClick},e("fluent-label",{key:"1a8d0f064d0392bde80139e00ee3c804ff00e46e",required:this.required,disabled:this.disabled,onMouseDown:this.handleLabelMouseDown},this.label,this.popupHint&&e("udp-tooltip",{key:"3b59cd1a660103f0d7b20378778a886a63fbfe7c",content:this.popupHint,positioning:"above"},e("udp-fluent-icon",{key:"20fef4a31e42c2209f4a680b40769c8b06435c8c",name:"info",size:"xs",class:"popup-hint-icon"}))),e("div",{key:"c3c188d8cadd47ec9be8110d0654a5af0c87c3fd",slot:"end"},e("udp-fluent-icon-button",{key:"5ea377718a25a380b23f03393ef67566b08b2d1e",appearance:"transparent",iconName:"clock",disabled:this.disabled,tabindex:-1,onMouseDown:this.handleIconMouseDown,onClick:this.handleIconClick}))),e("div",{key:"5046778baca7a629f9ff3bb8e008aad753ce9e81",slot:"content",class:"listbox-container"},e("fluent-listbox",{key:"baa6f6a49bfa2df430f0f4a684150562db4f0efd"},this.timeOptions.map(((t,i)=>e("fluent-option",{key:t.value,value:t.value,class:{active:i===this.activeIndex},onClick:()=>this.handleOptionClick(t)},e("span",{slot:"checked-indicator"}),t.label)))))),e("udp-text",{key:"f176652eb1199c346e6bbd544289d1f20b1c50e2",slot:"message",variant:"caption1",class:{message:!0,error:i,includeErrorPadding:this.includeErrorPadding}},o)))}static get delegatesFocus(){return!0}get el(){return o(this)}static get watchers(){return{activeIndex:[{onActiveIndexChange:0}],isOpen:[{onIsOpenChange:0}],minuteStep:[{onOptionsChange:0}],min:[{onOptionsChange:0}],max:[{onOptionsChange:0}],value:[{onValueChange:0}]}}};jt.style=":host{display:block;width:100%}fluent-field{width:100%}udp-popover{display:block;width:100%}udp-fluent-text-input,fluent-text-input{width:100%;max-width:100%}fluent-text-input[disabled]::part(control){color:var(--colorNeutralForegroundDisabled);-webkit-text-fill-color:var(--colorNeutralForegroundDisabled)}fluent-text-input[disabled]::part(root){background-color:var(--colorNeutralBackgroundDisabled)}fluent-label[disabled]{color:var(--colorNeutralForeground1)}.listbox-container{max-height:300px;overflow-y:auto}fluent-listbox{width:100%;background:var(--colorNeutralBackground1);border:none;border-radius:var(--borderRadiusMedium);}fluent-option{cursor:pointer}fluent-option:hover{background:var(--colorNeutralBackground1Hover)}fluent-option.active{box-shadow:inset 0 0 0 2px var(--colorNeutralStrokeAccessible)}fluent-option[disabled]{color:var(--colorNeutralForegroundDisabled);cursor:default}udp-popover::part(content){padding:0}fluent-text-input.no-label::part(label){display:none}fluent-field.no-message::part(message){display:none}.message{color:var(--colorNeutralForeground3)}.message.includeErrorPadding{min-height:var(--lineHeightBase200)}.message.error{color:var(--colorPaletteRedForeground1)}.popup-hint-icon{margin-left:2px}:host(.has-error) fluent-text-input::part(root){border-color:var(--colorPaletteRedBorder2)}:host(.has-error:focus-within) fluent-text-input::part(root){border-color:var(--colorNeutralStroke1)}";const Rt=class{constructor(e){t(this,e),this.delay=200,this.positioning="above"}render(){const t="internal-anchor";return e(a,{key:"597c2f5b793d34ba49b847d6f0ca4430082a4488"},e("div",{key:"9c0a13d18efb5bfdc8e408ca4d886c0593c174a0",id:t,onFocusin:e=>{var t,i;(null===(t=e.target)||void 0===t?void 0:t.matches(":focus-visible"))&&(null===(i=this.tooltipRef)||void 0===i||i.showTooltip(0))},onFocusout:()=>{var e;return null===(e=this.tooltipRef)||void 0===e?void 0:e.hideTooltip(0)}},e("slot",{key:"5a1234bb22f6cdeac39ad7e0980580a6644217dd"})),e("fluent-tooltip",{key:"6869447b0a2d209c963a73a2af152856ed771320",ref:e=>this.tooltipRef=e,anchor:t,delay:this.delay,positioning:this.positioning},this.content))}};Rt.style=":host{display:inline-flex;align-items:center;vertical-align:middle}#internal-anchor{display:inline-flex;align-items:center}fluent-tooltip{padding-block:5px;white-space:pre-line;}";const $t=class{constructor(e){t(this,e),this.itemClick=i(this,"itemClick",7),this.size="medium",this.appearance="subtle",this.treeItems=[],this.itemId="id",this.itemParentId="parentId",this.itemContent="label",this.interaction="tree",this.collapsible=!1,this.expandedOverrides={}}isChevronClick(e){return e.composedPath().some((e=>e instanceof Element&&("chevron"===e.getAttribute("part")||e.classList.contains("chevron")||"chevron"===e.getAttribute("slot"))))}toggleExpanded(e,t){const i=e in this.expandedOverrides?this.expandedOverrides[e]:t;this.expandedOverrides=Object.assign(Object.assign({},this.expandedOverrides),{[e]:!i})}resolveProp(e,t){if(void 0!==t)return"object"!=typeof e||null===e?e:"function"==typeof t?t(e):"string"==typeof t?e[t]:void 0}iconSizeForTree(){return"small"===this.size?"sm":"md"}renderItemIcon(t){var i;const a=this.resolveProp(t,this.itemIcon);if(!a)return null;const o="string"==typeof a?{name:a}:a;return o&&o.name?e("udp-fluent-icon",{name:o.name,size:null!==(i=o.size)&&void 0!==i?i:this.iconSizeForTree(),color:o.color}):null}renderItemAvatar(t){var i,a;const o=this.resolveProp(t,this.itemAvatar);return o&&"object"==typeof o?e("udp-fluent-avatar",{name:o.name,initials:o.initials,src:o.src,color:o.color,shape:null!==(i=o.shape)&&void 0!==i?i:"circular",size:null!==(a=o.size)&&void 0!==a?a:"small"===this.size?24:28,iconName:o.iconName}):null}renderItemBadge(t){var i,a,o;const n=this.resolveProp(t,this.itemBadge);if(null==n||""===n)return null;const r="object"==typeof n?n:{content:n};return e("udp-fluent-badge",{color:r.color,appearance:null!==(i=r.appearance)&&void 0!==i?i:"tint",shape:null!==(a=r.shape)&&void 0!==a?a:"rounded",size:null!==(o=r.size)&&void 0!==o?o:"small",startIconName:r.startIconName,endIconName:r.endIconName},r.content)}renderTreeItems(t,i=null){return t.filter((e=>{const t=this.resolveProp(e,this.itemParentId);return null===i&&!t||t===i})).map((i=>{const a=this.resolveProp(i,this.itemId),o=this.resolveProp(i,this.itemContent),n=this.resolveProp(i,this.itemAside),r=void 0!==this.selectedId&&a===this.selectedId,s=this.renderItemAvatar(i),l=s?null:this.renderItemIcon(i),d=this.resolveProp(i,this.itemStart),c=s||l||(null!=d?d:null),h=this.resolveProp(i,this.itemEnd),u=this.renderItemBadge(i),p=null!=h||u?[h,u]:null,b=t.filter((e=>this.resolveProp(e,this.itemParentId)===a)).length>0,f=void 0!==this.itemExpanded?!!this.resolveProp(i,this.itemExpanded):void 0;return e("fluent-tree-item",{key:a,size:this.size,appearance:this.appearance,expanded:this.collapsible&&a in this.expandedOverrides?this.expandedOverrides[a]:f,selected:r,onClick:e=>this.collapsible&&b&&this.isChevronClick(e)?(e.stopPropagation(),void this.toggleExpanded(a,!!f)):"button"===this.interaction?(e.stopPropagation(),void this.itemClick.emit(i)):void(e.target===e.currentTarget&&this.itemClick.emit(i))},c&&e("div",{slot:"start"},c),o,p&&e("div",{slot:"end"},p),n&&e("div",{slot:"aside"},n),b&&this.renderTreeItems(t,a))}))}render(){return e(a,{key:"0ed3ca9cfdda62c0e67d8afb6baf67b4f8fa827c"},e("fluent-tree",{key:"41cc77d04f95818f76ee8332d9df4481178c9735",class:{"interaction-button":"button"===this.interaction,collapsible:this.collapsible},size:this.size,appearance:this.appearance},this.treeItems.length>0?this.renderTreeItems(this.treeItems):e("slot",null)))}};$t.style=":host{display:block}.interaction-button fluent-tree-item::part(chevron){display:none}.interaction-button.collapsible fluent-tree-item::part(chevron){display:inline-flex;cursor:pointer;border-radius:var(--borderRadiusSmall)}.interaction-button.collapsible fluent-tree-item::part(chevron):hover{background-color:var(--colorSubtleBackgroundHover)}.interaction-button fluent-tree-item::part(positioning-region){height:auto;min-height:32px;margin:1px var(--spacingHorizontalS);padding-block:var(--spacingVerticalXXS);border-radius:var(--borderRadiusMedium);transition:background-color var(--durationFaster, 0.1s) ease}.interaction-button fluent-tree-item::part(positioning-region):hover{background-color:var(--colorSubtleBackgroundHover)}.interaction-button fluent-tree-item[selected]::part(positioning-region){background-color:var(--colorBrandBackground2)}.interaction-button fluent-tree-item[selected]::part(positioning-region):hover{background-color:var(--colorBrandBackground2Hover, var(--colorBrandBackground2))}.interaction-button fluent-tree-item::part(content){gap:var(--spacingHorizontalXS)}";const Vt=class{constructor(e){t(this,e),this.variant="body",this.gutterBottom=!1,this.bold=!1,this.color="main"}getClasses(e){return{[e]:!0,bold:this.bold,[`color-${this.color}`]:!0}}render(){if("body"===this.variant)return e("span",{class:this.getClasses("body")},e("slot",null));switch(this.variant){case"h1":return e("h1",{class:this.getClasses("h1")},e("slot",null));case"h2":return e("h2",{class:this.getClasses("h2")},e("slot",null));case"h3":return e("h3",{class:this.getClasses("h3")},e("slot",null));case"h4":return e("h4",{class:this.getClasses("h4")},e("slot",null));case"h5":return e("h5",{class:this.getClasses("h5")},e("slot",null));case"h6":return e("h6",{class:this.getClasses("h6")},e("slot",null));case"body1":default:return e("p",{class:this.getClasses("body1")},e("slot",null));case"body2":return e("p",{class:this.getClasses("body2")},e("slot",null));case"caption-text":return e("span",{class:this.getClasses("caption-text")},e("slot",null));case"data-display-one":return e("span",{class:this.getClasses("data-display-one")},e("slot",null));case"data-display-two":return e("span",{class:this.getClasses("data-display-two")},e("slot",null));case"data-display-three":return e("span",{class:this.getClasses("data-display-three")},e("slot",null));case"data-display-four":return e("span",{class:this.getClasses("data-display-four")},e("slot",null));case"button":return e("span",{class:this.getClasses("button")},e("slot",null))}}};Vt.style="body{font-family:var(--font-family)}:host{display:block;overflow:visible !important}h1,h2,h3,h4,h5,h6,p,span{margin:0;padding:0}:host([gutterBottom]) h1,:host([gutterBottom]) h2,:host([gutterBottom]) h3,:host([gutterBottom]) h4,:host([gutterBottom]) h5,:host([gutterBottom]) h6,:host([gutterBottom]) p,:host([gutterBottom]) span{margin-bottom:var(--spacing-02)}.body1{font-size:var(--body-font-size);font-weight:var(--body-font-weight);line-height:var(--body-line-height);font-family:var(--font-family)}.body2{font-size:var(--body-font-size);font-weight:var(--body-font-weight);line-height:var(--body-line-height);font-family:var(--font-family)}h1{font-size:var(--h1-font-size);font-weight:var(--h1-font-weight);line-height:var(--h1-line-height);font-family:var(--font-family)}h2{font-size:var(--h2-font-size);font-weight:var(--h2-font-weight);line-height:var(--h2-line-height);font-family:var(--font-family)}h3{font-size:var(--h3-font-size);font-weight:var(--h3-font-weight);line-height:var(--h3-line-height);font-family:var(--font-family)}h4{font-size:var(--h4-font-size);font-weight:var(--h4-font-weight);line-height:var(--h4-line-height);font-family:var(--font-family)}h5{font-size:var(--h5-font-size);font-weight:var(--h5-font-weight);line-height:var(--h5-line-height);font-family:var(--font-family)}h6{font-size:var(--h6-font-size);font-weight:var(--h6-font-weight);line-height:var(--h6-line-height);font-family:var(--font-family)}p{font-size:var(--body-font-size);font-weight:var(--body-font-weight);line-height:var(--body-line-height);font-family:var(--font-family)}.caption-text{font-size:var(--caption-text-font-size);font-weight:var(--caption-text-font-weight);line-height:var(--caption-text-line-height);font-family:var(--font-family)}.data-display-one{font-size:var(--data-display-one-font-size);font-weight:var(--data-display-one-font-weight);line-height:var(--data-display-one-line-height);font-family:var(--font-family)}.data-display-two{font-size:var(--data-display-two-font-size);font-weight:var(--data-display-two-font-weight);line-height:var(--data-display-two-line-height);font-family:var(--font-family)}.data-display-three{font-size:var(--data-display-three-font-size);font-weight:var(--data-display-three-font-weight);line-height:var(--data-display-three-line-height);font-family:var(--font-family)}.data-display-four{font-size:var(--data-display-four-font-size);font-weight:var(--data-display-four-font-weight);line-height:var(--data-display-four-line-height);font-family:var(--font-family)}.button{font-size:var(--button-font-size);font-weight:var(--button-font-weight);line-height:var(--button-line-height);font-family:var(--font-family)}.bold{font-weight:var(--font-weight-bold, 700) !important}.color-main{color:var(--text-main)}.color-textSecondary{color:var(--text-secondary)}.color-primary{color:var(--primary-color)}.color-secondary{color:var(--secondary-color)}.color-disabled{color:var(--text-disabled)}.color-hint{color:var(--text-hint)}.color-inherit{color:inherit}.color-error{color:var(--error-color-main, #d32f2f) !important}";export{le as ag_grid_base,de as client_side_grid,ce as ghost_render,ue as grid_header,pe as hint_panel,be as stencil_icon_button,fe as test_components_page,ye as test_form,ke as udp_accordion,we as udp_ambient_tool_tip,Se as udp_autocomplete,Ce as udp_avatar,ze as udp_badge,Ne as udp_button,Fe as udp_chip,Te as udp_compound_button,Ae as udp_date_input,Ee as udp_date_range_selector,Pe as udp_date_time_input,je as udp_dialog,$e as udp_empty_state,Ve as udp_export_sheet,Je as udp_field,Ue as udp_flexbox,Xe as udp_fluent_avatar,Ke as udp_fluent_badge,Ze as udp_fluent_button,Qe as udp_fluent_card,et as udp_fluent_checkbox,tt as udp_fluent_counter_badge,it as udp_fluent_dialog,at as udp_fluent_divider,nt as udp_fluent_drawer,rt as udp_fluent_dropdown,ct as udp_fluent_icon,ht as udp_fluent_icon_button,ut as udp_fluent_menu,pt as udp_fluent_radio_group,bt as udp_fluent_switch,ft as udp_fluent_tablist,mt as udp_fluent_text_input,vt as udp_fluent_toggle_button,gt as udp_form_component,yt as udp_icon,kt as udp_lazy_loader,xt as udp_linear_loader,wt as udp_list_item,St as udp_menu_item,Ct as udp_message_bar,zt as udp_pop_over,Ft as udp_popover,_t as udp_primary_action_header,Bt as udp_progress_bar,Dt as udp_search_input,It as udp_side_sheet,Tt as udp_slider,At as udp_spinner,Ot as udp_swatch_picker,Mt as udp_tab_panel,Et as udp_text,Pt as udp_textarea,jt as udp_time_input,Rt as udp_tooltip,$t as udp_tree,Vt as unity_typography}