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

package/dist/components/udp-date-range-selector2.js

@@ -1 +1 @@
-import{p as r,H as t,c as a,h as e,d as o,t as n}from"./index2.js";import"cally";import{d as i}from"./udp-fluent-button2.js";import{d as s}from"./udp-fluent-icon2.js";import{d}from"./udp-fluent-icon-button2.js";import{d as c}from"./udp-spinner2.js";const l={sm:200,md:260,lg:320},h=["January","February","March","April","May","June","July","August","September","October","November","December"],u=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],p=r(class extends t{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.change=a(this,"change",7),this.size="md",this.orientation="horizontal",this.variant="range",this.monthsToDisplay=2,this.viewMode="day",this.focusedYear=(new Date).getFullYear(),this.focusedMonth=(new Date).getMonth(),this.navigationDirection="none",this.pendingFocus=!1,this.handleChange=r=>{this.change.emit(r.target.value)},this.handleFocusChange=r=>{const t=r.target;if(t&&t.focusedDate){const r=t.focusedDate.split("-");if(3===r.length){const t=parseInt(r[0],10),a=parseInt(r[1],10)-1;this.focusedYear===t&&this.focusedMonth===a||(this.focusedYear=t,this.focusedMonth=a)}}},this.handleHeaderClick=()=>{"day"===this.viewMode?this.viewMode="month":"month"===this.viewMode&&(this.viewMode="year")},this.handlePrevious=()=>{this.isPrevDisabled()||(this.pendingFocus=!0,this.navigationDirection="prev","day"===this.viewMode?0===this.focusedMonth?(this.focusedMonth=11,this.focusedYear--):this.focusedMonth--:"month"===this.viewMode?this.focusedYear--:"year"===this.viewMode&&(this.focusedYear-=10))},this.handleNext=()=>{this.isNextDisabled()||(this.pendingFocus=!0,this.navigationDirection="next","day"===this.viewMode?11===this.focusedMonth?(this.focusedMonth=0,this.focusedYear++):this.focusedMonth++:"month"===this.viewMode?this.focusedYear++:"year"===this.viewMode&&(this.focusedYear+=10))},this.selectMonth=r=>{this.pendingFocus=!0,this.navigationDirection="none",this.focusedMonth=r,this.viewMode="day"},this.selectYear=r=>{this.focusedYear=r,this.viewMode="month"}}handleValueChange(r){this.navigationDirection="none",this.parseValue(r)}componentWillLoad(){this.parseValue(this.value),this.clampFocusToMinMax(),this.monthsToDisplay>2&&(this.monthsToDisplay=2),this.monthsToDisplay<1&&(this.monthsToDisplay=1)}clampFocusToMinMax(){const r=this.minDate?this.parseISODate(this.minDate):null,t=this.maxDate?this.parseISODate(this.maxDate):null;r&&(this.focusedYear<r.year||this.focusedYear===r.year&&this.focusedMonth<r.month)&&(this.focusedYear=r.year,this.focusedMonth=r.month),t&&(this.focusedYear>t.year||this.focusedYear===t.year&&this.focusedMonth>t.month)&&(this.focusedYear=t.year,this.focusedMonth=t.month)}componentDidUpdate(){"day"===this.viewMode&&this.calendarRef&&this.updateCalendarFocus()}async setFocus(){if(this.calendarRef){const r=this.calendarRef;"function"==typeof r.focus?r.focus({target:"day"}):this.calendarRef.focus()}}parseValue(r){if(r){const t=new Date(r.split("/")[0]);isNaN(t.getTime())||(this.focusedYear=t.getFullYear(),this.focusedMonth=t.getMonth())}}updateCalendarFocus(){if(this.calendarRef){let r=this.focusedMonth,t=this.focusedYear;2===this.monthsToDisplay&&"next"===this.navigationDirection&&(r=this.focusedMonth+1,r>11&&(r=0,t++));const a=new Date(t,r,1),e=a.getFullYear(),o=String(a.getMonth()+1).padStart(2,"0"),n=String(a.getDate()).padStart(2,"0"),i=this.calendarRef;i.focusedDate=`${e}-${o}-${n}`,this.pendingFocus&&(this.pendingFocus=!1,"function"==typeof i.focus&&i.focus({target:"day"})),this.navigationDirection="none"}}getHeaderText(){const r="sm"===this.size?u:h;if("day"===this.viewMode){const t=`${r[this.focusedMonth]} ${this.focusedYear}`;if(2===this.monthsToDisplay){let a=this.focusedMonth+1,e=this.focusedYear;return a>11&&(a=0,e++),`${t} - ${r[a]} ${e}`}return t}if("month"===this.viewMode)return`${this.focusedYear}`;{const r=10*Math.floor(this.focusedYear/10);return`${r} - ${r+9}`}}getDecadeYears(){const r=10*Math.floor(this.focusedYear/10);return Array.from({length:12},((t,a)=>r-1+a))}renderMonthGrid(){return e("div",{class:"picker-grid month-grid"},u.map(((r,t)=>e("button",{type:"button",class:{"picker-item":!0,selected:t===this.focusedMonth,current:t===(new Date).getMonth()&&this.focusedYear===(new Date).getFullYear()},disabled:this.isMonthDisabled(t),onClick:()=>this.selectMonth(t)},r))))}renderYearGrid(){const r=this.getDecadeYears(),t=(new Date).getFullYear(),a=10*Math.floor(this.focusedYear/10);return e("div",{class:"picker-grid year-grid"},r.map((r=>e("button",{type:"button",class:{"picker-item":!0,selected:r===this.focusedYear,current:r===t,outside:r<a||r>=a+10},disabled:this.isYearDisabled(r),onClick:()=>this.selectYear(r)},r))))}isPrevDisabled(){if(!this.minDate)return!1;const r=this.parseISODate(this.minDate);if(!r)return!1;const{year:t,month:a}=r;return"day"===this.viewMode?this.focusedYear<t||this.focusedYear===t&&this.focusedMonth<=a:"month"===this.viewMode?this.focusedYear-1<t:"year"===this.viewMode&&10*Math.floor(this.focusedYear/10)-1<t}isNextDisabled(){if(!this.maxDate)return!1;const r=this.parseISODate(this.maxDate);if(!r)return!1;const{year:t,month:a}=r;if("day"===this.viewMode){let r=this.focusedYear,e=this.focusedMonth+(this.monthsToDisplay-1);return e>11&&(e-=12,r++),r>t||r===t&&e>=a}return"month"===this.viewMode?this.focusedYear+1>t:"year"===this.viewMode&&10*Math.floor(this.focusedYear/10)+10>t}parseISODate(r){if(!r)return null;const t=r.split("-");if(t.length<2)return null;const a=parseInt(t[0],10),e=parseInt(t[1],10)-1;return isNaN(a)||isNaN(e)?null:{year:a,month:e}}isMonthDisabled(r){if(this.minDate){const t=this.parseISODate(this.minDate);if(t){if(this.focusedYear<t.year)return!0;if(this.focusedYear===t.year&&r<t.month)return!0}}if(this.maxDate){const t=this.parseISODate(this.maxDate);if(t){if(this.focusedYear>t.year)return!0;if(this.focusedYear===t.year&&r>t.month)return!0}}return!1}isYearDisabled(r){if(this.minDate){const t=this.parseISODate(this.minDate);if(t&&r<t.year)return!0}if(this.maxDate){const t=this.parseISODate(this.maxDate);if(t&&r>t.year)return!0}return!1}getContainerWidth(){const r=l[this.size]||l.md;return"horizontal"===this.orientation&&2===this.monthsToDisplay?2*r+16+"px":`${r}px`}getMonthWidth(){return`${l[this.size]||l.md}px`}render(){const r="multi"===this.variant?"calendar-multi":"single"===this.variant?"calendar-date":"calendar-range",t=this.getContainerWidth(),a=this.getMonthWidth();return e(o,{key:"7f3b47433cfeb11958f4a795ab543e7ec0f13570",style:{"--calendar-width":a,"--container-width":t},class:`size-${this.size}`,onClick:r=>r.stopPropagation()},e("div",{key:"107351ca36776ebf443311793313843a9d383973",class:"calendar-header"},e("udp-fluent-icon-button",{key:"b91e4f0d1a54344dfaa3d5ded9f0d5f8e4f8d699",iconName:"chevron-left",onClick:this.handlePrevious,disabled:this.isPrevDisabled(),appearance:"transparent",ariaLabel:"Previous"}),e("udp-fluent-button",{key:"a445fde9eb3ae9ff7753c00dc21ac45cd0a1658a",appearance:"transparent",onClick:this.handleHeaderClick,ariaLabel:"year"===this.viewMode?void 0:"Change view",disabled:"year"===this.viewMode},this.getHeaderText()),e("udp-fluent-icon-button",{key:"9b791afd007615ebb8c9b8aabffff47921173d39",iconName:"chevron-right",onClick:this.handleNext,disabled:this.isNextDisabled(),appearance:"transparent",ariaLabel:"Next"})),"day"===this.viewMode&&e(r,{key:"4711ddf5156e315c6eefbb6fb18a79015d4a2939",ref:r=>this.calendarRef=r,value:this.value,min:this.minDate,max:this.maxDate,firstDayOfWeek:0,months:this.monthsToDisplay,showOutsideDays:!0,pageBy:"single",isDateDisallowed:this.isDateDisallowed,getDayParts:this.getDayParts,onChange:this.handleChange,onFocusday:this.handleFocusChange},e("span",{key:"990acbf0b90edc532f37dbb57741690da8183bfc",slot:"previous",style:{display:"none"}}),e("span",{key:"edcf80e6ec99d7f3639f6c5ee8c0025acb49c731",slot:"next",style:{display:"none"}}),e("div",{key:"1232ad593e810386f48443e7117587b9e33d3106",class:"grid"},Array.from({length:this.monthsToDisplay}).map(((r,t)=>e("calendar-month",{offset:t}))))),"month"===this.viewMode&&this.renderMonthGrid(),"year"===this.viewMode&&this.renderYearGrid())}static get delegatesFocus(){return!0}static get watchers(){return{value:[{handleValueChange:0}]}}static get style(){return":host{display:inline-flex;flex-direction:column;width:var(--container-width, fit-content);min-width:var(--container-width)}.calendar-header{order:-1}.grid{display:flex;gap:var(--spacingHorizontalL, 16px)}:host([orientation='horizontal']) .grid{flex-direction:row}:host([orientation='vertical']) .grid{flex-direction:column}calendar-month{--color-accent:var(--colorBrandBackground);--color-text-on-accent:var(--colorNeutralForegroundOnBrand);font-family:var(--fontFamilyBase);color:var(--colorNeutralForeground1);margin-top:-16px}.nav-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:var(--borderRadiusMedium);background-color:transparent;color:var(--colorNeutralForeground1);cursor:pointer;transition:all var(--durationFaster, 100ms) var(--curveEasyEase, ease)}.nav-button:hover{background-color:var(--colorNeutralBackground1Hover)}.nav-button:active{background-color:var(--colorNeutralBackground1Pressed)}.nav-button:focus-visible{outline:2px solid var(--colorStrokeFocus2);outline-offset:2px}calendar-month::part(button){width:calc(var(--calendar-width) / 7);height:calc(var(--calendar-width) / 9);min-width:28px;min-height:28px;border-radius:var(--borderRadiusMedium);border:none;background-color:transparent;color:var(--colorNeutralForeground1);font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightRegular);cursor:pointer;transition:all var(--durationFaster, 100ms) var(--curveEasyEase, ease)}calendar-month::part(button):hover{background-color:var(--colorNeutralBackground1Hover)}calendar-month::part(button):focus-visible{outline:2px solid var(--colorStrokeFocus2);outline-offset:2px}calendar-month::part(selected){background-color:var(--colorBrandBackground);color:var(--colorNeutralForegroundOnBrand);font-weight:var(--fontWeightSemibold)}calendar-month::part(selected):hover{background-color:var(--colorBrandBackgroundHover)}calendar-month::part(today){border:2px solid var(--colorBrandBackground);font-weight:var(--fontWeightSemibold)}calendar-month::part(outside){color:var(--colorNeutralForeground4)}calendar-month::part(disabled){color:var(--colorNeutralForegroundDisabled);cursor:not-allowed}calendar-month::part(disabled):hover{background-color:transparent}:host([variant='range']) calendar-month::part(button){border-radius:var(--borderRadiusMedium)}calendar-month::part(range-inner){background-color:color-mix(in srgb, var(--colorBrandBackground) 20%, transparent) !important;color:var(--colorNeutralForeground1) !important;border-radius:0 !important}:host([variant='range']) calendar-month::part(range-start){background-color:var(--colorBrandBackground);color:var(--colorNeutralForegroundOnBrand);border-start-end-radius:0;border-end-end-radius:0;border-start-start-radius:var(--borderRadiusMedium);border-end-start-radius:var(--borderRadiusMedium)}:host([variant='range']) calendar-month::part(range-end){background-color:var(--colorBrandBackground);color:var(--colorNeutralForegroundOnBrand);border-start-start-radius:0;border-end-start-radius:0;border-start-end-radius:var(--borderRadiusMedium);border-end-end-radius:var(--borderRadiusMedium)}:host([variant='range']) calendar-month::part(range-start range-end){border-radius:var(--borderRadiusMedium)}calendar-month::part(highlight-day){color:var(--colorBrandForeground1);font-weight:var(--fontWeightSemibold)}calendar-month::part(primary-border){border:2px solid var(--colorBrandBackground)}calendar-month::part(secondary-border){border:2px solid var(--colorNeutralStroke1)}calendar-month::part(warning-border){border:2px solid var(--colorStatusWarningBackground3)}calendar-month::part(primary-dot),calendar-month::part(secondary-dot),calendar-month::part(warning-dot){position:relative}calendar-month::part(primary-dot)::after{content:'';position:absolute;bottom:4px;left:50%;transform:translateX(-50%);width:6px;height:6px;border-radius:var(--borderRadiusCircular);background-color:var(--colorBrandBackground)}calendar-month::part(secondary-dot)::after{content:'';position:absolute;bottom:4px;left:50%;transform:translateX(-50%);width:6px;height:6px;border-radius:var(--borderRadiusCircular);background-color:var(--colorNeutralForeground2)}calendar-month::part(warning-dot)::after{content:'';position:absolute;bottom:4px;left:50%;transform:translateX(-50%);width:6px;height:6px;border-radius:var(--borderRadiusCircular);background-color:var(--colorStatusWarningBackground3)}calendar-month::part(heading){display:none !important;}calendar-date::part(previous),calendar-date::part(next),calendar-range::part(previous),calendar-range::part(next),calendar-multi::part(previous),calendar-multi::part(next){display:none !important}calendar-date::part(heading),calendar-range::part(heading),calendar-multi::part(heading){display:none !important}calendar-date [slot=\"previous\"],calendar-date [slot=\"next\"],calendar-range [slot=\"previous\"],calendar-range [slot=\"next\"],calendar-multi [slot=\"previous\"],calendar-multi [slot=\"next\"]{display:none !important}calendar-month::part(weekday){font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightSemibold);color:var(--colorNeutralForeground2);text-transform:uppercase}.calendar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacingVerticalXS, 4px) 0;margin-bottom:0}.header-button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacingHorizontalXS, 4px);padding:var(--spacingVerticalXS, 4px) var(--spacingHorizontalS, 8px);border:none;border-radius:var(--borderRadiusMedium);background-color:transparent;color:var(--colorNeutralForeground1);font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase300);font-weight:var(--fontWeightSemibold);cursor:pointer;transition:all var(--durationFaster, 100ms) var(--curveEasyEase, ease)}.header-button:hover:not(:disabled){background-color:var(--colorNeutralBackground1Hover)}.header-button:active:not(:disabled){background-color:var(--colorNeutralBackground1Pressed)}.header-button:disabled{cursor:default}.header-button:focus-visible{outline:2px solid var(--colorStrokeFocus2);outline-offset:2px}.picker-grid{display:grid;gap:var(--spacingVerticalS, 8px) var(--spacingHorizontalS, 8px);padding:var(--spacingVerticalM, 12px) 0;width:100%;box-sizing:border-box}.month-grid{grid-template-columns:repeat(4, 1fr)}.year-grid{grid-template-columns:repeat(4, 1fr)}.picker-item{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacingVerticalM, 12px) var(--spacingHorizontalS, 8px);min-height:44px;border:none;border-radius:var(--borderRadiusMedium);background-color:transparent;color:var(--colorNeutralForeground1);font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase300);font-weight:var(--fontWeightRegular);cursor:pointer;transition:all var(--durationFaster, 100ms) var(--curveEasyEase, ease)}.picker-item:hover{background-color:var(--colorNeutralBackground1Hover)}.picker-item:active{background-color:var(--colorNeutralBackground1Pressed)}.picker-item:focus-visible{outline:2px solid var(--colorStrokeFocus2);outline-offset:2px}.picker-item:disabled{color:var(--colorNeutralForegroundDisabled);cursor:not-allowed;background-color:transparent}.picker-item:disabled:hover{background-color:transparent}.picker-item.selected{background-color:var(--colorBrandBackground);color:var(--colorNeutralForegroundOnBrand);font-weight:var(--fontWeightSemibold)}.picker-item.selected:hover{background-color:var(--colorBrandBackgroundHover)}.picker-item.current:not(.selected){border:2px solid var(--colorBrandBackground);font-weight:var(--fontWeightSemibold)}.picker-item.outside{color:var(--colorNeutralForeground4)}:host(.size-sm) .picker-grid{gap:var(--spacingVerticalXS, 4px) var(--spacingHorizontalXS, 4px);padding:var(--spacingVerticalS, 8px) 0}:host(.size-sm) .picker-item{padding:var(--spacingVerticalS, 8px) var(--spacingHorizontalXS, 4px);min-height:32px;font-size:var(--fontSizeBase200)}:host(.size-sm) .picker-item{padding:var(--spacingVerticalS, 8px) var(--spacingHorizontalXS, 4px);min-height:32px;font-size:var(--fontSizeBase200)}:host(.size-sm) .calendar-header{padding-bottom:var(--spacingVerticalS, 8px)}"}},[17,"udp-date-range-selector",{size:[513],minDate:[1,"min-date"],maxDate:[1,"max-date"],value:[1],orientation:[513],variant:[513],monthsToDisplay:[1026,"months-to-display"],isDateDisallowed:[16],getDayParts:[16],viewMode:[32],focusedYear:[32],focusedMonth:[32],setFocus:[64]},void 0,{value:[{handleValueChange:0}]}]);function g(){"undefined"!=typeof customElements&&["udp-date-range-selector","udp-fluent-button","udp-fluent-icon","udp-fluent-icon-button","udp-spinner"].forEach((r=>{switch(r){case"udp-date-range-selector":customElements.get(n(r))||customElements.define(n(r),p);break;case"udp-fluent-button":customElements.get(n(r))||i();break;case"udp-fluent-icon":customElements.get(n(r))||s();break;case"udp-fluent-icon-button":customElements.get(n(r))||d();break;case"udp-spinner":customElements.get(n(r))||c()}}))}export{p as U,g as d}
+import{p as r,H as t,c as a,h as e,d as o,t as n}from"./index2.js";import"cally";import{d as i}from"./udp-fluent-button2.js";import{d as s}from"./udp-fluent-icon2.js";import{d}from"./udp-fluent-icon-button2.js";import{d as c}from"./udp-spinner2.js";const l={sm:200,md:260,lg:320},h=["January","February","March","April","May","June","July","August","September","October","November","December"],u=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],p=r(class extends t{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.change=a(this,"change",7),this.size="md",this.orientation="horizontal",this.variant="range",this.monthsToDisplay=2,this.viewMode="day",this.focusedYear=(new Date).getFullYear(),this.focusedMonth=(new Date).getMonth(),this.navigationDirection="none",this.pendingFocus=!1,this.handleChange=r=>{this.change.emit(r.target.value)},this.handleFocusChange=r=>{const t=r.target;if(t&&t.focusedDate){const r=t.focusedDate.split("-");if(3===r.length){const t=parseInt(r[0],10),a=parseInt(r[1],10)-1;this.focusedYear===t&&this.focusedMonth===a||(this.focusedYear=t,this.focusedMonth=a)}}},this.handleHeaderClick=()=>{"day"===this.viewMode?this.viewMode="month":"month"===this.viewMode&&(this.viewMode="year")},this.handlePrevious=()=>{this.isPrevDisabled()||(this.pendingFocus=!0,this.navigationDirection="prev","day"===this.viewMode?0===this.focusedMonth?(this.focusedMonth=11,this.focusedYear--):this.focusedMonth--:"month"===this.viewMode?this.focusedYear--:"year"===this.viewMode&&(this.focusedYear-=10))},this.handleNext=()=>{this.isNextDisabled()||(this.pendingFocus=!0,this.navigationDirection="next","day"===this.viewMode?11===this.focusedMonth?(this.focusedMonth=0,this.focusedYear++):this.focusedMonth++:"month"===this.viewMode?this.focusedYear++:"year"===this.viewMode&&(this.focusedYear+=10))},this.selectMonth=r=>{this.pendingFocus=!0,this.navigationDirection="none",this.focusedMonth=r,this.viewMode="day"},this.selectYear=r=>{this.focusedYear=r,this.viewMode="month"}}handleValueChange(r){this.navigationDirection="none",this.parseValue(r)}componentWillLoad(){this.parseValue(this.value),this.clampFocusToMinMax(),this.monthsToDisplay>2&&(this.monthsToDisplay=2),this.monthsToDisplay<1&&(this.monthsToDisplay=1)}clampFocusToMinMax(){const r=this.minDate?this.parseISODate(this.minDate):null,t=this.maxDate?this.parseISODate(this.maxDate):null;r&&(this.focusedYear<r.year||this.focusedYear===r.year&&this.focusedMonth<r.month)&&(this.focusedYear=r.year,this.focusedMonth=r.month),t&&(this.focusedYear>t.year||this.focusedYear===t.year&&this.focusedMonth>t.month)&&(this.focusedYear=t.year,this.focusedMonth=t.month)}componentDidUpdate(){"day"===this.viewMode&&this.calendarRef&&this.updateCalendarFocus()}async setFocus(){if(this.calendarRef){const r=this.calendarRef;"function"==typeof r.focus?r.focus({target:"day"}):this.calendarRef.focus()}}parseValue(r){if(r){const t=new Date(r.split("/")[0]);isNaN(t.getTime())||(this.focusedYear=t.getFullYear(),this.focusedMonth=t.getMonth())}}updateCalendarFocus(){if(this.calendarRef){let r=this.focusedMonth,t=this.focusedYear;2===this.monthsToDisplay&&"next"===this.navigationDirection&&(r=this.focusedMonth+1,r>11&&(r=0,t++));const a=new Date(t,r,1),e=a.getFullYear(),o=String(a.getMonth()+1).padStart(2,"0"),n=String(a.getDate()).padStart(2,"0"),i=this.calendarRef;i.focusedDate=`${e}-${o}-${n}`,this.pendingFocus&&(this.pendingFocus=!1,"function"==typeof i.focus&&i.focus({target:"day"})),this.navigationDirection="none"}}getHeaderText(){const r="sm"===this.size?u:h;if("day"===this.viewMode){const t=`${r[this.focusedMonth]} ${this.focusedYear}`;if(2===this.monthsToDisplay){let a=this.focusedMonth+1,e=this.focusedYear;return a>11&&(a=0,e++),`${t} - ${r[a]} ${e}`}return t}if("month"===this.viewMode)return`${this.focusedYear}`;{const r=10*Math.floor(this.focusedYear/10);return`${r} - ${r+9}`}}getDecadeYears(){const r=10*Math.floor(this.focusedYear/10);return Array.from({length:12},((t,a)=>r-1+a))}renderMonthGrid(){return e("div",{class:"picker-grid month-grid"},u.map(((r,t)=>e("button",{type:"button",class:{"picker-item":!0,selected:t===this.focusedMonth,current:t===(new Date).getMonth()&&this.focusedYear===(new Date).getFullYear()},disabled:this.isMonthDisabled(t),onClick:()=>this.selectMonth(t)},r))))}renderYearGrid(){const r=this.getDecadeYears(),t=(new Date).getFullYear(),a=10*Math.floor(this.focusedYear/10);return e("div",{class:"picker-grid year-grid"},r.map((r=>e("button",{type:"button",class:{"picker-item":!0,selected:r===this.focusedYear,current:r===t,outside:r<a||r>=a+10},disabled:this.isYearDisabled(r),onClick:()=>this.selectYear(r)},r))))}isPrevDisabled(){if(!this.minDate)return!1;const r=this.parseISODate(this.minDate);if(!r)return!1;const{year:t,month:a}=r;return"day"===this.viewMode?this.focusedYear<t||this.focusedYear===t&&this.focusedMonth<=a:"month"===this.viewMode?this.focusedYear-1<t:"year"===this.viewMode&&10*Math.floor(this.focusedYear/10)-1<t}isNextDisabled(){if(!this.maxDate)return!1;const r=this.parseISODate(this.maxDate);if(!r)return!1;const{year:t,month:a}=r;if("day"===this.viewMode){let r=this.focusedYear,e=this.focusedMonth+(this.monthsToDisplay-1);return e>11&&(e-=12,r++),r>t||r===t&&e>=a}return"month"===this.viewMode?this.focusedYear+1>t:"year"===this.viewMode&&10*Math.floor(this.focusedYear/10)+10>t}parseISODate(r){if(!r)return null;const t=r.split("-");if(t.length<2)return null;const a=parseInt(t[0],10),e=parseInt(t[1],10)-1;return isNaN(a)||isNaN(e)?null:{year:a,month:e}}isMonthDisabled(r){if(this.minDate){const t=this.parseISODate(this.minDate);if(t){if(this.focusedYear<t.year)return!0;if(this.focusedYear===t.year&&r<t.month)return!0}}if(this.maxDate){const t=this.parseISODate(this.maxDate);if(t){if(this.focusedYear>t.year)return!0;if(this.focusedYear===t.year&&r>t.month)return!0}}return!1}isYearDisabled(r){if(this.minDate){const t=this.parseISODate(this.minDate);if(t&&r<t.year)return!0}if(this.maxDate){const t=this.parseISODate(this.maxDate);if(t&&r>t.year)return!0}return!1}getContainerWidth(){const r=l[this.size]||l.md;return"horizontal"===this.orientation&&2===this.monthsToDisplay?2*r+16+"px":`${r}px`}getMonthWidth(){return`${l[this.size]||l.md}px`}render(){const r="multi"===this.variant?"calendar-multi":"single"===this.variant?"calendar-date":"calendar-range",t=this.getContainerWidth(),a=this.getMonthWidth();return e(o,{key:"2c96970f661cbad7b66974124e973671d642d7de",style:{"--calendar-width":a,"--container-width":t},class:`size-${this.size}`,onClick:r=>r.stopPropagation()},e("div",{key:"084e12c39bb72e4d1ce3c8414fbbea4afe191ca9",class:"calendar-header"},e("udp-fluent-icon-button",{key:"fbee6a6fc28c57c57a0b03608ac52d65de2e8e27",iconName:"chevron-left",onClick:this.handlePrevious,disabled:this.isPrevDisabled(),appearance:"transparent",ariaLabel:"Previous"}),e("udp-fluent-button",{key:"a87df68ad340f894967e885373da7e41ee8a9f26",appearance:"transparent",onClick:this.handleHeaderClick,ariaLabel:"year"===this.viewMode?void 0:"Change view",disabled:"year"===this.viewMode},this.getHeaderText()),e("udp-fluent-icon-button",{key:"fa625115fe2dc34de19cdc97d1ca33a5985805a2",iconName:"chevron-right",onClick:this.handleNext,disabled:this.isNextDisabled(),appearance:"transparent",ariaLabel:"Next"})),"day"===this.viewMode&&e(r,{key:"15f4e9fe38ac1daa8b1af228a9f950e538590e56",ref:r=>this.calendarRef=r,value:this.value,min:this.minDate,max:this.maxDate,firstDayOfWeek:0,months:this.monthsToDisplay,showOutsideDays:!0,pageBy:"single",isDateDisallowed:this.isDateDisallowed,getDayParts:this.getDayParts,onChange:this.handleChange,onFocusday:this.handleFocusChange},e("span",{key:"292296bc516a3edf9865fb6fd76b9165ff56ce53",slot:"previous",style:{display:"none"}}),e("span",{key:"7f846eb148e7bf1d22c3cfae742f82650f8c3a74",slot:"next",style:{display:"none"}}),e("div",{key:"df1eda552a64637b8515b282f719d3e2d2f9f0a7",class:"grid"},Array.from({length:this.monthsToDisplay}).map(((r,t)=>e("calendar-month",{offset:t}))))),"month"===this.viewMode&&this.renderMonthGrid(),"year"===this.viewMode&&this.renderYearGrid())}static get delegatesFocus(){return!0}static get watchers(){return{value:[{handleValueChange:0}]}}static get style(){return":host{display:inline-flex;flex-direction:column;width:var(--container-width, fit-content);min-width:var(--container-width)}.calendar-header{order:-1}.grid{display:flex;gap:var(--spacingHorizontalL, 16px)}:host([orientation='horizontal']) .grid{flex-direction:row}:host([orientation='vertical']) .grid{flex-direction:column}calendar-month{--color-accent:var(--colorBrandBackground);--color-text-on-accent:var(--colorNeutralForegroundOnBrand);font-family:var(--fontFamilyBase);color:var(--colorNeutralForeground1);margin-top:-16px}.nav-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:var(--borderRadiusMedium);background-color:transparent;color:var(--colorNeutralForeground1);cursor:pointer;transition:all var(--durationFaster, 100ms) var(--curveEasyEase, ease)}.nav-button:hover{background-color:var(--colorNeutralBackground1Hover)}.nav-button:active{background-color:var(--colorNeutralBackground1Pressed)}.nav-button:focus-visible{outline:2px solid var(--colorStrokeFocus2);outline-offset:2px}calendar-month::part(button){width:calc(var(--calendar-width) / 7);height:calc(var(--calendar-width) / 9);min-width:28px;min-height:28px;border-radius:var(--borderRadiusMedium);border:none;background-color:transparent;color:var(--colorNeutralForeground1);font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightRegular);cursor:pointer;transition:all var(--durationFaster, 100ms) var(--curveEasyEase, ease)}calendar-month::part(button):hover{background-color:var(--colorNeutralBackground1Hover)}calendar-month::part(button):focus-visible{outline:2px solid var(--colorStrokeFocus2);outline-offset:2px}calendar-month::part(selected){background-color:var(--colorBrandBackground);color:var(--colorNeutralForegroundOnBrand);font-weight:var(--fontWeightSemibold)}calendar-month::part(selected):hover{background-color:var(--colorBrandBackgroundHover)}calendar-month::part(today){border:2px solid var(--colorBrandBackground);font-weight:var(--fontWeightSemibold)}calendar-month::part(outside){color:var(--colorNeutralForeground4)}calendar-month::part(disabled){color:var(--colorNeutralForegroundDisabled);cursor:not-allowed}calendar-month::part(disabled):hover{background-color:transparent}:host([variant='range']) calendar-month::part(button){border-radius:var(--borderRadiusMedium)}calendar-month::part(range-inner){background-color:color-mix(in srgb, var(--colorBrandBackground) 20%, transparent) !important;color:var(--colorNeutralForeground1) !important;border-radius:0 !important}:host([variant='range']) calendar-month::part(range-start){background-color:var(--colorBrandBackground);color:var(--colorNeutralForegroundOnBrand);border-start-end-radius:0;border-end-end-radius:0;border-start-start-radius:var(--borderRadiusMedium);border-end-start-radius:var(--borderRadiusMedium)}:host([variant='range']) calendar-month::part(range-end){background-color:var(--colorBrandBackground);color:var(--colorNeutralForegroundOnBrand);border-start-start-radius:0;border-end-start-radius:0;border-start-end-radius:var(--borderRadiusMedium);border-end-end-radius:var(--borderRadiusMedium)}:host([variant='range']) calendar-month::part(range-start range-end){border-radius:var(--borderRadiusMedium)}calendar-month::part(highlight-day){color:var(--colorBrandForeground1);font-weight:var(--fontWeightSemibold)}calendar-month::part(primary-border){border:2px solid var(--colorBrandBackground)}calendar-month::part(secondary-border){border:2px solid var(--colorNeutralStroke1)}calendar-month::part(warning-border){border:2px solid var(--colorStatusWarningBackground3)}calendar-month::part(primary-dot),calendar-month::part(secondary-dot),calendar-month::part(warning-dot){position:relative}calendar-month::part(primary-dot)::after{content:'';position:absolute;bottom:4px;left:50%;transform:translateX(-50%);width:6px;height:6px;border-radius:var(--borderRadiusCircular);background-color:var(--colorBrandBackground)}calendar-month::part(secondary-dot)::after{content:'';position:absolute;bottom:4px;left:50%;transform:translateX(-50%);width:6px;height:6px;border-radius:var(--borderRadiusCircular);background-color:var(--colorNeutralForeground2)}calendar-month::part(warning-dot)::after{content:'';position:absolute;bottom:4px;left:50%;transform:translateX(-50%);width:6px;height:6px;border-radius:var(--borderRadiusCircular);background-color:var(--colorStatusWarningBackground3)}calendar-month::part(heading){display:none !important;}calendar-date::part(previous),calendar-date::part(next),calendar-range::part(previous),calendar-range::part(next),calendar-multi::part(previous),calendar-multi::part(next){display:none !important}calendar-date::part(heading),calendar-range::part(heading),calendar-multi::part(heading){display:none !important}calendar-date [slot=\"previous\"],calendar-date [slot=\"next\"],calendar-range [slot=\"previous\"],calendar-range [slot=\"next\"],calendar-multi [slot=\"previous\"],calendar-multi [slot=\"next\"]{display:none !important}calendar-month::part(weekday){font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightSemibold);color:var(--colorNeutralForeground2);text-transform:uppercase}.calendar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacingVerticalXS, 4px) 0;margin-bottom:0}.header-button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacingHorizontalXS, 4px);padding:var(--spacingVerticalXS, 4px) var(--spacingHorizontalS, 8px);border:none;border-radius:var(--borderRadiusMedium);background-color:transparent;color:var(--colorNeutralForeground1);font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase300);font-weight:var(--fontWeightSemibold);cursor:pointer;transition:all var(--durationFaster, 100ms) var(--curveEasyEase, ease)}.header-button:hover:not(:disabled){background-color:var(--colorNeutralBackground1Hover)}.header-button:active:not(:disabled){background-color:var(--colorNeutralBackground1Pressed)}.header-button:disabled{cursor:default}.header-button:focus-visible{outline:2px solid var(--colorStrokeFocus2);outline-offset:2px}.picker-grid{display:grid;gap:var(--spacingVerticalS, 8px) var(--spacingHorizontalS, 8px);padding:var(--spacingVerticalM, 12px) 0;width:100%;box-sizing:border-box}.month-grid{grid-template-columns:repeat(4, 1fr)}.year-grid{grid-template-columns:repeat(4, 1fr)}.picker-item{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacingVerticalM, 12px) var(--spacingHorizontalS, 8px);min-height:44px;border:none;border-radius:var(--borderRadiusMedium);background-color:transparent;color:var(--colorNeutralForeground1);font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase300);font-weight:var(--fontWeightRegular);cursor:pointer;transition:all var(--durationFaster, 100ms) var(--curveEasyEase, ease)}.picker-item:hover{background-color:var(--colorNeutralBackground1Hover)}.picker-item:active{background-color:var(--colorNeutralBackground1Pressed)}.picker-item:focus-visible{outline:2px solid var(--colorStrokeFocus2);outline-offset:2px}.picker-item:disabled{color:var(--colorNeutralForegroundDisabled);cursor:not-allowed;background-color:transparent}.picker-item:disabled:hover{background-color:transparent}.picker-item.selected{background-color:var(--colorBrandBackground);color:var(--colorNeutralForegroundOnBrand);font-weight:var(--fontWeightSemibold)}.picker-item.selected:hover{background-color:var(--colorBrandBackgroundHover)}.picker-item.current:not(.selected){border:2px solid var(--colorBrandBackground);font-weight:var(--fontWeightSemibold)}.picker-item.outside{color:var(--colorNeutralForeground4)}:host(.size-sm) .picker-grid{gap:var(--spacingVerticalXS, 4px) var(--spacingHorizontalXS, 4px);padding:var(--spacingVerticalS, 8px) 0}:host(.size-sm) .picker-item{padding:var(--spacingVerticalS, 8px) var(--spacingHorizontalXS, 4px);min-height:32px;font-size:var(--fontSizeBase200)}:host(.size-sm) .picker-item{padding:var(--spacingVerticalS, 8px) var(--spacingHorizontalXS, 4px);min-height:32px;font-size:var(--fontSizeBase200)}:host(.size-sm) .calendar-header{padding-bottom:var(--spacingVerticalS, 8px)}"}},[17,"udp-date-range-selector",{size:[513],minDate:[1,"min-date"],maxDate:[1,"max-date"],value:[1],orientation:[513],variant:[513],monthsToDisplay:[1026,"months-to-display"],isDateDisallowed:[16],getDayParts:[16],viewMode:[32],focusedYear:[32],focusedMonth:[32],setFocus:[64]},void 0,{value:[{handleValueChange:0}]}]);function g(){"undefined"!=typeof customElements&&["udp-date-range-selector","udp-fluent-button","udp-fluent-icon","udp-fluent-icon-button","udp-spinner"].forEach((r=>{switch(r){case"udp-date-range-selector":customElements.get(n(r))||customElements.define(n(r),p);break;case"udp-fluent-button":customElements.get(n(r))||i();break;case"udp-fluent-icon":customElements.get(n(r))||s();break;case"udp-fluent-icon-button":customElements.get(n(r))||d();break;case"udp-spinner":customElements.get(n(r))||c()}}))}export{p as U,g as d}

