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

package/dist/stencil-library/udp-bar-chart.entry.js

@@ -1 +1 @@
-import{r as i,h as t,a as s}from"./index-Cgpvu-iV.js";import{v4 as h}from"uuid";const d=class{constructor(t){i(this,t),this.data=void 0,this.valueField=void 0,this.labelField=void 0,this.title=void 0,this.subheader=void 0,this.customCardStyle={},this.kpisPosition="left",this.kpis=void 0,this.xAxisLabel=void 0,this.yAxisLabel=void 0,this.hideAdornment=!1,this.valueFields=void 0,this.stacked=!1,this.showBullets=!1,this.barWidth=void 0,this.xDataType=void 0,this.yDataType=void 0,this.distBetweenGridLines=void 0,this.hideLegend=!0,this.hideBorder=!1,this.removePadding=!1,this.chartId=h()}render(){return t("udp-xy-chart",{key:"c73dd0522854d3522b994ac7b763138f4fd335cb",title:this.title,subheader:this.subheader,data:this.data,chartId:this.chartId,kpis:this.kpis,customWidth:this.customWidth,customHeight:this.customHeight,customCardWidth:this.customCardWidth,customCardStyle:this.customCardStyle,kpisPosition:this.kpisPosition,hideAdornment:this.hideAdornment,labelField:this.labelField,valueField:this.valueField,showBullets:this.showBullets,xDataType:this.xDataType,yDataType:this.yDataType,hideLegend:this.hideLegend,hideBorder:this.hideBorder,removePadding:this.removePadding,chartType:"Column",xAxisLabel:this.xAxisLabel,yAxisLabel:this.yAxisLabel})}get el(){return s(this)}};d.style="";export{d as udp_bar_chart}
+import{r as i,h as t,a as s}from"./index-Cgpvu-iV.js";import{v4 as h}from"uuid";const d=class{constructor(t){i(this,t),this.data=void 0,this.valueField=void 0,this.labelField=void 0,this.title=void 0,this.subheader=void 0,this.customCardStyle={},this.kpisPosition="left",this.kpis=void 0,this.xAxisLabel=void 0,this.yAxisLabel=void 0,this.hideAdornment=!1,this.valueFields=void 0,this.stacked=!1,this.showBullets=!1,this.barWidth=void 0,this.xDataType=void 0,this.yDataType=void 0,this.distBetweenGridLines=void 0,this.hideLegend=!0,this.hideBorder=!1,this.removePadding=!1,this.chartId=h()}render(){return t("udp-xy-chart",{key:"994977d24b0d3828fbbf179bf9a86a3930f27408",title:this.title,subheader:this.subheader,data:this.data,chartId:this.chartId,kpis:this.kpis,customWidth:this.customWidth,customHeight:this.customHeight,customCardWidth:this.customCardWidth,customCardStyle:this.customCardStyle,kpisPosition:this.kpisPosition,hideAdornment:this.hideAdornment,labelField:this.labelField,valueField:this.valueField,showBullets:this.showBullets,xDataType:this.xDataType,yDataType:this.yDataType,hideLegend:this.hideLegend,hideBorder:this.hideBorder,removePadding:this.removePadding,chartType:"Column",xAxisLabel:this.xAxisLabel,yAxisLabel:this.yAxisLabel})}get el(){return s(this)}};d.style="";export{d as udp_bar_chart}

package/dist/stencil-library/udp-calendar-base.entry.js

@@ -1 +1 @@
-import{r as t,h as e,a as i}from"./index-Cgpvu-iV.js";import{Calendar as s}from"@fullcalendar/core";import a from"@fullcalendar/daygrid";import n from"@fullcalendar/interaction";const h=class{constructor(e){t(this,e),this.initialView="dayGridMonth",this.height=550,this.weekends=!0,this.hiddenDays=[],this.dayHeaders=!1,this.dayMinWidth=null,this.slotDuration="00:30:00",this.slotLabelInterval="01:00",this.slotLabelFormat={hour:"numeric",minute:"2-digit",omitZeroMinute:!0,meridiem:"short"},this.slotMinTime="00:00:00",this.slotMaxTime="24:00:00",this.scrollTime="06:00:00",this.scrollTimeReset=!0,this.firstDay=0,this.showNonCurrentDates=!0,this.toggleViewOptions="dayGridDay,dayGridWeek,dayGridMonth,dayGridYear",this.options={}}componentDidLoad(){const t=this.el.shadowRoot.querySelector("#calendar");this.calendar=new s(t,this.buildCalendarOptions()),this.calendar.render(),this.scrollToTimeDuration&&this.calendar.scrollToTime(this.scrollToTimeDuration)}buildCalendarOptions(){var t,e;const i=Object.assign(Object.assign({plugins:[a,n],initialView:this.initialView,initialDate:this.initialDate,height:this.height,contentHeight:this.contentHeight,aspectRatio:this.aspectRatio,weekends:this.weekends,hiddenDays:this.hiddenDays,dayHeaders:this.dayHeaders,dayMinWidth:this.dayMinWidth,slotDuration:this.slotDuration,slotLabelInterval:this.slotLabelInterval,slotLabelFormat:this.slotLabelFormat,slotMinTime:this.slotMinTime,slotMaxTime:this.slotMaxTime,scrollTime:this.scrollTime,scrollTimeReset:this.scrollTimeReset,firstDay:this.firstDay,showNonCurrentDates:this.showNonCurrentDates,headerToolbar:{left:"prev,next",center:"title",right:this.toggleViewOptions},views:{dayGridWeek:{dayHeaderFormat:null!==(t=this.dayHeaderFormatWeekView)&&void 0!==t?t:{weekday:"short",month:"numeric",day:"numeric",omitCommas:!0,omitZeroMinute:!0,meridiem:"short"}},dayGridMonth:{dayHeaderFormat:null!==(e=this.dayHeaderFormatMonthView)&&void 0!==e?e:{weekday:"short"}}},events:this.events,eventSources:this.eventSources,eventContent:this.eventContent},this.datesSet?{datesSet:t=>this.datesSet(t)}:{}),this.eventOnclick?{eventClick:t=>this.eventOnclick(t)}:{}),s=i;return h.RENDER_HOOKS.forEach((t=>{this[t]&&(s[t]=e=>this[t](e))})),Object.assign(i,this.options),Object.keys(s).forEach((t=>void 0===s[t]&&delete s[t])),i}eventsChanged(t){this.calendar&&(this.calendar.removeAllEvents(),this.calendar.addEventSource(t))}disconnectedCallback(){this.calendar&&this.calendar.destroy()}render(){const t=Object.assign({},null!==this.width?{width:this.width+"px"}:{});return e("div",{key:"26ebf24de02406ff4fbf217f04e8aba6e34afc3e",id:"calendar",style:t})}get el(){return i(this)}static get watchers(){return{events:[{eventsChanged:0}]}}};h.RENDER_HOOKS=["dayHeaderClassNames","dayHeaderContent","dayHeaderDidMount","dayHeaderWillUnmount","dayCellClassNames","dayCellContent","dayCellDidMount","dayCellWillUnmount","slotLabelClassNames","slotLabelContent","slotLabelDidMount","slotLabelWillUnmount","slotLaneClassNames","slotLaneContent","slotLaneDidMount","slotLaneWillUnmount"],h.style="";export{h as udp_calendar_base}
+import{r as t,h as e,a as i}from"./index-Cgpvu-iV.js";import{Calendar as s}from"@fullcalendar/core";import a from"@fullcalendar/daygrid";import n from"@fullcalendar/interaction";const h=class{constructor(e){t(this,e),this.initialView="dayGridMonth",this.height=550,this.weekends=!0,this.hiddenDays=[],this.dayHeaders=!1,this.dayMinWidth=null,this.slotDuration="00:30:00",this.slotLabelInterval="01:00",this.slotLabelFormat={hour:"numeric",minute:"2-digit",omitZeroMinute:!0,meridiem:"short"},this.slotMinTime="00:00:00",this.slotMaxTime="24:00:00",this.scrollTime="06:00:00",this.scrollTimeReset=!0,this.firstDay=0,this.showNonCurrentDates=!0,this.toggleViewOptions="dayGridDay,dayGridWeek,dayGridMonth,dayGridYear",this.options={}}componentDidLoad(){const t=this.el.shadowRoot.querySelector("#calendar");this.calendar=new s(t,this.buildCalendarOptions()),this.calendar.render(),this.scrollToTimeDuration&&this.calendar.scrollToTime(this.scrollToTimeDuration)}buildCalendarOptions(){var t,e;const i=Object.assign(Object.assign({plugins:[a,n],initialView:this.initialView,initialDate:this.initialDate,height:this.height,contentHeight:this.contentHeight,aspectRatio:this.aspectRatio,weekends:this.weekends,hiddenDays:this.hiddenDays,dayHeaders:this.dayHeaders,dayMinWidth:this.dayMinWidth,slotDuration:this.slotDuration,slotLabelInterval:this.slotLabelInterval,slotLabelFormat:this.slotLabelFormat,slotMinTime:this.slotMinTime,slotMaxTime:this.slotMaxTime,scrollTime:this.scrollTime,scrollTimeReset:this.scrollTimeReset,firstDay:this.firstDay,showNonCurrentDates:this.showNonCurrentDates,headerToolbar:{left:"prev,next",center:"title",right:this.toggleViewOptions},views:{dayGridWeek:{dayHeaderFormat:null!==(t=this.dayHeaderFormatWeekView)&&void 0!==t?t:{weekday:"short",month:"numeric",day:"numeric",omitCommas:!0,omitZeroMinute:!0,meridiem:"short"}},dayGridMonth:{dayHeaderFormat:null!==(e=this.dayHeaderFormatMonthView)&&void 0!==e?e:{weekday:"short"}}},events:this.events,eventSources:this.eventSources,eventContent:this.eventContent},this.datesSet?{datesSet:t=>this.datesSet(t)}:{}),this.eventOnclick?{eventClick:t=>this.eventOnclick(t)}:{}),s=i;return h.RENDER_HOOKS.forEach((t=>{this[t]&&(s[t]=e=>this[t](e))})),Object.assign(i,this.options),Object.keys(s).forEach((t=>void 0===s[t]&&delete s[t])),i}eventsChanged(t){this.calendar&&(this.calendar.removeAllEvents(),this.calendar.addEventSource(t))}disconnectedCallback(){this.calendar&&this.calendar.destroy()}render(){const t=Object.assign({},null!==this.width?{width:this.width+"px"}:{});return e("div",{key:"f0dfc81c9ed6c98203918d0904375b8e380cb132",id:"calendar",style:t})}get el(){return i(this)}static get watchers(){return{events:[{eventsChanged:0}]}}};h.RENDER_HOOKS=["dayHeaderClassNames","dayHeaderContent","dayHeaderDidMount","dayHeaderWillUnmount","dayCellClassNames","dayCellContent","dayCellDidMount","dayCellWillUnmount","slotLabelClassNames","slotLabelContent","slotLabelDidMount","slotLabelWillUnmount","slotLaneClassNames","slotLaneContent","slotLaneDidMount","slotLaneWillUnmount"],h.style="";export{h as udp_calendar_base}

package/dist/stencil-library/udp-calendar-day.entry.js

@@ -1 +1 @@
-import{r as a,h as d}from"./index-Cgpvu-iV.js";const e=class{constructor(d){a(this,d),this.props={}}render(){return d("udp-calendar-base",Object.assign({key:"7c9a2ffad2c3a0b5cde6ad1a79df11d10b5ae0cb",initialView:"dayGridDay"},this.props))}};e.style="";export{e as udp_calendar_day}
+import{r as a,h as e}from"./index-Cgpvu-iV.js";const r=class{constructor(e){a(this,e),this.props={}}render(){return e("udp-calendar-base",Object.assign({key:"3b57a64aef404797a9310689bfbccfcbdeecddae",initialView:"dayGridDay"},this.props))}};r.style="";export{r as udp_calendar_day}

package/dist/stencil-library/udp-calendar-month.entry.js

@@ -1 +1 @@
-import{r as e,h as r}from"./index-Cgpvu-iV.js";const t=class{constructor(r){e(this,r),this.props={}}render(){return r("udp-calendar-base",Object.assign({key:"0ec8b856e7510a9bc835d434a96c386589586f24",initialView:"dayGridMonth"},this.props))}};t.style="";export{t as udp_calendar_month}
+import{r as a,h as r}from"./index-Cgpvu-iV.js";const t=class{constructor(r){a(this,r),this.props={}}render(){return r("udp-calendar-base",Object.assign({key:"dd9a2b41fa7138bcf1877fea79fc5ddfa5a468bb",initialView:"dayGridMonth"},this.props))}};t.style="";export{t as udp_calendar_month}

package/dist/stencil-library/udp-calendar-week.entry.js

@@ -1 +1 @@
-import{r as e,h as a}from"./index-Cgpvu-iV.js";const r=class{constructor(a){e(this,a),this.props={}}render(){return a("udp-calendar-base",Object.assign({key:"e2370684b3aea1e7131d27089667ad6829c86ad6",initialView:"dayGridWeek"},this.props))}};r.style="";export{r as udp_calendar_week}
+import{r as e,h as a}from"./index-Cgpvu-iV.js";const r=class{constructor(a){e(this,a),this.props={}}render(){return a("udp-calendar-base",Object.assign({key:"48e61ce5a0d454e4272a217b8d7629e2dfbb03a8",initialView:"dayGridWeek"},this.props))}};r.style="";export{r as udp_calendar_week}

package/dist/stencil-library/udp-calendar-year.entry.js

@@ -1 +1 @@
-import{r,h as a}from"./index-Cgpvu-iV.js";const e=class{constructor(a){r(this,a),this.props={}}render(){return a("udp-calendar-base",Object.assign({key:"af7723147f9d5f0f6c168c74dff38c6c20549c7d",initialView:"dayGridYear"},this.props))}};e.style="";export{e as udp_calendar_year}
+import{r as e,h as r}from"./index-Cgpvu-iV.js";const a=class{constructor(r){e(this,r),this.props={}}render(){return r("udp-calendar-base",Object.assign({key:"17850fa434926f7dfb8bec0f065016adc61e9e79",initialView:"dayGridYear"},this.props))}};a.style="";export{a as udp_calendar_year}

package/dist/stencil-library/udp-card-action-area.entry.js

