npm - @sellmate/design-system - Versions diffs - 1.31.0 → 1.33.0 - Mend

@sellmate/design-system 1.31.0 → 1.33.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (343) hide show

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

	@@ -1 +1 @@
1	- import{p as e,H as t,c as s,h as a,t as d}from"./p-C6wuKkUq.js";import{s as l}from"./p-Bth2l1cy.js";import{d as r}from"./p-CKV2W-zU.js";import{d as i}from"./p-DasiqnrU.js";import{d as o}from"./p-FGII920I.js";import{d as n}from"./p-6U1qyU5A.js";import{d as u}from"./p-D9qp3o5Y.js";import{d as p}from"./p-D8yhjm54.js";import{d as c}from"./p-1DsQj3tv.js";import{d as b}from"./p-Hjv7LqkN.js";import{d as k}from"./p-DsZwiWiU.js";import{d as v}from"./p-2g4jlJ3i.js";import{d as m}from"./p-DSWD8udu.js";import{d as h}from"./p-SYnTIeiO.js";import{d as y}from"./p-DWnuCSqC.js";import{d as g}from"./p-C6o10dl7.js";import{d as f}from"./p-mcbwNjNT.js";import{d as _}from"./p-CH9dgzTr.js";import{d as x}from"./p-CmCOLnc0.js";import{d as w}from"./p-CzJ9g73f.js";import{d as j}from"./p-OnBLxJAP.js";import{d as E}from"./p-C9IKm4j5.js";import{d as S}from"./p-DnlLqzGM.js";import{d as N}from"./p-CwzkplrI.js";import{d as C}from"./p-B-EV9bey.js";import{d as F}from"./p-CTCt17CE.js";import{d as z}from"./p-DYjaQs6e.js";import{d as U}from"./p-qZxAQy4p.js";const T={paddingX:"16",gap:"4",bg:"#F5FAFF",typography:{fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontSize:"12",lineHeight:"20"}},q={typography:{fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontWeight:"400",fontSize:"12",lineHeight:"20"}},D={color:"#E1E1E1",width:"1"},I={gap:"8"},A="8",B={body:{paddingY:"8",paddingX:{default:"8",wide:"16"}},height:"44",search:{paddingX:"32",bg:"#F9F9F9"}},H=Number(B.height),L=Number(A),W=Number(T.paddingX),G=Number(B.body.paddingY),M=Number(B.body.paddingX.default),O=Number(B.body.paddingX.wide),K=Number(T.gap),P=Number(I.gap),$=Number(D.width),V=Number(B.search.paddingX),Y={border:D.color,thBg:T.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:B.search.bg},J={labelFontFamily:T.typography.fontFamily,labelFontSize:Number(T.typography.fontSize),labelFontWeight:700,labelLineHeight:Number(T.typography.lineHeight),tdFontFamily:q.typography.fontFamily,tdFontSize:Number(q.typography.fontSize),tdFontWeight:Number(q.typography.fontWeight),tdLineHeight:Number(q.typography.lineHeight)},Q=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.change=s(this,"sdChange",7),this.searchEvent=s(this,"sdSearch",7)}fields=[];values={};search=!1;radius="default";change;searchEvent;emit=(e,t)=>{this.change.emit({name:e,value:t,values:{...this.values,[e]:t}})};resolveOptions(e){const t={...e.options??{}};return Object.prototype.hasOwnProperty.call(this.values,e.name)&&(t.value=this.values[e.name]),t}handleSearchClick=()=>{this.searchEvent.emit()};renderField(e){const t=t=>this.emit(e.name,t.detail),s=this.resolveOptions(e);switch(e.type){case"input":return a("sd-input",{width:"100%",...s,onSdUpdate:t});case"textarea":return a("sd-textarea",{width:"100%",...s,onSdUpdate:t});case"number-input":return a("sd-number-input",{width:"100%",...s,onSdUpdate:t});case"select":return a("sd-select",{width:"100%",...s,onSdUpdate:t});case"radio":{const{value:e,direction:d,...l}=s;return a("sd-radio-group",{...l,value:e,direction:d??"horizontal",onSdUpdate:t})}case"checkbox":{const{value:e,...d}=s;return a("sd-checkbox",{...d,value:e,onSdUpdate:t})}case"date-picker":return a("sd-date-picker",{width:"100%",...s,onSdUpdate:t});case"date-range-picker":return a("sd-date-range-picker",{width:"100%",...s,onSdUpdate:t});case"file-picker":return a("sd-file-picker",{width:"100%",...s,onSdUpdate:t});default:return a("span",{class:"sd-key-value-table__text"},s.value??"")}}renderHelpIcon(e){return a("span",{class:"sd-key-value-table__help"},a("sd-tooltip",{icon:"helpOutline",iconSize:16,color:Y.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}buildThStyle(e){const t={...e};return null!=e.color&&(t["--sd-kvt-th-color"]=e.color),null!=e.background&&(t["--sd-kvt-th-bg"]=e.background),null!=e.backgroundColor&&(t["--sd-kvt-th-bg"]=e.backgroundColor),null!=e.fontFamily&&(t["--sd-kvt-label-font-family"]=e.fontFamily),null!=e.fontSize&&(t["--sd-kvt-label-font-size"]=e.fontSize),null!=e.fontWeight&&(t["--sd-kvt-label-font-weight"]=e.fontWeight),null!=e.lineHeight&&(t["--sd-kvt-label-line-height"]=e.lineHeight),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};"string"==typeof e.thClass?r[e.thClass]=!0:Array.isArray(e.thClass)&&e.thClass.forEach((e=>r[e]=!0));const i=null!=e.thStyle?this.buildThStyle(e.thStyle):void 0;return a("th",{key:`th-${t}-${s}`,class:r,style:i,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:Y.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":!0,"sd-key-value-table__td--text":null==e.type\|\|"text"===e.type},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-th-padding-x":W+"px","--sd-kvt-padding":G+"px","--sd-kvt-td-padding-x":M+"px","--sd-kvt-td-padding-x-wide":O+"px","--sd-kvt-gap":K+"px","--sd-kvt-label-gap":P+"px","--sd-kvt-border-width":$+"px","--sd-kvt-border-color":Y.border,"--sd-kvt-th-bg":Y.thBg,"--sd-kvt-th-color":Y.thLabel,"--sd-kvt-required-color":Y.required,"--sd-kvt-td-bg":Y.tdBg,"--sd-kvt-td-color":Y.tdText,"--sd-kvt-label-font-family":J.labelFontFamily,"--sd-kvt-label-font-size":J.labelFontSize+"px","--sd-kvt-label-font-weight":""+J.labelFontWeight,"--sd-kvt-label-line-height":J.labelLineHeight+"px","--sd-kvt-td-font-family":J.tdFontFamily,"--sd-kvt-td-font-size":J.tdFontSize+"px","--sd-kvt-td-font-weight":""+J.tdFontWeight,"--sd-kvt-td-line-height":J.tdLineHeight+"px","--sd-kvt-search-bg":Y.searchBg,"--sd-kvt-search-padding-x":V+"px"};this.warnDuplicateNames();const t=this.computeAutoSkipTh(),s=this.computeMaxCols(t),d=a("table",{class:{"sd-key-value-table":!0,"sd-key-value-table--radius-useTop":"useTop"===this.radius,"sd-key-value-table--radius-full":"full"===this.radius},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--radius-useTop":"useTop"===this.radius,"sd-key-value-table__wrapper--radius-full":"full"===this.radius},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--radius-useTop{border-top-left-radius:0;border-top-right-radius:0}sd-key-value-table .sd-key-value-table__wrapper.sd-key-value-table__wrapper--radius-full{border-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) 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--radius-useTop{border-top-left-radius:0;border-top-right-radius:0}sd-key-value-table .sd-key-value-table.sd-key-value-table--radius-full{border-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);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{padding:var(--sd-kvt-padding) var(--sd-kvt-th-padding-x);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{padding:var(--sd-kvt-padding) var(--sd-kvt-td-padding-x);background:var(--sd-kvt-td-bg);color:var(--sd-kvt-td-color)}sd-key-value-table .sd-key-value-table__td--text{padding-left:var(--sd-kvt-td-padding-x-wide);padding-right:var(--sd-kvt-td-padding-x-wide)}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],values:[16],search:[4],radius:[1]}]),X=Q,R=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),Q);break;case"sd-button":customElements.get(d(e))\|\|r();break;case"sd-calendar":customElements.get(d(e))\|\|i();break;case"sd-checkbox":customElements.get(d(e))\|\|o();break;case"sd-chip":customElements.get(d(e))\|\|n();break;case"sd-date-picker":customElements.get(d(e))\|\|u();break;case"sd-date-picker-trigger":customElements.get(d(e))\|\|p();break;case"sd-date-range-picker":customElements.get(d(e))\|\|c();break;case"sd-date-range-picker-calendar":customElements.get(d(e))\|\|b();break;case"sd-field":customElements.get(d(e))\|\|k();break;case"sd-file-picker":customElements.get(d(e))\|\|v();break;case"sd-floating-portal":customElements.get(d(e))\|\|m();break;case"sd-ghost-button":customElements.get(d(e))\|\|h();break;case"sd-icon":customElements.get(d(e))\|\|y();break;case"sd-input":customElements.get(d(e))\|\|g();break;case"sd-number-input":customElements.get(d(e))\|\|f();break;case"sd-portal":customElements.get(d(e))\|\|_();break;case"sd-radio":customElements.get(d(e))\|\|x();break;case"sd-radio-group":customElements.get(d(e))\|\|w();break;case"sd-select":customElements.get(d(e))\|\|j();break;case"sd-select-list-item":customElements.get(d(e))\|\|E();break;case"sd-select-list-item-search":customElements.get(d(e))\|\|S();break;case"sd-select-listbox":customElements.get(d(e))\|\|N();break;case"sd-select-trigger":customElements.get(d(e))\|\|C();break;case"sd-tag":customElements.get(d(e))\|\|F();break;case"sd-textarea":customElements.get(d(e))\|\|z();break;case"sd-tooltip":customElements.get(d(e))\|\|U()}}))};export{X as SdKeyValueTable,R as defineCustomElement}
1	+ import{p as e,H as t,c as s,h as a,t as d}from"./p-Br8E2gpA.js";import{s as l}from"./p-rayWyWtG.js";import{d as r}from"./p-CWXl1y4p.js";import{d as i}from"./p-CbffRIae.js";import{d as o}from"./p-Bq8PIS3p.js";import{d as n}from"./p-BnioPrIq.js";import{d as u}from"./p-B7_BI_-L.js";import{d as p}from"./p-1ZYElZaM.js";import{d as c}from"./p-Dq0k3GHj.js";import{d as b}from"./p-DI0Ozqgn.js";import{d as k}from"./p-7VzVE0oV.js";import{d as v}from"./p-Cl_48yfz.js";import{d as m}from"./p-BFBKrBpn.js";import{d as h}from"./p-B-DK72cc.js";import{d as y}from"./p-jbqIrDHw.js";import{d as g}from"./p-Do-jFKZ8.js";import{d as f}from"./p-BD30POlo.js";import{d as _}from"./p-Hh0L_XZ6.js";import{d as x}from"./p-BsNOZUfc.js";import{d as w}from"./p-hXul9Vdx.js";import{d as E}from"./p-BUNdqbhQ.js";import{d as j}from"./p-DQi-e0ko.js";import{d as S}from"./p-DrZYy9kv.js";import{d as F}from"./p-DWyPo9fo.js";import{d as N}from"./p-CLhUHKxg.js";import{d as z}from"./p-CZym_85X.js";import{d as B}from"./p-DoeAW35u.js";import{d as U}from"./p-B7fiz4d8.js";const D={paddingX:"16",gap:"4",bg:"#F5FAFF",typography:{fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontSize:"12",lineHeight:"20"}},q={typography:{fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontWeight:"400",fontSize:"12",lineHeight:"20"}},C={color:"#E1E1E1",width:"1"},I={gap:"8"},T="8",A={body:{paddingY:"8",paddingX:{default:"8",wide:"16"}},height:"44",search:{paddingX:"32",bg:"#F9F9F9"}},H=Number(A.height),P=Number(T),W=Number(D.paddingX),X=Number(A.body.paddingY),Z=Number(A.body.paddingX.default),G=Number(A.body.paddingX.wide),K=Number(D.gap),L=Number(I.gap),M=Number(C.width),O=Number(A.search.paddingX),V={border:C.color,thBg:D.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:A.search.bg},$={labelFontFamily:D.typography.fontFamily,labelFontSize:Number(D.typography.fontSize),labelFontWeight:700,labelLineHeight:Number(D.typography.lineHeight),tdFontFamily:q.typography.fontFamily,tdFontSize:Number(q.typography.fontSize),tdFontWeight:Number(q.typography.fontWeight),tdLineHeight:Number(q.typography.lineHeight)},R=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.change=s(this,"sdChange",7),this.searchEvent=s(this,"sdSearch",7)}fields=[];values={};search=!1;radius="default";change;searchEvent;emit=(e,t)=>{this.change.emit({name:e,value:t,values:{...this.values,[e]:t}})};resolveOptions(e){const t={...e.options??{}};return Object.prototype.hasOwnProperty.call(this.values,e.name)&&(t.value=this.values[e.name]),t}handleSearchClick=()=>{this.searchEvent.emit()};renderField(e){const t=t=>this.emit(e.name,t.detail),s=this.resolveOptions(e);switch(e.type){case"input":return a("sd-input",{width:"100%",...s,onSdUpdate:t});case"textarea":return a("sd-textarea",{width:"100%",...s,onSdUpdate:t});case"number-input":return a("sd-number-input",{width:"100%",...s,onSdUpdate:t});case"select":return a("sd-select",{width:"100%",...s,onSdUpdate:t});case"radio":{const{value:e,direction:d,...l}=s;return a("sd-radio-group",{...l,value:e,direction:d??"horizontal",onSdUpdate:t})}case"checkbox":{const{value:e,...d}=s;return a("sd-checkbox",{...d,value:e,onSdUpdate:t})}case"date-picker":return a("sd-date-picker",{width:"100%",...s,onSdUpdate:t});case"date-range-picker":return a("sd-date-range-picker",{width:"100%",...s,onSdUpdate:t});case"file-picker":return a("sd-file-picker",{width:"100%",...s,onSdUpdate:t});default:return a("span",{class:"sd-key-value-table__text"},s.value??"")}}renderHelpIcon(e){return a("span",{class:"sd-key-value-table__help"},a("sd-tooltip",{icon:"helpOutline",iconSize:16,color:V.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}buildThStyle(e){const t={...e};return null!=e.color&&(t["--sd-kvt-th-color"]=e.color),null!=e.background&&(t["--sd-kvt-th-bg"]=e.background),null!=e.backgroundColor&&(t["--sd-kvt-th-bg"]=e.backgroundColor),null!=e.fontFamily&&(t["--sd-kvt-label-font-family"]=e.fontFamily),null!=e.fontSize&&(t["--sd-kvt-label-font-size"]=e.fontSize),null!=e.fontWeight&&(t["--sd-kvt-label-font-weight"]=e.fontWeight),null!=e.lineHeight&&(t["--sd-kvt-label-line-height"]=e.lineHeight),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};"string"==typeof e.thClass?r[e.thClass]=!0:Array.isArray(e.thClass)&&e.thClass.forEach((e=>r[e]=!0));const i=null!=e.thStyle?this.buildThStyle(e.thStyle):void 0;return a("th",{key:`th-${t}-${s}`,class:r,style:i,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:V.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":!0,"sd-key-value-table__td--text":null==e.type\|\|"text"===e.type},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":P+"px","--sd-kvt-th-padding-x":W+"px","--sd-kvt-padding":X+"px","--sd-kvt-td-padding-x":Z+"px","--sd-kvt-td-padding-x-wide":G+"px","--sd-kvt-gap":K+"px","--sd-kvt-label-gap":L+"px","--sd-kvt-border-width":M+"px","--sd-kvt-border-color":V.border,"--sd-kvt-th-bg":V.thBg,"--sd-kvt-th-color":V.thLabel,"--sd-kvt-required-color":V.required,"--sd-kvt-td-bg":V.tdBg,"--sd-kvt-td-color":V.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":V.searchBg,"--sd-kvt-search-padding-x":O+"px"};this.warnDuplicateNames();const t=this.computeAutoSkipTh(),s=this.computeMaxCols(t),d=a("table",{class:{"sd-key-value-table":!0,"sd-key-value-table--radius-useTop":"useTop"===this.radius,"sd-key-value-table--radius-full":"full"===this.radius},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--radius-useTop":"useTop"===this.radius,"sd-key-value-table__wrapper--radius-full":"full"===this.radius},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--radius-useTop{border-top-left-radius:0;border-top-right-radius:0}sd-key-value-table .sd-key-value-table__wrapper.sd-key-value-table__wrapper--radius-full{border-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) 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--radius-useTop{border-top-left-radius:0;border-top-right-radius:0}sd-key-value-table .sd-key-value-table.sd-key-value-table--radius-full{border-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);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{padding:var(--sd-kvt-padding) var(--sd-kvt-th-padding-x);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{padding:var(--sd-kvt-padding) var(--sd-kvt-td-padding-x);background:var(--sd-kvt-td-bg);color:var(--sd-kvt-td-color)}sd-key-value-table .sd-key-value-table__td--text{padding-left:var(--sd-kvt-td-padding-x-wide);padding-right:var(--sd-kvt-td-padding-x-wide)}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],values:[16],search:[4],radius:[1]}]),Y=R,Q=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),R);break;case"sd-button":customElements.get(d(e))\|\|r();break;case"sd-calendar":customElements.get(d(e))\|\|i();break;case"sd-checkbox":customElements.get(d(e))\|\|o();break;case"sd-chip":customElements.get(d(e))\|\|n();break;case"sd-date-picker":customElements.get(d(e))\|\|u();break;case"sd-date-picker-trigger":customElements.get(d(e))\|\|p();break;case"sd-date-range-picker":customElements.get(d(e))\|\|c();break;case"sd-date-range-picker-calendar":customElements.get(d(e))\|\|b();break;case"sd-field":customElements.get(d(e))\|\|k();break;case"sd-file-picker":customElements.get(d(e))\|\|v();break;case"sd-floating-portal":customElements.get(d(e))\|\|m();break;case"sd-ghost-button":customElements.get(d(e))\|\|h();break;case"sd-icon":customElements.get(d(e))\|\|y();break;case"sd-input":customElements.get(d(e))\|\|g();break;case"sd-number-input":customElements.get(d(e))\|\|f();break;case"sd-portal":customElements.get(d(e))\|\|_();break;case"sd-radio":customElements.get(d(e))\|\|x();break;case"sd-radio-group":customElements.get(d(e))\|\|w();break;case"sd-select":customElements.get(d(e))\|\|E();break;case"sd-select-list-item":customElements.get(d(e))\|\|j();break;case"sd-select-list-item-search":customElements.get(d(e))\|\|S();break;case"sd-select-listbox":customElements.get(d(e))\|\|F();break;case"sd-select-trigger":customElements.get(d(e))\|\|N();break;case"sd-tag":customElements.get(d(e))\|\|z();break;case"sd-textarea":customElements.get(d(e))\|\|B();break;case"sd-tooltip":customElements.get(d(e))\|\|U()}}))};export{Y as SdKeyValueTable,Q as defineCustomElement}

