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

package/dist/components/udp-progress-bar2.js

@@ -1 +1 @@
-import{p as s,H as e,h as t,d as a,t as i}from"./index2.js";import"@fluentui/web-components/progress-bar.js";const r=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.thickness="medium",this.shape="rounded",this.validationState="info"}render(){return t(a,{key:"ed081305f42309a9078c45f9b22e6c49e0a1a548"},t("fluent-progress-bar",{key:"f02abe008130ae9a1b8b1e35817ad64bd1243bf7",thickness:this.thickness,shape:this.shape,"validation-state":this.validationState,value:this.value,min:this.min,max:this.max}))}},[1,"udp-progress-bar",{thickness:[1],shape:[1],validationState:[1,"validation-state"],value:[2],min:[2],max:[2]}]);function n(){"undefined"!=typeof customElements&&["udp-progress-bar"].forEach((s=>{"udp-progress-bar"===s&&(customElements.get(i(s))||customElements.define(i(s),r))}))}export{r as U,n as d}
+import{p as s,H as e,h as t,d as a,t as i}from"./index2.js";import"@fluentui/web-components/progress-bar.js";const r=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.thickness="medium",this.shape="rounded",this.validationState="info"}render(){return t(a,{key:"0948de54e61747c0fc87ad8467391d475a8937b8"},t("fluent-progress-bar",{key:"78cf79e927b60e3f1eb8bf165e490045da03a62f",thickness:this.thickness,shape:this.shape,"validation-state":this.validationState,value:this.value,min:this.min,max:this.max}))}},[1,"udp-progress-bar",{thickness:[1],shape:[1],validationState:[1,"validation-state"],value:[2],min:[2],max:[2]}]);function n(){"undefined"!=typeof customElements&&["udp-progress-bar"].forEach((s=>{"udp-progress-bar"===s&&(customElements.get(i(s))||customElements.define(i(s),r))}))}export{r as U,n as d}

package/dist/components/udp-sankey-chart.js

@@ -1,2 +1,2 @@
 import "../stencil-library/stencil-library.css";
-import{p as t,H as e,h as i,t as r}from"./index2.js";import*as a from"@amcharts/amcharts4/charts";import*as s from"@amcharts/amcharts4/core";import{s as d,j as o}from"./chartUtils.js";import{v4 as h}from"uuid";import{d as n}from"./chart-container2.js";import{d as m}from"./chart-kpi2.js";import{d as c}from"./stencil-icon-button2.js";import{d as l}from"./udp-adornment2.js";import{d as p}from"./udp-ambient-card2.js";import{d as u}from"./udp-ambient-tool-tip2.js";import{d as b}from"./udp-badge2.js";import{d as g}from"./unity-typography2.js";const f=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.hideBorder=!1,this.sourceIdField="from",this.targetIdField="to",this.labelFormat="{name}: ${value}",this.tooltipTextFormat="{fromName} - {toName}: ${value}",this.nodeTooltipTextFormat=void 0,this.paddingRight=110,this.removePadding=!1,this.chartId=h()}async renderChart(){const t=async()=>{var e,i,r;const h=null===(i=null===(e=this.el)||void 0===e?void 0:e.shadowRoot)||void 0===i?void 0:i.getElementById(this.chartId);if(!h)return await new Promise((t=>setTimeout(t,50))),t();this.valueField&&this.sourceIdField&&this.targetIdField&&(this.chart&&this.chart.dispose(),this.chart=s.create(h,a.SankeyDiagram),d(this.chart,h,this.enableExport),o(this.chart,this.valueField,this.sourceIdField,this.targetIdField,this.paddingRight,this.labelFormat,this.tooltipTextFormat,this.nodeTooltipTextFormat),this.chart.data=null!==(r=this.data)&&void 0!==r?r:[])};await t()}componentDidLoad(){this.renderChart()}disconnectedCallback(){this.chart&&this.chart.dispose()}render(){return i("chart-container",{key:"14009cd0f4e5f343e11f275180dd6800eae995e2",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}],sourceIdField:[{renderChart:0}],targetIdField:[{renderChart:0}],labelFormat:[{renderChart:0}],tooltipTextFormat:[{renderChart:0}],nodeTooltipTextFormat:[{renderChart:0}],paddingRight:[{renderChart:0}],hideLegend:[{renderChart:0}],data:[{renderChart:0}]}}static get style(){return":host{display:block}"}},[1,"udp-sankey-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"],hideBorder:[4,"hide-border"],sourceIdField:[1,"source-id-field"],targetIdField:[1,"target-id-field"],labelFormat:[1,"label-format"],tooltipTextFormat:[1,"tooltip-text-format"],nodeTooltipTextFormat:[1,"node-tooltip-text-format"],paddingRight:[2,"padding-right"],enableExport:[4,"enable-export"],removePadding:[4,"remove-padding"],chartId:[1,"chart-id"]},void 0,{valueField:[{renderChart:0}],sourceIdField:[{renderChart:0}],targetIdField:[{renderChart:0}],labelFormat:[{renderChart:0}],tooltipTextFormat:[{renderChart:0}],nodeTooltipTextFormat:[{renderChart:0}],paddingRight:[{renderChart:0}],hideLegend:[{renderChart:0}],data:[{renderChart:0}]}]),k=f,v=function(){"undefined"!=typeof customElements&&["udp-sankey-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-sankey-chart":customElements.get(r(t))||customElements.define(r(t),f);break;case"chart-container":customElements.get(r(t))||n();break;case"chart-kpi":customElements.get(r(t))||m();break;case"stencil-icon-button":customElements.get(r(t))||c();break;case"udp-adornment":customElements.get(r(t))||l();break;case"udp-ambient-card":customElements.get(r(t))||p();break;case"udp-ambient-tool-tip":customElements.get(r(t))||u();break;case"udp-badge":customElements.get(r(t))||b();break;case"unity-typography":customElements.get(r(t))||g()}}))};export{k as UdpSankeyChart,v as defineCustomElement}
+import{p as t,H as e,h as i,t as r}from"./index2.js";import*as a from"@amcharts/amcharts4/charts";import*as s from"@amcharts/amcharts4/core";import{s as d,j as o}from"./chartUtils.js";import{v4 as h}from"uuid";import{d as n}from"./chart-container2.js";import{d as m}from"./chart-kpi2.js";import{d as c}from"./stencil-icon-button2.js";import{d as l}from"./udp-adornment2.js";import{d as p}from"./udp-ambient-card2.js";import{d as u}from"./udp-ambient-tool-tip2.js";import{d as b}from"./udp-badge2.js";import{d as g}from"./unity-typography2.js";const f=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.hideBorder=!1,this.sourceIdField="from",this.targetIdField="to",this.labelFormat="{name}: ${value}",this.tooltipTextFormat="{fromName} - {toName}: ${value}",this.nodeTooltipTextFormat=void 0,this.paddingRight=110,this.removePadding=!1,this.chartId=h()}async renderChart(){const t=async()=>{var e,i,r;const h=null===(i=null===(e=this.el)||void 0===e?void 0:e.shadowRoot)||void 0===i?void 0:i.getElementById(this.chartId);if(!h)return await new Promise((t=>setTimeout(t,50))),t();this.valueField&&this.sourceIdField&&this.targetIdField&&(this.chart&&this.chart.dispose(),this.chart=s.create(h,a.SankeyDiagram),d(this.chart,h,this.enableExport),o(this.chart,this.valueField,this.sourceIdField,this.targetIdField,this.paddingRight,this.labelFormat,this.tooltipTextFormat,this.nodeTooltipTextFormat),this.chart.data=null!==(r=this.data)&&void 0!==r?r:[])};await t()}componentDidLoad(){this.renderChart()}disconnectedCallback(){this.chart&&this.chart.dispose()}render(){return i("chart-container",{key:"241dd67a11cc0725daa9a4b6a4c29075a438cfbf",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}],sourceIdField:[{renderChart:0}],targetIdField:[{renderChart:0}],labelFormat:[{renderChart:0}],tooltipTextFormat:[{renderChart:0}],nodeTooltipTextFormat:[{renderChart:0}],paddingRight:[{renderChart:0}],hideLegend:[{renderChart:0}],data:[{renderChart:0}]}}static get style(){return":host{display:block}"}},[1,"udp-sankey-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"],hideBorder:[4,"hide-border"],sourceIdField:[1,"source-id-field"],targetIdField:[1,"target-id-field"],labelFormat:[1,"label-format"],tooltipTextFormat:[1,"tooltip-text-format"],nodeTooltipTextFormat:[1,"node-tooltip-text-format"],paddingRight:[2,"padding-right"],enableExport:[4,"enable-export"],removePadding:[4,"remove-padding"],chartId:[1,"chart-id"]},void 0,{valueField:[{renderChart:0}],sourceIdField:[{renderChart:0}],targetIdField:[{renderChart:0}],labelFormat:[{renderChart:0}],tooltipTextFormat:[{renderChart:0}],nodeTooltipTextFormat:[{renderChart:0}],paddingRight:[{renderChart:0}],hideLegend:[{renderChart:0}],data:[{renderChart:0}]}]),k=f,v=function(){"undefined"!=typeof customElements&&["udp-sankey-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-sankey-chart":customElements.get(r(t))||customElements.define(r(t),f);break;case"chart-container":customElements.get(r(t))||n();break;case"chart-kpi":customElements.get(r(t))||m();break;case"stencil-icon-button":customElements.get(r(t))||c();break;case"udp-adornment":customElements.get(r(t))||l();break;case"udp-ambient-card":customElements.get(r(t))||p();break;case"udp-ambient-tool-tip":customElements.get(r(t))||u();break;case"udp-badge":customElements.get(r(t))||b();break;case"unity-typography":customElements.get(r(t))||g()}}))};export{k as UdpSankeyChart,v as defineCustomElement}

package/dist/components/udp-search-input2.js

@@ -1 +1 @@
-import{p as t,H as e,c as o,h as s,d as i,t as a}from"./index2.js";import"@fluentui/web-components/text-input.js";import"@fluentui/web-components/field.js";import"@fluentui/web-components/label.js";import{d as n}from"./udp-fluent-button2.js";import{d as r}from"./udp-fluent-icon2.js";import{d as l}from"./udp-fluent-icon-button2.js";import{d as u}from"./udp-spinner2.js";import{d as c}from"./udp-text2.js";import{d}from"./udp-tooltip2.js";const p=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.valueChanged=o(this,"valueChanged",7),this.inputBlur=o(this,"inputBlur",7),this.inputFocus=o(this,"inputFocus",7),this.internalValue="",this.includeErrorPadding=!0,this.type="text",this.required=!1,this.disabled=!1,this.readonly=!1,this.autofocus=!1,this.spellcheck=!1,this.appearance="outline",this.controlSize="medium",this.handleInput=t=>{t.stopPropagation();const e=t.target;this.internalValue=e.value,this.valueChanged.emit(e.value)},this.handleClear=t=>{var e;t.stopPropagation(),this.internalInput&&(this.internalInput.value=""),this.internalValue="",this.valueChanged.emit(""),null===(e=this.internalInput)||void 0===e||e.focus()}}handleValuePropChange(t){this.internalValue=null!=t?t:""}componentDidLoad(){var t;this.internalInput&&null!=this.value&&(this.internalInput.value=this.value),this.internalValue=null!==(t=this.value)&&void 0!==t?t:""}select(){var t;return null===(t=this.internalInput)||void 0===t||t.select(),Promise.resolve()}render(){const t=!!this.error,e=this.error||this.hint;return s(i,{key:"1283f99650dac71eaca68e07328317218d4a6706",class:{"has-error":t}},s("fluent-field",{key:"4c19532ddfb0e4c302b60131e01f8b1754f464ed",class:{"no-message":!e&&!this.includeErrorPadding}},s("fluent-text-input",{key:"1aea377062cbd2460a5631aff912eb77931c2b82",ref:t=>this.internalInput=t,class:{"no-label":!this.label},slot:"input",name:this.name,value:this.value,type:this.type,placeholder:this.placeholder,required:this.required,disabled:this.disabled,readonly:this.readonly,autofocus:this.autofocus,autocomplete:this.autocomplete,spellcheck:this.spellcheck?"true":"false",appearance:this.appearance,controlSize:this.controlSize,onInput:this.handleInput,onBlur:()=>this.inputBlur.emit(),onFocus:()=>this.inputFocus.emit(),onInvalid:t=>t.preventDefault()},s("slot",{key:"aeb7a77828c641c6250f1083365c8dbce921d504",slot:"start",name:"start"},s("udp-fluent-icon",{key:"1a6fd88be4feb32e9edbff5af35858bde1850e06",name:"search",size:"xs"})),s("udp-fluent-icon-button",{key:"505a648b0d4a8a248541b4ae94babf4137eb7808",class:{"clear-button":!0,"is-visible":!!this.internalValue&&!this.disabled&&!this.readonly},slot:"end",iconName:"dismiss",appearance:"transparent",size:"small",onClick:this.handleClear,onMouseDown:t=>t.preventDefault(),ariaLabel:"Clear",tabIndex:-1}),this.label&&s("fluent-label",{key:"c6ca422da68bc799733ac9a0e431125b21347647",required:this.required,disabled:this.disabled},this.label,this.popupHint&&s("udp-tooltip",{key:"b75b100acfdae25f5b0c589fd1d65ea0fb75e06c",content:this.popupHint,positioning:"above"},s("udp-fluent-icon",{key:"eb813886f547c03d32d50ad714920213cb8fe048",name:"info",size:"xs",class:"popup-hint-icon"})))),(!!e||this.includeErrorPadding)&&s("udp-text",{key:"54526ac7342d3c9dcc40a7ba6cae3c980fb45934",slot:"message",variant:"caption1",class:{message:!0,error:t,includeErrorPadding:this.includeErrorPadding}},e)))}static get delegatesFocus(){return!0}static get watchers(){return{value:[{handleValuePropChange:0}]}}static get style(){return"fluent-text-input.no-label::part(label){display:none}fluent-field.no-message::part(message){display:none}fluent-text-input[disabled]::part(control){color:var(--colorNeutralForegroundDisabled);-webkit-text-fill-color:var(--colorNeutralForegroundDisabled)}fluent-text-input[disabled]::part(root){background-color:var(--colorNeutralBackgroundDisabled)}fluent-label[disabled]{color:var(--colorNeutralForeground1)}fluent-text-input::part(control):-webkit-autofill,fluent-text-input::part(control):-webkit-autofill:hover,fluent-text-input::part(control):-webkit-autofill:focus,fluent-text-input::part(control):-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--colorNeutralBackground1) inset !important;-webkit-text-fill-color:var(--colorNeutralForeground1) !important;transition:background-color 5000s ease-in-out 0s}:host{display:block;width:100%;color:var(--colorNeutralForeground1)}fluent-field{width:100%}fluent-text-input{width:100%;max-width:100%}.message{color:var(--colorNeutralForeground3)}.message.includeErrorPadding{min-height:var(--lineHeightBase200)}.message.error{color:var(--colorPaletteRedForeground1)}.popup-hint-icon{margin-left:2px}:host(.has-error) fluent-text-input::part(root){border-color:var(--colorPaletteRedBorder2)}:host(.has-error:focus-within) fluent-text-input::part(root){border-color:var(--colorNeutralStroke1)}.clear-button{display:none}.clear-button.is-visible{display:inline-flex}"}},[273,"udp-search-input",{value:[1],name:[1],label:[1],hint:[1],popupHint:[1,"popup-hint"],error:[1],includeErrorPadding:[4,"include-error-padding"],type:[1],placeholder:[1],required:[4],disabled:[4],readonly:[4],autofocus:[4],autocomplete:[1],spellcheck:[4],appearance:[1],controlSize:[1,"control-size"],internalValue:[32],select:[64]},void 0,{value:[{handleValuePropChange:0}]}]);function h(){"undefined"!=typeof customElements&&["udp-search-input","udp-fluent-button","udp-fluent-icon","udp-fluent-icon-button","udp-spinner","udp-text","udp-tooltip"].forEach((t=>{switch(t){case"udp-search-input":customElements.get(a(t))||customElements.define(a(t),p);break;case"udp-fluent-button":customElements.get(a(t))||n();break;case"udp-fluent-icon":customElements.get(a(t))||r();break;case"udp-fluent-icon-button":customElements.get(a(t))||l();break;case"udp-spinner":customElements.get(a(t))||u();break;case"udp-text":customElements.get(a(t))||c();break;case"udp-tooltip":customElements.get(a(t))||d()}}))}export{p as U,h as d}
+import{p as t,H as e,c as o,h as s,d as i,t as a}from"./index2.js";import"@fluentui/web-components/text-input.js";import"@fluentui/web-components/field.js";import"@fluentui/web-components/label.js";import{d as n}from"./udp-fluent-button2.js";import{d as r}from"./udp-fluent-icon2.js";import{d as l}from"./udp-fluent-icon-button2.js";import{d as u}from"./udp-spinner2.js";import{d as c}from"./udp-text2.js";import{d}from"./udp-tooltip2.js";const p=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.valueChanged=o(this,"valueChanged",7),this.inputBlur=o(this,"inputBlur",7),this.inputFocus=o(this,"inputFocus",7),this.internalValue="",this.includeErrorPadding=!0,this.type="text",this.required=!1,this.disabled=!1,this.readonly=!1,this.autofocus=!1,this.spellcheck=!1,this.appearance="outline",this.controlSize="medium",this.handleInput=t=>{t.stopPropagation();const e=t.target;this.internalValue=e.value,this.valueChanged.emit(e.value)},this.handleClear=t=>{var e;t.stopPropagation(),this.internalInput&&(this.internalInput.value=""),this.internalValue="",this.valueChanged.emit(""),null===(e=this.internalInput)||void 0===e||e.focus()}}handleValuePropChange(t){this.internalValue=null!=t?t:""}componentDidLoad(){var t;this.internalInput&&null!=this.value&&(this.internalInput.value=this.value),this.internalValue=null!==(t=this.value)&&void 0!==t?t:""}select(){var t;return null===(t=this.internalInput)||void 0===t||t.select(),Promise.resolve()}render(){const t=!!this.error,e=this.error||this.hint;return s(i,{key:"c0ad7e57ba5f4a9eda2ce854c778ba559a0ab4c6",class:{"has-error":t}},s("fluent-field",{key:"e8b058e088387a5c1b970d2a0c37515829c29789",class:{"no-message":!e&&!this.includeErrorPadding}},s("fluent-text-input",{key:"a80688686d5a642472aeb5edc64e059efe823d35",ref:t=>this.internalInput=t,class:{"no-label":!this.label},slot:"input",name:this.name,value:this.value,type:this.type,placeholder:this.placeholder,required:this.required,disabled:this.disabled,readonly:this.readonly,autofocus:this.autofocus,autocomplete:this.autocomplete,spellcheck:this.spellcheck?"true":"false",appearance:this.appearance,controlSize:this.controlSize,onInput:this.handleInput,onBlur:()=>this.inputBlur.emit(),onFocus:()=>this.inputFocus.emit(),onInvalid:t=>t.preventDefault()},s("slot",{key:"e286143785d07aed1ecbb7ae7aacc6185f3967da",slot:"start",name:"start"},s("udp-fluent-icon",{key:"4ffcfbb08de2f19e78efa2b2654ea74ebf401a2a",name:"search",size:"xs"})),s("udp-fluent-icon-button",{key:"6271fb0be37b314c2a7ef01777e790cdfde4aafd",class:{"clear-button":!0,"is-visible":!!this.internalValue&&!this.disabled&&!this.readonly},slot:"end",iconName:"dismiss",appearance:"transparent",size:"small",onClick:this.handleClear,onMouseDown:t=>t.preventDefault(),ariaLabel:"Clear",tabIndex:-1}),this.label&&s("fluent-label",{key:"76c6d879ab5081ebb682fb673ae4cc17cfed843d",required:this.required,disabled:this.disabled},this.label,this.popupHint&&s("udp-tooltip",{key:"e9458ccc073f21a35e708913d01247b1cde0b4f7",content:this.popupHint,positioning:"above"},s("udp-fluent-icon",{key:"e01470ae5dd057c2fd3f327269a8434669af0027",name:"info",size:"xs",class:"popup-hint-icon"})))),(!!e||this.includeErrorPadding)&&s("udp-text",{key:"04724c87df263e121eca183b1c3b4f15a9e7c34e",slot:"message",variant:"caption1",class:{message:!0,error:t,includeErrorPadding:this.includeErrorPadding}},e)))}static get delegatesFocus(){return!0}static get watchers(){return{value:[{handleValuePropChange:0}]}}static get style(){return"fluent-text-input.no-label::part(label){display:none}fluent-field.no-message::part(message){display:none}fluent-text-input[disabled]::part(control){color:var(--colorNeutralForegroundDisabled);-webkit-text-fill-color:var(--colorNeutralForegroundDisabled)}fluent-text-input[disabled]::part(root){background-color:var(--colorNeutralBackgroundDisabled)}fluent-label[disabled]{color:var(--colorNeutralForeground1)}fluent-text-input::part(control):-webkit-autofill,fluent-text-input::part(control):-webkit-autofill:hover,fluent-text-input::part(control):-webkit-autofill:focus,fluent-text-input::part(control):-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--colorNeutralBackground1) inset !important;-webkit-text-fill-color:var(--colorNeutralForeground1) !important;transition:background-color 5000s ease-in-out 0s}:host{display:block;width:100%;color:var(--colorNeutralForeground1)}fluent-field{width:100%}fluent-text-input{width:100%;max-width:100%}.message{color:var(--colorNeutralForeground3)}.message.includeErrorPadding{min-height:var(--lineHeightBase200)}.message.error{color:var(--colorPaletteRedForeground1)}.popup-hint-icon{margin-left:2px}:host(.has-error) fluent-text-input::part(root){border-color:var(--colorPaletteRedBorder2)}:host(.has-error:focus-within) fluent-text-input::part(root){border-color:var(--colorNeutralStroke1)}.clear-button{display:none}.clear-button.is-visible{display:inline-flex}"}},[273,"udp-search-input",{value:[1],name:[1],label:[1],hint:[1],popupHint:[1,"popup-hint"],error:[1],includeErrorPadding:[4,"include-error-padding"],type:[1],placeholder:[1],required:[4],disabled:[4],readonly:[4],autofocus:[4],autocomplete:[1],spellcheck:[4],appearance:[1],controlSize:[1,"control-size"],internalValue:[32],select:[64]},void 0,{value:[{handleValuePropChange:0}]}]);function h(){"undefined"!=typeof customElements&&["udp-search-input","udp-fluent-button","udp-fluent-icon","udp-fluent-icon-button","udp-spinner","udp-text","udp-tooltip"].forEach((t=>{switch(t){case"udp-search-input":customElements.get(a(t))||customElements.define(a(t),p);break;case"udp-fluent-button":customElements.get(a(t))||n();break;case"udp-fluent-icon":customElements.get(a(t))||r();break;case"udp-fluent-icon-button":customElements.get(a(t))||l();break;case"udp-spinner":customElements.get(a(t))||u();break;case"udp-text":customElements.get(a(t))||c();break;case"udp-tooltip":customElements.get(a(t))||d()}}))}export{p as U,h as d}