@@ -1 +1 @@
-import{r as o,h as t,H as e}from"./index-Cgpvu-iV.js";const n=class{constructor(t){o(this,t)}render(){return t(e,{key:"ce5b93e8b8856553835570bd8eee84384c8cae6c"},t("button",{key:"3b21dfd117473886c1652c7dd4422e485655888f",class:"button"},t("slot",{key:"0bf28b20115738dce8eb411abdb47cf07b29af32"})))}};n.style=":host{display:block;text-align:inherit}.button{display:block;width:100%;padding:0;border:none;background:none;cursor:pointer;text-align:inherit;color:inherit;font:inherit;outline:none;}.button:focus{outline:none}:host(:focus),:host(:focus-within){outline:var(--focus-outline)}:host(:hover){background-color:var(--udp-card-action-area-hover-background, var(--primary-color-alpha-10))}";export{n as udp_card_action_area}
+import{r as o,h as t,H as n}from"./index-Cgpvu-iV.js";const r=class{constructor(t){o(this,t)}render(){return t(n,{key:"6814f04e67f221b8c108dca3207467ff13021a00"},t("button",{key:"88476540fbf417e6f4072df283afca040bd9a0a1",class:"button"},t("slot",{key:"f0c07a1d2f285516dd07b81ae68fe9e0899d127f"})))}};r.style=":host{display:block;text-align:inherit}.button{display:block;width:100%;padding:0;border:none;background:none;cursor:pointer;text-align:inherit;color:inherit;font:inherit;outline:none;}.button:focus{outline:none}:host(:focus),:host(:focus-within){outline:var(--focus-outline)}:host(:hover){background-color:var(--udp-card-action-area-hover-background, var(--primary-color-alpha-10))}";export{r as udp_card_action_area}

package/dist/stencil-library/udp-card_6.entry.js

@@ -1 +1 @@
-import{r as t,h as a,F as e,H as i,a as s,c as o}from"./index-Cgpvu-iV.js";const d=class{constructor(a){t(this,a),this.variant="outlined",this.disableHeaderTypography=!1,this.disableContentGutter=!1,this.disableContentPadding=!1}hasSlottedContent(t){return!!this.el.querySelector(`[slot="${t}"]`)}render(){const t=!this.hasSlottedContent("header")&&(this.cardTitle||this.subheader||this.avatar||this.headerAction),s=!this.hasSlottedContent("media")&&this.mediaImage,o=a(e,{key:"76341ac22a99cdb88ba3bb0e0d352af8ef3a758f"},s?a("udp-card-media",{image:this.mediaImage,title:this.mediaTitle}):a("slot",{name:"media"}),t?a("udp-card-header",{cardTitle:this.cardTitle,subheader:this.subheader,avatar:this.avatar,action:this.headerAction,disableTypography:this.disableHeaderTypography,onTitleClick:this.onTitleClick}):a("slot",{name:"header"}),a("udp-card-content",{key:"f4886d09caafadba14b4edf2680bb2928f1847ad",disableGutter:this.disableContentGutter,disablePadding:this.disableContentPadding},a("slot",{key:"1b650355dce661e9cedcb96d829cd8b7e29fc33c"})));return a(i,{key:"e76eb8f7d5d90afa2bde6fd0b934a59a1aa253e8",class:{[this.variant]:!0,"elevation-1":"elevated"===this.variant}},this.adornmentStatus&&a("udp-adornment",{key:"806571fa54fa8868894d00ed9f2fba34ca1a219f",status:this.adornmentStatus}),o,this.actions&&a("udp-card-actions",{key:"831cbf4fdc357ca01a79834ea6bed22d76cc263a"},this.actions))}get el(){return s(this)}};d.style=":host{display:block;background:var(--udp-card-background, #fff);overflow:hidden;color:var(--text-main);font-family:var(--font-family);font-size:var(--body2-font-size);font-weight:var(--body2-font-weight);line-height:var(--body2-line-height);position:relative;border-radius:var(--border-radius)}:host udp-adornment{position:absolute;top:0;left:0;bottom:0;width:4px;z-index:1}:host udp-card-content{position:relative;z-index:0}:host udp-card-action-area{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:transparent;transition:background-color 0.3s ease}:host udp-card-action-area:hover{background:rgba(0, 0, 0, 0.04)}:host udp-card-actions{position:relative;z-index:2}:host udp-card-actions ::slotted(*){pointer-events:auto !important}:host(.outlined){border:1px solid var(--divider-color)}:host(.elevation-1){box-shadow:var(--elevation-01)}:host(.elevation-2){box-shadow:var(--elevation-02)}:host(.elevation-3){box-shadow:var(--elevation-03)}:host(.elevation-4){box-shadow:var(--elevation-04)}:host(.elevation-5){box-shadow:var(--elevation-05)}:host(.elevation-6){box-shadow:var(--elevation-06)}:host(.elevation-7){box-shadow:var(--elevation-07)}:host(.elevation-8){box-shadow:var(--elevation-08)}";const n=class{constructor(a){t(this,a),this.align="end"}render(){return a(i,{key:"1a163dd6d3221d74fa5ddf22089af542cafd7804",class:this.align},a("slot",{key:"ed380979124e980f443d834196378cd23b1a4863"}))}};n.style=":host{display:flex;padding:var(--spacing-03, 8px);align-items:center;gap:var(--spacing-03, 8px);}:host(.start){justify-content:flex-start}:host(.center){justify-content:center}:host(.end){justify-content:flex-end}::slotted(*){margin:0}";const r=class{constructor(a){t(this,a),this.disableGutter=!1,this.disablePadding=!1}render(){return a(i,{key:"2b6761d695a5f78459e88248cab0c743d64c91c7",class:{"disable-gutter":this.disableGutter,"disable-padding":this.disablePadding}},a("slot",{key:"8bf226ea935e1b85fea0f3338f9571f32e00d30a"}))}};r.style=":host{display:block;padding:var(--spacing-05, 16px)}:host(:last-child){padding-bottom:var(--spacing-06, 24px)}.disable-gutter{padding-left:0 !important;padding-right:0 !important}.disable-padding{padding-top:0 !important;padding-bottom:0 !important}";const c=class{constructor(a){t(this,a),this.titleClick=o(this,"titleClick",7),this.disableTypography=!1,this.titleTarget="_self",this.handleTitleClick=t=>{this.titleClick.emit(t.detail)}}render(){const t=this.disableTypography?this.cardTitle:a("unity-typography",{variant:"h6"},this.cardTitle),e=this.titleHref||this.titleClick?a("udp-link",{href:this.titleHref,target:this.titleTarget,onLinkClick:this.handleTitleClick},t):t,s=this.disableTypography?this.subheader:"string"==typeof this.subheader?a("unity-typography",{variant:"body1",color:"textSecondary"},this.subheader):this.subheader;return a(i,{key:"da831aeddd4977fe5ba51bb5327d4e4e0aabc8aa"},this.avatar&&a("div",{key:"6de6f70fd33f3f1da3f1caaabcbacb0b5f87996b",class:"avatar"},this.avatar),a("div",{key:"e419c6a86d36e5d26a70125467b8f54ba2a7e204",class:"content"},a("slot",{key:"7c98e9ca06380019ee27052d8595e345fe39b73f",name:"title"},this.cardTitle&&e),a("slot",{key:"9e0f1bf2e362fb58d336a6f9483a34d455713117",name:"subheader"},this.subheader&&s),a("slot",{key:"cd72232a24f89dc48c719350689d4cea82432f8e"})),this.action&&a("div",{key:"1886b8cc716611e275a3a5361b245394a2c7f5a6",class:"action"},this.action),a("slot",{key:"ac7a65d4bb5eaece5869fdcc845b5a88b77a9788",name:"action"}))}};c.style=':host{display:flex;align-items:center;padding:var(--spacing-05, 16px)}.avatar{margin-right:var(--spacing-04, 12px);display:flex;flex:0 0 auto}.content{flex:1 1 auto;min-width:0}.action{flex:0 0 auto;align-self:flex-start;margin-top:var(--spacing-02, 4px);margin-right:var(--spacing-02, 4px);margin-left:var(--spacing-03, 8px)}::slotted([slot="title"]){display:block;margin-bottom:0}::slotted([slot="subheader"]){display:block;color:var(--text-secondary)}::slotted([slot="action"]){flex:0 0 auto;align-self:flex-start;margin-top:var(--spacing-02, 4px);margin-right:var(--spacing-02, 4px);margin-left:var(--spacing-03, 8px)}::slotted(*){font-size:var(--h6-font-size);font-weight:var(--h6-font-weight);line-height:var(--h6-line-height)}';const l=class{constructor(a){t(this,a)}render(){return a(i,{key:"225f24c1e14b64b56856f60260d4086a40ce2950",role:"img",style:{backgroundImage:this.image?`url(${this.image})`:void 0},"aria-label":this.title},a("slot",{key:"0cd198ecef0d8b38e3ec1d499aa220b31c4f88fb"}))}};l.style=":host{display:block;background-size:cover;background-repeat:no-repeat;background-position:center;height:var(--udp-card-media-height, 140px)}";const h=class{constructor(a){t(this,a),this.linkClick=o(this,"linkClick",7),this.target="_self",this.disabled=!1,this.component="a",this.handleClick=t=>{this.disabled?t.preventDefault():this.linkClick.emit(t)}}render(){const t={class:{"udp-link":!0,disabled:this.disabled},onClick:this.handleClick};return"button"!==this.component&&this.href?a("a",Object.assign({},t,{href:this.href,target:this.target}),a("slot",null)):a("button",Object.assign({},t,{disabled:this.disabled,type:"button"}),a("slot",null))}};h.style=":host{display:inline-flex}.udp-link{color:var(--primary-color);text-decoration:none;cursor:pointer;background:none;border:none;padding:0;font:inherit;outline:inherit;transition:color 0.2s ease-in-out}.udp-link:hover{color:var(--primary-dark);text-decoration:underline}.udp-link:focus{outline:2px solid var(--primary-light);outline-offset:2px}.udp-link.disabled{color:var(--text-disabled);cursor:default;pointer-events:none}.udp-link.disabled:hover{text-decoration:none}";export{d as udp_card,n as udp_card_actions,r as udp_card_content,c as udp_card_header,l as udp_card_media,h as udp_link}
+import{r as t,h as a,F as e,H as i,a as s,c as o}from"./index-Cgpvu-iV.js";const d=class{constructor(a){t(this,a),this.variant="outlined",this.disableHeaderTypography=!1,this.disableContentGutter=!1,this.disableContentPadding=!1}hasSlottedContent(t){return!!this.el.querySelector(`[slot="${t}"]`)}render(){const t=!this.hasSlottedContent("header")&&(this.cardTitle||this.subheader||this.avatar||this.headerAction),s=!this.hasSlottedContent("media")&&this.mediaImage,o=a(e,{key:"06a89d6f260fbb04dae3205832a50348f4719371"},s?a("udp-card-media",{image:this.mediaImage,title:this.mediaTitle}):a("slot",{name:"media"}),t?a("udp-card-header",{cardTitle:this.cardTitle,subheader:this.subheader,avatar:this.avatar,action:this.headerAction,disableTypography:this.disableHeaderTypography,onTitleClick:this.onTitleClick}):a("slot",{name:"header"}),a("udp-card-content",{key:"c24c1482c26564a683774e8e94c76b6c30599fc5",disableGutter:this.disableContentGutter,disablePadding:this.disableContentPadding},a("slot",{key:"2619d91c76dba8b4e62552ccf9f86c2ae5b6c39e"})));return a(i,{key:"30c7412f880d5776574f6fa4ca39f1fb6f4fc849",class:{[this.variant]:!0,"elevation-1":"elevated"===this.variant}},this.adornmentStatus&&a("udp-adornment",{key:"fd71734c48de60694221ca6d262daa47523d21c5",status:this.adornmentStatus}),o,this.actions&&a("udp-card-actions",{key:"1112934e863867df77740bf24744f364a80aa274"},this.actions))}get el(){return s(this)}};d.style=":host{display:block;background:var(--udp-card-background, #fff);overflow:hidden;color:var(--text-main);font-family:var(--font-family);font-size:var(--body2-font-size);font-weight:var(--body2-font-weight);line-height:var(--body2-line-height);position:relative;border-radius:var(--border-radius)}:host udp-adornment{position:absolute;top:0;left:0;bottom:0;width:4px;z-index:1}:host udp-card-content{position:relative;z-index:0}:host udp-card-action-area{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:transparent;transition:background-color 0.3s ease}:host udp-card-action-area:hover{background:rgba(0, 0, 0, 0.04)}:host udp-card-actions{position:relative;z-index:2}:host udp-card-actions ::slotted(*){pointer-events:auto !important}:host(.outlined){border:1px solid var(--divider-color)}:host(.elevation-1){box-shadow:var(--elevation-01)}:host(.elevation-2){box-shadow:var(--elevation-02)}:host(.elevation-3){box-shadow:var(--elevation-03)}:host(.elevation-4){box-shadow:var(--elevation-04)}:host(.elevation-5){box-shadow:var(--elevation-05)}:host(.elevation-6){box-shadow:var(--elevation-06)}:host(.elevation-7){box-shadow:var(--elevation-07)}:host(.elevation-8){box-shadow:var(--elevation-08)}";const n=class{constructor(a){t(this,a),this.align="end"}render(){return a(i,{key:"83547877c45ab370dc2c9b976649f1dbe19eea01",class:this.align},a("slot",{key:"05d3c1201398e9624edbeff6a3c14b2360ea1535"}))}};n.style=":host{display:flex;padding:var(--spacing-03, 8px);align-items:center;gap:var(--spacing-03, 8px);}:host(.start){justify-content:flex-start}:host(.center){justify-content:center}:host(.end){justify-content:flex-end}::slotted(*){margin:0}";const r=class{constructor(a){t(this,a),this.disableGutter=!1,this.disablePadding=!1}render(){return a(i,{key:"aa21222a87a91657f0dca19cfc0d724b7024194d",class:{"disable-gutter":this.disableGutter,"disable-padding":this.disablePadding}},a("slot",{key:"ed7400c1ee9bdb16870296e9446ad74eef538b46"}))}};r.style=":host{display:block;padding:var(--spacing-05, 16px)}:host(:last-child){padding-bottom:var(--spacing-06, 24px)}.disable-gutter{padding-left:0 !important;padding-right:0 !important}.disable-padding{padding-top:0 !important;padding-bottom:0 !important}";const c=class{constructor(a){t(this,a),this.titleClick=o(this,"titleClick",7),this.disableTypography=!1,this.titleTarget="_self",this.handleTitleClick=t=>{this.titleClick.emit(t.detail)}}render(){const t=this.disableTypography?this.cardTitle:a("unity-typography",{variant:"h6"},this.cardTitle),e=this.titleHref||this.titleClick?a("udp-link",{href:this.titleHref,target:this.titleTarget,onLinkClick:this.handleTitleClick},t):t,s=this.disableTypography?this.subheader:"string"==typeof this.subheader?a("unity-typography",{variant:"body1",color:"textSecondary"},this.subheader):this.subheader;return a(i,{key:"229112533c97e6ae27b84b182ce8180826b8dd02"},this.avatar&&a("div",{key:"9bd473c731393bc9cd6917639446de81a6034632",class:"avatar"},this.avatar),a("div",{key:"4c7dd1c6b7e8db0ea2fecd193d0cc6b796996913",class:"content"},a("slot",{key:"1b42ed9630d8aa6963ba712cda4fab54b0708b6e",name:"title"},this.cardTitle&&e),a("slot",{key:"bea508479bc641fcaeb534ad0b877c2402755913",name:"subheader"},this.subheader&&s),a("slot",{key:"6178606ccb2ba5ccded6cf2afd893bab8eeb5f54"})),this.action&&a("div",{key:"ef8bb59c836c5d6ab8af802043ed958b54a62ec0",class:"action"},this.action),a("slot",{key:"9d9a9b608f2e42bddac9b3a63a1564937ed59f75",name:"action"}))}};c.style=':host{display:flex;align-items:center;padding:var(--spacing-05, 16px)}.avatar{margin-right:var(--spacing-04, 12px);display:flex;flex:0 0 auto}.content{flex:1 1 auto;min-width:0}.action{flex:0 0 auto;align-self:flex-start;margin-top:var(--spacing-02, 4px);margin-right:var(--spacing-02, 4px);margin-left:var(--spacing-03, 8px)}::slotted([slot="title"]){display:block;margin-bottom:0}::slotted([slot="subheader"]){display:block;color:var(--text-secondary)}::slotted([slot="action"]){flex:0 0 auto;align-self:flex-start;margin-top:var(--spacing-02, 4px);margin-right:var(--spacing-02, 4px);margin-left:var(--spacing-03, 8px)}::slotted(*){font-size:var(--h6-font-size);font-weight:var(--h6-font-weight);line-height:var(--h6-line-height)}';const l=class{constructor(a){t(this,a)}render(){return a(i,{key:"36d68a088ddb558581c94051413dd1293ae9ab8b",role:"img",style:{backgroundImage:this.image?`url(${this.image})`:void 0},"aria-label":this.title},a("slot",{key:"b3e407d4d97a660d5a3e8c2fbe84d023ab0d6b8e"}))}};l.style=":host{display:block;background-size:cover;background-repeat:no-repeat;background-position:center;height:var(--udp-card-media-height, 140px)}";const h=class{constructor(a){t(this,a),this.linkClick=o(this,"linkClick",7),this.target="_self",this.disabled=!1,this.component="a",this.handleClick=t=>{this.disabled?t.preventDefault():this.linkClick.emit(t)}}render(){const t={class:{"udp-link":!0,disabled:this.disabled},onClick:this.handleClick};return"button"!==this.component&&this.href?a("a",Object.assign({},t,{href:this.href,target:this.target}),a("slot",null)):a("button",Object.assign({},t,{disabled:this.disabled,type:"button"}),a("slot",null))}};h.style=":host{display:inline-flex}.udp-link{color:var(--primary-color);text-decoration:none;cursor:pointer;background:none;border:none;padding:0;font:inherit;outline:inherit;transition:color 0.2s ease-in-out}.udp-link:hover{color:var(--primary-dark);text-decoration:underline}.udp-link:focus{outline:2px solid var(--primary-light);outline-offset:2px}.udp-link.disabled{color:var(--text-disabled);cursor:default;pointer-events:none}.udp-link.disabled:hover{text-decoration:none}";export{d as udp_card,n as udp_card_actions,r as udp_card_content,c as udp_card_header,l as udp_card_media,h as udp_link}

