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

package/dist/components/table-columns-renderer2.js

@@ -1 +1 @@
-import{p as e,H as t,h as l,d as i,t as a}from"./index2.js";import{g as s}from"./iconUtils.js";import o from"sortablejs";import{d as n}from"./stencil-icon-button2.js";import{d as r}from"./stencil-toggle2.js";import{d}from"./text-field2.js";import{d as c}from"./udp-ambient-tool-tip2.js";import{d as u}from"./udp-badge2.js";import{d as b}from"./udp-button2.js";import{d as m}from"./udp-icon2.js";import{d as h}from"./udp-selector2.js";import{d as g}from"./unity-typography2.js";const p=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.sortableInstance=null,this.sortableSignature="",this.columnTypeOptions=[{value:"text",label:"Text"},{value:"number",label:"Number"}],this.aggregateOptions=[{value:"sum",label:"Sum"},{value:"avg",label:"Average"},{value:"min",label:"Min"},{value:"max",label:"Max"}],this.aggregateDecimalPlacesOptions=[{value:"0",label:"0"},{value:"1",label:"1"},{value:"2",label:"2"},{value:"3",label:"3"}]}updateColumnField(e,t,l){const i=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyTableColumnChange")(l,this.formSectionsDraft,this.sIndex,this.qIndex,e,t);this.onFormSectionsDraftChange(i)}isNumericColumnType(e){return"number"===e}moveColumn(e,t){const l=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyMoveTableColumn")(this.formSectionsDraft,this.sIndex,this.qIndex,e,t);this.onFormSectionsDraftChange(l)}componentDidLoad(){this.initializeSortable()}componentDidUpdate(){this.initializeSortable()}disconnectedCallback(){this.destroySortable()}destroySortable(){this.sortableInstance&&(this.sortableInstance.destroy(),this.sortableInstance=null),this.sortableSignature=""}initializeSortable(){var e,t,l,i;const a=Array.isArray(null===(t=null===(e=this.question)||void 0===e?void 0:e.fieldProperties)||void 0===t?void 0:t.columns)?this.question.fieldProperties.columns:[],s=`${this.isViewOnly}-${a.length}`;if(this.sortableInstance&&this.sortableSignature===s)return;if(this.destroySortable(),this.isViewOnly)return;const n=null===(i=null===(l=this.hostEl)||void 0===l?void 0:l.shadowRoot)||void 0===i?void 0:i.querySelector(".table-columns-list");n&&(this.sortableInstance=new o(n,{animation:200,easing:"cubic-bezier(0.25, 1, 0.5, 1)",draggable:".table-column-item",handle:".table-column-drag-handle",ghostClass:"sortable-ghost",chosenClass:"sortable-chosen",direction:"vertical",forceFallback:!1,dragoverBubble:!1,swapThreshold:.6,onEnd:e=>{const t=e.oldIndex,l=e.newIndex;null!=t&&null!=l&&t!==l&&this.moveColumn(t,l)}}),this.sortableSignature=s)}render(){var e,t;const a=Array.isArray(null===(t=null===(e=this.question)||void 0===e?void 0:e.fieldProperties)||void 0===t?void 0:t.columns)?this.question.fieldProperties.columns:[];return l(i,{key:"eef51eb2728f8c43cc4d97dfd266f9587d2bad28"},l("div",{key:"ccb25ff961c6af6b39c78ecacefc3c7e9749352b",class:"table-columns-container"},l("div",{key:"5b9918427706e34b6f1945598c40f41e67f83f43",class:"table-columns-header"},l("unity-typography",{key:"7bc1233b825c11eea5689c1346958c1f0b0c7cd5",variant:"h6"},"Configure Table Columns"),!this.isViewOnly&&l("udp-button",{key:"0ad57c746bb7a5193ec80dc5129c5b5f4945ad3f",variant:"text",onClick:()=>{const e=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyAddTableColumn")(this.formSectionsDraft,this.sIndex,this.qIndex);this.onFormSectionsDraftChange(e)},startIcon:l("udp-icon",{iconName:"add",darkIcon:!0}),title:"Add a Column"},"Add a Column")),l("div",{key:"686c293b67d47ca9b2f456e020dbaf81152695c9",class:"table-columns-list"},a.map(((e,t)=>{const i="number"===(null==e?void 0:e.type)?"number":"text",o=!!(null==e?void 0:e.required),n=(null==e?void 0:e.aggregate)||"sum",r=this.isNumericColumnType(i)&&!!(null==e?void 0:e.aggregate),d=Number.isInteger(Number(null==e?void 0:e.aggregateDecimalPlaces))?Math.min(6,Math.max(0,Number(e.aggregateDecimalPlaces))):1;return l("div",{key:(null==e?void 0:e.uiKey)||(null==e?void 0:e.id)||t,class:"table-column-item"},!this.isViewOnly&&l("div",{class:"table-column-reorder-actions"},l("stencil-icon-button",{class:"table-column-drag-handle",icon:s("draggable"),tooltip:"Drag to Reorder",noBackground:!0})),l("div",{class:"table-column-fields"},l("text-field",{label:"Column Name",value:(null==e?void 0:e.name)||"",disabled:this.isViewOnly,placeholder:"Column Name",required:!0,onInput:e=>{this.updateColumnField(t,"name",e.target.value)}}),l("udp-selector",{label:"Column Type",key:`table-column-type-${t}`,initialValue:i,options:this.columnTypeOptions,disabled:this.isViewOnly,required:!0,onChange:e=>{this.updateColumnField(t,"type",e.detail)}}),l("stencil-toggle",{label:"Required Field",disabled:this.isViewOnly,checked:o,labelPosition:"right",onToggledChange:()=>{this.updateColumnField(t,"required",!o)}}),l("div",null),this.isNumericColumnType(i)&&l("stencil-toggle",{label:"Display Aggregate in Table",disabled:this.isViewOnly,checked:r,labelPosition:"right",onToggledChange:()=>{this.updateColumnField(t,"aggregate",r?"":n)}}),this.isNumericColumnType(i)&&r&&l("div",{class:"table-column-fields-row-break","aria-hidden":"true"}),this.isNumericColumnType(i)&&r&&l("udp-selector",{label:"Aggregate Function",key:`table-column-aggregate-${t}`,initialValue:n,options:this.aggregateOptions,disabled:this.isViewOnly,required:!0,onChange:e=>{this.updateColumnField(t,"aggregate",e.detail)}}),this.isNumericColumnType(i)&&r&&l("udp-selector",{label:"Aggregate Decimal Places",key:`table-column-aggregate-decimal-places-${t}`,initialValue:String(d),options:this.aggregateDecimalPlacesOptions,disabled:this.isViewOnly,required:!0,onChange:e=>{this.updateColumnField(t,"aggregateDecimalPlaces",e.detail)}})),a.length>1&&!this.isViewOnly&&l("stencil-icon-button",{icon:s("trashCan"),onClick:()=>{const e=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyRemoveTableColumn")(this.formSectionsDraft,this.sIndex,this.qIndex,t);this.onFormSectionsDraftChange(e)}}))})))))}get hostEl(){return this}static get style(){return":host{display:block;.table-columns-container{display:flex;flex-direction:column;gap:var(--spacing-04, 16px);padding:var(--spacing-04, 16px) 0}.table-columns-header{display:flex;justify-content:space-between;align-items:center}.table-columns-list{display:flex;flex-direction:column;gap:0}.table-column-item{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-04, 16px);padding:var(--spacing-03, 16px);width:100%;border-radius:var(--border-radius);border:1px solid var(--gray-03);box-sizing:border-box;box-shadow:var(--elevation-01);background-color:var(--card-background-color, #fff);margin:0.3em 0}.table-column-item.sortable-ghost{opacity:0.45;border-style:dashed}.table-column-item.sortable-chosen{box-shadow:var(--elevation-03)}.table-column-reorder-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.table-column-drag-handle{cursor:grab}.table-column-drag-handle:active{cursor:grabbing}.table-column-fields{display:grid;grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));column-gap:var(--spacing-04, 16px);row-gap:0;width:100%}.table-column-fields-row-break{grid-column:1 / -1;height:0;padding:0;margin:0}}"}},[1,"table-columns-renderer",{question:[16],isViewOnly:[4,"is-view-only"],formSectionsDraft:[16],sIndex:[2,"s-index"],qIndex:[2,"q-index"],onFormSectionsDraftChange:[16],getHandler:[16]}]);function v(){"undefined"!=typeof customElements&&["table-columns-renderer","stencil-icon-button","stencil-toggle","text-field","udp-ambient-tool-tip","udp-badge","udp-button","udp-icon","udp-selector","unity-typography"].forEach((e=>{switch(e){case"table-columns-renderer":customElements.get(a(e))||customElements.define(a(e),p);break;case"stencil-icon-button":customElements.get(a(e))||n();break;case"stencil-toggle":customElements.get(a(e))||r();break;case"text-field":customElements.get(a(e))||d();break;case"udp-ambient-tool-tip":customElements.get(a(e))||c();break;case"udp-badge":customElements.get(a(e))||u();break;case"udp-button":customElements.get(a(e))||b();break;case"udp-icon":customElements.get(a(e))||m();break;case"udp-selector":customElements.get(a(e))||h();break;case"unity-typography":customElements.get(a(e))||g()}}))}export{p as T,v as d}
+import{p as e,H as t,h as l,d as a,t as i}from"./index2.js";import{g as s}from"./iconUtils.js";import o from"sortablejs";import{d as n}from"./stencil-icon-button2.js";import{d as r}from"./stencil-toggle2.js";import{d}from"./text-field2.js";import{d as c}from"./udp-ambient-tool-tip2.js";import{d as u}from"./udp-badge2.js";import{d as m}from"./udp-button2.js";import{d as b}from"./udp-icon2.js";import{d as h}from"./udp-selector2.js";import{d as g}from"./unity-typography2.js";const p=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.sortableInstance=null,this.sortableSignature="",this.columnTypeOptions=[{value:"text",label:"Text"},{value:"number",label:"Number"}],this.aggregateOptions=[{value:"sum",label:"Sum"},{value:"avg",label:"Average"},{value:"min",label:"Min"},{value:"max",label:"Max"}],this.aggregateDecimalPlacesOptions=[{value:"0",label:"0"},{value:"1",label:"1"},{value:"2",label:"2"},{value:"3",label:"3"}]}updateColumnField(e,t,l){const a=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyTableColumnChange")(l,this.formSectionsDraft,this.sIndex,this.qIndex,e,t);this.onFormSectionsDraftChange(a)}isNumericColumnType(e){return"number"===e}moveColumn(e,t){const l=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyMoveTableColumn")(this.formSectionsDraft,this.sIndex,this.qIndex,e,t);this.onFormSectionsDraftChange(l)}componentDidLoad(){this.initializeSortable()}componentDidUpdate(){this.initializeSortable()}disconnectedCallback(){this.destroySortable()}destroySortable(){this.sortableInstance&&(this.sortableInstance.destroy(),this.sortableInstance=null),this.sortableSignature=""}initializeSortable(){var e,t,l,a;const i=Array.isArray(null===(t=null===(e=this.question)||void 0===e?void 0:e.fieldProperties)||void 0===t?void 0:t.columns)?this.question.fieldProperties.columns:[],s=`${this.isViewOnly}-${i.length}`;if(this.sortableInstance&&this.sortableSignature===s)return;if(this.destroySortable(),this.isViewOnly)return;const n=null===(a=null===(l=this.hostEl)||void 0===l?void 0:l.shadowRoot)||void 0===a?void 0:a.querySelector(".table-columns-list");n&&(this.sortableInstance=new o(n,{animation:200,easing:"cubic-bezier(0.25, 1, 0.5, 1)",draggable:".table-column-item",handle:".table-column-drag-handle",ghostClass:"sortable-ghost",chosenClass:"sortable-chosen",direction:"vertical",forceFallback:!1,dragoverBubble:!1,swapThreshold:.6,onEnd:e=>{const t=e.oldIndex,l=e.newIndex;null!=t&&null!=l&&t!==l&&this.moveColumn(t,l)}}),this.sortableSignature=s)}render(){var e,t;const i=Array.isArray(null===(t=null===(e=this.question)||void 0===e?void 0:e.fieldProperties)||void 0===t?void 0:t.columns)?this.question.fieldProperties.columns:[];return l(a,{key:"127b85757e2b9b7e710768f51c1e328d49b33dc7"},l("div",{key:"d6ed277cf1cd5fe3fd28df1ab30e363770658d03",class:"table-columns-container"},l("div",{key:"aee949c45709af4cfced27725f2957adefb7aafe",class:"table-columns-header"},l("unity-typography",{key:"979ad3fda4903e709a6ad2b33c91d8c7ba6d3cab",variant:"h6"},"Configure Table Columns"),!this.isViewOnly&&l("udp-button",{key:"a4f865900ab5e86485ffcc1cfbe3089e0a702e44",variant:"text",onClick:()=>{const e=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyAddTableColumn")(this.formSectionsDraft,this.sIndex,this.qIndex);this.onFormSectionsDraftChange(e)},startIcon:l("udp-icon",{iconName:"add",darkIcon:!0}),title:"Add a Column"},"Add a Column")),l("div",{key:"11c23d800c04d1ad000ee4f397471433e6d96cd6",class:"table-columns-list"},i.map(((e,t)=>{const a="number"===(null==e?void 0:e.type)?"number":"text",o=!!(null==e?void 0:e.required),n=(null==e?void 0:e.aggregate)||"sum",r=this.isNumericColumnType(a)&&!!(null==e?void 0:e.aggregate),d=Number.isInteger(Number(null==e?void 0:e.aggregateDecimalPlaces))?Math.min(6,Math.max(0,Number(e.aggregateDecimalPlaces))):1;return l("div",{key:(null==e?void 0:e.uiKey)||(null==e?void 0:e.id)||t,class:"table-column-item"},!this.isViewOnly&&l("div",{class:"table-column-reorder-actions"},l("stencil-icon-button",{class:"table-column-drag-handle",icon:s("draggable"),tooltip:"Drag to Reorder",noBackground:!0})),l("div",{class:"table-column-fields"},l("text-field",{label:"Column Name",value:(null==e?void 0:e.name)||"",disabled:this.isViewOnly,placeholder:"Column Name",required:!0,onInput:e=>{this.updateColumnField(t,"name",e.target.value)}}),l("udp-selector",{label:"Column Type",key:`table-column-type-${t}`,initialValue:a,options:this.columnTypeOptions,disabled:this.isViewOnly,required:!0,onChange:e=>{this.updateColumnField(t,"type",e.detail)}}),l("stencil-toggle",{label:"Required Field",disabled:this.isViewOnly,checked:o,labelPosition:"right",onToggledChange:()=>{this.updateColumnField(t,"required",!o)}}),l("div",null),this.isNumericColumnType(a)&&l("stencil-toggle",{label:"Display Aggregate in Table",disabled:this.isViewOnly,checked:r,labelPosition:"right",onToggledChange:()=>{this.updateColumnField(t,"aggregate",r?"":n)}}),this.isNumericColumnType(a)&&r&&l("div",{class:"table-column-fields-row-break","aria-hidden":"true"}),this.isNumericColumnType(a)&&r&&l("udp-selector",{label:"Aggregate Function",key:`table-column-aggregate-${t}`,initialValue:n,options:this.aggregateOptions,disabled:this.isViewOnly,required:!0,onChange:e=>{this.updateColumnField(t,"aggregate",e.detail)}}),this.isNumericColumnType(a)&&r&&l("udp-selector",{label:"Aggregate Decimal Places",key:`table-column-aggregate-decimal-places-${t}`,initialValue:String(d),options:this.aggregateDecimalPlacesOptions,disabled:this.isViewOnly,required:!0,onChange:e=>{this.updateColumnField(t,"aggregateDecimalPlaces",e.detail)}})),i.length>1&&!this.isViewOnly&&l("stencil-icon-button",{icon:s("trashCan"),onClick:()=>{const e=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyRemoveTableColumn")(this.formSectionsDraft,this.sIndex,this.qIndex,t);this.onFormSectionsDraftChange(e)}}))})))))}get hostEl(){return this}static get style(){return":host{display:block;.table-columns-container{display:flex;flex-direction:column;gap:var(--spacing-04, 16px);padding:var(--spacing-04, 16px) 0}.table-columns-header{display:flex;justify-content:space-between;align-items:center}.table-columns-list{display:flex;flex-direction:column;gap:0}.table-column-item{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-04, 16px);padding:var(--spacing-03, 16px);width:100%;border-radius:var(--border-radius);border:1px solid var(--gray-03);box-sizing:border-box;box-shadow:var(--elevation-01);background-color:var(--card-background-color, #fff);margin:0.3em 0}.table-column-item.sortable-ghost{opacity:0.45;border-style:dashed}.table-column-item.sortable-chosen{box-shadow:var(--elevation-03)}.table-column-reorder-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.table-column-drag-handle{cursor:grab}.table-column-drag-handle:active{cursor:grabbing}.table-column-fields{display:grid;grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));column-gap:var(--spacing-04, 16px);row-gap:0;width:100%}.table-column-fields-row-break{grid-column:1 / -1;height:0;padding:0;margin:0}}"}},[1,"table-columns-renderer",{question:[16],isViewOnly:[4,"is-view-only"],formSectionsDraft:[16],sIndex:[2,"s-index"],qIndex:[2,"q-index"],onFormSectionsDraftChange:[16],getHandler:[16]}]);function v(){"undefined"!=typeof customElements&&["table-columns-renderer","stencil-icon-button","stencil-toggle","text-field","udp-ambient-tool-tip","udp-badge","udp-button","udp-icon","udp-selector","unity-typography"].forEach((e=>{switch(e){case"table-columns-renderer":customElements.get(i(e))||customElements.define(i(e),p);break;case"stencil-icon-button":customElements.get(i(e))||n();break;case"stencil-toggle":customElements.get(i(e))||r();break;case"text-field":customElements.get(i(e))||d();break;case"udp-ambient-tool-tip":customElements.get(i(e))||c();break;case"udp-badge":customElements.get(i(e))||u();break;case"udp-button":customElements.get(i(e))||m();break;case"udp-icon":customElements.get(i(e))||b();break;case"udp-selector":customElements.get(i(e))||h();break;case"unity-typography":customElements.get(i(e))||g()}}))}export{p as T,v as d}