package/dist/components/udp-selector2.js

@@ -1 +1 @@
-import{p as t,H as e,h as i,d as o,t as r}from"./index2.js";import{createPopper as n}from"@popperjs/core";import{d as s}from"./unity-typography2.js";const p=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.options=[],this.large=!1,this.multiSelect=!1,this.disabled=!1,this.readonly=!1,this.size="normal",this.margin="normal",this.isOpen=!1,this.selectedOptions=[],this.selectedOption=null,this.handleBlur=()=>{setTimeout((()=>{this.isOpen=!1}),200)},this.handleOptionMouseDown=t=>{t.preventDefault()}}updateError(){this.errorMessage=this.error}initialValueChanged(t){void 0!==t&&this.setSelectionFromValue(t)}valueChanged(){void 0!==this.value&&this.setSelectionFromValue(this.value)}handleClickOutside(t){this.isOpen&&!t.composedPath().includes(this.el)&&(this.isOpen=!1)}componentWillLoad(){this.error&&(this.errorMessage=this.error);const t=this.initialValue||this.value;t&&this.setSelectionFromValue(t)}disconnectedCallback(){this.destroyPopper()}handleOpenChange(t){t?requestAnimationFrame((()=>this.setupPopper())):this.destroyPopper()}toggleDropdown(){this.disabled||this.readonly||(this.isOpen=!this.isOpen)}setupPopper(){const t=this.el.shadowRoot.querySelector(".selected-option"),e=this.el.shadowRoot.querySelector(".options-list");t&&e&&(this.popperInstance=n(t,e,{strategy:"fixed",placement:"bottom-start",modifiers:[{name:"offset",options:{offset:[0,4]}},{name:"preventOverflow",options:{padding:8}},{name:"flip"},{name:"sameWidth",enabled:!0,phase:"beforeWrite",requires:["computeStyles"],fn:({state:t})=>{t.styles.popper.width=`${t.rects.reference.width}px`}}]}))}destroyPopper(){this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null)}setSelectionFromValue(t){if(t&&0!==this.options.length)if(this.multiSelect){const e=t.split(",").map((t=>t.trim())).filter((t=>t));this.selectedOptions=this.options.filter((t=>e.includes(t.value)))}else{const e=this.options.find((e=>e.value===t));this.selectedOption=e||null}else this.multiSelect?this.selectedOptions=[]:this.selectedOption=null}optionsChanged(){var t;const e=this.multiSelect?this.selectedOptions.map((t=>t.value)).join(","):(null===(t=this.selectedOption)||void 0===t?void 0:t.value)||"";e&&this.setSelectionFromValue(e)}selectOption(t){if(this.disabled||this.readonly)return;if(this.multiSelect){const e=this.selectedOptions.some((e=>e.value===t.value));this.selectedOptions=e?this.selectedOptions.filter((e=>e.value!==t.value)):[...this.selectedOptions,t]}else this.selectedOption=t,this.isOpen=!1;this.updateValueProp(),this.emitSelectedOptions();const e=this.options.findIndex((e=>e.value===t.value));if(-1!==e){const t=document.querySelector(`.options-list li:nth-child(${e+1})`);t&&t.classList.toggle("selected")}}updateValueProp(){this.value=this.multiSelect?this.selectedOptions.map((t=>t.value)).join(","):this.selectedOption?this.selectedOption.value:""}emitSelectedOptions(){let t;t=this.multiSelect?this.selectedOptions.map((t=>t.value)).join(","):this.selectedOption?this.selectedOption.value:"";const e=new CustomEvent("change",{detail:t,bubbles:!0,composed:!0});this.el.dispatchEvent(e);const i=new CustomEvent("input",{detail:t,bubbles:!0,composed:!0});this.el.dispatchEvent(i)}render(){const t=!!this.errorMessage,e={"selected-option":!0,focused:this.isOpen},r=this.multiSelect?this.selectedOptions.length>0:!!this.selectedOption;return i(o,{key:"1eac7856b172c9b25abaf8855e5cc8740517e55d",class:{"udp-input":!0,"udp-selector":!0,"udp-input--error":t,"udp-input--disabled":this.disabled,"udp-input--readonly":this.readonly,"udp-input--required":this.required,"udp-input--large":this.large,[`udp-input--size-${this.size}`]:!0,[`udp-input--margin-${this.margin}`]:!0},"aria-invalid":t?"true":"false","aria-required":this.required?"true":"false"},i("div",{key:"28efff4a65f344dafb8f2139e7fe2f065f3e016a",class:"bx--form-item"},this.label&&i("unity-typography",{key:"97ac603bfd7541410e20cd92ca710f44f894c68f",variant:"caption-text"},i("label",{key:"3514a3760a0986dace0baca293c7b80e4c3b7601",htmlFor:this.id,class:"bx--label"},this.label,this.required?"*":"")),i("div",{key:"6fbca882446da9d8ccb2987b693e0daed42bd8de",class:"udp-selector__container"},i("div",{key:"2215b94a1a14f86eafd28cf4be9416b934d14a78",class:e,onClick:()=>this.toggleDropdown(),tabindex:this.disabled||this.readonly?"-1":"0",role:"combobox","aria-haspopup":"listbox","aria-expanded":this.isOpen.toString(),id:"udpRecord-udp-selector-"+this.id,udprecordid:"udpRecord-udp-selector-"+this.id},i("div",{key:"6448b11e0f2665f9881cb6d9337829eef76f771b",class:{"selected-option-label":!0,placeholder:!r}},this.multiSelect?this.selectedOptions.length>0?this.selectedOptions.map((t=>t.label)).join(", "):"Select option(s)":this.selectedOption?this.selectedOption.label:"Select an option"),this.multiSelect&&this.selectedOptions.length>0&&i("span",{key:"76d80fd3477f38b573a244525c73f1d6c3ecf79a",class:"checkmark"}),i("div",{key:"5cb32afeacb64b6db60fce687c8bf7fdfdbb9d8f",class:"arrow"})),this.isOpen&&i("ul",{key:"bce792f0008f1758a78ad2602a9fbd5f88d971b2",class:"options-list"},this.options.map((t=>i("unity-typography",{variant:"button"},i("li",{class:this.isOptionSelected(t)?"selected":"",onClick:()=>this.selectOption(t),onMouseDown:this.handleOptionMouseDown},t.label,this.isOptionSelected(t)&&i("span",{class:"checkmark"}))))))),this.errorMessage&&i("div",{key:"2663cbb5488cab8d20bf37e76163c52c3ca3105b",class:"error-message"},i("unity-typography",{key:"31e839f1235e91c1db7168a010037040803b3901",variant:"caption-text",color:"error"},this.errorMessage))))}isOptionSelected(t){return this.multiSelect?this.selectedOptions.some((e=>e.value===t.value)):this.selectedOption&&this.selectedOption.value===t.value}get el(){return this}static get watchers(){return{error:[{updateError:0}],initialValue:[{initialValueChanged:0}],value:[{valueChanged:0}],isOpen:[{handleOpenChange:0}],options:[{optionsChanged: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(.udp-input--size-small) .selected-option{padding:var(--spacing-02);padding-bottom:6px;font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .selected-option{padding:var(--spacing-03);padding-bottom:9px;font-size:var(--body-font-size)}:host(.udp-input--size-large) .selected-option{padding:var(--spacing-04);padding-bottom:12px;font-size:var(--body-font-size)}.selected-option{border:none;border-bottom:var(--underline-standard) solid var(--input-underline-color, var(--gray-08));box-sizing:border-box;cursor:pointer;background-color:var(--input-background);display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-03);padding-bottom:9px;width:100%;font-size:var(--body-font-size);font-family:var(--font-family);transition:border-bottom-color 0.15s ease-in-out}.selected-option:active,.selected-option:focus,.selected-option.focused{outline:none;border-bottom-color:var(--input-underline-color-focus, var(--primary-color));border-bottom-width:2px}:host(.udp-input--error) .selected-option,:host(.udp-input--error) .selected-option:focus,:host(.udp-input--error) .selected-option:active,:host(.udp-input--error) .selected-option.focused{border-bottom-color:var(--input-underline-color-error, var(--error-color-main)) !important}:host(.udp-input--disabled) .selected-option{border-bottom-color:var(--input-underline-color-disabled, var(--gray-08));cursor:not-allowed;opacity:0.6}.selected-option-label{flex-grow:1;color:var(--ag-foreground-color, #000)}.selected-option-label.placeholder{color:var(--placeholder-color, #999)}.udp-selector--large .selected-option{background-color:var(--gray-08);color:white;width:60px;padding:var(--spacing-05);box-shadow:var(--elevation-08);width:100px;border-radius:50px;font-size:var(--body-font-size)}.arrow{position:relative;display:inline-block;width:10px;height:5px}.arrow::before,.arrow::after{content:\'\';position:absolute;bottom:0;width:0.6em;height:10px;border-bottom:var(--underline-standard) solid var(--gray-09)}.udp-selector--large .selected-option .arrow::before,.udp-selector--large .selected-option .arrow::after{border-bottom:1px solid white}.arrow::before{left:-0.1em;transform:rotate(-45deg)}.arrow::after{transform:rotate(45deg)}.udp-selector__container{position:relative}.options-list{max-width:100%;border:none;margin:4px 0 0 0;padding:0;list-style:none;z-index:9999;max-height:150px;overflow-y:auto;overflow-x:hidden;border-radius:var(--border-radius);box-shadow:var(--elevation-08);position:absolute;width:100%;box-sizing:border-box}.options-list li{position:relative;padding:10px;cursor:pointer;background-color:var(--input-background)}.options-list li:hover{background-color:var(--primary-color);color:white}'}},[1,"udp-selector",{options:[16],initialValue:[1,"initial-value"],value:[1025],large:[4],multiSelect:[4,"multi-select"],name:[1],label:[1],error:[1],required:[4],id:[1],disabled:[4],readonly:[4],size:[1],margin:[1],isOpen:[32],selectedOptions:[32],selectedOption:[32],errorMessage:[32]},[[4,"click","handleClickOutside"]],{error:[{updateError:0}],initialValue:[{initialValueChanged:0}],value:[{valueChanged:0}],isOpen:[{handleOpenChange:0}],options:[{optionsChanged:0}]}]);function a(){"undefined"!=typeof customElements&&["udp-selector","unity-typography"].forEach((t=>{switch(t){case"udp-selector":customElements.get(r(t))||customElements.define(r(t),p);break;case"unity-typography":customElements.get(r(t))||s()}}))}export{p as U,a as d}
+import{p as t,H as e,h as i,d as o,t as r}from"./index2.js";import{createPopper as n}from"@popperjs/core";import{d as s}from"./unity-typography2.js";const p=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.options=[],this.large=!1,this.multiSelect=!1,this.disabled=!1,this.readonly=!1,this.size="normal",this.margin="normal",this.isOpen=!1,this.selectedOptions=[],this.selectedOption=null,this.handleBlur=()=>{setTimeout((()=>{this.isOpen=!1}),200)},this.handleOptionMouseDown=t=>{t.preventDefault()}}updateError(){this.errorMessage=this.error}initialValueChanged(t){void 0!==t&&this.setSelectionFromValue(t)}valueChanged(){void 0!==this.value&&this.setSelectionFromValue(this.value)}handleClickOutside(t){this.isOpen&&!t.composedPath().includes(this.el)&&(this.isOpen=!1)}componentWillLoad(){this.error&&(this.errorMessage=this.error);const t=this.initialValue||this.value;t&&this.setSelectionFromValue(t)}disconnectedCallback(){this.destroyPopper()}handleOpenChange(t){t?requestAnimationFrame((()=>this.setupPopper())):this.destroyPopper()}toggleDropdown(){this.disabled||this.readonly||(this.isOpen=!this.isOpen)}setupPopper(){const t=this.el.shadowRoot.querySelector(".selected-option"),e=this.el.shadowRoot.querySelector(".options-list");t&&e&&(this.popperInstance=n(t,e,{strategy:"fixed",placement:"bottom-start",modifiers:[{name:"offset",options:{offset:[0,4]}},{name:"preventOverflow",options:{padding:8}},{name:"flip"},{name:"sameWidth",enabled:!0,phase:"beforeWrite",requires:["computeStyles"],fn:({state:t})=>{t.styles.popper.width=`${t.rects.reference.width}px`}}]}))}destroyPopper(){this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null)}setSelectionFromValue(t){if(t&&0!==this.options.length)if(this.multiSelect){const e=t.split(",").map((t=>t.trim())).filter((t=>t));this.selectedOptions=this.options.filter((t=>e.includes(t.value)))}else{const e=this.options.find((e=>e.value===t));this.selectedOption=e||null}else this.multiSelect?this.selectedOptions=[]:this.selectedOption=null}optionsChanged(){var t;const e=this.multiSelect?this.selectedOptions.map((t=>t.value)).join(","):(null===(t=this.selectedOption)||void 0===t?void 0:t.value)||"";e&&this.setSelectionFromValue(e)}selectOption(t){if(this.disabled||this.readonly)return;if(this.multiSelect){const e=this.selectedOptions.some((e=>e.value===t.value));this.selectedOptions=e?this.selectedOptions.filter((e=>e.value!==t.value)):[...this.selectedOptions,t]}else this.selectedOption=t,this.isOpen=!1;this.updateValueProp(),this.emitSelectedOptions();const e=this.options.findIndex((e=>e.value===t.value));if(-1!==e){const t=document.querySelector(`.options-list li:nth-child(${e+1})`);t&&t.classList.toggle("selected")}}updateValueProp(){this.value=this.multiSelect?this.selectedOptions.map((t=>t.value)).join(","):this.selectedOption?this.selectedOption.value:""}emitSelectedOptions(){let t;t=this.multiSelect?this.selectedOptions.map((t=>t.value)).join(","):this.selectedOption?this.selectedOption.value:"";const e=new CustomEvent("change",{detail:t,bubbles:!0,composed:!0});this.el.dispatchEvent(e);const i=new CustomEvent("input",{detail:t,bubbles:!0,composed:!0});this.el.dispatchEvent(i)}render(){const t=!!this.errorMessage,e={"selected-option":!0,focused:this.isOpen},r=this.multiSelect?this.selectedOptions.length>0:!!this.selectedOption;return i(o,{key:"061c9a3761823370b5a3c91e8fd6e63847794768",class:{"udp-input":!0,"udp-selector":!0,"udp-input--error":t,"udp-input--disabled":this.disabled,"udp-input--readonly":this.readonly,"udp-input--required":this.required,"udp-input--large":this.large,[`udp-input--size-${this.size}`]:!0,[`udp-input--margin-${this.margin}`]:!0},"aria-invalid":t?"true":"false","aria-required":this.required?"true":"false"},i("div",{key:"44d577fcc9f217bc21a75e3941bd8173b74bc851",class:"bx--form-item"},this.label&&i("unity-typography",{key:"f850be572774ea991ed573a29fa19ad8a36d9132",variant:"caption-text"},i("label",{key:"9812ff1ecbe6bbbd46c2180e04c63242fd7512f1",htmlFor:this.id,class:"bx--label"},this.label,this.required?"*":"")),i("div",{key:"fb12741fffdcf3c695a8512af53c01d9df3ccf5f",class:"udp-selector__container"},i("div",{key:"83b6720b65d92ee3625c229843ed4d9e0b427941",class:e,onClick:()=>this.toggleDropdown(),tabindex:this.disabled||this.readonly?"-1":"0",role:"combobox","aria-haspopup":"listbox","aria-expanded":this.isOpen.toString(),id:"udpRecord-udp-selector-"+this.id,udprecordid:"udpRecord-udp-selector-"+this.id},i("div",{key:"b6d0b13c9257886266b324e066d83026b61a9dc7",class:{"selected-option-label":!0,placeholder:!r}},this.multiSelect?this.selectedOptions.length>0?this.selectedOptions.map((t=>t.label)).join(", "):"Select option(s)":this.selectedOption?this.selectedOption.label:"Select an option"),this.multiSelect&&this.selectedOptions.length>0&&i("span",{key:"92e05198d2f911965eeca9b6d5ae90cdf53b10cf",class:"checkmark"}),i("div",{key:"d573809f8b99ea9e3cd9bf8a7e72e168909a3f62",class:"arrow"})),this.isOpen&&i("ul",{key:"d390d560b3ab1e617dbaecb9191ac8fc59fd4a2d",class:"options-list"},this.options.map((t=>i("unity-typography",{variant:"button"},i("li",{class:this.isOptionSelected(t)?"selected":"",onClick:()=>this.selectOption(t),onMouseDown:this.handleOptionMouseDown},t.label,this.isOptionSelected(t)&&i("span",{class:"checkmark"}))))))),this.errorMessage&&i("div",{key:"af9e7002e4ac9eea11add7ca8cdf1b970b6c70dc",class:"error-message"},i("unity-typography",{key:"998a8ed897a867167a2c063a259e30ff5f1c7896",variant:"caption-text",color:"error"},this.errorMessage))))}isOptionSelected(t){return this.multiSelect?this.selectedOptions.some((e=>e.value===t.value)):this.selectedOption&&this.selectedOption.value===t.value}get el(){return this}static get watchers(){return{error:[{updateError:0}],initialValue:[{initialValueChanged:0}],value:[{valueChanged:0}],isOpen:[{handleOpenChange:0}],options:[{optionsChanged: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(.udp-input--size-small) .selected-option{padding:var(--spacing-02);padding-bottom:6px;font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .selected-option{padding:var(--spacing-03);padding-bottom:9px;font-size:var(--body-font-size)}:host(.udp-input--size-large) .selected-option{padding:var(--spacing-04);padding-bottom:12px;font-size:var(--body-font-size)}.selected-option{border:none;border-bottom:var(--underline-standard) solid var(--input-underline-color, var(--gray-08));box-sizing:border-box;cursor:pointer;background-color:var(--input-background);display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-03);padding-bottom:9px;width:100%;font-size:var(--body-font-size);font-family:var(--font-family);transition:border-bottom-color 0.15s ease-in-out}.selected-option:active,.selected-option:focus,.selected-option.focused{outline:none;border-bottom-color:var(--input-underline-color-focus, var(--primary-color));border-bottom-width:2px}:host(.udp-input--error) .selected-option,:host(.udp-input--error) .selected-option:focus,:host(.udp-input--error) .selected-option:active,:host(.udp-input--error) .selected-option.focused{border-bottom-color:var(--input-underline-color-error, var(--error-color-main)) !important}:host(.udp-input--disabled) .selected-option{border-bottom-color:var(--input-underline-color-disabled, var(--gray-08));cursor:not-allowed;opacity:0.6}.selected-option-label{flex-grow:1;color:var(--ag-foreground-color, #000)}.selected-option-label.placeholder{color:var(--placeholder-color, #999)}.udp-selector--large .selected-option{background-color:var(--gray-08);color:white;width:60px;padding:var(--spacing-05);box-shadow:var(--elevation-08);width:100px;border-radius:50px;font-size:var(--body-font-size)}.arrow{position:relative;display:inline-block;width:10px;height:5px}.arrow::before,.arrow::after{content:\'\';position:absolute;bottom:0;width:0.6em;height:10px;border-bottom:var(--underline-standard) solid var(--gray-09)}.udp-selector--large .selected-option .arrow::before,.udp-selector--large .selected-option .arrow::after{border-bottom:1px solid white}.arrow::before{left:-0.1em;transform:rotate(-45deg)}.arrow::after{transform:rotate(45deg)}.udp-selector__container{position:relative}.options-list{max-width:100%;border:none;margin:4px 0 0 0;padding:0;list-style:none;z-index:9999;max-height:150px;overflow-y:auto;overflow-x:hidden;border-radius:var(--border-radius);box-shadow:var(--elevation-08);position:absolute;width:100%;box-sizing:border-box}.options-list li{position:relative;padding:10px;cursor:pointer;background-color:var(--input-background)}.options-list li:hover{background-color:var(--primary-color);color:white}'}},[1,"udp-selector",{options:[16],initialValue:[1,"initial-value"],value:[1025],large:[4],multiSelect:[4,"multi-select"],name:[1],label:[1],error:[1],required:[4],id:[1],disabled:[4],readonly:[4],size:[1],margin:[1],isOpen:[32],selectedOptions:[32],selectedOption:[32],errorMessage:[32]},[[4,"click","handleClickOutside"]],{error:[{updateError:0}],initialValue:[{initialValueChanged:0}],value:[{valueChanged:0}],isOpen:[{handleOpenChange:0}],options:[{optionsChanged:0}]}]);function a(){"undefined"!=typeof customElements&&["udp-selector","unity-typography"].forEach((t=>{switch(t){case"udp-selector":customElements.get(r(t))||customElements.define(r(t),p);break;case"unity-typography":customElements.get(r(t))||s()}}))}export{p as U,a as d}

package/dist/components/udp-side-sheet2.js

@@ -1 +1 @@
-import{p as t,H as e,c as i,h as o,t as s}from"./index2.js";import n from"@carbon/icons/es/close/24";import{d as a}from"./stencil-icon-button2.js";import{d}from"./udp-ambient-tool-tip2.js";import{d as c}from"./udp-badge2.js";import{d as r}from"./udp-button2.js";import{d as h}from"./udp-icon2.js";import{d as l}from"./udp-linear-loader2.js";import{d as u}from"./udp-menu-item2.js";import{d as p}from"./udp-pop-over2.js";import{d as b}from"./unity-typography2.js";const f=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.udpSideSheetClose=i(this,"udpSideSheetClose",7),this.udpPrimaryButtonClick=i(this,"udpPrimaryButtonClick",7),this.udpHeaderActionButtonClick=i(this,"udpHeaderActionButtonClick",7),this.open=!1,this.position="right",this.width="md",this.padding=!0,this.loading=!1,this.headerActionButtonDisabled=!1,this.primaryButtonDisabled=!1,this.showOverflowButton=!1,this.openOverflowMenu=!1,this.visibleSecondaryButtons=[],this.overflowSecondaryButtons=[],this.originalBodyOverflow="",this.originalBodyPaddingRight="",this.handleTransitionEnd=()=>{this.open||this.hostEl.parentElement!==document.body||document.body.removeChild(this.hostEl)},this.onClose=()=>{this.open=!1,this.udpSideSheetClose.emit()},this.onCloseBackdrop=t=>{t.target===t.currentTarget&&this.onClose()},this.onPrimaryButtonClick=()=>{this.udpPrimaryButtonClick.emit()},this.onHeaderActionButtonClick=()=>{this.udpHeaderActionButtonClick.emit()},this.onMoreActionButtonClick=t=>{this.overflowMenuAnchor=t.currentTarget,this.openOverflowMenu=!0},this.handleCloseOverflowMenu=()=>{this.openOverflowMenu=!1}}handleOpenChange(t,e){if(t!==e)if(t){const t=window.innerWidth-document.documentElement.clientWidth;if(this.originalBodyOverflow=document.body.style.overflow,this.originalBodyPaddingRight=document.body.style.paddingRight,document.body.appendChild(this.hostEl),t>0){const e=parseInt(window.getComputedStyle(document.body).paddingRight)||0;document.body.style.paddingRight=`${e+t}px`}document.body.style.overflow="hidden",requestAnimationFrame((()=>{this.hostEl.classList.add("is-visible"),setTimeout((()=>this.checkOverflow()),50)}))}else this.hostEl.classList.remove("is-visible"),document.body.style.overflow=this.originalBodyOverflow,document.body.style.paddingRight=this.originalBodyPaddingRight,this.hostEl.addEventListener("transitionend",this.handleTransitionEnd,{once:!0})}handleSecondaryButtonsChange(){setTimeout((()=>this.checkOverflow()),50)}checkOverflow(){if(!this.footerRef||!this.measurementContainerRef)return;if(!this.footerSecondaryButtons||0===this.footerSecondaryButtons.length)return void(this.showOverflowButton=!1);const t=this.footerRef.offsetWidth,i=window.getComputedStyle(this.footerRef),o=t-parseFloat(i.paddingLeft)-parseFloat(i.paddingRight),s=this.measurementContainerRef.querySelectorAll("udp-button");let n=0;s.forEach(((t,i)=>{if(n+=t&&t instanceof e?t.offsetWidth:0,i<s.length-1){const t=window.getComputedStyle(this.measurementContainerRef),e=parseFloat(t.gap)||4;n+=e}})),this.showOverflowButton=n+10>o}componentDidLoad(){this.resizeObserver=new ResizeObserver((()=>{this.checkOverflow()})),requestAnimationFrame((()=>{setTimeout((()=>{this.footerRef&&this.resizeObserver.observe(this.footerRef),this.checkOverflow()}),100)}))}disconnectedCallback(){"hidden"===document.body.style.overflow&&(document.body.style.overflow=this.originalBodyOverflow,document.body.style.paddingRight=this.originalBodyPaddingRight),this.resizeObserver&&this.resizeObserver.disconnect()}render(){var t,e,i,s,a,d,c;const r="number"==typeof this.width?"custom-width":this.width,h="number"==typeof this.width?{maxWidth:`${this.width}px`}:{},l=Boolean(this.headerActionButtonIcon)?o("udp-icon",{iconName:this.headerActionButtonIcon,color:"inherit"}):void 0,u=o("udp-icon",{key:"82de58fadc656689ae099136f99d170855952a3b",iconName:"overflowMenuVertical",color:"inherit"});return o("div",{key:"23d87cb97f3c002070c3ec8d6b95c6befd269680",class:"backdrop",onClick:this.onCloseBackdrop},o("div",{key:"11b64f69164083c49d753c3093958d3cbba66b13",class:{sheet:!0,[this.position]:!0,[r]:!0},style:h},o("div",{key:"ebfd917c6ed5185e4ee1f6a22f515a3fb46c0180",class:"title-container"},o("div",{key:"9a77857a737482d4cb40a97920616fd70d7b045b",class:"close-button"},o("stencil-icon-button",{key:"97c54f805436d949c4c53f76c86a3d983ebf9f81",icon:n,onClick:this.onClose,secondary:!0})),o("div",{key:"6015ca2ec8933d375df9b436196d844477bd469d",class:"title-text"},o("unity-typography",{key:"716aa20dda34803752b4965aa011e172e4c14f99",variant:"h6"},this.title)),(this.headerActionButtonLabel||(null===(t=this.headerSecondaryButtons)||void 0===t?void 0:t.length)>0)&&o("div",{key:"b033e5e527fc376a08ee332b2a82a0585eb78cc4",class:"header-action-button"},null===(e=this.headerSecondaryButtons)||void 0===e?void 0:e.map((t=>o("udp-button",{variant:"outlined",disabled:t.disabled,onClick:t.onClick,endIcon:t.icon},t.label))),this.headerActionButtonLabel&&o("udp-button",{key:"940031aad5af2d01df53b2ae6b7ccf2dfbbf89fa",disabled:this.headerActionButtonDisabled,onClick:this.onHeaderActionButtonClick,startIcon:l,variant:"contained"},this.headerActionButtonLabel))),o("div",{key:"21bde0a5a0ad153edc86e46c7e7b9e4466a484c5",class:"loader-container"},o("udp-linear-loader",{key:"657735ff1db919f8d5f336b400969fa2098621f5",class:{"is-loading":this.loading},color:"primary"})),o("div",{key:"5bab4bd0520dc6d39873788c41f73d522be8b280",class:{content:!0,padding:this.padding}},o("slot",{key:"a91f7c8e0ce57be9f570166c39ff949fd2decabd"})),(this.primaryButtonLabel||(null===(i=this.footerSecondaryButtons)||void 0===i?void 0:i.length)>0)&&o("div",{key:"210ddeeb63af2707b05f8ab85e8d3f378d8b979e"},o("div",{key:"426a125fe61378ea3380c8e4c4ac78a5395f057f",class:"loader-container"}),o("div",{key:"cd449c510b6324423bd73d909737cc9cbaed5a82",class:{footer:!0},ref:t=>this.footerRef=t},!this.showOverflowButton&&(null===(s=this.footerSecondaryButtons)||void 0===s?void 0:s.length)>0&&o("div",{key:"44e244ac7b8ef997a7cc36bb9130df567c30a4fa",class:"footer-secondary-buttons-container"},o("div",{key:"b189b39ab1d802b32907a132a88b43a3cdf9013f",class:"footer-secondary-buttons"},null===(a=this.footerSecondaryButtons)||void 0===a?void 0:a.map((t=>o("udp-button",{variant:"outlined",disabled:t.disabled,onClick:t.onClick,endIcon:t.icon},t.label))))),this.showOverflowButton&&o("udp-button",{key:"60f3436e22154c88a725a92b8abe2485ab834ac6",variant:"outlined",onClick:this.onMoreActionButtonClick,color:"secondary",endIcon:u},"More"),this.primaryButtonLabel&&o("udp-button",{key:"5cd3af6ec4886defd8007a56930dffc1328f733c",variant:"contained",disabled:this.primaryButtonDisabled,onClick:this.onPrimaryButtonClick,endIcon:this.primaryButtonIcon},this.primaryButtonLabel),this.showOverflowButton&&o("udp-pop-over",{key:"3f40a1e0c83c8274709c6362489a03d28033e199",anchorElement:this.overflowMenuAnchor,isOpen:this.openOverflowMenu,popoverWidth:"200px",popoverMaxHeight:"300px",handleOnClose:this.handleCloseOverflowMenu},o("div",{key:"23cda2d77f54d93a9efdd3898e7d9f7bb9a60a98",class:"menu"},null===(d=this.footerSecondaryButtons)||void 0===d?void 0:d.map((t=>o("udp-menu-item",{label:null==t?void 0:t.label,iconName:null==t?void 0:t.icon,onItemClick:()=>{null==t||t.onClick(),this.handleCloseOverflowMenu()},disabled:null==t?void 0:t.disabled}))))),o("div",{key:"406b502d639144dedfeb6d5c47da60c17f791478",ref:t=>this.measurementContainerRef=t,style:{position:"absolute",visibility:"hidden",pointerEvents:"none",display:"flex",gap:"var(--spacing-02, 4px)"},"aria-hidden":"true"},null===(c=this.footerSecondaryButtons)||void 0===c?void 0:c.map((t=>o("udp-button",{variant:"text",size:"medium",disabled:t.disabled,endIcon:t.icon},t.label))),this.primaryButtonLabel&&o("udp-button",{key:"ef454737516b47299acb9a02ba252dd15993660e",variant:"contained",size:"medium",disabled:this.primaryButtonDisabled,endIcon:this.primaryButtonIcon},this.primaryButtonLabel))))))}get hostEl(){return this}static get watchers(){return{open:[{handleOpenChange:0}],footerSecondaryButtons:[{handleSecondaryButtonsChange:0}]}}static get style(){return":host{position:fixed;top:0;left:0;width:0;height:0;overflow:hidden;transform:translate(0);z-index:9999;visibility:hidden;transition:visibility 0s 0.2s, width 0s 0.2s, height 0s 0.2s}:host(.is-visible){width:100vw;height:100vh;overflow:visible;visibility:visible;transition-delay:0s}.backdrop{background:rgba(0, 0, 0, 0.5);width:100%;height:100%;position:fixed;top:0;left:0;opacity:0;transition:opacity 0.2s ease-in-out}:host(.is-visible) .backdrop{opacity:1}.sheet{background:white;height:100vh;position:fixed;top:0;display:flex;flex-direction:column;box-shadow:0 0 4px rgba(0, 0, 0, 0.3);transition:transform 0.2s ease-in-out;width:100%}.sheet.right{right:0;transform:translateX(100%)}.sheet.left{left:0;transform:translateX(-100%)}:host(.is-visible) .sheet{transform:translateX(0)}.sheet.sm{max-width:360px}.sheet.md{max-width:600px}.sheet.lg{max-width:960px}.sheet.full{max-width:100%}.sheet.custom-width{}.title-container{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;box-shadow:var(--elevation-01, 0 4px 8px rgba(0, 0, 0, 0.1));gap:var(--spacing-02)}.title-text{flex-grow:1;text-align:left;}.close-button{flex-shrink:0}.header-action-button{flex-shrink:0;display:flex;align-items:center;gap:var(--spacing-02, 4px);padding:var(--spacing-03, 8px) var(--spacing-03, 8px) var(--spacing-03, 8px) 0}.content{overflow-y:auto;flex-grow:1;background-color:var(--gray-01)}.content.padding{padding:var(--spacing-05, 24px)}.footer{padding:var(--spacing-03, 8px);box-shadow:var(--elevation-01, 0 4px 8px rgba(0, 0, 0, 0.1));display:flex;justify-content:flex-end;flex-shrink:0;width:100%;gap:var(--spacing-02, 4px);align-items:center}.footer.secondary-button-overflow{flex-direction:row-reverse}.footer-secondary-buttons-container{flex-grow:2;width:100%}.footer-secondary-buttons{display:flex;justify-content:flex-end;gap:var(--spacing-02, 4px);align-items:center}.footer-secondary-buttons.secondary-button-overflow{flex-grow:1}.loader-container{height:4px;width:100%;background-color:var(--gray-01)}.loader-container udp-linear-loader{visibility:hidden;opacity:0;transition:none}.loader-container udp-linear-loader.is-loading{visibility:visible;opacity:1;}"}},[257,"udp-side-sheet",{open:[1540],title:[1],position:[1],width:[8],padding:[4],loading:[4],headerActionButtonLabel:[1,"header-action-button-label"],headerActionButtonDisabled:[4,"header-action-button-disabled"],headerActionButtonIcon:[1,"header-action-button-icon"],headerSecondaryButtons:[16],primaryButtonLabel:[1,"primary-button-label"],primaryButtonDisabled:[4,"primary-button-disabled"],primaryButtonIcon:[1,"primary-button-icon"],footerSecondaryButtons:[16],showOverflowButton:[32],openOverflowMenu:[32],overflowMenuAnchor:[32],visibleSecondaryButtons:[32],overflowSecondaryButtons:[32]},void 0,{open:[{handleOpenChange:0}],footerSecondaryButtons:[{handleSecondaryButtonsChange:0}]}]);function m(){"undefined"!=typeof customElements&&["udp-side-sheet","stencil-icon-button","udp-ambient-tool-tip","udp-badge","udp-button","udp-icon","udp-linear-loader","udp-menu-item","udp-pop-over","unity-typography"].forEach((t=>{switch(t){case"udp-side-sheet":customElements.get(s(t))||customElements.define(s(t),f);break;case"stencil-icon-button":customElements.get(s(t))||a();break;case"udp-ambient-tool-tip":customElements.get(s(t))||d();break;case"udp-badge":customElements.get(s(t))||c();break;case"udp-button":customElements.get(s(t))||r();break;case"udp-icon":customElements.get(s(t))||h();break;case"udp-linear-loader":customElements.get(s(t))||l();break;case"udp-menu-item":customElements.get(s(t))||u();break;case"udp-pop-over":customElements.get(s(t))||p();break;case"unity-typography":customElements.get(s(t))||b()}}))}export{f as U,m as d}
+import{p as t,H as e,c as i,h as o,t as s}from"./index2.js";import n from"@carbon/icons/es/close/24";import{d as a}from"./stencil-icon-button2.js";import{d}from"./udp-ambient-tool-tip2.js";import{d as c}from"./udp-badge2.js";import{d as r}from"./udp-button2.js";import{d as h}from"./udp-icon2.js";import{d as l}from"./udp-linear-loader2.js";import{d as u}from"./udp-menu-item2.js";import{d as p}from"./udp-pop-over2.js";import{d as b}from"./unity-typography2.js";const f=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.udpSideSheetClose=i(this,"udpSideSheetClose",7),this.udpPrimaryButtonClick=i(this,"udpPrimaryButtonClick",7),this.udpHeaderActionButtonClick=i(this,"udpHeaderActionButtonClick",7),this.open=!1,this.position="right",this.width="md",this.padding=!0,this.loading=!1,this.headerActionButtonDisabled=!1,this.primaryButtonDisabled=!1,this.showOverflowButton=!1,this.openOverflowMenu=!1,this.visibleSecondaryButtons=[],this.overflowSecondaryButtons=[],this.originalBodyOverflow="",this.originalBodyPaddingRight="",this.handleTransitionEnd=()=>{this.open||this.hostEl.parentElement!==document.body||document.body.removeChild(this.hostEl)},this.onClose=()=>{this.open=!1,this.udpSideSheetClose.emit()},this.onCloseBackdrop=t=>{t.target===t.currentTarget&&this.onClose()},this.onPrimaryButtonClick=()=>{this.udpPrimaryButtonClick.emit()},this.onHeaderActionButtonClick=()=>{this.udpHeaderActionButtonClick.emit()},this.onMoreActionButtonClick=t=>{this.overflowMenuAnchor=t.currentTarget,this.openOverflowMenu=!0},this.handleCloseOverflowMenu=()=>{this.openOverflowMenu=!1}}handleOpenChange(t,e){if(t!==e)if(t){const t=window.innerWidth-document.documentElement.clientWidth;if(this.originalBodyOverflow=document.body.style.overflow,this.originalBodyPaddingRight=document.body.style.paddingRight,document.body.appendChild(this.hostEl),t>0){const e=parseInt(window.getComputedStyle(document.body).paddingRight)||0;document.body.style.paddingRight=`${e+t}px`}document.body.style.overflow="hidden",requestAnimationFrame((()=>{this.hostEl.classList.add("is-visible"),setTimeout((()=>this.checkOverflow()),50)}))}else this.hostEl.classList.remove("is-visible"),document.body.style.overflow=this.originalBodyOverflow,document.body.style.paddingRight=this.originalBodyPaddingRight,this.hostEl.addEventListener("transitionend",this.handleTransitionEnd,{once:!0})}handleSecondaryButtonsChange(){setTimeout((()=>this.checkOverflow()),50)}checkOverflow(){if(!this.footerRef||!this.measurementContainerRef)return;if(!this.footerSecondaryButtons||0===this.footerSecondaryButtons.length)return void(this.showOverflowButton=!1);const t=this.footerRef.offsetWidth,i=window.getComputedStyle(this.footerRef),o=t-parseFloat(i.paddingLeft)-parseFloat(i.paddingRight),s=this.measurementContainerRef.querySelectorAll("udp-button");let n=0;s.forEach(((t,i)=>{if(n+=t&&t instanceof e?t.offsetWidth:0,i<s.length-1){const t=window.getComputedStyle(this.measurementContainerRef),e=parseFloat(t.gap)||4;n+=e}})),this.showOverflowButton=n+10>o}componentDidLoad(){this.resizeObserver=new ResizeObserver((()=>{this.checkOverflow()})),requestAnimationFrame((()=>{setTimeout((()=>{this.footerRef&&this.resizeObserver.observe(this.footerRef),this.checkOverflow()}),100)}))}disconnectedCallback(){"hidden"===document.body.style.overflow&&(document.body.style.overflow=this.originalBodyOverflow,document.body.style.paddingRight=this.originalBodyPaddingRight),this.resizeObserver&&this.resizeObserver.disconnect()}render(){var t,e,i,s,a,d,c;const r="number"==typeof this.width?"custom-width":this.width,h="number"==typeof this.width?{maxWidth:`${this.width}px`}:{},l=Boolean(this.headerActionButtonIcon)?o("udp-icon",{iconName:this.headerActionButtonIcon,color:"inherit"}):void 0,u=o("udp-icon",{key:"114fb6c9c7672ed0c8e0350d35fcaafc5e90fc9d",iconName:"overflowMenuVertical",color:"inherit"});return o("div",{key:"36c5d92ff2dfe298b600c15a973e05b4e03ef612",class:"backdrop",onClick:this.onCloseBackdrop},o("div",{key:"c0d84cde7128de85fd492c8c4002fcef0c65571c",class:{sheet:!0,[this.position]:!0,[r]:!0},style:h},o("div",{key:"91c2ae473b6158d0671fda0f8e89e993b239f659",class:"title-container"},o("div",{key:"277dd337d923754dd50a8f671498717cf2208f3e",class:"close-button"},o("stencil-icon-button",{key:"56ad80ad182e482cdfc8b786f99b6962354487de",icon:n,onClick:this.onClose,secondary:!0})),o("div",{key:"ec6288c444babe7cd43b9fa107aa914b7af1a0c0",class:"title-text"},o("unity-typography",{key:"9a7f020155a46e9258f8c21afe3f41d6df4b60f2",variant:"h6"},this.title)),(this.headerActionButtonLabel||(null===(t=this.headerSecondaryButtons)||void 0===t?void 0:t.length)>0)&&o("div",{key:"87d81014638a9229a195ffbf9f982307db2c13ef",class:"header-action-button"},null===(e=this.headerSecondaryButtons)||void 0===e?void 0:e.map((t=>o("udp-button",{variant:"outlined",disabled:t.disabled,onClick:t.onClick,endIcon:t.icon},t.label))),this.headerActionButtonLabel&&o("udp-button",{key:"7b53fad664ba84d8eeeb2893d18085decdc635d9",disabled:this.headerActionButtonDisabled,onClick:this.onHeaderActionButtonClick,startIcon:l,variant:"contained"},this.headerActionButtonLabel))),o("div",{key:"47a68f2b5d8a94709249b8d90a2ca67542d76e4a",class:"loader-container"},o("udp-linear-loader",{key:"9ec156c748a5faceb4de0db2ca87ef2490294aa2",class:{"is-loading":this.loading},color:"primary"})),o("div",{key:"17e9cda2a7d3709f4bb6043c62165efb0685308e",class:{content:!0,padding:this.padding}},o("slot",{key:"43e24e734199f3bae197752b6d284e40a0af84dc"})),(this.primaryButtonLabel||(null===(i=this.footerSecondaryButtons)||void 0===i?void 0:i.length)>0)&&o("div",{key:"5b5c4916c753d4cf9f87c31d929d163fc96cefd9"},o("div",{key:"6866f082dcd22d831cf938b7749baa40860badf0",class:"loader-container"}),o("div",{key:"779dcc447ed0f2d8e6fdc7c54d6c8d9f424b6028",class:{footer:!0},ref:t=>this.footerRef=t},!this.showOverflowButton&&(null===(s=this.footerSecondaryButtons)||void 0===s?void 0:s.length)>0&&o("div",{key:"d06b60b390d1a71fa363a2154eafb9061fb3bebd",class:"footer-secondary-buttons-container"},o("div",{key:"eefa3e4c23c680817567e9cafc6aadfd88671151",class:"footer-secondary-buttons"},null===(a=this.footerSecondaryButtons)||void 0===a?void 0:a.map((t=>o("udp-button",{variant:"outlined",disabled:t.disabled,onClick:t.onClick,endIcon:t.icon},t.label))))),this.showOverflowButton&&o("udp-button",{key:"aa5fe72411ecbc3a9b13a104dc2b56fc0992b3c2",variant:"outlined",onClick:this.onMoreActionButtonClick,color:"secondary",endIcon:u},"More"),this.primaryButtonLabel&&o("udp-button",{key:"caefbeae9aa3a1bc103b36014d21654fc5463c74",variant:"contained",disabled:this.primaryButtonDisabled,onClick:this.onPrimaryButtonClick,endIcon:this.primaryButtonIcon},this.primaryButtonLabel),this.showOverflowButton&&o("udp-pop-over",{key:"887bc8092861206af6bb4dabcfeaf2dd1b3fdb3b",anchorElement:this.overflowMenuAnchor,isOpen:this.openOverflowMenu,popoverWidth:"200px",popoverMaxHeight:"300px",handleOnClose:this.handleCloseOverflowMenu},o("div",{key:"d0178781341edf03446cc3fb51caf92c20559c01",class:"menu"},null===(d=this.footerSecondaryButtons)||void 0===d?void 0:d.map((t=>o("udp-menu-item",{label:null==t?void 0:t.label,iconName:null==t?void 0:t.icon,onItemClick:()=>{null==t||t.onClick(),this.handleCloseOverflowMenu()},disabled:null==t?void 0:t.disabled}))))),o("div",{key:"4bee880fe9710a26eb03b074ef35bb7f75802c96",ref:t=>this.measurementContainerRef=t,style:{position:"absolute",visibility:"hidden",pointerEvents:"none",display:"flex",gap:"var(--spacing-02, 4px)"},"aria-hidden":"true"},null===(c=this.footerSecondaryButtons)||void 0===c?void 0:c.map((t=>o("udp-button",{variant:"text",size:"medium",disabled:t.disabled,endIcon:t.icon},t.label))),this.primaryButtonLabel&&o("udp-button",{key:"bc6ddc8680666fee42ef35997bda54a3d895bc30",variant:"contained",size:"medium",disabled:this.primaryButtonDisabled,endIcon:this.primaryButtonIcon},this.primaryButtonLabel))))))}get hostEl(){return this}static get watchers(){return{open:[{handleOpenChange:0}],footerSecondaryButtons:[{handleSecondaryButtonsChange:0}]}}static get style(){return":host{position:fixed;top:0;left:0;width:0;height:0;overflow:hidden;transform:translate(0);z-index:9999;visibility:hidden;transition:visibility 0s 0.2s, width 0s 0.2s, height 0s 0.2s}:host(.is-visible){width:100vw;height:100vh;overflow:visible;visibility:visible;transition-delay:0s}.backdrop{background:rgba(0, 0, 0, 0.5);width:100%;height:100%;position:fixed;top:0;left:0;opacity:0;transition:opacity 0.2s ease-in-out}:host(.is-visible) .backdrop{opacity:1}.sheet{background:white;height:100vh;position:fixed;top:0;display:flex;flex-direction:column;box-shadow:0 0 4px rgba(0, 0, 0, 0.3);transition:transform 0.2s ease-in-out;width:100%}.sheet.right{right:0;transform:translateX(100%)}.sheet.left{left:0;transform:translateX(-100%)}:host(.is-visible) .sheet{transform:translateX(0)}.sheet.sm{max-width:360px}.sheet.md{max-width:600px}.sheet.lg{max-width:960px}.sheet.full{max-width:100%}.sheet.custom-width{}.title-container{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;box-shadow:var(--elevation-01, 0 4px 8px rgba(0, 0, 0, 0.1));gap:var(--spacing-02)}.title-text{flex-grow:1;text-align:left;}.close-button{flex-shrink:0}.header-action-button{flex-shrink:0;display:flex;align-items:center;gap:var(--spacing-02, 4px);padding:var(--spacing-03, 8px) var(--spacing-03, 8px) var(--spacing-03, 8px) 0}.content{overflow-y:auto;flex-grow:1;background-color:var(--gray-01)}.content.padding{padding:var(--spacing-05, 24px)}.footer{padding:var(--spacing-03, 8px);box-shadow:var(--elevation-01, 0 4px 8px rgba(0, 0, 0, 0.1));display:flex;justify-content:flex-end;flex-shrink:0;width:100%;gap:var(--spacing-02, 4px);align-items:center}.footer.secondary-button-overflow{flex-direction:row-reverse}.footer-secondary-buttons-container{flex-grow:2;width:100%}.footer-secondary-buttons{display:flex;justify-content:flex-end;gap:var(--spacing-02, 4px);align-items:center}.footer-secondary-buttons.secondary-button-overflow{flex-grow:1}.loader-container{height:4px;width:100%;background-color:var(--gray-01)}.loader-container udp-linear-loader{visibility:hidden;opacity:0;transition:none}.loader-container udp-linear-loader.is-loading{visibility:visible;opacity:1;}"}},[257,"udp-side-sheet",{open:[1540],title:[1],position:[1],width:[8],padding:[4],loading:[4],headerActionButtonLabel:[1,"header-action-button-label"],headerActionButtonDisabled:[4,"header-action-button-disabled"],headerActionButtonIcon:[1,"header-action-button-icon"],headerSecondaryButtons:[16],primaryButtonLabel:[1,"primary-button-label"],primaryButtonDisabled:[4,"primary-button-disabled"],primaryButtonIcon:[1,"primary-button-icon"],footerSecondaryButtons:[16],showOverflowButton:[32],openOverflowMenu:[32],overflowMenuAnchor:[32],visibleSecondaryButtons:[32],overflowSecondaryButtons:[32]},void 0,{open:[{handleOpenChange:0}],footerSecondaryButtons:[{handleSecondaryButtonsChange:0}]}]);function m(){"undefined"!=typeof customElements&&["udp-side-sheet","stencil-icon-button","udp-ambient-tool-tip","udp-badge","udp-button","udp-icon","udp-linear-loader","udp-menu-item","udp-pop-over","unity-typography"].forEach((t=>{switch(t){case"udp-side-sheet":customElements.get(s(t))||customElements.define(s(t),f);break;case"stencil-icon-button":customElements.get(s(t))||a();break;case"udp-ambient-tool-tip":customElements.get(s(t))||d();break;case"udp-badge":customElements.get(s(t))||c();break;case"udp-button":customElements.get(s(t))||r();break;case"udp-icon":customElements.get(s(t))||h();break;case"udp-linear-loader":customElements.get(s(t))||l();break;case"udp-menu-item":customElements.get(s(t))||u();break;case"udp-pop-over":customElements.get(s(t))||p();break;case"unity-typography":customElements.get(s(t))||b()}}))}export{f as U,m as d}

package/dist/components/udp-sidebar-layout.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface UdpSidebarLayout extends Components.UdpSidebarLayout, HTMLElement {}
+export const UdpSidebarLayout: {
+    prototype: UdpSidebarLayout;
+    new (): UdpSidebarLayout;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/udp-sidebar-layout.js

@@ -0,0 +1,2 @@
+import "../stencil-library/stencil-library.css";
+import{p as e,H as s,c as t,h as a,d as i,t as l}from"./index2.js";import{h as r}from"./slot-helpers.js";import{d as o}from"./udp-fluent-button2.js";import{d}from"./udp-fluent-icon2.js";import{d as c}from"./udp-fluent-icon-button2.js";import{d as n}from"./udp-spinner2.js";import{d as b}from"./udp-text2.js";const p=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.openChange=t(this,"openChange",7),this.open=!0,this.sidebarWidth="264px",this.sidebarPosition="start",this.fill=!1,this.collapsible=!0}async toggle(){this.setOpen(!this.open)}setOpen(e){e!==this.open&&(this.open=e,this.openChange.emit(e))}render(){const e=this.fill?void 0:this.stickyOffset,s={"--sbl-sidebar-width":this.sidebarWidth};e&&(s.top=e,s.maxHeight=`calc(100dvh - ${e})`);const t="end"===this.sidebarPosition,l=t?"panel-right-contract":"panel-left-contract",o=t?"panel-right-expand":"panel-left-expand",d=r(this.el,"sidebar-header");return a(i,{key:"7bf0ef79d86a65fc65207cd996229b2f2bd9309a",class:{"sbl-host--fill":this.fill}},a("div",{key:"13479a936e2e07eb2d6b7e1a7c53f86ec3f2d81e",class:{sbl:!0,"sbl--end":t,"sbl--sticky":!!e,"sbl--fill":this.fill,"sbl--collapsed":!this.open}},a("aside",{key:"f360b30b972b667cc4debb87a00b3980994841a7",class:"sbl__sidebar",style:s},a("div",{key:"086c40ae15dbe1ce8b65bc19c8dd18f5e8457670",class:"sbl__panel"},(d||this.sidebarTitle||this.collapsible)&&a("div",{key:"e1e2af716dd83cf75ca81127fd1df53e12fbaac3",class:"sbl__header"},a("div",{key:"0e3ee95ee4e29b1b65b6af98632775642c11f033",class:"sbl__header-content"},a("slot",{key:"aab228738f9dc9a586b6ed52583275db1a12d9fa",name:"sidebar-header"},this.sidebarTitle&&a("udp-text",{key:"8d5963340e87b8ddd0a7579f9d0c01076a8c6e8d",variant:"subtitle2",class:"sbl__title"},this.sidebarTitle))),this.collapsible&&a("udp-fluent-icon-button",{key:"58c0013d20a41a255b5c3d1a076c826568161707",iconName:l,appearance:"subtle",ariaLabel:"Collapse sidebar",onClick:()=>this.setOpen(!1)})),a("div",{key:"a3364b3cf1c707f1880e27a48c7400faf0ec67f7",class:"sbl__body"},a("slot",{key:"bbeaca1c5f008cb1a97dccc14c33632cdc7807f3",name:"sidebar"}))),this.collapsible&&a("div",{key:"c770c06509e92e4f06b2f6c92c5ed0991a342a45",class:"sbl__rail"},a("udp-fluent-icon-button",{key:"3892792c8fd5a89e7d740435a864d03ad60380d6",iconName:o,appearance:"subtle",ariaLabel:"Expand sidebar",onClick:()=>this.setOpen(!0)}))),a("div",{key:"823847d4dc7b2a38686570651f8b85db7fd0dc67",class:"sbl__main"},a("slot",{key:"f8302f403d2b57bb7fc69f5670d3045c3eab3deb"}))))}get el(){return this}static get style(){return":host{display:block}:host(.sbl-host--fill){height:100%;min-height:0}.sbl{display:flex;flex-direction:row;align-items:stretch}.sbl--fill{height:100%;min-height:0}.sbl--fill .sbl__sidebar{min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--colorNeutralStroke2) transparent}.sbl--fill .sbl__main{min-height:0;overflow-y:auto}.sbl--end{flex-direction:row-reverse}.sbl__sidebar{flex:0 0 auto;box-sizing:border-box;width:var(--sbl-sidebar-width, 264px);background-color:var(--colorNeutralBackground1);border-right:1px solid var(--colorNeutralStroke2)}.sbl--end .sbl__sidebar{border-right:none;border-left:1px solid var(--colorNeutralStroke2)}.sbl--collapsed .sbl__sidebar{width:var(--sbl-rail-width, 44px)}.sbl--sticky .sbl__sidebar{position:sticky;align-self:flex-start;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--colorNeutralStroke2) transparent}.sbl--sticky .sbl__sidebar::-webkit-scrollbar{width:8px}.sbl--sticky .sbl__sidebar::-webkit-scrollbar-thumb{background-color:var(--colorNeutralStroke2);border-radius:4px}.sbl--sticky .sbl__sidebar::-webkit-scrollbar-track{background:transparent}.sbl__header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacingHorizontalS);padding:var(--spacingVerticalS) var(--spacingHorizontalXS) var(--spacingVerticalS)     var(--spacingHorizontalM);position:sticky;top:0;z-index:1;background-color:var(--colorNeutralBackground1)}.sbl__header-content{min-width:0;display:flex;align-items:center;gap:var(--spacingHorizontalS)}.sbl__title{color:var(--colorNeutralForeground1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sbl__body{padding:var(--spacingVerticalXS) var(--spacingHorizontalXS) var(--spacingVerticalM)}.sbl__rail{display:none;justify-content:center;padding:var(--spacingVerticalS) 0;position:sticky;top:0}.sbl--collapsed .sbl__panel{display:none}.sbl--collapsed .sbl__rail{display:flex}.sbl__main{flex:1 1 auto;min-width:0}"}},[257,"udp-sidebar-layout",{open:[1028],sidebarTitle:[1,"sidebar-title"],sidebarWidth:[1,"sidebar-width"],sidebarPosition:[1,"sidebar-position"],stickyOffset:[1,"sticky-offset"],fill:[4],collapsible:[4],toggle:[64]}]),f=p,u=function(){"undefined"!=typeof customElements&&["udp-sidebar-layout","udp-fluent-button","udp-fluent-icon","udp-fluent-icon-button","udp-spinner","udp-text"].forEach((e=>{switch(e){case"udp-sidebar-layout":customElements.get(l(e))||customElements.define(l(e),p);break;case"udp-fluent-button":customElements.get(l(e))||o();break;case"udp-fluent-icon":customElements.get(l(e))||d();break;case"udp-fluent-icon-button":customElements.get(l(e))||c();break;case"udp-spinner":customElements.get(l(e))||n();break;case"udp-text":customElements.get(l(e))||b()}}))};export{f as UdpSidebarLayout,u as defineCustomElement}

package/dist/components/udp-skeleton-loading2.js

@@ -1 +1 @@
-import{p as e,H as t,h as s,t as n}from"./index2.js";const o=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.width="100%",this.height="20px",this.borderRadius="4px"}render(){return s("div",{key:"13bde0011d26aa54c26f6d9c5efc5c1017d90b58",class:"skeleton-loader",style:{width:this.width,height:this.height,borderRadius:this.borderRadius}})}static get style(){return".skeleton-loader{background:linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);background-size:1000px 100%;display:inline-block;position:relative;overflow:hidden}.skeleton-loader::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(to right, transparent, rgba(255, 255, 255, 0.5), transparent);animation:load 1.5s infinite}@keyframes load{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}"}},[1,"udp-skeleton-loading",{width:[1],height:[1],borderRadius:[1,"border-radius"]}]);function i(){"undefined"!=typeof customElements&&["udp-skeleton-loading"].forEach((e=>{"udp-skeleton-loading"===e&&(customElements.get(n(e))||customElements.define(n(e),o))}))}export{o as U,i as d}
+import{p as e,H as t,h as s,t as n}from"./index2.js";const o=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.width="100%",this.height="20px",this.borderRadius="4px"}render(){return s("div",{key:"a89938f7f56be7207988c4c01c9c2088fc512dbc",class:"skeleton-loader",style:{width:this.width,height:this.height,borderRadius:this.borderRadius}})}static get style(){return".skeleton-loader{background:linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);background-size:1000px 100%;display:inline-block;position:relative;overflow:hidden}.skeleton-loader::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(to right, transparent, rgba(255, 255, 255, 0.5), transparent);animation:load 1.5s infinite}@keyframes load{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}"}},[1,"udp-skeleton-loading",{width:[1],height:[1],borderRadius:[1,"border-radius"]}]);function i(){"undefined"!=typeof customElements&&["udp-skeleton-loading"].forEach((e=>{"udp-skeleton-loading"===e&&(customElements.get(n(e))||customElements.define(n(e),o))}))}export{o as U,i as d}

