@sellmate/design-system 1.16.0 → 1.17.0

package/dist/cjs/sd-key-value-table.cjs.entry.js

@@ -213,7 +213,22 @@ const SdKeyValueTable = class {
         const tableEl = (index.h("table", { class: {
                 'sd-key-value-table': true,
                 'sd-key-value-table--use-top': this.useTop,
-            }, style: cssVars }, index.h("colgroup", null, Array.from({ length: maxCols }, (_, i) => (index.h("col", { key: `col-${i}`, style: i % 2 === 0 ? { width: `${KEY_VALUE_TABLE_LAYOUT.thWidth}px` } : undefined })))), index.h("tbody", null, this.fields.map((row, r) => (index.h("tr", { class: "sd-key-value-table__row", key: `row-${r}` }, row.map((field, c) => {
+            }, style: cssVars }, index.h("colgroup", null, Array.from({ length: maxCols }, (_, i) => {
+            if (i % 2 !== 0)
+                return index.h("col", { key: `col-${i}` });
+            const fieldIdx = i / 2;
+            const fieldThWidth = this.fields.reduce((found, row) => {
+                if (found != null)
+                    return found;
+                return row[fieldIdx]?.thWidth;
+            }, undefined);
+            const width = fieldThWidth != null
+                ? typeof fieldThWidth === 'number'
+                    ? `${fieldThWidth}px`
+                    : fieldThWidth
+                : `${KEY_VALUE_TABLE_LAYOUT.thWidth}px`;
+            return index.h("col", { key: `col-${i}`, style: { width } });
+        })), index.h("tbody", null, this.fields.map((row, r) => (index.h("tr", { class: "sd-key-value-table__row", key: `row-${r}` }, row.map((field, c) => {
             const showTh = !field.hideTh && !autoSkip[r][c];
             return [showTh ? this.renderTh(field, r, c) : null, this.renderTd(field, r, c)];
         })))))));

package/dist/collection/components/sd-key-value-table/sd-key-value-table.js

@@ -167,7 +167,22 @@ export class SdKeyValueTable {
         const tableEl = (h("table", { class: {
                 'sd-key-value-table': true,
                 'sd-key-value-table--use-top': this.useTop,
-            }, style: cssVars }, h("colgroup", null, Array.from({ length: maxCols }, (_, i) => (h("col", { key: `col-${i}`, style: i % 2 === 0 ? { width: `${KEY_VALUE_TABLE_LAYOUT.thWidth}px` } : undefined })))), h("tbody", null, this.fields.map((row, r) => (h("tr", { class: "sd-key-value-table__row", key: `row-${r}` }, row.map((field, c) => {
+            }, style: cssVars }, h("colgroup", null, Array.from({ length: maxCols }, (_, i) => {
+            if (i % 2 !== 0)
+                return h("col", { key: `col-${i}` });
+            const fieldIdx = i / 2;
+            const fieldThWidth = this.fields.reduce((found, row) => {
+                if (found != null)
+                    return found;
+                return row[fieldIdx]?.thWidth;
+            }, undefined);
+            const width = fieldThWidth != null
+                ? typeof fieldThWidth === 'number'
+                    ? `${fieldThWidth}px`
+                    : fieldThWidth
+                : `${KEY_VALUE_TABLE_LAYOUT.thWidth}px`;
+            return h("col", { key: `col-${i}`, style: { width } });
+        })), h("tbody", null, this.fields.map((row, r) => (h("tr", { class: "sd-key-value-table__row", key: `row-${r}` }, row.map((field, c) => {
             const showTh = !field.hideTh && !autoSkip[r][c];
             return [showTh ? this.renderTh(field, r, c) : null, this.renderTd(field, r, c)];
         })))))));

package/dist/components/sd-key-value-table.js

@@ -1 +1 @@
-import{p as e,H as t,c as s,h as a,t as d}from"./p-Bg9XySrz.js";import{s as l}from"./p-j2khhcHY.js";import{t as r}from"./p-D6GUzecR.js";import{d as i}from"./p-iGvyLmbb.js";import{d as o}from"./p-BMVHvEDw.js";import{d as n}from"./p-CHjF0mwj.js";import{d as u}from"./p-DUwrMHYa.js";import{d as c}from"./p-B-61rIur.js";import{d as p}from"./p-Bfrg9lvO.js";import{d as b}from"./p-_P21dOPl.js";import{d as k}from"./p-YlaidN9T.js";import{d as v}from"./p-vS0t7bWk.js";import{d as m}from"./p-B4pLCd0_.js";import{d as h}from"./p-DknZgTo9.js";import{d as y}from"./p-B73U-Zw2.js";import{d as f}from"./p-Cftyepf_.js";import{d as g}from"./p-DtG23tkr.js";import{d as _}from"./p-RE577yb-.js";import{d as w}from"./p-IgBxAXyL.js";import{d as x}from"./p-MJG6EZeP.js";import{d as j}from"./p-9Z-q6kKD.js";import{d as E}from"./p-G_N9xEDL.js";import{d as S}from"./p-YKESuy-p.js";import{d as N}from"./p-B57sOZvR.js";import{d as z}from"./p-BWoC-hMr.js";import{d as U}from"./p-CnfnK5aj.js";import{d as B}from"./p-CLEAGFjW.js";import{d as C}from"./p-C_6HUUGg.js";import{d as F}from"./p-BvAJ_toQ.js";const D=r.table,H=Number(D.keyValue.height),L=Number(D.radius),T=Number(D.body.paddingX),q=Number(D.keyValue.body.padding),G=Number(D.header.gap),A=Number(D.content.gap),M=Number(D.border.width),W=Number(D.keyValue.search.paddingX),Z={border:D.border.color,thBg:D.header.bg,thLabel:l.color.fg.primary,required:l.color.fg.accent,helpIcon:l.color.fg.success,tdBg:l.color.bg.frame,tdText:l.color.fg.primary,searchBg:D.keyValue.search.bg},$={labelFontFamily:D.header.typography.fontFamily,labelFontSize:Number(D.header.typography.fontSize),labelFontWeight:Number(D.header.typography.fontWeight),labelLineHeight:Number(D.header.typography.lineHeight),tdFontFamily:D.body.typography.fontFamily,tdFontSize:Number(D.body.typography.fontSize),tdFontWeight:Number(D.body.typography.fontWeight),tdLineHeight:Number(D.body.typography.lineHeight)},I=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.change=s(this,"sdChange",7),this.searchEvent=s(this,"sdSearch",7)}fields=[];search=!1;useTop=!1;change;searchEvent;emit=(e,t)=>{this.change.emit({name:e,value:t})};handleSearchClick=()=>{this.searchEvent.emit()};renderField(e){const t=t=>this.emit(e.name,t.detail);switch(e.type){case"input":return a("sd-input",{width:"100%",...e.options??{},onSdUpdate:t});case"textarea":return a("sd-textarea",{width:"100%",...e.options??{},onSdUpdate:t});case"number-input":return a("sd-number-input",{width:"100%",...e.options??{},onSdUpdate:t});case"select":return a("sd-select",{width:"100%",...e.options??{},onSdUpdate:t});case"radio":{const{value:s,direction:d,...l}=e.options??{};return a("sd-radio-group",{...l,value:s,direction:d??"horizontal",onSdUpdate:t})}case"checkbox":{const{value:s,...d}=e.options??{};return a("sd-checkbox",{...d,value:s,onSdUpdate:t})}case"date-picker":return a("sd-date-picker",{width:"100%",...e.options??{},onSdUpdate:t});case"date-range-picker":return a("sd-date-range-picker",{width:"100%",...e.options??{},onSdUpdate:t});case"file-picker":return a("sd-file-picker",{width:"100%",...e.options??{},onSdUpdate:t});default:return a("span",{class:"sd-key-value-table__text"},e.options?.value??"")}}renderHelpIcon(e){return a("span",{class:"sd-key-value-table__help"},a("sd-tooltip",{icon:"helpOutline",iconSize:16,color:Z.helpIcon,trigger:"hover"},e))}computeAutoSkipTh(){const e=this.fields.map((e=>e.map((()=>!1))));return this.fields.forEach(((t,s)=>{t.forEach(((t,a)=>{const d=null!=t.thRowSpan&&t.thRowSpan>1?t.thRowSpan:1;if(!(d<=1))for(let t=1;t<d;t++){const d=e[s+t];d&&a<d.length&&(d[a]=!0)}}))})),e}computeMaxCols(e){let t=0;return this.fields.forEach(((s,a)=>{let d=0;s.forEach(((t,s)=>{let l;l=t.hideTh?0:e[a]?.[s]?1:null!=t.thColSpan&&t.thColSpan>1?t.thColSpan:1,d+=l+(null!=t.tdColSpan&&t.tdColSpan>1?t.tdColSpan:1)})),d>t&&(t=d)})),t}renderTh(e,t,s){const d=null!=e.thRowSpan&&e.thRowSpan>1?e.thRowSpan:void 0,l=null!=e.thColSpan&&e.thColSpan>1?e.thColSpan:void 0,r={"sd-key-value-table__th":!0};return"string"==typeof e.thClass?r[e.thClass]=!0:Array.isArray(e.thClass)&&e.thClass.forEach((e=>r[e]=!0)),a("th",{key:`th-${t}-${s}`,class:r,style:e.thStyle,scope:"row",rowSpan:d,colSpan:l},a("div",{class:"sd-key-value-table__th-inner"},a("span",{class:"sd-key-value-table__label"},e.label,e.required&&a("sd-icon",{class:"sd-key-value-table__required",name:"star",size:12,color:Z.required,label:"required"})),e.helpText&&this.renderHelpIcon(e.helpText)))}renderTd(e,t,s){return a("td",{key:`td-${t}-${s}`,class:"sd-key-value-table__td",rowSpan:null!=e.tdRowSpan&&e.tdRowSpan>1?e.tdRowSpan:void 0,colSpan:null!=e.tdColSpan&&e.tdColSpan>1?e.tdColSpan:void 0},a("div",{class:"sd-key-value-table__td-inner"},a("slot",{name:"field-"+e.name},this.renderField(e))))}warnDuplicateNames(){const e=new Set,t=new Set;this.fields.forEach((s=>s.forEach((s=>{e.has(s.name)?t.add(s.name):e.add(s.name)})))),t.size>0&&console.warn(`[sd-key-value-table] Duplicate field name(s) detected: ${[...t].join(", ")}. Slot names ("field-{name}") and sdChange events rely on unique names.`)}render(){if(0===this.fields.length)return null;const e={"--sd-kvt-row-height":H+"px","--sd-kvt-th-width":"120px","--sd-kvt-radius":L+"px","--sd-kvt-padding-x":T+"px","--sd-kvt-padding-y":q+"px","--sd-kvt-gap":G+"px","--sd-kvt-label-gap":A+"px","--sd-kvt-border-width":M+"px","--sd-kvt-border-color":Z.border,"--sd-kvt-th-bg":Z.thBg,"--sd-kvt-th-color":Z.thLabel,"--sd-kvt-required-color":Z.required,"--sd-kvt-td-bg":Z.tdBg,"--sd-kvt-td-color":Z.tdText,"--sd-kvt-label-font-family":$.labelFontFamily,"--sd-kvt-label-font-size":$.labelFontSize+"px","--sd-kvt-label-font-weight":""+$.labelFontWeight,"--sd-kvt-label-line-height":$.labelLineHeight+"px","--sd-kvt-td-font-family":$.tdFontFamily,"--sd-kvt-td-font-size":$.tdFontSize+"px","--sd-kvt-td-font-weight":""+$.tdFontWeight,"--sd-kvt-td-line-height":$.tdLineHeight+"px","--sd-kvt-search-bg":Z.searchBg,"--sd-kvt-search-padding-x":W+"px"};this.warnDuplicateNames();const t=this.computeAutoSkipTh(),s=this.computeMaxCols(t),d=a("table",{class:{"sd-key-value-table":!0,"sd-key-value-table--use-top":this.useTop},style:e},a("colgroup",null,Array.from({length:s},((e,t)=>a("col",{key:"col-"+t,style:t%2==0?{width:"120px"}:void 0})))),a("tbody",null,this.fields.map(((e,s)=>a("tr",{class:"sd-key-value-table__row",key:"row-"+s},e.map(((e,a)=>[e.hideTh||t[s][a]?null:this.renderTh(e,s,a),this.renderTd(e,s,a)])))))));return this.search?a("div",{class:{"sd-key-value-table__wrapper":!0,"sd-key-value-table__wrapper--use-top":this.useTop},style:e},d,a("div",{class:"sd-key-value-table__search-panel"},a("sd-button",{label:"검색",name:"neutral_outline_md",onSdClick:this.handleSearchClick}))):d}static get style(){return"sd-key-value-table{display:block}sd-key-value-table .sd-key-value-table__wrapper{display:flex;align-items:stretch;width:100%;border:var(--sd-kvt-border-width) solid var(--sd-kvt-border-color);border-radius:var(--sd-kvt-radius);overflow:hidden}sd-key-value-table .sd-key-value-table__wrapper .sd-key-value-table{flex:1 1 auto;border:0;border-radius:0}sd-key-value-table .sd-key-value-table__wrapper.sd-key-value-table__wrapper--use-top{border-top-left-radius:0;border-top-right-radius:0}sd-key-value-table .sd-key-value-table__search-panel{display:flex;align-items:center;justify-content:center;flex:0 0 auto;padding:var(--sd-kvt-padding-y) var(--sd-kvt-search-padding-x);background:var(--sd-kvt-search-bg);border-left:var(--sd-kvt-border-width) solid var(--sd-kvt-border-color)}sd-key-value-table .sd-key-value-table{width:100%;table-layout:fixed;border:var(--sd-kvt-border-width) solid var(--sd-kvt-border-color);border-radius:var(--sd-kvt-radius);border-collapse:separate;border-spacing:0;overflow:hidden}sd-key-value-table .sd-key-value-table.sd-key-value-table--use-top{border-top-left-radius:0;border-top-right-radius:0}sd-key-value-table .sd-key-value-table__th,sd-key-value-table .sd-key-value-table__td{height:var(--sd-kvt-row-height);padding:var(--sd-kvt-padding-y) var(--sd-kvt-padding-x);box-sizing:border-box;vertical-align:middle;text-align:left;font-weight:normal;border-top:var(--sd-kvt-border-width) solid var(--sd-kvt-border-color)}sd-key-value-table .sd-key-value-table tbody>tr:first-child>.sd-key-value-table__th,sd-key-value-table .sd-key-value-table tbody>tr:first-child>.sd-key-value-table__td{border-top:0}sd-key-value-table .sd-key-value-table__th{width:var(--sd-kvt-th-width);background:var(--sd-kvt-th-bg);color:var(--sd-kvt-th-color)}sd-key-value-table .sd-key-value-table__th-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--sd-kvt-gap);width:100%;height:100%}sd-key-value-table .sd-key-value-table__label{display:inline-flex;align-items:center;gap:var(--sd-kvt-label-gap);font-family:var(--sd-kvt-label-font-family);font-size:var(--sd-kvt-label-font-size);font-weight:var(--sd-kvt-label-font-weight);line-height:var(--sd-kvt-label-line-height);color:var(--sd-kvt-th-color)}sd-key-value-table .sd-key-value-table__required{display:inline-flex;align-items:center;flex-shrink:0}sd-key-value-table .sd-key-value-table__help{display:inline-flex;align-items:center;flex-shrink:0}sd-key-value-table .sd-key-value-table__td{background:var(--sd-kvt-td-bg);color:var(--sd-kvt-td-color)}sd-key-value-table .sd-key-value-table__td-inner{display:flex;align-items:center;width:100%;height:100%}sd-key-value-table .sd-key-value-table__td-inner>slot{display:block;flex:1 1 auto;min-width:0}sd-key-value-table .sd-key-value-table__td-inner sd-input,sd-key-value-table .sd-key-value-table__td-inner sd-textarea,sd-key-value-table .sd-key-value-table__td-inner sd-number-input,sd-key-value-table .sd-key-value-table__td-inner sd-select,sd-key-value-table .sd-key-value-table__td-inner sd-date-picker,sd-key-value-table .sd-key-value-table__td-inner sd-date-range-picker,sd-key-value-table .sd-key-value-table__td-inner sd-file-picker{width:100%}sd-key-value-table .sd-key-value-table__text{font-family:var(--sd-kvt-td-font-family);font-size:var(--sd-kvt-td-font-size);font-weight:var(--sd-kvt-td-font-weight);line-height:var(--sd-kvt-td-line-height);color:var(--sd-kvt-td-color)}"}},[772,"sd-key-value-table",{fields:[16],search:[4],useTop:[4,"use-top"]}]),O=I,Y=function(){"undefined"!=typeof customElements&&["sd-key-value-table","sd-button","sd-calendar","sd-checkbox","sd-chip","sd-date-picker","sd-date-picker-trigger","sd-date-range-picker","sd-date-range-picker-calendar","sd-field","sd-file-picker","sd-floating-portal","sd-ghost-button","sd-icon","sd-input","sd-number-input","sd-portal","sd-radio","sd-radio-group","sd-select","sd-select-list-item","sd-select-list-item-search","sd-select-listbox","sd-select-trigger","sd-tag","sd-textarea","sd-tooltip"].forEach((e=>{switch(e){case"sd-key-value-table":customElements.get(d(e))||customElements.define(d(e),I);break;case"sd-button":customElements.get(d(e))||i();break;case"sd-calendar":customElements.get(d(e))||o();break;case"sd-checkbox":customElements.get(d(e))||n();break;case"sd-chip":customElements.get(d(e))||u();break;case"sd-date-picker":customElements.get(d(e))||c();break;case"sd-date-picker-trigger":customElements.get(d(e))||p();break;case"sd-date-range-picker":customElements.get(d(e))||b();break;case"sd-date-range-picker-calendar":customElements.get(d(e))||k();break;case"sd-field":customElements.get(d(e))||v();break;case"sd-file-picker":customElements.get(d(e))||m();break;case"sd-floating-portal":customElements.get(d(e))||h();break;case"sd-ghost-button":customElements.get(d(e))||y();break;case"sd-icon":customElements.get(d(e))||f();break;case"sd-input":customElements.get(d(e))||g();break;case"sd-number-input":customElements.get(d(e))||_();break;case"sd-portal":customElements.get(d(e))||w();break;case"sd-radio":customElements.get(d(e))||x();break;case"sd-radio-group":customElements.get(d(e))||j();break;case"sd-select":customElements.get(d(e))||E();break;case"sd-select-list-item":customElements.get(d(e))||S();break;case"sd-select-list-item-search":customElements.get(d(e))||N();break;case"sd-select-listbox":customElements.get(d(e))||z();break;case"sd-select-trigger":customElements.get(d(e))||U();break;case"sd-tag":customElements.get(d(e))||B();break;case"sd-textarea":customElements.get(d(e))||C();break;case"sd-tooltip":customElements.get(d(e))||F()}}))};export{O as SdKeyValueTable,Y as defineCustomElement}
+import{p as e,H as t,c as s,h as a,t as d}from"./p-Bg9XySrz.js";import{s as l}from"./p-j2khhcHY.js";import{t as r}from"./p-D6GUzecR.js";import{d as o}from"./p-iGvyLmbb.js";import{d as i}from"./p-BMVHvEDw.js";import{d as n}from"./p-CHjF0mwj.js";import{d as u}from"./p-DUwrMHYa.js";import{d as c}from"./p-B-61rIur.js";import{d as p}from"./p-Bfrg9lvO.js";import{d as b}from"./p-_P21dOPl.js";import{d as k}from"./p-YlaidN9T.js";import{d as v}from"./p-vS0t7bWk.js";import{d as m}from"./p-B4pLCd0_.js";import{d as h}from"./p-DknZgTo9.js";import{d as y}from"./p-B73U-Zw2.js";import{d as f}from"./p-Cftyepf_.js";import{d as g}from"./p-DtG23tkr.js";import{d as _}from"./p-RE577yb-.js";import{d as w}from"./p-IgBxAXyL.js";import{d as x}from"./p-MJG6EZeP.js";import{d as j}from"./p-9Z-q6kKD.js";import{d as E}from"./p-G_N9xEDL.js";import{d as S}from"./p-YKESuy-p.js";import{d as N}from"./p-B57sOZvR.js";import{d as z}from"./p-BWoC-hMr.js";import{d as U}from"./p-CnfnK5aj.js";import{d as B}from"./p-CLEAGFjW.js";import{d as C}from"./p-C_6HUUGg.js";import{d as F}from"./p-BvAJ_toQ.js";const D=r.table,H=Number(D.keyValue.height),L=Number(D.radius),T=Number(D.body.paddingX),q=Number(D.keyValue.body.padding),G=Number(D.header.gap),A=Number(D.content.gap),M=Number(D.border.width),W=Number(D.keyValue.search.paddingX),Z={border:D.border.color,thBg:D.header.bg,thLabel:l.color.fg.primary,required:l.color.fg.accent,helpIcon:l.color.fg.success,tdBg:l.color.bg.frame,tdText:l.color.fg.primary,searchBg:D.keyValue.search.bg},$={labelFontFamily:D.header.typography.fontFamily,labelFontSize:Number(D.header.typography.fontSize),labelFontWeight:Number(D.header.typography.fontWeight),labelLineHeight:Number(D.header.typography.lineHeight),tdFontFamily:D.body.typography.fontFamily,tdFontSize:Number(D.body.typography.fontSize),tdFontWeight:Number(D.body.typography.fontWeight),tdLineHeight:Number(D.body.typography.lineHeight)},I=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.change=s(this,"sdChange",7),this.searchEvent=s(this,"sdSearch",7)}fields=[];search=!1;useTop=!1;change;searchEvent;emit=(e,t)=>{this.change.emit({name:e,value:t})};handleSearchClick=()=>{this.searchEvent.emit()};renderField(e){const t=t=>this.emit(e.name,t.detail);switch(e.type){case"input":return a("sd-input",{width:"100%",...e.options??{},onSdUpdate:t});case"textarea":return a("sd-textarea",{width:"100%",...e.options??{},onSdUpdate:t});case"number-input":return a("sd-number-input",{width:"100%",...e.options??{},onSdUpdate:t});case"select":return a("sd-select",{width:"100%",...e.options??{},onSdUpdate:t});case"radio":{const{value:s,direction:d,...l}=e.options??{};return a("sd-radio-group",{...l,value:s,direction:d??"horizontal",onSdUpdate:t})}case"checkbox":{const{value:s,...d}=e.options??{};return a("sd-checkbox",{...d,value:s,onSdUpdate:t})}case"date-picker":return a("sd-date-picker",{width:"100%",...e.options??{},onSdUpdate:t});case"date-range-picker":return a("sd-date-range-picker",{width:"100%",...e.options??{},onSdUpdate:t});case"file-picker":return a("sd-file-picker",{width:"100%",...e.options??{},onSdUpdate:t});default:return a("span",{class:"sd-key-value-table__text"},e.options?.value??"")}}renderHelpIcon(e){return a("span",{class:"sd-key-value-table__help"},a("sd-tooltip",{icon:"helpOutline",iconSize:16,color:Z.helpIcon,trigger:"hover"},e))}computeAutoSkipTh(){const e=this.fields.map((e=>e.map((()=>!1))));return this.fields.forEach(((t,s)=>{t.forEach(((t,a)=>{const d=null!=t.thRowSpan&&t.thRowSpan>1?t.thRowSpan:1;if(!(d<=1))for(let t=1;t<d;t++){const d=e[s+t];d&&a<d.length&&(d[a]=!0)}}))})),e}computeMaxCols(e){let t=0;return this.fields.forEach(((s,a)=>{let d=0;s.forEach(((t,s)=>{let l;l=t.hideTh?0:e[a]?.[s]?1:null!=t.thColSpan&&t.thColSpan>1?t.thColSpan:1,d+=l+(null!=t.tdColSpan&&t.tdColSpan>1?t.tdColSpan:1)})),d>t&&(t=d)})),t}renderTh(e,t,s){const d=null!=e.thRowSpan&&e.thRowSpan>1?e.thRowSpan:void 0,l=null!=e.thColSpan&&e.thColSpan>1?e.thColSpan:void 0,r={"sd-key-value-table__th":!0};return"string"==typeof e.thClass?r[e.thClass]=!0:Array.isArray(e.thClass)&&e.thClass.forEach((e=>r[e]=!0)),a("th",{key:`th-${t}-${s}`,class:r,style:e.thStyle,scope:"row",rowSpan:d,colSpan:l},a("div",{class:"sd-key-value-table__th-inner"},a("span",{class:"sd-key-value-table__label"},e.label,e.required&&a("sd-icon",{class:"sd-key-value-table__required",name:"star",size:12,color:Z.required,label:"required"})),e.helpText&&this.renderHelpIcon(e.helpText)))}renderTd(e,t,s){return a("td",{key:`td-${t}-${s}`,class:"sd-key-value-table__td",rowSpan:null!=e.tdRowSpan&&e.tdRowSpan>1?e.tdRowSpan:void 0,colSpan:null!=e.tdColSpan&&e.tdColSpan>1?e.tdColSpan:void 0},a("div",{class:"sd-key-value-table__td-inner"},a("slot",{name:"field-"+e.name},this.renderField(e))))}warnDuplicateNames(){const e=new Set,t=new Set;this.fields.forEach((s=>s.forEach((s=>{e.has(s.name)?t.add(s.name):e.add(s.name)})))),t.size>0&&console.warn(`[sd-key-value-table] Duplicate field name(s) detected: ${[...t].join(", ")}. Slot names ("field-{name}") and sdChange events rely on unique names.`)}render(){if(0===this.fields.length)return null;const e={"--sd-kvt-row-height":H+"px","--sd-kvt-th-width":"120px","--sd-kvt-radius":L+"px","--sd-kvt-padding-x":T+"px","--sd-kvt-padding-y":q+"px","--sd-kvt-gap":G+"px","--sd-kvt-label-gap":A+"px","--sd-kvt-border-width":M+"px","--sd-kvt-border-color":Z.border,"--sd-kvt-th-bg":Z.thBg,"--sd-kvt-th-color":Z.thLabel,"--sd-kvt-required-color":Z.required,"--sd-kvt-td-bg":Z.tdBg,"--sd-kvt-td-color":Z.tdText,"--sd-kvt-label-font-family":$.labelFontFamily,"--sd-kvt-label-font-size":$.labelFontSize+"px","--sd-kvt-label-font-weight":""+$.labelFontWeight,"--sd-kvt-label-line-height":$.labelLineHeight+"px","--sd-kvt-td-font-family":$.tdFontFamily,"--sd-kvt-td-font-size":$.tdFontSize+"px","--sd-kvt-td-font-weight":""+$.tdFontWeight,"--sd-kvt-td-line-height":$.tdLineHeight+"px","--sd-kvt-search-bg":Z.searchBg,"--sd-kvt-search-padding-x":W+"px"};this.warnDuplicateNames();const t=this.computeAutoSkipTh(),s=this.computeMaxCols(t),d=a("table",{class:{"sd-key-value-table":!0,"sd-key-value-table--use-top":this.useTop},style:e},a("colgroup",null,Array.from({length:s},((e,t)=>{if(t%2!=0)return a("col",{key:"col-"+t});const s=t/2,d=this.fields.reduce(((e,t)=>null!=e?e:t[s]?.thWidth),void 0);return a("col",{key:"col-"+t,style:{width:null!=d?"number"==typeof d?d+"px":d:"120px"}})}))),a("tbody",null,this.fields.map(((e,s)=>a("tr",{class:"sd-key-value-table__row",key:"row-"+s},e.map(((e,a)=>[e.hideTh||t[s][a]?null:this.renderTh(e,s,a),this.renderTd(e,s,a)])))))));return this.search?a("div",{class:{"sd-key-value-table__wrapper":!0,"sd-key-value-table__wrapper--use-top":this.useTop},style:e},d,a("div",{class:"sd-key-value-table__search-panel"},a("sd-button",{label:"검색",name:"neutral_outline_md",onSdClick:this.handleSearchClick}))):d}static get style(){return"sd-key-value-table{display:block}sd-key-value-table .sd-key-value-table__wrapper{display:flex;align-items:stretch;width:100%;border:var(--sd-kvt-border-width) solid var(--sd-kvt-border-color);border-radius:var(--sd-kvt-radius);overflow:hidden}sd-key-value-table .sd-key-value-table__wrapper .sd-key-value-table{flex:1 1 auto;border:0;border-radius:0}sd-key-value-table .sd-key-value-table__wrapper.sd-key-value-table__wrapper--use-top{border-top-left-radius:0;border-top-right-radius:0}sd-key-value-table .sd-key-value-table__search-panel{display:flex;align-items:center;justify-content:center;flex:0 0 auto;padding:var(--sd-kvt-padding-y) var(--sd-kvt-search-padding-x);background:var(--sd-kvt-search-bg);border-left:var(--sd-kvt-border-width) solid var(--sd-kvt-border-color)}sd-key-value-table .sd-key-value-table{width:100%;table-layout:fixed;border:var(--sd-kvt-border-width) solid var(--sd-kvt-border-color);border-radius:var(--sd-kvt-radius);border-collapse:separate;border-spacing:0;overflow:hidden}sd-key-value-table .sd-key-value-table.sd-key-value-table--use-top{border-top-left-radius:0;border-top-right-radius:0}sd-key-value-table .sd-key-value-table__th,sd-key-value-table .sd-key-value-table__td{height:var(--sd-kvt-row-height);padding:var(--sd-kvt-padding-y) var(--sd-kvt-padding-x);box-sizing:border-box;vertical-align:middle;text-align:left;font-weight:normal;border-top:var(--sd-kvt-border-width) solid var(--sd-kvt-border-color)}sd-key-value-table .sd-key-value-table tbody>tr:first-child>.sd-key-value-table__th,sd-key-value-table .sd-key-value-table tbody>tr:first-child>.sd-key-value-table__td{border-top:0}sd-key-value-table .sd-key-value-table__th{width:var(--sd-kvt-th-width);background:var(--sd-kvt-th-bg);color:var(--sd-kvt-th-color)}sd-key-value-table .sd-key-value-table__th-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--sd-kvt-gap);width:100%;height:100%}sd-key-value-table .sd-key-value-table__label{display:inline-flex;align-items:center;gap:var(--sd-kvt-label-gap);font-family:var(--sd-kvt-label-font-family);font-size:var(--sd-kvt-label-font-size);font-weight:var(--sd-kvt-label-font-weight);line-height:var(--sd-kvt-label-line-height);color:var(--sd-kvt-th-color)}sd-key-value-table .sd-key-value-table__required{display:inline-flex;align-items:center;flex-shrink:0}sd-key-value-table .sd-key-value-table__help{display:inline-flex;align-items:center;flex-shrink:0}sd-key-value-table .sd-key-value-table__td{background:var(--sd-kvt-td-bg);color:var(--sd-kvt-td-color)}sd-key-value-table .sd-key-value-table__td-inner{display:flex;align-items:center;width:100%;height:100%}sd-key-value-table .sd-key-value-table__td-inner>slot{display:block;flex:1 1 auto;min-width:0}sd-key-value-table .sd-key-value-table__td-inner sd-input,sd-key-value-table .sd-key-value-table__td-inner sd-textarea,sd-key-value-table .sd-key-value-table__td-inner sd-number-input,sd-key-value-table .sd-key-value-table__td-inner sd-select,sd-key-value-table .sd-key-value-table__td-inner sd-date-picker,sd-key-value-table .sd-key-value-table__td-inner sd-date-range-picker,sd-key-value-table .sd-key-value-table__td-inner sd-file-picker{width:100%}sd-key-value-table .sd-key-value-table__text{font-family:var(--sd-kvt-td-font-family);font-size:var(--sd-kvt-td-font-size);font-weight:var(--sd-kvt-td-font-weight);line-height:var(--sd-kvt-td-line-height);color:var(--sd-kvt-td-color)}"}},[772,"sd-key-value-table",{fields:[16],search:[4],useTop:[4,"use-top"]}]),O=I,Y=function(){"undefined"!=typeof customElements&&["sd-key-value-table","sd-button","sd-calendar","sd-checkbox","sd-chip","sd-date-picker","sd-date-picker-trigger","sd-date-range-picker","sd-date-range-picker-calendar","sd-field","sd-file-picker","sd-floating-portal","sd-ghost-button","sd-icon","sd-input","sd-number-input","sd-portal","sd-radio","sd-radio-group","sd-select","sd-select-list-item","sd-select-list-item-search","sd-select-listbox","sd-select-trigger","sd-tag","sd-textarea","sd-tooltip"].forEach((e=>{switch(e){case"sd-key-value-table":customElements.get(d(e))||customElements.define(d(e),I);break;case"sd-button":customElements.get(d(e))||o();break;case"sd-calendar":customElements.get(d(e))||i();break;case"sd-checkbox":customElements.get(d(e))||n();break;case"sd-chip":customElements.get(d(e))||u();break;case"sd-date-picker":customElements.get(d(e))||c();break;case"sd-date-picker-trigger":customElements.get(d(e))||p();break;case"sd-date-range-picker":customElements.get(d(e))||b();break;case"sd-date-range-picker-calendar":customElements.get(d(e))||k();break;case"sd-field":customElements.get(d(e))||v();break;case"sd-file-picker":customElements.get(d(e))||m();break;case"sd-floating-portal":customElements.get(d(e))||h();break;case"sd-ghost-button":customElements.get(d(e))||y();break;case"sd-icon":customElements.get(d(e))||f();break;case"sd-input":customElements.get(d(e))||g();break;case"sd-number-input":customElements.get(d(e))||_();break;case"sd-portal":customElements.get(d(e))||w();break;case"sd-radio":customElements.get(d(e))||x();break;case"sd-radio-group":customElements.get(d(e))||j();break;case"sd-select":customElements.get(d(e))||E();break;case"sd-select-list-item":customElements.get(d(e))||S();break;case"sd-select-list-item-search":customElements.get(d(e))||N();break;case"sd-select-listbox":customElements.get(d(e))||z();break;case"sd-select-trigger":customElements.get(d(e))||U();break;case"sd-tag":customElements.get(d(e))||B();break;case"sd-textarea":customElements.get(d(e))||C();break;case"sd-tooltip":customElements.get(d(e))||F()}}))};export{O as SdKeyValueTable,Y as defineCustomElement}

package/dist/design-system/design-system.esm.js

@@ -1 +1 @@
-import{p as e,g as l,b as a}from"./p-CAxodB5I.js";export{s as setNonce}from"./p-CAxodB5I.js";(()=>{const l=import.meta.url,a={};return""!==l&&(a.resourcesUrl=new URL(".",l).href),e(a)})().then((async e=>(await l(),a(JSON.parse('[["p-1652ae55",[[512,"sd-button",{"name":[1],"label":[1],"icon":[1],"rightIcon":[1,"right-icon"],"ariaLabel":[1,"aria-label"],"disabled":[4],"type":[1]}],[512,"sd-icon",{"name":[1],"size":[8],"color":[1],"rotate":[2],"label":[1],"iconStyle":[16]}]]],["p-5c6dd20b",[[772,"sd-key-value-table",{"fields":[16],"search":[4],"useTop":[4,"use-top"]}]]],["p-13b0db59",[[769,"sd-table",{"tableId":[513,"table-id"],"columns":[16],"rows":[16],"selected":[1040],"rowKey":[1,"row-key"],"selectable":[4],"resizable":[4],"width":[1],"height":[1],"stickyHeader":[4,"sticky-header"],"stickyColumn":[16],"useTop":[4,"use-top"],"noDataLabel":[1,"no-data-label"],"isLoading":[4,"is-loading"],"pagination":[16],"useInternalPagination":[4,"use-internal-pagination"],"useRowsPerPageSelect":[4,"use-rows-per-page-select"],"dense":[4],"useVirtualScroll":[4,"use-virtual-scroll"],"rowHeight":[2,"row-height"],"virtualBuffer":[2,"virtual-buffer"],"virtualEndThreshold":[2,"virtual-end-threshold"],"rowsPerPageOption":[16],"resolvedNoDataLabel":[32],"currentPage":[32],"innerRowsPerPage":[32],"innerSelected":[32],"columnWidths":[32],"scrolledLeft":[32],"scrolledRight":[32],"rowCount":[32],"loadingScrollTop":[32],"noDataBodyHeight":[32],"autoThead":[32],"autoTbody":[32],"isRowSelected":[64],"updateRowSelect":[64],"toggleSelectAll":[64],"getIsAllChecked":[64],"getStickyStyle":[64],"setRowCount":[64],"getPaginationInfo":[64]},null,{"isLoading":[{"handleIsLoadingChange":0}],"useVirtualScroll":[{"handleUseVirtualScrollChange":0}],"columns":[{"handleColumnsChange":0}],"rows":[{"handleRowsChange":0}],"rowKey":[{"handleRowKeyChange":0}],"tableId":[{"handleTableIdChange":0}],"noDataLabel":[{"handleNoDataLabelChange":0}],"selectable":[{"handleConfigChange":0}],"resizable":[{"handleConfigChange":0}],"stickyColumn":[{"handleConfigChange":0}],"stickyHeader":[{"handleConfigChange":0}],"dense":[{"handleConfigChange":0}],"selected":[{"handleSelectedChange":0}],"pagination":[{"handlePaginationChange":0}]}]]],["p-da90b448",[[512,"sd-chip-input",{"values":[1040],"errors":[1040],"disabledChips":[1040],"size":[1],"disabled":[4],"placeholder":[1],"name":[1],"rules":[16],"error":[1028],"useReset":[4,"use-reset"],"label":[1],"labelWidth":[8,"label-width"],"hint":[1],"errorMessage":[1,"error-message"],"width":[8],"status":[1],"icon":[16],"labelTooltip":[1,"label-tooltip"],"labelTooltipProps":[16],"internalValues":[32],"internalErrors":[32],"focused":[32],"hovered":[32],"inputValue":[32],"sdValidate":[64],"sdReset":[64],"sdResetValidate":[64],"sdFocus":[64]},null,{"values":[{"valuesChanged":0}],"errors":[{"errorsChanged":0}]}]]],["p-c318b762",[[772,"sd-barcode-input",{"value":[1032],"size":[1],"addonLabel":[1,"addon-label"],"addonAlign":[1,"addon-align"],"placeholder":[1],"disabled":[4],"clearable":[4],"width":[8],"rules":[16],"autoFocus":[4,"auto-focus"],"status":[1],"hint":[1],"errorMessage":[1,"error-message"],"inputClass":[1,"input-class"],"readonly":[4],"error":[1028],"focused":[1028],"hovered":[1028],"label":[1],"labelWidth":[8,"label-width"],"icon":[16],"labelTooltip":[1,"label-tooltip"],"labelTooltipProps":[16],"inputStyle":[16],"name":[1],"internalValue":[32],"sdGetNativeElement":[64],"sdValidate":[64],"sdReset":[64],"sdResetValidate":[64],"sdFocus":[64]},null,{"value":[{"valueChanged":0}],"internalValue":[{"internalValueChanged":0}]}]]],["p-b576bc21",[[512,"sd-modal-container",{"autoRemove":[4,"auto-remove"],"entries":[32],"open":[64],"openLoading":[64],"createCustom":[64],"dismissById":[64],"update":[64]}]]],["p-fd7abbfa",[[512,"sd-popover",{"show":[1028],"placement":[513],"color":[513],"icon":[513],"iconSize":[514,"icon-size"],"label":[1],"name":[1],"rightIcon":[1,"right-icon"],"ariaLabel":[1,"aria-label"],"disabled":[4],"type":[1],"menuTitle":[1,"menu-title"],"leftLink":[16],"button":[16],"menuClass":[1,"menu-class"],"slotContentHTML":[32]}]]],["p-8140a225",[[512,"sd-guide",{"type":[513],"label":[513],"message":[1],"url":[1],"popupTitle":[1,"popup-title"],"popupWidth":[2,"popup-width"],"popupShow":[32]}]]],["p-a5131a43",[[512,"sd-toast-container",{"position":[1],"maxVisible":[2,"max-visible"],"defaultDuration":[2,"default-duration"],"zIndex":[2,"z-index"],"toasts":[32],"expanded":[32],"create":[64],"dismiss":[64],"dismissAll":[64]}]]],["p-d5c3bac9",[[772,"sd-action-modal",{"modalTitle":[1,"modal-title"],"buttonProps":[16],"width":[8],"height":[8]}]]],["p-b22cb811",[[512,"sd-dropdown-button",{"name":[1],"label":[1],"items":[16],"disabled":[4],"split":[4],"isOpen":[32],"isAnimatingOut":[32],"itemIndex":[32],"sdOpen":[64],"sdClose":[64]},null,{"isOpen":[{"handleOpenChange":0}]}]]],["p-c78b8822",[[772,"sd-popup",{"popupTitle":[1,"popup-title"],"type":[1],"useFooter":[4,"use-footer"],"submitButtonProps":[16]}]]],["p-d2833150",[[512,"sd-tabs",{"value":[1537],"tabs":[1040],"size":[513],"isSub":[516,"is-sub"],"vertical":[516]},null,{"value":[{"valueChanged":0}]}]]],["p-7ed5aed5",[[512,"sd-callout",{"type":[513],"message":[16]}]]],["p-22883fe1",[[512,"sd-loading-container",{"visible":[32],"message":[32],"show":[64],"hide":[64]}]]],["p-d726d8e7",[[512,"sd-badge",{"color":[1]}]]],["p-a532d998",[[772,"sd-card",{"bordered":[4],"sdClass":[1,"sd-class"]}]]],["p-35d390f1",[[514,"sd-date-box",{"date":[8],"disabled":[4],"selected":[4],"isStartDate":[4,"is-start-date"],"isEndDate":[4,"is-end-date"],"isToday":[4,"is-today"],"inRange":[4,"in-range"],"type":[1]}]]],["p-21fa7f85",[[512,"sd-divider",{"vertical":[516]}]]],["p-adfddf3b",[[772,"sd-form",{"formClass":[1,"form-class"],"sdRegisterField":[64],"sdUnregisterField":[64],"sdValidate":[64],"sdReset":[64],"sdResetValidation":[64]}]]],["p-7eb31041",[[512,"sd-linear-progress",{"indeterminate":[516],"value":[2],"type":[513],"label":[1]}]]],["p-23006577",[[512,"sd-radio-button",{"value":[1032],"options":[1040],"size":[1],"disabled":[4],"name":[1]}]]],["p-14340e46",[[512,"sd-switch",{"value":[1028],"label":[1],"disabled":[4]}]]],["p-6d765b25",[[772,"sd-td",{"field":[1],"rowKey":[1,"row-key"],"align":[1],"rowspan":[2],"colspan":[2],"sdClass":[1,"sd-class"],"dividerLeft":[4,"divider-left"],"dividerRight":[4,"divider-right"],"useFrame":[4,"use-frame"]},null,{"field":[{"handleFieldChange":0}],"rowKey":[{"handleRowKeyChange":0}],"rowspan":[{"handleSpanChange":0}],"colspan":[{"handleSpanChange":0}],"sdClass":[{"handleSdClassChange":0}],"dividerLeft":[{"handleDividerChange":0}],"dividerRight":[{"handleDividerChange":0}],"useFrame":[{"handleUseFrameChange":0}]}]]],["p-a1f756ab",[[512,"sd-toggle",{"value":[1540],"label":[1],"disabled":[4]}]]],["p-c4e1641b",[[512,"sd-toast",{"icon":[1],"message":[1],"link":[1],"linkLabel":[1,"link-label"],"buttonLabel":[1,"button-label"],"useClose":[4,"use-close"],"type":[1]}]]],["p-2753c6c9",[[512,"sd-circle-progress",{"indeterminate":[516],"value":[2],"type":[513],"label":[1]}]]],["p-03bcd782",[[772,"sd-confirm-modal",{"type":[1],"modalTitle":[1,"modal-title"],"titleClass":[1,"title-class"],"topMessage":[16],"bottomMessage":[16],"mainButtonName":[1,"main-button-name"],"mainButtonLabel":[1,"main-button-label"],"subButtonLabel":[1,"sub-button-label"],"tagPreset":[1,"tag-preset"],"tagLabel":[1,"tag-label"],"slotLabel":[1,"slot-label"],"tagContents":[16],"hasSlottedContent":[32]}],[512,"sd-loading-modal",{"state":[513],"message":[1],"useButton":[516,"use-button"],"buttonLabel":[1,"button-label"],"width":[8],"height":[8],"progress":[2]}]]],["p-b457611c",[[512,"sd-date-range-picker-calendar",{"value":[16],"selectable":[16],"maxRange":[2,"max-range"],"currentYear":[32],"currentMonth":[32],"pendingStart":[32],"hoverDate":[32],"displayValue":[32]},null,{"value":[{"handleValueChange":0}]}]]],["p-99ffe505",[[512,"sd-text-link",{"label":[1],"icon":[1],"iconColor":[1,"icon-color"],"labelClass":[1,"label-class"],"rightArrow":[1,"right-arrow"],"underline":[516],"disabled":[516],"size":[513]}]]],["p-da4e2674",[[512,"sd-radio",{"value":[1032],"val":[8],"disabled":[4],"label":[1]},null,{"value":[{"valueChanged":0}]}]]],["p-b8ea656d",[[512,"sd-ghost-button",{"icon":[1],"size":[1],"intent":[1],"ariaLabel":[1,"aria-label"],"tooltipLabel":[1,"tooltip-label"],"disabled":[4]}],[512,"sd-tag",{"name":[1],"label":[1],"icon":[1],"isLeft":[4,"is-left"]}]]],["p-9095aab6",[[512,"sd-chip",{"name":[1],"value":[1025],"error":[1028],"disabled":[4],"editable":[4],"placeholder":[1],"rules":[16],"internalValue":[32],"isEditing":[32],"sdValidate":[64],"sdReset":[64],"sdResetValidate":[64],"sdResetValidation":[64],"sdFocus":[64],"sdGetNativeElement":[64]},null,{"value":[{"valueChanged":0}]}]]],["p-a0775a0c",[[512,"sd-thead",{"columns":[16],"selectable":[4],"resizable":[4],"stickyColumn":[16],"stickyHeader":[4,"sticky-header"],"scrolledLeft":[4,"scrolled-left"],"scrolledRight":[4,"scrolled-right"],"rows":[16],"columnWidths":[1040],"tableId":[32],"_columns":[32],"_selectable":[32],"_resizable":[32],"_stickyColumn":[32],"_stickyHeader":[32],"_scrolledLeft":[32],"_scrolledRight":[32],"refreshConfig":[64],"setColumnWidths":[64],"refreshSelection":[64]},null,{"columns":[{"handleColumnsChange":0}]}],[772,"sd-tr",{"columns":[16],"selectable":[4],"stickyColumn":[16],"rowKey":[1,"row-key"],"row":[16],"separator":[8],"tableId":[32],"columnWidths":[32],"isVisible":[32],"spansVersion":[32],"_columns":[32],"_selectable":[32],"_stickyColumn":[32],"_scrolledLeft":[32],"_scrolledRight":[32],"_dense":[32],"refreshConfig":[64],"bumpSpansVersion":[64],"updateVisibility":[64],"setColumnWidths":[64],"refreshSelection":[64]}],[512,"sd-pagination",{"currentPage":[1026,"current-page"],"lastPage":[2,"last-page"],"simple":[4]}],[769,"sd-tbody",{"rows":[16],"tableId":[32],"topSpacerHeight":[32],"bottomSpacerHeight":[32]},null,{"rows":[{"handleRowsChange":0}]}]]],["p-3e62a3ea",[[512,"sd-calendar",{"value":[1025],"selectable":[16],"events":[16],"elevated":[4],"currentYear":[32],"currentMonth":[32]},null,{"value":[{"handleValueChange":0}]}],[512,"sd-date-picker-trigger",{"displayText":[1,"display-text"],"placeholder":[1],"disabled":[4],"size":[1]}]]],["p-71739336",[[772,"sd-portal",{"to":[1],"parentRef":[16],"offset":[16],"viewportPadding":[2,"viewport-padding"],"zIndex":[2,"z-index"],"open":[4]},[[9,"scroll","updatePosition"],[9,"resize","updatePosition"],[9,"mousedown","handleMouseDown"],[8,"click","handleWindowClick"]],{"open":[{"handleOpenChange":0}]}]]],["p-c6307ba4",[[512,"sd-date-picker",{"value":[1025],"size":[513],"placeholder":[513],"selectable":[16],"disabled":[516],"width":[8],"label":[1],"labelWidth":[8,"label-width"],"addonLabel":[1,"addon-label"],"addonAlign":[1,"addon-align"],"hint":[1],"errorMessage":[1,"error-message"],"rules":[16],"error":[1028],"icon":[16],"labelTooltip":[1,"label-tooltip"],"labelTooltipProps":[16],"name":[1],"isOpen":[32],"isAnimatingOut":[32],"focused":[32],"hovered":[32],"sdValidate":[64],"sdReset":[64],"sdResetValidate":[64]},null,{"isOpen":[{"watchIsOpen":0}]}],[512,"sd-date-range-picker",{"value":[1040],"size":[513],"placeholder":[513],"selectable":[16],"maxRange":[2,"max-range"],"disabled":[516],"width":[8],"label":[1],"labelWidth":[8,"label-width"],"addonLabel":[1,"addon-label"],"addonAlign":[1,"addon-align"],"hint":[1],"errorMessage":[1,"error-message"],"rules":[16],"error":[1028],"icon":[16],"labelTooltip":[1,"label-tooltip"],"labelTooltipProps":[16],"name":[1],"isOpen":[32],"isAnimatingOut":[32],"focused":[32],"hovered":[32],"sdValidate":[64],"sdReset":[64],"sdResetValidate":[64]},null,{"isOpen":[{"watchIsOpen":0}]}],[512,"sd-file-picker",{"value":[1040],"placeholder":[513],"disabled":[516],"inline":[516],"multiple":[516],"accept":[1],"maxFileSize":[8,"max-file-size"],"maxTotalSize":[8,"max-total-size"],"maxFiles":[8,"max-files"],"name":[1],"label":[1],"labelWidth":[8,"label-width"],"addonLabel":[1,"addon-label"],"addonAlign":[1,"addon-align"],"hint":[1],"errorMessage":[1,"error-message"],"width":[8],"rules":[16],"error":[1028],"status":[1],"icon":[16],"labelTooltip":[1,"label-tooltip"],"labelTooltipProps":[16],"focused":[1028],"hovered":[1028],"internalValue":[32],"showTooltip":[32],"sdValidate":[64],"sdReset":[64],"sdResetValidate":[64]},null,{"value":[{"valueChanged":0}]}],[772,"sd-input",{"value":[1032],"type":[1],"size":[1],"addonLabel":[1,"addon-label"],"addonAlign":[1,"addon-align"],"placeholder":[1],"disabled":[4],"clearable":[4],"width":[8],"rules":[16],"autoFocus":[4,"auto-focus"],"autocomplete":[1],"maxlength":[2],"minlength":[2],"inputmode":[1],"enterkeyhint":[1],"spellcheck":[4],"status":[1],"hint":[1],"errorMessage":[1,"error-message"],"inputClass":[1,"input-class"],"readonly":[4],"error":[1028],"focused":[1028],"hovered":[1028],"label":[1],"labelWidth":[8,"label-width"],"icon":[16],"labelTooltip":[1,"label-tooltip"],"labelTooltipProps":[16],"inputStyle":[16],"name":[1],"internalValue":[32],"passwordVisible":[32],"sdGetNativeElement":[64],"sdValidate":[64],"sdReset":[64],"sdResetValidate":[64],"sdFocus":[64]},null,{"value":[{"valueChanged":0}],"internalValue":[{"internalValueChanged":0}]}],[512,"sd-number-input",{"size":[1],"min":[2],"max":[2],"step":[2],"useButton":[4,"use-button"],"useDecimal":[4,"use-decimal"],"value":[1032],"label":[1],"labelWidth":[8,"label-width"],"icon":[16],"labelTooltip":[1,"label-tooltip"],"labelTooltipProps":[16],"addonLabel":[1,"addon-label"],"addonAlign":[1,"addon-align"],"placeholder":[1],"disabled":[4],"width":[8],"rules":[16],"autoFocus":[4,"auto-focus"],"status":[1],"hint":[1],"errorMessage":[1,"error-message"],"inputPrefix":[1,"input-prefix"],"inputSuffix":[1,"input-suffix"],"inputClass":[1,"input-class"],"readonly":[4],"inputStyle":[16],"error":[1028],"focused":[1028],"hovered":[1028],"name":[1],"internalValue":[32],"displayValue":[32],"sdValidate":[64],"sdReset":[64],"sdResetValidate":[64],"sdFocus":[64],"sdGetNativeElement":[64]},null,{"value":[{"valueChanged":0}],"internalValue":[{"internalValueChanged":0}]}],[512,"sd-textarea",{"value":[1025],"placeholder":[1],"disabled":[4],"readonly":[4],"autoFocus":[4,"auto-focus"],"textareaClass":[1,"textarea-class"],"textareaStyle":[16],"maxLength":[2,"max-length"],"rows":[2],"spellcheck":[4],"width":[8],"label":[1],"labelWidth":[8,"label-width"],"addonLabel":[1,"addon-label"],"addonAlign":[1,"addon-align"],"hint":[1],"errorMessage":[1,"error-message"],"icon":[16],"labelTooltip":[1,"label-tooltip"],"labelTooltipProps":[16],"rules":[16],"error":[1028],"status":[1],"focused":[1028],"hovered":[1028],"name":[1],"internalValue":[32],"sdGetNativeElement":[64],"sdValidate":[64],"sdReset":[64],"sdResetValidate":[64],"sdFocus":[64]},null,{"value":[{"valueChanged":0}],"internalValue":[{"internalValueChanged":0}]}],[512,"sd-radio-group",{"value":[1032],"options":[1040],"direction":[1],"disabled":[4],"groupName":[1,"group-name"]},null,{"value":[{"valueChanged":0}]}]]],["p-eef6d4a3",[[512,"sd-checkbox",{"value":[1028],"val":[8],"disabled":[516],"inverse":[516],"label":[1],"isChecked":[32]},null,{"value":[{"watchValueHandler":0}]}]]],["p-c1f71355",[[512,"sd-select-list-item",{"option":[16],"depth":[2],"isSelected":[4,"is-selected"],"isFocused":[4,"is-focused"],"useCheckbox":[4,"use-checkbox"],"countInfo":[16]}],[512,"sd-select-list-item-search",{"isScrolled":[4,"is-scrolled"],"searchText":[32],"sdFocus":[64]}]]],["p-3045ffe1",[[772,"sd-field",{"name":[1],"rules":[16],"error":[1028],"disabled":[1028],"readonly":[1028],"hovered":[1028],"focused":[1028],"status":[1],"hint":[1],"errorMessage":[1,"error-message"],"width":[8],"size":[513],"label":[1],"labelWidth":[8,"label-width"],"addonLabel":[1,"addon-label"],"addonAlign":[1,"addon-align"],"icon":[16],"labelTooltip":[1,"label-tooltip"],"labelTooltipProps":[16],"errorMsg":[32],"sdValidate":[64],"sdReset":[64],"sdResetValidation":[64],"sdFocus":[64]}],[772,"sd-tooltip",{"trigger":[1],"placement":[1],"color":[1],"tooltipType":[1,"tooltip-type"],"icon":[1],"iconSize":[2,"icon-size"],"label":[1],"name":[1],"rightIcon":[1,"right-icon"],"ariaLabel":[1,"aria-label"],"disabled":[4],"type":[1],"useClose":[4,"use-close"],"sdClass":[1,"sd-class"],"message":[16],"triggerClass":[1,"trigger-class"],"triggerStyle":[1,"trigger-style"],"showTooltip":[32],"slotContentHTML":[32],"show":[64],"hide":[64]}],[772,"sd-floating-portal",{"to":[1],"parentRef":[16],"offset":[16],"zIndex":[2,"z-index"],"placement":[1],"open":[4]},[[9,"resize","updatePosition"],[9,"mousedown","handleMouseDown"],[8,"click","handleWindowClick"],[8,"keydown","handleKeydown"]]]]],["p-0c5192b8",[[512,"sd-select",{"type":[1],"value":[1032],"options":[16],"placeholder":[1],"dropdownWidth":[1,"dropdown-width"],"maxDropdownWidth":[1,"max-dropdown-width"],"dropdownHeight":[1,"dropdown-height"],"disabled":[4],"label":[1],"labelWidth":[8,"label-width"],"addonLabel":[1,"addon-label"],"addonAlign":[1,"addon-align"],"error":[1028],"hint":[1],"errorMessage":[1,"error-message"],"rules":[16],"icon":[16],"labelTooltip":[1,"label-tooltip"],"labelTooltipProps":[16],"emitValue":[4,"emit-value"],"width":[8],"useSearch":[4,"use-search"],"allSelectedLabel":[1,"all-selected-label"],"useSelectAll":[4,"use-select-all"],"name":[1],"isOpen":[32],"isAnimatingOut":[32],"triggerWidth":[32],"resolvedDropdownHeight":[32],"resolvedMaxDropdownWidth":[32],"focused":[32],"hovered":[32],"sdFocus":[64],"sdOpen":[64]},null,{"isOpen":[{"watchIsOpen":0}]}],[513,"sd-select-listbox",{"type":[1],"options":[16],"value":[8],"emitValue":[4,"emit-value"],"useSearch":[4,"use-search"],"useSelectAll":[4,"use-select-all"],"triggerWidth":[1,"trigger-width"],"maxWidth":[1,"max-width"],"maxHeight":[1,"max-height"],"searchKeyword":[32],"isScrolled":[32],"focusedIndex":[32]},null,{"searchKeyword":[{"resetFocusOnFilter":0}]}],[512,"sd-select-trigger",{"displayText":[1,"display-text"],"placeholder":[1],"disabled":[4],"isOpen":[4,"is-open"],"sdFocus":[64]}]]]]'),e))));
+import{p as e,g as l,b as a}from"./p-CAxodB5I.js";export{s as setNonce}from"./p-CAxodB5I.js";(()=>{const l=import.meta.url,a={};return""!==l&&(a.resourcesUrl=new URL(".",l).href),e(a)})().then((async e=>(await l(),a(JSON.parse('[["p-1652ae55",[[512,"sd-button",{"name":[1],"label":[1],"icon":[1],"rightIcon":[1,"right-icon"],"ariaLabel":[1,"aria-label"],"disabled":[4],"type":[1]}],[512,"sd-icon",{"name":[1],"size":[8],"color":[1],"rotate":[2],"label":[1],"iconStyle":[16]}]]],["p-56a45ef9",[[772,"sd-key-value-table",{"fields":[16],"search":[4],"useTop":[4,"use-top"]}]]],["p-13b0db59",[[769,"sd-table",{"tableId":[513,"table-id"],"columns":[16],"rows":[16],"selected":[1040],"rowKey":[1,"row-key"],"selectable":[4],"resizable":[4],"width":[1],"height":[1],"stickyHeader":[4,"sticky-header"],"stickyColumn":[16],"useTop":[4,"use-top"],"noDataLabel":[1,"no-data-label"],"isLoading":[4,"is-loading"],"pagination":[16],"useInternalPagination":[4,"use-internal-pagination"],"useRowsPerPageSelect":[4,"use-rows-per-page-select"],"dense":[4],"useVirtualScroll":[4,"use-virtual-scroll"],"rowHeight":[2,"row-height"],"virtualBuffer":[2,"virtual-buffer"],"virtualEndThreshold":[2,"virtual-end-threshold"],"rowsPerPageOption":[16],"resolvedNoDataLabel":[32],"currentPage":[32],"innerRowsPerPage":[32],"innerSelected":[32],"columnWidths":[32],"scrolledLeft":[32],"scrolledRight":[32],"rowCount":[32],"loadingScrollTop":[32],"noDataBodyHeight":[32],"autoThead":[32],"autoTbody":[32],"isRowSelected":[64],"updateRowSelect":[64],"toggleSelectAll":[64],"getIsAllChecked":[64],"getStickyStyle":[64],"setRowCount":[64],"getPaginationInfo":[64]},null,{"isLoading":[{"handleIsLoadingChange":0}],"useVirtualScroll":[{"handleUseVirtualScrollChange":0}],"columns":[{"handleColumnsChange":0}],"rows":[{"handleRowsChange":0}],"rowKey":[{"handleRowKeyChange":0}],"tableId":[{"handleTableIdChange":0}],"noDataLabel":[{"handleNoDataLabelChange":0}],"selectable":[{"handleConfigChange":0}],"resizable":[{"handleConfigChange":0}],"stickyColumn":[{"handleConfigChange":0}],"stickyHeader":[{"handleConfigChange":0}],"dense":[{"handleConfigChange":0}],"selected":[{"handleSelectedChange":0}],"pagination":[{"handlePaginationChange":0}]}]]],["p-da90b448",[[512,"sd-chip-input",{"values":[1040],"errors":[1040],"disabledChips":[1040],"size":[1],"disabled":[4],"placeholder":[1],"name":[1],"rules":[16],"error":[1028],"useReset":[4,"use-reset"],"label":[1],"labelWidth":[8,"label-width"],"hint":[1],"errorMessage":[1,"error-message"],"width":[8],"status":[1],"icon":[16],"labelTooltip":[1,"label-tooltip"],"labelTooltipProps":[16],"internalValues":[32],"internalErrors":[32],"focused":[32],"hovered":[32],"inputValue":[32],"sdValidate":[64],"sdReset":[64],"sdResetValidate":[64],"sdFocus":[64]},null,{"values":[{"valuesChanged":0}],"errors":[{"errorsChanged":0}]}]]],["p-c318b762",[[772,"sd-barcode-input",{"value":[1032],"size":[1],"addonLabel":[1,"addon-label"],"addonAlign":[1,"addon-align"],"placeholder":[1],"disabled":[4],"clearable":[4],"width":[8],"rules":[16],"autoFocus":[4,"auto-focus"],"status":[1],"hint":[1],"errorMessage":[1,"error-message"],"inputClass":[1,"input-class"],"readonly":[4],"error":[1028],"focused":[1028],"hovered":[1028],"label":[1],"labelWidth":[8,"label-width"],"icon":[16],"labelTooltip":[1,"label-tooltip"],"labelTooltipProps":[16],"inputStyle":[16],"name":[1],"internalValue":[32],"sdGetNativeElement":[64],"sdValidate":[64],"sdReset":[64],"sdResetValidate":[64],"sdFocus":[64]},null,{"value":[{"valueChanged":0}],"internalValue":[{"internalValueChanged":0}]}]]],["p-b576bc21",[[512,"sd-modal-container",{"autoRemove":[4,"auto-remove"],"entries":[32],"open":[64],"openLoading":[64],"createCustom":[64],"dismissById":[64],"update":[64]}]]],["p-fd7abbfa",[[512,"sd-popover",{"show":[1028],"placement":[513],"color":[513],"icon":[513],"iconSize":[514,"icon-size"],"label":[1],"name":[1],"rightIcon":[1,"right-icon"],"ariaLabel":[1,"aria-label"],"disabled":[4],"type":[1],"menuTitle":[1,"menu-title"],"leftLink":[16],"button":[16],"menuClass":[1,"menu-class"],"slotContentHTML":[32]}]]],["p-8140a225",[[512,"sd-guide",{"type":[513],"label":[513],"message":[1],"url":[1],"popupTitle":[1,"popup-title"],"popupWidth":[2,"popup-width"],"popupShow":[32]}]]],["p-a5131a43",[[512,"sd-toast-container",{"position":[1],"maxVisible":[2,"max-visible"],"defaultDuration":[2,"default-duration"],"zIndex":[2,"z-index"],"toasts":[32],"expanded":[32],"create":[64],"dismiss":[64],"dismissAll":[64]}]]],["p-d5c3bac9",[[772,"sd-action-modal",{"modalTitle":[1,"modal-title"],"buttonProps":[16],"width":[8],"height":[8]}]]],["p-b22cb811",[[512,"sd-dropdown-button",{"name":[1],"label":[1],"items":[16],"disabled":[4],"split":[4],"isOpen":[32],"isAnimatingOut":[32],"itemIndex":[32],"sdOpen":[64],"sdClose":[64]},null,{"isOpen":[{"handleOpenChange":0}]}]]],["p-c78b8822",[[772,"sd-popup",{"popupTitle":[1,"popup-title"],"type":[1],"useFooter":[4,"use-footer"],"submitButtonProps":[16]}]]],["p-d2833150",[[512,"sd-tabs",{"value":[1537],"tabs":[1040],"size":[513],"isSub":[516,"is-sub"],"vertical":[516]},null,{"value":[{"valueChanged":0}]}]]],["p-7ed5aed5",[[512,"sd-callout",{"type":[513],"message":[16]}]]],["p-22883fe1",[[512,"sd-loading-container",{"visible":[32],"message":[32],"show":[64],"hide":[64]}]]],["p-d726d8e7",[[512,"sd-badge",{"color":[1]}]]],["p-a532d998",[[772,"sd-card",{"bordered":[4],"sdClass":[1,"sd-class"]}]]],["p-35d390f1",[[514,"sd-date-box",{"date":[8],"disabled":[4],"selected":[4],"isStartDate":[4,"is-start-date"],"isEndDate":[4,"is-end-date"],"isToday":[4,"is-today"],"inRange":[4,"in-range"],"type":[1]}]]],["p-21fa7f85",[[512,"sd-divider",{"vertical":[516]}]]],["p-adfddf3b",[[772,"sd-form",{"formClass":[1,"form-class"],"sdRegisterField":[64],"sdUnregisterField":[64],"sdValidate":[64],"sdReset":[64],"sdResetValidation":[64]}]]],["p-7eb31041",[[512,"sd-linear-progress",{"indeterminate":[516],"value":[2],"type":[513],"label":[1]}]]],["p-23006577",[[512,"sd-radio-button",{"value":[1032],"options":[1040],"size":[1],"disabled":[4],"name":[1]}]]],["p-14340e46",[[512,"sd-switch",{"value":[1028],"label":[1],"disabled":[4]}]]],["p-6d765b25",[[772,"sd-td",{"field":[1],"rowKey":[1,"row-key"],"align":[1],"rowspan":[2],"colspan":[2],"sdClass":[1,"sd-class"],"dividerLeft":[4,"divider-left"],"dividerRight":[4,"divider-right"],"useFrame":[4,"use-frame"]},null,{"field":[{"handleFieldChange":0}],"rowKey":[{"handleRowKeyChange":0}],"rowspan":[{"handleSpanChange":0}],"colspan":[{"handleSpanChange":0}],"sdClass":[{"handleSdClassChange":0}],"dividerLeft":[{"handleDividerChange":0}],"dividerRight":[{"handleDividerChange":0}],"useFrame":[{"handleUseFrameChange":0}]}]]],["p-a1f756ab",[[512,"sd-toggle",{"value":[1540],"label":[1],"disabled":[4]}]]],["p-c4e1641b",[[512,"sd-toast",{"icon":[1],"message":[1],"link":[1],"linkLabel":[1,"link-label"],"buttonLabel":[1,"button-label"],"useClose":[4,"use-close"],"type":[1]}]]],["p-2753c6c9",[[512,"sd-circle-progress",{"indeterminate":[516],"value":[2],"type":[513],"label":[1]}]]],["p-03bcd782",[[772,"sd-confirm-modal",{"type":[1],"modalTitle":[1,"modal-title"],"titleClass":[1,"title-class"],"topMessage":[16],"bottomMessage":[16],"mainButtonName":[1,"main-button-name"],"mainButtonLabel":[1,"main-button-label"],"subButtonLabel":[1,"sub-button-label"],"tagPreset":[1,"tag-preset"],"tagLabel":[1,"tag-label"],"slotLabel":[1,"slot-label"],"tagContents":[16],"hasSlottedContent":[32]}],[512,"sd-loading-modal",{"state":[513],"message":[1],"useButton":[516,"use-button"],"buttonLabel":[1,"button-label"],"width":[8],"height":[8],"progress":[2]}]]],["p-b457611c",[[512,"sd-date-range-picker-calendar",{"value":[16],"selectable":[16],"maxRange":[2,"max-range"],"currentYear":[32],"currentMonth":[32],"pendingStart":[32],"hoverDate":[32],"displayValue":[32]},null,{"value":[{"handleValueChange":0}]}]]],["p-99ffe505",[[512,"sd-text-link",{"label":[1],"icon":[1],"iconColor":[1,"icon-color"],"labelClass":[1,"label-class"],"rightArrow":[1,"right-arrow"],"underline":[516],"disabled":[516],"size":[513]}]]],["p-da4e2674",[[512,"sd-radio",{"value":[1032],"val":[8],"disabled":[4],"label":[1]},null,{"value":[{"valueChanged":0}]}]]],["p-b8ea656d",[[512,"sd-ghost-button",{"icon":[1],"size":[1],"intent":[1],"ariaLabel":[1,"aria-label"],"tooltipLabel":[1,"tooltip-label"],"disabled":[4]}],[512,"sd-tag",{"name":[1],"label":[1],"icon":[1],"isLeft":[4,"is-left"]}]]],["p-9095aab6",[[512,"sd-chip",{"name":[1],"value":[1025],"error":[1028],"disabled":[4],"editable":[4],"placeholder":[1],"rules":[16],"internalValue":[32],"isEditing":[32],"sdValidate":[64],"sdReset":[64],"sdResetValidate":[64],"sdResetValidation":[64],"sdFocus":[64],"sdGetNativeElement":[64]},null,{"value":[{"valueChanged":0}]}]]],["p-a0775a0c",[[512,"sd-thead",{"columns":[16],"selectable":[4],"resizable":[4],"stickyColumn":[16],"stickyHeader":[4,"sticky-header"],"scrolledLeft":[4,"scrolled-left"],"scrolledRight":[4,"scrolled-right"],"rows":[16],"columnWidths":[1040],"tableId":[32],"_columns":[32],"_selectable":[32],"_resizable":[32],"_stickyColumn":[32],"_stickyHeader":[32],"_scrolledLeft":[32],"_scrolledRight":[32],"refreshConfig":[64],"setColumnWidths":[64],"refreshSelection":[64]},null,{"columns":[{"handleColumnsChange":0}]}],[772,"sd-tr",{"columns":[16],"selectable":[4],"stickyColumn":[16],"rowKey":[1,"row-key"],"row":[16],"separator":[8],"tableId":[32],"columnWidths":[32],"isVisible":[32],"spansVersion":[32],"_columns":[32],"_selectable":[32],"_stickyColumn":[32],"_scrolledLeft":[32],"_scrolledRight":[32],"_dense":[32],"refreshConfig":[64],"bumpSpansVersion":[64],"updateVisibility":[64],"setColumnWidths":[64],"refreshSelection":[64]}],[512,"sd-pagination",{"currentPage":[1026,"current-page"],"lastPage":[2,"last-page"],"simple":[4]}],[769,"sd-tbody",{"rows":[16],"tableId":[32],"topSpacerHeight":[32],"bottomSpacerHeight":[32]},null,{"rows":[{"handleRowsChange":0}]}]]],["p-3e62a3ea",[[512,"sd-calendar",{"value":[1025],"selectable":[16],"events":[16],"elevated":[4],"currentYear":[32],"currentMonth":[32]},null,{"value":[{"handleValueChange":0}]}],[512,"sd-date-picker-trigger",{"displayText":[1,"display-text"],"placeholder":[1],"disabled":[4],"size":[1]}]]],["p-71739336",[[772,"sd-portal",{"to":[1],"parentRef":[16],"offset":[16],"viewportPadding":[2,"viewport-padding"],"zIndex":[2,"z-index"],"open":[4]},[[9,"scroll","updatePosition"],[9,"resize","updatePosition"],[9,"mousedown","handleMouseDown"],[8,"click","handleWindowClick"]],{"open":[{"handleOpenChange":0}]}]]],["p-c6307ba4",[[512,"sd-date-picker",{"value":[1025],"size":[513],"placeholder":[513],"selectable":[16],"disabled":[516],"width":[8],"label":[1],"labelWidth":[8,"label-width"],"addonLabel":[1,"addon-label"],"addonAlign":[1,"addon-align"],"hint":[1],"errorMessage":[1,"error-message"],"rules":[16],"error":[1028],"icon":[16],"labelTooltip":[1,"label-tooltip"],"labelTooltipProps":[16],"name":[1],"isOpen":[32],"isAnimatingOut":[32],"focused":[32],"hovered":[32],"sdValidate":[64],"sdReset":[64],"sdResetValidate":[64]},null,{"isOpen":[{"watchIsOpen":0}]}],[512,"sd-date-range-picker",{"value":[1040],"size":[513],"placeholder":[513],"selectable":[16],"maxRange":[2,"max-range"],"disabled":[516],"width":[8],"label":[1],"labelWidth":[8,"label-width"],"addonLabel":[1,"addon-label"],"addonAlign":[1,"addon-align"],"hint":[1],"errorMessage":[1,"error-message"],"rules":[16],"error":[1028],"icon":[16],"labelTooltip":[1,"label-tooltip"],"labelTooltipProps":[16],"name":[1],"isOpen":[32],"isAnimatingOut":[32],"focused":[32],"hovered":[32],"sdValidate":[64],"sdReset":[64],"sdResetValidate":[64]},null,{"isOpen":[{"watchIsOpen":0}]}],[512,"sd-file-picker",{"value":[1040],"placeholder":[513],"disabled":[516],"inline":[516],"multiple":[516],"accept":[1],"maxFileSize":[8,"max-file-size"],"maxTotalSize":[8,"max-total-size"],"maxFiles":[8,"max-files"],"name":[1],"label":[1],"labelWidth":[8,"label-width"],"addonLabel":[1,"addon-label"],"addonAlign":[1,"addon-align"],"hint":[1],"errorMessage":[1,"error-message"],"width":[8],"rules":[16],"error":[1028],"status":[1],"icon":[16],"labelTooltip":[1,"label-tooltip"],"labelTooltipProps":[16],"focused":[1028],"hovered":[1028],"internalValue":[32],"showTooltip":[32],"sdValidate":[64],"sdReset":[64],"sdResetValidate":[64]},null,{"value":[{"valueChanged":0}]}],[772,"sd-input",{"value":[1032],"type":[1],"size":[1],"addonLabel":[1,"addon-label"],"addonAlign":[1,"addon-align"],"placeholder":[1],"disabled":[4],"clearable":[4],"width":[8],"rules":[16],"autoFocus":[4,"auto-focus"],"autocomplete":[1],"maxlength":[2],"minlength":[2],"inputmode":[1],"enterkeyhint":[1],"spellcheck":[4],"status":[1],"hint":[1],"errorMessage":[1,"error-message"],"inputClass":[1,"input-class"],"readonly":[4],"error":[1028],"focused":[1028],"hovered":[1028],"label":[1],"labelWidth":[8,"label-width"],"icon":[16],"labelTooltip":[1,"label-tooltip"],"labelTooltipProps":[16],"inputStyle":[16],"name":[1],"internalValue":[32],"passwordVisible":[32],"sdGetNativeElement":[64],"sdValidate":[64],"sdReset":[64],"sdResetValidate":[64],"sdFocus":[64]},null,{"value":[{"valueChanged":0}],"internalValue":[{"internalValueChanged":0}]}],[512,"sd-number-input",{"size":[1],"min":[2],"max":[2],"step":[2],"useButton":[4,"use-button"],"useDecimal":[4,"use-decimal"],"value":[1032],"label":[1],"labelWidth":[8,"label-width"],"icon":[16],"labelTooltip":[1,"label-tooltip"],"labelTooltipProps":[16],"addonLabel":[1,"addon-label"],"addonAlign":[1,"addon-align"],"placeholder":[1],"disabled":[4],"width":[8],"rules":[16],"autoFocus":[4,"auto-focus"],"status":[1],"hint":[1],"errorMessage":[1,"error-message"],"inputPrefix":[1,"input-prefix"],"inputSuffix":[1,"input-suffix"],"inputClass":[1,"input-class"],"readonly":[4],"inputStyle":[16],"error":[1028],"focused":[1028],"hovered":[1028],"name":[1],"internalValue":[32],"displayValue":[32],"sdValidate":[64],"sdReset":[64],"sdResetValidate":[64],"sdFocus":[64],"sdGetNativeElement":[64]},null,{"value":[{"valueChanged":0}],"internalValue":[{"internalValueChanged":0}]}],[512,"sd-textarea",{"value":[1025],"placeholder":[1],"disabled":[4],"readonly":[4],"autoFocus":[4,"auto-focus"],"textareaClass":[1,"textarea-class"],"textareaStyle":[16],"maxLength":[2,"max-length"],"rows":[2],"spellcheck":[4],"width":[8],"label":[1],"labelWidth":[8,"label-width"],"addonLabel":[1,"addon-label"],"addonAlign":[1,"addon-align"],"hint":[1],"errorMessage":[1,"error-message"],"icon":[16],"labelTooltip":[1,"label-tooltip"],"labelTooltipProps":[16],"rules":[16],"error":[1028],"status":[1],"focused":[1028],"hovered":[1028],"name":[1],"internalValue":[32],"sdGetNativeElement":[64],"sdValidate":[64],"sdReset":[64],"sdResetValidate":[64],"sdFocus":[64]},null,{"value":[{"valueChanged":0}],"internalValue":[{"internalValueChanged":0}]}],[512,"sd-radio-group",{"value":[1032],"options":[1040],"direction":[1],"disabled":[4],"groupName":[1,"group-name"]},null,{"value":[{"valueChanged":0}]}]]],["p-eef6d4a3",[[512,"sd-checkbox",{"value":[1028],"val":[8],"disabled":[516],"inverse":[516],"label":[1],"isChecked":[32]},null,{"value":[{"watchValueHandler":0}]}]]],["p-c1f71355",[[512,"sd-select-list-item",{"option":[16],"depth":[2],"isSelected":[4,"is-selected"],"isFocused":[4,"is-focused"],"useCheckbox":[4,"use-checkbox"],"countInfo":[16]}],[512,"sd-select-list-item-search",{"isScrolled":[4,"is-scrolled"],"searchText":[32],"sdFocus":[64]}]]],["p-3045ffe1",[[772,"sd-field",{"name":[1],"rules":[16],"error":[1028],"disabled":[1028],"readonly":[1028],"hovered":[1028],"focused":[1028],"status":[1],"hint":[1],"errorMessage":[1,"error-message"],"width":[8],"size":[513],"label":[1],"labelWidth":[8,"label-width"],"addonLabel":[1,"addon-label"],"addonAlign":[1,"addon-align"],"icon":[16],"labelTooltip":[1,"label-tooltip"],"labelTooltipProps":[16],"errorMsg":[32],"sdValidate":[64],"sdReset":[64],"sdResetValidation":[64],"sdFocus":[64]}],[772,"sd-tooltip",{"trigger":[1],"placement":[1],"color":[1],"tooltipType":[1,"tooltip-type"],"icon":[1],"iconSize":[2,"icon-size"],"label":[1],"name":[1],"rightIcon":[1,"right-icon"],"ariaLabel":[1,"aria-label"],"disabled":[4],"type":[1],"useClose":[4,"use-close"],"sdClass":[1,"sd-class"],"message":[16],"triggerClass":[1,"trigger-class"],"triggerStyle":[1,"trigger-style"],"showTooltip":[32],"slotContentHTML":[32],"show":[64],"hide":[64]}],[772,"sd-floating-portal",{"to":[1],"parentRef":[16],"offset":[16],"zIndex":[2,"z-index"],"placement":[1],"open":[4]},[[9,"resize","updatePosition"],[9,"mousedown","handleMouseDown"],[8,"click","handleWindowClick"],[8,"keydown","handleKeydown"]]]]],["p-0c5192b8",[[512,"sd-select",{"type":[1],"value":[1032],"options":[16],"placeholder":[1],"dropdownWidth":[1,"dropdown-width"],"maxDropdownWidth":[1,"max-dropdown-width"],"dropdownHeight":[1,"dropdown-height"],"disabled":[4],"label":[1],"labelWidth":[8,"label-width"],"addonLabel":[1,"addon-label"],"addonAlign":[1,"addon-align"],"error":[1028],"hint":[1],"errorMessage":[1,"error-message"],"rules":[16],"icon":[16],"labelTooltip":[1,"label-tooltip"],"labelTooltipProps":[16],"emitValue":[4,"emit-value"],"width":[8],"useSearch":[4,"use-search"],"allSelectedLabel":[1,"all-selected-label"],"useSelectAll":[4,"use-select-all"],"name":[1],"isOpen":[32],"isAnimatingOut":[32],"triggerWidth":[32],"resolvedDropdownHeight":[32],"resolvedMaxDropdownWidth":[32],"focused":[32],"hovered":[32],"sdFocus":[64],"sdOpen":[64]},null,{"isOpen":[{"watchIsOpen":0}]}],[513,"sd-select-listbox",{"type":[1],"options":[16],"value":[8],"emitValue":[4,"emit-value"],"useSearch":[4,"use-search"],"useSelectAll":[4,"use-select-all"],"triggerWidth":[1,"trigger-width"],"maxWidth":[1,"max-width"],"maxHeight":[1,"max-height"],"searchKeyword":[32],"isScrolled":[32],"focusedIndex":[32]},null,{"searchKeyword":[{"resetFocusOnFilter":0}]}],[512,"sd-select-trigger",{"displayText":[1,"display-text"],"placeholder":[1],"disabled":[4],"isOpen":[4,"is-open"],"sdFocus":[64]}]]]]'),e))));

package/dist/design-system/{p-5c6dd20b.entry.js → p-56a45ef9.entry.js}

@@ -1 +1 @@
-import{r as e,c as t,h as a}from"./p-CAxodB5I.js";import{s as l}from"./p-j2khhcHY.js";import{t as d}from"./p-D6GUzecR.js";const s=d.table,r=Number(s.keyValue.height),i=Number(s.radius),n=Number(s.body.paddingX),o=Number(s.keyValue.body.padding),v=Number(s.header.gap),u=Number(s.content.gap),b=Number(s.border.width),k=Number(s.keyValue.search.paddingX),h={border:s.border.color,thBg:s.header.bg,thLabel:l.color.fg.primary,required:l.color.fg.accent,helpIcon:l.color.fg.success,tdBg:l.color.bg.frame,tdText:l.color.fg.primary,searchBg:s.keyValue.search.bg},c={labelFontFamily:s.header.typography.fontFamily,labelFontSize:Number(s.header.typography.fontSize),labelFontWeight:Number(s.header.typography.fontWeight),labelLineHeight:Number(s.header.typography.lineHeight),tdFontFamily:s.body.typography.fontFamily,tdFontSize:Number(s.body.typography.fontSize),tdFontWeight:Number(s.body.typography.fontWeight),tdLineHeight:Number(s.body.typography.lineHeight)},p=class{constructor(a){e(this,a),this.change=t(this,"sdChange",7),this.searchEvent=t(this,"sdSearch",7)}fields=[];search=!1;useTop=!1;change;searchEvent;emit=(e,t)=>{this.change.emit({name:e,value:t})};handleSearchClick=()=>{this.searchEvent.emit()};renderField(e){const t=t=>this.emit(e.name,t.detail);switch(e.type){case"input":return a("sd-input",{width:"100%",...e.options??{},onSdUpdate:t});case"textarea":return a("sd-textarea",{width:"100%",...e.options??{},onSdUpdate:t});case"number-input":return a("sd-number-input",{width:"100%",...e.options??{},onSdUpdate:t});case"select":return a("sd-select",{width:"100%",...e.options??{},onSdUpdate:t});case"radio":{const{value:l,direction:d,...s}=e.options??{};return a("sd-radio-group",{...s,value:l,direction:d??"horizontal",onSdUpdate:t})}case"checkbox":{const{value:l,...d}=e.options??{};return a("sd-checkbox",{...d,value:l,onSdUpdate:t})}case"date-picker":return a("sd-date-picker",{width:"100%",...e.options??{},onSdUpdate:t});case"date-range-picker":return a("sd-date-range-picker",{width:"100%",...e.options??{},onSdUpdate:t});case"file-picker":return a("sd-file-picker",{width:"100%",...e.options??{},onSdUpdate:t});default:return a("span",{class:"sd-key-value-table__text"},e.options?.value??"")}}renderHelpIcon(e){return a("span",{class:"sd-key-value-table__help"},a("sd-tooltip",{icon:"helpOutline",iconSize:16,color:h.helpIcon,trigger:"hover"},e))}computeAutoSkipTh(){const e=this.fields.map((e=>e.map((()=>!1))));return this.fields.forEach(((t,a)=>{t.forEach(((t,l)=>{const d=null!=t.thRowSpan&&t.thRowSpan>1?t.thRowSpan:1;if(!(d<=1))for(let t=1;t<d;t++){const d=e[a+t];d&&l<d.length&&(d[l]=!0)}}))})),e}computeMaxCols(e){let t=0;return this.fields.forEach(((a,l)=>{let d=0;a.forEach(((t,a)=>{let s;s=t.hideTh?0:e[l]?.[a]?1:null!=t.thColSpan&&t.thColSpan>1?t.thColSpan:1,d+=s+(null!=t.tdColSpan&&t.tdColSpan>1?t.tdColSpan:1)})),d>t&&(t=d)})),t}renderTh(e,t,l){const d=null!=e.thRowSpan&&e.thRowSpan>1?e.thRowSpan:void 0,s=null!=e.thColSpan&&e.thColSpan>1?e.thColSpan:void 0,r={"sd-key-value-table__th":!0};return"string"==typeof e.thClass?r[e.thClass]=!0:Array.isArray(e.thClass)&&e.thClass.forEach((e=>r[e]=!0)),a("th",{key:`th-${t}-${l}`,class:r,style:e.thStyle,scope:"row",rowSpan:d,colSpan:s},a("div",{class:"sd-key-value-table__th-inner"},a("span",{class:"sd-key-value-table__label"},e.label,e.required&&a("sd-icon",{class:"sd-key-value-table__required",name:"star",size:12,color:h.required,label:"required"})),e.helpText&&this.renderHelpIcon(e.helpText)))}renderTd(e,t,l){return a("td",{key:`td-${t}-${l}`,class:"sd-key-value-table__td",rowSpan:null!=e.tdRowSpan&&e.tdRowSpan>1?e.tdRowSpan:void 0,colSpan:null!=e.tdColSpan&&e.tdColSpan>1?e.tdColSpan:void 0},a("div",{class:"sd-key-value-table__td-inner"},a("slot",{name:`field-${e.name}`},this.renderField(e))))}warnDuplicateNames(){const e=new Set,t=new Set;this.fields.forEach((a=>a.forEach((a=>{e.has(a.name)?t.add(a.name):e.add(a.name)})))),t.size>0&&console.warn(`[sd-key-value-table] Duplicate field name(s) detected: ${[...t].join(", ")}. Slot names ("field-{name}") and sdChange events rely on unique names.`)}render(){if(0===this.fields.length)return null;const e={"--sd-kvt-row-height":`${r}px`,"--sd-kvt-th-width":"120px","--sd-kvt-radius":`${i}px`,"--sd-kvt-padding-x":`${n}px`,"--sd-kvt-padding-y":`${o}px`,"--sd-kvt-gap":`${v}px`,"--sd-kvt-label-gap":`${u}px`,"--sd-kvt-border-width":`${b}px`,"--sd-kvt-border-color":h.border,"--sd-kvt-th-bg":h.thBg,"--sd-kvt-th-color":h.thLabel,"--sd-kvt-required-color":h.required,"--sd-kvt-td-bg":h.tdBg,"--sd-kvt-td-color":h.tdText,"--sd-kvt-label-font-family":c.labelFontFamily,"--sd-kvt-label-font-size":`${c.labelFontSize}px`,"--sd-kvt-label-font-weight":`${c.labelFontWeight}`,"--sd-kvt-label-line-height":`${c.labelLineHeight}px`,"--sd-kvt-td-font-family":c.tdFontFamily,"--sd-kvt-td-font-size":`${c.tdFontSize}px`,"--sd-kvt-td-font-weight":`${c.tdFontWeight}`,"--sd-kvt-td-line-height":`${c.tdLineHeight}px`,"--sd-kvt-search-bg":h.searchBg,"--sd-kvt-search-padding-x":`${k}px`};this.warnDuplicateNames();const t=this.computeAutoSkipTh(),l=this.computeMaxCols(t),d=a("table",{class:{"sd-key-value-table":!0,"sd-key-value-table--use-top":this.useTop},style:e},a("colgroup",null,Array.from({length:l},((e,t)=>a("col",{key:`col-${t}`,style:t%2==0?{width:"120px"}:void 0})))),a("tbody",null,this.fields.map(((e,l)=>a("tr",{class:"sd-key-value-table__row",key:`row-${l}`},e.map(((e,a)=>[e.hideTh||t[l][a]?null:this.renderTh(e,l,a),this.renderTd(e,l,a)])))))));return this.search?a("div",{class:{"sd-key-value-table__wrapper":!0,"sd-key-value-table__wrapper--use-top":this.useTop},style:e},d,a("div",{class:"sd-key-value-table__search-panel"},a("sd-button",{label:"검색",name:"neutral_outline_md",onSdClick:this.handleSearchClick}))):d}};p.style="sd-key-value-table{display:block}sd-key-value-table .sd-key-value-table__wrapper{display:flex;align-items:stretch;width:100%;border:var(--sd-kvt-border-width) solid var(--sd-kvt-border-color);border-radius:var(--sd-kvt-radius);overflow:hidden}sd-key-value-table .sd-key-value-table__wrapper .sd-key-value-table{flex:1 1 auto;border:0;border-radius:0}sd-key-value-table .sd-key-value-table__wrapper.sd-key-value-table__wrapper--use-top{border-top-left-radius:0;border-top-right-radius:0}sd-key-value-table .sd-key-value-table__search-panel{display:flex;align-items:center;justify-content:center;flex:0 0 auto;padding:var(--sd-kvt-padding-y) var(--sd-kvt-search-padding-x);background:var(--sd-kvt-search-bg);border-left:var(--sd-kvt-border-width) solid var(--sd-kvt-border-color)}sd-key-value-table .sd-key-value-table{width:100%;table-layout:fixed;border:var(--sd-kvt-border-width) solid var(--sd-kvt-border-color);border-radius:var(--sd-kvt-radius);border-collapse:separate;border-spacing:0;overflow:hidden}sd-key-value-table .sd-key-value-table.sd-key-value-table--use-top{border-top-left-radius:0;border-top-right-radius:0}sd-key-value-table .sd-key-value-table__th,sd-key-value-table .sd-key-value-table__td{height:var(--sd-kvt-row-height);padding:var(--sd-kvt-padding-y) var(--sd-kvt-padding-x);box-sizing:border-box;vertical-align:middle;text-align:left;font-weight:normal;border-top:var(--sd-kvt-border-width) solid var(--sd-kvt-border-color)}sd-key-value-table .sd-key-value-table tbody>tr:first-child>.sd-key-value-table__th,sd-key-value-table .sd-key-value-table tbody>tr:first-child>.sd-key-value-table__td{border-top:0}sd-key-value-table .sd-key-value-table__th{width:var(--sd-kvt-th-width);background:var(--sd-kvt-th-bg);color:var(--sd-kvt-th-color)}sd-key-value-table .sd-key-value-table__th-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--sd-kvt-gap);width:100%;height:100%}sd-key-value-table .sd-key-value-table__label{display:inline-flex;align-items:center;gap:var(--sd-kvt-label-gap);font-family:var(--sd-kvt-label-font-family);font-size:var(--sd-kvt-label-font-size);font-weight:var(--sd-kvt-label-font-weight);line-height:var(--sd-kvt-label-line-height);color:var(--sd-kvt-th-color)}sd-key-value-table .sd-key-value-table__required{display:inline-flex;align-items:center;flex-shrink:0}sd-key-value-table .sd-key-value-table__help{display:inline-flex;align-items:center;flex-shrink:0}sd-key-value-table .sd-key-value-table__td{background:var(--sd-kvt-td-bg);color:var(--sd-kvt-td-color)}sd-key-value-table .sd-key-value-table__td-inner{display:flex;align-items:center;width:100%;height:100%}sd-key-value-table .sd-key-value-table__td-inner>slot{display:block;flex:1 1 auto;min-width:0}sd-key-value-table .sd-key-value-table__td-inner sd-input,sd-key-value-table .sd-key-value-table__td-inner sd-textarea,sd-key-value-table .sd-key-value-table__td-inner sd-number-input,sd-key-value-table .sd-key-value-table__td-inner sd-select,sd-key-value-table .sd-key-value-table__td-inner sd-date-picker,sd-key-value-table .sd-key-value-table__td-inner sd-date-range-picker,sd-key-value-table .sd-key-value-table__td-inner sd-file-picker{width:100%}sd-key-value-table .sd-key-value-table__text{font-family:var(--sd-kvt-td-font-family);font-size:var(--sd-kvt-td-font-size);font-weight:var(--sd-kvt-td-font-weight);line-height:var(--sd-kvt-td-line-height);color:var(--sd-kvt-td-color)}";export{p as sd_key_value_table}
+import{r as e,c as t,h as a}from"./p-CAxodB5I.js";import{s as l}from"./p-j2khhcHY.js";import{t as d}from"./p-D6GUzecR.js";const s=d.table,r=Number(s.keyValue.height),i=Number(s.radius),n=Number(s.body.paddingX),o=Number(s.keyValue.body.padding),v=Number(s.header.gap),u=Number(s.content.gap),b=Number(s.border.width),k=Number(s.keyValue.search.paddingX),h={border:s.border.color,thBg:s.header.bg,thLabel:l.color.fg.primary,required:l.color.fg.accent,helpIcon:l.color.fg.success,tdBg:l.color.bg.frame,tdText:l.color.fg.primary,searchBg:s.keyValue.search.bg},c={labelFontFamily:s.header.typography.fontFamily,labelFontSize:Number(s.header.typography.fontSize),labelFontWeight:Number(s.header.typography.fontWeight),labelLineHeight:Number(s.header.typography.lineHeight),tdFontFamily:s.body.typography.fontFamily,tdFontSize:Number(s.body.typography.fontSize),tdFontWeight:Number(s.body.typography.fontWeight),tdLineHeight:Number(s.body.typography.lineHeight)},p=class{constructor(a){e(this,a),this.change=t(this,"sdChange",7),this.searchEvent=t(this,"sdSearch",7)}fields=[];search=!1;useTop=!1;change;searchEvent;emit=(e,t)=>{this.change.emit({name:e,value:t})};handleSearchClick=()=>{this.searchEvent.emit()};renderField(e){const t=t=>this.emit(e.name,t.detail);switch(e.type){case"input":return a("sd-input",{width:"100%",...e.options??{},onSdUpdate:t});case"textarea":return a("sd-textarea",{width:"100%",...e.options??{},onSdUpdate:t});case"number-input":return a("sd-number-input",{width:"100%",...e.options??{},onSdUpdate:t});case"select":return a("sd-select",{width:"100%",...e.options??{},onSdUpdate:t});case"radio":{const{value:l,direction:d,...s}=e.options??{};return a("sd-radio-group",{...s,value:l,direction:d??"horizontal",onSdUpdate:t})}case"checkbox":{const{value:l,...d}=e.options??{};return a("sd-checkbox",{...d,value:l,onSdUpdate:t})}case"date-picker":return a("sd-date-picker",{width:"100%",...e.options??{},onSdUpdate:t});case"date-range-picker":return a("sd-date-range-picker",{width:"100%",...e.options??{},onSdUpdate:t});case"file-picker":return a("sd-file-picker",{width:"100%",...e.options??{},onSdUpdate:t});default:return a("span",{class:"sd-key-value-table__text"},e.options?.value??"")}}renderHelpIcon(e){return a("span",{class:"sd-key-value-table__help"},a("sd-tooltip",{icon:"helpOutline",iconSize:16,color:h.helpIcon,trigger:"hover"},e))}computeAutoSkipTh(){const e=this.fields.map((e=>e.map((()=>!1))));return this.fields.forEach(((t,a)=>{t.forEach(((t,l)=>{const d=null!=t.thRowSpan&&t.thRowSpan>1?t.thRowSpan:1;if(!(d<=1))for(let t=1;t<d;t++){const d=e[a+t];d&&l<d.length&&(d[l]=!0)}}))})),e}computeMaxCols(e){let t=0;return this.fields.forEach(((a,l)=>{let d=0;a.forEach(((t,a)=>{let s;s=t.hideTh?0:e[l]?.[a]?1:null!=t.thColSpan&&t.thColSpan>1?t.thColSpan:1,d+=s+(null!=t.tdColSpan&&t.tdColSpan>1?t.tdColSpan:1)})),d>t&&(t=d)})),t}renderTh(e,t,l){const d=null!=e.thRowSpan&&e.thRowSpan>1?e.thRowSpan:void 0,s=null!=e.thColSpan&&e.thColSpan>1?e.thColSpan:void 0,r={"sd-key-value-table__th":!0};return"string"==typeof e.thClass?r[e.thClass]=!0:Array.isArray(e.thClass)&&e.thClass.forEach((e=>r[e]=!0)),a("th",{key:`th-${t}-${l}`,class:r,style:e.thStyle,scope:"row",rowSpan:d,colSpan:s},a("div",{class:"sd-key-value-table__th-inner"},a("span",{class:"sd-key-value-table__label"},e.label,e.required&&a("sd-icon",{class:"sd-key-value-table__required",name:"star",size:12,color:h.required,label:"required"})),e.helpText&&this.renderHelpIcon(e.helpText)))}renderTd(e,t,l){return a("td",{key:`td-${t}-${l}`,class:"sd-key-value-table__td",rowSpan:null!=e.tdRowSpan&&e.tdRowSpan>1?e.tdRowSpan:void 0,colSpan:null!=e.tdColSpan&&e.tdColSpan>1?e.tdColSpan:void 0},a("div",{class:"sd-key-value-table__td-inner"},a("slot",{name:`field-${e.name}`},this.renderField(e))))}warnDuplicateNames(){const e=new Set,t=new Set;this.fields.forEach((a=>a.forEach((a=>{e.has(a.name)?t.add(a.name):e.add(a.name)})))),t.size>0&&console.warn(`[sd-key-value-table] Duplicate field name(s) detected: ${[...t].join(", ")}. Slot names ("field-{name}") and sdChange events rely on unique names.`)}render(){if(0===this.fields.length)return null;const e={"--sd-kvt-row-height":`${r}px`,"--sd-kvt-th-width":"120px","--sd-kvt-radius":`${i}px`,"--sd-kvt-padding-x":`${n}px`,"--sd-kvt-padding-y":`${o}px`,"--sd-kvt-gap":`${v}px`,"--sd-kvt-label-gap":`${u}px`,"--sd-kvt-border-width":`${b}px`,"--sd-kvt-border-color":h.border,"--sd-kvt-th-bg":h.thBg,"--sd-kvt-th-color":h.thLabel,"--sd-kvt-required-color":h.required,"--sd-kvt-td-bg":h.tdBg,"--sd-kvt-td-color":h.tdText,"--sd-kvt-label-font-family":c.labelFontFamily,"--sd-kvt-label-font-size":`${c.labelFontSize}px`,"--sd-kvt-label-font-weight":`${c.labelFontWeight}`,"--sd-kvt-label-line-height":`${c.labelLineHeight}px`,"--sd-kvt-td-font-family":c.tdFontFamily,"--sd-kvt-td-font-size":`${c.tdFontSize}px`,"--sd-kvt-td-font-weight":`${c.tdFontWeight}`,"--sd-kvt-td-line-height":`${c.tdLineHeight}px`,"--sd-kvt-search-bg":h.searchBg,"--sd-kvt-search-padding-x":`${k}px`};this.warnDuplicateNames();const t=this.computeAutoSkipTh(),l=this.computeMaxCols(t),d=a("table",{class:{"sd-key-value-table":!0,"sd-key-value-table--use-top":this.useTop},style:e},a("colgroup",null,Array.from({length:l},((e,t)=>{if(t%2!=0)return a("col",{key:`col-${t}`});const l=t/2,d=this.fields.reduce(((e,t)=>null!=e?e:t[l]?.thWidth),void 0);return a("col",{key:`col-${t}`,style:{width:null!=d?"number"==typeof d?`${d}px`:d:"120px"}})}))),a("tbody",null,this.fields.map(((e,l)=>a("tr",{class:"sd-key-value-table__row",key:`row-${l}`},e.map(((e,a)=>[e.hideTh||t[l][a]?null:this.renderTh(e,l,a),this.renderTd(e,l,a)])))))));return this.search?a("div",{class:{"sd-key-value-table__wrapper":!0,"sd-key-value-table__wrapper--use-top":this.useTop},style:e},d,a("div",{class:"sd-key-value-table__search-panel"},a("sd-button",{label:"검색",name:"neutral_outline_md",onSdClick:this.handleSearchClick}))):d}};p.style="sd-key-value-table{display:block}sd-key-value-table .sd-key-value-table__wrapper{display:flex;align-items:stretch;width:100%;border:var(--sd-kvt-border-width) solid var(--sd-kvt-border-color);border-radius:var(--sd-kvt-radius);overflow:hidden}sd-key-value-table .sd-key-value-table__wrapper .sd-key-value-table{flex:1 1 auto;border:0;border-radius:0}sd-key-value-table .sd-key-value-table__wrapper.sd-key-value-table__wrapper--use-top{border-top-left-radius:0;border-top-right-radius:0}sd-key-value-table .sd-key-value-table__search-panel{display:flex;align-items:center;justify-content:center;flex:0 0 auto;padding:var(--sd-kvt-padding-y) var(--sd-kvt-search-padding-x);background:var(--sd-kvt-search-bg);border-left:var(--sd-kvt-border-width) solid var(--sd-kvt-border-color)}sd-key-value-table .sd-key-value-table{width:100%;table-layout:fixed;border:var(--sd-kvt-border-width) solid var(--sd-kvt-border-color);border-radius:var(--sd-kvt-radius);border-collapse:separate;border-spacing:0;overflow:hidden}sd-key-value-table .sd-key-value-table.sd-key-value-table--use-top{border-top-left-radius:0;border-top-right-radius:0}sd-key-value-table .sd-key-value-table__th,sd-key-value-table .sd-key-value-table__td{height:var(--sd-kvt-row-height);padding:var(--sd-kvt-padding-y) var(--sd-kvt-padding-x);box-sizing:border-box;vertical-align:middle;text-align:left;font-weight:normal;border-top:var(--sd-kvt-border-width) solid var(--sd-kvt-border-color)}sd-key-value-table .sd-key-value-table tbody>tr:first-child>.sd-key-value-table__th,sd-key-value-table .sd-key-value-table tbody>tr:first-child>.sd-key-value-table__td{border-top:0}sd-key-value-table .sd-key-value-table__th{width:var(--sd-kvt-th-width);background:var(--sd-kvt-th-bg);color:var(--sd-kvt-th-color)}sd-key-value-table .sd-key-value-table__th-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--sd-kvt-gap);width:100%;height:100%}sd-key-value-table .sd-key-value-table__label{display:inline-flex;align-items:center;gap:var(--sd-kvt-label-gap);font-family:var(--sd-kvt-label-font-family);font-size:var(--sd-kvt-label-font-size);font-weight:var(--sd-kvt-label-font-weight);line-height:var(--sd-kvt-label-line-height);color:var(--sd-kvt-th-color)}sd-key-value-table .sd-key-value-table__required{display:inline-flex;align-items:center;flex-shrink:0}sd-key-value-table .sd-key-value-table__help{display:inline-flex;align-items:center;flex-shrink:0}sd-key-value-table .sd-key-value-table__td{background:var(--sd-kvt-td-bg);color:var(--sd-kvt-td-color)}sd-key-value-table .sd-key-value-table__td-inner{display:flex;align-items:center;width:100%;height:100%}sd-key-value-table .sd-key-value-table__td-inner>slot{display:block;flex:1 1 auto;min-width:0}sd-key-value-table .sd-key-value-table__td-inner sd-input,sd-key-value-table .sd-key-value-table__td-inner sd-textarea,sd-key-value-table .sd-key-value-table__td-inner sd-number-input,sd-key-value-table .sd-key-value-table__td-inner sd-select,sd-key-value-table .sd-key-value-table__td-inner sd-date-picker,sd-key-value-table .sd-key-value-table__td-inner sd-date-range-picker,sd-key-value-table .sd-key-value-table__td-inner sd-file-picker{width:100%}sd-key-value-table .sd-key-value-table__text{font-family:var(--sd-kvt-td-font-family);font-size:var(--sd-kvt-td-font-size);font-weight:var(--sd-kvt-td-font-weight);line-height:var(--sd-kvt-td-line-height);color:var(--sd-kvt-td-color)}";export{p as sd_key_value_table}

package/dist/esm/sd-key-value-table.entry.js

@@ -211,7 +211,22 @@ const SdKeyValueTable = class {
         const tableEl = (h("table", { class: {
                 'sd-key-value-table': true,
                 'sd-key-value-table--use-top': this.useTop,
-            }, style: cssVars }, h("colgroup", null, Array.from({ length: maxCols }, (_, i) => (h("col", { key: `col-${i}`, style: i % 2 === 0 ? { width: `${KEY_VALUE_TABLE_LAYOUT.thWidth}px` } : undefined })))), h("tbody", null, this.fields.map((row, r) => (h("tr", { class: "sd-key-value-table__row", key: `row-${r}` }, row.map((field, c) => {
+            }, style: cssVars }, h("colgroup", null, Array.from({ length: maxCols }, (_, i) => {
+            if (i % 2 !== 0)
+                return h("col", { key: `col-${i}` });
+            const fieldIdx = i / 2;
+            const fieldThWidth = this.fields.reduce((found, row) => {
+                if (found != null)
+                    return found;
+                return row[fieldIdx]?.thWidth;
+            }, undefined);
+            const width = fieldThWidth != null
+                ? typeof fieldThWidth === 'number'
+                    ? `${fieldThWidth}px`
+                    : fieldThWidth
+                : `${KEY_VALUE_TABLE_LAYOUT.thWidth}px`;
+            return h("col", { key: `col-${i}`, style: { width } });
+        })), h("tbody", null, this.fields.map((row, r) => (h("tr", { class: "sd-key-value-table__row", key: `row-${r}` }, row.map((field, c) => {
             const showTh = !field.hideTh && !autoSkip[r][c];
             return [showTh ? this.renderTh(field, r, c) : null, this.renderTd(field, r, c)];
         })))))));

package/dist/types/components/sd-key-value-table/sd-key-value-table.config.d.ts

@@ -66,6 +66,8 @@ interface FieldBase {
     thStyle?: {
         [key: string]: string;
     };
+    /** th 컬럼 너비 (number는 px, string은 단위 포함 그대로 사용). 미지정 시 기본 thWidth(120px) */
+    thWidth?: number | string;
 }
 export type SdKeyValueField = (FieldBase & {
     type?: 'text';

package/hydrate/index.js

@@ -11706,7 +11706,22 @@ class SdKeyValueTable {
         const tableEl = (hAsync("table", { class: {
                 'sd-key-value-table': true,
                 'sd-key-value-table--use-top': this.useTop,
-            }, style: cssVars }, hAsync("colgroup", null, Array.from({ length: maxCols }, (_, i) => (hAsync("col", { key: `col-${i}`, style: i % 2 === 0 ? { width: `${KEY_VALUE_TABLE_LAYOUT.thWidth}px` } : undefined })))), hAsync("tbody", null, this.fields.map((row, r) => (hAsync("tr", { class: "sd-key-value-table__row", key: `row-${r}` }, row.map((field, c) => {
+            }, style: cssVars }, hAsync("colgroup", null, Array.from({ length: maxCols }, (_, i) => {
+            if (i % 2 !== 0)
+                return hAsync("col", { key: `col-${i}` });
+            const fieldIdx = i / 2;
+            const fieldThWidth = this.fields.reduce((found, row) => {
+                if (found != null)
+                    return found;
+                return row[fieldIdx]?.thWidth;
+            }, undefined);
+            const width = fieldThWidth != null
+                ? typeof fieldThWidth === 'number'
+                    ? `${fieldThWidth}px`
+                    : fieldThWidth
+                : `${KEY_VALUE_TABLE_LAYOUT.thWidth}px`;
+            return hAsync("col", { key: `col-${i}`, style: { width } });
+        })), hAsync("tbody", null, this.fields.map((row, r) => (hAsync("tr", { class: "sd-key-value-table__row", key: `row-${r}` }, row.map((field, c) => {
             const showTh = !field.hideTh && !autoSkip[r][c];
             return [showTh ? this.renderTh(field, r, c) : null, this.renderTd(field, r, c)];
         })))))));

package/hydrate/index.mjs

@@ -11704,7 +11704,22 @@ class SdKeyValueTable {
         const tableEl = (hAsync("table", { class: {
                 'sd-key-value-table': true,
                 'sd-key-value-table--use-top': this.useTop,
-            }, style: cssVars }, hAsync("colgroup", null, Array.from({ length: maxCols }, (_, i) => (hAsync("col", { key: `col-${i}`, style: i % 2 === 0 ? { width: `${KEY_VALUE_TABLE_LAYOUT.thWidth}px` } : undefined })))), hAsync("tbody", null, this.fields.map((row, r) => (hAsync("tr", { class: "sd-key-value-table__row", key: `row-${r}` }, row.map((field, c) => {
+            }, style: cssVars }, hAsync("colgroup", null, Array.from({ length: maxCols }, (_, i) => {
+            if (i % 2 !== 0)
+                return hAsync("col", { key: `col-${i}` });
+            const fieldIdx = i / 2;
+            const fieldThWidth = this.fields.reduce((found, row) => {
+                if (found != null)
+                    return found;
+                return row[fieldIdx]?.thWidth;
+            }, undefined);
+            const width = fieldThWidth != null
+                ? typeof fieldThWidth === 'number'
+                    ? `${fieldThWidth}px`
+                    : fieldThWidth
+                : `${KEY_VALUE_TABLE_LAYOUT.thWidth}px`;
+            return hAsync("col", { key: `col-${i}`, style: { width } });
+        })), hAsync("tbody", null, this.fields.map((row, r) => (hAsync("tr", { class: "sd-key-value-table__row", key: `row-${r}` }, row.map((field, c) => {
             const showTh = !field.hideTh && !autoSkip[r][c];
             return [showTh ? this.renderTh(field, r, c) : null, this.renderTd(field, r, c)];
         })))))));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sellmate/design-system",
-  "version": "1.16.0",
+  "version": "1.17.0",
   "description": "Sellmate Design System - Web Components Library built with Stencil",
   "keywords": [
     "web-components",