package/dist/components/udp-date-selector2.js

@@ -1 +1 @@
-import{p as t,H as i,c as e,h as p,d as n,t as r}from"./index2.js";import{d as o}from"./unity-typography2.js";const a=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.change=e(this,"change",7),this.value="",this.readonly=!1,this.fullWidth=!1,this.size="normal",this.margin="normal",this.internalValue="",this.handleDateChange=t=>{const i=t.target.value;this.internalValue=i,void 0!==this.value&&(this.value=i),this.change.emit(i)}}componentWillLoad(){this.internalValue=this.value||this.initialValue||"",this.errorMessage=this.error}updateError(){this.errorMessage=this.error}initialValueChanged(t){void 0!==t&&(this.internalValue=t)}valueChanged(t){void 0!==t&&(this.internalValue=t)}handleBlur(){}handleFocus(){}formatDateForHtml(t){var i;const e=new Date(t);if(isNaN(null==e?void 0:e.getTime()))return null;null==e||e.setTime((null==e?void 0:e.getTime())-60*(null==e?void 0:e.getTimezoneOffset())*1e3);const p=null==e?void 0:e.toISOString();return p?null===(i=null==p?void 0:p.split)||void 0===i?void 0:i.call(p,"T")[0]:null}render(){const t=!!this.errorMessage,i=["bx--text-input"];t&&i.push("bx--text-input--error"),this.disabled&&i.push("date-selector--disabled"),this.fullWidth&&i.push("bx--text-input--full-width");const e=i.join(" ");return p(n,{key:"7893c700f86e5806cd7899759af4fec29224ab77",class:{"udp-input":!0,"udp-input--error":t,"udp-input--disabled":this.disabled,"udp-input--readonly":this.readonly,"udp-input--full-width":this.fullWidth,"udp-input--required":this.required,[`udp-input--size-${this.size}`]:!0,[`udp-input--margin-${this.margin}`]:!0},"aria-invalid":t?"true":"false","aria-required":this.required?"true":"false"},p("div",{key:"96a601d06a84ac28cae4122fa32e4566ddf68708",class:"bx--form-item"},p("unity-typography",{key:"93e546890e3df61410df30878b9cce9eec5f07f7",variant:"caption-text"},p("label",{key:"ef1df1bd39fd42da9c48f1a3f5885e05cf7c299d",htmlFor:this.id,class:"bx--label"},this.label,this.required?"*":"")),p("input",{key:"c803b21d7f0df3f4d76f88fbe22a51996c8b0882",type:"date",id:this.id,name:this.name,class:e,value:this.internalValue,min:this.min?this.formatDateForHtml(this.min):null,max:this.max?this.formatDateForHtml(this.max):null,onInput:this.handleDateChange,onChange:this.handleDateChange,onBlur:this.handleBlur,onFocus:this.handleFocus,disabled:this.disabled,readonly:this.readonly,required:this.required,udprecordid:"udpRecord-udp-date-selector-"+this.id}),p("unity-typography",{key:"f89439965c32d3623d6b015f705d2d322dea19c2",class:"error-message",variant:"caption-text",color:"error"},this.errorMessage)))}static get watchers(){return{error:[{updateError:0}],initialValue:[{initialValueChanged:0}],value:[{valueChanged:0}]}}static get style(){return':host(.udp-input){display:block;box-sizing:border-box;position:relative}:host(.udp-input--full-width){width:100%}:host(.udp-input--error){--input-border-color:var(--input-underline-color-error)}:host(.udp-input--disabled){pointer-events:none;opacity:0.5;cursor:not-allowed}:host(.udp-input--required){position:relative}:host(.udp-input--readonly){--input-background:var(--gray-02)}:host(.udp-input--hidden){display:none}:host(.udp-input--checked){--input-accent-color:var(--primary-color)}:host(.udp-input--multi-select){--list-max-height:200px}:host(.udp-input) .bx--text-input:focus{outline:none;}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-05)}:host(.udp-input) .bx--label{display:block;margin-bottom:var(--spacing-03);color:var(--text-main);font-size:var(--caption-text-font-size);font-weight:var(--caption-text-font-weight);line-height:var(--caption-text-line-height)}@media (max-width: var(--breakpoint-xs-max)){:host(.udp-input){margin-bottom:var(--spacing-04)}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-04)}}@media (min-width: var(--breakpoint-sm-min)){:host(.udp-input){min-height:2.5rem;}}:host(.udp-input--size-small) .bx--text-input,:host(.udp-input--size-small) textarea,:host(.udp-input--size-small) input[type="text"],:host(.udp-input--size-small) input[type="number"],:host(.udp-input--size-small) input[type="email"],:host(.udp-input--size-small) input[type="password"],:host(.udp-input--size-small) input[type="tel"],:host(.udp-input--size-small) input[type="url"],:host(.udp-input--size-small) input[type="search"]{padding:var(--spacing-02);padding-bottom:6px;font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--text-input,:host(.udp-input--size-normal) textarea,:host(.udp-input--size-normal) input[type="text"],:host(.udp-input--size-normal) input[type="number"],:host(.udp-input--size-normal) input[type="email"],:host(.udp-input--size-normal) input[type="password"],:host(.udp-input--size-normal) input[type="tel"],:host(.udp-input--size-normal) input[type="url"],:host(.udp-input--size-normal) input[type="search"]{padding:var(--spacing-03);padding-bottom:9px;font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--text-input,:host(.udp-input--size-large) textarea,:host(.udp-input--size-large) input[type="text"],:host(.udp-input--size-large) input[type="number"],:host(.udp-input--size-large) input[type="email"],:host(.udp-input--size-large) input[type="password"],:host(.udp-input--size-large) input[type="tel"],:host(.udp-input--size-large) input[type="url"],:host(.udp-input--size-large) input[type="search"]{padding:var(--spacing-04);padding-bottom:12px;font-size:var(--body-font-size)}:host(.udp-input--margin-none){margin:0}:host(.udp-input--margin-dense){margin:var(--spacing-02) 0}:host(.udp-input--margin-normal){margin:var(--spacing-03) 0}:host(.udp-input--margin-comfortable){margin:var(--spacing-04) 0}:host(.udp-input--size-small) .bx--label{margin-bottom:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--label{margin-bottom:var(--spacing-03);font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--label{margin-bottom:var(--spacing-04);font-size:var(--body-font-size)}.bx--text-input,textarea,input[type="text"],input[type="number"],input[type="email"],input[type="password"],input[type="tel"],input[type="url"],input[type="search"]{display:inline-block;padding:var(--spacing-03);padding-bottom:9px;box-sizing:border-box;border:none;font-size:var(--body-font-size);background:var(--input-background);border-bottom:var(--underline-standard) solid var(--input-underline-color, var(--gray-08));width:100%;font-family:var(--font-family);transition:border-bottom-color 0.15s ease-in-out}.bx--text-input:focus,textarea:focus,input[type="text"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="search"]:focus{border-bottom-color:var(--input-underline-color-focus, var(--primary-color));border-bottom-width:2px}.bx--text-input--error,.bx--text-input:user-invalid,:host(.udp-input--error) .bx--text-input,:host(.udp-input--error) textarea,:host(.udp-input--error) input[type="text"],:host(.udp-input--error) input[type="number"],:host(.udp-input--error) input[type="email"],:host(.udp-input--error) input[type="password"],:host(.udp-input--error) input[type="tel"],:host(.udp-input--error) input[type="url"],:host(.udp-input--error) input[type="search"],input[type="text"]:user-invalid,input[type="number"]:user-invalid,input[type="email"]:user-invalid,input[type="password"]:user-invalid,input[type="tel"]:user-invalid,input[type="url"]:user-invalid,input[type="search"]:user-invalid{border-bottom-color:var(--input-underline-color-error, var(--error-color-main)) !important}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input[type="text"],:host(.udp-input--disabled) input[type="number"],:host(.udp-input--disabled) input[type="email"],:host(.udp-input--disabled) input[type="password"],:host(.udp-input--disabled) input[type="tel"],:host(.udp-input--disabled) input[type="url"],:host(.udp-input--disabled) input[type="search"]{border-bottom-color:var(--input-underline-color-disabled, var(--gray-08))}textarea.bx--text-input{resize:vertical;min-height:var(--spacing-08)}.bx--text-input::placeholder,textarea::placeholder,input[type="text"]::placeholder,input[type="number"]::placeholder,input[type="email"]::placeholder,input[type="password"]::placeholder,input[type="tel"]::placeholder,input[type="url"]::placeholder,input[type="search"]::placeholder{color:var(--placeholder-color, #999);opacity:1}:host(.udp-input),:host{display:block;width:100%;box-sizing:border-box}.bx--form-item{margin-bottom:var(--spacing-05)}.bx--label{display:block;margin-bottom:var(--spacing-03)}.error-message,.bx--form-requirement,:host(.udp-input--error) .error-message,:host(.udp-input--error) .bx--form-requirement{color:var(--error-color-main, #d32f2f) !important;margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem);--unity-typography-inherit-color:var(--error-color-main, #d32f2f)}.helper-text{color:var(--text-02, #525252);margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input,:host(.udp-input--disabled){cursor:not-allowed;opacity:0.6}:host(.udp-input--readonly) .bx--text-input,:host(.udp-input--readonly) textarea,:host(.udp-input--readonly) input{background-color:var(--field-01, #f4f4f4);cursor:default}:host(.full-width-host){width:100%}'}},[1,"udp-date-selector",{id:[1],name:[1],label:[1],min:[1],max:[1],required:[4],error:[1],initialValue:[1,"initial-value"],value:[1025],disabled:[4],readonly:[4],fullWidth:[4,"full-width"],size:[1],margin:[1],internalValue:[32],errorMessage:[32]},void 0,{error:[{updateError:0}],initialValue:[{initialValueChanged:0}],value:[{valueChanged:0}]}]);function u(){"undefined"!=typeof customElements&&["udp-date-selector","unity-typography"].forEach((t=>{switch(t){case"udp-date-selector":customElements.get(r(t))||customElements.define(r(t),a);break;case"unity-typography":customElements.get(r(t))||o()}}))}export{a as U,u as d}
+import{p as t,H as i,c as e,h as p,d as n,t as r}from"./index2.js";import{d as o}from"./unity-typography2.js";const a=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.change=e(this,"change",7),this.value="",this.readonly=!1,this.fullWidth=!1,this.size="normal",this.margin="normal",this.internalValue="",this.handleDateChange=t=>{const i=t.target.value;this.internalValue=i,void 0!==this.value&&(this.value=i),this.change.emit(i)}}componentWillLoad(){this.internalValue=this.value||this.initialValue||"",this.errorMessage=this.error}updateError(){this.errorMessage=this.error}initialValueChanged(t){void 0!==t&&(this.internalValue=t)}valueChanged(t){void 0!==t&&(this.internalValue=t)}handleBlur(){}handleFocus(){}formatDateForHtml(t){var i;const e=new Date(t);if(isNaN(null==e?void 0:e.getTime()))return null;null==e||e.setTime((null==e?void 0:e.getTime())-60*(null==e?void 0:e.getTimezoneOffset())*1e3);const p=null==e?void 0:e.toISOString();return p?null===(i=null==p?void 0:p.split)||void 0===i?void 0:i.call(p,"T")[0]:null}render(){const t=!!this.errorMessage,i=["bx--text-input"];t&&i.push("bx--text-input--error"),this.disabled&&i.push("date-selector--disabled"),this.fullWidth&&i.push("bx--text-input--full-width");const e=i.join(" ");return p(n,{key:"bfb4dfcf8fa577b83f8eeba262c5fda985208fd0",class:{"udp-input":!0,"udp-input--error":t,"udp-input--disabled":this.disabled,"udp-input--readonly":this.readonly,"udp-input--full-width":this.fullWidth,"udp-input--required":this.required,[`udp-input--size-${this.size}`]:!0,[`udp-input--margin-${this.margin}`]:!0},"aria-invalid":t?"true":"false","aria-required":this.required?"true":"false"},p("div",{key:"39632d67d95a0702c7e44fcf8e0ec74e440646c9",class:"bx--form-item"},p("unity-typography",{key:"02d75d18d3b716cb68051ae6c1e2b8d586df5b19",variant:"caption-text"},p("label",{key:"822a321cdc92dec3b213704711cfe6c800d8859b",htmlFor:this.id,class:"bx--label"},this.label,this.required?"*":"")),p("input",{key:"045d684f224968dbb6ba8a4a609478b8b87560ff",type:"date",id:this.id,name:this.name,class:e,value:this.internalValue,min:this.min?this.formatDateForHtml(this.min):null,max:this.max?this.formatDateForHtml(this.max):null,onInput:this.handleDateChange,onChange:this.handleDateChange,onBlur:this.handleBlur,onFocus:this.handleFocus,disabled:this.disabled,readonly:this.readonly,required:this.required,udprecordid:"udpRecord-udp-date-selector-"+this.id}),p("unity-typography",{key:"c8f2ea04a457ec37b580a01d8e917d1e256d86ef",class:"error-message",variant:"caption-text",color:"error"},this.errorMessage)))}static get watchers(){return{error:[{updateError:0}],initialValue:[{initialValueChanged:0}],value:[{valueChanged:0}]}}static get style(){return':host(.udp-input){display:block;box-sizing:border-box;position:relative}:host(.udp-input--full-width){width:100%}:host(.udp-input--error){--input-border-color:var(--input-underline-color-error)}:host(.udp-input--disabled){pointer-events:none;opacity:0.5;cursor:not-allowed}:host(.udp-input--required){position:relative}:host(.udp-input--readonly){--input-background:var(--gray-02)}:host(.udp-input--hidden){display:none}:host(.udp-input--checked){--input-accent-color:var(--primary-color)}:host(.udp-input--multi-select){--list-max-height:200px}:host(.udp-input) .bx--text-input:focus{outline:none;}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-05)}:host(.udp-input) .bx--label{display:block;margin-bottom:var(--spacing-03);color:var(--text-main);font-size:var(--caption-text-font-size);font-weight:var(--caption-text-font-weight);line-height:var(--caption-text-line-height)}@media (max-width: var(--breakpoint-xs-max)){:host(.udp-input){margin-bottom:var(--spacing-04)}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-04)}}@media (min-width: var(--breakpoint-sm-min)){:host(.udp-input){min-height:2.5rem;}}:host(.udp-input--size-small) .bx--text-input,:host(.udp-input--size-small) textarea,:host(.udp-input--size-small) input[type="text"],:host(.udp-input--size-small) input[type="number"],:host(.udp-input--size-small) input[type="email"],:host(.udp-input--size-small) input[type="password"],:host(.udp-input--size-small) input[type="tel"],:host(.udp-input--size-small) input[type="url"],:host(.udp-input--size-small) input[type="search"]{padding:var(--spacing-02);padding-bottom:6px;font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--text-input,:host(.udp-input--size-normal) textarea,:host(.udp-input--size-normal) input[type="text"],:host(.udp-input--size-normal) input[type="number"],:host(.udp-input--size-normal) input[type="email"],:host(.udp-input--size-normal) input[type="password"],:host(.udp-input--size-normal) input[type="tel"],:host(.udp-input--size-normal) input[type="url"],:host(.udp-input--size-normal) input[type="search"]{padding:var(--spacing-03);padding-bottom:9px;font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--text-input,:host(.udp-input--size-large) textarea,:host(.udp-input--size-large) input[type="text"],:host(.udp-input--size-large) input[type="number"],:host(.udp-input--size-large) input[type="email"],:host(.udp-input--size-large) input[type="password"],:host(.udp-input--size-large) input[type="tel"],:host(.udp-input--size-large) input[type="url"],:host(.udp-input--size-large) input[type="search"]{padding:var(--spacing-04);padding-bottom:12px;font-size:var(--body-font-size)}:host(.udp-input--margin-none){margin:0}:host(.udp-input--margin-dense){margin:var(--spacing-02) 0}:host(.udp-input--margin-normal){margin:var(--spacing-03) 0}:host(.udp-input--margin-comfortable){margin:var(--spacing-04) 0}:host(.udp-input--size-small) .bx--label{margin-bottom:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--label{margin-bottom:var(--spacing-03);font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--label{margin-bottom:var(--spacing-04);font-size:var(--body-font-size)}.bx--text-input,textarea,input[type="text"],input[type="number"],input[type="email"],input[type="password"],input[type="tel"],input[type="url"],input[type="search"]{display:inline-block;padding:var(--spacing-03);padding-bottom:9px;box-sizing:border-box;border:none;font-size:var(--body-font-size);background:var(--input-background);border-bottom:var(--underline-standard) solid var(--input-underline-color, var(--gray-08));width:100%;font-family:var(--font-family);transition:border-bottom-color 0.15s ease-in-out}.bx--text-input:focus,textarea:focus,input[type="text"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="search"]:focus{border-bottom-color:var(--input-underline-color-focus, var(--primary-color));border-bottom-width:2px}.bx--text-input--error,.bx--text-input:user-invalid,:host(.udp-input--error) .bx--text-input,:host(.udp-input--error) textarea,:host(.udp-input--error) input[type="text"],:host(.udp-input--error) input[type="number"],:host(.udp-input--error) input[type="email"],:host(.udp-input--error) input[type="password"],:host(.udp-input--error) input[type="tel"],:host(.udp-input--error) input[type="url"],:host(.udp-input--error) input[type="search"],input[type="text"]:user-invalid,input[type="number"]:user-invalid,input[type="email"]:user-invalid,input[type="password"]:user-invalid,input[type="tel"]:user-invalid,input[type="url"]:user-invalid,input[type="search"]:user-invalid{border-bottom-color:var(--input-underline-color-error, var(--error-color-main)) !important}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input[type="text"],:host(.udp-input--disabled) input[type="number"],:host(.udp-input--disabled) input[type="email"],:host(.udp-input--disabled) input[type="password"],:host(.udp-input--disabled) input[type="tel"],:host(.udp-input--disabled) input[type="url"],:host(.udp-input--disabled) input[type="search"]{border-bottom-color:var(--input-underline-color-disabled, var(--gray-08))}textarea.bx--text-input{resize:vertical;min-height:var(--spacing-08)}.bx--text-input::placeholder,textarea::placeholder,input[type="text"]::placeholder,input[type="number"]::placeholder,input[type="email"]::placeholder,input[type="password"]::placeholder,input[type="tel"]::placeholder,input[type="url"]::placeholder,input[type="search"]::placeholder{color:var(--placeholder-color, #999);opacity:1}:host(.udp-input),:host{display:block;width:100%;box-sizing:border-box}.bx--form-item{margin-bottom:var(--spacing-05)}.bx--label{display:block;margin-bottom:var(--spacing-03)}.error-message,.bx--form-requirement,:host(.udp-input--error) .error-message,:host(.udp-input--error) .bx--form-requirement{color:var(--error-color-main, #d32f2f) !important;margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem);--unity-typography-inherit-color:var(--error-color-main, #d32f2f)}.helper-text{color:var(--text-02, #525252);margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input,:host(.udp-input--disabled){cursor:not-allowed;opacity:0.6}:host(.udp-input--readonly) .bx--text-input,:host(.udp-input--readonly) textarea,:host(.udp-input--readonly) input{background-color:var(--field-01, #f4f4f4);cursor:default}:host(.full-width-host){width:100%}'}},[1,"udp-date-selector",{id:[1],name:[1],label:[1],min:[1],max:[1],required:[4],error:[1],initialValue:[1,"initial-value"],value:[1025],disabled:[4],readonly:[4],fullWidth:[4,"full-width"],size:[1],margin:[1],internalValue:[32],errorMessage:[32]},void 0,{error:[{updateError:0}],initialValue:[{initialValueChanged:0}],value:[{valueChanged:0}]}]);function u(){"undefined"!=typeof customElements&&["udp-date-selector","unity-typography"].forEach((t=>{switch(t){case"udp-date-selector":customElements.get(r(t))||customElements.define(r(t),a);break;case"unity-typography":customElements.get(r(t))||o()}}))}export{a as U,u as d}