package/dist/components/udp-slider2.js

@@ -1 +1 @@
-import{p as e,H as t,c as s,h as o,d as i,t as a}from"./index2.js";import"@fluentui/web-components/slider.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 as r}from"./udp-tooltip2.js";const d=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.valueChanged=s(this,"valueChanged",7),this.disabled=!1,this.min="0",this.max="100",this.orientation="horizontal",this.includeErrorPadding=!0,this.handleChange=e=>{e.stopPropagation(),this.valueChanged.emit(e.target.value)}}render(){const e=!!this.error,t=this.error||this.hint;return o(i,{key:"cef8f14efca54b344bc573fb1f1a8c811ec1af4a"},o("fluent-field",{key:"761880c96ef07fbeb57bd361836e9705bcffffa8","label-position":"above",class:{"no-label":!this.label,"no-message":!t&&!this.includeErrorPadding}},o("fluent-label",{key:"2db8d5b6a0af53c9639e799c218e1971c2f496c8",slot:"label",disabled:this.disabled},this.label,this.popupHint&&o("udp-tooltip",{key:"b00ca64c1def208c4272d2c872d7ee667a0fd145",content:this.popupHint,positioning:"above"},o("udp-fluent-icon",{key:"50bfaa9ea09908d10e06cadf31867c3fe5e700a4",name:"info",size:"xs",class:"popup-hint-icon"}))),o("fluent-slider",{key:"f71c30167f7c937e28a2d7999de6a57a28cf6b37",slot:"input",name:this.name,disabled:this.disabled,min:this.min,max:this.max,step:this.step,orientation:this.orientation,value:this.value,onChange:this.handleChange}),o("udp-text",{key:"4ba35ba746eebbf4bd4cba13bc9130feec8a4273",slot:"message",variant:"caption1",class:{message:!0,error:e,includeErrorPadding:this.includeErrorPadding}},t)))}static get style(){return":host{color:var(--colorNeutralForeground1)}.message{color:var(--colorNeutralForeground3)}.message.includeErrorPadding{min-height:var(--lineHeightBase200)}.message.error{color:var(--colorPaletteRedForeground1)}.popup-hint-icon{margin-left:2px}fluent-label[disabled]{color:var(--colorNeutralForeground1)}fluent-field.no-label::part(label){display:none}fluent-field.no-message::part(message){display:none}"}},[1,"udp-slider",{label:[1],name:[1],disabled:[4],min:[1],max:[1],step:[1],orientation:[1],value:[1],hint:[1],popupHint:[1,"popup-hint"],error:[1],includeErrorPadding:[4,"include-error-padding"]}]);function c(){"undefined"!=typeof customElements&&["udp-slider","udp-fluent-icon","udp-text","udp-tooltip"].forEach((e=>{switch(e){case"udp-slider":customElements.get(a(e))||customElements.define(a(e),d);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))||r()}}))}export{d as U,c as d}
+import{p as e,H as t,c as s,h as o,d as i,t as a}from"./index2.js";import"@fluentui/web-components/slider.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 as r}from"./udp-tooltip2.js";const d=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.valueChanged=s(this,"valueChanged",7),this.disabled=!1,this.min="0",this.max="100",this.orientation="horizontal",this.includeErrorPadding=!0,this.handleChange=e=>{e.stopPropagation(),this.valueChanged.emit(e.target.value)}}render(){const e=!!this.error,t=this.error||this.hint;return o(i,{key:"968e919a567381345434edbf781862a31dc91af3"},o("fluent-field",{key:"e86bf259ec53806c62aa0a0dcd61088088a80d91","label-position":"above",class:{"no-label":!this.label,"no-message":!t&&!this.includeErrorPadding}},o("fluent-label",{key:"e22647bd497fe52f2e393969e1443c20ea0f3a38",slot:"label",disabled:this.disabled},this.label,this.popupHint&&o("udp-tooltip",{key:"e9814f13f25e7c0a4aad486bf3b01dbae3a6453e",content:this.popupHint,positioning:"above"},o("udp-fluent-icon",{key:"bc4ca6609a1cb4e245d2e80f1ef664bf0f885be7",name:"info",size:"xs",class:"popup-hint-icon"}))),o("fluent-slider",{key:"921ee04d6b373be00cb96eda57c3c4bef4766c78",slot:"input",name:this.name,disabled:this.disabled,min:this.min,max:this.max,step:this.step,orientation:this.orientation,value:this.value,onChange:this.handleChange}),o("udp-text",{key:"f16788b1ce17b13b2c98194324d66174d92b7369",slot:"message",variant:"caption1",class:{message:!0,error:e,includeErrorPadding:this.includeErrorPadding}},t)))}static get style(){return":host{color:var(--colorNeutralForeground1)}.message{color:var(--colorNeutralForeground3)}.message.includeErrorPadding{min-height:var(--lineHeightBase200)}.message.error{color:var(--colorPaletteRedForeground1)}.popup-hint-icon{margin-left:2px}fluent-label[disabled]{color:var(--colorNeutralForeground1)}fluent-field.no-label::part(label){display:none}fluent-field.no-message::part(message){display:none}"}},[1,"udp-slider",{label:[1],name:[1],disabled:[4],min:[1],max:[1],step:[1],orientation:[1],value:[1],hint:[1],popupHint:[1,"popup-hint"],error:[1],includeErrorPadding:[4,"include-error-padding"]}]);function u(){"undefined"!=typeof customElements&&["udp-slider","udp-fluent-icon","udp-text","udp-tooltip"].forEach((e=>{switch(e){case"udp-slider":customElements.get(a(e))||customElements.define(a(e),d);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))||r()}}))}export{d as U,u as d}