package/dist/components/sd-linear-progress.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as e,H as r,h as s,d as a,t as l}from"./p-~~C6wuKkUq~~.js";import{p as i}from"./p-BG5nGnBi.js";import{s as o}from"./p-~~Bth2l1cy~~.js";const t={track:i.progress.color.track,label:i.progress.color.label,valueOnFill:i.progress.bar.text,valueZero:o.color.fg.tertiary},n={primary:i.progress.active.color,error:i.progress.error.color,complete:i.progress.success.color},d=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost()}indeterminate=!1;value=0;type="primary";label;get clampedValue(){return Number.isFinite(this.value)?Math.max(0,Math.min(100,this.value)):0}render(){const e=n[this.type]??n.primary,r={"--sd-linear-progress-track-color":t.track,"--sd-linear-progress-fill-color":e,"--sd-linear-progress-value-color":0===this.clampedValue?t.valueZero:e,"--sd-linear-progress-value-on-fill":t.valueOnFill,"--sd-linear-progress-label-color":t.label},l=this.indeterminate?{}:{width:this.clampedValue+"%"},i={clipPath:`inset(0 ${100-this.clampedValue}% 0 0)`},o=Math.round(this.clampedValue)+"%";return s(a,{key:"~~bb8b4b933b609a42d1c342b7b480d32a48527321~~",style:r},s("div",{key:"~~d127baf4c4cf49d5c6e04ada72636c9d3fd81733~~",class:"sd-linear-progress__track"},s("div",{key:"~~6251da38b070cf9f064b22ed1ecb694da41f63ec~~",class:"sd-linear-progress__fill",style:l}),!this.indeterminate&&s("span",{key:"~~7b15d0383e4cc391a22e4fc7e2a85bc6cd076f80~~",class:"sd-linear-progress__value sd-linear-progress__value--on-track"},o),!this.indeterminate&&s("span",{key:"~~8755f23a83aede79a141a14b73337eacca0fc10d~~",class:"sd-linear-progress__value sd-linear-progress__value--on-fill",style:i},o)),this.label&&s("span",{key:"~~c874dd1ca0cb86c90a84c318790639c0f4283255~~",class:"sd-linear-progress__label"},this.label))}static get style(){return'sd-linear-progress{display:inline-flex;flex-direction:column;gap:12px;width:100%}sd-linear-progress .sd-linear-progress__track{position:relative;width:100%;height:20px;border-radius:9999px;background-color:var(--sd-linear-progress-track-color);overflow:hidden}sd-linear-progress .sd-linear-progress__fill{position:absolute;inset:0 auto 0 0;height:100%;background-color:var(--sd-linear-progress-fill-color);border-radius:inherit;transition:width 0.4s linear}sd-linear-progress .sd-linear-progress__value{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);text-align:center;font-family:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", sans-serif;font-size:12px;font-weight:700;line-height:20px;pointer-events:none;user-select:none}sd-linear-progress .sd-linear-progress__value--on-track{color:var(--sd-linear-progress-value-color)}sd-linear-progress .sd-linear-progress__value--on-fill{color:var(--sd-linear-progress-value-on-fill)}sd-linear-progress .sd-linear-progress__label{text-align:center;color:var(--sd-linear-progress-label-color);font-family:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", sans-serif;font-size:12px;font-weight:400;line-height:20px}sd-linear-progress[indeterminate] .sd-linear-progress__fill{inset:0;width:auto;transform-origin:left center;transition:none;animation:sd-linear-progress-indeterminate 1.2s linear infinite}@keyframes sd-linear-progress-indeterminate{0%{transform:translateX(-100%) scaleX(0.2)}50%{transform:translateX(20%) scaleX(0.6)}100%{transform:translateX(120%) scaleX(0.2)}}'}},[512,"sd-linear-progress",{indeterminate:[516],value:[2],type:[513],label:[1]}]),p=d,c=function(){"undefined"!=typeof customElements&&["sd-linear-progress"].forEach((e=>{"sd-linear-progress"===e&&(customElements.get(l(e))\|\|customElements.define(l(e),d))}))};export{p as SdLinearProgress,c as defineCustomElement}
1	+ import{p as e,H as r,h as s,d as a,t as l}from"./p-Br8E2gpA.js";import{p as i}from"./p-BG5nGnBi.js";import{s as o}from"./p-rayWyWtG.js";const t={track:i.progress.color.track,label:i.progress.color.label,valueOnFill:i.progress.bar.text,valueZero:o.color.fg.tertiary},n={primary:i.progress.active.color,error:i.progress.error.color,complete:i.progress.success.color},d=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost()}indeterminate=!1;value=0;type="primary";label;get clampedValue(){return Number.isFinite(this.value)?Math.max(0,Math.min(100,this.value)):0}render(){const e=n[this.type]??n.primary,r={"--sd-linear-progress-track-color":t.track,"--sd-linear-progress-fill-color":e,"--sd-linear-progress-value-color":0===this.clampedValue?t.valueZero:e,"--sd-linear-progress-value-on-fill":t.valueOnFill,"--sd-linear-progress-label-color":t.label},l=this.indeterminate?{}:{width:this.clampedValue+"%"},i={clipPath:`inset(0 ${100-this.clampedValue}% 0 0)`},o=Math.round(this.clampedValue)+"%";return s(a,{key:"ebed80a75ed922c7a51fac5ee6e76a708476c2a5",style:r},s("div",{key:"31867c35250dbb0131071d96af50eee5fc6c286d",class:"sd-linear-progress__track"},s("div",{key:"379bcb00908b9c47ecb6661a0e0351deb3f5f0d8",class:"sd-linear-progress__fill",style:l}),!this.indeterminate&&s("span",{key:"badb47b8d0ae486988b1f3ac40960dbb7c68ef80",class:"sd-linear-progress__value sd-linear-progress__value--on-track"},o),!this.indeterminate&&s("span",{key:"0a884b1e3cdf262b7b22a2f7c2593bd4b2028d0a",class:"sd-linear-progress__value sd-linear-progress__value--on-fill",style:i},o)),this.label&&s("span",{key:"fd4fce63d80521cfa1b5a0c64d610dd4a7d7f701",class:"sd-linear-progress__label"},this.label))}static get style(){return'sd-linear-progress{display:inline-flex;flex-direction:column;gap:12px;width:100%}sd-linear-progress .sd-linear-progress__track{position:relative;width:100%;height:20px;border-radius:9999px;background-color:var(--sd-linear-progress-track-color);overflow:hidden}sd-linear-progress .sd-linear-progress__fill{position:absolute;inset:0 auto 0 0;height:100%;background-color:var(--sd-linear-progress-fill-color);border-radius:inherit;transition:width 0.4s linear}sd-linear-progress .sd-linear-progress__value{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);text-align:center;font-family:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", sans-serif;font-size:12px;font-weight:700;line-height:20px;pointer-events:none;user-select:none}sd-linear-progress .sd-linear-progress__value--on-track{color:var(--sd-linear-progress-value-color)}sd-linear-progress .sd-linear-progress__value--on-fill{color:var(--sd-linear-progress-value-on-fill)}sd-linear-progress .sd-linear-progress__label{text-align:center;color:var(--sd-linear-progress-label-color);font-family:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", sans-serif;font-size:12px;font-weight:400;line-height:20px}sd-linear-progress[indeterminate] .sd-linear-progress__fill{inset:0;width:auto;transform-origin:left center;transition:none;animation:sd-linear-progress-indeterminate 1.2s linear infinite}@keyframes sd-linear-progress-indeterminate{0%{transform:translateX(-100%) scaleX(0.2)}50%{transform:translateX(20%) scaleX(0.6)}100%{transform:translateX(120%) scaleX(0.2)}}'}},[512,"sd-linear-progress",{indeterminate:[516],value:[2],type:[513],label:[1]}]),p=d,c=function(){"undefined"!=typeof customElements&&["sd-linear-progress"].forEach((e=>{"sd-linear-progress"===e&&(customElements.get(l(e))\|\|customElements.define(l(e),d))}))};export{p as SdLinearProgress,c as defineCustomElement}

package/dist/components/sd-loading-container.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as i,H as e,h as n,t as s}from"./p-~~C6wuKkUq~~.js";import{d as t}from"./p-~~ClbD4Gsr~~.js";const a=i(class extends e{constructor(i){super(),!1!==i&&this.__registerHost()}visible=!1;message="";prevBodyOverflow=null;async show(i={}){this.message=i.message??"",this.visible=!0,this.lockScroll()}async hide(){this.visible=!1,this.unlockScroll()}disconnectedCallback(){this.unlockScroll()}lockScroll(){null===this.prevBodyOverflow&&(this.prevBodyOverflow=document.body.style.overflow,document.body.style.overflow="hidden")}unlockScroll(){null!==this.prevBodyOverflow&&(document.body.style.overflow=this.prevBodyOverflow,this.prevBodyOverflow=null)}render(){return n("div",{key:"~~c7821d4c50651217e48f424cbdfb9a32006afda4~~",class:{"sd-loading-container":!0,"sd-loading-container--visible":this.visible},"aria-hidden":this.visible?"false":"true"},n("div",{key:"~~f7674699f3dd15edd74fc3224203b59ad2a96735~~",class:"sd-loading-container__backdrop"}),n("div",{key:"~~cd361e1a1f470109298459cc2872be104e382015~~",class:"sd-loading-container__content"},n("sd-circle-progress",{key:"~~c856a1e9ab203040dd8bf0d01dbdf151718aaa3e~~",indeterminate:!0,type:"inverse"}),this.message&&n("p",{key:"~~8af15dba086fb024b652db5f776d384f00fd9cf7~~",class:"sd-loading-container__message"},this.message)))}static get style(){return"sd-loading-container .sd-loading-container{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:var(--sd-loading-container-z-index, 999);opacity:0;visibility:hidden;transition:opacity 0.2s ease, visibility 0s linear 0.2s;pointer-events:none}sd-loading-container .sd-loading-container--visible{opacity:1;visibility:visible;transition:opacity 0.2s ease, visibility 0s linear 0s;pointer-events:auto}sd-loading-container .sd-loading-container__backdrop{position:absolute;inset:0;background:rgba(0, 0, 0, 0.4)}sd-loading-container .sd-loading-container__content{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px}sd-loading-container .sd-loading-container__message{margin:0;color:#ffffff;font-size:14px;font-weight:500;line-height:22px;text-align:center;max-width:400px;word-break:keep-all}"}},[512,"sd-loading-container",{visible:[32],message:[32],show:[64],hide:[64]}]),o=a,d=function(){"undefined"!=typeof customElements&&["sd-loading-container","sd-circle-progress"].forEach((i=>{switch(i){case"sd-loading-container":customElements.get(s(i))\|\|customElements.define(s(i),a);break;case"sd-circle-progress":customElements.get(s(i))\|\|t()}}))};export{o as SdLoadingContainer,d as defineCustomElement}
1	+ import{p as e,H as i,h as n,t as s}from"./p-Br8E2gpA.js";import{d as t}from"./p-GBy_9AmI.js";const a=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost()}visible=!1;message="";prevBodyOverflow=null;async show(e={}){this.message=e.message??"",this.visible=!0,this.lockScroll()}async hide(){this.visible=!1,this.unlockScroll()}disconnectedCallback(){this.unlockScroll()}lockScroll(){null===this.prevBodyOverflow&&(this.prevBodyOverflow=document.body.style.overflow,document.body.style.overflow="hidden")}unlockScroll(){null!==this.prevBodyOverflow&&(document.body.style.overflow=this.prevBodyOverflow,this.prevBodyOverflow=null)}render(){return n("div",{key:"2b2f22bf65020005652698c748c6f809e966c6c5",class:{"sd-loading-container":!0,"sd-loading-container--visible":this.visible},"aria-hidden":this.visible?"false":"true"},n("div",{key:"c2eb1da1c4e702ad318a79f952c0afaeca61cbb8",class:"sd-loading-container__backdrop"}),n("div",{key:"6f9640f155cd62cd49428999f4d13edead099108",class:"sd-loading-container__content"},n("sd-circle-progress",{key:"ff891f62d4534b0ce6367bc5a2972eda5fe41792",indeterminate:!0,type:"inverse"}),this.message&&n("p",{key:"f353e27e3d8d087f60ca6c34c80e6f488f1f5ec6",class:"sd-loading-container__message"},this.message)))}static get style(){return"sd-loading-container .sd-loading-container{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:var(--sd-loading-container-z-index, 999);opacity:0;visibility:hidden;transition:opacity 0.2s ease, visibility 0s linear 0.2s;pointer-events:none}sd-loading-container .sd-loading-container--visible{opacity:1;visibility:visible;transition:opacity 0.2s ease, visibility 0s linear 0s;pointer-events:auto}sd-loading-container .sd-loading-container__backdrop{position:absolute;inset:0;background:rgba(0, 0, 0, 0.4)}sd-loading-container .sd-loading-container__content{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px}sd-loading-container .sd-loading-container__message{margin:0;color:#ffffff;font-size:14px;font-weight:500;line-height:22px;text-align:center;max-width:400px;word-break:keep-all}"}},[512,"sd-loading-container",{visible:[32],message:[32],show:[64],hide:[64]}]),o=a,c=function(){"undefined"!=typeof customElements&&["sd-loading-container","sd-circle-progress"].forEach((e=>{switch(e){case"sd-loading-container":customElements.get(s(e))\|\|customElements.define(s(e),a);break;case"sd-circle-progress":customElements.get(s(e))\|\|t()}}))};export{o as SdLoadingContainer,c as defineCustomElement}

package/dist/components/sd-loading-modal.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{S as s,d as o}from"./p-~~DE8Ws9As~~.js";const p=s,r=o;export{p as SdLoadingModal,r as defineCustomElement}
1	+ import{S as o,d as r}from"./p-B7yWar7A.js";const s=o,a=r;export{s as SdLoadingModal,a as defineCustomElement}