package/dist/components/udp-date-time-input2.js

@@ -1 +1 @@
-import{p as t,H as e,c as s,h as i,d as a,t as u}from"./index2.js";import{d}from"./udp-date-input2.js";import{d as o}from"./udp-date-range-selector2.js";import{d as n}from"./udp-fluent-button2.js";import{d as r}from"./udp-fluent-icon2.js";import{d as p}from"./udp-fluent-icon-button2.js";import{d as h}from"./udp-popover2.js";import{d as l}from"./udp-spinner2.js";import{d as m}from"./udp-text2.js";import{d as c}from"./udp-time-input2.js";import{d as f}from"./udp-tooltip2.js";const b=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.valueChanged=s(this,"valueChanged",7),this.disabled=!1,this.required=!1,this.autofocus=!1,this.appearance="outline",this.controlSize="medium",this.stacked=!1,this.format="MM/DD/YYYY",this.includeErrorPadding=!0,this.use24Hour=!1,this.minuteStep=30,this.datePart="",this.timePart="",this.internalValue="",this.handleDateChange=t=>{t.stopPropagation(),this.datePart=t.detail,this.updateValue()},this.handleTimeChange=t=>{t.stopPropagation(),this.timePart=t.detail,this.datePart&&this.updateValue()}}onValueChange(t){this.parseValue(t)}componentWillLoad(){this.parseValue(this.value)}parseValue(t){if(!t)return this.datePart="",void(this.timePart="");const e=t.split("T");e.length>=1&&(this.datePart=e[0]),this.timePart=e.length>=2?e[1].substring(0,5):""}updateValue(){let t;t=this.datePart?`${this.datePart}T${this.timePart||"00:00"}:00`:"",this.internalValue=t,this.valueChanged.emit(t)}render(){const t=void 0===this.timeLabel&&this.label?" ":this.timeLabel;return i(a,{key:"2f593ed0b4de495cab7ee284c13291e998a98281"},i("div",{key:"d15f5dfb61ffa25cca1aa12a1b7cf3179b9af516",class:"date-part"},i("udp-date-input",{key:"ce201e5f203e698041451fb5ca1ec05ea373fb33",name:`${this.name}-date`,value:this.datePart,required:this.required,disabled:this.disabled,autofocus:this.autofocus,appearance:this.appearance,controlSize:this.controlSize,format:this.format,minDate:this.minDate,maxDate:this.maxDate,isDateDisallowed:this.isDateDisallowed,getDayParts:this.getDayParts,error:this.error,includeErrorPadding:this.includeErrorPadding,onValueChanged:this.handleDateChange,label:this.label,popupHint:this.popupHint})),i("div",{key:"27bdca75aea7869283d63477a59b9218ef9bf5ba",class:"time-part"},i("udp-time-input",{key:"f15b29ec0c556777910830408ad96d8ca48e4acb",name:`${this.name}-time`,value:this.timePart,required:!1,disabled:this.disabled,appearance:this.appearance,controlSize:this.controlSize,label:t,minuteStep:this.minuteStep,use24Hour:this.use24Hour,onValueChanged:this.handleTimeChange,includeErrorPadding:this.includeErrorPadding,error:this.error?" ":void 0})))}static get watchers(){return{value:[{onValueChange:0}]}}static get style(){return":host{display:flex;flex-direction:row;gap:8px;align-items:flex-start}:host([stacked]){flex-direction:column}.date-part{flex:1;min-width:0}.time-part{flex:0 0 auto;width:35%}:host([stacked]) .date-part,:host([stacked]) .time-part{width:100%}udp-date-input,udp-time-input{width:100%}"}},[1,"udp-date-time-input",{value:[1],label:[1],name:[1],disabled:[4],required:[4],autofocus:[4],appearance:[1],controlSize:[1,"control-size"],stacked:[516],format:[1],minDate:[1,"min-date"],maxDate:[1,"max-date"],isDateDisallowed:[16],getDayParts:[16],hint:[1],popupHint:[1,"popup-hint"],error:[1],includeErrorPadding:[4,"include-error-padding"],use24Hour:[4,"use-2-4-hour"],minuteStep:[2,"minute-step"],timeLabel:[1,"time-label"],datePart:[32],timePart:[32],internalValue:[32]},void 0,{value:[{onValueChange:0}]}]);function g(){"undefined"!=typeof customElements&&["udp-date-time-input","udp-date-input","udp-date-range-selector","udp-fluent-button","udp-fluent-icon","udp-fluent-icon-button","udp-popover","udp-spinner","udp-text","udp-time-input","udp-tooltip"].forEach((t=>{switch(t){case"udp-date-time-input":customElements.get(u(t))||customElements.define(u(t),b);break;case"udp-date-input":customElements.get(u(t))||d();break;case"udp-date-range-selector":customElements.get(u(t))||o();break;case"udp-fluent-button":customElements.get(u(t))||n();break;case"udp-fluent-icon":customElements.get(u(t))||r();break;case"udp-fluent-icon-button":customElements.get(u(t))||p();break;case"udp-popover":customElements.get(u(t))||h();break;case"udp-spinner":customElements.get(u(t))||l();break;case"udp-text":customElements.get(u(t))||m();break;case"udp-time-input":customElements.get(u(t))||c();break;case"udp-tooltip":customElements.get(u(t))||f()}}))}export{b as U,g as d}
+import{p as t,H as e,c as s,h as i,d as a,t as d}from"./index2.js";import{d as u}from"./udp-date-input2.js";import{d as o}from"./udp-date-range-selector2.js";import{d as n}from"./udp-fluent-button2.js";import{d as r}from"./udp-fluent-icon2.js";import{d as p}from"./udp-fluent-icon-button2.js";import{d as h}from"./udp-popover2.js";import{d as l}from"./udp-spinner2.js";import{d as m}from"./udp-text2.js";import{d as c}from"./udp-time-input2.js";import{d as f}from"./udp-tooltip2.js";const b=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.valueChanged=s(this,"valueChanged",7),this.disabled=!1,this.required=!1,this.autofocus=!1,this.appearance="outline",this.controlSize="medium",this.stacked=!1,this.format="MM/DD/YYYY",this.includeErrorPadding=!0,this.use24Hour=!1,this.minuteStep=30,this.datePart="",this.timePart="",this.internalValue="",this.handleDateChange=t=>{t.stopPropagation(),this.datePart=t.detail,this.updateValue()},this.handleTimeChange=t=>{t.stopPropagation(),this.timePart=t.detail,this.datePart&&this.updateValue()}}onValueChange(t){this.parseValue(t)}componentWillLoad(){this.parseValue(this.value)}parseValue(t){if(!t)return this.datePart="",void(this.timePart="");const e=t.split("T");e.length>=1&&(this.datePart=e[0]),this.timePart=e.length>=2?e[1].substring(0,5):""}updateValue(){let t;t=this.datePart?`${this.datePart}T${this.timePart||"00:00"}:00`:"",this.internalValue=t,this.valueChanged.emit(t)}render(){var t;const e=void 0===this.timeLabel&&this.label?" ":this.timeLabel;return i(a,{key:"c5f2626be05022bd5b05264a1c0f1a9fe8b81e9a"},i("div",{key:"336f70d6084846e6a42f73cbb375e7f0a754804c",class:"date-part"},i("udp-date-input",{key:"a686ee90c7787b3698dcb2ea901db7789b3bc6f9",name:`${this.name}-date`,value:this.datePart,required:this.required,disabled:this.disabled,autofocus:this.autofocus,appearance:this.appearance,controlSize:this.controlSize,dateFormat:null!==(t=this.dateFormat)&&void 0!==t?t:this.format,minDate:this.minDate,maxDate:this.maxDate,isDateDisallowed:this.isDateDisallowed,getDayParts:this.getDayParts,error:this.error,includeErrorPadding:this.includeErrorPadding,onValueChanged:this.handleDateChange,label:this.label,popupHint:this.popupHint})),i("div",{key:"a7e909e6b4c4c8cb4393db2bfef4301210056d2e",class:"time-part"},i("udp-time-input",{key:"27e64a895965012ae06c64e2335fe56aad87c8b1",name:`${this.name}-time`,value:this.timePart,required:!1,disabled:this.disabled,appearance:this.appearance,controlSize:this.controlSize,label:e,minuteStep:this.minuteStep,use24Hour:this.use24Hour,onValueChanged:this.handleTimeChange,includeErrorPadding:this.includeErrorPadding,error:this.error?" ":void 0})))}static get watchers(){return{value:[{onValueChange:0}]}}static get style(){return":host{display:flex;flex-direction:row;gap:8px;align-items:flex-start}:host([stacked]){flex-direction:column}.date-part{flex:1;min-width:0}.time-part{flex:0 0 auto;width:35%}:host([stacked]) .date-part,:host([stacked]) .time-part{width:100%}udp-date-input,udp-time-input{width:100%}"}},[1,"udp-date-time-input",{value:[1],label:[1],name:[1],disabled:[4],required:[4],autofocus:[4],appearance:[1],controlSize:[1,"control-size"],stacked:[516],format:[1],dateFormat:[1,"date-format"],minDate:[1,"min-date"],maxDate:[1,"max-date"],isDateDisallowed:[16],getDayParts:[16],hint:[1],popupHint:[1,"popup-hint"],error:[1],includeErrorPadding:[4,"include-error-padding"],use24Hour:[4,"use-2-4-hour"],minuteStep:[2,"minute-step"],timeLabel:[1,"time-label"],datePart:[32],timePart:[32],internalValue:[32]},void 0,{value:[{onValueChange:0}]}]);function g(){"undefined"!=typeof customElements&&["udp-date-time-input","udp-date-input","udp-date-range-selector","udp-fluent-button","udp-fluent-icon","udp-fluent-icon-button","udp-popover","udp-spinner","udp-text","udp-time-input","udp-tooltip"].forEach((t=>{switch(t){case"udp-date-time-input":customElements.get(d(t))||customElements.define(d(t),b);break;case"udp-date-input":customElements.get(d(t))||u();break;case"udp-date-range-selector":customElements.get(d(t))||o();break;case"udp-fluent-button":customElements.get(d(t))||n();break;case"udp-fluent-icon":customElements.get(d(t))||r();break;case"udp-fluent-icon-button":customElements.get(d(t))||p();break;case"udp-popover":customElements.get(d(t))||h();break;case"udp-spinner":customElements.get(d(t))||l();break;case"udp-text":customElements.get(d(t))||m();break;case"udp-time-input":customElements.get(d(t))||c();break;case"udp-tooltip":customElements.get(d(t))||f()}}))}export{b as U,g as d}

package/dist/components/udp-datetime-selector2.js