package/dist/components/table-input2.js

@@ -1 +1 @@
-import{p as t,H as e,h as i,t as s}from"./index2.js";import{d as r}from"./ag-grid-base2.js";import{d as n}from"./client-side-grid2.js";import{d as o}from"./ghost-render2.js";import{d as a}from"./grid-header2.js";import{d as u}from"./hint-panel2.js";import{d as l}from"./stencil-icon-button2.js";import{d}from"./udp-ambient-tool-tip2.js";import{d as h}from"./udp-avatar2.js";import{d as m}from"./udp-badge2.js";import{d as c}from"./udp-button2.js";import{d as p}from"./udp-dialog2.js";import{d as g}from"./udp-flexbox2.js";import{d as f}from"./udp-fluent-avatar2.js";import{d as b}from"./udp-fluent-badge2.js";import{d as v}from"./udp-fluent-button2.js";import{d as y}from"./udp-fluent-dialog2.js";import{d as E}from"./udp-fluent-icon2.js";import{d as w}from"./udp-fluent-icon-button2.js";import{d as C}from"./udp-fluent-menu2.js";import{d as j}from"./udp-fluent-switch2.js";import{d as k}from"./udp-fluent-text-input2.js";import{d as x}from"./udp-icon2.js";import{d as R}from"./udp-linear-loader2.js";import{d as N}from"./list-item.js";import{d as S}from"./udp-menu-item2.js";import{d as A}from"./udp-pop-over2.js";import{d as V}from"./udp-primary-action-header2.js";import{d as q}from"./udp-search-input2.js";import{d as F}from"./udp-side-sheet2.js";import{d as I}from"./udp-spinner2.js";import{d as M}from"./udp-text2.js";import{d as G}from"./udp-tooltip2.js";import{d as D}from"./unity-typography2.js";const $=t=>"number"===t,O=()=>`grid-${Date.now()}-${Math.random().toString(36).slice(2,10)}`,P=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.columns=[],this.initialValue=null,this.required=!1,this.disabled=!1,this.readonly=!1,this.initialGridRows=[],this.gridRowCount=0,this.gridRenderNonce=O(),this.validationError="",this.hasHydratedFromInitialValue=!1,this.columnsSignature="",this.cachedGridColumns=[],this.cachedGridColumnsKey="",this.hasSubmitValidationAttempt=!1,this.gridOptions={suppressContextMenu:!0,stopEditingWhenCellsLoseFocus:!0,suppressAggFuncInHeader:!0,editType:"fullRow",singleClickEdit:!0,rowDragManaged:!0,animateRows:!0,defaultColDef:{sortable:!1,filter:!1,suppressHeaderMenuButton:!0,editable:!0,minWidth:80,resizable:!0},getRowStyle:t=>{var e;if("bottom"===(null===(e=null==t?void 0:t.node)||void 0===e?void 0:e.rowPinned))return{backgroundColor:"var(--gray-01, #f8f8f8)",fontWeight:"600",borderTop:"1px solid var(--gray-03, #d8d8d8)"}},onCellValueChanged:()=>this.handleGridDataChanged(),onCellEditingStopped:()=>this.handleGridDataChanged(),onRowEditingStopped:()=>this.handleGridDataChanged(),onPasteEnd:()=>this.handleGridDataChanged(),onRowDragEnd:()=>this.handleGridDataChanged()},this.handleAddRow=()=>{if(this.gridApiMethods)try{return this.gridApiMethods.applyTransaction({add:[this.createEmptyRow()]}),void requestAnimationFrame((()=>{var t;this.handleGridDataChanged();const e=Math.max(this.getRowsFromGrid().length-1,0);null===(t=this.gridApiMethods)||void 0===t||t.ensureIndexVisible(e,"bottom")}))}catch(t){this.gridApiMethods=void 0}this.initialGridRows=[...this.initialGridRows,this.createEmptyRow()],this.validateAndEmitError(),this.emitValue()},this.handleRemoveRow=t=>{if(this.gridApiMethods)try{const e=this.getRawRowsFromGrid()[t];return e&&this.gridApiMethods.applyTransaction({remove:[e]}),void this.handleGridDataChanged()}catch(t){this.gridApiMethods=void 0}const e=[...this.initialGridRows];e.splice(t,1),this.initialGridRows=e,this.validateAndEmitError(),this.emitValue()},this.handleGridApiCallback=t=>{var e;this.gridApiMethods=t,this.gridRowCount=this.getRowsFromGrid().length||this.initialGridRows.length,this.validateAndEmitError(),null===(e=this.gridApiMethods)||void 0===e||e.refreshCells(),this.refreshAggregateFooter(),requestAnimationFrame((()=>this.refreshAggregateFooter()))}}handleNestedInput(t){(t.composedPath&&t.composedPath()[0]||t.target)!==this.el&&(t.stopImmediatePropagation(),t.stopPropagation())}handleNestedChange(t){(t.composedPath&&t.composedPath()[0]||t.target)!==this.el&&(t.stopImmediatePropagation(),t.stopPropagation())}handleGridPaste(t){var e,i,s,r;if(this.readonly||this.disabled||!this.gridApiMethods)return;const n=null===(e=t.clipboardData)||void 0===e?void 0:e.getData("text/plain");if(!(null==n?void 0:n.trim()))return;t.preventDefault();const o=n.split(/\r?\n/).map((t=>t.split("\t"))).filter((t=>t.some((t=>""!==t))));if(!o.length)return;this.gridApiMethods.stopEditing(!0);const a=this.gridApiMethods.getFocusedCell(),u=null!==(i=null==a?void 0:a.rowIndex)&&void 0!==i?i:0,l=null===(r=null===(s=null==a?void 0:a.column)||void 0===s?void 0:s.getColId)||void 0===r?void 0:r.call(s),d=this.columns||[],h=l?Math.max(0,d.findIndex((t=>t.id===l))):0,m=this.getRawRowsFromGrid(),c=[];o.forEach(((t,e)=>{const i=u+e;if(i<m.length)t.forEach(((t,e)=>{const s=d[h+e];s&&(m[i][s.id]=this.parsePastedCellValue(s,t))}));else{const e=this.createEmptyRow();t.forEach(((t,i)=>{const s=d[h+i];s&&(e[s.id]=this.parsePastedCellValue(s,t))})),c.push(e)}})),c.length&&this.gridApiMethods.applyTransaction({add:c}),this.handleGridDataChanged(),this.gridApiMethods.refreshCells()}handleSubmitInvalid(){this.hasSubmitValidationAttempt=!0,requestAnimationFrame((()=>{var t;this.validateAndEmitError(),null===(t=this.gridApiMethods)||void 0===t||t.refreshCells()}))}componentWillLoad(){this.columnsSignature=this.getColumnsSignature(this.columns),this.initializeRows(this.initialValue,!1)}disconnectedCallback(){this.gridApiMethods=void 0}onInitialValueChange(t){if(!this.hasHydratedFromInitialValue)return"string"!=typeof t||this.hasUsableInitialValue(t)?void(this.hasUsableInitialValue(t)&&(this.recreateGridInstance(),this.initializeRows(t,!0))):(this.hasHydratedFromInitialValue=!0,void this.recreateGridInstance())}onColumnsChange(){const t=this.getColumnsSignature(this.columns);if(t===this.columnsSignature)return;if(this.columnsSignature=t,!Array.isArray(this.columns)||0===this.columns.length)return this.initialGridRows=[],this.gridRowCount=0,void this.emitValue();const e=this.initialGridRows.map((t=>this.normalizeRow(t)));this.initialGridRows=e,this.validateAndEmitError(),this.emitValue()}onErrorChange(){var t;null===(t=this.gridApiMethods)||void 0===t||t.refreshCells()}onSeedRowsChange(){this.gridRowCount=this.initialGridRows.length,this.refreshAggregateFooter()}getColumnsSignature(t=[]){return JSON.stringify(t.map((t=>({id:null==t?void 0:t.id,name:null==t?void 0:t.name,type:null==t?void 0:t.type,required:null==t?void 0:t.required,aggregate:null==t?void 0:t.aggregate,aggregateDecimalPlaces:null==t?void 0:t.aggregateDecimalPlaces}))))}recreateGridInstance(){this.gridApiMethods=void 0,this.cachedGridColumns=[],this.cachedGridColumnsKey="",this.gridRenderNonce=O()}hasUsableInitialValue(t){return null!=t&&("string"==typeof t?t.trim().length>0:!!Array.isArray(t))}createEmptyRow(){const t={};return(this.columns||[]).forEach((e=>{t[e.id]=$(e.type)?null:""})),t}normalizeRow(t){const e=this.createEmptyRow();return t&&"object"==typeof t?((this.columns||[]).forEach((i=>{const s=t[i.id];if(null!=s&&""!==String(s).trim())if($(i.type)){const t=Number(String(s).trim());e[i.id]=Number.isFinite(t)?t:void 0}else e[i.id]=String(s);else e[i.id]=$(i.type)?void 0:""})),e):e}parseInitialValue(t){var e,i;if(!t)return[];let s=t;if("string"==typeof t){try{s=JSON.parse(t)}catch(t){return[]}if("string"==typeof s)try{s=JSON.parse(s)}catch(t){return[]}}return Array.isArray(s)?s.filter((t=>t&&"object"==typeof t)):s&&"object"==typeof s&&Array.isArray(null!==(e=s.rows)&&void 0!==e?e:s.Rows)?(null!==(i=s.rows)&&void 0!==i?i:s.Rows).filter((t=>t&&"object"==typeof t)):[]}hasMissingRequiredColumnValue(t){return this.getRequiredColumns().some((e=>{const i=null==t?void 0:t[e.id];return null==i||0===String(i).trim().length}))}hasAnyColumnLevelRequired(){return(this.columns||[]).some((t=>!!(null==t?void 0:t.required)))}hasAnyRequiredConfig(){return this.required||this.hasAnyColumnLevelRequired()}getRequiredColumns(){return(this.columns||[]).filter((t=>!!(null==t?void 0:t.required)))}getRowsForValidation(){const t=this.getRowsFromGrid();return this.gridApiMethods?t:this.initialGridRows}isRequiredCellInvalid(t,e){if(!(null==e?void 0:e.required))return!1;const i=null==t?void 0:t[e.id];return null==i||0===String(i).trim().length}shouldShowRequiredCellHighlights(){return this.hasSubmitValidationAttempt&&!!this.validationError}parsePastedCellValue(t,e){const i=e.trim();if($(t.type)){if(!i)return;const t=Number(i);return Number.isFinite(t)?t:void 0}return i}coerceCellValueForSubmission(t,e){if(!$(t.type))return e;if(null==e)return"";const i=String(e).trim();if(!i)return"";const s=Number(i);return Number.isFinite(s)?s:""}getRowsFromGrid(){if(!this.gridApiMethods)return[];try{const t=[];return this.gridApiMethods.forEachNode((e=>{(null==e?void 0:e.data)&&"object"==typeof e.data&&t.push(this.normalizeRow(e.data))})),t}catch(t){return[]}}getRawRowsFromGrid(){if(!this.gridApiMethods)return[];try{const t=[];return this.gridApiMethods.forEachNode((e=>{(null==e?void 0:e.data)&&"object"==typeof e.data&&t.push(e.data)})),t}catch(t){return[]}}buildSubmissionPayloadString(){const t=this.getRowsFromGrid(),e=(this.gridApiMethods?t:this.initialGridRows).map((t=>{const e={};return(this.columns||[]).forEach((i=>{var s;e[i.id]=this.coerceCellValueForSubmission(i,null!==(s=null==t?void 0:t[i.id])&&void 0!==s?s:"")})),e}));return JSON.stringify({rows:e})}initializeRows(t,e){const i=this.parseInitialValue(t);if(!Array.isArray(this.columns)||0===this.columns.length)return this.initialGridRows=[],void(e&&(this.hasHydratedFromInitialValue=!0));let s;s=i.length>0?i.map((t=>this.normalizeRow(t))):[],this.initialGridRows=[...s],e&&(this.hasHydratedFromInitialValue=!0),this.validateAndEmitError(),this.emitValue()}emitValue(){const t=this.buildSubmissionPayloadString();this.el.dispatchEvent(new CustomEvent("input",{bubbles:!0,detail:t})),this.el.dispatchEvent(new CustomEvent("change",{bubbles:!0,detail:t}))}validateAndEmitError(){var t;const e=this.getValidationError();this.validationError=e,null===(t=this.gridApiMethods)||void 0===t||t.refreshCells(),this.el.dispatchEvent(new CustomEvent("error",{bubbles:!0,detail:e}))}getValidationError(){const t=this.getRowsForValidation(),e=this.hasAnyRequiredConfig();return e&&t.length<1?"At least one row is required":e&&t.some((t=>this.hasMissingRequiredColumnValue(t)))?"Please complete all required columns in each row":""}getGridHeight(){return`${Math.min(600,Math.max(400,120+44*(this.gridApiMethods?this.gridRowCount:this.initialGridRows.length)))}px`}hasConfiguredAggregates(){return(this.columns||[]).some((t=>$(t.type)&&!!t.aggregate))}getAggregateDecimalPlaces(t){const e=Number(null==t?void 0:t.aggregateDecimalPlaces);return!Number.isInteger(e)||e<0?1:e}getAggregateValue(t){if(!$(t.type)||!t.aggregate)return null;const e=this.getRowsForAggregation().map((e=>Number(null==e?void 0:e[t.id]))).filter((t=>Number.isFinite(t)));if(0===e.length)return null;switch(t.aggregate){case"sum":return e.reduce(((t,e)=>t+e),0);case"avg":return e.reduce(((t,e)=>t+e),0)/e.length;case"min":return Math.min(...e);case"max":return Math.max(...e);default:return null}}getRowsForAggregation(){const t=this.getRowsFromGrid();return this.gridApiMethods?0===t.length&&this.gridRowCount>0?this.initialGridRows:t:this.initialGridRows}hasAnyRowsForAggregation(){return this.getRowsForAggregation().length>0}getAggregateLabel(t){switch(t.aggregate){case"sum":return"Sum";case"avg":return"Avg";case"min":return"Min";case"max":return"Max";default:return""}}getFooterCellDisplayValue(t,e){if($(t.type)&&t.aggregate){const e=this.getAggregateValue(t);return null==e?null:e}return 0===e&&this.hasConfiguredAggregates()&&!$(t.type)?"Summary":null}getGridOptions(){return this.hasConfiguredAggregates()?Object.assign(Object.assign({},this.gridOptions),{pinnedBottomRowData:[{}]}):this.gridOptions}refreshAggregateFooter(){if(this.hasConfiguredAggregates()&&this.gridApiMethods)try{this.gridApiMethods.refreshCells()}catch(t){this.gridApiMethods=void 0}}buildGridColumns(t){const e=(this.columns||[]).map(((e,i)=>({headerName:e.required?`${e.name} *`:e.name,field:e.id,editable:e=>{var i;return!t&&"bottom"!==(null===(i=null==e?void 0:e.node)||void 0===i?void 0:i.rowPinned)},suppressHeaderMenuButton:!0,sortable:!1,rowDrag:0==i&&!t,filter:!1,cellClassRules:{"table-input-required-invalid":t=>{var i;if("bottom"===(null===(i=null==t?void 0:t.node)||void 0===i?void 0:i.rowPinned))return!1;const s=null==t?void 0:t.data;return!(!s||"object"!=typeof s)&&this.shouldShowRequiredCellHighlights()&&this.isRequiredCellInvalid(s,e)}},cellDataType:$(e.type)?"number":"text",autoHeight:!0,wrapText:!0,cellStyle:{display:"flex",alignItems:"center"},valueGetter:t=>{var s,r;return"bottom"===(null===(s=null==t?void 0:t.node)||void 0===s?void 0:s.rowPinned)?this.getFooterCellDisplayValue(e,i):null===(r=null==t?void 0:t.data)||void 0===r?void 0:r[e.id]},valueFormatter:t=>{var i,s;if("bottom"!==(null===(i=null==t?void 0:t.node)||void 0===i?void 0:i.rowPinned))return null==t?void 0:t.value;if($(e.type)&&e.aggregate){if(!this.hasAnyRowsForAggregation())return`${this.getAggregateLabel(e)}: N/A`;const i=Number(null==t?void 0:t.value);if(!Number.isFinite(i))return"";const s=this.getAggregateDecimalPlaces(e);return`${this.getAggregateLabel(e)}: ${i.toFixed(s)}`}return null!==(s=null==t?void 0:t.value)&&void 0!==s?s:""},valueSetter:t=>{var i,s;if("bottom"===(null===(i=null==t?void 0:t.node)||void 0===i?void 0:i.rowPinned))return!1;const r=null===(s=null==t?void 0:t.data)||void 0===s?void 0:s[e.id];let n=null==(null==t?void 0:t.newValue)?"":String(t.newValue);if($(e.type)){const t=String(n||"").trim();if(t){const e=Number(t);if(!Number.isFinite(e))return!1;n=e}else n=void 0}return r!==n&&(t.data[e.id]=n,!0)}})));if(t)return e;const i={headerName:"Actions",field:"actions",editable:!1,sortable:!1,filter:!1,suppressHeaderMenuButton:!0,resizable:!1,cellRenderer:"actionsRenderer",cellRendererParams:{hideActions:t=>"bottom"===(null==t?void 0:t.rowPinned),actionList:[{id:"remove-row",iconName:"trashCan",title:"Remove Row",handleOnClick:(t,e)=>{const i=Number(null==e?void 0:e.rowIndex);!Number.isInteger(i)||i<0||this.handleRemoveRow(i)}}]}};return[...e,i]}getGridColumns(t){const e=`${t}::${this.columnsSignature}`;return this.cachedGridColumnsKey===e&&this.cachedGridColumns.length>0||(this.cachedGridColumnsKey=e,this.cachedGridColumns=this.buildGridColumns(t)),this.cachedGridColumns}handleGridDataChanged(){const t=this.getRowsFromGrid();this.gridRowCount=t.length,this.emitValue(),this.validateAndEmitError(),this.refreshAggregateFooter()}render(){const t=this.readonly||this.disabled;return i("div",{key:"1567aefbf4f467f3a9c6e012811c5bf927a65bfb",class:"table-input-container"},this.columns.length>0?i("div",null,i("div",{class:"table-grid-wrapper"},i("client-side-grid",{key:`table-grid-${this.gridRenderNonce}`,columnDefs:this.getGridColumns(t),rowData:this.initialGridRows,gridHeight:this.getGridHeight(),gridOptions:this.getGridOptions(),gridApiCallback:this.handleGridApiCallback})),!t&&i("div",{class:"table-input-add-row-button"},i("udp-button",{variant:"text",onClick:()=>this.handleAddRow(),startIcon:i("udp-icon",{iconName:"add",color:"inherit"})},"Add a Row"))):i("div",{class:"table-empty-state"},"No columns configured."))}get el(){return this}static get watchers(){return{initialValue:[{onInitialValueChange:0}],columns:[{onColumnsChange:0}],error:[{onErrorChange:0}],initialGridRows:[{onSeedRowsChange:0}]}}static get style(){return":host{display:block}.table-input-container{display:flex;flex-direction:column;gap:var(--spacing-03, 12px)}.table-grid-wrapper{overflow:hidden}.table-grid-wrapper .ag-cell.table-input-required-invalid{background-color:#fff5f5;box-shadow:inset 0 0 0 1px #d32f2f}.table-empty-state{color:var(--gray-07, #666);font-size:0.875rem}.table-input-add-row-button{display:flex;justify-content:center;margin:var(--spacing-03) 0}.aggregate-summary-row{display:grid;grid-template-columns:repeat(auto-fit, minmax(160px, 1fr));gap:8px;background:var(--gray-01, #f8f8f8);border:1px solid var(--gray-03);border-radius:4px;padding:8px}.aggregate-summary-cell{font-weight:600;font-size:0.875rem}"}},[1,"table-input",{columns:[16],initialValue:[1,"initial-value"],required:[4],disabled:[4],readonly:[4],error:[1],initialGridRows:[32],gridRowCount:[32],gridRenderNonce:[32],validationError:[32]},[[0,"input","handleNestedInput"],[0,"change","handleNestedChange"],[2,"paste","handleGridPaste"],[16,"udpFormsSubmitInvalid","handleSubmitInvalid"]],{initialValue:[{onInitialValueChange:0}],columns:[{onColumnsChange:0}],error:[{onErrorChange:0}],initialGridRows:[{onSeedRowsChange:0}]}]);function H(){"undefined"!=typeof customElements&&["table-input","ag-grid-base","client-side-grid","ghost-render","grid-header","hint-panel","stencil-icon-button","udp-ambient-tool-tip","udp-avatar","udp-badge","udp-button","udp-dialog","udp-flexbox","udp-fluent-avatar","udp-fluent-badge","udp-fluent-button","udp-fluent-dialog","udp-fluent-icon","udp-fluent-icon-button","udp-fluent-menu","udp-fluent-switch","udp-fluent-text-input","udp-icon","udp-linear-loader","udp-list-item","udp-menu-item","udp-pop-over","udp-primary-action-header","udp-search-input","udp-side-sheet","udp-spinner","udp-text","udp-tooltip","unity-typography"].forEach((t=>{switch(t){case"table-input":customElements.get(s(t))||customElements.define(s(t),P);break;case"ag-grid-base":customElements.get(s(t))||r();break;case"client-side-grid":customElements.get(s(t))||n();break;case"ghost-render":customElements.get(s(t))||o();break;case"grid-header":customElements.get(s(t))||a();break;case"hint-panel":customElements.get(s(t))||u();break;case"stencil-icon-button":customElements.get(s(t))||l();break;case"udp-ambient-tool-tip":customElements.get(s(t))||d();break;case"udp-avatar":customElements.get(s(t))||h();break;case"udp-badge":customElements.get(s(t))||m();break;case"udp-button":customElements.get(s(t))||c();break;case"udp-dialog":customElements.get(s(t))||p();break;case"udp-flexbox":customElements.get(s(t))||g();break;case"udp-fluent-avatar":customElements.get(s(t))||f();break;case"udp-fluent-badge":customElements.get(s(t))||b();break;case"udp-fluent-button":customElements.get(s(t))||v();break;case"udp-fluent-dialog":customElements.get(s(t))||y();break;case"udp-fluent-icon":customElements.get(s(t))||E();break;case"udp-fluent-icon-button":customElements.get(s(t))||w();break;case"udp-fluent-menu":customElements.get(s(t))||C();break;case"udp-fluent-switch":customElements.get(s(t))||j();break;case"udp-fluent-text-input":customElements.get(s(t))||k();break;case"udp-icon":customElements.get(s(t))||x();break;case"udp-linear-loader":customElements.get(s(t))||R();break;case"udp-list-item":customElements.get(s(t))||N();break;case"udp-menu-item":customElements.get(s(t))||S();break;case"udp-pop-over":customElements.get(s(t))||A();break;case"udp-primary-action-header":customElements.get(s(t))||V();break;case"udp-search-input":customElements.get(s(t))||q();break;case"udp-side-sheet":customElements.get(s(t))||F();break;case"udp-spinner":customElements.get(s(t))||I();break;case"udp-text":customElements.get(s(t))||M();break;case"udp-tooltip":customElements.get(s(t))||G();break;case"unity-typography":customElements.get(s(t))||D()}}))}export{P as T,H as d}
+import{p as t,H as e,h as i,t as s}from"./index2.js";import{d as r}from"./ag-grid-base2.js";import{d as n}from"./client-side-grid2.js";import{d as o}from"./ghost-render2.js";import{d as a}from"./grid-header2.js";import{d as u}from"./hint-panel2.js";import{d as l}from"./stencil-icon-button2.js";import{d}from"./udp-ambient-tool-tip2.js";import{d as h}from"./udp-avatar2.js";import{d as m}from"./udp-badge2.js";import{d as c}from"./udp-button2.js";import{d as p}from"./udp-dialog2.js";import{d as g}from"./udp-flexbox2.js";import{d as f}from"./udp-fluent-avatar2.js";import{d as b}from"./udp-fluent-badge2.js";import{d as v}from"./udp-fluent-button2.js";import{d as y}from"./udp-fluent-dialog2.js";import{d as E}from"./udp-fluent-icon2.js";import{d as w}from"./udp-fluent-icon-button2.js";import{d as C}from"./udp-fluent-menu2.js";import{d as j}from"./udp-fluent-switch2.js";import{d as k}from"./udp-fluent-text-input2.js";import{d as x}from"./udp-icon2.js";import{d as R}from"./udp-linear-loader2.js";import{d as N}from"./list-item.js";import{d as S}from"./udp-menu-item2.js";import{d as A}from"./udp-pop-over2.js";import{d as V}from"./udp-primary-action-header2.js";import{d as q}from"./udp-search-input2.js";import{d as F}from"./udp-side-sheet2.js";import{d as I}from"./udp-spinner2.js";import{d as M}from"./udp-text2.js";import{d as G}from"./udp-tooltip2.js";import{d as D}from"./unity-typography2.js";const $=t=>"number"===t,O=()=>`grid-${Date.now()}-${Math.random().toString(36).slice(2,10)}`,P=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.columns=[],this.initialValue=null,this.required=!1,this.disabled=!1,this.readonly=!1,this.initialGridRows=[],this.gridRowCount=0,this.gridRenderNonce=O(),this.validationError="",this.hasHydratedFromInitialValue=!1,this.columnsSignature="",this.cachedGridColumns=[],this.cachedGridColumnsKey="",this.hasSubmitValidationAttempt=!1,this.gridOptions={suppressContextMenu:!0,stopEditingWhenCellsLoseFocus:!0,suppressAggFuncInHeader:!0,editType:"fullRow",singleClickEdit:!0,rowDragManaged:!0,animateRows:!0,defaultColDef:{sortable:!1,filter:!1,suppressHeaderMenuButton:!0,editable:!0,minWidth:80,resizable:!0},getRowStyle:t=>{var e;if("bottom"===(null===(e=null==t?void 0:t.node)||void 0===e?void 0:e.rowPinned))return{backgroundColor:"var(--gray-01, #f8f8f8)",fontWeight:"600",borderTop:"1px solid var(--gray-03, #d8d8d8)"}},onCellValueChanged:()=>this.handleGridDataChanged(),onCellEditingStopped:()=>this.handleGridDataChanged(),onRowEditingStopped:()=>this.handleGridDataChanged(),onPasteEnd:()=>this.handleGridDataChanged(),onRowDragEnd:()=>this.handleGridDataChanged()},this.handleAddRow=()=>{if(this.gridApiMethods)try{return this.gridApiMethods.applyTransaction({add:[this.createEmptyRow()]}),void requestAnimationFrame((()=>{var t;this.handleGridDataChanged();const e=Math.max(this.getRowsFromGrid().length-1,0);null===(t=this.gridApiMethods)||void 0===t||t.ensureIndexVisible(e,"bottom")}))}catch(t){this.gridApiMethods=void 0}this.initialGridRows=[...this.initialGridRows,this.createEmptyRow()],this.validateAndEmitError(),this.emitValue()},this.handleRemoveRow=t=>{if(this.gridApiMethods)try{const e=this.getRawRowsFromGrid()[t];return e&&this.gridApiMethods.applyTransaction({remove:[e]}),void this.handleGridDataChanged()}catch(t){this.gridApiMethods=void 0}const e=[...this.initialGridRows];e.splice(t,1),this.initialGridRows=e,this.validateAndEmitError(),this.emitValue()},this.handleGridApiCallback=t=>{var e;this.gridApiMethods=t,this.gridRowCount=this.getRowsFromGrid().length||this.initialGridRows.length,this.validateAndEmitError(),null===(e=this.gridApiMethods)||void 0===e||e.refreshCells(),this.refreshAggregateFooter(),requestAnimationFrame((()=>this.refreshAggregateFooter()))}}handleNestedInput(t){(t.composedPath&&t.composedPath()[0]||t.target)!==this.el&&(t.stopImmediatePropagation(),t.stopPropagation())}handleNestedChange(t){(t.composedPath&&t.composedPath()[0]||t.target)!==this.el&&(t.stopImmediatePropagation(),t.stopPropagation())}handleGridPaste(t){var e,i,s,r;if(this.readonly||this.disabled||!this.gridApiMethods)return;const n=null===(e=t.clipboardData)||void 0===e?void 0:e.getData("text/plain");if(!(null==n?void 0:n.trim()))return;t.preventDefault();const o=n.split(/\r?\n/).map((t=>t.split("\t"))).filter((t=>t.some((t=>""!==t))));if(!o.length)return;this.gridApiMethods.stopEditing(!0);const a=this.gridApiMethods.getFocusedCell(),u=null!==(i=null==a?void 0:a.rowIndex)&&void 0!==i?i:0,l=null===(r=null===(s=null==a?void 0:a.column)||void 0===s?void 0:s.getColId)||void 0===r?void 0:r.call(s),d=this.columns||[],h=l?Math.max(0,d.findIndex((t=>t.id===l))):0,m=this.getRawRowsFromGrid(),c=[];o.forEach(((t,e)=>{const i=u+e;if(i<m.length)t.forEach(((t,e)=>{const s=d[h+e];s&&(m[i][s.id]=this.parsePastedCellValue(s,t))}));else{const e=this.createEmptyRow();t.forEach(((t,i)=>{const s=d[h+i];s&&(e[s.id]=this.parsePastedCellValue(s,t))})),c.push(e)}})),c.length&&this.gridApiMethods.applyTransaction({add:c}),this.handleGridDataChanged(),this.gridApiMethods.refreshCells()}handleSubmitInvalid(){this.hasSubmitValidationAttempt=!0,requestAnimationFrame((()=>{var t;this.validateAndEmitError(),null===(t=this.gridApiMethods)||void 0===t||t.refreshCells()}))}componentWillLoad(){this.columnsSignature=this.getColumnsSignature(this.columns),this.initializeRows(this.initialValue,!1)}disconnectedCallback(){this.gridApiMethods=void 0}onInitialValueChange(t){if(!this.hasHydratedFromInitialValue)return"string"!=typeof t||this.hasUsableInitialValue(t)?void(this.hasUsableInitialValue(t)&&(this.recreateGridInstance(),this.initializeRows(t,!0))):(this.hasHydratedFromInitialValue=!0,void this.recreateGridInstance())}onColumnsChange(){const t=this.getColumnsSignature(this.columns);if(t===this.columnsSignature)return;if(this.columnsSignature=t,!Array.isArray(this.columns)||0===this.columns.length)return this.initialGridRows=[],this.gridRowCount=0,void this.emitValue();const e=this.initialGridRows.map((t=>this.normalizeRow(t)));this.initialGridRows=e,this.validateAndEmitError(),this.emitValue()}onErrorChange(){var t;null===(t=this.gridApiMethods)||void 0===t||t.refreshCells()}onSeedRowsChange(){this.gridRowCount=this.initialGridRows.length,this.refreshAggregateFooter()}getColumnsSignature(t=[]){return JSON.stringify(t.map((t=>({id:null==t?void 0:t.id,name:null==t?void 0:t.name,type:null==t?void 0:t.type,required:null==t?void 0:t.required,aggregate:null==t?void 0:t.aggregate,aggregateDecimalPlaces:null==t?void 0:t.aggregateDecimalPlaces}))))}recreateGridInstance(){this.gridApiMethods=void 0,this.cachedGridColumns=[],this.cachedGridColumnsKey="",this.gridRenderNonce=O()}hasUsableInitialValue(t){return null!=t&&("string"==typeof t?t.trim().length>0:!!Array.isArray(t))}createEmptyRow(){const t={};return(this.columns||[]).forEach((e=>{t[e.id]=$(e.type)?null:""})),t}normalizeRow(t){const e=this.createEmptyRow();return t&&"object"==typeof t?((this.columns||[]).forEach((i=>{const s=t[i.id];if(null!=s&&""!==String(s).trim())if($(i.type)){const t=Number(String(s).trim());e[i.id]=Number.isFinite(t)?t:void 0}else e[i.id]=String(s);else e[i.id]=$(i.type)?void 0:""})),e):e}parseInitialValue(t){var e,i;if(!t)return[];let s=t;if("string"==typeof t){try{s=JSON.parse(t)}catch(t){return[]}if("string"==typeof s)try{s=JSON.parse(s)}catch(t){return[]}}return Array.isArray(s)?s.filter((t=>t&&"object"==typeof t)):s&&"object"==typeof s&&Array.isArray(null!==(e=s.rows)&&void 0!==e?e:s.Rows)?(null!==(i=s.rows)&&void 0!==i?i:s.Rows).filter((t=>t&&"object"==typeof t)):[]}hasMissingRequiredColumnValue(t){return this.getRequiredColumns().some((e=>{const i=null==t?void 0:t[e.id];return null==i||0===String(i).trim().length}))}hasAnyColumnLevelRequired(){return(this.columns||[]).some((t=>!!(null==t?void 0:t.required)))}hasAnyRequiredConfig(){return this.required||this.hasAnyColumnLevelRequired()}getRequiredColumns(){return(this.columns||[]).filter((t=>!!(null==t?void 0:t.required)))}getRowsForValidation(){const t=this.getRowsFromGrid();return this.gridApiMethods?t:this.initialGridRows}isRequiredCellInvalid(t,e){if(!(null==e?void 0:e.required))return!1;const i=null==t?void 0:t[e.id];return null==i||0===String(i).trim().length}shouldShowRequiredCellHighlights(){return this.hasSubmitValidationAttempt&&!!this.validationError}parsePastedCellValue(t,e){const i=e.trim();if($(t.type)){if(!i)return;const t=Number(i);return Number.isFinite(t)?t:void 0}return i}coerceCellValueForSubmission(t,e){if(!$(t.type))return e;if(null==e)return"";const i=String(e).trim();if(!i)return"";const s=Number(i);return Number.isFinite(s)?s:""}getRowsFromGrid(){if(!this.gridApiMethods)return[];try{const t=[];return this.gridApiMethods.forEachNode((e=>{(null==e?void 0:e.data)&&"object"==typeof e.data&&t.push(this.normalizeRow(e.data))})),t}catch(t){return[]}}getRawRowsFromGrid(){if(!this.gridApiMethods)return[];try{const t=[];return this.gridApiMethods.forEachNode((e=>{(null==e?void 0:e.data)&&"object"==typeof e.data&&t.push(e.data)})),t}catch(t){return[]}}buildSubmissionPayloadString(){const t=this.getRowsFromGrid(),e=(this.gridApiMethods?t:this.initialGridRows).map((t=>{const e={};return(this.columns||[]).forEach((i=>{var s;e[i.id]=this.coerceCellValueForSubmission(i,null!==(s=null==t?void 0:t[i.id])&&void 0!==s?s:"")})),e}));return JSON.stringify({rows:e})}initializeRows(t,e){const i=this.parseInitialValue(t);if(!Array.isArray(this.columns)||0===this.columns.length)return this.initialGridRows=[],void(e&&(this.hasHydratedFromInitialValue=!0));let s;s=i.length>0?i.map((t=>this.normalizeRow(t))):[],this.initialGridRows=[...s],e&&(this.hasHydratedFromInitialValue=!0),this.validateAndEmitError(),this.emitValue()}emitValue(){const t=this.buildSubmissionPayloadString();this.el.dispatchEvent(new CustomEvent("input",{bubbles:!0,detail:t})),this.el.dispatchEvent(new CustomEvent("change",{bubbles:!0,detail:t}))}validateAndEmitError(){var t;const e=this.getValidationError();this.validationError=e,null===(t=this.gridApiMethods)||void 0===t||t.refreshCells(),this.el.dispatchEvent(new CustomEvent("error",{bubbles:!0,detail:e}))}getValidationError(){const t=this.getRowsForValidation(),e=this.hasAnyRequiredConfig();return e&&t.length<1?"At least one row is required":e&&t.some((t=>this.hasMissingRequiredColumnValue(t)))?"Please complete all required columns in each row":""}getGridHeight(){return`${Math.min(600,Math.max(400,120+44*(this.gridApiMethods?this.gridRowCount:this.initialGridRows.length)))}px`}hasConfiguredAggregates(){return(this.columns||[]).some((t=>$(t.type)&&!!t.aggregate))}getAggregateDecimalPlaces(t){const e=Number(null==t?void 0:t.aggregateDecimalPlaces);return!Number.isInteger(e)||e<0?1:e}getAggregateValue(t){if(!$(t.type)||!t.aggregate)return null;const e=this.getRowsForAggregation().map((e=>Number(null==e?void 0:e[t.id]))).filter((t=>Number.isFinite(t)));if(0===e.length)return null;switch(t.aggregate){case"sum":return e.reduce(((t,e)=>t+e),0);case"avg":return e.reduce(((t,e)=>t+e),0)/e.length;case"min":return Math.min(...e);case"max":return Math.max(...e);default:return null}}getRowsForAggregation(){const t=this.getRowsFromGrid();return this.gridApiMethods?0===t.length&&this.gridRowCount>0?this.initialGridRows:t:this.initialGridRows}hasAnyRowsForAggregation(){return this.getRowsForAggregation().length>0}getAggregateLabel(t){switch(t.aggregate){case"sum":return"Sum";case"avg":return"Avg";case"min":return"Min";case"max":return"Max";default:return""}}getFooterCellDisplayValue(t,e){if($(t.type)&&t.aggregate){const e=this.getAggregateValue(t);return null==e?null:e}return 0===e&&this.hasConfiguredAggregates()&&!$(t.type)?"Summary":null}getGridOptions(){return this.hasConfiguredAggregates()?Object.assign(Object.assign({},this.gridOptions),{pinnedBottomRowData:[{}]}):this.gridOptions}refreshAggregateFooter(){if(this.hasConfiguredAggregates()&&this.gridApiMethods)try{this.gridApiMethods.refreshCells()}catch(t){this.gridApiMethods=void 0}}buildGridColumns(t){const e=(this.columns||[]).map(((e,i)=>({headerName:e.required?`${e.name} *`:e.name,field:e.id,editable:e=>{var i;return!t&&"bottom"!==(null===(i=null==e?void 0:e.node)||void 0===i?void 0:i.rowPinned)},suppressHeaderMenuButton:!0,sortable:!1,rowDrag:0==i&&!t,filter:!1,cellClassRules:{"table-input-required-invalid":t=>{var i;if("bottom"===(null===(i=null==t?void 0:t.node)||void 0===i?void 0:i.rowPinned))return!1;const s=null==t?void 0:t.data;return!(!s||"object"!=typeof s)&&this.shouldShowRequiredCellHighlights()&&this.isRequiredCellInvalid(s,e)}},cellDataType:$(e.type)?"number":"text",autoHeight:!0,wrapText:!0,cellStyle:{display:"flex",alignItems:"center"},valueGetter:t=>{var s,r;return"bottom"===(null===(s=null==t?void 0:t.node)||void 0===s?void 0:s.rowPinned)?this.getFooterCellDisplayValue(e,i):null===(r=null==t?void 0:t.data)||void 0===r?void 0:r[e.id]},valueFormatter:t=>{var i,s;if("bottom"!==(null===(i=null==t?void 0:t.node)||void 0===i?void 0:i.rowPinned))return null==t?void 0:t.value;if($(e.type)&&e.aggregate){if(!this.hasAnyRowsForAggregation())return`${this.getAggregateLabel(e)}: N/A`;const i=Number(null==t?void 0:t.value);if(!Number.isFinite(i))return"";const s=this.getAggregateDecimalPlaces(e);return`${this.getAggregateLabel(e)}: ${i.toFixed(s)}`}return null!==(s=null==t?void 0:t.value)&&void 0!==s?s:""},valueSetter:t=>{var i,s;if("bottom"===(null===(i=null==t?void 0:t.node)||void 0===i?void 0:i.rowPinned))return!1;const r=null===(s=null==t?void 0:t.data)||void 0===s?void 0:s[e.id];let n=null==(null==t?void 0:t.newValue)?"":String(t.newValue);if($(e.type)){const t=String(n||"").trim();if(t){const e=Number(t);if(!Number.isFinite(e))return!1;n=e}else n=void 0}return r!==n&&(t.data[e.id]=n,!0)}})));if(t)return e;const i={headerName:"Actions",field:"actions",editable:!1,sortable:!1,filter:!1,suppressHeaderMenuButton:!0,resizable:!1,cellRenderer:"actionsRenderer",cellRendererParams:{hideActions:t=>"bottom"===(null==t?void 0:t.rowPinned),actionList:[{id:"remove-row",iconName:"trashCan",title:"Remove Row",handleOnClick:(t,e)=>{const i=Number(null==e?void 0:e.rowIndex);!Number.isInteger(i)||i<0||this.handleRemoveRow(i)}}]}};return[...e,i]}getGridColumns(t){const e=`${t}::${this.columnsSignature}`;return this.cachedGridColumnsKey===e&&this.cachedGridColumns.length>0||(this.cachedGridColumnsKey=e,this.cachedGridColumns=this.buildGridColumns(t)),this.cachedGridColumns}handleGridDataChanged(){const t=this.getRowsFromGrid();this.gridRowCount=t.length,this.emitValue(),this.validateAndEmitError(),this.refreshAggregateFooter()}render(){const t=this.readonly||this.disabled;return i("div",{key:"3a213efec352e7d39b1088761f05af3fa4a20325",class:"table-input-container"},this.columns.length>0?i("div",null,i("div",{class:"table-grid-wrapper"},i("client-side-grid",{key:`table-grid-${this.gridRenderNonce}`,columnDefs:this.getGridColumns(t),rowData:this.initialGridRows,gridHeight:this.getGridHeight(),gridOptions:this.getGridOptions(),gridApiCallback:this.handleGridApiCallback})),!t&&i("div",{class:"table-input-add-row-button"},i("udp-button",{variant:"text",onClick:()=>this.handleAddRow(),startIcon:i("udp-icon",{iconName:"add",color:"inherit"})},"Add a Row"))):i("div",{class:"table-empty-state"},"No columns configured."))}get el(){return this}static get watchers(){return{initialValue:[{onInitialValueChange:0}],columns:[{onColumnsChange:0}],error:[{onErrorChange:0}],initialGridRows:[{onSeedRowsChange:0}]}}static get style(){return":host{display:block}.table-input-container{display:flex;flex-direction:column;gap:var(--spacing-03, 12px)}.table-grid-wrapper{overflow:hidden}.table-grid-wrapper .ag-cell.table-input-required-invalid{background-color:#fff5f5;box-shadow:inset 0 0 0 1px #d32f2f}.table-empty-state{color:var(--gray-07, #666);font-size:0.875rem}.table-input-add-row-button{display:flex;justify-content:center;margin:var(--spacing-03) 0}.aggregate-summary-row{display:grid;grid-template-columns:repeat(auto-fit, minmax(160px, 1fr));gap:8px;background:var(--gray-01, #f8f8f8);border:1px solid var(--gray-03);border-radius:4px;padding:8px}.aggregate-summary-cell{font-weight:600;font-size:0.875rem}"}},[1,"table-input",{columns:[16],initialValue:[1,"initial-value"],required:[4],disabled:[4],readonly:[4],error:[1],initialGridRows:[32],gridRowCount:[32],gridRenderNonce:[32],validationError:[32]},[[0,"input","handleNestedInput"],[0,"change","handleNestedChange"],[2,"paste","handleGridPaste"],[16,"udpFormsSubmitInvalid","handleSubmitInvalid"]],{initialValue:[{onInitialValueChange:0}],columns:[{onColumnsChange:0}],error:[{onErrorChange:0}],initialGridRows:[{onSeedRowsChange:0}]}]);function H(){"undefined"!=typeof customElements&&["table-input","ag-grid-base","client-side-grid","ghost-render","grid-header","hint-panel","stencil-icon-button","udp-ambient-tool-tip","udp-avatar","udp-badge","udp-button","udp-dialog","udp-flexbox","udp-fluent-avatar","udp-fluent-badge","udp-fluent-button","udp-fluent-dialog","udp-fluent-icon","udp-fluent-icon-button","udp-fluent-menu","udp-fluent-switch","udp-fluent-text-input","udp-icon","udp-linear-loader","udp-list-item","udp-menu-item","udp-pop-over","udp-primary-action-header","udp-search-input","udp-side-sheet","udp-spinner","udp-text","udp-tooltip","unity-typography"].forEach((t=>{switch(t){case"table-input":customElements.get(s(t))||customElements.define(s(t),P);break;case"ag-grid-base":customElements.get(s(t))||r();break;case"client-side-grid":customElements.get(s(t))||n();break;case"ghost-render":customElements.get(s(t))||o();break;case"grid-header":customElements.get(s(t))||a();break;case"hint-panel":customElements.get(s(t))||u();break;case"stencil-icon-button":customElements.get(s(t))||l();break;case"udp-ambient-tool-tip":customElements.get(s(t))||d();break;case"udp-avatar":customElements.get(s(t))||h();break;case"udp-badge":customElements.get(s(t))||m();break;case"udp-button":customElements.get(s(t))||c();break;case"udp-dialog":customElements.get(s(t))||p();break;case"udp-flexbox":customElements.get(s(t))||g();break;case"udp-fluent-avatar":customElements.get(s(t))||f();break;case"udp-fluent-badge":customElements.get(s(t))||b();break;case"udp-fluent-button":customElements.get(s(t))||v();break;case"udp-fluent-dialog":customElements.get(s(t))||y();break;case"udp-fluent-icon":customElements.get(s(t))||E();break;case"udp-fluent-icon-button":customElements.get(s(t))||w();break;case"udp-fluent-menu":customElements.get(s(t))||C();break;case"udp-fluent-switch":customElements.get(s(t))||j();break;case"udp-fluent-text-input":customElements.get(s(t))||k();break;case"udp-icon":customElements.get(s(t))||x();break;case"udp-linear-loader":customElements.get(s(t))||R();break;case"udp-list-item":customElements.get(s(t))||N();break;case"udp-menu-item":customElements.get(s(t))||S();break;case"udp-pop-over":customElements.get(s(t))||A();break;case"udp-primary-action-header":customElements.get(s(t))||V();break;case"udp-search-input":customElements.get(s(t))||q();break;case"udp-side-sheet":customElements.get(s(t))||F();break;case"udp-spinner":customElements.get(s(t))||I();break;case"udp-text":customElements.get(s(t))||M();break;case"udp-tooltip":customElements.get(s(t))||G();break;case"unity-typography":customElements.get(s(t))||D()}}))}export{P as T,H as d}

