@sellmate/design-system 1.7.0 → 1.7.2

package/package.json

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

package/dist/components/p-BFAQ4nY2.js

@@ -1 +0,0 @@
-import{p as e,H as t,c as s,h as r,t as i}from"./p-pwNG5WaX.js";import{g,h as c,i as o}from"./p-C4uWhzoG.js";import{d as l}from"./p-DQj-S8AC.js";const d=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.triggerClick=s(this,"sdTriggerClick",7),this.triggerFocus=s(this,"sdTriggerFocus",7),this.triggerBlur=s(this,"sdTriggerBlur",7)}displayText="";placeholder="선택";disabled=!1;isOpen=!1;triggerClick;triggerFocus;triggerBlur;triggerEl;async sdFocus(){this.disabled||this.triggerEl?.focus()}handleClick=()=>{this.disabled||this.triggerClick.emit()};handleFocus=()=>{this.triggerFocus.emit()};handleBlur=()=>{this.triggerBlur.emit()};render(){const e=""!==this.displayText;return r("div",{key:"471e6df2948987989fa192474b0305ad0c8bcd32",ref:e=>{this.triggerEl=e},role:"button","aria-haspopup":"listbox","aria-expanded":this.isOpen?"true":"false",tabindex:this.disabled?-1:0,class:{"sd-select-trigger":!0,"sd-select-trigger--open":this.isOpen,"sd-select-trigger--disabled":this.disabled},style:{"--trigger-padding-x":`${o.paddingX}px`,"--trigger-gap":`${o.gap}px`,"--trigger-font-size":`${c.fontSize}px`,"--trigger-line-height":`${c.lineHeight}px`,"--trigger-font-weight":c.fontWeight,"--trigger-color":this.disabled?g.text.disabled:e?g.text.default:g.icon.default,"--trigger-icon-color":this.disabled?g.icon.disabled:g.icon.default},onClick:this.handleClick,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.handleClick())},onFocus:this.handleFocus,onBlur:this.handleBlur},r("div",{key:"8133b44065cd4a27d6aa71980c8684c363c7e7ba",class:"sd-select-trigger__content"},r("span",{key:"d8ee3d118cf760b687b491387592efe0c7532cf2",class:"sd-select-trigger__text"},e?this.displayText:this.placeholder??"선택"),r("sd-icon",{key:"0271061d32f1236346812a21a2e483402a94415c",name:"chevronDown",size:12,color:"var(--trigger-icon-color)",class:{"sd-select-trigger__icon":!0,"sd-select-trigger__icon--open":this.isOpen}})))}static get style(){return"sd-select-trigger{display:block;width:100%;height:100%}sd-select-trigger .sd-select-trigger{display:flex;width:100%;height:100%;cursor:pointer;user-select:none;overflow:hidden;border-radius:3px}sd-select-trigger .sd-select-trigger--disabled{cursor:not-allowed}sd-select-trigger .sd-select-trigger__content{display:flex;align-items:center;gap:var(--trigger-gap);flex:1;padding:0 var(--trigger-padding-x);min-width:0}sd-select-trigger .sd-select-trigger__text{flex:1;font-size:var(--trigger-font-size);line-height:var(--trigger-line-height);font-weight:var(--trigger-font-weight);color:var(--trigger-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}sd-select-trigger .sd-select-trigger__icon{flex-shrink:0;transition:transform 0.2s ease}sd-select-trigger .sd-select-trigger__icon--open{transform:rotate(180deg)}"}},[512,"sd-select-trigger",{displayText:[1,"display-text"],placeholder:[1],disabled:[4],isOpen:[4,"is-open"],sdFocus:[64]}]);function n(){"undefined"!=typeof customElements&&["sd-select-trigger","sd-icon"].forEach((e=>{switch(e){case"sd-select-trigger":customElements.get(i(e))||customElements.define(i(e),d);break;case"sd-icon":customElements.get(i(e))||l()}}))}export{d as S,n as d}

package/dist/components/p-LZKaKr8O.js

@@ -1 +0,0 @@
-import{p as t,H as e,c as s,h as i,d as o,t as a}from"./p-pwNG5WaX.js";import{T as l}from"./p-sZMi_32I.js";import{a as r,r as h,e as n,c,f as d,g as b,h as p,i as f}from"./p-DGyTYauz.js";import{d as y}from"./p-CAP-9lnL.js";import{d as g}from"./p-Cye8r1MG.js";import{d as u}from"./p-5_BC8C6x.js";import{d as m}from"./p-DQj-S8AC.js";import{d as x}from"./p-CtXad9by.js";const k=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.sdColumnSort=s(this,"sdColumnSort",7)}get el(){return this}columns;selectable;resizable;stickyColumn;stickyHeader;scrolledLeft;scrolledRight;rows=[];columnWidths=[];sdColumnSort;tableId="";_columns=[];_selectable=!1;_resizable=!1;_stickyColumn={left:0,right:0};_stickyHeader=!1;_scrolledLeft=!1;_scrolledRight=!1;tableEl=null;handleColumnsChange(t){Array.isArray(t)&&0===(this.columnWidths??[]).length&&(this.columnWidths=t.map((t=>t.autoWidth?0:parseInt(t.width||"120",10))))}componentWillLoad(){this.syncTableContext(),this.columnWidths=Array.isArray(this.columnWidths)?this.columnWidths:[],this.resolveConfig(),0===(this.columnWidths??[]).length&&(this.columnWidths=this._columns.map((t=>t.autoWidth?0:parseInt(t.width||"120",10))))}componentDidLoad(){this.syncTableContext(),this.resolveConfig()}syncTableContext(){const t=this.el.closest("sd-table"),e=this.el.getRootNode(),s=e instanceof ShadowRoot?e.host:null,i=t??s;this.tableEl=i;const o=i?.getTableIdSync?.(),a=i?.getAttribute(l),r=(null!=o&&""!==o&&"undefined"!==o?o:null)??(null!=a&&""!==a&&"undefined"!==a?a:null)??"";""!==r&&r!==this.tableId&&(this.tableId=r)}resolveConfig(){const t=this.tableEl?.getConfigSync?.(),e=Array.isArray(this.columns)?this.columns:Array.isArray(t?.columns)?t.columns:[];this._columns=e,this._selectable=this.selectable??t?.selectable??!1,this._resizable=this.resizable??t?.resizable??!1,this._stickyColumn=this.stickyColumn??t?.stickyColumn??{left:0,right:0},this._stickyHeader=this.stickyHeader??t?.stickyHeader??!1,this._scrolledLeft=this.scrolledLeft??t?.scrolledLeft??!1,this._scrolledRight=this.scrolledRight??t?.scrolledRight??!1,Array.isArray(t?.columnWidths)&&0===(this.columnWidths??[]).length&&(this.columnWidths=[...t.columnWidths]),Array.isArray(this.columnWidths)||(this.columnWidths=[])}async refreshConfig(){this.resolveConfig()}async setColumnWidths(t){this.columnWidths=Array.isArray(t)?t:[]}async refreshSelection(){const t=this.el.querySelector("sd-checkbox");t&&(t.value=this.getIsAllChecked())}get visibleColumns(){return this._columns.filter((t=>!1!==t.visible))}getStickyStyle(t){if(this.tableEl?.getStickyStyleSync)return this.tableEl.getStickyStyleSync(t);const e=this.columnWidths.slice(0,t).reduce(((t,e)=>t+e),0)+(this._selectable?r:0),s=this.columnWidths.filter(((e,s)=>s>=this.visibleColumns.length-(this._stickyColumn.right||0)&&s>t)).reduce(((t,e)=>t+e),0),i=this.visibleColumns[t],o={"--sticky-left-offset":`${e}px`,"--sticky-right-offset":`${s}px`};return i?.autoWidth||(o.width=`${this.columnWidths[t]}px`,o.minWidth=`${this.columnWidths[t]}px`,o.maxWidth=`${this.columnWidths[t]}px`),o}handleResize(t,e,s=!1){this.tableEl?.handleResize&&this.tableEl.handleResize(t,e,s)}handleColumnSort=t=>{this.sdColumnSort.emit({column:t})};handleSelectAll(t){const e=!!t,s=Array.isArray(this.rows)?this.rows:[];this.tableEl?.toggleSelectAllSync&&this.tableEl.toggleSelectAllSync(e,s)}getIsAllChecked(){const t=Array.isArray(this.rows)?this.rows:[];return!!(this.tableEl?.getIsAllCheckedSync&&t.length>0)&&this.tableEl.getIsAllCheckedSync(t)}render(){const t=Array.isArray(this.rows)?this.rows:[],e=this._stickyColumn.left||0,s=this._stickyColumn.right||0,a=this.visibleColumns.slice(0,e),l=this.visibleColumns.slice(e,this.visibleColumns.length-s),r=this.visibleColumns.slice(this.visibleColumns.length-s),y=this.visibleColumns.length-1;return i(o,{key:"aa5409734259c4c9dce1be6808a622e1dad8e577",slot:`${this.tableId}-head`,style:{"--table-header-height":`${f.height}px`,"--table-header-padding-x":`${f.paddingX}px`,"--table-header-gap":`${f.gap}px`,"--table-header-bg":p.bg,"--table-header-font-family":b.fontFamily,"--table-header-font-weight":b.fontWeight,"--table-header-font-size":`${b.fontSize}px`,"--table-header-line-height":`${b.lineHeight}px`,"--table-header-text-decoration":b.textDecoration,"--table-header-resizer-color":d.color,"--table-header-resizer-height":`${d.height}px`,"--table-border-color":c.color,"--table-border-width":`${c.width}px`}},i("thead",{key:"4c8aac4d2b9a0f9288abb67a03bd2c47510af676",class:{thead:!0,"thead--sticky":this._stickyHeader}},i("tr",{key:"be0af465f9406a898649bb0cea1b1972fc131a9b",class:"tr"},this._selectable&&i("th",{key:"72a763c4116dc03c372131629d64a92d9f338b65",class:{th:!0,"th--selected":!0,"sticky-left":!0,"sticky-left-edge":0===e,"is-scrolled-left":0===e&&this._scrolledLeft},style:{"--sticky-left-offset":"0px"}},i("sd-checkbox",{key:"2076f3b5a6baef3b6c1cfa6bab96953144f8a669",value:this.getIsAllChecked(),disabled:0===t.length,onSdUpdate:t=>this.handleSelectAll(t.detail)}),i("div",{key:"39dd8464081671945828859cec50862b1979de36",class:"th__bar"})),a.map(((t,s)=>i("th",{key:t.name,class:{th:!0,[`${t.thClass}`]:Boolean(t.thClass),"sticky-left":!0,"sticky-left-edge":s===e-1,"is-scrolled-left":s===e-1&&this._scrolledLeft},style:{...t.thStyle,...this.getStickyStyle(s)}},i("div",{class:`th__content th__content--${t.align||"left"}`},i("div",{class:"th__content--label"},t.label),t.icon&&i("sd-icon",{name:t.icon,size:"12",color:h(t.icon,t.iconColor)}),t.sort&&i("sd-icon",{name:n(t.sort),size:"12",color:h(n(t.sort),t.iconColor),onClick:()=>this.handleColumnSort(t),style:{cursor:"pointer"}}),t.tooltip&&i("sd-tooltip",{...t.tooltipOptions},i("div",{slot:"content"},t.tooltip.map((t=>i("p",null,t)))))),this._resizable&&s!==y&&i("div",{class:"th__resizer",onMouseDown:t=>this.handleResize(s,t)})))),l.map(((t,s)=>{const o=e+s;return i("th",{key:t.name,class:{th:!0,[`${t.thClass}`]:Boolean(t.thClass)},style:{...t.thStyle,...this.getStickyStyle(o)}},i("div",{class:`th__content th__content--${t.align||"left"}`},i("div",{class:"th__content--label"},t.label),t.icon&&i("sd-icon",{name:t.icon,size:"12",color:h(t.icon,t.iconColor)}),t.sort&&i("sd-icon",{name:n(t.sort),size:"12",color:h(n(t.sort),t.iconColor),onClick:()=>this.handleColumnSort(t),style:{cursor:"pointer"}}),t.tooltip&&i("sd-tooltip",{...t.tooltipOptions},i("div",{slot:"content"},t.tooltip.map((t=>i("p",null,t)))))),this._resizable&&o!==y&&i("div",{class:"th__resizer",onMouseDown:t=>this.handleResize(o,t)}))})),r.map(((t,e)=>{const o=this.visibleColumns.length-s+e;return i("th",{key:t.name,class:{th:!0,[`${t.thClass}`]:Boolean(t.thClass),"sticky-right":!0,"sticky-right-edge":0===e,"is-scrolled-right":0===e&&this._scrolledRight},style:{...t.thStyle,...this.getStickyStyle(o)}},i("div",{class:`th__content th__content--${t.align||"left"}`},i("div",{class:"th__content--label"},t.label),t.icon&&i("sd-icon",{name:t.icon,size:"12",color:h(t.icon,t.iconColor)}),t.sort&&i("sd-icon",{name:n(t.sort),size:"12",color:h(n(t.sort),t.iconColor),onClick:()=>this.handleColumnSort(t),style:{cursor:"pointer"}}),t.tooltip&&i("sd-tooltip",{...t.tooltipOptions},i("div",{slot:"content"},t.tooltip.map((t=>i("p",null,t)))))),this._resizable&&i("div",{class:"th__resizer th__resizer--left",onMouseDown:t=>this.handleResize(o,t,!0)}))})))))}static get watchers(){return{columns:[{handleColumnsChange:0}]}}static get style(){return'sd-thead{display:contents}sd-thead *{box-sizing:border-box}.thead{display:table-header-group;height:var(--table-header-height, 36px)}.thead--sticky{position:sticky;top:0;z-index:120}.tr{display:table-row;width:100%}.th{display:table-cell;background:var(--table-header-bg, #F5FAFF);height:var(--table-header-height, 36px);padding:0 var(--table-header-padding-x, 16px);font-family:var(--table-header-font-family, inherit);font-weight:var(--table-header-font-weight, 500);font-size:var(--table-header-font-size, 12px);line-height:var(--table-header-line-height, 20px);text-decoration:var(--table-header-text-decoration, none);vertical-align:middle;border-bottom:var(--table-border-width, 1px) solid var(--table-border-color, #E1E1E1);-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:keep-all}.th--selected{position:relative;width:var(--table-selectable-width, 48px) !important;max-width:var(--table-selectable-width, 48px) !important;min-width:var(--table-selectable-width, 48px) !important;text-align:center}.th--selected sd-checkbox label{position:relative}.th--selected sd-checkbox label:before{content:"";position:absolute;inset:-6px}.th.sticky-left{position:sticky;background-color:var(--table-header-bg, #F5FAFF);z-index:110 !important;left:var(--sticky-left-offset, 0)}.th.sticky-right{position:sticky;background-color:var(--table-header-bg, #F5FAFF);z-index:110 !important;right:var(--sticky-right-offset, 0)}.th.sticky-left-edge:after{content:"";position:absolute;top:0;left:100%;right:-20px;width:20px;height:100%;z-index:101 !important;box-shadow:inset 12px 0 20px -25px;opacity:0;pointer-events:none;transition:opacity 0.2s}.th.sticky-right-edge:after{content:"";position:absolute;top:0;left:-20px;width:20px;height:100%;z-index:101 !important;box-shadow:inset -12px 0 20px -25px;opacity:0;pointer-events:none;transition:opacity 0.2s}.th.sticky-left-edge.is-scrolled-left{overflow:visible}.th.sticky-left-edge.is-scrolled-left:after{opacity:1}.th.sticky-right-edge.is-scrolled-right{overflow:visible}.th.sticky-right-edge.is-scrolled-right:after{opacity:1}.th__content{display:flex;flex-flow:row nowrap;align-items:center;gap:var(--table-header-gap, 4px)}.th__content--left{justify-content:flex-start}.th__content--center{justify-content:center}.th__content--right{justify-content:flex-end}.th__content--label{white-space:nowrap;text-overflow:ellipsis;word-break:keep-all}.th__bar{position:absolute;top:50%;right:0;transform:translateY(-50%);width:var(--table-border-width, 1px);height:var(--table-header-resizer-height, 16px);z-index:3;background-color:var(--table-header-resizer-color, #CCCCCC)}.th__resizer{position:absolute;top:50%;right:0;transform:translateY(-50%);width:4px;height:var(--table-header-resizer-height, 16px);cursor:col-resize;z-index:3;border-left:var(--table-border-width, 1px) solid var(--table-header-resizer-color, #CCCCCC);border-right:var(--table-border-width, 1px) solid var(--table-header-resizer-color, #CCCCCC)}.th__resizer--left{right:auto;left:0}'}},[512,"sd-thead",{columns:[16],selectable:[4],resizable:[4],stickyColumn:[16],stickyHeader:[4,"sticky-header"],scrolledLeft:[4,"scrolled-left"],scrolledRight:[4,"scrolled-right"],rows:[16],columnWidths:[1040],tableId:[32],_columns:[32],_selectable:[32],_resizable:[32],_stickyColumn:[32],_stickyHeader:[32],_scrolledLeft:[32],_scrolledRight:[32],refreshConfig:[64],setColumnWidths:[64],refreshSelection:[64]},void 0,{columns:[{handleColumnsChange:0}]}]);function _(){"undefined"!=typeof customElements&&["sd-thead","sd-button","sd-checkbox","sd-floating-portal","sd-icon","sd-tooltip"].forEach((t=>{switch(t){case"sd-thead":customElements.get(a(t))||customElements.define(a(t),k);break;case"sd-button":customElements.get(a(t))||y();break;case"sd-checkbox":customElements.get(a(t))||g();break;case"sd-floating-portal":customElements.get(a(t))||u();break;case"sd-icon":customElements.get(a(t))||m();break;case"sd-tooltip":customElements.get(a(t))||x()}}))}export{k as S,_ as d}