@@ -1 +1 @@
-import{p as t,H as i,c as e,h as p,d as n,t as r}from"./index2.js";import{d as o}from"./unity-typography2.js";const a=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.change=e(this,"change",7),this.value="",this.readonly=!1,this.fullWidth=!1,this.size="normal",this.margin="normal",this.internalValue="",this.handleDateChange=t=>{const i=t.target.value;this.internalValue=i,void 0!==this.value&&(this.value=i),this.change.emit(i)},this.handleBlur=()=>{},this.handleFocus=()=>{}}updateError(){this.errorMessage=this.error}initialValueChanged(t){""!==this.internalValue&&void 0!==this.internalValue&&void 0!==this.value||void 0!==t&&(this.internalValue=t)}valueChanged(){void 0!==this.value&&this.value!==this.internalValue&&(this.internalValue=this.value)}componentWillLoad(){this.internalValue=void 0!==this.value?this.value:this.initialValue||"",this.error&&(this.errorMessage=this.error)}formatDateForHtml(t){var i;const e=new Date(t);if(isNaN(null===(i=new Date(e))||void 0===i?void 0:i.getTime()))return null;null==e||e.setTime((null==e?void 0:e.getTime())-60*(null==e?void 0:e.getTimezoneOffset())*1e3);const p=null==e?void 0:e.toISOString();if(!p)return null;const n=p.split(":");return`${n[0]}:${n[1]}`}render(){const t=!!this.errorMessage,i=["bx--text-input"];t&&i.push("bx--text-input--error"),this.disabled&&i.push("datetime-selector--disabled"),this.fullWidth&&i.push("bx--text-input--full-width");const e=i.join(" ");return p(n,{key:"1984e183da0e602b16ec5453744452ceb659d294",class:{"udp-input":!0,"udp-input--error":t,"udp-input--disabled":this.disabled,"udp-input--readonly":this.readonly,"udp-input--full-width":this.fullWidth,"udp-input--required":this.required,[`udp-input--size-${this.size}`]:!0,[`udp-input--margin-${this.margin}`]:!0},"aria-invalid":t?"true":"false","aria-required":this.required?"true":"false"},p("div",{key:"607251acff47964e651888c2a30212ce369058d0",class:"bx--form-item"},p("unity-typography",{key:"c6b0683f946657009203fd8e8b958ba270f5a01d",variant:"caption-text"},p("label",{key:"3ab73991b0e8ce96a2c1add100baa1513cd2c808",htmlFor:this.id,class:"bx--label"},this.label,this.required?"*":"")),p("input",{key:"6ce9c27de7e19dc4f30d98431ba8d4c2aa29c4a9",type:"datetime-local",id:this.id,name:this.name,class:e,value:this.internalValue,min:this.min?this.formatDateForHtml(this.min):null,max:this.max?this.formatDateForHtml(this.max):null,onInput:this.handleDateChange,onBlur:this.handleBlur,onFocus:this.handleFocus,disabled:this.disabled,readonly:this.readonly,required:this.required,udprecordid:"udpRecord-udp-datetime-selector-"+this.id}),p("unity-typography",{key:"7ead339e05b7d8e25bfcb3dc96fb226fd53370db",class:"error-message",variant:"caption-text",color:"error"},this.errorMessage)))}static get watchers(){return{error:[{updateError:0}],initialValue:[{initialValueChanged:0}],value:[{valueChanged:0}]}}static get style(){return':host(.udp-input){display:block;box-sizing:border-box;position:relative}:host(.udp-input--full-width){width:100%}:host(.udp-input--error){--input-border-color:var(--input-underline-color-error)}:host(.udp-input--disabled){pointer-events:none;opacity:0.5;cursor:not-allowed}:host(.udp-input--required){position:relative}:host(.udp-input--readonly){--input-background:var(--gray-02)}:host(.udp-input--hidden){display:none}:host(.udp-input--checked){--input-accent-color:var(--primary-color)}:host(.udp-input--multi-select){--list-max-height:200px}:host(.udp-input) .bx--text-input:focus{outline:none;}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-05)}:host(.udp-input) .bx--label{display:block;margin-bottom:var(--spacing-03);color:var(--text-main);font-size:var(--caption-text-font-size);font-weight:var(--caption-text-font-weight);line-height:var(--caption-text-line-height)}@media (max-width: var(--breakpoint-xs-max)){:host(.udp-input){margin-bottom:var(--spacing-04)}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-04)}}@media (min-width: var(--breakpoint-sm-min)){:host(.udp-input){min-height:2.5rem;}}:host(.udp-input--size-small) .bx--text-input,:host(.udp-input--size-small) textarea,:host(.udp-input--size-small) input[type="text"],:host(.udp-input--size-small) input[type="number"],:host(.udp-input--size-small) input[type="email"],:host(.udp-input--size-small) input[type="password"],:host(.udp-input--size-small) input[type="tel"],:host(.udp-input--size-small) input[type="url"],:host(.udp-input--size-small) input[type="search"]{padding:var(--spacing-02);padding-bottom:6px;font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--text-input,:host(.udp-input--size-normal) textarea,:host(.udp-input--size-normal) input[type="text"],:host(.udp-input--size-normal) input[type="number"],:host(.udp-input--size-normal) input[type="email"],:host(.udp-input--size-normal) input[type="password"],:host(.udp-input--size-normal) input[type="tel"],:host(.udp-input--size-normal) input[type="url"],:host(.udp-input--size-normal) input[type="search"]{padding:var(--spacing-03);padding-bottom:9px;font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--text-input,:host(.udp-input--size-large) textarea,:host(.udp-input--size-large) input[type="text"],:host(.udp-input--size-large) input[type="number"],:host(.udp-input--size-large) input[type="email"],:host(.udp-input--size-large) input[type="password"],:host(.udp-input--size-large) input[type="tel"],:host(.udp-input--size-large) input[type="url"],:host(.udp-input--size-large) input[type="search"]{padding:var(--spacing-04);padding-bottom:12px;font-size:var(--body-font-size)}:host(.udp-input--margin-none){margin:0}:host(.udp-input--margin-dense){margin:var(--spacing-02) 0}:host(.udp-input--margin-normal){margin:var(--spacing-03) 0}:host(.udp-input--margin-comfortable){margin:var(--spacing-04) 0}:host(.udp-input--size-small) .bx--label{margin-bottom:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--label{margin-bottom:var(--spacing-03);font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--label{margin-bottom:var(--spacing-04);font-size:var(--body-font-size)}.bx--text-input,textarea,input[type="text"],input[type="number"],input[type="email"],input[type="password"],input[type="tel"],input[type="url"],input[type="search"]{display:inline-block;padding:var(--spacing-03);padding-bottom:9px;box-sizing:border-box;border:none;font-size:var(--body-font-size);background:var(--input-background);border-bottom:var(--underline-standard) solid var(--input-underline-color, var(--gray-08));width:100%;font-family:var(--font-family);transition:border-bottom-color 0.15s ease-in-out}.bx--text-input:focus,textarea:focus,input[type="text"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="search"]:focus{border-bottom-color:var(--input-underline-color-focus, var(--primary-color));border-bottom-width:2px}.bx--text-input--error,.bx--text-input:user-invalid,:host(.udp-input--error) .bx--text-input,:host(.udp-input--error) textarea,:host(.udp-input--error) input[type="text"],:host(.udp-input--error) input[type="number"],:host(.udp-input--error) input[type="email"],:host(.udp-input--error) input[type="password"],:host(.udp-input--error) input[type="tel"],:host(.udp-input--error) input[type="url"],:host(.udp-input--error) input[type="search"],input[type="text"]:user-invalid,input[type="number"]:user-invalid,input[type="email"]:user-invalid,input[type="password"]:user-invalid,input[type="tel"]:user-invalid,input[type="url"]:user-invalid,input[type="search"]:user-invalid{border-bottom-color:var(--input-underline-color-error, var(--error-color-main)) !important}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input[type="text"],:host(.udp-input--disabled) input[type="number"],:host(.udp-input--disabled) input[type="email"],:host(.udp-input--disabled) input[type="password"],:host(.udp-input--disabled) input[type="tel"],:host(.udp-input--disabled) input[type="url"],:host(.udp-input--disabled) input[type="search"]{border-bottom-color:var(--input-underline-color-disabled, var(--gray-08))}textarea.bx--text-input{resize:vertical;min-height:var(--spacing-08)}.bx--text-input::placeholder,textarea::placeholder,input[type="text"]::placeholder,input[type="number"]::placeholder,input[type="email"]::placeholder,input[type="password"]::placeholder,input[type="tel"]::placeholder,input[type="url"]::placeholder,input[type="search"]::placeholder{color:var(--placeholder-color, #999);opacity:1}:host(.udp-input),:host{display:block;width:100%;box-sizing:border-box}.bx--form-item{margin-bottom:var(--spacing-05)}.bx--label{display:block;margin-bottom:var(--spacing-03)}.error-message,.bx--form-requirement,:host(.udp-input--error) .error-message,:host(.udp-input--error) .bx--form-requirement{color:var(--error-color-main, #d32f2f) !important;margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem);--unity-typography-inherit-color:var(--error-color-main, #d32f2f)}.helper-text{color:var(--text-02, #525252);margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input,:host(.udp-input--disabled){cursor:not-allowed;opacity:0.6}:host(.udp-input--readonly) .bx--text-input,:host(.udp-input--readonly) textarea,:host(.udp-input--readonly) input{background-color:var(--field-01, #f4f4f4);cursor:default}:host(.full-width-host){width:100%}'}},[1,"udp-datetime-selector",{id:[1],name:[1],label:[1],min:[1],max:[1],error:[1],required:[4],initialValue:[1,"initial-value"],value:[1025],disabled:[4],readonly:[4],fullWidth:[4,"full-width"],size:[1],margin:[1],internalValue:[32],errorMessage:[32]},void 0,{error:[{updateError:0}],initialValue:[{initialValueChanged:0}],value:[{valueChanged:0}]}]);function u(){"undefined"!=typeof customElements&&["udp-datetime-selector","unity-typography"].forEach((t=>{switch(t){case"udp-datetime-selector":customElements.get(r(t))||customElements.define(r(t),a);break;case"unity-typography":customElements.get(r(t))||o()}}))}export{a as U,u as d}
+import{p as t,H as i,c as e,h as p,d as n,t as r}from"./index2.js";import{d as o}from"./unity-typography2.js";const a=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.change=e(this,"change",7),this.value="",this.readonly=!1,this.fullWidth=!1,this.size="normal",this.margin="normal",this.internalValue="",this.handleDateChange=t=>{const i=t.target.value;this.internalValue=i,void 0!==this.value&&(this.value=i),this.change.emit(i)},this.handleBlur=()=>{},this.handleFocus=()=>{}}updateError(){this.errorMessage=this.error}initialValueChanged(t){""!==this.internalValue&&void 0!==this.internalValue&&void 0!==this.value||void 0!==t&&(this.internalValue=t)}valueChanged(){void 0!==this.value&&this.value!==this.internalValue&&(this.internalValue=this.value)}componentWillLoad(){this.internalValue=void 0!==this.value?this.value:this.initialValue||"",this.error&&(this.errorMessage=this.error)}formatDateForHtml(t){var i;const e=new Date(t);if(isNaN(null===(i=new Date(e))||void 0===i?void 0:i.getTime()))return null;null==e||e.setTime((null==e?void 0:e.getTime())-60*(null==e?void 0:e.getTimezoneOffset())*1e3);const p=null==e?void 0:e.toISOString();if(!p)return null;const n=p.split(":");return`${n[0]}:${n[1]}`}render(){const t=!!this.errorMessage,i=["bx--text-input"];t&&i.push("bx--text-input--error"),this.disabled&&i.push("datetime-selector--disabled"),this.fullWidth&&i.push("bx--text-input--full-width");const e=i.join(" ");return p(n,{key:"1ca041f275ae391160fd74cdfa2625ce6c744c62",class:{"udp-input":!0,"udp-input--error":t,"udp-input--disabled":this.disabled,"udp-input--readonly":this.readonly,"udp-input--full-width":this.fullWidth,"udp-input--required":this.required,[`udp-input--size-${this.size}`]:!0,[`udp-input--margin-${this.margin}`]:!0},"aria-invalid":t?"true":"false","aria-required":this.required?"true":"false"},p("div",{key:"1697537523be77c291bb89e9a4effe50138efdd6",class:"bx--form-item"},p("unity-typography",{key:"48482156208d0628c773a726b235221cb5cd757a",variant:"caption-text"},p("label",{key:"6fd348f798afb027025ec7ea831e342fd1bf55e6",htmlFor:this.id,class:"bx--label"},this.label,this.required?"*":"")),p("input",{key:"8c9d72851849815f6d68deb9c8f36355a53a7846",type:"datetime-local",id:this.id,name:this.name,class:e,value:this.internalValue,min:this.min?this.formatDateForHtml(this.min):null,max:this.max?this.formatDateForHtml(this.max):null,onInput:this.handleDateChange,onBlur:this.handleBlur,onFocus:this.handleFocus,disabled:this.disabled,readonly:this.readonly,required:this.required,udprecordid:"udpRecord-udp-datetime-selector-"+this.id}),p("unity-typography",{key:"48f41e44b4565b923f8cccd09e1f2842dc3469ed",class:"error-message",variant:"caption-text",color:"error"},this.errorMessage)))}static get watchers(){return{error:[{updateError:0}],initialValue:[{initialValueChanged:0}],value:[{valueChanged:0}]}}static get style(){return':host(.udp-input){display:block;box-sizing:border-box;position:relative}:host(.udp-input--full-width){width:100%}:host(.udp-input--error){--input-border-color:var(--input-underline-color-error)}:host(.udp-input--disabled){pointer-events:none;opacity:0.5;cursor:not-allowed}:host(.udp-input--required){position:relative}:host(.udp-input--readonly){--input-background:var(--gray-02)}:host(.udp-input--hidden){display:none}:host(.udp-input--checked){--input-accent-color:var(--primary-color)}:host(.udp-input--multi-select){--list-max-height:200px}:host(.udp-input) .bx--text-input:focus{outline:none;}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-05)}:host(.udp-input) .bx--label{display:block;margin-bottom:var(--spacing-03);color:var(--text-main);font-size:var(--caption-text-font-size);font-weight:var(--caption-text-font-weight);line-height:var(--caption-text-line-height)}@media (max-width: var(--breakpoint-xs-max)){:host(.udp-input){margin-bottom:var(--spacing-04)}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-04)}}@media (min-width: var(--breakpoint-sm-min)){:host(.udp-input){min-height:2.5rem;}}:host(.udp-input--size-small) .bx--text-input,:host(.udp-input--size-small) textarea,:host(.udp-input--size-small) input[type="text"],:host(.udp-input--size-small) input[type="number"],:host(.udp-input--size-small) input[type="email"],:host(.udp-input--size-small) input[type="password"],:host(.udp-input--size-small) input[type="tel"],:host(.udp-input--size-small) input[type="url"],:host(.udp-input--size-small) input[type="search"]{padding:var(--spacing-02);padding-bottom:6px;font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--text-input,:host(.udp-input--size-normal) textarea,:host(.udp-input--size-normal) input[type="text"],:host(.udp-input--size-normal) input[type="number"],:host(.udp-input--size-normal) input[type="email"],:host(.udp-input--size-normal) input[type="password"],:host(.udp-input--size-normal) input[type="tel"],:host(.udp-input--size-normal) input[type="url"],:host(.udp-input--size-normal) input[type="search"]{padding:var(--spacing-03);padding-bottom:9px;font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--text-input,:host(.udp-input--size-large) textarea,:host(.udp-input--size-large) input[type="text"],:host(.udp-input--size-large) input[type="number"],:host(.udp-input--size-large) input[type="email"],:host(.udp-input--size-large) input[type="password"],:host(.udp-input--size-large) input[type="tel"],:host(.udp-input--size-large) input[type="url"],:host(.udp-input--size-large) input[type="search"]{padding:var(--spacing-04);padding-bottom:12px;font-size:var(--body-font-size)}:host(.udp-input--margin-none){margin:0}:host(.udp-input--margin-dense){margin:var(--spacing-02) 0}:host(.udp-input--margin-normal){margin:var(--spacing-03) 0}:host(.udp-input--margin-comfortable){margin:var(--spacing-04) 0}:host(.udp-input--size-small) .bx--label{margin-bottom:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--label{margin-bottom:var(--spacing-03);font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--label{margin-bottom:var(--spacing-04);font-size:var(--body-font-size)}.bx--text-input,textarea,input[type="text"],input[type="number"],input[type="email"],input[type="password"],input[type="tel"],input[type="url"],input[type="search"]{display:inline-block;padding:var(--spacing-03);padding-bottom:9px;box-sizing:border-box;border:none;font-size:var(--body-font-size);background:var(--input-background);border-bottom:var(--underline-standard) solid var(--input-underline-color, var(--gray-08));width:100%;font-family:var(--font-family);transition:border-bottom-color 0.15s ease-in-out}.bx--text-input:focus,textarea:focus,input[type="text"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="search"]:focus{border-bottom-color:var(--input-underline-color-focus, var(--primary-color));border-bottom-width:2px}.bx--text-input--error,.bx--text-input:user-invalid,:host(.udp-input--error) .bx--text-input,:host(.udp-input--error) textarea,:host(.udp-input--error) input[type="text"],:host(.udp-input--error) input[type="number"],:host(.udp-input--error) input[type="email"],:host(.udp-input--error) input[type="password"],:host(.udp-input--error) input[type="tel"],:host(.udp-input--error) input[type="url"],:host(.udp-input--error) input[type="search"],input[type="text"]:user-invalid,input[type="number"]:user-invalid,input[type="email"]:user-invalid,input[type="password"]:user-invalid,input[type="tel"]:user-invalid,input[type="url"]:user-invalid,input[type="search"]:user-invalid{border-bottom-color:var(--input-underline-color-error, var(--error-color-main)) !important}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input[type="text"],:host(.udp-input--disabled) input[type="number"],:host(.udp-input--disabled) input[type="email"],:host(.udp-input--disabled) input[type="password"],:host(.udp-input--disabled) input[type="tel"],:host(.udp-input--disabled) input[type="url"],:host(.udp-input--disabled) input[type="search"]{border-bottom-color:var(--input-underline-color-disabled, var(--gray-08))}textarea.bx--text-input{resize:vertical;min-height:var(--spacing-08)}.bx--text-input::placeholder,textarea::placeholder,input[type="text"]::placeholder,input[type="number"]::placeholder,input[type="email"]::placeholder,input[type="password"]::placeholder,input[type="tel"]::placeholder,input[type="url"]::placeholder,input[type="search"]::placeholder{color:var(--placeholder-color, #999);opacity:1}:host(.udp-input),:host{display:block;width:100%;box-sizing:border-box}.bx--form-item{margin-bottom:var(--spacing-05)}.bx--label{display:block;margin-bottom:var(--spacing-03)}.error-message,.bx--form-requirement,:host(.udp-input--error) .error-message,:host(.udp-input--error) .bx--form-requirement{color:var(--error-color-main, #d32f2f) !important;margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem);--unity-typography-inherit-color:var(--error-color-main, #d32f2f)}.helper-text{color:var(--text-02, #525252);margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input,:host(.udp-input--disabled){cursor:not-allowed;opacity:0.6}:host(.udp-input--readonly) .bx--text-input,:host(.udp-input--readonly) textarea,:host(.udp-input--readonly) input{background-color:var(--field-01, #f4f4f4);cursor:default}:host(.full-width-host){width:100%}'}},[1,"udp-datetime-selector",{id:[1],name:[1],label:[1],min:[1],max:[1],error:[1],required:[4],initialValue:[1,"initial-value"],value:[1025],disabled:[4],readonly:[4],fullWidth:[4,"full-width"],size:[1],margin:[1],internalValue:[32],errorMessage:[32]},void 0,{error:[{updateError:0}],initialValue:[{initialValueChanged:0}],value:[{valueChanged:0}]}]);function u(){"undefined"!=typeof customElements&&["udp-datetime-selector","unity-typography"].forEach((t=>{switch(t){case"udp-datetime-selector":customElements.get(r(t))||customElements.define(r(t),a);break;case"unity-typography":customElements.get(r(t))||o()}}))}export{a as U,u as d}

package/dist/components/udp-dialog2.js

@@ -1 +1 @@
-import{p as e,H as t,h as i,d as s,t as d}from"./index2.js";import{d as a}from"./udp-button2.js";import{d as o}from"./unity-typography2.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.open=!1,this.titleId="dialog-title",this.descriptionId="dialog-description",this.buttonOneHidden=!1,this.buttonTwoHidden=!1,this.buttonThreeHidden=!0,this.originalBodyOverflow="",this.handleTransitionEnd=()=>{this.open||this.hostEl.parentElement!==document.body||document.body.removeChild(this.hostEl)},this.handleKeyDown=e=>{"Escape"===e.key&&this.handleClose&&this.handleClose()},this.handleOverlayClick=()=>{this.handleClose&&this.handleClose()}}handleOpenChange(e){e?(this.originalBodyOverflow=document.body.style.overflow,document.body.style.overflow="hidden",document.body.appendChild(this.hostEl),document.addEventListener("keydown",this.handleKeyDown),requestAnimationFrame((()=>{this.hostEl.classList.add("is-visible")}))):(this.hostEl.classList.remove("is-visible"),document.body.style.overflow=this.originalBodyOverflow,document.removeEventListener("keydown",this.handleKeyDown),this.hostEl.addEventListener("transitionend",this.handleTransitionEnd,{once:!0}))}disconnectedCallback(){"hidden"===document.body.style.overflow&&(document.body.style.overflow=this.originalBodyOverflow),document.removeEventListener("keydown",this.handleKeyDown)}render(){return i(s,{key:"4adbe541f2902a9d92c243a40388bdc3b121b645",onClick:this.handleOverlayClick},i("div",{key:"9614c5df4fbe7e94c73b5aacc37174d6b16555c9",class:"dialog-container",role:"dialog","aria-modal":"true","aria-labelledby":this.titleId,"aria-describedby":this.descriptionId,onClick:e=>e.stopPropagation()},i("div",{key:"adb9fc377065a01d3b3266d99f3ffe640058fa73",class:"dialog-title",id:this.titleId},i("unity-typography",{key:"e03c5fc91c29a384eabab75c1509488eac44d6f0",variant:"h3"},this.title)),i("div",{key:"e0f011fb41be303e8779e128e02c2b9aed43e645",class:"dialog-content",id:this.descriptionId},this.message&&i("unity-typography",{key:"fef802596e0859df5774da1497eb91e4f2a6d193",variant:"body"},this.message),i("slot",{key:"1cb32eb5d979ad00ed1e9fa9e284e46562defb05"})),i("div",{key:"1b1043c981af31c3b3e51f61017e09e856da5f71",class:"dialog-actions"},!this.buttonTwoHidden&&i("udp-button",{key:"3dced852ea4bb0741eb0de0809f8e75b3b3b4c30",variant:"text",disabled:this.disableTwo,onClick:()=>this.actionTwo()},this.labelTwo),!this.buttonThreeHidden&&i("udp-button",{key:"ca50eec078c3f5a3947d5377547fc2c689d7cc33",variant:"text",disabled:this.disableThree,onClick:()=>this.actionThree()},this.labelThree),!this.buttonOneHidden&&i("udp-button",{key:"ab4c062175324d22f85900dd7713df93624dd7ef",variant:"contained",disabled:this.disableOne,onClick:()=>this.actionOne(),loading:!!this.progress},this.labelOne))))}get hostEl(){return this}static get watchers(){return{open:[{handleOpenChange:0}]}}static get style(){return":host{position:fixed;top:0;left:0;width:0;height:0;overflow:hidden;transform:translate(0);z-index:100000;display:flex;align-items:center;justify-content:center;visibility:hidden;background-color:rgba(0, 0, 0, 0);transition:background-color 0.2s ease-out, visibility 0s 0.2s, width 0s 0.2s, height 0s 0.2s;}:host(.is-visible){visibility:visible;background-color:rgba(0, 0, 0, 0.5);width:100%;height:100%;overflow:visible;transition-delay:0s}.dialog-container{background-color:#fff;box-shadow:0 12px 24px rgba(0, 0, 0, 0.16), 0 12px 24px rgba(0, 0, 0, 0.23);max-width:90vw;width:500px;max-height:90vh;display:flex;flex-direction:column;opacity:0;transition:opacity 0.2s ease-out}:host(.is-visible) .dialog-container{opacity:1}.dialog-title{padding:16px;flex-shrink:0}.dialog-content{padding:0 16px;overflow-y:auto}.dialog-actions{padding:16px;display:flex;justify-content:flex-end;gap:8px;flex-shrink:0}"}},[257,"udp-dialog",{open:[516],handleClose:[16],title:[1],message:[1],actionOne:[16],actionTwo:[16],actionThree:[16],labelOne:[1,"label-one"],labelTwo:[1,"label-two"],labelThree:[1,"label-three"],titleId:[1,"title-id"],descriptionId:[1,"description-id"],buttonOneHidden:[4,"button-one-hidden"],buttonTwoHidden:[4,"button-two-hidden"],buttonThreeHidden:[4,"button-three-hidden"],disableOne:[4,"disable-one"],disableTwo:[4,"disable-two"],disableThree:[4,"disable-three"],progress:[2]},void 0,{open:[{handleOpenChange:0}]}]);function l(){"undefined"!=typeof customElements&&["udp-dialog","udp-button","unity-typography"].forEach((e=>{switch(e){case"udp-dialog":customElements.get(d(e))||customElements.define(d(e),n);break;case"udp-button":customElements.get(d(e))||a();break;case"unity-typography":customElements.get(d(e))||o()}}))}export{n as U,l as d}
+import{p as t,H as e,h as i,d as s,t as a}from"./index2.js";import{d}from"./udp-button2.js";import{d as o}from"./unity-typography2.js";const n=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.open=!1,this.titleId="dialog-title",this.descriptionId="dialog-description",this.buttonOneHidden=!1,this.buttonTwoHidden=!1,this.buttonThreeHidden=!0,this.originalBodyOverflow="",this.handleTransitionEnd=()=>{this.open||this.hostEl.parentElement!==document.body||document.body.removeChild(this.hostEl)},this.handleKeyDown=t=>{"Escape"===t.key&&this.handleClose&&this.handleClose()},this.handleOverlayClick=()=>{this.handleClose&&this.handleClose()}}handleOpenChange(t){t?(this.originalBodyOverflow=document.body.style.overflow,document.body.style.overflow="hidden",document.body.appendChild(this.hostEl),document.addEventListener("keydown",this.handleKeyDown),requestAnimationFrame((()=>{this.hostEl.classList.add("is-visible")}))):(this.hostEl.classList.remove("is-visible"),document.body.style.overflow=this.originalBodyOverflow,document.removeEventListener("keydown",this.handleKeyDown),this.hostEl.addEventListener("transitionend",this.handleTransitionEnd,{once:!0}))}disconnectedCallback(){"hidden"===document.body.style.overflow&&(document.body.style.overflow=this.originalBodyOverflow),document.removeEventListener("keydown",this.handleKeyDown)}render(){return i(s,{key:"ebd57020d1445185156758ba5b4c58912e37ff60",onClick:this.handleOverlayClick},i("div",{key:"697ac1a1b4bea0b750757ab0bc67ed4e95e49b0b",class:"dialog-container",role:"dialog","aria-modal":"true","aria-labelledby":this.titleId,"aria-describedby":this.descriptionId,onClick:t=>t.stopPropagation()},i("div",{key:"0c15bc8eb8163197d27c071614f8ebba35b23b7a",class:"dialog-title",id:this.titleId},i("unity-typography",{key:"de5509f0b795d780477da91a0652b1af9e97b99f",variant:"h3"},this.title)),i("div",{key:"7f1f33a03fbbb9747a0753f25b26ee6f99b41f58",class:"dialog-content",id:this.descriptionId},this.message&&i("unity-typography",{key:"1be061beec7f3b146a2d9be5fa856731afa7a538",variant:"body"},this.message),i("slot",{key:"264cbeffac8277fa43d7bd8c358bdd63b6ce7fb8"})),i("div",{key:"b93585af45896c7eff9e9a7f3b75fcacb2a621fb",class:"dialog-actions"},!this.buttonTwoHidden&&i("udp-button",{key:"64db3289e7ceb16fb309f467e2a72d91a114efdf",variant:"text",disabled:this.disableTwo,onClick:()=>this.actionTwo()},this.labelTwo),!this.buttonThreeHidden&&i("udp-button",{key:"1b13d2ad75de0d9103fd65dc4a8f40c7bdf34414",variant:"text",disabled:this.disableThree,onClick:()=>this.actionThree()},this.labelThree),!this.buttonOneHidden&&i("udp-button",{key:"0fb08c9b1bd7c9dfe4b9146e97b93f63b55184ce",variant:"contained",disabled:this.disableOne,onClick:()=>this.actionOne(),loading:!!this.progress},this.labelOne))))}get hostEl(){return this}static get watchers(){return{open:[{handleOpenChange:0}]}}static get style(){return":host{position:fixed;top:0;left:0;width:0;height:0;overflow:hidden;transform:translate(0);z-index:100000;display:flex;align-items:center;justify-content:center;visibility:hidden;background-color:rgba(0, 0, 0, 0);transition:background-color 0.2s ease-out, visibility 0s 0.2s, width 0s 0.2s, height 0s 0.2s;}:host(.is-visible){visibility:visible;background-color:rgba(0, 0, 0, 0.5);width:100%;height:100%;overflow:visible;transition-delay:0s}.dialog-container{background-color:#fff;box-shadow:0 12px 24px rgba(0, 0, 0, 0.16), 0 12px 24px rgba(0, 0, 0, 0.23);max-width:90vw;width:500px;max-height:90vh;display:flex;flex-direction:column;opacity:0;transition:opacity 0.2s ease-out}:host(.is-visible) .dialog-container{opacity:1}.dialog-title{padding:16px;flex-shrink:0}.dialog-content{padding:0 16px;overflow-y:auto}.dialog-actions{padding:16px;display:flex;justify-content:flex-end;gap:8px;flex-shrink:0}"}},[257,"udp-dialog",{open:[516],handleClose:[16],title:[1],message:[1],actionOne:[16],actionTwo:[16],actionThree:[16],labelOne:[1,"label-one"],labelTwo:[1,"label-two"],labelThree:[1,"label-three"],titleId:[1,"title-id"],descriptionId:[1,"description-id"],buttonOneHidden:[4,"button-one-hidden"],buttonTwoHidden:[4,"button-two-hidden"],buttonThreeHidden:[4,"button-three-hidden"],disableOne:[4,"disable-one"],disableTwo:[4,"disable-two"],disableThree:[4,"disable-three"],progress:[2]},void 0,{open:[{handleOpenChange:0}]}]);function l(){"undefined"!=typeof customElements&&["udp-dialog","udp-button","unity-typography"].forEach((t=>{switch(t){case"udp-dialog":customElements.get(a(t))||customElements.define(a(t),n);break;case"udp-button":customElements.get(a(t))||d();break;case"unity-typography":customElements.get(a(t))||o()}}))}export{n as U,l as d}