package/dist/components/tally.js

@@ -1,2 +1,2 @@
 import "../stencil-library/stencil-library.css";
-import{p as a,H as t,h as e,d as l,t as r}from"./index2.js";import{d as i}from"./unity-typography2.js";const s=a(class extends t{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.label="Response Tally",this.yesCount=0,this.noCount=0,this.naCount=0,this.totalFields=0,this.disabled=!1,this.readonly=!1,this.size="normal",this.margin="normal"}render(){const a=!!this.error,t=this.totalFields-(this.yesCount+this.noCount+this.naCount);return e(l,{key:"786b5c03c99141a8748903f0774f11ace85f5919",class:{"udp-input":!0,"udp-input--error":a,"udp-input--disabled":this.disabled,"udp-input--readonly":this.readonly,[`udp-input--size-${this.size}`]:!0,[`udp-input--margin-${this.margin}`]:!0}},e("div",{key:"f4c78c29cf31735f51b240656b7d8cf7e57be3ee",class:"tally-container"},this.label&&e("unity-typography",{key:"3190e645dcfc05cfff0383226789772c85cd49f8",variant:"caption-text"},e("label",{key:"1849876e3f91ea58445466b39b93f39b628b2f1b",htmlFor:this.id,class:"tally-label"},this.label)),e("div",{key:"ea05a601e0a637382d28a7df1606881aceea477f",class:"tally-content",id:this.id},e("div",{key:"f0f50415cb8b6fc02e98ce69f8b90b4be6a982db",class:"tally-stats"},e("div",{key:"17c79e127248f374525763f0ad8aef44efd583f5",class:"tally-item tally-yes"},e("unity-typography",{key:"c6fefef0c2d2ed5674b9a1b8a33a82fe63385a21",variant:"h4",class:"tally-count"},this.yesCount),e("unity-typography",{key:"4c3941792fb91bddc62784232657e5e8180dc16f",variant:"caption-text",class:"tally-label"},"Yes")),e("div",{key:"22d6cf2a1994a54c996363e4789777cc24d659c5",class:"tally-item tally-no"},e("unity-typography",{key:"dc4015cfd53dfb122ccbad61fc34913ec62b2b76",variant:"h4",class:"tally-count"},this.noCount),e("unity-typography",{key:"0695eca7a58b03b1c531ef61934f81ca01247e94",variant:"caption-text",class:"tally-label"},"No")),e("div",{key:"23faa1ff699cc8c667100e4a8f678efac50af145",class:"tally-item tally-na"},e("unity-typography",{key:"228e3e62c36f159fe40157f950cb679c718d5c20",variant:"h4",class:"tally-count"},this.naCount),e("unity-typography",{key:"1ca40cd0471647bdf97abeeccf471ef959aa3dea",variant:"caption-text",class:"tally-label"},"Not Applicable")),t>0&&e("div",{key:"7e397057a121192dbb43bbb72eb7f905105f4e76",class:"tally-item tally-unanswered"},e("unity-typography",{key:"f3a6bdb016986659913d702b71b7058f84b67851",variant:"h4",class:"tally-count"},t),e("unity-typography",{key:"5e7caa8d0d3e7befc000759ac9cd61caeab476a4",variant:"caption-text",class:"tally-label"},"Unanswered"))),e("div",{key:"689f65675f9078d2db8c3bc2d39cf376c9d5473b",class:"tally-summary"},e("unity-typography",{key:"98d20bfacdcf884af50354365486d0dd154612bc",variant:"caption-text"},"Total Questions: ",this.totalFields))),a&&e("div",{key:"0b64e68843056739c707f2fade834c0a316defd9",class:"error-message"},e("unity-typography",{key:"3cad3e846ee55c6aea07c5ebf513c782c20807fb",variant:"caption-text",color:"error"},this.error))))}static get style(){return":host{display:block;width:100%}.tally-container{display:flex;flex-direction:column;gap:var(--spacing-02, 8px)}.tally-label{font-weight:600;margin-bottom:var(--spacing-02, 8px)}.tally-loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-04, 16px);color:var(--text-secondary, #6b7280)}.tally-content{display:flex;flex-direction:column;gap:var(--spacing-03, 12px)}.tally-stats{display:flex;gap:var(--spacing-04, 16px);flex-wrap:wrap}.tally-item{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-03, 12px) var(--spacing-04, 16px);border-radius:var(--border-radius-01, 4px);border:1px solid var(--border-subtle, #e5e7eb);background-color:var(--layer-01, #ffffff);min-width:80px;flex:1;max-width:120px}.tally-item.tally-yes{border-color:var(--support-success, #42be65);background-color:var(--support-success-hover, #f6f8ff)}.tally-item.tally-no{border-color:var(--support-error, #da1e28);background-color:var(--support-error-hover, #fff1f1)}.tally-item.tally-unanswered{border-color:var(--support-warning, #f1c21b);background-color:var(--support-warning-hover, #fcf4d6)}.tally-count{font-weight:700;line-height:1.2;margin-bottom:var(--spacing-01, 4px)}.tally-yes .tally-count{color:var(--support-success, #42be65)}.tally-no .tally-count{color:var(--support-error, #da1e28)}.tally-unanswered .tally-count{color:var(--support-warning, #f1c21b)}.tally-item .tally-label{margin:0;font-weight:500;text-transform:uppercase;font-size:0.75rem;letter-spacing:0.02em}.tally-summary{padding:var(--spacing-02, 8px) 0;border-top:1px solid var(--border-subtle, #e5e7eb);text-align:center}.error-message{margin-top:var(--spacing-02, 8px);padding:var(--spacing-02, 8px);border-radius:var(--border-radius-01, 4px);background-color:var(--support-error-hover, #fff1f1);border:1px solid var(--support-error, #da1e28)}:host(.udp-input--size-small) .tally-item{padding:var(--spacing-02, 8px) var(--spacing-03, 12px);min-width:60px;max-width:90px}:host(.udp-input--size-small) .tally-count{font-size:1.25rem}:host(.udp-input--size-large) .tally-item{padding:var(--spacing-04, 16px) var(--spacing-05, 20px);min-width:100px;max-width:150px}:host(.udp-input--size-large) .tally-count{font-size:2rem}:host(.udp-input--margin-none) .tally-container{gap:0}:host(.udp-input--margin-dense) .tally-container{gap:var(--spacing-01, 4px)}:host(.udp-input--margin-comfortable) .tally-container{gap:var(--spacing-04, 16px)}:host(.udp-input--disabled) .tally-item{opacity:0.5;pointer-events:none}:host(.udp-input--readonly) .tally-item{background-color:var(--field-01, #f4f4f4)}@media (max-width: 480px){.tally-stats{flex-direction:column}.tally-item{max-width:none;flex:none}}"}},[1,"tally-display",{label:[1],id:[1],yesCount:[2,"yes-count"],noCount:[2,"no-count"],naCount:[2,"na-count"],totalFields:[2,"total-fields"],disabled:[4],readonly:[4],error:[1],size:[1],margin:[1]}]);function n(){"undefined"!=typeof customElements&&["tally-display","unity-typography"].forEach((a=>{switch(a){case"tally-display":customElements.get(r(a))||customElements.define(r(a),s);break;case"unity-typography":customElements.get(r(a))||i()}}))}export{s as T,n as d}
+import{p as a,H as t,h as e,d as l,t as r}from"./index2.js";import{d as i}from"./unity-typography2.js";const s=a(class extends t{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.label="Response Tally",this.yesCount=0,this.noCount=0,this.naCount=0,this.totalFields=0,this.disabled=!1,this.readonly=!1,this.size="normal",this.margin="normal"}render(){const a=!!this.error,t=this.totalFields-(this.yesCount+this.noCount+this.naCount);return e(l,{key:"525face8f1e74cfd9eb06867f713cb51a9bec738",class:{"udp-input":!0,"udp-input--error":a,"udp-input--disabled":this.disabled,"udp-input--readonly":this.readonly,[`udp-input--size-${this.size}`]:!0,[`udp-input--margin-${this.margin}`]:!0}},e("div",{key:"bb4bb72acb1f1922e9a3b4a08178d132c28fa6f6",class:"tally-container"},this.label&&e("unity-typography",{key:"7be2fb2395c872a94e64cfe8e7eeeb0bc61e47c0",variant:"caption-text"},e("label",{key:"3ddbaf02c2df4152d76e5c5c594f573fbac84c5f",htmlFor:this.id,class:"tally-label"},this.label)),e("div",{key:"4bdcc43095d9e232f55e143b2ba39e793f835a86",class:"tally-content",id:this.id},e("div",{key:"34f55525209b5af057eb416a83d8363332eb2f1e",class:"tally-stats"},e("div",{key:"e6af1e645206ddaf906c3f584a1c14fd0e277617",class:"tally-item tally-yes"},e("unity-typography",{key:"9b0388792c594f6bc622cd9cf565eccb6a61681b",variant:"h4",class:"tally-count"},this.yesCount),e("unity-typography",{key:"73bcc34114de22156b8d9f0e3e4d95c2e3ed9646",variant:"caption-text",class:"tally-label"},"Yes")),e("div",{key:"a701c781916660e640d32707acd3fb22543f2fea",class:"tally-item tally-no"},e("unity-typography",{key:"24f8db19e0233b92abcd7060e9cd9713fef32558",variant:"h4",class:"tally-count"},this.noCount),e("unity-typography",{key:"6652950cdbde2e6cf93161d34c16d5ba84d92fd4",variant:"caption-text",class:"tally-label"},"No")),e("div",{key:"4e98bb1e25e796668f7228b3857c961ed61152c0",class:"tally-item tally-na"},e("unity-typography",{key:"42faac58f4a10186d3f291039e83f440d558e15c",variant:"h4",class:"tally-count"},this.naCount),e("unity-typography",{key:"2af06b524eceec6a3ae4ee83574b6e546937cc1f",variant:"caption-text",class:"tally-label"},"Not Applicable")),t>0&&e("div",{key:"357b7a87f32b37e7480b219b05bd80b12d8f3aaf",class:"tally-item tally-unanswered"},e("unity-typography",{key:"9fe811c0274ad67f1ba2f70a30f77c0c2664f064",variant:"h4",class:"tally-count"},t),e("unity-typography",{key:"89d4905e8d375f10a605c25de930230798891356",variant:"caption-text",class:"tally-label"},"Unanswered"))),e("div",{key:"57bf6f2a2ee665e6fff88aab30c78cd6d1e7dcba",class:"tally-summary"},e("unity-typography",{key:"0453a1fedda691eb7faf6d9a72261d9ffe1a9fab",variant:"caption-text"},"Total Questions: ",this.totalFields))),a&&e("div",{key:"7c01434a5a51526b66c098fba799e755305cc569",class:"error-message"},e("unity-typography",{key:"037400916c79ac2f03b9359f4b18559b54ea81fc",variant:"caption-text",color:"error"},this.error))))}static get style(){return":host{display:block;width:100%}.tally-container{display:flex;flex-direction:column;gap:var(--spacing-02, 8px)}.tally-label{font-weight:600;margin-bottom:var(--spacing-02, 8px)}.tally-loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-04, 16px);color:var(--text-secondary, #6b7280)}.tally-content{display:flex;flex-direction:column;gap:var(--spacing-03, 12px)}.tally-stats{display:flex;gap:var(--spacing-04, 16px);flex-wrap:wrap}.tally-item{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-03, 12px) var(--spacing-04, 16px);border-radius:var(--border-radius-01, 4px);border:1px solid var(--border-subtle, #e5e7eb);background-color:var(--layer-01, #ffffff);min-width:80px;flex:1;max-width:120px}.tally-item.tally-yes{border-color:var(--support-success, #42be65);background-color:var(--support-success-hover, #f6f8ff)}.tally-item.tally-no{border-color:var(--support-error, #da1e28);background-color:var(--support-error-hover, #fff1f1)}.tally-item.tally-unanswered{border-color:var(--support-warning, #f1c21b);background-color:var(--support-warning-hover, #fcf4d6)}.tally-count{font-weight:700;line-height:1.2;margin-bottom:var(--spacing-01, 4px)}.tally-yes .tally-count{color:var(--support-success, #42be65)}.tally-no .tally-count{color:var(--support-error, #da1e28)}.tally-unanswered .tally-count{color:var(--support-warning, #f1c21b)}.tally-item .tally-label{margin:0;font-weight:500;text-transform:uppercase;font-size:0.75rem;letter-spacing:0.02em}.tally-summary{padding:var(--spacing-02, 8px) 0;border-top:1px solid var(--border-subtle, #e5e7eb);text-align:center}.error-message{margin-top:var(--spacing-02, 8px);padding:var(--spacing-02, 8px);border-radius:var(--border-radius-01, 4px);background-color:var(--support-error-hover, #fff1f1);border:1px solid var(--support-error, #da1e28)}:host(.udp-input--size-small) .tally-item{padding:var(--spacing-02, 8px) var(--spacing-03, 12px);min-width:60px;max-width:90px}:host(.udp-input--size-small) .tally-count{font-size:1.25rem}:host(.udp-input--size-large) .tally-item{padding:var(--spacing-04, 16px) var(--spacing-05, 20px);min-width:100px;max-width:150px}:host(.udp-input--size-large) .tally-count{font-size:2rem}:host(.udp-input--margin-none) .tally-container{gap:0}:host(.udp-input--margin-dense) .tally-container{gap:var(--spacing-01, 4px)}:host(.udp-input--margin-comfortable) .tally-container{gap:var(--spacing-04, 16px)}:host(.udp-input--disabled) .tally-item{opacity:0.5;pointer-events:none}:host(.udp-input--readonly) .tally-item{background-color:var(--field-01, #f4f4f4)}@media (max-width: 480px){.tally-stats{flex-direction:column}.tally-item{max-width:none;flex:none}}"}},[1,"tally-display",{label:[1],id:[1],yesCount:[2,"yes-count"],noCount:[2,"no-count"],naCount:[2,"na-count"],totalFields:[2,"total-fields"],disabled:[4],readonly:[4],error:[1],size:[1],margin:[1]}]);function n(){"undefined"!=typeof customElements&&["tally-display","unity-typography"].forEach((a=>{switch(a){case"tally-display":customElements.get(r(a))||customElements.define(r(a),s);break;case"unity-typography":customElements.get(r(a))||i()}}))}export{s as T,n as d}