package/dist/components/p-pTx5xpqU.js

@@ -1 +0,0 @@
-import{p as e,H as r,h as s,d as t,t as c}from"./p-pwNG5WaX.js";import{p as a}from"./p-D1vaasIp.js";import{s as o}from"./p-j2khhcHY.js";var i={track:"#EEEEEE",arc:"#2D8DFF"};const l=a.progress.color.label,n=o.color.fg.tertiary,p={primary:{arc:i.arc,track:i.track},inverse:{arc:"#FFFFFF",track:"transparent"},error:{arc:"#E30000",track:i.track},complete:{arc:"#01BB4B",track:i.track}},d=2*Math.PI*34,g=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=p[this.type]??p.primary,r={"--sd-circle-progress-track":e.track,"--sd-circle-progress-arc":e.arc,"--sd-circle-progress-label-color":l,"--sd-circle-progress-percent-color":0===this.clampedValue?n:e.arc},c={};this.indeterminate||(c.strokeDasharray=`${this.clampedValue/100*d} ${d}`,c.strokeDashoffset="0");const a=!this.indeterminate;return s(t,{key:"f92bf4d6e4f1133c4465a4fec7b2bad4549a6d06",style:r},s("svg",{key:"669fa503cc6007f48f35474b08e4359de695026d",class:"sd-circle-progress",viewBox:"0 0 80 80",xmlns:"http://www.w3.org/2000/svg"},s("circle",{key:"020c7d840a6592d7705b65b14d27e3b5752629bf",class:"sd-circle-progress__track",cx:40,cy:40,r:34,fill:"none","stroke-width":12}),s("circle",{key:"e409da4a5c34adcd8744f16040ae9d5d6019a415",class:"sd-circle-progress__arc",cx:40,cy:40,r:34,fill:"none","stroke-width":12,"stroke-linecap":"round",style:c})),a&&s("span",{key:"91c0b91e69293b67c8a0ad67a6d4b9e9db5c6d4a",class:"sd-circle-progress__percent"},Math.round(this.clampedValue),"%"),this.label&&s("span",{key:"03a5bee22a2e2f1b4ba75dbeca2ef5b4b9840aeb",class:"sd-circle-progress__label"},this.label))}static get style(){return'@charset "UTF-8";sd-circle-progress{display:inline-flex;flex-direction:column;align-items:center;gap:8px}sd-circle-progress .sd-circle-progress{width:80px;height:80px}sd-circle-progress .sd-circle-progress__track{stroke:var(--sd-circle-progress-track)}sd-circle-progress .sd-circle-progress__arc{stroke:var(--sd-circle-progress-arc);transform:rotate(-90deg);transform-origin:center center;transition:stroke-dasharray 0.4s linear, stroke-dashoffset 0.4s linear}sd-circle-progress .sd-circle-progress__percent{text-align:center;color:var(--sd-circle-progress-percent-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:16px;font-weight:700;line-height:26px}sd-circle-progress .sd-circle-progress__label{text-align:center;color:var(--sd-circle-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-circle-progress{}sd-circle-progress[indeterminate] .sd-circle-progress{animation:sd-circle-progress-spin 2s linear infinite;transform-origin:center center}sd-circle-progress[indeterminate] .sd-circle-progress__arc{transform:none;transition:none;animation:sd-circle-progress-spin-path 1.5s ease-in-out infinite}@keyframes sd-circle-progress-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes sd-circle-progress-spin-path{0%{stroke-dasharray:1, 340;stroke-dashoffset:0}50%{stroke-dasharray:151, 340;stroke-dashoffset:-60}100%{stroke-dasharray:151, 340;stroke-dashoffset:-211}}'}},[512,"sd-circle-progress",{indeterminate:[516],value:[2],type:[513],label:[1]}]);function f(){"undefined"!=typeof customElements&&["sd-circle-progress"].forEach((e=>{"sd-circle-progress"===e&&(customElements.get(c(e))||customElements.define(c(e),g))}))}export{g as S,f as d}

package/dist/design-system/p-17ec576c.entry.js