package/dist/components/udp-distribution-chart2.js

@@ -1 +1 @@
-import{p as t,H as e,h as s,t as i}from"./index2.js";import{v4 as a}from"uuid";import{p as r}from"./chartUtils.js";import{d as o}from"./chart-container2.js";import{d}from"./chart-kpi2.js";import{d as n}from"./stencil-icon-button2.js";import{d as h}from"./udp-adornment2.js";import{d as m}from"./udp-ambient-card2.js";import{d as u}from"./udp-ambient-tool-tip2.js";import{d as c}from"./udp-badge2.js";import{d as l}from"./udp-xy-chart2.js";import{d as p}from"./unity-typography2.js";const b=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.data=void 0,this.title=void 0,this.subheader=void 0,this.kpis=void 0,this.yAxisLabel=void 0,this.customCardStyle={},this.kpisPosition="left",this.hideAdornment=!1,this.distBetweenGridLines=void 0,this.hideLegend=!1,this.hideBorder=!1,this.removePadding=!1,this.chartId=a()}transformData(){if(!this.data||0===this.data.length||null===this.valueField&&!this.data.every((t=>"number"==typeof t)))return;if(!this.data||0===this.data.length)return;let t;var e;t=this.valueField?this.data.map((t=>r(t[this.valueField]))):this.data,e=t,Array.isArray(e)&&e.every((t=>"number"==typeof t))&&(this.transformedData=function(t){let e=[],s=Math.round(Math.min.apply(null,t)),i=Math.max.apply(null,t),a=parseFloat(((i-s)/10).toFixed(1));for(let t=0;t<10;t++)e.push({from:s+t*a,to:s+(t+1)*a,count:0});for(let s=0;s<t.length;s++){let i=t[s],a=e.find((function(t){return i>=t.from&&i<=t.to}));a&&a.count++}return e}(t))}componentDidLoad(){this.transformData()}render(){return s("udp-xy-chart",{key:"c19c33019b36b6758fb2ceebf472322485bc51eb",chartId:this.chartId,title:this.title,subheader:this.subheader,data:this.transformedData,kpis:this.kpis,customWidth:this.customWidth,customHeight:this.customHeight,customCardWidth:this.customCardWidth,customCardStyle:this.customCardStyle,kpisPosition:this.kpisPosition,hideAdornment:this.hideAdornment,labelField:"from",valueField:"count",showBullets:!1,xDataType:"string",yDataType:"number",hideLegend:this.hideLegend,chartType:"Column",xAxisLabel:this.xAxisLabel,yAxisLabel:this.yAxisLabel,distBetweenGridLines:30,hideBorder:this.hideBorder,removePadding:this.removePadding})}get el(){return this}static get watchers(){return{valueField:[{transformData:0}],data:[{transformData:0}],xAxisLabel:[{transformData:0}],yAxisLabel:[{transformData:0}]}}static get style(){return""}},[1,"udp-distribution-chart",{data:[16],valueField:[1,"value-field"],xAxisLabel:[1,"x-axis-label"],title:[1],subheader:[1],kpis:[16],yAxisLabel:[1,"y-axis-label"],customWidth:[8,"custom-width"],customHeight:[8,"custom-height"],customCardWidth:[8,"custom-card-width"],customCardStyle:[16],kpisPosition:[1,"kpis-position"],hideAdornment:[4,"hide-adornment"],distBetweenGridLines:[2,"dist-between-grid-lines"],hideLegend:[4,"hide-legend"],hideBorder:[4,"hide-border"],removePadding:[4,"remove-padding"],chartId:[1,"chart-id"],transformedData:[32]},void 0,{valueField:[{transformData:0}],data:[{transformData:0}],xAxisLabel:[{transformData:0}],yAxisLabel:[{transformData:0}]}]);function f(){"undefined"!=typeof customElements&&["udp-distribution-chart","chart-container","chart-kpi","stencil-icon-button","udp-adornment","udp-ambient-card","udp-ambient-tool-tip","udp-badge","udp-xy-chart","unity-typography"].forEach((t=>{switch(t){case"udp-distribution-chart":customElements.get(i(t))||customElements.define(i(t),b);break;case"chart-container":customElements.get(i(t))||o();break;case"chart-kpi":customElements.get(i(t))||d();break;case"stencil-icon-button":customElements.get(i(t))||n();break;case"udp-adornment":customElements.get(i(t))||h();break;case"udp-ambient-card":customElements.get(i(t))||m();break;case"udp-ambient-tool-tip":customElements.get(i(t))||u();break;case"udp-badge":customElements.get(i(t))||c();break;case"udp-xy-chart":customElements.get(i(t))||l();break;case"unity-typography":customElements.get(i(t))||p()}}))}export{b as U,f as d}
+import{p as t,H as e,h as s,t as i}from"./index2.js";import{v4 as a}from"uuid";import{p as r}from"./chartUtils.js";import{d as o}from"./chart-container2.js";import{d}from"./chart-kpi2.js";import{d as n}from"./stencil-icon-button2.js";import{d as h}from"./udp-adornment2.js";import{d as m}from"./udp-ambient-card2.js";import{d as u}from"./udp-ambient-tool-tip2.js";import{d as c}from"./udp-badge2.js";import{d as l}from"./udp-xy-chart2.js";import{d as p}from"./unity-typography2.js";const b=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.data=void 0,this.title=void 0,this.subheader=void 0,this.kpis=void 0,this.yAxisLabel=void 0,this.customCardStyle={},this.kpisPosition="left",this.hideAdornment=!1,this.distBetweenGridLines=void 0,this.hideLegend=!1,this.hideBorder=!1,this.removePadding=!1,this.chartId=a()}transformData(){if(!this.data||0===this.data.length||null===this.valueField&&!this.data.every((t=>"number"==typeof t)))return;if(!this.data||0===this.data.length)return;let t;var e;t=this.valueField?this.data.map((t=>r(t[this.valueField]))):this.data,e=t,Array.isArray(e)&&e.every((t=>"number"==typeof t))&&(this.transformedData=function(t){let e=[],s=Math.round(Math.min.apply(null,t)),i=Math.max.apply(null,t),a=parseFloat(((i-s)/10).toFixed(1));for(let t=0;t<10;t++)e.push({from:s+t*a,to:s+(t+1)*a,count:0});for(let s=0;s<t.length;s++){let i=t[s],a=e.find((function(t){return i>=t.from&&i<=t.to}));a&&a.count++}return e}(t))}componentDidLoad(){this.transformData()}render(){return s("udp-xy-chart",{key:"fc82b035e6f15cd0f5e6f6d72eba4a40d6b491d5",chartId:this.chartId,title:this.title,subheader:this.subheader,data:this.transformedData,kpis:this.kpis,customWidth:this.customWidth,customHeight:this.customHeight,customCardWidth:this.customCardWidth,customCardStyle:this.customCardStyle,kpisPosition:this.kpisPosition,hideAdornment:this.hideAdornment,labelField:"from",valueField:"count",showBullets:!1,xDataType:"string",yDataType:"number",hideLegend:this.hideLegend,chartType:"Column",xAxisLabel:this.xAxisLabel,yAxisLabel:this.yAxisLabel,distBetweenGridLines:30,hideBorder:this.hideBorder,removePadding:this.removePadding})}get el(){return this}static get watchers(){return{valueField:[{transformData:0}],data:[{transformData:0}],xAxisLabel:[{transformData:0}],yAxisLabel:[{transformData:0}]}}static get style(){return""}},[1,"udp-distribution-chart",{data:[16],valueField:[1,"value-field"],xAxisLabel:[1,"x-axis-label"],title:[1],subheader:[1],kpis:[16],yAxisLabel:[1,"y-axis-label"],customWidth:[8,"custom-width"],customHeight:[8,"custom-height"],customCardWidth:[8,"custom-card-width"],customCardStyle:[16],kpisPosition:[1,"kpis-position"],hideAdornment:[4,"hide-adornment"],distBetweenGridLines:[2,"dist-between-grid-lines"],hideLegend:[4,"hide-legend"],hideBorder:[4,"hide-border"],removePadding:[4,"remove-padding"],chartId:[1,"chart-id"],transformedData:[32]},void 0,{valueField:[{transformData:0}],data:[{transformData:0}],xAxisLabel:[{transformData:0}],yAxisLabel:[{transformData:0}]}]);function f(){"undefined"!=typeof customElements&&["udp-distribution-chart","chart-container","chart-kpi","stencil-icon-button","udp-adornment","udp-ambient-card","udp-ambient-tool-tip","udp-badge","udp-xy-chart","unity-typography"].forEach((t=>{switch(t){case"udp-distribution-chart":customElements.get(i(t))||customElements.define(i(t),b);break;case"chart-container":customElements.get(i(t))||o();break;case"chart-kpi":customElements.get(i(t))||d();break;case"stencil-icon-button":customElements.get(i(t))||n();break;case"udp-adornment":customElements.get(i(t))||h();break;case"udp-ambient-card":customElements.get(i(t))||m();break;case"udp-ambient-tool-tip":customElements.get(i(t))||u();break;case"udp-badge":customElements.get(i(t))||c();break;case"udp-xy-chart":customElements.get(i(t))||l();break;case"unity-typography":customElements.get(i(t))||p()}}))}export{b as U,f as d}

package/dist/components/udp-divider2.js

@@ -1 +1 @@
-import{p as t,H as i,h as e,d as s,t as a}from"./index2.js";const d=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.variant="horizontal"}render(){return e(s,{key:"7098357dddf76357a01c3ad5c257ff3715b038ea",style:"vertical"===this.variant?{height:this.size}:{width:this.size}},e("div",{key:"7bfa4bf839676fb2f6a01e1da280c51535818ae5",class:"horizontal"===this.variant?"horizontal":"vertical"}))}static get style(){return":host{display:block}.horizontal{width:100%;height:1px;background-color:rgba(0, 0, 0, 0.12);min-width:1px}.vertical{width:1px;background-color:rgba(0, 0, 0, 0.12);min-height:1px}"}},[1,"udp-divider",{variant:[1],size:[1]}]);function r(){"undefined"!=typeof customElements&&["udp-divider"].forEach((t=>{"udp-divider"===t&&(customElements.get(a(t))||customElements.define(a(t),d))}))}export{d as U,r as d}
+import{p as t,H as e,h as i,d as s,t as d}from"./index2.js";const r=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.variant="horizontal"}render(){return i(s,{key:"e8ce72f30f6a569310639e1c691dfeb65d298463",style:"vertical"===this.variant?{height:this.size}:{width:this.size}},i("div",{key:"8d374e55f2bf41d5e35a13dd3e9fc8d631ab2483",class:"horizontal"===this.variant?"horizontal":"vertical"}))}static get style(){return":host{display:block}.horizontal{width:100%;height:1px;background-color:rgba(0, 0, 0, 0.12);min-width:1px}.vertical{width:1px;background-color:rgba(0, 0, 0, 0.12);min-height:1px}"}},[1,"udp-divider",{variant:[1],size:[1]}]);function o(){"undefined"!=typeof customElements&&["udp-divider"].forEach((t=>{"udp-divider"===t&&(customElements.get(d(t))||customElements.define(d(t),r))}))}export{r as U,o as d}

package/dist/components/udp-donut-chart2.js

@@ -1 +1 @@
-import{p as t,H as e,h as r,t as i}from"./index2.js";import*as s from"@amcharts/amcharts4/charts";import*as a from"@amcharts/amcharts4/core";import{s as o,g as d,h,i as n}from"./chartUtils.js";import{v4 as c}from"uuid";import{d as m}from"./chart-container2.js";import{d as l}from"./chart-kpi2.js";import{d as u}from"./stencil-icon-button2.js";import{d as p}from"./udp-adornment2.js";import{d as b}from"./udp-ambient-card2.js";import{d as g}from"./udp-ambient-tool-tip2.js";import{d as f}from"./udp-badge2.js";import{d as C}from"./unity-typography2.js";const v=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.data=void 0,this.valueField="",this.labelField="",this.title=void 0,this.subheader=void 0,this.hideLegend=!1,this.kpisPosition="left",this.kpis=void 0,this.hideAdornment=!1,this.ignoreZeroValues=!1,this.hideBorder=!1,this.removePadding=!1,this.getColor=void 0,this.chartId=c()}async renderChart(){const t=async()=>{var e,r,i;const c=null===(r=null===(e=this.el)||void 0===e?void 0:e.shadowRoot)||void 0===r?void 0:r.getElementById(this.chartId);if(!c)return await new Promise((t=>setTimeout(t,50))),t();this.valueField&&this.labelField&&(this.pieChart&&this.pieChart.dispose(),this.pieChart=a.create(c,s.PieChart),o(this.pieChart,c,this.enableExport),this.hideLegend||d(this.pieChart,this.legendPosition),h(this.pieChart),n(this.pieChart,this.labelField,this.valueField,this.ignoreZeroValues,this.colorList,this.getColor),this.pieChart.data=null!==(i=this.data)&&void 0!==i?i:[])};await t()}componentDidLoad(){this.renderChart()}disconnectedCallback(){this.pieChart&&this.pieChart.dispose()}render(){return r("chart-container",{key:"87c18aca3bb2da056d41209b0c6826afb71e7bf0",kpis:this.kpis,chartId:this.chartId,title:this.title,subheader:this.subheader,chartHeight:this.customHeight,chartWidth:this.customWidth,cardWidth:this.customCardWidth,kpisPosition:this.kpisPosition,hideAdornment:this.hideAdornment,hideBorder:this.hideBorder,removePadding:this.removePadding})}get el(){return this}static get watchers(){return{valueField:[{renderChart:0}],labelField:[{renderChart:0}],hideLegend:[{renderChart:0}],data:[{renderChart:0}],colorList:[{renderChart:0}],getColor:[{renderChart:0}],ignoreZeroValues:[{renderChart:0}],chartId:[{renderChart:0}]}}static get style(){return""}},[1,"udp-donut-chart",{data:[16],valueField:[1,"value-field"],labelField:[1,"label-field"],title:[1],subheader:[1],hideLegend:[4,"hide-legend"],customWidth:[8,"custom-width"],customHeight:[8,"custom-height"],customCardWidth:[8,"custom-card-width"],kpisPosition:[1,"kpis-position"],kpis:[16],hideAdornment:[4,"hide-adornment"],ignoreZeroValues:[4,"ignore-zero-values"],hideBorder:[4,"hide-border"],removePadding:[4,"remove-padding"],colorList:[16],getColor:[16],legendPosition:[1,"legend-position"],enableExport:[4,"enable-export"],chartId:[1,"chart-id"]},void 0,{valueField:[{renderChart:0}],labelField:[{renderChart:0}],hideLegend:[{renderChart:0}],data:[{renderChart:0}],colorList:[{renderChart:0}],getColor:[{renderChart:0}],ignoreZeroValues:[{renderChart:0}],chartId:[{renderChart:0}]}]);function k(){"undefined"!=typeof customElements&&["udp-donut-chart","chart-container","chart-kpi","stencil-icon-button","udp-adornment","udp-ambient-card","udp-ambient-tool-tip","udp-badge","unity-typography"].forEach((t=>{switch(t){case"udp-donut-chart":customElements.get(i(t))||customElements.define(i(t),v);break;case"chart-container":customElements.get(i(t))||m();break;case"chart-kpi":customElements.get(i(t))||l();break;case"stencil-icon-button":customElements.get(i(t))||u();break;case"udp-adornment":customElements.get(i(t))||p();break;case"udp-ambient-card":customElements.get(i(t))||b();break;case"udp-ambient-tool-tip":customElements.get(i(t))||g();break;case"udp-badge":customElements.get(i(t))||f();break;case"unity-typography":customElements.get(i(t))||C()}}))}export{v as U,k as d}
+import{p as t,H as e,h as r,t as i}from"./index2.js";import*as s from"@amcharts/amcharts4/charts";import*as a from"@amcharts/amcharts4/core";import{s as o,g as d,h,i as n}from"./chartUtils.js";import{v4 as c}from"uuid";import{d as m}from"./chart-container2.js";import{d as l}from"./chart-kpi2.js";import{d as u}from"./stencil-icon-button2.js";import{d as p}from"./udp-adornment2.js";import{d as b}from"./udp-ambient-card2.js";import{d as g}from"./udp-ambient-tool-tip2.js";import{d as f}from"./udp-badge2.js";import{d as C}from"./unity-typography2.js";const v=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.data=void 0,this.valueField="",this.labelField="",this.title=void 0,this.subheader=void 0,this.hideLegend=!1,this.kpisPosition="left",this.kpis=void 0,this.hideAdornment=!1,this.ignoreZeroValues=!1,this.hideBorder=!1,this.removePadding=!1,this.getColor=void 0,this.chartId=c()}async renderChart(){const t=async()=>{var e,r,i;const c=null===(r=null===(e=this.el)||void 0===e?void 0:e.shadowRoot)||void 0===r?void 0:r.getElementById(this.chartId);if(!c)return await new Promise((t=>setTimeout(t,50))),t();this.valueField&&this.labelField&&(this.pieChart&&this.pieChart.dispose(),this.pieChart=a.create(c,s.PieChart),o(this.pieChart,c,this.enableExport),this.hideLegend||d(this.pieChart,this.legendPosition),h(this.pieChart),n(this.pieChart,this.labelField,this.valueField,this.ignoreZeroValues,this.colorList,this.getColor),this.pieChart.data=null!==(i=this.data)&&void 0!==i?i:[])};await t()}componentDidLoad(){this.renderChart()}disconnectedCallback(){this.pieChart&&this.pieChart.dispose()}render(){return r("chart-container",{key:"5cb2a2caf6b79614f5dbf45d8fe6b4c46f5f2637",kpis:this.kpis,chartId:this.chartId,title:this.title,subheader:this.subheader,chartHeight:this.customHeight,chartWidth:this.customWidth,cardWidth:this.customCardWidth,kpisPosition:this.kpisPosition,hideAdornment:this.hideAdornment,hideBorder:this.hideBorder,removePadding:this.removePadding})}get el(){return this}static get watchers(){return{valueField:[{renderChart:0}],labelField:[{renderChart:0}],hideLegend:[{renderChart:0}],data:[{renderChart:0}],colorList:[{renderChart:0}],getColor:[{renderChart:0}],ignoreZeroValues:[{renderChart:0}],chartId:[{renderChart:0}]}}static get style(){return""}},[1,"udp-donut-chart",{data:[16],valueField:[1,"value-field"],labelField:[1,"label-field"],title:[1],subheader:[1],hideLegend:[4,"hide-legend"],customWidth:[8,"custom-width"],customHeight:[8,"custom-height"],customCardWidth:[8,"custom-card-width"],kpisPosition:[1,"kpis-position"],kpis:[16],hideAdornment:[4,"hide-adornment"],ignoreZeroValues:[4,"ignore-zero-values"],hideBorder:[4,"hide-border"],removePadding:[4,"remove-padding"],colorList:[16],getColor:[16],legendPosition:[1,"legend-position"],enableExport:[4,"enable-export"],chartId:[1,"chart-id"]},void 0,{valueField:[{renderChart:0}],labelField:[{renderChart:0}],hideLegend:[{renderChart:0}],data:[{renderChart:0}],colorList:[{renderChart:0}],getColor:[{renderChart:0}],ignoreZeroValues:[{renderChart:0}],chartId:[{renderChart:0}]}]);function k(){"undefined"!=typeof customElements&&["udp-donut-chart","chart-container","chart-kpi","stencil-icon-button","udp-adornment","udp-ambient-card","udp-ambient-tool-tip","udp-badge","unity-typography"].forEach((t=>{switch(t){case"udp-donut-chart":customElements.get(i(t))||customElements.define(i(t),v);break;case"chart-container":customElements.get(i(t))||m();break;case"chart-kpi":customElements.get(i(t))||l();break;case"stencil-icon-button":customElements.get(i(t))||u();break;case"udp-adornment":customElements.get(i(t))||p();break;case"udp-ambient-card":customElements.get(i(t))||b();break;case"udp-ambient-tool-tip":customElements.get(i(t))||g();break;case"udp-badge":customElements.get(i(t))||f();break;case"unity-typography":customElements.get(i(t))||C()}}))}export{v as U,k as d}

package/dist/components/udp-dynamic-container-with-menu2.js