package/dist/components/udp-spinner2.js

@@ -1 +1 @@
-import{p as e,H as s,h as n,d as t,t as a}from"./index2.js";import"@fluentui/web-components/spinner.js";const p=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return n(t,{key:"a06546f301afdf9c10f6e3b12830e311842d68c4"},n("fluent-spinner",{key:"0de1b3aaba7bd65d4282dae0ab773a4dbbbc1176",size:this.size,appearance:this.appearance}))}},[1,"udp-spinner",{size:[1],appearance:[1]}]);function r(){"undefined"!=typeof customElements&&["udp-spinner"].forEach((e=>{"udp-spinner"===e&&(customElements.get(a(e))||customElements.define(a(e),p))}))}export{p as U,r as d}
+import{p as e,H as s,h as n,d as t,t as p}from"./index2.js";import"@fluentui/web-components/spinner.js";const c=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return n(t,{key:"b2ebebedd1f2d8dc407f468ed5be898f18be92c4"},n("fluent-spinner",{key:"d5ffa74b2face2f7ccba2cda261bee48abbbceb6",size:this.size,appearance:this.appearance}))}},[1,"udp-spinner",{size:[1],appearance:[1]}]);function r(){"undefined"!=typeof customElements&&["udp-spinner"].forEach((e=>{"udp-spinner"===e&&(customElements.get(p(e))||customElements.define(p(e),c))}))}export{c as U,r as d}

package/dist/components/udp-split-screen.js

@@ -1,2 +1,2 @@
 import "../stencil-library/stencil-library.css";