@@ -1 +0,0 @@
-import{r as e,c as s,a as t,h as i,F as o}from"./p-DNWwGHho.js";import{T as a}from"./p-LIf7YMBN.js";var n="#07284A";const c=class{constructor(t){e(this,t),this.showChange=s(this,"sdShowChange",7)}get el(){return t(this)}show=!1;placement="bottom";color="#01BB4B";icon="helpOutline";iconSize=12;label="";name="primary_sm";rightIcon;ariaLabel="";disabled=!1;type="button";menuTitle;leftLink;button;menuClass="";slotContentHTML="";showChange;buttonEl;setShow=e=>{this.show!==e&&(this.show=e,this.showChange.emit(e))};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.setShow(!1);componentWillLoad(){this.slotContentHTML=this.el.innerHTML,this.el.innerHTML=""}render(){const e=this.placement??"bottom",s=this.color??"#01BB4B",t=this.icon??"helpOutline",c=this.iconSize??12,l=this.menuClass??"",d=this.leftLink,b=this.button,r=!!d||!!b;return i(o,{key:"3eb48b91ccf49d78cf332bf2c83268ca903be3ef"},""!==this.label?i("sd-button",{ref:e=>this.buttonEl=e,name:this.name??"primary_sm",label:this.label,icon:t,rightIcon:this.rightIcon,ariaLabel:this.ariaLabel||this.label||t||"Open popover",disabled:this.disabled,type:this.type??"button",class:"sd-popover",onSdClick:()=>this.setShow(!this.show)}):i("sd-icon",{ref:e=>this.buttonEl=e,name:t,size:c,color:s,class:"sd-popover",onClick:()=>this.setShow(!this.show)}),this.show&&i("sd-floating-portal",{key:"94c0b1d56307b29944d078d03bdd686c3eacaee0",parentRef:this.buttonEl,onSdClose:this.handleClose,placement:e,offset:this.popoverOffset},i("div",{key:"3f969dcad5785973e80cab6090e8b687461bbbe2",class:{"sd-floating-menu":!0,"sd-floating-menu--popover":!0,[`sd-floating-menu--${e}`]:!0,[l]:""!==l},style:{"--sd-floating-bg":n}},i("i",{key:"3992cc7f589dc932c59a9bd88376b93e66e37cd0",class:`sd-floating-menu__arrow sd-floating-menu__arrow--${e}`},i(a,{key:"b2d27b5131e022d3d22a82cccf9cd80afc414194"})),i("div",{key:"48b33b11d8179e51fe4b3f0fbc24084d197b5447",class:"sd-floating-menu__content"},this.menuTitle&&i("div",{key:"b955fb4707b66d003414197254a165388ceafb11",class:"sd-floating-menu__title"},this.menuTitle),this.slotContentHTML&&i("div",{key:"c5416ab9a7f4f0bcda01af31304e4358f25ff6e2",class:"sd-floating-menu__messages",innerHTML:this.slotContentHTML}),r&&i("div",{key:"51db3b7a70e4f1befc49b7ee26422a634a38d9e1",class:{"sd-floating-menu__buttons":!0,"sd-floating-menu__buttons--with-link":!!d}},d&&i("sd-text-link",{key:"a2a164fa9ab3294c0b0e726c7c69405a612de264",class:"sd-floating-menu__left-link",label:d.label,icon:d.icon??"",iconColor:d.iconColor??"",useArrow:!!d.useArrow,underline:!!d.underline,disabled:!!d.disabled,onSdClick:d.onClick}),b&&i("sd-button",{key:"41c917026e1255ac2bd355042500c6efa0e76cb0",name:b.name??"secondary_xs",label:b.label,icon:b.icon,rightIcon:b.rightIcon,ariaLabel:b.ariaLabel||b.label||b.icon||"Open popover",disabled:b.disabled,type:b.type,onSdClick:b.onClick}))),i("sd-ghost-button",{key:"dde5bbb7bc8b9b5ce6b122eb566ce961dd640ad0",class:"sd-floating-menu__close-button",icon:"close",ariaLabel:"close",size:"xs",onClick:this.handleClose}))))}};c.style="sd-popover{position:relative;cursor:pointer;display:inline-flex}";export{c as sd_popover}

package/dist/design-system/p-4cf1c8ae.entry.js

@@ -1 +0,0 @@
-import{r as t,a as e,h as i}from"./p-DNWwGHho.js";import{s as d}from"./p-j2khhcHY.js";import{s as o}from"./p-DopVneZA.js";const{button:n,contents:s}={button:{height:"28",paddingX:"12",radius:"9999",gap:"6",typography:{fontSize:"12",fontWeight:"500",lineHeight:"20"},icon:{default:"#00973C",active:"#FFFFFF"},border:{width:"1",default:"#E1E1E1"},bg:{default:"#FFFFFF",tip:"#00973C",notion:"#1F8AE1"},text:{default:"#222222",active:"#FFFFFF"}},contents:{paddingX:"24",paddingY:"20",gap:"12",title:{gap:"8"},row:{gap:"8"},body:{gap:"2"},typography:{title:{fontWeight:"700",fontSize:"16",lineHeight:"26"},body:{fontWeight:"400",fontSize:"12",lineHeight:"20"},color:"#222222"},icon:"#00973C",radius:"8"}},u=d.color.fg.primary,g={button:{height:`${n.height}px`,paddingX:`${n.paddingX}px`,radius:`${n.radius}px`,gap:`${n.gap}px`,fontSize:`${n.typography.fontSize}px`,fontWeight:n.typography.fontWeight,lineHeight:`${n.typography.lineHeight}px`,iconColorDefault:n.icon.default,iconColorActive:n.icon.active,iconColorNotion:u,borderWidth:`${n.border.width}px`,borderColor:n.border.default,bgDefault:n.bg.default,bgTip:n.bg.tip,bgNotion:n.bg.notion,textDefault:n.text.default,textActive:n.text.active},contents:{paddingX:`${s.paddingX}px`,paddingY:`${s.paddingY}px`,gap:`${s.gap}px`,rowGap:`${s.row.gap}px`,bodyGap:`${s.body.gap}px`,titleGap:`${s.title.gap}px`,radius:`${s.radius}px`,iconColor:s.icon,iconColorNotion:u,titleFontSize:`${s.typography.title.fontSize}px`,titleFontWeight:s.typography.title.fontWeight,titleLineHeight:`${s.typography.title.lineHeight}px`,bodyFontSize:`${s.typography.body.fontSize}px`,bodyFontWeight:s.typography.body.fontWeight,bodyLineHeight:`${s.typography.body.lineHeight}px`,textColor:s.typography.color}},a={tip:"활용 TIP",notion:"사용법 안내"},r={tip:"helpOutline",notion:"notion"},p=class{constructor(e){t(this,e)}get el(){return e(this)}type="tip";label="";message="";url="";popupTitle="";popupWidth;popupShow=!1;guideRef;handleClickGuide=()=>{"notion"!==this.type?this.popupShow=!this.popupShow:""!==this.url&&window.open(this.url,"_blank","noopener,noreferrer")};closeDropdown=()=>{this.popupShow=!1};get guideStyle(){const{button:t,contents:e}=g;return{"--sd-guide-button-height":t.height,"--sd-guide-button-padding-x":t.paddingX,"--sd-guide-button-radius":t.radius,"--sd-guide-button-gap":t.gap,"--sd-guide-button-font-size":t.fontSize,"--sd-guide-button-font-weight":t.fontWeight,"--sd-guide-button-line-height":t.lineHeight,"--sd-guide-button-border-width":t.borderWidth,"--sd-guide-button-border-color":t.borderColor,"--sd-guide-button-bg-default":t.bgDefault,"--sd-guide-button-bg-tip":t.bgTip,"--sd-guide-button-bg-notion":t.bgNotion,"--sd-guide-button-text-default":t.textDefault,"--sd-guide-button-text-active":t.textActive,"--sd-guide-button-icon-color-default":t.iconColorDefault,"--sd-guide-button-icon-color-active":t.iconColorActive,"--sd-guide-button-icon-color-notion":t.iconColorNotion,"--sd-guide-contents-padding-x":e.paddingX,"--sd-guide-contents-padding-y":e.paddingY,"--sd-guide-contents-gap":e.gap,"--sd-guide-contents-row-gap":e.rowGap,"--sd-guide-contents-body-gap":e.bodyGap,"--sd-guide-contents-title-gap":e.titleGap,"--sd-guide-contents-radius":e.radius,"--sd-guide-contents-title-font-size":e.titleFontSize,"--sd-guide-contents-title-font-weight":e.titleFontWeight,"--sd-guide-contents-title-line-height":e.titleLineHeight,"--sd-guide-contents-body-font-size":e.bodyFontSize,"--sd-guide-contents-body-font-weight":e.bodyFontWeight,"--sd-guide-contents-body-line-height":e.bodyLineHeight,"--sd-guide-contents-text-color":e.textColor}}render(){const{contents:t}=g,e=this.popupShow,d=a[this.type??"tip"],o=r[this.type??"tip"],n="notion"===(this.type??"tip")?t.iconColorNotion:t.iconColor,s=["sd-guide__button",`sd-guide__button--type-${this.type??"tip"}`];return e&&s.push("sd-guide__button--active"),i("div",{key:"ea4f220faf6165f7650360f74a19d9f781b81489",class:"sd-guide",style:this.guideStyle},i("sd-button",{key:"c90eaa6cc42a9a2f20b8fc79db16697db0cf2ff2",ref:t=>this.guideRef=t,class:s.join(" "),name:e?"primary_sm":"neutral_outline_sm",label:this.label||d,icon:o,onSdClick:this.handleClickGuide}),this.popupShow&&i("sd-portal",{key:"21f57a739141ffa36f3b799a2688ca5b3c1bd428",open:this.popupShow,parentRef:this.guideRef,onSdClose:this.closeDropdown,offset:[0,4]},i("div",{key:"2a803402b120509ef8b6de361f360a7b5b96e9db",style:{position:"absolute",width:"0px",height:"0px"}},i("div",{key:"3e591b85ac24ea1db37bdaaf130f983d70ef2f36",class:"sd-guide__popup",style:{...this.guideStyle,width:null!=this.popupWidth?this.popupWidth+"px":"426px"}},i("sd-ghost-button",{key:"1aa20f7bd3a1ba45c4932a67a8c1e67d6e068702",class:"sd-guide__popup__close",icon:"close",ariaLabel:"close",size:"sm",onSdClick:this.closeDropdown}),i("div",{key:"e48378d1731e0b9fcd5990cb908ae3af236d0346",class:"sd-guide__popup__header"},i("sd-icon",{key:"c8c71c7c2f0fdb25e3741415c1f1fae1a8d4d3d2",name:o,size:24,color:n}),i("h3",{key:"4996225c27fbeae4fd9b4d68d6e493d87225d427",class:"sd-guide__popup__title"},this.popupTitle||d)),i("ul",{key:"edb2d35594b47f19f2e847ba546fac0fc19b21b4",class:"sd-guide__popup__list"},this.renderListItem(this.message))))))}renderListItem(t,e=0){const i=[];if(Array.isArray(t)){const d=t.map((t=>this.renderListItem(t,e+1)));i.push(...d.flat())}else i.push(this.renderLi(t,e));return i}renderLi=(t,e)=>i("li",{class:`sd-guide__popup__list__item sd-guide__popup__list__item--depth-${e}`},i("p",{innerHTML:o(t)}))};p.style='@charset "UTF-8";sd-guide{display:inline-flex;align-items:center;height:fit-content;width:fit-content}.sd-guide{display:inline-flex;align-items:center;height:fit-content;width:fit-content}.sd-guide .sd-guide__button .sd-button{min-height:var(--sd-guide-button-height);padding:0 var(--sd-guide-button-padding-x);border-radius:var(--sd-guide-button-radius);border:var(--sd-guide-button-border-width) solid var(--sd-guide-button-border-color);background:var(--sd-guide-button-bg-default);color:var(--sd-guide-button-text-default) !important;transition:none;display:flex;align-items:center;gap:var(--sd-guide-button-gap);--sd-button-bg-hover:var(--sd-guide-button-bg-default);--sd-button-current-icon:var(--sd-guide-button-icon-color-default)}.sd-guide .sd-guide__button .sd-button .sd-button__content{color:var(--sd-guide-button-text-default) !important;gap:var(--sd-guide-button-gap)}.sd-guide .sd-guide__button .sd-button .sd-button__content .sd-button__label{margin-left:0;color:var(--sd-guide-button-text-default) !important;font-size:var(--sd-guide-button-font-size);font-weight:var(--sd-guide-button-font-weight);line-height:var(--sd-guide-button-line-height)}.sd-guide .sd-guide__button--type-notion .sd-button{--sd-button-current-icon:var(--sd-guide-button-icon-color-notion)}.sd-guide .sd-guide__button--active .sd-button{color:var(--sd-guide-button-text-active) !important;--sd-button-current-icon:var(--sd-guide-button-icon-color-active)}.sd-guide .sd-guide__button--active .sd-button .sd-button__content{color:var(--sd-guide-button-text-active) !important}.sd-guide .sd-guide__button--active .sd-button .sd-button__content .sd-button__label{color:var(--sd-guide-button-text-active) !important}.sd-guide .sd-guide__button--type-tip.sd-guide__button--active .sd-button{background:var(--sd-guide-button-bg-tip);border-color:var(--sd-guide-button-bg-tip);--sd-button-bg-hover:var(--sd-guide-button-bg-tip)}.sd-guide .sd-guide__button--type-notion.sd-guide__button--active .sd-button{background:var(--sd-guide-button-bg-notion);border-color:var(--sd-guide-button-bg-notion);--sd-button-bg-hover:var(--sd-guide-button-bg-notion)}.sd-guide__popup{position:relative;padding:var(--sd-guide-contents-padding-y) var(--sd-guide-contents-padding-x);border-radius:var(--sd-guide-contents-radius);box-shadow:4px 4px 24px 4px rgba(0, 0, 0, 0.1);background:white}.sd-guide__popup>.sd-guide__popup__close{position:absolute;top:12px;right:12px}.sd-guide__popup__header{display:flex;align-items:center;gap:var(--sd-guide-contents-title-gap);margin-bottom:var(--sd-guide-contents-gap)}.sd-guide__popup__header .sd-guide__popup__title{margin-top:0;margin-bottom:0;font-size:var(--sd-guide-contents-title-font-size);font-weight:var(--sd-guide-contents-title-font-weight);line-height:var(--sd-guide-contents-title-line-height);color:var(--sd-guide-contents-text-color)}.sd-guide__popup__list{width:100%;padding:0;margin:0}.sd-guide__popup__list__item{display:flex;width:100%;align-items:start;list-style:none;color:var(--sd-guide-contents-text-color);font-size:var(--sd-guide-contents-body-font-size);font-weight:var(--sd-guide-contents-body-font-weight);line-height:var(--sd-guide-contents-body-line-height)}.sd-guide__popup__list__item p{width:100%;padding:0;margin:0;word-wrap:break-word;word-break:break-word;white-space:normal;overflow-wrap:break-word;min-width:0}.sd-guide__popup__list__item::before{display:block;content:"-";width:6px;color:var(--sd-guide-contents-text-color);font-size:var(--sd-guide-contents-body-font-size);font-weight:var(--sd-guide-contents-body-font-weight);line-height:var(--sd-guide-contents-body-line-height);margin-left:10px;margin-right:12px;flex-shrink:0}.sd-guide__popup__list__item--depth-1:not(:first-child){margin-top:var(--sd-guide-contents-row-gap)}.sd-guide__popup__list__item--depth-2{margin-top:var(--sd-guide-contents-body-gap)}.sd-guide__popup__list__item--depth-2::before{content:"•"}.sd-guide__popup__list__item--depth-2{padding-left:26px}';export{p as sd_guide}