@@ -1 +1 @@
-import{p as e,H as t,c as i,h as s,t as n}from"./index2.js";import{d as c}from"./stencil-chip2.js";import{d as o}from"./udp-pop-over2.js";import{d as a}from"./unity-typography2.js";const l=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),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 t=null;return(...i)=>{t&&clearTimeout(t),t=setTimeout((()=>{e(...i)}),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 t=0;const i=[],s=[];this.menuItems.forEach((e=>{var n;if(e){const c=(null===(n=e.props)||void 0===n?void 0:n.width)||100;t+c<=this.containerWidth?(t+=c,i.push(e)):s.push(e)}})),this.visibleChildren=[...i],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 s("div",{key:"c9dd6101563a70e3f02180fb24b67e861e9d2f24",class:"container"},s("div",{key:"161deb2e2a15badcd262be86b1b72c8ccfa61542",class:"chips"},console.log("Received data for chips via executeQwith",this.visibleChildren),this.visibleChildren&&this.visibleChildren.map(((e,t)=>s("stencil-chip",{color:"secondary",key:t,text:e.description,"show-delete":"false",externalToggleString:this.externalToggle})))),s("div",{key:"be567a029a7613a2c5bfc2e3ed2760bb1263ac27",class:"overflow"},s("udp-pop-over",{key:"33dd43689756c36b09a3c92f7d0740a6a7274890",isOpen:this.popoverOpen,anchorElement:document.getElementById("anchorElement")},s("div",{key:"f8cfe64186c045897dee641ea320870a70dc7b14",class:"menu"},this.menuChildren&&this.menuChildren.map(((e,t)=>s("stencil-chip",{key:t,text:e.label,"show-delete":"false"}," ")))))))}get el(){return this}static get watchers(){return{menuItems:[{childrenChanged:0}]}}static get style(){return".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}"}},[1,"udp-dynamic-container-with-menu",{externalToggle:[1,"external-toggle"],menuItems:[16],visibleChildren:[32],menuChildren:[32],anchorEl:[32],rerender:[32],renderReady:[32],popoverOpen:[32],calculateChildren:[64]},void 0,{menuItems:[{childrenChanged:0}]}]);function h(){"undefined"!=typeof customElements&&["udp-dynamic-container-with-menu","stencil-chip","udp-pop-over","unity-typography"].forEach((e=>{switch(e){case"udp-dynamic-container-with-menu":customElements.get(n(e))||customElements.define(n(e),l);break;case"stencil-chip":customElements.get(n(e))||c();break;case"udp-pop-over":customElements.get(n(e))||o();break;case"unity-typography":customElements.get(n(e))||a()}}))}export{l as D,h as d}
+import{p as e,H as t,c as i,h as s,t as n}from"./index2.js";import{d as c}from"./stencil-chip2.js";import{d as a}from"./udp-pop-over2.js";import{d as o}from"./unity-typography2.js";const l=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),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 t=null;return(...i)=>{t&&clearTimeout(t),t=setTimeout((()=>{e(...i)}),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 t=0;const i=[],s=[];this.menuItems.forEach((e=>{var n;if(e){const c=(null===(n=e.props)||void 0===n?void 0:n.width)||100;t+c<=this.containerWidth?(t+=c,i.push(e)):s.push(e)}})),this.visibleChildren=[...i],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 s("div",{key:"d564c0a886d6f6b02c1ab4611a17067057021ded",class:"container"},s("div",{key:"7bce725d034a1ab47e4af5304c0bb1bc8672b3d6",class:"chips"},console.log("Received data for chips via executeQwith",this.visibleChildren),this.visibleChildren&&this.visibleChildren.map(((e,t)=>s("stencil-chip",{color:"secondary",key:t,text:e.description,"show-delete":"false",externalToggleString:this.externalToggle})))),s("div",{key:"3edf0874a248dd35f6c7d2266aa24cc7b9b2fb67",class:"overflow"},s("udp-pop-over",{key:"a8bc2e954746aa89bdcceee623412a8d9d55abc4",isOpen:this.popoverOpen,anchorElement:document.getElementById("anchorElement")},s("div",{key:"8bb01e6a8256754fcbc5c01d2d8179467016729a",class:"menu"},this.menuChildren&&this.menuChildren.map(((e,t)=>s("stencil-chip",{key:t,text:e.label,"show-delete":"false"}," ")))))))}get el(){return this}static get watchers(){return{menuItems:[{childrenChanged:0}]}}static get style(){return".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}"}},[1,"udp-dynamic-container-with-menu",{externalToggle:[1,"external-toggle"],menuItems:[16],visibleChildren:[32],menuChildren:[32],anchorEl:[32],rerender:[32],renderReady:[32],popoverOpen:[32],calculateChildren:[64]},void 0,{menuItems:[{childrenChanged:0}]}]);function h(){"undefined"!=typeof customElements&&["udp-dynamic-container-with-menu","stencil-chip","udp-pop-over","unity-typography"].forEach((e=>{switch(e){case"udp-dynamic-container-with-menu":customElements.get(n(e))||customElements.define(n(e),l);break;case"stencil-chip":customElements.get(n(e))||c();break;case"udp-pop-over":customElements.get(n(e))||a();break;case"unity-typography":customElements.get(n(e))||o()}}))}export{l as D,h as d}

package/dist/components/udp-dynamic-form.js

@@ -1,2 +1,2 @@
 import "../stencil-library/stencil-library.css";
-import{p as e,H as a,h as t,t as i}from"./index2.js";import{d as n}from"./custom-button2.js";import{d as o}from"./file-upload2.js";import{d as l}from"./selectable-list2.js";import{d as s}from"./stencil-icon-button2.js";import{d as r}from"./text-field2.js";import{d}from"./udp-ambient-tool-tip2.js";import{d as m}from"./udp-badge2.js";import{d as c}from"./udp-divider2.js";import{d as p}from"./udp-selector2.js";import{d as u}from"./udp-spinner2.js";import{d as h}from"./unity-typography2.js";const b=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),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 t("udp-selector",{label:e.label,name:e["field-name"],options:e.options,onChange:this.handleInputChange});case"file":return t("file-upload",{allowMultiple:!0,disallowedFileTypes:["image/png","image/jpeg"]});case"list":return t("selectable-list",Object.assign({},e));default:return t("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 a=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"},i=this.getField(e),n=e["operator-selector"]?t("udp-selector",{label:"Search Condition",name:e["field-name"]+"_operator",options:this.selectorOptions,onChange:this.handleInputChange}):null;return t("div",{style:a},i,n)}))}render(){return t("div",{key:"602a7d2fa0dca2057b50db6adbff69846e381fe8",class:"form-root"},this.renderFormFields())}get el(){return this}static get style(){return".form-root{display:flex;flex-wrap:wrap}"}},[1,"udp-dynamic-form",{formData:[32],getFormData:[64]}]),f=b,g=function(){"undefined"!=typeof customElements&&["udp-dynamic-form","custom-button","file-upload","selectable-list","stencil-icon-button","text-field","udp-ambient-tool-tip","udp-badge","udp-divider","udp-selector","udp-spinner","unity-typography"].forEach((e=>{switch(e){case"udp-dynamic-form":customElements.get(i(e))||customElements.define(i(e),b);break;case"custom-button":customElements.get(i(e))||n();break;case"file-upload":customElements.get(i(e))||o();break;case"selectable-list":customElements.get(i(e))||l();break;case"stencil-icon-button":customElements.get(i(e))||s();break;case"text-field":customElements.get(i(e))||r();break;case"udp-ambient-tool-tip":customElements.get(i(e))||d();break;case"udp-badge":customElements.get(i(e))||m();break;case"udp-divider":customElements.get(i(e))||c();break;case"udp-selector":customElements.get(i(e))||p();break;case"udp-spinner":customElements.get(i(e))||u();break;case"unity-typography":customElements.get(i(e))||h()}}))};export{f as UdpDynamicForm,g as defineCustomElement}
+import{p as e,H as a,h as t,t as i}from"./index2.js";import{d as n}from"./custom-button2.js";import{d as o}from"./file-upload2.js";import{d as l}from"./selectable-list2.js";import{d as s}from"./stencil-icon-button2.js";import{d as r}from"./text-field2.js";import{d}from"./udp-ambient-tool-tip2.js";import{d as m}from"./udp-badge2.js";import{d as c}from"./udp-divider2.js";import{d as p}from"./udp-selector2.js";import{d as u}from"./udp-spinner2.js";import{d as h}from"./unity-typography2.js";const b=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),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 t("udp-selector",{label:e.label,name:e["field-name"],options:e.options,onChange:this.handleInputChange});case"file":return t("file-upload",{allowMultiple:!0,disallowedFileTypes:["image/png","image/jpeg"]});case"list":return t("selectable-list",Object.assign({},e));default:return t("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 a=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"},i=this.getField(e),n=e["operator-selector"]?t("udp-selector",{label:"Search Condition",name:e["field-name"]+"_operator",options:this.selectorOptions,onChange:this.handleInputChange}):null;return t("div",{style:a},i,n)}))}render(){return t("div",{key:"9b655a0b31d3bdee12da0bce92549a43c849ec64",class:"form-root"},this.renderFormFields())}get el(){return this}static get style(){return".form-root{display:flex;flex-wrap:wrap}"}},[1,"udp-dynamic-form",{formData:[32],getFormData:[64]}]),f=b,g=function(){"undefined"!=typeof customElements&&["udp-dynamic-form","custom-button","file-upload","selectable-list","stencil-icon-button","text-field","udp-ambient-tool-tip","udp-badge","udp-divider","udp-selector","udp-spinner","unity-typography"].forEach((e=>{switch(e){case"udp-dynamic-form":customElements.get(i(e))||customElements.define(i(e),b);break;case"custom-button":customElements.get(i(e))||n();break;case"file-upload":customElements.get(i(e))||o();break;case"selectable-list":customElements.get(i(e))||l();break;case"stencil-icon-button":customElements.get(i(e))||s();break;case"text-field":customElements.get(i(e))||r();break;case"udp-ambient-tool-tip":customElements.get(i(e))||d();break;case"udp-badge":customElements.get(i(e))||m();break;case"udp-divider":customElements.get(i(e))||c();break;case"udp-selector":customElements.get(i(e))||p();break;case"udp-spinner":customElements.get(i(e))||u();break;case"unity-typography":customElements.get(i(e))||h()}}))};export{f as UdpDynamicForm,g as defineCustomElement}

package/dist/components/udp-empty-state-display2.js

@@ -1 +1 @@
-import{p as t,H as e,h as a,t as i}from"./index2.js";import{d as s}from"./udp-button2.js";import{d as o}from"./udp-icon2.js";import{d as c}from"./unity-typography2.js";const n=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.iconName="warning32",this.iconSize=48,this.imageWidth="100px"}render(){return a("div",{key:"90ed726e2cfba61cac88fb25198bc982a5834be2",class:"container"},this.imageSrc?a("img",{src:this.imageSrc,alt:"empty state",class:"image",style:{width:this.imageWidth}}):a("udp-icon",{iconName:this.iconName}),this.primaryText&&a("div",{key:"f7b7d07056ba6a11b901be1b1e86a82eecb0f304",class:"text-wrapper"},a("unity-typography",{key:"1bf84cf8cfb21aed5b9951adda0a01a787330dc9",variant:"h6"},this.primaryText)),this.secondaryText&&a("div",{key:"b46c25588140b37d44534296a3379488a13190c5",class:"text-wrapper"},a("unity-typography",{key:"b3a88bf021c205f8d8539c016df52cd1593b3527",variant:"body",class:"secondary-text"},this.secondaryText)),this.actionLabel&&a("div",{key:"402ec4260148201308b55d1a3f6f7b381d64d0ce",class:"action-wrapper"},a("udp-button",{key:"64cb2f280dbf53dfa47f536f62835f77b8777778",onClick:this.actionClick,variant:"outlined",color:"secondary"},this.actionLabel)))}static get style(){return":host{display:block;height:100%;width:100%;font-family:sans-serif}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;width:100%;padding:24px;box-sizing:border-box;background-color:#ffffff;border-radius:4px}.image{margin-bottom:16px}udp-icon{margin-bottom:16px;color:#333}.text-wrapper{margin-bottom:8px}.secondary-text{color:#6c757d}.action-wrapper{margin-top:16px}"}},[1,"udp-empty-state-display",{iconName:[1,"icon-name"],iconSize:[2,"icon-size"],imageSrc:[1,"image-src"],imageWidth:[1,"image-width"],primaryText:[1,"primary-text"],secondaryText:[1,"secondary-text"],actionLabel:[1,"action-label"],actionClick:[16]}]);function r(){"undefined"!=typeof customElements&&["udp-empty-state-display","udp-button","udp-icon","unity-typography"].forEach((t=>{switch(t){case"udp-empty-state-display":customElements.get(i(t))||customElements.define(i(t),n);break;case"udp-button":customElements.get(i(t))||s();break;case"udp-icon":customElements.get(i(t))||o();break;case"unity-typography":customElements.get(i(t))||c()}}))}export{n as U,r as d}
+import{p as t,H as e,h as a,t as i}from"./index2.js";import{d as s}from"./udp-button2.js";import{d as c}from"./udp-icon2.js";import{d as o}from"./unity-typography2.js";const n=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.iconName="warning32",this.iconSize=48,this.imageWidth="100px"}render(){return a("div",{key:"b47c3e90f2b2a33d9b6ad909f762ffe530a8bedf",class:"container"},this.imageSrc?a("img",{src:this.imageSrc,alt:"empty state",class:"image",style:{width:this.imageWidth}}):a("udp-icon",{iconName:this.iconName}),this.primaryText&&a("div",{key:"80c6175de2463a57bbc96e20ddf14b788317aebb",class:"text-wrapper"},a("unity-typography",{key:"8f535deb5ebc29aaf2a8caf68c363b5b971e6c93",variant:"h6"},this.primaryText)),this.secondaryText&&a("div",{key:"00d2f83fc03e0c8381008cf9bcf8a977a26a5128",class:"text-wrapper"},a("unity-typography",{key:"1669f2d729b2e77eefcace3a14b9c230e2e1bfb2",variant:"body",class:"secondary-text"},this.secondaryText)),this.actionLabel&&a("div",{key:"857f81a6c884371a4544952da68264fe6c56bf3f",class:"action-wrapper"},a("udp-button",{key:"c9aa699065142a107a22416399f2d985049ba46f",onClick:this.actionClick,variant:"outlined",color:"secondary"},this.actionLabel)))}static get style(){return":host{display:block;height:100%;width:100%;font-family:sans-serif}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;width:100%;padding:24px;box-sizing:border-box;background-color:#ffffff;border-radius:4px}.image{margin-bottom:16px}udp-icon{margin-bottom:16px;color:#333}.text-wrapper{margin-bottom:8px}.secondary-text{color:#6c757d}.action-wrapper{margin-top:16px}"}},[1,"udp-empty-state-display",{iconName:[1,"icon-name"],iconSize:[2,"icon-size"],imageSrc:[1,"image-src"],imageWidth:[1,"image-width"],primaryText:[1,"primary-text"],secondaryText:[1,"secondary-text"],actionLabel:[1,"action-label"],actionClick:[16]}]);function r(){"undefined"!=typeof customElements&&["udp-empty-state-display","udp-button","udp-icon","unity-typography"].forEach((t=>{switch(t){case"udp-empty-state-display":customElements.get(i(t))||customElements.define(i(t),n);break;case"udp-button":customElements.get(i(t))||s();break;case"udp-icon":customElements.get(i(t))||c();break;case"unity-typography":customElements.get(i(t))||o()}}))}export{n as U,r as d}

package/dist/components/udp-field2.js

@@ -1 +1 @@
-import{p as t,H as e,h as i,t as s}from"./index2.js";const n=(...t)=>(e,i,s)=>{for(const n of t)if(n){const t=n(e,i,s);if(t)return t}},o=t=>Array.isArray(t)&&0===t.length?"This field is required":null!=t&&""!==t&&!1!==t?void 0:"This field is required",a=/^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/,h=t=>!t||a.test(t)?void 0:"Invalid email address",r=t=>{if(t)try{return void new URL(t)}catch(t){return"Invalid URL"}};const l=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}get inferredType(){if(!this.childInput)return"text";const t=this.childInput.tagName.toLowerCase(),e=this.childInput.getAttribute("type");return t.includes("checkbox")||"checkbox"===e?"checkbox":t.includes("switch")||"switch"===e?"switch":t.includes("radio")||"radio"===e?"radio":t.includes("textarea")||"textarea"===e?"textarea":"text"}componentDidLoad(){this.childInput=this.el.firstElementChild,this.connectToForm()}disconnectedCallback(){this.unsubscribe&&this.unsubscribe()}connectToForm(){this.el.dispatchEvent(new CustomEvent("fetchFormInstance",{bubbles:!0,composed:!0,detail:t=>{this.form=t,this.registerField()}}))}registerField(){var t;if(!this.form||!this.childInput)return void console.warn(`[udp-field] No child input found for field: ${this.name}`);"value"in this.childInput||"checked"in this.childInput||console.warn(`[udp-field] Child of ${this.name} does not appear to be a compatible component.`);const e=this.validate,i=function(t){var e,i,s,a;const l=[],d=t;(d.required||d.hasAttribute("required"))&&l.push(o);const c=null!==(e=d.minlength)&&void 0!==e?e:d.hasAttribute("minlength")?parseInt(d.getAttribute("minlength"),10):null;var u;c&&l.push((u=c,t=>!t||t.length>=u?void 0:`Must be at least ${u} characters`));const f=null!==(i=d.maxlength)&&void 0!==i?i:d.hasAttribute("maxlength")?parseInt(d.getAttribute("maxlength"),10):null;var v;f&&f>-1&&l.push((v=f,t=>!t||t.length<=v?void 0:`Must be less than ${v} characters`));const m=null!==(s=d.min)&&void 0!==s?s:d.hasAttribute("min")?parseFloat(d.getAttribute("min")):null;null===m||isNaN(m)||l.push((t=>e=>!e||Number(e)>=t?void 0:`Must be at least ${t}`)(m));const p=null!==(a=d.max)&&void 0!==a?a:d.hasAttribute("max")?parseFloat(d.getAttribute("max")):null;null===p||isNaN(p)||l.push((t=>e=>!e||Number(e)<=t?void 0:`Must be no more than ${t}`)(p));const b=d.type||d.getAttribute("type");"email"===b&&l.push(h),"url"===b&&l.push(r);const x=d.pattern||d.getAttribute("pattern");var g;if(x&&l.push((g=x,t=>{if(t)return("string"==typeof g?new RegExp(`^${g}$`):g).test(t)?void 0:"Invalid format"})),0!==l.length)return n(...l)}(this.childInput),s=n(e,i)||(null===(t=this.fieldConfig)||void 0===t?void 0:t.getValidator),a=Object.assign(Object.assign({},this.fieldConfig),{getValidator:s?()=>s:void 0});this.unsubscribe=this.form.registerField(this.name,(t=>{const{touched:e,value:i,error:s}=t;if(this.childInput.error=e?s:void 0,"checkbox"===this.inferredType||"switch"===this.inferredType){if("checked"in this.childInput){const t=!!i;this.childInput.checked!==t&&(this.childInput.checked=t)}}else if("value"in this.childInput){const t=null==i?"":i;this.childInput.value!==t&&(this.childInput.value=t)}"name"in this.childInput&&(this.childInput.name=this.name)}),{value:!0,error:!0,touched:!0},a)}handleValueChange(t){t.stopPropagation(),this.form&&this.form.change(this.name,t.detail)}handleBlur(t){t.stopPropagation(),this.form&&this.form.blur(this.name)}handleFocus(t){t.stopPropagation(),this.form&&this.form.focus(this.name)}handleKeyDown(t){if("Enter"===t.key){if(t.defaultPrevented)return;if(t.stopPropagation(),"textarea"===this.inferredType)return;if("checkbox"===this.inferredType||"switch"===this.inferredType)return;t.stopPropagation(),this.form&&this.form.submit()}}render(){return i("slot",{key:"c6c1b28a30a6a3c3d41c404f0f59fe47f8e8f79d"})}get el(){return this}static get style(){return":host{display:block;width:100%}"}},[257,"udp-field",{name:[1],validate:[16],fieldConfig:[16]},[[0,"valueChanged","handleValueChange"],[0,"inputBlur","handleBlur"],[0,"inputFocus","handleFocus"],[0,"keydown","handleKeyDown"]]]);function d(){"undefined"!=typeof customElements&&["udp-field"].forEach((t=>{"udp-field"===t&&(customElements.get(s(t))||customElements.define(s(t),l))}))}export{l as U,d}
+import{p as t,H as e,h as i,t as s}from"./index2.js";const n=(...t)=>(e,i,s)=>{for(const n of t)if(n){const t=n(e,i,s);if(t)return t}},o=t=>Array.isArray(t)&&0===t.length?"This field is required":null!=t&&""!==t&&!1!==t?void 0:"This field is required",a=/^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/,h=t=>!t||a.test(t)?void 0:"Invalid email address",r=t=>{if(t)try{return void new URL(t)}catch(t){return"Invalid URL"}};const l=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}get inferredType(){if(!this.childInput)return"text";const t=this.childInput.tagName.toLowerCase(),e=this.childInput.getAttribute("type");return t.includes("checkbox")||"checkbox"===e?"checkbox":t.includes("switch")||"switch"===e?"switch":t.includes("radio")||"radio"===e?"radio":t.includes("textarea")||"textarea"===e?"textarea":"text"}componentDidLoad(){this.childInput=this.el.firstElementChild,this.connectToForm()}disconnectedCallback(){this.unsubscribe&&this.unsubscribe()}connectToForm(){this.el.dispatchEvent(new CustomEvent("fetchFormInstance",{bubbles:!0,composed:!0,detail:t=>{this.form=t,this.registerField()}}))}registerField(){var t;if(!this.form||!this.childInput)return void console.warn(`[udp-field] No child input found for field: ${this.name}`);"value"in this.childInput||"checked"in this.childInput||console.warn(`[udp-field] Child of ${this.name} does not appear to be a compatible component.`);const e=this.validate,i=function(t){var e,i,s,a;const l=[],d=t;(d.required||d.hasAttribute("required"))&&l.push(o);const c=null!==(e=d.minlength)&&void 0!==e?e:d.hasAttribute("minlength")?parseInt(d.getAttribute("minlength"),10):null;var u;c&&l.push((u=c,t=>!t||t.length>=u?void 0:`Must be at least ${u} characters`));const f=null!==(i=d.maxlength)&&void 0!==i?i:d.hasAttribute("maxlength")?parseInt(d.getAttribute("maxlength"),10):null;var v;f&&f>-1&&l.push((v=f,t=>!t||t.length<=v?void 0:`Must be less than ${v} characters`));const m=null!==(s=d.min)&&void 0!==s?s:d.hasAttribute("min")?parseFloat(d.getAttribute("min")):null;null===m||isNaN(m)||l.push((t=>e=>!e||Number(e)>=t?void 0:`Must be at least ${t}`)(m));const p=null!==(a=d.max)&&void 0!==a?a:d.hasAttribute("max")?parseFloat(d.getAttribute("max")):null;null===p||isNaN(p)||l.push((t=>e=>!e||Number(e)<=t?void 0:`Must be no more than ${t}`)(p));const b=d.type||d.getAttribute("type");"email"===b&&l.push(h),"url"===b&&l.push(r);const x=d.pattern||d.getAttribute("pattern");var g;if(x&&l.push((g=x,t=>{if(t)return("string"==typeof g?new RegExp(`^${g}$`):g).test(t)?void 0:"Invalid format"})),0!==l.length)return n(...l)}(this.childInput),s=n(e,i)||(null===(t=this.fieldConfig)||void 0===t?void 0:t.getValidator),a=Object.assign(Object.assign({},this.fieldConfig),{getValidator:s?()=>s:void 0});this.unsubscribe=this.form.registerField(this.name,(t=>{const{touched:e,value:i,error:s}=t;if(this.childInput.error=e?s:void 0,"checkbox"===this.inferredType||"switch"===this.inferredType){if("checked"in this.childInput){const t=!!i;this.childInput.checked!==t&&(this.childInput.checked=t)}}else if("value"in this.childInput){const t=null==i?"":i;this.childInput.value!==t&&(this.childInput.value=t)}"name"in this.childInput&&(this.childInput.name=this.name)}),{value:!0,error:!0,touched:!0},a)}handleValueChange(t){t.stopPropagation(),this.form&&this.form.change(this.name,t.detail)}handleBlur(t){t.stopPropagation(),this.form&&this.form.blur(this.name)}handleFocus(t){t.stopPropagation(),this.form&&this.form.focus(this.name)}handleKeyDown(t){if("Enter"===t.key){if(t.defaultPrevented)return;if(t.stopPropagation(),"textarea"===this.inferredType)return;if("checkbox"===this.inferredType||"switch"===this.inferredType)return;t.stopPropagation(),this.form&&this.form.submit()}}render(){return i("slot",{key:"c0c41371f917711db207012183ccf41a9332cc7f"})}get el(){return this}static get style(){return":host{display:block;width:100%}"}},[257,"udp-field",{name:[1],validate:[16],fieldConfig:[16]},[[0,"valueChanged","handleValueChange"],[0,"inputBlur","handleBlur"],[0,"inputFocus","handleFocus"],[0,"keydown","handleKeyDown"]]]);function d(){"undefined"!=typeof customElements&&["udp-field"].forEach((t=>{"udp-field"===t&&(customElements.get(s(t))||customElements.define(s(t),l))}))}export{l as U,d}

package/dist/components/udp-fluent-avatar2.js