package/dist/stencil-library/udp-charts-example.entry.js

@@ -1 +1 @@
-import{r as e,h as a,H as c}from"./index-Cgpvu-iV.js";const t={data:[{country:"USA",value:1840},{country:"China",value:1620},{country:"Japan",value:920},{country:"Germany",value:780}],series:[{type:"bar",xKey:"country",yKey:"value"}],axes:{x:{type:"category",position:"bottom"},y:{type:"number",position:"left"}}},r=class{constructor(a){e(this,a)}render(){return a(c,{key:"c82da664ca21ef873b16c2816b2273aa37da48f9",style:{display:"flex",flexWrap:"wrap"}},a("udp-donut-chart",{key:"f6c6e0c09dbc27ef14d7b8a37d9cfd3c158769dd",kpisPosition:"top"}),a("udp-distribution-chart",{key:"c58401c0bbcb35e97bacfc0df7212e5e732546e3"}),a("udp-ag-bar-chart",{key:"3c9bc8ea1e3178f50e1c9e44f5f24d1cb3de9b6a",chartOptions:t}),a("udp-line-chart",{key:"deca09d216bdafe732e3da2c3af909dc94ec3f2f"}))}};export{r as udp_charts_example}
+import{r as a,h as e,H as t}from"./index-Cgpvu-iV.js";const c={data:[{country:"USA",value:1840},{country:"China",value:1620},{country:"Japan",value:920},{country:"Germany",value:780}],series:[{type:"bar",xKey:"country",yKey:"value"}],axes:{x:{type:"category",position:"bottom"},y:{type:"number",position:"left"}}},r=class{constructor(e){a(this,e)}render(){return e(t,{key:"5df725a99c58c2fe2a87fd0d60a5157079c9d420",style:{display:"flex",flexWrap:"wrap"}},e("udp-donut-chart",{key:"71b661b3b318481481a794721ae02ac6fc1705ae",kpisPosition:"top"}),e("udp-distribution-chart",{key:"9a4a36b136fc4997893cc54b52fd5ced2d256076"}),e("udp-ag-bar-chart",{key:"a7719846ea0712531739b12f53a0c49755c76cb9",chartOptions:c}),e("udp-line-chart",{key:"5b256c20c925a131e2ecd75e1e76213f24476910"}))}};export{r as udp_charts_example}

package/dist/stencil-library/udp-container-query-grid-item.entry.js

@@ -1 +1 @@
-import{r as e,h as t,H as a}from"./index-Cgpvu-iV.js";const n=class{constructor(t){e(this,t),this.span={}}getSpanStyles(){return Object.entries(this.span).map((([e,t])=>`\n  @container (min-width: ${e}px) {\n    :host {\n      --udp-grid-item-span: ${t};\n    }\n  }`)).join("\n")}render(){return t(a,{key:"3c1ab01bae1b25128835befdfc04f8cc2ae3aaf7"},t("style",{key:"9aa1e9026874736d0aab24e286b6ed8e66364296"},this.getSpanStyles()),t("slot",{key:"f2370323da226b85500ebf7c32314c99e0878049"}))}};n.style=":host{display:block;width:100%}";export{n as udp_container_query_grid_item}
+import{r as e,h as t,H as n}from"./index-Cgpvu-iV.js";const s=class{constructor(t){e(this,t),this.span={}}getSpanStyles(){return Object.entries(this.span).map((([e,t])=>`\n  @container (min-width: ${e}px) {\n    :host {\n      --udp-grid-item-span: ${t};\n    }\n  }`)).join("\n")}render(){return t(n,{key:"e587623ec751f504ae7c32936eaffe53b0265efe"},t("style",{key:"f2f8a29d6ccf22c321fe799d3a847d1a24155e9e"},this.getSpanStyles()),t("slot",{key:"3d0bdbea3d63019dd9459183a508825354be80fb"}))}};s.style=":host{display:block;width:100%}";export{s as udp_container_query_grid_item}

package/dist/stencil-library/udp-container-query-grid.entry.js

@@ -1 +1 @@
-import{r as e,h as t,H as c}from"./index-Cgpvu-iV.js";const a={none:"None",xxs:"XXS",xs:"XS",sm:"S",md:"M",lg:"L",xl:"XL",xxl:"XXL",xxxl:"XXXL"},r=class{constructor(t){e(this,t),this.columns={0:1,400:2,600:3,800:4},this.gaps={0:"md"}}render(){const e={},r=new Set([...Object.keys(this.columns),...Object.keys(this.gaps)].map(Number));return Array.from(r).sort(((e,t)=>t-e)).forEach((t=>{const c=this.gaps[t];var r;e[t]=Object.assign(Object.assign({},this.columns[t]&&{"grid-template-columns":`repeat(${this.columns[t]}, minmax(0, 1fr))`}),void 0!==c&&{gap:(r=c,"number"==typeof r?`${r}rem`:r in a?`var(--spacingHorizontal${a[r]})`:r)})})),t(c,{key:"33d9b61c2809e4dd3aab1cfb92ffe5e037564f14"},t("udp-container-query",{key:"25cc56ada06cc41b2fb7a6ac81a85802f621c262",queries:e},t("div",{key:"4e2e9efddfb2d4c92de05ee8498935a16f9c81bd",class:"grid-container"},t("slot",{key:"5570a4c9d4337d2c5cccb8d623a5bbd18aa09e77"}))))}};r.style=":host{display:block;width:100%}.grid-container{display:grid;width:100%}";export{r as udp_container_query_grid}
+import{r as e,h as t,H as r}from"./index-Cgpvu-iV.js";const a={none:"None",xxs:"XXS",xs:"XS",sm:"S",md:"M",lg:"L",xl:"XL",xxl:"XXL",xxxl:"XXXL"},i=class{constructor(t){e(this,t),this.columns={0:1,400:2,600:3,800:4},this.gaps={0:"md"}}render(){const e={},i=new Set([...Object.keys(this.columns),...Object.keys(this.gaps)].map(Number));return Array.from(i).sort(((e,t)=>t-e)).forEach((t=>{const r=this.gaps[t];var i;e[t]=Object.assign(Object.assign({},this.columns[t]&&{"grid-template-columns":`repeat(${this.columns[t]}, minmax(0, 1fr))`}),void 0!==r&&{gap:(i=r,"number"==typeof i?`${i}rem`:i in a?`var(--spacingHorizontal${a[i]})`:i)})})),t(r,{key:"5b288073dce7d0b34e558a694a5e521bf0960d90"},t("udp-container-query",{key:"296c62126ac12bdd4557d062f5aa33c9716a1ad4",queries:e},t("div",{key:"3881157682d224988b72e3b8c9e3464c17faa9ad",class:"grid-container"},t("slot",{key:"f579407cc7c37ae55cd784b83b1f07f85f74257f"}))))}};i.style=":host{display:block;width:100%}.grid-container{display:grid;width:100%}";export{i as udp_container_query_grid}

package/dist/stencil-library/udp-container-query.entry.js

@@ -1 +1 @@
-import{r as t,h as e,H as n}from"./index-Cgpvu-iV.js";const s=class{constructor(e){t(this,e),this.queries={}}getContainerQueryStyle(){return Object.entries(this.queries).map((([t,e])=>`\n  @container (min-width: ${t}px) {\n    ::slotted(*) {\n      ${Object.entries(e).map((([t,e])=>`${t}: ${e};`)).join("\n      ")}\n    }\n  }`)).join("\n")}render(){return e(n,{key:"aff907101b66a41b95321e17c8d17d4d44fb3a85",class:{[this.customClass]:!!this.customClass}},e("style",{key:"72a9689acc58004956d94b06989d91400205860a"},this.getContainerQueryStyle()),e("slot",{key:"ed5329a1752358b12d37ba409be49aed3a51bd8e"}))}};s.style=":host{display:block;container-type:inline-size;width:100%}:host(.container-query) ::slotted(*){transition:all 0.3s ease}";export{s as udp_container_query}
+import{r as e,h as t,H as n}from"./index-Cgpvu-iV.js";const s=class{constructor(t){e(this,t),this.queries={}}getContainerQueryStyle(){return Object.entries(this.queries).map((([e,t])=>`\n  @container (min-width: ${e}px) {\n    ::slotted(*) {\n      ${Object.entries(t).map((([e,t])=>`${e}: ${t};`)).join("\n      ")}\n    }\n  }`)).join("\n")}render(){return t(n,{key:"e318bf97676e6137d0070b6e76ac32731b77d187",class:{[this.customClass]:!!this.customClass}},t("style",{key:"372301f48499dbd6b520be9dccde8ba0c764bb0d"},this.getContainerQueryStyle()),t("slot",{key:"e37424f3907090eb81e689fbfa0bdedf0b351371"}))}};s.style=":host{display:block;container-type:inline-size;width:100%}:host(.container-query) ::slotted(*){transition:all 0.3s ease}";export{s as udp_container_query}

package/dist/stencil-library/udp-container.entry.js

@@ -1 +1 @@
-import{r as i,h as d}from"./index-Cgpvu-iV.js";const t=class{constructor(d){i(this,d),this.fluid=!1,this.maxWidth="lg",this.padding=!0}render(){return d("div",{key:"a15ba9112b7b28b7817d882375370314d355ec30",class:{"udp-container":!0,"udp-container--fluid":this.fluid,"udp-container--padded":this.padding,[`udp-container--${this.maxWidth}`]:!this.fluid}},d("slot",{key:"96485488d3134c725cdb61a443e7cb849debda15"}))}};t.style=":host{display:block;width:100%}.udp-container{width:100%;margin-left:auto;margin-right:auto;box-sizing:border-box}.udp-container--padded{padding-left:var(--spacingHorizontalL);padding-right:var(--spacingHorizontalL)}.udp-container--fluid{max-width:100%}.udp-container--sm{max-width:640px}.udp-container--md{max-width:768px}.udp-container--lg{max-width:1024px}.udp-container--xl{max-width:1280px}.udp-container--2xl{max-width:1536px}";export{t as udp_container}
+import{r as i,h as d}from"./index-Cgpvu-iV.js";const t=class{constructor(d){i(this,d),this.fluid=!1,this.maxWidth="lg",this.padding=!0}render(){return d("div",{key:"3ae2916db681d05f28f9854a34d346a0f453b861",class:{"udp-container":!0,"udp-container--fluid":this.fluid,"udp-container--padded":this.padding,[`udp-container--${this.maxWidth}`]:!this.fluid}},d("slot",{key:"c0e63e2868dec40b8067d1e465130b6d2c9ff487"}))}};t.style=":host{display:block;width:100%}.udp-container{width:100%;margin-left:auto;margin-right:auto;box-sizing:border-box}.udp-container--padded{padding-left:var(--spacingHorizontalL);padding-right:var(--spacingHorizontalL)}.udp-container--fluid{max-width:100%}.udp-container--sm{max-width:640px}.udp-container--md{max-width:768px}.udp-container--lg{max-width:1024px}.udp-container--xl{max-width:1280px}.udp-container--2xl{max-width:1536px}";export{t as udp_container}