-import{p as e,H as t,h as s,t as o}from"./index2.js";const a=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.isOpen=!0,this.panelWidth=75,this.isDragging=!1,this.handleDrag=e=>{console.log("Dragging");const t=this.element.getBoundingClientRect(),s=Math.max(2,Math.min((e.clientX-t.left)/t.width*100,98));localStorage.setItem("panelWidth",""+this.panelWidth),this.panelWidth!==s&&(this.panelWidth=s,localStorage.setItem("panelWidth",""+this.panelWidth))}}async toggleOpen(){this.isOpen=!this.isOpen}componentDidLoad(){this.element.addEventListener("mousedown",(e=>{this.isDragging=!0,e.preventDefault()})),document.addEventListener("mousemove",(e=>{if(this.isDragging){if(this.isDragging){const t=this.element.getBoundingClientRect();this.panelWidth=Math.max(2,Math.min((e.clientX-t.left)/t.width*100,98))}this.handleDrag(e)}})),document.addEventListener("mouseup",(()=>{this.isDragging&&(this.isDragging=!1)}))}async componentWillLoad(){const e=localStorage.getItem("panelWidth");e&&(this.panelWidth=parseFloat(e))}render(){return s("div",{key:"a38507523d59aab33be1fa3da5b67167a5b26a99",ref:e=>this.element=e,class:{container:!0,open:this.isOpen}},s("div",{key:"064edb19b9bdb3dc8f78d7630dba5e34ebdc0a4f",class:"panel",style:{width:this.panelWidth+"%"}},s("slot",{key:"776ad0a241007de64ba5184fdb757a71e36f3c57",name:"first-panel"})),s("div",{key:"d0f3509713f741ddd542fbc688c384e8dee06cc2",class:"resizer",onMouseDown:e=>e.preventDefault()},s("div",{key:"c47bcb41221d6aa655a9637ff5e26ae1df58ae2a",class:"drag-handle"})),s("div",{key:"024bf170a1ead7a6820a1755c46047739a35d7b1",class:"panel",style:{width:100-this.panelWidth+"%"}},s("slot",{key:"1acdc0e7677f3668d867a590506e2e41f6689f87",name:"second-panel"},this.panelContent)))}static get style(){return".container{display:flex;height:100%;width:100%}.container:not(.open){display:none}.panel{flex-grow:1;overflow:auto;cursor:default;}.resizer{background-color:transparent;height:100vh;cursor:ew-resize;position:relative;display:flex;align-items:center;justify-content:center;padding:0 2px;box-sizing:content-box;transition:background-color 0.3s ease;}.resizer:hover{background-color:var(--primary-color);cursor:ew-resize;}.resizer:hover::before{background-color:transparent;}.resizer::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:2px;height:100%;background-color:rgb(219, 219, 219);transition:background-color 0.3s ease;}.drag-handle{content:'';font-size:24px;color:#666;user-select:none;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}"}},[257,"udp-split-screen",{panelContent:[1,"panel-content"],isOpen:[32],panelWidth:[32],isDragging:[32],toggleOpen:[64]}]),n=a,i=function(){"undefined"!=typeof customElements&&["udp-split-screen"].forEach((e=>{"udp-split-screen"===e&&(customElements.get(o(e))||customElements.define(o(e),a))}))};export{n as UdpSplitScreen,i as defineCustomElement}
+import{p as e,H as t,h as s,t as o}from"./index2.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.isOpen=!0,this.panelWidth=75,this.isDragging=!1,this.handleDrag=e=>{console.log("Dragging");const t=this.element.getBoundingClientRect(),s=Math.max(2,Math.min((e.clientX-t.left)/t.width*100,98));localStorage.setItem("panelWidth",""+this.panelWidth),this.panelWidth!==s&&(this.panelWidth=s,localStorage.setItem("panelWidth",""+this.panelWidth))}}async toggleOpen(){this.isOpen=!this.isOpen}componentDidLoad(){this.element.addEventListener("mousedown",(e=>{this.isDragging=!0,e.preventDefault()})),document.addEventListener("mousemove",(e=>{if(this.isDragging){if(this.isDragging){const t=this.element.getBoundingClientRect();this.panelWidth=Math.max(2,Math.min((e.clientX-t.left)/t.width*100,98))}this.handleDrag(e)}})),document.addEventListener("mouseup",(()=>{this.isDragging&&(this.isDragging=!1)}))}async componentWillLoad(){const e=localStorage.getItem("panelWidth");e&&(this.panelWidth=parseFloat(e))}render(){return s("div",{key:"339dad7259fc93e79b3649453563c7b219fed148",ref:e=>this.element=e,class:{container:!0,open:this.isOpen}},s("div",{key:"0c280a958b8d0184abefb7848f3ff964037e45c0",class:"panel",style:{width:this.panelWidth+"%"}},s("slot",{key:"130db581e05460c67d7af041b12fe8ade9e2aeab",name:"first-panel"})),s("div",{key:"8e3f9f87ebb632aa4e9e3d750123300d02d2baae",class:"resizer",onMouseDown:e=>e.preventDefault()},s("div",{key:"6259e6228c187611d9263c1048fa7e29d5cff5d5",class:"drag-handle"})),s("div",{key:"22fc5a5a91de95bbe8f6ea4d5494d91c99de8328",class:"panel",style:{width:100-this.panelWidth+"%"}},s("slot",{key:"24be53aeb8c65a17a277039bbbdd0557a233944d",name:"second-panel"},this.panelContent)))}static get style(){return".container{display:flex;height:100%;width:100%}.container:not(.open){display:none}.panel{flex-grow:1;overflow:auto;cursor:default;}.resizer{background-color:transparent;height:100vh;cursor:ew-resize;position:relative;display:flex;align-items:center;justify-content:center;padding:0 2px;box-sizing:content-box;transition:background-color 0.3s ease;}.resizer:hover{background-color:var(--primary-color);cursor:ew-resize;}.resizer:hover::before{background-color:transparent;}.resizer::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:2px;height:100%;background-color:rgb(219, 219, 219);transition:background-color 0.3s ease;}.drag-handle{content:'';font-size:24px;color:#666;user-select:none;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}"}},[257,"udp-split-screen",{panelContent:[1,"panel-content"],isOpen:[32],panelWidth:[32],isDragging:[32],toggleOpen:[64]}]),a=n,i=function(){"undefined"!=typeof customElements&&["udp-split-screen"].forEach((e=>{"udp-split-screen"===e&&(customElements.get(o(e))||customElements.define(o(e),n))}))};export{a as UdpSplitScreen,i as defineCustomElement}

package/dist/components/udp-stepper-demo.js

@@ -1,2 +1,2 @@
 import "../stencil-library/stencil-library.css";
-import{p as t,H as e,h as s,t as i}from"./index2.js";import{d as o}from"./custom-button2.js";import{d as a}from"./udp-stepper2.js";import{d as p}from"./unity-typography2.js";const n=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.activeStep=0,this.completed={},this.step1=s("div",null,"This is step 1 content - Try clicking next!"),this.step2=s("div",null,"This is step 2 content - You can go back or forward"),this.step3=s("div",null,"This is step 3 content - Final step!"),this.steps=[{stepDisplay:{inProcessIcon:"1",completeIcon:"✓",title:"First Step",subTitle:"Start here"},stepTitle:"Step 1",showTitle:!0,buttons:[{title:"Next",action:2,variant:"default",customAction:()=>{this.completed=Object.assign(Object.assign({},this.completed),{0:!0}),this.activeStep=1}}],content:this.step1},{stepDisplay:{inProcessIcon:"2",completeIcon:"✓",title:"Second Step",subTitle:"Middle step"},stepTitle:"Step 2",showTitle:!0,buttons:[{title:"Back",action:1,variant:"outline",customAction:()=>this.activeStep=0},{title:"Next",action:3,variant:"default",customAction:()=>{this.completed=Object.assign(Object.assign({},this.completed),{1:!0}),this.activeStep=2}}],content:this.step2},{stepDisplay:{inProcessIcon:"3",completeIcon:"✓",title:"Final Step",subTitle:"Complete the process"},stepTitle:"Step 3",showTitle:!0,buttons:[{title:"Back",action:2,customAction:()=>this.activeStep=1},{title:"Finish",action:3,variant:"default",customAction:()=>{this.completed=Object.assign(Object.assign({},this.completed),{2:!0}),console.log("Process completed!")}}],content:this.step3}],this.handleStepChange=t=>{this.activeStep=t}}render(){return s("div",{key:"4bc77b122e4215d73e3a88f82f5f148b45178cd6",style:{padding:"2rem"}},s("unity-typography",{key:"2fc1325a5cb0d51a970a2cda87a0bce8e3bdf3ea",variant:"h2"},"Horizontal Stepper with Labels bottom"),s("udp-stepper",{key:"fcdcba572922f45152e94cee068585e82601a65f",steps:this.steps,activeStep:this.activeStep,completed:this.completed,stepChange:this.handleStepChange,orientation:"horizontal",labelDisplay:"all",labelPosition:"bottom"}),s("unity-typography",{key:"19b8afb62f2a19eec19311098fd13dbbae7154d7",variant:"h2"},"Horizontal Stepper without Labels"),s("udp-stepper",{key:"0d718b1af2f56f565277d1c58a8bfe7a4d994de8",steps:this.steps,activeStep:this.activeStep,completed:this.completed,stepChange:this.handleStepChange,orientation:"horizontal",labelDisplay:"none",labelPosition:"bottom"}),s("unity-typography",{key:"17d9d73916291e1adce5f1989277d990c621cb35",variant:"h2"},"Horizontal Stepper with Labels to Right"),s("udp-stepper",{key:"5ab5ced2c38af167c88a38b39e9697dea5a5b587",steps:this.steps,activeStep:this.activeStep,completed:this.completed,stepChange:this.handleStepChange,orientation:"horizontal",labelDisplay:"all",labelPosition:"right"}),s("unity-typography",{key:"d69936b12413a203188f2487edd163994c15d8f0",variant:"h2"},"Vertical Stepper"),s("udp-stepper",{key:"638eca4367f24612ae0ab2af1bf978d080f2230a",steps:this.steps,activeStep:this.activeStep,completed:this.completed,stepChange:this.handleStepChange,orientation:"vertical",labelDisplay:"all",labelPosition:"right"}))}},[1,"udp-stepper-demo",{activeStep:[32],completed:[32]}]),c=n,l=function(){"undefined"!=typeof customElements&&["udp-stepper-demo","custom-button","udp-stepper","unity-typography"].forEach((t=>{switch(t){case"udp-stepper-demo":customElements.get(i(t))||customElements.define(i(t),n);break;case"custom-button":customElements.get(i(t))||o();break;case"udp-stepper":customElements.get(i(t))||a();break;case"unity-typography":customElements.get(i(t))||p()}}))};export{c as UdpStepperDemo,l as defineCustomElement}
+import{p as t,H as e,h as s,t as i}from"./index2.js";import{d as o}from"./custom-button2.js";import{d as a}from"./udp-stepper2.js";import{d as p}from"./unity-typography2.js";const c=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.activeStep=0,this.completed={},this.step1=s("div",null,"This is step 1 content - Try clicking next!"),this.step2=s("div",null,"This is step 2 content - You can go back or forward"),this.step3=s("div",null,"This is step 3 content - Final step!"),this.steps=[{stepDisplay:{inProcessIcon:"1",completeIcon:"✓",title:"First Step",subTitle:"Start here"},stepTitle:"Step 1",showTitle:!0,buttons:[{title:"Next",action:2,variant:"default",customAction:()=>{this.completed=Object.assign(Object.assign({},this.completed),{0:!0}),this.activeStep=1}}],content:this.step1},{stepDisplay:{inProcessIcon:"2",completeIcon:"✓",title:"Second Step",subTitle:"Middle step"},stepTitle:"Step 2",showTitle:!0,buttons:[{title:"Back",action:1,variant:"outline",customAction:()=>this.activeStep=0},{title:"Next",action:3,variant:"default",customAction:()=>{this.completed=Object.assign(Object.assign({},this.completed),{1:!0}),this.activeStep=2}}],content:this.step2},{stepDisplay:{inProcessIcon:"3",completeIcon:"✓",title:"Final Step",subTitle:"Complete the process"},stepTitle:"Step 3",showTitle:!0,buttons:[{title:"Back",action:2,customAction:()=>this.activeStep=1},{title:"Finish",action:3,variant:"default",customAction:()=>{this.completed=Object.assign(Object.assign({},this.completed),{2:!0}),console.log("Process completed!")}}],content:this.step3}],this.handleStepChange=t=>{this.activeStep=t}}render(){return s("div",{key:"eceed53125c8933fa8523208dcfcae23869f5f6c",style:{padding:"2rem"}},s("unity-typography",{key:"136e04780a9964e136e6334fbcb815ab43491b64",variant:"h2"},"Horizontal Stepper with Labels bottom"),s("udp-stepper",{key:"cec70e5ff7db935d01db1e22db141ab3ea08159e",steps:this.steps,activeStep:this.activeStep,completed:this.completed,stepChange:this.handleStepChange,orientation:"horizontal",labelDisplay:"all",labelPosition:"bottom"}),s("unity-typography",{key:"c2912a81981d1c53b9d4de59c2ee26f2b21ed833",variant:"h2"},"Horizontal Stepper without Labels"),s("udp-stepper",{key:"1258d7f1c617e2805a63521d00a9b752dfb5bf79",steps:this.steps,activeStep:this.activeStep,completed:this.completed,stepChange:this.handleStepChange,orientation:"horizontal",labelDisplay:"none",labelPosition:"bottom"}),s("unity-typography",{key:"a564bc605c7a74981b64e2938da24c7ba65762d2",variant:"h2"},"Horizontal Stepper with Labels to Right"),s("udp-stepper",{key:"4689fbba1de58f5b3c565483c37ebf05fbb09a95",steps:this.steps,activeStep:this.activeStep,completed:this.completed,stepChange:this.handleStepChange,orientation:"horizontal",labelDisplay:"all",labelPosition:"right"}),s("unity-typography",{key:"b9cf04b44a489ec5ecee1503c560bc7781b8c044",variant:"h2"},"Vertical Stepper"),s("udp-stepper",{key:"719b1d19d3c2759701b065f7ef97ed323620ff7e",steps:this.steps,activeStep:this.activeStep,completed:this.completed,stepChange:this.handleStepChange,orientation:"vertical",labelDisplay:"all",labelPosition:"right"}))}},[1,"udp-stepper-demo",{activeStep:[32],completed:[32]}]),n=c,l=function(){"undefined"!=typeof customElements&&["udp-stepper-demo","custom-button","udp-stepper","unity-typography"].forEach((t=>{switch(t){case"udp-stepper-demo":customElements.get(i(t))||customElements.define(i(t),c);break;case"custom-button":customElements.get(i(t))||o();break;case"udp-stepper":customElements.get(i(t))||a();break;case"unity-typography":customElements.get(i(t))||p()}}))};export{n as UdpStepperDemo,l as defineCustomElement}

package/dist/components/udp-tab-panel2.js

@@ -1 +1 @@
-import{p as e,H as t,h as a,d as s,t as d}from"./index2.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){const e=this.activeTabId===this.id;return a(s,{key:"cf56739c139547adc2177ba689af14576b83f288",role:"tabpanel","aria-labelledby":this.id,"aria-hidden":e?"false":"true",hidden:!e},a("slot",{key:"3d9370e3a2083a987212519284a8c57240c39986"}))}static get delegatesFocus(){return!0}static get style(){return":host{display:block}:host([hidden]){display:none}"}},[273,"udp-tab-panel",{activeTabId:[1,"active-tab-id"],id:[1]}]);function i(){"undefined"!=typeof customElements&&["udp-tab-panel"].forEach((e=>{"udp-tab-panel"===e&&(customElements.get(d(e))||customElements.define(d(e),n))}))}export{n as U,i as d}
+import{p as e,H as t,h as s,d as a,t as d}from"./index2.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){const e=this.activeTabId===this.id;return s(a,{key:"067b209fb2c85ef835fb236e1964f019e0c1266d",role:"tabpanel","aria-labelledby":this.id,"aria-hidden":e?"false":"true",hidden:!e},s("slot",{key:"a3c13914b547903978700e6304f68fa406190e3d"}))}static get delegatesFocus(){return!0}static get style(){return":host{display:block}:host([hidden]){display:none}"}},[273,"udp-tab-panel",{activeTabId:[1,"active-tab-id"],id:[1]}]);function i(){"undefined"!=typeof customElements&&["udp-tab-panel"].forEach((e=>{"udp-tab-panel"===e&&(customElements.get(d(e))||customElements.define(d(e),n))}))}export{n as U,i as d}

package/dist/components/udp-tab.js

@@ -1,2 +1,2 @@
 import "../stencil-library/stencil-library.css";
-import{p as e,H as t,h as a,t as s}from"./index2.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.active=!1,this.iconPlacement="start",this.hidden=!1,this.disabled=!1}render(){return a("div",{key:"eac6b3b89030eb70bcd9f9b1716edecebe53818a",class:{"tab-panel":!0,active:this.active},role:"tabpanel"},a("slot",{key:"b39be7b7f52a015d88a108cf0bd6fa3ee0b3e9df"}))}static get style(){return".tab-panel{display:none}.tab-panel.active{display:block}"}},[260,"udp-tab",{label:[1],active:[516],icon:[1],iconPlacement:[1,"icon-placement"],hidden:[4],disabled:[4]}]),c=n,i=function(){"undefined"!=typeof customElements&&["udp-tab"].forEach((e=>{"udp-tab"===e&&(customElements.get(s(e))||customElements.define(s(e),n))}))};export{c as UdpTab,i as defineCustomElement}
+import{p as e,H as t,h as a,t as s}from"./index2.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.active=!1,this.iconPlacement="start",this.hidden=!1,this.disabled=!1}render(){return a("div",{key:"29fc3f55112bd9c12a148f99bb17ac9e2a8f5c9d",class:{"tab-panel":!0,active:this.active},role:"tabpanel"},a("slot",{key:"79a4524128508ebf0ce027d66d44af3ae5812c75"}))}static get style(){return".tab-panel{display:none}.tab-panel.active{display:block}"}},[260,"udp-tab",{label:[1],active:[516],icon:[1],iconPlacement:[1,"icon-placement"],hidden:[4],disabled:[4]}]),c=n,i=function(){"undefined"!=typeof customElements&&["udp-tab"].forEach((e=>{"udp-tab"===e&&(customElements.get(s(e))||customElements.define(s(e),n))}))};export{c as UdpTab,i as defineCustomElement}

package/dist/components/udp-tabs2.js