@@ -1 +1 @@
-import{p as t,H as e,h as s,d as i,t as a}from"./index2.js";import"@fluentui/web-components/avatar.js";import{d as n}from"./udp-fluent-icon2.js";const r=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.iconVariant="regular"}getIconSize(){var t;if(this.iconSize)return this.iconSize;const e=null!==(t=this.size)&&void 0!==t?t:32;return e<=20?"xs":e<=28?"sm":e<=48?"md":"lg"}getImageBorderRadius(){var t;if("square"!==this.shape)return"";const e=null!==(t=this.size)&&void 0!==t?t:32;return e<=24?"2px":e<=48?"4px":e<=72?"6px":"8px"}render(){const t=this.getImageBorderRadius();return s(i,{key:"abf27d51c287160b6b0bdb173e74690b645396a1"},s("fluent-avatar",{key:"e49684fdb503718f033121e30be931093908653a",active:this.active,shape:this.shape,appearance:this.appearance,size:this.size,color:this.color,name:this.name,initials:this.initials},this.src?s("img",{src:this.src,alt:this.alt,style:Object.assign({objectFit:"cover"},t?{borderRadius:t}:{})}):this.iconName?s("udp-fluent-icon",{name:this.iconName,variant:this.iconVariant,size:this.getIconSize()}):null,s("slot",{key:"41a132d8da795fb2ad30c4fdb8f88d4bd3d95745",name:"badge",slot:"badge"})))}static get style(){return":host{display:inline-flex;align-items:center;vertical-align:middle}"}},[257,"udp-fluent-avatar",{active:[1],shape:[1],appearance:[1],size:[2],color:[1],name:[1],src:[1],initials:[1],alt:[1],iconName:[1,"icon-name"],iconVariant:[1,"icon-variant"],iconSize:[1,"icon-size"]}]);function o(){"undefined"!=typeof customElements&&["udp-fluent-avatar","udp-fluent-icon"].forEach((t=>{switch(t){case"udp-fluent-avatar":customElements.get(a(t))||customElements.define(a(t),r);break;case"udp-fluent-icon":customElements.get(a(t))||n()}}))}export{r as U,o as d}
+import{p as e,H as t,h as s,d as i,t as a}from"./index2.js";import"@fluentui/web-components/avatar.js";import{d as n}from"./udp-fluent-icon2.js";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.iconVariant="regular"}getIconSize(){var e;if(this.iconSize)return this.iconSize;const t=null!==(e=this.size)&&void 0!==e?e:32;return t<=20?"xs":t<=28?"sm":t<=48?"md":"lg"}getImageBorderRadius(){var e;if("square"!==this.shape)return"";const t=null!==(e=this.size)&&void 0!==e?e:32;return t<=24?"2px":t<=48?"4px":t<=72?"6px":"8px"}render(){const e=this.getImageBorderRadius();return s(i,{key:"ea07d2bf001f6ece0690b2ea03cf70a57a29623d"},s("fluent-avatar",{key:"068a2fc78714e7ae28c9598e84ab845c5cc8f18d",active:this.active,shape:this.shape,appearance:this.appearance,size:this.size,color:this.color,name:this.name,initials:this.initials},this.src?s("img",{src:this.src,alt:this.alt,style:Object.assign({objectFit:"cover"},e?{borderRadius:e}:{})}):this.iconName?s("udp-fluent-icon",{name:this.iconName,variant:this.iconVariant,size:this.getIconSize()}):null,s("slot",{key:"bb0408b42e6464c6f035afdfacf5e449d36d1500",name:"badge",slot:"badge"})))}static get style(){return":host{display:inline-flex;align-items:center;vertical-align:middle}"}},[257,"udp-fluent-avatar",{active:[1],shape:[1],appearance:[1],size:[2],color:[1],name:[1],src:[1],initials:[1],alt:[1],iconName:[1,"icon-name"],iconVariant:[1,"icon-variant"],iconSize:[1,"icon-size"]}]);function r(){"undefined"!=typeof customElements&&["udp-fluent-avatar","udp-fluent-icon"].forEach((e=>{switch(e){case"udp-fluent-avatar":customElements.get(a(e))||customElements.define(a(e),c);break;case"udp-fluent-icon":customElements.get(a(e))||n()}}))}export{c as U,r as d}

package/dist/components/udp-fluent-badge2.js

@@ -1 +1 @@
-import{p as e,H as r,c as t,h as o,d as a,t as n}from"./index2.js";import"@fluentui/web-components/badge.js";import{h as s}from"./slot-helpers.js";import{g as l}from"./icon-size-helpers.js";import{d as i}from"./udp-fluent-icon2.js";const c=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dismiss=t(this,"dismiss",7),this.ready=!1,this.appearance="filled",this.shape="circular",this.size="medium",this.dismissible=!1,this.dismissLabel="Dismiss",this.handleDismiss=e=>{e.stopPropagation(),this.dismiss.emit()}}componentDidLoad(){this.ready=!0}render(){return o(a,{key:"a2e43f6c52bb7ddc56e6e9a181f86c132f86ab99",class:{ready:this.ready}},o("fluent-badge",{key:"a807d377792bfafd5415f8cf0320db603fdb91f7",appearance:this.appearance,color:this.color,shape:this.shape,size:this.size},(this.startIconName||s(this.el,"start"))&&o("span",{key:"4c30be18073fd6d65cf50d43c944a1c4f1932723",class:"slot-wrapper",slot:"start"},o("slot",{key:"8073ea47ae01b98505d8b5c954b685227ba0de45",name:"start"},this.startIconName&&o("udp-fluent-icon",{key:"d41c4fdc7f4e64eb6b14fa4b530abe5e9449353f",name:this.startIconName,size:l(this.size)}))),o("span",{key:"954b408cfb2c78598102516857eefdae5e5c2493",class:"default-slot"},o("slot",{key:"6a1e3bf584d15eba16c781504599b4c70bf86525"})),this.dismissible?o("button",{type:"button",class:"dismiss-button",slot:"end","aria-label":this.dismissLabel,onClick:this.handleDismiss,onMouseDown:e=>e.preventDefault()},o("udp-fluent-icon",{name:"dismiss",size:l(this.size)})):(this.endIconName||s(this.el,"end"))&&o("span",{class:"slot-wrapper",slot:"end"},o("slot",{name:"end"},this.endIconName&&o("udp-fluent-icon",{name:this.endIconName,size:l(this.size)})))))}get el(){return this}static get style(){return":host{display:flex;align-items:center}fluent-badge:not([color='important']){--colorNeutralBackground1:transparent}:host(:not(.ready)){opacity:0}.slot-wrapper,.default-slot{display:inline-flex;align-items:center}.default-slot{line-height:1}.dismiss-button{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;padding:2px;margin:0;background:none;border:none;color:inherit;font:inherit;cursor:pointer;border-radius:var(--borderRadiusCircular)}.dismiss-button:hover{background-color:color-mix(in srgb, currentColor 6%, transparent)}.dismiss-button:active{background-color:color-mix(in srgb, currentColor 12%, transparent)}.dismiss-button:focus-visible{outline:var(--strokeWidthThick) solid currentColor;outline-offset:var(--strokeWidthThin)}fluent-badge{gap:var(--spacingHorizontalXXS)}fluent-badge[color='informative']:not([appearance='filled']){--colorNeutralForeground3:color-mix(in srgb, var(--colorPaletteBlueForeground2) 85%, transparent);--colorNeutralStroke2:color-mix(in srgb, var(--colorPaletteBlueBorderActive) 40%, transparent);--colorNeutralBackground4:color-mix(in srgb, var(--colorPaletteBlueBackground2) 20%, transparent)}fluent-badge[color='informative'][appearance='filled']{--colorNeutralBackground5:var(--colorPaletteBlueForeground2);--colorNeutralForeground3:#ffffff}fluent-badge[color='important'][appearance='tint']{--colorNeutralForeground3:color-mix(in srgb, var(--colorNeutralForeground1) 20%, transparent);--colorNeutralBackground1:var(--colorNeutralForeground1);--colorTransparentStroke:var(--colorNeutralStrokeAccessible)}fluent-badge[color='subtle'][appearance='ghost']{--colorNeutralForegroundInverted:var(--colorNeutralForeground2)}fluent-badge[color='subtle'][appearance='outline']{--colorNeutralForegroundStaticInverted:var(--colorNeutralForeground2)}fluent-badge[color='success'][appearance='tint']{--colorPaletteGreenBorder2:color-mix(in srgb, var(--colorPaletteGreenBorder1) 90%, transparent)}fluent-badge[color='warning'][appearance='tint']{--colorPaletteYellowBorder1:var(--colorPaletteYellowBorderActive)}fluent-badge[appearance='ghost'],fluent-badge[appearance='outline']{background-color:transparent}"}},[257,"udp-fluent-badge",{appearance:[1],color:[1],shape:[1],size:[1],startIconName:[1,"start-icon-name"],endIconName:[1,"end-icon-name"],dismissible:[4],dismissLabel:[1,"dismiss-label"],ready:[32]}]);function d(){"undefined"!=typeof customElements&&["udp-fluent-badge","udp-fluent-icon"].forEach((e=>{switch(e){case"udp-fluent-badge":customElements.get(n(e))||customElements.define(n(e),c);break;case"udp-fluent-icon":customElements.get(n(e))||i()}}))}export{c as U,d}
+import{p as e,H as r,c as t,h as o,d as a,t as n}from"./index2.js";import"@fluentui/web-components/badge.js";import{h as s}from"./slot-helpers.js";import{g as l}from"./icon-size-helpers.js";import{d as i}from"./udp-fluent-icon2.js";const c=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dismiss=t(this,"dismiss",7),this.ready=!1,this.appearance="filled",this.shape="circular",this.size="medium",this.dismissible=!1,this.dismissLabel="Dismiss",this.handleDismiss=e=>{e.stopPropagation(),this.dismiss.emit()}}componentDidLoad(){this.ready=!0}render(){return o(a,{key:"f106363d80eaee1e89bed50a3526d1134b82346f",class:{ready:this.ready}},o("fluent-badge",{key:"f7e59d650b21359f37e9fee7327e28b5928f3864",appearance:this.appearance,color:this.color,shape:this.shape,size:this.size},(this.startIconName||s(this.el,"start"))&&o("span",{key:"7e100952cd282baa92c4982d58b66d700f16eebf",class:"slot-wrapper",slot:"start"},o("slot",{key:"60ce857b7854957204e7eae34934493cda344f86",name:"start"},this.startIconName&&o("udp-fluent-icon",{key:"77a62d832aa73d390a289720e435fd282a089825",name:this.startIconName,size:l(this.size)}))),o("span",{key:"64edd1b1c3f4ee318867c9a18ee22fb9b3b3f814",class:"default-slot"},o("slot",{key:"8d24330a18c5284a1555f4911b31ce306e90b070"})),this.dismissible?o("button",{type:"button",class:"dismiss-button",slot:"end","aria-label":this.dismissLabel,onClick:this.handleDismiss,onMouseDown:e=>e.preventDefault()},o("udp-fluent-icon",{name:"dismiss",size:l(this.size)})):(this.endIconName||s(this.el,"end"))&&o("span",{class:"slot-wrapper",slot:"end"},o("slot",{name:"end"},this.endIconName&&o("udp-fluent-icon",{name:this.endIconName,size:l(this.size)})))))}get el(){return this}static get style(){return":host{display:flex;align-items:center}fluent-badge:not([color='important']){--colorNeutralBackground1:transparent}:host(:not(.ready)){opacity:0}.slot-wrapper,.default-slot{display:inline-flex;align-items:center}.default-slot{line-height:1}.dismiss-button{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;padding:2px;margin:0;background:none;border:none;color:inherit;font:inherit;cursor:pointer;border-radius:var(--borderRadiusCircular)}.dismiss-button:hover{background-color:color-mix(in srgb, currentColor 6%, transparent)}.dismiss-button:active{background-color:color-mix(in srgb, currentColor 12%, transparent)}.dismiss-button:focus-visible{outline:var(--strokeWidthThick) solid currentColor;outline-offset:var(--strokeWidthThin)}fluent-badge{gap:var(--spacingHorizontalXXS)}fluent-badge[color='informative']:not([appearance='filled']){--colorNeutralForeground3:color-mix(in srgb, var(--colorPaletteBlueForeground2) 85%, transparent);--colorNeutralStroke2:color-mix(in srgb, var(--colorPaletteBlueBorderActive) 40%, transparent);--colorNeutralBackground4:color-mix(in srgb, var(--colorPaletteBlueBackground2) 20%, transparent)}fluent-badge[color='informative'][appearance='filled']{--colorNeutralBackground5:var(--colorPaletteBlueForeground2);--colorNeutralForeground3:#ffffff}fluent-badge[color='important'][appearance='tint']{--colorNeutralForeground3:color-mix(in srgb, var(--colorNeutralForeground1) 20%, transparent);--colorNeutralBackground1:var(--colorNeutralForeground1);--colorTransparentStroke:var(--colorNeutralStrokeAccessible)}fluent-badge[color='subtle'][appearance='ghost']{--colorNeutralForegroundInverted:var(--colorNeutralForeground2)}fluent-badge[color='subtle'][appearance='outline']{--colorNeutralForegroundStaticInverted:var(--colorNeutralForeground2)}fluent-badge[color='success'][appearance='tint']{--colorPaletteGreenBorder2:color-mix(in srgb, var(--colorPaletteGreenBorder1) 90%, transparent)}fluent-badge[color='warning'][appearance='tint']{--colorPaletteYellowBorder1:var(--colorPaletteYellowBorderActive)}fluent-badge[appearance='ghost'],fluent-badge[appearance='outline']{background-color:transparent}"}},[257,"udp-fluent-badge",{appearance:[1],color:[1],shape:[1],size:[1],startIconName:[1,"start-icon-name"],endIconName:[1,"end-icon-name"],dismissible:[4],dismissLabel:[1,"dismiss-label"],ready:[32]}]);function d(){"undefined"!=typeof customElements&&["udp-fluent-badge","udp-fluent-icon"].forEach((e=>{switch(e){case"udp-fluent-badge":customElements.get(n(e))||customElements.define(n(e),c);break;case"udp-fluent-icon":customElements.get(n(e))||i()}}))}export{c as U,d}

package/dist/components/udp-fluent-button2.js

@@ -1 +1 @@
-import{p as t,H as e,h as s,d as i,t as n}from"./index2.js";import"@fluentui/web-components/button.js";import{f as d}from"./form-registry.js";import{h as o}from"./slot-helpers.js";import{a}from"./icon-size-helpers.js";import{d as r}from"./udp-fluent-icon2.js";import{d as l}from"./udp-spinner2.js";const c=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.appearance="secondary",this.shape="rounded",this.size="medium",this.iconOnly=!1,this.disabled=!1,this.disabledFocusable=!1,this.loading=!1,this.type="button",this.handleClick=()=>{if(this.form){const t=d.get(this.form);t?"submit"===this.type?t.requestSubmit?t.requestSubmit():t.submit():"reset"===this.type&&t.reset():console.warn(`[udp-fluent-button] No form found with id "${this.form}". Make sure the form is rendered and has a matching formId/id prop.`)}}}render(){const t=a(this.size),e=this.loading;return s(i,{key:"ff156dcc42911dd10beed56d4453b5531a8cda09"},s("fluent-button",{key:"327b2b95d88ab219fd5c6eb4436dfb3655fc4265",appearance:this.appearance,disabled:this.disabled||this.loading,"disabled-focusable":this.disabledFocusable,shape:this.shape,size:this.size,"icon-only":this.iconOnly,type:this.type,form:this.form,onClick:this.handleClick,tabindex:this.tabIndex,part:"button",exportparts:"content"},(this.startIconName||o(this.el,"start"))&&s("span",{key:"e9b301ffaee43f6596bfab4df72b2a99c6574d33",class:"slot-wrapper",slot:"start"},s("slot",{key:"5586d08f5c95edbf83d70b99301b2047d78660c8",name:"start"},this.startIconName&&s("udp-fluent-icon",{key:"21dd9b8a0dc94555ed99d78c1fec99ce31d60180",name:this.startIconName,size:t}))),s("slot",{key:"3dd9c466af6219b42bc0af1d1560dfc59d15f409"}),(this.endIconName||o(this.el,"end"))&&s("span",{key:"47d2390fa0590d85d27a9eec96e66d42bf29bf95",class:"slot-wrapper",slot:"end"},s("slot",{key:"d45c415bc34566885f199ab3d5e9f773481ab455",name:"end"},this.endIconName&&s("udp-fluent-icon",{key:"9c7db08568e1dec792451a030d682890be22d51b",name:this.endIconName,size:t})))),e&&s("div",{key:"295d81252b9dd07950c67e305b70db7535bbe416",class:"loading-overlay"},s("udp-spinner",{key:"3c2738a3108256510336d4cbff5665602d847cd5",size:"large"===this.size?"extra-small":"tiny"})))}get el(){return this}static get style(){return":host{display:inline-block;position:relative;width:fit-content}:host([loading]) fluent-button{color:transparent !important}:host([loading]) ::slotted(*){visibility:hidden !important}.loading-overlay{position:absolute;top:57%;left:50%;transform:translate(-50%, -50%);z-index:1;pointer-events:none;display:flex;align-items:center;justify-content:center}:host([loading]) .slot-wrapper{visibility:hidden}.slot-wrapper{display:inline-flex;align-items:center}"}},[257,"udp-fluent-button",{appearance:[1],shape:[1],size:[1],iconOnly:[4,"icon-only"],disabled:[4],disabledFocusable:[4,"disabled-focusable"],loading:[516],tabIndex:[2,"tab-index"],startIconName:[1,"start-icon-name"],endIconName:[1,"end-icon-name"],form:[1],type:[1]}]);function p(){"undefined"!=typeof customElements&&["udp-fluent-button","udp-fluent-icon","udp-spinner"].forEach((t=>{switch(t){case"udp-fluent-button":customElements.get(n(t))||customElements.define(n(t),c);break;case"udp-fluent-icon":customElements.get(n(t))||r();break;case"udp-spinner":customElements.get(n(t))||l()}}))}export{c as U,p as d}
+import{p as e,H as t,h as s,d as i,t as n}from"./index2.js";import"@fluentui/web-components/button.js";import{f as a}from"./form-registry.js";import{h as o}from"./slot-helpers.js";import{a as d}from"./icon-size-helpers.js";import{d as r}from"./udp-fluent-icon2.js";import{d as c}from"./udp-spinner2.js";const l=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.appearance="secondary",this.shape="rounded",this.size="medium",this.iconOnly=!1,this.disabled=!1,this.disabledFocusable=!1,this.loading=!1,this.type="button",this.handleClick=()=>{if(this.form){const e=a.get(this.form);e?"submit"===this.type?e.requestSubmit?e.requestSubmit():e.submit():"reset"===this.type&&e.reset():console.warn(`[udp-fluent-button] No form found with id "${this.form}". Make sure the form is rendered and has a matching formId/id prop.`)}}}render(){const e=d(this.size),t=this.loading;return s(i,{key:"90f25d959e28de4dbfe1c327c7be676281efdd9e"},s("fluent-button",{key:"a7f2c909ae7e4c62980dc368ff526715df9c1bb3",appearance:this.appearance,disabled:this.disabled||this.loading,"disabled-focusable":this.disabledFocusable,shape:this.shape,size:this.size,"icon-only":this.iconOnly,type:this.type,form:this.form,onClick:this.handleClick,tabindex:this.tabIndex,part:"button",exportparts:"content"},(this.startIconName||o(this.el,"start"))&&s("span",{key:"8e27b98fa219865d093a20d1a7acd2edc63ac18d",class:"slot-wrapper",slot:"start"},s("slot",{key:"1dfaf4c088cef572412b6a994966c6a119c3f638",name:"start"},this.startIconName&&s("udp-fluent-icon",{key:"f7fd479646258446d1073f8788f1325b96e00102",name:this.startIconName,size:e}))),s("slot",{key:"5cabc194a63ff1ee32702a18b74d030fe928688e"}),(this.endIconName||o(this.el,"end"))&&s("span",{key:"d54b3794e0e5ba112d36cfd488d1a2cbc33dd6ca",class:"slot-wrapper",slot:"end"},s("slot",{key:"4967bb4f4517352fcd91c45df2709113153d39fb",name:"end"},this.endIconName&&s("udp-fluent-icon",{key:"b44ea8c06021c2fa9372d1e5f46e22426cc3535b",name:this.endIconName,size:e})))),t&&s("div",{key:"f01bd40fab37e673c1ddef97f946ed359cd761ae",class:"loading-overlay"},s("udp-spinner",{key:"5b7da1b3503cb520ec2703f4c3e0235753a1b780",size:"large"===this.size?"extra-small":"tiny"})))}get el(){return this}static get style(){return":host{display:inline-block;position:relative;width:fit-content}:host([loading]) fluent-button{color:transparent !important}:host([loading]) ::slotted(*){visibility:hidden !important}.loading-overlay{position:absolute;top:57%;left:50%;transform:translate(-50%, -50%);z-index:1;pointer-events:none;display:flex;align-items:center;justify-content:center}:host([loading]) .slot-wrapper{visibility:hidden}.slot-wrapper{display:inline-flex;align-items:center}"}},[257,"udp-fluent-button",{appearance:[1],shape:[1],size:[1],iconOnly:[4,"icon-only"],disabled:[4],disabledFocusable:[4,"disabled-focusable"],loading:[516],tabIndex:[2,"tab-index"],startIconName:[1,"start-icon-name"],endIconName:[1,"end-icon-name"],form:[1],type:[1]}]);function f(){"undefined"!=typeof customElements&&["udp-fluent-button","udp-fluent-icon","udp-spinner"].forEach((e=>{switch(e){case"udp-fluent-button":customElements.get(n(e))||customElements.define(n(e),l);break;case"udp-fluent-icon":customElements.get(n(e))||r();break;case"udp-spinner":customElements.get(n(e))||c()}}))}export{l as U,f as d}

package/dist/components/udp-fluent-card2.js

