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

package/dist/stencil-library/ag-grid-base_63.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 r,ModuleRegistry as n,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}from"./apiUtils-oxtMm00a.js";import{g as m}from"./lookupHelper-Bx-mQ_IX.js";import{g}from"./tenantUtils-Basdb1b1.js";import{S as v,I as y,A as k}from"./status-renderer-BoY7sar9.js";import{c as x}from"./configureUdpColumnMods-7rLs-wc2.js";import{isEqual as w}from"lodash-es";import{m as C}from"./makeApiCall-B-daVutk.js";import{C as S}from"./configService-DgYnEcjx.js";import"@fluentui/web-components/accordion.js";import"@fluentui/web-components/accordion-item.js";import{createPopper as z}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"@fluentui/web-components/text-input.js";import"cally";import"@fluentui/web-components/avatar.js";import"@fluentui/web-components/badge.js";import{f as N}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{i as _,f as F}from"./fluent-icons-DP2JUOe4.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 D}from"final-form";import{g as B}from"./iconUtils-BzY-c9Op.js";import"@fluentui/web-components/message-bar.js";import"@fluentui/web-components/progress-bar.js";import I 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 T=null;function A(){return r.withParams({wrapperBorderRadius:0,wrapperBorder:!1,headerCellHoverBackgroundColor:"var(--udp-grid-column-header-bg-hover)",borderColor:"var(--divider-color)",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 q(e){T||(T=A()),document.documentElement.setAttribute("data-ag-theme-mode",e)}function M(){return sessionStorage.getItem("user-id")}const P=async e=>{(null===document||void 0===document?void 0:document.startViewTransition)?(document.viewTransition&&await document.viewTransition.finished.catch((()=>{})),document.startViewTransition(e)):e()};function O(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 r=Math.floor(o/24);return`${r} day${1!==r?"s":""} ago`}function R(e){var t;return null===(t=e.gridViewGridViewGridConfiguration)||void 0===t?void 0:t.find((e=>1===e.gridViewGridConfigurationGridConfiguration.gridStateTypeId))}function j(e){var t;return null===(t=e.gridViewGridViewGridConfiguration)||void 0===t?void 0:t.find((e=>4===e.gridViewGridConfigurationGridConfiguration.gridStateTypeId))}function E(e){switch(e){case"primary":return"primary";case"ghost":return"subtle";default:return"secondary"}}const $={agGridExport:class{constructor(e="export.csv"){this.fileName=e}init(e){this.gridApi=e}onAction(e){"agGridExport"===e&&this.gridApi.exportDataAsCsv({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.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=g();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,P((()=>{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;let i;if(this.activeViewId&&this.activeViewState){const t=this.serializeUserColumnState(null!==(e=this.api.getColumnState())&&void 0!==e?e:[]),a=this.serializeUserColumnState(JSON.parse(this.activeViewState.columnState)),o=JSON.stringify(this.api.getFilterModel());i=t!==a||o!==this.activeViewState.filterModel}else{const e=this.api.getFilterModel(),a=Object.keys(null!=e?e:{}).length>0,o=this.serializeUserColumnState(null!==(t=this.api.getColumnState())&&void 0!==t?t:[]),r=null!==this.baseColumnState?this.serializeUserColumnState(JSON.parse(this.baseColumnState)):null;i=a||null!==r&&o!==r}i!==this.isDirty&&(this.isDirty=i,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.isDirty&&(this.isDirty=!1,this.refresh())}),0)},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(M(),this.gridId),this.filterData(),this.initialLoad&&(this.baseColumnState=JSON.stringify(this.api.getColumnState()),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=j(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())},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.setActiveView=e=>{this.removeDirtyListeners();const t=R(e),i=j(e);t&&this.api.applyColumnState({state:JSON.parse(t.gridViewGridConfigurationGridConfiguration.values),applyOrder:!0});const a=i?JSON.parse(i.gridViewGridConfigurationGridConfiguration.values):null;this.api.setFilterModel(a),this.activeViewId=e.gridViewId,this.activeViewState={columnState:JSON.stringify(this.api.getColumnState()),filterModel:JSON.stringify(this.api.getFilterModel())},this.isDirty=!1,this.saveCurrentStateToLocalStorage(),P((()=>{this.refresh(),this.scheduleDirtyListeners()}))},this.clearView=()=>{this.removeDirtyListeners(),this.baseColumnState?this.api.applyColumnState({state:JSON.parse(this.baseColumnState),applyOrder:!0}):this.api.resetColumnState(),this.api.setFilterModel(null),this.activeViewId=null,this.activeViewState=null,this.isDirty=!1,this.saveCurrentStateToLocalStorage(),P((()=>{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=R(t),o=j(t),r=[{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())}];try{await u(t.gridViewId,M(),null==i?void 0:i.gridId,m(),t.name,r,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){var i,a,o;this.api=e,this.refresh=t;const r=this.api.getGridOption("context");if(this.gridId=null!==(i=null==r?void 0:r.gridId)&&void 0!==i?i:"",!this.gridId)return void console.warn("[SavedViews] No gridId provided in grid context — saved views will not work.");const n=this.getStorageKey(),s=localStorage.getItem(n);if(s)try{this.localRestoredState=JSON.parse(s)}catch(e){console.warn("[SavedViews] Failed to parse local restored state",e)}this.loading=!0,this.refresh();const d=c(M(),this.gridId);0===(null!==(o=null===(a=this.api.getColumnDefs())||void 0===a?void 0:a.length)&&void 0!==o?o: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 d,this.filterData(),this.baseColumnState=JSON.stringify(this.api.getColumnState()),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(){null!==this.baselineRecaptureId&&clearTimeout(this.baselineRecaptureId),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())}];try{await p(M(),null==i?void 0:i.gridId,m(),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,M(),null==a?void 0:a.gridId,m(),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,M(),null==a?void 0:a.gridId,m(),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,M(),null==a?void 0:a.gridId,m(),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",r=this.filteredViews,n=[...this.localRestoredState?[{id:"restore-local-state",text:`Restore state from ${O(this.localRestoredState.date)}`,startIconName:"clock",sectionNumber:1,onClick:()=>this.applyLocalRestoredState()}]:[],...r.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:n,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?`(${O(this.localRestoredState.date)})`:"")),r.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)}})))),r.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===M()&&e("udp-fluent-icon-button",{iconName:"edit",size:"small",appearance:"transparent",onClick:()=>this.handleEditRequest(t)}),t.userId===M()&&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;P((()=>{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.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:[];const r=this.api.getGridOption("rowModelType");this.api.setGridOption("rowSelection","clientSide"===r?{mode:"multiRow",enableClickSelection:!0}:{mode:"multiRow",enableClickSelection:!0,headerCheckbox:!1}),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;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.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)}}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:E(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{init(e,t,i){this.onOpenCallback=null==i?void 0:i.callback}onAction(e){var t;"advancedSearch"===e&&(null===(t=this.onOpenCallback)||void 0===t||t.call(this))}},agGridHideShowColumns:class{init(e){this.gridApi=e}onAction(e){"agGridHideShowColumns"===e&&this.gridApi.showColumnChooser()}},udpExport:class{init(e,t,i){this.onOpenCallback=null==i?void 0:i.callback,this.api=e}onAction(e){var t;if("udpExport"===e){const e=this.api.getGridOption("context");null===(t=this.onOpenCallback)||void 0===t||t.call(this,null==e?void 0:e.searchObject,null==e?void 0:e.entityName)}}},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"}))}},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 V(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 L{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(V(t.title,t.subtitle))}}getGui(){return this.eGui}refresh(){return!1}}class H{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 r=document.createElement("img");r.src=a,r.alt=null!==(t=e.alt)&&void 0!==t?t:"",r.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(r),this.eGui.appendChild(o)}getGui(){return this.eGui}refresh(){return!1}}class W{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 G{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(V(t.title,t.subtitle)),this.eValueContainer.appendChild(i)}destroy(){}}const Y=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")}`:""},U=class{constructor(e){t(this,e),this.gridReady=i(this,"gridReady",7),this.gridFunctions=[],this.refreshKey=0,this.gridFunctionInstances=[],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=>{q(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=$[e.name];if(!i)return null;const a=new i,o=a.init(this.gridApi,this.refreshGridFunctions,e.params);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(){n.registerModules([s]),q("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;const o=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:Y},boolean:{baseDataType:"boolean",extendsDataType:"boolean",columnTypes:"booleanChip"}},gridId:this.gridId,onGridReady:e=>{this.onGridReady(e)},theme:(T||(T=A()),T),components:Object.assign({actionsRenderer:k,avatarRenderer:L,iconRenderer:y,imageRenderer:H,linkRenderer:W,statusRenderer:v,subtitleRenderer:G},null===(e=this.gridOptions)||void 0===e?void 0:e.components),domLayout:"normal",defaultColDef:Object.assign(Object.assign({cellDataType:!1,sortable:!0,filter:!0,flex:1,minWidth:150,suppressHeaderMenuButton:!0},null===(t=this.gridOptions)||void 0===t?void 0:t.defaultColDef),{filterParams:Object.assign({buttons:["reset","apply"],closeOnApply:!0,maxNumConditions:10},null===(a=null===(i=this.gridOptions)||void 0===i?void 0:i.defaultColDef)||void 0===a?void 0:a.filterParams)})});l(this.gridEl,o),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&&!w(e,t)&&this.setColumnDefs()}setColumnDefs(){var e;const t=x(this.columnDefs,null===(e=this.gridFunctions)||void 0===e?void 0:e.some((e=>"advancedSearch"===(null==e?void 0:e.name))));this.gridApi.setGridOption("columnDefs",t)}handleEntityNameChange(){this.updateGridContextValues()}render(){return e("div",{key:"9a16d8b90b805ed1451eb48db0ba7df90c714457",ref:e=>this.gridContainerEl=e},e("ghost-render",{key:"fe0119315b8b73cd3e49f7521f3c794fc1250238"},e("div",{key:"6a6346c130cc32488ed2e790877e07c1ad5bff89"},e("udp-dialog",{key:"cf73e98bda7a6aa8de4d1c9b5a958927ec1f4a84"}),e("udp-list-item",{key:"d77aa780107896612c5f9f1a07230aa8b1b9b33a"}),e("hint-panel",{key:"c2050efb63fdba5ecf99842550ae067c1206c6e9"}),e("udp-side-sheet",{key:"0ec1f693d133f81a236719dee3c627926057acbc"}),e("udp-fluent-dialog",{key:"eea6076a4fdda9606cd6623f4a38ceab61a56171"}),e("udp-fluent-text",{key:"c12db7b6556f1a8a5972888600deb0d6d09dedc6"}),e("udp-fluent-text-input",{key:"1171561b4331bff6e0e3aea9417e2996ae007811"}),e("udp-fluent-switch",{key:"148678c460ee96cf4015d031241709527490dfc9"}),e("udp-fluent-button",{key:"8e43757246063a8087b362a43004c25c900f8b34"}),e("udp-text",{key:"d6653a02fe0030e288a564296b2422976d1a34ce"}),e("udp-search-input",{key:"9f50750b415c1501ceecc4c4854660556edcb7de"}),e("udp-fluent-avatar",{key:"559183c3e5a1711a7d0cd65d0f7a87c76b4f2c43"}),e("udp-fluent-icon-button",{key:"77e871ca66f2d4177cbaf5a057f1ff4d5e28f8b2"}),e("udp-fluent-icon",{key:"579b0bec7e771bfe6bac0ae649238cfb8e9c317e"}),e("udp-fluent-badge",{key:"7d5a070cfa141e90b4c593cabcd77c401e0376b3"}))),e("grid-header",{key:"6174b78b2359bd4c1693000e5f9aefc969aac885",headerConfig:this.headerConfig,gridFunctions:this.gridFunctions,gridFunctionInstances:this.gridFunctionInstances,refreshKey:this.refreshKey,onHeaderAction:this.onHeaderAction}),e("div",{key:"26f0e971996dddaf3bbe8bac1c0dda70b6388661",ref:e=>this.gridEl=e}))}static get watchers(){return{gridFunctions:[{handleUpdateGridFunctions:0}],gridHeight:[{handleUpdateGridHeight:0}],columnDefs:[{handleUpdateColumnDefs:0}],entityName:[{handleEntityNameChange:0}],gridId:[{handleEntityNameChange:0}]}}};U.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 X=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:"666162b2a5fdc844236ccc9d093d66f3820cd85d",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}]}}},J=class{constructor(e){t(this,e)}render(){return e(a,{key:"c72866559dd6aad32d4f453634b047364bc49e91"},e("slot",{key:"9549af952adb5fb4539901f8a9be68f59618b4ec"}))}};J.style=":host {\n      display: none;\n    }";const K=new Set(["openSavedViews","quickFilter","advancedSearch"]),Z=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,r,n,s,d,l,c,h,u,p;const b=null==(f=this.gridFunctions)?void 0:f.some((e=>K.has(e.name)));var f;const m=null===(t=this.headerConfig)||void 0===t?void 0:t.primaryActionButton,g=(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,v=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!==(r=this.gridFunctions)&&void 0!==r?r:[]).map((e=>e.name))),x=null!==(n=this.gridFunctionInstances)&&void 0!==n?n:[],w=null!==(s=this.gridFunctions)&&void 0!==s?s:[],C=w.findIndex((e=>"bulkActions"===e.name)),S=C>=0?x[C]:void 0,z=null!==(l=null===(d=null==S?void 0:S.isActive)||void 0===d?void 0:d.call(S))&&void 0!==l&&l,N=e=>{const t=w.findIndex((t=>t.name===e));return t>=0?x[t]:void 0},_=N("openSavedViews"),F=N("quickFilter"),D=N("agGridRefreshData"),B=N("agGridExpandCollapseAll"),I=[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")}].filter(Boolean),T=k.has("udpExport"),A=k.has("agGridExpandCollapseAll"),q=T||A||k.has("agGridRefreshData")||I.length>0,M=!!this.headerConfig,P=w.length>0;if(!M&&!P)return null;const O=M&&P&&!b,R=!(!(null===(c=this.headerConfig)||void 0===c?void 0:c.title)&&!y),j=M&&P&&b&&!R,E=P&&!O&&!j,$=()=>{var t,i,a,o;return[A&&e("udp-tooltip",{content:(null===(t=null==B?void 0:B.isExpanded)||void 0===t?void 0:t.call(B))?"Collapse all":"Expand all"},e("udp-fluent-icon-button",{iconName:(null===(i=null==B?void 0:B.isExpanded)||void 0===i?void 0:i.call(B))?"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==D?void 0:D.isRefreshing)||void 0===a?void 0:a.call(D))&&void 0!==o&&o},iconName:"arrow-sync",shape:"rounded",onClick:()=>this.action("agGridRefreshData")})),T&&e("udp-tooltip",{content:"Export"},e("udp-fluent-icon-button",{iconName:"export",shape:"rounded",onClick:()=>this.action("udpExport")})),I.length>0&&e("udp-fluent-menu",{buttonType:"icon",shape:"rounded",endIconName:"settings",appearance:"secondary",size:"medium",items:I})]},V=()=>{var t,i;return e("div",{class:"scoping-zone"},null===(t=null==_?void 0:_.render)||void 0===t?void 0:t.call(_),null===(i=null==F?void 0:F.render)||void 0===i?void 0:i.call(F),k.has("advancedSearch")&&e("udp-fluent-icon-button",{iconName:"filter",shape:"rounded",onClick:()=>this.action("advancedSearch")}))},L=()=>{var t;return e("div",{class:"toolbar-content"},z?null===(t=S.render)||void 0===t?void 0:t.call(S):e("div",{class:"toolbar-inner"},V(),q&&e("div",{class:"toolbar-actions"},$())))};return M?(O||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:g,secondaryActions:v})),e("div",{class:"bulk-overlay-bar"},null===(u=S.render)||void 0===u?void 0:u.call(S))):[e("udp-primary-action-header",{title:null===(p=this.headerConfig)||void 0===p?void 0:p.title,subtitle:y,primaryAction:g,secondaryActions:v},j&&e("div",{slot:"inline",class:"promoted-scoping"},V()),(O||j)&&q&&e("div",{slot:"actions",class:"promoted-utilities"},$())),E&&L()]:L()}};Z.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)}.toolbar-actions{display:flex;align-items:center;gap:var(--spacingHorizontalS)}.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)}";const Q=class{constructor(e){t(this,e),this.showHint=!0,this.handleHideHint=()=>{this.showHint=!1}}render(){return e("div",{key:"30cd51fab775ed49145590f239ac96328833d9ad",class:"hint-container"},this.showHint&&e("div",{key:"81f8bbd744cad8fe013129aa154d91920da8bcf8",class:"hint-content"},e("div",{key:"2bd503978249ad020d6e9cb208f71126d236895b"},e("unity-typography",{key:"e655fd34d4efd8ed266e24fb4a36fada251c040b",variant:"body"}," ",this.hint," ")),this.hideHintText&&e("div",{key:"9071166c6c5fa4faffbc36065ecde0e5bc472e3d",class:"hide-help"},e("udp-button",{key:"fbe047ad65a87200d5b3a0051b065b83df981c03",size:"small",color:"info",onClick:this.handleHideHint},this.hideHintText))))}};Q.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 ee=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,r=()=>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(r,null)):e(r,null))}};ee.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 te=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:"211f852adbd706cbd11d5950eb7f8bee8f8169a1",style:{display:"flex",flexDirection:"column"}},e("div",{key:"94b285a6faa2233f0d19d62f2a0c071b0fed1753",style:{display:"flex",gap:"1rem",marginTop:"1rem"}},e("udp-fluent-button",{key:"88e64c7a58145fe4103d68c6cde4f82b54302b7b",onClick:()=>this.formDrawerOpen=!0},"Open Form Drawer"),e("udp-fluent-button",{key:"eceadfdc32623cd3b20395b2011178a5c8e17b2c",onClick:()=>this.drawerOpen=!0},"Open Grid Drawer")),e("div",{key:"401f092d799a6714a2d17332913af7d68e0238d9",style:{display:"flex",flexDirection:"column",gap:"1rem",marginTop:"2rem"}},e("h4",{key:"0181472e56ffbb2b8ed92850654a42fe6f88d24e"},"Scroll Overflow Strategy"),e("udp-fluent-tablist",{key:"379c20dc169a5542f2883a2df260d3e665fa8980",tabList:this.tabs,onTabChange:this.handleTabChange,appearance:"transparent",size:"small",orientation:"horizontal",overflowStrategy:"scroll"},e("span",{key:"3bc375d23ac9c90bf91cb02de439bae05a52fa6d",slot:"grids-start",style:{color:"red",fontWeight:"bold"}},"!")),e("h4",{key:"4f27e671b280e4286773c6e1311670ca67cf1c09"},"Collapse Overflow Strategy"),e("udp-fluent-tablist",{key:"0d6654ddc61e2d9bcc15fe2a531de2c298da1be1",tabList:this.tabs,onTabChange:this.handleTabChange,appearance:"contained",size:"small",orientation:"horizontal",overflowStrategy:"collapse"},e("span",{key:"817139f5f7c32c09f0fc0b9a7bb95b324578ed0e",slot:"grids-start",style:{color:"red",fontWeight:"bold"}},"!")),e("div",{key:"687f4a358460f61f4f18a51f3fb7edaae712f40a",style:{padding:"1rem",border:"1px solid #ccc"}},e("udp-tab-panel",{key:"9f19d49b8ebfef24cf23e0849a6c4b2f209946dc",id:"buttons-inputs",activeTabId:this.currentTab},e("div",{key:"f2536581e9884c3707f14fc01afc5cf3f8bd3124",style:{display:"flex",flexDirection:"column",gap:"1rem"}},e("h3",{key:"377ab2b84c39313c3341e952dfce63539a633619"},"Buttons & Inputs"),e("div",{key:"5d684dec9c2c8029e425b3beeb819da34b52f368",style:{display:"flex",gap:"1rem",alignItems:"center"}},e("udp-fluent-switch",{key:"bc90dfe124dd5b906d5428d1e75f321ccfc4956d",label:"Toggle Loading",checked:this.isButtonLoading,onValueChanged:e=>this.isButtonLoading=e.detail}),e("udp-fluent-button",{key:"3767fc4a9880a0198dfff096b30ad006150febfa",loading:this.isButtonLoading,size:"medium"},e("udp-fluent-icon",{key:"893cb9ab7ac2b4b0aacda732484e2bd6233c40a0",name:"calendar",size:"sm",slot:"start"}),"Loading Button")),e("div",{key:"6cdbb0729252e5766fd4d86642e36fa93b295799"},e("udp-fluent-button",{key:"a2daa636da7f7c1b7a00c0bbac4cca56a53191bc",onClick:()=>console.log("Click Me Clicked")},"Click Me")),e("div",{key:"920c38c11be16f7a37bcb383293df6ee4fe96999"},e("h4",{key:"0cb86dec0a4e2b59c108b43efcce1518af8b9ead"},"New Icon Props"),e("div",{key:"64e58bbbbdfdd0b019ba116f67fc317c784918c4",style:{display:"flex",gap:"1rem",alignItems:"center"}},e("udp-fluent-button",{key:"e9f3b130144cdedb828b0209820a615592450e29",startIconName:"checkmark",onClick:()=>console.log("Start Icon Clicked")},"Start Icon"),e("udp-fluent-button",{key:"c1eaa08283d739c110269a98782385580979534b",size:"large",onClick:()=>console.log("End Icon Clicked"),endIconName:"home"},"End Icon"),e("udp-fluent-button",{key:"70f4d96c1a478ed74012d5e126b98d05c2a7485d",appearance:"primary",onClick:()=>console.log("Primary Clicked")},"Delete"),e("udp-fluent-button",{key:"d7633cdcc38d23a2f977a31543d8a3f162f9537e",startIconName:"checkmark",onClick:()=>console.log("Override Icon Clicked")},e("span",{key:"5bb7c811578c057ed6263528b66b44e62d35fc9b",slot:"start"},e("udp-fluent-icon",{key:"d870c959dea2ecd443c4aa530bf62d85f7b85bf4",name:"home",size:"md"})),"Slotted icon override"))),e("div",{key:"00fc80fd525836eefa0603000c72ecbacdf6b23d"},e("h4",{key:"49c81a480b2ff11e67bf44e76076fe01e4b33e1a"},"Compound Buttons"),e("div",{key:"1ed1e0726d18ea521db8d226a8bc8c3ca7ebe3ad",style:{display:"flex",gap:"1rem",alignItems:"center"}},e("udp-compound-button",{key:"002ee8145741dfb66f50b88a32445f247f6ad805",description:"Hello World",startIconName:"calendar"},"Compound Button"),e("udp-compound-button",{key:"68350550ccd6fe3db5f119a68bfc6b12f1bd38ef",appearance:"primary",description:"With End Icon",endIconName:"delete"},"Primary"),e("udp-compound-button",{key:"dd5d8c94646784c8fd4501d0b534a4b2abacd61f",description:"Custom Slot",size:"small",startIconName:"add",onClick:()=>console.log("Compound Button Clicked")},e("span",{key:"ea71bef65202e68a27adf93bdf878a77fe0fdb08",slot:"description"},"Slotted Description"),"Compound")),e("div",{key:"4858250de3b3fb4ab30d2ee37dc7767b53478775",style:{marginTop:"1rem",display:"flex",gap:"1rem",alignItems:"center"}},e("udp-fluent-switch",{key:"21bb3826067bff6192ac7fe38627e82443a9d449",checked:this.isButtonLoading,onValueChanged:e=>this.isButtonLoading=e.detail},"Toggle Loading"),e("udp-compound-button",{key:"e7ae647fcdc11e418eeb4658a1438c050933556d",description:"Click switch to load",endIconName:"add",loading:this.isButtonLoading,onClick:()=>console.log("Compound Button Clicked")},"Loading Test"))),e("div",{key:"4bf942ea146eda54e01c65f7e5c94521ec0eb0e6"},e("h4",{key:"23596bb89957a74843c6a845d7fb11e3205b5ca8"},"Toggle Buttons"),e("div",{key:"487e8e3191e63c0b11929c46f12e03f28fdf1c6e",style:{display:"flex",gap:"1rem",alignItems:"center",flexWrap:"wrap"}},e("udp-fluent-toggle-button",{key:"a656be6b3f4786f2db7aa516bdb29f9d769bd510"},"Toggle Me"),e("udp-fluent-toggle-button",{key:"607972b90159c4518c0e290bc104a70b5871fd80",pressed:!0,disabled:!0},"Disabled Pressed"),e("udp-fluent-toggle-button",{key:"931f0d740dc5345142936827c79a4d3d3175a595"},e("udp-fluent-icon",{key:"225c78fe23e3275d5b92cedacb12b1d89591a0df",name:"add",size:"sm",slot:"start"}),"Slotted icon"),e("udp-fluent-toggle-button",{key:"cb7df6c9cf4e311ae393e754b422f55bf08ca2cc",endIconName:"settings"},"End Icon Prop"),e("udp-fluent-toggle-button",{key:"593c1889646c68045572461c83736caae9860b45",size:"small",startIconName:"add"},"Small"),e("udp-fluent-toggle-button",{key:"edeb435c52f45fb3ce971b9e7314b8f2357e07e4",size:"large",endIconName:"delete"},"Large"))),e("div",{key:"6e93570264f27575a52e27ee7ab671ba3a9356eb"},e("h4",{key:"c9264b2701340b9a0dd13117260210d133de7685"},"Icon Buttons (Dynamic Sizing)"),e("div",{key:"58228a05b7135ee92fc30f0197d6b5d2fd7aef50",style:{display:"flex",gap:"1rem",alignItems:"center"}},e("div",{key:"88e9166212dcdd8f5ed5241601c7904a24583319",style:{display:"flex",flexDirection:"column",alignItems:"center"}},e("udp-fluent-icon-button",{key:"48111d30b127c0e12f5eec73bde592b54e77b915",iconName:"settings",size:"small",appearance:"primary",ariaLabel:"Edit"}),e("span",{key:"32d1a164fe6e15be46554c19da6e0809180e370a",style:{fontSize:"12px"}},"Small (Subtle)")),e("div",{key:"5a8d96110c502679dc516a984cfd60d2749a02d7",style:{display:"flex",flexDirection:"column",alignItems:"center"}},e("udp-fluent-icon-button",{key:"c46d0f1541422852ec442cddedc79fae5d42af20",iconName:"settings",size:"medium",ariaLabel:"Delete"}),e("span",{key:"71846361be959fb7942f25af3d9a413cd74a0839",style:{fontSize:"12px"}},"Medium (Outline)")),e("div",{key:"2c40b6b19e5adc1cf7606dcef0758a18dbb2dff9",style:{display:"flex",flexDirection:"column",alignItems:"center"}},e("udp-fluent-icon-button",{key:"53f3ee5fdc41d89d0bbe7cd349267b09490ecf3f",iconName:"settings",size:"large",appearance:"primary",ariaLabel:"Settings"}),e("span",{key:"6a7443ce22e2c048d4961762040a0802b2a01c81",style:{fontSize:"12px"}},"Large (Transparent)")))),e("div",{key:"a7f338137f905d957f0d37d7a942c59a6576d497"},e("udp-loading-spinner",{key:"5e31af9721df95cfd333a5d4eee35a49f1ec1d2e",size:"tiny",appearance:"primary"})))),e("udp-tab-panel",{key:"99da32b0f63e38f589e96f45f0fefdee52cf5c22",id:"inputs",activeTabId:this.currentTab},e("div",{key:"30504ade52136e78def5a00f30d795cd9152593b",style:{display:"flex",gap:"1rem",flexDirection:"column"}},e("div",{key:"19c7b5b4538c488483306bebc11f260d4ba57259",style:{padding:"1rem",backgroundColor:"var(--colorNeutralBackground3, #f5f5f5)",borderRadius:"8px",marginBottom:"1rem"}},e("h3",{key:"a544499a651d4b1e4267ca02d5329f199f6c5d24",style:{margin:"0 0 1rem 0",fontSize:"16px",fontWeight:"600"}},"Global Property Controls"),e("div",{key:"7660c2bafa11a2c5818e62c97b3dd781afa6f0b6",style:{display:"flex",gap:"2rem",flexWrap:"wrap",alignItems:"flex-end"}},e("udp-fluent-dropdown",{key:"6600c6a954552ee136fc7471c2fa49d96597dda6",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:"f0b15b1d858e92f77a06d63596a427f9183e62e2",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:"005c5ffb9ebf721740eaa2673cd845404cc4ee35",label:"Required",labelPosition:"after",checked:this.inputControlRequired,onValueChanged:e=>this.inputControlRequired=e.detail}),e("udp-fluent-switch",{key:"e9ef406856823a172cb63daea3c76277fc5cbce9",label:"Disabled",labelPosition:"after",checked:this.inputControlDisabled,onValueChanged:e=>this.inputControlDisabled=e.detail}),e("udp-fluent-switch",{key:"a1152b15f0dc2b99eca7bdff833477792db7057d",label:"Readonly",labelPosition:"after",checked:this.inputControlReadonly,onValueChanged:e=>this.inputControlReadonly=e.detail})),e("p",{key:"b92492d470a0977c46ac8644a69a60f89a3ce0d0",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:"3d937d30a764695a8932cedbed9af4e3dd4118cb",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:"66d9f414545f2c9992328826b64bf42703f35c33",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:"8d3b426a56e0a86a0e78a875719a74d7dc7ce43c",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:"535f4ccd62e3108c9b5bc1da24223405d9e5dcdb",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:"34f858ef5a11a4f9ebc4fe65f72c536360d4e743",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:"f0b230d15fb904a1dd3b0f5d876ff51e7ce7763b",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:"03fe8ff7eeab6af68f9ff5148839619f34ee4709",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:"df359ee3bae82e9a41c5501aae3b372c56316b7c",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:"3eb2ced72076501dea8b74a41845c4a16d6ba617",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:"9308fbce7b00a4c89a3c7bb0c801cd80501c478a",label:"Checkbox",hint:"Check me!",disabled:this.inputControlDisabled,controlSize:this.inputControlSize,checked:!0}),e("udp-fluent-switch",{key:"657deb6c8cd263c2fffd90399e7656b91a2fd89f",label:"Switch",labelPosition:"after",disabled:this.inputControlDisabled,checked:!0}),e("udp-slider",{key:"26a07b571029c841b70cb0ee5446cfc7f09a9c04",label:"Slider",min:"0",max:"100",hint:"Slide to adjust value",disabled:this.inputControlDisabled,value:"50"}),e("udp-fluent-radio-group",{key:"309f41bef2e8585adeac9e52553cf6fae7e33b39",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:"f1ecf23f87041001da0021f437f18e03f0bb85db",id:"data-display",activeTabId:this.currentTab},e("div",{key:"2dd83171c820be3ed99863be569fd1c5ba3ea7f3",style:{display:"flex",flexDirection:"column",gap:"3rem"}},e("div",{key:"a2663c456df3d68add0e02fff7892f16116c80a0"},e("h3",{key:"3a16270d16641ff0cc31ae3d2452a97107b7fdb7"},"Tree Example - Animal Kingdom (Conservation Status)"),e("p",{key:"c1bfc1a8e403da78b525042f648e34f753eb0eaf",style:{fontSize:"14px",color:"#6b7280",marginBottom:"1rem"}},"Explore the animal kingdom with conservation status, population data, and more."),e("udp-tree",{key:"c9ec3ba19a9555b4980faa2e09f8c99cb6da7df1",treeItems:this.animals,itemContent:"name",itemStart:"emoji",itemEnd:this.getStatusBadge,itemAside:this.getItemAside,size:"medium",appearance:"subtle"})),e("div",{key:"9d6d7369574b84b8177cfc8e37b393ec12321138"},e("h3",{key:"dfd4e57c46dbf3a361d429ee657703d2d923bd68"},"Accordion Example"),e("udp-accordion",{key:"4d33e3ba2a5622373098c4009b77d9de798c0a00",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:"e0095d1d5d15c0adef721f2372e5b558a5926906",slot:"complex-slotted-heading"},e("div",{key:"c1e733caa4464e785459f69f22db2ebe75accf3e",style:{display:"flex",alignItems:"center",gap:"8px"}},e("udp-fluent-icon",{key:"2f9e4588e86883651361bc39437bce989dddc7ac",name:"star",size:"md"}),e("span",{key:"4542ed5a9ffd9f7bbc1cf542cae5493d31780d9b"},"Complex Slotted Header"),e("udp-chip",{key:"fa3e7670727136e2ef43c34f0825ca4cbeae1c23",label:"New",color:"success",size:"small",variant:"filled"}))),e("div",{key:"11b2cf385dea3371195618f9c057a593b266d80c",slot:"complex-slotted-content"},e("p",{key:"7b13306b153b2f0c0196838c63260992f304c956"},"This content uses slots for complete control.",e("br",{key:"69cce49d784bd09eebabf0ab6b7bca47fd770d05"}),e("span",{key:"abc46f5c7f8b7452776d30bcbfe0e2ca7943058b",style:{fontSize:"12px",color:"gray"}},"(Try adding buttons, forms, or any component here)")),e("div",{key:"6f5b91255e2fbbfd8c8b302c21cb7de24fcfd4fa",style:{marginTop:"8px"}},e("udp-fluent-button",{key:"f7dd65c2f4536b4e98931f5b592c3a0656d71e13",size:"small"},"Action A"),e("udp-fluent-button",{key:"8a83eb1c7ccff9909e1b4f3bbc1f2224f5153113",size:"small",appearance:"outline"},"Action B"))))),e("div",{key:"939a03ff7e36e3df770a299c4a1a25138cd4f45d"},e("h3",{key:"d2e76453bebc0fdd91429da201514e1d56bd20c3"},"Auto-Wrapping Tooltip"),e("udp-tooltip",{key:"8db8298cf510e1a50ea1b67f41e0c23fa458e809",positioning:"above",content:"This works with Shadow DOM!"},e("udp-fluent-button",{key:"f4201211c20064c7f22d30e67181e97d1ca3ba9d"},"Hover me"))),e("div",{key:"52e7dde59c62af7433a5559e129a0fe713aac75a"},e("h3",{key:"c1b2d4f6768893d6f84422810b75c15dd98a46d1"},"Message Bar Example"),e("div",{key:"8a50ac229bf0c5ff1f03860d1a938f5474d7254e",style:{display:"flex",flexDirection:"column",gap:"1rem"}},e("udp-message-bar",{key:"76e2118c45a3a08e800fd408fab363a1c1b6ae18",intent:"info"},"This is an informational message bar."),e("udp-message-bar",{key:"e93928dfa59bb8815c3ce703e918ce71f0bf1806",intent:"warning"},"This is a warning message bar."),e("udp-message-bar",{key:"878385a01f2f96ada074b44902266df6a394d33b",intent:"error"},"This is an error message bar with actions.",e("udp-fluent-button",{key:"02e09d8c7767f5c194d29cc877ddc6ea0554cf22",slot:"actions",appearance:"outline",size:"small"},"Resolve")),this.showMessageBar&&e("udp-message-bar",{key:"49510ae2d82cc553c3329864da8775c3d78b168d",intent:"success",shape:"square"},"This is a success message bar (square).",e("udp-icon",{key:"37208b185babce242fc5c62e25c5f3044b2e6e54",iconName:"add",slot:"icon"}),e("udp-fluent-icon-button",{key:"3c558827933be457a0adc20112647f0065caf93d",iconName:"dismiss",shape:"circular",appearance:"subtle",ariaLabel:"Close drawer",onClick:()=>this.showMessageBar=!1,slot:"dismiss"})))),e("div",{key:"4f51260283cf1174a60c69ba97ac82a1814bda0d"},e("h3",{key:"a6c2bc51972a24fc364c8fc5fbfd5c26bc21394f"},"Progress Bar Examples"),e("h4",{key:"67a670df625e12a0d2401abd7dae7d41b1830df5"},"Indeterminate"),e("udp-progress-bar",{key:"2e375f4f5176b42680ec65b637c4ddafc65f53f0",thickness:"large"}),e("h4",{key:"4c59e0479ce239352ab6b10d605d04dd3562b0a8"},"Determinate (Success)"),e("udp-progress-bar",{key:"f7cf0e76da3b80b90a5c74400bd3cbf6e4a2e680",value:75,validationState:"success",shape:"square"}),e("h4",{key:"d1e5025a5c74b1dbad8de58351926eae9d45d158"},"Interactive"),e("div",{key:"0a33ed005c6b3089fae5d1642f0590cbbeeeaa03",style:{display:"flex",gap:"1rem",alignItems:"center",marginBottom:"1rem"}},e("udp-fluent-text-input",{key:"ca5e4881e71d4a18b22cba6aa9c8e22e4a4fded4",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:"d868205951df4e6860c19d0182e2a9f10cccbc97",value:this.progressValue,min:0,max:100,shape:"square"})),e("div",{key:"a2788315bdaf10be38463dea43cfabca25a9418a"},e("h3",{key:"50f1386cc287e0667ca8421727476ef1f4dd45d2"},"Divider Examples"),e("p",{key:"ccf33ddc6c896cdf5bcbd08ac8f54166f027e367"},"Default Divider:"),e("udp-fluent-divider",{key:"ac5cdbdfff8f1a649783714f74a8b5ff177b9f93"}),e("p",{key:"3e59d4272fa7b7b876759b5f860db8c304a3f113"},"Align Content:"),e("udp-fluent-divider",{key:"6925c8e565161500f7df2f7555b2602a38f90604","align-content":"start"},"Start"),e("udp-fluent-divider",{key:"584a0d2284075ab5a07910d7ec61c4cc79315585","align-content":"center"},"Center"),e("udp-fluent-divider",{key:"6e6b0254dcb64585981a14c7bc1b807fb4251ce8","align-content":"end"},"End"),e("p",{key:"e0389d14de774a268b3a50062d354ee87bc805eb"},"Appearance:"),e("udp-fluent-divider",{key:"e173c248b31c2e1e91cbf20dd7a38b489a1510af",appearance:"strong"},e("udp-icon",{key:"569e5d02ca5d955acc228b82a4953bea767f6240",iconName:"add"})),e("div",{key:"33ea1433d1ef48663db1daa38d8d9a507a980fb5",style:{height:"10px"}}),e("udp-fluent-divider",{key:"c5806cc0d65b76dc3cf1d3d2cc25a26331370102",appearance:"brand"},"Brand"),e("div",{key:"eccef1e18ce5afcee8910abce71d4708afc10fd8",style:{height:"10px"}}),e("udp-fluent-divider",{key:"a9e475250065e5fc6346be0bf805d336ad368d21",appearance:"subtle"},"Subtle"),e("p",{key:"ec7747c9ee1d65905a535404165960033bbc9fce"},"Vertical Divider (inside flex container):"),e("div",{key:"2bc2f4bf5bc7adc4374e19b62df34f004a1a555d",style:{display:"flex",height:"50px",alignItems:"center",border:"1px solid #ccc",padding:"10px"}},e("span",{key:"333244c443e04fe684c9e3c9301042bcccf4cbaf"},"Item 1"),e("udp-fluent-divider",{key:"3d5579d1647af12b6d21eceaac68b58a12f1dcad",orientation:"vertical"}),e("span",{key:"256a9111d76dcc7dba202c240c5287a01b62a10d"},"Item 2"),e("udp-fluent-divider",{key:"af3455b99d29ac67e1040616ff37675cd3c0b78a",orientation:"vertical",appearance:"brand"}),e("span",{key:"805e66f370a4dd2a19e63b54a3e1623433674306"},"Item 3"))),e("div",{key:"e94ac056e8a7308f4c7d5bed1cb7dc97f47c0460"},e("h3",{key:"38a7857c73ebfcc141a79b07f29f3ee9e28973f2"},"Fluent Icon Examples"),e("p",{key:"d08ecc4ed38eb7e35f9e19547dd63a41434df78c"},"Basic usage (new simplified API):"),e("div",{key:"5001e48a61e5ec5ca8848066ce9b736633e2f0d8",style:{display:"flex",gap:"1rem",alignItems:"center"}},e("udp-fluent-icon",{key:"13161f20c4c1aee65bf917cc75af9ff2c26fdcb9",name:"add"}),e("udp-fluent-icon",{key:"9341532c7e670248e874822ac19aeeb1cae58a72",name:"home"}),e("udp-fluent-icon",{key:"5155515f81ca248dc30ad0c533036883e47be5a3",name:"settings"})),e("p",{key:"819e70763a2371b2f9eaa8177868735ac7a8855f"},"Colored:"),e("div",{key:"537e6ccbc81061d515f5f3150bc63982579d0da9",style:{display:"flex",gap:"1rem",alignItems:"center"}},e("udp-fluent-icon",{key:"0ca369a1a17e13cb39433b1a2c77d31dd00e87f9",name:"add",variant:"filled",color:"green"}),e("udp-fluent-icon",{key:"4ecd0d2071ca6f3bad36b4a9569ffeee66fd13c6",name:"delete",color:"red"})),e("p",{key:"ad2d75ebfae5854ff09cf2af522172b294998953"},"Sizes (xs=16px, sm=20px, md=24px, lg=28px):"),e("div",{key:"b7835777ff815d941a77ac5f0983f26ebe7ac652",style:{display:"flex",gap:"1rem",alignItems:"center"}},e("udp-fluent-icon",{key:"ba09140d10a02f62eb813d9da88748b815ffa664",name:"home",size:"xs"}),e("udp-fluent-icon",{key:"351ee06fb8894f14f9d5960634bd4076321f385a",name:"home",size:"sm"}),e("udp-fluent-icon",{key:"e6e0a670dd30d7e3629a406e137912658d432b33",name:"home",size:"md"}),e("udp-fluent-icon",{key:"5e6cbd7a3e03a06144c64035a1c39d41a82cb7af",name:"home",size:"lg"})),e("p",{key:"c7ecefd4f36deedbe329e66f0a81d0365c3d639a"},"Variants (regular vs filled):"),e("div",{key:"801197df75e2f40179e73f83d79086606e66f334",style:{display:"flex",gap:"1rem",alignItems:"center"}},e("udp-fluent-icon",{key:"aa8355a86481bdd99ba74ea2eeeb3408736212d0",name:"star",variant:"regular",size:"lg"}),e("udp-fluent-icon",{key:"7298e568df494b18530b5a5dfc7753b1e4a66e05",name:"star",variant:"filled",size:"lg",color:"gold"}))))),e("udp-tab-panel",{key:"471a56a7d6c01a2690f4d445768856f2b1e30d04",id:"text",activeTabId:this.currentTab},e("div",{key:"1e633f39b3e1dcc414d7f3d3b525b9160db2cffa",style:{display:"flex",flexDirection:"column",gap:"2rem"}},e("h3",{key:"5de23485afe65df129274898174363501e42bacf"},"Text Component - All Variants"),e("div",{key:"4ff6cc7eb098dd90150cebed4ddea92d3013212c"},e("h4",{key:"6a902e48f73f6fd2ec319814ec743db7b340a782"},"Display Variant"),e("udp-text",{key:"acef62c4fda7db942504ecb2e884ddc7d7eb22ff",variant:"display"},"Display Text (h1)")),e("div",{key:"61eadcedee69c40b819826a4e4a92e03dfd2449f"},e("h4",{key:"f590ade708fb42d017046e2118aa799eb51a5691"},"Large Title Variant"),e("udp-text",{key:"b532f6d0aaf49db7aa0a3789813d6a296d0a5401",variant:"largeTitle"},"Large Title Text (h2)")),e("div",{key:"fd6dccfbffbf3175044542481a99696573c98f55"},e("h4",{key:"1b1e2a101ef12ad43b2d53c7ea95516e5a830845"},"Title Variants"),e("udp-text",{key:"3240124338197c4ded60512513ba6bd6fa68686e",variant:"title1"},"Title 1 Text (h3)"),e("udp-text",{key:"44dce98a19cc404762f78181483f80039e60d9ec",variant:"title2"},"Title 2 Text (h4)"),e("udp-text",{key:"abdc383cd4be36ad9eb5c040438c221e199de3ba",variant:"title3"},"Title 3 Text (h5)")),e("div",{key:"41771c664381345589ea21105b290ba2b3a09404"},e("h4",{key:"d28fc88db883a181e7d2a165c68944fe322cc97b"},"Subtitle Variants"),e("udp-text",{key:"ba46a5e1064677c2f5300fd75ba8c45adf9bee99",variant:"subtitle1"},"Subtitle 1 Text (h6, medium weight)"),e("udp-text",{key:"0bc952ab545b33354642e5cd9af2d83fac31cb12",variant:"subtitle2"},"Subtitle 2 Text (h6, semibold weight)")),e("div",{key:"4c95eba2483b636fa3e11fd11186a69a2f4174a7"},e("h4",{key:"8aabec17542a60378eebe4f92f0cbde10d5bc4b1"},"Body Variants"),e("udp-text",{key:"07ac26bb90ffd8c589eeed2c4f3f3b92953e1cba",variant:"body1"},"Body 1 Text (p) - This is the default variant. Lorem ipsum dolor sit amet, consectetur adipiscing elit."),e("udp-text",{key:"413f05881746ce9f46cd6556e0d796e0e9452576",variant:"body1Strong"},"Body 1 Strong - Semibold weight for emphasis."),e("udp-text",{key:"45e302e95c492ec4db14f2c4bc57a67be8331731",variant:"body1Stronger"},"Body 1 Stronger - Bold weight for strong emphasis."),e("udp-text",{key:"60891ea2f4bdd3140d976678a793f7f64a137863",variant:"body2"},"Body 2 Text - Slightly larger than body1.")),e("div",{key:"c2254624baf7ff5f52f035e1f077cfe23fc1d5c5"},e("h4",{key:"af7e6cc35c37420e821ec8cb900884d9429fa44e"},"Caption Variants"),e("udp-text",{key:"29097b5ad8aeacf7fca44a9d701ce644f9bcb5ba",variant:"caption1"},"Caption 1 Text (span, inline)"),e("br",{key:"58e4525489bd8a6daf94b1cc935347cedb612111"}),e("udp-text",{key:"81daeb313d62c34225e4ce29d1701800cfd3c05a",variant:"caption1Strong"},"Caption 1 Strong (semibold)"),e("br",{key:"d9b683d01870f2f11ddde6ec6aff6be7436a64f7"}),e("udp-text",{key:"c0867df8e47aa0d43a84c924cafddd2051f58d3d",variant:"caption1Stronger"},"Caption 1 Stronger (bold)"),e("br",{key:"99a9dbbd754d53f93a3f615876fc6c24cd3b4dfd"}),e("udp-text",{key:"8dddbbe824472dec44bfa4d9009c5725bbad342a",variant:"caption2"},"Caption 2 Text (span, inline, smaller)"),e("br",{key:"ea90994227bfdc4fad84e6ac12333700808a357c"}),e("udp-text",{key:"47084c2285fffe3f5a9de53f2db5c7b54459d2ec",variant:"caption2Strong"},"Caption 2 Strong (semibold)")),e("div",{key:"59bdddec5575a63ccdbbbdaf8f70b9252755c98c"},e("h4",{key:"9e0734307e09a4085c647337b4d5c173c3817b40"},"Text Alignment"),e("udp-text",{key:"29aea473bff9cfee154a36744ecf0a375c0d19e2",variant:"body1",align:"start"},"Aligned to start"),e("udp-text",{key:"2d87e540a75ef43e752aa1066ec94fb523c50188",variant:"body1",align:"center"},"Centered text"),e("udp-text",{key:"54e3d78cf5e5fefad49775c083debd94e75ed89c",variant:"body1",align:"end"},"Aligned to end")),e("div",{key:"aa2394c29efc6d5ec11d6db2e829e68cc4cd4851"},e("h4",{key:"9d2028fc32c998fffc3b1ff9011869dc77f5ead5"},"Text Styling"),e("udp-text",{key:"235c1501afd71ed2dca479d19dd0fa0e55b9ef26",variant:"body1",italic:!0},"Italic text"),e("udp-text",{key:"28a3cdff1c88252a3fd6b44587967d1c11596fa6",variant:"body1",underline:!0},"Underlined text"),e("udp-text",{key:"d9eea48e8c60c7d7744231da7ecaeac283223dc5",variant:"body1",strikethrough:!0},"Strikethrough text"),e("udp-text",{key:"f3514a2f671c3edace30a6d712052237a19a0a32",variant:"body1",weight:"bold"},"Bold text")),e("div",{key:"281306d725bf18e5aa11f14662feb75aad9721e0"},e("h4",{key:"23f3c8e2eac16d5a9bb43fb1792963946e2be22b"},"Custom Semantic Tags"),e("udp-text",{key:"e5ef7c2a3c1355556e2a51abf1f094f26bc2e462",as:"h1"},"text as h1 element"),e("udp-text",{key:"c4f2df5862bdbbcd91cfb6a8a623c28525bd0957",variant:"caption1",as:"p"},"Caption text as paragraph")),e("div",{key:"0a1ebbd5a0961885b543f12d487a5ca52cac57e0"},e("h4",{key:"b289f4567b7f99a913f4c1949de4aee1f88dbba1"},"Font Variants"),e("udp-text",{key:"135e5d9d20806c7d280b0eba2108776b04aed0b2",variant:"body1",font:"base"},"Base font (default)"),e("udp-text",{key:"48906e8aa6d9ea2f10efc722a3b12b1cc5951505",variant:"body1",font:"numeric"},"Numeric font: 1234567890"),e("udp-text",{key:"8a79dbe8fcc8c80002c99d3e201bcb8a7279116e",variant:"body1",font:"monospace"},"Monospace font: const x = 42;")),e("div",{key:"d25677b707f4c0a49012f00d6111786167f8f5be"},e("h4",{key:"f2ecbc915ba2445b9816657572558032ef85b5c6"},"Size Override"),e("udp-text",{key:"2a508d8ddf7b2c968e4e405999b23cd129cee2cc",variant:"body1",size:"200"},"Body variant with size 200"),e("udp-text",{key:"eb37e0dec4fd6d66da85f06a87a271729750fdd7",variant:"body1",size:"600"},"Body variant with size 600"),e("udp-text",{key:"2462846ea539b4f1ec06e41e6c7e896967ca8d4e",variant:"body1",size:"1000"},"Body variant with size 1000")),e("div",{key:"55a5b70a842b2ac38b74b3982a7d6eeae2fa29f7"},e("h4",{key:"97f984363429aea12b614e740a6225a97cb438c7"},"Lists"),e("udp-text",{key:"a229c279bab6b11d969ad97276fa6ce1c4591832",variant:"body1",as:"ul"},e("li",{key:"bc878ae9b273a672ab561a858cf47013fd4c6c4f"},"First list item"),e("li",{key:"24db49505571ef816c51305fdca0c3c5d8ade7bb"},"Second list item"),e("li",{key:"cb9021a8bb3c036e8fe264375271a8587c164bd3"},"Third list item")),e("udp-text",{key:"01836f6efcae5a35a2ead4b59fb399c487268217",variant:"body1",as:"ol"},e("li",{key:"fc184bdf81d7cd33aee1617a4b300a254601e39b"},"First ordered item"),e("li",{key:"7a03ba1729a89c51274ea683617bfa8347929d94"},"Second ordered item"),e("li",{key:"d55e0124eeeaa0dd5d2d725d004ff35436627efb"},"Third ordered item"))))),e("udp-tab-panel",{key:"00aa0d4e2c042bbf12fa4eb9a745c4794954c1e6",id:"menus",activeTabId:this.currentTab},e("div",{key:"811cc275049f45ab679f64998720e89e8264896d",style:{display:"flex",flexDirection:"column",gap:"2rem"}},e("div",{key:"d6f5ca6e7afe5f1985fbdd231448c3ae663d0013"},e("udp-fluent-menu",{key:"a9d41b1041d1f2a48f06da5b92cc9c34825dfc12",items:this.nestedMenuItems,label:"Nested Menu"})),e("div",{key:"097ca2e38c7da71d98f048c019c55491ab695a8f"},e("udp-fluent-menu",{key:"29598112299fc3de48842c32ff411d9ebd4e934b",items:this.sectionedMenuItems,label:"Sectioned Menu",endIconName:"add"})),e("div",{key:"0afa3ae23f102753411af589148e3abdc17d46f5"},e("udp-fluent-menu",{key:"88563137aba8c16cc406090fc3c8bb417064c0f2",items:this.iconMenuItems,label:"Icons & Slots",startIconName:"grid_20_regular"},e("div",{key:"9f86d8231f2ceac2b29292d8082d6a3deaa3b9ed",slot:"slot-test-start",style:{color:"magenta",fontSize:"20px"}},"★"),e("span",{key:"ffde4c595153b108773f080e8742b041c42d26a4",slot:"slot-test-end",style:{backgroundColor:"red",color:"white",borderRadius:"4px",padding:"2px 6px",fontSize:"10px"}},"NEW"),e("span",{key:"c18208462cb7bd71063159ad646caf9c565101cd",slot:"end-slot-item-end",style:{color:"magenta",fontSize:"12px"}},"Custom"))),e("div",{key:"30e7587aee8cfd03becc6d514691aace0f1c2376",style:{display:"flex",justifyContent:"flex-end",border:"1px dashed #ccc",padding:"1rem"}},e("span",{key:"762ca1d47a2db2448a9089bdc469ca436c72933f",style:{marginRight:"auto"}},"Menu Overflow Test (far right):"),e("udp-tooltip",{key:"4fe9598983700ab1143a77ff4ad1b4ce78b33bb7",positioning:"before",content:"More Options"},e("udp-fluent-menu",{key:"d7337245b13d8fa5ae9554fafe06f63c801a4e5f",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:"ddc135648c7f8b71c7a9fbbe6cf2cf3a224f823b"},e("h3",{key:"8a418188d541ab87c59300c1d2179564996a508a"},"New Radio Group Example"),e("udp-fluent-menu",{key:"4a39541816cf1638fdfffb4ad187c9d379cdceb0",items:this.newRadioGroupItems,label:"Select Option",onCheckedChange:e=>console.log("New Radio Group Change:",e.detail)})),e("div",{key:"1557c0ab16fac836450687ccc2834614bf185137",style:{padding:"1rem",border:"1px dashed #ccc"}},e("h3",{key:"40455541289bfbfef536605de4eb303bb0f9ffda"},"Menu at Bottom (Testing onClick handlers)"),e("udp-fluent-menu",{key:"9991dbf2551f8bdb408e5c1a47c8eb07e6e872dd",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:"f7dc12040b1ab6e1802fd21d6c3f038285b9425a",slot:"start",iconName:"add"}))))),e("udp-tab-panel",{key:"3d86c0dd6c19e3cc668d1d84d07b60e04ecd04bb",id:"grids",activeTabId:this.currentTab},e("udp-lazy-loader",{key:"2538d05bffe48b2b3dbb6f620529267502cf97c7",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:"51242bef07ce5451b17f62bce5cc9d3b80abf50b",id:"dialogs",activeTabId:this.currentTab},e("div",{key:"725905abb2a3c7ed23e7d26036a208fada26ce3d"},e("udp-fluent-button",{key:"63eefcb0a4f62c09989969eefdf5b7bf0e4e058f",onClick:()=>this.dialogOpen=!0},"Open Dialog"),e("udp-fluent-dialog",{key:"ac8cb9c6d1db4c5a7c4210b45bb4de74fc81420b",open:this.dialogOpen,dialogTitle:"Example Dialog",onDialogClose:()=>this.dialogOpen=!1},e("div",{key:"8b6afd18ab356bef42452d13414e59f7e48298eb"},"This is a simple dialog example."),e("udp-fluent-button",{key:"51503ca5fe199aa362536c9130fef008de1c109d",slot:"action",onClick:()=>this.dialogOpen=!1},"Custom Close"),e("udp-fluent-button",{key:"4b294c9a5607cf14df8903de901b7cff9339d682",appearance:"primary",slot:"action"},"Confirm")))),e("udp-tab-panel",{key:"dc7f6af08ab6da691afcf82ebc9dce5512eb9ddd",id:"cards",activeTabId:this.currentTab},e("div",{key:"0a55a6c9498ed775ea709eae969594c6f4fa7e82",style:{display:"flex",flexDirection:"column",gap:"2rem",padding:"1rem"}},e("h3",{key:"2595568dac2b549f8dd6137abeba2cdf16c297ee"},"Cards"),e("h4",{key:"56b0092f6d9a7b6da5ed0e6eec087e559948c3e9"},"Basic & Outlined (Default)"),e("div",{key:"21bebe2f6506edd17bfb3dad9976bdc78e488d3a",style:{display:"flex",gap:"1rem",flexWrap:"wrap"}},e("udp-fluent-card",{key:"6108171065bb5c15827aa0a3477119a57f55fbe3",appearance:"filled"},e("div",{key:"4f086ca9005f1859df75c4f48f52e4480a3d0b5e",slot:"header"},e("h3",{key:"8927c10308bb804ef48c97463d7f5339bfd4567a",style:{margin:"0"}},"Basic Card"),e("span",{key:"e988fa7d31762fd614b14fe99b6ec043d183751d",style:{fontSize:"12px",color:"var(--colorNeutralForeground2)"}},"This is a basic outlined card")),e("span",{key:"b7b01fbd8664204a902f9928b0211761a8158d0e"},"Card content goes here. The card handles its own slots for header, preview, and footer."))),e("h4",{key:"b150152d08e9a9e81cd6c2a6355bfe8ba6faf2af"},"Elevated & Media"),e("div",{key:"c7a7cd272f5f583c7cd2499cdaa68c53dbdf97f8",style:{display:"flex",gap:"1rem",flexWrap:"wrap"}},e("udp-fluent-card",{key:"6b368fdedf42fb39a7e8eb3124cdeb1fa3d3ca2b",appearance:"filled",interactive:!0,label:"With shadow & interactive",subtitle:"This card uses the filled appearance and has a preview image."},e("img",{key:"753b9c7c4e65b6203053160ffd3b4ab9b998f822",slot:"preview",src:"https://images.unsplash.com/photo-1557683316-973673baf926?w=600&h=400&fit=crop",alt:"Abstract gradient preview"}),e("span",{key:"83a5a539fea21401b7178454c71d26593ac4694c"},"Card content"),e("div",{key:"794dddb085167b652a610481301fc3f44aabff89",slot:"footer",style:{display:"flex",gap:"8px"}},e("udp-fluent-button",{key:"4ec6cfaff63546f8d6d5ac02777eba7be0c34117",size:"small"},"Action 1"),e("udp-fluent-button",{key:"e79faa72b5e7bfbdd45c29bb47ff148328b5df9d",size:"small",appearance:"outline"},"Action 2"))),e("udp-fluent-card",{key:"1ea2a0741dd7d71cd351ead42755cbbdf7234cdf",appearance:"subtle",label:"Prop provided title",subtitle:"Prop provided subtitle"},e("span",{key:"7ea870fffa152b84e5988fc27c41d28dc13660a6"},"This card uses the subtle appearance. Good for lists or less emphasized content."),e("div",{key:"794f1b2ab96289083b8ef8319b03cc3f1f68f8ba",slot:"footer"},e("udp-fluent-button",{key:"77661994153e89ceca4c29e4a2139665cd67d28a",appearance:"primary"},"Dismiss"))),e("udp-fluent-card",{key:"c788c938e639a6159810d04a37a0b91835878fc7",appearance:"outline",label:"Card with Action",subtitle:"Header action example",width:"320px"},e("udp-fluent-icon-button",{key:"b12ffb2a599acf4fe359afc97a25489273116050",slot:"header-action",iconName:"more_horizontal_20_regular",appearance:"subtle",ariaLabel:"More options",onClick:()=>console.log("More clicked")}),e("span",{key:"333e446b8be61229e08826199143071088e21010"},"This card demonstrates the header-action slot with an icon button.")),e("udp-fluent-card",{key:"9ca29399787df637641f0e6c708d3ecd608f7aeb",appearance:"muted"},e("h4",{key:"29f46d1b38921246004ac2dcf90bde0c9a1162c9",slot:"header",style:{margin:"0"}},"Muted Card"),e("span",{key:"83621f85fda9e172a80eaa1a37896a7cc1054f13"},"Flat with subtle grey shading."))),e("h4",{key:"1355a4872433b49f73a70dbddcb925d95b79f185"},"Horizontal & Sized"),e("div",{key:"92a9983cb7d2ad2c4c98d988fc42682fb1c10c2d",style:{display:"flex",flexDirection:"column",gap:"1rem"}},e("udp-fluent-card",{key:"b39b6d3d70974d82a4fc5b340ce4174e8af98d52",orientation:"horizontal",width:"400px"},e("div",{key:"09c86e6317d5ad50a53a237685b89ae2b22ef45c",slot:"preview",style:{width:"80px",height:"100%",backgroundColor:"var(--colorNeutralBackground3)",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"24px"}},"📷"),e("div",{key:"523ff32c37911b7d94aec06b3ca3b580f255350d",style:{display:"flex",flexDirection:"column",width:"100%"}},e("div",{key:"84383ac693ce128e671054a5b83d95ed2dbccdd7",slot:"header"},e("h4",{key:"d6afc4579edc9b0235f917c418ae01e2e215a80b",style:{margin:"0"}},"Horizontal Card")),e("span",{key:"4b922e7c902907c87caffd8ec9a20a5a4b7e7f37"},"Fixed 400px width."))),e("udp-fluent-card",{key:"1300596ff7cd5f7cdf1bf9b7909095f7c03b547c",width:"300px",appearance:"filled"},e("div",{key:"be7a8e1212f90788d03d0e14cb78d6e3566926ef",slot:"header",style:{display:"flex",justifyContent:"space-between"}},e("span",{key:"a60d78a29413cabba2e8dc5c5e18769e1f686c2d",style:{fontWeight:"600"}},"Fixed Width User"),e("udp-fluent-icon",{key:"06e487b2bc9ed448121958e77e342f42f3ea50e6",name:"person_20_regular"})),e("span",{key:"f51901590639419d21783b77d81c436baad95b2f"},"Fixed width (300px), auto height. Reduced padding is no longer controlled by a prop."))),e("h4",{key:"2571095067154e0ad53c27c4b01fea370c1ce809"},"Complex Interaction"),e("div",{key:"1bc2a80c22ef1e47139a17c2071d91c5503eacd4",style:{display:"flex",gap:"1rem",flexWrap:"wrap"}},e("udp-fluent-card",{key:"8c59fa896755469fcd140c534988d7e3515ba161",interactive:!0,appearance:"outline",onClick:()=>console.log("Card clicked"),style:{width:"280px"},label:"John Doe",subtitle:"Software Engineer"},e("div",{key:"39f25edd39d129952a41f6b6c905f02b5a560981",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:"7d1d02d5716589b4d23fb4d9da35b60987f4ebe1",iconName:"more",slot:"header-action",shape:"circular"}),e("udp-fluent-icon-button",{key:"178e360a683605c216ccb6134349be3f16f5fc82",iconName:"dismiss",slot:"header-action",shape:"circular"}),e("div",{key:"7bfff0201fc4b7189b318e704744e100a887bc12"},"(div) Responsible for maintaining the core design system and ensuring accessibility compliance across all products."),e("udp-typography",{key:"7dd77b5d5610246219a70cbeb2787e86db31c319",variant:"body1"},"(body1) Responsible for maintaining the core design system and ensuring accessibility compliance across all products."),e("udp-typography",{key:"24154f6f130e4a88caa215c60aaa508048affae3",variant:"body2"},"(body2) Responsible for maintaining the core design system and ensuring accessibility compliance across all products."),e("udp-fluent-button",{key:"256b2eb0f470e6be00108569847184da4fb10926",slot:"footer",appearance:"primary",size:"small",onClick:()=>console.log("Profile clicked")},"View Profile"),e("udp-fluent-button",{key:"276c5a37bbe1eee0152a63038d8853021c699b5f",slot:"footer",appearance:"outline",size:"small",onClick:()=>console.log("Help clicked")},"Help Center"))),e("h4",{key:"7fb679f743c43c1f6f5eb3a0cab3e4620d958841"},"Flex Layout (Grid System)"),e("div",{key:"d09f350f46719ed74bbb29d5410d40c86d943769",style:{display:"flex",flexDirection:"column",gap:"1rem"}},e("div",{key:"9a4b53827f20f4e7727afe613821881258ecf5df",style:{display:"flex",gap:"1rem"}},e("div",{key:"5087ba37f7b427d5e27ce3815d32cfcea73fdda9",style:{flex:"1"}},e("udp-fluent-card",{key:"999a31706413774f46ee8d84eef89efd766963c1",width:"100%"},e("div",{key:"36e567e92ad32937ee2f6d81827be5453ead04f3",slot:"header"},e("h3",{key:"da8ad1597f89061b501f8c75c70142e086af826b"},"Card 1 (50%)")),e("span",{key:"3c5683fbe18544fa0a276325f2f3a89985713b81"},"Flex item 1"))),e("div",{key:"33f4d9d1d6572183cbfa262416f70b730a04116f",style:{flex:"1"}},e("udp-fluent-card",{key:"e0fd48da7f1fcc40c048788bf1c377d0fa687fdb",width:"100%"},e("div",{key:"67fc16262e5e33265c137411ef2c3828571d14c2",slot:"header"},e("h3",{key:"bc0785e87a8dab84fc8dbe9ad128449a80bfac46"},"Card 2 (50%)")),e("span",{key:"620a8db35513e472f237bd016bdf4a614f4d3b56"},"Flex item 2")))),e("div",{key:"4cdcc44dfbf5673d9d9d7665120abceafc451d08",style:{display:"flex",gap:"1rem"}},e("div",{key:"49b8283a73fb7ec5d97d0297decdfaffa529bf57",style:{flex:"1"}},e("udp-fluent-card",{key:"1b1e4e15bf4208a284948eb0c911ef2df48061c0",width:"100%"},e("div",{key:"c65051082f6b49f33f5eb10f8d8d2713ba8e573c",slot:"header"},e("h3",{key:"920589078aa2d01f7f6ab311527a2f7b3abada7e"},"Card 3 (33%)")),e("span",{key:"cca6c7694c55e8e90a5e1496242d4a6964ac8e78"},"Flex item 3"))),e("div",{key:"68831e10df853a158f664aa7fee3087169d7a3ae",style:{flex:"1"}},e("udp-fluent-card",{key:"d54be26b74b0fbc34cfc9d55e53194c12b17407f",width:"100%"},e("div",{key:"78e0be3d1634804a22fba85bb4d0864d66f6b8d2",slot:"header"},e("h3",{key:"3c5074904a12c7db3de49067a7472c89bffb693a"},"Card 4 (33%)")),e("span",{key:"35a273d40345f4ce907f8363d3ed2ae5195cfbd5"},"Flex item 4"))),e("div",{key:"72f6b587d3118dfb29b58a3ce9f400c0195827d1",style:{flex:"1"}},e("udp-fluent-card",{key:"15910a63f60e5168273fdb652781dafc919bc148",width:"100%"},e("div",{key:"b9aec09e7606026dc0ef8e3971165066231b2878",slot:"header"},e("h3",{key:"62ab73898a9145b72dea617baaeb1fac43d48fbc"},"Card 5 (33%)")),e("span",{key:"ff83cf070e83d0ba017a19ed7c90b35b4bccdd1d"},"Flex item 5"))))))),e("udp-tab-panel",{key:"c83c84b00e7f6859677366909e124416f5d75780",id:"chips",activeTabId:this.currentTab},e("div",{key:"9d764da04f16fa4e99d486b7a7376a843afb60b6",style:{padding:"24px",display:"flex",flexDirection:"column",gap:"24px"}},e("h4",{key:"66cd71e4bc49b9fbc7abb7ee5446c0f5da46292d"},"Filled Chips"),e("div",{key:"33f70cd71a3d68a1d5a0de47e9add95d41a0c727",style:{display:"flex",gap:"8px",flexWrap:"wrap"}},e("udp-chip",{key:"2f0e3a95889cf0d07aeb9e1a4aa3491e79d445be",label:"Basic Chip",variant:"filled",color:"gray"}),e("udp-chip",{key:"6e42307ea053171b250a515e70a1eed3fd8243f2",label:"Primary",variant:"filled",color:"primary"}),e("udp-chip",{key:"a1464a099862fc5ce68e9ef32ca708a7574b4016",label:"Success",variant:"filled",color:"success"}),e("udp-chip",{key:"db786080322180e7e80b6e578ca483030eed0ccd",label:"Warning",variant:"filled",color:"warning"}),e("udp-chip",{key:"e27fe085fd94d496b2bb12ec8fc94aaa74a81bb0",label:"Error",variant:"filled",color:"error"})),e("h4",{key:"18200481df81a659e6036eca14c735934267a216"},"Outlined Chips"),e("div",{key:"b3ca785718f415a209025d802059a21c7ca90cc3",style:{display:"flex",gap:"8px",flexWrap:"wrap"}},e("udp-chip",{key:"1a8826dfe8425e504962d5bcc799393c13870a69",label:"Basic Chip",variant:"outlined",color:"gray"}),e("udp-chip",{key:"14d626118c70c96e3187ac3eaa00449eb4e02586",label:"Primary",variant:"outlined",color:"primary"}),e("udp-chip",{key:"4e2e400c6febf3b5c21d972b8d63eccc5591ddfc",label:"Success",variant:"outlined",color:"success"}),e("udp-chip",{key:"f6d9ec075b7bbf707bd9e3c99975ae6bf592cdcc",label:"Warning",variant:"outlined",color:"warning"}),e("udp-chip",{key:"6325d228daf9c7f777dd51472dbe3640e7719391",label:"Error",variant:"outlined",color:"error"})),e("h4",{key:"3a693d5725ae00050a2e6229533271773d622ee4"},"With Icons & Deletable"),e("div",{key:"df5f00a9c5390ff61a801675f8e1c51baaa41fcb",style:{display:"flex",gap:"8px",flexWrap:"wrap"}},e("udp-chip",{key:"99471c776f30b22b4b867056a00d908d9b41c9aa",label:"Person",startIcon:"person_20_regular",variant:"filled",color:"primary"}),e("udp-chip",{key:"e234f741fc59c7d17a0ec55a988f3bbd3927ae15",label:"Deletable",variant:"filled",color:"gray",deleteButton:!0,onChipDelete:e=>console.log("Delete:",e.detail)})),e("h4",{key:"068d34fdba279d202cfdceb632381184309f16c1"},"Sizes"),e("div",{key:"045a120603d52676dbf13e647388ff0d2d36ba5f",style:{display:"flex",gap:"8px",flexWrap:"wrap",alignItems:"center"}},e("udp-chip",{key:"1389cdad67ac0bb207ea18c1ec56e6ae1ee0d3da",label:"Medium (Default)",size:"medium"}),e("udp-chip",{key:"4794469a5e5c18240b0bf192e69efeb260b11a4d",label:"Small",size:"small"})))),e("udp-tab-panel",{key:"93ce4dca7cdd5702314d9abdf966b85352f7dc05",id:"forms",activeTabId:this.currentTab},e("div",{key:"25a88487d305507df5b14ad59b895ca29089d78b",style:{padding:"24px",display:"flex",flexDirection:"column",gap:"40px"}},e("div",{key:"563c0a80407a8a19cf56d801845926cf9319b418"},e("h3",{key:"e84c438dcba52b3712cc915560668a1835d958f7"},"1. Registry Pattern (Sidesheet)"),e("p",{key:"d9b12b84dea0dd4fd194155774673482f2359102"},"Button in drawer footer auto-connects to form via ",e("code",{key:"cf89ec3f3e9eac6714e12b5748bce8022f0eca55"},"formId"),"."),e("div",{key:"e412d748183de2907d7d4e74ca918f6477cd00c7",style:{marginTop:"16px"}},e("udp-fluent-button",{key:"bd15ebeea2258b28b2a822a8e33440691e4231b8",appearance:"primary",onClick:()=>this.formDrawerOpen=!0},"Open Registry Form Drawer"))),e("hr",{key:"30bab92c428cd6f8dac812f230bb655749992e08",style:{width:"100%",borderColor:"#eee"}}),e("div",{key:"7afb400d1331621fe2896d888bd6b7aba5941501"},e("h3",{key:"14bfdf7c0498726e38525e9e4034f35b03c2d393"},"2. Legacy Manual Wiring (Sidesheet)"),e("p",{key:"5ad3be3b3343ab94edc9df983eb93fc3c65bdbc9"},"Parent component manually listens to ",e("code",{key:"554ccc9071a86efcfa93b8e29e3857ea5b66d4f2"},"formReady"),", tracks validity state, and calls ",e("code",{key:"fd9eb84d4fdf5b2e698fc2ad42045e2b9d6f1a5d"},"submit()"),"."),e("div",{key:"fb71876302f459d98cd0ec14a6cab284af6158dc",style:{marginTop:"16px"}},e("udp-fluent-button",{key:"daef7bc0c66cee7b7717535c48effc410c3b0934",appearance:"outline",onClick:()=>this.manualDrawerOpen=!0},"Open Manual Form Drawer"))),e("hr",{key:"231e5f84db607ce934b386c6ebc0443e4f58a2e8",style:{width:"100%",borderColor:"#eee"}}),e("div",{key:"a63dfff9f5095b64ec4a1deb4875be4bc28a497c"},e("h3",{key:"4c87d77d111407efce449f73c3419d4e2f848716"},"3. Inline Form"),e("p",{key:"74c1949b283ba152d6e7762f11fb85224fde3a9a"},"Form embedded directly in the page. Uses registry pattern for the external submit button."),e("div",{key:"b47a18972e8365ab53894e3ee9d3f536d476f51a",style:{border:"1px solid #e0e0e0",padding:"24px",borderRadius:"8px"}},e("div",{key:"fc62bdbc4b4c98395328fcb608a68ab30503bd37",style:{marginTop:"16px",display:"flex",justifyContent:"flex-end"}},e("udp-fluent-button",{key:"fb1b33467762690084fb89c940cef18296078f08",appearance:"primary",form:"inline-form",type:"reset"},"Inline Reset")))))),e("udp-tab-panel",{key:"61e89686634fe76e9350632013937d737208077f",id:"calendar",activeTabId:this.currentTab},e("div",{key:"49704f993fc2fc06ce92db321ebacf5dfc1693ce",style:{padding:"24px",display:"flex",flexDirection:"column",gap:"32px"}},e("div",{key:"26ab6757383d77674a37ecf8b8cc70bdb8909c5d"},e("h3",{key:"50359a57f8ffc3b5542c8daa3e707efc7779e105"},"Date Range Selector (Fluent2 Styled)"),e("p",{key:"819ff05f5ed48735cb225ec262fdd7f882a24a4e",style:{color:"var(--colorNeutralForeground2)",marginBottom:"8px"}},"Calendar component with month/year view navigation. Click the header to switch views.")),e("div",{key:"5be49864f0da152a0aa13655a175f8df10515bd3",style:{display:"flex",gap:"48px",flexWrap:"wrap"}},e("div",{key:"8331dbf3d5243cf65b89352ac1e9dccd7e4c9a7f"},e("h4",{key:"0a4567db569b2f64e591c3e3d6ec3f04bad61e0c",style:{marginBottom:"8px"}},"Single Date (sm)"),e("udp-date-range-selector",{key:"1ffe7b59f29b96b16f1080d5ec210a1b17afed1f",variant:"single",monthsToDisplay:1,size:"sm",onChange:e=>this.singleDateValue=e.detail}),e("p",{key:"9a79abef6b2cbd876f4a1796d9f70c4f26354de8",style:{fontSize:"12px",color:"var(--colorNeutralForeground3)",marginTop:"8px"}},"Value: ",e("code",{key:"ba17be496aca143e1f7909e2cbe8d9140c97c0bf"},this.singleDateValue||"(none)"))),e("div",{key:"e5740190143ed4a7e99323ba551175580f3db7ba"},e("h4",{key:"9ee922a42dbf1f6c7daf05ad4a437c63d3bde49e",style:{marginBottom:"8px"}},"Multi-Select (md)"),e("udp-date-range-selector",{key:"8f7268dfedc24418e3be00184ee4f419f2ebcd6a",variant:"multi",monthsToDisplay:1,size:"md",onChange:e=>this.multiDateValue=e.detail}),e("p",{key:"f402cb1fcec98bbc7136f2151b986f79bedf0233",style:{fontSize:"12px",color:"var(--colorNeutralForeground3)",marginTop:"8px"}},"Value: ",e("code",{key:"2372bd6f684c3564cddab0869246521460b58a77"},this.multiDateValue||"(none)")))),e("div",{key:"e7e402f05eb8c0ed5f0a51db54b416354407f1f5"},e("h4",{key:"a86039086489fbf3b9bd978ddd397f98a47d0e11",style:{marginBottom:"8px"}},"Date Range (lg, 2 months)"),e("udp-date-range-selector",{key:"11c20cb966cb31a77b072ad797ce5e6259104077",variant:"range",monthsToDisplay:2,size:"lg",orientation:"horizontal",onChange:e=>this.rangeDateValue=e.detail}),e("p",{key:"6869b15724417c91d4dc1f924d84a8cd867ddc5b",style:{fontSize:"12px",color:"var(--colorNeutralForeground3)",marginTop:"8px"}},"Value: ",e("code",{key:"6dd57cd5898842d4477dcb4e91ad336f54e371e6"},this.rangeDateValue||"(none)"))),e("div",{key:"9feff639a5332138cd796d350ed6a3fb5708054c"},e("h3",{key:"bf46d5c832b554d6e5b9ad2bf582f8872c7a8b46",style:{marginTop:"16px"}},"Date Picker (Native)"),e("p",{key:"bea185821776af8dd3be6e84b981406ad9cd926d",style:{color:"var(--colorNeutralForeground2)",marginBottom:"16px"}},"For simple single date selection, the native date input provides quick month/year navigation."),e("div",{key:"f9345778523c6b9aedfcf17351d9da9629268e8b",style:{display:"flex",gap:"24px",flexWrap:"wrap"}},e("udp-date-input",{key:"aff5ff6dd3db6a62bf77074561b558ebbc8bf0e3",label:"Date",appearance:"outline"}),e("udp-date-input",{key:"393030f81ef27f1d45d2d3e36e90da895b34d4d5",label:"Date & Time",appearance:"outline"}))),e("div",{key:"cd364363a855743baaecfcad08251581733dbced"},e("h3",{key:"b582dab5e47b6641c57dc1d17c38d9befc642d7c",style:{marginTop:"24px"}},"Popover Component"),e("p",{key:"18dc0b1b855fd8bcda569aa90c51b11c0278d716",style:{color:"var(--colorNeutralForeground2)",marginBottom:"16px"}},"Generic popover using native Popover API and CSS Anchor Positioning."),e("div",{key:"11db1169f312e258ad23c65c47a5d64238c5a994",style:{display:"flex",gap:"24px",flexWrap:"wrap",alignItems:"flex-start"}},e("udp-popover",{key:"8c98c9b3181201ac94c5f36d93bec10a2a290d31",position:"bottom-start"},e("udp-fluent-button",{key:"15ac1e47ef454dd885d93b1529cc304fbf36c3bd",slot:"trigger",appearance:"outline"},"Open Popover"),e("div",{key:"46ab7f7326402ebdb7261db318a9cb986debe1ea",slot:"content",style:{padding:"16px",minWidth:"200px"}},e("p",{key:"36d2b9dd8dac25e3f87e3679724d2a6adee754d2",style:{margin:"0 0 8px 0",fontWeight:"600"}},"Popover Title"),e("p",{key:"b7658dbc7ab1d569f0a439224fd4b9958437f20f",style:{margin:"0",color:"var(--colorNeutralForeground2)"}},"This is popover content. Click outside to close."))),e("udp-popover",{key:"ed8f7bad51ad45253d133b65b68d42cec3193e9c",position:"bottom-start"},e("udp-fluent-button",{key:"1175020edc0282321cce9c26141c3b86a839a10e",slot:"trigger",appearance:"primary",startIconName:"calendar"},"Date Picker Popover"),e("div",{key:"258e8ad14deda563edb4e3ce70050a377a8e7cfc",slot:"content",style:{padding:"8px"}},e("udp-date-range-selector",{key:"9683d7d0564786fcbf20b41ea6be2cbd6850c231",variant:"single",monthsToDisplay:1,size:"sm"}))),e("udp-popover",{key:"ce0a4b2a3d1ace61dff29a602981b5b3518b66ec",position:"right"},e("udp-fluent-button",{key:"53fe67d3b383acad747218d73a3c4ff257c9a11c",slot:"trigger",appearance:"subtle"},"Right Position"),e("div",{key:"c74c4d8de02bcc745ccede3fbf4262315feab808",slot:"content",style:{padding:"12px",minWidth:"150px"}},"Positioned to the right")))))),e("udp-tab-panel",{key:"e4f5157eb6e8ff9668f127e81f7358fbee2506cd",id:"popover",activeTabId:this.currentTab},e("div",{key:"0790f3bcd82f87a21c64054337e4b8e071a0c66c",style:{padding:"24px",display:"flex",flexDirection:"column",gap:"32px"}},e("div",{key:"fae5fee6838abbf7feb31e3e31c22dbd2bc47862"},e("h3",{key:"902bdfc44622fcc730cb4045a4de850f2e48c824"},"Popover Component"),e("p",{key:"37cc9952de48816764b37e2fca496889d47850c8",style:{color:"var(--colorNeutralForeground2)",marginBottom:"8px"}},"Generic popover using native Popover API with JavaScript positioning. Follows Fluent 2 Design System guidelines.")),e("div",{key:"83069ec9d611a0add25c83df47eb5ddb3a3f3ada"},e("h4",{key:"ec3bc512ca7c699204787b8ff82d31c6febb1033"},"Basic Usage"),e("div",{key:"931c76864583362b5dbc9cceb7938be0a31e7ce2",style:{display:"flex",gap:"16px",flexWrap:"wrap"}},e("udp-popover",{key:"9f2f5eedcdf222c9f0f9e6a05e30c4689abdf6dc"},e("udp-fluent-button",{key:"e09829dcfa3c7856f8170c9b3a7f22c466a517b0",slot:"trigger"},"Default Popover"),e("div",{key:"69c389a4877028a0a59a18f14ba6fcf130b9c3dc",slot:"content"},e("h4",{key:"b7eb0dd899f8f672e5f44a57efbeea24473a64e6",style:{marginTop:"0px"}},"Popover Title"),e("p",{key:"3e56a7f7c8c6583b5f289f141cbf855414e082e6",style:{marginBottom:"0px"}},"This is popover content. Click outside to close."))),e("udp-popover",{key:"29c53e399dc79389f2f8bc5bae5196ee48f32896",position:"top"},e("udp-fluent-button",{key:"1a0e6b7169200b8fc8f4d7869b64c148af3cc110",slot:"trigger",appearance:"outline"},"Top Position"),e("div",{key:"8624ebd63f689cc5fb4f3acec323f4958289ab7a",slot:"content"},e("p",{key:"47319bf4c85d0fa78b03aa350171a30d789562e3",style:{margin:"0px"}},"Positioned above the trigger"))),e("udp-popover",{key:"038f0fb75dcd33c4c833cd992a97edfac4845862",position:"right"},e("udp-fluent-button",{key:"d56d0aa2e7e3d2ed951c9c3cf2910305e185a274",slot:"trigger",appearance:"subtle"},"Right Position"),e("div",{key:"0b5c4d242ad57687e2be3fd91376df4b420e9032",slot:"content"},e("p",{key:"14119b5e9ac8d53afa6898786e1951ef8edc8461",style:{margin:"0px"}},"Positioned to the right"))))),e("div",{key:"a14cc950f54fb1c3988374547b13b8e274971bba"},e("h4",{key:"d20264be3da6484394970b191ece9ae94dccac52"},"With Arrow"),e("p",{key:"fbb156ffef71d2d84c67b8da8101845df8b43290",style:{fontSize:"14px",color:"var(--colorNeutralForeground3)"}},"Display an arrow pointing from the popover to the trigger."),e("div",{key:"27b295af57675a85f2baab3411e589918427c4c6",style:{display:"flex",gap:"16px",flexWrap:"wrap"}},e("udp-popover",{key:"fd8af2dd5c1b8615816fd088754e785e7548b417","with-arrow":!0},e("udp-fluent-button",{key:"7493d1bb8db7cab27abf4ca2e1caec47288c2703",slot:"trigger"},"Default Arrow"),e("div",{key:"07e3fc5e1fc297eb4db8e14cdce0e09d16195860",slot:"content"},e("p",{key:"6528cffe6e0b6326564c331d7fa1f8e8c71bc44e",style:{margin:"0px"}},"Popover with arrow"))),e("udp-popover",{key:"f8ad54b9e03a02d5496878580dc7391c0587a130","with-arrow":!0},e("udp-fluent-button",{key:"15b61f01b62a6cfff686cf75972a7f03f6f2b795",slot:"trigger",appearance:"primary"},"Brand Arrow"),e("div",{key:"3b68c7785a9a83481b455072858e845e547d8991",slot:"content"},e("p",{key:"c8ed278e15671af6d42a2881585e05d5d9f8e868",style:{margin:"0px"}},"Brand popover with arrow"))),e("udp-popover",{key:"8508556c3ec46164738962d9e19967e891742a74","with-arrow":!0,position:"top"},e("udp-fluent-button",{key:"575fda41f01ec13245f1e6f6dc96edd27954cc71",slot:"trigger",appearance:"outline"},"Top Arrow"),e("div",{key:"b76ee96f677046a69e64338eb854226cd75ef649",slot:"content"},e("p",{key:"6ad8b241d1806d55fbe80cda290814c14ce96a3f",style:{margin:"0px"}},"Arrow on top position"))))),e("div",{key:"a995e01d346098aff0ea4da8e985b81d01709a18"},e("h4",{key:"24569c43eb3547871a76cadc7dd1b7db1e8d65e9"},"Size Constraints"),e("p",{key:"df9f5e5e3ab9d85b5126f6a4e4707d6450475153",style:{fontSize:"14px",color:"var(--colorNeutralForeground3)"}},"Optional max-width constraints. Without size, popover grows to fit content."),e("div",{key:"058cab97656ef6d008d0fcf352da7ad4ee895758",style:{display:"flex",gap:"16px",flexWrap:"wrap"}},e("udp-popover",{key:"c76eec4eb38c02463d9d91a8c40a13bfe90fb3dc",size:"small"},e("udp-fluent-button",{key:"bbe3661c263bf8b56e801a7cb18ee8c9c79866e7",slot:"trigger"},"Small (320px)"),e("div",{key:"ff518658eb7e2804ba4d1ab1f0db1e1061cf928c",slot:"content"},e("p",{key:"e52e930eb6fda8444f576b7626640a8e0c6344af",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:"a1809fe516b8f6eac2b10bb5d0b5fb9ab15d693d",size:"medium"},e("udp-fluent-button",{key:"978c7c7b0caf1d284aa6221bd5696b1614639ceb",slot:"trigger"},"Medium (480px)"),e("div",{key:"9726b56eedf7c273dd190b6dcd5d6a023ac7d4d8",slot:"content"},e("p",{key:"9024a90179d963de5f27ff6170841c0685957be7",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:"12539d539f1ae37218ab0ca203ff23f31dcac266",size:"large"},e("udp-fluent-button",{key:"ad800a181358fd75fa4131108a2c6adc85744663",slot:"trigger"},"Large (640px)"),e("div",{key:"1daec25ea4fea5cd7659150f6c492cb156607af4",slot:"content"},e("p",{key:"dfd408bf27b29206c582afba19e9a56bd5612cec",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:"d6c9e911925445901897174c3ffc6bc68b7137e3"},e("h4",{key:"96beeeb7e0a3d9cb6842c4fbfff9fca54d0fb55c"},"Trap Focus (Accessibility)"),e("p",{key:"317cdff948817702ffad570d0ae302b36363d6f5",style:{fontSize:"14px",color:"var(--colorNeutralForeground3)"}},"When trapFocus is enabled, keyboard navigation is restricted to the popover."),e("div",{key:"71c801dee731e5a0ce6ec4cda6c977e695d1ccbb",style:{display:"flex",gap:"16px",flexWrap:"wrap"}},e("udp-popover",{key:"042208da25a9af2efa791e799ff5d232ba159474",trapFocus:!0},e("udp-fluent-button",{key:"457fcf45360710ff812ad0e51850bc5be843ddf0",slot:"trigger"},"Trap Focus"),e("div",{key:"371205b9c43fdf0c3d402af1ffa7db8dc3a536db",slot:"content"},e("h4",{key:"df919d8d45e8f5a38077281ab4b48b75149e3f3f",style:{marginTop:"0px"}},"Modal Popover"),e("p",{key:"0ba6d6d73efccb08ae2cdd052d55c675f266ad1f"},"This popover traps focus. Press Escape to close."),e("div",{key:"a860d51d751775ddd8fc5b3503362e2f069f5c52",style:{display:"flex",gap:"8px"}},e("udp-fluent-button",{key:"8410ca23c2dbaf87e7ef2aa7068a4fe2c9cb2e2e",size:"small"},"Action 1"),e("udp-fluent-button",{key:"268d7602f036ec22f0b71e9ae6a18aba3d305000",size:"small",appearance:"outline"},"Action 2")))))),e("div",{key:"6078c1c812d4ba2cbaa6a0d91273dc1f9caff529"},e("h4",{key:"9490cfa81d01ea1fad516e2f9688b59be4464017"},"Advanced Examples"),e("div",{key:"6a20d1a1632b55e1da0b2e20bd87aaa6e459a947",style:{display:"flex",gap:"16px",flexWrap:"wrap"}},e("udp-popover",{key:"7c36c26e7370322ad9aa2293a4c7f17e5d46a156",position:"bottom-start","with-arrow":!0},e("udp-fluent-button",{key:"f6ee5481d2461a1b5c08e656e0749d8a9b2edc98",slot:"trigger",startIconName:"calendar"},"Date Picker"),e("div",{key:"1b825d40bd47fdfb8aa5a388a9a7e62379321f96",slot:"content",style:{padding:"8px"}},e("udp-date-range-selector",{key:"e091fb5c908deb5f5beae484f13bb6e717e0f8e9",variant:"single",monthsToDisplay:1,size:"sm"}))),e("udp-popover",{key:"29a36bdfe2804f43f31e143f7f7b254df97f0c39",size:"medium","with-arrow":!0},e("udp-fluent-button",{key:"bda0a0ca7829640a8abac677f1b1df326091d0b0",slot:"trigger"},"Rich Content"),e("div",{key:"a3cf9b20d7157115ddc497ec38a64532ea11adfd",slot:"content"},e("h4",{key:"78decf58ba187d3e440ce9a1b80a72a593729a90",style:{marginTop:"0px"}},"Feature Update"),e("p",{key:"6f64e6015aafa3e9fded28008986a06eb6db40f0",style:{fontSize:"14px"}},"New features are now available! Check out the latest updates to improve your workflow."),e("udp-fluent-button",{key:"221db8b4a9fa6cda03dfe1ba787417416eab317c",size:"small"},"Learn More"))),e("udp-popover",{key:"61b85f5f65ce2b883d7b64963be7cb17c89309d9","close-on-scroll":!0},e("udp-fluent-button",{key:"a3f4648ddc3353ed1763ab8eb0384284a7b7b634",slot:"trigger"},"Closes on Scroll"),e("div",{key:"788efbf17e6408a700d587ebe5f1368a144c6c5e",slot:"content"},e("p",{key:"5c4f8d1c85be5ca3ab4a7327526c8d28ee22ff0f",style:{margin:"0px"}},"This popover will close when you scroll the page."))))))))),e("udp-fluent-drawer",{key:"6ecdb86841649b2634f493db3c68484e1a6afb25",open:this.drawerOpen,onDrawerClose:()=>this.drawerOpen=!1,drawerTitle:"Drawer Title"},e("udp-lazy-loader",{key:"ec642c7e70f95e9c10aadbd1b1fdc567e8b8b60e",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:"f322c55a40076aab178eea5785e3a8f89e80a9d3",open:this.formDrawerOpen,onDrawerClose:()=>this.formDrawerOpen=!1,drawerTitle:"Sample Form",size:"large"},e("udp-lazy-loader",{key:"db095a1edf2b9d96f90d23bac537d27e1fa15c6a",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:"f15f61f3567ff6dc8d5d95372ed18064e6a82473",appearance:"primary",slot:"footer",form:"registry-drawer-form",type:"submit"},"Submit Form"),e("udp-fluent-button",{key:"6336a877c5573b9f74377ed04d63eeda9b77a452",slot:"footer",form:"registry-drawer-form",type:"reset"},"Reset Form")),e("udp-fluent-drawer",{key:"8144a51ef212b4de0834d8e39aa5ab98ebadd567",open:this.manualDrawerOpen,onDrawerClose:()=>this.manualDrawerOpen=!1,drawerTitle:"Form (Manual Wiring)"},e("udp-lazy-loader",{key:"3d6b8930fa2f66ee7da3716e8eea9739ccc1ce94",if:this.manualDrawerOpen,content:()=>e("test-form",{handleSubmit:this.handleSubmit,onFormReady:this.handleManualFormReady})}),e("udp-fluent-button",{key:"07b4a0dd52f742aa3d5ab502b812dbde644f2a04",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:"d49d81a77336a937ae737243fade81c91a692a75",open:this.drawerDialogOpen,dialogTitle:"Dialog from Drawer",onDialogClose:()=>this.drawerDialogOpen=!1},e("div",{key:"be85b912b653656c3deb6a6a008b698788b1d264"},"This dialog was opened from inside the drawer!"),e("div",{key:"226c017a93e0da8f4893059eeef2fd1ed441daa1"},e("p",{key:"99f7f7bed3024e4fba883e01cc07585e208a9c31"},"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:"744bb09155ae63446d72b59f849e18c338eb30fd"},"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:"f2828044200ba3cf8f2fc719ec5f8811cc54f6dd"},"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:"1e2e6f52a0739446dd3fa314ef7d7b35046e3f27",slot:"action",onClick:()=>this.drawerDialogOpen=!1},"Close"),e("udp-fluent-button",{key:"e2837943d9918bdfa016a609823250adfd0e94cc",appearance:"primary",slot:"action"},"Confirm")),e("udp-fluent-drawer",{key:"671165fe9ca8af35d26aacbc8ef8fa994834f8a6",open:this.secondDrawerOpen,onDrawerClose:()=>this.secondDrawerOpen=!1,drawerTitle:"Second Drawer (Nested)",size:"medium"},e("div",{key:"aae8fd0b613469f9b5ee3edc8f4532aabc3dee2b",style:{display:"flex",flexDirection:"column",gap:"16px",padding:"16px"}},e("p",{key:"c2699ba856ea6b5b42c763643573e4864c680914"},"This is the second drawer opened from within the first drawer."),e("div",{key:"8eb4a76293cf590d0aae1b73362b9da0ef8e235f",style:{display:"flex",gap:"8px",flexWrap:"wrap"}},e("udp-fluent-button",{key:"3f631e6f4d8f25929d7b340c57dfd76e8b5824d7",onClick:()=>this.secondDrawerDialogOpen=!0},"Open Dialog from Second Drawer"),e("udp-fluent-button",{key:"386b7e6f8eb5c9b21e19deb86226a357fdb8c8ac",appearance:"outline",onClick:()=>this.thirdDrawerOpen=!0},"Open Third Drawer")),e("p",{key:"fa4b0ea7fd56f38a1c7c554b8f282075bb2aceb5"},"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:"fa4511d7ed24b65534c81cb7ea39a01f9059f354"},"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:"f3227905a61113a1ffcf684cc403c49c727789e7"},"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:"3a22d6acff8e3d659780a4d6c60737bd224834a2"},"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:"aa727f7ef1076a84cc0027b304aa0f776b26a0e7"},"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:"e92e241234b7f87a5ee20842549f7f153fe0a973",appearance:"primary",slot:"footer",onClick:()=>this.secondDrawerOpen=!1},"Close Second Drawer")),e("udp-fluent-drawer",{key:"b156a016bee30cb3482582b896b375723de717cd",open:this.thirdDrawerOpen,onDrawerClose:()=>this.thirdDrawerOpen=!1,drawerTitle:"Third Drawer (Deeply Nested)",size:"small"},e("div",{key:"4225d763b8d8423d742cd9bb8d7244589f4291de",style:{padding:"16px"}},e("p",{key:"5dc33a244057589e3727f28042ef156223e86e5e"},"This is the third drawer! Three levels deep."),e("p",{key:"41c02615fb6c1a565a051836886175a6f22d49a1",style:{fontSize:"14px",color:"var(--colorNeutralForeground2)"}},"Testing the drawer stacking and body scroll lock mechanism with multiple drawers."),e("p",{key:"cecf2b0fb5ce3c2c971bdec99e4a47c2b974e2be"},"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:"01d310de5496eb58817e47480b9fe9dbfe8ced28"},"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:"1c4174e92c66f10338b8d96b9c7e63efa65e8cf7"},"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:"270d3de261d06e3aaa9bacb89fb5d2cc8879cb52"},"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:"43d1a028934c5501f710355c7e5338119ddf496d"},"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:"e467504fda19d0e85041d8300cc970c5dccc970d",appearance:"primary",slot:"footer",onClick:()=>this.thirdDrawerOpen=!1},"Close Third Drawer")),e("udp-fluent-dialog",{key:"01112cb144df8ea78d76098e71caa206ad9d3954",open:this.secondDrawerDialogOpen,dialogTitle:"Dialog from Second Drawer",onDialogClose:()=>this.secondDrawerDialogOpen=!1},e("div",{key:"444b505efe77b882d9159ed62ee4b6fefdcdfc7b"},"This dialog was opened from the second drawer!"),e("p",{key:"db5c1b0af0cdcd87ca7d540a63ede5d6c8493442"},"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:"41c486e46bff47d23db86113c58edd1e85c2fbb3"},"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:"2cc8f8196054e826fd5539e38bd9229987f4c123"},"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:"cfeab7536777e88636e24d322d1a3d1cf72ef6e0",slot:"action",onClick:()=>this.secondDrawerDialogOpen=!1},"Close"),e("udp-fluent-button",{key:"76cdbd3b247fc9cace656080dd3cccf6fd3ec9a2",appearance:"primary",slot:"action"},"Confirm")))}},ie=e=>{if(e&&!e.includes("!"))return"You must include an exclamation mark (!)"},ae=[{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"}],oe=[{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"}],re=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 C("POST",`${S.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:"90391ce20d206b061c9aed4ed44e0045cc519f4c"},e("udp-form-component",{key:"966158e7b0e782ff2cdad1971364f4358ebef3f9",formId:this.formId,validate:this.validateForm,onFormReady:this.handleFormReady,onSubmit:this.handleFormSubmit,initialValues:this.formData},e("udp-flexbox",{key:"9750369ab5fc9bf62aa2837c0d4719fc581cea6a"},e("udp-flexbox",{key:"2e14bce7852757cd370d87cbc318cc55b2d367fd",style:{display:"none"}},e("h3",{key:"42c7937c6504044bd7cb95df967cc2ba2bb340b7",style:{margin:"0 0 1rem 0",fontSize:"16px",fontWeight:"600"}},"Global Property Controls"),e("udp-flexbox",{key:"e1b83db9e20abdd80a529f8f2ea583831af27fda"},e("udp-fluent-dropdown",{key:"1122133a7b35c165b59a707cace17288d47b4540",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:"476776105d13367ca4da663e6f014b6bef74d977",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:"5f5d69c80cf12a42ac608e3c5d0cd4aa2d461633",label:"Required",labelPosition:"after",checked:this.controlRequired,onValueChanged:e=>this.controlRequired=e.detail}),e("udp-fluent-switch",{key:"1e4c4bab9ab64cf8debff816a1b23fcb790bc64c",label:"Disabled",labelPosition:"after",checked:this.controlDisabled,onValueChanged:e=>this.controlDisabled=e.detail}),e("udp-fluent-switch",{key:"dba8f803f092a7e67d14f624681eb54675c998e6",label:"Readonly",labelPosition:"after",checked:this.controlReadonly,onValueChanged:e=>this.controlReadonly=e.detail})),e("p",{key:"56c2a9cfc24c23b0f9fafba885e103205552aecf",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:"9d0adee1a1b4e390fb390aac5dab4345bc915b0a",name:"searchText"},e("udp-search-input",{key:"edf5cbc9df90d0d696f206044b74053d673ce7a2",disabled:this.controlDisabled,readonly:this.controlReadonly,appearance:this.controlAppearance,controlSize:this.controlSize,placeholder:"Search for something...",includeErrorPadding:!1})),e("udp-field",{key:"5106ee14dc81f6623d4a8bedecdab36956b9028f",name:"firstName"},e("udp-fluent-text-input",{key:"e18a9f664e288cd5b9793dcc49ada51221e6ef53",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:"5558b1d613c96d4d4a4f582030fe2932b6324f36",style:{display:"flex",gap:"1rem",flexDirection:"row",flex:"1"}},e("udp-field",{key:"869dfecdc31fc8d040bc83f8f9eaec1a104b3742",name:"email"},e("udp-fluent-text-input",{key:"9cabdd41d05a6ac545531e8e954029e2d5656053",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:"39beae52238517b5af0318303cd52504b8fad2e9",name:"age"},e("udp-fluent-text-input",{key:"8b924842d5cd64a9d7436e1e25bcd37004f10b5a",label:"Age",type:"number",required:!0,disabled:this.controlDisabled,readonly:this.controlReadonly,appearance:this.controlAppearance,controlSize:this.controlSize}))),e("udp-field",{key:"d99e8ae2a9cb6bf4818a7ef6e2b7f779db03a06d",name:"birthday"},e("udp-date-input",{key:"e01f7f51ce699eaadbd5cd48750f3bbad18dff44",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:"c5c5e30c28597dd17ee90c7e77bcf2ce0693e596",name:"appointment"},e("udp-date-time-input",{key:"6c60357d55106c17d6c6c1e90789d70b77f96f2c",label:"Appointment (Combined Date/Time)",required:!0,disabled:this.controlDisabled,appearance:this.controlAppearance,controlSize:this.controlSize})),e("div",{key:"f5564675f6161e678555b32b334d4914982f0e8d",style:{display:"flex",gap:"1rem",flexDirection:"row",flex:"1"}},e("udp-field",{key:"9fb5b7e2478736a5e802feba23f6740747007611",name:"startTime"},e("udp-time-input",{key:"22ca80c085d11224fb9e21f2d11097c2e9745854",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:"312062f3194b1c9926a8d13c9f49aecb9521fc27",name:"endTime",validate:()=>"always invalid"},e("udp-time-input",{key:"01685e84c9b5441de23cb327f4e0d75b46338060",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:"09734acbc8da82e9dd10ecf1ffe950b08cb7ac8b",name:"bio"},e("udp-textarea",{key:"c4353710bea39b7f3cc614a5b48731a695daa732",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:"d3fea9ca39ffbe2d118b74dc09c92b23c970461c",name:"exclamation",validate:ie},e("udp-fluent-text-input",{key:"4c34bb77f672803850835acf2ff4c5b9e0fbb54f",label:"Exclamation",hint:"exclamation mark please",required:!0,disabled:this.controlDisabled,readonly:this.controlReadonly,appearance:this.controlAppearance,controlSize:this.controlSize})),e("udp-field",{key:"4411687ae430049c2efbca70c695dc7e0a7eaa19",name:"favoriteAnimal"},e("udp-fluent-dropdown",{key:"a8da2e7cd2305ab3d632a39d0232c268c2fa3093",placeholder:"Select an animal",label:"Favorite Animal (Dropdown)",appearance:this.controlAppearance,disabled:this.controlDisabled,required:!0,optionValue:"value",optionLabel:e=>e.label,options:ae,controlSize:this.controlSize})),e("udp-field",{key:"a272da91ac489c39a70b69a2595e2bfb55b1174f",name:"favoriteAnimalAutoComplete"},e("udp-autocomplete",{key:"e124d5ed4b9f017efe642dd2509339bffbe98fee",placeholder:"Select an animal",label:"Favorite Animal",appearance:this.controlAppearance,disabled:this.controlDisabled,required:!0,optionValue:"value",optionLabel:e=>e.label,options:ae,controlSize:this.controlSize,popupHint:"Select an animal"})),e("udp-field",{key:"2c366d44a9c63b56559611d373b8ceeebbde42e1",name:"serverSideUser"},e("udp-autocomplete",{key:"73cc4a4bbb304d22b7d23f4413167cf3492150be",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:"7f08f76a0d494d7130ccfc89f3366153740fe157",name:"newsletter"},e("udp-fluent-checkbox",{key:"dbe4f84da05d0115937a06a6522bbcfde971511a",label:"Subscribe to newsletter",hint:"We will only send you emails about important updates",disabled:this.controlDisabled,controlSize:this.controlSize})),e("udp-field",{key:"d8de1af92eff04488fe9428f9170186cc15f1ae2",name:"commitment"},e("udp-slider",{key:"ea04f66918ef172550a11b6927353dcc9d3e3b23",label:"Commitment Level",disabled:this.controlDisabled})),e("udp-field",{key:"36bbdfde9f86b40683771b5e8ed0c0c41ae57614",name:"active"},e("udp-fluent-switch",{key:"7bb796511487f899e8ff6b74f481a2c6e7aa4d53",label:"Active",labelPosition:"after",disabled:this.controlDisabled})),e("udp-field",{key:"3b4e6b8a136e3133997a9d432eeb53d22aff6f73",name:"favoriteColor"},e("udp-fluent-radio-group",{key:"900f2dda2755a9529a86ec780a7bfd7e9256a6a5",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:"804b8d8a03d97787c677b39e185c3521ada50132",name:"swatchColor"},e("udp-swatch-picker",{key:"5f582e1a8ab98d69a1b754c33a810a6d6aabb163",label:"Pick a Color (Swatch)",hint:"Pick a color",swatches:oe,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)})))))}},ne=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)}};ne.style=":host{color:var(--colorNeutralForeground1)}";const se="udp-ambient-tool-tip-styles",de=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=z(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(se)){const e=document.createElement("style");e.id=se,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:"213f2dd7bcd6470d4a5bf6ae953fbcdd2ec775dc",class:"tooltip-wrapper",ref:e=>this.wrapperEl=e,onMouseOver:this.showTooltip,onMouseOut:this.hideTooltip},e("slot",{key:"9088f10428a250bd218c8429722b2395927d5b11"}),t&&e("div",{key:"235f0deab48ed2764980d391bd12781be7778183",class:"udp-tooltip-portal",role:"tooltip",ref:e=>this.tooltipContentEl=e},e("unity-typography",{key:"6c068bf0a81a9e754afc7c19ceb86bb1f348b839",variant:"caption-text"},this.content)))}};de.style=".tooltip-wrapper{display:inline-block}";const le=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.freeForm=!1,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 r=this.dropdownRef;r.open?(r.open=!1,null===(i=null===(t=r.listbox)||void 0===t?void 0:t.hidePopover)||void 0===i||i.call(t)):(e||(r.open=!0,null===(o=null===(a=r.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:[],r=o.some((e=>this.getOptionValue(e)===a))?o.filter((e=>this.getOptionValue(e)!==a)):[...o,i];this.valueChanged.emit(r)}}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)},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(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(),r=new Set(o.map((e=>this.getOptionValue(e)))),n=Array.isArray(this.value)?this.value.filter((e=>{const t=this.getOptionValue(e);return!r.has(t)&&!a.has(t)})):[];this.valueChanged.emit([...n,...i]),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))}getDisplayOptions(){return this.datasource||this.searchFunction?this.fetchedOptions:this.options}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}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,r;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!==(r=t.size)&&void 0!==r?r:"small",startIconName:t.startIconName,endIconName:t.endIconName},t.label)})))}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 r=await fetch(i,o);if(!r.ok)throw new Error("Network response was not ok");const n=await r.json();return Array.isArray(n)?n:n.items||n.options||[]}return[]})(e,t,this.searchFunction,this.datasource).then((e=>{this.fetchedOptions=e,requestAnimationFrame((()=>this.valueHandler()))})).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(),r=new Map,n=new Map;let s=0;null==o||o.forEach((e=>{var t;const i=this.getOptionValue(e),a=this.isOptionVisible(e);if(r.set(i,a),a){s++;const i=this.getOptionGroup(e);i&&n.set(i,(null!==(t=n.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:"c9b2c93ba3b25184923590f9d24fc7e4810d48b5",class:{"has-error":t}},e("fluent-field",{key:"d56d34fe6ce07399582f4ea97387628bd86422c6",class:{"no-label":!this.label&&!this.multiple,"no-message":!i&&!this.includeErrorPadding}},e("div",{key:"8efbd0cab91921b0d53aacbf287bce45c3ac73f5",class:"label-content",onClick:()=>this.handleTogglePopover(!1),slot:"label"},this.label&&e("fluent-label",{key:"8d601f926907f2fa650bb511c857abb113458c87",disabled:this.disabled,style:{paddingTop:"2px",paddingBottom:"2px"}},this.label,this.popupHint&&e("udp-tooltip",{key:"a3c0b095653147f7705e0c6abda375e789e2170d",content:this.popupHint,positioning:"above"},e("udp-fluent-icon",{key:"b0884de4d2912f2a61467013514000e19315f9fb",name:"info",size:"xs",class:"popup-hint-icon"}))),this.multiple&&e("div",{key:"00662b7ca5c43501fa80c5b003c98f3c445085f1",class:{"selected-items":!0,"has-items":l.length>0}},l.map((t=>e("udp-fluent-badge",{color:"brand",shape:"circular",dismissible:!this.disabled,onDismiss:()=>this.handleChipDelete(t)},this.resolveProp(t,this.optionLabel,!0)))))),e("div",{key:"5e6e1676eaf11e5f973f4ca642a15dc09c21b5ad",slot:"input",class:{"input-wrapper":!0,"has-overlay":!!c}},e("fluent-dropdown",{key:"28eaa5cc744f8e2b7b8494e5f77e7ec74e52b1cc",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:"5c548e12e8c5e71ef6ec80c86744626159225d66"},(this.loading||this.internalLoading)&&e("fluent-option",{key:"5b3c776f18a0a98e5e56b64590264fd146b8e2f2",disabled:!0,ref:e=>null==e?void 0:e.toggleAttribute("disabled",!0)},e("span",{key:"cfc3d0993f2f07243404bcafc123ff4729919347"},"Loading..."),e("span",{key:"ef8c4cb3c4b1991749664d5613e94cab04c362ca",slot:"indicator"})),!this.loading&&!this.internalLoading&&0===s&&!this.freeForm&&e("fluent-option",{key:"c8c6a313a7f508263bdfeef6df92d3156586826e",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=n.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=r.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"})),l,u&&"end"===this.iconPosition&&e("span",{class:"option-icon-end",style:{pointerEvents:"none",marginLeft:"4px"}},e("udp-fluent-icon",{name:u,size:"sm"})),this.renderBadges(p)))})),t})(),this.freeForm&&e("fluent-option",{key:"b0c22312ce12546d9cacb142ad5ef297494fa593",freeform:!0},e("output",{key:"afb20d072f2449d0926aab9118e187cd14ec8e4b"}))),e("div",{key:"373053510bd09d31cd16125673a9e5c742ea8ff7",slot:"indicator",class:"indicator-wrapper"},e("udp-fluent-icon-button",{key:"84f2f81128fb8c6ea30d65a641797a0c3f7322ba",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:"6037bc6e2205cd70d6e7401cc627e165ad4be3ab",name:"chevron-down",size:"sm",class:"chevron-down",onClick:()=>this.handleTogglePopover(!1)}))),c&&e("div",{key:"afd3a07d75a72184fd4016f81094e87535e7ea2d",class:"selected-overlay","aria-hidden":"true"},e("span",{key:"723ce95ef8734d8e1c41f9436839fc5ee2931ef8",class:"selected-label"},h),this.renderBadges(u))),e("div",{key:"c9ec62d1ebbd78e1cc85f5fb6d94539f760a045d",class:{"message-wrapper":!0,includeErrorPadding:this.includeErrorPadding},slot:"message",onClick:()=>this.handleTogglePopover(!0)},e("udp-text",{key:"4ae19c3b007177911df8c5c095aa207f091ac90b",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}]}}};le.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}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:"39efa3768058fc1fe61ee05d6f0e2ee2ff6ecd0e",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 he=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:"8ea9bc9322ebac426b9e18d102ead3b3ba1f23bc",class:"badge-wrapper"},e("slot",{key:"33c953a1bd684afccdd5a8a3bdee2394e7fac3d3"}),e("span",{key:"603510a8e83bc99cac926edb5722a35bc00a9216",class:"badge-content"},e("unity-typography",{key:"6c1f298f078a12798cc3526b40791f73b4135d16",variant:"caption-text"}," ",t," ")))}};he.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 ue=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:"9ef76ca5c878614b54ebdccf28c510d04f370597"},o),e("div",{key:"da0013e5de52b7cd600c3f471d18020a804b0921",class:"udp-button__spinner"}),e("span",{key:"847cb94fc9f0b13fe15c8a4791a5da44712bd148",class:"udp-button__content-wrapper"},this.startIcon&&e("span",{key:"186f7472215e5261eec6ace45bbc38dbb27d3175",class:"udp-button__icon udp-button__icon--start","aria-hidden":"true"},this.startIcon),e("span",{key:"64ccafc6ac64edabee4598eecdde0f0036a86044",class:"udp-button__text-content"},e("slot",{key:"c3a347b3ba7c28486e5c9e3212eeeccc67b7fae1"})),this.endIcon&&e("span",{key:"85f66982165d3d3f6bea9294c228983aca127e3d",class:"udp-button__icon udp-button__icon--end","aria-hidden":"true"},this.endIcon)))}get el(){return o(this)}};ue.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 pe=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:"e3036bebafa8a895511685cf60ccee315b41d726",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:"d6fa723b3eecb37d34fd37aa580f3f7a818e2a3c",class:"chip__icon chip__icon--start"},e("udp-icon",{key:"1201723d3f71018d31dcc7ef2d1b534c1ce991ce",iconName:this.startIcon,color:"inherit"})),e("span",{key:"24ad52a73cc845da2f233c8d282c91f8472dea0d",class:"chip__label"},this.label),this.deleteButton&&e("span",{key:"a387b0b65b2db68f654c8e6efd7b599e0d96dbc4",class:"chip__delete-icon",onClick:this.handleDeleteClick,title:"Remove"},e("svg",{key:"cdc4f032fab2c0d4f0e2ba99dc9fd6446d312545",width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor"},e("path",{key:"51900fa01135c7a0eea28ac412cf6f9c82169a15",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"}))))}};pe.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 be={compact:{small:"xs",medium:"xs",large:"sm"},standard:{small:"xs",medium:"sm",large:"md"},prominent:{small:"sm",medium:"md",large:"lg"}};function fe(e,t="compact"){return be[t][e]}const me={small:"xs",medium:"xs",large:"xs","extra-large":"sm"};function ge(e){return me[e]}function ve(e,t){return!!e.querySelector(`[slot="${t}"]`)}const ye=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=ve(this.el,"start")||!!this.startIconName,i=ve(this.el,"end")||!!this.endIconName,o=ve(this.el,"description")||!!this.description,r=fe(this.size,"prominent");return e(a,{key:"b594d9f3eab4b2b44200b5f1d72e3f1a360b87b6"},e("fluent-compound-button",{key:"8c68f91a6c118954581516adfd19a57b806b6dd0",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:"85120dd6f0431a2b7ec6c9032f8fea3edadbb627",class:"slot-wrapper",slot:"start"},e("slot",{key:"0246914d42ea6f41474ec11da129456844f0b5cc",name:"start"},this.startIconName&&e("udp-fluent-icon",{key:"6666e859db77801342cbffbc65ca062697eb107f",name:this.startIconName,size:r}))),o&&e("span",{key:"7717ccda2b968f3e018053e6f66f99f7d4df7e55",slot:"description",class:"description-wrapper"},e("slot",{key:"848a439cfbc29de48f18f8f877d37af32559db8e",name:"description"},this.description)),e("slot",{key:"987d56d141c06bbd74d271cd79b3f2510baddf56"}),i&&e("span",{key:"2c7bc8516f60957ed6196fd0d46c1da29fbc08e2",class:"slot-wrapper",slot:"end"},e("slot",{key:"3c1636aedb96772b812002165e99f33dd6b5d250",name:"end"},this.endIconName&&e("udp-fluent-icon",{key:"b8c48cf019f09213c777fe4d41e46851a821c6aa",name:this.endIconName,size:r})))),this.loading&&e("div",{key:"534d50359f8a236b0516b8dbf1b60333b5b4f8e3",class:"loading-overlay"},e("udp-spinner",{key:"f78162794258c30af3b48b39b2677625255cc11b",size:"large"===this.size?"extra-small":"tiny"})))}get el(){return o(this)}};ye.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 ke=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}}onValueChange(e){e!==this.internalValue&&(this.internalValue=this.parseDateInput(e)||e||"",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.format){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 r=["jan","feb","mar","apr","may","jun","jul","aug","sep","oct","nov","dec"],n=t.match(/^([a-z]{3,})(\d{1,2})$/);if(n){const e=n[1],t=parseInt(n[2],10),a=r.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.format?(e=parseInt(t.substring(0,2),10),a=parseInt(t.substring(2,4),10)):"DD/MM/YYYY"===this.format?(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,r;if("YYYY/MM/DD"===this.format||e>31?(a=e,o=t,r=i):"DD/MM/YYYY"===this.format?(r=e,o=t,a=i):(o=e,r=t,a=i),a<100&&(a+=a<50?2e3:1900),a>99&&a<1e3)return null;if(this.isValidDate(a,o,r))return this.toISODate(new Date(a,o-1,r))}const d=t.match(/^(\d{1,2})[\/\-.](\d{1,2})$/);if(d){const[,e,t]=d.map(Number),a=i.getFullYear();let o,r;if("DD/MM/YYYY"===this.format||"YYYY/MM/DD"===this.format?(r=e,o=t):(o=e,r=t),this.isValidDate(a,o,r))return this.toISODate(new Date(a,o-1,r))}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:"ac71c838ad139db1925a16e5b88152f685577682",class:{"has-error":t,disabled:this.disabled}},e("fluent-field",{key:"feefd9316ce2f601d2a7bc8c1e69ca665be98ac3",class:{"no-message":!i&&!this.includeErrorPadding}},e("udp-popover",{key:"eedbdb5fc16759b9b8649f3c49da0fb01e51112b",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:"dc575d36fd8139dacf8fc6edef3553295ab50696",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:"24fdc128498e713cb71d1b0647c707e70a17d40e",required:this.required,disabled:this.disabled,onMouseDown:this.handleLabelMouseDown},this.label,this.popupHint&&e("udp-tooltip",{key:"2aa80b606bcba533d03cedaabb22472eaab7cece",content:this.popupHint,positioning:"above"},e("udp-fluent-icon",{key:"d7b49e842930ed6ae31638e9475571b2a9b0b044",name:"info",size:"xs",class:"popup-hint-icon"}))),e("div",{key:"ce0830f9f1fe61b23f4f89363b95f97331c2f2cf",slot:"end"},e("udp-fluent-icon-button",{key:"e412d65925057b3a4f7ddf2876cdde9ecd799165",appearance:"transparent",iconName:"calendar",onMouseDown:this.handleIconMouseDown,onClick:this.handleIconClick,disabled:this.disabled||this.readonly,tabindex:-1}))),e("div",{key:"aed253ee74b5e0f9d116b43470cc453e05649858",slot:"content"},e("udp-date-range-selector",{key:"245970b9bc37881030d37f1919f942d255b2bd35",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:"a6c1873893025688082cf07430179b9036e937eb",class:"footer-buttons"},e("udp-fluent-button",{key:"3850b26b07974bfb8bdece541d33668817a499b5",appearance:"transparent",size:"small",onClick:this.handleToday},"Today"),e("udp-fluent-button",{key:"d981881855642d59afd0be88db9ac69c8465bb5e",appearance:"transparent",size:"small",onClick:this.handleClear},"Clear")))),e("udp-text",{key:"0cbae8c3c2784d833bd0245799116a1e7917ee90",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}]}}};ke.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 xe={sm:200,md:260,lg:320},we=["January","February","March","April","May","June","July","August","September","October","November","December"],Ce=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],Se=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"),r=String(i.getDate()).padStart(2,"0"),n=this.calendarRef;n.focusedDate=`${a}-${o}-${r}`,this.pendingFocus&&(this.pendingFocus=!1,"function"==typeof n.focus&&n.focus({target:"day"})),this.navigationDirection="none"}}getHeaderText(){const e="sm"===this.size?Ce:we;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"},Ce.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=xe[this.size]||xe.md;return"horizontal"===this.orientation&&2===this.monthsToDisplay?2*e+16+"px":`${e}px`}getMonthWidth(){return`${xe[this.size]||xe.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:"7f3b47433cfeb11958f4a795ab543e7ec0f13570",style:{"--calendar-width":o,"--container-width":i},class:`size-${this.size}`,onClick:e=>e.stopPropagation()},e("div",{key:"107351ca36776ebf443311793313843a9d383973",class:"calendar-header"},e("udp-fluent-icon-button",{key:"b91e4f0d1a54344dfaa3d5ded9f0d5f8e4f8d699",iconName:"chevron-left",onClick:this.handlePrevious,disabled:this.isPrevDisabled(),appearance:"transparent",ariaLabel:"Previous"}),e("udp-fluent-button",{key:"a445fde9eb3ae9ff7753c00dc21ac45cd0a1658a",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:"9b791afd007615ebb8c9b8aabffff47921173d39",iconName:"chevron-right",onClick:this.handleNext,disabled:this.isNextDisabled(),appearance:"transparent",ariaLabel:"Next"})),"day"===this.viewMode&&e(t,{key:"4711ddf5156e315c6eefbb6fb18a79015d4a2939",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:"990acbf0b90edc532f37dbb57741690da8183bfc",slot:"previous",style:{display:"none"}}),e("span",{key:"edcf80e6ec99d7f3639f6c5ee8c0025acb49c731",slot:"next",style:{display:"none"}}),e("div",{key:"1232ad593e810386f48443e7117587b9e33d3106",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}]}}};Se.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 ze=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(){const t=void 0===this.timeLabel&&this.label?" ":this.timeLabel;return e(a,{key:"2f593ed0b4de495cab7ee284c13291e998a98281"},e("div",{key:"d15f5dfb61ffa25cca1aa12a1b7cf3179b9af516",class:"date-part"},e("udp-date-input",{key:"ce201e5f203e698041451fb5ca1ec05ea373fb33",name:`${this.name}-date`,value:this.datePart,required:this.required,disabled:this.disabled,autofocus:this.autofocus,appearance:this.appearance,controlSize:this.controlSize,format: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:"27bdca75aea7869283d63477a59b9218ef9bf5ba",class:"time-part"},e("udp-time-input",{key:"f15b29ec0c556777910830408ad96d8ca48e4acb",name:`${this.name}-time`,value:this.timePart,required:!1,disabled:this.disabled,appearance:this.appearance,controlSize:this.controlSize,label:t,minuteStep:this.minuteStep,use24Hour:this.use24Hour,onValueChanged:this.handleTimeChange,includeErrorPadding:this.includeErrorPadding,error:this.error?" ":void 0})))}static get watchers(){return{value:[{onValueChange:0}]}}};ze.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 Ne=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:"4adbe541f2902a9d92c243a40388bdc3b121b645",onClick:this.handleOverlayClick},e("div",{key:"9614c5df4fbe7e94c73b5aacc37174d6b16555c9",class:"dialog-container",role:"dialog","aria-modal":"true","aria-labelledby":this.titleId,"aria-describedby":this.descriptionId,onClick:e=>e.stopPropagation()},e("div",{key:"adb9fc377065a01d3b3266d99f3ffe640058fa73",class:"dialog-title",id:this.titleId},e("unity-typography",{key:"e03c5fc91c29a384eabab75c1509488eac44d6f0",variant:"h3"},this.title)),e("div",{key:"e0f011fb41be303e8779e128e02c2b9aed43e645",class:"dialog-content",id:this.descriptionId},this.message&&e("unity-typography",{key:"fef802596e0859df5774da1497eb91e4f2a6d193",variant:"body"},this.message),e("slot",{key:"1cb32eb5d979ad00ed1e9fa9e284e46562defb05"})),e("div",{key:"1b1043c981af31c3b3e51f61017e09e856da5f71",class:"dialog-actions"},!this.buttonTwoHidden&&e("udp-button",{key:"3dced852ea4bb0741eb0de0809f8e75b3b3b4c30",variant:"text",disabled:this.disableTwo,onClick:()=>this.actionTwo()},this.labelTwo),!this.buttonThreeHidden&&e("udp-button",{key:"ca50eec078c3f5a3947d5377547fc2c689d7cc33",variant:"text",disabled:this.disableThree,onClick:()=>this.actionThree()},this.labelThree),!this.buttonOneHidden&&e("udp-button",{key:"ab4c062175324d22f85900dd7713df93624dd7ef",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}]}}};Ne.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 _e=(...e)=>(t,i,a)=>{for(const o of e)if(o){const e=o(t,i,a);if(e)return e}},Fe=e=>Array.isArray(e)&&0===e.length?"This field is required":null!=e&&""!==e&&!1!==e?void 0:"This field is required",De=/^[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])?)*$/,Be=e=>!e||De.test(e)?void 0:"Invalid email address",Ie=e=>{if(e)try{return void new URL(e)}catch(e){return"Invalid URL"}};const Te=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 r=[],n=e;(n.required||n.hasAttribute("required"))&&r.push(Fe);const s=null!==(t=n.minlength)&&void 0!==t?t:n.hasAttribute("minlength")?parseInt(n.getAttribute("minlength"),10):null;var d;s&&r.push((d=s,e=>!e||e.length>=d?void 0:`Must be at least ${d} characters`));const l=null!==(i=n.maxlength)&&void 0!==i?i:n.hasAttribute("maxlength")?parseInt(n.getAttribute("maxlength"),10):null;var c;l&&l>-1&&r.push((c=l,e=>!e||e.length<=c?void 0:`Must be less than ${c} characters`));const h=null!==(a=n.min)&&void 0!==a?a:n.hasAttribute("min")?parseFloat(n.getAttribute("min")):null;null===h||isNaN(h)||r.push((e=>t=>!t||Number(t)>=e?void 0:`Must be at least ${e}`)(h));const u=null!==(o=n.max)&&void 0!==o?o:n.hasAttribute("max")?parseFloat(n.getAttribute("max")):null;null===u||isNaN(u)||r.push((e=>t=>!t||Number(t)<=e?void 0:`Must be no more than ${e}`)(u));const p=n.type||n.getAttribute("type");"email"===p&&r.push(Be),"url"===p&&r.push(Ie);const b=n.pattern||n.getAttribute("pattern");var f;if(b&&r.push((f=b,e=>{if(e)return("string"==typeof f?new RegExp(`^${f}$`):f).test(e)?void 0:"Invalid format"})),0!==r.length)return _e(...r)}(this.childInput),a=_e(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:"c6c1b28a30a6a3c3d41c404f0f59fe47f8e8f79d"})}get el(){return o(this)}};Te.style=":host{display:block;width:100%}";const Ae=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"}))}};Ae.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 qe=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:"abf27d51c287160b6b0bdb173e74690b645396a1"},e("fluent-avatar",{key:"e49684fdb503718f033121e30be931093908653a",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:"41a132d8da795fb2ad30c4fdb8f88d4bd3d95745",name:"badge",slot:"badge"})))}};qe.style=":host{display:inline-flex;align-items:center;vertical-align:middle}";const Me=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:"a2e43f6c52bb7ddc56e6e9a181f86c132f86ab99",class:{ready:this.ready}},e("fluent-badge",{key:"a807d377792bfafd5415f8cf0320db603fdb91f7",appearance:this.appearance,color:this.color,shape:this.shape,size:this.size},(this.startIconName||ve(this.el,"start"))&&e("span",{key:"4c30be18073fd6d65cf50d43c944a1c4f1932723",class:"slot-wrapper",slot:"start"},e("slot",{key:"8073ea47ae01b98505d8b5c954b685227ba0de45",name:"start"},this.startIconName&&e("udp-fluent-icon",{key:"d41c4fdc7f4e64eb6b14fa4b530abe5e9449353f",name:this.startIconName,size:ge(this.size)}))),e("span",{key:"954b408cfb2c78598102516857eefdae5e5c2493",class:"default-slot"},e("slot",{key:"6a1e3bf584d15eba16c781504599b4c70bf86525"})),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:ge(this.size)})):(this.endIconName||ve(this.el,"end"))&&e("span",{class:"slot-wrapper",slot:"end"},e("slot",{name:"end"},this.endIconName&&e("udp-fluent-icon",{name:this.endIconName,size:ge(this.size)})))))}get el(){return o(this)}};Me.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 Pe=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=N.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=fe(this.size),i=this.loading;return e(a,{key:"ff156dcc42911dd10beed56d4453b5531a8cda09"},e("fluent-button",{key:"327b2b95d88ab219fd5c6eb4436dfb3655fc4265",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||ve(this.el,"start"))&&e("span",{key:"e9b301ffaee43f6596bfab4df72b2a99c6574d33",class:"slot-wrapper",slot:"start"},e("slot",{key:"5586d08f5c95edbf83d70b99301b2047d78660c8",name:"start"},this.startIconName&&e("udp-fluent-icon",{key:"21dd9b8a0dc94555ed99d78c1fec99ce31d60180",name:this.startIconName,size:t}))),e("slot",{key:"3dd9c466af6219b42bc0af1d1560dfc59d15f409"}),(this.endIconName||ve(this.el,"end"))&&e("span",{key:"47d2390fa0590d85d27a9eec96e66d42bf29bf95",class:"slot-wrapper",slot:"end"},e("slot",{key:"d45c415bc34566885f199ab3d5e9f773481ab455",name:"end"},this.endIconName&&e("udp-fluent-icon",{key:"9c7db08568e1dec792451a030d682890be22d51b",name:this.endIconName,size:t})))),i&&e("div",{key:"295d81252b9dd07950c67e305b70db7535bbe416",class:"loading-overlay"},e("udp-spinner",{key:"3c2738a3108256510336d4cbff5665602d847cd5",size:"large"===this.size?"extra-small":"tiny"})))}get el(){return o(this)}};Pe.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 Oe=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=ve(this.el,"header"),this.hasHeaderStart=ve(this.el,"header-start"),this.hasHeaderAction=ve(this.el,"header-action"),this.hasPreview=ve(this.el,"preview"),this.hasFooter=ve(this.el,"footer"))}render(){return e(a,{key:"2292c5312a295009149ca5c2456a8072e034dee1",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:"46d981214fc354463640eb7c7cd867f7d9094e38",class:{"card-preview":!0,hidden:!this.hasPreview}},e("slot",{key:"247f215de49aee8d64f7b247018136ed503dccf3",name:"preview",onSlotchange:this.handleSlotChange})),e("div",{key:"2318b59b7c7ba5a0ab5b56b3b28a2363417b8dfa",class:{"card-header":!0,hidden:!(this.hasHeader||this.hasHeaderStart||this.label||this.subtitle||this.hasHeaderAction)}},e("div",{key:"3304dc7d50a07824f7891750dadc3b946bea8cf8",class:{"card-header-start":!0,hidden:!this.hasHeaderStart}},e("slot",{key:"59d5d0213b53a53d7800f675e8938e4fd6248a8c",name:"header-start",onSlotchange:this.handleSlotChange})),e("div",{key:"817ea88676180044450ae2afff9e815d9fe2768f",class:"card-header-content"},e("slot",{key:"7ecdf69858a5ae90df06ea151ce39db938e77569",name:"header",onSlotchange:this.handleSlotChange},(this.label||this.subtitle)&&e("div",{key:"4d11a4bd3ed1e2626c1923af90364b2695fd371a",class:"header-content-wrapper"},this.label&&e("udp-text",{key:"29c105697fe26453d0ea227dbdd997fc6cacedcf",variant:"subtitle2"},this.label),this.subtitle&&e("udp-text",{key:"4b447fe116f9d0ef33e26ac48275610ba2a676bd",variant:"caption1",class:"header-subtitle"},this.subtitle)))),e("udp-flexbox",{key:"0814680f2a74808ee6c5e59c022867233426e825",class:{hidden:!this.hasHeaderAction},direction:"row"},e("slot",{key:"ac190251b00e26f2e50649cd4cfd3f7b69add6f2",name:"header-action",onSlotchange:this.handleSlotChange}))),e("div",{key:"6169e8d4a2018a7efbe6e6529c4e5617392869a4",class:{"card-body":!0,"no-padding":!this.bodyPadding}},e("slot",{key:"11916ce68bed14ec248639ac93770d3e8fa3d6d2"})),e("udp-flexbox",{key:"f0adf0c0ae4e44c59d054032274721ace08a7232",class:{"card-footer":!0,hidden:!this.hasFooter},direction:"row"},e("slot",{key:"ada8eb323b528fb05caf1834275bdddabece88c9",name:"footer",onSlotchange:this.handleSlotChange})))}get el(){return o(this)}};Oe.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 Re=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:"f19bd3b1948a8ab4c8fc87a111d285477cadf4ed"},e("fluent-field",{key:"3a0eb5e458773f305cbecdbd094bf770d229de99","label-position":this.labelPosition,class:{"no-label":!this.label,"no-message":!i&&!this.includeErrorPadding}},e("fluent-label",{key:"311f30e2fb4b3b27d7a2f0999cc43b132bd743df",slot:"label",disabled:this.disabled,onClick:this.handleLabelClick},this.label,this.popupHint&&e("udp-tooltip",{key:"c737cd8eaaa4f128f9a33ffe306f7edae5691d3a",content:this.popupHint,positioning:"above"},e("udp-fluent-icon",{key:"6b33e231331977265a92dae76140b09dd158a500",name:"info",size:"xs",class:"popup-hint-icon"}))),e("fluent-checkbox",{key:"95d02cc6ae7c2b0865ba51f57290b5f7bfb15721",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:"241bdd41dfcb6dd236c098afde18b3236d895f1c",slot:"message",variant:"caption1",class:{message:!0,error:t,includeErrorPadding:this.includeErrorPadding}},i)))}static get delegatesFocus(){return!0}get el(){return o(this)}};Re.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 je=class{constructor(e){t(this,e),this.showZero=!1,this.dot=!1}render(){return e(a,{key:"d0ce058042387bbb8a93056b736bab466418d6c8"},e("fluent-counter-badge",{key:"64895692b2100bd7e4f567f0c3b2243a3eea5d2b",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:"ebd0067c29bc37ffbaff18d39c68bbab24614a14",name:"start",slot:"start"}),void 0===this.count&&e("slot",{key:"17ac73d4d9123cd52c0f9d9cd2dae56228d4e569"}),e("slot",{key:"f541c02e1d6f85736ead9b213308b104adb5d6cb",name:"end",slot:"end"})))}};je.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 Ee=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:"6503e7a76b2bb3b75bac4068ad46f2ed3e92cc5c",style:{"--dialog-max-height":this.maxHeight}},e("fluent-dialog",{key:"77608ee66ae9ceaeaf5f88a0d40651c649f618cf",ref:this.setDialogRef,type:this.type,onToggle:this.handleToggle},e("fluent-dialog-body",{key:"097d33707d5e16d3a0363bf887cea69916a4f0c6"},e("slot",{key:"fce51a10ea0dc792f6838bab7ac27a1795e149cd",name:"header",slot:"title"},this.dialogTitle&&e("udp-fluent-text",{key:"299c39cdd65a86a8db26e30c3c170209e4eed7e5"},this.dialogTitle)),this.showHeaderCloseButton&&e("udp-fluent-icon-button",{key:"2d9eca4397404d520bdee128a46d95d2eb040c35",slot:"close",appearance:"subtle",iconName:"dismiss",ariaLabel:"Close Dialog"}),e("div",{key:"dda10b13a75ade0cb16c48a198728c481b2eccdf",class:"dialog-content"},e("slot",{key:"d1ef17c1d85c1f3092c40dead5a48de9e7c1cd86"})),e("udp-flexbox",{key:"94d97930eec3d8a72b919fc1fda775da771dd767",slot:"action",direction:"row"},e("slot",{key:"23eb15c6243e5f28aafa3d7b83ded05b86b33798",name:"action"})))))}get el(){return o(this)}static get watchers(){return{open:[{handleOpenChange:0}]}}};Ee.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 $e=class{constructor(e){t(this,e),this.alignContent="center",this.orientation="horizontal"}render(){return e(a,{key:"3ad3337f235573394f659a183a7fb0639931c7d4",style:{background:"transparent"}},e("fluent-divider",{key:"0d65508604ff3ead42bfd0f87388930ad4854fe3","align-content":this.alignContent,appearance:this.appearance,inset:this.inset,role:this.role,orientation:this.orientation},e("slot",{key:"a993a8486ba0ec0dd0e72c95eab3adb46c09eff0"})))}},Ve={small:320,medium:590,large:940,full:1/0},Le=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===Le.openDrawers.size&&null!==Le.unlockTimer&&(clearTimeout(Le.unlockTimer),Le.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=Ve.medium;if(this.drawerWidth&&this.drawerWidth.endsWith("px")){const e=parseInt(this.drawerWidth,10);!isNaN(e)&&e>0&&(t=e)}else this.size&&Ve[this.size]&&(t=Ve[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!==Le.unlockTimer&&(clearTimeout(Le.unlockTimer),Le.unlockTimer=null),0===Le.openDrawers.size&&this.lockBodyScroll(),Le.openDrawers.add(this)):(Le.openDrawers.delete(this),0===Le.openDrawers.size&&(Le.unlockTimer=setTimeout((()=>{0===Le.openDrawers.size&&this.unlockBodyScroll(),Le.unlockTimer=null}),Le.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===Le.originalBodyStyles&&(Le.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(Le.originalBodyStyles&&(e.style.overflow=Le.originalBodyStyles.htmlOverflow,t.style.overflow=Le.originalBodyStyles.bodyOverflow,t.style.position=Le.originalBodyStyles.bodyPosition,t.style.top=Le.originalBodyStyles.bodyTop,t.style.width=Le.originalBodyStyles.bodyWidth,t.style.paddingRight=Le.originalBodyStyles.bodyPaddingRight,t.style.touchAction=Le.originalBodyStyles.bodyTouchAction,Le.originalBodyStyles=null),i&&""!==i){const e=parseInt(i.replace("px",""),10);isNaN(e)||window.scrollTo(0,Math.abs(e))}}render(){return e(a,{key:"8cadf705643dc434d09e681d287f355ebd7abfec",class:{"has-footer":this.hasFooter}},e("fluent-drawer",{key:"8b8941993ccc2b0f071b70cb63aad5d1be1ac9f7",ref:this.setDrawerRef,onToggle:this.handleToggle,type:"modal",position:this.position,size:this.effectiveSize},e("fluent-drawer-body",{key:"ff81cc6c0983789fcef21b951003b88fe9d5ae27"},e("udp-text",{key:"00eedc037ab82ed21b938a7cfce5cc66c915d112",variant:"subtitle1",slot:"title"},this.drawerTitle),e("udp-fluent-icon-button",{key:"012b31c2d5872f7d30793f34767538c992eadebb",slot:"close",appearance:"subtle",iconName:"dismiss","aria-label":"close"}),this.hasToolbar&&e("udp-flexbox",{key:"9a93216871d7d3755653be6ae16ab09c288353ed",class:"drawer-toolbar",direction:"row",width:"100%"},e("slot",{key:"748b2ebd652cfd81b378387ec1c7a85b19443ace",name:"toolbar"})),e("div",{key:"fc1339687085903a01b0ce5afa6adebe62932bf2",class:"drawer-scroll-container",ref:e=>this.contentRef=e,onScroll:this.handleScroll},e("div",{key:"6750d301a807118b86005208a06e25514bb58b73",class:"scroll-shadow top "+(this.showTopShadow?"visible":"")}),e("div",{key:"4d4070e6b4aef7e1560f425cac5a9a337f9cf612",class:"drawer-content-inner"+(this.excludeVerticalPadding?"":" vertical-padding")},e("slot",{key:"250d3a74e4bf3923e234b5f83890812929f58e6c"})),e("div",{key:"9297ccb919031f826ee25f5b655c42acd81db50c",class:"scroll-shadow bottom "+(this.showBottomShadow?"visible":"")})),this.hasFooter&&e("udp-flexbox",{key:"a2949f7b7e8abd57c504c74950029d2b54979166",slot:"footer",direction:"row"},e("slot",{key:"03f9d4541b11a10e3ffaafc5f4ac4a9606cf33e0",name:"footer"})))))}get el(){return o(this)}static get watchers(){return{open:[{handleOpenChange:0}],size:[{handleSizeChange:0}],drawerWidth:[{updateDrawerWidth:0}]}}};Le.openDrawers=new Set,Le.unlockTimer=null,Le.UNLOCK_DELAY_MS=300,Le.originalBodyStyles=null,Le.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-top:var(--spacingVerticalXXXL);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 He=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.showClearButton=!1,this.selectionForOverlay=null,this.typeaheadBuffer="",this.handleTogglePopover=e=>{var t,i,a,o;if(!this.dropdownRef||this.disabled)return;const r=this.dropdownRef;r.open?(r.open=!1,null===(i=null===(t=r.listbox)||void 0===t?void 0:t.hidePopover)||void 0===i||i.call(t)):(e||(r.open=!0,null===(o=null===(a=r.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,r=Array.isArray(this.selectionForOverlay)?[...this.selectionForOverlay]:this.getValuesAsArray(),n=this.getOptionValue(o),s=r.findIndex((e=>this.getOptionValue(e)===n));-1!==s?r.splice(s,1):r.push(o),this.selectionForOverlay=r,this.showClearButton=r.length>0,this.valueChanged.emit(r),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),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(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))}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,r;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!==(r=t.size)&&void 0!==r?r:"small",startIconName:t.startIconName,endIconName:t.endIconName},t.label)})))}render(){var t,i;const o=!!this.error,r=this.error||this.hint,n=this.getSelectedOverlayOptions(),s=n.length>0,d="underline"===this.appearance?"transparent":this.appearance;return e(a,{key:"50df70a796294b82aad1a961cd213bbb4ef0480e",class:{"has-error":o}},e("fluent-field",{key:"f424752cc9ed1f5e2c4525e562cee8feaff4e87f",class:{"no-message":!r&&!this.includeErrorPadding,"no-label":!this.label}},this.label&&e("fluent-label",{key:"6357f3c97ec8daf3c652a3fd9e67626740b1a034",slot:"label",disabled:this.disabled,onClick:()=>this.handleTogglePopover(!1),style:{paddingTop:"2px",paddingBottom:"2px"}},this.label,this.popupHint&&e("udp-tooltip",{key:"54bf2223c4813ea0a3b6219dd80192ce335475f3",content:this.popupHint,positioning:"above"},e("udp-fluent-icon",{key:"a9adfa504c930c6bd018639098bb5701e01e6626",name:"info",size:"xs",class:"popup-hint-icon"}))),e("div",{key:"ee145cd5bd31ca5e110fb65cd2617dd169b42dd6",slot:"input",class:{"input-wrapper":!0,"has-overlay":s}},e("fluent-dropdown",{key:"20b0f614cb02288f61feac07133f032cd2a4217c",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:"0e069f111f08d400ef4ca397d4987488ba624be2"},this.loading&&e("fluent-option",{key:"d4b38c16bb861c1991ecd520d9ddc95b6bc711f7",disabled:!0,ref:e=>null==e?void 0:e.toggleAttribute("disabled",!0)},e("span",{key:"c8cc2f930af8ca94225ff18417ab1454fc093778"},"Loading..."),e("span",{key:"905fb8ec9aa854eb3c8483d7168a31a87ce84956",slot:"indicator"})),!this.loading&&0===(null===(t=this.options)||void 0===t?void 0:t.length)&&e("fluent-option",{key:"7c115d63198f63874ff73e118026f6912f419c90",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 r=this.getOptionGroup(a);r&&r!==i&&(t.push(e("fluent-option",{key:`__group_${r}`,class:"option-group-header",disabled:!0,"aria-hidden":"true",ref:e=>null==e?void 0:e.toggleAttribute("disabled",!0)},r)),i=r);const n=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"})),n,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:"4d73df096ec43408424d04d8a176c19ee0244bd3",slot:"indicator",class:"indicator-wrapper"},e("udp-fluent-icon-button",{key:"4a70fa9e3f928417fe9e57b92ca7d11a0b2d99f5",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:"4d11b1ed4cc8ffea3a96cb1d5d3d2b22aa022cb0",name:"chevron-down",size:"sm",class:"chevron-down",onClick:e=>{e.stopPropagation(),this.handleTogglePopover(!1)}}))),s&&e("div",{key:"1fb5c41ad21a75c5b58ac6398f799d0a40f80de5",class:{"selected-overlay":!0,multi:n.length>1},"aria-hidden":"true"},n.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:"26f160c5e649f3d7ebb726c92c24511e322b656a",class:{"message-wrapper":!0,includeErrorPadding:this.includeErrorPadding},slot:"message",onClick:()=>this.handleTogglePopover(!0)},e("udp-text",{key:"69af6f8f00d3703b0d42d93988d0568ee7783967",variant:"caption1",class:{message:!0,error:o}},r))))}static get delegatesFocus(){return!0}static get watchers(){return{value:[{syncSelectionForOverlay:0},{valueHandler:0}],options:[{valueHandler:0}]}}};He.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 We={xs:16,sm:20,md:24,lg:28},Ge={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"}},Ye=class{constructor(e){t(this,e),this.variant="regular",this.size="md"}resolveEffectiveProps(){var e;const t=function(e){if(!e)return null;const t=Ge[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(){if(!this.name)return null;const{name:e,variant:t}=this.resolveEffectiveProps(),i=_[e];if(i){const e=We[this.size];if(!i.sizes.includes(e)){const a=this.findClosestSize(i.sizes,e);return console.warn(`[udp-fluent-icon] Size ${e}px not available for "${this.name}". Using ${a}px.`),`${i.baseName}_${a}_${t}`}return i.variants.includes(t)?`${i.baseName}_${e}_${t}`:(console.warn(`[udp-fluent-icon] Variant "${t}" not available for "${this.name}". Using "regular".`),`${i.baseName}_${e}_regular`)}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}findClosestSize(e,t){return e.reduce(((e,i)=>Math.abs(i-t)<Math.abs(e-t)?i:e))}render(){const t=this.resolveIconKey();if(!t)return null;let i=F[t];if(!i)return console.warn(`[udp-fluent-icon] Icon "${t}" not found in generated icons.`),null;if(i.startsWith("data:image/svg+xml;base64,")){const e=i.split(",")[1];try{i=atob(e)}catch(e){return console.error("[udp-fluent-icon] Could not decode SVG icon",e),null}}return e("div",{class:"icon-inner",style:this.color?{color:this.color}:void 0,innerHTML:i,role:"img","aria-label":this.name})}};Ye.style=":host{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.icon-inner{display:inline-flex;align-items:center;justify-content:center;line-height:0;animation:var(--udp-icon-animation, none);transform-origin:var(--udp-icon-transform-origin, center center)}.icon-inner svg{fill:currentColor;display:block;}@keyframes udp-icon-spin{to{transform:rotate(360deg)}}";const Ue=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:"51fb3b256f38d5b911a2b811ab952c7e734b5e01",exportparts:"button",onMouseEnter:()=>this.isHovered=!0,onMouseLeave:()=>this.isHovered=!1},e("udp-fluent-button",{key:"5b6e9ea46f340d9c7b4ac571a5af6c20e5456185",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:"fbf26754b80d3f3f8e3c28f10c3b88ba12b22372",name:this.iconName,size:fe(this.size,"standard"),variant:i,color:o})))}};Ue.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 Xe=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,r)=>{const n=[],s="string"==typeof i?0:i.sectionNumber||0;if(void 0!==o&&s!==o&&n.push(e("fluent-divider",null)),o=s,"string"==typeof i)return n.push(e("fluent-menu-item",{key:r},i)),n;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 n.push(e("fluent-menu-item",{key:d.id||r,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&&ve(this.el,h)||d.startIconName?e("slot",{name:h,slot:"start"},d.startIconName&&e("udp-fluent-icon",{name:d.startIconName,size:fe(this.size)})):null,p?e("slot",{name:p},d.text):d.text,u&&ve(this.el,u)||d.endIconName?e("slot",{name:u,slot:"end"},d.endIconName&&e("udp-fluent-icon",{name:d.endIconName,size:fe(this.size)})):null,l.length>0&&a<1&&e("fluent-menu-list",{slot:"submenu"},this.renderItems(t,d.id,a+1)))),n})).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||ve(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:fe(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||ve(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:fe(this.size)}))),!t&&this.label,(ve(this.el,"end")||this.endIconName)&&e("span",{key:"ee2489c4d4b9853bff420698c3a0e9f7de1d8de0",class:"slot-wrapper",slot:"end"},this.endIconName?e("udp-fluent-icon",{name:this.endIconName,size:fe(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}]}}};Xe.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 Je=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:"d362c805087543ed3781aaec4ce39faf1311af70"},e("fluent-field",{key:"e647409f786e725a45ead081a86164fb51616756","label-position":"above",class:{"no-label":!this.label,"no-message":!o&&!this.includeErrorPadding}},e("fluent-label",{key:"5480bdd2fcbfb0e248a5e65cb11c5e7f204c0827",slot:"label",disabled:this.disabled},this.label,this.popupHint&&e("udp-tooltip",{key:"d962af5d2625c558c20ad9e5e5e9da83a896503d",content:this.popupHint,positioning:"above"},e("udp-fluent-icon",{key:"ca29d2ead9264be5bfd22d3acde71f9b19e3cfb7",name:"info",size:"xs",class:"popup-hint-icon"}))),e("fluent-radio-group",{key:"14a43823ad8f347082d2ba6e645a6c06c6cd6fcf",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:"6adbc14b96274ccba3d0d916f600b588dcf4e005",slot:"message",variant:"caption1",class:{message:!0,error:i,includeErrorPadding:this.includeErrorPadding}},o)))}static get delegatesFocus(){return!0}get el(){return o(this)}};Je.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 Ke=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:"d23d1970c531de2cd9af431b36688bf472e7c4d7"},e("fluent-field",{key:"103772e929b2ac39f0b1d97cec84865dfc26d194","label-position":this.labelPosition,class:{"no-label":!this.label,"no-message":!i&&!this.includeErrorPadding}},e("fluent-label",{key:"35465dd8e502e91e96e6a928bba716ff2d5f7785",slot:"label",onClick:this.handleLabelClick},this.label,this.popupHint&&e("udp-tooltip",{key:"9719fef772ce35acfb7f23578d822a52e7df88e3",content:this.popupHint,positioning:"above"},e("udp-fluent-icon",{key:"70280f2cffb0fbf2d25455b8857b45a6936705b5",name:"info",size:"xs",class:"popup-hint-icon"}))),e("fluent-switch",{key:"5708b772cdb2b82c943bcacfce8aef3faa2b4cfa",slot:"input",name:this.name,checked:this.checked,disabled:this.disabled,onChange:this.handleChange,ref:e=>this.internalSwitch=e}),e("udp-text",{key:"d2482d8bfec01d5d27b8a9ad384a16aa1d85bab1",slot:"message",variant:"caption1",class:{message:!0,error:t,includeErrorPadding:this.includeErrorPadding}},i)))}static get delegatesFocus(){return!0}};Ke.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 Ze=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 r=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===r.length)return;const n=null===(a=this.el.shadowRoot)||void 0===a?void 0:a.activeElement,s=r.indexOf(n);if(-1===s)return;let d;e.preventDefault(),o?(d=s-1,d<0&&(d=r.length-1)):(d=s+1,d>=r.length&&(d=0));const l=r[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,r;if(!this.scrollContainer)return;const n=Array.from(null!==(t=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelectorAll("fluent-tab"))&&void 0!==t?t:[]);n.forEach((e=>e.classList.remove("is-overflow")));const s=this.scrollContainer.clientWidth,d=new Map;n.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=n[0])||void 0===a?void 0:a.id,u=h&&null!==(o=d.get(h))&&void 0!==o?o:0;let p=0;if(n.forEach((e=>p+=e.offsetWidth)),p<=s)return this.visibleTabIds=n.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 n){if(e.id===h)continue;const t=null!==(r=d.get(e.id))&&void 0!==r?r:0;if(!(f+t<=b))break;f+=t,m.push(e.id)}const g=n.filter((e=>m.includes(e.id))).map((e=>e.id));this.visibleTabIds=g,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=fe(this.size,"standard");return e("fluent-tab",{id:t.id,disabled:t.disabled},(t.startIconName||ve(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||ve(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}]}}};Ze.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:auto;display:flex;align-items:center;justify-content:center}.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:var(--colorNeutralBackground3)}.contained-variant fluent-tab[aria-selected="true"]{color:var(--colorNeutralForeground1)}.contained-variant fluent-tab:hover{background-color:var(--colorNeutralBackground2)}.contained-variant .overflow-menu-container{background-color:var(--colorNeutralBackground3)}';const Qe=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:"1fd3fdd78008ce6181db58ac3ff661c564d93603",class:{"has-error":t}},e("fluent-field",{key:"b294c1e2a1c660a266eee2ba21f330f6e036e887",class:{"no-message":!i&&!this.includeErrorPadding}},e("fluent-text-input",{key:"33fedbd5df4933d04aa47ca27b3a7a1a39314f9d",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:"1d8a799cc01ecda7695b4d56d647602542c627fa",slot:"start",name:"start"}),e("slot",{key:"d2855135bd92677434b370ac58081cd238c23235",slot:"end",name:"end"}),this.label&&e("fluent-label",{key:"108ecfa2d4e21dfb8706990b27117021ba501f14",required:this.required,disabled:this.disabled},this.label,this.popupHint&&e("udp-tooltip",{key:"a54f646b778ef44266879f420c0454a5cb80d90c",content:this.popupHint,positioning:"above"},e("udp-fluent-icon",{key:"2e621dee84a11efca26bb2f14997cebead8f77ed",name:"info",size:"xs",class:"popup-hint-icon"})))),e("udp-text",{key:"00bb84dc0c030c5d3f1cb53c3f89c8af763fddc0",slot:"message",variant:"caption1",class:{message:!0,error:t,includeErrorPadding:this.includeErrorPadding}},i)))}static get delegatesFocus(){return!0}};Qe.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 et=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=fe(this.size);return e(a,{key:"80044ea150644619562d7197c7fe62a111e14581"},e("fluent-toggle-button",{key:"bd3b9ecf9bcd984812bd9b4b25d247b357a55046",pressed:this.pressed,mixed:this.mixed,disabled:this.disabled,size:this.size,appearance:this.appearance,shape:this.shape},(this.startIconName||ve(this.el,"start"))&&e("span",{key:"41ffe50c8efe4722c745cc636d145166d0e62ba3",class:"slot-wrapper",slot:"start"},e("slot",{key:"b37adc51343974319744be0bce3f5acb9f3d021c",name:"start"},this.startIconName&&e("udp-fluent-icon",{key:"6657439c96f0b8c514e36d8760c83804a1538eca",name:this.startIconName,size:t}))),e("slot",{key:"2cb8775acde3ce78b4879aa823221d5bb8dabe0e"}),(this.endIconName||ve(this.el,"end"))&&e("span",{key:"b6e4638009b32809204198758d6ec6fc944c1afb",class:"slot-wrapper",slot:"end"},e("slot",{key:"4f4477d732753cd754671fdacefdbe76dfaf6507",name:"end"},this.endIconName&&e("udp-fluent-icon",{key:"bbf369485c835bcc168af01321a002be22a32ad6",name:this.endIconName,size:t})))))}get el(){return o(this)}};et.style=":host{display:inline-block;width:fit-content}.slot-wrapper{display:inline-flex;align-items:center}";const tt=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=D({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&&N.register(this.formId,this.formElement)}disconnectedCallback(){this.unsubscribe&&this.unsubscribe(),this.formId&&N.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:"69ffca913ec791d27500380f261f3bda5d77b467",id:this.formId,noValidate:!0,onSubmit:e=>{e.preventDefault(),this.form.submit()}},e("slot",{key:"f51833b55f933842152e2d33508f1f61dedacc50"}))}get el(){return o(this)}static get watchers(){return{initialValues:[{handleValuesChanged:0}]}}},it=class{constructor(e){t(this,e),this.iconType="carbon",this.darkIcon=!0}render(){var t,i;const a=B(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}))))}};it.style=".icon-container{height:100%;display:flex;align-items:center;color:inherit}";const at=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:"51c2ecd5c4207d5a4943fb9d8384bcdbe6236e3f"},this.shouldRender&&this.content?this.content():null)}static get watchers(){return{if:[{handleIfChange:0}]}}},ot=class{constructor(e){t(this,e),this.color="primary"}render(){return e(a,{key:"0fd64084709c21d5dbff37f24ce0d033894e5608"},e("div",{key:"ef2348baa898412b92955ab1d0306a885a4ca925",class:{loader:!0,[`loader--color-${this.color}`]:!0}},e("div",{key:"c402cbba913c4efb4343a08ac94a87666845a0a2",class:"indeterminate"})))}};ot.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 rt=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:"a7fdc84e454e4415e41b494b874c5cd58093781b"},e("div",{key:"b708146bf6886d5822cc3784c1b1dde0a41531a8",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:"bf2122fa1d51b1ad1e4d1248b863b2971459a67e",class:"avatar-container"},e("udp-avatar",{key:"32d1956f5cf2e506bfcd7f5c85862349d1b394d2",iconName:this.iconName,variant:this.avatarVariant,color:this.avatarBackgroundColor})),e("div",{key:"238cf5b9acc5504e56d8ed7c652e00f94ff75716",class:"text-container"},t&&e("div",{key:"ae15ea2fcd67fbd01f9eaf997acc5a21089cd6d2",class:"primary-text"},e("slot",{key:"1a629990a4721c7281b5f1dd1c3db680b29a3e72",name:"primary-text"},e("unity-typography",{key:"ac76e535367c2a00ac1ae5ffd0fb08671a37c61f",variant:"body"},this.primaryText))),i&&e("div",{key:"a48a9103abd12c8a2c5cdd36f5bdf720ebd9731f",class:"secondary-text"},e("slot",{key:"1ac630c59426e4b6ecb9c3b891d9731cbcff3384",name:"secondary-text"},e("unity-typography",{key:"6da8fd733530cddb27e5588ecdfa6f4d288d9c50",variant:"caption-text",color:"textSecondary"},this.secondaryText)))),this.hasStatusChipSlot&&e("div",{key:"3987c5c8b83c77990706d376714444aae78ae7b9",class:"status-chip-container"},e("slot",{key:"485ef815359ed98fd4269e1748ab25fd67f2119c",name:"status-chip"})),this.hasActionsSlot&&e("div",{key:"3c34b44562e3077eba9e824e1a581aabb6662684",class:"actions-container"},e("slot",{key:"011c682eb2fa5c1e7f730b028252489f24056e5c",name:"actions"}))))}get hostEl(){return o(this)}};rt.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 nt=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:"db279be465c17a5b8b08583a0b6565672d40a086",class:"menu-item-root",onClick:this.handleItemClick,disabled:this.disabled,role:"menuitem"},this.iconName&&e("udp-icon",{key:"23dfb0bc79337e99882758a087c5cc6bb2147ea9",iconName:this.iconName,class:"menu-icon"}),e("span",{key:"130cacd260ebd312e6ff60c15e0c2f3760917146",class:"menu-item-label"},e("unity-typography",{key:"fb1efefe5614d24934a6c5b9149471d9b02a2e11",variant:"body1"},this.label)))}};nt.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 st=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:"b2843c8b839b1d19d7c4f33c30e742b8e546d111"},e("fluent-message-bar",{key:"1680448d3f9d7e750b2a66874264ee30429795c5",shape:this.shape,layout:this.layout,intent:this.intent},e("udp-flexbox",{key:"fb91f34b81e9c631910ec0d9df22c06ab1a9055e",direction:"row",gap:"sm",slot:"actions"},e("slot",{key:"a2ef3de7543997fb99b6858be19c79f3e8a81a3f",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:"698b337b9a022cfa7dba4d08b2f0e9e27ec5cf26",name:"icon",slot:"icon"}),e("slot",{key:"1a977e191d501ebf00b9fe115d0891440458a53a"})))}},dt=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=z(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:"5c088fd433163c11cc9af440ddbde003d95a0f96"},e("div",{key:"37774fc4c4f7484e23bf848e58adee84a47f5d6c",class:"popover",style:{width:this.popoverWidth,maxHeight:this.popoverMaxHeight,overflow:this.overflow}},e("slot",{key:"f479cfe2f59c6ddded24909b26f7f7a6aeba5d59"})))}get hostEl(){return o(this)}static get watchers(){return{isOpen:[{handleOpenChange:0}]}}};dt.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 lt="anchorName"in document.documentElement.style,ct=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(),lt||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(),r=this.withArrow?12:2;let n=0,s=0;this.position.startsWith("top")?n=a.top-o.height-r:this.position.startsWith("bottom")&&(n=a.bottom+r),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=`${n}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],r=t[t.length-1];e.shiftKey?(0===a||this.isElementEqual(i,o))&&(e.preventDefault(),r.focus()):(a===t.length-1||this.isElementEqual(i,r))&&(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:"d2abe9d549963f1c17e029a91b9be167eaaab753",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:"00592ba65156cd94d423ac7a0ff0327a64e45cd7",name:"trigger"}),e("div",{key:"9ad8dcbfd0bee51e3f65340f31586c2a51432b12",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:"87e788efb8cdb13539ba66bfe118cc9ff9b5d631",part:"content",class:{"popover-content":!0,[`size-${this.size}`]:!!this.size}},this.withArrow&&e("div",{key:"177179544b02ef16618a8fa3a7a0c2253518bb20",class:"popover-arrow"}),e("slot",{key:"4aab4e436ff27ec2a1aa7eb08c065050f97cacd4",name:"content"}))))}get el(){return o(this)}static get watchers(){return{open:[{handleOpenChange:0}]}}};ct.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 ht=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=ve(this.el,"inline"),this.hasSubtitle=ve(this.el,"subtitle"),this.hasActions=ve(this.el,"actions"),this.hasToolbar=ve(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"),r=i.querySelector(".slot-actions"),n=o||r;if(!a||!n)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(n.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=n.querySelector(".primary-action");h&&(this.actionWidths[s.length]=h.offsetWidth);const u=n.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==r?void 0:r.offsetWidth)&&void 0!==t?t:0,g=f>b-m-10,v=b-f;let y=this.overflowCount;if(g&&this.overflowCount<l)y=this.overflowCount<s.length?s.length:l,this.justCollapsed=!0;else if(!g&&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)}v>=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),r=Math.max(0,i.length-o),n=i.slice(0,r),s=i.slice(r),d=a&&this.overflowCount>i.length;if(0===i.length&&!d)return null;const l=[];if(n.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:"d2cc07ad4cead6c1efeff5618cea5740a5dfa2a6"},e("div",{key:"5700ad50d21a1994fb5b29579d8d160423a8956a",class:{"header-body":!0,"has-toolbar":this.hasToolbar}},e("div",{key:"6e337465daddd11c9351f9a874fdc9d326912e5b",class:"title-row"},e("div",{key:"58ef594f11142dcdaccab535e49c60a02ddba24b",class:"title-inline"},e("udp-text",{key:"8e87a03f23e862d5d7c01ef497b121ffddef582f",variant:"subtitle1",block:!1},void 0!==this.title?this.title:e("slot",{name:"title",onSlotchange:this.handleSlotChange})),e("div",{key:"8e10e4c4f4050ab03fc7a0477c61c1bc38af5c48",class:{"slot-inline":!0,hidden:!this.hasInline}},e("slot",{key:"b597a9e2cc141b640a968a1f8d91aaf0c71768af",name:"inline",onSlotchange:this.handleSlotChange}))),e("div",{key:"c8e87565d638e09dbe44736aad6c271c7d9f1bc9",class:{"slot-actions":!0,hidden:!this.hasActions}},e("slot",{key:"d254cbf352209645a3194a1857c7789835749586",name:"actions",onSlotchange:this.handleSlotChange})),e("div",{key:"81caa9da66a4f46cb141fa379170f8f24e3146ab",class:{"system-actions":!0,hidden:!i}},this.renderSecondaryActions(),this.renderPrimaryAction())),e("div",{key:"849badb220e041c1490c00279e4f8caa978c54cb",class:{"subtitle-row":!0,hidden:!this.hasSubtitle&&!this.subtitle}},e("udp-text",{key:"b7edb450997ae61540990dc050756f94fdb63601",variant:"caption1"},void 0!==this.subtitle?this.subtitle:e("slot",{name:"subtitle",onSlotchange:this.handleSlotChange})))),e("div",{key:"4530369d2e610aa124578e739f06eeecf17e817c",class:{"toolbar-row":!0,hidden:!this.hasToolbar}},e("slot",{key:"d4eb94085ec856259a1a6cd9d4cfbcc337521790",name:"toolbar",onSlotchange:this.handleSlotChange})))}get el(){return o(this)}};ht.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 ut=class{constructor(e){t(this,e),this.thickness="medium",this.shape="rounded",this.validationState="info"}render(){return e(a,{key:"ed081305f42309a9078c45f9b22e6c49e0a1a548"},e("fluent-progress-bar",{key:"f02abe008130ae9a1b8b1e35817ad64bd1243bf7",thickness:this.thickness,shape:this.shape,"validation-state":this.validationState,value:this.value,min:this.min,max:this.max}))}},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.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:"1283f99650dac71eaca68e07328317218d4a6706",class:{"has-error":t}},e("fluent-field",{key:"4c19532ddfb0e4c302b60131e01f8b1754f464ed",class:{"no-message":!i&&!this.includeErrorPadding}},e("fluent-text-input",{key:"1aea377062cbd2460a5631aff912eb77931c2b82",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:"aeb7a77828c641c6250f1083365c8dbce921d504",slot:"start",name:"start"},e("udp-fluent-icon",{key:"1a6fd88be4feb32e9edbff5af35858bde1850e06",name:"search",size:"xs"})),e("udp-fluent-icon-button",{key:"505a648b0d4a8a248541b4ae94babf4137eb7808",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:"c6ca422da68bc799733ac9a0e431125b21347647",required:this.required,disabled:this.disabled},this.label,this.popupHint&&e("udp-tooltip",{key:"b75b100acfdae25f5b0c589fd1d65ea0fb75e06c",content:this.popupHint,positioning:"above"},e("udp-fluent-icon",{key:"eb813886f547c03d32d50ad714920213cb8fe048",name:"info",size:"xs",class:"popup-hint-icon"})))),(!!i||this.includeErrorPadding)&&e("udp-text",{key:"54526ac7342d3c9dcc40a7ba6cae3c980fb45934",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}]}}};pt.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 bt=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,r,n,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:"82de58fadc656689ae099136f99d170855952a3b",iconName:"overflowMenuVertical",color:"inherit"});return e("div",{key:"23d87cb97f3c002070c3ec8d6b95c6befd269680",class:"backdrop",onClick:this.onCloseBackdrop},e("div",{key:"11b64f69164083c49d753c3093958d3cbba66b13",class:{sheet:!0,[this.position]:!0,[d]:!0},style:l},e("div",{key:"ebfd917c6ed5185e4ee1f6a22f515a3fb46c0180",class:"title-container"},e("div",{key:"9a77857a737482d4cb40a97920616fd70d7b045b",class:"close-button"},e("stencil-icon-button",{key:"97c54f805436d949c4c53f76c86a3d983ebf9f81",icon:I,onClick:this.onClose,secondary:!0})),e("div",{key:"6015ca2ec8933d375df9b436196d844477bd469d",class:"title-text"},e("unity-typography",{key:"716aa20dda34803752b4965aa011e172e4c14f99",variant:"h6"},this.title)),(this.headerActionButtonLabel||(null===(t=this.headerSecondaryButtons)||void 0===t?void 0:t.length)>0)&&e("div",{key:"b033e5e527fc376a08ee332b2a82a0585eb78cc4",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:"940031aad5af2d01df53b2ae6b7ccf2dfbbf89fa",disabled:this.headerActionButtonDisabled,onClick:this.onHeaderActionButtonClick,startIcon:c,variant:"contained"},this.headerActionButtonLabel))),e("div",{key:"21bde0a5a0ad153edc86e46c7e7b9e4466a484c5",class:"loader-container"},e("udp-linear-loader",{key:"657735ff1db919f8d5f336b400969fa2098621f5",class:{"is-loading":this.loading},color:"primary"})),e("div",{key:"5bab4bd0520dc6d39873788c41f73d522be8b280",class:{content:!0,padding:this.padding}},e("slot",{key:"a91f7c8e0ce57be9f570166c39ff949fd2decabd"})),(this.primaryButtonLabel||(null===(a=this.footerSecondaryButtons)||void 0===a?void 0:a.length)>0)&&e("div",{key:"210ddeeb63af2707b05f8ab85e8d3f378d8b979e"},e("div",{key:"426a125fe61378ea3380c8e4c4ac78a5395f057f",class:"loader-container"}),e("div",{key:"cd449c510b6324423bd73d909737cc9cbaed5a82",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:"44e244ac7b8ef997a7cc36bb9130df567c30a4fa",class:"footer-secondary-buttons-container"},e("div",{key:"b189b39ab1d802b32907a132a88b43a3cdf9013f",class:"footer-secondary-buttons"},null===(r=this.footerSecondaryButtons)||void 0===r?void 0:r.map((t=>e("udp-button",{variant:"outlined",disabled:t.disabled,onClick:t.onClick,endIcon:t.icon},t.label))))),this.showOverflowButton&&e("udp-button",{key:"60f3436e22154c88a725a92b8abe2485ab834ac6",variant:"outlined",onClick:this.onMoreActionButtonClick,color:"secondary",endIcon:h},"More"),this.primaryButtonLabel&&e("udp-button",{key:"5cd3af6ec4886defd8007a56930dffc1328f733c",variant:"contained",disabled:this.primaryButtonDisabled,onClick:this.onPrimaryButtonClick,endIcon:this.primaryButtonIcon},this.primaryButtonLabel),this.showOverflowButton&&e("udp-pop-over",{key:"3f40a1e0c83c8274709c6362489a03d28033e199",anchorElement:this.overflowMenuAnchor,isOpen:this.openOverflowMenu,popoverWidth:"200px",popoverMaxHeight:"300px",handleOnClose:this.handleCloseOverflowMenu},e("div",{key:"23cda2d77f54d93a9efdd3898e7d9f7bb9a60a98",class:"menu"},null===(n=this.footerSecondaryButtons)||void 0===n?void 0:n.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:"406b502d639144dedfeb6d5c47da60c17f791478",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:"ef454737516b47299acb9a02ba252dd15993660e",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}]}}};bt.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 ft=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:"cef8f14efca54b344bc573fb1f1a8c811ec1af4a"},e("fluent-field",{key:"761880c96ef07fbeb57bd361836e9705bcffffa8","label-position":"above",class:{"no-label":!this.label,"no-message":!i&&!this.includeErrorPadding}},e("fluent-label",{key:"2db8d5b6a0af53c9639e799c218e1971c2f496c8",slot:"label",disabled:this.disabled},this.label,this.popupHint&&e("udp-tooltip",{key:"b00ca64c1def208c4272d2c872d7ee667a0fd145",content:this.popupHint,positioning:"above"},e("udp-fluent-icon",{key:"50bfaa9ea09908d10e06cadf31867c3fe5e700a4",name:"info",size:"xs",class:"popup-hint-icon"}))),e("fluent-slider",{key:"f71c30167f7c937e28a2d7999de6a57a28cf6b37",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:"4ba35ba746eebbf4bd4cba13bc9130feec8a4273",slot:"message",variant:"caption1",class:{message:!0,error:t,includeErrorPadding:this.includeErrorPadding}},i)))}};ft.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 mt=class{constructor(e){t(this,e)}render(){return e(a,{key:"a06546f301afdf9c10f6e3b12830e311842d68c4"},e("fluent-spinner",{key:"0de1b3aaba7bd65d4282dae0ab773a4dbbbc1176",size:this.size,appearance:this.appearance}))}},gt=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 r=null;switch(e.key){case"ArrowRight":case"ArrowDown":e.preventDefault(),"row"===this.layout||"ArrowRight"===e.key?r=(a+1)%i.length:(r=a+o,r>=i.length&&(r%=i.length));break;case"ArrowLeft":case"ArrowUp":e.preventDefault(),"row"===this.layout||"ArrowLeft"===e.key?r=(a-1+i.length)%i.length:(r=a-o,r<0&&(r=i.length+r));break;case"Enter":case" ":return e.preventDefault(),void this.handleSwatchClick(t);case"Home":e.preventDefault(),r=0;break;case"End":e.preventDefault(),r=i.length-1}if(null!=r){const e=this.getSwatchElement(i[r].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 r=i/255,n=a/255,s=o/255;return.2126*(r<=.03928?r/12.92:Math.pow((r+.055)/1.055,2.4))+.7152*(n<=.03928?n/12.92:Math.pow((n+.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,r=this.error||this.hint;return e(a,{key:"77885ad68cd75df76790646a6b3215edd79217db"},e("fluent-field",{key:"e452062a9fa6338b297ff45f09c6e8149b09be25",class:{"no-label":!this.label,"no-message":!r&&!this.includeErrorPadding}},e("fluent-label",{key:"54f3c578d71db33b882b833e5f8e83ec81cd9752",required:this.required,disabled:this.disabled,slot:"label"},this.label,this.popupHint&&e("udp-tooltip",{key:"f5727d2ca749367323c79d2f116aaf0145f1e7e2",content:this.popupHint,positioning:"above"},e("udp-fluent-icon",{key:"e519b64a67249df0b5a8d718935557e975d7594d",name:"info",size:"xs",class:"popup-hint-icon"}))),e("div",{key:"8bb183858a39455b7e144848f9d45e19bc224162",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:"64ec32c2009de2514d821827542dbe939bc79fa8",slot:"message",variant:"caption1",class:{message:!0,error:o,includeErrorPadding:this.includeErrorPadding}},r)))}renderSwatch(t,i){const a=this.internalSelectedValue===t.value,o=this.disabled||t.disabled,r=this.needsContrastBorder(t.color),n={swatch:!0,[`size-${this.size}`]:!0,[`shape-${this.shape}`]:!0,selected:a,disabled:o,"needs-contrast-border":r},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:n,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}]}}};gt.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 vt=class{constructor(e){t(this,e)}render(){const t=this.activeTabId===this.id;return e(a,{key:"cf56739c139547adc2177ba689af14576b83f288",role:"tabpanel","aria-labelledby":this.id,"aria-hidden":t?"false":"true",hidden:!t},e("slot",{key:"3d9370e3a2083a987212519284a8c57240c39986"}))}static get delegatesFocus(){return!0}};vt.style=":host{display:block}:host([hidden]){display:none}";const yt={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"}},kt=class{constructor(e){t(this,e),this.variant="body1"}render(){var t,i,o,r;const n=yt[this.variant],s=null!==(t=this.size)&&void 0!==t?t:n.size,d=null!==(i=this.weight)&&void 0!==i?i:n.weight,l=null!==(o=this.as)&&void 0!==o?o:n.as,c=null!==(r=this.block)&&void 0!==r?r:!["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:"3cc587461e781faf836f24cd261ce21ef17d9916",class:h},e(l,{key:"15b07f9cbcf96762cab158c6604c20ed7747171b"},e("slot",{key:"a1266c0e33e283845132cf560ede14c1245ebc9c"})))}};kt.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 xt=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:"ce219e684e74eeedae71b6bd74bb5d018c4b4a4a",class:{"has-error":t}},e("fluent-field",{key:"fd19793a3d39147a4078a6b03a15f4701acd40d9",class:{"no-label":!this.label,"no-message":!i&&!this.includeErrorPadding}},e("fluent-textarea",{key:"01e4224cbb7df7a29a2846ffc4d49b87e973906c",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:"f946f0a4015f1a6b2b026441baa98321b914d802",slot:"label",disabled:this.disabled},this.label,this.popupHint&&e("udp-tooltip",{key:"f029ccf9f63b92fbb4657bd3cf02ca36057c93c5",content:this.popupHint,positioning:"above"},e("udp-fluent-icon",{key:"24d4806271f964b9e07ed7c3347f8d240a7e2a17",name:"info",size:"xs",class:"popup-hint-icon"}))),e("udp-text",{key:"f66ba1b67c27434789d7c19d23b6b27ba286528e",slot:"message",variant:"caption1",class:{message:!0,error:t,includeErrorPadding:this.includeErrorPadding}},i)))}static get delegatesFocus(){return!0}};xt.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 wt=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"),r=null==o?void 0:o.querySelectorAll("fluent-option"),n=null==r?void 0:r[this.activeIndex];if(!(n&&n instanceof HTMLElement))return;const s=a.getBoundingClientRect(),d=n.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 r,n=0;if(o.includes(":")){const e=o.split(":");r=parseInt(e[0],10);const t=e[1]||"0";n=1===t.length?10*parseInt(t,10):parseInt(t,10)||0}else if(4===o.length&&/^\d{4}$/.test(o))r=parseInt(o.substring(0,2),10),n=parseInt(o.substring(2,4),10);else if(3===o.length&&/^\d{3}$/.test(o))r=parseInt(o.substring(0,1),10),n=parseInt(o.substring(1,3),10);else{if(!/^\d{1,2}$/.test(o))return null;r=parseInt(o,10)}return isNaN(r)||isNaN(n)||r<0||n<0||n>59||r>23?null:(r>12&&r<=23&&(i||a)||(a&&r<12?r+=12:i&&12===r&&(r=0)),r<0||r>23?null:`${String(r).padStart(2,"0")}:${String(n).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 r=Math.abs(this.timeToMinutes(a.value)-e);r<i&&(i=r,t=o)})),t}render(){const t=this.internalError||this.error,i=!!t,o=t||this.hint;return e(a,{key:"1e3c67f0494eebeef619470431dd61f20c812dc2",class:{"has-error":i}},e("fluent-field",{key:"bd0eeb86777cafe6967f0209743ebce6da298ced",class:{"no-message":!o&&!this.includeErrorPadding}},e("udp-popover",{key:"1f8c29d8e15bc689707f34197cfa02ed82d17716",slot:"input",open:this.isOpen,position:"bottom-start",toggleOnTriggerClick:!1,matchTriggerWidth:!0,onPopoverClose:this.handlePopoverClose},e("fluent-text-input",{key:"3bf52c9a96705e52c2d5916c3c0d23faa7526fbd",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:"e11cff02441ac6cdd06b043867ce4e78bf77a61b",required:this.required,disabled:this.disabled,onMouseDown:this.handleLabelMouseDown},this.label,this.popupHint&&e("udp-tooltip",{key:"e7b9c453fcdc80e8d015977098385ff14daa7fa7",content:this.popupHint,positioning:"above"},e("udp-fluent-icon",{key:"5029d6d74fba64cd9ba5f17118b1997efd6763a1",name:"info",size:"xs",class:"popup-hint-icon"}))),e("div",{key:"160e9198fabd32b8c0f5d69ebb4aaa14f16ff4ac",slot:"end"},e("udp-fluent-icon-button",{key:"5fd57970ef38f441e68bfdc2b8175d69325da974",appearance:"transparent",iconName:"clock",disabled:this.disabled,tabindex:-1,onMouseDown:this.handleIconMouseDown,onClick:this.handleIconClick}))),e("div",{key:"2cbd269385c66ad1771479ea9df1e50fd10a178e",slot:"content",class:"listbox-container"},e("fluent-listbox",{key:"b433d9275f9403ad30f731806d31beacf6dc9aeb"},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:"36a23e55d3dc1c126c58e82d4571148e7b2384c8",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}]}}};wt.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 Ct=class{constructor(e){t(this,e),this.delay=200,this.positioning="above"}render(){const t="internal-anchor";return e(a,{key:"b8678d9abbe1c393f7905b1e8f90e3443a4b8427"},e("div",{key:"6c47dbca33e00d5657b8c3d8a8625eff7efe6c4b",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:"9a0c1631d607bed4983e9fb4e5b545cd52e94109"})),e("fluent-tooltip",{key:"c4ee67560abc78f347dc7e5da364aad4bda2d565",ref:e=>this.tooltipRef=e,anchor:t,delay:this.delay,positioning:this.positioning},this.content))}};Ct.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 St=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"}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}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),r=this.resolveProp(i,this.itemStart),n=this.resolveProp(i,this.itemEnd),s=this.resolveProp(i,this.itemAside),d=t.filter((e=>this.resolveProp(e,this.itemParentId)===a)).length>0;return e("fluent-tree-item",{key:a,size:this.size,appearance:this.appearance,onClick:e=>{e.target===e.currentTarget&&this.itemClick.emit(i)}},r&&e("div",{slot:"start"},r),o,n&&e("div",{slot:"end"},n),s&&e("div",{slot:"aside"},s),d&&this.renderTreeItems(t,a))}))}render(){return e(a,{key:"065fa53d724ab1be457dfe424e68e20fe34bb7d7"},e("fluent-tree",{key:"0f8c933e33ad80253e01c87e175bda96d99cc991",size:this.size,appearance:this.appearance},this.treeItems.length>0?this.renderTreeItems(this.treeItems):e("slot",null)))}};St.style=":host{display:block}";const zt=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))}}};zt.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{U as ag_grid_base,X as client_side_grid,J as ghost_render,Z as grid_header,Q as hint_panel,ee as stencil_icon_button,te as test_components_page,re as test_form,ne as udp_accordion,de as udp_ambient_tool_tip,le as udp_autocomplete,ce as udp_avatar,he as udp_badge,ue as udp_button,pe as udp_chip,ye as udp_compound_button,ke as udp_date_input,Se as udp_date_range_selector,ze as udp_date_time_input,Ne as udp_dialog,Te as udp_field,Ae as udp_flexbox,qe as udp_fluent_avatar,Me as udp_fluent_badge,Pe as udp_fluent_button,Oe as udp_fluent_card,Re as udp_fluent_checkbox,je as udp_fluent_counter_badge,Ee as udp_fluent_dialog,$e as udp_fluent_divider,Le as udp_fluent_drawer,He as udp_fluent_dropdown,Ye as udp_fluent_icon,Ue as udp_fluent_icon_button,Xe as udp_fluent_menu,Je as udp_fluent_radio_group,Ke as udp_fluent_switch,Ze as udp_fluent_tablist,Qe as udp_fluent_text_input,et as udp_fluent_toggle_button,tt as udp_form_component,it as udp_icon,at as udp_lazy_loader,ot as udp_linear_loader,rt as udp_list_item,nt as udp_menu_item,st as udp_message_bar,dt as udp_pop_over,ct as udp_popover,ht as udp_primary_action_header,ut as udp_progress_bar,pt as udp_search_input,bt as udp_side_sheet,ft as udp_slider,mt as udp_spinner,gt as udp_swatch_picker,vt as udp_tab_panel,kt as udp_text,xt as udp_textarea,wt as udp_time_input,Ct as udp_tooltip,St as udp_tree,zt 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 r,ModuleRegistry as n,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}from"./apiUtils-oxtMm00a.js";import{g as m}from"./lookupHelper-Bx-mQ_IX.js";import{g}from"./tenantUtils-Basdb1b1.js";import{S as v,I as y,A as k}from"./status-renderer-BoY7sar9.js";import{c as x}from"./configureUdpColumnMods-7rLs-wc2.js";import{isEqual as w}from"lodash-es";import{m as S}from"./makeApiCall-B-daVutk.js";import{C}from"./configService-DgYnEcjx.js";import"@fluentui/web-components/accordion.js";import"@fluentui/web-components/accordion-item.js";import{createPopper as z}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 N}from"./slot-helpers-Dx6EW-PP.js";import"@fluentui/web-components/text-input.js";import"cally";import"@fluentui/web-components/avatar.js";import"@fluentui/web-components/badge.js";import{f as _}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{i as F,f as B}from"./fluent-icons-DP2JUOe4.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 D}from"final-form";import{g as I}from"./iconUtils-BzY-c9Op.js";import"@fluentui/web-components/message-bar.js";import"@fluentui/web-components/progress-bar.js";import T 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 A=null;function q(){return r.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 M(e){A||(A=q()),document.documentElement.setAttribute("data-ag-theme-mode",e)}function P(){return sessionStorage.getItem("user-id")}const O=async e=>{(null===document||void 0===document?void 0:document.startViewTransition)?(document.viewTransition&&await document.viewTransition.finished.catch((()=>{})),document.startViewTransition(e)):e()};function R(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 r=Math.floor(o/24);return`${r} day${1!==r?"s":""} ago`}function j(e){var t;return null===(t=e.gridViewGridViewGridConfiguration)||void 0===t?void 0:t.find((e=>1===e.gridViewGridConfigurationGridConfiguration.gridStateTypeId))}function E(e){var t;return null===(t=e.gridViewGridViewGridConfiguration)||void 0===t?void 0:t.find((e=>4===e.gridViewGridConfigurationGridConfiguration.gridStateTypeId))}function $(e){switch(e){case"primary":return"primary";case"ghost":return"subtle";default:return"secondary"}}const V={agGridExport:class{constructor(e="export.csv"){this.fileName=e}init(e){this.gridApi=e}onAction(e){"agGridExport"===e&&this.gridApi.exportDataAsCsv({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.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=g();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,O((()=>{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;let i;if(this.activeViewId&&this.activeViewState){const t=this.serializeUserColumnState(null!==(e=this.api.getColumnState())&&void 0!==e?e:[]),a=this.serializeUserColumnState(JSON.parse(this.activeViewState.columnState)),o=JSON.stringify(this.api.getFilterModel());i=t!==a||o!==this.activeViewState.filterModel}else{const e=this.api.getFilterModel(),a=Object.keys(null!=e?e:{}).length>0,o=this.serializeUserColumnState(null!==(t=this.api.getColumnState())&&void 0!==t?t:[]),r=null!==this.baseColumnState?this.serializeUserColumnState(JSON.parse(this.baseColumnState)):null;i=a||null!==r&&o!==r}i!==this.isDirty&&(this.isDirty=i,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.isDirty&&(this.isDirty=!1,this.refresh())}),0)},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(P(),this.gridId),this.filterData(),this.initialLoad&&(this.baseColumnState=JSON.stringify(this.api.getColumnState()),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=E(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())},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.setActiveView=e=>{this.removeDirtyListeners();const t=j(e),i=E(e);t&&this.api.applyColumnState({state:JSON.parse(t.gridViewGridConfigurationGridConfiguration.values),applyOrder:!0});const a=i?JSON.parse(i.gridViewGridConfigurationGridConfiguration.values):null;this.api.setFilterModel(a),this.activeViewId=e.gridViewId,this.activeViewState={columnState:JSON.stringify(this.api.getColumnState()),filterModel:JSON.stringify(this.api.getFilterModel())},this.isDirty=!1,this.saveCurrentStateToLocalStorage(),O((()=>{this.refresh(),this.scheduleDirtyListeners()}))},this.clearView=()=>{this.removeDirtyListeners(),this.baseColumnState?this.api.applyColumnState({state:JSON.parse(this.baseColumnState),applyOrder:!0}):this.api.resetColumnState(),this.api.setFilterModel(null),this.activeViewId=null,this.activeViewState=null,this.isDirty=!1,this.saveCurrentStateToLocalStorage(),O((()=>{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=j(t),o=E(t),r=[{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())}];try{await u(t.gridViewId,P(),null==i?void 0:i.gridId,m(),t.name,r,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){var i,a,o;this.api=e,this.refresh=t;const r=this.api.getGridOption("context");if(this.gridId=null!==(i=null==r?void 0:r.gridId)&&void 0!==i?i:"",!this.gridId)return void console.warn("[SavedViews] No gridId provided in grid context — saved views will not work.");const n=this.getStorageKey(),s=localStorage.getItem(n);if(s)try{this.localRestoredState=JSON.parse(s)}catch(e){console.warn("[SavedViews] Failed to parse local restored state",e)}this.loading=!0,this.refresh();const d=c(P(),this.gridId);0===(null!==(o=null===(a=this.api.getColumnDefs())||void 0===a?void 0:a.length)&&void 0!==o?o: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 d,this.filterData(),this.baseColumnState=JSON.stringify(this.api.getColumnState()),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(){null!==this.baselineRecaptureId&&clearTimeout(this.baselineRecaptureId),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())}];try{await p(P(),null==i?void 0:i.gridId,m(),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,P(),null==a?void 0:a.gridId,m(),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,P(),null==a?void 0:a.gridId,m(),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,P(),null==a?void 0:a.gridId,m(),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",r=this.filteredViews,n=[...this.localRestoredState?[{id:"restore-local-state",text:`Restore state from ${R(this.localRestoredState.date)}`,startIconName:"clock",sectionNumber:1,onClick:()=>this.applyLocalRestoredState()}]:[],...r.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:n,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?`(${R(this.localRestoredState.date)})`:"")),r.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)}})))),r.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===P()&&e("udp-fluent-icon-button",{iconName:"edit",size:"small",appearance:"transparent",onClick:()=>this.handleEditRequest(t)}),t.userId===P()&&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;O((()=>{var e,t,i,a;if("serverSide"===this.api.getGridOption("rowModelType")){const o=this.api.getServerSideSelectionState(),r=null!==(t=null===(e=this.api.getGridOption("context"))||void 0===e?void 0:e.rowCount)&&void 0!==t?t:0,n=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(r-n.length,0):n.length,this.selectionState={rowModelType:"serverSide",selectAll:s,toggledNodes:n,selectedCount:this.selectedRowCount}}else{const e=this.api.getSelectedRows();this.selectedRows=e,this.selectedRowCount=e.length,this.selectionState={rowModelType:"clientSide",selectAll:!1,toggledNodes:[],selectedCount: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.selectionState),this.refresh()},this.executeActionProviderAction=e=>{this.actionProviderCallback&&this.actionProviderCallback(e,this.selectedRows,this.selectionState),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:[],"clientSide"===this.api.getGridOption("rowModelType")?this.api.setGridOption("rowSelection",{mode:"multiRow",enableClickSelection:!0}):(this.api.setGridOption("rowSelection",{mode:"multiRow",enableClickSelection:!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;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.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)}}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:$(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{init(e,t,i){this.onOpenCallback=null==i?void 0:i.callback}onAction(e){var t;"advancedSearch"===e&&(null===(t=this.onOpenCallback)||void 0===t||t.call(this))}},agGridHideShowColumns:class{init(e){this.gridApi=e}onAction(e){"agGridHideShowColumns"===e&&this.gridApi.showColumnChooser()}},udpExport:class{init(e,t,i){this.onOpenCallback=null==i?void 0:i.callback,this.api=e}onAction(e){var t;if("udpExport"===e){const e=this.api.getGridOption("context");null===(t=this.onOpenCallback)||void 0===t||t.call(this,null==e?void 0:e.searchObject,null==e?void 0:e.entityName)}}},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"}))}},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 H(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 L{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(H(t.title,t.subtitle))}}getGui(){return this.eGui}refresh(){return!1}}class W{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 r=document.createElement("img");r.src=a,r.alt=null!==(t=e.alt)&&void 0!==t?t:"",r.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(r),this.eGui.appendChild(o)}getGui(){return this.eGui}refresh(){return!1}}class G{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 Y{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(H(t.title,t.subtitle)),this.eValueContainer.appendChild(i)}destroy(){}}const U=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")}`:""},X=class{constructor(e){t(this,e),this.gridReady=i(this,"gridReady",7),this.gridFunctions=[],this.refreshKey=0,this.gridFunctionInstances=[],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=>{M(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=V[e.name];if(!i)return null;const a=new i,o=a.init(this.gridApi,this.refreshGridFunctions,e.params);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(){n.registerModules([s]),M("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;const o=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:U},boolean:{baseDataType:"boolean",extendsDataType:"boolean",columnTypes:"booleanChip"}},gridId:this.gridId,onGridReady:e=>{this.onGridReady(e)},theme:(A||(A=q()),A),components:Object.assign({actionsRenderer:k,avatarRenderer:L,iconRenderer:y,imageRenderer:W,linkRenderer:G,statusRenderer:v,subtitleRenderer:Y},null===(e=this.gridOptions)||void 0===e?void 0:e.components),domLayout:"normal",defaultColDef:Object.assign(Object.assign({cellDataType:!1,sortable:!0,filter:!0,flex:1,minWidth:150,suppressHeaderMenuButton:!0},null===(t=this.gridOptions)||void 0===t?void 0:t.defaultColDef),{filterParams:Object.assign({buttons:["reset","apply"],closeOnApply:!0,maxNumConditions:10},null===(a=null===(i=this.gridOptions)||void 0===i?void 0:i.defaultColDef)||void 0===a?void 0:a.filterParams)})});l(this.gridEl,o),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&&!w(e,t)&&this.setColumnDefs()}setColumnDefs(){var e;const t=x(this.columnDefs,null===(e=this.gridFunctions)||void 0===e?void 0:e.some((e=>"advancedSearch"===(null==e?void 0:e.name))));this.gridApi.setGridOption("columnDefs",t)}handleEntityNameChange(){this.updateGridContextValues()}render(){return e("div",{key:"104459ae3bbc35124905c375284deea7fd4a18e2",ref:e=>this.gridContainerEl=e},e("ghost-render",{key:"9246393a0abf0f32551fc7783747328dbba99ec7"},e("div",{key:"b8e6d1fdb1ff7884e6723a0ff9421bd12ad63740"},e("udp-dialog",{key:"4e2de434c26d11fa47104e6c8f06d76d3e617500"}),e("udp-list-item",{key:"c46d7dec91a2bae694631f095c9904f85d607ba6"}),e("hint-panel",{key:"4177e50ac5fedda3f15de57153de46201f104454"}),e("udp-side-sheet",{key:"2e8914c6d8ea1bb83e48cce4489fd2d636884498"}),e("udp-fluent-dialog",{key:"482719dc0f89bdbe4749d28aa1d2509343de1ca7"}),e("udp-fluent-text",{key:"03a30ea4a724b2d003befd88f4fa8eba27685411"}),e("udp-fluent-text-input",{key:"a6e25454b5bd17db8ed441363c81b66902987323"}),e("udp-fluent-switch",{key:"b547bd01dda86ba3b1c94a5973de9b562cf7cb59"}),e("udp-fluent-button",{key:"9d5b809d46caaedf783b42598adb23f2d181a8b8"}),e("udp-text",{key:"f4ce740ea9998d756f4e9518a1c304dd5e4208a3"}),e("udp-search-input",{key:"8192e2ac08b3ee6052578677c3361e9dc7648ec5"}),e("udp-fluent-avatar",{key:"8e7f9bb0c6e9dee5d50b5740a9599a7a1271f677"}),e("udp-fluent-icon-button",{key:"059f897ae01e52266e938f77c70dd848efd12f43"}),e("udp-fluent-icon",{key:"33b02e8a98bb6fee997ac180942dbb2545ea2c21"}),e("udp-fluent-badge",{key:"5b0ca3ac9944d662c9593602fe8adfd13da4a2b8"}))),e("grid-header",{key:"5a1a52b5e07dd84dbc5f7b0c8d6ac3cca3faa2d9",headerConfig:this.headerConfig,gridFunctions:this.gridFunctions,gridFunctionInstances:this.gridFunctionInstances,refreshKey:this.refreshKey,onHeaderAction:this.onHeaderAction}),e("div",{key:"ea69fb43b9a875f35ef7851662af90474321ef81",ref:e=>this.gridEl=e}))}static get watchers(){return{gridFunctions:[{handleUpdateGridFunctions:0}],gridHeight:[{handleUpdateGridHeight:0}],columnDefs:[{handleUpdateColumnDefs:0}],entityName:[{handleEntityNameChange:0}],gridId:[{handleEntityNameChange:0}]}}};X.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 J=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:"986f172c2d9f1758548f3f49be1b3cd2c2693b26",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}]}}},K=class{constructor(e){t(this,e)}render(){return e(a,{key:"bec0fa4741a39ce0d804f3f98ce8c211138028d3"},e("slot",{key:"f6934523537cde4b6ebc2fe0f8af1a83c3cab2d8"}))}};K.style=":host {\n      display: none;\n    }";const Z=new Set(["openSavedViews","quickFilter","advancedSearch"]),Q=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,r,n,s,d,l,c,h,u,p;const b=null==(f=this.gridFunctions)?void 0:f.some((e=>Z.has(e.name)));var f;const m=null===(t=this.headerConfig)||void 0===t?void 0:t.primaryActionButton,g=(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,v=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!==(r=this.gridFunctions)&&void 0!==r?r:[]).map((e=>e.name))),x=null!==(n=this.gridFunctionInstances)&&void 0!==n?n:[],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},_=N("openSavedViews"),F=N("quickFilter"),B=N("agGridRefreshData"),D=N("agGridExpandCollapseAll"),I=[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")}].filter(Boolean),T=k.has("udpExport"),A=k.has("agGridExpandCollapseAll"),q=T||A||k.has("agGridRefreshData")||I.length>0,M=!!this.headerConfig,P=w.length>0;if(!M&&!P)return null;const O=M&&P&&!b,R=!(!(null===(c=this.headerConfig)||void 0===c?void 0:c.title)&&!y),j=M&&P&&b&&!R,E=P&&!O&&!j,$=()=>{var t,i,a,o;return[A&&e("udp-tooltip",{content:(null===(t=null==D?void 0:D.isExpanded)||void 0===t?void 0:t.call(D))?"Collapse all":"Expand all"},e("udp-fluent-icon-button",{iconName:(null===(i=null==D?void 0:D.isExpanded)||void 0===i?void 0:i.call(D))?"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==B?void 0:B.isRefreshing)||void 0===a?void 0:a.call(B))&&void 0!==o&&o},iconName:"arrow-sync",shape:"rounded",onClick:()=>this.action("agGridRefreshData")})),T&&e("udp-tooltip",{content:"Export"},e("udp-fluent-icon-button",{iconName:"export",shape:"rounded",onClick:()=>this.action("udpExport")})),I.length>0&&e("udp-fluent-menu",{buttonType:"icon",shape:"rounded",endIconName:"settings",appearance:"secondary",size:"medium",items:I})]},V=()=>{var t,i;return e("div",{class:"scoping-zone"},null===(t=null==_?void 0:_.render)||void 0===t?void 0:t.call(_),null===(i=null==F?void 0:F.render)||void 0===i?void 0:i.call(F),k.has("advancedSearch")&&e("udp-fluent-icon-button",{iconName:"filter",shape:"rounded",onClick:()=>this.action("advancedSearch")}))},H=()=>{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"},V(),q&&e("div",{class:"toolbar-actions"},$())))};return M?(O||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:g,secondaryActions:v})),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:g,secondaryActions:v},j&&e("div",{slot:"inline",class:"promoted-scoping"},V()),(O||j)&&q&&e("div",{slot:"actions",class:"promoted-utilities"},$())),E&&H()]:H()}};Q.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)}.toolbar-actions{display:flex;align-items:center;gap:var(--spacingHorizontalS)}.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)}";const ee=class{constructor(e){t(this,e),this.showHint=!0,this.handleHideHint=()=>{this.showHint=!1}}render(){return e("div",{key:"9f3e0a64c558e9640f0452edaf641053460c8a39",class:"hint-container"},this.showHint&&e("div",{key:"357a51d28445c9ef44d285b90d414adc79a3c0c4",class:"hint-content"},e("div",{key:"955c8e4bdb80681728a3b1e828eef95c830e0f86"},e("unity-typography",{key:"c13886bc1eb7869e3e4c5fccc19a53d559227f9f",variant:"body"}," ",this.hint," ")),this.hideHintText&&e("div",{key:"a17cfbf74ace9228b4633a9ab15b525801bbc552",class:"hide-help"},e("udp-button",{key:"71c170ce3161e76a96dae07649d72b0598352db4",size:"small",color:"info",onClick:this.handleHideHint},this.hideHintText))))}};ee.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 te=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,r=()=>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(r,null)):e(r,null))}};te.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 ie=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:"a9c2322a26615d31613089bc327c27e3ec4917aa",style:{display:"flex",flexDirection:"column"}},e("div",{key:"bf2ba944baa02b50dd338098d9d5c3ed4e92eac9",style:{display:"flex",gap:"1rem",marginTop:"1rem"}},e("udp-fluent-button",{key:"242492378dad7dd52621678294e2647c6dbb499c",onClick:()=>this.formDrawerOpen=!0},"Open Form Drawer"),e("udp-fluent-button",{key:"66126efb0e275889a5377d0a8b3e4dcd42d4e715",onClick:()=>this.drawerOpen=!0},"Open Grid Drawer")),e("div",{key:"919821dfd30a7cf09bad796e7d3b4b5ca3ac8097",style:{display:"flex",flexDirection:"column",gap:"1rem",marginTop:"2rem"}},e("h4",{key:"00e3320913a1c3c53978f2b1b07d78165930214c"},"Scroll Overflow Strategy"),e("udp-fluent-tablist",{key:"9ab08dcfddfdbe4d43d22533bb7e91e4eb306b6d",tabList:this.tabs,onTabChange:this.handleTabChange,appearance:"transparent",size:"small",orientation:"horizontal",overflowStrategy:"scroll"},e("span",{key:"a70671fda6c6472f7fe8b21800b295ab122a8c7e",slot:"grids-start",style:{color:"red",fontWeight:"bold"}},"!")),e("h4",{key:"963ef03978a78e87336b27be5add4c29f5a2efb0"},"Collapse Overflow Strategy"),e("udp-fluent-tablist",{key:"ea61b3879d3cbbeb9c6618e5858d41c2f836028e",tabList:this.tabs,onTabChange:this.handleTabChange,appearance:"contained",size:"small",orientation:"horizontal",overflowStrategy:"collapse"},e("span",{key:"72ca1c8badafb439d583d3361492a33c50203d07",slot:"grids-start",style:{color:"red",fontWeight:"bold"}},"!")),e("div",{key:"bc463889ac07a431dc87c73f067fb8addbc24cc5",style:{padding:"1rem",border:"1px solid #ccc"}},e("udp-tab-panel",{key:"ac7bcd1e0855661c1b006bdd8d5f25ffd1575743",id:"buttons-inputs",activeTabId:this.currentTab},e("div",{key:"63b0192e96eb71b182b0707d8db7eeae399ebcef",style:{display:"flex",flexDirection:"column",gap:"1rem"}},e("h3",{key:"e3d5f9758314ab4d5d7cba2cead95d182a143b82"},"Buttons & Inputs"),e("div",{key:"d2d95504692b3429c7fb43bc27ae938f4e7626ff",style:{display:"flex",gap:"1rem",alignItems:"center"}},e("udp-fluent-switch",{key:"e9ce5e96a67c67afe668d3bfe1c60cc3fbaeabc2",label:"Toggle Loading",checked:this.isButtonLoading,onValueChanged:e=>this.isButtonLoading=e.detail}),e("udp-fluent-button",{key:"076a4b9c8b3939fca0e5b0fe165f38c1e1478c4f",loading:this.isButtonLoading,size:"medium"},e("udp-fluent-icon",{key:"35c7becc662dd5d891f5aaee818cacb728a9aab5",name:"calendar",size:"sm",slot:"start"}),"Loading Button")),e("div",{key:"c36f993d3d0034655fdea10d24ae114d0fb55fba"},e("udp-fluent-button",{key:"005f381234113fd751518aadae7dbf5f98b2d60d",onClick:()=>console.log("Click Me Clicked")},"Click Me")),e("div",{key:"21a9b646be50f2c9adf88a1cbb7c159e8a3a1708"},e("h4",{key:"71fb818808575b24d24fdfbe78e23e3fba82f405"},"New Icon Props"),e("div",{key:"9877970aeb3fd51cb725b7a7423fc0af02c24ee9",style:{display:"flex",gap:"1rem",alignItems:"center"}},e("udp-fluent-button",{key:"926b5e5137ad0533897ab4dd303cb9106eea1f80",startIconName:"checkmark",onClick:()=>console.log("Start Icon Clicked")},"Start Icon"),e("udp-fluent-button",{key:"92cca95950d0eed95c50a6292564e32a92ced897",size:"large",onClick:()=>console.log("End Icon Clicked"),endIconName:"home"},"End Icon"),e("udp-fluent-button",{key:"f960cf20882fcd125b7a53c0a2576350d4889347",appearance:"primary",onClick:()=>console.log("Primary Clicked")},"Delete"),e("udp-fluent-button",{key:"c93088bb38d605f6d3d895c4e078366a6b91c396",startIconName:"checkmark",onClick:()=>console.log("Override Icon Clicked")},e("span",{key:"9caa795afb3ca4f0037bb44c561ea2b4cefe27ef",slot:"start"},e("udp-fluent-icon",{key:"cdf66302bae34dad84acdc7e87251c2f9386e336",name:"home",size:"md"})),"Slotted icon override"))),e("div",{key:"d323f8e769102769a062974da71b7eb8d6658f10"},e("h4",{key:"038bb2e73ad76f03f3e2b8de5359e29b0b319611"},"Compound Buttons"),e("div",{key:"57dfa5e9eb921e6b2c602098677a4144119b4ca1",style:{display:"flex",gap:"1rem",alignItems:"center"}},e("udp-compound-button",{key:"99830baa92fae322458cacaf94a554aad816d02c",description:"Hello World",startIconName:"calendar"},"Compound Button"),e("udp-compound-button",{key:"0e07486eb840a6af2ea73f1cd57f582d2ead0cbb",appearance:"primary",description:"With End Icon",endIconName:"delete"},"Primary"),e("udp-compound-button",{key:"bb60625d8140dbc78f1a382381bcb7225b244818",description:"Custom Slot",size:"small",startIconName:"add",onClick:()=>console.log("Compound Button Clicked")},e("span",{key:"29f365a8cf5a0c3887a47b87faabe40682037408",slot:"description"},"Slotted Description"),"Compound")),e("div",{key:"6d7109606ba0485a72b5152245c97cb8a18844a4",style:{marginTop:"1rem",display:"flex",gap:"1rem",alignItems:"center"}},e("udp-fluent-switch",{key:"04ebf651f2230fdcc81a7928662cbbb4ae9b9161",checked:this.isButtonLoading,onValueChanged:e=>this.isButtonLoading=e.detail},"Toggle Loading"),e("udp-compound-button",{key:"0e7638c6075fb794c97e7d2ee59db594e561c2c0",description:"Click switch to load",endIconName:"add",loading:this.isButtonLoading,onClick:()=>console.log("Compound Button Clicked")},"Loading Test"))),e("div",{key:"244a86372c3cf3d16236c6f0e154b53af3836bbe"},e("h4",{key:"9b3a0148eb4009f814f1b023b3bb7e4e55312d83"},"Toggle Buttons"),e("div",{key:"5d2e76afc817c86021017b7b2ad25a0678453906",style:{display:"flex",gap:"1rem",alignItems:"center",flexWrap:"wrap"}},e("udp-fluent-toggle-button",{key:"aa415541152a25e399d92646448824e9e3c1b444"},"Toggle Me"),e("udp-fluent-toggle-button",{key:"f393ebdba5b63d7d45cf02e62b52ddedcfe2d13e",pressed:!0,disabled:!0},"Disabled Pressed"),e("udp-fluent-toggle-button",{key:"5956343beeaa7358a451ad981ff7ee8a8f4ac354"},e("udp-fluent-icon",{key:"aa7a3e07e6d9d2686db547fea62ff4340e57ab11",name:"add",size:"sm",slot:"start"}),"Slotted icon"),e("udp-fluent-toggle-button",{key:"a6fe9d77dea303d942a68accf448b12d6421ac92",endIconName:"settings"},"End Icon Prop"),e("udp-fluent-toggle-button",{key:"3197c1f85d6036e9269f5291d803ae2c588ff97f",size:"small",startIconName:"add"},"Small"),e("udp-fluent-toggle-button",{key:"c87a03c8762ea5d6a72e249c4ed5d89431ba3e3d",size:"large",endIconName:"delete"},"Large"))),e("div",{key:"1342cf8a51ffc4824988f222c16f44faa1bb4288"},e("h4",{key:"734d04a76b6933f8ed9ef859a8a944d3c1811651"},"Icon Buttons (Dynamic Sizing)"),e("div",{key:"ba2567c6e53d8a8ff789f28981a3696cf024da39",style:{display:"flex",gap:"1rem",alignItems:"center"}},e("div",{key:"bdb25678cde5a8689296ed1410cc44d6445ac720",style:{display:"flex",flexDirection:"column",alignItems:"center"}},e("udp-fluent-icon-button",{key:"785795590edcbcd3b3c33791c858600491e91fe2",iconName:"settings",size:"small",appearance:"primary",ariaLabel:"Edit"}),e("span",{key:"80f869560b0087cbd3f47d382f6a27944d254cb1",style:{fontSize:"12px"}},"Small (Subtle)")),e("div",{key:"5bce1bbceb8d92fd34870279d7ed9cadae945a72",style:{display:"flex",flexDirection:"column",alignItems:"center"}},e("udp-fluent-icon-button",{key:"8b97470503d8d99e0c4eb10c9503170fe9579df5",iconName:"settings",size:"medium",ariaLabel:"Delete"}),e("span",{key:"5e340cabab8b0461ae2b394d63e9b92e70bc520f",style:{fontSize:"12px"}},"Medium (Outline)")),e("div",{key:"2fade4d53bf10e7587db6cec326b2ad5737aabc3",style:{display:"flex",flexDirection:"column",alignItems:"center"}},e("udp-fluent-icon-button",{key:"c37eb2ac3fbdb5de76487babd3927fdb52adfc25",iconName:"settings",size:"large",appearance:"primary",ariaLabel:"Settings"}),e("span",{key:"ecea0b60ed282a75bb468c53e2e1e31d29c5b5f0",style:{fontSize:"12px"}},"Large (Transparent)")))),e("div",{key:"743c684b4f721cedea7f24350be72a95c4094dee"},e("udp-loading-spinner",{key:"1637fc4d712521bb23fb795917c7f9b6437bfca6",size:"tiny",appearance:"primary"})))),e("udp-tab-panel",{key:"972256fea6668009ab1811ff1bff073de2198e45",id:"inputs",activeTabId:this.currentTab},e("div",{key:"f03349ae64368fac7a1aedf2adb50cb78043ffe1",style:{display:"flex",gap:"1rem",flexDirection:"column"}},e("div",{key:"9c28839e42105ee9ac55df10299bfe964c65b7f6",style:{padding:"1rem",backgroundColor:"var(--colorNeutralBackground3, #f5f5f5)",borderRadius:"8px",marginBottom:"1rem"}},e("h3",{key:"ec492fbcc5045a6717e23c54316d6e939b50db63",style:{margin:"0 0 1rem 0",fontSize:"16px",fontWeight:"600"}},"Global Property Controls"),e("div",{key:"80207364c26854976d42c08da0ebbc2f4e4ffb7d",style:{display:"flex",gap:"2rem",flexWrap:"wrap",alignItems:"flex-end"}},e("udp-fluent-dropdown",{key:"f855a9ab7b7bd02d74e781cac1fe7a0b705eacac",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:"ba01afa7f9b176741781818ca5e4b3342a9621fb",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:"e5732edab996b12c60eaba885c5f2348ce51b2db",label:"Required",labelPosition:"after",checked:this.inputControlRequired,onValueChanged:e=>this.inputControlRequired=e.detail}),e("udp-fluent-switch",{key:"1db41ed259be9907ea3a18cf3137eb6811a6b103",label:"Disabled",labelPosition:"after",checked:this.inputControlDisabled,onValueChanged:e=>this.inputControlDisabled=e.detail}),e("udp-fluent-switch",{key:"c2c7ac38c8277ffd3e193576973a2067c8c4d109",label:"Readonly",labelPosition:"after",checked:this.inputControlReadonly,onValueChanged:e=>this.inputControlReadonly=e.detail})),e("p",{key:"2c9bd808f492554642680aba181876402d33399a",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:"1bcc06ec36215c916ef12f2d5eb6ea660d2b16a2",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:"89b772ea4fa4ba00e694790959ff0688ec727bb2",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:"201d9fe86f4cb25fbbb7a8aa00e5aebc4cfa3de0",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:"7dd9d1a6fe13c95807c83d0d6cafa630a1a2b9c2",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:"836ca8989445f862ec7e4da197ac8f0b7c557c90",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:"b6c349af19bf76dacae9fd2eb03cf493b2e6fb6d",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:"b8cf77007b6ed7ea0f4903ca9789d6f75fb6c588",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:"e215c9f73c96f9d04b9e58242e06af0763b50a06",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:"4dd6158d4eb44f8573fe1a89813c0778d2a4b0c4",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:"bc4ee065153d67b6eb67074e5447e1c49c305cac",label:"Checkbox",hint:"Check me!",disabled:this.inputControlDisabled,controlSize:this.inputControlSize,checked:!0}),e("udp-fluent-switch",{key:"80ec3e6a600fb60d89511355c8932eef6be076fc",label:"Switch",labelPosition:"after",disabled:this.inputControlDisabled,checked:!0}),e("udp-slider",{key:"6e367840c051db800dd02c0ad71655fe7a18fed7",label:"Slider",min:"0",max:"100",hint:"Slide to adjust value",disabled:this.inputControlDisabled,value:"50"}),e("udp-fluent-radio-group",{key:"42c1ce960ddc437c35c3335eea46a6108e4dd69e",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:"77fdaf9cfbc1ecfbe95de9164bcf0decdee4bb12",id:"data-display",activeTabId:this.currentTab},e("div",{key:"2bf6711e09b598cb7378fddeb54eba1448ef531f",style:{display:"flex",flexDirection:"column",gap:"3rem"}},e("div",{key:"6e32607f36fd0c4172f8c1fbac1c54a45bb92f99"},e("h3",{key:"3398cc45b6cf68f2aa43a971992a0fcb9ba20b44"},"Tree Example - Animal Kingdom (Conservation Status)"),e("p",{key:"8e33b49ba9ec0846e98828c04c0d068e23c69564",style:{fontSize:"14px",color:"#6b7280",marginBottom:"1rem"}},"Explore the animal kingdom with conservation status, population data, and more."),e("udp-tree",{key:"40cbeb7889dcf3b85a0152571c9b415bd38b3f22",treeItems:this.animals,itemContent:"name",itemStart:"emoji",itemEnd:this.getStatusBadge,itemAside:this.getItemAside,size:"medium",appearance:"subtle"})),e("div",{key:"c5b9b9ac6697aaec324d3e228cc512446fac2fd3"},e("h3",{key:"401301b8a2e88501a42f5f00ecdb122de09109c8"},"Accordion Example"),e("udp-accordion",{key:"f24bf1be554c94b9f444c9572de8668896d96d60",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:"ae3f3a9bf405fd5e851debc02f9e76ada576d5b5",slot:"complex-slotted-heading"},e("div",{key:"fa1c0adc0c5005ff8acd6b350a03e41883704764",style:{display:"flex",alignItems:"center",gap:"8px"}},e("udp-fluent-icon",{key:"f97f8e764feb2d77fc79767dcb45d3f0fe2ae9b4",name:"star",size:"md"}),e("span",{key:"6badcee5af6ccaac8e23da312b5141f858eea384"},"Complex Slotted Header"),e("udp-chip",{key:"74328823d59e5508a11bf2fddaf91ee640c01817",label:"New",color:"success",size:"small",variant:"filled"}))),e("div",{key:"e816c8ea48e64c3d21f17dd16d3b887f5d8f4690",slot:"complex-slotted-content"},e("p",{key:"82709cbd97bfc95cff776dec0f34defbb842f30b"},"This content uses slots for complete control.",e("br",{key:"a164b912bb1fdf8e4c90a8fa9b9d0efb1b520387"}),e("span",{key:"d3974ad2398721510eda3be33991eeaab4b10a89",style:{fontSize:"12px",color:"gray"}},"(Try adding buttons, forms, or any component here)")),e("div",{key:"019147e252c0d8a78cbb8c755aa3983eab72ae98",style:{marginTop:"8px"}},e("udp-fluent-button",{key:"dcb6c913ce3a460cfabfd30ce221a0f16c08185e",size:"small"},"Action A"),e("udp-fluent-button",{key:"cbb8b41e5c020c1339c23b03369d5863f0504628",size:"small",appearance:"outline"},"Action B"))))),e("div",{key:"6a1ff2d1e1b7df9fc7581bec977e48d39ca70c88"},e("h3",{key:"22ce55c72c726aa45e60f12da34ae3a56f62c297"},"Auto-Wrapping Tooltip"),e("udp-tooltip",{key:"135947f4097c79cfc6b548d2cd263533c2640e05",positioning:"above",content:"This works with Shadow DOM!"},e("udp-fluent-button",{key:"46d2dfd14852bf3f6223f15f85b5601d8e87caeb"},"Hover me"))),e("div",{key:"6709b19d3c5d890829b91c9acca6ee68c208884a"},e("h3",{key:"28bd6a5155973ee5a918789563e637e4d69ccc64"},"Message Bar Example"),e("div",{key:"52cf20b28a27d8068370ee82d49c89299bc39195",style:{display:"flex",flexDirection:"column",gap:"1rem"}},e("udp-message-bar",{key:"7e9e931d762b851a4ccb2fbeb9d417e64d0720f3",intent:"info"},"This is an informational message bar."),e("udp-message-bar",{key:"2f9be85b01d731556fa9d756ddb2f260fd17e982",intent:"warning"},"This is a warning message bar."),e("udp-message-bar",{key:"3ec65b1bb0f04447033c63dbbcd9f1074e6ed066",intent:"error"},"This is an error message bar with actions.",e("udp-fluent-button",{key:"ee74859f779e23707a1113a0d38e594846ba9cde",slot:"actions",appearance:"outline",size:"small"},"Resolve")),this.showMessageBar&&e("udp-message-bar",{key:"f5af3b8d64e49f51f6a4041091bddbb7d4000f45",intent:"success",shape:"square"},"This is a success message bar (square).",e("udp-icon",{key:"dc1d5a7e89796415354c0fb3188be90300571227",iconName:"add",slot:"icon"}),e("udp-fluent-icon-button",{key:"7c2b86365dbc0999822dc5b25c4312287748b449",iconName:"dismiss",shape:"circular",appearance:"subtle",ariaLabel:"Close drawer",onClick:()=>this.showMessageBar=!1,slot:"dismiss"})))),e("div",{key:"ad70349e1a5cbc2c345871c7f993870d155c5fb2"},e("h3",{key:"8d761f238da5f183af39d5133b421742863f4842"},"Progress Bar Examples"),e("h4",{key:"d6ef6d3eded2d0d7332bd382bb7647c38ee212b9"},"Indeterminate"),e("udp-progress-bar",{key:"85c12d201fe8b96b4ce5893e0bdfb1fada820f6c",thickness:"large"}),e("h4",{key:"07d84941bd21e6cf5c6c0235fd2ab15c505c5e0c"},"Determinate (Success)"),e("udp-progress-bar",{key:"e4b8a2973657ff90e0be96720d8b8cd3cc446793",value:75,validationState:"success",shape:"square"}),e("h4",{key:"846cff45e7b69fe8eeae43b79c3ededce2005c8c"},"Interactive"),e("div",{key:"e73b5c33064a47a278f3238100996e7960c5038e",style:{display:"flex",gap:"1rem",alignItems:"center",marginBottom:"1rem"}},e("udp-fluent-text-input",{key:"740dd2da608e8b6af3f2107602ac3857db4b5af4",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:"b2dda92b20fcfeade5aa48926e486bbdfc6156b7",value:this.progressValue,min:0,max:100,shape:"square"})),e("div",{key:"c1b029c3d0d676c8b87e11e25e0b5e1e3bb4c662"},e("h3",{key:"ce0ce2425846b779ad62f913726011df4d24aa38"},"Divider Examples"),e("p",{key:"23bc63207378d6578e9c9409b3bf3755a421b27b"},"Default Divider:"),e("udp-fluent-divider",{key:"9e4c3ae8be07c5b6c426bb329264770156dc9116"}),e("p",{key:"990820751b2c9dc457dd995742ab6aaef75c20cc"},"Align Content:"),e("udp-fluent-divider",{key:"ccac08a2a35b75b56bee460abdb28c10f5686694","align-content":"start"},"Start"),e("udp-fluent-divider",{key:"e58ecd7c9ab898dc891a397aa3050d0268d3c2e0","align-content":"center"},"Center"),e("udp-fluent-divider",{key:"cb5dede99f948589591e9a38636c0368c20fb9f0","align-content":"end"},"End"),e("p",{key:"b31a3bcd204dc33f88930a75c0b4f78d36a6a6b4"},"Appearance:"),e("udp-fluent-divider",{key:"b109e20f375e9c7c1582d2a87b44b91fdae86867",appearance:"strong"},e("udp-icon",{key:"8c674e724aa6b996c171f865a5bbf28c9b6350e1",iconName:"add"})),e("div",{key:"149502fc02f6bd96a335b433745b7b184b689f90",style:{height:"10px"}}),e("udp-fluent-divider",{key:"d807ac65751e7278c340a15967946cc8df6d8b8e",appearance:"brand"},"Brand"),e("div",{key:"d98881c01cfbd4d736b26942ca18a0fee698d65f",style:{height:"10px"}}),e("udp-fluent-divider",{key:"da12ebc90414cb2db322e36dae167a2a7e1292e1",appearance:"subtle"},"Subtle"),e("p",{key:"7130f6f91e9f8f1443d1dffec3c4f32cf9b9a67f"},"Vertical Divider (inside flex container):"),e("div",{key:"5c2b2bb4db35c6396171cdf4c5b9232c9f288d57",style:{display:"flex",height:"50px",alignItems:"center",border:"1px solid #ccc",padding:"10px"}},e("span",{key:"949c3f42383aeb454af50263566939746ae02bfe"},"Item 1"),e("udp-fluent-divider",{key:"32501ff8f93a48e9bcb3da217283698e421e162e",orientation:"vertical"}),e("span",{key:"e59aea9c027fec6cb4fec15f5a65162f5e0555a3"},"Item 2"),e("udp-fluent-divider",{key:"b7f357dc17bf5debb609a3c5cd5532cef0859d26",orientation:"vertical",appearance:"brand"}),e("span",{key:"d0a6b9254ae004e7f137dc569b653f12039d2d51"},"Item 3"))),e("div",{key:"afb0078edd8f1fa66461dbe778614ef6b409ed8d"},e("h3",{key:"8065dbf16dd3114762ddbefbc443937bfd7602d9"},"Fluent Icon Examples"),e("p",{key:"51044c3113f5291337d2010de72d64841028fe83"},"Basic usage (new simplified API):"),e("div",{key:"8bc7c0797842640871e7d031f5a5372f1ed152a6",style:{display:"flex",gap:"1rem",alignItems:"center"}},e("udp-fluent-icon",{key:"9ee788cbb5cd10e59965f8b963c1f5ea0204d041",name:"add"}),e("udp-fluent-icon",{key:"8901e7b5a636b00df07065e78b17b5e7f70c923f",name:"home"}),e("udp-fluent-icon",{key:"6f3b282efe40abe6ea726d432a649c8296e0bda9",name:"settings"})),e("p",{key:"52ef93c801604ef54a0f3a1c4df63da18394e133"},"Colored:"),e("div",{key:"b1c65ab33791399c5315a477db9ef727e65038df",style:{display:"flex",gap:"1rem",alignItems:"center"}},e("udp-fluent-icon",{key:"f5f6b380d9ee2d12ddfed4ecd3877c8abb024fbc",name:"add",variant:"filled",color:"green"}),e("udp-fluent-icon",{key:"c3208182c81fc385e901caf2661480a17e18227b",name:"delete",color:"red"})),e("p",{key:"1f6c84b57822e26d98e217d895cb7400beea9b7f"},"Sizes (xs=16px, sm=20px, md=24px, lg=28px):"),e("div",{key:"46ef5ec269427ff516300029a19dd340584dfd71",style:{display:"flex",gap:"1rem",alignItems:"center"}},e("udp-fluent-icon",{key:"d4dd1aa55b8e5be00a30294e74114c297b68b14c",name:"home",size:"xs"}),e("udp-fluent-icon",{key:"ef7a5fed6b38072b4ed7af72c54a3fd9c630f6d4",name:"home",size:"sm"}),e("udp-fluent-icon",{key:"703428e322d4690b431f7702b262ecb9a39d668c",name:"home",size:"md"}),e("udp-fluent-icon",{key:"3b0260ec7ff93e5f6fb759c3b8bf5dd2ead5f536",name:"home",size:"lg"})),e("p",{key:"c6305854d59e3379ee3d1941b9426eaba1eea838"},"Variants (regular vs filled):"),e("div",{key:"a3e344ba6f6c0e2d131e8714f2fb68c5349f84b0",style:{display:"flex",gap:"1rem",alignItems:"center"}},e("udp-fluent-icon",{key:"634d1679ff10b3fc68885ccb6e82ecbae533d9f3",name:"star",variant:"regular",size:"lg"}),e("udp-fluent-icon",{key:"1808ffc37a71b6ec3e21d8061aa22b8f767606c3",name:"star",variant:"filled",size:"lg",color:"gold"}))))),e("udp-tab-panel",{key:"9061491c7408ef518c93e4510c0342f4196b00a5",id:"text",activeTabId:this.currentTab},e("div",{key:"42158fd01324be5ac6580d127e3cf517db55800b",style:{display:"flex",flexDirection:"column",gap:"2rem"}},e("h3",{key:"19955508b8ce1e974f2718b3f368ff2249563e76"},"Text Component - All Variants"),e("div",{key:"cd20ac11a81b0a18840a65fb25776ca7ba9ba8f0"},e("h4",{key:"fc43111ddef3bf567c20b4f60843144abdbc73cd"},"Display Variant"),e("udp-text",{key:"815fc4167ae4cb1855db99460af931c54428c422",variant:"display"},"Display Text (h1)")),e("div",{key:"b4b2b4052cc782e20d0c7ed4bfc53661c7e8067b"},e("h4",{key:"208f0f42c37d1da8798bb1abeec4d9312ed9e7e1"},"Large Title Variant"),e("udp-text",{key:"f90529216b82c76cc2fd883cc3788c01f12a1fcd",variant:"largeTitle"},"Large Title Text (h2)")),e("div",{key:"5953ab7ce98fc9ede62e35266b58a7fefc055531"},e("h4",{key:"6f89ce02716c6f55724907fb150a2fed11d0da1b"},"Title Variants"),e("udp-text",{key:"6becaa1002625599a274c54fef2a8d7392836aaf",variant:"title1"},"Title 1 Text (h3)"),e("udp-text",{key:"26107029e3ff5f2f3324080cfcbc4f927f7cab17",variant:"title2"},"Title 2 Text (h4)"),e("udp-text",{key:"8efa0ccb5fe059e835f1249dcad355921a5d7d64",variant:"title3"},"Title 3 Text (h5)")),e("div",{key:"82102e3003627b38457b6080657f0d1df1bf6d40"},e("h4",{key:"ff3e79501db293156d8cf8df92d27c2acd4d657b"},"Subtitle Variants"),e("udp-text",{key:"174c06c8299b92577a434ffb93f0944cdcbcc8a7",variant:"subtitle1"},"Subtitle 1 Text (h6, medium weight)"),e("udp-text",{key:"7de1a0ca543e14f9eef0856750c5cb3b6b09bd24",variant:"subtitle2"},"Subtitle 2 Text (h6, semibold weight)")),e("div",{key:"39fe2b088383f16fa2af20ea26fd2f67af619176"},e("h4",{key:"472e5693b40fec8fae2dd5b75ab59ac2f8fe7e95"},"Body Variants"),e("udp-text",{key:"2aee779b847fea987a9cd08035c240ceed7d85be",variant:"body1"},"Body 1 Text (p) - This is the default variant. Lorem ipsum dolor sit amet, consectetur adipiscing elit."),e("udp-text",{key:"a2729ead635e58a09332ed8e11e7c6aa057b6d8c",variant:"body1Strong"},"Body 1 Strong - Semibold weight for emphasis."),e("udp-text",{key:"cbadb54e7c02a661dffa6eec403bc30978bf73e8",variant:"body1Stronger"},"Body 1 Stronger - Bold weight for strong emphasis."),e("udp-text",{key:"df56890ce3b82fbaf497ad094cf86a3a8b7771e0",variant:"body2"},"Body 2 Text - Slightly larger than body1.")),e("div",{key:"4d3e11a28bc6981e5d1438d4aff3f6ef570af346"},e("h4",{key:"e55f6012ac4b09ddf2a961768e6c3326c719f409"},"Caption Variants"),e("udp-text",{key:"101f698517f16e40f1bc5a9426d3d595ed6e0a9d",variant:"caption1"},"Caption 1 Text (span, inline)"),e("br",{key:"c82297bb0390e94c31e560a7b6435504ff25abe9"}),e("udp-text",{key:"892f817148acb710d89167bb7e86a447993f6ee6",variant:"caption1Strong"},"Caption 1 Strong (semibold)"),e("br",{key:"49cc7284229bbe1bc365188e358e3835fbd38cee"}),e("udp-text",{key:"76414d1d212289c51723a55d97a5d3da6668112e",variant:"caption1Stronger"},"Caption 1 Stronger (bold)"),e("br",{key:"f2d4edd51aceba3c1b5797c0df6c44c73130614c"}),e("udp-text",{key:"9b87b6b4b833a6b70fca0d0391b1366a879b0b6f",variant:"caption2"},"Caption 2 Text (span, inline, smaller)"),e("br",{key:"75910dcc73dae664d7f82ee2ffc92c8c86adf812"}),e("udp-text",{key:"4ac1b89267ba36e4b85b0479a68b979523e51e1a",variant:"caption2Strong"},"Caption 2 Strong (semibold)")),e("div",{key:"33d91d6bc2df8df1cdafa8708cb69eae03f5d680"},e("h4",{key:"00cfc23ea8e5032482e0d659d47f876e28f5f014"},"Text Alignment"),e("udp-text",{key:"52850e1292d7986ca7161904bc09135d453d9c20",variant:"body1",align:"start"},"Aligned to start"),e("udp-text",{key:"c41f33e30c168e4cb5f802753605c94b410481d2",variant:"body1",align:"center"},"Centered text"),e("udp-text",{key:"b7c0fabbf8587e0ab2f73d827bc3f829b2147576",variant:"body1",align:"end"},"Aligned to end")),e("div",{key:"703ee79f1eaae0231ac61c266c615f5ea5fec6d5"},e("h4",{key:"1054bde800cf17649dbecb1c81a879e0b697e335"},"Text Styling"),e("udp-text",{key:"7821df898438bf0702d039787ad00b0be9eca6aa",variant:"body1",italic:!0},"Italic text"),e("udp-text",{key:"3bc080c0ee2267c0c1339136e0020cbd91571b17",variant:"body1",underline:!0},"Underlined text"),e("udp-text",{key:"4caebcfd35cc80f55158258daf79aa407633fc4a",variant:"body1",strikethrough:!0},"Strikethrough text"),e("udp-text",{key:"9e7073072d1d5680d7d388215d0ee1102cad78f6",variant:"body1",weight:"bold"},"Bold text")),e("div",{key:"77d272c771c34dba5f6f99fb7ee720d74c58c743"},e("h4",{key:"17ece7137fe4f964d94e3c483fb84ca4d7f32ded"},"Custom Semantic Tags"),e("udp-text",{key:"39755ecf77e42c99174074ae7b4eab2fe751177b",as:"h1"},"text as h1 element"),e("udp-text",{key:"673b2f4bff5af8c2c0c56845805bf68dbda8b956",variant:"caption1",as:"p"},"Caption text as paragraph")),e("div",{key:"e8323a13cf76eda241134f81f886459d3ad01d6e"},e("h4",{key:"d9ab19fbfe1098b9fca8a08ddfa26753548eaa2b"},"Font Variants"),e("udp-text",{key:"e8664100b4ae37e4e9e69af3778c0bf45d0fbafc",variant:"body1",font:"base"},"Base font (default)"),e("udp-text",{key:"38e11a31a0d8bbf35264aa4861fc4afac36f2e8e",variant:"body1",font:"numeric"},"Numeric font: 1234567890"),e("udp-text",{key:"52a7644e31499d395237032bf032f9ab6481977e",variant:"body1",font:"monospace"},"Monospace font: const x = 42;")),e("div",{key:"cdc154b83212b95e06c8ea2de0ba37154e1dabe7"},e("h4",{key:"d44a775577d89517f846c64f0feb89f3c2257e75"},"Size Override"),e("udp-text",{key:"575308b06fdf994e4b7449fa3f5971d821a58d20",variant:"body1",size:"200"},"Body variant with size 200"),e("udp-text",{key:"e596a8db486ef37988b2f2f51a6838faba14dc5d",variant:"body1",size:"600"},"Body variant with size 600"),e("udp-text",{key:"65e1308031cdebe08a72f7793e87fc9906de4690",variant:"body1",size:"1000"},"Body variant with size 1000")),e("div",{key:"b83b0c0d342a0840bd810dd64cac688aa7b88160"},e("h4",{key:"0be4f9b3587be6d6fcc2245a0f15bb6db5d3da4d"},"Lists"),e("udp-text",{key:"b14c6454f28ce670231b6e1844ed3be18d9f453b",variant:"body1",as:"ul"},e("li",{key:"43d751fe5a10ec5f47fa4c5dc353b16c5255d86c"},"First list item"),e("li",{key:"f54de0ea90e30bda8134965448c15fed9d7c2d4c"},"Second list item"),e("li",{key:"06cc15e35287b6974cb963c3e59e1ede8e52f30d"},"Third list item")),e("udp-text",{key:"f2178019b003d4567ae6b093f323ad8c190f57f3",variant:"body1",as:"ol"},e("li",{key:"7c0b27016a2e2e8c100a4c2c6e2adf9e7b5994dc"},"First ordered item"),e("li",{key:"4157bc9ebebde329fe1a819f79646dda4646c189"},"Second ordered item"),e("li",{key:"b5bd89272c56938cb2402ff4bdafd57939a399bb"},"Third ordered item"))))),e("udp-tab-panel",{key:"e09ec247aee6bbc0c14af4b2b88a3748f282635e",id:"menus",activeTabId:this.currentTab},e("div",{key:"528334b1baaf0100c2e802bd3f68a454a81af316",style:{display:"flex",flexDirection:"column",gap:"2rem"}},e("div",{key:"38b76ef11eba3a3df0e85f9079b5506f75b0acf4"},e("udp-fluent-menu",{key:"1768f62fa29af9d8ca8ff6a4ea3231ecd6068b2d",items:this.nestedMenuItems,label:"Nested Menu"})),e("div",{key:"d4f4c26e153846cc898a85c9bfe67eb749a8c1e8"},e("udp-fluent-menu",{key:"ec8fe2cfe87e2e07873915c8a9dacf75597fb72d",items:this.sectionedMenuItems,label:"Sectioned Menu",endIconName:"add"})),e("div",{key:"bee5317fe4aa275a5dc99d2657d68da2aef53034"},e("udp-fluent-menu",{key:"8785cdb3add784ad2914ea3cbe33bee14de9c7ac",items:this.iconMenuItems,label:"Icons & Slots",startIconName:"grid_20_regular"},e("div",{key:"db4b00a2e2ca38188b624bbc1057c3c1c8e26a48",slot:"slot-test-start",style:{color:"magenta",fontSize:"20px"}},"★"),e("span",{key:"d8da4b6bdd4c55ff0d5868e1dac87d588046dc96",slot:"slot-test-end",style:{backgroundColor:"red",color:"white",borderRadius:"4px",padding:"2px 6px",fontSize:"10px"}},"NEW"),e("span",{key:"fe2933edadf9522cbeb3f82b8d9a44557bfdf50f",slot:"end-slot-item-end",style:{color:"magenta",fontSize:"12px"}},"Custom"))),e("div",{key:"eeb74aef44dccdf1f150a27aa700d80a9d5df277",style:{display:"flex",justifyContent:"flex-end",border:"1px dashed #ccc",padding:"1rem"}},e("span",{key:"a5bd09fbb99708406bb2e8e5089abc1c3f775b7b",style:{marginRight:"auto"}},"Menu Overflow Test (far right):"),e("udp-tooltip",{key:"ad2726ab98706cf206102bbd2015da142906f64d",positioning:"before",content:"More Options"},e("udp-fluent-menu",{key:"ebd2f0e804f6dfe0ae8a4c2de4f1f54b5de746a4",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:"ad74c9b25c3cbb2205120c0140c520008c8467cc"},e("h3",{key:"ba375eaddee10a6e45af3800be15f72349808d36"},"New Radio Group Example"),e("udp-fluent-menu",{key:"00bc97736e57296a4324b616dc46febbb0269a68",items:this.newRadioGroupItems,label:"Select Option",onCheckedChange:e=>console.log("New Radio Group Change:",e.detail)})),e("div",{key:"7e5a52bb673728dbfca40aec7dc932605269d0d4",style:{padding:"1rem",border:"1px dashed #ccc"}},e("h3",{key:"8f44971154efa9b004f15a34d854205d98babfdf"},"Menu at Bottom (Testing onClick handlers)"),e("udp-fluent-menu",{key:"5561e2582c59b337c5519bd9aa65d7c5c68d84a3",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:"8b1486b295de9e7685f42d4eace70ec408294201",slot:"start",iconName:"add"}))))),e("udp-tab-panel",{key:"b961a0a978e6d7d40b1837e91087b6061dc42af0",id:"grids",activeTabId:this.currentTab},e("udp-lazy-loader",{key:"207ddc9a9f3be697c933bf9cc6c6eaa37c21ab5c",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:"611f7081c5f5a5e944bd3d61b2b0f7783090c7f9",id:"dialogs",activeTabId:this.currentTab},e("div",{key:"98e221d954d163cbb8f9e1daee827936088f1192"},e("udp-fluent-button",{key:"8ea4674f753f07f7003bb54ede8beb21fba87221",onClick:()=>this.dialogOpen=!0},"Open Dialog"),e("udp-fluent-dialog",{key:"fd736dbb071b2dbbacf85a7710ffacdebc662afc",open:this.dialogOpen,dialogTitle:"Example Dialog",onDialogClose:()=>this.dialogOpen=!1},e("div",{key:"81228808f36ed196e99c3dc42cb4fb2dc630ec41"},"This is a simple dialog example."),e("udp-fluent-button",{key:"9d97aa4e3e028b03642953654d844dd9d6c74c46",slot:"action",onClick:()=>this.dialogOpen=!1},"Custom Close"),e("udp-fluent-button",{key:"adfd1d446af0eb2598c1df104a2da110f920e40d",appearance:"primary",slot:"action"},"Confirm")))),e("udp-tab-panel",{key:"b9fb3c07db15a11f001351c324949ede16f207b2",id:"cards",activeTabId:this.currentTab},e("div",{key:"6d1818cad04a021d24a118847515f7aa319726f2",style:{display:"flex",flexDirection:"column",gap:"2rem",padding:"1rem"}},e("h3",{key:"9d156fb3b4b73423b94673335938d84e0cb7c211"},"Cards"),e("h4",{key:"a2ffc49ed0848d086ca9e2e2b38bdb5ce176300f"},"Basic & Outlined (Default)"),e("div",{key:"2ef335dd7d90637cb6c8fc05b7301f42cfde1a70",style:{display:"flex",gap:"1rem",flexWrap:"wrap"}},e("udp-fluent-card",{key:"70829bee58c2ec8285a44a444d53fbce8751b376",appearance:"filled"},e("div",{key:"dfcb7b7f222eaf8e77f245b51c94255130dd9012",slot:"header"},e("h3",{key:"f6b00b7fa2ec7a5891c9a7861181fae72a8c0173",style:{margin:"0"}},"Basic Card"),e("span",{key:"c8d30963ccf89f556d606123649c356e7c61425a",style:{fontSize:"12px",color:"var(--colorNeutralForeground2)"}},"This is a basic outlined card")),e("span",{key:"d05b6fe416a7c7357becd7e25c881c25c922afbd"},"Card content goes here. The card handles its own slots for header, preview, and footer."))),e("h4",{key:"6d2e56c8b2d5767810f31f3a9d89e6060cabd8bc"},"Elevated & Media"),e("div",{key:"5ba088c7b7269a07d8b3eab80de07d25efdd35a5",style:{display:"flex",gap:"1rem",flexWrap:"wrap"}},e("udp-fluent-card",{key:"aeb986059cf19e9e6d1123938f9bf64da08019cb",appearance:"filled",interactive:!0,label:"With shadow & interactive",subtitle:"This card uses the filled appearance and has a preview image."},e("img",{key:"9801355d1a8068a994c3452a7f9a26f91ee9d488",slot:"preview",src:"https://images.unsplash.com/photo-1557683316-973673baf926?w=600&h=400&fit=crop",alt:"Abstract gradient preview"}),e("span",{key:"335ce1eab18d86a827cecdef09299272b73c1b9d"},"Card content"),e("div",{key:"51d47a4d29bd753e77f190a338edd12c78ae4548",slot:"footer",style:{display:"flex",gap:"8px"}},e("udp-fluent-button",{key:"1641ee437373db6d6d538097c7db6f89837db400",size:"small"},"Action 1"),e("udp-fluent-button",{key:"bb33a0b8c4a57490ef6398bf2cda70af2a67f789",size:"small",appearance:"outline"},"Action 2"))),e("udp-fluent-card",{key:"ba1f891b2aa1abf587f77c8f76d037f7cb0ee5f0",appearance:"subtle",label:"Prop provided title",subtitle:"Prop provided subtitle"},e("span",{key:"ad929628071f1322c5618228cc91f04960e70860"},"This card uses the subtle appearance. Good for lists or less emphasized content."),e("div",{key:"12eff546d98f7a685bf418bf1c8d261e268d12ad",slot:"footer"},e("udp-fluent-button",{key:"38d4bdec852840c087c23791896a098997c2ed04",appearance:"primary"},"Dismiss"))),e("udp-fluent-card",{key:"38034b70915f98fe91c225b6a064669e04c8f655",appearance:"outline",label:"Card with Action",subtitle:"Header action example",width:"320px"},e("udp-fluent-icon-button",{key:"b594a04bcc7488d4e88b7f4c22983b2be5f56159",slot:"header-action",iconName:"more_horizontal_20_regular",appearance:"subtle",ariaLabel:"More options",onClick:()=>console.log("More clicked")}),e("span",{key:"8b9c1fbf27a737f16f1090e8acbca4d04e7b060b"},"This card demonstrates the header-action slot with an icon button.")),e("udp-fluent-card",{key:"c9f7c868be35f782de8dcf063990a59f17dd7b00",appearance:"muted"},e("h4",{key:"1a85d7b49b40edae1a63ead9bd953f064a174111",slot:"header",style:{margin:"0"}},"Muted Card"),e("span",{key:"fa980e6c65a542b828db0aee4c6186534c167bb9"},"Flat with subtle grey shading."))),e("h4",{key:"f4df5b5d26cc98354243b5478cc95dfba2e2c2ca"},"Horizontal & Sized"),e("div",{key:"4f949b219111544edf3d675cb2711d11147b6c58",style:{display:"flex",flexDirection:"column",gap:"1rem"}},e("udp-fluent-card",{key:"0c0e1a5ff93e8cd224c471eeb47e7ef317e9bc47",orientation:"horizontal",width:"400px"},e("div",{key:"6ce20fb5151344423e3da874db695454b1390bd0",slot:"preview",style:{width:"80px",height:"100%",backgroundColor:"var(--colorNeutralBackground3)",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"24px"}},"📷"),e("div",{key:"51b50fb75f90fadd2837918012372dbfd6ab14d1",style:{display:"flex",flexDirection:"column",width:"100%"}},e("div",{key:"fdf7b30429d6a89ccc4c1bd0ac56bac95185e718",slot:"header"},e("h4",{key:"6e157a9fcd5a0ec43a3094b6aa0db68e6f753929",style:{margin:"0"}},"Horizontal Card")),e("span",{key:"14d33efeeacb3578cf14c28b18c07c694ee6cd42"},"Fixed 400px width."))),e("udp-fluent-card",{key:"d7950aa84eaa206c74ffa019c0a3e3e07a37cf5e",width:"300px",appearance:"filled"},e("div",{key:"69a0f6c5261327d8416f3ea2272e5b7fa57d6c62",slot:"header",style:{display:"flex",justifyContent:"space-between"}},e("span",{key:"b4d4436867f934db8f56afe3ec858017d8303f72",style:{fontWeight:"600"}},"Fixed Width User"),e("udp-fluent-icon",{key:"c9037b4b1eae9c93e6b402c03a6c0d3cc32eab01",name:"person_20_regular"})),e("span",{key:"f9e486ae96bd6e1bfc09e418125128d33966d8a0"},"Fixed width (300px), auto height. Reduced padding is no longer controlled by a prop."))),e("h4",{key:"97414297ba0b8d6b5be4e784c36a2ccc92b86d67"},"Complex Interaction"),e("div",{key:"e3809ba88425145900456a1c2067cebb3ee0145d",style:{display:"flex",gap:"1rem",flexWrap:"wrap"}},e("udp-fluent-card",{key:"6078b9865ca44f56e4f8d00b71f566e20cdef4d9",interactive:!0,appearance:"outline",onClick:()=>console.log("Card clicked"),style:{width:"280px"},label:"John Doe",subtitle:"Software Engineer"},e("div",{key:"2d6742805d89224d04c9c628056fee2e802dd464",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:"4db66fa4e7495b02e9eb344746dca88cf08c4006",iconName:"more",slot:"header-action",shape:"circular"}),e("udp-fluent-icon-button",{key:"00ccae5c21a5e63a9a8be2d3942b5cc83c7c132a",iconName:"dismiss",slot:"header-action",shape:"circular"}),e("div",{key:"1f41bbf20173c61b387cf9c841c5afb0c2aab509"},"(div) Responsible for maintaining the core design system and ensuring accessibility compliance across all products."),e("udp-typography",{key:"43cd1d08d5ff0d181a72360813e15ec0ab3c96f1",variant:"body1"},"(body1) Responsible for maintaining the core design system and ensuring accessibility compliance across all products."),e("udp-typography",{key:"0693a1dd4cc8e9f801453c5567c3765fe49b1034",variant:"body2"},"(body2) Responsible for maintaining the core design system and ensuring accessibility compliance across all products."),e("udp-fluent-button",{key:"78e4b10feb952643aa1d9e9b5cfc8870e93f0c92",slot:"footer",appearance:"primary",size:"small",onClick:()=>console.log("Profile clicked")},"View Profile"),e("udp-fluent-button",{key:"1b55a80c412ace704016945d7e7754a2c30ce02c",slot:"footer",appearance:"outline",size:"small",onClick:()=>console.log("Help clicked")},"Help Center"))),e("h4",{key:"92695342613fa80150a47949a9decc5a9de768ff"},"Flex Layout (Grid System)"),e("div",{key:"74b2cf35e7d4273c01a51b9a0434be304c499b33",style:{display:"flex",flexDirection:"column",gap:"1rem"}},e("div",{key:"7ccce1e2ec6cffdb14f5da5403bd02a833799695",style:{display:"flex",gap:"1rem"}},e("div",{key:"c54f057f09461122bf8df32ec41c30fa0ce3710e",style:{flex:"1"}},e("udp-fluent-card",{key:"77a8cff7730a3406e6a9310fad104e0c44c45d02",width:"100%"},e("div",{key:"a624d19751e9080670e2a58c1550388f0b232c83",slot:"header"},e("h3",{key:"3de162c68af8128fd9bf9eedf5d1f31652c29624"},"Card 1 (50%)")),e("span",{key:"eeb79fb1288fb75ae095a92cc3c4baee9753a4a3"},"Flex item 1"))),e("div",{key:"1ea1bf23f48b77b49a454878e056bc0c2e6cee4a",style:{flex:"1"}},e("udp-fluent-card",{key:"78def1ef68ea9d2cb28d6cbb03b068586ed9bde8",width:"100%"},e("div",{key:"37c24dbe2b807fb8d8c342480e59fac7380b9ac8",slot:"header"},e("h3",{key:"4451a1fb49bdf86da969dc7e36ec36fd9d052d4e"},"Card 2 (50%)")),e("span",{key:"6f7555032ebb12c868940dbbf72d0eb9ef1580de"},"Flex item 2")))),e("div",{key:"af0b1bfa1411a7ac4125ece9864fed2156044274",style:{display:"flex",gap:"1rem"}},e("div",{key:"1084f82b5f6c3a1da18ebc04523400adc5ed9a3c",style:{flex:"1"}},e("udp-fluent-card",{key:"30bdd8486e8e8f1fd644a8d2fa8506d86d2301e6",width:"100%"},e("div",{key:"4ca3b4efa5c5dea6a9853aa9445dd0f10e02d27e",slot:"header"},e("h3",{key:"5b98a820eaafbc574616dc8f914a945dc617eb32"},"Card 3 (33%)")),e("span",{key:"bbd4769778ecad1f73ec23dfcbba236d9a615980"},"Flex item 3"))),e("div",{key:"c14f814fd247ef8aa57c0326d2fb03a7a57c98d1",style:{flex:"1"}},e("udp-fluent-card",{key:"146de00db7e14b8f193eb17c5c98737bba778d32",width:"100%"},e("div",{key:"117354ab3b00e49d78b271675786564d4635b7af",slot:"header"},e("h3",{key:"5b4898b6ff436bc0bce2fe5c3ec28c84623596c7"},"Card 4 (33%)")),e("span",{key:"9c6bcb4fa1cbf6cde21dcfcd5f90f176cf2f4748"},"Flex item 4"))),e("div",{key:"84538a75637a02ce2437f00947064f892cf7c88b",style:{flex:"1"}},e("udp-fluent-card",{key:"56b8204956fbcf209987ff16de132ca2528ea508",width:"100%"},e("div",{key:"fe1e8148e4b8665c6d71ae0718347853232418a3",slot:"header"},e("h3",{key:"f690fd59b8dc4be8b1ffcc008d2a0dd6bd42bb16"},"Card 5 (33%)")),e("span",{key:"932bda158a38e14dfe48811d46df57309f8991c0"},"Flex item 5"))))))),e("udp-tab-panel",{key:"88ed75229aabbcaa6a1022887ef52dbc19c91e1e",id:"chips",activeTabId:this.currentTab},e("div",{key:"8af5fcc4bdc5d5eae25eb3d1c1d43cb621c98dc0",style:{padding:"24px",display:"flex",flexDirection:"column",gap:"24px"}},e("h4",{key:"7e2cebdf3abb636484b8c2c1903f5f1d80e815b4"},"Filled Chips"),e("div",{key:"633e81f8161f15130a99fc9cfaebdbb71e291261",style:{display:"flex",gap:"8px",flexWrap:"wrap"}},e("udp-chip",{key:"f393337049dfd1c98f6ded1481b521761835b3f8",label:"Basic Chip",variant:"filled",color:"gray"}),e("udp-chip",{key:"f6c85f01147ced201eed3d4594c8249e0fd3d5d8",label:"Primary",variant:"filled",color:"primary"}),e("udp-chip",{key:"53222a89e6f6b31120c478b6fd9c35ed73a90bb2",label:"Success",variant:"filled",color:"success"}),e("udp-chip",{key:"f6c47b7cfa85bc3c612e3414bca5bff185e9982f",label:"Warning",variant:"filled",color:"warning"}),e("udp-chip",{key:"8380869d2869997550cd58f60e05d03bac09a7d9",label:"Error",variant:"filled",color:"error"})),e("h4",{key:"f1239966cc07bf73587bbbdb23626ba04381c44f"},"Outlined Chips"),e("div",{key:"6685b6c1529075c94b5e19374eb0bd01fd7f4981",style:{display:"flex",gap:"8px",flexWrap:"wrap"}},e("udp-chip",{key:"1ee60acbab2184408cd382da4889bef128e826bd",label:"Basic Chip",variant:"outlined",color:"gray"}),e("udp-chip",{key:"f237d938668b58d3ff944593aff68733b25207c3",label:"Primary",variant:"outlined",color:"primary"}),e("udp-chip",{key:"00f74d9971532b06192c01f8b517fe8680d69848",label:"Success",variant:"outlined",color:"success"}),e("udp-chip",{key:"797e8dcb81f81c894156e21524a3c6f1e3f99d0a",label:"Warning",variant:"outlined",color:"warning"}),e("udp-chip",{key:"f64ca7451d70878bb7378b47f7c9ac12014087ec",label:"Error",variant:"outlined",color:"error"})),e("h4",{key:"a9756e7283d6a3a4074ebc4c4669ca2d7e04a2c9"},"With Icons & Deletable"),e("div",{key:"ef6a7ccb28fde281283867185e53e811706a5857",style:{display:"flex",gap:"8px",flexWrap:"wrap"}},e("udp-chip",{key:"dba7238bd1f43866f95a44ee3577c0acbeffe1b4",label:"Person",startIcon:"person_20_regular",variant:"filled",color:"primary"}),e("udp-chip",{key:"93a0048a47e0a137dc236552f9ad2f029ac348d5",label:"Deletable",variant:"filled",color:"gray",deleteButton:!0,onChipDelete:e=>console.log("Delete:",e.detail)})),e("h4",{key:"254c629d89e9ef1a3912868c5c0e7b2c48f22788"},"Sizes"),e("div",{key:"8207bab587da5149b8c96ce2a2d1157f8446d637",style:{display:"flex",gap:"8px",flexWrap:"wrap",alignItems:"center"}},e("udp-chip",{key:"8f44326a0fbe430ac27f7b72c85cfc29db68da8c",label:"Medium (Default)",size:"medium"}),e("udp-chip",{key:"3e057b9f323a86b73b20c513a552ac30d1e0f887",label:"Small",size:"small"})))),e("udp-tab-panel",{key:"9f89a0da047922c50cf76d799d1625a2f949dfa2",id:"forms",activeTabId:this.currentTab},e("div",{key:"d213943d5d985c7fdf8a1c6f9883d2a5550ac97e",style:{padding:"24px",display:"flex",flexDirection:"column",gap:"40px"}},e("div",{key:"b80261a9bf86cdf12849ad404d4c3197f67c8d5c"},e("h3",{key:"f3a79b73737877d76f2694d8cfca3ab3c2a07183"},"1. Registry Pattern (Sidesheet)"),e("p",{key:"de7aae22952fe113d571d75a9a7f750e33339cfb"},"Button in drawer footer auto-connects to form via ",e("code",{key:"f8ab264a55aba2a386a6e78589470750ee2070b6"},"formId"),"."),e("div",{key:"337d7bbab8bb985bbd52b8f755c744145fcd0873",style:{marginTop:"16px"}},e("udp-fluent-button",{key:"2f097e68139e611cf630ed252f84d324102d20f9",appearance:"primary",onClick:()=>this.formDrawerOpen=!0},"Open Registry Form Drawer"))),e("hr",{key:"7d5568120b9d60a8557dcedbb5ca568c679bf8d7",style:{width:"100%",borderColor:"#eee"}}),e("div",{key:"df0cd61b04418f570c065db4f0ba78c28a265417"},e("h3",{key:"7508a1d1b3b1efd24e8448e38fde36fa5d712dc1"},"2. Legacy Manual Wiring (Sidesheet)"),e("p",{key:"dc6e333bfb52cd3d3c0f9b3d0a7b9ea74886e700"},"Parent component manually listens to ",e("code",{key:"95dc4b57526933ce8a4f6231ffc1a3c8567a15e5"},"formReady"),", tracks validity state, and calls ",e("code",{key:"5f1c2b8eaff919de930c94ad5cf221ab78d700dd"},"submit()"),"."),e("div",{key:"f38c9d920d0f6874f3be0490adb9bc944c7a13df",style:{marginTop:"16px"}},e("udp-fluent-button",{key:"24ef0443a16a240122f68b50cf41efd8b388bd36",appearance:"outline",onClick:()=>this.manualDrawerOpen=!0},"Open Manual Form Drawer"))),e("hr",{key:"b1dfe7a753fd8df429888eb29dad1b6a424d37bd",style:{width:"100%",borderColor:"#eee"}}),e("div",{key:"18e9d2eedc2a2586f20679d9d351583f8294b4fc"},e("h3",{key:"50aec36cdac2d136692a737986b0b35208518c1a"},"3. Inline Form"),e("p",{key:"fc4801b61a1a0136f70e5aa720e2a1c2d50b7e9b"},"Form embedded directly in the page. Uses registry pattern for the external submit button."),e("div",{key:"6ad1d54a4cb971d665b4af6a3bc230635730aa7b",style:{border:"1px solid #e0e0e0",padding:"24px",borderRadius:"8px"}},e("div",{key:"d9d0a17af517f258c74eb439b479079a19e7c9df",style:{marginTop:"16px",display:"flex",justifyContent:"flex-end"}},e("udp-fluent-button",{key:"e34b1f0c704b93fbf67fd8bed3de2ad6fdb5bf48",appearance:"primary",form:"inline-form",type:"reset"},"Inline Reset")))))),e("udp-tab-panel",{key:"9b38be482e3a8faa5c1a81f5ca7d83336c9caebd",id:"calendar",activeTabId:this.currentTab},e("div",{key:"f5b1b4344fd1737af514dd40968b21bff35121a4",style:{padding:"24px",display:"flex",flexDirection:"column",gap:"32px"}},e("div",{key:"6988993fd53d16ceba30defe24935fe8058bb3b0"},e("h3",{key:"871db8c584562bf096ac93f0a0e048ce5ef4bc43"},"Date Range Selector (Fluent2 Styled)"),e("p",{key:"f048857420af064c334122db02071be519372660",style:{color:"var(--colorNeutralForeground2)",marginBottom:"8px"}},"Calendar component with month/year view navigation. Click the header to switch views.")),e("div",{key:"a3e5190d29006a28b204f7ef56fcff976fe9edf3",style:{display:"flex",gap:"48px",flexWrap:"wrap"}},e("div",{key:"e904a9ca74a364727106bbaca92933e1d83d4543"},e("h4",{key:"2dbc91365b6f27b163dd8cf4e768c17ac5f593d8",style:{marginBottom:"8px"}},"Single Date (sm)"),e("udp-date-range-selector",{key:"69d2f581d4fbba74fc40f5483cf58e3f623427c6",variant:"single",monthsToDisplay:1,size:"sm",onChange:e=>this.singleDateValue=e.detail}),e("p",{key:"4f6a4e436a9d49c879ec40c5fedb74b4a4737957",style:{fontSize:"12px",color:"var(--colorNeutralForeground3)",marginTop:"8px"}},"Value: ",e("code",{key:"96b9e90d465820739f85e314b91895b5ed147c7b"},this.singleDateValue||"(none)"))),e("div",{key:"78670ee359abf290ba8d94b58fe71c60aad1ad1b"},e("h4",{key:"45b6ade6c4808b011184e0ff34433233d66abba6",style:{marginBottom:"8px"}},"Multi-Select (md)"),e("udp-date-range-selector",{key:"5d4ae298f2bb6f7d9defed5716b96c7c67015af7",variant:"multi",monthsToDisplay:1,size:"md",onChange:e=>this.multiDateValue=e.detail}),e("p",{key:"a556aa32e975a1a7f9b8e8e072e9b90398b02ca4",style:{fontSize:"12px",color:"var(--colorNeutralForeground3)",marginTop:"8px"}},"Value: ",e("code",{key:"ece61d000ccf09db5813bd6ec11853a67696988c"},this.multiDateValue||"(none)")))),e("div",{key:"9b18249409730967a04c0598584d2f3c5d5f977f"},e("h4",{key:"c34dab89630d11b37870d70602f4d61657487b3d",style:{marginBottom:"8px"}},"Date Range (lg, 2 months)"),e("udp-date-range-selector",{key:"8aa2b984755b84499c1265a3582f5dba0e9e5352",variant:"range",monthsToDisplay:2,size:"lg",orientation:"horizontal",onChange:e=>this.rangeDateValue=e.detail}),e("p",{key:"937653dd99a2da0b6828d442014865a2b6c5c6e2",style:{fontSize:"12px",color:"var(--colorNeutralForeground3)",marginTop:"8px"}},"Value: ",e("code",{key:"75a1420a86b75f8990401bcf9cc5764b8a4d94dd"},this.rangeDateValue||"(none)"))),e("div",{key:"40685d4b580a6d5e9c9eb6cf35d63cee6e6ba75b"},e("h3",{key:"756e063c4b011fc9b6f13280b6ad92598a01e0bd",style:{marginTop:"16px"}},"Date Picker (Native)"),e("p",{key:"8845e45d2612f1c6c8b70d2f8ebee56bf9e4ab16",style:{color:"var(--colorNeutralForeground2)",marginBottom:"16px"}},"For simple single date selection, the native date input provides quick month/year navigation."),e("div",{key:"f07a0c05f653d0e6df9416d2849bd83e958bf343",style:{display:"flex",gap:"24px",flexWrap:"wrap"}},e("udp-date-input",{key:"5052a4abe2e19d8e30616f55358907c0f475af95",label:"Date",appearance:"outline"}),e("udp-date-input",{key:"dd6f2d6ee001f7eda5ff2135d8012305e5a5b744",label:"Date & Time",appearance:"outline"}))),e("div",{key:"3dc32f5693540dbb0830c8a7fdfaa3457655dba8"},e("h3",{key:"a1e77bf974467b23afe5d7c3336f3e5d1dadc4b3",style:{marginTop:"24px"}},"Popover Component"),e("p",{key:"9547fccb75a7ebb41cb8a070d6eea193a269f26f",style:{color:"var(--colorNeutralForeground2)",marginBottom:"16px"}},"Generic popover using native Popover API and CSS Anchor Positioning."),e("div",{key:"dcec04de0ae8c08248864097715591f83666572b",style:{display:"flex",gap:"24px",flexWrap:"wrap",alignItems:"flex-start"}},e("udp-popover",{key:"c2e8567daf2364615279149938fd5d9ae521c82d",position:"bottom-start"},e("udp-fluent-button",{key:"333b902b5ae1739f2f19f229ae39897a8fd9cf90",slot:"trigger",appearance:"outline"},"Open Popover"),e("div",{key:"013a5caa6382d517c8cb9d31f2fe12e981b76e37",slot:"content",style:{padding:"16px",minWidth:"200px"}},e("p",{key:"9522caade1a6b9ce160b8981886f96cc28094843",style:{margin:"0 0 8px 0",fontWeight:"600"}},"Popover Title"),e("p",{key:"03c459807a1ae04aeae39b419807e99b3e2c53cc",style:{margin:"0",color:"var(--colorNeutralForeground2)"}},"This is popover content. Click outside to close."))),e("udp-popover",{key:"74bbf26ffb077df6d7758aa7e5f692453fe5374d",position:"bottom-start"},e("udp-fluent-button",{key:"a16178fe00e238d6e9c113868188c743b64c1882",slot:"trigger",appearance:"primary",startIconName:"calendar"},"Date Picker Popover"),e("div",{key:"258720ea1e6355a23158e23c9cc641e1102898ae",slot:"content",style:{padding:"8px"}},e("udp-date-range-selector",{key:"3332f6f66b3a124e339270ebfec9f92214528d5e",variant:"single",monthsToDisplay:1,size:"sm"}))),e("udp-popover",{key:"396da41f51568d6a67f5dc4229fe97a9c89f3a76",position:"right"},e("udp-fluent-button",{key:"567e0b5bcc102642f2312ac1e91d7a08732052a7",slot:"trigger",appearance:"subtle"},"Right Position"),e("div",{key:"0aff1512e968f34db5d5ff93f23e18710d76c1c4",slot:"content",style:{padding:"12px",minWidth:"150px"}},"Positioned to the right")))))),e("udp-tab-panel",{key:"6c40f823edc3f25250d2614efe19e4568ae4fa8b",id:"popover",activeTabId:this.currentTab},e("div",{key:"be820146db93e489f8188211992ac4e01646f0c0",style:{padding:"24px",display:"flex",flexDirection:"column",gap:"32px"}},e("div",{key:"1edd32650b2f9fe5b9437b53e6e8fdb51e9b3d44"},e("h3",{key:"34760034aa8712347e339fad984e5be07e7f7fd7"},"Popover Component"),e("p",{key:"ec233c0396eb1cf41f715ad3fe93c431ba5c714e",style:{color:"var(--colorNeutralForeground2)",marginBottom:"8px"}},"Generic popover using native Popover API with JavaScript positioning. Follows Fluent 2 Design System guidelines.")),e("div",{key:"6db4188136ba096cb10952265a4ffcc03070f066"},e("h4",{key:"4c87f6463690fca22ab587af82baef1e89c2f234"},"Basic Usage"),e("div",{key:"d282d8af07b7c95d0f57eb147577febeaa7a6adf",style:{display:"flex",gap:"16px",flexWrap:"wrap"}},e("udp-popover",{key:"b609a230383ea24ebcfeae60ebc72cde757252e4"},e("udp-fluent-button",{key:"d2cc5601ff33d84f9c26d21597aa35fa31b52440",slot:"trigger"},"Default Popover"),e("div",{key:"602a6e1823fb09889c1cc9da1ba31e65726adc43",slot:"content"},e("h4",{key:"991998c6139d745c100268dc47e190ac79f7d443",style:{marginTop:"0px"}},"Popover Title"),e("p",{key:"b47c75bf0ebe2157579198373a34ef613f421f5f",style:{marginBottom:"0px"}},"This is popover content. Click outside to close."))),e("udp-popover",{key:"98047aa0559df389081553fa7a4cf0d4d5b819db",position:"top"},e("udp-fluent-button",{key:"43ae296c17a63b3ed0eab1e165af967c84e77d25",slot:"trigger",appearance:"outline"},"Top Position"),e("div",{key:"92bcebb1e78d2dc6c5095c1dd36e849b292de345",slot:"content"},e("p",{key:"03d68b100200eaab5526eb0c0f45f1ea1b7e423c",style:{margin:"0px"}},"Positioned above the trigger"))),e("udp-popover",{key:"c34d53dfd4c8eabbd8f17e7a268d1c67b884002d",position:"right"},e("udp-fluent-button",{key:"9826db5ba78847dfed3467cdf290efd571ff4953",slot:"trigger",appearance:"subtle"},"Right Position"),e("div",{key:"fa64043d534caa73b7d25149ca84892213a59d05",slot:"content"},e("p",{key:"a37b82cbc77993555f1e0197e04694d832ebeda2",style:{margin:"0px"}},"Positioned to the right"))))),e("div",{key:"44e826d09aecf9bf0a77825c321b4c85e4f59eef"},e("h4",{key:"7e7d0b18e60114e601894281301b6d377a27f330"},"With Arrow"),e("p",{key:"f507d037e4c44ed5eb80b2334f832c1bd01a4c1e",style:{fontSize:"14px",color:"var(--colorNeutralForeground3)"}},"Display an arrow pointing from the popover to the trigger."),e("div",{key:"96dc49c80faae587c8d126182582264967e31e68",style:{display:"flex",gap:"16px",flexWrap:"wrap"}},e("udp-popover",{key:"55d9b77ecdfc523f08cd74dad2770ce99026939c","with-arrow":!0},e("udp-fluent-button",{key:"6d06d24e8a5a5ee6ef5009b0a2b65353f5053e55",slot:"trigger"},"Default Arrow"),e("div",{key:"6542230c89fda24441e8b3003c6c5a48b115336b",slot:"content"},e("p",{key:"e77ab6763e3bfddbae740a09924560416904b434",style:{margin:"0px"}},"Popover with arrow"))),e("udp-popover",{key:"e3797e4e6c17ef617bdb500aed63402e86ff6a6d","with-arrow":!0},e("udp-fluent-button",{key:"14a59e2062abdea1f1654375d23da5412b35134f",slot:"trigger",appearance:"primary"},"Brand Arrow"),e("div",{key:"cf61ff06c1889d60aa4c72d7cfd40d5049303e23",slot:"content"},e("p",{key:"60f875a43880c87cf934086fa378f29a981303bd",style:{margin:"0px"}},"Brand popover with arrow"))),e("udp-popover",{key:"ea336b5d007e4167ba9b27793ab4e11ae8440fe8","with-arrow":!0,position:"top"},e("udp-fluent-button",{key:"27aa56f8b8b0b3fd2b41e6494fdafd2f96e50b86",slot:"trigger",appearance:"outline"},"Top Arrow"),e("div",{key:"b2d3434f23a6796ea619a995b4feab2fa60fe5af",slot:"content"},e("p",{key:"9cc01d5a3d0ce76521972f4de056b4be4436f302",style:{margin:"0px"}},"Arrow on top position"))))),e("div",{key:"a11338014ef13d8cf4b4be3a91780135d498a3fa"},e("h4",{key:"7b42d95ea0e420f5dbbf2864c8410ac4cf328985"},"Size Constraints"),e("p",{key:"3ee49f3397565b3d2ebf0de2eff599a148cb4406",style:{fontSize:"14px",color:"var(--colorNeutralForeground3)"}},"Optional max-width constraints. Without size, popover grows to fit content."),e("div",{key:"6b0a06a74cf60ee78d2d413df14ad5790d1f41de",style:{display:"flex",gap:"16px",flexWrap:"wrap"}},e("udp-popover",{key:"801d24cc5179ff65cf636e66efb1a1cd4eeaebcb",size:"small"},e("udp-fluent-button",{key:"87fb0d5f80a2fddb1cefa178e31701e6666a8b32",slot:"trigger"},"Small (320px)"),e("div",{key:"ca277e1fcfc1b36133f8d14494b3d22711d652a8",slot:"content"},e("p",{key:"96c7af5f090b0832ca375fb2fb58580ab93ccedb",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:"e669a24d1aac72abd66ae5e26414afa4917681b4",size:"medium"},e("udp-fluent-button",{key:"ec45babf503c3fc5c4d810bdffe4b492685e82f2",slot:"trigger"},"Medium (480px)"),e("div",{key:"1498db4073e24e965d36be124e9478be13db2660",slot:"content"},e("p",{key:"3c6f5e5d6194a66099c66c7405a3093f07501313",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:"a091bee3b9a3a290de176f09cc2b7d9840690970",size:"large"},e("udp-fluent-button",{key:"d4c680f0e62cbdec56a8e55a1114c37e8c69c9c7",slot:"trigger"},"Large (640px)"),e("div",{key:"212dfab8173befd065b55b9e2e353b4362a8b41f",slot:"content"},e("p",{key:"a35df83cb6ac72c91ae00f47def4639cd706c9bc",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:"4ff95eadd0af3f4679b4c9438a0fb5654e4a2898"},e("h4",{key:"cdc79da26b6f885eab5067b90bcffd35796646bb"},"Trap Focus (Accessibility)"),e("p",{key:"c91c9b51bbc03809d3df53d4b286d0bbaef7e151",style:{fontSize:"14px",color:"var(--colorNeutralForeground3)"}},"When trapFocus is enabled, keyboard navigation is restricted to the popover."),e("div",{key:"dedcad5b844014a107799854c8d3edaf4a4a76c6",style:{display:"flex",gap:"16px",flexWrap:"wrap"}},e("udp-popover",{key:"10ffcd589dd605355cbfa5d9e2fb98da7c5237b2",trapFocus:!0},e("udp-fluent-button",{key:"d3fc9b7baad7dc7a30063a75d2a30db966af3046",slot:"trigger"},"Trap Focus"),e("div",{key:"36b1a13a772ee0de7fb9474ca62a2d9a2c534efa",slot:"content"},e("h4",{key:"4347f0527d8cd9f37b90c495c8fc5f399ea7b406",style:{marginTop:"0px"}},"Modal Popover"),e("p",{key:"870d9fad03d2d7d3064e54609c8d08acfc20f5ef"},"This popover traps focus. Press Escape to close."),e("div",{key:"30d72421b1cda4a9e56e07eeeff613a7aedfba8f",style:{display:"flex",gap:"8px"}},e("udp-fluent-button",{key:"9902ed1f75c927276fea5f8eee5e7fe7f6657831",size:"small"},"Action 1"),e("udp-fluent-button",{key:"2ede35579061b2d47a317fe176e6e77ea02e10d7",size:"small",appearance:"outline"},"Action 2")))))),e("div",{key:"417db415c76410afdc930056abad7f8760511f3d"},e("h4",{key:"7fdf2c595251f4e8d6d71b681ee70c1649ee089a"},"Advanced Examples"),e("div",{key:"44e48b144e7732676bd8232503868e91a36f1206",style:{display:"flex",gap:"16px",flexWrap:"wrap"}},e("udp-popover",{key:"1afe18b6973d97cdbab3b8b2bc82cb6ea36a4083",position:"bottom-start","with-arrow":!0},e("udp-fluent-button",{key:"fb8afde54173be626b374de5815117b285c32fa5",slot:"trigger",startIconName:"calendar"},"Date Picker"),e("div",{key:"86c751e087bb1e9dacc1c61b3301e8e03d37a192",slot:"content",style:{padding:"8px"}},e("udp-date-range-selector",{key:"4720012a3765869aeb3e34246568f2d43ac67b02",variant:"single",monthsToDisplay:1,size:"sm"}))),e("udp-popover",{key:"8a5a81bb641e66de6528f796a3cd049fba6c6b4a",size:"medium","with-arrow":!0},e("udp-fluent-button",{key:"2d5c4c27fe3022ddd095a63b588efee855209d1c",slot:"trigger"},"Rich Content"),e("div",{key:"e7082d15a2f09ffce34802df69c6c896c17f8b04",slot:"content"},e("h4",{key:"5b83ad04dbe20a509c89689ab6133c5cbbb7fe80",style:{marginTop:"0px"}},"Feature Update"),e("p",{key:"3bbce4ea891cf9988e0646d566265a84b651c8e5",style:{fontSize:"14px"}},"New features are now available! Check out the latest updates to improve your workflow."),e("udp-fluent-button",{key:"5ad055447c46054dab2ce8706cbd048a0812179f",size:"small"},"Learn More"))),e("udp-popover",{key:"65ac8bc7e0c3d076f5b8823306917d073163df70","close-on-scroll":!0},e("udp-fluent-button",{key:"af2bbd466a6475d16e9ffe1141912fb115897439",slot:"trigger"},"Closes on Scroll"),e("div",{key:"c256bc2841d210480d088bd44c4867717fe3f7a1",slot:"content"},e("p",{key:"dba086fc8582f001e21e7ffb218780a4af8ff01d",style:{margin:"0px"}},"This popover will close when you scroll the page."))))))))),e("udp-fluent-drawer",{key:"7d9b5e2729991738b91654daaeaec6293732de22",open:this.drawerOpen,onDrawerClose:()=>this.drawerOpen=!1,drawerTitle:"Drawer Title"},e("udp-lazy-loader",{key:"fda21dd13e4c9db7caf26adbb7edec4cd4ca233c",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:"aa303a377d4aaa20473976dca42b16d3e253ab6d",open:this.formDrawerOpen,onDrawerClose:()=>this.formDrawerOpen=!1,drawerTitle:"Sample Form",size:"large"},e("udp-lazy-loader",{key:"85a6cc60167f024d1e68c64a80db28d701cba51d",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:"636725804c2c6541dd375b6b6745a533a5933e6d",appearance:"primary",slot:"footer",form:"registry-drawer-form",type:"submit"},"Submit Form"),e("udp-fluent-button",{key:"b9d26d098aba2a8d86420851fa4cd8c94ef99c92",slot:"footer",form:"registry-drawer-form",type:"reset"},"Reset Form")),e("udp-fluent-drawer",{key:"b591dbad939aaacfc2b07f761d1c5574ec632672",open:this.manualDrawerOpen,onDrawerClose:()=>this.manualDrawerOpen=!1,drawerTitle:"Form (Manual Wiring)"},e("udp-lazy-loader",{key:"bb9a236daf20c79b5628f98511f18dc004bde157",if:this.manualDrawerOpen,content:()=>e("test-form",{handleSubmit:this.handleSubmit,onFormReady:this.handleManualFormReady})}),e("udp-fluent-button",{key:"4868f7758a3c5fb1baa801351e21226939f642a1",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:"85f2b641cc9f0ecaa327da056cd9a52e270912e3",open:this.drawerDialogOpen,dialogTitle:"Dialog from Drawer",onDialogClose:()=>this.drawerDialogOpen=!1},e("div",{key:"e3bf597e4dacdf1e34c8dfdf63c65bc9e3e7a482"},"This dialog was opened from inside the drawer!"),e("div",{key:"9c17eee8d9ab701c15635272326efa2122f63f0c"},e("p",{key:"24f3c246adec7d822bf173185ce3a99384627527"},"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:"cb494e999d170265608078b3a27e7db7f873e51a"},"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:"3374084f9b619e4ece2740899dc4182f8f59595e"},"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:"7cbe9d22b1c4567b05b0f024ea9fe9fb84a918cd",slot:"action",onClick:()=>this.drawerDialogOpen=!1},"Close"),e("udp-fluent-button",{key:"6593fa9478602571627c3694ca1832a30976fb6b",appearance:"primary",slot:"action"},"Confirm")),e("udp-fluent-drawer",{key:"790e2ba054f94c62c9d796f377c6169067540a93",open:this.secondDrawerOpen,onDrawerClose:()=>this.secondDrawerOpen=!1,drawerTitle:"Second Drawer (Nested)",size:"medium"},e("div",{key:"d1b8b5de6636906ebd9a90839b9cebcda84a2348",style:{display:"flex",flexDirection:"column",gap:"16px",padding:"16px"}},e("p",{key:"572f5051af669e4ba4eee3213179440ebb709b9c"},"This is the second drawer opened from within the first drawer."),e("div",{key:"369218231794b928d71436b8c485b6ccceade3a7",style:{display:"flex",gap:"8px",flexWrap:"wrap"}},e("udp-fluent-button",{key:"a9dac02d2735f1c9f45d870556c7aa19fffedf4b",onClick:()=>this.secondDrawerDialogOpen=!0},"Open Dialog from Second Drawer"),e("udp-fluent-button",{key:"5ac90eff5ac462a03f5fd8356312daa801db8087",appearance:"outline",onClick:()=>this.thirdDrawerOpen=!0},"Open Third Drawer")),e("p",{key:"14d78095ab4e7206ac6134c03a71977d337a882b"},"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:"1c3f3d7fa0796680baedee05327c212e8171a3e1"},"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:"e25f5a441ce0f5a7b9560b59b9549672f7c197d0"},"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:"fab1cc9450f5cf226178fc4734848c3e3837156b"},"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:"3afe2eda21c841bfd9a5509b34e6943ed7e695e7"},"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:"73cb8d42a6e2ca8da6600a00a2c52c4050934fc4",appearance:"primary",slot:"footer",onClick:()=>this.secondDrawerOpen=!1},"Close Second Drawer")),e("udp-fluent-drawer",{key:"e6988e2de64a1a14a5ed85a5afa83c2add46e493",open:this.thirdDrawerOpen,onDrawerClose:()=>this.thirdDrawerOpen=!1,drawerTitle:"Third Drawer (Deeply Nested)",size:"small"},e("div",{key:"62348c97061715dabfc70a1aca8012a2aad0c63c",style:{padding:"16px"}},e("p",{key:"5f3c0df123e2972d797637171afa36e315135f6d"},"This is the third drawer! Three levels deep."),e("p",{key:"eac31168ea71b9404b2b8f85ed7df3ba7e589260",style:{fontSize:"14px",color:"var(--colorNeutralForeground2)"}},"Testing the drawer stacking and body scroll lock mechanism with multiple drawers."),e("p",{key:"6ae4321c62ed498241b6102d4d2f331235b7f50d"},"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:"73b8ea6208a950c2cf2dee064b26199f0774c3bb"},"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:"f6e290a4be14b777037b9fecc6d9fb410c3bf783"},"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:"1daebc59739f4cadc1cdb772e77be7a1761c8a17"},"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:"fde52e84d6ac74dc882f421d4ea27803d4d3eb73"},"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:"24147fbe1ae6d2341ba61442ec61c070de51100a",appearance:"primary",slot:"footer",onClick:()=>this.thirdDrawerOpen=!1},"Close Third Drawer")),e("udp-fluent-dialog",{key:"ec067f433388c06cd1b73807429ff951c92813f3",open:this.secondDrawerDialogOpen,dialogTitle:"Dialog from Second Drawer",onDialogClose:()=>this.secondDrawerDialogOpen=!1},e("div",{key:"aa08e40a57a62398d1faf514d2a0e09b50170ffc"},"This dialog was opened from the second drawer!"),e("p",{key:"e4a021b7057c9945658e0bf35ddf3f065a049fcc"},"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:"b5104a7ec49333cf1750f228e81f0b47c7e0a0d9"},"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:"dfb26ae04becff477de1d1bd4b6b5648918644da"},"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:"eddcd6ff3b9ec7ab9de1ef1db575d583a7c002ba",slot:"action",onClick:()=>this.secondDrawerDialogOpen=!1},"Close"),e("udp-fluent-button",{key:"c1b38551c76d49c97b28f9adfa43f9bcaa799a60",appearance:"primary",slot:"action"},"Confirm")))}},ae=e=>{if(e&&!e.includes("!"))return"You must include an exclamation mark (!)"},oe=[{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"}],re=[{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"}],ne=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 S("POST",`${C.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:"78b78911bd056a508320960916f7b0104e9f7dcf"},e("udp-form-component",{key:"a99232c1c4b9e84b941d2fcaf595032236b24b77",formId:this.formId,validate:this.validateForm,onFormReady:this.handleFormReady,onSubmit:this.handleFormSubmit,initialValues:this.formData},e("udp-flexbox",{key:"3a45771136231dc99d00880c852d782062d70a4d"},e("udp-flexbox",{key:"1777ecd1e444cf3be936b517270cb87a508c216a",style:{display:"none"}},e("h3",{key:"5ae9fff156c7465cdcb0a58cb1a5606e274e45e4",style:{margin:"0 0 1rem 0",fontSize:"16px",fontWeight:"600"}},"Global Property Controls"),e("udp-flexbox",{key:"f85125e69d026ece32ba64997d75b31a928e7ad5"},e("udp-fluent-dropdown",{key:"e3e098aff935d9ef58f53f74a334954a3c38f9ab",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:"ab1baea650adf9acd9fff5a52d1a909ae011264b",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:"3e219e40ac6d247d2f5405e260837aee884208da",label:"Required",labelPosition:"after",checked:this.controlRequired,onValueChanged:e=>this.controlRequired=e.detail}),e("udp-fluent-switch",{key:"0c0b16c3430b03f9243181f25bf27fc6008be2d9",label:"Disabled",labelPosition:"after",checked:this.controlDisabled,onValueChanged:e=>this.controlDisabled=e.detail}),e("udp-fluent-switch",{key:"f7ec67444927b64a393cc8588938c96d6c8b7d15",label:"Readonly",labelPosition:"after",checked:this.controlReadonly,onValueChanged:e=>this.controlReadonly=e.detail})),e("p",{key:"1c9094a5b717b06f9b8e2fa529bdce379ee8c927",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:"1f3218930f463504e4d3e78d5544d5af0308dfad",name:"searchText"},e("udp-search-input",{key:"32f52709af9f8ed6c3f0ad906faef97b3a356d3a",disabled:this.controlDisabled,readonly:this.controlReadonly,appearance:this.controlAppearance,controlSize:this.controlSize,placeholder:"Search for something...",includeErrorPadding:!1})),e("udp-field",{key:"f3302fdbb91f87aa886ab48b68fb4dad9c814d6c",name:"firstName"},e("udp-fluent-text-input",{key:"657eda1498334fb13e5ca7aeac8a48b0ace97c97",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:"63d0a3a79bda4e19c1c42489c1511f409e9d71c8",style:{display:"flex",gap:"1rem",flexDirection:"row",flex:"1"}},e("udp-field",{key:"9217aaa885ce4b3f0bc351be85e407b3daa640bc",name:"email"},e("udp-fluent-text-input",{key:"55d6986faa45e32c5c7d3a9b1d2e53f6e145f172",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:"30b3bc790e61e9e50242f7ff97ceeccd11b30478",name:"age"},e("udp-fluent-text-input",{key:"2e1cfc9bab2c0d7309efcaa78f2c6a52a454fb02",label:"Age",type:"number",required:!0,disabled:this.controlDisabled,readonly:this.controlReadonly,appearance:this.controlAppearance,controlSize:this.controlSize}))),e("udp-field",{key:"c47f175c6d7ce797b5b74fe250a05dc9708e56c5",name:"birthday"},e("udp-date-input",{key:"8613ffa0b043d04dcc15e8a2d902b0aadb4ce5fc",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:"26be842252a2a196af372b07fef6c78e4f100b63",name:"appointment"},e("udp-date-time-input",{key:"d745a121bf64e22c7ebf4eabcb3fc283373dc686",label:"Appointment (Combined Date/Time)",required:!0,disabled:this.controlDisabled,appearance:this.controlAppearance,controlSize:this.controlSize})),e("div",{key:"fefbc37f981f26a6de2dbc2a16802cdbc0642081",style:{display:"flex",gap:"1rem",flexDirection:"row",flex:"1"}},e("udp-field",{key:"5456c7f8483217141fe30058c8518d650f917cc0",name:"startTime"},e("udp-time-input",{key:"f87512e4632ecc791befbe826d4a6d49960e9de8",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:"1e1e1077fe91ff91ebe4e065a658ed82a204fbff",name:"endTime",validate:()=>"always invalid"},e("udp-time-input",{key:"a6624072c283569c1b75a1c03eb910353535807f",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:"5e18d1e10ef2e3e768dedf7429d09b3471df24aa",name:"bio"},e("udp-textarea",{key:"d7ec1c9e85fa855c9d74ce9669f26c7ea747608a",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:"3b4f342a8a25afdb40b75d9a23122813b60321ca",name:"exclamation",validate:ae},e("udp-fluent-text-input",{key:"7a186300a8cf4096e5199418c0c4189de86ac7e4",label:"Exclamation",hint:"exclamation mark please",required:!0,disabled:this.controlDisabled,readonly:this.controlReadonly,appearance:this.controlAppearance,controlSize:this.controlSize})),e("udp-field",{key:"83b4e0e693a03f6aacab33ae50535bc0e5051217",name:"favoriteAnimal"},e("udp-fluent-dropdown",{key:"d0c6d51ed8e0997f15ce363f0ad0734423c8c5ee",placeholder:"Select an animal",label:"Favorite Animal (Dropdown)",appearance:this.controlAppearance,disabled:this.controlDisabled,required:!0,optionValue:"value",optionLabel:e=>e.label,options:oe,controlSize:this.controlSize})),e("udp-field",{key:"0e87635dc8f2cf870aad4f6afa5ef23849b5921b",name:"favoriteAnimalAutoComplete"},e("udp-autocomplete",{key:"feb02ef8eb4b8913de0e9411331e1624c6cfb5cc",placeholder:"Select an animal",label:"Favorite Animal",appearance:this.controlAppearance,disabled:this.controlDisabled,required:!0,optionValue:"value",optionLabel:e=>e.label,options:oe,controlSize:this.controlSize,popupHint:"Select an animal"})),e("udp-field",{key:"a80552ad161ff4133059afa6ae0d58287e3ff570",name:"serverSideUser"},e("udp-autocomplete",{key:"73d97143d7ecf82659b8641321e2207a99a94006",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:"474418370a9404b1361866a533df9ce7f3725a91",name:"newsletter"},e("udp-fluent-checkbox",{key:"37ef0b9b1e50fb8445e438e0eea16a9028618406",label:"Subscribe to newsletter",hint:"We will only send you emails about important updates",disabled:this.controlDisabled,controlSize:this.controlSize})),e("udp-field",{key:"fd904a841f78761100a63ba5e744f02886599300",name:"commitment"},e("udp-slider",{key:"75586c644a239954779b34ccf8f60ea3c2b06549",label:"Commitment Level",disabled:this.controlDisabled})),e("udp-field",{key:"f30242266279384e87a9b59eb8209cda57dbf0d5",name:"active"},e("udp-fluent-switch",{key:"e5d342187efa24a5cc8dad1daec88dfab9490667",label:"Active",labelPosition:"after",disabled:this.controlDisabled})),e("udp-field",{key:"55f3ef27debb9b35367fb71eea0d0b9870231082",name:"favoriteColor"},e("udp-fluent-radio-group",{key:"7714e7558cf305d0570af651f2e8724a83b26808",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:"4f4cc14c8aaf6ed456ca5931b56448f67f7e84cc",name:"swatchColor"},e("udp-swatch-picker",{key:"2ef8f017b1f2d60ff9268fc4b0fb5ba440a8049f",label:"Pick a Color (Swatch)",hint:"Pick a color",swatches:re,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)})))))}},se=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)}};se.style=":host{color:var(--colorNeutralForeground1)}";const de="udp-ambient-tool-tip-styles",le=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=z(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(de)){const e=document.createElement("style");e.id=de,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:"6df05e15a1d6a5a449074b5906fd8305a1112743",class:"tooltip-wrapper",ref:e=>this.wrapperEl=e,onMouseOver:this.showTooltip,onMouseOut:this.hideTooltip},e("slot",{key:"9003fc54fcef34b9edc8006a8fed7900923f8b4a"}),t&&e("div",{key:"a54c034523dcf8104c1515aad1102f166d61f510",class:"udp-tooltip-portal",role:"tooltip",ref:e=>this.tooltipContentEl=e},e("unity-typography",{key:"700d713e32d7a9e03546a6df4834633d9c6acfca",variant:"caption-text"},this.content)))}};le.style=".tooltip-wrapper{display:inline-block}";const ce=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.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 r=this.dropdownRef;r.open?(r.open=!1,null===(i=null===(t=r.listbox)||void 0===t?void 0:t.hidePopover)||void 0===i||i.call(t)):(e||(r.open=!0,null===(o=null===(a=r.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:[],r=o.some((e=>this.getOptionValue(e)===a))?o.filter((e=>this.getOptionValue(e)!==a)):[...o,i];this.valueChanged.emit(r.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(),r=new Set(o.map((e=>this.getOptionValue(e)))),n=Array.isArray(this.value)?this.value.filter((e=>{const t=this.getOptionValue(e);return!r.has(t)&&!a.has(t)})):[];this.valueChanged.emit([...n,...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}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}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,r;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!==(r=t.size)&&void 0!==r?r:"small",startIconName:t.startIconName,endIconName:t.endIconName},t.label)})))}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 r=await fetch(i,o);if(!r.ok)throw new Error("Network response was not ok");const n=await r.json();return Array.isArray(n)?n:n.items||n.options||[]}return[]})(e,t,this.searchFunction,this.datasource).then((e=>{this.fetchedOptions=e,requestAnimationFrame((()=>this.valueHandler()))})).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(),r=new Map,n=new Map;let s=0;null==o||o.forEach((e=>{var t;const i=this.getOptionValue(e),a=this.isOptionVisible(e);if(r.set(i,a),a){s++;const i=this.getOptionGroup(e);i&&n.set(i,(null!==(t=n.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:"89b86c15abd8134b91fc35a7353aee0f2e74a7d5",class:{"has-error":t}},e("fluent-field",{key:"5f5094ebeaacb6731f9fcfd1567b047d6119e5c3",class:{"no-label":!this.label&&!this.multiple,"no-message":!i&&!this.includeErrorPadding}},e("div",{key:"bd965e08439f6189afe88746a9ec3dff662dc52d",class:"label-content",onClick:()=>this.handleTogglePopover(!1),slot:"label"},this.label&&e("fluent-label",{key:"113b4736d2454475400846aeda6978d823fa05c0",disabled:this.disabled,style:{paddingTop:"2px",paddingBottom:"2px"}},this.label,this.popupHint&&e("udp-tooltip",{key:"80777babf581444f7c8c38bf20873c95db15fc97",content:this.popupHint,positioning:"above"},e("udp-fluent-icon",{key:"ff00357dea7aba684a6237c0db60a8856328325c",name:"info",size:"xs",class:"popup-hint-icon"}))),this.multiple&&e("div",{key:"5d5ae469fbc8ef62c6646d176306f267036e6812",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:"1060be0738eeecfe900006dc1ecf0f99ea9c02d8",slot:"input",class:{"input-wrapper":!0,"has-overlay":!!c}},e("fluent-dropdown",{key:"5cd147fda5cf701f9f420aa413954e4bde3481e4",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:"1712ef4796ed9118725f9749ecbb4f056a2c3828"},(this.loading||this.internalLoading)&&e("fluent-option",{key:"d05adea606a5ab51263c523071e0a500b84a26a3",disabled:!0,ref:e=>null==e?void 0:e.toggleAttribute("disabled",!0)},e("span",{key:"93f78e1d2018e9ecd68424283a6b606f7d5fcafd"},"Loading..."),e("span",{key:"65c89d6f7e04f382487d2d38b970f510e1d9bc65",slot:"indicator"})),!this.loading&&!this.internalLoading&&0===s&&!this.freeForm&&e("fluent-option",{key:"691c2087c550379c915d6009a649e16aaf831b7a",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=n.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=r.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"})),l,u&&"end"===this.iconPosition&&e("span",{class:"option-icon-end",style:{pointerEvents:"none",marginLeft:"4px"}},e("udp-fluent-icon",{name:u,size:"sm"})),this.renderBadges(p)))})),t})(),this.freeForm&&e("fluent-option",{key:"0d8d62ae5341831f3d305ea7cb91c8286dfa0ca0",freeform:!0},e("output",{key:"bba3b3fb94850b416a1ea4aafdd6eb75b60f9fbc"}))),e("div",{key:"58331076d6c4db30d1cd0d7e22819bda247f6de9",slot:"indicator",class:"indicator-wrapper"},e("udp-fluent-icon-button",{key:"9347ee56ea89f8e1c9be5fcb6a13a5aa3bc6a3f2",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:"662df827d72ee3fd5b879db45c2115779f69a895",name:"chevron-down",size:"sm",class:"chevron-down",onClick:()=>this.handleTogglePopover(!1)}))),c&&e("div",{key:"04885cd3a7ca59c5efa9c3caf307d957deb96877",class:"selected-overlay","aria-hidden":"true"},e("span",{key:"1ba24d42ac8dfe6a1a8f6390d4a68bf5288558ac",class:"selected-label"},h),this.renderBadges(u))),e("div",{key:"d956cc5bb911be2b84fcc8baaadc03f50cba20f1",class:{"message-wrapper":!0,includeErrorPadding:this.includeErrorPadding},slot:"message",onClick:()=>this.handleTogglePopover(!0)},e("udp-text",{key:"9d10de86797308fd9b9b7598a9f9aa3523b7ad17",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}]}}};ce.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}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 he=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:"3b327dcb6724cd0239fdc774d61bca2bcbaa8118",class:a.join(" "),style:i},this.iconName?e("udp-icon",{iconName:this.iconName,darkIcon:!1}):e("unity-typography",{variant:"data-display-two"}," ",this.getInitial()))}};he.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 ue=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:"6342e2b951c3cdb08266639c4591d8e0b5e41025",class:"badge-wrapper"},e("slot",{key:"20ecbfe2c069919e57c49e290b5873eeaf2cd7b5"}),e("span",{key:"7a8b8a8dd5a05ff6f37b751365dfcefb33facaf1",class:"badge-content"},e("unity-typography",{key:"ab34efc8406ac5340702898532bd9f8995201ccc",variant:"caption-text"}," ",t," ")))}};ue.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 pe=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:"9ef76ca5c878614b54ebdccf28c510d04f370597"},o),e("div",{key:"da0013e5de52b7cd600c3f471d18020a804b0921",class:"udp-button__spinner"}),e("span",{key:"847cb94fc9f0b13fe15c8a4791a5da44712bd148",class:"udp-button__content-wrapper"},this.startIcon&&e("span",{key:"186f7472215e5261eec6ace45bbc38dbb27d3175",class:"udp-button__icon udp-button__icon--start","aria-hidden":"true"},this.startIcon),e("span",{key:"64ccafc6ac64edabee4598eecdde0f0036a86044",class:"udp-button__text-content"},e("slot",{key:"c3a347b3ba7c28486e5c9e3212eeeccc67b7fae1"})),this.endIcon&&e("span",{key:"85f66982165d3d3f6bea9294c228983aca127e3d",class:"udp-button__icon udp-button__icon--end","aria-hidden":"true"},this.endIcon)))}get el(){return o(this)}};pe.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 be=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:"32876751f5611b1facc9b1ee9a0ba6380e558d1a",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:"2aeb3f4152d1010ccd7af3a8ed5ac535d24dfec0",class:"chip__icon chip__icon--start"},e("udp-icon",{key:"3cfb645e5e73d909a04032076eaaa4cefbc5ed75",iconName:this.startIcon,color:"inherit"})),e("span",{key:"27c7b73be43aeabd3a656099ecc02203adf789f8",class:"chip__label"},this.label),this.deleteButton&&e("span",{key:"0ce21e782d0e6be1ce4206a7f7947f7926841e41",class:"chip__delete-icon",onClick:this.handleDeleteClick,title:"Remove"},e("svg",{key:"f34e2335e97fc0a6219a59f84ad10bdb60cb2d1d",width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor"},e("path",{key:"31337b47abb0541240dd68dda92211f6976d5cb2",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"}))))}};be.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 fe={compact:{small:"xs",medium:"xs",large:"sm"},standard:{small:"xs",medium:"sm",large:"md"},prominent:{small:"sm",medium:"md",large:"lg"}};function me(e,t="compact"){return fe[t][e]}const ge={small:"xs",medium:"xs",large:"xs","extra-large":"sm"};function ve(e){return ge[e]}const ye=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=N(this.el,"start")||!!this.startIconName,i=N(this.el,"end")||!!this.endIconName,o=N(this.el,"description")||!!this.description,r=me(this.size,"prominent");return e(a,{key:"31ace477600d0a0601300fb7554e981fab5efcf6"},e("fluent-compound-button",{key:"fb687d99efd21363b556885d550919180ba11b12",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:"d532d28690aeee18aad88f4f312446bff96c9272",class:"slot-wrapper",slot:"start"},e("slot",{key:"1bd2f13fe4ca7022cc4daf8b0215791625e247c2",name:"start"},this.startIconName&&e("udp-fluent-icon",{key:"8388e8a9aae16e13c36d64f0dbb33173d3ea9eb3",name:this.startIconName,size:r}))),o&&e("span",{key:"31bff98cdff564bcaba3faa671c4bf3b77faa6d3",slot:"description",class:"description-wrapper"},e("slot",{key:"2cd0e10f2a90a0c6db42e65036eac5b67670a111",name:"description"},this.description)),e("slot",{key:"36fff7c9f6c2fe80fc6ef9d8bc218fc3185a84d5"}),i&&e("span",{key:"b2d6cbc7046cd07dd1b2792b86bcf39a144653d4",class:"slot-wrapper",slot:"end"},e("slot",{key:"2a2d87aae3b9e3e4115826ea904fe9681973317d",name:"end"},this.endIconName&&e("udp-fluent-icon",{key:"c99a2eb4d57224301854c3de76064e72391fd7cb",name:this.endIconName,size:r})))),this.loading&&e("div",{key:"4f01d73f6510fe1b7317a4be289a7e8c93f3ca67",class:"loading-overlay"},e("udp-spinner",{key:"0c4ad255d65515f6ea375715f5de6dec8fd156fb",size:"large"===this.size?"extra-small":"tiny"})))}get el(){return o(this)}};ye.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 ke=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 r=["jan","feb","mar","apr","may","jun","jul","aug","sep","oct","nov","dec"],n=t.match(/^([a-z]{3,})(\d{1,2})$/);if(n){const e=n[1],t=parseInt(n[2],10),a=r.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,r;if("YYYY/MM/DD"===this.resolvedFormat||e>31?(a=e,o=t,r=i):"DD/MM/YYYY"===this.resolvedFormat?(r=e,o=t,a=i):(o=e,r=t,a=i),a<100&&(a+=a<50?2e3:1900),a>99&&a<1e3)return null;if(this.isValidDate(a,o,r))return this.toISODate(new Date(a,o-1,r))}const d=t.match(/^(\d{1,2})[\/\-.](\d{1,2})$/);if(d){const[,e,t]=d.map(Number),a=i.getFullYear();let o,r;if("DD/MM/YYYY"===this.resolvedFormat||"YYYY/MM/DD"===this.resolvedFormat?(r=e,o=t):(o=e,r=t),this.isValidDate(a,o,r))return this.toISODate(new Date(a,o-1,r))}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}]}}};ke.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 xe={sm:200,md:260,lg:320},we=["January","February","March","April","May","June","July","August","September","October","November","December"],Se=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],Ce=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"),r=String(i.getDate()).padStart(2,"0"),n=this.calendarRef;n.focusedDate=`${a}-${o}-${r}`,this.pendingFocus&&(this.pendingFocus=!1,"function"==typeof n.focus&&n.focus({target:"day"})),this.navigationDirection="none"}}getHeaderText(){const e="sm"===this.size?Se:we;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"},Se.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=xe[this.size]||xe.md;return"horizontal"===this.orientation&&2===this.monthsToDisplay?2*e+16+"px":`${e}px`}getMonthWidth(){return`${xe[this.size]||xe.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:"2c96970f661cbad7b66974124e973671d642d7de",style:{"--calendar-width":o,"--container-width":i},class:`size-${this.size}`,onClick:e=>e.stopPropagation()},e("div",{key:"084e12c39bb72e4d1ce3c8414fbbea4afe191ca9",class:"calendar-header"},e("udp-fluent-icon-button",{key:"fbee6a6fc28c57c57a0b03608ac52d65de2e8e27",iconName:"chevron-left",onClick:this.handlePrevious,disabled:this.isPrevDisabled(),appearance:"transparent",ariaLabel:"Previous"}),e("udp-fluent-button",{key:"a87df68ad340f894967e885373da7e41ee8a9f26",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:"fa625115fe2dc34de19cdc97d1ca33a5985805a2",iconName:"chevron-right",onClick:this.handleNext,disabled:this.isNextDisabled(),appearance:"transparent",ariaLabel:"Next"})),"day"===this.viewMode&&e(t,{key:"15f4e9fe38ac1daa8b1af228a9f950e538590e56",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:"292296bc516a3edf9865fb6fd76b9165ff56ce53",slot:"previous",style:{display:"none"}}),e("span",{key:"7f846eb148e7bf1d22c3cfae742f82650f8c3a74",slot:"next",style:{display:"none"}}),e("div",{key:"df1eda552a64637b8515b282f719d3e2d2f9f0a7",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}]}}};Ce.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 ze=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:"c5f2626be05022bd5b05264a1c0f1a9fe8b81e9a"},e("div",{key:"336f70d6084846e6a42f73cbb375e7f0a754804c",class:"date-part"},e("udp-date-input",{key:"a686ee90c7787b3698dcb2ea901db7789b3bc6f9",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:"a7e909e6b4c4c8cb4393db2bfef4301210056d2e",class:"time-part"},e("udp-time-input",{key:"27e64a895965012ae06c64e2335fe56aad87c8b1",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}]}}};ze.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 Ne=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:"ebd57020d1445185156758ba5b4c58912e37ff60",onClick:this.handleOverlayClick},e("div",{key:"697ac1a1b4bea0b750757ab0bc67ed4e95e49b0b",class:"dialog-container",role:"dialog","aria-modal":"true","aria-labelledby":this.titleId,"aria-describedby":this.descriptionId,onClick:e=>e.stopPropagation()},e("div",{key:"0c15bc8eb8163197d27c071614f8ebba35b23b7a",class:"dialog-title",id:this.titleId},e("unity-typography",{key:"de5509f0b795d780477da91a0652b1af9e97b99f",variant:"h3"},this.title)),e("div",{key:"7f1f33a03fbbb9747a0753f25b26ee6f99b41f58",class:"dialog-content",id:this.descriptionId},this.message&&e("unity-typography",{key:"1be061beec7f3b146a2d9be5fa856731afa7a538",variant:"body"},this.message),e("slot",{key:"264cbeffac8277fa43d7bd8c358bdd63b6ce7fb8"})),e("div",{key:"b93585af45896c7eff9e9a7f3b75fcacb2a621fb",class:"dialog-actions"},!this.buttonTwoHidden&&e("udp-button",{key:"64db3289e7ceb16fb309f467e2a72d91a114efdf",variant:"text",disabled:this.disableTwo,onClick:()=>this.actionTwo()},this.labelTwo),!this.buttonThreeHidden&&e("udp-button",{key:"1b13d2ad75de0d9103fd65dc4a8f40c7bdf34414",variant:"text",disabled:this.disableThree,onClick:()=>this.actionThree()},this.labelThree),!this.buttonOneHidden&&e("udp-button",{key:"0fb08c9b1bd7c9dfe4b9146e97b93f63b55184ce",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}]}}};Ne.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 _e=(...e)=>(t,i,a)=>{for(const o of e)if(o){const e=o(t,i,a);if(e)return e}},Fe=e=>Array.isArray(e)&&0===e.length?"This field is required":null!=e&&""!==e&&!1!==e?void 0:"This field is required",Be=/^[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])?)*$/,De=e=>!e||Be.test(e)?void 0:"Invalid email address",Ie=e=>{if(e)try{return void new URL(e)}catch(e){return"Invalid URL"}};const Te=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 r=[],n=e;(n.required||n.hasAttribute("required"))&&r.push(Fe);const s=null!==(t=n.minlength)&&void 0!==t?t:n.hasAttribute("minlength")?parseInt(n.getAttribute("minlength"),10):null;var d;s&&r.push((d=s,e=>!e||e.length>=d?void 0:`Must be at least ${d} characters`));const l=null!==(i=n.maxlength)&&void 0!==i?i:n.hasAttribute("maxlength")?parseInt(n.getAttribute("maxlength"),10):null;var c;l&&l>-1&&r.push((c=l,e=>!e||e.length<=c?void 0:`Must be less than ${c} characters`));const h=null!==(a=n.min)&&void 0!==a?a:n.hasAttribute("min")?parseFloat(n.getAttribute("min")):null;null===h||isNaN(h)||r.push((e=>t=>!t||Number(t)>=e?void 0:`Must be at least ${e}`)(h));const u=null!==(o=n.max)&&void 0!==o?o:n.hasAttribute("max")?parseFloat(n.getAttribute("max")):null;null===u||isNaN(u)||r.push((e=>t=>!t||Number(t)<=e?void 0:`Must be no more than ${e}`)(u));const p=n.type||n.getAttribute("type");"email"===p&&r.push(De),"url"===p&&r.push(Ie);const b=n.pattern||n.getAttribute("pattern");var f;if(b&&r.push((f=b,e=>{if(e)return("string"==typeof f?new RegExp(`^${f}$`):f).test(e)?void 0:"Invalid format"})),0!==r.length)return _e(...r)}(this.childInput),a=_e(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:"c0c41371f917711db207012183ccf41a9332cc7f"})}get el(){return o(this)}};Te.style=":host{display:block;width:100%}";const Ae=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"}))}};Ae.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 qe=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:"ea07d2bf001f6ece0690b2ea03cf70a57a29623d"},e("fluent-avatar",{key:"068a2fc78714e7ae28c9598e84ab845c5cc8f18d",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:"bb0408b42e6464c6f035afdfacf5e449d36d1500",name:"badge",slot:"badge"})))}};qe.style=":host{display:inline-flex;align-items:center;vertical-align:middle}";const Me=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:"f106363d80eaee1e89bed50a3526d1134b82346f",class:{ready:this.ready}},e("fluent-badge",{key:"f7e59d650b21359f37e9fee7327e28b5928f3864",appearance:this.appearance,color:this.color,shape:this.shape,size:this.size},(this.startIconName||N(this.el,"start"))&&e("span",{key:"7e100952cd282baa92c4982d58b66d700f16eebf",class:"slot-wrapper",slot:"start"},e("slot",{key:"60ce857b7854957204e7eae34934493cda344f86",name:"start"},this.startIconName&&e("udp-fluent-icon",{key:"77a62d832aa73d390a289720e435fd282a089825",name:this.startIconName,size:ve(this.size)}))),e("span",{key:"64edd1b1c3f4ee318867c9a18ee22fb9b3b3f814",class:"default-slot"},e("slot",{key:"8d24330a18c5284a1555f4911b31ce306e90b070"})),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:ve(this.size)})):(this.endIconName||N(this.el,"end"))&&e("span",{class:"slot-wrapper",slot:"end"},e("slot",{name:"end"},this.endIconName&&e("udp-fluent-icon",{name:this.endIconName,size:ve(this.size)})))))}get el(){return o(this)}};Me.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 Pe=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=_.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=me(this.size),i=this.loading;return e(a,{key:"90f25d959e28de4dbfe1c327c7be676281efdd9e"},e("fluent-button",{key:"a7f2c909ae7e4c62980dc368ff526715df9c1bb3",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||N(this.el,"start"))&&e("span",{key:"8e27b98fa219865d093a20d1a7acd2edc63ac18d",class:"slot-wrapper",slot:"start"},e("slot",{key:"1dfaf4c088cef572412b6a994966c6a119c3f638",name:"start"},this.startIconName&&e("udp-fluent-icon",{key:"f7fd479646258446d1073f8788f1325b96e00102",name:this.startIconName,size:t}))),e("slot",{key:"5cabc194a63ff1ee32702a18b74d030fe928688e"}),(this.endIconName||N(this.el,"end"))&&e("span",{key:"d54b3794e0e5ba112d36cfd488d1a2cbc33dd6ca",class:"slot-wrapper",slot:"end"},e("slot",{key:"4967bb4f4517352fcd91c45df2709113153d39fb",name:"end"},this.endIconName&&e("udp-fluent-icon",{key:"b44ea8c06021c2fa9372d1e5f46e22426cc3535b",name:this.endIconName,size:t})))),i&&e("div",{key:"f01bd40fab37e673c1ddef97f946ed359cd761ae",class:"loading-overlay"},e("udp-spinner",{key:"5b7da1b3503cb520ec2703f4c3e0235753a1b780",size:"large"===this.size?"extra-small":"tiny"})))}get el(){return o(this)}};Pe.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 Oe=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=N(this.el,"header"),this.hasHeaderStart=N(this.el,"header-start"),this.hasHeaderAction=N(this.el,"header-action"),this.hasPreview=N(this.el,"preview"),this.hasFooter=N(this.el,"footer"))}render(){return e(a,{key:"f4673f365aaa3754f7a5ab3625e09ed37b3c3b83",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:"6ada15fb6e6db1f5a3bf1fcf9732b4f165353f5c",class:{"card-preview":!0,hidden:!this.hasPreview}},e("slot",{key:"5bc565785eae0fa6d51aadaf4dd9a5d09c25b95e",name:"preview",onSlotchange:this.handleSlotChange})),e("div",{key:"06a886a5c8a5724d01b849cce30e8a43343e9a5a",class:{"card-header":!0,hidden:!(this.hasHeader||this.hasHeaderStart||this.label||this.subtitle||this.hasHeaderAction)}},e("div",{key:"137791edcc47f51450bbe773d208a4d7faf9879f",class:{"card-header-start":!0,hidden:!this.hasHeaderStart}},e("slot",{key:"7bf3fafc41b70124bb66032c072063b184b35791",name:"header-start",onSlotchange:this.handleSlotChange})),e("div",{key:"7e1853490e0d80fa9f1f9b956b61242dd302e0e4",class:"card-header-content"},e("slot",{key:"3caefe16048c6eb164dfa7781b25317863588c73",name:"header",onSlotchange:this.handleSlotChange},(this.label||this.subtitle)&&e("div",{key:"f30637632f9f6ac6e3d2098095a6327b88ed4610",class:"header-content-wrapper"},this.label&&e("udp-text",{key:"fe9d5ba8574c1e6cc863145292ed356b58832fa3",variant:"subtitle2"},this.label),this.subtitle&&e("udp-text",{key:"2540c4bd163231c5b14f416bf1e40ab058b31fe8",variant:"caption1",class:"header-subtitle"},this.subtitle)))),e("udp-flexbox",{key:"a68c0340da8d1d8df5d59f1bfbe5fa6deb0de8c6",class:{hidden:!this.hasHeaderAction},direction:"row"},e("slot",{key:"48515b7125c4c0bd7f1fbfa5af0e63dfa868ce06",name:"header-action",onSlotchange:this.handleSlotChange}))),e("div",{key:"3ce3091c57d5514d4291b3a574d254678fe66605",class:{"card-body":!0,"no-padding":!this.bodyPadding}},e("slot",{key:"55ed56e28753ec208356f90646ad91b808815bda"})),e("udp-flexbox",{key:"31a4a538ac81822e34539834e51257de6a7592d3",class:{"card-footer":!0,hidden:!this.hasFooter},direction:"row"},e("slot",{key:"58203616e83c77ca159aa871175e54f03fa19ef5",name:"footer",onSlotchange:this.handleSlotChange})))}get el(){return o(this)}};Oe.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 Re=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:"555c6212a5afb2d42e070801f4e59f22edd2777c"},e("fluent-field",{key:"ff43d164636d41b2802c4a4b0df306f9ef04e105","label-position":this.labelPosition,class:{"no-label":!this.label,"no-message":!i&&!this.includeErrorPadding}},e("fluent-label",{key:"ef7f13da0b46f7e492de09101a1366a1b86a29be",slot:"label",disabled:this.disabled,onClick:this.handleLabelClick},this.label,this.popupHint&&e("udp-tooltip",{key:"971fbb4c6fe5ea4954440c8550d7104455291da5",content:this.popupHint,positioning:"above"},e("udp-fluent-icon",{key:"84dc5caf9af0db0bc7de5cba520fd8d67a9023a7",name:"info",size:"xs",class:"popup-hint-icon"}))),e("fluent-checkbox",{key:"69fe6dfaf9df48aa71cc5573c46d12a5c413b03a",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:"58bab00d4eccf1b3b801090a4f64821811544f97",slot:"message",variant:"caption1",class:{message:!0,error:t,includeErrorPadding:this.includeErrorPadding}},i)))}static get delegatesFocus(){return!0}get el(){return o(this)}};Re.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 je=class{constructor(e){t(this,e),this.showZero=!1,this.dot=!1}render(){return e(a,{key:"6d59bd6cf1513c226d55ac32218fcc1d5e775d2a"},e("fluent-counter-badge",{key:"66540dc45927980a937002819c592fd01332875c",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:"7fbe6bd20471101e3b3897f3389901972aec71f0",name:"start",slot:"start"}),void 0===this.count&&e("slot",{key:"3df44bd9fee4d2ba2537b47f5092facc8827be0d"}),e("slot",{key:"f1818aedfa302119d6c1d223e00ce8b071910053",name:"end",slot:"end"})))}};je.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 Ee=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:"bdc6a742e8edd7617221e3455cd4a34bb8c56765",style:{"--dialog-max-height":this.maxHeight}},e("fluent-dialog",{key:"154d4652d77e56243775e49df95ba2949c387ed6",ref:this.setDialogRef,type:this.type,onToggle:this.handleToggle},e("fluent-dialog-body",{key:"c8fb1b45882f05b26929814f4b6857f6a2192254"},e("slot",{key:"8d4a10893c21404f517d0568c12d0dfab6906322",name:"header",slot:"title"},this.dialogTitle&&e("udp-fluent-text",{key:"1d8c12414b78c0dc9598529e96f5cd1709a9c2d6"},this.dialogTitle)),this.showHeaderCloseButton&&e("udp-fluent-icon-button",{key:"f6601c314e32a74a89d603c9ea899c3ea58026d0",slot:"close",appearance:"subtle",iconName:"dismiss",ariaLabel:"Close Dialog"}),e("div",{key:"c317d7af79b48a39308c9778f779e2cc698bc35d",class:"dialog-content"},e("slot",{key:"f7f688477f49c2a201ce91f6b8ce02384600d9cf"})),e("udp-flexbox",{key:"57f73d7491219fa5311ac0caaa074b52fa00988a",slot:"action",direction:"row"},e("slot",{key:"faad63095de48894e82c9d70c87d3d9730c78ba4",name:"action"})))))}get el(){return o(this)}static get watchers(){return{open:[{handleOpenChange:0}]}}};Ee.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 $e=class{constructor(e){t(this,e),this.alignContent="center",this.orientation="horizontal"}render(){return e(a,{key:"f85009a84bb481a0ba52fed82c3d26021be81b67",style:{background:"transparent"}},e("fluent-divider",{key:"f237b3c0842bc7ed6ea19343e3dbee2a74b9a74d","align-content":this.alignContent,appearance:this.appearance,inset:this.inset,role:this.role,orientation:this.orientation},e("slot",{key:"f08a91b63a1b88d059ecf6a03688675e8a61f841"})))}},Ve={small:320,medium:590,large:940,full:1/0},He=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===He.openDrawers.size&&null!==He.unlockTimer&&(clearTimeout(He.unlockTimer),He.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=Ve.medium;if(this.drawerWidth&&this.drawerWidth.endsWith("px")){const e=parseInt(this.drawerWidth,10);!isNaN(e)&&e>0&&(t=e)}else this.size&&Ve[this.size]&&(t=Ve[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!==He.unlockTimer&&(clearTimeout(He.unlockTimer),He.unlockTimer=null),0===He.openDrawers.size&&this.lockBodyScroll(),He.openDrawers.add(this)):(He.openDrawers.delete(this),0===He.openDrawers.size&&(He.unlockTimer=setTimeout((()=>{0===He.openDrawers.size&&this.unlockBodyScroll(),He.unlockTimer=null}),He.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===He.originalBodyStyles&&(He.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(He.originalBodyStyles&&(e.style.overflow=He.originalBodyStyles.htmlOverflow,t.style.overflow=He.originalBodyStyles.bodyOverflow,t.style.position=He.originalBodyStyles.bodyPosition,t.style.top=He.originalBodyStyles.bodyTop,t.style.width=He.originalBodyStyles.bodyWidth,t.style.paddingRight=He.originalBodyStyles.bodyPaddingRight,t.style.touchAction=He.originalBodyStyles.bodyTouchAction,He.originalBodyStyles=null),i&&""!==i){const e=parseInt(i.replace("px",""),10);isNaN(e)||window.scrollTo(0,Math.abs(e))}}render(){return e(a,{key:"45b1f4b2583f7e77fd033c162c15b1115e49ac8f",class:{"has-footer":this.hasFooter}},e("fluent-drawer",{key:"63eb8dec0d50001a00f25feb3ba1e0f7b7fdc132",ref:this.setDrawerRef,onToggle:this.handleToggle,type:"modal",position:this.position,size:this.effectiveSize},e("fluent-drawer-body",{key:"04abd30d742279e395f4271847e8de12c26a5235"},e("udp-text",{key:"a9196ab5508a93901ae4a3f674f6a57c8d80f09b",variant:"subtitle1",slot:"title"},this.drawerTitle),e("udp-fluent-icon-button",{key:"723f3d8af9739883b236d9eaef49fb4d8a9ca97f",slot:"close",appearance:"subtle",iconName:"dismiss","aria-label":"close"}),this.hasToolbar&&e("udp-flexbox",{key:"d26a9652357c47d072acd3a2e2d498a3ddc13973",class:"drawer-toolbar",direction:"row",width:"100%"},e("slot",{key:"f79e5ebc5c04127907bee559467c69ae97e8b208",name:"toolbar"})),e("div",{key:"24ff4b4102b64248534fecbed9c8b0583586948e",class:"drawer-scroll-container",ref:e=>this.contentRef=e,onScroll:this.handleScroll},e("div",{key:"d563034faa7be9798d629b1300f79780dd0dfd8e",class:"scroll-shadow top "+(this.showTopShadow?"visible":"")}),e("div",{key:"33411705f0a93d13fe7669ea93bd43b9902ef2f1",class:"drawer-content-inner"+(this.excludeVerticalPadding?"":" vertical-padding")},e("slot",{key:"59d98bbdc85d325a854f6d17f29f5493356dbf92"})),e("div",{key:"4260000ac7c4cfdb963edb7cd2ecdcd19aff7f2e",class:"scroll-shadow bottom "+(this.showBottomShadow?"visible":"")})),this.hasFooter&&e("udp-flexbox",{key:"0453a08e0c9a29236a8f3bd8ea49bbb5e2214538",slot:"footer",direction:"row"},e("slot",{key:"9e7a06250114e7a9a849c67439f35aedf6c5ce8a",name:"footer"})))))}get el(){return o(this)}static get watchers(){return{open:[{handleOpenChange:0}],size:[{handleSizeChange:0}],drawerWidth:[{updateDrawerWidth:0}]}}};He.openDrawers=new Set,He.unlockTimer=null,He.UNLOCK_DELAY_MS=300,He.originalBodyStyles=null,He.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-top:var(--spacingVerticalXXXL);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 Le=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 r=this.dropdownRef;r.open?(r.open=!1,null===(i=null===(t=r.listbox)||void 0===t?void 0:t.hidePopover)||void 0===i||i.call(t)):(e||(r.open=!0,null===(o=null===(a=r.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,r=Array.isArray(this.selectionForOverlay)?[...this.selectionForOverlay]:this.getValuesAsArray(),n=this.getOptionValue(o),s=r.findIndex((e=>this.getOptionValue(e)===n));-1!==s?r.splice(s,1):r.push(o),this.selectionForOverlay=r,this.showClearButton=r.length>0,this.valueChanged.emit(r.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,r;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!==(r=t.size)&&void 0!==r?r:"small",startIconName:t.startIconName,endIconName:t.endIconName},t.label)})))}render(){var t,i;const o=!!this.error,r=this.error||this.hint,n=this.getSelectedOverlayOptions(),s=n.length>0,d="underline"===this.appearance?"transparent":this.appearance;return e(a,{key:"2739e491826ba8d094f3ecc454c888d4815f0bc9",class:{"has-error":o}},e("fluent-field",{key:"49d9f2af0b1b490ba19cb8ffd76f9e81d80d40e4",class:{"no-message":!r&&!this.includeErrorPadding,"no-label":!this.label}},this.label&&e("fluent-label",{key:"db3f23065b207e958f1885a93f3f9c3607c32c18",slot:"label",disabled:this.disabled,onClick:()=>this.handleTogglePopover(!1),style:{paddingTop:"2px",paddingBottom:"2px"}},this.label,this.popupHint&&e("udp-tooltip",{key:"cd9957075c3688082d4b21046b77265bbe8e77b3",content:this.popupHint,positioning:"above"},e("udp-fluent-icon",{key:"0198aed441b9c9a1776f0fa3d6d8c4c56b08fe37",name:"info",size:"xs",class:"popup-hint-icon"}))),e("div",{key:"c2ada338eda46b6c44d3c8bd03e370e08d79df1c",slot:"input",class:{"input-wrapper":!0,"has-overlay":s}},e("fluent-dropdown",{key:"edbb729b64ca2d23160a9b094ae3e15aee5fad49",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:"648c741cf3f5676f0048e22afe355626cf8f0cb4"},this.loading&&e("fluent-option",{key:"1dd8f2d7b137c0921bb6393489604fef65b88b63",disabled:!0,ref:e=>null==e?void 0:e.toggleAttribute("disabled",!0)},e("span",{key:"1cd40a943df80a3e4e32279939451f2a884fa611"},"Loading..."),e("span",{key:"b00ec9c25a83e8ca28c4a7c350750e07cc323d00",slot:"indicator"})),!this.loading&&0===(null===(t=this.options)||void 0===t?void 0:t.length)&&e("fluent-option",{key:"9e459a8416fe0e063196c47ddbca0b2c16859c9e",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 r=this.getOptionGroup(a);r&&r!==i&&(t.push(e("fluent-option",{key:`__group_${r}`,class:"option-group-header",disabled:!0,"aria-hidden":"true",ref:e=>null==e?void 0:e.toggleAttribute("disabled",!0)},r)),i=r);const n=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"})),n,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:"759461d74da6528e4b33be11cc4a3b80c8f80789",slot:"indicator",class:"indicator-wrapper"},e("udp-fluent-icon-button",{key:"7f43ab70441f994632c89fec4f42772a679fe423",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:"59f53079ac480470026413b158154e5e3e4ca505",name:"chevron-down",size:"sm",class:"chevron-down",onClick:e=>{e.stopPropagation(),this.handleTogglePopover(!1)}}))),s&&e("div",{key:"9f2c12555d194f036e0a81618cb2ae77a595eac0",class:{"selected-overlay":!0,multi:n.length>1},"aria-hidden":"true"},n.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:"f336e3cc721c256dae4de0da6e05f87ca3455c43",class:{"message-wrapper":!0,includeErrorPadding:this.includeErrorPadding},slot:"message",onClick:()=>this.handleTogglePopover(!0)},e("udp-text",{key:"bf2bc3358bee4302fc663d0a06edf61eb4a11f13",variant:"caption1",class:{message:!0,error:o}},r))))}static get delegatesFocus(){return!0}static get watchers(){return{value:[{syncSelectionForOverlay:0},{valueHandler:0}],options:[{valueHandler:0}]}}};Le.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 We={xs:16,sm:20,md:24,lg:28},Ge={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"}},Ye=class{constructor(e){t(this,e),this.variant="regular",this.size="md"}resolveEffectiveProps(){var e;const t=function(e){if(!e)return null;const t=Ge[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(){if(!this.name)return null;const{name:e,variant:t}=this.resolveEffectiveProps(),i=F[e];if(i){const e=We[this.size];if(!i.sizes.includes(e)){const a=this.findClosestSize(i.sizes,e);return console.warn(`[udp-fluent-icon] Size ${e}px not available for "${this.name}". Using ${a}px.`),`${i.baseName}_${a}_${t}`}return i.variants.includes(t)?`${i.baseName}_${e}_${t}`:(console.warn(`[udp-fluent-icon] Variant "${t}" not available for "${this.name}". Using "regular".`),`${i.baseName}_${e}_regular`)}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}findClosestSize(e,t){return e.reduce(((e,i)=>Math.abs(i-t)<Math.abs(e-t)?i:e))}render(){const t=this.resolveIconKey();if(!t)return null;let i=B[t];if(!i)return console.warn(`[udp-fluent-icon] Icon "${t}" not found in generated icons.`),null;if(i.startsWith("data:image/svg+xml;base64,")){const e=i.split(",")[1];try{i=atob(e)}catch(e){return console.error("[udp-fluent-icon] Could not decode SVG icon",e),null}}return e("div",{class:"icon-inner",style:this.color?{color:this.color}:void 0,innerHTML:i,role:"img","aria-label":this.name})}};Ye.style=":host{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.icon-inner{display:inline-flex;align-items:center;justify-content:center;line-height:0;animation:var(--udp-icon-animation, none);transform-origin:var(--udp-icon-transform-origin, center center)}.icon-inner svg{fill:currentColor;display:block;}@keyframes udp-icon-spin{to{transform:rotate(360deg)}}";const Ue=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:"0cb2fc447a4c7f3114fed7a760ce398fd067b9b6",exportparts:"button",onMouseEnter:()=>this.isHovered=!0,onMouseLeave:()=>this.isHovered=!1},e("udp-fluent-button",{key:"527a9b7739a4cb656360e80517e5a50769acd28a",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:"07f3ba0b0cec8064fc23504d895d0ddad14ae7ba",name:this.iconName,size:me(this.size,"standard"),variant:i,color:o})))}};Ue.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 Xe=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,r)=>{const n=[],s="string"==typeof i?0:i.sectionNumber||0;if(void 0!==o&&s!==o&&n.push(e("fluent-divider",null)),o=s,"string"==typeof i)return n.push(e("fluent-menu-item",{key:r},i)),n;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 n.push(e("fluent-menu-item",{key:d.id||r,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&&N(this.el,h)||d.startIconName?e("slot",{name:h,slot:"start"},d.startIconName&&e("udp-fluent-icon",{name:d.startIconName,size:me(this.size)})):null,p?e("slot",{name:p},d.text):d.text,u&&N(this.el,u)||d.endIconName?e("slot",{name:u,slot:"end"},d.endIconName&&e("udp-fluent-icon",{name:d.endIconName,size:me(this.size)})):null,l.length>0&&a<1&&e("fluent-menu-list",{slot:"submenu"},this.renderItems(t,d.id,a+1)))),n})).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||N(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:me(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||N(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:me(this.size)}))),!t&&this.label,(N(this.el,"end")||this.endIconName)&&e("span",{key:"ee2489c4d4b9853bff420698c3a0e9f7de1d8de0",class:"slot-wrapper",slot:"end"},this.endIconName?e("udp-fluent-icon",{name:this.endIconName,size:me(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}]}}};Xe.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 Je=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:"310105e91fd86663ac9db8daa7305f8c6dff9c27"},e("fluent-field",{key:"88ac237d7e1f5700dec8be7f18ef057bc611f7db","label-position":"above",class:{"no-label":!this.label,"no-message":!o&&!this.includeErrorPadding}},e("fluent-label",{key:"1911ee90e0bf02780ddeb1ceec4d57d7c7c03170",slot:"label",disabled:this.disabled},this.label,this.popupHint&&e("udp-tooltip",{key:"a917bcd2e9b5c583dfc1c2f582b21966dc1da1ff",content:this.popupHint,positioning:"above"},e("udp-fluent-icon",{key:"149612a75db4b940228b65a45fcb398fe388dade",name:"info",size:"xs",class:"popup-hint-icon"}))),e("fluent-radio-group",{key:"4b7608cb7452a5a195c1e2b07e0b215899308d1c",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:"2902bac054f7096a946566bc494ef7783a958406",slot:"message",variant:"caption1",class:{message:!0,error:i,includeErrorPadding:this.includeErrorPadding}},o)))}static get delegatesFocus(){return!0}get el(){return o(this)}};Je.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 Ke=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:"91c654669e6e08d366b438d82ce2f56e7c56fdce"},e("fluent-field",{key:"65cbfc5e391cc5c7fbce3eabd4e3ec2d5fe89f18","label-position":this.labelPosition,class:{"no-label":!this.label,"no-message":!i&&!this.includeErrorPadding}},e("fluent-label",{key:"e6668f04f88cbcb7c5bb4b7073b00adfb0acc74e",slot:"label",onClick:this.handleLabelClick},this.label,this.popupHint&&e("udp-tooltip",{key:"1978ceaaab8a8306f8a81a01d55445dd6f8c8652",content:this.popupHint,positioning:"above"},e("udp-fluent-icon",{key:"d3e7c25477403f90921af5f0e0e4ee48f093af01",name:"info",size:"xs",class:"popup-hint-icon"}))),e("fluent-switch",{key:"9b006bf50ce4589b4a7bc3703d347cb000a8ce34",slot:"input",name:this.name,checked:this.checked,disabled:this.disabled,onChange:this.handleChange,ref:e=>this.internalSwitch=e}),e("udp-text",{key:"2968daf18e49a4c1fb62beee787371afd05440cd",slot:"message",variant:"caption1",class:{message:!0,error:t,includeErrorPadding:this.includeErrorPadding}},i)))}static get delegatesFocus(){return!0}};Ke.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 Ze=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 r=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===r.length)return;const n=null===(a=this.el.shadowRoot)||void 0===a?void 0:a.activeElement,s=r.indexOf(n);if(-1===s)return;let d;e.preventDefault(),o?(d=s-1,d<0&&(d=r.length-1)):(d=s+1,d>=r.length&&(d=0));const l=r[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,r;if(!this.scrollContainer)return;const n=Array.from(null!==(t=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelectorAll("fluent-tab"))&&void 0!==t?t:[]);n.forEach((e=>e.classList.remove("is-overflow")));const s=this.scrollContainer.clientWidth,d=new Map;n.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=n[0])||void 0===a?void 0:a.id,u=h&&null!==(o=d.get(h))&&void 0!==o?o:0;let p=0;if(n.forEach((e=>p+=e.offsetWidth)),p<=s)return this.visibleTabIds=n.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 n){if(e.id===h)continue;const t=null!==(r=d.get(e.id))&&void 0!==r?r:0;if(!(f+t<=b))break;f+=t,m.push(e.id)}const g=n.filter((e=>m.includes(e.id))).map((e=>e.id));this.visibleTabIds=g,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=me(this.size,"standard");return e("fluent-tab",{id:t.id,disabled:t.disabled},(t.startIconName||N(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||N(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}]}}};Ze.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 Qe=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:"83e92ed8f16c3051a0ca726e81ff4a51550984ad",class:{"has-error":t}},e("fluent-field",{key:"9fbcdf450ab82e2850f31e1f4660b56f9d7fce5a",class:{"no-message":!i&&!this.includeErrorPadding}},e("fluent-text-input",{key:"22017a3dc277acd03dbc7b021381ea3a7b0afdf1",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:"06db34c98acda08ce3bbc6069d9b00c345c665fb",slot:"start",name:"start"}),e("slot",{key:"3ca5e0ed49dc7f92bc0a1b22795982f6d3d2059c",slot:"end",name:"end"}),this.label&&e("fluent-label",{key:"ce228830fc9a6bb7e2143c585e98a829dbc6fc9e",required:this.required,disabled:this.disabled},this.label,this.popupHint&&e("udp-tooltip",{key:"e806bdc4d058a67039c649e5a65b47c41f46e23e",content:this.popupHint,positioning:"above"},e("udp-fluent-icon",{key:"bee18eb447ee5a2c9348e26df0f8885114d0f300",name:"info",size:"xs",class:"popup-hint-icon"})))),e("udp-text",{key:"695e97d2aa86e70d8b188a26285bff1deb69d2fc",slot:"message",variant:"caption1",class:{message:!0,error:t,includeErrorPadding:this.includeErrorPadding}},i)))}static get delegatesFocus(){return!0}};Qe.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 et=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=me(this.size);return e(a,{key:"7063ff374b0be78469d61a5cd0702a763b2226a9"},e("fluent-toggle-button",{key:"f29f372892205ae54829b2ab8791652360769c56",pressed:this.pressed,mixed:this.mixed,disabled:this.disabled,size:this.size,appearance:this.appearance,shape:this.shape},(this.startIconName||N(this.el,"start"))&&e("span",{key:"4977733f57427a16f67a6930cd60ed6da765e84e",class:"slot-wrapper",slot:"start"},e("slot",{key:"adda33214afc7987dd9a26b521a23945a52b71fb",name:"start"},this.startIconName&&e("udp-fluent-icon",{key:"3a1458c1e97f523f915d0dbb382468d0450809fd",name:this.startIconName,size:t}))),e("slot",{key:"bf0d94afe5284b9604fcdb6b76ded71cf54566e0"}),(this.endIconName||N(this.el,"end"))&&e("span",{key:"2b1de85e37bb2afca1e11d55e3142d75052c5eef",class:"slot-wrapper",slot:"end"},e("slot",{key:"d0e28a78465274173dfbbc48626236008e612d32",name:"end"},this.endIconName&&e("udp-fluent-icon",{key:"311410f9cef7ccffb1af50bfe994e87297e2c25d",name:this.endIconName,size:t})))))}get el(){return o(this)}};et.style=":host{display:inline-block;width:fit-content}.slot-wrapper{display:inline-flex;align-items:center}";const tt=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=D({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&&_.register(this.formId,this.formElement)}disconnectedCallback(){this.unsubscribe&&this.unsubscribe(),this.formId&&_.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:"7aa36000dfbc6b70f9e47a7d5767c134364995db",id:this.formId,noValidate:!0,onSubmit:e=>{e.preventDefault(),this.form.submit()}},e("slot",{key:"3a84c27a4b9b0b277cb722c509010d2c886ca52c"}))}get el(){return o(this)}static get watchers(){return{initialValues:[{handleValuesChanged:0}]}}},it=class{constructor(e){t(this,e),this.iconType="carbon",this.darkIcon=!0}render(){var t,i;const a=I(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}))))}};it.style=".icon-container{height:100%;display:flex;align-items:center;color:inherit}";const at=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:"d93d224698a89a86e2ab1778bdabe82925428f2b"},this.shouldRender&&this.content?this.content():null)}static get watchers(){return{if:[{handleIfChange:0}]}}},ot=class{constructor(e){t(this,e),this.color="primary"}render(){return e(a,{key:"761a94eebc2e9c8805fa82cc61c4a76668f5015b"},e("div",{key:"ab746cfda51c4c64191a91cf9ac7e54dd27b3a2e",class:{loader:!0,[`loader--color-${this.color}`]:!0}},e("div",{key:"4c08ea0a28de807b3836b832bcca9f0557db3804",class:"indeterminate"})))}};ot.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 rt=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:"38b8402037018050b955dfdd1b10d8dc050db57a"},e("div",{key:"db06e7c9c2404c512dab266f00cf20ff4cbdca64",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:"5638e84985d9f200e7f69d918ea10b14f88eaec6",class:"avatar-container"},e("udp-avatar",{key:"6d51c030025482eeeaa269eca7938f7ffa406d93",iconName:this.iconName,variant:this.avatarVariant,color:this.avatarBackgroundColor})),e("div",{key:"799b85e83c00ab20c4d1ee186aa6ce831c818d27",class:"text-container"},t&&e("div",{key:"b98a0096aba1767d4775f377cef302583d980cc9",class:"primary-text"},e("slot",{key:"212d09710969f9bb35d0d464a5fb7059aa6a651e",name:"primary-text"},e("unity-typography",{key:"a8232e206e5d720e97779f150c39ca068c456ec7",variant:"body"},this.primaryText))),i&&e("div",{key:"e9f2a85b108cc2cbbcae8be90a18bf41a8ab177f",class:"secondary-text"},e("slot",{key:"4fad8114d2af181df09f111fbebfc3a9f8c3ae0e",name:"secondary-text"},e("unity-typography",{key:"04c8bbfba3705679dcf08962737b8726a182c890",variant:"caption-text",color:"textSecondary"},this.secondaryText)))),this.hasStatusChipSlot&&e("div",{key:"85c7190bebe53677d9cbe0eb9d529e50e0a9586c",class:"status-chip-container"},e("slot",{key:"e04bc7b9fc83f88910a8d87b2c0982021dd88cf2",name:"status-chip"})),this.hasActionsSlot&&e("div",{key:"94c532b6238ed87709069828e9800fab2230918c",class:"actions-container"},e("slot",{key:"80fe2b1653b00ed5061c1c13e861bc0fa1b96f74",name:"actions"}))))}get hostEl(){return o(this)}};rt.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 nt=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:"b26afc2ab755b1b71822b89208e5d45f0733787f",class:"menu-item-root",onClick:this.handleItemClick,disabled:this.disabled,role:"menuitem"},this.iconName&&e("udp-icon",{key:"214be4eabb71a7cf8d3eeec8151ae381012a8e79",iconName:this.iconName,class:"menu-icon"}),e("span",{key:"8604d5cc4d0f3cb5233c06a8408beaf1da98c590",class:"menu-item-label"},e("unity-typography",{key:"6f9352bd35d5cb919968ac7836b77f52b5de0f82",variant:"body1"},this.label)))}};nt.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 st=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:"84eb625214dc77c60004a0a44d4d57242e1f44a9"},e("fluent-message-bar",{key:"62497532a0ffeff30ce08693b91794ecc09c4dc2",shape:this.shape,layout:this.layout,intent:this.intent},e("udp-flexbox",{key:"1208b31ee665592212c6cb48410cdbfa798b2455",direction:"row",gap:"sm",slot:"actions"},e("slot",{key:"257a8c42983d8a12e27cd0deb2634c1f2a0180d2",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:"a072d93e6d19f01a44dc62b9024490cb102c749f",name:"icon",slot:"icon"}),e("slot",{key:"55ea279fe5b7d247c9fbe37fe06068a342d6667e"})))}},dt=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=z(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:"d1dcfc4885536250c52af3e6b05371a7a9fd24d0"},e("div",{key:"c4a0946facfb54a99974e74fb70935ccdcc4fba9",class:"popover",style:{width:this.popoverWidth,maxHeight:this.popoverMaxHeight,overflow:this.overflow}},e("slot",{key:"8b76a9950358a1e5305af4aded8e29b0a927223f"})))}get hostEl(){return o(this)}static get watchers(){return{isOpen:[{handleOpenChange:0}]}}};dt.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 lt="anchorName"in document.documentElement.style,ct=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(),lt||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(),r=this.withArrow?12:2;let n=0,s=0;this.position.startsWith("top")?n=a.top-o.height-r:this.position.startsWith("bottom")&&(n=a.bottom+r),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=`${n}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],r=t[t.length-1];e.shiftKey?(0===a||this.isElementEqual(i,o))&&(e.preventDefault(),r.focus()):(a===t.length-1||this.isElementEqual(i,r))&&(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:"d2abe9d549963f1c17e029a91b9be167eaaab753",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:"00592ba65156cd94d423ac7a0ff0327a64e45cd7",name:"trigger"}),e("div",{key:"9ad8dcbfd0bee51e3f65340f31586c2a51432b12",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:"87e788efb8cdb13539ba66bfe118cc9ff9b5d631",part:"content",class:{"popover-content":!0,[`size-${this.size}`]:!!this.size}},this.withArrow&&e("div",{key:"177179544b02ef16618a8fa3a7a0c2253518bb20",class:"popover-arrow"}),e("slot",{key:"4aab4e436ff27ec2a1aa7eb08c065050f97cacd4",name:"content"}))))}get el(){return o(this)}static get watchers(){return{open:[{handleOpenChange:0}]}}};ct.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 ht=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=N(this.el,"inline"),this.hasSubtitle=N(this.el,"subtitle"),this.hasActions=N(this.el,"actions"),this.hasToolbar=N(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"),r=i.querySelector(".slot-actions"),n=o||r;if(!a||!n)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(n.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=n.querySelector(".primary-action");h&&(this.actionWidths[s.length]=h.offsetWidth);const u=n.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==r?void 0:r.offsetWidth)&&void 0!==t?t:0,g=f>b-m-10,v=b-f;let y=this.overflowCount;if(g&&this.overflowCount<l)y=this.overflowCount<s.length?s.length:l,this.justCollapsed=!0;else if(!g&&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)}v>=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),r=Math.max(0,i.length-o),n=i.slice(0,r),s=i.slice(r),d=a&&this.overflowCount>i.length;if(0===i.length&&!d)return null;const l=[];if(n.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:"d2cc07ad4cead6c1efeff5618cea5740a5dfa2a6"},e("div",{key:"5700ad50d21a1994fb5b29579d8d160423a8956a",class:{"header-body":!0,"has-toolbar":this.hasToolbar}},e("div",{key:"6e337465daddd11c9351f9a874fdc9d326912e5b",class:"title-row"},e("div",{key:"58ef594f11142dcdaccab535e49c60a02ddba24b",class:"title-inline"},e("udp-text",{key:"8e87a03f23e862d5d7c01ef497b121ffddef582f",variant:"subtitle1",block:!1},void 0!==this.title?this.title:e("slot",{name:"title",onSlotchange:this.handleSlotChange})),e("div",{key:"8e10e4c4f4050ab03fc7a0477c61c1bc38af5c48",class:{"slot-inline":!0,hidden:!this.hasInline}},e("slot",{key:"b597a9e2cc141b640a968a1f8d91aaf0c71768af",name:"inline",onSlotchange:this.handleSlotChange}))),e("div",{key:"c8e87565d638e09dbe44736aad6c271c7d9f1bc9",class:{"slot-actions":!0,hidden:!this.hasActions}},e("slot",{key:"d254cbf352209645a3194a1857c7789835749586",name:"actions",onSlotchange:this.handleSlotChange})),e("div",{key:"81caa9da66a4f46cb141fa379170f8f24e3146ab",class:{"system-actions":!0,hidden:!i}},this.renderSecondaryActions(),this.renderPrimaryAction())),e("div",{key:"849badb220e041c1490c00279e4f8caa978c54cb",class:{"subtitle-row":!0,hidden:!this.hasSubtitle&&!this.subtitle}},e("udp-text",{key:"b7edb450997ae61540990dc050756f94fdb63601",variant:"caption1"},void 0!==this.subtitle?this.subtitle:e("slot",{name:"subtitle",onSlotchange:this.handleSlotChange})))),e("div",{key:"4530369d2e610aa124578e739f06eeecf17e817c",class:{"toolbar-row":!0,hidden:!this.hasToolbar}},e("slot",{key:"d4eb94085ec856259a1a6cd9d4cfbcc337521790",name:"toolbar",onSlotchange:this.handleSlotChange})))}get el(){return o(this)}};ht.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 ut=class{constructor(e){t(this,e),this.thickness="medium",this.shape="rounded",this.validationState="info"}render(){return e(a,{key:"0948de54e61747c0fc87ad8467391d475a8937b8"},e("fluent-progress-bar",{key:"78cf79e927b60e3f1eb8bf165e490045da03a62f",thickness:this.thickness,shape:this.shape,"validation-state":this.validationState,value:this.value,min:this.min,max:this.max}))}},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.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:"c0ad7e57ba5f4a9eda2ce854c778ba559a0ab4c6",class:{"has-error":t}},e("fluent-field",{key:"e8b058e088387a5c1b970d2a0c37515829c29789",class:{"no-message":!i&&!this.includeErrorPadding}},e("fluent-text-input",{key:"a80688686d5a642472aeb5edc64e059efe823d35",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:"e286143785d07aed1ecbb7ae7aacc6185f3967da",slot:"start",name:"start"},e("udp-fluent-icon",{key:"4ffcfbb08de2f19e78efa2b2654ea74ebf401a2a",name:"search",size:"xs"})),e("udp-fluent-icon-button",{key:"6271fb0be37b314c2a7ef01777e790cdfde4aafd",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:"76c6d879ab5081ebb682fb673ae4cc17cfed843d",required:this.required,disabled:this.disabled},this.label,this.popupHint&&e("udp-tooltip",{key:"e9458ccc073f21a35e708913d01247b1cde0b4f7",content:this.popupHint,positioning:"above"},e("udp-fluent-icon",{key:"e01470ae5dd057c2fd3f327269a8434669af0027",name:"info",size:"xs",class:"popup-hint-icon"})))),(!!i||this.includeErrorPadding)&&e("udp-text",{key:"04724c87df263e121eca183b1c3b4f15a9e7c34e",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}]}}};pt.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 bt=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,r,n,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:"114fb6c9c7672ed0c8e0350d35fcaafc5e90fc9d",iconName:"overflowMenuVertical",color:"inherit"});return e("div",{key:"36c5d92ff2dfe298b600c15a973e05b4e03ef612",class:"backdrop",onClick:this.onCloseBackdrop},e("div",{key:"c0d84cde7128de85fd492c8c4002fcef0c65571c",class:{sheet:!0,[this.position]:!0,[d]:!0},style:l},e("div",{key:"91c2ae473b6158d0671fda0f8e89e993b239f659",class:"title-container"},e("div",{key:"277dd337d923754dd50a8f671498717cf2208f3e",class:"close-button"},e("stencil-icon-button",{key:"56ad80ad182e482cdfc8b786f99b6962354487de",icon:T,onClick:this.onClose,secondary:!0})),e("div",{key:"ec6288c444babe7cd43b9fa107aa914b7af1a0c0",class:"title-text"},e("unity-typography",{key:"9a7f020155a46e9258f8c21afe3f41d6df4b60f2",variant:"h6"},this.title)),(this.headerActionButtonLabel||(null===(t=this.headerSecondaryButtons)||void 0===t?void 0:t.length)>0)&&e("div",{key:"87d81014638a9229a195ffbf9f982307db2c13ef",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:"7b53fad664ba84d8eeeb2893d18085decdc635d9",disabled:this.headerActionButtonDisabled,onClick:this.onHeaderActionButtonClick,startIcon:c,variant:"contained"},this.headerActionButtonLabel))),e("div",{key:"47a68f2b5d8a94709249b8d90a2ca67542d76e4a",class:"loader-container"},e("udp-linear-loader",{key:"9ec156c748a5faceb4de0db2ca87ef2490294aa2",class:{"is-loading":this.loading},color:"primary"})),e("div",{key:"17e9cda2a7d3709f4bb6043c62165efb0685308e",class:{content:!0,padding:this.padding}},e("slot",{key:"43e24e734199f3bae197752b6d284e40a0af84dc"})),(this.primaryButtonLabel||(null===(a=this.footerSecondaryButtons)||void 0===a?void 0:a.length)>0)&&e("div",{key:"5b5c4916c753d4cf9f87c31d929d163fc96cefd9"},e("div",{key:"6866f082dcd22d831cf938b7749baa40860badf0",class:"loader-container"}),e("div",{key:"779dcc447ed0f2d8e6fdc7c54d6c8d9f424b6028",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:"d06b60b390d1a71fa363a2154eafb9061fb3bebd",class:"footer-secondary-buttons-container"},e("div",{key:"eefa3e4c23c680817567e9cafc6aadfd88671151",class:"footer-secondary-buttons"},null===(r=this.footerSecondaryButtons)||void 0===r?void 0:r.map((t=>e("udp-button",{variant:"outlined",disabled:t.disabled,onClick:t.onClick,endIcon:t.icon},t.label))))),this.showOverflowButton&&e("udp-button",{key:"aa5fe72411ecbc3a9b13a104dc2b56fc0992b3c2",variant:"outlined",onClick:this.onMoreActionButtonClick,color:"secondary",endIcon:h},"More"),this.primaryButtonLabel&&e("udp-button",{key:"caefbeae9aa3a1bc103b36014d21654fc5463c74",variant:"contained",disabled:this.primaryButtonDisabled,onClick:this.onPrimaryButtonClick,endIcon:this.primaryButtonIcon},this.primaryButtonLabel),this.showOverflowButton&&e("udp-pop-over",{key:"887bc8092861206af6bb4dabcfeaf2dd1b3fdb3b",anchorElement:this.overflowMenuAnchor,isOpen:this.openOverflowMenu,popoverWidth:"200px",popoverMaxHeight:"300px",handleOnClose:this.handleCloseOverflowMenu},e("div",{key:"d0178781341edf03446cc3fb51caf92c20559c01",class:"menu"},null===(n=this.footerSecondaryButtons)||void 0===n?void 0:n.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:"4bee880fe9710a26eb03b074ef35bb7f75802c96",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:"bc6ddc8680666fee42ef35997bda54a3d895bc30",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}]}}};bt.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 ft=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:"968e919a567381345434edbf781862a31dc91af3"},e("fluent-field",{key:"e86bf259ec53806c62aa0a0dcd61088088a80d91","label-position":"above",class:{"no-label":!this.label,"no-message":!i&&!this.includeErrorPadding}},e("fluent-label",{key:"e22647bd497fe52f2e393969e1443c20ea0f3a38",slot:"label",disabled:this.disabled},this.label,this.popupHint&&e("udp-tooltip",{key:"e9814f13f25e7c0a4aad486bf3b01dbae3a6453e",content:this.popupHint,positioning:"above"},e("udp-fluent-icon",{key:"bc4ca6609a1cb4e245d2e80f1ef664bf0f885be7",name:"info",size:"xs",class:"popup-hint-icon"}))),e("fluent-slider",{key:"921ee04d6b373be00cb96eda57c3c4bef4766c78",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:"f16788b1ce17b13b2c98194324d66174d92b7369",slot:"message",variant:"caption1",class:{message:!0,error:t,includeErrorPadding:this.includeErrorPadding}},i)))}};ft.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 mt=class{constructor(e){t(this,e)}render(){return e(a,{key:"b2ebebedd1f2d8dc407f468ed5be898f18be92c4"},e("fluent-spinner",{key:"d5ffa74b2face2f7ccba2cda261bee48abbbceb6",size:this.size,appearance:this.appearance}))}},gt=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 r=null;switch(e.key){case"ArrowRight":case"ArrowDown":e.preventDefault(),"row"===this.layout||"ArrowRight"===e.key?r=(a+1)%i.length:(r=a+o,r>=i.length&&(r%=i.length));break;case"ArrowLeft":case"ArrowUp":e.preventDefault(),"row"===this.layout||"ArrowLeft"===e.key?r=(a-1+i.length)%i.length:(r=a-o,r<0&&(r=i.length+r));break;case"Enter":case" ":return e.preventDefault(),void this.handleSwatchClick(t);case"Home":e.preventDefault(),r=0;break;case"End":e.preventDefault(),r=i.length-1}if(null!=r){const e=this.getSwatchElement(i[r].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 r=i/255,n=a/255,s=o/255;return.2126*(r<=.03928?r/12.92:Math.pow((r+.055)/1.055,2.4))+.7152*(n<=.03928?n/12.92:Math.pow((n+.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,r=this.error||this.hint;return e(a,{key:"77885ad68cd75df76790646a6b3215edd79217db"},e("fluent-field",{key:"e452062a9fa6338b297ff45f09c6e8149b09be25",class:{"no-label":!this.label,"no-message":!r&&!this.includeErrorPadding}},e("fluent-label",{key:"54f3c578d71db33b882b833e5f8e83ec81cd9752",required:this.required,disabled:this.disabled,slot:"label"},this.label,this.popupHint&&e("udp-tooltip",{key:"f5727d2ca749367323c79d2f116aaf0145f1e7e2",content:this.popupHint,positioning:"above"},e("udp-fluent-icon",{key:"e519b64a67249df0b5a8d718935557e975d7594d",name:"info",size:"xs",class:"popup-hint-icon"}))),e("div",{key:"8bb183858a39455b7e144848f9d45e19bc224162",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:"64ec32c2009de2514d821827542dbe939bc79fa8",slot:"message",variant:"caption1",class:{message:!0,error:o,includeErrorPadding:this.includeErrorPadding}},r)))}renderSwatch(t,i){const a=this.internalSelectedValue===t.value,o=this.disabled||t.disabled,r=this.needsContrastBorder(t.color),n={swatch:!0,[`size-${this.size}`]:!0,[`shape-${this.shape}`]:!0,selected:a,disabled:o,"needs-contrast-border":r},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:n,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}]}}};gt.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 vt=class{constructor(e){t(this,e)}render(){const t=this.activeTabId===this.id;return e(a,{key:"067b209fb2c85ef835fb236e1964f019e0c1266d",role:"tabpanel","aria-labelledby":this.id,"aria-hidden":t?"false":"true",hidden:!t},e("slot",{key:"a3c13914b547903978700e6304f68fa406190e3d"}))}static get delegatesFocus(){return!0}};vt.style=":host{display:block}:host([hidden]){display:none}";const yt={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"}},kt=class{constructor(e){t(this,e),this.variant="body1"}render(){var t,i,o,r;const n=yt[this.variant],s=null!==(t=this.size)&&void 0!==t?t:n.size,d=null!==(i=this.weight)&&void 0!==i?i:n.weight,l=null!==(o=this.as)&&void 0!==o?o:n.as,c=null!==(r=this.block)&&void 0!==r?r:!["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:"3cc587461e781faf836f24cd261ce21ef17d9916",class:h},e(l,{key:"15b07f9cbcf96762cab158c6604c20ed7747171b"},e("slot",{key:"a1266c0e33e283845132cf560ede14c1245ebc9c"})))}};kt.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 xt=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:"77859e24a772df8c9be07c9b06b0cdd2515e0f7b",class:{"has-error":t}},e("fluent-field",{key:"fa47373ad6ab9e226b98f2ff4353ef5dbf2e0b53",class:{"no-label":!this.label,"no-message":!i&&!this.includeErrorPadding}},e("fluent-textarea",{key:"749fec0b2025ce254760de7ae4db8b7254d0e5de",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:"60dd872557b36cee9345bb9a5d7b823f613a156c",slot:"label",disabled:this.disabled},this.label,this.popupHint&&e("udp-tooltip",{key:"a6e9e0a150bf5c329338ac3036b654e43ec15960",content:this.popupHint,positioning:"above"},e("udp-fluent-icon",{key:"6c415371038d73c8c8f77db341b5b65484c69acf",name:"info",size:"xs",class:"popup-hint-icon"}))),e("udp-text",{key:"e7da461e4f27239319db9f2d62b2b4d00de9eb46",slot:"message",variant:"caption1",class:{message:!0,error:t,includeErrorPadding:this.includeErrorPadding}},i)))}static get delegatesFocus(){return!0}};xt.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 wt=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"),r=null==o?void 0:o.querySelectorAll("fluent-option"),n=null==r?void 0:r[this.activeIndex];if(!(n&&n instanceof HTMLElement))return;const s=a.getBoundingClientRect(),d=n.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 r,n=0;if(o.includes(":")){const e=o.split(":");r=parseInt(e[0],10);const t=e[1]||"0";n=1===t.length?10*parseInt(t,10):parseInt(t,10)||0}else if(4===o.length&&/^\d{4}$/.test(o))r=parseInt(o.substring(0,2),10),n=parseInt(o.substring(2,4),10);else if(3===o.length&&/^\d{3}$/.test(o))r=parseInt(o.substring(0,1),10),n=parseInt(o.substring(1,3),10);else{if(!/^\d{1,2}$/.test(o))return null;r=parseInt(o,10)}return isNaN(r)||isNaN(n)||r<0||n<0||n>59||r>23?null:(r>12&&r<=23&&(i||a)||(a&&r<12?r+=12:i&&12===r&&(r=0)),r<0||r>23?null:`${String(r).padStart(2,"0")}:${String(n).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 r=Math.abs(this.timeToMinutes(a.value)-e);r<i&&(i=r,t=o)})),t}render(){const t=this.internalError||this.error,i=!!t,o=t||this.hint;return e(a,{key:"44d0689e7988d9a72fc1a9e322d348bcdac7bbed",class:{"has-error":i}},e("fluent-field",{key:"deb61a054545c8fefe432414c3ee53979704cf35",class:{"no-message":!o&&!this.includeErrorPadding}},e("udp-popover",{key:"b83cfbd2db1c0454c6fa066f7f75e95143271a5c",slot:"input",open:this.isOpen,position:"bottom-start",toggleOnTriggerClick:!1,matchTriggerWidth:!0,onPopoverClose:this.handlePopoverClose},e("fluent-text-input",{key:"b7aa35470775979cfdbb7eb3a3f51735637b1682",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:"f3dc0195ce785fc62bb35723c619a8996803e7cb",required:this.required,disabled:this.disabled,onMouseDown:this.handleLabelMouseDown},this.label,this.popupHint&&e("udp-tooltip",{key:"03b5638ac5a585f976e94e36b6b59f42c16812b2",content:this.popupHint,positioning:"above"},e("udp-fluent-icon",{key:"4e7f21d6b631214930e9aba8fb0ec46eb117d050",name:"info",size:"xs",class:"popup-hint-icon"}))),e("div",{key:"bbe3485bf19a013b1ac9ae93a9528da270a4b5e2",slot:"end"},e("udp-fluent-icon-button",{key:"46663269176388b61a586aa68bf237d3d74ac1d5",appearance:"transparent",iconName:"clock",disabled:this.disabled,tabindex:-1,onMouseDown:this.handleIconMouseDown,onClick:this.handleIconClick}))),e("div",{key:"55509c3c56fff966a1fc709e82f7788fd88659ea",slot:"content",class:"listbox-container"},e("fluent-listbox",{key:"9afbeb89265f4a34fed387aaaa9a0b071341e3fc"},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:"7aa55e4723dffd30df6b256e00496a1936fd6ce6",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}]}}};wt.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 St=class{constructor(e){t(this,e),this.delay=200,this.positioning="above"}render(){const t="internal-anchor";return e(a,{key:"0067d7a56b24d183eb0b91f931f2d19d01f2e5d6"},e("div",{key:"60e0ce5333db01759dfc0fd7b56ce7b5dd4d9a29",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:"b6be513e4eb69604e26ddec26fdf4329164d21d8"})),e("fluent-tooltip",{key:"52c743de0edb443bea54e174cd76858777a9adce",ref:e=>this.tooltipRef=e,anchor:t,delay:this.delay,positioning:this.positioning},this.content))}};St.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 Ct=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 r=this.resolveProp(t,this.itemBadge);if(null==r||""===r)return null;const n="object"==typeof r?r:{content:r};return e("udp-fluent-badge",{color:n.color,appearance:null!==(i=n.appearance)&&void 0!==i?i:"tint",shape:null!==(a=n.shape)&&void 0!==a?a:"rounded",size:null!==(o=n.size)&&void 0!==o?o:"small",startIconName:n.startIconName,endIconName:n.endIconName},n.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),r=this.resolveProp(i,this.itemAside),n=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:n,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),r&&e("div",{slot:"aside"},r),b&&this.renderTreeItems(t,a))}))}render(){return e(a,{key:"60890c72952a6f5cff22c20e40afc2fece25a464"},e("fluent-tree",{key:"b22362f90a108f7342c7b9f56a3d5cdaa8129fbc",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)))}};Ct.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 zt=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))}}};zt.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{X as ag_grid_base,J as client_side_grid,K as ghost_render,Q as grid_header,ee as hint_panel,te as stencil_icon_button,ie as test_components_page,ne as test_form,se as udp_accordion,le as udp_ambient_tool_tip,ce as udp_autocomplete,he as udp_avatar,ue as udp_badge,pe as udp_button,be as udp_chip,ye as udp_compound_button,ke as udp_date_input,Ce as udp_date_range_selector,ze as udp_date_time_input,Ne as udp_dialog,Te as udp_field,Ae as udp_flexbox,qe as udp_fluent_avatar,Me as udp_fluent_badge,Pe as udp_fluent_button,Oe as udp_fluent_card,Re as udp_fluent_checkbox,je as udp_fluent_counter_badge,Ee as udp_fluent_dialog,$e as udp_fluent_divider,He as udp_fluent_drawer,Le as udp_fluent_dropdown,Ye as udp_fluent_icon,Ue as udp_fluent_icon_button,Xe as udp_fluent_menu,Je as udp_fluent_radio_group,Ke as udp_fluent_switch,Ze as udp_fluent_tablist,Qe as udp_fluent_text_input,et as udp_fluent_toggle_button,tt as udp_form_component,it as udp_icon,at as udp_lazy_loader,ot as udp_linear_loader,rt as udp_list_item,nt as udp_menu_item,st as udp_message_bar,dt as udp_pop_over,ct as udp_popover,ht as udp_primary_action_header,ut as udp_progress_bar,pt as udp_search_input,bt as udp_side_sheet,ft as udp_slider,mt as udp_spinner,gt as udp_swatch_picker,vt as udp_tab_panel,kt as udp_text,xt as udp_textarea,wt as udp_time_input,St as udp_tooltip,Ct as udp_tree,zt as unity_typography}