package/dist/components/sd-modal-container.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as t,H as s,h as o,t as e}from"./p-~~C6wuKkUq~~.js";import{u as i,r as a,s as n,i as d,a as r}from"./p-DRVnqiWc.js";import{d as l}from"./p-~~CKV2W-zU~~.js";import{d as c}from"./p-~~ClbD4Gsr~~.js";import{d as m}from"./p-~~Dc9g3-5z~~.js";import{d as h}from"./p-~~SYnTIeiO~~.js";import{d as u}from"./p-~~DWnuCSqC~~.js";import{d as p}from"./p-~~DE8Ws9As~~.js";import{d as b}from"./p-~~CH9dgzTr~~.js";import{d as f}from"./p-~~CTCt17CE~~.js";let g=0;const _=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost()}get el(){return this}autoRemove=!1;entries=[];layerRefs=new Map;async open(t,s){const o="modal-"+ ++g,e=this.createConfirmModal(o,t);return this.attachModalEventListeners(o,e),this.mountEntry({id:o,modalEl:e,modalRef:s,persistent:!!t.persistent,closing:!1,backdropVisible:!1}),o}async openLoading(t,s){const o="modal-"+ ++g,e=this.createLoadingModal(o,t);return this.attachLoadingModalEventListeners(o,e),this.mountEntry({id:o,modalEl:e,modalRef:s,persistent:!!t.persistent,closing:!1,backdropVisible:!1}),o}async createCustom(t,s,o){const e="modal-"+ ++g;return t.setAttribute("data-modal-id",e),t.classList.add("sd-modal-container__modal"),this.attachModalEventListeners(e,t),this.mountEntry({id:e,modalEl:t,modalRef:o,persistent:!!s.persistent,closing:!1,backdropVisible:!1}),e}componentDidRender(){if(Array.isArray(this.entries))for(const t of this.entries){if(t.closing\|\|t.modalEl.isConnected)continue;const s=this.layerRefs.get(t.id);if(!s)continue;const{id:o,modalEl:e}=t;s.appendChild(e),this.waitForModalReady(e).then((()=>{requestAnimationFrame((()=>{const t=this.entries.find((t=>t.id===o));t&&!t.closing&&e.isConnected&&(this.entries=this.entries.map((t=>t.id===o?{...t,backdropVisible:!0}:t)),e.classList.add("sd-modal-container__modal--visible"),this.focusInitialElement(e))}))}))}}disconnectedCallback(){for(const t of this.entries??[])t.dismissTimerId&&clearTimeout(t.dismissTimerId),i(t.id)}async dismissById(t,s){this.entries.find((s=>s.id===t))&&this.requestDismiss(t,s)}async update(t,s){const o=this.entries.find((s=>s.id===t&&!s.closing));o&&("sd-loading-modal"!==o.modalEl.tagName.toLowerCase()?this.applyProps(o.modalEl,s):this.applyLoadingProps(o.modalEl,s))}mountEntry(t){const s="undefined"!=typeof document?document.activeElement:null;this.entries=[...this.entries??[],{...t,previousActiveElement:s}],a({id:t.id,persistent:t.persistent,requestClose:()=>this.dispatchClose(t.id),shake:()=>this.shakeModal(t.modalEl),setZIndex:t=>{this.el.style.setProperty("--sd-modal-container-z-index",t+"")}})}attachModalEventListeners(t,s){s.addEventListener("sdOk",(()=>{const s=this.entries.find((s=>s.id===t));s?.modalRef._hasSubmit?.()?s.modalRef._triggerSubmit?.():this.requestDismiss(t,"confirm")})),s.addEventListener("sdCancel",(()=>this.requestDismiss(t,"cancel"))),s.addEventListener("sdClose",(()=>this.requestDismiss(t,"close")))}attachLoadingModalEventListeners(t,s){s.addEventListener("sdClick",(()=>{const s=this.entries.find((s=>s.id===t));s?.modalRef._triggerClick?.()}))}dispatchClose(t){const s=this.entries.find((s=>s.id===t));s?.modalEl.dispatchEvent(new CustomEvent("sdClose"))}requestDismiss(t,s){const o=this.entries.find((s=>s.id===t));if(!o\|\|o.closing)return;o.modalEl.classList.remove("sd-modal-container__modal--visible");const e=setTimeout((()=>{this.finalizeDismiss(t)}),350);n(t,!1),this.entries=(this.entries??[]).map((s=>s.id===t?{...s,closing:!0,dismissTimerId:e,backdropVisible:!1}:s)),"confirm"===s?o.modalRef._triggerOk():"cancel"===s?o.modalRef._triggerCancel():"close"===s&&o.modalRef._triggerClose()}finalizeDismiss(t){const s=this.entries.find((s=>s.id===t));s&&(s.dismissTimerId&&clearTimeout(s.dismissTimerId),s.modalEl.remove(),i(t),this.restoreFocus(s.previousActiveElement),s.modalRef._triggerDismissed(),this.layerRefs.delete(t),this.entries=(this.entries??[]).filter((s=>s.id!==t)),this.autoRemove&&0===this.entries.length&&this.el.remove())}createConfirmModal(t,s){const o=document.createElement("sd-confirm-modal");return o.setAttribute("data-modal-id",t),o.classList.add("sd-modal-container__modal"),this.applyProps(o,s),o}createLoadingModal(t,s){const o=document.createElement("sd-loading-modal");return o.setAttribute("data-modal-id",t),o.classList.add("sd-modal-container__modal"),this.applyLoadingProps(o,s),o}applyLoadingProps(t,s){this.hasOwnProp(s,"state")&&this.setAttr(t,"state",s.state),this.hasOwnProp(s,"message")&&(Array.isArray(s.message)?t.message=s.message:this.setAttr(t,"message",s.message)),this.hasOwnProp(s,"useButton")&&(s.useButton?t.setAttribute("use-button",""):t.removeAttribute("use-button")),this.hasOwnProp(s,"buttonLabel")&&this.setAttr(t,"button-label",s.buttonLabel),this.hasOwnProp(s,"width")&&this.setAttr(t,"width",null!=s.width?s.width+"":void 0),this.hasOwnProp(s,"height")&&this.setAttr(t,"height",null!=s.height?s.height+"":void 0),this.hasOwnProp(s,"progress")&&(t.progress=s.progress)}applyProps(t,s){this.hasOwnProp(s,"type")&&this.setAttr(t,"type",s.type),this.hasOwnProp(s,"title")&&this.setAttr(t,"modal-title",s.title),this.hasOwnProp(s,"titleClass")&&this.setAttr(t,"title-class",s.titleClass),this.hasOwnProp(s,"mainButtonLabel")&&this.setAttr(t,"main-button-label",s.mainButtonLabel),this.hasOwnProp(s,"mainButtonName")&&this.setAttr(t,"main-button-name",s.mainButtonName),this.hasOwnProp(s,"subButtonLabel")&&this.setAttr(t,"sub-button-label",s.subButtonLabel),this.hasOwnProp(s,"tagPreset")&&this.setAttr(t,"tag-preset",s.tagPreset),this.hasOwnProp(s,"tagLabel")&&this.setAttr(t,"tag-label",s.tagLabel),this.hasOwnProp(s,"slotLabel")&&this.setAttr(t,"slot-label",s.slotLabel),this.hasOwnProp(s,"topMessage")&&(t.topMessage=s.topMessage??[]),this.hasOwnProp(s,"bottomMessage")&&(t.bottomMessage=s.bottomMessage??[]),this.hasOwnProp(s,"tagContents")&&this.setSlotContent(t,"tag",s.tagContents),this.hasOwnProp(s,"optionContents")&&this.setSlotContent(t,"option",s.optionContents)}setSlotContent(t,s,o){Array.from(t.children).forEach((t=>{t.getAttribute("slot")===s&&t.remove()})),o&&(o.setAttribute("slot",s),t.appendChild(o))}handleBackdropClick(t){d(t)&&r(t)}focusInitialElement(t){const s=this.getInitialFocusTarget(t);s?.focus()}getInitialFocusTarget(t){const s=t.querySelector("[autofocus]");if(s)return s;const o=t.querySelector(".sd-confirm-modal__button sd-button:last-of-type button,.sd-action-modal__footer > sd-button button,.sd-loading-modal__button sd-button button");if(o)return o;const e=Array.from(t.querySelectorAll('a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex="-1"])')),i=e.find((t=>!t.closest(".sd-action-modal__close, .sd-confirm-modal__close-button")));return e.length>0?i??e[0]:(t.hasAttribute("tabindex")\|\|t.setAttribute("tabindex","-1"),t)}restoreFocus(t){t&&"function"==typeof t.focus&&t.isConnected&&t.focus()}shakeModal(t){const s="sd-modal-container__modal--shake";t.classList.remove(s),t.addEventListener("animationend",(()=>t.classList.remove(s)),{once:!0}),requestAnimationFrame((()=>{t.classList.add(s)}))}waitForModalReady(t){const s=t.componentOnReady;return"function"==typeof s?s.call(t).then((()=>{})):new Promise((t=>{requestAnimationFrame((()=>{requestAnimationFrame((()=>t()))}))}))}hasOwnProp(t,s){return Object.prototype.hasOwnProperty.call(t,s)}setAttr(t,s,o){null!=o&&t.setAttribute(s,o)}render(){return 0===(this.entries?.length??0)?null:o("div",{class:"sd-modal-container"},this.entries.map(((t,s)=>o("div",{key:t.id,class:"sd-modal-container__layer",style:{zIndex:s+1+""},"data-modal-id":t.id,ref:s=>{s&&this.layerRefs.set(t.id,s)}},o("div",{class:{"sd-modal-container__backdrop":!0,"sd-modal-container__backdrop--visible":t.backdropVisible},onClick:()=>this.handleBackdropClick(t.id)})))))}static get style(){return"sd-modal-container{display:block}sd-modal-container .sd-modal-container{position:fixed;inset:0;z-index:var(--sd-modal-container-z-index, 997);pointer-events:none}sd-modal-container .sd-modal-container__layer{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}sd-modal-container .sd-modal-container__backdrop{position:absolute;inset:0;background:rgba(0, 0, 0, 0.4);opacity:0;transition:opacity 0.3s ease-out;pointer-events:none}sd-modal-container .sd-modal-container__backdrop--visible{opacity:1;pointer-events:auto}sd-modal-container .sd-modal-container__modal{position:relative;z-index:1;opacity:0;transform:scale(0);pointer-events:auto;transition:opacity 0.3s ease-out, transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1)}sd-modal-container .sd-modal-container__modal--visible{opacity:1;transform:scale(1)}sd-modal-container .sd-modal-container__modal--shake{animation:modal-shake 0.3s ease-out}@keyframes modal-shake{0%,100%{transform:scale(1)}25%{transform:scale(1.03)}50%{transform:scale(0.97)}75%{transform:scale(1.01)}}"}},[512,"sd-modal-container",{autoRemove:[4,"auto-remove"],entries:[32],open:[64],openLoading:[64],createCustom:[64],dismissById:[64],update:[64]}]),y=_,k=function(){"undefined"!=typeof customElements&&["sd-modal-container","sd-button","sd-circle-progress","sd-confirm-modal","sd-ghost-button","sd-icon","sd-loading-modal","sd-portal","sd-tag"].forEach((t=>{switch(t){case"sd-modal-container":customElements.get(e(t))\|\|customElements.define(e(t),_);break;case"sd-button":customElements.get(e(t))\|\|l();break;case"sd-circle-progress":customElements.get(e(t))\|\|c();break;case"sd-confirm-modal":customElements.get(e(t))\|\|m();break;case"sd-ghost-button":customElements.get(e(t))\|\|h();break;case"sd-icon":customElements.get(e(t))\|\|u();break;case"sd-loading-modal":customElements.get(e(t))\|\|p();break;case"sd-portal":customElements.get(e(t))\|\|b();break;case"sd-tag":customElements.get(e(t))\|\|f()}}))};export{y as SdModalContainer,k as defineCustomElement}
1	+ import{p as t,H as s,h as o,t as e}from"./p-Br8E2gpA.js";import{u as i,r as a,s as n,i as d,a as r}from"./p-DRVnqiWc.js";import{d as l}from"./p-CWXl1y4p.js";import{d as c}from"./p-GBy_9AmI.js";import{d as m}from"./p-Bt0JuXIx.js";import{d as h}from"./p-B-DK72cc.js";import{d as u}from"./p-jbqIrDHw.js";import{d as p}from"./p-B7yWar7A.js";import{d as b}from"./p-Hh0L_XZ6.js";import{d as f}from"./p-CZym_85X.js";let _=0;const y=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost()}get el(){return this}autoRemove=!1;entries=[];layerRefs=new Map;async open(t,s){const o="modal-"+ ++_,e=this.createConfirmModal(o,t);return this.attachModalEventListeners(o,e),this.mountEntry({id:o,modalEl:e,modalRef:s,persistent:!!t.persistent,closing:!1,backdropVisible:!1}),o}async openLoading(t,s){const o="modal-"+ ++_,e=this.createLoadingModal(o,t);return this.attachLoadingModalEventListeners(o,e),this.mountEntry({id:o,modalEl:e,modalRef:s,persistent:!!t.persistent,closing:!1,backdropVisible:!1}),o}async createCustom(t,s,o){const e="modal-"+ ++_;return t.setAttribute("data-modal-id",e),t.classList.add("sd-modal-container__modal"),this.attachModalEventListeners(e,t),this.mountEntry({id:e,modalEl:t,modalRef:o,persistent:!!s.persistent,closing:!1,backdropVisible:!1}),e}componentDidRender(){if(Array.isArray(this.entries))for(const t of this.entries){if(t.closing\|\|t.modalEl.isConnected)continue;const s=this.layerRefs.get(t.id);if(!s)continue;const{id:o,modalEl:e}=t;s.appendChild(e),this.waitForModalReady(e).then((()=>{requestAnimationFrame((()=>{const t=this.entries.find((t=>t.id===o));t&&!t.closing&&e.isConnected&&(this.entries=this.entries.map((t=>t.id===o?{...t,backdropVisible:!0}:t)),e.classList.add("sd-modal-container__modal--visible"),this.focusInitialElement(e))}))}))}}disconnectedCallback(){for(const t of this.entries??[])t.dismissTimerId&&clearTimeout(t.dismissTimerId),i(t.id)}async dismissById(t,s){this.entries.find((s=>s.id===t))&&this.requestDismiss(t,s)}async update(t,s){const o=this.entries.find((s=>s.id===t&&!s.closing));o&&("sd-loading-modal"!==o.modalEl.tagName.toLowerCase()?this.applyProps(o.modalEl,s):this.applyLoadingProps(o.modalEl,s))}mountEntry(t){const s="undefined"!=typeof document?document.activeElement:null;this.entries=[...this.entries??[],{...t,previousActiveElement:s}],a({id:t.id,persistent:t.persistent,requestClose:()=>this.dispatchClose(t.id),shake:()=>this.shakeModal(t.modalEl),setZIndex:t=>{this.el.style.setProperty("--sd-modal-container-z-index",t+"")}})}attachModalEventListeners(t,s){s.addEventListener("sdOk",(()=>{const s=this.entries.find((s=>s.id===t));s?.modalRef._hasSubmit?.()?s.modalRef._triggerSubmit?.():this.requestDismiss(t,"confirm")})),s.addEventListener("sdCancel",(()=>this.requestDismiss(t,"cancel"))),s.addEventListener("sdClose",(()=>this.requestDismiss(t,"close")))}attachLoadingModalEventListeners(t,s){s.addEventListener("sdClick",(()=>{const s=this.entries.find((s=>s.id===t));s?.modalRef._triggerClick?.()}))}dispatchClose(t){const s=this.entries.find((s=>s.id===t));s?.modalEl.dispatchEvent(new CustomEvent("sdClose"))}requestDismiss(t,s){const o=this.entries.find((s=>s.id===t));if(!o\|\|o.closing)return;o.modalEl.classList.remove("sd-modal-container__modal--visible");const e=setTimeout((()=>{this.finalizeDismiss(t)}),350);n(t,!1),this.entries=(this.entries??[]).map((s=>s.id===t?{...s,closing:!0,dismissTimerId:e,backdropVisible:!1}:s)),"confirm"===s?o.modalRef._triggerOk():"cancel"===s?o.modalRef._triggerCancel():"close"===s&&o.modalRef._triggerClose()}finalizeDismiss(t){const s=this.entries.find((s=>s.id===t));s&&(s.dismissTimerId&&clearTimeout(s.dismissTimerId),s.modalEl.remove(),i(t),this.restoreFocus(s.previousActiveElement),s.modalRef._triggerDismissed(),this.layerRefs.delete(t),this.entries=(this.entries??[]).filter((s=>s.id!==t)),this.autoRemove&&0===this.entries.length&&this.el.remove())}createConfirmModal(t,s){const o=document.createElement("sd-confirm-modal");return o.setAttribute("data-modal-id",t),o.classList.add("sd-modal-container__modal"),this.applyProps(o,s),o}createLoadingModal(t,s){const o=document.createElement("sd-loading-modal");return o.setAttribute("data-modal-id",t),o.classList.add("sd-modal-container__modal"),this.applyLoadingProps(o,s),o}applyLoadingProps(t,s){this.hasOwnProp(s,"state")&&this.setAttr(t,"state",s.state),this.hasOwnProp(s,"message")&&(Array.isArray(s.message)?t.message=s.message:this.setAttr(t,"message",s.message)),this.hasOwnProp(s,"useButton")&&(s.useButton?t.setAttribute("use-button",""):t.removeAttribute("use-button")),this.hasOwnProp(s,"buttonLabel")&&this.setAttr(t,"button-label",s.buttonLabel),this.hasOwnProp(s,"width")&&this.setAttr(t,"width",null!=s.width?s.width+"":void 0),this.hasOwnProp(s,"height")&&this.setAttr(t,"height",null!=s.height?s.height+"":void 0),this.hasOwnProp(s,"progress")&&(t.progress=s.progress)}applyProps(t,s){this.hasOwnProp(s,"type")&&this.setAttr(t,"type",s.type),this.hasOwnProp(s,"title")&&this.setAttr(t,"modal-title",s.title),this.hasOwnProp(s,"titleClass")&&this.setAttr(t,"title-class",s.titleClass),this.hasOwnProp(s,"mainButtonLabel")&&this.setAttr(t,"main-button-label",s.mainButtonLabel),this.hasOwnProp(s,"mainButtonName")&&this.setAttr(t,"main-button-name",s.mainButtonName),this.hasOwnProp(s,"subButtonLabel")&&this.setAttr(t,"sub-button-label",s.subButtonLabel),this.hasOwnProp(s,"tagPreset")&&this.setAttr(t,"tag-preset",s.tagPreset),this.hasOwnProp(s,"tagLabel")&&this.setAttr(t,"tag-label",s.tagLabel),this.hasOwnProp(s,"slotLabel")&&this.setAttr(t,"slot-label",s.slotLabel),this.hasOwnProp(s,"topMessage")&&(t.topMessage=s.topMessage??[]),this.hasOwnProp(s,"bottomMessage")&&(t.bottomMessage=s.bottomMessage??[]),this.hasOwnProp(s,"tagContents")&&this.setSlotContent(t,"tag",s.tagContents),this.hasOwnProp(s,"optionContents")&&this.setSlotContent(t,"option",s.optionContents)}setSlotContent(t,s,o){Array.from(t.children).forEach((t=>{t.getAttribute("slot")===s&&t.remove()})),o&&(o.setAttribute("slot",s),t.appendChild(o))}handleBackdropClick(t){d(t)&&r(t)}focusInitialElement(t){const s=this.getInitialFocusTarget(t);s?.focus()}getInitialFocusTarget(t){const s=t.querySelector("[autofocus]");if(s)return s;const o=t.querySelector(".sd-confirm-modal__button sd-button:last-of-type button,.sd-action-modal__footer > sd-button button,.sd-loading-modal__button sd-button button");if(o)return o;const e=Array.from(t.querySelectorAll('a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex="-1"])')),i=e.find((t=>!t.closest(".sd-action-modal__close, .sd-confirm-modal__close-button")));return e.length>0?i??e[0]:(t.hasAttribute("tabindex")\|\|t.setAttribute("tabindex","-1"),t)}restoreFocus(t){t&&"function"==typeof t.focus&&t.isConnected&&t.focus()}shakeModal(t){const s="sd-modal-container__modal--shake";t.classList.remove(s),t.addEventListener("animationend",(()=>t.classList.remove(s)),{once:!0}),requestAnimationFrame((()=>{t.classList.add(s)}))}waitForModalReady(t){const s=t.componentOnReady;return"function"==typeof s?s.call(t).then((()=>{})):new Promise((t=>{requestAnimationFrame((()=>{requestAnimationFrame((()=>t()))}))}))}hasOwnProp(t,s){return Object.prototype.hasOwnProperty.call(t,s)}setAttr(t,s,o){null!=o&&t.setAttribute(s,o)}render(){return 0===(this.entries?.length??0)?null:o("div",{class:"sd-modal-container"},this.entries.map(((t,s)=>o("div",{key:t.id,class:"sd-modal-container__layer",style:{zIndex:s+1+""},"data-modal-id":t.id,ref:s=>{s&&this.layerRefs.set(t.id,s)}},o("div",{class:{"sd-modal-container__backdrop":!0,"sd-modal-container__backdrop--visible":t.backdropVisible},onClick:()=>this.handleBackdropClick(t.id)})))))}static get style(){return"sd-modal-container{display:block}sd-modal-container .sd-modal-container{position:fixed;inset:0;z-index:var(--sd-modal-container-z-index, 997);pointer-events:none}sd-modal-container .sd-modal-container__layer{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}sd-modal-container .sd-modal-container__backdrop{position:absolute;inset:0;background:rgba(0, 0, 0, 0.4);opacity:0;transition:opacity 0.3s ease-out;pointer-events:none}sd-modal-container .sd-modal-container__backdrop--visible{opacity:1;pointer-events:auto}sd-modal-container .sd-modal-container__modal{position:relative;z-index:1;opacity:0;transform:scale(0);pointer-events:auto;transition:opacity 0.3s ease-out, transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1)}sd-modal-container .sd-modal-container__modal--visible{opacity:1;transform:scale(1)}sd-modal-container .sd-modal-container__modal--shake{animation:modal-shake 0.3s ease-out}@keyframes modal-shake{0%,100%{transform:scale(1)}25%{transform:scale(1.03)}50%{transform:scale(0.97)}75%{transform:scale(1.01)}}"}},[512,"sd-modal-container",{autoRemove:[4,"auto-remove"],entries:[32],open:[64],openLoading:[64],createCustom:[64],dismissById:[64],update:[64]}]),g=y,k=function(){"undefined"!=typeof customElements&&["sd-modal-container","sd-button","sd-circle-progress","sd-confirm-modal","sd-ghost-button","sd-icon","sd-loading-modal","sd-portal","sd-tag"].forEach((t=>{switch(t){case"sd-modal-container":customElements.get(e(t))\|\|customElements.define(e(t),y);break;case"sd-button":customElements.get(e(t))\|\|l();break;case"sd-circle-progress":customElements.get(e(t))\|\|c();break;case"sd-confirm-modal":customElements.get(e(t))\|\|m();break;case"sd-ghost-button":customElements.get(e(t))\|\|h();break;case"sd-icon":customElements.get(e(t))\|\|u();break;case"sd-loading-modal":customElements.get(e(t))\|\|p();break;case"sd-portal":customElements.get(e(t))\|\|b();break;case"sd-tag":customElements.get(e(t))\|\|f()}}))};export{g as SdModalContainer,k as defineCustomElement}

package/dist/components/sd-number-input.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{S as o,d as s}from"./p-~~mcbwNjNT~~.js";const m=o,p=s;export{m as SdNumberInput,p as defineCustomElement}
1	+ import{S as o,d as s}from"./p-BD30POlo.js";const p=o,r=s;export{p as SdNumberInput,r as defineCustomElement}

package/dist/components/sd-pagination.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as t,H as i,c as n,h as a,F as e,t as s}from"./p-~~C6wuKkUq~~.js";import{d as o}from"./p-~~DWnuCSqC~~.js";var g={default:{fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontSize:"12",fontWeight:"500",lineHeight:"20"},selected:{fontWeight:"700"}},r={bg:{hover:"#EEEEEE",selected:"#E6F1FF"},content:{default:"#555555",hover:"#004290",selected:"#004290"}};const d={height:"24"+"px",paddingX:"6"+"px",radius:"6"+"px",gap:"12"+"px",moveGap:{gap:"4"}.gap+"px",simpleGap:{gap:"8"}.gap+"px",iconSize:Number("12")},p={fontFamily:g.default.fontFamily,fontSize:g.default.fontSize+"px",lineHeight:g.default.lineHeight+"px",fontWeightDefault:g.default.fontWeight,fontWeightSelected:g.selected.fontWeight},h={contentDefault:r.content.default,contentHover:r.content.hover,contentSelected:r.content.selected,bgHover:r.bg.hover,bgSelected:r.bg.selected,iconDefault:"#888888"},l=10,c={1:24,2:34,3:40,4:48,5:56},u=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.pageChange=n(this,"sdPageChange",7)}currentPage=1;lastPage=1;simple=!1;pageChange;get pageNumbers(){const t=Math.floor((this.currentPage-1)/l)l+1;return Array.from({length:Math.min(t+l-1,this.lastPage)-t+1},((i,n)=>t+n))}get buttonWidth(){const t=this.pageNumbers.at(-1)??1;return c[(""+t).length]\|\|c[1]}get isFirstGroup(){return this.currentPage<=l}get isLastGroup(){return Math.floor((this.currentPage-1)/l)l+1+l-1>=this.lastPage}handlePageChange=t=>{t<1\|\|t>this.lastPage\|\|(this.currentPage=t,this.pageChange.emit(t))};handleGroupChange=t=>{this.handlePageChange(Math.min(Math.max(this.currentPage+("forward"===t?l:-10),1),this.lastPage))};renderNavButton(t,i,n){return a("button",{type:"button",class:"sd-pagination__nav","aria-label":i,onClick:n},a("sd-icon",{name:t,size:d.iconSize,color:h.iconDefault}))}renderPrevButtons(){return this.simple?this.currentPage<=1?null:a(e,null,this.renderNavButton("chevronLeftEnd","Go to first page",(()=>this.handlePageChange(1))),this.renderNavButton("chevronLeft","Go to previous page",(()=>this.handlePageChange(this.currentPage-1)))):this.isFirstGroup?null:a(e,null,this.renderNavButton("chevronLeftEnd","Go to first page",(()=>this.handlePageChange(1))),this.renderNavButton("chevronLeft","Go to previous page group",(()=>this.handleGroupChange("backward"))))}renderNextButtons(){return this.simple?this.currentPage>=this.lastPage?null:a(e,null,this.renderNavButton("chevronRight","Go to next page",(()=>this.handlePageChange(this.currentPage+1))),this.renderNavButton("chevronRightEnd","Go to last page",(()=>this.handlePageChange(this.lastPage)))):this.isLastGroup?null:a(e,null,this.renderNavButton("chevronRight","Go to next page group",(()=>this.handleGroupChange("forward"))),this.renderNavButton("chevronRightEnd","Go to last page",(()=>this.handlePageChange(this.lastPage))))}render(){return a("div",{key:"~~0b5a2e9aec83e6f6a8de3426e57b3f9a53623652~~",class:{"sd-pagination":!0,"sd-pagination--simple":this.simple},style:{"--sd-pagination-height":d.height,"--sd-pagination-padding-x":d.paddingX,"--sd-pagination-radius":d.radius,"--sd-pagination-gap":d.gap,"--sd-pagination-move-gap":d.moveGap,"--sd-pagination-simple-gap":d.simpleGap,"--sd-pagination-font-family":p.fontFamily,"--sd-pagination-font-size":p.fontSize,"--sd-pagination-line-height":p.lineHeight,"--sd-pagination-font-weight-default":p.fontWeightDefault,"--sd-pagination-font-weight-selected":p.fontWeightSelected,"--sd-pagination-content":h.contentDefault,"--sd-pagination-content-hover":h.contentHover,"--sd-pagination-content-selected":h.contentSelected,"--sd-pagination-bg-hover":h.bgHover,"--sd-pagination-bg-selected":h.bgSelected,"--sd-pagination-item-width":this.buttonWidth+"px"}},a("div",{key:"~~aa53d0366ae4678950ecd3917fd0d7011dd9608d~~",class:"sd-pagination__group sd-pagination__group--prev"},this.renderPrevButtons()),this.simple?a("div",{class:"sd-pagination__info"},a("span",{class:"sd-pagination__current"},this.currentPage),a("span",{class:"sd-pagination__divider"},"/"),a("span",{class:"sd-pagination__last"},this.lastPage)):a("div",{class:"sd-pagination__numbers"},this.pageNumbers.map((t=>a("button",{type:"button","aria-current":this.currentPage===t?"page":void 0,class:{"sd-pagination__item":!0,"sd-pagination__item--selected":this.currentPage===t},onClick:()=>this.handlePageChange(t)},t)))),a("div",{key:"~~1aa72933c849af4fc886cc4e5f8962710c6c40bf~~",class:"sd-pagination__group sd-pagination__group--next"},this.renderNextButtons()))}static get style(){return"sd-pagination{display:inline-flex}.sd-pagination{display:inline-flex;align-items:center;gap:var(--sd-pagination-gap);font-family:var(--sd-pagination-font-family)}.sd-pagination__group{display:inline-flex;align-items:center;gap:var(--sd-pagination-move-gap);min-width:calc(var(--sd-pagination-height) * 2 + var(--sd-pagination-move-gap))}.sd-pagination__group--prev{justify-content:flex-end}.sd-pagination__group--next{justify-content:flex-start}.sd-pagination__numbers{display:inline-flex;align-items:center;gap:var(--sd-pagination-move-gap)}.sd-pagination__nav{display:inline-flex;align-items:center;justify-content:center;width:var(--sd-pagination-height);height:var(--sd-pagination-height);padding:0;background:transparent;border:0;border-radius:var(--sd-pagination-radius);cursor:pointer;outline:none}.sd-pagination__nav:hover{background-color:var(--sd-pagination-bg-hover)}.sd-pagination__item{display:inline-flex;align-items:center;justify-content:center;width:var(--sd-pagination-item-width);height:var(--sd-pagination-height);padding:0 var(--sd-pagination-padding-x);background:transparent;border:0;border-radius:var(--sd-pagination-radius);color:var(--sd-pagination-content);font-size:var(--sd-pagination-font-size);font-weight:var(--sd-pagination-font-weight-default);line-height:var(--sd-pagination-line-height);cursor:pointer;outline:none;box-sizing:border-box}.sd-pagination__item:hover{background-color:var(--sd-pagination-bg-hover);color:var(--sd-pagination-content-hover)}.sd-pagination__item--selected{background-color:var(--sd-pagination-bg-selected);color:var(--sd-pagination-content-selected);font-weight:var(--sd-pagination-font-weight-selected)}.sd-pagination__item--selected:hover{background-color:var(--sd-pagination-bg-selected);color:var(--sd-pagination-content-selected)}.sd-pagination__info{display:inline-flex;align-items:center;gap:var(--sd-pagination-simple-gap);height:var(--sd-pagination-height);padding:0 var(--sd-pagination-padding-x);color:var(--sd-pagination-content);font-size:var(--sd-pagination-font-size);font-weight:var(--sd-pagination-font-weight-default);line-height:var(--sd-pagination-line-height)}.sd-pagination__current{color:var(--sd-pagination-content-selected);font-weight:var(--sd-pagination-font-weight-selected)}"}},[512,"sd-pagination",{currentPage:[1026,"current-page"],lastPage:[2,"last-page"],simple:[4]}]),v=u,f=function(){"undefined"!=typeof customElements&&["sd-pagination","sd-icon"].forEach((t=>{switch(t){case"sd-pagination":customElements.get(s(t))\|\|customElements.define(s(t),u);break;case"sd-icon":customElements.get(s(t))\|\|o()}}))};export{v as SdPagination,f as defineCustomElement}
1	+ import{p as t,H as i,c as n,h as a,F as e,t as s}from"./p-Br8E2gpA.js";import{d as o}from"./p-jbqIrDHw.js";var g={default:{fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontSize:"12",fontWeight:"500",lineHeight:"20"},selected:{fontWeight:"700"}},r={bg:{hover:"#EEEEEE",selected:"#E6F1FF"},content:{default:"#555555",hover:"#004290",selected:"#004290"}};const d={height:"24"+"px",paddingX:"6"+"px",radius:"6"+"px",gap:"12"+"px",moveGap:{gap:"4"}.gap+"px",simpleGap:{gap:"8"}.gap+"px",iconSize:Number("12")},p={fontFamily:g.default.fontFamily,fontSize:g.default.fontSize+"px",lineHeight:g.default.lineHeight+"px",fontWeightDefault:g.default.fontWeight,fontWeightSelected:g.selected.fontWeight},h={contentDefault:r.content.default,contentHover:r.content.hover,contentSelected:r.content.selected,bgHover:r.bg.hover,bgSelected:r.bg.selected,iconDefault:"#888888"},l=10,c={1:24,2:34,3:40,4:48,5:56},u=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.pageChange=n(this,"sdPageChange",7)}currentPage=1;lastPage=1;simple=!1;pageChange;get pageNumbers(){const t=Math.floor((this.currentPage-1)/l)l+1;return Array.from({length:Math.min(t+l-1,this.lastPage)-t+1},((i,n)=>t+n))}get buttonWidth(){const t=this.pageNumbers.at(-1)??1;return c[(""+t).length]\|\|c[1]}get isFirstGroup(){return this.currentPage<=l}get isLastGroup(){return Math.floor((this.currentPage-1)/l)l+1+l-1>=this.lastPage}handlePageChange=t=>{t<1\|\|t>this.lastPage\|\|(this.currentPage=t,this.pageChange.emit(t))};handleGroupChange=t=>{this.handlePageChange(Math.min(Math.max(this.currentPage+("forward"===t?l:-10),1),this.lastPage))};renderNavButton(t,i,n){return a("button",{type:"button",class:"sd-pagination__nav","aria-label":i,onClick:n},a("sd-icon",{name:t,size:d.iconSize,color:h.iconDefault}))}renderPrevButtons(){return this.simple?this.currentPage<=1?null:a(e,null,this.renderNavButton("chevronLeftEnd","Go to first page",(()=>this.handlePageChange(1))),this.renderNavButton("chevronLeft","Go to previous page",(()=>this.handlePageChange(this.currentPage-1)))):this.isFirstGroup?null:a(e,null,this.renderNavButton("chevronLeftEnd","Go to first page",(()=>this.handlePageChange(1))),this.renderNavButton("chevronLeft","Go to previous page group",(()=>this.handleGroupChange("backward"))))}renderNextButtons(){return this.simple?this.currentPage>=this.lastPage?null:a(e,null,this.renderNavButton("chevronRight","Go to next page",(()=>this.handlePageChange(this.currentPage+1))),this.renderNavButton("chevronRightEnd","Go to last page",(()=>this.handlePageChange(this.lastPage)))):this.isLastGroup?null:a(e,null,this.renderNavButton("chevronRight","Go to next page group",(()=>this.handleGroupChange("forward"))),this.renderNavButton("chevronRightEnd","Go to last page",(()=>this.handlePageChange(this.lastPage))))}render(){return a("div",{key:"9ed057ae1af69f0703c7191f5f3367806d2a3081",class:{"sd-pagination":!0,"sd-pagination--simple":this.simple},style:{"--sd-pagination-height":d.height,"--sd-pagination-padding-x":d.paddingX,"--sd-pagination-radius":d.radius,"--sd-pagination-gap":d.gap,"--sd-pagination-move-gap":d.moveGap,"--sd-pagination-simple-gap":d.simpleGap,"--sd-pagination-font-family":p.fontFamily,"--sd-pagination-font-size":p.fontSize,"--sd-pagination-line-height":p.lineHeight,"--sd-pagination-font-weight-default":p.fontWeightDefault,"--sd-pagination-font-weight-selected":p.fontWeightSelected,"--sd-pagination-content":h.contentDefault,"--sd-pagination-content-hover":h.contentHover,"--sd-pagination-content-selected":h.contentSelected,"--sd-pagination-bg-hover":h.bgHover,"--sd-pagination-bg-selected":h.bgSelected,"--sd-pagination-item-width":this.buttonWidth+"px"}},a("div",{key:"7808a3b793aeb0dafc3fb04b6b16ea0fc0a0beb9",class:"sd-pagination__group sd-pagination__group--prev"},this.renderPrevButtons()),this.simple?a("div",{class:"sd-pagination__info"},a("span",{class:"sd-pagination__current"},this.currentPage),a("span",{class:"sd-pagination__divider"},"/"),a("span",{class:"sd-pagination__last"},this.lastPage)):a("div",{class:"sd-pagination__numbers"},this.pageNumbers.map((t=>a("button",{type:"button","aria-current":this.currentPage===t?"page":void 0,class:{"sd-pagination__item":!0,"sd-pagination__item--selected":this.currentPage===t},onClick:()=>this.handlePageChange(t)},t)))),a("div",{key:"be54a6060c5811bd8b3853fb6b1f6f1b124a5856",class:"sd-pagination__group sd-pagination__group--next"},this.renderNextButtons()))}static get style(){return"sd-pagination{display:inline-flex}.sd-pagination{display:inline-flex;align-items:center;gap:var(--sd-pagination-gap);font-family:var(--sd-pagination-font-family)}.sd-pagination__group{display:inline-flex;align-items:center;gap:var(--sd-pagination-move-gap);min-width:calc(var(--sd-pagination-height) * 2 + var(--sd-pagination-move-gap))}.sd-pagination__group--prev{justify-content:flex-end}.sd-pagination__group--next{justify-content:flex-start}.sd-pagination__numbers{display:inline-flex;align-items:center;gap:var(--sd-pagination-move-gap)}.sd-pagination__nav{display:inline-flex;align-items:center;justify-content:center;width:var(--sd-pagination-height);height:var(--sd-pagination-height);padding:0;background:transparent;border:0;border-radius:var(--sd-pagination-radius);cursor:pointer;outline:none}.sd-pagination__nav:hover{background-color:var(--sd-pagination-bg-hover)}.sd-pagination__item{display:inline-flex;align-items:center;justify-content:center;width:var(--sd-pagination-item-width);height:var(--sd-pagination-height);padding:0 var(--sd-pagination-padding-x);background:transparent;border:0;border-radius:var(--sd-pagination-radius);color:var(--sd-pagination-content);font-size:var(--sd-pagination-font-size);font-weight:var(--sd-pagination-font-weight-default);line-height:var(--sd-pagination-line-height);cursor:pointer;outline:none;box-sizing:border-box}.sd-pagination__item:hover{background-color:var(--sd-pagination-bg-hover);color:var(--sd-pagination-content-hover)}.sd-pagination__item--selected{background-color:var(--sd-pagination-bg-selected);color:var(--sd-pagination-content-selected);font-weight:var(--sd-pagination-font-weight-selected)}.sd-pagination__item--selected:hover{background-color:var(--sd-pagination-bg-selected);color:var(--sd-pagination-content-selected)}.sd-pagination__info{display:inline-flex;align-items:center;gap:var(--sd-pagination-simple-gap);height:var(--sd-pagination-height);padding:0 var(--sd-pagination-padding-x);color:var(--sd-pagination-content);font-size:var(--sd-pagination-font-size);font-weight:var(--sd-pagination-font-weight-default);line-height:var(--sd-pagination-line-height)}.sd-pagination__current{color:var(--sd-pagination-content-selected);font-weight:var(--sd-pagination-font-weight-selected)}"}},[512,"sd-pagination",{currentPage:[1026,"current-page"],lastPage:[2,"last-page"],simple:[4]}]),f=u,v=function(){"undefined"!=typeof customElements&&["sd-pagination","sd-icon"].forEach((t=>{switch(t){case"sd-pagination":customElements.get(s(t))\|\|customElements.define(s(t),u);break;case"sd-icon":customElements.get(s(t))\|\|o()}}))};export{f as SdPagination,v as defineCustomElement}