@@ -1 +1 @@
-import{p as t,H as e,c as i,h as a,t as o}from"./index2.js";import{d as r}from"./udp-icon2.js";const s=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.udpTabChange=i(this,"udpTabChange",7),this.variant="fill",this.tabs=[],this.internalActiveTab=0,this.tabDetails=[],this.sliderStyle={width:"0",transform:"translateX(0)"},this.showScrollLeft=!1,this.showScrollRight=!1,this.slottedTabs=[],this.buttonRefs=[]}get isControlled(){return null!=this.value}get useTabsProp(){return this.tabs&&this.tabs.length>0}get activeTab(){return this.isControlled?this.value:this.internalActiveTab}handleSlotChange(){this.useTabsProp||this.initializeTabs()}handleResize(){requestAnimationFrame((()=>{this.updateSliderPosition(),this.checkScroll()}))}componentDidLoad(){this.initializeTabs()}onActiveTabChange(t){this.updateActiveTabs(),this.updateSliderPosition(),this.scrollTabIntoView(t)}onValueChange(t){this.updateActiveTabs(),this.updateSliderPosition(),this.scrollTabIntoView(t)}onTabsPropChange(){this.initializeTabs()}onVariantChange(){requestAnimationFrame((()=>{this.updateSliderPosition(),this.checkScroll()}))}initializeTabs(){var t,e;if(this.buttonRefs=[],this.useTabsProp?(this.tabDetails=this.tabs.map((t=>Object.assign({},t))),this.slottedTabs=[]):(this.slottedTabs=Array.from(this.el.children).filter((t=>"udp-tab"===t.tagName.toLowerCase())),this.tabDetails=this.slottedTabs.map((t=>({label:t.label,icon:t.icon,iconPlacement:t.iconPlacement,hidden:t.hidden,disabled:t.disabled})))),!this.isControlled&&((null===(t=this.tabDetails[this.internalActiveTab])||void 0===t?void 0:t.hidden)||(null===(e=this.tabDetails[this.internalActiveTab])||void 0===e?void 0:e.disabled))){const t=this.tabDetails.findIndex((t=>!t.hidden&&!t.disabled));this.internalActiveTab=t>-1?t:0}this.updateActiveTabs(),requestAnimationFrame((()=>{this.updateSliderPosition(),this.checkScroll()}))}updateActiveTabs(){if(!this.useTabsProp){const t=this.activeTab;this.slottedTabs.forEach(((e,i)=>{e.active=i===t}))}}updateSliderPosition(){const t=this.buttonRefs[this.activeTab];this.sliderStyle=t?{width:`${t.offsetWidth}px`,transform:`translateX(${t.offsetLeft}px)`}:{width:"0px",transform:"translateX(0px)"}}checkScroll(){if(!this.scrollContainerRef)return;const{scrollLeft:t,scrollWidth:e,clientWidth:i}=this.scrollContainerRef,a=e>i;this.showScrollLeft=a&&t>1,this.showScrollRight=a&&t<e-i-1}tabClicked(t){var e;(null===(e=this.tabDetails[t])||void 0===e?void 0:e.disabled)||(this.isControlled?this.udpTabChange.emit(t):this.internalActiveTab=t)}scrollTabIntoView(t){const e=this.buttonRefs[t],i=this.scrollContainerRef;if(!e||!i)return;const{scrollLeft:a,clientWidth:o}=i,r=e.offsetLeft,s=r+e.offsetWidth,n=a+o-70;r<a+70?i.scrollTo({left:r-70,behavior:"smooth"}):s>n&&i.scrollTo({left:s-o+70,behavior:"smooth"})}scrollToStart(){this.scrollContainerRef&&this.scrollContainerRef.scrollTo({left:0,behavior:"smooth"})}scrollToEnd(){if(!this.scrollContainerRef)return;const t=this.scrollContainerRef,{scrollWidth:e,clientWidth:i}=t;t.scrollTo({left:e-i,behavior:"smooth"})}render(){const t=this.activeTab;return a("div",{key:"df21c243de60c14f45558ccae50480eaa4cd8bb7",class:"tab-container"},a("div",{key:"ea937d700c5c60026bb7782e718c717f5d64bed6",class:`tab-header ${this.variant}`},this.showScrollLeft&&a("button",{key:"3e6df1c7ad7f9e56506793d2f1677fdb3f16f3cf",class:"scroll-arrow left",onClick:()=>this.scrollToStart(),"aria-label":"Scroll to first tab"},a("udp-icon",{key:"b42700d6add6b079417b254ab18e75c51a09d00f",iconName:"chevronLeft16",color:"inherit"})),this.showScrollLeft&&a("div",{key:"cfdb8c9639dca0a6d5453097900758cd0d2fffe0",class:"scroll-fade left"}),a("div",{key:"ad6a860db4b74383cdf5e2eec2fbd2dbd73eda51",class:"tab-scroll-container",ref:t=>this.scrollContainerRef=t,onScroll:()=>this.checkScroll()},this.tabDetails.map(((e,i)=>{if(e.hidden)return null;const o=e.icon?a("udp-icon",{iconName:e.icon,color:"inherit"}):null,r=a("span",null,e.label);return a("button",{class:{active:i===t,"has-icon":!!e.icon,[`icon-${e.iconPlacement}`]:!!e.icon,disabled:e.disabled},disabled:e.disabled,onClick:()=>this.tabClicked(i),role:"tab","aria-selected":i===t?"true":"false","aria-disabled":e.disabled?"true":"false",ref:t=>this.buttonRefs[i]=t},o,r)})),a("div",{key:"da7a7d703e4d727c809a094f0be21861682295e8",class:"slider",style:this.sliderStyle})),this.showScrollRight&&a("div",{key:"72306b3afe78506147ffd8d34d62ce97ce6640eb",class:"scroll-fade right"}),this.showScrollRight&&a("button",{key:"931a3ed42216f077cef73866abdf59eb7bb54b01",class:"scroll-arrow right",onClick:()=>this.scrollToEnd(),"aria-label":"Scroll to last tab"},a("udp-icon",{key:"952b579182dfae443a06d6bc8cc14c73ec039e4d",iconName:"chevronRight16",color:"inherit"}))),!this.isControlled&&!this.useTabsProp&&a("div",{key:"d90c6893772a451666dd7962b77b18e1a5b36296"},a("slot",{key:"2f7b4c59a97796a40c898fdcffc93d185777369e"})))}get el(){return this}static get watchers(){return{internalActiveTab:[{onActiveTabChange:0}],value:[{onValueChange:0}],tabs:[{onTabsPropChange:0}],variant:[{onVariantChange:0}]}}static get style(){return".tab-container{display:flex;flex-direction:column}.tab-header{background-color:#ffffff;position:relative;display:flex;align-items:center}.tab-scroll-container{display:flex;position:relative;overflow-x:auto;overflow-y:hidden;flex:1;min-width:0}.tab-scroll-container::-webkit-scrollbar{height:4px}.tab-scroll-container::-webkit-scrollbar-track{background:transparent}.tab-scroll-container::-webkit-scrollbar-thumb{background-color:rgba(0, 0, 0, 0.2);border-radius:4px}.tab-scroll-container::-webkit-scrollbar-thumb:hover{background-color:rgba(0, 0, 0, 0.3)}.tab-header::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:var(--divider-color, #e0e0e0)}.tab-header button{padding:16px;font-size:14px;text-align:center;border:none;background:none;cursor:pointer;outline:none;transition:all 0.22s ease;color:#555555;font-weight:600;opacity:0.9;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:8px}.tab-header.fill .tab-scroll-container{width:100%}.tab-header.fill .tab-scroll-container button{flex-grow:1}.tab-header button.active{color:var(--secondary-color, #344861);opacity:1.0}.tab-header button.scroll-arrow{position:absolute;top:0;bottom:0;display:flex;align-items:center;justify-content:center;width:40px;padding:0;background:#ffffff;cursor:pointer;font-size:16px;font-weight:bold;color:#757575;z-index:2;transition:color 0.2s ease;flex-shrink:0;opacity:1;gap:0}.tab-header button.scroll-arrow:hover{color:#000}.tab-header button.scroll-arrow.left{left:0}.tab-header button.scroll-arrow.right{right:0}.scroll-fade{position:absolute;top:0;bottom:0;width:30px;z-index:1;pointer-events:none}.scroll-fade.left{left:40px;background:linear-gradient(     to right,     #ffffff,     rgba(255, 255, 255, 0)   )}.scroll-fade.right{right:40px;background:linear-gradient(     to left,     #ffffff,     rgba(255, 255, 255, 0)   )}.tab-header button udp-icon{font-size:1.2em;line-height:1}.tab-header button.icon-start{flex-direction:row}.tab-header button.icon-end{flex-direction:row-reverse}.tab-header button.icon-top{flex-direction:column;gap:4px}.tab-header button.icon-bottom{flex-direction:column-reverse;gap:4px}.slider{position:absolute;bottom:0;left:0;height:2px;background-color:var(--secondary-color, #344861);transition:transform 0.22s cubic-bezier(0.4, 0, 0.2, 1),     width 0.22s cubic-bezier(0.4, 0, 0.2, 1);z-index:1}.tab-header button.disabled{opacity:0.5;cursor:not-allowed}.tab-header button.disabled.active{color:#757575;opacity:0.5}"}},[257,"udp-tabs",{variant:[1],value:[2],tabs:[16],internalActiveTab:[32],tabDetails:[32],sliderStyle:[32],showScrollLeft:[32],showScrollRight:[32]},[[0,"slotchange","handleSlotChange"],[9,"resize","handleResize"]],{internalActiveTab:[{onActiveTabChange:0}],value:[{onValueChange:0}],tabs:[{onTabsPropChange:0}],variant:[{onVariantChange:0}]}]);function n(){"undefined"!=typeof customElements&&["udp-tabs","udp-icon"].forEach((t=>{switch(t){case"udp-tabs":customElements.get(o(t))||customElements.define(o(t),s);break;case"udp-icon":customElements.get(o(t))||r()}}))}export{s as U,n as d}
+import{p as t,H as e,c as i,h as a,t as o}from"./index2.js";import{d as r}from"./udp-icon2.js";const s=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.udpTabChange=i(this,"udpTabChange",7),this.variant="fill",this.tabs=[],this.internalActiveTab=0,this.tabDetails=[],this.sliderStyle={width:"0",transform:"translateX(0)"},this.showScrollLeft=!1,this.showScrollRight=!1,this.slottedTabs=[],this.buttonRefs=[]}get isControlled(){return null!=this.value}get useTabsProp(){return this.tabs&&this.tabs.length>0}get activeTab(){return this.isControlled?this.value:this.internalActiveTab}handleSlotChange(){this.useTabsProp||this.initializeTabs()}handleResize(){requestAnimationFrame((()=>{this.updateSliderPosition(),this.checkScroll()}))}componentDidLoad(){this.initializeTabs()}onActiveTabChange(t){this.updateActiveTabs(),this.updateSliderPosition(),this.scrollTabIntoView(t)}onValueChange(t){this.updateActiveTabs(),this.updateSliderPosition(),this.scrollTabIntoView(t)}onTabsPropChange(){this.initializeTabs()}onVariantChange(){requestAnimationFrame((()=>{this.updateSliderPosition(),this.checkScroll()}))}initializeTabs(){var t,e;if(this.buttonRefs=[],this.useTabsProp?(this.tabDetails=this.tabs.map((t=>Object.assign({},t))),this.slottedTabs=[]):(this.slottedTabs=Array.from(this.el.children).filter((t=>"udp-tab"===t.tagName.toLowerCase())),this.tabDetails=this.slottedTabs.map((t=>({label:t.label,icon:t.icon,iconPlacement:t.iconPlacement,hidden:t.hidden,disabled:t.disabled})))),!this.isControlled&&((null===(t=this.tabDetails[this.internalActiveTab])||void 0===t?void 0:t.hidden)||(null===(e=this.tabDetails[this.internalActiveTab])||void 0===e?void 0:e.disabled))){const t=this.tabDetails.findIndex((t=>!t.hidden&&!t.disabled));this.internalActiveTab=t>-1?t:0}this.updateActiveTabs(),requestAnimationFrame((()=>{this.updateSliderPosition(),this.checkScroll()}))}updateActiveTabs(){if(!this.useTabsProp){const t=this.activeTab;this.slottedTabs.forEach(((e,i)=>{e.active=i===t}))}}updateSliderPosition(){const t=this.buttonRefs[this.activeTab];this.sliderStyle=t?{width:`${t.offsetWidth}px`,transform:`translateX(${t.offsetLeft}px)`}:{width:"0px",transform:"translateX(0px)"}}checkScroll(){if(!this.scrollContainerRef)return;const{scrollLeft:t,scrollWidth:e,clientWidth:i}=this.scrollContainerRef,a=e>i;this.showScrollLeft=a&&t>1,this.showScrollRight=a&&t<e-i-1}tabClicked(t){var e;(null===(e=this.tabDetails[t])||void 0===e?void 0:e.disabled)||(this.isControlled?this.udpTabChange.emit(t):this.internalActiveTab=t)}scrollTabIntoView(t){const e=this.buttonRefs[t],i=this.scrollContainerRef;if(!e||!i)return;const{scrollLeft:a,clientWidth:o}=i,r=e.offsetLeft,s=r+e.offsetWidth,n=a+o-70;r<a+70?i.scrollTo({left:r-70,behavior:"smooth"}):s>n&&i.scrollTo({left:s-o+70,behavior:"smooth"})}scrollToStart(){this.scrollContainerRef&&this.scrollContainerRef.scrollTo({left:0,behavior:"smooth"})}scrollToEnd(){if(!this.scrollContainerRef)return;const t=this.scrollContainerRef,{scrollWidth:e,clientWidth:i}=t;t.scrollTo({left:e-i,behavior:"smooth"})}render(){const t=this.activeTab;return a("div",{key:"29b0423ac240ba56f7f9942ba9f1341e19084b59",class:"tab-container"},a("div",{key:"593122dad4d70a2b89963419f653aa022d256602",class:`tab-header ${this.variant}`},this.showScrollLeft&&a("button",{key:"814e5f8e29491e2e0c18ab48766c7366d949d507",class:"scroll-arrow left",onClick:()=>this.scrollToStart(),"aria-label":"Scroll to first tab"},a("udp-icon",{key:"83c59c7d10f5b986ec7451b7341c289fccb99ff6",iconName:"chevronLeft16",color:"inherit"})),this.showScrollLeft&&a("div",{key:"a3f1636b808842a4f8d2cf5af85bb9c617558868",class:"scroll-fade left"}),a("div",{key:"6c7ec90c21402fdb4ad0e5878a813e1255de34f8",class:"tab-scroll-container",ref:t=>this.scrollContainerRef=t,onScroll:()=>this.checkScroll()},this.tabDetails.map(((e,i)=>{if(e.hidden)return null;const o=e.icon?a("udp-icon",{iconName:e.icon,color:"inherit"}):null,r=a("span",null,e.label);return a("button",{class:{active:i===t,"has-icon":!!e.icon,[`icon-${e.iconPlacement}`]:!!e.icon,disabled:e.disabled},disabled:e.disabled,onClick:()=>this.tabClicked(i),role:"tab","aria-selected":i===t?"true":"false","aria-disabled":e.disabled?"true":"false",ref:t=>this.buttonRefs[i]=t},o,r)})),a("div",{key:"3269205055ead814dbff78d2a18eb7e1fad6fabf",class:"slider",style:this.sliderStyle})),this.showScrollRight&&a("div",{key:"6c560b17fa23f771324a17dd459e53aec82f71fa",class:"scroll-fade right"}),this.showScrollRight&&a("button",{key:"9aa89b9a9358452928d2dbca5dc4d084e21f3d8e",class:"scroll-arrow right",onClick:()=>this.scrollToEnd(),"aria-label":"Scroll to last tab"},a("udp-icon",{key:"4980fb079c41a56a873afc88cc7fd9f4f411f64c",iconName:"chevronRight16",color:"inherit"}))),!this.isControlled&&!this.useTabsProp&&a("div",{key:"1e72007ccc47ac1c06765cabe9eb8e47d82087fa"},a("slot",{key:"9dafd14a5bff09c982f56f51f623d616f8ae300b"})))}get el(){return this}static get watchers(){return{internalActiveTab:[{onActiveTabChange:0}],value:[{onValueChange:0}],tabs:[{onTabsPropChange:0}],variant:[{onVariantChange:0}]}}static get style(){return".tab-container{display:flex;flex-direction:column}.tab-header{background-color:#ffffff;position:relative;display:flex;align-items:center}.tab-scroll-container{display:flex;position:relative;overflow-x:auto;overflow-y:hidden;flex:1;min-width:0}.tab-scroll-container::-webkit-scrollbar{height:4px}.tab-scroll-container::-webkit-scrollbar-track{background:transparent}.tab-scroll-container::-webkit-scrollbar-thumb{background-color:rgba(0, 0, 0, 0.2);border-radius:4px}.tab-scroll-container::-webkit-scrollbar-thumb:hover{background-color:rgba(0, 0, 0, 0.3)}.tab-header::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:var(--divider-color, #e0e0e0)}.tab-header button{padding:16px;font-size:14px;text-align:center;border:none;background:none;cursor:pointer;outline:none;transition:all 0.22s ease;color:#555555;font-weight:600;opacity:0.9;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:8px}.tab-header.fill .tab-scroll-container{width:100%}.tab-header.fill .tab-scroll-container button{flex-grow:1}.tab-header button.active{color:var(--secondary-color, #344861);opacity:1.0}.tab-header button.scroll-arrow{position:absolute;top:0;bottom:0;display:flex;align-items:center;justify-content:center;width:40px;padding:0;background:#ffffff;cursor:pointer;font-size:16px;font-weight:bold;color:#757575;z-index:2;transition:color 0.2s ease;flex-shrink:0;opacity:1;gap:0}.tab-header button.scroll-arrow:hover{color:#000}.tab-header button.scroll-arrow.left{left:0}.tab-header button.scroll-arrow.right{right:0}.scroll-fade{position:absolute;top:0;bottom:0;width:30px;z-index:1;pointer-events:none}.scroll-fade.left{left:40px;background:linear-gradient(     to right,     #ffffff,     rgba(255, 255, 255, 0)   )}.scroll-fade.right{right:40px;background:linear-gradient(     to left,     #ffffff,     rgba(255, 255, 255, 0)   )}.tab-header button udp-icon{font-size:1.2em;line-height:1}.tab-header button.icon-start{flex-direction:row}.tab-header button.icon-end{flex-direction:row-reverse}.tab-header button.icon-top{flex-direction:column;gap:4px}.tab-header button.icon-bottom{flex-direction:column-reverse;gap:4px}.slider{position:absolute;bottom:0;left:0;height:2px;background-color:var(--secondary-color, #344861);transition:transform 0.22s cubic-bezier(0.4, 0, 0.2, 1),     width 0.22s cubic-bezier(0.4, 0, 0.2, 1);z-index:1}.tab-header button.disabled{opacity:0.5;cursor:not-allowed}.tab-header button.disabled.active{color:#757575;opacity:0.5}"}},[257,"udp-tabs",{variant:[1],value:[2],tabs:[16],internalActiveTab:[32],tabDetails:[32],sliderStyle:[32],showScrollLeft:[32],showScrollRight:[32]},[[0,"slotchange","handleSlotChange"],[9,"resize","handleResize"]],{internalActiveTab:[{onActiveTabChange:0}],value:[{onValueChange:0}],tabs:[{onTabsPropChange:0}],variant:[{onVariantChange:0}]}]);function n(){"undefined"!=typeof customElements&&["udp-tabs","udp-icon"].forEach((t=>{switch(t){case"udp-tabs":customElements.get(o(t))||customElements.define(o(t),s);break;case"udp-icon":customElements.get(o(t))||r()}}))}export{s as U,n as d}

package/dist/components/udp-textarea2.js

@@ -1 +1 @@
-import{p as e,H as t,c as o,h as r,d as a,t as s}from"./index2.js";import"@fluentui/web-components/textarea.js";import"@fluentui/web-components/field.js";import"@fluentui/web-components/label.js";import{d as i}from"./udp-fluent-icon2.js";import{d as l}from"./udp-text2.js";import{d as n}from"./udp-tooltip2.js";const d=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.valueChanged=o(this,"valueChanged",7),this.inputBlur=o(this,"inputBlur",7),this.inputFocus=o(this,"inputFocus",7),this.includeErrorPadding=!0,this.required=!1,this.disabled=!1,this.readonly=!1,this.autofocus=!1,this.spellcheck=!1,this.resize="none",this.autoResize=!1,this.appearance="outline",this.controlSize="medium",this.handleInput=e=>{e.stopPropagation(),this.valueChanged.emit(e.target.value)}}select(){var e;return null===(e=this.internalInput)||void 0===e||e.select(),Promise.resolve()}componentDidRender(){this.internalInput&&(this.internalInput.setAttribute("resize",this.resize),this.internalInput.setAttribute("appearance",this.appearance))}render(){const e=!!this.error,t=this.error||this.hint;return r(a,{key:"ce219e684e74eeedae71b6bd74bb5d018c4b4a4a",class:{"has-error":e}},r("fluent-field",{key:"fd19793a3d39147a4078a6b03a15f4701acd40d9",class:{"no-label":!this.label,"no-message":!t&&!this.includeErrorPadding}},r("fluent-textarea",{key:"01e4224cbb7df7a29a2846ffc4d49b87e973906c",ref:e=>this.internalInput=e,slot:"input",name:this.name,value:this.value,placeholder:this.placeholder,required:this.required,disabled:this.disabled,readonly:this.readonly,autofocus:this.autofocus,spellcheck:this.spellcheck?"true":"false",appearance:this.appearance,resize:this.resize,maxlength:this.maxLength,autoResize:this.autoResize,size:this.controlSize,displayShadow:!0,onInput:this.handleInput,onBlur:()=>this.inputBlur.emit(),onFocus:()=>this.inputFocus.emit(),onInvalid:e=>e.preventDefault()}),r("fluent-label",{key:"f946f0a4015f1a6b2b026441baa98321b914d802",slot:"label",disabled:this.disabled},this.label,this.popupHint&&r("udp-tooltip",{key:"f029ccf9f63b92fbb4657bd3cf02ca36057c93c5",content:this.popupHint,positioning:"above"},r("udp-fluent-icon",{key:"24d4806271f964b9e07ed7c3347f8d240a7e2a17",name:"info",size:"xs",class:"popup-hint-icon"}))),r("udp-text",{key:"f66ba1b67c27434789d7c19d23b6b27ba286528e",slot:"message",variant:"caption1",class:{message:!0,error:e,includeErrorPadding:this.includeErrorPadding}},t)))}static get delegatesFocus(){return!0}static get style(){return"fluent-textarea[disabled]::part(control){color:var(--colorNeutralForegroundDisabled);-webkit-text-fill-color:var(--colorNeutralForegroundDisabled)}fluent-textarea[disabled]::part(root){background-color:var(--colorNeutralBackgroundDisabled)}fluent-label[disabled]{color:var(--colorNeutralForeground1)}fluent-textarea::part(control):-webkit-autofill,fluent-textarea::part(control):-webkit-autofill:hover,fluent-textarea::part(control):-webkit-autofill:focus,fluent-textarea::part(control):-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--colorNeutralBackground1) inset !important;-webkit-text-fill-color:var(--colorNeutralForeground1) !important}:host{display:block;width:100%}fluent-field{width:100%}fluent-textarea{width:100%;--inline-size:100%}fluent-textarea[appearance='underline']::part(root){background-color:transparent;border:none;border-radius:0;border-bottom:1px solid var(--colorNeutralStrokeAccessible, #616161);box-shadow:none}fluent-textarea[appearance='underline']:hover::part(root){border-bottom-color:var(--colorNeutralStrokeAccessibleHover, #575757)}fluent-textarea[appearance='underline']:focus-within::part(root){border-bottom-color:var(--colorCompoundBrandStroke, #0f6cbd)}fluent-field.no-label::part(label){display:none}fluent-field.no-message::part(message){display:none}.message{color:var(--colorNeutralForeground3)}.message.includeErrorPadding{min-height:var(--lineHeightBase200)}.message.error{color:var(--colorPaletteRedForeground1)}.popup-hint-icon{margin-left:2px}:host(.has-error) fluent-textarea::part(root){border-color:var(--colorPaletteRedBorder2)}:host(.has-error:focus-within) fluent-textarea::part(root){border-color:var(--colorNeutralStroke1)}"}},[17,"udp-textarea",{value:[1],name:[1],label:[1],hint:[1],popupHint:[1,"popup-hint"],error:[1],includeErrorPadding:[4,"include-error-padding"],placeholder:[1],required:[4],disabled:[4],readonly:[4],autofocus:[4],spellcheck:[4],resize:[1],autoResize:[4,"auto-resize"],appearance:[1],controlSize:[1,"control-size"],maxLength:[2,"max-length"],select:[64]}]);function u(){"undefined"!=typeof customElements&&["udp-textarea","udp-fluent-icon","udp-text","udp-tooltip"].forEach((e=>{switch(e){case"udp-textarea":customElements.get(s(e))||customElements.define(s(e),d);break;case"udp-fluent-icon":customElements.get(s(e))||i();break;case"udp-text":customElements.get(s(e))||l();break;case"udp-tooltip":customElements.get(s(e))||n()}}))}export{d as U,u as d}
+import{p as e,H as t,c as o,h as r,d as a,t as s}from"./index2.js";import"@fluentui/web-components/textarea.js";import"@fluentui/web-components/field.js";import"@fluentui/web-components/label.js";import{d as i}from"./udp-fluent-icon2.js";import{d as l}from"./udp-text2.js";import{d as n}from"./udp-tooltip2.js";const d=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.valueChanged=o(this,"valueChanged",7),this.inputBlur=o(this,"inputBlur",7),this.inputFocus=o(this,"inputFocus",7),this.includeErrorPadding=!0,this.required=!1,this.disabled=!1,this.readonly=!1,this.autofocus=!1,this.spellcheck=!1,this.resize="none",this.autoResize=!1,this.appearance="outline",this.controlSize="medium",this.handleInput=e=>{e.stopPropagation(),this.valueChanged.emit(e.target.value)}}select(){var e;return null===(e=this.internalInput)||void 0===e||e.select(),Promise.resolve()}componentDidRender(){this.internalInput&&(this.internalInput.setAttribute("resize",this.resize),this.internalInput.setAttribute("appearance",this.appearance))}render(){const e=!!this.error,t=this.error||this.hint;return r(a,{key:"77859e24a772df8c9be07c9b06b0cdd2515e0f7b",class:{"has-error":e}},r("fluent-field",{key:"fa47373ad6ab9e226b98f2ff4353ef5dbf2e0b53",class:{"no-label":!this.label,"no-message":!t&&!this.includeErrorPadding}},r("fluent-textarea",{key:"749fec0b2025ce254760de7ae4db8b7254d0e5de",ref:e=>this.internalInput=e,slot:"input",name:this.name,value:this.value,placeholder:this.placeholder,required:this.required,disabled:this.disabled,readonly:this.readonly,autofocus:this.autofocus,spellcheck:this.spellcheck?"true":"false",appearance:this.appearance,resize:this.resize,maxlength:this.maxLength,autoResize:this.autoResize,size:this.controlSize,displayShadow:!0,onInput:this.handleInput,onBlur:()=>this.inputBlur.emit(),onFocus:()=>this.inputFocus.emit(),onInvalid:e=>e.preventDefault()}),r("fluent-label",{key:"60dd872557b36cee9345bb9a5d7b823f613a156c",slot:"label",disabled:this.disabled},this.label,this.popupHint&&r("udp-tooltip",{key:"a6e9e0a150bf5c329338ac3036b654e43ec15960",content:this.popupHint,positioning:"above"},r("udp-fluent-icon",{key:"6c415371038d73c8c8f77db341b5b65484c69acf",name:"info",size:"xs",class:"popup-hint-icon"}))),r("udp-text",{key:"e7da461e4f27239319db9f2d62b2b4d00de9eb46",slot:"message",variant:"caption1",class:{message:!0,error:e,includeErrorPadding:this.includeErrorPadding}},t)))}static get delegatesFocus(){return!0}static get style(){return"fluent-textarea[disabled]::part(control){color:var(--colorNeutralForegroundDisabled);-webkit-text-fill-color:var(--colorNeutralForegroundDisabled)}fluent-textarea[disabled]::part(root){background-color:var(--colorNeutralBackgroundDisabled)}fluent-label[disabled]{color:var(--colorNeutralForeground1)}fluent-textarea::part(control):-webkit-autofill,fluent-textarea::part(control):-webkit-autofill:hover,fluent-textarea::part(control):-webkit-autofill:focus,fluent-textarea::part(control):-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--colorNeutralBackground1) inset !important;-webkit-text-fill-color:var(--colorNeutralForeground1) !important}:host{display:block;width:100%}fluent-field{width:100%}fluent-textarea{width:100%;--inline-size:100%}fluent-textarea[appearance='underline']::part(root){background-color:transparent;border:none;border-radius:0;border-bottom:1px solid var(--colorNeutralStrokeAccessible, #616161);box-shadow:none}fluent-textarea[appearance='underline']:hover::part(root){border-bottom-color:var(--colorNeutralStrokeAccessibleHover, #575757)}fluent-textarea[appearance='underline']:focus-within::part(root){border-bottom-color:var(--colorCompoundBrandStroke, #0f6cbd)}fluent-field.no-label::part(label){display:none}fluent-field.no-message::part(message){display:none}.message{color:var(--colorNeutralForeground3)}.message.includeErrorPadding{min-height:var(--lineHeightBase200)}.message.error{color:var(--colorPaletteRedForeground1)}.popup-hint-icon{margin-left:2px}:host(.has-error) fluent-textarea::part(root){border-color:var(--colorPaletteRedBorder2)}:host(.has-error:focus-within) fluent-textarea::part(root){border-color:var(--colorNeutralStroke1)}"}},[17,"udp-textarea",{value:[1],name:[1],label:[1],hint:[1],popupHint:[1,"popup-hint"],error:[1],includeErrorPadding:[4,"include-error-padding"],placeholder:[1],required:[4],disabled:[4],readonly:[4],autofocus:[4],spellcheck:[4],resize:[1],autoResize:[4,"auto-resize"],appearance:[1],controlSize:[1,"control-size"],maxLength:[2,"max-length"],select:[64]}]);function u(){"undefined"!=typeof customElements&&["udp-textarea","udp-fluent-icon","udp-text","udp-tooltip"].forEach((e=>{switch(e){case"udp-textarea":customElements.get(s(e))||customElements.define(s(e),d);break;case"udp-fluent-icon":customElements.get(s(e))||i();break;case"udp-text":customElements.get(s(e))||l();break;case"udp-tooltip":customElements.get(s(e))||n()}}))}export{d as U,u as d}

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