package/dist/design-system/p-69a208c0.entry.js

@@ -1 +0,0 @@
-import{r as i,h as r,H as e}from"./p-DNWwGHho.js";import{s as d}from"./p-j2khhcHY.js";const s={default:d.color.divider.default},t=class{constructor(r){i(this,r)}vertical=!1;render(){return r(e,{key:"3b3c22b1c5bf2d1bfa52c136113719e26b2e6767",style:{"--sd-divider-color":s.default}},r("hr",{key:"4eca9f280e452330a2f57b03466e00f04688ad06","aria-orientation":this.vertical?"vertical":"horizontal"}))}};t.style="sd-divider{flex-shrink:0;line-height:0}:where(sd-divider:not([vertical])){display:block;width:100%;height:1px}:where(sd-divider[vertical]){display:inline-block;align-self:stretch;width:1px}sd-divider hr{display:block;width:100%;height:100%;margin:0;border:0;background-color:var(--sd-divider-color)}";export{t as sd_divider}

package/dist/design-system/p-9c74571a.entry.js

@@ -1 +0,0 @@
-import{r as e,c as t,a as i,h as s}from"./p-DNWwGHho.js";import{n as d}from"./p-CCwNgVmC.js";import{D as n,a as r}from"./p-TF8_Lyhq.js";import{i as a}from"./p-ByhWX2NK.js";import"./p-BQn6le_Y.js";const o=class{constructor(i){e(this,i),this.update=t(this,"sdUpdate",7),this.viewChange=t(this,"sdViewChange",7)}static CLOSE_ANIMATION_DURATION=150;get el(){return i(this)}value=null;size="sm";placeholder="YYYY-MM-DD";selectable;disabled=!1;width="";label="";labelWidth="";addonLabel="";addonAlign="start";hint="";errorMessage="";rules=[];error=!1;icon=void 0;labelTooltip="";labelTooltipProps=null;isOpen=!1;isAnimatingOut=!1;focused=!1;hovered=!1;update;viewChange;triggerRef;formField;closeAnimationTimer;name=d();watchIsOpen(e){this.focused=e}async sdValidate(){return this.formField?.sdValidate()}async sdReset(){return this.formField?.sdReset()}async sdResetValidate(){return this.formField?.sdResetValidation()}closeDropdown(){this.isOpen&&(this.isOpen=!1,this.isAnimatingOut=!0,this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.closeAnimationTimer=setTimeout((()=>{this.isAnimatingOut=!1}),o.CLOSE_ANIMATION_DURATION))}handleTriggerClick=()=>{this.disabled||(this.isOpen?this.closeDropdown():(this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.isAnimatingOut=!1,this.isOpen=!0))};handleSelect=e=>{e.stopPropagation(),this.closeDropdown(),this.value=e.detail;const t=this.value;requestAnimationFrame((()=>{this.update.emit(t)}))};handleViewChange=e=>{this.viewChange.emit(e.detail)};disconnectedCallback(){this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer)}render(){const e=r[this.size]??r.sm;return s("sd-field",{key:"35d821e9a21a09e4b2dc0d47f9a95d895c4f9dc4",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,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-radius-field-sm":`${e.radius}px`,"--sd-system-color-field-border-default":n.border.default,"--sd-system-color-field-border-focus":n.border.focus,"--sd-system-color-field-bg-default":n.bg.default}},s("div",{key:"21fe3c0ab5dff10265139111de741216fb06e4e4",class:"sd-date-picker",ref:e=>{this.triggerRef=e}},s("sd-date-picker-trigger",{key:"b9fd9b90afa512aefdd4b227c66d0b4660b69318",displayText:this.value??"",placeholder:this.placeholder,disabled:this.disabled,size:this.size,onSdTriggerClick:this.handleTriggerClick})),(this.isOpen||this.isAnimatingOut)&&s("sd-portal",{key:"b6e439d2b507922cc2e345fe1fba856d77441cbc",open:this.isOpen,parentRef:this.triggerRef,onSdClose:()=>this.closeDropdown()},s("sd-calendar",{key:"ae09060fec5542b9e30d051133f4bca3c772f5d9",elevated:!0,value:this.value,selectable:this.selectable,onSdUpdate:this.handleSelect,onSdViewChange:this.handleViewChange})))}static get watchers(){return{isOpen:[{watchIsOpen:0}]}}};o.style="sd-date-picker{display:inline-flex}sd-date-picker sd-portal{display:none}sd-date-picker .sd-date-picker{position:relative;width:100%;height:100%}";const l=class{constructor(i){e(this,i),this.update=t(this,"sdUpdate",7),this.viewChange=t(this,"sdViewChange",7)}static CLOSE_ANIMATION_DURATION=150;get el(){return i(this)}value=null;size="sm";placeholder="YYYY-MM-DD ~ YYYY-MM-DD";selectable;maxRange;disabled=!1;width="";label="";labelWidth="";addonLabel="";addonAlign="start";hint="";errorMessage="";rules=[];error=!1;icon=void 0;labelTooltip="";labelTooltipProps=null;isOpen=!1;isAnimatingOut=!1;focused=!1;hovered=!1;update;viewChange;triggerRef;formField;closeAnimationTimer;name=d();watchIsOpen(e){this.focused=e}async sdValidate(){return this.formField?.sdValidate()}async sdReset(){return this.formField?.sdReset()}async sdResetValidate(){return this.formField?.sdResetValidation()}closeDropdown(){this.isOpen&&(this.isOpen=!1,this.isAnimatingOut=!0,this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.closeAnimationTimer=setTimeout((()=>{this.isAnimatingOut=!1}),l.CLOSE_ANIMATION_DURATION))}handleTriggerClick=()=>{this.disabled||(this.isOpen?this.closeDropdown():(this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.isAnimatingOut=!1,this.isOpen=!0))};handleSelect=e=>{this.closeDropdown(),this.value=e.detail;const t=this.value;requestAnimationFrame((()=>{this.update.emit(t)}))};handleViewChange=e=>{this.viewChange.emit(e.detail)};get displayText(){return null==this.value||""===this.value[0]||""===this.value[1]?"":`${this.value[0]} ~ ${this.value[1]}`}disconnectedCallback(){this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer)}render(){const e=r[this.size]??r.sm;return s("sd-field",{key:"89eaeb8978796508650aec5f3ccdeb7df16fb6f4",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,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-radius-field-sm":`${e.radius}px`,"--sd-system-color-field-border-default":n.border.default,"--sd-system-color-field-border-focus":n.border.focus,"--sd-system-color-field-bg-default":n.bg.default}},s("div",{key:"f3ce583e53edbc451ab6c0592c0ab2ed87e07a06",class:"sd-date-range-picker",ref:e=>{this.triggerRef=e}},s("sd-date-picker-trigger",{key:"53086fd3d15dc2c05364a66fdf767e09c6c19fac",displayText:this.displayText,placeholder:this.placeholder,disabled:this.disabled,size:this.size,onSdTriggerClick:this.handleTriggerClick})),(this.isOpen||this.isAnimatingOut)&&s("sd-portal",{key:"5ee1499ee9a224a9c653095e9914ed20cbaca2a1",open:this.isOpen,parentRef:this.triggerRef,onSdClose:()=>this.closeDropdown()},s("sd-date-range-picker-calendar",{key:"7c7479dacf57c996a708435857d2b5f7900509fd",value:this.value,selectable:this.selectable,maxRange:this.maxRange,onSdSelect:this.handleSelect,onSdViewChange:this.handleViewChange})))}static get watchers(){return{isOpen:[{watchIsOpen:0}]}}};l.style="sd-date-range-picker{display:inline-flex}sd-date-range-picker sd-portal{display:none}sd-date-range-picker .sd-date-range-picker{position:relative;width:100%;height:100%}";var h={height:"28",paddingX:"12",gap:"8",radius:"4",typography:{fontWeight:"400",fontSize:"12",lineHeight:"20"},size:{icon:"16"},text:{default:"#222222",placeholder:"#AAAAAA",disabled:"#888888"},icon:{disabled:"#BBBBBB"}};const c={height:h.height,paddingX:h.paddingX,gap:h.gap,radius:h.radius,fontSize:h.typography.fontSize,lineHeight:h.typography.lineHeight,fontWeight:h.typography.fontWeight,iconSize:h.size.icon},p={text:h.text,icon:{default:"#888888",disabled:h.icon.disabled}},u=class{constructor(i){e(this,i),this.update=t(this,"sdUpdate",7),this.reject=t(this,"sdReject",7)}get el(){return i(this)}value=null;placeholder="Click to upload";disabled=!1;inline=!1;multiple=!1;accept;maxFileSize;maxTotalSize;maxFiles;name=d();label="";labelWidth="";addonLabel="";addonAlign="start";hint="";errorMessage="";width="";rules;error=!1;status;icon=void 0;labelTooltip="";labelTooltipProps=null;focused=!1;hovered=!1;internalValue=null;showTooltip=!1;fileInputRef;fileNamesRef;formField;update;reject;valueChanged(e){this.internalValue=e}componentDidLoad(){this.checkOverflow()}componentDidUpdate(){this.checkOverflow()}async sdValidate(){return this.formField?.sdValidate()??Promise.resolve(!0)}async sdReset(){const e=this.multiple?[]:null;this.value=e,this.internalValue=e,this.fileInputRef&&(this.fileInputRef.value=""),await(this.formField?.sdResetValidation())}async sdResetValidate(){await(this.formField?.sdResetValidation())}toBytes(e){if(null!=e)return"string"==typeof e?Number(e):e}validateFiles(e,t=0){const i=this.toBytes(this.maxFileSize),s=this.toBytes(this.maxTotalSize),d=null!=this.maxFiles?Number(this.maxFiles):void 0;if(null!=d&&t+e.length>d)return{accepted:[],rejected:e,reason:"max-files"};if(null!=i){const t=e.filter((e=>e.size>i));if(t.length>0)return{accepted:[],rejected:t,reason:"max-file-size"}}return null!=s&&e.reduce(((e,t)=>e+t.size),0)>s?{accepted:[],rejected:e,reason:"max-total-size"}:{accepted:e,rejected:[]}}handleFileChange=e=>{const t=e.target.files;if(!t||0===t.length)return;const i=Array.from(t);if(this.multiple){const e=Array.isArray(this.internalValue)?this.internalValue:[],{accepted:t,rejected:s,reason:d}=this.validateFiles(i,e.length);if(this.fileInputRef&&(this.fileInputRef.value=""),null!=d)return void this.reject?.emit({files:s,reason:d});const n=[...e,...t];this.internalValue=n,this.value=n,this.update?.emit(this.value)}else{const{accepted:e,rejected:t,reason:s}=this.validateFiles(i);if(null!=s)return this.reject?.emit({files:t,reason:s}),void(this.fileInputRef&&(this.fileInputRef.value=""));this.internalValue=e[0],this.value=this.internalValue,this.update?.emit(this.value)}};handleClear=e=>{if(this.disabled)return;e.stopPropagation();const t=this.multiple?[]:null;this.value=t,this.internalValue=t,this.update?.emit(t),this.fileInputRef&&(this.fileInputRef.value="")};handleClick=()=>{this.disabled||this.fileInputRef?.click()};hasFiles(){return!this.multiple&&!!this.internalValue&&(!Array.isArray(this.internalValue)||this.internalValue.length>0)}hasChips(){return Array.isArray(this.internalValue)&&this.internalValue.length>0}getDisplayText(){return this.hasFiles()&&this.internalValue?.name||(this.placeholder??"Click to upload")}handleChipRemove=e=>{if(!Array.isArray(this.internalValue))return;const t=[...this.internalValue];t.splice(e,1),this.internalValue=t,this.value=t,this.update?.emit(this.value)};renderChipList(){return this.hasChips()?s("div",{class:"sd-file-picker__chip-list"},this.internalValue.map(((e,t)=>s("sd-chip",{value:e.name,onSdRemove:()=>this.handleChipRemove(t)})))):null}checkOverflow(){this.fileNamesRef&&(this.showTooltip=this.fileNamesRef.scrollWidth>this.fileNamesRef.clientWidth)}getIconColor(){return this.disabled?p.icon.disabled:p.icon.default}render(){const e=this.hasFiles(),t=this.getDisplayText(),i={"--sd-file-picker-font-size":`${c.fontSize}px`,"--sd-file-picker-line-height":`${c.lineHeight}px`,"--sd-file-picker-font-weight":c.fontWeight,"--sd-file-picker-padding-x":`${c.paddingX}px`,"--sd-file-picker-gap":`${c.gap}px`,"--sd-file-picker-text-color":p.text.default,"--sd-file-picker-placeholder-color":p.text.placeholder,"--sd-file-picker-disabled-color":p.text.disabled,"--sd-system-size-field-sm-height":`${c.height}px`,"--sd-system-radius-field-sm":`${c.radius}px`},d=s("div",{role:"button",tabindex:this.disabled?-1:0,class:"sd-file-picker__content",onClick:this.handleClick,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.handleClick())}},s("input",{ref:e=>this.fileInputRef=e,type:"file",class:"sd-file-picker__input",disabled:this.disabled,multiple:this.multiple,accept:this.accept,onInput:this.handleFileChange,"aria-label":this.placeholder??"Click to upload"}),s("sd-icon",{name:"attachFile",size:Number(c.iconSize),color:this.getIconColor(),class:"sd-file-picker__icon"}),s("div",{ref:e=>this.fileNamesRef=e,class:{"sd-file-picker__text":!0,"sd-file-picker__text--placeholder":!e,"sd-file-picker__text--active":e}},t),!this.disabled&&e&&s("sd-ghost-button",{icon:"close",size:"xxs",ariaLabel:"clear",disabled:this.disabled,class:"sd-file-picker__clear-icon",onClick:this.handleClear}),this.showTooltip&&e&&this.hovered&&s("div",{class:"sd-file-picker__tooltip"},t));return this.inline?s("div",{class:{"sd-file-picker--inline":!0,"sd-file-picker--inline-disabled":this.disabled},style:i,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1},d,this.renderChipList()):s("div",{class:"sd-file-picker__wrapper",style:i},s("sd-field",{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,disabled:this.disabled,focused:this.focused,hovered:this.hovered,status:this.status,icon:this.icon,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:e=>this.formField=e,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1},d),this.renderChipList())}static get watchers(){return{value:[{valueChanged:0}]}}};u.style="sd-file-picker{display:flex;flex-direction:column;width:100%}.sd-file-picker__wrapper{display:flex;flex-direction:column;width:100%}.sd-file-picker__chip-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.sd-file-picker__content{width:100%;height:100%;display:flex;align-items:center;padding:0 var(--sd-file-picker-padding-x);gap:var(--sd-file-picker-gap);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;vertical-align:middle}.sd-file-picker__text{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:var(--sd-file-picker-font-weight);font-size:var(--sd-file-picker-font-size);line-height:var(--sd-file-picker-line-height);color:var(--sd-file-picker-placeholder-color)}.sd-file-picker__text--active{color:var(--sd-file-picker-text-color)}.sd-file-picker__text--placeholder{color:var(--sd-file-picker-placeholder-color)}.sd-file-picker__icon{flex-shrink:0}.sd-file-picker__clear-icon{flex-shrink:0;cursor:pointer;transition:opacity 0.2s ease}.sd-file-picker__clear-icon:hover{opacity:0.7}.sd-file-picker__input{display:none}.sd-file-picker__tooltip{position:absolute;top:calc(100% - 4px);left:50%;transform:translate(-50%);z-index:998;white-space:nowrap;padding:8px 12px;background:rgba(0, 0, 0, 0.8);color:white;font-size:12px;line-height:18px;border-radius:4px;pointer-events:none}.sd-field--disabled .sd-file-picker__content{cursor:not-allowed}.sd-field--disabled .sd-file-picker__text{color:var(--sd-file-picker-disabled-color)}.sd-file-picker--inline .sd-file-picker__content{border:none;background-color:transparent;padding:0;height:auto}.sd-file-picker--inline .sd-file-picker__text{color:var(--sd-file-picker-placeholder-color)}.sd-file-picker--inline:hover:not(.sd-file-picker--inline-disabled) .sd-file-picker__text{color:var(--sd-file-picker-text-color)}.sd-file-picker--inline .sd-file-picker__text--active{color:var(--sd-file-picker-text-color)}.sd-file-picker--inline.sd-file-picker--inline-disabled .sd-file-picker__content{cursor:not-allowed}.sd-file-picker--inline.sd-file-picker--inline-disabled .sd-file-picker__text{color:var(--sd-file-picker-disabled-color)}";const f=a.textinput.sm,b=a.textinput.md,g={sm:{height:f.height,paddingX:f.paddingX,gap:f.gap,radius:f.radius,fontSize:f.typography.fontSize,lineHeight:f.typography.lineHeight,fontWeight:f.typography.fontWeight},md:{height:b.height,paddingX:b.paddingX,gap:b.gap,radius:b.radius,fontSize:b.typography.fontSize,lineHeight:b.typography.lineHeight,fontWeight:b.typography.fontWeight}},m={text:a.textinput.text,icon:a.textinput.icon},_=class{constructor(i){e(this,i),this.input=t(this,"sdUpdate",7),this.focus=t(this,"sdFocus",7),this.blur=t(this,"sdBlur",7)}get host(){return i(this)}value=null;type="text";size="sm";addonLabel="";addonAlign="start";placeholder="입력해 주세요.";disabled=!1;clearable=!1;width="";rules=[];autoFocus=!1;autocomplete="";maxlength;minlength;inputmode;enterkeyhint;spellcheck=!1;status;hint="";errorMessage="";inputClass="";readonly=!1;error=!1;focused=!1;hovered=!1;label="";labelWidth="";icon=void 0;labelTooltip="";labelTooltipProps=null;inputStyle={};internalValue=null;passwordVisible=!1;nativeEl=void 0;formField;name=d();input;focus;blur;valueChanged(e){this.internalValue=e}internalValueChanged(e){e!==this.value&&(this.value=e,this.input?.emit(this.value))}async sdGetNativeElement(){return this.nativeEl||null}async sdValidate(){this.formField?.sdValidate()}async sdReset(){this.formField?.sdReset()}async sdResetValidate(){this.formField?.sdResetValidation()}async sdFocus(){this.formField?.sdFocus()}componentWillLoad(){null!=this.value&&""!==this.value&&(this.internalValue=this.value)}componentDidLoad(){this.autoFocus&&this.nativeEl?.focus()}handleInput=e=>{this.internalValue=e.target.value};handleFocus=async(e,t)=>{this.focused="focus"===e,"blur"===e?(this.rules&&this.rules.length>0&&await(this.formField?.sdValidate()),this.blur?.emit(t)):this.focus?.emit(t)};render(){const e=g[this.size]??g.sm;return s("sd-field",{key:"44bf19bfbe047e00eb02530a4f9c9eac37d9f0fb",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,disabled:this.disabled,readonly:this.readonly,focused:this.focused,hovered:this.hovered,status:this.status,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-input-font-size":`${e.fontSize}px`,"--sd-input-line-height":`${e.lineHeight}px`,"--sd-input-font-weight":e.fontWeight,"--sd-input-padding-x":`${e.paddingX}px`,"--sd-input-gap":`${e.gap}px`,"--sd-input-text-color":m.text.default,"--sd-input-placeholder-color":m.text.placeholder,"--sd-input-disabled-color":m.text.disabled,"--sd-input-icon-color":m.icon.default,"--sd-system-size-field-sm-height":`${e.height}px`,"--sd-system-radius-field-sm":`${e.radius}px`}},s("label",{key:"2f610f980107fc552554b9415d878a7b8464e460",class:"sd-input__content"},s("slot",{key:"da4fa13a9f4c8e5cabb238743b74dbc216cf3d27",name:"prefix"}),s("input",{key:"dd4fc95ef5136348e764552fb8847a7fedf6fd42",name:this.name,ref:e=>this.nativeEl=e,class:`sd-input__native ${this.inputClass}`,type:"password"===this.type&&this.passwordVisible?"text":this.type??"text",value:this.internalValue||"",placeholder:this.placeholder??"입력해 주세요.",disabled:this.disabled,readonly:this.readonly,autofocus:this.autoFocus,autocomplete:this.autocomplete||void 0,maxlength:this.maxlength,minlength:this.minlength,inputmode:this.inputmode,enterkeyhint:this.enterkeyhint,spellcheck:this.spellcheck,onInput:this.handleInput,onFocus:e=>this.handleFocus("focus",e),onBlur:e=>this.handleFocus("blur",e),style:this.inputStyle}),s("slot",{key:"ab2403fafd7eecf37bc03b0147025b06154230a7",name:"suffix"}),this.clearable&&this.internalValue&&!this.disabled&&!this.readonly&&s("sd-ghost-button",{key:"7b6ca184d3c08fc160556abf135939d1e8064b98",icon:"close",ariaLabel:"clear",size:"xxs",disabled:this.disabled,class:"sd-input__clear-icon",onClick:async()=>{this.disabled||this.readonly||(this.internalValue="",await(this.formField?.sdValidate()))}}),"password"===this.type&&s("sd-ghost-button",{key:"52b5a72f6140b441ea971330594749208e302597",icon:this.passwordVisible?"visibilityOn":"visibilityOff",ariaLabel:"visibility",size:"xxs",disabled:this.disabled||this.readonly,class:"sd-input__password-icon",onClick:()=>{this.disabled||this.readonly||(this.passwordVisible=!this.passwordVisible)}})))}static get watchers(){return{value:[{valueChanged:0}],internalValue:[{internalValueChanged:0}]}}};_.style="sd-icon{display:inline-block;line-height:0}sd-icon .sd-icon--rotate-90{transform:rotate(90deg)}sd-icon .sd-icon--rotate-180{transform:rotate(180deg)}sd-icon .sd-icon--rotate-270{transform:rotate(270deg)}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-text-fill-color:#000;-webkit-box-shadow:0 0 0px 1000px #fff inset;box-shadow:0 0 0px 1000px #fff inset;transition:background-color 5000s ease-in-out 0s}input:autofill,input:autofill:hover,input:autofill:focus,input:autofill:active{-webkit-text-fill-color:#000;-webkit-box-shadow:0 0 0px 1000px #fff inset;box-shadow:0 0 0px 1000px #fff inset;transition:background-color 5000s ease-in-out 0s}sd-input{display:inline-flex}sd-input .sd-input__content{width:100%;height:100%;display:flex;flex-flow:row nowrap;align-items:center;color:var(--sd-input-text-color);font-size:var(--sd-input-font-size);line-height:var(--sd-input-line-height);font-weight:var(--sd-input-font-weight);padding:0 var(--sd-input-padding-x);gap:var(--sd-input-gap)}sd-input .sd-input__content .sd-input__native{width:100%;height:100%;border:none;outline:none;background:transparent;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit}sd-input .sd-input__content .sd-input__native[disabled]{cursor:not-allowed;color:var(--sd-input-disabled-color)}sd-input .sd-input__content .sd-input__native[readonly]{color:var(--sd-system-color-field-text-read-only)}sd-input .sd-input__content .sd-input__native::placeholder{color:var(--sd-input-placeholder-color)}sd-input .sd-input__content .sd-input__clear-icon,sd-input .sd-input__content .sd-input__password-icon{flex-shrink:0}sd-input .sd-input__content .sd-input__native[disabled]~.sd-input__clear-icon,sd-input .sd-input__content .sd-input__native[disabled]~.sd-input__password-icon,sd-input .sd-input__content .sd-input__native[readonly]~.sd-input__clear-icon,sd-input .sd-input__content .sd-input__native[readonly]~.sd-input__password-icon{cursor:not-allowed;pointer-events:none}";var x={numberInput:{sm:{height:"28",paddingX:"6",radius:"4",typography:{fontWeight:"400",fontSize:"12",lineHeight:"20"}},md:{height:"36",paddingX:"8",radius:"6",typography:{fontWeight:"400",fontSize:"14",lineHeight:"24"}},contents:{gap:"4"},border:{default:"#AAAAAA",focus:"#0075FF",danger:"#FB4444"},bg:{default:"#FFFFFF"},text:{default:"#222222",placeholder:"#AAAAAA",disabled:"#888888"},hint:{color:"#555555",typography:{fontSize:"12",lineHeight:"20"}},errorMessage:{color:"#E30000",typography:{fontSize:"12",lineHeight:"20"}},stepper:{sm:{size:"20"},md:{size:"24"},radius:"4",bg:{default:"#EFF6FF",disabled:"#EEEEEE"},icon:{default:"#0075FF",disabled:"#BBBBBB"}}}};const v=x.numberInput.sm,y=x.numberInput.md,k={sm:{height:v.height,paddingX:v.paddingX,radius:v.radius,fontSize:v.typography.fontSize,lineHeight:v.typography.lineHeight,fontWeight:v.typography.fontWeight},md:{height:y.height,paddingX:y.paddingX,radius:y.radius,fontSize:y.typography.fontSize,lineHeight:y.typography.lineHeight,fontWeight:y.typography.fontWeight}},w={border:x.numberInput.border,bg:x.numberInput.bg,text:x.numberInput.text},z={sm:{size:x.numberInput.stepper.sm.size},md:{size:x.numberInput.stepper.md.size},radius:x.numberInput.stepper.radius,bg:x.numberInput.stepper.bg,icon:x.numberInput.stepper.icon},C=x.numberInput.hint,A=x.numberInput.errorMessage,T=x.numberInput.contents.gap,F=class{constructor(i){e(this,i),this.update=t(this,"sdUpdate",7),this.focus=t(this,"sdFocus",7),this.blur=t(this,"sdBlur",7)}get el(){return i(this)}size="sm";min=Number.NEGATIVE_INFINITY;max=Number.POSITIVE_INFINITY;step=1;useButton=!1;useDecimal=!1;value=null;label;labelWidth="";icon=void 0;labelTooltip="";labelTooltipProps=null;addonLabel="";addonAlign="start";placeholder="입력해 주세요.";disabled=!1;width;rules=[];autoFocus=!1;status;hint="";errorMessage="";inputPrefix="";inputSuffix="";inputClass="";readonly=!1;inputStyle={};error=!1;focused=!1;hovered=!1;internalValue=null;displayValue="";nativeEl=void 0;formField;name=d();update;focus;blur;toNumber(e){if(null==e||""===e)return null;if("number"==typeof e)return isNaN(e)?null:e;if("string"==typeof e)return this.parseInput(e);const t=Number(e);return isNaN(t)?null:t}formatWithCommas(e){if(null==e||isNaN(e))return"";const t=e<0,i=Math.abs(e),[s,d]=i.toString().split("."),n=(+s).toLocaleString(),r=t?"-"+n:n;return void 0!==d&&""!==d?r+"."+d:String(r)}parseInput(e){if(""===e.trim())return null;const t=e.replace(/,/g,"").trim();if(!/^-?(\d+\.?\d*|\d*\.\d+)$/.test(t))return null;const i=parseFloat(t);return isNaN(i)||!this.useDecimal&&t.includes(".")?null:i}clampMinMax(e){return isNaN(e)?0:Math.min(Math.max(e,this.min),this.max)}updateDisplay(){this.displayValue=this.formatWithCommas(this.internalValue)}isIncrementDisabled(){return!(!this.disabled&&!this.readonly)||null!==this.internalValue&&this.internalValue>=this.max}isDecrementDisabled(){return!(!this.disabled&&!this.readonly)||null!==this.internalValue&&this.internalValue<=this.min}valueChanged(e){const t=this.toNumber(e);this.internalValue=null!==t?this.clampMinMax(t):null,this.updateDisplay()}internalValueChanged(e){this.updateDisplay(),e!==this.value&&(this.value=e,this.update?.emit(e))}async sdValidate(){this.formField?.sdValidate()}async sdReset(){this.formField?.sdReset()}async sdResetValidate(){this.formField?.sdResetValidation()}async sdFocus(){this.formField?.sdFocus()}async sdGetNativeElement(){return this.nativeEl||null}componentWillLoad(){const e=this.toNumber(this.value);null!==e&&(this.internalValue=this.clampMinMax(e)),this.updateDisplay()}componentDidLoad(){this.autoFocus&&this.nativeEl?.focus()}handleInput=e=>{const t=e.target,i=t.value;if(""===i)return this.internalValue=null,void(this.displayValue="");const s=i.replace(/,/g,""),d=(s.match(/\./g)||[]).length;if(d>1)return void(t.value=this.displayValue);if("-"===s||"."===s||"-."===s)return void(t.value=s);if(s.endsWith(".")&&1===d){const e=s.slice(0,-1),i=this.parseInput(e);if(null!==i){const e=this.formatWithCommas(i);return void(t.value=e+".")}}const n=this.parseInput(s);if(null!==n){if(n<this.min)return void(t.value=this.displayValue);if(n>this.max)return void(t.value=this.displayValue);this.internalValue=n,this.displayValue=this.formatWithCommas(n),t.value=this.displayValue}else t.value=this.displayValue};handleFocus=e=>{this.focused=!0,this.focus?.emit(e)};handleBlur=async e=>{this.updateDisplay(),this.nativeEl&&(this.nativeEl.value=this.displayValue),this.rules&&this.rules.length>0&&await(this.formField?.sdValidate()),this.focused=!1,this.blur?.emit(e)};handleKeyDown=e=>{"ArrowUp"===e.key?(e.preventDefault(),this.handleIncrement()):"ArrowDown"===e.key&&(e.preventDefault(),this.handleDecrement())};handleIncrement=()=>{if(this.isIncrementDisabled())return;const e=this.internalValue??this.min??0;let t=e+this.step;t>this.max&&(t=this.max),t!==e&&(this.internalValue=t)};handleDecrement=()=>{if(this.isDecrementDisabled())return;const e=this.internalValue??this.min??0;let t=e-this.step;t<this.min&&(t=this.min),t!==e&&(this.internalValue=t)};render(){const e=k[this.size]??k.sm,t="md"===this.size?14:12;return s("sd-field",{key:"508f0952028672d4951b5339d581b2180dd5a425",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,disabled:this.disabled,readonly:this.readonly,focused:this.focused,hovered:this.hovered,status:this.status,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-number-input-font-size":`${e.fontSize}px`,"--sd-number-input-line-height":`${e.lineHeight}px`,"--sd-number-input-font-weight":e.fontWeight,"--sd-number-input-padding-x":`${e.paddingX}px`,"--sd-number-input-text-color":w.text.default,"--sd-number-input-placeholder-color":w.text.placeholder,"--sd-number-input-disabled-color":w.text.disabled,"--sd-number-input-stepper-size":`${z[this.size]?.size??z.sm.size}px`,"--sd-number-input-stepper-radius":`${z.radius}px`,"--sd-number-input-stepper-bg":z.bg.default,"--sd-number-input-stepper-bg-disabled":z.bg.disabled,"--sd-number-input-stepper-icon-color":z.icon.default,"--sd-number-input-stepper-icon-disabled":z.icon.disabled,"--sd-system-size-field-sm-height":`${e.height}px`,"--sd-system-radius-field-sm":`${e.radius}px`,"--sd-system-color-field-border-default":w.border.default,"--sd-system-color-field-border-focus":w.border.focus,"--sd-system-color-field-border-danger":w.border.danger,"--sd-system-color-field-bg-default":w.bg.default,"--sd-textinput-input-text-error-message":A.color,"--sd-textinput-input-error-message-typography-font-size":`${A.typography.fontSize}px`,"--sd-textinput-input-error-message-typography-line-height":`${A.typography.lineHeight}px`,"--sd-textinput-input-text-hint":C.color,"--sd-textinput-input-hint-typography-font-size":`${C.typography.fontSize}px`,"--sd-textinput-input-hint-typography-line-height":`${C.typography.lineHeight}px`,"--sd-textinput-input-contents-gap":`${T}px`}},s("div",{key:"8762e78034b655fc325de8a5be1dcc6dfad280f3",class:{"sd-number-input__content":!0,"sd-number-input__content--no-stepper":!this.useButton}},this.useButton&&s("button",{key:"5a341252ff361744d47bf2297d164fbf39d7a2fe",type:"button",class:"sd-number-input__stepper sd-number-input__stepper--decrement",disabled:this.isDecrementDisabled(),onClick:this.handleDecrement,tabindex:-1},s("sd-icon",{key:"f8de73e01fa5762e6fadd10c9fda610efd3710e4",name:"minus",size:t,color:this.isDecrementDisabled()?z.icon.disabled:z.icon.default})),this.inputPrefix&&s("span",{key:"5e010880ff176350f333dc0e9de9b5f1d89b7efd",class:"sd-number-input__prefix"},this.inputPrefix),s("input",{key:"0fc29e67f960bc2e93da90ffcd3d83ef24f151c2",name:this.name,ref:e=>this.nativeEl=e,class:`sd-number-input__native ${this.inputClass}`,type:"text",inputMode:"numeric",value:this.displayValue,placeholder:this.placeholder??"입력해 주세요.",disabled:this.disabled,readonly:this.readonly,autofocus:this.autoFocus,onInput:this.handleInput,onKeyDown:this.handleKeyDown,onFocus:this.handleFocus,onBlur:this.handleBlur,style:{textAlign:this.useButton?"center":"right",...this.inputStyle}}),this.inputSuffix&&s("span",{key:"db977e7d355fa86ddb35f4e1417e2408d8485ec2",class:"sd-number-input__suffix"},this.inputSuffix),this.useButton&&s("button",{key:"55bdd004f7bb3aa160f90edf7696944af23e3619",type:"button",class:"sd-number-input__stepper sd-number-input__stepper--increment",disabled:this.isIncrementDisabled(),onClick:this.handleIncrement,tabindex:-1},s("sd-icon",{key:"b5ce9631347c3f78b6f0fe04060def8e3a04bac3",name:"add",size:t,color:this.isIncrementDisabled()?z.icon.disabled:z.icon.default}))))}static get watchers(){return{value:[{valueChanged:0}],internalValue:[{internalValueChanged:0}]}}};F.style="sd-number-input{display:inline-flex}sd-number-input .sd-number-input__content{width:100%;height:100%;display:flex;flex-flow:row nowrap;align-items:center;gap:var(--sd-number-input-padding-x);color:var(--sd-number-input-text-color);font-size:var(--sd-number-input-font-size);line-height:var(--sd-number-input-line-height);font-weight:var(--sd-number-input-font-weight);padding:0 var(--sd-number-input-padding-x)}sd-number-input .sd-number-input__content--no-stepper{padding:0 calc(var(--sd-number-input-padding-x) * 2)}sd-number-input .sd-number-input__content .sd-number-input__native{width:100%;height:100%;min-width:0;border:none;outline:none;background:transparent;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;padding-block:0;padding-inline:0}sd-number-input .sd-number-input__content .sd-number-input__native[disabled]{cursor:not-allowed;color:var(--sd-number-input-disabled-color)}sd-number-input .sd-number-input__content .sd-number-input__native[readonly]{color:var(--sd-system-color-field-text-read-only)}sd-number-input .sd-number-input__content .sd-number-input__native::placeholder{color:var(--sd-number-input-placeholder-color)}sd-number-input .sd-number-input__content .sd-number-input__prefix,sd-number-input .sd-number-input__content .sd-number-input__suffix{flex-shrink:0;white-space:nowrap;color:var(--sd-number-input-placeholder-color);font-size:inherit;line-height:inherit}sd-number-input .sd-number-input__content .sd-number-input__stepper{flex-shrink:0;width:var(--sd-number-input-stepper-size);height:var(--sd-number-input-stepper-size);border:none;border-radius:var(--sd-number-input-stepper-radius);background-color:var(--sd-number-input-stepper-bg);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;margin:0;transition:background-color 0.15s ease}sd-number-input .sd-number-input__content .sd-number-input__stepper:hover:not(:disabled){filter:brightness(0.95)}sd-number-input .sd-number-input__content .sd-number-input__stepper:disabled{background-color:var(--sd-number-input-stepper-bg-disabled);cursor:not-allowed}";const $=class{constructor(i){e(this,i),this.change=t(this,"sdUpdate",7)}value;options=[];direction="vertical";disabled=!1;groupName;change;valueChanged(e){this.value=e}handleRadioChange=e=>{if(this.disabled)return;const t=this.options.find((t=>String(t.value)===String(e))),i=t?t.value:e;this.value=i,this.change?.emit(i)};getGroupClasses(){return["sd-radio-group",`sd-radio-group--${this.direction??"vertical"}`].join(" ")}render(){return s("div",{key:"3bb952a72d5bccd1ad4842d9554efe6c69829773",class:this.getGroupClasses(),role:"radiogroup"},this.options.map((e=>s("sd-radio",{key:`radio-${e.value}`,val:String(e.value),value:String(this.value),label:e.label,disabled:this.disabled||!!e.disabled,onSdUpdate:({detail:e})=>this.handleRadioChange(e)}))))}static get watchers(){return{value:[{valueChanged:0}]}}};$.style='sd-radio{display:inline-flex;width:fit-content;height:var(--sd-radio-line-height);line-height:0}sd-radio .sd-radio{cursor:pointer;display:inline-flex;align-items:center;gap:var(--sd-radio-gap);height:var(--sd-radio-line-height);max-height:var(--sd-radio-line-height)}sd-radio .sd-radio>input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}sd-radio .sd-radio>input:focus-visible+.sd-radio__circle{box-shadow:0 0 0 2px white, 0 0 0 4px var(--sd-radio-checked-border);outline:none}sd-radio .sd-radio__circle{position:relative;width:var(--sd-radio-size);height:var(--sd-radio-size);border-radius:50%;border:var(--sd-radio-border-width) solid var(--sd-radio-unchecked-border);box-sizing:border-box;background:var(--sd-radio-unchecked-bg);display:inline-flex;flex-shrink:0}sd-radio .sd-radio__label{font-size:var(--sd-radio-font-size);font-weight:var(--sd-radio-font-weight);color:var(--sd-radio-label-color);line-height:var(--sd-radio-line-height)}sd-radio .sd-radio:hover:not(.sd-radio--disabled) .sd-radio__circle{background:var(--sd-radio-unchecked-bg-hover);border-color:var(--sd-radio-unchecked-border-hover)}sd-radio .sd-radio--checked .sd-radio__circle{border-color:var(--sd-radio-checked-border)}sd-radio .sd-radio--checked .sd-radio__circle::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:var(--sd-radio-dot-size);height:var(--sd-radio-dot-size);border-radius:50%;background:var(--sd-radio-checked-dot)}sd-radio .sd-radio--disabled{cursor:not-allowed}sd-radio .sd-radio--disabled .sd-radio__circle{background:var(--sd-radio-disabled-bg);border-color:var(--sd-radio-disabled-border)}sd-radio .sd-radio--disabled.sd-radio--checked .sd-radio__circle::after{background:var(--sd-radio-disabled-dot)}sd-radio-group{display:inline-block}sd-radio-group .sd-radio-group{display:flex}sd-radio-group .sd-radio-group--vertical{flex-direction:column;gap:8px}sd-radio-group .sd-radio-group--horizontal{flex-direction:row;align-items:center;gap:20px}';const M={paddingX:a.textinput.sm.paddingX,paddingY:a.textinput.sm.paddingY,radius:a.textinput.sm.radius,fontSize:a.textinput.sm.typography.fontSize,lineHeight:a.textinput.sm.typography.lineHeight,fontWeight:a.textinput.sm.typography.fontWeight},S={text:a.textinput.text,bg:a.textinput.bg,border:a.textinput.border,resizer:a.textinput.resizer},L=class{constructor(i){e(this,i),this.input=t(this,"sdUpdate",7),this.focus=t(this,"sdFocus",7),this.blur=t(this,"sdBlur",7)}get host(){return i(this)}value=null;placeholder="입력해 주세요.";disabled=!1;readonly=!1;autoFocus=!1;textareaClass="";textareaStyle={};maxLength;rows;spellcheck=!1;width="";label="";labelWidth="";addonLabel="";addonAlign="start";hint="";errorMessage="";icon=void 0;labelTooltip="";labelTooltipProps=null;rules=[];error=!1;status;focused=!1;hovered=!1;internalValue=null;nativeEl=void 0;formField;name=d();input;focus;blur;valueChanged(e){this.internalValue=e}internalValueChanged(e){e!==this.value&&(this.value=e,this.input?.emit(this.value))}async sdGetNativeElement(){return this.nativeEl||null}async sdValidate(){this.formField?.sdValidate()}async sdReset(){this.formField?.sdReset()}async sdResetValidate(){this.formField?.sdResetValidation()}async sdFocus(){this.formField?.sdFocus()}componentWillLoad(){null!=this.value&&(this.internalValue=this.value)}componentDidLoad(){this.autoFocus&&this.nativeEl?.focus()}handleInput=e=>{this.internalValue=e.target.value};handleFocus=async(e,t)=>{this.focused="focus"===e,"blur"===e?(this.rules&&this.rules.length>0&&await(this.formField?.sdValidate()),this.blur?.emit(t)):this.focus?.emit(t)};render(){return s("sd-field",{key:"404175c94949c2510082df905c53e97ab835369c",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,disabled:this.disabled,readonly:this.readonly,focused:this.focused,hovered:this.hovered,status:this.status,icon:this.icon,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:e=>this.formField=e,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1,style:{"--sd-textarea-font-size":`${M.fontSize}px`,"--sd-textarea-line-height":`${M.lineHeight}px`,"--sd-textarea-font-weight":M.fontWeight,"--sd-textarea-padding-x":`${M.paddingX}px`,"--sd-textarea-padding-y":`${M.paddingY}px`,"--sd-textarea-radius":`${M.radius}px`,"--sd-textarea-text-color":S.text.default,"--sd-textarea-placeholder-color":S.text.placeholder,"--sd-textarea-disabled-color":S.text.disabled,"--sd-textarea-bg-color":S.bg.default,"--sd-textarea-disabled-bg-color":S.bg.disabled,"--sd-textarea-border-color":S.border.default,"--sd-textarea-resizer-color":S.resizer.color,"--sd-system-size-field-sm-height":"auto","--sd-system-radius-field-sm":`${M.radius}px`}},s("div",{key:"ca92dfe613b2c006ecc4021bb2f07a2e4b04239a",class:"sd-textarea__content"},s("textarea",{key:"a6d2bbdb9c88766182728cf3eb30ce7691fb048f",name:this.name,ref:e=>this.nativeEl=e,class:`sd-textarea__native ${this.textareaClass}`,value:this.internalValue||"",placeholder:this.placeholder??"입력해 주세요.",disabled:this.disabled,readOnly:this.readonly,autofocus:this.autoFocus,maxLength:this.maxLength,rows:this.rows,spellcheck:this.spellcheck,onInput:this.handleInput,onFocus:e=>this.handleFocus("focus",e),onBlur:e=>this.handleFocus("blur",e),style:this.textareaStyle})))}static get watchers(){return{value:[{valueChanged:0}],internalValue:[{internalValueChanged:0}]}}};L.style="sd-textarea{display:inline-flex}sd-textarea .sd-textarea__content{width:100%;display:flex}sd-textarea .sd-textarea__content .sd-textarea__native{width:100%;min-height:100px;border:none;outline:none;background:transparent;padding:var(--sd-textarea-padding-y) var(--sd-textarea-padding-x);font-family:inherit;font-size:var(--sd-textarea-font-size);line-height:var(--sd-textarea-line-height);font-weight:var(--sd-textarea-font-weight);color:var(--sd-textarea-text-color);resize:vertical}sd-textarea .sd-textarea__content .sd-textarea__native::placeholder{color:var(--sd-textarea-placeholder-color)}sd-textarea .sd-textarea__content .sd-textarea__native:disabled{cursor:not-allowed;color:var(--sd-textarea-disabled-color)}sd-textarea .sd-textarea__content .sd-textarea__native[readonly]{color:var(--sd-system-color-field-text-read-only)}";export{o as sd_date_picker,l as sd_date_range_picker,u as sd_file_picker,_ as sd_input,F as sd_number_input,$ as sd_radio_group,L as sd_textarea}

package/dist/design-system/p-afdca5bb.entry.js

@@ -1 +0,0 @@
-import{r as a,c as d,h as o}from"./p-DNWwGHho.js";import{m as t}from"./p-DOXMJi-V.js";const{modal:i}=t,e=i.action,s={radius:Number(i.radius),bg:i.bg,headerPaddingX:Number(e.header.paddingX),headerPaddingY:Number(e.header.paddingY),headerGap:Number(e.header.gap),bodyPaddingX:Number(e.body.paddingX),bodyPaddingBottom:Number(e.body.paddingBottom),footerPaddingX:Number(e.footer.paddingX),footerPaddingY:Number(e.footer.paddingY),footerGap:Number(e.footer.gap),footerBg:e.footer.bg,footerBorder:e.footer.border},n={color:e.title.color,fontFamily:e.title.typography.fontFamily,fontWeight:e.title.typography.fontWeight,fontSize:Number(e.title.typography.fontSize),lineHeight:Number(e.title.typography.lineHeight)},l={name:"primary_md",label:"확인"},c=class{constructor(o){a(this,o),this.close=d(this,"sdClose",7),this.ok=d(this,"sdOk",7)}modalTitle="";buttonProps;width;height;close;ok;render(){const a={"--sd-action-modal-radius":`${s.radius}px`,"--sd-action-modal-bg":s.bg,"--sd-action-modal-header-padding-x":`${s.headerPaddingX}px`,"--sd-action-modal-header-padding-y":`${s.headerPaddingY}px`,"--sd-action-modal-header-gap":`${s.headerGap}px`,"--sd-action-modal-body-padding-x":`${s.bodyPaddingX}px`,"--sd-action-modal-body-padding-bottom":`${s.bodyPaddingBottom}px`,"--sd-action-modal-footer-padding-x":`${s.footerPaddingX}px`,"--sd-action-modal-footer-padding-y":`${s.footerPaddingY}px`,"--sd-action-modal-footer-gap":`${s.footerGap}px`,"--sd-action-modal-footer-bg":s.footerBg,"--sd-action-modal-footer-border":s.footerBorder,"--sd-action-modal-title-color":n.color,"--sd-action-modal-title-font-family":n.fontFamily,"--sd-action-modal-title-font-weight":n.fontWeight,"--sd-action-modal-title-font-size":`${n.fontSize}px`,"--sd-action-modal-title-line-height":`${n.lineHeight}px`},d={};return null!=this.width&&""!==this.width&&(d.width="number"==typeof this.width?`${this.width}px`:this.width,d.minWidth="0"),null!=this.height&&""!==this.height&&(d.height="number"==typeof this.height?`${this.height}px`:this.height),o("div",{key:"7b59ff655bb9f7a6bc79bb948201a6a532c16b06",class:"sd-action-modal",style:{...a,...d}},o("header",{key:"3e141509dc7082e08f448043573de3a8bd8e7cf0",class:"sd-action-modal__header"},o("h2",{key:"ba80634b72ce1168d2ab3aec12bdf2a6546ff08d",class:"sd-action-modal__title"},this.modalTitle),o("div",{key:"aed32008f0dcaa2deec098ca3c0c9cb1e8f6fb50",class:"sd-action-modal__header-sub"},o("slot",{key:"32a015a006cbcf26373c64a72e4131b878c53222",name:"header-sub-title"})),o("sd-ghost-button",{key:"574d14cf2d0031dbf43cbb5999d4471a235ca72a",class:"sd-action-modal__close",icon:"close",ariaLabel:"close",onClick:()=>this.close.emit()})),o("div",{key:"713761da4ad2217c1d762fd56bc391ddc5c9cded",class:"sd-action-modal__body"},o("slot",{key:"e224251b153d60cf35056b542c5d9925f4918b7f",name:"body"})),(null!=this.buttonProps||null!=this.buttonProps)&&o("footer",{key:"43d6e4ffed21704ac68689f0742f8d7a6456b0b6",class:"sd-action-modal__footer"},o("div",{key:"bd9cce1c5b1fb02156008a4e76c65dc8cb4385aa",class:"sd-action-modal__footer-sub"},o("slot",{key:"4de818c9ba8fcdb159963b9c9c7ce893fa3216da",name:"bottom-sub-content"})),o("sd-button",{key:"af9f4c1fd4c6bb482690c2545e0add53c308b95a",...l,...this.buttonProps,onSdClick:()=>this.ok.emit()})))}};c.style="sd-action-modal{display:block}sd-action-modal .sd-action-modal{position:relative;display:flex;flex-direction:column;width:fit-content;min-width:520px;border-radius:var(--sd-action-modal-radius);background:var(--sd-action-modal-bg);box-shadow:4px 4px 24px 4px rgba(0, 0, 0, 0.2);overflow:hidden}sd-action-modal .sd-action-modal__header{display:flex;align-items:center;flex-shrink:0;gap:var(--sd-action-modal-header-gap);padding:var(--sd-action-modal-header-padding-y) calc(var(--sd-action-modal-header-padding-x) + 20px) var(--sd-action-modal-header-padding-y) var(--sd-action-modal-header-padding-x)}sd-action-modal .sd-action-modal__title{margin:0;color:var(--sd-action-modal-title-color);font-family:var(--sd-action-modal-title-font-family);font-weight:var(--sd-action-modal-title-font-weight);font-size:var(--sd-action-modal-title-font-size);line-height:var(--sd-action-modal-title-line-height);white-space:nowrap}sd-action-modal .sd-action-modal__header-sub{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:8px}sd-action-modal .sd-action-modal__header-sub:empty{display:none}sd-action-modal .sd-action-modal__close{position:absolute;top:16px;right:16px;cursor:pointer}sd-action-modal .sd-action-modal__body{flex:1 1 auto;min-height:0;padding:0 var(--sd-action-modal-body-padding-x) var(--sd-action-modal-body-padding-bottom);overflow:auto}sd-action-modal .sd-action-modal__footer{display:flex;align-items:center;flex-shrink:0;gap:var(--sd-action-modal-footer-gap);padding:var(--sd-action-modal-footer-padding-y) var(--sd-action-modal-footer-padding-x);background:var(--sd-action-modal-footer-bg);border-top:1px solid var(--sd-action-modal-footer-border)}sd-action-modal .sd-action-modal__footer>sd-button{margin-left:auto}sd-action-modal .sd-action-modal__footer-sub{display:flex;align-items:center;gap:8px;min-width:0}sd-action-modal .sd-action-modal__footer-sub:empty{display:none}";export{c as sd_action_modal}

package/dist/design-system/p-f97b75d3.entry.js

@@ -1 +0,0 @@
-import{r as d,h as r,F as s}from"./p-DNWwGHho.js";const a=class{constructor(r){d(this,r)}bordered=!1;sdClass="";render(){return r(s,{key:"2700ffa3af5b6b35882c396a838d9da2e866ee4b"},r("div",{key:"3d3aeaac318fc089c42ae4348bc72015d4476276",class:`sd-card ${this.bordered?"sd-card--bordered":""} ${this.sdClass}`},r("slot",{key:"e72f00bc8c209644baf5f431ce485fb5b691f354"})))}};a.style="sd-card{display:block;height:fit-content}sd-card .sd-card{border-radius:8px;background:white}sd-card .sd-card--bordered{border:1px solid #E1E1E1}";export{a as sd_card}