@@ -1 +1 @@
-import{p as e,H as a,h as r,d as o,t}from"./index2.js";import{h as d}from"./slot-helpers.js";import{d as i}from"./udp-flexbox2.js";import{d as c}from"./udp-text2.js";const s=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.hasHeader=!1,this.hasHeaderStart=!1,this.hasHeaderAction=!1,this.hasPreview=!1,this.hasFooter=!1,this.appearance="filled",this.orientation="vertical",this.width="100%",this.height="fit-content",this.interactive=!1,this.bodyPadding=!0,this.handleSlotChange=()=>{this.checkSlots()}}componentWillLoad(){this.checkSlots()}checkSlots(){this.el&&(this.hasHeader=d(this.el,"header"),this.hasHeaderStart=d(this.el,"header-start"),this.hasHeaderAction=d(this.el,"header-action"),this.hasPreview=d(this.el,"preview"),this.hasFooter=d(this.el,"footer"))}render(){return r(o,{key:"2292c5312a295009149ca5c2456a8072e034dee1",class:{[`appearance-${this.appearance}`]:!0,[`orientation-${this.orientation}`]:!0,interactive:this.interactive},style:{width:this.width,height:this.height},tabIndex:this.interactive?0:void 0},r("div",{key:"46d981214fc354463640eb7c7cd867f7d9094e38",class:{"card-preview":!0,hidden:!this.hasPreview}},r("slot",{key:"247f215de49aee8d64f7b247018136ed503dccf3",name:"preview",onSlotchange:this.handleSlotChange})),r("div",{key:"2318b59b7c7ba5a0ab5b56b3b28a2363417b8dfa",class:{"card-header":!0,hidden:!(this.hasHeader||this.hasHeaderStart||this.label||this.subtitle||this.hasHeaderAction)}},r("div",{key:"3304dc7d50a07824f7891750dadc3b946bea8cf8",class:{"card-header-start":!0,hidden:!this.hasHeaderStart}},r("slot",{key:"59d5d0213b53a53d7800f675e8938e4fd6248a8c",name:"header-start",onSlotchange:this.handleSlotChange})),r("div",{key:"817ea88676180044450ae2afff9e815d9fe2768f",class:"card-header-content"},r("slot",{key:"7ecdf69858a5ae90df06ea151ce39db938e77569",name:"header",onSlotchange:this.handleSlotChange},(this.label||this.subtitle)&&r("div",{key:"4d11a4bd3ed1e2626c1923af90364b2695fd371a",class:"header-content-wrapper"},this.label&&r("udp-text",{key:"29c105697fe26453d0ea227dbdd997fc6cacedcf",variant:"subtitle2"},this.label),this.subtitle&&r("udp-text",{key:"4b447fe116f9d0ef33e26ac48275610ba2a676bd",variant:"caption1",class:"header-subtitle"},this.subtitle)))),r("udp-flexbox",{key:"0814680f2a74808ee6c5e59c022867233426e825",class:{hidden:!this.hasHeaderAction},direction:"row"},r("slot",{key:"ac190251b00e26f2e50649cd4cfd3f7b69add6f2",name:"header-action",onSlotchange:this.handleSlotChange}))),r("div",{key:"6169e8d4a2018a7efbe6e6529c4e5617392869a4",class:{"card-body":!0,"no-padding":!this.bodyPadding}},r("slot",{key:"11916ce68bed14ec248639ac93770d3e8fa3d6d2"})),r("udp-flexbox",{key:"f0adf0c0ae4e44c59d054032274721ace08a7232",class:{"card-footer":!0,hidden:!this.hasFooter},direction:"row"},r("slot",{key:"ada8eb323b528fb05caf1834275bdddabece88c9",name:"footer",onSlotchange:this.handleSlotChange})))}get el(){return this}static get style(){return":host{display:flex;flex-direction:column;box-sizing:border-box;color:var(--colorNeutralForeground1);background-color:var(--colorNeutralBackground1);border:1px solid transparent;border-radius:var(--borderRadiusMedium);box-shadow:var(--shadow4);padding:0;gap:0}:host(.orientation-horizontal){flex-direction:row;align-items:center}:host(.appearance-filled-darker){background-color:var(--colorNeutralBackground2)}:host(.appearance-outline){background-color:transparent;border:1px solid var(--colorNeutralStroke1);box-shadow:none}:host(.appearance-subtle){background-color:transparent;border:none;box-shadow:none}:host(.appearance-muted){background-color:var(--colorNeutralBackground3);border:1px solid transparent;box-shadow:none}:host(.appearance-muted-lighter){background-color:var(--colorNeutralBackground1);border:1px solid transparent;box-shadow:none}:host(.interactive){cursor:pointer;user-select:none}:host(.interactive:hover){background-color:var(--colorNeutralBackground1Hover);box-shadow:var(--shadow8)}:host(.interactive:active){background-color:var(--colorNeutralBackground1Pressed);box-shadow:var(--shadow2)}:host(.interactive.appearance-outline:hover){border-color:var(--colorNeutralStroke1Hover);box-shadow:none}:host(.interactive.appearance-outline:active){border-color:var(--colorNeutralStroke1Pressed);box-shadow:none}:host(.interactive.appearance-subtle:hover){background-color:var(--colorSubtleBackgroundHover);box-shadow:none}:host(.interactive.appearance-subtle:active){background-color:var(--colorSubtleBackgroundPressed);box-shadow:none}:host(.interactive.appearance-filled-darker:hover){background-color:var(--colorNeutralBackground2Hover)}:host(.interactive.appearance-filled-darker:active){background-color:var(--colorNeutralBackground2Pressed)}:host(.interactive.appearance-muted:hover){background-color:var(--colorNeutralBackground3Hover);box-shadow:none}:host(.interactive.appearance-muted:active){background-color:var(--colorNeutralBackground3Pressed);box-shadow:none}:host(.interactive.appearance-muted-lighter:hover){background-color:var(--colorNeutralBackground1Hover);box-shadow:none}:host(.interactive.appearance-muted-lighter:active){background-color:var(--colorNeutralBackground1Pressed);box-shadow:none}:host(.interactive:focus){outline:none}:host(.interactive:focus-visible){outline:var(--spacingVerticalXXS) solid var(--colorStrokeFocus2);outline-offset:var(--spacingVerticalXXS);border-radius:var(--borderRadiusMedium)}.card-preview{display:flex;flex-direction:column;padding:0;margin:0}.card-preview ::slotted(img){width:100%;height:auto;border-radius:var(--borderRadiusMedium) var(--borderRadiusMedium) 0 0;display:block}.card-header{display:flex;flex-direction:row;align-items:center;gap:var(--spacingHorizontalM);padding:var(--spacingHorizontalM);padding-bottom:0}.card-body{display:flex;flex-direction:column;gap:var(--spacingVerticalS);padding:var(--spacingHorizontalM);flex-grow:1}.card-body.no-padding{padding:0}.card-footer{padding:var(--spacingHorizontalM);padding-top:0}.card-header-start{display:flex;flex-shrink:0;align-items:center}.card-header-content{flex:1;min-width:0}.header-content-wrapper{display:flex;flex-direction:column;flex-grow:1}.hidden{display:none}.header-subtitle{color:var(--colorNeutralForeground2)}"}},[257,"udp-fluent-card",{appearance:[1],orientation:[1],width:[1],height:[1],interactive:[4],bodyPadding:[4,"body-padding"],label:[1],subtitle:[1],hasHeader:[32],hasHeaderStart:[32],hasHeaderAction:[32],hasPreview:[32],hasFooter:[32]}]);function n(){"undefined"!=typeof customElements&&["udp-fluent-card","udp-flexbox","udp-text"].forEach((e=>{switch(e){case"udp-fluent-card":customElements.get(t(e))||customElements.define(t(e),s);break;case"udp-flexbox":customElements.get(t(e))||i();break;case"udp-text":customElements.get(t(e))||c()}}))}export{s as U,n as d}
+import{p as e,H as a,h as r,d as o,t}from"./index2.js";import{h as d}from"./slot-helpers.js";import{d as i}from"./udp-flexbox2.js";import{d as c}from"./udp-text2.js";const s=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.hasHeader=!1,this.hasHeaderStart=!1,this.hasHeaderAction=!1,this.hasPreview=!1,this.hasFooter=!1,this.appearance="filled",this.orientation="vertical",this.width="100%",this.height="fit-content",this.interactive=!1,this.bodyPadding=!0,this.handleSlotChange=()=>{this.checkSlots()}}componentWillLoad(){this.checkSlots()}checkSlots(){this.el&&(this.hasHeader=d(this.el,"header"),this.hasHeaderStart=d(this.el,"header-start"),this.hasHeaderAction=d(this.el,"header-action"),this.hasPreview=d(this.el,"preview"),this.hasFooter=d(this.el,"footer"))}render(){return r(o,{key:"f4673f365aaa3754f7a5ab3625e09ed37b3c3b83",class:{[`appearance-${this.appearance}`]:!0,[`orientation-${this.orientation}`]:!0,interactive:this.interactive},style:{width:this.width,height:this.height},tabIndex:this.interactive?0:void 0},r("div",{key:"6ada15fb6e6db1f5a3bf1fcf9732b4f165353f5c",class:{"card-preview":!0,hidden:!this.hasPreview}},r("slot",{key:"5bc565785eae0fa6d51aadaf4dd9a5d09c25b95e",name:"preview",onSlotchange:this.handleSlotChange})),r("div",{key:"06a886a5c8a5724d01b849cce30e8a43343e9a5a",class:{"card-header":!0,hidden:!(this.hasHeader||this.hasHeaderStart||this.label||this.subtitle||this.hasHeaderAction)}},r("div",{key:"137791edcc47f51450bbe773d208a4d7faf9879f",class:{"card-header-start":!0,hidden:!this.hasHeaderStart}},r("slot",{key:"7bf3fafc41b70124bb66032c072063b184b35791",name:"header-start",onSlotchange:this.handleSlotChange})),r("div",{key:"7e1853490e0d80fa9f1f9b956b61242dd302e0e4",class:"card-header-content"},r("slot",{key:"3caefe16048c6eb164dfa7781b25317863588c73",name:"header",onSlotchange:this.handleSlotChange},(this.label||this.subtitle)&&r("div",{key:"f30637632f9f6ac6e3d2098095a6327b88ed4610",class:"header-content-wrapper"},this.label&&r("udp-text",{key:"fe9d5ba8574c1e6cc863145292ed356b58832fa3",variant:"subtitle2"},this.label),this.subtitle&&r("udp-text",{key:"2540c4bd163231c5b14f416bf1e40ab058b31fe8",variant:"caption1",class:"header-subtitle"},this.subtitle)))),r("udp-flexbox",{key:"a68c0340da8d1d8df5d59f1bfbe5fa6deb0de8c6",class:{hidden:!this.hasHeaderAction},direction:"row"},r("slot",{key:"48515b7125c4c0bd7f1fbfa5af0e63dfa868ce06",name:"header-action",onSlotchange:this.handleSlotChange}))),r("div",{key:"3ce3091c57d5514d4291b3a574d254678fe66605",class:{"card-body":!0,"no-padding":!this.bodyPadding}},r("slot",{key:"55ed56e28753ec208356f90646ad91b808815bda"})),r("udp-flexbox",{key:"31a4a538ac81822e34539834e51257de6a7592d3",class:{"card-footer":!0,hidden:!this.hasFooter},direction:"row"},r("slot",{key:"58203616e83c77ca159aa871175e54f03fa19ef5",name:"footer",onSlotchange:this.handleSlotChange})))}get el(){return this}static get style(){return":host{display:flex;flex-direction:column;box-sizing:border-box;color:var(--colorNeutralForeground1);background-color:var(--colorNeutralBackground1);border:1px solid transparent;border-radius:var(--borderRadiusMedium);box-shadow:var(--shadow4);padding:0;gap:0}:host(.orientation-horizontal){flex-direction:row;align-items:center}:host(.appearance-filled-darker){background-color:var(--colorNeutralBackground2)}:host(.appearance-outline){background-color:transparent;border:1px solid var(--colorNeutralStroke1);box-shadow:none}:host(.appearance-subtle){background-color:transparent;border:none;box-shadow:none}:host(.appearance-muted){background-color:var(--colorNeutralBackground3);border:1px solid transparent;box-shadow:none}:host(.appearance-muted-lighter){background-color:var(--colorNeutralBackground1);border:1px solid transparent;box-shadow:none}:host(.interactive){cursor:pointer;user-select:none}:host(.interactive:hover){background-color:var(--colorNeutralBackground1Hover);box-shadow:var(--shadow8)}:host(.interactive:active){background-color:var(--colorNeutralBackground1Pressed);box-shadow:var(--shadow2)}:host(.interactive.appearance-outline:hover){border-color:var(--colorNeutralStroke1Hover);box-shadow:none}:host(.interactive.appearance-outline:active){border-color:var(--colorNeutralStroke1Pressed);box-shadow:none}:host(.interactive.appearance-subtle:hover){background-color:var(--colorSubtleBackgroundHover);box-shadow:none}:host(.interactive.appearance-subtle:active){background-color:var(--colorSubtleBackgroundPressed);box-shadow:none}:host(.interactive.appearance-filled-darker:hover){background-color:var(--colorNeutralBackground2Hover)}:host(.interactive.appearance-filled-darker:active){background-color:var(--colorNeutralBackground2Pressed)}:host(.interactive.appearance-muted:hover){background-color:var(--colorNeutralBackground3Hover);box-shadow:none}:host(.interactive.appearance-muted:active){background-color:var(--colorNeutralBackground3Pressed);box-shadow:none}:host(.interactive.appearance-muted-lighter:hover){background-color:var(--colorNeutralBackground1Hover);box-shadow:none}:host(.interactive.appearance-muted-lighter:active){background-color:var(--colorNeutralBackground1Pressed);box-shadow:none}:host(.interactive:focus){outline:none}:host(.interactive:focus-visible){outline:var(--spacingVerticalXXS) solid var(--colorStrokeFocus2);outline-offset:var(--spacingVerticalXXS);border-radius:var(--borderRadiusMedium)}.card-preview{display:flex;flex-direction:column;padding:0;margin:0}.card-preview ::slotted(img){width:100%;height:auto;border-radius:var(--borderRadiusMedium) var(--borderRadiusMedium) 0 0;display:block}.card-header{display:flex;flex-direction:row;align-items:center;gap:var(--spacingHorizontalM);padding:var(--spacingHorizontalM);padding-bottom:0}.card-body{display:flex;flex-direction:column;gap:var(--spacingVerticalS);padding:var(--spacingHorizontalM);flex-grow:1}.card-body.no-padding{padding:0}.card-footer{padding:var(--spacingHorizontalM);padding-top:0}.card-header-start{display:flex;flex-shrink:0;align-items:center}.card-header-content{flex:1;min-width:0}.header-content-wrapper{display:flex;flex-direction:column;flex-grow:1}.hidden{display:none}.header-subtitle{color:var(--colorNeutralForeground2)}"}},[257,"udp-fluent-card",{appearance:[1],orientation:[1],width:[1],height:[1],interactive:[4],bodyPadding:[4,"body-padding"],label:[1],subtitle:[1],hasHeader:[32],hasHeaderStart:[32],hasHeaderAction:[32],hasPreview:[32],hasFooter:[32]}]);function n(){"undefined"!=typeof customElements&&["udp-fluent-card","udp-flexbox","udp-text"].forEach((e=>{switch(e){case"udp-fluent-card":customElements.get(t(e))||customElements.define(t(e),s);break;case"udp-flexbox":customElements.get(t(e))||i();break;case"udp-text":customElements.get(t(e))||c()}}))}export{s as U,n as d}

package/dist/components/udp-fluent-checkbox2.js

@@ -1 +1 @@
-import{p as e,H as t,c as s,h as i,d as o,t as n}from"./index2.js";import"@fluentui/web-components/checkbox.js";import"@fluentui/web-components/field.js";import"@fluentui/web-components/label.js";import{d as a}from"./udp-fluent-icon2.js";import{d as l}from"./udp-text2.js";import{d}from"./udp-tooltip2.js";const r=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.valueChanged=s(this,"valueChanged",7),this.checked=!1,this.indeterminate=!1,this.disabled=!1,this.shape="square",this.controlSize="medium",this.autofocus=!1,this.labelPosition="after",this.includeErrorPadding=!0,this.handleChange=e=>{e.stopPropagation(),this.valueChanged.emit(e.target.checked)},this.handleLabelClick=()=>{!this.disabled&&this.internalCheckbox&&this.internalCheckbox.click()}}componentDidRender(){this.internalCheckbox&&this.internalCheckbox.toggleAttribute("disabled",this.disabled)}render(){const e=!!this.error,t=this.error||this.hint;return i(o,{key:"f19bd3b1948a8ab4c8fc87a111d285477cadf4ed"},i("fluent-field",{key:"3a0eb5e458773f305cbecdbd094bf770d229de99","label-position":this.labelPosition,class:{"no-label":!this.label,"no-message":!t&&!this.includeErrorPadding}},i("fluent-label",{key:"311f30e2fb4b3b27d7a2f0999cc43b132bd743df",slot:"label",disabled:this.disabled,onClick:this.handleLabelClick},this.label,this.popupHint&&i("udp-tooltip",{key:"c737cd8eaaa4f128f9a33ffe306f7edae5691d3a",content:this.popupHint,positioning:"above"},i("udp-fluent-icon",{key:"6b33e231331977265a92dae76140b09dd158a500",name:"info",size:"xs",class:"popup-hint-icon"}))),i("fluent-checkbox",{key:"95d02cc6ae7c2b0865ba51f57290b5f7bfb15721",ref:e=>this.internalCheckbox=e,slot:"input",name:this.name,checked:this.checked,indeterminate:this.indeterminate,disabled:this.disabled,shape:this.shape,size:this.controlSize,autofocus:this.autofocus,onChange:this.handleChange}),i("udp-text",{key:"241bdd41dfcb6dd236c098afde18b3236d895f1c",slot:"message",variant:"caption1",class:{message:!0,error:e,includeErrorPadding:this.includeErrorPadding}},t)))}static get delegatesFocus(){return!0}get el(){return this}static get style(){return".message{color:var(--colorNeutralForeground3)}.message.includeErrorPadding{min-height:var(--lineHeightBase200)}.message.error{color:var(--colorPaletteRedForeground1)}.popup-hint-icon{margin-left:2px}fluent-field.no-label::part(label){display:none}fluent-field.no-message::part(message){display:none}fluent-label{cursor:pointer}:host([disabled]) fluent-label{cursor:default}fluent-label[disabled]{color:var(--colorNeutralForeground1)}fluent-field[label-position='before']{align-items:start}"}},[17,"udp-fluent-checkbox",{checked:[4],name:[1],indeterminate:[4],disabled:[4],shape:[1],controlSize:[1,"control-size"],autofocus:[4],label:[1],labelPosition:[1,"label-position"],hint:[1],popupHint:[1,"popup-hint"],error:[1],includeErrorPadding:[4,"include-error-padding"]}]);function c(){"undefined"!=typeof customElements&&["udp-fluent-checkbox","udp-fluent-icon","udp-text","udp-tooltip"].forEach((e=>{switch(e){case"udp-fluent-checkbox":customElements.get(n(e))||customElements.define(n(e),r);break;case"udp-fluent-icon":customElements.get(n(e))||a();break;case"udp-text":customElements.get(n(e))||l();break;case"udp-tooltip":customElements.get(n(e))||d()}}))}export{r as U,c as d}
+import{p as e,H as t,c as s,h as i,d as o,t as a}from"./index2.js";import"@fluentui/web-components/checkbox.js";import"@fluentui/web-components/field.js";import"@fluentui/web-components/label.js";import{d as n}from"./udp-fluent-icon2.js";import{d as l}from"./udp-text2.js";import{d}from"./udp-tooltip2.js";const r=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.valueChanged=s(this,"valueChanged",7),this.checked=!1,this.indeterminate=!1,this.disabled=!1,this.shape="square",this.controlSize="medium",this.autofocus=!1,this.labelPosition="after",this.includeErrorPadding=!0,this.handleChange=e=>{e.stopPropagation(),this.valueChanged.emit(e.target.checked)},this.handleLabelClick=()=>{!this.disabled&&this.internalCheckbox&&this.internalCheckbox.click()}}componentDidRender(){this.internalCheckbox&&this.internalCheckbox.toggleAttribute("disabled",this.disabled)}render(){const e=!!this.error,t=this.error||this.hint;return i(o,{key:"555c6212a5afb2d42e070801f4e59f22edd2777c"},i("fluent-field",{key:"ff43d164636d41b2802c4a4b0df306f9ef04e105","label-position":this.labelPosition,class:{"no-label":!this.label,"no-message":!t&&!this.includeErrorPadding}},i("fluent-label",{key:"ef7f13da0b46f7e492de09101a1366a1b86a29be",slot:"label",disabled:this.disabled,onClick:this.handleLabelClick},this.label,this.popupHint&&i("udp-tooltip",{key:"971fbb4c6fe5ea4954440c8550d7104455291da5",content:this.popupHint,positioning:"above"},i("udp-fluent-icon",{key:"84dc5caf9af0db0bc7de5cba520fd8d67a9023a7",name:"info",size:"xs",class:"popup-hint-icon"}))),i("fluent-checkbox",{key:"69fe6dfaf9df48aa71cc5573c46d12a5c413b03a",ref:e=>this.internalCheckbox=e,slot:"input",name:this.name,checked:this.checked,indeterminate:this.indeterminate,disabled:this.disabled,shape:this.shape,size:this.controlSize,autofocus:this.autofocus,onChange:this.handleChange}),i("udp-text",{key:"58bab00d4eccf1b3b801090a4f64821811544f97",slot:"message",variant:"caption1",class:{message:!0,error:e,includeErrorPadding:this.includeErrorPadding}},t)))}static get delegatesFocus(){return!0}get el(){return this}static get style(){return".message{color:var(--colorNeutralForeground3)}.message.includeErrorPadding{min-height:var(--lineHeightBase200)}.message.error{color:var(--colorPaletteRedForeground1)}.popup-hint-icon{margin-left:2px}fluent-field.no-label::part(label){display:none}fluent-field.no-message::part(message){display:none}fluent-label{cursor:pointer}:host([disabled]) fluent-label{cursor:default}fluent-label[disabled]{color:var(--colorNeutralForeground1)}fluent-field[label-position='before']{align-items:start}"}},[17,"udp-fluent-checkbox",{checked:[4],name:[1],indeterminate:[4],disabled:[4],shape:[1],controlSize:[1,"control-size"],autofocus:[4],label:[1],labelPosition:[1,"label-position"],hint:[1],popupHint:[1,"popup-hint"],error:[1],includeErrorPadding:[4,"include-error-padding"]}]);function c(){"undefined"!=typeof customElements&&["udp-fluent-checkbox","udp-fluent-icon","udp-text","udp-tooltip"].forEach((e=>{switch(e){case"udp-fluent-checkbox":customElements.get(a(e))||customElements.define(a(e),r);break;case"udp-fluent-icon":customElements.get(a(e))||n();break;case"udp-text":customElements.get(a(e))||l();break;case"udp-tooltip":customElements.get(a(e))||d()}}))}export{r as U,c as d}

package/dist/components/udp-fluent-counter-badge2.js

@@ -1 +1 @@
-import{p as e,H as t,h as o,d as r,t as s}from"./index2.js";import"@fluentui/web-components/counter-badge.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.showZero=!1,this.dot=!1}render(){return o(r,{key:"d0ce058042387bbb8a93056b736bab466418d6c8"},o("fluent-counter-badge",{key:"64895692b2100bd7e4f567f0c3b2243a3eea5d2b",appearance:this.appearance,color:this.color,shape:this.shape,size:this.size,count:this.count,"overflow-count":this.overflowCount,"show-zero":this.showZero,dot:this.dot},o("slot",{key:"ebd0067c29bc37ffbaff18d39c68bbab24614a14",name:"start",slot:"start"}),void 0===this.count&&o("slot",{key:"17ac73d4d9123cd52c0f9d9cd2dae56228d4e569"}),o("slot",{key:"f541c02e1d6f85736ead9b213308b104adb5d6cb",name:"end",slot:"end"})))}static get style(){return":host{display:flex;align-items:center;color:var(--colorNeutralForeground1)}fluent-counter-badge:not([color='subtle']){--colorNeutralBackground1:transparent}fluent-counter-badge[color='subtle'][appearance='ghost']{--colorNeutralForegroundInverted:var(--colorNeutralForeground2)}"}},[257,"udp-fluent-counter-badge",{appearance:[1],color:[1],shape:[1],size:[1],count:[2],overflowCount:[2,"overflow-count"],showZero:[4,"show-zero"],dot:[4]}]);function a(){"undefined"!=typeof customElements&&["udp-fluent-counter-badge"].forEach((e=>{"udp-fluent-counter-badge"===e&&(customElements.get(s(e))||customElements.define(s(e),n))}))}export{n as U,a as d}
+import{p as e,H as t,h as o,d as r,t as s}from"./index2.js";import"@fluentui/web-components/counter-badge.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.showZero=!1,this.dot=!1}render(){return o(r,{key:"6d59bd6cf1513c226d55ac32218fcc1d5e775d2a"},o("fluent-counter-badge",{key:"66540dc45927980a937002819c592fd01332875c",appearance:this.appearance,color:this.color,shape:this.shape,size:this.size,count:this.count,"overflow-count":this.overflowCount,"show-zero":this.showZero,dot:this.dot},o("slot",{key:"7fbe6bd20471101e3b3897f3389901972aec71f0",name:"start",slot:"start"}),void 0===this.count&&o("slot",{key:"3df44bd9fee4d2ba2537b47f5092facc8827be0d"}),o("slot",{key:"f1818aedfa302119d6c1d223e00ce8b071910053",name:"end",slot:"end"})))}static get style(){return":host{display:flex;align-items:center;color:var(--colorNeutralForeground1)}fluent-counter-badge:not([color='subtle']){--colorNeutralBackground1:transparent}fluent-counter-badge[color='subtle'][appearance='ghost']{--colorNeutralForegroundInverted:var(--colorNeutralForeground2)}"}},[257,"udp-fluent-counter-badge",{appearance:[1],color:[1],shape:[1],size:[1],count:[2],overflowCount:[2,"overflow-count"],showZero:[4,"show-zero"],dot:[4]}]);function a(){"undefined"!=typeof customElements&&["udp-fluent-counter-badge"].forEach((e=>{"udp-fluent-counter-badge"===e&&(customElements.get(s(e))||customElements.define(s(e),n))}))}export{n as U,a as d}