@@ -1 +1 @@
-import{p as t,H as e,c as i,h as s,d as n,t as o}from"./index2.js";import"@fluentui/web-components/field.js";import"@fluentui/web-components/label.js";import"@fluentui/web-components/listbox.js";import"@fluentui/web-components/option.js";import"@fluentui/web-components/text-input.js";import{d as r}from"./udp-fluent-button2.js";import{d as a}from"./udp-fluent-icon2.js";import{d as h}from"./udp-fluent-icon-button2.js";import{d as l}from"./udp-popover2.js";import{d as u}from"./udp-spinner2.js";import{d}from"./udp-text2.js";import{d as c}from"./udp-tooltip2.js";const p=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.valueChanged=i(this,"valueChanged",7),this.inputBlur=i(this,"inputBlur",7),this.inputFocus=i(this,"inputFocus",7),this.invalidTime=i(this,"invalidTime",7),this.timeOptions=[],this.value="",this.includeErrorPadding=!0,this.required=!1,this.disabled=!1,this.minuteStep=30,this.use24Hour=!1,this.appearance="outline",this.controlSize="medium",this.inputValue="",this.internalError="",this.isOpen=!1,this.activeIndex=-1,this.handleInput=t=>{this.inputValue=t.target.value,this.internalError="",this.activeIndex=this.getBestMatchIndex(),!this.isOpen&&this.inputValue&&(this.isOpen=!0)},this.handleFocus=()=>{if(this.inputValue&&setTimeout((()=>{var t;return null===(t=this.getInputElement())||void 0===t?void 0:t.select()}),0),this.value){const t=this.timeOptions.findIndex((t=>t.value===this.value));this.activeIndex=-1!==t?t:this.getBestMatchIndex()}else this.activeIndex=this.getClosestTimeToNow();this.inputFocus.emit()},this.ignoreNextInputClick=!1,this.handleInputClick=()=>{var t;this.ignoreNextInputClick?this.ignoreNextInputClick=!1:this.isOpen||(this.inputValue&&(null===(t=this.getInputElement())||void 0===t||t.select()),this.isOpen=!0)},this.handleLabelMouseDown=t=>{var e;t.preventDefault(),this.ignoreNextInputClick=!0,this.isOpen=!this.isOpen,null===(e=this.getInputElement())||void 0===e||e.focus()},this.handleIconMouseDown=t=>{t.preventDefault()},this.handleIconClick=()=>{this.isOpen=!this.isOpen},this.handleBlur=()=>{this.processAndEmitTime(),this.isOpen=!1,this.inputBlur.emit()},this.handleOptionClick=t=>{const e=this.validateTime(t.value);this.internalError=e,e&&this.invalidTime.emit({message:e,value:t.value}),this.inputValue=t.label,this.valueChanged.emit(t.value),this.isOpen=!1},this.handleKeyDown=t=>{switch(t.key){case"ArrowDown":t.preventDefault(),this.isOpen?this.activeIndex=Math.min(this.activeIndex+1,this.timeOptions.length-1):this.isOpen=!0;break;case"ArrowUp":t.preventDefault(),this.isOpen?this.activeIndex=Math.max(this.activeIndex-1,0):this.isOpen=!0;break;case"Enter":t.preventDefault(),this.isOpen?this.activeIndex>=0&&this.timeOptions[this.activeIndex]?this.handleOptionClick(this.timeOptions[this.activeIndex]):this.inputValue&&(this.processAndEmitTime(),this.isOpen=!1):this.isOpen=!0;break;case" ":this.inputValue||this.isOpen||(t.preventDefault(),this.isOpen=!0);break;case"Escape":t.preventDefault(),this.isOpen=!1;break;case"Tab":this.isOpen=!1}},this.handlePopoverClose=()=>{this.isOpen=!1}}onActiveIndexChange(){this.activeIndex>=0&&this.isOpen&&this.scrollToActiveOption("nearest","smooth",0)}onIsOpenChange(){this.isOpen&&this.activeIndex>=0&&this.scrollToActiveOption("center","instant",1)}onOptionsChange(){this.timeOptions=this.generateTimeOptions()}onValueChange(){const t=this.formatTimeForDisplay(this.value);t!==this.inputValue&&(this.inputValue=t)}componentWillLoad(){this.timeOptions=this.generateTimeOptions(),this.inputValue=this.formatTimeForDisplay(this.value),this.value&&(this.internalError=this.validateTime(this.value))}componentDidLoad(){this.internalInput&&null!=this.inputValue&&(this.internalInput.value=this.inputValue)}getInputElement(){var t,e,i,s;return null!==(s=null===(i=null===(e=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector("fluent-text-input"))||void 0===e?void 0:e.shadowRoot)||void 0===i?void 0:i.querySelector("input"))&&void 0!==s?s:null}scrollToActiveOption(t,i,s=0){setTimeout((()=>{var s;const n=null===(s=this.el.shadowRoot)||void 0===s?void 0:s.querySelector(".listbox-container");if(!(n instanceof e))return;const o=n.querySelector("fluent-listbox"),r=null==o?void 0:o.querySelectorAll("fluent-option"),a=null==r?void 0:r[this.activeIndex];if(!(a&&a instanceof e))return;const h=n.getBoundingClientRect(),l=a.getBoundingClientRect(),u=l.top-h.top+n.scrollTop,d=l.height,c=n.clientHeight,p=n.scrollTop;let f;if("center"===t)f=u-c/2+d/2;else if("nearest"===t){const t=u+d;if(u<p)f=u;else{if(!(t>p+c))return;f=t-c}}else f=u;n.scrollTo({top:Math.max(0,f),behavior:i})}),s)}processAndEmitTime(){if(!this.inputValue)return!1;const t=this.parseTimeInput(this.inputValue);if(t){const e=this.validateTime(t);return this.internalError=e,e&&this.invalidTime.emit({message:e,value:this.inputValue}),this.inputValue=this.formatTimeForDisplay(t),this.valueChanged.emit(t),!0}return this.internalError="Invalid time format",this.invalidTime.emit({message:"Invalid time format",value:this.inputValue}),!1}timeToMinutes(t){const[e,i]=t.split(":").map(Number);return 60*e+i}generateTimeOptions(){const t=[];for(let e=0;e<24;e++)for(let i=0;i<60;i+=this.minuteStep){const s=`${String(e).padStart(2,"0")}:${String(i).padStart(2,"0")}`;this.isTimeInRange(s)&&t.push({label:this.formatTimeForDisplay(s),value:s})}return t}compareTime(t,e){return this.timeToMinutes(t)-this.timeToMinutes(e)}isTimeInRange(t){return!(this.min&&this.compareTime(t,this.min)<0||this.max&&this.compareTime(t,this.max)>0)}validateTime(t){if(!t)return"";const e=this.parseTimeInput(t);return e?this.min&&this.compareTime(e,this.min)<0?`Time must be ${this.formatTimeForDisplay(this.min)} or later`:this.max&&this.compareTime(e,this.max)>0?`Time must be ${this.formatTimeForDisplay(this.max)} or earlier`:"":"Invalid time format"}formatTimeForDisplay(t){if(!t)return"";const[e,i]=t.split(":").map(Number);if(isNaN(e)||isNaN(i))return t;if(this.use24Hour)return`${String(e).padStart(2,"0")}:${String(i).padStart(2,"0")}`;const s=e>=12?"PM":"AM";return`${e%12||12}:${String(i).padStart(2,"0")} ${s}`}parseTimeInput(t){if(!t)return null;const e=t.trim().toLowerCase(),i=e.includes("a"),s=e.includes("p"),n=e.replace(/[ap]m?/gi,"").trim();let o,r=0;if(n.includes(":")){const t=n.split(":");o=parseInt(t[0],10);const e=t[1]||"0";r=1===e.length?10*parseInt(e,10):parseInt(e,10)||0}else if(4===n.length&&/^\d{4}$/.test(n))o=parseInt(n.substring(0,2),10),r=parseInt(n.substring(2,4),10);else if(3===n.length&&/^\d{3}$/.test(n))o=parseInt(n.substring(0,1),10),r=parseInt(n.substring(1,3),10);else{if(!/^\d{1,2}$/.test(n))return null;o=parseInt(n,10)}return isNaN(o)||isNaN(r)||o<0||r<0||r>59||o>23?null:(o>12&&o<=23&&(i||s)||(s&&o<12?o+=12:i&&12===o&&(o=0)),o<0||o>23?null:`${String(o).padStart(2,"0")}:${String(r).padStart(2,"0")}`)}getBestMatchIndex(){if(!this.inputValue)return-1;const t=this.parseTimeInput(this.inputValue);if(t)return this.getClosestOptionIndex(t);const e=this.inputValue.toLowerCase(),i=this.timeOptions.findIndex((t=>t.label.toLowerCase().startsWith(e)||t.value.startsWith(this.inputValue)));return-1!==i?i:this.timeOptions.findIndex((t=>t.label.toLowerCase().includes(e)||t.value.includes(this.inputValue)))}getClosestOptionIndex(t){return this.timeOptions.findIndex((e=>e.value===t))}getClosestTimeToNow(){const t=60*(new Date).getHours()+(new Date).getMinutes();let e=0,i=1/0;return this.timeOptions.forEach(((s,n)=>{const o=Math.abs(this.timeToMinutes(s.value)-t);o<i&&(i=o,e=n)})),e}render(){const t=this.internalError||this.error,e=!!t,i=t||this.hint;return s(n,{key:"1e3c67f0494eebeef619470431dd61f20c812dc2",class:{"has-error":e}},s("fluent-field",{key:"bd0eeb86777cafe6967f0209743ebce6da298ced",class:{"no-message":!i&&!this.includeErrorPadding}},s("udp-popover",{key:"1f8c29d8e15bc689707f34197cfa02ed82d17716",slot:"input",open:this.isOpen,position:"bottom-start",toggleOnTriggerClick:!1,matchTriggerWidth:!0,onPopoverClose:this.handlePopoverClose},s("fluent-text-input",{key:"3bf52c9a96705e52c2d5916c3c0d23faa7526fbd",slot:"trigger",ref:t=>this.internalInput=t,class:{"no-label":!this.label},value:this.inputValue,name:this.name,autocomplete:"off",placeholder:this.placeholder,disabled:this.disabled,appearance:this.appearance,controlSize:this.controlSize,onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeyDown:this.handleKeyDown,onClick:this.handleInputClick},s("fluent-label",{key:"e11cff02441ac6cdd06b043867ce4e78bf77a61b",required:this.required,disabled:this.disabled,onMouseDown:this.handleLabelMouseDown},this.label,this.popupHint&&s("udp-tooltip",{key:"e7b9c453fcdc80e8d015977098385ff14daa7fa7",content:this.popupHint,positioning:"above"},s("udp-fluent-icon",{key:"5029d6d74fba64cd9ba5f17118b1997efd6763a1",name:"info",size:"xs",class:"popup-hint-icon"}))),s("div",{key:"160e9198fabd32b8c0f5d69ebb4aaa14f16ff4ac",slot:"end"},s("udp-fluent-icon-button",{key:"5fd57970ef38f441e68bfdc2b8175d69325da974",appearance:"transparent",iconName:"clock",disabled:this.disabled,tabindex:-1,onMouseDown:this.handleIconMouseDown,onClick:this.handleIconClick}))),s("div",{key:"2cbd269385c66ad1771479ea9df1e50fd10a178e",slot:"content",class:"listbox-container"},s("fluent-listbox",{key:"b433d9275f9403ad30f731806d31beacf6dc9aeb"},this.timeOptions.map(((t,e)=>s("fluent-option",{key:t.value,value:t.value,class:{active:e===this.activeIndex},onClick:()=>this.handleOptionClick(t)},s("span",{slot:"checked-indicator"}),t.label)))))),s("udp-text",{key:"36a23e55d3dc1c126c58e82d4571148e7b2384c8",slot:"message",variant:"caption1",class:{message:!0,error:e,includeErrorPadding:this.includeErrorPadding}},i)))}static get delegatesFocus(){return!0}get el(){return this}static get watchers(){return{activeIndex:[{onActiveIndexChange:0}],isOpen:[{onIsOpenChange:0}],minuteStep:[{onOptionsChange:0}],min:[{onOptionsChange:0}],max:[{onOptionsChange:0}],value:[{onValueChange:0}]}}static get style(){return":host{display:block;width:100%}fluent-field{width:100%}udp-popover{display:block;width:100%}udp-fluent-text-input,fluent-text-input{width:100%;max-width:100%}fluent-text-input[disabled]::part(control){color:var(--colorNeutralForegroundDisabled);-webkit-text-fill-color:var(--colorNeutralForegroundDisabled)}fluent-text-input[disabled]::part(root){background-color:var(--colorNeutralBackgroundDisabled)}fluent-label[disabled]{color:var(--colorNeutralForeground1)}.listbox-container{max-height:300px;overflow-y:auto}fluent-listbox{width:100%;background:var(--colorNeutralBackground1);border:none;border-radius:var(--borderRadiusMedium);}fluent-option{cursor:pointer}fluent-option:hover{background:var(--colorNeutralBackground1Hover)}fluent-option.active{box-shadow:inset 0 0 0 2px var(--colorNeutralStrokeAccessible)}fluent-option[disabled]{color:var(--colorNeutralForegroundDisabled);cursor:default}udp-popover::part(content){padding:0}fluent-text-input.no-label::part(label){display:none}fluent-field.no-message::part(message){display:none}.message{color:var(--colorNeutralForeground3)}.message.includeErrorPadding{min-height:var(--lineHeightBase200)}.message.error{color:var(--colorPaletteRedForeground1)}.popup-hint-icon{margin-left:2px}:host(.has-error) fluent-text-input::part(root){border-color:var(--colorPaletteRedBorder2)}:host(.has-error:focus-within) fluent-text-input::part(root){border-color:var(--colorNeutralStroke1)}"}},[17,"udp-time-input",{value:[1],name:[1],label:[1],hint:[1],popupHint:[1,"popup-hint"],error:[1],includeErrorPadding:[4,"include-error-padding"],required:[4],disabled:[4],minuteStep:[2,"minute-step"],use24Hour:[4,"use-2-4-hour"],min:[1],max:[1],appearance:[1],controlSize:[1,"control-size"],placeholder:[1],inputValue:[32],internalError:[32],isOpen:[32],activeIndex:[32]},void 0,{activeIndex:[{onActiveIndexChange:0}],isOpen:[{onIsOpenChange:0}],minuteStep:[{onOptionsChange:0}],min:[{onOptionsChange:0}],max:[{onOptionsChange:0}],value:[{onValueChange:0}]}]);function f(){"undefined"!=typeof customElements&&["udp-time-input","udp-fluent-button","udp-fluent-icon","udp-fluent-icon-button","udp-popover","udp-spinner","udp-text","udp-tooltip"].forEach((t=>{switch(t){case"udp-time-input":customElements.get(o(t))||customElements.define(o(t),p);break;case"udp-fluent-button":customElements.get(o(t))||r();break;case"udp-fluent-icon":customElements.get(o(t))||a();break;case"udp-fluent-icon-button":customElements.get(o(t))||h();break;case"udp-popover":customElements.get(o(t))||l();break;case"udp-spinner":customElements.get(o(t))||u();break;case"udp-text":customElements.get(o(t))||d();break;case"udp-tooltip":customElements.get(o(t))||c()}}))}export{p as U,f as d}
+import{p as t,H as e,c as i,h as s,d as n,t as o}from"./index2.js";import"@fluentui/web-components/field.js";import"@fluentui/web-components/label.js";import"@fluentui/web-components/listbox.js";import"@fluentui/web-components/option.js";import"@fluentui/web-components/text-input.js";import{d as r}from"./udp-fluent-button2.js";import{d as a}from"./udp-fluent-icon2.js";import{d as h}from"./udp-fluent-icon-button2.js";import{d as l}from"./udp-popover2.js";import{d as u}from"./udp-spinner2.js";import{d as c}from"./udp-text2.js";import{d}from"./udp-tooltip2.js";const p=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.valueChanged=i(this,"valueChanged",7),this.inputBlur=i(this,"inputBlur",7),this.inputFocus=i(this,"inputFocus",7),this.invalidTime=i(this,"invalidTime",7),this.timeOptions=[],this.value="",this.includeErrorPadding=!0,this.required=!1,this.disabled=!1,this.minuteStep=30,this.use24Hour=!1,this.appearance="outline",this.controlSize="medium",this.inputValue="",this.internalError="",this.isOpen=!1,this.activeIndex=-1,this.handleInput=t=>{this.inputValue=t.target.value,this.internalError="",this.activeIndex=this.getBestMatchIndex(),!this.isOpen&&this.inputValue&&(this.isOpen=!0)},this.handleFocus=()=>{if(this.inputValue&&setTimeout((()=>{var t;return null===(t=this.getInputElement())||void 0===t?void 0:t.select()}),0),this.value){const t=this.timeOptions.findIndex((t=>t.value===this.value));this.activeIndex=-1!==t?t:this.getBestMatchIndex()}else this.activeIndex=this.getClosestTimeToNow();this.inputFocus.emit()},this.ignoreNextInputClick=!1,this.handleInputClick=()=>{var t;this.ignoreNextInputClick?this.ignoreNextInputClick=!1:this.isOpen||(this.inputValue&&(null===(t=this.getInputElement())||void 0===t||t.select()),this.isOpen=!0)},this.handleLabelMouseDown=t=>{var e;t.preventDefault(),this.ignoreNextInputClick=!0,this.isOpen=!this.isOpen,null===(e=this.getInputElement())||void 0===e||e.focus()},this.handleIconMouseDown=t=>{t.preventDefault()},this.handleIconClick=()=>{this.isOpen=!this.isOpen},this.handleBlur=()=>{this.processAndEmitTime(),this.isOpen=!1,this.inputBlur.emit()},this.handleOptionClick=t=>{const e=this.validateTime(t.value);this.internalError=e,e&&this.invalidTime.emit({message:e,value:t.value}),this.inputValue=t.label,this.valueChanged.emit(t.value),this.isOpen=!1},this.handleKeyDown=t=>{switch(t.key){case"ArrowDown":t.preventDefault(),this.isOpen?this.activeIndex=Math.min(this.activeIndex+1,this.timeOptions.length-1):this.isOpen=!0;break;case"ArrowUp":t.preventDefault(),this.isOpen?this.activeIndex=Math.max(this.activeIndex-1,0):this.isOpen=!0;break;case"Enter":t.preventDefault(),this.isOpen?this.activeIndex>=0&&this.timeOptions[this.activeIndex]?this.handleOptionClick(this.timeOptions[this.activeIndex]):this.inputValue&&(this.processAndEmitTime(),this.isOpen=!1):this.isOpen=!0;break;case" ":this.inputValue||this.isOpen||(t.preventDefault(),this.isOpen=!0);break;case"Escape":t.preventDefault(),this.isOpen=!1;break;case"Tab":this.isOpen=!1}},this.handlePopoverClose=()=>{this.isOpen=!1}}onActiveIndexChange(){this.activeIndex>=0&&this.isOpen&&this.scrollToActiveOption("nearest","smooth",0)}onIsOpenChange(){this.isOpen&&this.activeIndex>=0&&this.scrollToActiveOption("center","instant",1)}onOptionsChange(){this.timeOptions=this.generateTimeOptions()}onValueChange(){const t=this.formatTimeForDisplay(this.value);t!==this.inputValue&&(this.inputValue=t)}componentWillLoad(){this.timeOptions=this.generateTimeOptions(),this.inputValue=this.formatTimeForDisplay(this.value),this.value&&(this.internalError=this.validateTime(this.value))}componentDidLoad(){this.internalInput&&null!=this.inputValue&&(this.internalInput.value=this.inputValue)}getInputElement(){var t,e,i,s;return null!==(s=null===(i=null===(e=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector("fluent-text-input"))||void 0===e?void 0:e.shadowRoot)||void 0===i?void 0:i.querySelector("input"))&&void 0!==s?s:null}scrollToActiveOption(t,i,s=0){setTimeout((()=>{var s;const n=null===(s=this.el.shadowRoot)||void 0===s?void 0:s.querySelector(".listbox-container");if(!(n instanceof e))return;const o=n.querySelector("fluent-listbox"),r=null==o?void 0:o.querySelectorAll("fluent-option"),a=null==r?void 0:r[this.activeIndex];if(!(a&&a instanceof e))return;const h=n.getBoundingClientRect(),l=a.getBoundingClientRect(),u=l.top-h.top+n.scrollTop,c=l.height,d=n.clientHeight,p=n.scrollTop;let f;if("center"===t)f=u-d/2+c/2;else if("nearest"===t){const t=u+c;if(u<p)f=u;else{if(!(t>p+d))return;f=t-d}}else f=u;n.scrollTo({top:Math.max(0,f),behavior:i})}),s)}processAndEmitTime(){if(!this.inputValue)return!1;const t=this.parseTimeInput(this.inputValue);if(t){const e=this.validateTime(t);return this.internalError=e,e&&this.invalidTime.emit({message:e,value:this.inputValue}),this.inputValue=this.formatTimeForDisplay(t),this.valueChanged.emit(t),!0}return this.internalError="Invalid time format",this.invalidTime.emit({message:"Invalid time format",value:this.inputValue}),!1}timeToMinutes(t){const[e,i]=t.split(":").map(Number);return 60*e+i}generateTimeOptions(){const t=[];for(let e=0;e<24;e++)for(let i=0;i<60;i+=this.minuteStep){const s=`${String(e).padStart(2,"0")}:${String(i).padStart(2,"0")}`;this.isTimeInRange(s)&&t.push({label:this.formatTimeForDisplay(s),value:s})}return t}compareTime(t,e){return this.timeToMinutes(t)-this.timeToMinutes(e)}isTimeInRange(t){return!(this.min&&this.compareTime(t,this.min)<0||this.max&&this.compareTime(t,this.max)>0)}validateTime(t){if(!t)return"";const e=this.parseTimeInput(t);return e?this.min&&this.compareTime(e,this.min)<0?`Time must be ${this.formatTimeForDisplay(this.min)} or later`:this.max&&this.compareTime(e,this.max)>0?`Time must be ${this.formatTimeForDisplay(this.max)} or earlier`:"":"Invalid time format"}formatTimeForDisplay(t){if(!t)return"";const[e,i]=t.split(":").map(Number);if(isNaN(e)||isNaN(i))return t;if(this.use24Hour)return`${String(e).padStart(2,"0")}:${String(i).padStart(2,"0")}`;const s=e>=12?"PM":"AM";return`${e%12||12}:${String(i).padStart(2,"0")} ${s}`}parseTimeInput(t){if(!t)return null;const e=t.trim().toLowerCase(),i=e.includes("a"),s=e.includes("p"),n=e.replace(/[ap]m?/gi,"").trim();let o,r=0;if(n.includes(":")){const t=n.split(":");o=parseInt(t[0],10);const e=t[1]||"0";r=1===e.length?10*parseInt(e,10):parseInt(e,10)||0}else if(4===n.length&&/^\d{4}$/.test(n))o=parseInt(n.substring(0,2),10),r=parseInt(n.substring(2,4),10);else if(3===n.length&&/^\d{3}$/.test(n))o=parseInt(n.substring(0,1),10),r=parseInt(n.substring(1,3),10);else{if(!/^\d{1,2}$/.test(n))return null;o=parseInt(n,10)}return isNaN(o)||isNaN(r)||o<0||r<0||r>59||o>23?null:(o>12&&o<=23&&(i||s)||(s&&o<12?o+=12:i&&12===o&&(o=0)),o<0||o>23?null:`${String(o).padStart(2,"0")}:${String(r).padStart(2,"0")}`)}getBestMatchIndex(){if(!this.inputValue)return-1;const t=this.parseTimeInput(this.inputValue);if(t)return this.getClosestOptionIndex(t);const e=this.inputValue.toLowerCase(),i=this.timeOptions.findIndex((t=>t.label.toLowerCase().startsWith(e)||t.value.startsWith(this.inputValue)));return-1!==i?i:this.timeOptions.findIndex((t=>t.label.toLowerCase().includes(e)||t.value.includes(this.inputValue)))}getClosestOptionIndex(t){return this.timeOptions.findIndex((e=>e.value===t))}getClosestTimeToNow(){const t=60*(new Date).getHours()+(new Date).getMinutes();let e=0,i=1/0;return this.timeOptions.forEach(((s,n)=>{const o=Math.abs(this.timeToMinutes(s.value)-t);o<i&&(i=o,e=n)})),e}render(){const t=this.internalError||this.error,e=!!t,i=t||this.hint;return s(n,{key:"44d0689e7988d9a72fc1a9e322d348bcdac7bbed",class:{"has-error":e}},s("fluent-field",{key:"deb61a054545c8fefe432414c3ee53979704cf35",class:{"no-message":!i&&!this.includeErrorPadding}},s("udp-popover",{key:"b83cfbd2db1c0454c6fa066f7f75e95143271a5c",slot:"input",open:this.isOpen,position:"bottom-start",toggleOnTriggerClick:!1,matchTriggerWidth:!0,onPopoverClose:this.handlePopoverClose},s("fluent-text-input",{key:"b7aa35470775979cfdbb7eb3a3f51735637b1682",slot:"trigger",ref:t=>this.internalInput=t,class:{"no-label":!this.label},value:this.inputValue,name:this.name,autocomplete:"off",placeholder:this.placeholder,disabled:this.disabled,appearance:this.appearance,controlSize:this.controlSize,onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeyDown:this.handleKeyDown,onClick:this.handleInputClick},s("fluent-label",{key:"f3dc0195ce785fc62bb35723c619a8996803e7cb",required:this.required,disabled:this.disabled,onMouseDown:this.handleLabelMouseDown},this.label,this.popupHint&&s("udp-tooltip",{key:"03b5638ac5a585f976e94e36b6b59f42c16812b2",content:this.popupHint,positioning:"above"},s("udp-fluent-icon",{key:"4e7f21d6b631214930e9aba8fb0ec46eb117d050",name:"info",size:"xs",class:"popup-hint-icon"}))),s("div",{key:"bbe3485bf19a013b1ac9ae93a9528da270a4b5e2",slot:"end"},s("udp-fluent-icon-button",{key:"46663269176388b61a586aa68bf237d3d74ac1d5",appearance:"transparent",iconName:"clock",disabled:this.disabled,tabindex:-1,onMouseDown:this.handleIconMouseDown,onClick:this.handleIconClick}))),s("div",{key:"55509c3c56fff966a1fc709e82f7788fd88659ea",slot:"content",class:"listbox-container"},s("fluent-listbox",{key:"9afbeb89265f4a34fed387aaaa9a0b071341e3fc"},this.timeOptions.map(((t,e)=>s("fluent-option",{key:t.value,value:t.value,class:{active:e===this.activeIndex},onClick:()=>this.handleOptionClick(t)},s("span",{slot:"checked-indicator"}),t.label)))))),s("udp-text",{key:"7aa55e4723dffd30df6b256e00496a1936fd6ce6",slot:"message",variant:"caption1",class:{message:!0,error:e,includeErrorPadding:this.includeErrorPadding}},i)))}static get delegatesFocus(){return!0}get el(){return this}static get watchers(){return{activeIndex:[{onActiveIndexChange:0}],isOpen:[{onIsOpenChange:0}],minuteStep:[{onOptionsChange:0}],min:[{onOptionsChange:0}],max:[{onOptionsChange:0}],value:[{onValueChange:0}]}}static get style(){return":host{display:block;width:100%}fluent-field{width:100%}udp-popover{display:block;width:100%}udp-fluent-text-input,fluent-text-input{width:100%;max-width:100%}fluent-text-input[disabled]::part(control){color:var(--colorNeutralForegroundDisabled);-webkit-text-fill-color:var(--colorNeutralForegroundDisabled)}fluent-text-input[disabled]::part(root){background-color:var(--colorNeutralBackgroundDisabled)}fluent-label[disabled]{color:var(--colorNeutralForeground1)}.listbox-container{max-height:300px;overflow-y:auto}fluent-listbox{width:100%;background:var(--colorNeutralBackground1);border:none;border-radius:var(--borderRadiusMedium);}fluent-option{cursor:pointer}fluent-option:hover{background:var(--colorNeutralBackground1Hover)}fluent-option.active{box-shadow:inset 0 0 0 2px var(--colorNeutralStrokeAccessible)}fluent-option[disabled]{color:var(--colorNeutralForegroundDisabled);cursor:default}udp-popover::part(content){padding:0}fluent-text-input.no-label::part(label){display:none}fluent-field.no-message::part(message){display:none}.message{color:var(--colorNeutralForeground3)}.message.includeErrorPadding{min-height:var(--lineHeightBase200)}.message.error{color:var(--colorPaletteRedForeground1)}.popup-hint-icon{margin-left:2px}:host(.has-error) fluent-text-input::part(root){border-color:var(--colorPaletteRedBorder2)}:host(.has-error:focus-within) fluent-text-input::part(root){border-color:var(--colorNeutralStroke1)}"}},[17,"udp-time-input",{value:[1],name:[1],label:[1],hint:[1],popupHint:[1,"popup-hint"],error:[1],includeErrorPadding:[4,"include-error-padding"],required:[4],disabled:[4],minuteStep:[2,"minute-step"],use24Hour:[4,"use-2-4-hour"],min:[1],max:[1],appearance:[1],controlSize:[1,"control-size"],placeholder:[1],inputValue:[32],internalError:[32],isOpen:[32],activeIndex:[32]},void 0,{activeIndex:[{onActiveIndexChange:0}],isOpen:[{onIsOpenChange:0}],minuteStep:[{onOptionsChange:0}],min:[{onOptionsChange:0}],max:[{onOptionsChange:0}],value:[{onValueChange:0}]}]);function f(){"undefined"!=typeof customElements&&["udp-time-input","udp-fluent-button","udp-fluent-icon","udp-fluent-icon-button","udp-popover","udp-spinner","udp-text","udp-tooltip"].forEach((t=>{switch(t){case"udp-time-input":customElements.get(o(t))||customElements.define(o(t),p);break;case"udp-fluent-button":customElements.get(o(t))||r();break;case"udp-fluent-icon":customElements.get(o(t))||a();break;case"udp-fluent-icon-button":customElements.get(o(t))||h();break;case"udp-popover":customElements.get(o(t))||l();break;case"udp-spinner":customElements.get(o(t))||u();break;case"udp-text":customElements.get(o(t))||c();break;case"udp-tooltip":customElements.get(o(t))||d()}}))}export{p as U,f as d}

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