package/dist/components/sd-popover.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as t,H as e,c as s,h as i,F as n,t as o}from"./p-~~C6wuKkUq~~.js";import{T as a}from"./p-~~BvJ14GuJ~~.js";import{d as l}from"./p-~~CKV2W-zU~~.js";import{d as c}from"./p-~~DSWD8udu~~.js";import{d}from"./p-~~SYnTIeiO~~.js";import{d ~~as r~~}from"./p-~~DWnuCSqC~~.js";import{d as f}from"./p-~~CH9dgzTr~~.js";import{d as b}from"./p-~~CTCt17CE~~.js";import{d as u}from"./p-~~DOfLrOEu~~.js";var m={bg:"#07284A",title:"#FFFFFF",description:"#FFFFFF",subAction:"#D8D8D8"},p={leadingIcon:"16",gap:"8"},h={bg:"#FCEFEF",title:"#FB4444"},g={bg:"#FEF1EA",title:"#FF6B00"},k={bg:"#E6F1FF",title:"#0075FF"},C={description:"#555555",subAction:"#888888"};const F=p.gap,y=p.leadingIcon,_={default:{bg:m.bg,title:m.title,description:m.description,subAction:m.subAction,buttonName:"primary_xs"},danger:{bg:h.bg,title:h.title,description:C.description,subAction:C.subAction,buttonName:"danger_outline_xs"},warning:{bg:g.bg,title:g.title,description:C.description,subAction:C.subAction,buttonName:"neutral_outline_xs"},accent:{bg:k.bg,title:k.title,description:C.description,subAction:C.subAction,buttonName:"primary_xs"}},v=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.showChange=s(this,"sdShowChange",7),this.buttonClick=s(this,"sdButtonClick",7),this.leftLinkClick=s(this,"sdLeftLinkClick",7)}get el(){return this}open;defaultOpen=!1;placement="bottom";type="default";menuTitle;titleIcon;icon="helpOutline";iconSize=12;color="#01BB4B";leftLinkLabel;buttonLabel;ariaLabel="";menuClassName="";internalOpen=!1;slotContentHTML="";triggerHTML="";showChange;buttonClick;leftLinkClick;triggerEl;get isOpen(){return void 0!==this.open?this.open:this.internalOpen}setOpen=t=>{this.isOpen!==t&&(void 0===this.open?this.internalOpen=t:this.open=t,this.showChange.emit(t))};get popoverOffset(){switch(this.placement??"bottom"){case"top":return[0,-4];case"bottom":return[0,4];case"left":case"right":return[4,0]}}handleClose=()=>this.setOpen(!1);componentWillLoad(){this.internalOpen=this.defaultOpen;const t=this.el.querySelector('[slot="trigger"]');t&&(this.triggerHTML=t.outerHTML,t.remove()),this.slotContentHTML=this.el.innerHTML,this.el.innerHTML=""}render(){const t=this.placement??"bottom",e=_[this.type??"default"]??_.default,s=this.menuClassName??"",o=void 0!==this.leftLinkLabel&&""!==this.leftLinkLabel;return i(n,{key:"~~16cc231907c02de80749163ce4b639303e969f4a~~"},""!==this.triggerHTML?i("span",{ref:t=>this.triggerEl=t,class:"sd-popover","aria-label":this.ariaLabel\|\|void 0,innerHTML:this.triggerHTML,onClick:()=>this.setOpen(!this.isOpen)}):i("sd-icon",{ref:t=>this.triggerEl=t,name:this.icon??"helpOutline",size:this.iconSize??12,color:this.color??"#01BB4B",class:"sd-popover","aria-label":this.ariaLabel\|\|void 0,onClick:()=>this.setOpen(!this.isOpen)}),this.isOpen&&i("sd-floating-portal",{key:"~~c59ec7fb1b7ea137b95542f7e8f775c6bd837975~~",parentRef:this.triggerEl,onSdClose:this.handleClose,placement:t,offset:this.popoverOffset},i("div",{key:"~~97e68e0246997a0a73beb3e984331daa57161e8e~~",class:{"sd-floating-menu":!0,"sd-floating-menu--popover":!0,["sd-floating-menu--"+t]:!0,[s]:""!==s},style:{"--sd-floating-bg":e.bg,"--sd-floating-content":e.description}},i("i",{key:"~~b96d7dc623a1fab61ee84f612c68c9f7bbac7405~~",class:"sd-floating-menu__arrow sd-floating-menu__arrow--"+t},i(a,{key:"~~92c6e5ef1258d6e99f744c75cef7ee3dd26d0367~~"})),i("div",{key:"~~9c9f3cfcc8a3d60e5282a5f6f2653e2cce17cf56~~",class:"sd-floating-menu__content"},this.menuTitle&&i("div",{key:"~~044ae6b271fbf0cede0b4983e074d56882d5f50f~~",class:"sd-floating-menu__title",style:{color:e.title,display:"flex",alignItems:"center",gap:F+"px"}},this.titleIcon&&i("sd-icon",{key:"~~360cf55b73ee395191836ee13a2d492460059f4a~~",name:this.titleIcon,size:Number(y),color:e.title}),i("span",{key:"~~5cc44d0806971433b42c41e48a48e7ea8cc2c975~~"},this.menuTitle)),this.slotContentHTML&&i("div",{key:"~~a5343a56938c0d6d5d5fd07fb83b7ccee4e81cf0~~",class:"sd-floating-menu__messages",innerHTML:this.slotContentHTML}),i("div",{key:"~~1f6a0f46b2b6b5f08a0d453cae2a868f93015ac7~~",class:{"sd-floating-menu__buttons":!0,"sd-floating-menu__buttons--with-link":o}},o&&i("sd-text-link",{key:"~~5ec7502837f7417266810769885e2318c80ad986~~",class:"sd-floating-menu__left-link",style:{"--sd-text-link-color":e.subAction},label:this.leftLinkLabel,onSdClick:()=>this.leftLinkClick.emit()}),i("sd-button",{key:"~~3d9df22cd0b65add5cd18b3750888248dc235408~~",name:e.buttonName,label:this.buttonLabel,ariaLabel:this.buttonLabel\|\|"confirm",onSdClick:()=>this.buttonClick.emit()}))),i("sd-ghost-button",{key:"~~7e1ca491a2539b52ded454aca8afd26a92dc2ef6~~",class:"sd-floating-menu__close-button",icon:"close",ariaLabel:"close",size:"xs",onClick:this.handleClose}))))}static get style(){return"sd-popover{position:relative;cursor:pointer;display:inline-flex}"}},[512,"sd-popover",{open:[1028],defaultOpen:[4,"default-open"],placement:[513],type:[513],menuTitle:[1,"menu-title"],titleIcon:[1,"title-icon"],icon:[513],iconSize:[514,"icon-size"],color:[513],leftLinkLabel:[1,"left-link-label"],buttonLabel:[1,"button-label"],ariaLabel:[1,"aria-label"],menuClassName:[1,"menu-class-name"],internalOpen:[32],slotContentHTML:[32],triggerHTML:[32]}]),L=v,E=function(){"undefined"!=typeof customElements&&["sd-popover","sd-button","sd-floating-portal","sd-ghost-button","sd-icon","sd-portal","sd-tag","sd-text-link"].forEach((t=>{switch(t){case"sd-popover":customElements.get(o(t))\|\|customElements.define(o(t),v);break;case"sd-button":customElements.get(o(t))\|\|l();break;case"sd-floating-portal":customElements.get(o(t))\|\|c();break;case"sd-ghost-button":customElements.get(o(t))\|\|d();break;case"sd-icon":customElements.get(o(t))\|\|r();break;case"sd-portal":customElements.get(o(t))\|\|f();break;case"sd-tag":customElements.get(o(t))\|\|b();break;case"sd-text-link":customElements.get(o(t))\|\|u()}}))};export{L as SdPopover,E as defineCustomElement}
1	+ import{p as t,H as e,c as s,h as i,F as a,t as n}from"./p-Br8E2gpA.js";import{T as o}from"./p-Cf3_sXLv.js";import{d as l}from"./p-CWXl1y4p.js";import{d as c}from"./p-BFBKrBpn.js";import{d as r}from"./p-B-DK72cc.js";import{d}from"./p-jbqIrDHw.js";import{d as f}from"./p-Hh0L_XZ6.js";import{d as b}from"./p-CZym_85X.js";import{d as p}from"./p-n7Aqcaet.js";var m={bg:"#07284A",title:"#FFFFFF",description:"#FFFFFF",subAction:"#D8D8D8"},u={leadingIcon:"16",gap:"8"},h={bg:"#FCEFEF",title:"#FB4444"},g={bg:"#FEF1EA",title:"#FF6B00"},k={bg:"#E6F1FF",title:"#0075FF"},y={description:"#555555",subAction:"#888888"};const F=u.gap,_=u.leadingIcon,L={default:{bg:m.bg,title:m.title,description:m.description,subAction:m.subAction,buttonName:"primary_xs"},danger:{bg:h.bg,title:h.title,description:y.description,subAction:y.subAction,buttonName:"danger_outline_xs"},warning:{bg:g.bg,title:g.title,description:y.description,subAction:y.subAction,buttonName:"neutral_outline_xs"},accent:{bg:k.bg,title:k.title,description:y.description,subAction:y.subAction,buttonName:"primary_xs"}},v=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.showChange=s(this,"sdShowChange",7),this.buttonClick=s(this,"sdButtonClick",7),this.leftLinkClick=s(this,"sdLeftLinkClick",7)}get el(){return this}open;defaultOpen=!1;placement="bottom";type="default";menuTitle;titleIcon;icon="helpOutline";iconSize=12;color="#01BB4B";leftLinkLabel;buttonLabel;ariaLabel="";menuClassName="";internalOpen=!1;slotContentHTML="";triggerHTML="";showChange;buttonClick;leftLinkClick;triggerEl;get isOpen(){return void 0!==this.open?this.open:this.internalOpen}setOpen=t=>{this.isOpen!==t&&(void 0===this.open?this.internalOpen=t:this.open=t,this.showChange.emit(t))};get popoverOffset(){switch(this.placement??"bottom"){case"top":return[0,-4];case"bottom":return[0,4];case"left":case"right":return[4,0]}}handleClose=()=>this.setOpen(!1);componentWillLoad(){this.internalOpen=this.defaultOpen;const t=this.el.querySelector('[slot="trigger"]');t&&(this.triggerHTML=t.outerHTML,t.remove()),this.slotContentHTML=this.el.innerHTML,this.el.innerHTML=""}render(){const t=this.placement??"bottom",e=L[this.type??"default"]??L.default,s=this.menuClassName??"",n=void 0!==this.leftLinkLabel&&""!==this.leftLinkLabel;return i(a,{key:"f0849060d410a5ef747e7da4f0287456a465fc06"},""!==this.triggerHTML?i("span",{ref:t=>this.triggerEl=t,class:"sd-popover","aria-label":this.ariaLabel\|\|void 0,innerHTML:this.triggerHTML,onClick:()=>this.setOpen(!this.isOpen)}):i("sd-icon",{ref:t=>this.triggerEl=t,name:this.icon??"helpOutline",size:this.iconSize??12,color:this.color??"#01BB4B",class:"sd-popover","aria-label":this.ariaLabel\|\|void 0,onClick:()=>this.setOpen(!this.isOpen)}),this.isOpen&&i("sd-floating-portal",{key:"ac56aff939de31ac2c0c3d4fdb84795ea2d93794",parentRef:this.triggerEl,onSdClose:this.handleClose,placement:t,offset:this.popoverOffset},i("div",{key:"4a909c45f386c87b47202f366dcf29ec9c65e579",class:{"sd-floating-menu":!0,"sd-floating-menu--popover":!0,["sd-floating-menu--"+t]:!0,[s]:""!==s},style:{"--sd-floating-bg":e.bg,"--sd-floating-content":e.description}},i("i",{key:"577c0547175d2a9780b06ec5acc111e5f1f86fa2",class:"sd-floating-menu__arrow sd-floating-menu__arrow--"+t},i(o,{key:"c13302edc4af665fcfaaf191efb8e50bc7aaf847"})),i("div",{key:"30ec8cb2c957a99884437cc7e696518ca6865f3f",class:"sd-floating-menu__content"},this.menuTitle&&i("div",{key:"12ccc7ca3b48d989d48905c83883a67e89571b7c",class:"sd-floating-menu__title",style:{color:e.title,display:"flex",alignItems:"center",gap:F+"px"}},this.titleIcon&&i("sd-icon",{key:"164a41e2d4c14b715eb4387f1af0a61389faefcc",name:this.titleIcon,size:Number(_),color:e.title}),i("span",{key:"8128f3c7b098434c4405e63e6dff453f1d03706c"},this.menuTitle)),this.slotContentHTML&&i("div",{key:"1647bab6f71a8a9cdcf24a5d84119bb49ad94d59",class:"sd-floating-menu__messages",innerHTML:this.slotContentHTML}),i("div",{key:"01e3b60765a680517ddf2331c2e606bcf2b8c1ee",class:{"sd-floating-menu__buttons":!0,"sd-floating-menu__buttons--with-link":n}},n&&i("sd-text-link",{key:"a23b8c584d949011cbee5aa3f53b54e5b3bc7a40",class:"sd-floating-menu__left-link",style:{"--sd-text-link-color":e.subAction},label:this.leftLinkLabel,onSdClick:()=>this.leftLinkClick.emit()}),i("sd-button",{key:"7369617d40af365fa8f54b62cbec68e3121c2d23",name:e.buttonName,label:this.buttonLabel,ariaLabel:this.buttonLabel\|\|"confirm",onSdClick:()=>this.buttonClick.emit()}))),i("sd-ghost-button",{key:"ef95a47efa7b7ea73b6b56a2fbb13880132773a8",class:"sd-floating-menu__close-button",icon:"close",ariaLabel:"close",size:"xs",onClick:this.handleClose}))))}static get style(){return"sd-popover{position:relative;cursor:pointer;display:inline-flex}"}},[512,"sd-popover",{open:[1028],defaultOpen:[4,"default-open"],placement:[513],type:[513],menuTitle:[1,"menu-title"],titleIcon:[1,"title-icon"],icon:[513],iconSize:[514,"icon-size"],color:[513],leftLinkLabel:[1,"left-link-label"],buttonLabel:[1,"button-label"],ariaLabel:[1,"aria-label"],menuClassName:[1,"menu-class-name"],internalOpen:[32],slotContentHTML:[32],triggerHTML:[32]}]),C=v,E=function(){"undefined"!=typeof customElements&&["sd-popover","sd-button","sd-floating-portal","sd-ghost-button","sd-icon","sd-portal","sd-tag","sd-text-link"].forEach((t=>{switch(t){case"sd-popover":customElements.get(n(t))\|\|customElements.define(n(t),v);break;case"sd-button":customElements.get(n(t))\|\|l();break;case"sd-floating-portal":customElements.get(n(t))\|\|c();break;case"sd-ghost-button":customElements.get(n(t))\|\|r();break;case"sd-icon":customElements.get(n(t))\|\|d();break;case"sd-portal":customElements.get(n(t))\|\|f();break;case"sd-tag":customElements.get(n(t))\|\|b();break;case"sd-text-link":customElements.get(n(t))\|\|p()}}))};export{C as SdPopover,E as defineCustomElement}