package/dist/stencil-library/udp-dynamic-container-with-menu.entry.js

@@ -1 +1 @@
-import{r as e,c as i,h as t,a as s}from"./index-Cgpvu-iV.js";const c=class{constructor(t){e(this,t),this.udpChipClicked=i(this,"udpChipClicked",7),this.visibleChildren=null,this.menuChildren=[],this.anchorEl=null,this.containerWidth=0,this.rerender=0,this.renderReady=!1,this.popoverOpen=!1,this.externalToggle="",this.menuItems=[],this.open=!1,this.id="",this.handlePopover=()=>{this.popoverOpen=!this.popoverOpen},this.boundCalculateChildren=function(e){let i=null;return(...t)=>{i&&clearTimeout(i),i=setTimeout((()=>{e(...t)}),300)}}(this.calculateChildren.bind(this))}componentWillLoad(){}componentWillUpdate(){}async calculateChildren(){if(!this.el.shadowRoot)return;console.log("Calculating children..."),console.log("Menu Items:",JSON.stringify(this.menuItems));const e=this.el.shadowRoot.querySelector(".container");console.log("Container:",e),e&&(this.containerWidth=e.offsetWidth,console.log("Container Width:",this.containerWidth));let i=0;const t=[],s=[];this.menuItems.forEach((e=>{var c;if(e){const n=(null===(c=e.props)||void 0===c?void 0:c.width)||100;i+n<=this.containerWidth?(i+=n,t.push(e)):s.push(e)}})),this.visibleChildren=[...t],this.menuChildren=[...s],this.rerender+=1}childrenChanged(){this.calculateChildren()}async componentDidLoad(){await this.calculateChildren().then((()=>{this.renderReady=!0})),window.addEventListener("resize",this.boundCalculateChildren),Array.from(document.querySelectorAll("stencil-chip")).forEach((e=>{e.addEventListener("chipClicked",(e=>{this.handleChipClick(e.detail)}))}))}disconnectedCallback(){window.removeEventListener("resize",this.boundCalculateChildren)}handleChipClick(e){this.udpChipClicked.emit(e)}render(){return t("div",{key:"0391dc25c040b0e5bf271981a57e1840d6dcff65",class:"container"},t("div",{key:"f65fa90c08dd7ceec36af0f80aa57a805c874627",class:"chips"},console.log("Received data for chips via executeQwith",this.visibleChildren),this.visibleChildren&&this.visibleChildren.map(((e,i)=>t("stencil-chip",{color:"secondary",key:i,text:e.description,"show-delete":"false",externalToggleString:this.externalToggle})))),t("div",{key:"f12fe4517a94928efa35b3e085ce6806763280bf",class:"overflow"},t("udp-pop-over",{key:"015aec42a6e16ef3ee5a80c99c8516447bcbb9b3",isOpen:this.popoverOpen,anchorElement:document.getElementById("anchorElement")},t("div",{key:"429459811a2c19fcf7a4c465954304ec7d7d014c",class:"menu"},this.menuChildren&&this.menuChildren.map(((e,i)=>t("stencil-chip",{key:i,text:e.label,"show-delete":"false"}," ")))))))}get el(){return s(this)}static get watchers(){return{menuItems:[{childrenChanged:0}]}}};c.style=".container{width:100%;overflow:hidden;display:flex;flex-wrap:nowrap;flex:1;min-width:600px;}.menu{display:flex;flex-direction:column;gap:8px}.chips{display:flex;gap:8px;flex-grow:1;}.overflow{display:flex}";export{c as udp_dynamic_container_with_menu}
+import{r as e,c as i,h as t,a as s}from"./index-Cgpvu-iV.js";const n=class{constructor(t){e(this,t),this.udpChipClicked=i(this,"udpChipClicked",7),this.visibleChildren=null,this.menuChildren=[],this.anchorEl=null,this.containerWidth=0,this.rerender=0,this.renderReady=!1,this.popoverOpen=!1,this.externalToggle="",this.menuItems=[],this.open=!1,this.id="",this.handlePopover=()=>{this.popoverOpen=!this.popoverOpen},this.boundCalculateChildren=function(e){let i=null;return(...t)=>{i&&clearTimeout(i),i=setTimeout((()=>{e(...t)}),300)}}(this.calculateChildren.bind(this))}componentWillLoad(){}componentWillUpdate(){}async calculateChildren(){if(!this.el.shadowRoot)return;console.log("Calculating children..."),console.log("Menu Items:",JSON.stringify(this.menuItems));const e=this.el.shadowRoot.querySelector(".container");console.log("Container:",e),e&&(this.containerWidth=e.offsetWidth,console.log("Container Width:",this.containerWidth));let i=0;const t=[],s=[];this.menuItems.forEach((e=>{var n;if(e){const c=(null===(n=e.props)||void 0===n?void 0:n.width)||100;i+c<=this.containerWidth?(i+=c,t.push(e)):s.push(e)}})),this.visibleChildren=[...t],this.menuChildren=[...s],this.rerender+=1}childrenChanged(){this.calculateChildren()}async componentDidLoad(){await this.calculateChildren().then((()=>{this.renderReady=!0})),window.addEventListener("resize",this.boundCalculateChildren),Array.from(document.querySelectorAll("stencil-chip")).forEach((e=>{e.addEventListener("chipClicked",(e=>{this.handleChipClick(e.detail)}))}))}disconnectedCallback(){window.removeEventListener("resize",this.boundCalculateChildren)}handleChipClick(e){this.udpChipClicked.emit(e)}render(){return t("div",{key:"2f01b108b746a91dabc24c00a03782cdc6b8e67f",class:"container"},t("div",{key:"3813125cf7ed79f0f78172a310869994960aa16e",class:"chips"},console.log("Received data for chips via executeQwith",this.visibleChildren),this.visibleChildren&&this.visibleChildren.map(((e,i)=>t("stencil-chip",{color:"secondary",key:i,text:e.description,"show-delete":"false",externalToggleString:this.externalToggle})))),t("div",{key:"f67e213e70b711ae104e1bc047786c694dfab447",class:"overflow"},t("udp-pop-over",{key:"6a31bf6c5954fb22bb68817313e8af7f07f272ff",isOpen:this.popoverOpen,anchorElement:document.getElementById("anchorElement")},t("div",{key:"d3a35a5372192f7a8b98c4cee6e40ee2f3833ff3",class:"menu"},this.menuChildren&&this.menuChildren.map(((e,i)=>t("stencil-chip",{key:i,text:e.label,"show-delete":"false"}," ")))))))}get el(){return s(this)}static get watchers(){return{menuItems:[{childrenChanged:0}]}}};n.style=".container{width:100%;overflow:hidden;display:flex;flex-wrap:nowrap;flex:1;min-width:600px;}.menu{display:flex;flex-direction:column;gap:8px}.chips{display:flex;gap:8px;flex-grow:1;}.overflow{display:flex}";export{n as udp_dynamic_container_with_menu}

package/dist/stencil-library/udp-dynamic-form.entry.js

@@ -1 +1 @@
-import{r as e,h as a,a as t}from"./index-Cgpvu-iV.js";const n=class{constructor(a){e(this,a),this.formData={},this.exampleList=[{name:"Tom Hanks",age:65,gender:"male",nationality:"American",bestMovies:["Forrest Gump","Saving Private Ryan","Cast Away"]},{name:"Meryl Streep",age:72,gender:"female",nationality:"American",bestMovies:["The Devil Wears Prada","Sophie's Choice","The Iron Lady"]},{name:"Leonardo DiCaprio",age:47,gender:"male",nationality:"American",bestMovies:["Titanic","The Revenant","Inception"]},{name:"Scarlett Johansson",age:37,gender:"female",nationality:"American",bestMovies:["Lost in Translation","Marriage Story","Avengers: Endgame"]},{name:"Robert Downey Jr.",age:56,gender:"male",nationality:"American",bestMovies:["Iron Man","The Avengers","Chaplin"]}],this.formConfigArray=[{"field-name":"ClientContact","search-operator":"IN",label:"Client Contact",width:"half",groupId:2},{"field-name":"phoneNumber","search-operator":"IN",label:"Phone Number",width:"half",groupId:2},{"field-name":"title","search-operator":"IN",label:"Title","operator-selector":!0,groupId:2},{"field-name":"defaultClient","search-operator":"IN",label:"Default Client",groupId:2},{"field-name":"contactStatus","search-operator":"IN",label:"Contact Status",width:"half",groupId:2},{"field-name":"languageID","search-operator":"IN",label:"Language ID",width:"half",type:"select",options:[{label:"English",value:"1"},{label:"French",value:"2"}]},{"field-name":"file",label:"File",width:"half",type:"file"},{"field-name":"list",label:"list",displayKey:"name",multiSelect:!0,useCheckbox:!1,disableSelection:!1,valueKey:"id",type:"list",items:[{id:0,name:"Tom Hanks",age:65,gender:"male",nationality:"American",bestMovies:["Forrest Gump","Saving Private Ryan","Cast Away"],selected:!0},{id:1,name:"Meryl Streep",age:72,gender:"female",nationality:"American",bestMovies:["The Devil Wears Prada","Sophie's Choice","The Iron Lady"]},{id:2,name:"Leonardo DiCaprio",age:47,gender:"male",nationality:"American",bestMovies:["Titanic","The Revenant","Inception"]},{id:3,name:"Scarlett Johansson",age:37,gender:"female",nationality:"American",bestMovies:["Lost in Translation","Marriage Story","Avengers: Endgame"]},{id:4,name:"Robert Downey Jr.",age:56,gender:"male",nationality:"American",bestMovies:["Iron Man","The Avengers","Chaplin"]}]}],this.selectorOptions=[{value:"=",label:"Equals"},{value:"IN",label:"Contains"},{value:"<>",label:"Does not Equal"},{value:">",label:"Greater Than"},{value:"<",label:"Less Than"},{value:">=",label:"Greater Than or Equal To"},{value:"<=",label:"Less Than or Equal To"},{value:"LIKE",label:"Like"},{value:"STARTSWITH",label:"Starts With"},{value:"BETWEEN",label:"Between"}],this.handleInputChange=(e,a)=>{if(a)this.formData[a]=e.target.value;else{const a=e.detail;if(a&&a.fieldName)if(a.fieldName.endsWith("_operator")){const e=a.fieldName.replace("_operator","");this.formData[e+"_operator"]=a.value}else this.formData[a.fieldName]=a.value}}}componentWillLoad(){console.warn('The "udp-dynamic-form" component is deprecated and will be removed in a future version. Please use <stencil-form> and <stencil-field> components instead.')}componentDidLoad(){}async getFormData(){return this.formConfigArray.filter((e=>this.formData[e["field-name"]])).map((e=>({searchField:e["field-name"],searchOperator:this.formData[e["field-name"]+"_operator"]||e["search-operator"],searchValue:this.formData[e["field-name"]],groupId:e.groupId})))}getField(e){switch(e.type){case"select":return a("udp-selector",{label:e.label,name:e["field-name"],options:e.options,onChange:this.handleInputChange});case"file":return a("file-upload",{allowMultiple:!0,disallowedFileTypes:["image/png","image/jpeg"]});case"list":return a("selectable-list",Object.assign({},e));default:return a("text-field",{label:e.label,placeholder:`Enter ${e.label}`,value:this.formData[e["field-name"]]||"",onInput:a=>this.handleInputChange(a,e["field-name"])})}}renderFormFields(){return this.formConfigArray.map((e=>{const t=e["operator-selector"]?{display:"flex",flexDirection:"row",background:"#ccc",padding:"10px",borderRadius:"8px",marginBottom:"20px",gap:"24px"}:{display:"flex",flexDirection:"column",marginBottom:"20px",marginRight:"24px"},n=this.getField(e),l=e["operator-selector"]?a("udp-selector",{label:"Search Condition",name:e["field-name"]+"_operator",options:this.selectorOptions,onChange:this.handleInputChange}):null;return a("div",{style:t},n,l)}))}render(){return a("div",{key:"21980c77d1e1b9c4c4d3575e9786a83abbb523a3",class:"form-root"},this.renderFormFields())}get el(){return t(this)}};n.style=".form-root{display:flex;flex-wrap:wrap}";export{n as udp_dynamic_form}
+import{r as e,h as a,a as t}from"./index-Cgpvu-iV.js";const n=class{constructor(a){e(this,a),this.formData={},this.exampleList=[{name:"Tom Hanks",age:65,gender:"male",nationality:"American",bestMovies:["Forrest Gump","Saving Private Ryan","Cast Away"]},{name:"Meryl Streep",age:72,gender:"female",nationality:"American",bestMovies:["The Devil Wears Prada","Sophie's Choice","The Iron Lady"]},{name:"Leonardo DiCaprio",age:47,gender:"male",nationality:"American",bestMovies:["Titanic","The Revenant","Inception"]},{name:"Scarlett Johansson",age:37,gender:"female",nationality:"American",bestMovies:["Lost in Translation","Marriage Story","Avengers: Endgame"]},{name:"Robert Downey Jr.",age:56,gender:"male",nationality:"American",bestMovies:["Iron Man","The Avengers","Chaplin"]}],this.formConfigArray=[{"field-name":"ClientContact","search-operator":"IN",label:"Client Contact",width:"half",groupId:2},{"field-name":"phoneNumber","search-operator":"IN",label:"Phone Number",width:"half",groupId:2},{"field-name":"title","search-operator":"IN",label:"Title","operator-selector":!0,groupId:2},{"field-name":"defaultClient","search-operator":"IN",label:"Default Client",groupId:2},{"field-name":"contactStatus","search-operator":"IN",label:"Contact Status",width:"half",groupId:2},{"field-name":"languageID","search-operator":"IN",label:"Language ID",width:"half",type:"select",options:[{label:"English",value:"1"},{label:"French",value:"2"}]},{"field-name":"file",label:"File",width:"half",type:"file"},{"field-name":"list",label:"list",displayKey:"name",multiSelect:!0,useCheckbox:!1,disableSelection:!1,valueKey:"id",type:"list",items:[{id:0,name:"Tom Hanks",age:65,gender:"male",nationality:"American",bestMovies:["Forrest Gump","Saving Private Ryan","Cast Away"],selected:!0},{id:1,name:"Meryl Streep",age:72,gender:"female",nationality:"American",bestMovies:["The Devil Wears Prada","Sophie's Choice","The Iron Lady"]},{id:2,name:"Leonardo DiCaprio",age:47,gender:"male",nationality:"American",bestMovies:["Titanic","The Revenant","Inception"]},{id:3,name:"Scarlett Johansson",age:37,gender:"female",nationality:"American",bestMovies:["Lost in Translation","Marriage Story","Avengers: Endgame"]},{id:4,name:"Robert Downey Jr.",age:56,gender:"male",nationality:"American",bestMovies:["Iron Man","The Avengers","Chaplin"]}]}],this.selectorOptions=[{value:"=",label:"Equals"},{value:"IN",label:"Contains"},{value:"<>",label:"Does not Equal"},{value:">",label:"Greater Than"},{value:"<",label:"Less Than"},{value:">=",label:"Greater Than or Equal To"},{value:"<=",label:"Less Than or Equal To"},{value:"LIKE",label:"Like"},{value:"STARTSWITH",label:"Starts With"},{value:"BETWEEN",label:"Between"}],this.handleInputChange=(e,a)=>{if(a)this.formData[a]=e.target.value;else{const a=e.detail;if(a&&a.fieldName)if(a.fieldName.endsWith("_operator")){const e=a.fieldName.replace("_operator","");this.formData[e+"_operator"]=a.value}else this.formData[a.fieldName]=a.value}}}componentWillLoad(){console.warn('The "udp-dynamic-form" component is deprecated and will be removed in a future version. Please use <stencil-form> and <stencil-field> components instead.')}componentDidLoad(){}async getFormData(){return this.formConfigArray.filter((e=>this.formData[e["field-name"]])).map((e=>({searchField:e["field-name"],searchOperator:this.formData[e["field-name"]+"_operator"]||e["search-operator"],searchValue:this.formData[e["field-name"]],groupId:e.groupId})))}getField(e){switch(e.type){case"select":return a("udp-selector",{label:e.label,name:e["field-name"],options:e.options,onChange:this.handleInputChange});case"file":return a("file-upload",{allowMultiple:!0,disallowedFileTypes:["image/png","image/jpeg"]});case"list":return a("selectable-list",Object.assign({},e));default:return a("text-field",{label:e.label,placeholder:`Enter ${e.label}`,value:this.formData[e["field-name"]]||"",onInput:a=>this.handleInputChange(a,e["field-name"])})}}renderFormFields(){return this.formConfigArray.map((e=>{const t=e["operator-selector"]?{display:"flex",flexDirection:"row",background:"#ccc",padding:"10px",borderRadius:"8px",marginBottom:"20px",gap:"24px"}:{display:"flex",flexDirection:"column",marginBottom:"20px",marginRight:"24px"},n=this.getField(e),l=e["operator-selector"]?a("udp-selector",{label:"Search Condition",name:e["field-name"]+"_operator",options:this.selectorOptions,onChange:this.handleInputChange}):null;return a("div",{style:t},n,l)}))}render(){return a("div",{key:"e86138e1018cc97983d284a4a796da6e73639b6f",class:"form-root"},this.renderFormFields())}get el(){return t(this)}};n.style=".form-root{display:flex;flex-wrap:wrap}";export{n as udp_dynamic_form}