@@ -1 +1 @@
-import{p as t,H as i,c as e,h as p,d as r,t as n}from"./index2.js";import{d as o}from"./unity-typography2.js";const s=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.change=e(this,"change",7),this.input=e(this,"input",7),this.errorEvent=e(this,"error",7),this.value="",this.readonly=!1,this.fullWidth=!1,this.size="normal",this.margin="normal",this.internalValue="",this.handleInvalid=t=>{this.setAndDispatchError(t.target.validationMessage)},this.handleValid=t=>{const i=t.target,e=this.validateTime(i.value);e?this.setAndDispatchError(e):i.validity.valid&&this.setAndDispatchError("")},this.handleTimeInput=t=>{const i=t.target.value;if(this.internalValue=i,void 0!==this.value&&(this.value=i),this.errorMessage){const t=this.validateTime(i);t!==this.errorMessage&&this.setAndDispatchError(t)}this.input.emit(i)},this.handleTimeChange=t=>{const i=t.target.value;this.internalValue=i,void 0!==this.value&&(this.value=i);const e=this.validateTime(i);this.setAndDispatchError(e||""),this.change.emit(i)}}componentWillLoad(){this.internalValue=this.value||this.initialValue||"",this.errorMessage=this.error}updateError(){console.log("Error prop changed:",this.error),this.errorMessage=this.error}initialValueChanged(t){if(void 0!==t){this.internalValue=t;const i=this.validateTime(t);i&&this.setAndDispatchError(i)}}valueChanged(t){void 0!==t&&(this.internalValue=t)}handleBlur(){}handleFocus(){}validateTime(t){if(!t)return"";const i=t=>{const[i,e]=t.split(":").map(Number);return 60*i+e},e=i(t);return this.min&&e<i(this.min)?`Time must be after ${this.min}`:this.max&&e>i(this.max)?`Time must be before ${this.max}`:""}setAndDispatchError(t){console.log("Setting error:",t),this.errorMessage=t,this.errorEvent.emit(t);const i=new CustomEvent("error",{detail:t,bubbles:!0,composed:!0});this.el.dispatchEvent(i)}render(){const t=!!this.errorMessage,i=["bx--text-input"];t&&i.push("bx--text-input--error"),this.disabled&&i.push("time-selector--disabled"),this.fullWidth&&i.push("bx--text-input--full-width");const e=i.join(" ");return p(r,{key:"4f56110550cec958ad3269d09264af4ea86624f4",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:"dcbb1681537a8c0221c156c30972a5efd66edfee",class:"bx--form-item"},p("unity-typography",{key:"f235c23a0df8cc2cdcf8a5e5372d674a22118565",variant:"caption-text"},p("label",{key:"78580a704857a03ecef39dfe90622f87dafb09d1",htmlFor:this.id,class:"bx--label"},this.label,this.required?"*":"")),p("input",{key:"76a215225a1d2612150de571b2fd8a87edc1d47a",type:"time",id:this.id,name:this.name,class:e,value:this.internalValue,min:this.min,max:this.max,onInput:this.handleTimeInput,onChange:this.handleTimeChange,onBlur:this.handleBlur,onFocus:this.handleFocus,onInvalid:this.handleInvalid,disabled:this.disabled,readonly:this.readonly,required:this.required,udprecordid:"udpRecord-udp-time-selector-"+this.id}),p("unity-typography",{key:"7b0fbc5f7aabd61e192004f1f8608d7409efb411",class:"error-message",variant:"caption-text",color:"error"},this.errorMessage)))}get el(){return this}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}'}},[1,"udp-time-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 a(){"undefined"!=typeof customElements&&["udp-time-selector","unity-typography"].forEach((t=>{switch(t){case"udp-time-selector":customElements.get(n(t))||customElements.define(n(t),s);break;case"unity-typography":customElements.get(n(t))||o()}}))}export{s as U,a as d}
+import{p as t,H as i,c as e,h as p,d as r,t as n}from"./index2.js";import{d as o}from"./unity-typography2.js";const s=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.change=e(this,"change",7),this.input=e(this,"input",7),this.errorEvent=e(this,"error",7),this.value="",this.readonly=!1,this.fullWidth=!1,this.size="normal",this.margin="normal",this.internalValue="",this.handleInvalid=t=>{this.setAndDispatchError(t.target.validationMessage)},this.handleValid=t=>{const i=t.target,e=this.validateTime(i.value);e?this.setAndDispatchError(e):i.validity.valid&&this.setAndDispatchError("")},this.handleTimeInput=t=>{const i=t.target.value;if(this.internalValue=i,void 0!==this.value&&(this.value=i),this.errorMessage){const t=this.validateTime(i);t!==this.errorMessage&&this.setAndDispatchError(t)}this.input.emit(i)},this.handleTimeChange=t=>{const i=t.target.value;this.internalValue=i,void 0!==this.value&&(this.value=i);const e=this.validateTime(i);this.setAndDispatchError(e||""),this.change.emit(i)}}componentWillLoad(){this.internalValue=this.value||this.initialValue||"",this.errorMessage=this.error}updateError(){console.log("Error prop changed:",this.error),this.errorMessage=this.error}initialValueChanged(t){if(void 0!==t){this.internalValue=t;const i=this.validateTime(t);i&&this.setAndDispatchError(i)}}valueChanged(t){void 0!==t&&(this.internalValue=t)}handleBlur(){}handleFocus(){}validateTime(t){if(!t)return"";const i=t=>{const[i,e]=t.split(":").map(Number);return 60*i+e},e=i(t);return this.min&&e<i(this.min)?`Time must be after ${this.min}`:this.max&&e>i(this.max)?`Time must be before ${this.max}`:""}setAndDispatchError(t){console.log("Setting error:",t),this.errorMessage=t,this.errorEvent.emit(t);const i=new CustomEvent("error",{detail:t,bubbles:!0,composed:!0});this.el.dispatchEvent(i)}render(){const t=!!this.errorMessage,i=["bx--text-input"];t&&i.push("bx--text-input--error"),this.disabled&&i.push("time-selector--disabled"),this.fullWidth&&i.push("bx--text-input--full-width");const e=i.join(" ");return p(r,{key:"d902969d076b7ae7471f448fea7a13bb63eaca57",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:"d27b34454f163d8fe5f738d1496cc467cc055571",class:"bx--form-item"},p("unity-typography",{key:"8108f0f19b8806298125624020faa34b548f1f4a",variant:"caption-text"},p("label",{key:"3ad1034df6fc3849e007012c3abbfede6414769c",htmlFor:this.id,class:"bx--label"},this.label,this.required?"*":"")),p("input",{key:"bb4555c790f0857cc6af7599ec6026e640aa0ed6",type:"time",id:this.id,name:this.name,class:e,value:this.internalValue,min:this.min,max:this.max,onInput:this.handleTimeInput,onChange:this.handleTimeChange,onBlur:this.handleBlur,onFocus:this.handleFocus,onInvalid:this.handleInvalid,disabled:this.disabled,readonly:this.readonly,required:this.required,udprecordid:"udpRecord-udp-time-selector-"+this.id}),p("unity-typography",{key:"6266a9fa5c185c51cac5d3acdd1412ed1cfcff42",class:"error-message",variant:"caption-text",color:"error"},this.errorMessage)))}get el(){return this}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}'}},[1,"udp-time-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 a(){"undefined"!=typeof customElements&&["udp-time-selector","unity-typography"].forEach((t=>{switch(t){case"udp-time-selector":customElements.get(n(t))||customElements.define(n(t),s);break;case"unity-typography":customElements.get(n(t))||o()}}))}export{s as U,a as d}

package/dist/components/udp-timeline-connector.js

@@ -1,2 +1,2 @@
 import "../stencil-library/stencil-library.css";
-import{p as e,H as t,h as n,t as i}from"./index2.js";const o=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return n("div",{key:"d78821058bd430314a3b63c420e95c41d2241bd4",class:"connector"})}static get style(){return".host{--udp-timeline-line-width:2px;--udp-timeline-connector-color:var(--udp-timeline-line-color, #e0e0e0)}.connector{width:var(--udp-timeline-line-width, 2px);height:100%;background:var(--udp-timeline-connector-color, var(--udp-timeline-line-color, #e0e0e0));margin:8px 0;}"}},[1,"udp-timeline-connector"]),c=o,r=function(){"undefined"!=typeof customElements&&["udp-timeline-connector"].forEach((e=>{"udp-timeline-connector"===e&&(customElements.get(i(e))||customElements.define(i(e),o))}))};export{c as UdpTimelineConnector,r as defineCustomElement}
+import{p as e,H as t,h as n,t as i}from"./index2.js";const o=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return n("div",{key:"2f60f4aa711fe5bad47dcc74e067f67a42a027d2",class:"connector"})}static get style(){return".host{--udp-timeline-line-width:2px;--udp-timeline-connector-color:var(--udp-timeline-line-color, #e0e0e0)}.connector{width:var(--udp-timeline-line-width, 2px);height:100%;background:var(--udp-timeline-connector-color, var(--udp-timeline-line-color, #e0e0e0));margin:8px 0;}"}},[1,"udp-timeline-connector"]),c=o,r=function(){"undefined"!=typeof customElements&&["udp-timeline-connector"].forEach((e=>{"udp-timeline-connector"===e&&(customElements.get(i(e))||customElements.define(i(e),o))}))};export{c as UdpTimelineConnector,r as defineCustomElement}