package/dist/components/sd-popup.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p,H as e,c as o,h as t,t as d}from"./p-~~C6wuKkUq~~.js";import{o as s}from"./p-De0OtxK5.js";import{s as a}from"./p-~~Bth2l1cy~~.js";import{d as i}from"./p-~~CKV2W-zU~~.js";import{d as r}from"./p-~~DWnuCSqC~~.js";const{popup:u}={popup:{header:{bg:{default:"#07284A",inverse:"#FFFFFF"},title:{default:"#FFFFFF",inverse:"#004290"},typography:{fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontWeight:"700",fontSize:"18",lineHeight:"30"}},bg:"#EEEEEE"}},{overlay:n}=s,l=a.shadow.spread.md,h={bodyBg:u.bg},f={bg:{default:u.header.bg.default,light:u.header.bg.inverse},titleColor:{default:u.header.title.default,light:u.header.title.inverse},fontFamily:u.header.typography.fontFamily,fontWeight:u.header.typography.fontWeight,fontSize:Number(u.header.typography.fontSize),lineHeight:Number(u.header.typography.lineHeight),height:50,paddingX:16,paddingY:10},c={bg:n.footer.bg.default,paddingX:Number(n.footer.paddingX),paddingY:Number(n.footer.paddingY),gap:Number(n.footer.gap),height:52,slotHeight:36,shadow:`${l.x}px ${l.y}px ${l.blur}px ${l.spread}px ${l.color}`},g={name:"primary_md",label:"확인"},b=p(class extends e{constructor(p){super(),!1!==p&&this.__registerHost(),this.submit=o(this,"sdSubmit",7)}popupTitle="";type="default";useFooter=!0;submitButtonProps;submit;render(){const p={...g,...this.submitButtonProps};return t("div",{key:"~~1b8dc171a7b0dea5216aa63425ccc72ae80e3a3e~~",class:"sd-popup sd-popup--"+this.type,style:{"--sd-popup-bg":h.bodyBg,"--sd-popup-header-bg":f.bg[this.type],"--sd-popup-header-title-color":f.titleColor[this.type],"--sd-popup-header-font-family":f.fontFamily,"--sd-popup-header-font-weight":f.fontWeight,"--sd-popup-header-font-size":f.fontSize+"px","--sd-popup-header-line-height":f.lineHeight+"px","--sd-popup-header-height":f.height+"px","--sd-popup-header-padding-x":f.paddingX+"px","--sd-popup-header-padding-y":f.paddingY+"px","--sd-popup-footer-bg":c.bg,"--sd-popup-footer-padding-x":c.paddingX+"px","--sd-popup-footer-padding-y":c.paddingY+"px","--sd-popup-footer-gap":c.gap+"px","--sd-popup-footer-height":c.height+"px","--sd-popup-footer-slot-height":c.slotHeight+"px","--sd-popup-footer-shadow":c.shadow}},t("header",{key:"~~1ae57ef360ad124a2afac3340258dce481bb7bc7~~",class:"sd-popup__header"},t("h2",{key:"~~3d0cc0df6ba901b4dc9e0917103e57d6279cde31~~",class:"sd-popup__title"},this.popupTitle)),t("div",{key:"~~a0fee226ac513744243d6f78ddce6125170700da~~",class:"sd-popup__body"},t("slot",{key:"~~55c5f94dff5413810f2c4648c9684e520db7268b~~"})),this.useFooter&&t("footer",{key:"~~f8f0dc3751324ac5976aef55bec974341db036c1~~",class:"sd-popup__footer"},t("div",{key:"~~ea2f7e63c857d135eeffd7c2a43b171619067161~~",class:"sd-popup__footer-slot sd-popup__footer-slot--left"},t("slot",{key:"~~0d56c0c25e1e10f6900af0f632c7bb339b736032~~",name:"footer-left"})),t("sd-button",{key:"~~d334174cd98be32856a6f3b1b3348ca2ebea3cdd~~",...p,class:"sd-popup__submit",onSdClick:()=>this.submit.emit()})))}static get style(){return"sd-popup{display:block;width:100%;height:100%}sd-popup .sd-popup{display:flex;flex-direction:column;width:100%;height:100%;background:var(--sd-popup-bg);overflow:hidden;box-sizing:border-box}sd-popup .sd-popup__header{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:100%;height:var(--sd-popup-header-height);padding:var(--sd-popup-header-padding-y) var(--sd-popup-header-padding-x);background:var(--sd-popup-header-bg);box-sizing:border-box}sd-popup .sd-popup__title{margin:0;color:var(--sd-popup-header-title-color);font-family:var(--sd-popup-header-font-family);font-weight:var(--sd-popup-header-font-weight);font-size:var(--sd-popup-header-font-size);line-height:var(--sd-popup-header-line-height);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}sd-popup .sd-popup__body{flex:1 1 auto;min-height:0;overflow:auto}sd-popup .sd-popup__footer{display:flex;align-items:center;flex-shrink:0;width:100%;height:var(--sd-popup-footer-height);padding:var(--sd-popup-footer-padding-y) var(--sd-popup-footer-padding-x);gap:var(--sd-popup-footer-gap);background:var(--sd-popup-footer-bg);box-shadow:var(--sd-popup-footer-shadow);box-sizing:border-box;position:relative;z-index:1}sd-popup .sd-popup__footer-slot{display:flex;align-items:center;height:var(--sd-popup-footer-slot-height)}sd-popup .sd-popup__footer-slot--left{justify-content:flex-start;flex:1 1 auto;min-width:0}sd-popup .sd-popup__footer-slot:empty{display:none}sd-popup .sd-popup__submit{flex-shrink:0;margin-left:auto}"}},[772,"sd-popup",{popupTitle:[1,"popup-title"],type:[1],useFooter:[4,"use-footer"],submitButtonProps:[16]}]),m=b,y=function(){"undefined"!=typeof customElements&&["sd-popup","sd-button","sd-icon"].forEach((p=>{switch(p){case"sd-popup":customElements.get(d(p))\|\|customElements.define(d(p),b);break;case"sd-button":customElements.get(d(p))\|\|i();break;case"sd-icon":customElements.get(d(p))\|\|r()}}))};export{m as SdPopup,y as defineCustomElement}
1	+ import{p,H as o,c as e,h as t,t as d}from"./p-Br8E2gpA.js";import{o as s}from"./p-De0OtxK5.js";import{s as r}from"./p-rayWyWtG.js";import{d as a}from"./p-CWXl1y4p.js";import{d as i}from"./p-jbqIrDHw.js";const{popup:u}={popup:{header:{bg:{default:"#07284A",inverse:"#FFFFFF"},title:{default:"#FFFFFF",inverse:"#004290"},typography:{fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontWeight:"700",fontSize:"18",lineHeight:"30"}},bg:"#EEEEEE"}},{overlay:l}=s,n=r.shadow.spread.md,b={bodyBg:u.bg},h={bg:{default:u.header.bg.default,light:u.header.bg.inverse},titleColor:{default:u.header.title.default,light:u.header.title.inverse},fontFamily:u.header.typography.fontFamily,fontWeight:u.header.typography.fontWeight,fontSize:Number(u.header.typography.fontSize),lineHeight:Number(u.header.typography.lineHeight),height:50,paddingX:16,paddingY:10},f={bg:l.footer.bg.default,paddingX:Number(l.footer.paddingX),paddingY:Number(l.footer.paddingY),gap:Number(l.footer.gap),height:52,slotHeight:36,shadow:`${n.x}px ${n.y}px ${n.blur}px ${n.spread}px ${n.color}`},c={name:"primary_md",label:"확인"},g=p(class extends o{constructor(p){super(),!1!==p&&this.__registerHost(),this.submit=e(this,"sdSubmit",7)}popupTitle="";type="default";useFooter=!0;submitButtonProps;submit;render(){const p={...c,...this.submitButtonProps};return t("div",{key:"e899263de5d4302c9a58c8e22ca1366abcd43587",class:"sd-popup sd-popup--"+this.type,style:{"--sd-popup-bg":b.bodyBg,"--sd-popup-header-bg":h.bg[this.type],"--sd-popup-header-title-color":h.titleColor[this.type],"--sd-popup-header-font-family":h.fontFamily,"--sd-popup-header-font-weight":h.fontWeight,"--sd-popup-header-font-size":h.fontSize+"px","--sd-popup-header-line-height":h.lineHeight+"px","--sd-popup-header-height":h.height+"px","--sd-popup-header-padding-x":h.paddingX+"px","--sd-popup-header-padding-y":h.paddingY+"px","--sd-popup-footer-bg":f.bg,"--sd-popup-footer-padding-x":f.paddingX+"px","--sd-popup-footer-padding-y":f.paddingY+"px","--sd-popup-footer-gap":f.gap+"px","--sd-popup-footer-height":f.height+"px","--sd-popup-footer-slot-height":f.slotHeight+"px","--sd-popup-footer-shadow":f.shadow}},t("header",{key:"53e061eec94ad45d381fb15e94dff0f690a20223",class:"sd-popup__header"},t("h2",{key:"39fcc038b4e903fcb4d86ec6e0e70d73873138e9",class:"sd-popup__title"},this.popupTitle)),t("div",{key:"df51ca67e7107f8b221500613d97d823cf94bb8a",class:"sd-popup__body"},t("slot",{key:"cbeeddd919167af08e67b9d15fe90099b40a7725"})),this.useFooter&&t("footer",{key:"8811d33320a3034b38f11628bced2aa7dc07df80",class:"sd-popup__footer"},t("div",{key:"c58051284ec4d304ec49782f1ef05a9e6622888a",class:"sd-popup__footer-slot sd-popup__footer-slot--left"},t("slot",{key:"4b5bdf0dd89940af008ffc09f527c19afdcb8f84",name:"footer-left"})),t("sd-button",{key:"7257231b31aa62b47af221bc5899ba3960c8c2af",...p,class:"sd-popup__submit",onSdClick:()=>this.submit.emit()})))}static get style(){return"sd-popup{display:block;width:100%;height:100%}sd-popup .sd-popup{display:flex;flex-direction:column;width:100%;height:100%;background:var(--sd-popup-bg);overflow:hidden;box-sizing:border-box}sd-popup .sd-popup__header{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:100%;height:var(--sd-popup-header-height);padding:var(--sd-popup-header-padding-y) var(--sd-popup-header-padding-x);background:var(--sd-popup-header-bg);box-sizing:border-box}sd-popup .sd-popup__title{margin:0;color:var(--sd-popup-header-title-color);font-family:var(--sd-popup-header-font-family);font-weight:var(--sd-popup-header-font-weight);font-size:var(--sd-popup-header-font-size);line-height:var(--sd-popup-header-line-height);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}sd-popup .sd-popup__body{flex:1 1 auto;min-height:0;overflow:auto}sd-popup .sd-popup__body::-webkit-scrollbar{width:12px;height:12px;background:transparent}sd-popup .sd-popup__body::-webkit-scrollbar-track{background:transparent}sd-popup .sd-popup__body::-webkit-scrollbar-thumb{background-color:#CCCCCC;border:2px solid transparent;border-radius:8px;background-clip:padding-box}@supports not selector(::-webkit-scrollbar){sd-popup .sd-popup__body{scrollbar-width:thin;scrollbar-color:#CCCCCC transparent}}sd-popup .sd-popup__body::-webkit-scrollbar,sd-popup .sd-popup__body::-webkit-scrollbar-track{background:#F6F6F6}@supports not selector(::-webkit-scrollbar){sd-popup .sd-popup__body{scrollbar-color:#CCCCCC #F6F6F6}}sd-popup .sd-popup__body::-webkit-scrollbar-track:vertical{border-left:1px solid #E1E1E1}sd-popup .sd-popup__body::-webkit-scrollbar-track:horizontal{border-top:1px solid #E1E1E1}sd-popup .sd-popup__body::-webkit-scrollbar-thumb:vertical{border-left-width:3px}sd-popup .sd-popup__body::-webkit-scrollbar-thumb:horizontal{border-top-width:3px}sd-popup .sd-popup__footer{display:flex;align-items:center;flex-shrink:0;width:100%;height:var(--sd-popup-footer-height);padding:var(--sd-popup-footer-padding-y) var(--sd-popup-footer-padding-x);gap:var(--sd-popup-footer-gap);background:var(--sd-popup-footer-bg);box-shadow:var(--sd-popup-footer-shadow);box-sizing:border-box;position:relative;z-index:1}sd-popup .sd-popup__footer-slot{display:flex;align-items:center;height:var(--sd-popup-footer-slot-height)}sd-popup .sd-popup__footer-slot--left{justify-content:flex-start;flex:1 1 auto;min-width:0}sd-popup .sd-popup__footer-slot:empty{display:none}sd-popup .sd-popup__submit{flex-shrink:0;margin-left:auto}"}},[772,"sd-popup",{popupTitle:[1,"popup-title"],type:[1],useFooter:[4,"use-footer"],submitButtonProps:[16]}]),m=g,y=function(){"undefined"!=typeof customElements&&["sd-popup","sd-button","sd-icon"].forEach((p=>{switch(p){case"sd-popup":customElements.get(d(p))\|\|customElements.define(d(p),g);break;case"sd-button":customElements.get(d(p))\|\|a();break;case"sd-icon":customElements.get(d(p))\|\|i()}}))};export{m as SdPopup,y as defineCustomElement}

package/dist/components/sd-portal.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{S as o,d as r}from"./p-~~CH9dgzTr~~.js";const s=o,p=r;export{s as SdPortal,p as defineCustomElement}
1	+ import{S as o,d as s}from"./p-Hh0L_XZ6.js";const p=o,r=s;export{p as SdPortal,r as defineCustomElement}

package/dist/components/sd-radio-button.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as t,H as o,c as e,h as d,t as i}from"./p-~~C6wuKkUq~~.js";var r={height:"24",paddingX:"8",typography:{fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontSize:"12",fontWeight:"500",textDecoration:"none",lineHeight:"20"}},n={height:"28",paddingX:"12",typography:{fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontSize:"12",fontWeight:"500",textDecoration:"none",lineHeight:"20"}},a="4",s={width:"1",default:"#CCCCCC",select:"#0075FF",disabled:"#CCCCCC"},b={default:"#FFFFFF",hover:"#0075FF",select:"#FFFFFF",disabled:"#E1E1E1"},u={default:"#555555",hover:"#FFFFFF",select:"#0075FF",disabled:"#888888"},l={gap:"-1"};const c={xs:{height:Number(r.height),paddingX:Number(r.paddingX),fontSize:Number(r.typography.fontSize),lineHeight:Number(r.typography.lineHeight),fontWeight:r.typography.fontWeight,fontFamily:r.typography.fontFamily,textDecoration:r.typography.textDecoration},sm:{height:Number(n.height),paddingX:Number(n.paddingX),fontSize:Number(n.typography.fontSize),lineHeight:Number(n.typography.lineHeight),fontWeight:n.typography.fontWeight,fontFamily:n.typography.fontFamily,textDecoration:n.typography.textDecoration}},h=Number(a),p=Number(s.width),g=Number(l.gap),f={border:{default:s.default,select:s.select,disabled:s.disabled},bg:{default:b.default,hover:b.hover,select:b.select,disabled:b.disabled},content:{default:u.default,hover:u.hover,select:u.select,disabled:u.disabled}},m=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.change=e(this,"sdUpdate",7)}value;options=[];size="sm";disabled=!1;name;change;componentWillLoad(){this.size??="sm",this.options??=[],this.disabled??=!1}handleRadioChange=(t,o)=>{this.disabled\|\|o\|\|(this.value=t,this.change.emit(t))};isOptionSelected(t){return this.value===t.value}isOptionDisabled(t){return this.disabled\|\|!!t.disabled}getButtonClasses(t){const o=["sd-radio-button__option",this.isOptionSelected(t)?"sd-radio-button__option--selected":"sd-radio-button__option--unselected"];return this.isOptionDisabled(t)&&o.push("sd-radio-button__option--disabled"),o.join(" ")}getGroupClasses(){return["sd-radio-button","sd-radio-button--"+(this.size??"sm")].join(" ")}_groupName;get groupName(){return null!=this._groupName&&""!==this._groupName\|\|(this._groupName=null!=this.name&&""!==this.name?this.name:"sd-radio-button-"+crypto.randomUUID()),this._groupName}render(){const t=c[this.size??"sm"]??c.sm,o={"--sd-radio-button-height":t.height+"px","--sd-radio-button-padding-x":t.paddingX+"px","--sd-radio-button-font-family":t.fontFamily,"--sd-radio-button-font-weight":t.fontWeight,"--sd-radio-button-font-size":t.fontSize+"px","--sd-radio-button-line-height":t.lineHeight+"px","--sd-radio-button-text-decoration":t.textDecoration,"--sd-radio-button-radius":h+"px","--sd-radio-button-border-width":p+"px","--sd-radio-button-group-gap":g+"px","--sd-radio-button-border-default":f.border.default,"--sd-radio-button-border-select":f.border.select,"--sd-radio-button-border-disabled":f.border.disabled,"--sd-radio-button-bg-default":f.bg.default,"--sd-radio-button-bg-hover":f.bg.hover,"--sd-radio-button-bg-select":f.bg.select,"--sd-radio-button-bg-disabled":f.bg.disabled,"--sd-radio-button-content-default":f.content.default,"--sd-radio-button-content-hover":f.content.hover,"--sd-radio-button-content-select":f.content.select,"--sd-radio-button-content-disabled":f.content.disabled};return d("div",{key:"7621cf9885bb69bc18083dc076b4e6babc86ff62",class:this.getGroupClasses(),style:o,role:"radiogroup","aria-disabled":""+this.disabled},this.options.map((t=>{const o=this.isOptionSelected(t),e=this.isOptionDisabled(t);return d("label",{key:"radio-"+t.value,class:this.getButtonClasses(t),"aria-label":t.label\|\|"radio option","data-label":t.label},d("input",{type:"radio",name:this.groupName,value:""+t.value,checked:o,disabled:e,onInput:()=>this.handleRadioChange(t.value,t.disabled)}),t.label&&d("span",{class:"sd-radio-button__label"},t.label))})))}static get style(){return"sd-radio-button{display:inline-flex;width:fit-content;height:fit-content}.sd-radio-button{display:inline-flex;flex-flow:row nowrap;gap:0}.sd-radio-button__option{display:flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box;height:var(--sd-radio-button-height);padding:0 var(--sd-radio-button-padding-x);border:var(--sd-radio-button-border-width) solid var(--sd-radio-button-border-default);background-color:var(--sd-radio-button-bg-default);color:var(--sd-radio-button-content-default);font-family:var(--sd-radio-button-font-family);font-weight:var(--sd-radio-button-font-weight);font-size:var(--sd-radio-button-font-size);line-height:var(--sd-radio-button-line-height);text-decoration:var(--sd-radio-button-text-decoration);cursor:pointer;user-select:none;-webkit-user-select:none;transition:background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease}.sd-radio-button__option input{display:none}.sd-radio-button__option:not(:first-child){margin-left:var(--sd-radio-button-group-gap)}.sd-radio-button__option:first-child{border-top-left-radius:var(--sd-radio-button-radius);border-bottom-left-radius:var(--sd-radio-button-radius)}.sd-radio-button__option:last-child{border-top-right-radius:var(--sd-radio-button-radius);border-bottom-right-radius:var(--sd-radio-button-radius)}.sd-radio-button__option:only-child{border-radius:var(--sd-radio-button-radius)}.sd-radio-button__option--selected{background-color:var(--sd-radio-button-bg-select);border-color:var(--sd-radio-button-border-select);color:var(--sd-radio-button-content-select);z-index:1}.sd-radio-button__option:hover:not(.sd-radio-button__option--disabled){background-color:var(--sd-radio-button-bg-hover);border-color:var(--sd-radio-button-border-select);color:var(--sd-radio-button-content-hover);z-index:2}.sd-radio-button__option--disabled{background-color:var(--sd-radio-button-bg-disabled);border-color:var(--sd-radio-button-border-disabled);color:var(--sd-radio-button-content-disabled);cursor:not-allowed}.sd-radio-button__label{user-select:none;-webkit-user-select:none}"}},[512,"sd-radio-button",{value:[1032],options:[1040],size:[1],disabled:[4],name:[1]}]),v=m,_=function(){"undefined"!=typeof customElements&&["sd-radio-button"].forEach((t=>{"sd-radio-button"===t&&(customElements.get(i(t))\|\|customElements.define(i(t),m))}))};export{v as SdRadioButton,_ as defineCustomElement}
1	+ import{p as t,H as o,c as e,h as d,t as i}from"./p-Br8E2gpA.js";var r={height:"24",paddingX:"8",typography:{fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontSize:"12",fontWeight:"500",textDecoration:"none",lineHeight:"20"}},n={height:"28",paddingX:"12",typography:{fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontSize:"12",fontWeight:"500",textDecoration:"none",lineHeight:"20"}},a="4",s={width:"1",default:"#CCCCCC",select:"#0075FF",disabled:"#CCCCCC"},b={default:"#FFFFFF",hover:"#0075FF",select:"#FFFFFF",disabled:"#E1E1E1"},l={default:"#555555",hover:"#FFFFFF",select:"#0075FF",disabled:"#888888"},u={gap:"-1"};const c={xs:{height:Number(r.height),paddingX:Number(r.paddingX),fontSize:Number(r.typography.fontSize),lineHeight:Number(r.typography.lineHeight),fontWeight:r.typography.fontWeight,fontFamily:r.typography.fontFamily,textDecoration:r.typography.textDecoration},sm:{height:Number(n.height),paddingX:Number(n.paddingX),fontSize:Number(n.typography.fontSize),lineHeight:Number(n.typography.lineHeight),fontWeight:n.typography.fontWeight,fontFamily:n.typography.fontFamily,textDecoration:n.typography.textDecoration}},h=Number(a),p=Number(s.width),g=Number(u.gap),f={border:{default:s.default,select:s.select,disabled:s.disabled},bg:{default:b.default,hover:b.hover,select:b.select,disabled:b.disabled},content:{default:l.default,hover:l.hover,select:l.select,disabled:l.disabled}},m=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.change=e(this,"sdUpdate",7)}value;options=[];size="sm";disabled=!1;name;change;componentWillLoad(){this.size??="sm",this.options??=[],this.disabled??=!1}handleRadioChange=(t,o)=>{this.disabled\|\|o\|\|(this.value=t,this.change.emit(t))};isOptionSelected(t){return this.value===t.value}isOptionDisabled(t){return this.disabled\|\|!!t.disabled}getButtonClasses(t){const o=["sd-radio-button__option",this.isOptionSelected(t)?"sd-radio-button__option--selected":"sd-radio-button__option--unselected"];return this.isOptionDisabled(t)&&o.push("sd-radio-button__option--disabled"),o.join(" ")}getGroupClasses(){return["sd-radio-button","sd-radio-button--"+(this.size??"sm")].join(" ")}_groupName;get groupName(){return null!=this._groupName&&""!==this._groupName\|\|(this._groupName=null!=this.name&&""!==this.name?this.name:"sd-radio-button-"+crypto.randomUUID()),this._groupName}render(){const t=c[this.size??"sm"]??c.sm,o={"--sd-radio-button-height":t.height+"px","--sd-radio-button-padding-x":t.paddingX+"px","--sd-radio-button-font-family":t.fontFamily,"--sd-radio-button-font-weight":t.fontWeight,"--sd-radio-button-font-size":t.fontSize+"px","--sd-radio-button-line-height":t.lineHeight+"px","--sd-radio-button-text-decoration":t.textDecoration,"--sd-radio-button-radius":h+"px","--sd-radio-button-border-width":p+"px","--sd-radio-button-group-gap":g+"px","--sd-radio-button-border-default":f.border.default,"--sd-radio-button-border-select":f.border.select,"--sd-radio-button-border-disabled":f.border.disabled,"--sd-radio-button-bg-default":f.bg.default,"--sd-radio-button-bg-hover":f.bg.hover,"--sd-radio-button-bg-select":f.bg.select,"--sd-radio-button-bg-disabled":f.bg.disabled,"--sd-radio-button-content-default":f.content.default,"--sd-radio-button-content-hover":f.content.hover,"--sd-radio-button-content-select":f.content.select,"--sd-radio-button-content-disabled":f.content.disabled};return d("div",{key:"7621cf9885bb69bc18083dc076b4e6babc86ff62",class:this.getGroupClasses(),style:o,role:"radiogroup","aria-disabled":""+this.disabled},this.options.map((t=>{const o=this.isOptionSelected(t),e=this.isOptionDisabled(t);return d("label",{key:"radio-"+t.value,class:this.getButtonClasses(t),"aria-label":t.label\|\|"radio option","data-label":t.label},d("input",{type:"radio",name:this.groupName,value:""+t.value,checked:o,disabled:e,onInput:()=>this.handleRadioChange(t.value,t.disabled)}),t.label&&d("span",{class:"sd-radio-button__label"},t.label))})))}static get style(){return"sd-radio-button{display:inline-flex;width:fit-content;height:fit-content}.sd-radio-button{display:inline-flex;flex-flow:row nowrap;gap:0}.sd-radio-button__option{display:flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box;height:var(--sd-radio-button-height);padding:0 var(--sd-radio-button-padding-x);border:var(--sd-radio-button-border-width) solid var(--sd-radio-button-border-default);background-color:var(--sd-radio-button-bg-default);color:var(--sd-radio-button-content-default);font-family:var(--sd-radio-button-font-family);font-weight:var(--sd-radio-button-font-weight);font-size:var(--sd-radio-button-font-size);line-height:var(--sd-radio-button-line-height);text-decoration:var(--sd-radio-button-text-decoration);cursor:pointer;user-select:none;-webkit-user-select:none;transition:background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease}.sd-radio-button__option input{display:none}.sd-radio-button__option:not(:first-child){margin-left:var(--sd-radio-button-group-gap)}.sd-radio-button__option:first-child{border-top-left-radius:var(--sd-radio-button-radius);border-bottom-left-radius:var(--sd-radio-button-radius)}.sd-radio-button__option:last-child{border-top-right-radius:var(--sd-radio-button-radius);border-bottom-right-radius:var(--sd-radio-button-radius)}.sd-radio-button__option:only-child{border-radius:var(--sd-radio-button-radius)}.sd-radio-button__option--selected{background-color:var(--sd-radio-button-bg-select);border-color:var(--sd-radio-button-border-select);color:var(--sd-radio-button-content-select);z-index:1}.sd-radio-button__option:hover:not(.sd-radio-button__option--disabled){background-color:var(--sd-radio-button-bg-hover);border-color:var(--sd-radio-button-border-select);color:var(--sd-radio-button-content-hover);z-index:2}.sd-radio-button__option--disabled{background-color:var(--sd-radio-button-bg-disabled);border-color:var(--sd-radio-button-border-disabled);color:var(--sd-radio-button-content-disabled);cursor:not-allowed}.sd-radio-button__label{user-select:none;-webkit-user-select:none}"}},[512,"sd-radio-button",{value:[1032],options:[1040],size:[1],disabled:[4],name:[1]}]),v=m,_=function(){"undefined"!=typeof customElements&&["sd-radio-button"].forEach((t=>{"sd-radio-button"===t&&(customElements.get(i(t))\|\|customElements.define(i(t),m))}))};export{v as SdRadioButton,_ as defineCustomElement}