package/dist/stencil-library/udp-fluent-file-input.entry.js

@@ -1 +1 @@
-import{r as t,c as e,h as i,H as o,a as r}from"./index-Cgpvu-iV.js";import"@fluentui/web-components/field.js";import"@fluentui/web-components/label.js";function n(t){return"pending"===t.kind?t.file.name:t.name}function a(t){return(t||"").trim().toLowerCase()}function s(t){if("pending"===t.kind){const e=t.file;return`pending::${a(e.name)}::${e.size}::${e.lastModified}`}return`stored::${t.driveFileId}`}function l(t){var e;const i=null===(e=t.dataTransfer)||void 0===e?void 0:e.types;return!!i&&Array.from(i).includes("Files")}function c(t,e,i,o,r,n){if(e.accept&&!function(t,e){if(!e)return!0;const i=e.split(",").map((t=>t.trim())).filter((t=>t.length>0));if(0===i.length)return!0;const o=(t.type||"").toLowerCase(),r=(t.name||"").toLowerCase();for(const t of i){const e=t.toLowerCase();if(e.startsWith(".")){if(r.endsWith(e))return!0}else if(e.endsWith("/*")){const t=e.slice(0,-1);if(o.startsWith(t))return!0}else if(o===e)return!0}return!1}(t,e.accept))return"mime";if(null!=e.maxFileSizeBytes&&t.size>e.maxFileSizeBytes)return"size";if(!n&&r<=0)return"maxFiles";const s=a(t.name);return!n&&o.has(s)||i.has(s)?"duplicate":null}function d(t){if(!t)return null;const e=new Date(t);return Number.isNaN(e.getTime())?null:new Intl.DateTimeFormat(void 0,{dateStyle:"medium",timeStyle:"short"}).format(e)}function h(t,e){const i=URL.createObjectURL(t),o=document.createElement("a");o.href=i,o.download=e,o.style.display="none",document.body.appendChild(o),o.click(),document.body.removeChild(o),setTimeout((()=>URL.revokeObjectURL(i)),1e3)}const p=class{constructor(i){t(this,i),this.valueChanged=e(this,"valueChanged",7),this.fileRejected=e(this,"fileRejected",7),this.downloadRequested=e(this,"downloadRequested",7),this.inputBlur=e(this,"inputBlur",7),this.inputFocus=e(this,"inputFocus",7),this.view="list",this.value=[],this.includeErrorPadding=!0,this.required=!1,this.disabled=!1,this.readonly=!1,this.hideDragAndDrop=!1,this.hideButton=!1,this.displayUploadTime=!1,this.appearance="outline",this.disableLightbox=!1,this.items=[],this.isDragging=!1,this.fieldHasFocus=!1,this.lightboxIndex=-1,this.previews=new Map,this.lightboxTrigger=null,this.requestDownload=t=>{this.disabled||("pending"!==t.kind?"function"==typeof this.loadStoredFile?this.loadStoredFile(t).then((e=>{h(e instanceof File?e:new File([e],t.name,{type:e.type||"application/octet-stream"}),t.name)})).catch((()=>{})):this.downloadRequested.emit(t):h(t.file,t.file.name))},this.handleBrowseClick=t=>{var e;this.disabled||this.readonly||(t.preventDefault(),t.stopPropagation(),null===(e=this.fileInputRef)||void 0===e||e.click())},this.handleInputChange=t=>{const e=t.target;e.files&&e.files.length>0&&this.intakeFiles(e.files),e.value=""},this.handleDragEnter=t=>{this.disabled||this.readonly||this.hideDragAndDrop||l(t)&&(t.preventDefault(),t.stopPropagation(),this.isDragging=!0)},this.handleDragOver=t=>{this.disabled||this.readonly||this.hideDragAndDrop||l(t)&&(t.preventDefault(),t.stopPropagation(),t.dataTransfer&&(t.dataTransfer.dropEffect="copy"))},this.handleDragLeave=t=>{if(this.disabled||this.readonly||this.hideDragAndDrop)return;t.preventDefault(),t.stopPropagation();const e=t.currentTarget,i=t.relatedTarget;e&&i&&e.contains(i)||(this.isDragging=!1)},this.handleDrop=t=>{if(this.disabled||this.readonly||this.hideDragAndDrop)return;t.preventDefault(),t.stopPropagation(),this.isDragging=!1;const e=t.dataTransfer;e&&e.files&&e.files.length>0&&this.intakeFiles(e.files)},this.handleDropZoneKeyDown=t=>{var e;this.disabled||this.readonly||"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),null===(e=this.fileInputRef)||void 0===e||e.click())},this.handleFieldFocusIn=()=>{this.fieldHasFocus||(this.fieldHasFocus=!0,this.inputFocus.emit())},this.handleFieldFocusOut=t=>{const e=t.relatedTarget,i=t.currentTarget;e&&i&&i.contains(e)||this.fieldHasFocus&&(this.fieldHasFocus=!1,this.inputBlur.emit())},this.handleLightboxKeyDown=t=>{"ArrowRight"===t.key?(t.preventDefault(),this.navigateLightbox(1)):"ArrowLeft"===t.key&&(t.preventDefault(),this.navigateLightbox(-1))},this.handleBackdropClick=t=>{t.target===t.currentTarget&&this.closeLightbox()},this.handleDialogClose=()=>{var t;this.lightboxIndex>=0&&(this.lightboxIndex=-1),null===(t=this.lightboxTrigger)||void 0===t||t.focus(),this.lightboxTrigger=null}}componentWillLoad(){this.items=Array.isArray(this.value)?this.value:[],"gallery"===this.view&&this.syncPreviews(this.items)}onValueChange(t){const e=Array.isArray(t)?t:[];e!==this.items&&(this.items=e,"gallery"===this.view&&this.syncPreviews(e))}onViewChange(t){"gallery"===t?this.syncPreviews(this.items):(this.clearPreviews(),this.lightboxIndex=-1)}disconnectedCallback(){this.clearPreviews()}clearPreviews(){this.previews.forEach((t=>{t.revokable&&t.url&&URL.revokeObjectURL(t.url)})),this.previews=new Map}syncPreviews(t){const e=new Set,i=new Map(this.previews);for(const o of t){const t=s(o);e.add(t),i.has(t)||i.set(t,this.createPreview(o))}for(const[t,o]of Array.from(i.entries()))e.has(t)||(o.revokable&&o.url&&URL.revokeObjectURL(o.url),i.delete(t));this.previews=i}createPreview(t){if("pending"===t.kind)return{url:URL.createObjectURL(t.file),loading:!1,revokable:!0,status:"ready"};if("function"!=typeof this.loadStoredFile)return{url:null,loading:!1,revokable:!1,status:"unavailable"};const e={url:null,loading:!0,revokable:!1,status:"loading"},i=s(t);return this.loadStoredFile(t).then((t=>{const o=t instanceof Blob?t:new Blob([t]),r=URL.createObjectURL(o);this.previews.get(i)===e?this.previews=new Map(this.previews).set(i,{url:r,loading:!1,revokable:!0,status:"ready"}):URL.revokeObjectURL(r)})).catch((()=>{this.previews.get(i)===e&&(this.previews=new Map(this.previews).set(i,Object.assign(Object.assign({},e),{loading:!1,status:"error"})))})),e}intakeFiles(t){if(this.disabled||this.readonly)return;const e=function(t,e,i){const o=Array.from(t),r=[],s=[],l=new Set,d=new Set(e.map((t=>a(n(t)))));let h=null==i.maxFiles?Number.POSITIVE_INFINITY:Math.max(0,i.maxFiles-e.length);const p=1===i.maxFiles,u=(new Date).toISOString();for(const t of o){const e=c(t,i,l,d,h,p);e?s.push({file:t,reason:e}):(l.add(a(t.name)),r.push({kind:"pending",file:t,uploadedAt:u}),h-=1)}return 0===r.length?{accepted:r,rejected:s,next:null}:{accepted:r,rejected:s,next:p?r:[...e,...r]}}(t,this.items,{accept:this.accept,maxFiles:this.maxFiles,maxFileSizeBytes:this.maxFileSizeBytes});e.rejected.forEach((t=>this.fileRejected.emit(t))),e.next&&this.commit(e.next)}commit(t){this.items=t,"gallery"===this.view&&this.syncPreviews(t),this.valueChanged.emit(t)}removeAt(t){if(this.disabled||this.readonly)return;if(t<0||t>=this.items.length)return;const e=this.items.slice();e.splice(t,1),this.commit(e)}openLightbox(t,e){this.disableLightbox||t<0||t>=this.items.length||(this.lightboxIndex=t,this.lightboxTrigger=null!=e?e:null,requestAnimationFrame((()=>{this.dialogRef&&!this.dialogRef.open&&this.dialogRef.showModal()})))}closeLightbox(){var t;this.lightboxIndex<0||(this.lightboxIndex=-1,(null===(t=this.dialogRef)||void 0===t?void 0:t.open)&&this.dialogRef.close())}navigateLightbox(t){if(this.lightboxIndex<0)return;const e=this.items.length;0!==e&&(this.lightboxIndex=(this.lightboxIndex+t+e)%e)}render(){const t=!!this.error,e=this.error||this.hint,r=!e&&!this.includeErrorPadding,n=1!==this.maxFiles,a=this.items.length>0,s=!(this.readonly||null!=this.maxFiles&&1!==this.maxFiles&&this.items.length>=this.maxFiles);return i(o,{key:"96f7d6fbf8019127a77d223e51bf019353caf205",class:{"has-error":t,[`view-${this.view}`]:!0,[`appearance-${this.appearance}`]:!0,disabled:this.disabled,readonly:this.readonly}},i("fluent-field",{key:"7cf379ad72c246b4ffd9908ba984dd1078960be9",class:{"no-message":r}},i("div",{key:"05c42168692838867d314d594adddc2ddb247a8a",slot:"input",class:"root"},this.label&&i("fluent-label",{key:"2def6251148fb60f7755af97a7ccbfd455a2e711",class:"field-label",required:this.required,disabled:this.disabled},this.label),i("input",{key:"2308fbc9a97889a090c5d829de8a046e6d2fe0da",ref:t=>this.fileInputRef=t,type:"file",class:"hidden-input",name:this.name,accept:this.accept,multiple:n,disabled:this.disabled||this.readonly,onChange:this.handleInputChange,onClick:t=>t.stopPropagation()}),this.renderDropContainer({hasFiles:a,showDropZone:s,allowMultiple:n})),i("udp-text",{key:"abaa49a891ae649bbdf4f430c478948550d1daf5",slot:"message",variant:"caption1",class:{message:!0,error:t,"include-error-padding":this.includeErrorPadding}},e)),"gallery"===this.view&&i("dialog",{key:"9666806099afa34292be37cda250ead9f9c5ead5",class:"lightbox",ref:t=>this.dialogRef=t,onClose:this.handleDialogClose,onClick:this.handleBackdropClick,onKeyDown:this.handleLightboxKeyDown},this.lightboxIndex>=0&&this.renderLightboxContent()))}renderDropContainer(t){const{hasFiles:e,showDropZone:o,allowMultiple:r}=t,n=!this.hideDragAndDrop&&!this.readonly;return i("div",Object.assign({class:{"drop-container":!0,dragging:this.isDragging,"has-files":e,"no-dnd":!n,readonly:this.readonly},onDragEnter:this.handleDragEnter,onDragOver:this.handleDragOver,onDragLeave:this.handleDragLeave,onDrop:this.handleDrop,onFocusin:this.handleFieldFocusIn,onFocusout:this.handleFieldFocusOut},!n||e||this.readonly?{}:{role:"button",tabIndex:0,onKeyDown:this.handleDropZoneKeyDown}),e&&"list"===this.view&&this.renderFileList(),e&&"gallery"===this.view&&this.renderGallery(),!e&&this.readonly&&this.renderEmptyReadonly(r),o&&!e&&this.renderEmptyPrompt(r),o&&e&&this.renderCompactPrompt(r))}renderEmptyPrompt(t){const e=!this.hideDragAndDrop,o=!this.hideButton,r=this.itemNoun(t),n=this.dragAndDropMessage||`Drag and drop ${r} here`,a=this.browseFileMessage||`Browse ${r}`,s="gallery"===this.view?"image":"cloud-upload";return i("div",{class:"empty-prompt"},i("slot",{name:"start"}),e&&i("div",{class:"empty-prompt-content"},i("udp-fluent-icon",{name:s,size:"sm",class:"empty-prompt-icon"}),i("span",{class:"empty-prompt-text"},n)),o&&i("udp-fluent-button",{class:"empty-prompt-button",appearance:"outline",size:"small",disabled:this.disabled,onClick:this.handleBrowseClick},a),i("slot",{name:"end"}))}renderEmptyReadonly(t){const e=this.itemNoun(t);return i("div",{class:"empty-readonly"},i("span",{class:"empty-readonly-text"},"No ",e," attached"))}renderCompactPrompt(t){const e=!this.hideDragAndDrop,o=!this.hideButton,r=`Drag and drop more ${this.itemNoun(t)}`,n=t?"Browse":`Browse ${this.singularNoun()}`;return i("div",{class:"compact-prompt"},e&&i("div",{class:"compact-prompt-text"},i("udp-fluent-icon",{name:"gallery"===this.view?"image":"cloud-upload",size:"sm",class:"compact-prompt-icon"}),i("span",null,r)),o&&i("udp-fluent-button",{class:"compact-prompt-button",appearance:"outline",size:"small",disabled:this.disabled,onClick:this.handleBrowseClick},n))}itemNoun(t){return"gallery"===this.view?t?"images":"an image":t?"files":"a file"}singularNoun(){return"gallery"===this.view?"image":"file"}renderFileList(){return i("ul",{class:"file-list",role:"list"},this.items.map(((t,e)=>this.renderFileRow(t,e))))}renderFileRow(t,e){const o=n(t),r="pending"===t.kind?function(t){if(!Number.isFinite(t)||t<0)return"";if(t<1024)return`${t} B`;const e=["KB","MB","GB","TB"];let i=t/1024,o=0;for(;i>=1024&&o<e.length-1;)i/=1024,o+=1;return`${i.toFixed(i>=10||0===o?0:1)} ${e[o]}`}(t.file.size):null,a=this.displayUploadTime?d(t.uploadedAt):null,s=[o,r,a].filter(Boolean);return i("li",{class:"file-chip",key:`${t.kind}:${o}:${e}`,title:s.join(" · ")},i("udp-fluent-icon",{name:"document",size:"sm",class:"file-chip-icon"}),i("button",{type:"button",class:"file-chip-name",disabled:this.disabled,"aria-label":`Download ${o}`,onClick:()=>this.requestDownload(t)},i("span",{class:"file-chip-name-text"},o)),(r||a||"stored"===t.kind)&&i("span",{class:"file-chip-detail"},r&&i("span",null,r),a&&i("span",null,a),"stored"===t.kind&&i("udp-fluent-badge",{class:"file-chip-saved-badge",appearance:"filled",color:"subtle",size:"small"},"saved")),!this.readonly&&i("udp-fluent-icon-button",{class:"file-chip-remove",iconName:"dismiss",appearance:"subtle",size:"small",ariaLabel:`Remove ${o}`,disabled:this.disabled,onClick:()=>this.removeAt(e)}))}renderGallery(){return i("ul",{class:"gallery",role:"list"},this.items.map(((t,e)=>this.renderThumb(t,e))))}renderThumb(t,e){const o=s(t),r=this.previews.get(o),a=n(t),l=this.displayUploadTime?d(t.uploadedAt):null,c=!this.disableLightbox&&!!(null==r?void 0:r.url);return i("li",{class:"thumb",key:o},i("div",{class:"thumb-frame"},i("button",{type:"button",class:{"thumb-button":!0,clickable:c},onClick:t=>c&&this.openLightbox(e,t.currentTarget),disabled:!c,title:a},(null==r?void 0:r.url)?i("img",{class:"thumb-img",src:r.url,alt:a}):(null==r?void 0:r.loading)?i("udp-spinner",{size:"small"}):i("udp-fluent-icon",{name:"error"===(null==r?void 0:r.status)?"warning":"image",size:"md",class:"thumb-placeholder-icon"}),"stored"===t.kind&&i("udp-fluent-badge",{class:"thumb-saved-badge",appearance:"filled",color:"brand",size:"small"},"saved")),!this.readonly&&i("udp-fluent-icon-button",{class:"thumb-remove",iconName:"dismiss",appearance:"subtle",size:"small",ariaLabel:`Remove ${a}`,disabled:this.disabled,onClick:()=>this.removeAt(e)})),i("div",{class:"thumb-meta"},i("button",{type:"button",class:"thumb-name",disabled:this.disabled,"aria-label":`Download ${a}`,onClick:()=>this.requestDownload(t),title:`Download ${a}`},i("span",{class:"thumb-name-text"},a)),l&&i("span",{class:"thumb-stamp"},l)))}renderLightboxContent(){const t=this.items[this.lightboxIndex];if(!t)return null;const e=this.previews.get(s(t)),o=n(t),r=this.items.length,a=r>1;return i("div",{class:"lightbox-content","aria-label":o},i("div",{class:"lightbox-header"},i("span",{class:"lightbox-name",title:o},o),i("udp-fluent-icon-button",{class:"lightbox-close",iconName:"dismiss",appearance:"subtle",size:"large",ariaLabel:"Close preview",onClick:()=>this.closeLightbox()})),i("div",{class:"lightbox-stage"},a&&i("udp-fluent-icon-button",{class:"lightbox-nav lightbox-prev",iconName:"chevron-left",appearance:"subtle",size:"medium",ariaLabel:"Previous image",onClick:()=>this.navigateLightbox(-1)}),(null==e?void 0:e.url)?i("img",{class:"lightbox-image",src:e.url,alt:o}):(null==e?void 0:e.loading)?i("udp-spinner",{size:"medium"}):i("span",{class:"lightbox-error"},"No preview available"),a&&i("udp-fluent-icon-button",{class:"lightbox-nav lightbox-next",iconName:"chevron-right",appearance:"subtle",size:"medium",ariaLabel:"Next image",onClick:()=>this.navigateLightbox(1)})),a&&i("div",{class:"lightbox-counter"},this.lightboxIndex+1," / ",r))}get el(){return r(this)}static get watchers(){return{value:[{onValueChange:0}],view:[{onViewChange:0}]}}};p.style=":host{display:block;width:100%;font-family:var(--fontFamilyBase)}fluent-field{width:100%}fluent-field.no-message::part(message){display:none}.root{display:flex;flex-direction:column;gap:var(--spacingVerticalS, 8px);width:100%}.field-label{display:block;margin-bottom:var(--spacingVerticalXXS, 2px)}.hidden-input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.drop-container{border:2px dashed var(--colorNeutralStroke1, #d1d1d1);border-radius:var(--borderRadiusMedium, 4px);background-color:var(--colorNeutralBackground1, #ffffff);transition:background-color 100ms ease,     border-color 100ms ease;outline:none;padding:var(--spacingVerticalM, 12px);display:flex;flex-direction:column;justify-content:center;gap:var(--spacingVerticalM, 12px);min-height:144px;box-sizing:border-box}.drop-container.has-files{justify-content:space-between;border-color:var(--colorNeutralStroke2, #e0e0e0);cursor:default}:host(.appearance-filled) .drop-container{background-color:var(--colorNeutralBackground2, #fafafa)}.drop-container[role='button']{cursor:pointer}.drop-container[role='button']:focus-visible{outline:2px solid var(--colorStrokeFocus2, #000000);outline-offset:2px}.drop-container.dragging{background-color:var(--colorNeutralBackground1Hover, #f5f5f5);border-color:var(--colorNeutralStrokeAccessible, #616161)}.drop-container.no-dnd:not(.readonly){border-style:solid}.drop-container.readonly{cursor:default;border-style:solid}.drop-container.has-files.dragging{border-style:dashed;background-color:var(--colorNeutralBackground1Hover, #f5f5f5)}.empty-prompt{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacingVerticalXS, 4px);pointer-events:none;}.empty-prompt-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacingVerticalXXS, 2px);color:var(--colorNeutralForeground3, #707070);font-size:var(--fontSizeBase200, 12px)}.empty-prompt-icon{color:inherit}.empty-prompt-text{color:inherit;text-align:center}.empty-prompt-button{pointer-events:auto}.empty-readonly{display:flex;align-items:center;justify-content:center}.empty-readonly-text{color:var(--colorNeutralForeground3, #707070);font-size:var(--fontSizeBase200, 12px);font-style:italic}.compact-prompt{display:flex;align-items:center;justify-content:space-between;gap:var(--spacingHorizontalM, 12px);padding:var(--spacingVerticalM, 12px) 0 0 0;border-top:1px dashed var(--colorNeutralStroke3, #ebebeb);pointer-events:none}.compact-prompt-text{display:inline-flex;align-items:center;gap:var(--spacingHorizontalXS, 4px);color:var(--colorNeutralForeground3, #707070);font-size:var(--fontSizeBase200, 12px);flex:1 1 auto;min-width:0}.compact-prompt-icon{color:inherit;flex:0 0 auto}.compact-prompt-button{pointer-events:auto;flex:0 0 auto}.file-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-content:flex-start;gap:var(--spacingHorizontalXS, 4px) var(--spacingHorizontalS, 8px);max-height:80px;overflow-y:auto;scrollbar-gutter:stable}.file-chip{display:inline-flex;align-items:center;gap:var(--spacingHorizontalXS, 4px);padding:4px var(--spacingHorizontalXS, 4px) 4px var(--spacingHorizontalS, 8px);border:1px solid var(--colorNeutralStroke2, #e0e0e0);border-radius:var(--borderRadiusMedium, 4px);background-color:var(--colorNeutralBackground1, #ffffff);max-width:280px;min-width:0;flex:0 0 auto;height:32px;box-sizing:border-box}.file-chip-icon{flex:0 0 auto;color:var(--colorNeutralForeground3, #707070)}.file-chip-name{background:none;border:none;padding:0;font:inherit;color:var(--colorBrandForeground1, #0f6cbd);text-decoration:underline;text-underline-offset:2px;cursor:pointer;text-align:left;min-width:0;flex:1 1 auto;font-size:var(--fontSizeBase200, 12px);line-height:1}.file-chip-name:disabled{color:var(--colorNeutralForegroundDisabled, #bdbdbd);cursor:not-allowed}.file-chip-name-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-chip-detail{flex:0 0 auto;display:inline-flex;align-items:center;gap:var(--spacingHorizontalXS, 4px);color:var(--colorNeutralForeground3, #707070);font-size:11px;line-height:1}.file-chip-remove{flex:0 0 auto}.gallery{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--spacingHorizontalM, 12px)}.thumb{display:flex;flex-direction:column;gap:var(--spacingVerticalXS, 4px)}.thumb-frame{position:relative;width:80px;height:80px}.thumb-button{position:relative;display:flex;align-items:center;justify-content:center;width:80px;height:80px;padding:0;margin:0;border:1px solid var(--colorNeutralStroke2, #e0e0e0);border-radius:var(--borderRadiusMedium, 4px);background-color:var(--colorNeutralBackground1, #ffffff);overflow:hidden;cursor:default;transition:border-color 100ms ease, transform 100ms ease}.thumb-button.clickable{cursor:zoom-in}.thumb-button.clickable:hover{border-color:var(--colorBrandStroke1, #0f6cbd);transform:scale(1.02)}.thumb-button:focus-visible{outline:2px solid var(--colorStrokeFocus2, #000000);outline-offset:2px}.thumb-button:disabled{cursor:not-allowed;opacity:0.7}.thumb-img{width:100%;height:100%;object-fit:cover;display:block}.thumb-placeholder-icon{color:var(--colorNeutralForeground3, #707070)}.thumb-saved-badge{position:absolute;bottom:4px;left:4px}.thumb-meta{display:flex;flex-direction:column;gap:2px;max-width:100%}.thumb-name{background:none;border:none;padding:0;font:inherit;color:var(--colorBrandForeground1, #0f6cbd);text-decoration:underline;text-underline-offset:2px;cursor:pointer;text-align:left;display:block;max-width:100%;overflow:hidden}.thumb-name:disabled{color:var(--colorNeutralForegroundDisabled, #bdbdbd);cursor:not-allowed}.thumb-name-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fontSizeBase200, 12px)}.thumb-stamp{font-size:10px;color:var(--colorNeutralForeground3, #707070)}.thumb-remove{position:absolute;top:4px;right:4px}:host(.disabled){opacity:0.6}:host(.disabled) .drop-container{cursor:not-allowed}.message{color:var(--colorNeutralForeground3, #707070);font-size:var(--fontSizeBase200, 12px)}.message.include-error-padding{min-height:var(--lineHeightBase200, 16px);display:inline-block}.message.error{color:var(--colorPaletteRedForeground1, #b10e1c)}:host(.has-error) .drop-container{border-color:var(--colorPaletteRedBorder2, #b10e1c)}.lightbox{width:100vw;height:100vh;max-width:100vw;max-height:100vh;margin:0;padding:var(--spacingVerticalL, 16px);border:none;background:transparent;box-sizing:border-box;align-items:center;justify-content:center}.lightbox[open]{display:flex;flex-direction:column;animation:lightbox-fade-in 100ms ease}.lightbox::backdrop{background-color:rgba(0, 0, 0, 0.85);animation:lightbox-fade-in 100ms ease}@keyframes lightbox-fade-in{from{opacity:0}to{opacity:1}}.lightbox-content{display:flex;flex-direction:column;width:100%;height:100%;max-width:1200px;gap:var(--spacingVerticalS, 8px)}.lightbox-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacingHorizontalM, 12px);color:#ffffff;padding:0 var(--spacingHorizontalS, 8px)}.lightbox-name{font-size:var(--fontSizeBase300, 14px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1 auto;min-width:0}.lightbox-stage{position:relative;flex:1 1 auto;display:flex;align-items:center;justify-content:center;min-height:0}.lightbox-image{max-width:100%;max-height:100%;object-fit:contain}.lightbox-error{color:#ffffff;font-style:italic}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%)}.lightbox-prev{left:var(--spacingHorizontalS, 8px)}.lightbox-next{right:var(--spacingHorizontalS, 8px)}.lightbox-nav,.lightbox-close{--colorNeutralForeground2:#ffffff;--colorNeutralForeground2Hover:#ffffff;--colorNeutralForeground2Pressed:#ffffff;--colorNeutralForeground2BrandHover:#ffffff;--colorNeutralForeground2BrandPressed:#ffffff;--colorSubtleBackgroundHover:rgba(255, 255, 255, 0.12);--colorSubtleBackgroundPressed:rgba(255, 255, 255, 0.18);--colorSubtleBackgroundSelected:rgba(255, 255, 255, 0.18)}.lightbox-counter{text-align:center;color:rgba(255, 255, 255, 0.8);font-size:var(--fontSizeBase200, 12px);padding:4px 0}";export{p as udp_fluent_file_input}
+import{r as e,c as t,h as i,H as o,a as r}from"./index-Cgpvu-iV.js";import"@fluentui/web-components/field.js";import"@fluentui/web-components/label.js";function n(e){return"pending"===e.kind?e.file.name:e.name}function s(e){return(e||"").trim().toLowerCase()}function a(e){if("pending"===e.kind){const t=e.file;return`pending::${s(t.name)}::${t.size}::${t.lastModified}`}return`stored::${e.driveFileId}`}function l(e){var t;const i=null===(t=e.dataTransfer)||void 0===t?void 0:t.types;return!!i&&Array.from(i).includes("Files")}function c(e,t,i,o,r,n){if(t.accept&&!function(e,t){if(!t)return!0;const i=t.split(",").map((e=>e.trim())).filter((e=>e.length>0));if(0===i.length)return!0;const o=(e.type||"").toLowerCase(),r=(e.name||"").toLowerCase();for(const e of i){const t=e.toLowerCase();if(t.startsWith(".")){if(r.endsWith(t))return!0}else if(t.endsWith("/*")){const e=t.slice(0,-1);if(o.startsWith(e))return!0}else if(o===t)return!0}return!1}(e,t.accept))return"mime";if(null!=t.maxFileSizeBytes&&e.size>t.maxFileSizeBytes)return"size";if(!n&&r<=0)return"maxFiles";const a=s(e.name);return!n&&o.has(a)||i.has(a)?"duplicate":null}function d(e){if(!e)return null;const t=new Date(e);return Number.isNaN(t.getTime())?null:new Intl.DateTimeFormat(void 0,{dateStyle:"medium",timeStyle:"short"}).format(t)}function h(e,t){const i=URL.createObjectURL(e),o=document.createElement("a");o.href=i,o.download=t,o.style.display="none",document.body.appendChild(o),o.click(),document.body.removeChild(o),setTimeout((()=>URL.revokeObjectURL(i)),1e3)}const p=class{constructor(i){e(this,i),this.valueChanged=t(this,"valueChanged",7),this.fileRejected=t(this,"fileRejected",7),this.downloadRequested=t(this,"downloadRequested",7),this.inputBlur=t(this,"inputBlur",7),this.inputFocus=t(this,"inputFocus",7),this.view="list",this.value=[],this.includeErrorPadding=!0,this.required=!1,this.disabled=!1,this.readonly=!1,this.hideDragAndDrop=!1,this.hideButton=!1,this.displayUploadTime=!1,this.appearance="outline",this.disableLightbox=!1,this.items=[],this.isDragging=!1,this.fieldHasFocus=!1,this.lightboxIndex=-1,this.previews=new Map,this.lightboxTrigger=null,this.requestDownload=e=>{this.disabled||("pending"!==e.kind?"function"==typeof this.loadStoredFile?this.loadStoredFile(e).then((t=>{h(t instanceof File?t:new File([t],e.name,{type:t.type||"application/octet-stream"}),e.name)})).catch((()=>{})):this.downloadRequested.emit(e):h(e.file,e.file.name))},this.handleBrowseClick=e=>{var t;this.disabled||this.readonly||(e.preventDefault(),e.stopPropagation(),null===(t=this.fileInputRef)||void 0===t||t.click())},this.handleInputChange=e=>{const t=e.target;t.files&&t.files.length>0&&this.intakeFiles(t.files),t.value=""},this.handleDragEnter=e=>{this.disabled||this.readonly||this.hideDragAndDrop||l(e)&&(e.preventDefault(),e.stopPropagation(),this.isDragging=!0)},this.handleDragOver=e=>{this.disabled||this.readonly||this.hideDragAndDrop||l(e)&&(e.preventDefault(),e.stopPropagation(),e.dataTransfer&&(e.dataTransfer.dropEffect="copy"))},this.handleDragLeave=e=>{if(this.disabled||this.readonly||this.hideDragAndDrop)return;e.preventDefault(),e.stopPropagation();const t=e.currentTarget,i=e.relatedTarget;t&&i&&t.contains(i)||(this.isDragging=!1)},this.handleDrop=e=>{if(this.disabled||this.readonly||this.hideDragAndDrop)return;e.preventDefault(),e.stopPropagation(),this.isDragging=!1;const t=e.dataTransfer;t&&t.files&&t.files.length>0&&this.intakeFiles(t.files)},this.handleDropZoneKeyDown=e=>{var t;this.disabled||this.readonly||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),null===(t=this.fileInputRef)||void 0===t||t.click())},this.handleFieldFocusIn=()=>{this.fieldHasFocus||(this.fieldHasFocus=!0,this.inputFocus.emit())},this.handleFieldFocusOut=e=>{const t=e.relatedTarget,i=e.currentTarget;t&&i&&i.contains(t)||this.fieldHasFocus&&(this.fieldHasFocus=!1,this.inputBlur.emit())},this.handleLightboxKeyDown=e=>{"ArrowRight"===e.key?(e.preventDefault(),this.navigateLightbox(1)):"ArrowLeft"===e.key&&(e.preventDefault(),this.navigateLightbox(-1))},this.handleBackdropClick=e=>{e.target===e.currentTarget&&this.closeLightbox()},this.handleDialogClose=()=>{var e;this.lightboxIndex>=0&&(this.lightboxIndex=-1),null===(e=this.lightboxTrigger)||void 0===e||e.focus(),this.lightboxTrigger=null}}componentWillLoad(){this.items=Array.isArray(this.value)?this.value:[],"gallery"===this.view&&this.syncPreviews(this.items)}onValueChange(e){const t=Array.isArray(e)?e:[];t!==this.items&&(this.items=t,"gallery"===this.view&&this.syncPreviews(t))}onViewChange(e){"gallery"===e?this.syncPreviews(this.items):(this.clearPreviews(),this.lightboxIndex=-1)}disconnectedCallback(){this.clearPreviews()}clearPreviews(){this.previews.forEach((e=>{e.revokable&&e.url&&URL.revokeObjectURL(e.url)})),this.previews=new Map}syncPreviews(e){const t=new Set,i=new Map(this.previews);for(const o of e){const e=a(o);t.add(e),i.has(e)||i.set(e,this.createPreview(o))}for(const[e,o]of Array.from(i.entries()))t.has(e)||(o.revokable&&o.url&&URL.revokeObjectURL(o.url),i.delete(e));this.previews=i}createPreview(e){if("pending"===e.kind)return{url:URL.createObjectURL(e.file),loading:!1,revokable:!0,status:"ready"};if("function"!=typeof this.loadStoredFile)return{url:null,loading:!1,revokable:!1,status:"unavailable"};const t={url:null,loading:!0,revokable:!1,status:"loading"},i=a(e);return this.loadStoredFile(e).then((e=>{const o=e instanceof Blob?e:new Blob([e]),r=URL.createObjectURL(o);this.previews.get(i)===t?this.previews=new Map(this.previews).set(i,{url:r,loading:!1,revokable:!0,status:"ready"}):URL.revokeObjectURL(r)})).catch((()=>{this.previews.get(i)===t&&(this.previews=new Map(this.previews).set(i,Object.assign(Object.assign({},t),{loading:!1,status:"error"})))})),t}intakeFiles(e){if(this.disabled||this.readonly)return;const t=function(e,t,i){const o=Array.from(e),r=[],a=[],l=new Set,d=new Set(t.map((e=>s(n(e)))));let h=null==i.maxFiles?Number.POSITIVE_INFINITY:Math.max(0,i.maxFiles-t.length);const p=1===i.maxFiles,u=(new Date).toISOString();for(const e of o){const t=c(e,i,l,d,h,p);t?a.push({file:e,reason:t}):(l.add(s(e.name)),r.push({kind:"pending",file:e,uploadedAt:u}),h-=1)}return 0===r.length?{accepted:r,rejected:a,next:null}:{accepted:r,rejected:a,next:p?r:[...t,...r]}}(e,this.items,{accept:this.accept,maxFiles:this.maxFiles,maxFileSizeBytes:this.maxFileSizeBytes});t.rejected.forEach((e=>this.fileRejected.emit(e))),t.next&&this.commit(t.next)}commit(e){this.items=e,"gallery"===this.view&&this.syncPreviews(e),this.valueChanged.emit(e)}removeAt(e){if(this.disabled||this.readonly)return;if(e<0||e>=this.items.length)return;const t=this.items.slice();t.splice(e,1),this.commit(t)}openLightbox(e,t){this.disableLightbox||e<0||e>=this.items.length||(this.lightboxIndex=e,this.lightboxTrigger=null!=t?t:null,requestAnimationFrame((()=>{this.dialogRef&&!this.dialogRef.open&&this.dialogRef.showModal()})))}closeLightbox(){var e;this.lightboxIndex<0||(this.lightboxIndex=-1,(null===(e=this.dialogRef)||void 0===e?void 0:e.open)&&this.dialogRef.close())}navigateLightbox(e){if(this.lightboxIndex<0)return;const t=this.items.length;0!==t&&(this.lightboxIndex=(this.lightboxIndex+e+t)%t)}render(){const e=!!this.error,t=this.error||this.hint,r=!t&&!this.includeErrorPadding,n=1!==this.maxFiles,s=this.items.length>0,a=!(this.readonly||null!=this.maxFiles&&1!==this.maxFiles&&this.items.length>=this.maxFiles);return i(o,{key:"5049d8ee2be86efc96548155a92dcffd2007adc0",class:{"has-error":e,[`view-${this.view}`]:!0,[`appearance-${this.appearance}`]:!0,disabled:this.disabled,readonly:this.readonly}},i("fluent-field",{key:"4871d2d6d4096c5c63c9a55d351a0790c53499f2",class:{"no-message":r}},i("div",{key:"1e9324d555192f3f3875585dcae9d31ccab0fc10",slot:"input",class:"root"},this.label&&i("fluent-label",{key:"1ba2bfe606c48cd63debfcfb941188483d2b04be",class:"field-label",required:this.required,disabled:this.disabled},this.label),i("input",{key:"163833e1286c5adc9b2fb76c4b1a99501586b9f3",ref:e=>this.fileInputRef=e,type:"file",class:"hidden-input",name:this.name,accept:this.accept,multiple:n,disabled:this.disabled||this.readonly,onChange:this.handleInputChange,onClick:e=>e.stopPropagation()}),this.renderDropContainer({hasFiles:s,showDropZone:a,allowMultiple:n})),i("udp-text",{key:"e081b687bc7c1b574a095e69a620161e1ab74370",slot:"message",variant:"caption1",class:{message:!0,error:e,"include-error-padding":this.includeErrorPadding}},t)),"gallery"===this.view&&i("dialog",{key:"a304383d85a361173eb7e4cefff8cd0206602e76",class:"lightbox",ref:e=>this.dialogRef=e,onClose:this.handleDialogClose,onClick:this.handleBackdropClick,onKeyDown:this.handleLightboxKeyDown},this.lightboxIndex>=0&&this.renderLightboxContent()))}renderDropContainer(e){const{hasFiles:t,showDropZone:o,allowMultiple:r}=e,n=!this.hideDragAndDrop&&!this.readonly;return i("div",Object.assign({class:{"drop-container":!0,dragging:this.isDragging,"has-files":t,"no-dnd":!n,readonly:this.readonly},onDragEnter:this.handleDragEnter,onDragOver:this.handleDragOver,onDragLeave:this.handleDragLeave,onDrop:this.handleDrop,onFocusin:this.handleFieldFocusIn,onFocusout:this.handleFieldFocusOut},!n||t||this.readonly?{}:{role:"button",tabIndex:0,onKeyDown:this.handleDropZoneKeyDown}),t&&"list"===this.view&&this.renderFileList(),t&&"gallery"===this.view&&this.renderGallery(),!t&&this.readonly&&this.renderEmptyReadonly(r),o&&!t&&this.renderEmptyPrompt(r),o&&t&&this.renderCompactPrompt(r))}renderEmptyPrompt(e){const t=!this.hideDragAndDrop,o=!this.hideButton,r=this.itemNoun(e),n=this.dragAndDropMessage||`Drag and drop ${r} here`,s=this.browseFileMessage||`Browse ${r}`,a="gallery"===this.view?"image":"cloud-upload";return i("div",{class:"empty-prompt"},i("slot",{name:"start"}),t&&i("div",{class:"empty-prompt-content"},i("udp-fluent-icon",{name:a,size:"sm",class:"empty-prompt-icon"}),i("span",{class:"empty-prompt-text"},n)),o&&i("udp-fluent-button",{class:"empty-prompt-button",appearance:"outline",size:"small",disabled:this.disabled,onClick:this.handleBrowseClick},s),i("slot",{name:"end"}))}renderEmptyReadonly(e){const t=this.itemNoun(e);return i("div",{class:"empty-readonly"},i("span",{class:"empty-readonly-text"},"No ",t," attached"))}renderCompactPrompt(e){const t=!this.hideDragAndDrop,o=!this.hideButton,r=`Drag and drop more ${this.itemNoun(e)}`,n=e?"Browse":`Browse ${this.singularNoun()}`;return i("div",{class:"compact-prompt"},t&&i("div",{class:"compact-prompt-text"},i("udp-fluent-icon",{name:"gallery"===this.view?"image":"cloud-upload",size:"sm",class:"compact-prompt-icon"}),i("span",null,r)),o&&i("udp-fluent-button",{class:"compact-prompt-button",appearance:"outline",size:"small",disabled:this.disabled,onClick:this.handleBrowseClick},n))}itemNoun(e){return"gallery"===this.view?e?"images":"an image":e?"files":"a file"}singularNoun(){return"gallery"===this.view?"image":"file"}renderFileList(){return i("ul",{class:"file-list",role:"list"},this.items.map(((e,t)=>this.renderFileRow(e,t))))}renderFileRow(e,t){const o=n(e),r="pending"===e.kind?function(e){if(!Number.isFinite(e)||e<0)return"";if(e<1024)return`${e} B`;const t=["KB","MB","GB","TB"];let i=e/1024,o=0;for(;i>=1024&&o<t.length-1;)i/=1024,o+=1;return`${i.toFixed(i>=10||0===o?0:1)} ${t[o]}`}(e.file.size):null,s=this.displayUploadTime?d(e.uploadedAt):null,a=[o,r,s].filter(Boolean);return i("li",{class:"file-chip",key:`${e.kind}:${o}:${t}`,title:a.join(" · ")},i("udp-fluent-icon",{name:"document",size:"sm",class:"file-chip-icon"}),i("button",{type:"button",class:"file-chip-name",disabled:this.disabled,"aria-label":`Download ${o}`,onClick:()=>this.requestDownload(e)},i("span",{class:"file-chip-name-text"},o)),(r||s||"stored"===e.kind)&&i("span",{class:"file-chip-detail"},r&&i("span",null,r),s&&i("span",null,s),"stored"===e.kind&&i("udp-fluent-badge",{class:"file-chip-saved-badge",appearance:"filled",color:"subtle",size:"small"},"saved")),!this.readonly&&i("udp-fluent-icon-button",{class:"file-chip-remove",iconName:"dismiss",appearance:"subtle",size:"small",ariaLabel:`Remove ${o}`,disabled:this.disabled,onClick:()=>this.removeAt(t)}))}renderGallery(){return i("ul",{class:"gallery",role:"list"},this.items.map(((e,t)=>this.renderThumb(e,t))))}renderThumb(e,t){const o=a(e),r=this.previews.get(o),s=n(e),l=this.displayUploadTime?d(e.uploadedAt):null,c=!this.disableLightbox&&!!(null==r?void 0:r.url);return i("li",{class:"thumb",key:o},i("div",{class:"thumb-frame"},i("button",{type:"button",class:{"thumb-button":!0,clickable:c},onClick:e=>c&&this.openLightbox(t,e.currentTarget),disabled:!c,title:s},(null==r?void 0:r.url)?i("img",{class:"thumb-img",src:r.url,alt:s}):(null==r?void 0:r.loading)?i("udp-spinner",{size:"small"}):i("udp-fluent-icon",{name:"error"===(null==r?void 0:r.status)?"warning":"image",size:"md",class:"thumb-placeholder-icon"}),"stored"===e.kind&&i("udp-fluent-badge",{class:"thumb-saved-badge",appearance:"filled",color:"brand",size:"small"},"saved")),!this.readonly&&i("udp-fluent-icon-button",{class:"thumb-remove",iconName:"dismiss",appearance:"subtle",size:"small",ariaLabel:`Remove ${s}`,disabled:this.disabled,onClick:()=>this.removeAt(t)})),i("div",{class:"thumb-meta"},i("button",{type:"button",class:"thumb-name",disabled:this.disabled,"aria-label":`Download ${s}`,onClick:()=>this.requestDownload(e),title:`Download ${s}`},i("span",{class:"thumb-name-text"},s)),l&&i("span",{class:"thumb-stamp"},l)))}renderLightboxContent(){const e=this.items[this.lightboxIndex];if(!e)return null;const t=this.previews.get(a(e)),o=n(e),r=this.items.length,s=r>1;return i("div",{class:"lightbox-content","aria-label":o},i("div",{class:"lightbox-header"},i("span",{class:"lightbox-name",title:o},o),i("udp-fluent-icon-button",{class:"lightbox-close",iconName:"dismiss",appearance:"subtle",size:"large",ariaLabel:"Close preview",onClick:()=>this.closeLightbox()})),i("div",{class:"lightbox-stage"},s&&i("udp-fluent-icon-button",{class:"lightbox-nav lightbox-prev",iconName:"chevron-left",appearance:"subtle",size:"medium",ariaLabel:"Previous image",onClick:()=>this.navigateLightbox(-1)}),(null==t?void 0:t.url)?i("img",{class:"lightbox-image",src:t.url,alt:o}):(null==t?void 0:t.loading)?i("udp-spinner",{size:"medium"}):i("span",{class:"lightbox-error"},"No preview available"),s&&i("udp-fluent-icon-button",{class:"lightbox-nav lightbox-next",iconName:"chevron-right",appearance:"subtle",size:"medium",ariaLabel:"Next image",onClick:()=>this.navigateLightbox(1)})),s&&i("div",{class:"lightbox-counter"},this.lightboxIndex+1," / ",r))}get el(){return r(this)}static get watchers(){return{value:[{onValueChange:0}],view:[{onViewChange:0}]}}};p.style=":host{display:block;width:100%;font-family:var(--fontFamilyBase)}fluent-field{width:100%}fluent-field.no-message::part(message){display:none}.root{display:flex;flex-direction:column;gap:var(--spacingVerticalS, 8px);width:100%}.field-label{display:block;margin-bottom:var(--spacingVerticalXXS, 2px)}.hidden-input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.drop-container{border:2px dashed var(--colorNeutralStroke1, #d1d1d1);border-radius:var(--borderRadiusMedium, 4px);background-color:var(--colorNeutralBackground1, #ffffff);transition:background-color 100ms ease,     border-color 100ms ease;outline:none;padding:var(--spacingVerticalM, 12px);display:flex;flex-direction:column;justify-content:center;gap:var(--spacingVerticalM, 12px);min-height:144px;box-sizing:border-box}.drop-container.has-files{justify-content:space-between;border-color:var(--colorNeutralStroke2, #e0e0e0);cursor:default}:host(.appearance-filled) .drop-container{background-color:var(--colorNeutralBackground2, #fafafa)}.drop-container[role='button']{cursor:pointer}.drop-container[role='button']:focus-visible{outline:2px solid var(--colorStrokeFocus2, #000000);outline-offset:2px}.drop-container.dragging{background-color:var(--colorNeutralBackground1Hover, #f5f5f5);border-color:var(--colorNeutralStrokeAccessible, #616161)}.drop-container.no-dnd:not(.readonly){border-style:solid}.drop-container.readonly{cursor:default;border-style:solid}.drop-container.has-files.dragging{border-style:dashed;background-color:var(--colorNeutralBackground1Hover, #f5f5f5)}.empty-prompt{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacingVerticalXS, 4px);pointer-events:none;}.empty-prompt-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacingVerticalXXS, 2px);color:var(--colorNeutralForeground3, #707070);font-size:var(--fontSizeBase200, 12px)}.empty-prompt-icon{color:inherit}.empty-prompt-text{color:inherit;text-align:center}.empty-prompt-button{pointer-events:auto}.empty-readonly{display:flex;align-items:center;justify-content:center}.empty-readonly-text{color:var(--colorNeutralForeground3, #707070);font-size:var(--fontSizeBase200, 12px);font-style:italic}.compact-prompt{display:flex;align-items:center;justify-content:space-between;gap:var(--spacingHorizontalM, 12px);padding:var(--spacingVerticalM, 12px) 0 0 0;border-top:1px dashed var(--colorNeutralStroke3, #ebebeb);pointer-events:none}.compact-prompt-text{display:inline-flex;align-items:center;gap:var(--spacingHorizontalXS, 4px);color:var(--colorNeutralForeground3, #707070);font-size:var(--fontSizeBase200, 12px);flex:1 1 auto;min-width:0}.compact-prompt-icon{color:inherit;flex:0 0 auto}.compact-prompt-button{pointer-events:auto;flex:0 0 auto}.file-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-content:flex-start;gap:var(--spacingHorizontalXS, 4px) var(--spacingHorizontalS, 8px);max-height:80px;overflow-y:auto;scrollbar-gutter:stable}.file-chip{display:inline-flex;align-items:center;gap:var(--spacingHorizontalXS, 4px);padding:4px var(--spacingHorizontalXS, 4px) 4px var(--spacingHorizontalS, 8px);border:1px solid var(--colorNeutralStroke2, #e0e0e0);border-radius:var(--borderRadiusMedium, 4px);background-color:var(--colorNeutralBackground1, #ffffff);max-width:280px;min-width:0;flex:0 0 auto;height:32px;box-sizing:border-box}.file-chip-icon{flex:0 0 auto;color:var(--colorNeutralForeground3, #707070)}.file-chip-name{background:none;border:none;padding:0;font:inherit;color:var(--colorBrandForeground1, #0f6cbd);text-decoration:underline;text-underline-offset:2px;cursor:pointer;text-align:left;min-width:0;flex:1 1 auto;font-size:var(--fontSizeBase200, 12px);line-height:1}.file-chip-name:disabled{color:var(--colorNeutralForegroundDisabled, #bdbdbd);cursor:not-allowed}.file-chip-name-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-chip-detail{flex:0 0 auto;display:inline-flex;align-items:center;gap:var(--spacingHorizontalXS, 4px);color:var(--colorNeutralForeground3, #707070);font-size:11px;line-height:1}.file-chip-remove{flex:0 0 auto}.gallery{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--spacingHorizontalM, 12px)}.thumb{display:flex;flex-direction:column;gap:var(--spacingVerticalXS, 4px)}.thumb-frame{position:relative;width:80px;height:80px}.thumb-button{position:relative;display:flex;align-items:center;justify-content:center;width:80px;height:80px;padding:0;margin:0;border:1px solid var(--colorNeutralStroke2, #e0e0e0);border-radius:var(--borderRadiusMedium, 4px);background-color:var(--colorNeutralBackground1, #ffffff);overflow:hidden;cursor:default;transition:border-color 100ms ease, transform 100ms ease}.thumb-button.clickable{cursor:zoom-in}.thumb-button.clickable:hover{border-color:var(--colorBrandStroke1, #0f6cbd);transform:scale(1.02)}.thumb-button:focus-visible{outline:2px solid var(--colorStrokeFocus2, #000000);outline-offset:2px}.thumb-button:disabled{cursor:not-allowed;opacity:0.7}.thumb-img{width:100%;height:100%;object-fit:cover;display:block}.thumb-placeholder-icon{color:var(--colorNeutralForeground3, #707070)}.thumb-saved-badge{position:absolute;bottom:4px;left:4px}.thumb-meta{display:flex;flex-direction:column;gap:2px;max-width:100%}.thumb-name{background:none;border:none;padding:0;font:inherit;color:var(--colorBrandForeground1, #0f6cbd);text-decoration:underline;text-underline-offset:2px;cursor:pointer;text-align:left;display:block;max-width:100%;overflow:hidden}.thumb-name:disabled{color:var(--colorNeutralForegroundDisabled, #bdbdbd);cursor:not-allowed}.thumb-name-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fontSizeBase200, 12px)}.thumb-stamp{font-size:10px;color:var(--colorNeutralForeground3, #707070)}.thumb-remove{position:absolute;top:4px;right:4px}:host(.disabled){opacity:0.6}:host(.disabled) .drop-container{cursor:not-allowed}.message{color:var(--colorNeutralForeground3, #707070);font-size:var(--fontSizeBase200, 12px)}.message.include-error-padding{min-height:var(--lineHeightBase200, 16px);display:inline-block}.message.error{color:var(--colorPaletteRedForeground1, #b10e1c)}:host(.has-error) .drop-container{border-color:var(--colorPaletteRedBorder2, #b10e1c)}.lightbox{width:100vw;height:100vh;max-width:100vw;max-height:100vh;margin:0;padding:var(--spacingVerticalL, 16px);border:none;background:transparent;box-sizing:border-box;align-items:center;justify-content:center}.lightbox[open]{display:flex;flex-direction:column;animation:lightbox-fade-in 100ms ease}.lightbox::backdrop{background-color:rgba(0, 0, 0, 0.85);animation:lightbox-fade-in 100ms ease}@keyframes lightbox-fade-in{from{opacity:0}to{opacity:1}}.lightbox-content{display:flex;flex-direction:column;width:100%;height:100%;max-width:1200px;gap:var(--spacingVerticalS, 8px)}.lightbox-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacingHorizontalM, 12px);color:#ffffff;padding:0 var(--spacingHorizontalS, 8px)}.lightbox-name{font-size:var(--fontSizeBase300, 14px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1 auto;min-width:0}.lightbox-stage{position:relative;flex:1 1 auto;display:flex;align-items:center;justify-content:center;min-height:0}.lightbox-image{max-width:100%;max-height:100%;object-fit:contain}.lightbox-error{color:#ffffff;font-style:italic}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%)}.lightbox-prev{left:var(--spacingHorizontalS, 8px)}.lightbox-next{right:var(--spacingHorizontalS, 8px)}.lightbox-nav,.lightbox-close{--colorNeutralForeground2:#ffffff;--colorNeutralForeground2Hover:#ffffff;--colorNeutralForeground2Pressed:#ffffff;--colorNeutralForeground2BrandHover:#ffffff;--colorNeutralForeground2BrandPressed:#ffffff;--colorSubtleBackgroundHover:rgba(255, 255, 255, 0.12);--colorSubtleBackgroundPressed:rgba(255, 255, 255, 0.18);--colorSubtleBackgroundSelected:rgba(255, 255, 255, 0.18)}.lightbox-counter{text-align:center;color:rgba(255, 255, 255, 0.8);font-size:var(--fontSizeBase200, 12px);padding:4px 0}";export{p as udp_fluent_file_input}

package/dist/stencil-library/udp-fluent-image.entry.js

@@ -1 +1 @@
-import{r as e,h as s,H as t}from"./index-Cgpvu-iV.js";import"@fluentui/web-components/image.js";const i=class{constructor(s){e(this,s),this.block=!1,this.bordered=!1,this.shadow=!1}render(){return s(t,{key:"f2d0b31f02e0e8d4d807ae9d04d65fcec827efa7"},s("fluent-image",{key:"0955746db7f3aa5b8f67d85f03a3d46ae0f2173b",block:this.block,bordered:this.bordered,shadow:this.shadow,fit:this.fit,shape:this.shape},s("slot",{key:"4765283bb9f5591fa0c9de48b4a253257860c8b4"})))}};export{i as udp_fluent_image}
+import{r as e,h as s,H as t}from"./index-Cgpvu-iV.js";import"@fluentui/web-components/image.js";const i=class{constructor(s){e(this,s),this.block=!1,this.bordered=!1,this.shadow=!1}render(){return s(t,{key:"c0662c5c5e54771988259267d5bcd9e9b9135cd9"},s("fluent-image",{key:"1f04749ad51b8b84d5f8f4ec2e687eac8046596a",block:this.block,bordered:this.bordered,shadow:this.shadow,fit:this.fit,shape:this.shape},s("slot",{key:"debfcd252d5a73df870aefc7084b86e3be9965de"})))}};export{i as udp_fluent_image}