package/dist/components/sd-radio-group.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{S as o,d as s}from"./p-~~CzJ9g73f~~.js";const p=o,r=s;export{p as SdRadioGroup,r as defineCustomElement}
1	+ import{S as o,d as s}from"./p-hXul9Vdx.js";const p=o,r=s;export{p as SdRadioGroup,r as defineCustomElement}

package/dist/components/sd-radio.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{S as o,d as s}from"./p-~~CmCOLnc0~~.js";const m=o,p=s;export{m as SdRadio,p as defineCustomElement}
1	+ import{S as s,d as o}from"./p-BsNOZUfc.js";const p=s,r=o;export{p as SdRadio,r as defineCustomElement}

package/dist/components/sd-scroll-area.d.ts ADDED Viewed

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

package/dist/components/sd-scroll-area.js ADDED Viewed

@@ -0,0 +1 @@

+ import{p as r,H as o,h as e,d as a,t as s}from"./p-Br8E2gpA.js";import{s as t}from"./p-rayWyWtG.js";const l={border:t.color.border.default},d=r(class extends o{constructor(r){super(),!1!==r&&this.__registerHost()}axis="both";background=!1;bordered=!1;maxHeight="";maxWidth="";render(){const r={"--sd-scroll-area-border-color":l.border};return""!==this.maxHeight&&(r.maxHeight=this.maxHeight),""!==this.maxWidth&&(r.maxWidth=this.maxWidth),e(a,{key:"238d7d1221187a0c679b486e7f2dd61fa902bc94"},e("div",{key:"cfe4d56bdc5c8749f84fa42990eab6b872bc9e10",class:{"sd-scroll-area__viewport":!0,["sd-scroll-area__viewport--"+this.axis]:!0,"sd-scroll-area__viewport--bg":this.background,"sd-scroll-area__viewport--bordered":this.bordered},style:r},e("slot",{key:"be9fbcce4477fd96a485af314f561cbd538faac4"})))}static get style(){return"sd-scroll-area{display:block;min-width:0;min-height:0}.sd-scroll-area__viewport{width:100%;height:100%}.sd-scroll-area__viewport::-webkit-scrollbar{width:12px;height:12px;background:transparent}.sd-scroll-area__viewport::-webkit-scrollbar-track{background:transparent}.sd-scroll-area__viewport::-webkit-scrollbar-thumb{background-color:#CCCCCC;border:2px solid transparent;border-radius:8px;background-clip:padding-box}@supports not selector(::-webkit-scrollbar){.sd-scroll-area__viewport{scrollbar-width:thin;scrollbar-color:#CCCCCC transparent}}.sd-scroll-area__viewport--bg::-webkit-scrollbar,.sd-scroll-area__viewport--bg::-webkit-scrollbar-track{background:#F6F6F6}@supports not selector(::-webkit-scrollbar){.sd-scroll-area__viewport--bg{scrollbar-color:#CCCCCC #F6F6F6}}.sd-scroll-area__viewport--bordered::-webkit-scrollbar-track:vertical{border-left:1px solid var(--sd-scroll-area-border-color)}.sd-scroll-area__viewport--bordered::-webkit-scrollbar-track:horizontal{border-top:1px solid var(--sd-scroll-area-border-color)}.sd-scroll-area__viewport--bordered::-webkit-scrollbar-thumb:vertical{border-left-width:3px}.sd-scroll-area__viewport--bordered::-webkit-scrollbar-thumb:horizontal{border-top-width:3px}.sd-scroll-area__viewport--vertical{overflow-x:hidden;overflow-y:auto}.sd-scroll-area__viewport--horizontal{overflow-x:auto;overflow-y:hidden}.sd-scroll-area__viewport--both{overflow:auto}"}},[772,"sd-scroll-area",{axis:[513],background:[516],bordered:[516],maxHeight:[1,"max-height"],maxWidth:[1,"max-width"]}]),c=d,i=function(){"undefined"!=typeof customElements&&["sd-scroll-area"].forEach((r=>{"sd-scroll-area"===r&&(customElements.get(s(r))||customElements.define(s(r),d))}))};export{c as SdScrollArea,i as defineCustomElement}

package/dist/components/sd-select-list-item-search.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{S as o,d as s}from"./p-~~DnlLqzGM~~.js";const p=o,r=s;export{p as SdSelectListItemSearch,r as defineCustomElement}
1	+ import{S as o,d as r}from"./p-DrZYy9kv.js";const s=o,p=r;export{s as SdSelectListItemSearch,p as defineCustomElement}

package/dist/components/sd-select-list-item.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{S as o,d as s}from"./p-~~C9IKm4j5~~.js";const m=o,p=s;export{m as SdSelectListItem,p as defineCustomElement}
1	+ import{S as o,d as s}from"./p-DQi-e0ko.js";const p=o,r=s;export{p as SdSelectListItem,r as defineCustomElement}

package/dist/components/sd-select-listbox.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{S as o,d as p}from"./p-~~CwzkplrI~~.js";const r=o,s=p;export{r as SdSelectListbox,s as defineCustomElement}
1	+ import{S as o,d as s}from"./p-DWyPo9fo.js";const p=o,r=s;export{p as SdSelectListbox,r as defineCustomElement}

package/dist/components/sd-select-trigger.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{S as o,d as s}from"./p-~~B-EV9bey~~.js";const p=o,r=s;export{p as SdSelectTrigger,r as defineCustomElement}
1	+ import{S as o,d as s}from"./p-CLhUHKxg.js";const p=o,r=s;export{p as SdSelectTrigger,r as defineCustomElement}

package/dist/components/sd-select.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{S as o,d as s}from"./p-~~OnBLxJAP~~.js";const p=o,r=s;export{p as SdSelect,r as defineCustomElement}
1	+ import{S as o,d as s}from"./p-BUNdqbhQ.js";const p=o,r=s;export{p as SdSelect,r as defineCustomElement}

package/dist/components/sd-stepper.d.ts ADDED Viewed

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

package/dist/components/sd-stepper.js ADDED Viewed

@@ -0,0 +1 @@

+ import{p as e,H as t,h as s,t as i}from"./p-Br8E2gpA.js";import{d as r}from"./p-jbqIrDHw.js";var p={sm:{sequence:{size:"20"},typography:{active:{fontWeight:"700"},default:{fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontWeight:"500",fontSize:"12",lineHeight:"20"}}},dash:{width:"20",color:"#888888"},lg:{sequence:{size:"24"},typography:{active:{fontWeight:"700"},default:{fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontWeight:"500",fontSize:"14",lineHeight:"24"}}},container:{gap:"12"},item:{gap:"8"},sequence:{radius:"9999",border:{active:"#93C4FF",default:"#E1E1E1",completed:"#CCCCCC",witdh:"1"},icon:"12",bg:{active:"#D9EAFF",default:"#FFFFFF",completed:"#E1E1E1"},text:{active:"#0075FF",default:"#AAAAAA"}},text:{active:"#0075FF",default:"#888888"}};const a={sm:{sequenceSize:p.sm.sequence.size,fontFamily:p.sm.typography.default.fontFamily,fontSize:p.sm.typography.default.fontSize,lineHeight:p.sm.typography.default.lineHeight,fontWeightActive:p.sm.typography.active.fontWeight,fontWeightDefault:p.sm.typography.default.fontWeight},lg:{sequenceSize:p.lg.sequence.size,fontFamily:p.lg.typography.default.fontFamily,fontSize:p.lg.typography.default.fontSize,lineHeight:p.lg.typography.default.lineHeight,fontWeightActive:p.lg.typography.active.fontWeight,fontWeightDefault:p.lg.typography.default.fontWeight}},n={containerGap:p.container.gap,itemGap:p.item.gap,dashWidth:p.dash.width,radius:p.sequence.radius,borderWidth:p.sequence.border.witdh,iconSize:p.sequence.icon},d={dash:p.dash.color,sequenceBorder:p.sequence.border,sequenceBg:p.sequence.bg,sequenceText:p.sequence.text,text:p.text},o=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost()}items=[];value="";size="sm";ariaLabel="진행 단계";valueChanged(e){this.value=e}getItemValue(e,t){return e.value??t+1+""}getActiveIndex(){const e=this.items.findIndex(((e,t)=>this.getItemValue(e,t)===this.value));return e>=0?e:0}getState(e){const t=this.getActiveIndex();return e<t?"completed":e===t?"active":"default"}buildCssVars(){const e=a[this.size];return{"--sd-stepper-sequence-size":e.sequenceSize+"px","--sd-stepper-font-family":e.fontFamily,"--sd-stepper-font-size":e.fontSize+"px","--sd-stepper-line-height":e.lineHeight+"px","--sd-stepper-font-weight-active":e.fontWeightActive,"--sd-stepper-font-weight-default":e.fontWeightDefault,"--sd-stepper-container-gap":n.containerGap+"px","--sd-stepper-item-gap":n.itemGap+"px","--sd-stepper-dash-width":n.dashWidth+"px","--sd-stepper-dash-color":d.dash,"--sd-stepper-sequence-radius":n.radius+"px","--sd-stepper-sequence-border-width":n.borderWidth+"px"}}getStateVars(e){return{"--sd-stepper-sequence-border":d.sequenceBorder[e],"--sd-stepper-sequence-bg":d.sequenceBg[e],"--sd-stepper-sequence-text":"completed"===e?d.text.default:d.sequenceText[e],"--sd-stepper-text-active":d.text.active,"--sd-stepper-text-default":d.text.default}}render(){return s("div",{key:"c9edfcc75319e8ad0ec5b135c44df1285397b995",class:"sd-stepper",role:"list","aria-label":this.ariaLabel,style:this.buildCssVars()},this.items.map(((e,t)=>{const i=this.getState(t),r=["sd-stepper__item","sd-stepper__item--"+i].filter(Boolean).join(" ");return[s("span",{class:r,role:"listitem","aria-current":"active"===i?"step":void 0,style:this.getStateVars(i)},s("span",{class:"sd-stepper__sequence","aria-hidden":"true"},"completed"===i?s("sd-icon",{name:"check",size:n.iconSize,color:"currentColor"}):t+1),s("span",{class:"sd-stepper__label"},e.label)),t<this.items.length-1&&s("span",{class:"sd-stepper__dash","aria-hidden":"true"},s("svg",{width:n.dashWidth,height:"1",viewBox:`0 0 ${n.dashWidth} 1`,fill:"none",xmlns:"http://www.w3.org/2000/svg"},s("rect",{width:"1.6",height:"1",fill:"#888888"}),s("rect",{x:"5",width:"3.3",height:"1",fill:"#888888"}),s("rect",{x:"11.7",width:"3.3",height:"1",fill:"#888888"}),s("rect",{x:"18.4",width:"1.6",height:"1",fill:"#888888"})))]})))}static get watchers(){return{value:[{valueChanged:0}]}}static get style(){return"sd-stepper{display:inline-flex}sd-stepper .sd-stepper{display:inline-flex;align-items:center;gap:var(--sd-stepper-container-gap);font-family:var(--sd-stepper-font-family);font-size:var(--sd-stepper-font-size);line-height:var(--sd-stepper-line-height)}sd-stepper .sd-stepper__item{display:inline-flex;align-items:center;gap:var(--sd-stepper-item-gap);color:var(--sd-stepper-text-default);font-weight:var(--sd-stepper-font-weight-default);white-space:nowrap}sd-stepper .sd-stepper__item--active{color:var(--sd-stepper-text-active);font-weight:var(--sd-stepper-font-weight-active)}sd-stepper .sd-stepper__sequence{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:var(--sd-stepper-sequence-size);height:var(--sd-stepper-sequence-size);flex:0 0 var(--sd-stepper-sequence-size);border-radius:var(--sd-stepper-sequence-radius);border:var(--sd-stepper-sequence-border-width) solid var(--sd-stepper-sequence-border);background:var(--sd-stepper-sequence-bg);color:var(--sd-stepper-sequence-text);font-size:12px;line-height:20px;font-weight:700}sd-stepper .sd-stepper__label{color:inherit}sd-stepper .sd-stepper__dash{display:inline-flex;align-items:center;width:var(--sd-stepper-dash-width);height:1px;flex:0 0 var(--sd-stepper-dash-width);color:var(--sd-stepper-dash-color)}"}},[512,"sd-stepper",{items:[1040],value:[1537],size:[513],ariaLabel:[1,"aria-label"]},void 0,{value:[{valueChanged:0}]}]),l=o,c=function(){"undefined"!=typeof customElements&&["sd-stepper","sd-icon"].forEach((e=>{switch(e){case"sd-stepper":customElements.get(i(e))||customElements.define(i(e),o);break;case"sd-icon":customElements.get(i(e))||r()}}))};export{l as SdStepper,c as defineCustomElement}

package/dist/components/sd-switch.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as s,H as t,c as i,h as d,t as e}from"./p-~~C6wuKkUq~~.js";var a="20",c="2",h="9999",o={size:"16",default:"#FFFFFF",disabled:"#EEEEEE"},n={on:"#0075FF",off:"#CCCCCC",disabled:{on:"#BBDAFF",off:"#E1E1E1"}},r={typography:{fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",~~fontWeight:"500",~~fontSize:"12",textDecoration:"none",lineHeight:"20"}},l="6";const b=Number("32"),w=Number(a),f=Number(c),g=Number(h),k=Number(o.size),p=Number(l),u={knobDefault:o.default,knobDisabled:o.disabled,bgOn:n.on,bgOff:n.off,bgDisabledOn:n.disabled.on,bgDisabledOff:n.disabled.off},m={fontFamily:r.typography.fontFamily,fontWeight:r.typography.fontWeight,fontSize:Number(r.typography.fontSize),lineHeight:Number(r.typography.lineHeight),textDecoration:r.typography.textDecoration},v=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.change=i(this,"sdUpdate",7)}value=!1;leftLabel;rightLabel;label="";disabled=!1;change;get switchClasses(){const s=["sd-switch",this.value?"sd-switch--on":"sd-switch--off"];return this.disabled&&s.push("sd-switch--disabled"),s.join(" ")}handleChange=()=>{if(this.disabled)return;const s=!this.value;this.value=s,this.change.emit(s)};render(){const s={"--sd-switch-track-width":b+"px","--sd-switch-track-height":w+"px","--sd-switch-track-padding":f+"px","--sd-switch-track-radius":g+"px","--sd-switch-knob-size":k+"px","--sd-switch-knob-offset":b-k-2*f+"px","--sd-switch-knob-default":u.knobDefault,"--sd-switch-knob-disabled":u.knobDisabled,"--sd-switch-bg-on":u.bgOn,"--sd-switch-bg-off":u.bgOff,"--sd-switch-bg-disabled-on":u.bgDisabledOn,"--sd-switch-bg-disabled-off":u.bgDisabledOff,"--sd-switch-gap":p+"px","--sd-switch-font-family":m.fontFamily,"--sd-switch-font-weight":m.fontWeight,"--sd-switch-font-size":m.fontSize+"px","--sd-switch-line-height":m.lineHeight+"px","--sd-switch-text-decoration":m.textDecoration},t=this.rightLabel??this.label,i=[this.leftLabel,t].filter(Boolean).join(" ")\|\|"switch";return d("label",{key:"~~617ec652e8878aa41abd2d376479730e4db69025~~","aria-label":i,class:this.switchClasses,style:s},d("input",{key:"~~d765a1b3038d2decec2bf561d96a201cb617b40d~~",type:"checkbox",checked:this.value,disabled:this.disabled,onInput:this.handleChange}),this.leftLabel&&d("span",{key:"~~2c6e398e7f926d3d9d9049aa1aa3fe459b92f51e~~",class:"sd-switch__label"},this.leftLabel),d("div",{key:"~~c71fdd196c0d50ce499c4c524005d01b834d066a~~",class:"sd-switch__track"},d("div",{key:"~~eabac4c3305fabf2e857fc8066a9acb80f90bf31~~",class:"sd-switch__knob"})),t&&d("span",{key:"~~41a0f8ffd56791138b605379f88545b6e20d8df3~~",class:"sd-switch__label"},t))}static get style(){return"sd-switch{display:inline-block;line-height:0}sd-switch .sd-switch{cursor:pointer;display:inline-flex;align-items:center;gap:var(--sd-switch-gap)}sd-switch .sd-switch>input{display:none}sd-switch .sd-switch__track{position:relative;width:var(--sd-switch-track-width);height:var(--sd-switch-track-height);border-radius:var(--sd-switch-track-radius);background:var(--sd-switch-bg-off);transition:background-color 0.2s ease}sd-switch .sd-switch__knob{position:absolute;top:var(--sd-switch-track-padding);left:var(--sd-switch-track-padding);width:var(--sd-switch-knob-size);height:var(--sd-switch-knob-size);border-radius:50%;background:var(--sd-switch-knob-default);box-shadow:0 2px 4px rgba(0, 0, 0, 0.16);transition:transform 0.2s ease}sd-switch .sd-switch__label{font-family:var(--sd-switch-font-family);font-weight:var(--sd-switch-font-weight);font-size:var(--sd-switch-font-size);line-height:var(--sd-switch-line-height);text-decoration:var(--sd-switch-text-decoration)}sd-switch .sd-switch--on .sd-switch__track{background:var(--sd-switch-bg-on)}sd-switch .sd-switch--on .sd-switch__knob{transform:translateX(var(--sd-switch-knob-offset))}sd-switch .sd-switch--disabled{cursor:not-allowed}sd-switch .sd-switch--disabled .sd-switch__knob{background:var(--sd-switch-knob-disabled)}sd-switch .sd-switch--disabled.sd-switch--on .sd-switch__track{background:var(--sd-switch-bg-disabled-on)}sd-switch .sd-switch--disabled.sd-switch--off .sd-switch__track{background:var(--sd-switch-bg-disabled-off)}"}},[512,"sd-switch",{value:[1028],leftLabel:[1,"left-label"],rightLabel:[1,"right-label"],label:[1],disabled:[4]}]),_=v,y=function(){"undefined"!=typeof customElements&&["sd-switch"].forEach((s=>{"sd-switch"===s&&(customElements.get(e(s))\|\|customElements.define(e(s),v))}))};export{_ as SdSwitch,y as defineCustomElement}
1	+ import{p as s,H as t,c as i,h as e,t as d}from"./p-Br8E2gpA.js";var a="20",c="2",h="9999",o={size:"16",default:"#FFFFFF",disabled:"#EEEEEE"},n={on:"#0075FF",off:"#CCCCCC",disabled:{on:"#BBDAFF",off:"#E1E1E1"}},r={typography:{fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontSize:"12",textDecoration:"none",lineHeight:"20",fontWeight:"500"}},l="6";const b=Number("32"),w=Number(a),f=Number(c),g=Number(h),k=Number(o.size),p=Number(l),u={knobDefault:o.default,knobDisabled:o.disabled,bgOn:n.on,bgOff:n.off,bgDisabledOn:n.disabled.on,bgDisabledOff:n.disabled.off},m={fontFamily:r.typography.fontFamily,fontWeight:r.typography.fontWeight,fontSize:Number(r.typography.fontSize),lineHeight:Number(r.typography.lineHeight),textDecoration:r.typography.textDecoration},v=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.change=i(this,"sdUpdate",7)}value=!1;leftLabel;rightLabel;label="";disabled=!1;change;get switchClasses(){const s=["sd-switch",this.value?"sd-switch--on":"sd-switch--off"];return this.disabled&&s.push("sd-switch--disabled"),s.join(" ")}handleChange=()=>{if(this.disabled)return;const s=!this.value;this.value=s,this.change.emit(s)};render(){const s={"--sd-switch-track-width":b+"px","--sd-switch-track-height":w+"px","--sd-switch-track-padding":f+"px","--sd-switch-track-radius":g+"px","--sd-switch-knob-size":k+"px","--sd-switch-knob-offset":b-k-2*f+"px","--sd-switch-knob-default":u.knobDefault,"--sd-switch-knob-disabled":u.knobDisabled,"--sd-switch-bg-on":u.bgOn,"--sd-switch-bg-off":u.bgOff,"--sd-switch-bg-disabled-on":u.bgDisabledOn,"--sd-switch-bg-disabled-off":u.bgDisabledOff,"--sd-switch-gap":p+"px","--sd-switch-font-family":m.fontFamily,"--sd-switch-font-weight":m.fontWeight,"--sd-switch-font-size":m.fontSize+"px","--sd-switch-line-height":m.lineHeight+"px","--sd-switch-text-decoration":m.textDecoration},t=this.rightLabel??this.label,i=[this.leftLabel,t].filter(Boolean).join(" ")\|\|"switch";return e("label",{key:"8da2080c4831bc39b04cc66c6b2794772524dbe1","aria-label":i,class:this.switchClasses,style:s},e("input",{key:"54d784547ac811f323aa13e69813f41ef313c76d",type:"checkbox",checked:this.value,disabled:this.disabled,onInput:this.handleChange}),this.leftLabel&&e("span",{key:"bf4912d9c441f471a6eb96d277facb82d9ee62a3",class:"sd-switch__label"},this.leftLabel),e("div",{key:"c3a80ed0d787eb354812128c4348e6f65d727e4f",class:"sd-switch__track"},e("div",{key:"e4e56aa002ea7a010471bdf745f197f1a8486e2b",class:"sd-switch__knob"})),t&&e("span",{key:"9e5734ea2767508a6c2172f9c3cb515693288e23",class:"sd-switch__label"},t))}static get style(){return"sd-switch{display:inline-block;line-height:0}sd-switch .sd-switch{cursor:pointer;display:inline-flex;align-items:center;gap:var(--sd-switch-gap)}sd-switch .sd-switch>input{display:none}sd-switch .sd-switch__track{position:relative;width:var(--sd-switch-track-width);height:var(--sd-switch-track-height);border-radius:var(--sd-switch-track-radius);background:var(--sd-switch-bg-off);transition:background-color 0.2s ease}sd-switch .sd-switch__knob{position:absolute;top:var(--sd-switch-track-padding);left:var(--sd-switch-track-padding);width:var(--sd-switch-knob-size);height:var(--sd-switch-knob-size);border-radius:50%;background:var(--sd-switch-knob-default);box-shadow:0 2px 4px rgba(0, 0, 0, 0.16);transition:transform 0.2s ease}sd-switch .sd-switch__label{font-family:var(--sd-switch-font-family);font-weight:var(--sd-switch-font-weight);font-size:var(--sd-switch-font-size);line-height:var(--sd-switch-line-height);text-decoration:var(--sd-switch-text-decoration)}sd-switch .sd-switch--on .sd-switch__track{background:var(--sd-switch-bg-on)}sd-switch .sd-switch--on .sd-switch__knob{transform:translateX(var(--sd-switch-knob-offset))}sd-switch .sd-switch--disabled{cursor:not-allowed}sd-switch .sd-switch--disabled .sd-switch__knob{background:var(--sd-switch-knob-disabled)}sd-switch .sd-switch--disabled.sd-switch--on .sd-switch__track{background:var(--sd-switch-bg-disabled-on)}sd-switch .sd-switch--disabled.sd-switch--off .sd-switch__track{background:var(--sd-switch-bg-disabled-off)}"}},[512,"sd-switch",{value:[1028],leftLabel:[1,"left-label"],rightLabel:[1,"right-label"],label:[1],disabled:[4]}]),_=v,y=function(){"undefined"!=typeof customElements&&["sd-switch"].forEach((s=>{"sd-switch"===s&&(customElements.get(d(s))\|\|customElements.define(d(s),v))}))};export{_ as SdSwitch,y as defineCustomElement}

package/dist/components/sd-tabs.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as t,H as s,c as e,h as a,t as d}from"./p-~~C6wuKkUq~~.js";import{d as b}from"./p-~~DWnuCSqC~~.js";import{d as i}from"./p-~~CTCt17CE~~.js";var r={tab:{main:{lg:{height:"44",paddingX:"32"},md:{height:"36",paddingX:"24"},gap:"8",container:{gap:"4"},radius:"6",border:{width:"1"},selected:{bg:"#FFFFFF",text:"#0075FF",border:"#0075FF",typography:{fontWeight:"700"}},default:{bg:"#F6F6F6",text:"#888888",border:"#CCCCCC",typography:{fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontWeight:"400",fontSize:"12",lineHeight:"20"}}},sub:{selected:{text:"#0075FF",line:"#0075FF",typography:{fontWeight:"700"}},default:{text:"#222222",typography:{fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontWeight:"400",fontSize:"12",lineHeight:"20"}},border:{width:"1"},gap:{horizontal:"24",vertical:"16"},content:{gap:"4"},item:{height:"20"}}}};const o={md:{height:Number(r.tab.main.md.height),paddingX:Number(r.tab.main.md.paddingX)},lg:{height:Number(r.tab.main.lg.height),paddingX:Number(r.tab.main.lg.paddingX)},gap:Number(r.tab.main.gap),containerGap:Number(r.tab.main.container.gap),radius:Number(r.tab.main.radius),borderWidth:Number(r.tab.main.border.width)},n={selected:{bg:r.tab.main.selected.bg,text:r.tab.main.selected.text,border:r.tab.main.selected.border},default:{bg:r.tab.main.default.bg,text:r.tab.main.default.text,border:r.tab.main.default.border}},l={selected:r.tab.main.selected.typography,default:r.tab.main.default.typography},u=Number(r.tab.sub.gap.horizontal),c=Number(r.tab.sub.gap.vertical),h=Number(r.tab.sub.content.gap),g=Number(r.tab.sub.border.width),m=Number(r.tab.sub.item.height),f={selected:{text:r.tab.sub.selected.text,line:r.tab.sub.selected.line},default:{text:r.tab.sub.default.text}},p={selected:r.tab.sub.selected.typography,default:r.tab.sub.default.typography},v=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.update=e(this,"sdUpdate",7)}value;tabs=[];size="md";isSub=!1;vertical=!1;update;valueChanged(t){this.value=t}handleTabClick=t=>{this.value=t.value,this.update.emit(t.value)};isTabSelected(t){return this.value===t.value}getTabClasses(t){return["sd-tabs__tab",this.isTabSelected(t)?"sd-tabs__tab--selected":"sd-tabs__tab--unselected"].join(" ")}getContainerClasses(){const t=["sd-tabs","sd-tabs--"+(this.size??"md")];return this.isSub&&t.push("sd-tabs--sub"),this.vertical&&t.push("sd-tabs--vertical"),t.join(" ")}getBadgeName(t){return"square_xs_"+(this.isTabSelected(t)?"blue":"grey")}buildCssVars(){const t=o[this.size??"md"];return{"--sd-tabs-main-height":t.height+"px","--sd-tabs-main-padding-x":t.paddingX+"px","--sd-tabs-main-gap":o.gap+"px","--sd-tabs-main-container-gap":o.containerGap+"px","--sd-tabs-main-radius":o.radius+"px","--sd-tabs-main-border-width":o.borderWidth+"px","--sd-tabs-main-selected-bg":n.selected.bg,"--sd-tabs-main-selected-text":n.selected.text,"--sd-tabs-main-selected-border":n.selected.border,"--sd-tabs-main-default-bg":n.default.bg,"--sd-tabs-main-default-text":n.default.text,"--sd-tabs-main-default-border":n.default.border,"--sd-tabs-main-font-family":l.default.fontFamily,"--sd-tabs-main-font-size":l.default.fontSize+"px","--sd-tabs-main-line-height":l.default.lineHeight+"px","--sd-tabs-main-font-weight-default":l.default.fontWeight,"--sd-tabs-main-font-weight-selected":l.selected.fontWeight,"--sd-tabs-sub-gap-horizontal":u+"px","--sd-tabs-sub-gap-vertical":c+"px","--sd-tabs-sub-item-height":m+"px","--sd-tabs-sub-content-gap":h+"px","--sd-tabs-sub-border-width":g+"px","--sd-tabs-sub-selected-text":f.selected.text,"--sd-tabs-sub-selected-line":f.selected.line,"--sd-tabs-sub-default-text":f.default.text,"--sd-tabs-sub-font-family":p.default.fontFamily,"--sd-tabs-sub-font-size":p.default.fontSize+"px","--sd-tabs-sub-line-height":p.default.lineHeight+"px","--sd-tabs-sub-font-weight-default":p.default.fontWeight,"--sd-tabs-sub-font-weight-selected":p.selected.fontWeight}}render(){return a("div",{key:"~~d8d86075bbf5e13444f99e57cf63c2f5b9ef28fc~~",class:this.getContainerClasses(),style:this.buildCssVars()},this.tabs.map(((t,s)=>{const e=this.getBadgeName(t);return a("div",{key:"tab-"+s,role:"tab",tabindex:0,"aria-selected":t.value===this.value?"true":"false",class:this.getTabClasses(t),"aria-label":t.label\|\|"tab",onClick:()=>this.handleTabClick(t),onKeyDown:s=>{"Enter"!==s.key&&" "!==s.key\|\|(s.preventDefault(),this.handleTabClick(t))}},a("span",{"data-label":t.label,class:"sd-tabs__label"},t.label),null!=t.badge&&""!==t.badge&&a("sd-tag",{name:e,label:""+t.badge}))})))}static get watchers(){return{value:[{valueChanged:0}]}}static get style(){return'sd-tabs{display:inline-block;width:100%}sd-tabs .sd-tabs{display:flex;flex-direction:row;gap:var(--sd-tabs-main-container-gap);border-bottom:var(--sd-tabs-main-border-width) solid var(--sd-tabs-main-selected-border);font-family:var(--sd-tabs-main-font-family)}sd-tabs .sd-tabs__tab{display:flex;align-items:center;justify-content:center;gap:var(--sd-tabs-main-gap);cursor:pointer;box-sizing:border-box;height:var(--sd-tabs-main-height);padding:0 var(--sd-tabs-main-padding-x);border:var(--sd-tabs-main-border-width) solid var(--sd-tabs-main-default-border);border-bottom:none;border-top-left-radius:var(--sd-tabs-main-radius);border-top-right-radius:var(--sd-tabs-main-radius);background-color:var(--sd-tabs-main-default-bg);color:var(--sd-tabs-main-default-text);font-size:var(--sd-tabs-main-font-size);line-height:var(--sd-tabs-main-line-height);font-weight:var(--sd-tabs-main-font-weight-default);transition:all 0.2s ease;position:relative;user-select:none}sd-tabs .sd-tabs__tab::before{content:"";position:absolute;inset:0;opacity:0;transition:all 0.2s;pointer-events:none}sd-tabs .sd-tabs__tab--selected{border-color:var(--sd-tabs-main-selected-border);color:var(--sd-tabs-main-selected-text);background-color:var(--sd-tabs-main-selected-bg)}sd-tabs .sd-tabs__tab--selected .sd-tabs__label::before{font-weight:var(--sd-tabs-main-font-weight-selected)}sd-tabs .sd-tabs__tab--selected:hover::before{background-color:var(--sd-tabs-main-selected-border);opacity:0.15}sd-tabs .sd-tabs__tab--unselected:hover::before{background-color:var(--sd-tabs-main-default-text);opacity:0.15}sd-tabs .sd-tabs__label{user-select:none;font-weight:var(--sd-tabs-main-font-weight-selected);visibility:hidden;position:relative;white-space:nowrap}sd-tabs .sd-tabs__label::before{content:attr(data-label);visibility:visible;position:absolute;inset:0;font-weight:var(--sd-tabs-main-font-weight-default);transition:font-weight 0.2s ease}sd-tabs .sd-tabs--sub{gap:var(--sd-tabs-sub-gap-horizontal);border-bottom:none;font-family:var(--sd-tabs-sub-font-family)}sd-tabs .sd-tabs--sub .sd-tabs__tab{height:var(--sd-tabs-sub-item-height);padding:0 0 var(--sd-tabs-sub-content-gap) 0;border:none;border-radius:0;background-color:transparent;color:var(--sd-tabs-sub-default-text);font-size:var(--sd-tabs-sub-font-size);line-height:var(--sd-tabs-sub-line-height);font-weight:var(--sd-tabs-sub-font-weight-default)}sd-tabs .sd-tabs--sub .sd-tabs__tab::before{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--sd-tabs-sub-border-width);width:100%;background-color:var(--sd-tabs-sub-selected-line);opacity:0;transition:opacity 0.2s ease;inset:auto 0 0 0;pointer-events:none}sd-tabs .sd-tabs--sub .sd-tabs__tab--selected{color:var(--sd-tabs-sub-selected-text);background-color:transparent}sd-tabs .sd-tabs--sub .sd-tabs__tab--selected::before{opacity:1}sd-tabs .sd-tabs--sub .sd-tabs__tab--selected .sd-tabs__label::before{font-weight:var(--sd-tabs-sub-font-weight-selected)}sd-tabs .sd-tabs--sub .sd-tabs__label{font-weight:var(--sd-tabs-sub-font-weight-selected)}sd-tabs .sd-tabs--sub .sd-tabs__label::before{font-weight:var(--sd-tabs-sub-font-weight-default)}sd-tabs .sd-tabs--vertical{flex-direction:column;align-items:stretch;width:fit-content;border-bottom:none;border-right:var(--sd-tabs-main-border-width) solid var(--sd-tabs-main-selected-border)}sd-tabs .sd-tabs--vertical .sd-tabs__tab{justify-content:flex-start;border-bottom:var(--sd-tabs-main-border-width) solid var(--sd-tabs-main-default-border);border-right:none;border-top-right-radius:0;border-bottom-left-radius:var(--sd-tabs-main-radius)}sd-tabs .sd-tabs--vertical .sd-tabs__tab--selected{border-color:var(--sd-tabs-main-selected-border)}sd-tabs .sd-tabs--vertical.sd-tabs--sub{gap:var(--sd-tabs-sub-gap-vertical);border-right:none}sd-tabs .sd-tabs--vertical.sd-tabs--sub .sd-tabs__tab{justify-content:center;width:100%;border:none;border-radius:0}'}},[512,"sd-tabs",{value:[1537],tabs:[1040],size:[513],isSub:[516,"is-sub"],vertical:[516]},void 0,{value:[{valueChanged:0}]}]),_=v,x=function(){"undefined"!=typeof customElements&&["sd-tabs","sd-icon","sd-tag"].forEach((t=>{switch(t){case"sd-tabs":customElements.get(d(t))\|\|customElements.define(d(t),v);break;case"sd-icon":customElements.get(d(t))\|\|b();break;case"sd-tag":customElements.get(d(t))\|\|i()}}))};export{_ as SdTabs,x as defineCustomElement}
1	+ import{p as t,H as s,c as e,h as a,t as d}from"./p-Br8E2gpA.js";import{d as b}from"./p-jbqIrDHw.js";import{d as i}from"./p-CZym_85X.js";var r={tab:{main:{lg:{height:"44",paddingX:"32"},md:{height:"36",paddingX:"24"},gap:"8",container:{gap:"4"},radius:"6",border:{width:"1"},selected:{bg:"#FFFFFF",text:"#0075FF",border:"#0075FF",typography:{fontWeight:"700"}},default:{bg:"#F6F6F6",text:"#888888",border:"#CCCCCC",typography:{fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontWeight:"400",fontSize:"12",lineHeight:"20"}}},sub:{selected:{text:"#0075FF",line:"#0075FF",typography:{fontWeight:"700"}},default:{text:"#222222",typography:{fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontWeight:"400",fontSize:"12",lineHeight:"20"}},border:{width:"1"},gap:{horizontal:"24",vertical:"16"},content:{gap:"4"},item:{height:"20"}}}};const o={md:{height:Number(r.tab.main.md.height),paddingX:Number(r.tab.main.md.paddingX)},lg:{height:Number(r.tab.main.lg.height),paddingX:Number(r.tab.main.lg.paddingX)},gap:Number(r.tab.main.gap),containerGap:Number(r.tab.main.container.gap),radius:Number(r.tab.main.radius),borderWidth:Number(r.tab.main.border.width)},n={selected:{bg:r.tab.main.selected.bg,text:r.tab.main.selected.text,border:r.tab.main.selected.border},default:{bg:r.tab.main.default.bg,text:r.tab.main.default.text,border:r.tab.main.default.border}},l={selected:r.tab.main.selected.typography,default:r.tab.main.default.typography},u=Number(r.tab.sub.gap.horizontal),c=Number(r.tab.sub.gap.vertical),h=Number(r.tab.sub.content.gap),g=Number(r.tab.sub.border.width),m=Number(r.tab.sub.item.height),p={selected:{text:r.tab.sub.selected.text,line:r.tab.sub.selected.line},default:{text:r.tab.sub.default.text}},f={selected:r.tab.sub.selected.typography,default:r.tab.sub.default.typography},v=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.update=e(this,"sdUpdate",7)}value;tabs=[];size="md";isSub=!1;vertical=!1;update;valueChanged(t){this.value=t}handleTabClick=t=>{this.value=t.value,this.update.emit(t.value)};isTabSelected(t){return this.value===t.value}getTabClasses(t){return["sd-tabs__tab",this.isTabSelected(t)?"sd-tabs__tab--selected":"sd-tabs__tab--unselected"].join(" ")}getContainerClasses(){const t=["sd-tabs","sd-tabs--"+(this.size??"md")];return this.isSub&&t.push("sd-tabs--sub"),this.vertical&&t.push("sd-tabs--vertical"),t.join(" ")}getBadgeName(t){return"square_xs_"+(this.isTabSelected(t)?"blue":"grey")}buildCssVars(){const t=o[this.size??"md"];return{"--sd-tabs-main-height":t.height+"px","--sd-tabs-main-padding-x":t.paddingX+"px","--sd-tabs-main-gap":o.gap+"px","--sd-tabs-main-container-gap":o.containerGap+"px","--sd-tabs-main-radius":o.radius+"px","--sd-tabs-main-border-width":o.borderWidth+"px","--sd-tabs-main-selected-bg":n.selected.bg,"--sd-tabs-main-selected-text":n.selected.text,"--sd-tabs-main-selected-border":n.selected.border,"--sd-tabs-main-default-bg":n.default.bg,"--sd-tabs-main-default-text":n.default.text,"--sd-tabs-main-default-border":n.default.border,"--sd-tabs-main-font-family":l.default.fontFamily,"--sd-tabs-main-font-size":l.default.fontSize+"px","--sd-tabs-main-line-height":l.default.lineHeight+"px","--sd-tabs-main-font-weight-default":l.default.fontWeight,"--sd-tabs-main-font-weight-selected":l.selected.fontWeight,"--sd-tabs-sub-gap-horizontal":u+"px","--sd-tabs-sub-gap-vertical":c+"px","--sd-tabs-sub-item-height":m+"px","--sd-tabs-sub-content-gap":h+"px","--sd-tabs-sub-border-width":g+"px","--sd-tabs-sub-selected-text":p.selected.text,"--sd-tabs-sub-selected-line":p.selected.line,"--sd-tabs-sub-default-text":p.default.text,"--sd-tabs-sub-font-family":f.default.fontFamily,"--sd-tabs-sub-font-size":f.default.fontSize+"px","--sd-tabs-sub-line-height":f.default.lineHeight+"px","--sd-tabs-sub-font-weight-default":f.default.fontWeight,"--sd-tabs-sub-font-weight-selected":f.selected.fontWeight}}render(){return a("div",{key:"814a74aa2e17e22e2c8ea8fbd22be4505940e2b0",class:this.getContainerClasses(),style:this.buildCssVars()},this.tabs.map(((t,s)=>{const e=this.getBadgeName(t);return a("div",{key:"tab-"+s,role:"tab",tabindex:0,"aria-selected":t.value===this.value?"true":"false",class:this.getTabClasses(t),"aria-label":t.label\|\|"tab",onClick:()=>this.handleTabClick(t),onKeyDown:s=>{"Enter"!==s.key&&" "!==s.key\|\|(s.preventDefault(),this.handleTabClick(t))}},a("span",{"data-label":t.label,class:"sd-tabs__label"},t.label),null!=t.badge&&""!==t.badge&&a("sd-tag",{name:e,label:""+t.badge}))})))}static get watchers(){return{value:[{valueChanged:0}]}}static get style(){return'sd-tabs{display:inline-block;width:100%}sd-tabs .sd-tabs{display:flex;flex-direction:row;gap:var(--sd-tabs-main-container-gap);border-bottom:var(--sd-tabs-main-border-width) solid var(--sd-tabs-main-selected-border);font-family:var(--sd-tabs-main-font-family)}sd-tabs .sd-tabs__tab{display:flex;align-items:center;justify-content:center;gap:var(--sd-tabs-main-gap);cursor:pointer;box-sizing:border-box;height:var(--sd-tabs-main-height);padding:0 var(--sd-tabs-main-padding-x);border:var(--sd-tabs-main-border-width) solid var(--sd-tabs-main-default-border);border-bottom:none;border-top-left-radius:var(--sd-tabs-main-radius);border-top-right-radius:var(--sd-tabs-main-radius);background-color:var(--sd-tabs-main-default-bg);color:var(--sd-tabs-main-default-text);font-size:var(--sd-tabs-main-font-size);line-height:var(--sd-tabs-main-line-height);font-weight:var(--sd-tabs-main-font-weight-default);transition:all 0.2s ease;position:relative;user-select:none}sd-tabs .sd-tabs__tab::before{content:"";position:absolute;inset:0;opacity:0;transition:all 0.2s;pointer-events:none}sd-tabs .sd-tabs__tab--selected{border-color:var(--sd-tabs-main-selected-border);color:var(--sd-tabs-main-selected-text);background-color:var(--sd-tabs-main-selected-bg)}sd-tabs .sd-tabs__tab--selected .sd-tabs__label::before{font-weight:var(--sd-tabs-main-font-weight-selected)}sd-tabs .sd-tabs__tab--selected:hover::before{background-color:var(--sd-tabs-main-selected-border);opacity:0.15}sd-tabs .sd-tabs__tab--unselected:hover::before{background-color:var(--sd-tabs-main-default-text);opacity:0.15}sd-tabs .sd-tabs__label{user-select:none;font-weight:var(--sd-tabs-main-font-weight-selected);visibility:hidden;position:relative;white-space:nowrap}sd-tabs .sd-tabs__label::before{content:attr(data-label);visibility:visible;position:absolute;inset:0;font-weight:var(--sd-tabs-main-font-weight-default);transition:font-weight 0.2s ease}sd-tabs .sd-tabs--sub{gap:var(--sd-tabs-sub-gap-horizontal);border-bottom:none;font-family:var(--sd-tabs-sub-font-family)}sd-tabs .sd-tabs--sub .sd-tabs__tab{height:var(--sd-tabs-sub-item-height);padding:0 0 var(--sd-tabs-sub-content-gap) 0;border:none;border-radius:0;background-color:transparent;color:var(--sd-tabs-sub-default-text);font-size:var(--sd-tabs-sub-font-size);line-height:var(--sd-tabs-sub-line-height);font-weight:var(--sd-tabs-sub-font-weight-default)}sd-tabs .sd-tabs--sub .sd-tabs__tab::before{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--sd-tabs-sub-border-width);width:100%;background-color:var(--sd-tabs-sub-selected-line);opacity:0;transition:opacity 0.2s ease;inset:auto 0 0 0;pointer-events:none}sd-tabs .sd-tabs--sub .sd-tabs__tab--selected{color:var(--sd-tabs-sub-selected-text);background-color:transparent}sd-tabs .sd-tabs--sub .sd-tabs__tab--selected::before{opacity:1}sd-tabs .sd-tabs--sub .sd-tabs__tab--selected .sd-tabs__label::before{font-weight:var(--sd-tabs-sub-font-weight-selected)}sd-tabs .sd-tabs--sub .sd-tabs__label{font-weight:var(--sd-tabs-sub-font-weight-selected)}sd-tabs .sd-tabs--sub .sd-tabs__label::before{font-weight:var(--sd-tabs-sub-font-weight-default)}sd-tabs .sd-tabs--vertical{flex-direction:column;align-items:stretch;width:fit-content;border-bottom:none;border-right:var(--sd-tabs-main-border-width) solid var(--sd-tabs-main-selected-border)}sd-tabs .sd-tabs--vertical .sd-tabs__tab{justify-content:flex-start;border-bottom:var(--sd-tabs-main-border-width) solid var(--sd-tabs-main-default-border);border-right:none;border-top-right-radius:0;border-bottom-left-radius:var(--sd-tabs-main-radius)}sd-tabs .sd-tabs--vertical .sd-tabs__tab--selected{border-color:var(--sd-tabs-main-selected-border)}sd-tabs .sd-tabs--vertical.sd-tabs--sub{gap:var(--sd-tabs-sub-gap-vertical);border-right:none}sd-tabs .sd-tabs--vertical.sd-tabs--sub .sd-tabs__tab{justify-content:center;width:100%;border:none;border-radius:0}'}},[512,"sd-tabs",{value:[1537],tabs:[1040],size:[513],isSub:[516,"is-sub"],vertical:[516]},void 0,{value:[{valueChanged:0}]}]),_=v,x=function(){"undefined"!=typeof customElements&&["sd-tabs","sd-icon","sd-tag"].forEach((t=>{switch(t){case"sd-tabs":customElements.get(d(t))\|\|customElements.define(d(t),v);break;case"sd-icon":customElements.get(d(t))\|\|b();break;case"sd-tag":customElements.get(d(t))\|\|i()}}))};export{_ as SdTabs,x as defineCustomElement}

package/dist/components/sd-tag.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{S as o,d as s}from"./p-~~CTCt17CE~~.js";const t=o,p=s;export{t as SdTag,p as defineCustomElement}
1	+ import{S as o,d as s}from"./p-CZym_85X.js";const m=o,p=s;export{m as SdTag,p as defineCustomElement}

package/dist/components/sd-text-link.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{S as o,d as r}from"./p-~~DOfLrOEu~~.js";const s=o,p=r;export{s as SdTextLink,p as defineCustomElement}
1	+ import{S as o,d as s}from"./p-n7Aqcaet.js";const t=o,a=s;export{t as SdTextLink,a as defineCustomElement}

package/dist/components/sd-textarea.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{S as s,d as o}from"./p-~~DYjaQs6e~~.js";const a=s,p=o;export{a as SdTextarea,p as defineCustomElement}
1	+ import{S as o,d as s}from"./p-DoeAW35u.js";const p=o,r=s;export{p as SdTextarea,r as defineCustomElement}

package/dist/components/sd-time-picker-selector.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{S as o,d as s}from"./p-~~B887QQl2~~.js";const p=o,r=s;export{p as SdTimePickerSelector,r as defineCustomElement}
1	+ import{S as o,d as r}from"./p-YMr1C1Dx.js";const s=o,p=r;export{s as SdTimePickerSelector,p as defineCustomElement}

package/dist/components/sd-time-picker-trigger.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{S as o,d as s}from"./p-~~Bxv2AFOb~~.js";const p=o,r=s;export{p as SdTimePickerTrigger,r as defineCustomElement}
1	+ import{S as o,d as s}from"./p-C5P9PUI3.js";const p=o,r=s;export{p as SdTimePickerTrigger,r as defineCustomElement}

package/dist/components/sd-time-picker.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as e,H as s,c as t,h as i,t as d}from"./p-~~C6wuKkUq~~.js";import{n as a}from"./p-CCwNgVmC.js";import{f as r,a as l,T as o,b as h,p as n}from"./p-~~DMm_GeZC~~.js";import{d as c}from"./p-~~DsZwiWiU~~.js";import{d as m}from"./p-~~DSWD8udu~~.js";import{d as p}from"./p-~~SYnTIeiO~~.js";import{d as u}from"./p-~~DWnuCSqC~~.js";import{d as f}from"./p-~~CH9dgzTr~~.js";import{d as b}from"./p-~~CTCt17CE~~.js";import{d as g}from"./p-~~B887QQl2~~.js";import{d as k}from"./p-~~Bxv2AFOb~~.js";import{d as y}from"./p-~~qZxAQy4p~~.js";const w=e(class e extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.update=t(this,"sdUpdate",7),this.dropDownShow=t(this,"sdDropDownShow",7)}static CLOSE_ANIMATION_DURATION=150;get el(){return this}value=null;size="sm";type="default";placeholder="00:00";disabled=!1;clearable=!1;useMeridiem;minuteStep=1;width="";label="";labelWidth="";addonLabel="";addonAlign="start";hint="";errorMessage="";rules=[];error=!1;status;icon=void 0;labelTooltip="";labelTooltipProps=null;isOpen=!1;isAnimatingOut=!1;focused=!1;hovered=!1;update;dropDownShow;triggerRef;formField;closeAnimationTimer;name=a();watchIsOpen(e){this.focused=e,this.dropDownShow.emit({isOpen:e})}valueChanged(e){if(null==e\|\|""===e)return;const s=n(e),t=r(s.hour,s.minute);t!==e&&(this.value=t)}async sdValidate(){return this.formField?.sdValidate()}async sdReset(){return this.formField?.sdReset()}async sdResetValidate(){return this.formField?.sdResetValidation()}async sdFocus(){return this.formField?.sdFocus()}componentWillLoad(){this.valueChanged(this.value)}disconnectedCallback(){this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer)}closeDropdown(){this.isOpen&&(this.isOpen=!1,this.isAnimatingOut=!0,this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.closeAnimationTimer=setTimeout((()=>{this.isAnimatingOut=!1}),e.CLOSE_ANIMATION_DURATION))}handleTriggerClick=()=>{this.disabled\|\|(this.isOpen?this.closeDropdown():(this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.isAnimatingOut=!1,this.isOpen=!0))};handleClear=e=>{e.stopPropagation(),this.value=null,this.update.emit(null)};handleSelect=e=>{e.stopPropagation(),this.value=e.detail,this.update.emit(this.value)};get effectiveUseMeridiem(){return this.useMeridiem??"midday"===this.type}render(){const e=h[this.size]??h.sm;return i("sd-field",{key:"~~dc433d8d452ad71bc5ea1b388399df862ca9cd04~~",name:this.name,label:this.label,labelWidth:this.labelWidth,addonLabel:this.addonLabel,addonAlign:this.addonAlign,hint:this.hint,errorMessage:this.errorMessage,width:this.width,rules:this.rules,error:this.error,status:this.status,disabled:this.disabled,focused:this.focused,hovered:this.hovered,size:this.size,icon:this.icon,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:e=>this.formField=e,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1,style:{"--sd-system-size-field-sm-height":e.height+"px","--sd-system-size-field-md-height":e.height+"px","--sd-system-radius-field-sm":e.radius+"px","--sd-system-radius-field-md":e.radius+"px","--sd-time-picker-min-width":e.minWidth+"px","--sd-system-color-field-border-default":o.border.default,"--sd-system-color-field-border-focus":o.border.focus,"--sd-system-color-field-bg-default":o.bg.default}},i("div",{key:"~~258c3a0d3232e8edfe5304dd2e0fcea4060f5893~~",class:"sd-time-picker",ref:e=>{this.triggerRef=e}},i("sd-time-picker-trigger",{key:"~~22af4e81d925cbdacea4e08b05aaa13cf5eb9ef8~~",displayText:l(this.value,this.effectiveUseMeridiem?"midday":"default"),placeholder:this.placeholder,disabled:this.disabled,clearable:this.clearable,size:this.size,onSdTriggerClick:this.handleTriggerClick,onSdClear:this.handleClear})),(this.isOpen\|\|this.isAnimatingOut)&&i("sd-portal",{key:"~~8c7e43950257c8a8bf3b157f69985b3284430107~~",open:this.isOpen,parentRef:this.triggerRef,onSdClose:()=>this.closeDropdown()},i("sd-time-picker-selector",{key:"~~27109beda36d1817807f6a8b6af8a7a12b4c31c6~~",value:this.value,useMeridiem:this.effectiveUseMeridiem,minuteStep:this.minuteStep,onSdUpdate:this.handleSelect})))}static get watchers(){return{isOpen:[{watchIsOpen:0}],value:[{valueChanged:0}]}}static get style(){return"sd-time-picker{display:inline-flex}sd-time-picker sd-portal{display:none}sd-time-picker .sd-time-picker{position:relative;min-width:var(--sd-time-picker-min-width);width:100%;height:100%}"}},[512,"sd-time-picker",{value:[1025],size:[513],type:[513],placeholder:[513],disabled:[516],clearable:[4],useMeridiem:[4,"use-meridiem"],minuteStep:[2,"minute-step"],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],status:[1],icon:[16],labelTooltip:[1,"label-tooltip"],labelTooltipProps:[16],name:[1],isOpen:[32],isAnimatingOut:[32],focused:[32],hovered:[32],sdValidate:[64],sdReset:[64],sdResetValidate:[64],sdFocus:[64]},void 0,{isOpen:[{watchIsOpen:0}],value:[{valueChanged:0}]}]),C=w,T=function(){"undefined"!=typeof customElements&&["sd-time-picker","sd-field","sd-floating-portal","sd-ghost-button","sd-icon","sd-portal","sd-tag","sd-time-picker-selector","sd-time-picker-trigger","sd-tooltip"].forEach((e=>{switch(e){case"sd-time-picker":customElements.get(d(e))\|\|customElements.define(d(e),w);break;case"sd-field":customElements.get(d(e))\|\|c();break;case"sd-floating-portal":customElements.get(d(e))\|\|m();break;case"sd-ghost-button":customElements.get(d(e))\|\|p();break;case"sd-icon":customElements.get(d(e))\|\|u();break;case"sd-portal":customElements.get(d(e))\|\|f();break;case"sd-tag":customElements.get(d(e))\|\|b();break;case"sd-time-picker-selector":customElements.get(d(e))\|\|g();break;case"sd-time-picker-trigger":customElements.get(d(e))\|\|k();break;case"sd-tooltip":customElements.get(d(e))\|\|y()}}))};export{C as SdTimePicker,T as defineCustomElement}
1	+ import{p as e,H as s,c as t,h as i,t as d}from"./p-Br8E2gpA.js";import{n as a}from"./p-CCwNgVmC.js";import{f as r,a as l,T as o,b as h,p as n}from"./p-tH_3uKAX.js";import{d as c}from"./p-7VzVE0oV.js";import{d as m}from"./p-BFBKrBpn.js";import{d as p}from"./p-B-DK72cc.js";import{d as u}from"./p-jbqIrDHw.js";import{d as f}from"./p-Hh0L_XZ6.js";import{d as b}from"./p-CZym_85X.js";import{d as g}from"./p-YMr1C1Dx.js";import{d as k}from"./p-C5P9PUI3.js";import{d as y}from"./p-B7fiz4d8.js";const w=e(class e extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.update=t(this,"sdUpdate",7),this.dropDownShow=t(this,"sdDropDownShow",7)}static CLOSE_ANIMATION_DURATION=150;get el(){return this}value=null;size="sm";type="default";placeholder="00:00";disabled=!1;clearable=!1;useMeridiem;minuteStep=1;width="";label="";labelWidth="";addonLabel="";addonAlign="start";hint="";errorMessage="";rules=[];error=!1;status;icon=void 0;labelTooltip="";labelTooltipProps=null;isOpen=!1;isAnimatingOut=!1;focused=!1;hovered=!1;update;dropDownShow;triggerRef;formField;closeAnimationTimer;name=a();watchIsOpen(e){this.focused=e,this.dropDownShow.emit({isOpen:e})}valueChanged(e){if(null==e\|\|""===e)return;const s=n(e),t=r(s.hour,s.minute);t!==e&&(this.value=t)}async sdValidate(){return this.formField?.sdValidate()}async sdReset(){return this.formField?.sdReset()}async sdResetValidate(){return this.formField?.sdResetValidation()}async sdFocus(){return this.formField?.sdFocus()}componentWillLoad(){this.valueChanged(this.value)}disconnectedCallback(){this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer)}closeDropdown(){this.isOpen&&(this.isOpen=!1,this.isAnimatingOut=!0,this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.closeAnimationTimer=setTimeout((()=>{this.isAnimatingOut=!1}),e.CLOSE_ANIMATION_DURATION))}handleTriggerClick=()=>{this.disabled\|\|(this.isOpen?this.closeDropdown():(this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.isAnimatingOut=!1,this.isOpen=!0))};handleClear=e=>{e.stopPropagation(),this.value=null,this.update.emit(null)};handleSelect=e=>{e.stopPropagation(),this.value=e.detail,this.update.emit(this.value)};get effectiveUseMeridiem(){return this.useMeridiem??"midday"===this.type}render(){const e=h[this.size]??h.sm;return i("sd-field",{key:"4891d77f0e98a9028fff6fcf720144f6d84e527e",name:this.name,label:this.label,labelWidth:this.labelWidth,addonLabel:this.addonLabel,addonAlign:this.addonAlign,hint:this.hint,errorMessage:this.errorMessage,width:this.width,rules:this.rules,error:this.error,status:this.status,disabled:this.disabled,focused:this.focused,hovered:this.hovered,size:this.size,icon:this.icon,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:e=>this.formField=e,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1,style:{"--sd-system-size-field-sm-height":e.height+"px","--sd-system-size-field-md-height":e.height+"px","--sd-system-radius-field-sm":e.radius+"px","--sd-system-radius-field-md":e.radius+"px","--sd-time-picker-min-width":e.minWidth+"px","--sd-system-color-field-border-default":o.border.default,"--sd-system-color-field-border-focus":o.border.focus,"--sd-system-color-field-bg-default":o.bg.default}},i("div",{key:"86f2c4975ffb9ce8e9644e0e70fc9386266d6d71",class:"sd-time-picker",ref:e=>{this.triggerRef=e}},i("sd-time-picker-trigger",{key:"6df1aa71c8f94ca5191e61c79125c90ff56124d9",displayText:l(this.value,this.effectiveUseMeridiem?"midday":"default"),placeholder:this.placeholder,disabled:this.disabled,clearable:this.clearable,size:this.size,onSdTriggerClick:this.handleTriggerClick,onSdClear:this.handleClear})),(this.isOpen\|\|this.isAnimatingOut)&&i("sd-portal",{key:"ffe406dc3b6e076fea9890ae1433bf11e2a9ca3e",open:this.isOpen,parentRef:this.triggerRef,onSdClose:()=>this.closeDropdown()},i("sd-time-picker-selector",{key:"523d6e6bb0fb8abf830d29086c7b2e48cbb5bdc9",value:this.value,useMeridiem:this.effectiveUseMeridiem,minuteStep:this.minuteStep,onSdUpdate:this.handleSelect})))}static get watchers(){return{isOpen:[{watchIsOpen:0}],value:[{valueChanged:0}]}}static get style(){return"sd-time-picker{display:inline-flex}sd-time-picker sd-portal{display:none}sd-time-picker .sd-time-picker{position:relative;min-width:var(--sd-time-picker-min-width);width:100%;height:100%}"}},[512,"sd-time-picker",{value:[1025],size:[513],type:[513],placeholder:[513],disabled:[516],clearable:[4],useMeridiem:[4,"use-meridiem"],minuteStep:[2,"minute-step"],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],status:[1],icon:[16],labelTooltip:[1,"label-tooltip"],labelTooltipProps:[16],name:[1],isOpen:[32],isAnimatingOut:[32],focused:[32],hovered:[32],sdValidate:[64],sdReset:[64],sdResetValidate:[64],sdFocus:[64]},void 0,{isOpen:[{watchIsOpen:0}],value:[{valueChanged:0}]}]),v=w,T=function(){"undefined"!=typeof customElements&&["sd-time-picker","sd-field","sd-floating-portal","sd-ghost-button","sd-icon","sd-portal","sd-tag","sd-time-picker-selector","sd-time-picker-trigger","sd-tooltip"].forEach((e=>{switch(e){case"sd-time-picker":customElements.get(d(e))\|\|customElements.define(d(e),w);break;case"sd-field":customElements.get(d(e))\|\|c();break;case"sd-floating-portal":customElements.get(d(e))\|\|m();break;case"sd-ghost-button":customElements.get(d(e))\|\|p();break;case"sd-icon":customElements.get(d(e))\|\|u();break;case"sd-portal":customElements.get(d(e))\|\|f();break;case"sd-tag":customElements.get(d(e))\|\|b();break;case"sd-time-picker-selector":customElements.get(d(e))\|\|g();break;case"sd-time-picker-trigger":customElements.get(d(e))\|\|k();break;case"sd-tooltip":customElements.get(d(e))\|\|y()}}))};export{v as SdTimePicker,T as defineCustomElement}

package/dist/components/sd-time-range-picker-selector.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{S as o,d as r}from"./p-~~Ckr9iuVb~~.js";const s=o,p=r;export{s as SdTimeRangePickerSelector,p as defineCustomElement}
1	+ import{S as o,d as p}from"./p-MquwxbYp.js";const s=o,r=p;export{s as SdTimeRangePickerSelector,r as defineCustomElement}