@sellmate/design-system 1.0.66 → 1.0.67

package/dist/design-system/{p-e1fdd540.entry.js → p-1645da95.entry.js}

@@ -1 +1 @@
-import{r as t,a as e,f as s,h as d,H as i}from"./p-BqHL8W3c.js";import{T as n}from"./p-sZMi_32I.js";const a=class{constructor(e){t(this,e)}get el(){return e(this)}field;rowKey;align;handleFieldChange(){this.syncSlotName()}handleRowKeyChange(){this.syncSlotName()}componentWillLoad(){this.syncSlotName();const t=this.el.parentElement;"sd-tr"===t?.tagName?.toLowerCase()&&s(t)}componentDidLoad(){this.syncSlotName()}syncSlotName(){const t=this.el.closest("sd-table"),e=t?.getTableIdSync?.(),s=t?.getAttribute(n),d=(e&&"undefined"!==e?e:null)??(s&&"undefined"!==s?s:null)??"";this.field&&void 0!==this.rowKey&&d&&this.el.setAttribute("slot",`${d}-${this.field}-${this.rowKey}`)}render(){return d(i,{key:"9fdf1f552785399ec47244f1d534d49070dd6fa1",class:{[`align-${this.align}`]:Boolean(this.align)}},d("slot",{key:"845eddc0d15fd8bb2f2f93e146aa8fa1eb9d194f"}))}static get watchers(){return{field:[{handleFieldChange:0}],rowKey:[{handleRowKeyChange:0}]}}};a.style="sd-td *{box-sizing:border-box}sd-td{display:contents}sd-td.align-left{text-align:left}sd-td.align-center{text-align:center}sd-td.align-right{text-align:right}";export{a as sd_td}
+import{r as t,a as e,f as s,h as d,H as i}from"./p-Dcpqhs6V.js";import{T as n}from"./p-sZMi_32I.js";const a=class{constructor(e){t(this,e)}get el(){return e(this)}field;rowKey;align;handleFieldChange(){this.syncSlotName()}handleRowKeyChange(){this.syncSlotName()}componentWillLoad(){this.syncSlotName();const t=this.el.parentElement;"sd-tr"===t?.tagName?.toLowerCase()&&s(t)}componentDidLoad(){this.syncSlotName()}syncSlotName(){const t=this.el.closest("sd-table"),e=t?.getTableIdSync?.(),s=t?.getAttribute(n),d=(e&&"undefined"!==e?e:null)??(s&&"undefined"!==s?s:null)??"";this.field&&void 0!==this.rowKey&&d&&this.el.setAttribute("slot",`${d}-${this.field}-${this.rowKey}`)}render(){return d(i,{key:"9fdf1f552785399ec47244f1d534d49070dd6fa1",class:{[`align-${this.align}`]:Boolean(this.align)}},d("slot",{key:"845eddc0d15fd8bb2f2f93e146aa8fa1eb9d194f"}))}static get watchers(){return{field:[{handleFieldChange:0}],rowKey:[{handleRowKeyChange:0}]}}};a.style="sd-td *{box-sizing:border-box}sd-td{display:contents}sd-td.align-left{text-align:left}sd-td.align-center{text-align:center}sd-td.align-right{text-align:right}";export{a as sd_td}

package/dist/design-system/{p-4a53d7b0.entry.js → p-19257b97.entry.js}

@@ -1 +1 @@
-import{r as s,c as t,h as i}from"./p-BqHL8W3c.js";const e=class{constructor(i){s(this,i),this.submitSuccess=t(this,"sdSubmit",7),this.submitFail=t(this,"sdValidationError",7)}formClass="";fields=[];submitSuccess;submitFail;sortFieldsByDomOrder(){this.fields.sort(((s,t)=>{const i=s.el,e=t.el;return i&&e?i.compareDocumentPosition(e)&Node.DOCUMENT_POSITION_FOLLOWING?-1:1:0}))}async sdRegisterField(s){s.name?this.fields.find((t=>t.name===s.name))||(this.fields.push(s),this.sortFieldsByDomOrder()):console.warn("[sd-form] field.name is required")}async sdUnregisterField(s){this.fields=this.fields.filter((t=>t.name!==s))}async sdValidate(){const s=(await Promise.all(this.fields.map((async s=>{const t=await s.sdValidate();return{field:s,valid:t}})))).find((s=>!s.valid));return s&&(s.field.sdFocus(),s.field.sdScrollIntoView?.()),!s}async sdReset(){this.fields.forEach((s=>s.sdReset()))}async sdResetValidation(){this.fields.forEach((s=>s.sdResetValidation()))}async onSubmit(s){s.preventDefault(),await this.sdValidate()?this.submitSuccess.emit():this.submitFail.emit()}render(){return i("form",{key:"d37e7f5291b9f340ed020aadbc7e111c6ac9d375",onSubmit:s=>this.onSubmit(s),class:this.formClass},i("slot",{key:"be3d12eb60e10a5b77dc9bd150ac2be23e08f3f0"}))}};export{e as sd_form}
+import{r as s,c as t,h as i}from"./p-Dcpqhs6V.js";const e=class{constructor(i){s(this,i),this.submitSuccess=t(this,"sdSubmit",7),this.submitFail=t(this,"sdValidationError",7)}formClass="";fields=[];submitSuccess;submitFail;sortFieldsByDomOrder(){this.fields.sort(((s,t)=>{const i=s.el,e=t.el;return i&&e?i.compareDocumentPosition(e)&Node.DOCUMENT_POSITION_FOLLOWING?-1:1:0}))}async sdRegisterField(s){s.name?this.fields.find((t=>t.name===s.name))||(this.fields.push(s),this.sortFieldsByDomOrder()):console.warn("[sd-form] field.name is required")}async sdUnregisterField(s){this.fields=this.fields.filter((t=>t.name!==s))}async sdValidate(){const s=(await Promise.all(this.fields.map((async s=>{const t=await s.sdValidate();return{field:s,valid:t}})))).find((s=>!s.valid));return s&&(s.field.sdFocus(),s.field.sdScrollIntoView?.()),!s}async sdReset(){this.fields.forEach((s=>s.sdReset()))}async sdResetValidation(){this.fields.forEach((s=>s.sdResetValidation()))}async onSubmit(s){s.preventDefault(),await this.sdValidate()?this.submitSuccess.emit():this.submitFail.emit()}render(){return i("form",{key:"d37e7f5291b9f340ed020aadbc7e111c6ac9d375",onSubmit:s=>this.onSubmit(s),class:this.formClass},i("slot",{key:"be3d12eb60e10a5b77dc9bd150ac2be23e08f3f0"}))}};export{e as sd_form}

package/dist/design-system/{p-f3d082c8.entry.js → p-244d2d6e.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,a as i,h as s}from"./p-BqHL8W3c.js";import{n as a}from"./p-CCwNgVmC.js";import{i as o}from"./p-CJwbBrt5.js";const n=o.textinput.sm,d=o.textinput.md,r={sm:{height:n.height,paddingX:n.paddingX,gap:n.gap,radius:n.radius,fontSize:n.typography.fontSize,lineHeight:n.typography.lineHeight,fontWeight:n.typography.fontWeight},md:{height:d.height,paddingX:d.paddingX,gap:d.gap,radius:d.radius,fontSize:d.typography.fontSize,lineHeight:d.typography.lineHeight,fontWeight:d.typography.fontWeight}},l={bg:o.textinput.bg,text:o.textinput.text,icon:o.textinput.icon},c=class{constructor(i){t(this,i),this.input=e(this,"sdUpdate",7),this.focus=e(this,"sdFocus",7),this.blur=e(this,"sdBlur",7)}get host(){return i(this)}value=null;size="sm";addonLabel="";placeholder="입력해 주세요.";disabled=!1;clearable=!1;width="";rules=[];autoFocus=!1;status;hint="";errorMessage="";inputClass="";readonly=!1;error=!1;focused=!1;hovered=!1;label="";labelWidth="";icon=void 0;labelTooltip="";labelTooltipProps=null;inputStyle={};internalValue=null;nativeEl=void 0;formField;name=a();input;focus;blur;valueChanged(t){this.internalValue=t}internalValueChanged(t){t!==this.value&&(this.value=t,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(){this.value&&(this.internalValue=this.value)}componentDidLoad(){this.autoFocus&&this.nativeEl?.focus()}handleInput=t=>{this.internalValue=t.target.value};handleFocus=async(t,e)=>{this.focused="focus"===t,"blur"===t?(this.rules&&this.rules.length>0&&await(this.formField?.sdValidate()),this.blur?.emit(e)):this.focus?.emit(e)};render(){const t=r[this.size]??r.sm;return s("sd-field",{key:"bba439856e0cbaedc7b54411dac904f9c845b50c",name:this.name,label:this.label,labelWidth:this.labelWidth,addonLabel:this.addonLabel,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,size:this.size,icon:this.icon,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:t=>this.formField=t,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1,style:{"--sd-barcode-input-font-size":`${t.fontSize}px`,"--sd-barcode-input-line-height":`${t.lineHeight}px`,"--sd-barcode-input-font-weight":t.fontWeight,"--sd-barcode-input-padding-x":`${t.paddingX}px`,"--sd-barcode-input-gap":`${t.gap}px`,"--sd-barcode-input-text-color":l.text.default,"--sd-barcode-input-placeholder-color":l.text.placeholder,"--sd-barcode-input-disabled-color":l.text.disabled,"--sd-barcode-input-icon-color":l.icon.default,"--sd-system-size-field-sm-height":`${t.height}px`,"--sd-system-radius-field-sm":`${t.radius}px`,"--sd-system-color-field-bg-default":l.bg.barcode}},s("label",{key:"8553cfb4b5ef9535608abc1f2987ce08970c318a",class:"sd-barcode-input__content"},s("slot",{key:"93db2b38e8d674230f48e3b9496a7221d8477da6",name:"prefix"}),s("input",{key:"30997bea593052322a2d29fc1e517b00cf19b1fb",name:this.name,ref:t=>this.nativeEl=t,class:`sd-barcode-input__native ${this.inputClass}`,type:"text",value:this.internalValue||"",placeholder:this.placeholder,disabled:this.disabled,readonly:this.readonly,autofocus:this.autoFocus,onInput:this.handleInput,onFocus:t=>this.handleFocus("focus",t),onBlur:t=>this.handleFocus("blur",t),style:this.inputStyle}),s("slot",{key:"690daa6c1daa6058713ee09b0efe976557cde3ab",name:"suffix"}),this.clearable&&this.internalValue&&s("sd-ghost-button",{key:"8ab4e45a23d1b06dc415d969e25ed5ea59540643",icon:"close",ariaLabel:"close",size:"xxs",disabled:this.disabled,class:"sd-barcode-input__clear-icon",onClick:async()=>{this.disabled||(this.internalValue="",await(this.formField?.sdValidate()))}})))}static get watchers(){return{value:[{valueChanged:0}],internalValue:[{internalValueChanged:0}]}}};c.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 #fafaa1 inset;box-shadow:0 0 0px 1000px #fafaa1 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 #fafaa1 inset;box-shadow:0 0 0px 1000px #fafaa1 inset;transition:background-color 5000s ease-in-out 0s}sd-barcode-input{display:inline-flex}sd-barcode-input .sd-barcode-input__content{width:100%;height:100%;display:flex;flex-flow:row nowrap;align-items:center;color:var(--sd-barcode-input-text-color);font-size:var(--sd-barcode-input-font-size);line-height:var(--sd-barcode-input-line-height);font-weight:var(--sd-barcode-input-font-weight);padding:0 var(--sd-barcode-input-padding-x);gap:var(--sd-barcode-input-gap)}sd-barcode-input .sd-barcode-input__content .sd-barcode-input__native{width:100%;height:100%;border:none;outline:none;background:transparent;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit}sd-barcode-input .sd-barcode-input__content .sd-barcode-input__native[disabled]{cursor:not-allowed;color:var(--sd-barcode-input-disabled-color)}sd-barcode-input .sd-barcode-input__content .sd-barcode-input__native[readonly]{color:var(--sd-barcode-input-disabled-color)}sd-barcode-input .sd-barcode-input__content .sd-barcode-input__native::placeholder{color:var(--sd-barcode-input-placeholder-color)}sd-barcode-input .sd-barcode-input__content .sd-barcode-input__clear-icon{flex-shrink:0}sd-barcode-input .sd-barcode-input__content .sd-barcode-input__native[disabled]~.sd-barcode-input__clear-icon{cursor:not-allowed;pointer-events:none}";export{c as sd_barcode_input}
+import{r as t,c as e,a as i,h as s}from"./p-Dcpqhs6V.js";import{n as a}from"./p-CCwNgVmC.js";import{i as o}from"./p-CJwbBrt5.js";const n=o.textinput.sm,d=o.textinput.md,r={sm:{height:n.height,paddingX:n.paddingX,gap:n.gap,radius:n.radius,fontSize:n.typography.fontSize,lineHeight:n.typography.lineHeight,fontWeight:n.typography.fontWeight},md:{height:d.height,paddingX:d.paddingX,gap:d.gap,radius:d.radius,fontSize:d.typography.fontSize,lineHeight:d.typography.lineHeight,fontWeight:d.typography.fontWeight}},l={bg:o.textinput.bg,text:o.textinput.text,icon:o.textinput.icon},c=class{constructor(i){t(this,i),this.input=e(this,"sdUpdate",7),this.focus=e(this,"sdFocus",7),this.blur=e(this,"sdBlur",7)}get host(){return i(this)}value=null;size="sm";addonLabel="";placeholder="입력해 주세요.";disabled=!1;clearable=!1;width="";rules=[];autoFocus=!1;status;hint="";errorMessage="";inputClass="";readonly=!1;error=!1;focused=!1;hovered=!1;label="";labelWidth="";icon=void 0;labelTooltip="";labelTooltipProps=null;inputStyle={};internalValue=null;nativeEl=void 0;formField;name=a();input;focus;blur;valueChanged(t){this.internalValue=t}internalValueChanged(t){t!==this.value&&(this.value=t,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(){this.value&&(this.internalValue=this.value)}componentDidLoad(){this.autoFocus&&this.nativeEl?.focus()}handleInput=t=>{this.internalValue=t.target.value};handleFocus=async(t,e)=>{this.focused="focus"===t,"blur"===t?(this.rules&&this.rules.length>0&&await(this.formField?.sdValidate()),this.blur?.emit(e)):this.focus?.emit(e)};render(){const t=r[this.size]??r.sm;return s("sd-field",{key:"bba439856e0cbaedc7b54411dac904f9c845b50c",name:this.name,label:this.label,labelWidth:this.labelWidth,addonLabel:this.addonLabel,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,size:this.size,icon:this.icon,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:t=>this.formField=t,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1,style:{"--sd-barcode-input-font-size":`${t.fontSize}px`,"--sd-barcode-input-line-height":`${t.lineHeight}px`,"--sd-barcode-input-font-weight":t.fontWeight,"--sd-barcode-input-padding-x":`${t.paddingX}px`,"--sd-barcode-input-gap":`${t.gap}px`,"--sd-barcode-input-text-color":l.text.default,"--sd-barcode-input-placeholder-color":l.text.placeholder,"--sd-barcode-input-disabled-color":l.text.disabled,"--sd-barcode-input-icon-color":l.icon.default,"--sd-system-size-field-sm-height":`${t.height}px`,"--sd-system-radius-field-sm":`${t.radius}px`,"--sd-system-color-field-bg-default":l.bg.barcode}},s("label",{key:"8553cfb4b5ef9535608abc1f2987ce08970c318a",class:"sd-barcode-input__content"},s("slot",{key:"93db2b38e8d674230f48e3b9496a7221d8477da6",name:"prefix"}),s("input",{key:"30997bea593052322a2d29fc1e517b00cf19b1fb",name:this.name,ref:t=>this.nativeEl=t,class:`sd-barcode-input__native ${this.inputClass}`,type:"text",value:this.internalValue||"",placeholder:this.placeholder,disabled:this.disabled,readonly:this.readonly,autofocus:this.autoFocus,onInput:this.handleInput,onFocus:t=>this.handleFocus("focus",t),onBlur:t=>this.handleFocus("blur",t),style:this.inputStyle}),s("slot",{key:"690daa6c1daa6058713ee09b0efe976557cde3ab",name:"suffix"}),this.clearable&&this.internalValue&&s("sd-ghost-button",{key:"8ab4e45a23d1b06dc415d969e25ed5ea59540643",icon:"close",ariaLabel:"close",size:"xxs",disabled:this.disabled,class:"sd-barcode-input__clear-icon",onClick:async()=>{this.disabled||(this.internalValue="",await(this.formField?.sdValidate()))}})))}static get watchers(){return{value:[{valueChanged:0}],internalValue:[{internalValueChanged:0}]}}};c.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 #fafaa1 inset;box-shadow:0 0 0px 1000px #fafaa1 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 #fafaa1 inset;box-shadow:0 0 0px 1000px #fafaa1 inset;transition:background-color 5000s ease-in-out 0s}sd-barcode-input{display:inline-flex}sd-barcode-input .sd-barcode-input__content{width:100%;height:100%;display:flex;flex-flow:row nowrap;align-items:center;color:var(--sd-barcode-input-text-color);font-size:var(--sd-barcode-input-font-size);line-height:var(--sd-barcode-input-line-height);font-weight:var(--sd-barcode-input-font-weight);padding:0 var(--sd-barcode-input-padding-x);gap:var(--sd-barcode-input-gap)}sd-barcode-input .sd-barcode-input__content .sd-barcode-input__native{width:100%;height:100%;border:none;outline:none;background:transparent;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit}sd-barcode-input .sd-barcode-input__content .sd-barcode-input__native[disabled]{cursor:not-allowed;color:var(--sd-barcode-input-disabled-color)}sd-barcode-input .sd-barcode-input__content .sd-barcode-input__native[readonly]{color:var(--sd-barcode-input-disabled-color)}sd-barcode-input .sd-barcode-input__content .sd-barcode-input__native::placeholder{color:var(--sd-barcode-input-placeholder-color)}sd-barcode-input .sd-barcode-input__content .sd-barcode-input__clear-icon{flex-shrink:0}sd-barcode-input .sd-barcode-input__content .sd-barcode-input__native[disabled]~.sd-barcode-input__clear-icon{cursor:not-allowed;pointer-events:none}";export{c as sd_barcode_input}

package/dist/design-system/{p-04be87a4.entry.js → p-2841d5e1.entry.js}

@@ -1 +1 @@
-import{r as t,a as e,h as s,H as i}from"./p-BqHL8W3c.js";import{T as o}from"./p-sZMi_32I.js";const h=class{constructor(e){t(this,e)}get el(){return e(this)}columns;selectable;resizable;stickyColumn;stickyHeader;scrolledLeft;scrolledRight;rows=[];columnWidths=[];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=>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=>parseInt(t.width||"120",10))))}componentDidLoad(){this.syncTableContext(),this.resolveConfig()}syncTableContext(){const t=this.el.closest("sd-table");this.tableEl=t;const e=t?.getTableIdSync?.(),s=t?.getAttribute(o),i=(e&&"undefined"!==e?e:null)??(s&&"undefined"!==s?s:null)??"";i&&i!==this.tableId&&(this.tableId=i)}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){return this.tableEl?.getStickyStyleSync?this.tableEl.getStickyStyleSync(t):{"--sticky-left-offset":`${this.columnWidths.slice(0,t).reduce(((t,e)=>t+e),0)+(this._selectable?52:0)}px`,"--sticky-right-offset":`${this.columnWidths.filter(((e,s)=>s>=this.visibleColumns.length-(this._stickyColumn.right||0)&&s>t)).reduce(((t,e)=>t+e),0)}px`,width:`${this.columnWidths[t]}px`,minWidth:`${this.columnWidths[t]}px`,maxWidth:`${this.columnWidths[t]}px`}}handleResize(t,e,s=!1){this.tableEl?.handleResize&&this.tableEl.handleResize(t,e,s)}handleSelectAll(t){const e=null!==this.getIsAllChecked()&&!!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,o=this._stickyColumn.right||0,h=this.visibleColumns.slice(0,e),l=this.visibleColumns.slice(e,this.visibleColumns.length-o),n=this.visibleColumns.slice(this.visibleColumns.length-o);return s(i,{key:"5ccdb84a8876df2af0d73424be3f5a7fdb1979a5",slot:`${this.tableId}-head`},s("thead",{key:"6517b6f3baf56173f27b8194de7bd1de625ea304",class:{thead:!0,"thead--sticky":this._stickyHeader}},s("tr",{key:"8a9c268a3195376a8c9986411b29724896ff36d8",class:"tr"},this._selectable&&s("th",{key:"f0fae86684bbef173019ddb1dd23a5f57956fb04",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"}},s("sd-checkbox",{key:"cde120ec02f8bf03fa869eadbc0d91b4fde8e1ba",value:this.getIsAllChecked(),disabled:!t.length,onSdUpdate:t=>this.handleSelectAll(t.detail)})),h.map(((t,i)=>s("th",{key:t.name,class:{th:!0,[`${t.thClass}`]:Boolean(t.thClass),"sticky-left":!0,"sticky-left-edge":i===e-1,"is-scrolled-left":i===e-1&&this._scrolledLeft},style:{...t.thStyle,...this.getStickyStyle(i)}},s("div",{class:`th__content th__content--${t.align||"left"}`},s("div",{class:"th__content--label"},t.label),t.usePageMoveIcon&&s("sd-icon",{name:"pageMove",size:"12",color:"#006AC1"}),t.tooltip&&s("sd-tooltip",{...t.tooltipOptions},s("div",{slot:"content"},t.tooltip.map((t=>s("p",null,t)))))),this._resizable&&s("div",{class:"th__resizer",onMouseDown:t=>this.handleResize(i,t)})))),l.map(((t,i)=>{const o=e+i;return s("th",{key:t.name,class:{th:!0,[`${t.thClass}`]:Boolean(t.thClass)},style:{...t.thStyle,...this.getStickyStyle(o)}},s("div",{class:`th__content th__content--${t.align||"left"}`},s("div",{class:"th__content--label"},t.label),t.usePageMoveIcon&&s("sd-icon",{name:"pageMove",size:"12",color:"#006AC1"}),t.tooltip&&s("sd-tooltip",{...t.tooltipOptions},s("div",{slot:"content"},t.tooltip.map((t=>s("p",null,t)))))),this._resizable&&s("div",{class:"th__resizer",onMouseDown:t=>this.handleResize(o,t)}))})),n.map(((t,e)=>{const i=this.visibleColumns.length-o+e;return s("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(i)}},s("div",{class:`th__content th__content--${t.align||"left"}`},s("div",{class:"th__content--label"},t.label),t.usePageMoveIcon&&s("sd-icon",{name:"pageMove",size:"12",color:"#006AC1"}),t.tooltip&&s("sd-tooltip",{...t.tooltipOptions},s("div",{slot:"content"},t.tooltip.map((t=>s("p",null,t)))))),this._resizable&&s("div",{class:"th__resizer th__resizer--left",onMouseDown:t=>this.handleResize(i,t,!0)}))})))))}static get watchers(){return{columns:[{handleColumnsChange:0}]}}};h.style='sd-thead{display:contents}sd-thead *{box-sizing:border-box}.thead{display:table-header-group;height:36px}.thead--sticky{position:sticky;top:0;z-index:120}.tr{display:table-row;width:100%}.th{display:table-cell;background:#F5FAFF;height:36px;padding:0 16px;font-weight:500;vertical-align:middle;border-bottom:1px solid #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:52px !important;max-width:52px !important;min-width:52px !important;padding:0 10px 0 24px;text-align:left}.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:#F5FAFF;z-index:110 !important;left:var(--sticky-left-offset, 0)}.th.sticky-right{position:sticky;background-color:#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: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__resizer{position:absolute;top:50%;right:0;transform:translateY(-50%);width:4px;height:16px;cursor:col-resize;z-index:3;border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC}.th__resizer--left{right:auto;left:0}';export{h as sd_thead}
+import{r as t,a as e,h as s,H as i}from"./p-Dcpqhs6V.js";import{T as o}from"./p-sZMi_32I.js";const h=class{constructor(e){t(this,e)}get el(){return e(this)}columns;selectable;resizable;stickyColumn;stickyHeader;scrolledLeft;scrolledRight;rows=[];columnWidths=[];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=>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=>parseInt(t.width||"120",10))))}componentDidLoad(){this.syncTableContext(),this.resolveConfig()}syncTableContext(){const t=this.el.closest("sd-table");this.tableEl=t;const e=t?.getTableIdSync?.(),s=t?.getAttribute(o),i=(e&&"undefined"!==e?e:null)??(s&&"undefined"!==s?s:null)??"";i&&i!==this.tableId&&(this.tableId=i)}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){return this.tableEl?.getStickyStyleSync?this.tableEl.getStickyStyleSync(t):{"--sticky-left-offset":`${this.columnWidths.slice(0,t).reduce(((t,e)=>t+e),0)+(this._selectable?52:0)}px`,"--sticky-right-offset":`${this.columnWidths.filter(((e,s)=>s>=this.visibleColumns.length-(this._stickyColumn.right||0)&&s>t)).reduce(((t,e)=>t+e),0)}px`,width:`${this.columnWidths[t]}px`,minWidth:`${this.columnWidths[t]}px`,maxWidth:`${this.columnWidths[t]}px`}}handleResize(t,e,s=!1){this.tableEl?.handleResize&&this.tableEl.handleResize(t,e,s)}handleSelectAll(t){const e=null!==this.getIsAllChecked()&&!!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,o=this._stickyColumn.right||0,h=this.visibleColumns.slice(0,e),l=this.visibleColumns.slice(e,this.visibleColumns.length-o),n=this.visibleColumns.slice(this.visibleColumns.length-o);return s(i,{key:"5ccdb84a8876df2af0d73424be3f5a7fdb1979a5",slot:`${this.tableId}-head`},s("thead",{key:"6517b6f3baf56173f27b8194de7bd1de625ea304",class:{thead:!0,"thead--sticky":this._stickyHeader}},s("tr",{key:"8a9c268a3195376a8c9986411b29724896ff36d8",class:"tr"},this._selectable&&s("th",{key:"f0fae86684bbef173019ddb1dd23a5f57956fb04",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"}},s("sd-checkbox",{key:"cde120ec02f8bf03fa869eadbc0d91b4fde8e1ba",value:this.getIsAllChecked(),disabled:!t.length,onSdUpdate:t=>this.handleSelectAll(t.detail)})),h.map(((t,i)=>s("th",{key:t.name,class:{th:!0,[`${t.thClass}`]:Boolean(t.thClass),"sticky-left":!0,"sticky-left-edge":i===e-1,"is-scrolled-left":i===e-1&&this._scrolledLeft},style:{...t.thStyle,...this.getStickyStyle(i)}},s("div",{class:`th__content th__content--${t.align||"left"}`},s("div",{class:"th__content--label"},t.label),t.usePageMoveIcon&&s("sd-icon",{name:"pageMove",size:"12",color:"#006AC1"}),t.tooltip&&s("sd-tooltip",{...t.tooltipOptions},s("div",{slot:"content"},t.tooltip.map((t=>s("p",null,t)))))),this._resizable&&s("div",{class:"th__resizer",onMouseDown:t=>this.handleResize(i,t)})))),l.map(((t,i)=>{const o=e+i;return s("th",{key:t.name,class:{th:!0,[`${t.thClass}`]:Boolean(t.thClass)},style:{...t.thStyle,...this.getStickyStyle(o)}},s("div",{class:`th__content th__content--${t.align||"left"}`},s("div",{class:"th__content--label"},t.label),t.usePageMoveIcon&&s("sd-icon",{name:"pageMove",size:"12",color:"#006AC1"}),t.tooltip&&s("sd-tooltip",{...t.tooltipOptions},s("div",{slot:"content"},t.tooltip.map((t=>s("p",null,t)))))),this._resizable&&s("div",{class:"th__resizer",onMouseDown:t=>this.handleResize(o,t)}))})),n.map(((t,e)=>{const i=this.visibleColumns.length-o+e;return s("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(i)}},s("div",{class:`th__content th__content--${t.align||"left"}`},s("div",{class:"th__content--label"},t.label),t.usePageMoveIcon&&s("sd-icon",{name:"pageMove",size:"12",color:"#006AC1"}),t.tooltip&&s("sd-tooltip",{...t.tooltipOptions},s("div",{slot:"content"},t.tooltip.map((t=>s("p",null,t)))))),this._resizable&&s("div",{class:"th__resizer th__resizer--left",onMouseDown:t=>this.handleResize(i,t,!0)}))})))))}static get watchers(){return{columns:[{handleColumnsChange:0}]}}};h.style='sd-thead{display:contents}sd-thead *{box-sizing:border-box}.thead{display:table-header-group;height:36px}.thead--sticky{position:sticky;top:0;z-index:120}.tr{display:table-row;width:100%}.th{display:table-cell;background:#F5FAFF;height:36px;padding:0 16px;font-weight:500;vertical-align:middle;border-bottom:1px solid #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:52px !important;max-width:52px !important;min-width:52px !important;padding:0 10px 0 24px;text-align:left}.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:#F5FAFF;z-index:110 !important;left:var(--sticky-left-offset, 0)}.th.sticky-right{position:sticky;background-color:#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: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__resizer{position:absolute;top:50%;right:0;transform:translateY(-50%);width:4px;height:16px;cursor:col-resize;z-index:3;border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC}.th__resizer--left{right:auto;left:0}';export{h as sd_thead}

package/dist/design-system/{p-b81e0493.entry.js → p-298d9b57.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,a as s,h as e}from"./p-BqHL8W3c.js";import{n}from"./p-CCwNgVmC.js";import{i as o}from"./p-CJwbBrt5.js";const a=o.textinput.sm,d=o.textinput.md,l={sm:{height:a.height,paddingX:a.paddingX,gap:a.gap,radius:a.radius,fontSize:a.typography.fontSize,lineHeight:a.typography.lineHeight,fontWeight:a.typography.fontWeight},md:{height:d.height,paddingX:d.paddingX,gap:d.gap,radius:d.radius,fontSize:d.typography.fontSize,lineHeight:d.typography.lineHeight,fontWeight:d.typography.fontWeight}},h={text:o.textinput.text,icon:o.textinput.icon},c=class{constructor(s){t(this,s),this.input=i(this,"sdUpdate",7),this.focus=i(this,"sdFocus",7),this.blur=i(this,"sdBlur",7)}get host(){return s(this)}value=null;type="text";size="sm";addonLabel="";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=n();input;focus;blur;valueChanged(t){this.internalValue=t}internalValueChanged(t){t!==this.value&&(this.value=t,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(){this.value&&(this.internalValue=this.value)}componentDidLoad(){this.autoFocus&&this.nativeEl?.focus()}handleInput=t=>{this.internalValue=t.target.value};handleFocus=async(t,i)=>{this.focused="focus"===t,"blur"===t?(this.rules&&this.rules.length>0&&await(this.formField?.sdValidate()),this.blur?.emit(i)):this.focus?.emit(i)};render(){const t=l[this.size]??l.sm;return e("sd-field",{key:"a72ce8674fb761de7cd188e99cc19d5f3731a899",name:this.name,label:this.label,labelWidth:this.labelWidth,addonLabel:this.addonLabel,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,size:this.size,icon:this.icon,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:t=>this.formField=t,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1,style:{"--sd-input-font-size":`${t.fontSize}px`,"--sd-input-line-height":`${t.lineHeight}px`,"--sd-input-font-weight":t.fontWeight,"--sd-input-padding-x":`${t.paddingX}px`,"--sd-input-gap":`${t.gap}px`,"--sd-input-text-color":h.text.default,"--sd-input-placeholder-color":h.text.placeholder,"--sd-input-disabled-color":h.text.disabled,"--sd-input-icon-color":h.icon.default,"--sd-system-size-field-sm-height":`${t.height}px`,"--sd-system-radius-field-sm":`${t.radius}px`}},e("label",{key:"e5cbdbc2b233bda57488ead19401d277891301ae",class:"sd-input__content"},e("slot",{key:"a327005770df94ef61f2e08071e77407a24b7b5c",name:"prefix"}),e("input",{key:"36301cd586151b8c607e14715b26fca467f68c13",name:this.name,ref:t=>this.nativeEl=t,class:`sd-input__native ${this.inputClass}`,type:"password"===this.type&&this.passwordVisible?"text":this.type,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:t=>this.handleFocus("focus",t),onBlur:t=>this.handleFocus("blur",t),style:this.inputStyle}),e("slot",{key:"532e201860db0709572502aa4275fc9251e1aeb1",name:"suffix"}),this.clearable&&this.internalValue&&!this.disabled&&e("sd-ghost-button",{key:"cc6132852c65f0597cbe25751c7246b1cdad3096",icon:"close",ariaLabel:"close",size:"xxs",disabled:this.disabled,class:"sd-input__clear-icon",onClick:async()=>{this.disabled||(this.internalValue="",await(this.formField?.sdValidate()))}}),"password"===this.type&&e("sd-ghost-button",{key:"fd3d567346cf5771ec28c73f15cdf0db15835766",icon:this.passwordVisible?"visibilityOn":"visibilityOff",ariaLabel:"visibility",size:"xxs",disabled:this.disabled,class:"sd-input__password-icon",onClick:()=>{this.disabled||(this.passwordVisible=!this.passwordVisible)}})))}static get watchers(){return{value:[{valueChanged:0}],internalValue:[{internalValueChanged:0}]}}};c.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-input-disabled-color)}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{cursor:not-allowed;pointer-events:none}";const r=class{constructor(s){t(this,s),this.searchInput=i(this,"sdSearchInput",7),this.searchFocus=i(this,"sdSearchFocus",7)}isScrolled=!1;searchText="";searchInput;searchFocus;searchRef;async sdGetNativeElement(){return this.searchRef?this.searchRef.sdGetNativeElement():null}async sdSearchInputFocus(){const t=await this.sdGetNativeElement();t?.focus({preventScroll:!0})}render(){return e("div",{key:"36003b7e0e7d8a3df224b18257d4d6b1712d47da",class:{"sd-select-search-input":!0,"sd-select-search-input--scrolled":!!this.isScrolled},onClick:t=>t.stopPropagation()},e("sd-input",{key:"3b6f80d033a7903cb8e3692a2eebe0ab991e8d68",ref:t=>this.searchRef=t,value:this.searchText,placeholder:"검색",clearable:!0,inputStyle:{"padding-left":"8px"},autofocus:!0,onSdUpdate:t=>{this.searchInput.emit(String(t?.detail))},onSdFocus:()=>{this.searchFocus.emit()},onKeyDown:t=>{"Enter"===t.code&&t.stopPropagation()}},e("sd-icon",{key:"7c453e87ba6b384c5be7bb142697ba43c0d1a20b",name:"search",size:16,color:"#737373",style:{marginRight:"4px"},slot:"prefix"})))}};r.style="sd-select-search-input{position:sticky;top:0;display:flex;width:100%;background-color:white;align-items:center}sd-select-search-input .sd-select-search-input{position:sticky;top:0;display:flex;width:100%;background-color:white;align-items:center;padding:4px 8px}sd-select-search-input .sd-select-search-input sd-input{width:100%}sd-select-search-input .sd-select-search-input--scrolled{box-shadow:2px 2px 8px 2px rgba(0, 0, 0, 0.2)}";export{c as sd_input,r as sd_select_search_input}
+import{r as t,c as i,a as s,h as e}from"./p-Dcpqhs6V.js";import{n}from"./p-CCwNgVmC.js";import{i as o}from"./p-CJwbBrt5.js";const a=o.textinput.sm,d=o.textinput.md,l={sm:{height:a.height,paddingX:a.paddingX,gap:a.gap,radius:a.radius,fontSize:a.typography.fontSize,lineHeight:a.typography.lineHeight,fontWeight:a.typography.fontWeight},md:{height:d.height,paddingX:d.paddingX,gap:d.gap,radius:d.radius,fontSize:d.typography.fontSize,lineHeight:d.typography.lineHeight,fontWeight:d.typography.fontWeight}},h={text:o.textinput.text,icon:o.textinput.icon},c=class{constructor(s){t(this,s),this.input=i(this,"sdUpdate",7),this.focus=i(this,"sdFocus",7),this.blur=i(this,"sdBlur",7)}get host(){return s(this)}value=null;type="text";size="sm";addonLabel="";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=n();input;focus;blur;valueChanged(t){this.internalValue=t}internalValueChanged(t){t!==this.value&&(this.value=t,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(){this.value&&(this.internalValue=this.value)}componentDidLoad(){this.autoFocus&&this.nativeEl?.focus()}handleInput=t=>{this.internalValue=t.target.value};handleFocus=async(t,i)=>{this.focused="focus"===t,"blur"===t?(this.rules&&this.rules.length>0&&await(this.formField?.sdValidate()),this.blur?.emit(i)):this.focus?.emit(i)};render(){const t=l[this.size]??l.sm;return e("sd-field",{key:"a72ce8674fb761de7cd188e99cc19d5f3731a899",name:this.name,label:this.label,labelWidth:this.labelWidth,addonLabel:this.addonLabel,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,size:this.size,icon:this.icon,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:t=>this.formField=t,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1,style:{"--sd-input-font-size":`${t.fontSize}px`,"--sd-input-line-height":`${t.lineHeight}px`,"--sd-input-font-weight":t.fontWeight,"--sd-input-padding-x":`${t.paddingX}px`,"--sd-input-gap":`${t.gap}px`,"--sd-input-text-color":h.text.default,"--sd-input-placeholder-color":h.text.placeholder,"--sd-input-disabled-color":h.text.disabled,"--sd-input-icon-color":h.icon.default,"--sd-system-size-field-sm-height":`${t.height}px`,"--sd-system-radius-field-sm":`${t.radius}px`}},e("label",{key:"e5cbdbc2b233bda57488ead19401d277891301ae",class:"sd-input__content"},e("slot",{key:"a327005770df94ef61f2e08071e77407a24b7b5c",name:"prefix"}),e("input",{key:"36301cd586151b8c607e14715b26fca467f68c13",name:this.name,ref:t=>this.nativeEl=t,class:`sd-input__native ${this.inputClass}`,type:"password"===this.type&&this.passwordVisible?"text":this.type,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:t=>this.handleFocus("focus",t),onBlur:t=>this.handleFocus("blur",t),style:this.inputStyle}),e("slot",{key:"532e201860db0709572502aa4275fc9251e1aeb1",name:"suffix"}),this.clearable&&this.internalValue&&!this.disabled&&e("sd-ghost-button",{key:"cc6132852c65f0597cbe25751c7246b1cdad3096",icon:"close",ariaLabel:"close",size:"xxs",disabled:this.disabled,class:"sd-input__clear-icon",onClick:async()=>{this.disabled||(this.internalValue="",await(this.formField?.sdValidate()))}}),"password"===this.type&&e("sd-ghost-button",{key:"fd3d567346cf5771ec28c73f15cdf0db15835766",icon:this.passwordVisible?"visibilityOn":"visibilityOff",ariaLabel:"visibility",size:"xxs",disabled:this.disabled,class:"sd-input__password-icon",onClick:()=>{this.disabled||(this.passwordVisible=!this.passwordVisible)}})))}static get watchers(){return{value:[{valueChanged:0}],internalValue:[{internalValueChanged:0}]}}};c.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-input-disabled-color)}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{cursor:not-allowed;pointer-events:none}";const r=class{constructor(s){t(this,s),this.searchInput=i(this,"sdSearchInput",7),this.searchFocus=i(this,"sdSearchFocus",7)}isScrolled=!1;searchText="";searchInput;searchFocus;searchRef;async sdGetNativeElement(){return this.searchRef?this.searchRef.sdGetNativeElement():null}async sdSearchInputFocus(){const t=await this.sdGetNativeElement();t?.focus({preventScroll:!0})}render(){return e("div",{key:"36003b7e0e7d8a3df224b18257d4d6b1712d47da",class:{"sd-select-search-input":!0,"sd-select-search-input--scrolled":!!this.isScrolled},onClick:t=>t.stopPropagation()},e("sd-input",{key:"3b6f80d033a7903cb8e3692a2eebe0ab991e8d68",ref:t=>this.searchRef=t,value:this.searchText,placeholder:"검색",clearable:!0,inputStyle:{"padding-left":"8px"},autofocus:!0,onSdUpdate:t=>{this.searchInput.emit(String(t?.detail))},onSdFocus:()=>{this.searchFocus.emit()},onKeyDown:t=>{"Enter"===t.code&&t.stopPropagation()}},e("sd-icon",{key:"7c453e87ba6b384c5be7bb142697ba43c0d1a20b",name:"search",size:16,color:"#737373",style:{marginRight:"4px"},slot:"prefix"})))}};r.style="sd-select-search-input{position:sticky;top:0;display:flex;width:100%;background-color:white;align-items:center}sd-select-search-input .sd-select-search-input{position:sticky;top:0;display:flex;width:100%;background-color:white;align-items:center;padding:4px 8px}sd-select-search-input .sd-select-search-input sd-input{width:100%}sd-select-search-input .sd-select-search-input--scrolled{box-shadow:2px 2px 8px 2px rgba(0, 0, 0, 0.2)}";export{c as sd_input,r as sd_select_search_input}

package/dist/design-system/{p-a983560d.entry.js → p-2edd355b.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,a as i,h as s}from"./p-BqHL8W3c.js";import{n}from"./p-CCwNgVmC.js";var r={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:"16",lineHeight:"26"}},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 d=r.numberInput.sm,u=r.numberInput.md,h={sm:{height:d.height,paddingX:d.paddingX,radius:d.radius,fontSize:d.typography.fontSize,lineHeight:d.typography.lineHeight,fontWeight:d.typography.fontWeight},md:{height:u.height,paddingX:u.paddingX,radius:u.radius,fontSize:u.typography.fontSize,lineHeight:u.typography.lineHeight,fontWeight:u.typography.fontWeight}},a={border:r.numberInput.border,bg:r.numberInput.bg,text:r.numberInput.text},o={sm:{size:r.numberInput.stepper.sm.size},md:{size:r.numberInput.stepper.md.size},radius:r.numberInput.stepper.radius,bg:r.numberInput.stepper.bg,icon:r.numberInput.stepper.icon},l=r.numberInput.hint,p=r.numberInput.errorMessage,c=r.numberInput.contents.gap,b=class{constructor(i){t(this,i),this.update=e(this,"sdUpdate",7),this.focus=e(this,"sdFocus",7),this.blur=e(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="";addonLabel="";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=n();update;focus;blur;toNumber(t){if(null==t||""===t)return null;if("number"==typeof t)return isNaN(t)?null:t;if("string"==typeof t)return this.parseInput(t);const e=Number(t);return isNaN(e)?null:e}formatWithCommas(t){if(null==t||isNaN(t))return"";const e=t<0,i=Math.abs(t),[s,n]=i.toString().split("."),r=(+s).toLocaleString(),d=e?"-"+r:r;return n?d+"."+n:String(d)}parseInput(t){if(!t||""===t.trim())return null;const e=t.replace(/,/g,"").trim();if(!/^-?(\d+\.?\d*|\d*\.\d+)$/.test(e))return null;const i=parseFloat(e);return isNaN(i)||!this.useDecimal&&e.includes(".")?null:i}clampMinMax(t){return isNaN(t)?0:Math.min(Math.max(t,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(t){const e=this.toNumber(t);this.internalValue=null!==e?this.clampMinMax(e):null,this.updateDisplay()}internalValueChanged(t){this.updateDisplay(),t!==this.value&&(this.value=t,this.update?.emit(t))}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 t=this.toNumber(this.value);null!==t&&(this.internalValue=this.clampMinMax(t)),this.updateDisplay()}componentDidLoad(){this.autoFocus&&this.nativeEl?.focus()}handleInput=t=>{const e=t.target,i=e.value;if(""===i)return this.internalValue=null,void(this.displayValue="");const s=i.replace(/,/g,""),n=(s.match(/\./g)||[]).length;if(n>1)return void(e.value=this.displayValue);if("-"===s||"."===s||"-."===s)return void(e.value=s);if(s.endsWith(".")&&1===n){const t=s.slice(0,-1),i=this.parseInput(t);if(null!==i){const t=this.formatWithCommas(i);return void(e.value=t+".")}}const r=this.parseInput(s);if(null!==r){if(r<this.min)return void(e.value=this.displayValue);if(r>this.max)return void(e.value=this.displayValue);this.internalValue=r,this.displayValue=this.formatWithCommas(r),e.value=this.displayValue}else e.value=this.displayValue};handleFocus=t=>{this.focused=!0,this.focus?.emit(t)};handleBlur=async t=>{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(t)};handleKeyDown=t=>{"ArrowUp"===t.key?(t.preventDefault(),this.handleIncrement()):"ArrowDown"===t.key&&(t.preventDefault(),this.handleDecrement())};handleIncrement=()=>{if(this.isIncrementDisabled())return;const t=this.internalValue??this.min??0;let e=t+this.step;e>this.max&&(e=this.max),e!==t&&(this.internalValue=e)};handleDecrement=()=>{if(this.isDecrementDisabled())return;const t=this.internalValue??this.min??0;let e=t-this.step;e<this.min&&(e=this.min),e!==t&&(this.internalValue=e)};render(){const t=h[this.size]??h.sm,e="md"===this.size?14:12;return s("sd-field",{key:"f81b01b27960130cbf6b37a29fc0ddc11750768e",name:this.name,label:this.label,labelWidth:this.labelWidth,addonLabel:this.addonLabel,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,size:this.size,ref:t=>this.formField=t,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1,style:{"--sd-number-input-font-size":`${t.fontSize}px`,"--sd-number-input-line-height":`${t.lineHeight}px`,"--sd-number-input-font-weight":t.fontWeight,"--sd-number-input-padding-x":`${t.paddingX}px`,"--sd-number-input-text-color":a.text.default,"--sd-number-input-placeholder-color":a.text.placeholder,"--sd-number-input-disabled-color":a.text.disabled,"--sd-number-input-stepper-size":`${o[this.size]?.size??o.sm.size}px`,"--sd-number-input-stepper-radius":`${o.radius}px`,"--sd-number-input-stepper-bg":o.bg.default,"--sd-number-input-stepper-bg-disabled":o.bg.disabled,"--sd-number-input-stepper-icon-color":o.icon.default,"--sd-number-input-stepper-icon-disabled":o.icon.disabled,"--sd-system-size-field-sm-height":`${t.height}px`,"--sd-system-radius-field-sm":`${t.radius}px`,"--sd-system-color-field-border-default":a.border.default,"--sd-system-color-field-border-focus":a.border.focus,"--sd-system-color-field-border-danger":a.border.danger,"--sd-system-color-field-bg-default":a.bg.default,"--sd-textinput-input-text-error-message":p.color,"--sd-textinput-input-error-message-typography-font-size":`${p.typography.fontSize}px`,"--sd-textinput-input-error-message-typography-line-height":`${p.typography.lineHeight}px`,"--sd-textinput-input-text-hint":l.color,"--sd-textinput-input-hint-typography-font-size":`${l.typography.fontSize}px`,"--sd-textinput-input-hint-typography-line-height":`${l.typography.lineHeight}px`,"--sd-textinput-input-contents-gap":`${c}px`}},s("div",{key:"0f9b5a0b966c7d51d5913c61a585ff789fa4973f",class:"sd-number-input__content"},this.useButton&&s("button",{key:"b037ee3062253bf229f9639dd04c7475657fabb6",type:"button",class:"sd-number-input__stepper sd-number-input__stepper--decrement",disabled:this.isDecrementDisabled(),onClick:this.handleDecrement,tabindex:-1},s("sd-icon",{key:"39a9f73a15008a481e758e663e027cd4f6454146",name:"minus",size:e,color:this.isDecrementDisabled()?o.icon.disabled:o.icon.default})),this.inputPrefix&&s("span",{key:"050334ce25bb767e7f11dca886d4aeecaa1ed3dc",class:"sd-number-input__prefix"},this.inputPrefix),s("input",{key:"a72697d136eeee52ef23fee6ee2017b6dd37e54c",name:this.name,ref:t=>this.nativeEl=t,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:"845202622b3377add18782d96d0af0c49caf95ec",class:"sd-number-input__suffix"},this.inputSuffix),this.useButton&&s("button",{key:"208c976c1b755bec0cd7efb5ceacb3e07dce3a7d",type:"button",class:"sd-number-input__stepper sd-number-input__stepper--increment",disabled:this.isIncrementDisabled(),onClick:this.handleIncrement,tabindex:-1},s("sd-icon",{key:"fe9848c8f044d01378dc183a80d3f81eb56a67f9",name:"add",size:e,color:this.isIncrementDisabled()?o.icon.disabled:o.icon.default}))))}static get watchers(){return{value:[{valueChanged:0}],internalValue:[{internalValueChanged:0}]}}};b.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;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 .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::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}";export{b as sd_number_input}
+import{r as t,c as e,a as i,h as s}from"./p-Dcpqhs6V.js";import{n}from"./p-CCwNgVmC.js";var r={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:"16",lineHeight:"26"}},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 d=r.numberInput.sm,u=r.numberInput.md,h={sm:{height:d.height,paddingX:d.paddingX,radius:d.radius,fontSize:d.typography.fontSize,lineHeight:d.typography.lineHeight,fontWeight:d.typography.fontWeight},md:{height:u.height,paddingX:u.paddingX,radius:u.radius,fontSize:u.typography.fontSize,lineHeight:u.typography.lineHeight,fontWeight:u.typography.fontWeight}},a={border:r.numberInput.border,bg:r.numberInput.bg,text:r.numberInput.text},o={sm:{size:r.numberInput.stepper.sm.size},md:{size:r.numberInput.stepper.md.size},radius:r.numberInput.stepper.radius,bg:r.numberInput.stepper.bg,icon:r.numberInput.stepper.icon},l=r.numberInput.hint,p=r.numberInput.errorMessage,c=r.numberInput.contents.gap,b=class{constructor(i){t(this,i),this.update=e(this,"sdUpdate",7),this.focus=e(this,"sdFocus",7),this.blur=e(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="";addonLabel="";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=n();update;focus;blur;toNumber(t){if(null==t||""===t)return null;if("number"==typeof t)return isNaN(t)?null:t;if("string"==typeof t)return this.parseInput(t);const e=Number(t);return isNaN(e)?null:e}formatWithCommas(t){if(null==t||isNaN(t))return"";const e=t<0,i=Math.abs(t),[s,n]=i.toString().split("."),r=(+s).toLocaleString(),d=e?"-"+r:r;return n?d+"."+n:String(d)}parseInput(t){if(!t||""===t.trim())return null;const e=t.replace(/,/g,"").trim();if(!/^-?(\d+\.?\d*|\d*\.\d+)$/.test(e))return null;const i=parseFloat(e);return isNaN(i)||!this.useDecimal&&e.includes(".")?null:i}clampMinMax(t){return isNaN(t)?0:Math.min(Math.max(t,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(t){const e=this.toNumber(t);this.internalValue=null!==e?this.clampMinMax(e):null,this.updateDisplay()}internalValueChanged(t){this.updateDisplay(),t!==this.value&&(this.value=t,this.update?.emit(t))}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 t=this.toNumber(this.value);null!==t&&(this.internalValue=this.clampMinMax(t)),this.updateDisplay()}componentDidLoad(){this.autoFocus&&this.nativeEl?.focus()}handleInput=t=>{const e=t.target,i=e.value;if(""===i)return this.internalValue=null,void(this.displayValue="");const s=i.replace(/,/g,""),n=(s.match(/\./g)||[]).length;if(n>1)return void(e.value=this.displayValue);if("-"===s||"."===s||"-."===s)return void(e.value=s);if(s.endsWith(".")&&1===n){const t=s.slice(0,-1),i=this.parseInput(t);if(null!==i){const t=this.formatWithCommas(i);return void(e.value=t+".")}}const r=this.parseInput(s);if(null!==r){if(r<this.min)return void(e.value=this.displayValue);if(r>this.max)return void(e.value=this.displayValue);this.internalValue=r,this.displayValue=this.formatWithCommas(r),e.value=this.displayValue}else e.value=this.displayValue};handleFocus=t=>{this.focused=!0,this.focus?.emit(t)};handleBlur=async t=>{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(t)};handleKeyDown=t=>{"ArrowUp"===t.key?(t.preventDefault(),this.handleIncrement()):"ArrowDown"===t.key&&(t.preventDefault(),this.handleDecrement())};handleIncrement=()=>{if(this.isIncrementDisabled())return;const t=this.internalValue??this.min??0;let e=t+this.step;e>this.max&&(e=this.max),e!==t&&(this.internalValue=e)};handleDecrement=()=>{if(this.isDecrementDisabled())return;const t=this.internalValue??this.min??0;let e=t-this.step;e<this.min&&(e=this.min),e!==t&&(this.internalValue=e)};render(){const t=h[this.size]??h.sm,e="md"===this.size?14:12;return s("sd-field",{key:"f81b01b27960130cbf6b37a29fc0ddc11750768e",name:this.name,label:this.label,labelWidth:this.labelWidth,addonLabel:this.addonLabel,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,size:this.size,ref:t=>this.formField=t,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1,style:{"--sd-number-input-font-size":`${t.fontSize}px`,"--sd-number-input-line-height":`${t.lineHeight}px`,"--sd-number-input-font-weight":t.fontWeight,"--sd-number-input-padding-x":`${t.paddingX}px`,"--sd-number-input-text-color":a.text.default,"--sd-number-input-placeholder-color":a.text.placeholder,"--sd-number-input-disabled-color":a.text.disabled,"--sd-number-input-stepper-size":`${o[this.size]?.size??o.sm.size}px`,"--sd-number-input-stepper-radius":`${o.radius}px`,"--sd-number-input-stepper-bg":o.bg.default,"--sd-number-input-stepper-bg-disabled":o.bg.disabled,"--sd-number-input-stepper-icon-color":o.icon.default,"--sd-number-input-stepper-icon-disabled":o.icon.disabled,"--sd-system-size-field-sm-height":`${t.height}px`,"--sd-system-radius-field-sm":`${t.radius}px`,"--sd-system-color-field-border-default":a.border.default,"--sd-system-color-field-border-focus":a.border.focus,"--sd-system-color-field-border-danger":a.border.danger,"--sd-system-color-field-bg-default":a.bg.default,"--sd-textinput-input-text-error-message":p.color,"--sd-textinput-input-error-message-typography-font-size":`${p.typography.fontSize}px`,"--sd-textinput-input-error-message-typography-line-height":`${p.typography.lineHeight}px`,"--sd-textinput-input-text-hint":l.color,"--sd-textinput-input-hint-typography-font-size":`${l.typography.fontSize}px`,"--sd-textinput-input-hint-typography-line-height":`${l.typography.lineHeight}px`,"--sd-textinput-input-contents-gap":`${c}px`}},s("div",{key:"0f9b5a0b966c7d51d5913c61a585ff789fa4973f",class:"sd-number-input__content"},this.useButton&&s("button",{key:"b037ee3062253bf229f9639dd04c7475657fabb6",type:"button",class:"sd-number-input__stepper sd-number-input__stepper--decrement",disabled:this.isDecrementDisabled(),onClick:this.handleDecrement,tabindex:-1},s("sd-icon",{key:"39a9f73a15008a481e758e663e027cd4f6454146",name:"minus",size:e,color:this.isDecrementDisabled()?o.icon.disabled:o.icon.default})),this.inputPrefix&&s("span",{key:"050334ce25bb767e7f11dca886d4aeecaa1ed3dc",class:"sd-number-input__prefix"},this.inputPrefix),s("input",{key:"a72697d136eeee52ef23fee6ee2017b6dd37e54c",name:this.name,ref:t=>this.nativeEl=t,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:"845202622b3377add18782d96d0af0c49caf95ec",class:"sd-number-input__suffix"},this.inputSuffix),this.useButton&&s("button",{key:"208c976c1b755bec0cd7efb5ceacb3e07dce3a7d",type:"button",class:"sd-number-input__stepper sd-number-input__stepper--increment",disabled:this.isIncrementDisabled(),onClick:this.handleIncrement,tabindex:-1},s("sd-icon",{key:"fe9848c8f044d01378dc183a80d3f81eb56a67f9",name:"add",size:e,color:this.isIncrementDisabled()?o.icon.disabled:o.icon.default}))))}static get watchers(){return{value:[{valueChanged:0}],internalValue:[{internalValueChanged:0}]}}};b.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;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 .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::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}";export{b as sd_number_input}

package/dist/design-system/{p-d04551be.entry.js → p-337267a7.entry.js}

@@ -1 +1 @@
-import{r as e,c as a,h as r,F as n}from"./p-BqHL8W3c.js";import{u as d,t}from"./p-DTrMR0rx.js";import{d as i,W as c,C as s}from"./p-bYCOh35g.js";const l=(e,a)=>{const[r,n,d]=e.split("-").map(Number),t=new Date(r,n-1,d);return t.setDate(t.getDate()+a),`${t.getFullYear()}-${String(t.getMonth()+1).padStart(2,"0")}-${String(t.getDate()).padStart(2,"0")}`},g={bg:i.datepicker.calendar.range.bg,height:i.datepicker.calendar.range.height,panelGap:i.datepicker.calendar.range.panelGap,divider:i.datepicker.calendar.range.divider},o=class{constructor(r){e(this,r),this.select=a(this,"sdSelect",7),this.viewChange=a(this,"sdViewChange",7)}value=null;selectable;maxRange;currentYear;currentMonth;pendingStart="";hoverDate="";displayValue=null;select;viewChange;dateUtil=d();componentWillLoad(){this.syncFromValue()}handleValueChange(){this.syncFromValue()}syncFromValue(){const e=this.value?.[0]||t,[a,r]=e.split("-").map(Number);this.currentYear=a,this.currentMonth=r,this.pendingStart="",this.hoverDate="",this.displayValue=this.value?[this.value[0],this.value[1]]:null}get rightYear(){return 12===this.currentMonth?this.currentYear+1:this.currentYear}get rightMonth(){return 12===this.currentMonth?1:this.currentMonth+1}formatDate(e,a,r){return`${e}-${String(a).padStart(2,"0")}-${String(r).padStart(2,"0")}`}buildCells(e,a){const r=new Date(e,a-1,1).getDay(),n=new Date(e,a,0).getDate(),d=1===a?12:a-1,t=1===a?e-1:e,i=new Date(t,d,0).getDate(),c=12===a?1:a+1,s=12===a?e+1:e,l=[];for(let e=r-1;e>=0;e--){const a=i-e;l.push({date:this.formatDate(t,d,a),day:a,inCurrentMonth:!1})}for(let r=1;r<=n;r++)l.push({date:this.formatDate(e,a,r),day:r,inCurrentMonth:!0});const g=(7-l.length%7)%7;for(let e=1;e<=g;e++)l.push({date:this.formatDate(s,c,e),day:e,inCurrentMonth:!1});return l}emitViewChange(){this.viewChange.emit({year:this.currentYear,month:this.currentMonth})}goPrevYear=e=>{e.stopPropagation(),this.currentYear-=1,this.emitViewChange()};goNextYear=e=>{e.stopPropagation(),this.currentYear+=1,this.emitViewChange()};goPrevMonth=e=>{e.stopPropagation();const{newYear:a,newMonth:r}=this.dateUtil.calculateYearMonth(this.currentYear,this.currentMonth,"prev");this.currentYear=a,this.currentMonth=r,this.emitViewChange()};goNextMonth=e=>{e.stopPropagation();const{newYear:a,newMonth:r}=this.dateUtil.calculateYearMonth(this.currentYear,this.currentMonth,"next");this.currentYear=a,this.currentMonth=r,this.emitViewChange()};goToday=e=>{e.stopPropagation();const[a,r]=t.split("-").map(Number);this.currentYear===a&&this.currentMonth===r||(this.currentYear=a,this.currentMonth=r,this.emitViewChange())};isDisabled(e){if(this.selectable){const[a,r]=this.selectable;if(a&&e<a)return!0;if(r&&e>r)return!0}if(this.maxRange&&this.pendingStart){const a=l(this.pendingStart,-this.maxRange),r=l(this.pendingStart,this.maxRange);if(e<a||e>r)return!0}return!1}handleDayClick(e){if(!e.inCurrentMonth)return;if(this.isDisabled(e.date))return;if(!this.pendingStart||this.displayValue&&this.displayValue[0]&&this.displayValue[1]||e.date<this.pendingStart)return this.pendingStart=e.date,this.displayValue=null,void(this.hoverDate="");const a=[this.pendingStart,e.date];this.pendingStart="",this.hoverDate="",this.displayValue=a,this.select.emit(a)}handleDayHover(e){e.inCurrentMonth&&this.pendingStart&&(this.hoverDate=e.date)}getRangeState(e,a){if(!a)return{inRange:!1,isRangeStart:!1,isRangeEnd:!1,isSelectedEdge:!1};if(this.pendingStart){const a=e===this.pendingStart,r=this.hoverDate&&this.hoverDate>=this.pendingStart?this.hoverDate:"";return{inRange:!!r&&e>this.pendingStart&&e<=r,isRangeStart:a,isRangeEnd:!!r&&e===r,isSelectedEdge:a}}if(this.displayValue&&this.displayValue[0]&&this.displayValue[1]){const[a,r]=this.displayValue,n=e===a,d=e===r;return{inRange:e>a&&e<r,isRangeStart:n,isRangeEnd:d,isSelectedEdge:n||d}}return{inRange:!1,isRangeStart:!1,isRangeEnd:!1,isSelectedEdge:!1}}renderHeader(e,a,n){const d=`${e}.${String(a).padStart(2,"0")}`;return r("div",{class:"sd-date-range-picker-calendar__header"},r("div",{class:"sd-date-range-picker-calendar__nav-group sd-date-range-picker-calendar__nav-group-month"},r("sd-ghost-button",{class:{"sd-date-range-picker-calendar__nav-placeholder":!n},ariaLabel:"prevMonth",size:"xxs",icon:"chevronLeft",onClick:this.goPrevMonth}),r("span",{class:"sd-date-range-picker-calendar__label sd-date-range-picker-calendar__label-month"},d),r("sd-ghost-button",{class:{"sd-date-range-picker-calendar__nav-placeholder":n},ariaLabel:"nextMonth",size:"xxs",icon:"chevronRight",onClick:this.goNextMonth})))}renderYearNav(){return r("div",{class:"sd-date-range-picker-calendar__top-bar"},r("div",{class:"sd-date-range-picker-calendar__year-nav"},r("sd-ghost-button",{ariaLabel:"prevYear",size:"xxs",icon:"chevronLeft",onClick:this.goPrevYear}),r("span",{class:"sd-date-range-picker-calendar__label"},this.currentYear),r("sd-ghost-button",{ariaLabel:"nextYear",size:"xxs",icon:"chevronRight",onClick:this.goNextYear})),r("button",{type:"button",class:"sd-date-range-picker-calendar__today-button",onClick:this.goToday},"오늘"))}renderPanel(e,a,n){const d=this.buildCells(e,a);return r("div",{class:"sd-date-range-picker-calendar__panel"},this.renderHeader(e,a,n),r("div",{class:"sd-date-range-picker-calendar__week"},c.map((e=>r("span",{key:e,class:"sd-date-range-picker-calendar__week-cell"},e)))),r("div",{class:"sd-date-range-picker-calendar__grid"},d.map((e=>{const{inRange:a,isRangeStart:n,isRangeEnd:d,isSelectedEdge:i}=this.getRangeState(e.date,e.inCurrentMonth),c=e.inCurrentMonth&&t===e.date,s=e.inCurrentMonth&&this.isDisabled(e.date);return r("button",{type:"button",key:e.date,class:{"sd-date-range-picker-calendar__day":!0,"sd-date-range-picker-calendar__day--empty":!e.inCurrentMonth,"sd-date-range-picker-calendar__day--today":c,"sd-date-range-picker-calendar__day--in-range":a,"sd-date-range-picker-calendar__day--range-start":n,"sd-date-range-picker-calendar__day--range-end":d,"sd-date-range-picker-calendar__day--selected":i,"sd-date-range-picker-calendar__day--disabled":s},disabled:!e.inCurrentMonth||s,tabindex:e.inCurrentMonth?void 0:-1,"aria-hidden":e.inCurrentMonth?void 0:"true",onClick:()=>this.handleDayClick(e),onMouseEnter:()=>this.handleDayHover(e)},r("span",{class:"sd-date-range-picker-calendar__day-circle"},e.inCurrentMonth?e.day:""))}))))}render(){return r(n,{key:"99b9de5fce7e4d039b40ed95b3451c28e7799dc8"},r("div",{key:"b55374e977f79e6dd7cd5d4af9df30bf41e40fba",class:"sd-date-range-picker-calendar",style:{"--calendar-bg":s.bg,"--calendar-padding":`${s.paddingXY}px`,"--calendar-gap":`${s.gap}px`,"--calendar-radius":`${s.radius}px`,"--calendar-header-gap":`${s.header.gap}px`,"--calendar-header-divider":s.header.divider,"--calendar-header-font-size":`${s.header.fontSize}px`,"--calendar-header-line-height":`${s.header.lineHeight}px`,"--calendar-header-font-weight":s.header.fontWeight,"--calendar-week-font-size":`${s.week.fontSize}px`,"--calendar-week-line-height":`${s.week.lineHeight}px`,"--calendar-week-font-weight":s.week.fontWeight,"--calendar-week-color":s.week.color,"--calendar-grid-row-gap":`${s.grid.rowGap}px`,"--calendar-day-size":`${s.day.size}px`,"--calendar-day-circle-size":`${s.day.circleSize}px`,"--calendar-day-circle-radius":`${s.day.circleRadius}px`,"--calendar-day-text":s.day.defaultText,"--calendar-day-hover-text":s.day.hoverText,"--calendar-day-hover-border":s.day.hoverBorder,"--calendar-day-select-bg":s.day.selectBg,"--calendar-day-select-text":s.day.selectText,"--calendar-day-disabled-text":s.day.disabledText,"--calendar-day-font-size":`${s.day.fontSize}px`,"--calendar-day-line-height":`${s.day.lineHeight}px`,"--calendar-day-font-weight":s.day.fontWeight,"--range-bg":g.bg,"--range-height":`${g.height}px`,"--range-panel-gap":`${g.panelGap}px`,"--range-divider":g.divider}},this.renderYearNav(),r("div",{key:"6bd94cde83d82efc270148434dfb6410dc5f9634",class:"sd-date-range-picker-calendar__panels"},this.renderPanel(this.currentYear,this.currentMonth,!0),r("span",{key:"9e179166ebad4cf295e831ef2e63fc9677f65b82",class:"sd-date-range-picker-calendar__divider","aria-hidden":"true"}),this.renderPanel(this.rightYear,this.rightMonth,!1))))}static get watchers(){return{value:[{handleValueChange:0}]}}};o.style="sd-date-range-picker-calendar{display:block}sd-date-range-picker-calendar .sd-date-range-picker-calendar{display:flex;flex-direction:column;gap:var(--calendar-gap);height:364px;padding:var(--calendar-padding);background:var(--calendar-bg);border-radius:var(--calendar-radius);box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.2);user-select:none}sd-date-range-picker-calendar .sd-date-range-picker-calendar__top-bar{position:relative;display:flex;align-items:center;justify-content:center}sd-date-range-picker-calendar .sd-date-range-picker-calendar__year-nav{display:flex;align-items:center;justify-content:center;gap:var(--calendar-gap);font-size:var(--calendar-header-font-size);line-height:var(--calendar-header-line-height);font-weight:var(--calendar-header-font-weight);color:var(--calendar-day-text)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__today-button{position:absolute;right:0;background:transparent;cursor:pointer;font-size:var(--calendar-week-font-size);font-weight:var(--calendar-header-font-weight);color:var(--calendar-day-text);min-width:37px;height:24px;line-height:24px;text-align:center}sd-date-range-picker-calendar .sd-date-range-picker-calendar__today-button:hover{text-decoration:underline}sd-date-range-picker-calendar .sd-date-range-picker-calendar__panels{display:flex;flex-direction:row;gap:var(--range-panel-gap)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__divider{flex-shrink:0;width:1px;background:var(--range-divider)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__panel{display:flex;flex-direction:column;gap:var(--calendar-gap)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__header{display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;gap:var(--calendar-header-gap);font-size:var(--calendar-header-font-size);line-height:var(--calendar-header-line-height);font-weight:var(--calendar-header-font-weight);color:var(--calendar-day-text)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__nav-group{display:inline-flex;align-items:center;gap:var(--calendar-gap)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__nav-group-month{display:flex;width:100%;align-items:center;gap:var(--calendar-gap)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__label{display:inline-flex;align-items:center;justify-content:center;min-width:40px;text-align:center}sd-date-range-picker-calendar .sd-date-range-picker-calendar__label-month{flex:1}sd-date-range-picker-calendar .sd-date-range-picker-calendar__nav-placeholder{visibility:hidden;pointer-events:none}sd-date-range-picker-calendar .sd-date-range-picker-calendar__week{display:grid;grid-template-columns:repeat(7, var(--calendar-day-size))}sd-date-range-picker-calendar .sd-date-range-picker-calendar__week-cell{display:inline-flex;align-items:center;justify-content:center;height:20px;font-size:var(--calendar-week-font-size);line-height:var(--calendar-week-line-height);font-weight:var(--calendar-week-font-weight);color:var(--calendar-week-color)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__grid{display:grid;grid-template-columns:repeat(7, var(--calendar-day-size));row-gap:var(--calendar-grid-row-gap)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__day{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--calendar-day-size);height:var(--range-height);padding:0;border:none;background:transparent;cursor:pointer;font-size:var(--calendar-day-font-size);line-height:var(--calendar-day-line-height);font-weight:var(--calendar-day-font-weight);color:var(--calendar-day-text)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__day-circle{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:var(--calendar-day-circle-size);height:var(--calendar-day-circle-size);border-radius:calc(var(--calendar-day-circle-radius) * 1px);border:1px solid transparent;box-sizing:border-box}sd-date-range-picker-calendar .sd-date-range-picker-calendar__day:not(:disabled):hover .sd-date-range-picker-calendar__day-circle{border-radius:16px;border:1px solid var(--calendar-day-hover-border)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__day--today .sd-date-range-picker-calendar__day-circle{font-weight:700}sd-date-range-picker-calendar .sd-date-range-picker-calendar__day--in-range{background:var(--range-bg)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__day--range-start{background:linear-gradient(to right, transparent 50%, var(--range-bg) 50%)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__day--range-end{background:var(--range-bg)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__day--range-startsd-date-range-picker-calendar .sd-date-range-picker-calendar__day--range-end{background:transparent}sd-date-range-picker-calendar .sd-date-range-picker-calendar__day--selected .sd-date-range-picker-calendar__day-circle{border-radius:16px;background:var(--calendar-day-select-bg);color:var(--calendar-day-select-text)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__day--selected:not(:disabled):hover .sd-date-range-picker-calendar__day-circle{background:var(--calendar-day-select-bg);color:var(--calendar-day-select-text)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__day--disabled{color:var(--calendar-day-disabled-text);cursor:not-allowed}sd-date-range-picker-calendar .sd-date-range-picker-calendar__day--disabled:not(.sd-date-range-picker-calendar__day--in-range):not(.sd-date-range-picker-calendar__day--range-start):not(.sd-date-range-picker-calendar__day--range-end){background:none}sd-date-range-picker-calendar .sd-date-range-picker-calendar__day--empty{visibility:hidden;pointer-events:none;background:transparent}";export{o as sd_date_range_picker_calendar}
+import{r as e,c as a,h as r,F as n}from"./p-Dcpqhs6V.js";import{u as d,t}from"./p-DTrMR0rx.js";import{d as i,W as c,C as s}from"./p-bYCOh35g.js";const l=(e,a)=>{const[r,n,d]=e.split("-").map(Number),t=new Date(r,n-1,d);return t.setDate(t.getDate()+a),`${t.getFullYear()}-${String(t.getMonth()+1).padStart(2,"0")}-${String(t.getDate()).padStart(2,"0")}`},g={bg:i.datepicker.calendar.range.bg,height:i.datepicker.calendar.range.height,panelGap:i.datepicker.calendar.range.panelGap,divider:i.datepicker.calendar.range.divider},o=class{constructor(r){e(this,r),this.select=a(this,"sdSelect",7),this.viewChange=a(this,"sdViewChange",7)}value=null;selectable;maxRange;currentYear;currentMonth;pendingStart="";hoverDate="";displayValue=null;select;viewChange;dateUtil=d();componentWillLoad(){this.syncFromValue()}handleValueChange(){this.syncFromValue()}syncFromValue(){const e=this.value?.[0]||t,[a,r]=e.split("-").map(Number);this.currentYear=a,this.currentMonth=r,this.pendingStart="",this.hoverDate="",this.displayValue=this.value?[this.value[0],this.value[1]]:null}get rightYear(){return 12===this.currentMonth?this.currentYear+1:this.currentYear}get rightMonth(){return 12===this.currentMonth?1:this.currentMonth+1}formatDate(e,a,r){return`${e}-${String(a).padStart(2,"0")}-${String(r).padStart(2,"0")}`}buildCells(e,a){const r=new Date(e,a-1,1).getDay(),n=new Date(e,a,0).getDate(),d=1===a?12:a-1,t=1===a?e-1:e,i=new Date(t,d,0).getDate(),c=12===a?1:a+1,s=12===a?e+1:e,l=[];for(let e=r-1;e>=0;e--){const a=i-e;l.push({date:this.formatDate(t,d,a),day:a,inCurrentMonth:!1})}for(let r=1;r<=n;r++)l.push({date:this.formatDate(e,a,r),day:r,inCurrentMonth:!0});const g=(7-l.length%7)%7;for(let e=1;e<=g;e++)l.push({date:this.formatDate(s,c,e),day:e,inCurrentMonth:!1});return l}emitViewChange(){this.viewChange.emit({year:this.currentYear,month:this.currentMonth})}goPrevYear=e=>{e.stopPropagation(),this.currentYear-=1,this.emitViewChange()};goNextYear=e=>{e.stopPropagation(),this.currentYear+=1,this.emitViewChange()};goPrevMonth=e=>{e.stopPropagation();const{newYear:a,newMonth:r}=this.dateUtil.calculateYearMonth(this.currentYear,this.currentMonth,"prev");this.currentYear=a,this.currentMonth=r,this.emitViewChange()};goNextMonth=e=>{e.stopPropagation();const{newYear:a,newMonth:r}=this.dateUtil.calculateYearMonth(this.currentYear,this.currentMonth,"next");this.currentYear=a,this.currentMonth=r,this.emitViewChange()};goToday=e=>{e.stopPropagation();const[a,r]=t.split("-").map(Number);this.currentYear===a&&this.currentMonth===r||(this.currentYear=a,this.currentMonth=r,this.emitViewChange())};isDisabled(e){if(this.selectable){const[a,r]=this.selectable;if(a&&e<a)return!0;if(r&&e>r)return!0}if(this.maxRange&&this.pendingStart){const a=l(this.pendingStart,-this.maxRange),r=l(this.pendingStart,this.maxRange);if(e<a||e>r)return!0}return!1}handleDayClick(e){if(!e.inCurrentMonth)return;if(this.isDisabled(e.date))return;if(!this.pendingStart||this.displayValue&&this.displayValue[0]&&this.displayValue[1]||e.date<this.pendingStart)return this.pendingStart=e.date,this.displayValue=null,void(this.hoverDate="");const a=[this.pendingStart,e.date];this.pendingStart="",this.hoverDate="",this.displayValue=a,this.select.emit(a)}handleDayHover(e){e.inCurrentMonth&&this.pendingStart&&(this.hoverDate=e.date)}getRangeState(e,a){if(!a)return{inRange:!1,isRangeStart:!1,isRangeEnd:!1,isSelectedEdge:!1};if(this.pendingStart){const a=e===this.pendingStart,r=this.hoverDate&&this.hoverDate>=this.pendingStart?this.hoverDate:"";return{inRange:!!r&&e>this.pendingStart&&e<=r,isRangeStart:a,isRangeEnd:!!r&&e===r,isSelectedEdge:a}}if(this.displayValue&&this.displayValue[0]&&this.displayValue[1]){const[a,r]=this.displayValue,n=e===a,d=e===r;return{inRange:e>a&&e<r,isRangeStart:n,isRangeEnd:d,isSelectedEdge:n||d}}return{inRange:!1,isRangeStart:!1,isRangeEnd:!1,isSelectedEdge:!1}}renderHeader(e,a,n){const d=`${e}.${String(a).padStart(2,"0")}`;return r("div",{class:"sd-date-range-picker-calendar__header"},r("div",{class:"sd-date-range-picker-calendar__nav-group sd-date-range-picker-calendar__nav-group-month"},r("sd-ghost-button",{class:{"sd-date-range-picker-calendar__nav-placeholder":!n},ariaLabel:"prevMonth",size:"xxs",icon:"chevronLeft",onClick:this.goPrevMonth}),r("span",{class:"sd-date-range-picker-calendar__label sd-date-range-picker-calendar__label-month"},d),r("sd-ghost-button",{class:{"sd-date-range-picker-calendar__nav-placeholder":n},ariaLabel:"nextMonth",size:"xxs",icon:"chevronRight",onClick:this.goNextMonth})))}renderYearNav(){return r("div",{class:"sd-date-range-picker-calendar__top-bar"},r("div",{class:"sd-date-range-picker-calendar__year-nav"},r("sd-ghost-button",{ariaLabel:"prevYear",size:"xxs",icon:"chevronLeft",onClick:this.goPrevYear}),r("span",{class:"sd-date-range-picker-calendar__label"},this.currentYear),r("sd-ghost-button",{ariaLabel:"nextYear",size:"xxs",icon:"chevronRight",onClick:this.goNextYear})),r("button",{type:"button",class:"sd-date-range-picker-calendar__today-button",onClick:this.goToday},"오늘"))}renderPanel(e,a,n){const d=this.buildCells(e,a);return r("div",{class:"sd-date-range-picker-calendar__panel"},this.renderHeader(e,a,n),r("div",{class:"sd-date-range-picker-calendar__week"},c.map((e=>r("span",{key:e,class:"sd-date-range-picker-calendar__week-cell"},e)))),r("div",{class:"sd-date-range-picker-calendar__grid"},d.map((e=>{const{inRange:a,isRangeStart:n,isRangeEnd:d,isSelectedEdge:i}=this.getRangeState(e.date,e.inCurrentMonth),c=e.inCurrentMonth&&t===e.date,s=e.inCurrentMonth&&this.isDisabled(e.date);return r("button",{type:"button",key:e.date,class:{"sd-date-range-picker-calendar__day":!0,"sd-date-range-picker-calendar__day--empty":!e.inCurrentMonth,"sd-date-range-picker-calendar__day--today":c,"sd-date-range-picker-calendar__day--in-range":a,"sd-date-range-picker-calendar__day--range-start":n,"sd-date-range-picker-calendar__day--range-end":d,"sd-date-range-picker-calendar__day--selected":i,"sd-date-range-picker-calendar__day--disabled":s},disabled:!e.inCurrentMonth||s,tabindex:e.inCurrentMonth?void 0:-1,"aria-hidden":e.inCurrentMonth?void 0:"true",onClick:()=>this.handleDayClick(e),onMouseEnter:()=>this.handleDayHover(e)},r("span",{class:"sd-date-range-picker-calendar__day-circle"},e.inCurrentMonth?e.day:""))}))))}render(){return r(n,{key:"99b9de5fce7e4d039b40ed95b3451c28e7799dc8"},r("div",{key:"b55374e977f79e6dd7cd5d4af9df30bf41e40fba",class:"sd-date-range-picker-calendar",style:{"--calendar-bg":s.bg,"--calendar-padding":`${s.paddingXY}px`,"--calendar-gap":`${s.gap}px`,"--calendar-radius":`${s.radius}px`,"--calendar-header-gap":`${s.header.gap}px`,"--calendar-header-divider":s.header.divider,"--calendar-header-font-size":`${s.header.fontSize}px`,"--calendar-header-line-height":`${s.header.lineHeight}px`,"--calendar-header-font-weight":s.header.fontWeight,"--calendar-week-font-size":`${s.week.fontSize}px`,"--calendar-week-line-height":`${s.week.lineHeight}px`,"--calendar-week-font-weight":s.week.fontWeight,"--calendar-week-color":s.week.color,"--calendar-grid-row-gap":`${s.grid.rowGap}px`,"--calendar-day-size":`${s.day.size}px`,"--calendar-day-circle-size":`${s.day.circleSize}px`,"--calendar-day-circle-radius":`${s.day.circleRadius}px`,"--calendar-day-text":s.day.defaultText,"--calendar-day-hover-text":s.day.hoverText,"--calendar-day-hover-border":s.day.hoverBorder,"--calendar-day-select-bg":s.day.selectBg,"--calendar-day-select-text":s.day.selectText,"--calendar-day-disabled-text":s.day.disabledText,"--calendar-day-font-size":`${s.day.fontSize}px`,"--calendar-day-line-height":`${s.day.lineHeight}px`,"--calendar-day-font-weight":s.day.fontWeight,"--range-bg":g.bg,"--range-height":`${g.height}px`,"--range-panel-gap":`${g.panelGap}px`,"--range-divider":g.divider}},this.renderYearNav(),r("div",{key:"6bd94cde83d82efc270148434dfb6410dc5f9634",class:"sd-date-range-picker-calendar__panels"},this.renderPanel(this.currentYear,this.currentMonth,!0),r("span",{key:"9e179166ebad4cf295e831ef2e63fc9677f65b82",class:"sd-date-range-picker-calendar__divider","aria-hidden":"true"}),this.renderPanel(this.rightYear,this.rightMonth,!1))))}static get watchers(){return{value:[{handleValueChange:0}]}}};o.style="sd-date-range-picker-calendar{display:block}sd-date-range-picker-calendar .sd-date-range-picker-calendar{display:flex;flex-direction:column;gap:var(--calendar-gap);height:364px;padding:var(--calendar-padding);background:var(--calendar-bg);border-radius:var(--calendar-radius);box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.2);user-select:none}sd-date-range-picker-calendar .sd-date-range-picker-calendar__top-bar{position:relative;display:flex;align-items:center;justify-content:center}sd-date-range-picker-calendar .sd-date-range-picker-calendar__year-nav{display:flex;align-items:center;justify-content:center;gap:var(--calendar-gap);font-size:var(--calendar-header-font-size);line-height:var(--calendar-header-line-height);font-weight:var(--calendar-header-font-weight);color:var(--calendar-day-text)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__today-button{position:absolute;right:0;background:transparent;cursor:pointer;font-size:var(--calendar-week-font-size);font-weight:var(--calendar-header-font-weight);color:var(--calendar-day-text);min-width:37px;height:24px;line-height:24px;text-align:center}sd-date-range-picker-calendar .sd-date-range-picker-calendar__today-button:hover{text-decoration:underline}sd-date-range-picker-calendar .sd-date-range-picker-calendar__panels{display:flex;flex-direction:row;gap:var(--range-panel-gap)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__divider{flex-shrink:0;width:1px;background:var(--range-divider)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__panel{display:flex;flex-direction:column;gap:var(--calendar-gap)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__header{display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;gap:var(--calendar-header-gap);font-size:var(--calendar-header-font-size);line-height:var(--calendar-header-line-height);font-weight:var(--calendar-header-font-weight);color:var(--calendar-day-text)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__nav-group{display:inline-flex;align-items:center;gap:var(--calendar-gap)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__nav-group-month{display:flex;width:100%;align-items:center;gap:var(--calendar-gap)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__label{display:inline-flex;align-items:center;justify-content:center;min-width:40px;text-align:center}sd-date-range-picker-calendar .sd-date-range-picker-calendar__label-month{flex:1}sd-date-range-picker-calendar .sd-date-range-picker-calendar__nav-placeholder{visibility:hidden;pointer-events:none}sd-date-range-picker-calendar .sd-date-range-picker-calendar__week{display:grid;grid-template-columns:repeat(7, var(--calendar-day-size))}sd-date-range-picker-calendar .sd-date-range-picker-calendar__week-cell{display:inline-flex;align-items:center;justify-content:center;height:20px;font-size:var(--calendar-week-font-size);line-height:var(--calendar-week-line-height);font-weight:var(--calendar-week-font-weight);color:var(--calendar-week-color)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__grid{display:grid;grid-template-columns:repeat(7, var(--calendar-day-size));row-gap:var(--calendar-grid-row-gap)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__day{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--calendar-day-size);height:var(--range-height);padding:0;border:none;background:transparent;cursor:pointer;font-size:var(--calendar-day-font-size);line-height:var(--calendar-day-line-height);font-weight:var(--calendar-day-font-weight);color:var(--calendar-day-text)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__day-circle{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:var(--calendar-day-circle-size);height:var(--calendar-day-circle-size);border-radius:calc(var(--calendar-day-circle-radius) * 1px);border:1px solid transparent;box-sizing:border-box}sd-date-range-picker-calendar .sd-date-range-picker-calendar__day:not(:disabled):hover .sd-date-range-picker-calendar__day-circle{border-radius:16px;border:1px solid var(--calendar-day-hover-border)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__day--today .sd-date-range-picker-calendar__day-circle{font-weight:700}sd-date-range-picker-calendar .sd-date-range-picker-calendar__day--in-range{background:var(--range-bg)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__day--range-start{background:linear-gradient(to right, transparent 50%, var(--range-bg) 50%)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__day--range-end{background:var(--range-bg)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__day--range-startsd-date-range-picker-calendar .sd-date-range-picker-calendar__day--range-end{background:transparent}sd-date-range-picker-calendar .sd-date-range-picker-calendar__day--selected .sd-date-range-picker-calendar__day-circle{border-radius:16px;background:var(--calendar-day-select-bg);color:var(--calendar-day-select-text)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__day--selected:not(:disabled):hover .sd-date-range-picker-calendar__day-circle{background:var(--calendar-day-select-bg);color:var(--calendar-day-select-text)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__day--disabled{color:var(--calendar-day-disabled-text);cursor:not-allowed}sd-date-range-picker-calendar .sd-date-range-picker-calendar__day--disabled:not(.sd-date-range-picker-calendar__day--in-range):not(.sd-date-range-picker-calendar__day--range-start):not(.sd-date-range-picker-calendar__day--range-end){background:none}sd-date-range-picker-calendar .sd-date-range-picker-calendar__day--empty{visibility:hidden;pointer-events:none;background:transparent}";export{o as sd_date_range_picker_calendar}

package/dist/design-system/{p-73acee07.entry.js → p-348eff76.entry.js}

@@ -1 +1 @@
-import{r as e,c as a,h as d}from"./p-BqHL8W3c.js";import{u as s,t as n}from"./p-DTrMR0rx.js";import{r as c}from"./p-BxPyZJaz.js";const t=["brilliantblue_75","red_60","green_65","orange_60","steelblue_65","yellow_45","oceanblue_65","olive_55"],r=class{constructor(d){e(this,d),this.select=a(this,"sdSelect",7),this.viewChange=a(this,"sdViewChange",7)}value=null;selectable;events;eventColors;currentYear;currentMonth;eventsRevision=0;select;viewChange;dateUtil=s();componentWillLoad(){this.initCalendar()}handleValueChange(){this.initCalendar()}handleEventsChange(){this.eventsRevision=this.eventsRevision+1}initCalendar(){const e=this.value||n,[a,d]=e.split("-").map(Number);this.currentYear=a,this.currentMonth=d}get calendar(){return this.dateUtil.createCalendar(this.currentYear,this.currentMonth)}handleUpdateMonth(e){const{newYear:a,newMonth:d}=this.dateUtil.calculateYearMonth(this.currentYear,this.currentMonth,e);this.currentYear=a,this.currentMonth=d,this.viewChange.emit({year:a,month:d})}handleDateClick(e){if(!e)return;const a=this.dateUtil.formatDate(this.currentYear,this.currentMonth,e);this.value=a,this.select.emit(a)}isDisabledDate(e){if(!this.selectable)return!1;const[a,d]=this.selectable;return a&&d?e<a||e>d:a?e<a:!!d&&e>d}getEventColor(e){if(this.eventColors?.[e])return c(this.eventColors[e]);const a=this.getAllEventNames().indexOf(e);return c(t[a%t.length])}getAllEventNames(){const e=new Set;if(this.eventColors)for(const a of Object.keys(this.eventColors))e.add(a);if(this.events)for(const a of Object.values(this.events))for(const d of a)e.add(d);return Array.from(e)}getEventsForDate(e){return this.events?.[e]??[]}render(){const e=this.getAllEventNames();return d("div",{key:"149ca9ae588a7bd2d70ecf1bf13cc639c99f7da9",class:"sd-calendar"},d("div",{key:"65f58d53fbaf35cee16007bad0b5e56dd208393e",class:"sd-calendar__header"},d("div",{key:"76709fd094edaece5ede720a983d1103801ba76d",class:"year-nav"},d("button",{key:"6d46cfa4cb1d12507ba7570cb6c0bb88bcba3402",type:"button",name:"prev-year",title:"Previous Year",onClick:()=>{this.currentYear=this.currentYear-1,this.viewChange.emit({year:this.currentYear,month:this.currentMonth})}},d("sd-icon",{key:"1319ec1fa0f2533a5d02853cb7638b1f1c10e050",name:"arrowLeft",size:"12",color:"grey_45"})),d("span",{key:"678b705cd95dc499975e071f1607f26bdd50c36d",class:"year-nav__current"},this.currentYear),d("button",{key:"1f5c3a0cd6108da5ed1beb10bd6af4ea5f22cf4c",type:"button",name:"next-year",title:"Next Year",onClick:()=>{this.currentYear=this.currentYear+1,this.viewChange.emit({year:this.currentYear,month:this.currentMonth})}},d("sd-icon",{key:"9dff93aef0996c3679a6a8c93c0fce1ea390f4aa",name:"arrowRight",size:"12",color:"grey_45"}))),d("div",{key:"9a6840420da580096fbf24d2c4df656114e23e6e",class:"month-nav"},d("button",{key:"94bf7598e5b80d6deb407f607034ed6e9f88151f",type:"button",name:"prev-month",title:"Previous Month",onClick:()=>this.handleUpdateMonth("prev")},d("sd-icon",{key:"4ab19da5f6a12bf37b3c4d9aac4e2283762799e8",name:"arrowLeft",size:"12",color:"grey_45"})),d("span",{key:"c207959595c107cae05a7cbe1d169357b063a29d",class:"month-nav__current"},this.currentMonth,"월"),d("button",{key:"fe319c8b26d9259bcba2b1f251bb827977e6afdc",type:"button",name:"next-month",title:"Next Month",onClick:()=>this.handleUpdateMonth("next")},d("sd-icon",{key:"af5bb1c06058b6ce22c8d7ffacace2f558bdb013",name:"arrowRight",size:"12",color:"grey_45"})))),d("div",{key:"ca66c0d7744970364f7d5e11e61014471df3325b",class:"sd-calendar__days"},["일","월","화","수","목","금","토"].map((e=>d("div",{key:e,class:"day"},e)))),d("div",{key:"9d42c252b8b42754aedc64156ec1dbe45200cef0",class:{"sd-calendar__body":!0,"sd-calendar__body--has-events":!!this.events}},[...this.calendar.prevMonthDays,...this.calendar.days,...this.calendar.afterMonthDays].map(((e,a)=>{const s=this.dateUtil.formatDate(this.currentYear,this.currentMonth,Number(e)),c=e?this.getEventsForDate(s):[],t=[...new Set(c)];return d("div",{class:"sd-calendar__cell",key:`${e}_${a}`},d("sd-date-box",{date:e?Number(e):"",selected:this.value===s,isToday:n===s,disabled:!e||this.isDisabledDate(s),onClick:!this.isDisabledDate(s)&&e?()=>this.handleDateClick(Number(e)):void 0}),this.events&&d("div",{class:"sd-calendar__dots"},t.map((e=>d("span",{key:e,class:"sd-calendar__dot",style:{backgroundColor:this.getEventColor(e)}})))))}))),e.length>0&&d("div",{key:"dac97204484b1def1fd3d73939ef64ef6969bce2",class:"sd-calendar__legend"},e.map((e=>d("div",{key:e,class:"sd-calendar__legend-item"},d("span",{class:"sd-calendar__legend-dot",style:{backgroundColor:this.getEventColor(e)}}),d("span",{class:"sd-calendar__legend-label"},e))))))}static get watchers(){return{value:[{handleValueChange:0}],events:[{handleEventsChange:0}],eventColors:[{handleEventsChange:0}]}}};r.style=".sd-calendar.sc-sd-calendar{width:304px;box-sizing:border-box;border-radius:8px;padding:24px 19px;background:white}.sd-calendar.sc-sd-calendar .sd-calendar__header.sc-sd-calendar{display:flex;flex-flow:row nowrap;align-items:center;gap:20px;font-size:14px;padding:0 5px;height:24px;line-height:24px}.sd-calendar.sc-sd-calendar .sd-calendar__header.sc-sd-calendar .year-nav.sc-sd-calendar,.sd-calendar.sc-sd-calendar .sd-calendar__header.sc-sd-calendar .month-nav.sc-sd-calendar{display:flex;flex-flow:row nowrap;align-items:center;gap:12px}.sd-calendar.sc-sd-calendar .sd-calendar__header.sc-sd-calendar .year-nav.sc-sd-calendar button.sc-sd-calendar,.sd-calendar.sc-sd-calendar .sd-calendar__header.sc-sd-calendar .month-nav.sc-sd-calendar button.sc-sd-calendar{background:none;border:none;cursor:pointer;margin:0;padding:0}.sd-calendar.sc-sd-calendar .sd-calendar__header.sc-sd-calendar .year-nav__current.sc-sd-calendar{width:40px;text-align:center}.sd-calendar.sc-sd-calendar .sd-calendar__header.sc-sd-calendar .month-nav__current.sc-sd-calendar{width:100px;text-align:center}.sd-calendar.sc-sd-calendar .sd-calendar__days.sc-sd-calendar{margin-top:8px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr));column-gap:10px;padding:0 5px}.sd-calendar.sc-sd-calendar .sd-calendar__days.sc-sd-calendar .day.sc-sd-calendar{width:28px;height:20px;font-size:12px;line-height:20px;text-align:center;color:#888888}.sd-calendar.sc-sd-calendar .sd-calendar__body.sc-sd-calendar{margin-top:12px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr));grid-auto-rows:min-content}.sd-calendar.sc-sd-calendar .sd-calendar__cell.sc-sd-calendar{display:flex;flex-direction:column;align-items:center}.sd-calendar.sc-sd-calendar .sd-calendar__dots.sc-sd-calendar{display:flex;flex-wrap:wrap;gap:2px;justify-content:center;align-items:center;min-height:8px;max-width:28px}.sd-calendar.sc-sd-calendar .sd-calendar__dot.sc-sd-calendar{width:5px;height:5px;border-radius:50%;display:inline-block}.sd-calendar.sc-sd-calendar .sd-calendar__legend.sc-sd-calendar{display:flex;flex-wrap:wrap;gap:8px 12px;margin-top:16px;padding:12px 5px 0;border-top:1px solid #E5E5E5}.sd-calendar.sc-sd-calendar .sd-calendar__legend-item.sc-sd-calendar{display:flex;align-items:center;gap:4px}.sd-calendar.sc-sd-calendar .sd-calendar__legend-dot.sc-sd-calendar{width:6px;height:6px;border-radius:50%;display:inline-block;flex-shrink:0}.sd-calendar.sc-sd-calendar .sd-calendar__legend-label.sc-sd-calendar{font-size:11px;color:#888888;line-height:1}";export{r as sd_calendar}
+import{r as e,c as a,h as d}from"./p-Dcpqhs6V.js";import{u as s,t as n}from"./p-DTrMR0rx.js";import{r as c}from"./p-BxPyZJaz.js";const t=["brilliantblue_75","red_60","green_65","orange_60","steelblue_65","yellow_45","oceanblue_65","olive_55"],r=class{constructor(d){e(this,d),this.select=a(this,"sdSelect",7),this.viewChange=a(this,"sdViewChange",7)}value=null;selectable;events;eventColors;currentYear;currentMonth;eventsRevision=0;select;viewChange;dateUtil=s();componentWillLoad(){this.initCalendar()}handleValueChange(){this.initCalendar()}handleEventsChange(){this.eventsRevision=this.eventsRevision+1}initCalendar(){const e=this.value||n,[a,d]=e.split("-").map(Number);this.currentYear=a,this.currentMonth=d}get calendar(){return this.dateUtil.createCalendar(this.currentYear,this.currentMonth)}handleUpdateMonth(e){const{newYear:a,newMonth:d}=this.dateUtil.calculateYearMonth(this.currentYear,this.currentMonth,e);this.currentYear=a,this.currentMonth=d,this.viewChange.emit({year:a,month:d})}handleDateClick(e){if(!e)return;const a=this.dateUtil.formatDate(this.currentYear,this.currentMonth,e);this.value=a,this.select.emit(a)}isDisabledDate(e){if(!this.selectable)return!1;const[a,d]=this.selectable;return a&&d?e<a||e>d:a?e<a:!!d&&e>d}getEventColor(e){if(this.eventColors?.[e])return c(this.eventColors[e]);const a=this.getAllEventNames().indexOf(e);return c(t[a%t.length])}getAllEventNames(){const e=new Set;if(this.eventColors)for(const a of Object.keys(this.eventColors))e.add(a);if(this.events)for(const a of Object.values(this.events))for(const d of a)e.add(d);return Array.from(e)}getEventsForDate(e){return this.events?.[e]??[]}render(){const e=this.getAllEventNames();return d("div",{key:"149ca9ae588a7bd2d70ecf1bf13cc639c99f7da9",class:"sd-calendar"},d("div",{key:"65f58d53fbaf35cee16007bad0b5e56dd208393e",class:"sd-calendar__header"},d("div",{key:"76709fd094edaece5ede720a983d1103801ba76d",class:"year-nav"},d("button",{key:"6d46cfa4cb1d12507ba7570cb6c0bb88bcba3402",type:"button",name:"prev-year",title:"Previous Year",onClick:()=>{this.currentYear=this.currentYear-1,this.viewChange.emit({year:this.currentYear,month:this.currentMonth})}},d("sd-icon",{key:"1319ec1fa0f2533a5d02853cb7638b1f1c10e050",name:"arrowLeft",size:"12",color:"grey_45"})),d("span",{key:"678b705cd95dc499975e071f1607f26bdd50c36d",class:"year-nav__current"},this.currentYear),d("button",{key:"1f5c3a0cd6108da5ed1beb10bd6af4ea5f22cf4c",type:"button",name:"next-year",title:"Next Year",onClick:()=>{this.currentYear=this.currentYear+1,this.viewChange.emit({year:this.currentYear,month:this.currentMonth})}},d("sd-icon",{key:"9dff93aef0996c3679a6a8c93c0fce1ea390f4aa",name:"arrowRight",size:"12",color:"grey_45"}))),d("div",{key:"9a6840420da580096fbf24d2c4df656114e23e6e",class:"month-nav"},d("button",{key:"94bf7598e5b80d6deb407f607034ed6e9f88151f",type:"button",name:"prev-month",title:"Previous Month",onClick:()=>this.handleUpdateMonth("prev")},d("sd-icon",{key:"4ab19da5f6a12bf37b3c4d9aac4e2283762799e8",name:"arrowLeft",size:"12",color:"grey_45"})),d("span",{key:"c207959595c107cae05a7cbe1d169357b063a29d",class:"month-nav__current"},this.currentMonth,"월"),d("button",{key:"fe319c8b26d9259bcba2b1f251bb827977e6afdc",type:"button",name:"next-month",title:"Next Month",onClick:()=>this.handleUpdateMonth("next")},d("sd-icon",{key:"af5bb1c06058b6ce22c8d7ffacace2f558bdb013",name:"arrowRight",size:"12",color:"grey_45"})))),d("div",{key:"ca66c0d7744970364f7d5e11e61014471df3325b",class:"sd-calendar__days"},["일","월","화","수","목","금","토"].map((e=>d("div",{key:e,class:"day"},e)))),d("div",{key:"9d42c252b8b42754aedc64156ec1dbe45200cef0",class:{"sd-calendar__body":!0,"sd-calendar__body--has-events":!!this.events}},[...this.calendar.prevMonthDays,...this.calendar.days,...this.calendar.afterMonthDays].map(((e,a)=>{const s=this.dateUtil.formatDate(this.currentYear,this.currentMonth,Number(e)),c=e?this.getEventsForDate(s):[],t=[...new Set(c)];return d("div",{class:"sd-calendar__cell",key:`${e}_${a}`},d("sd-date-box",{date:e?Number(e):"",selected:this.value===s,isToday:n===s,disabled:!e||this.isDisabledDate(s),onClick:!this.isDisabledDate(s)&&e?()=>this.handleDateClick(Number(e)):void 0}),this.events&&d("div",{class:"sd-calendar__dots"},t.map((e=>d("span",{key:e,class:"sd-calendar__dot",style:{backgroundColor:this.getEventColor(e)}})))))}))),e.length>0&&d("div",{key:"dac97204484b1def1fd3d73939ef64ef6969bce2",class:"sd-calendar__legend"},e.map((e=>d("div",{key:e,class:"sd-calendar__legend-item"},d("span",{class:"sd-calendar__legend-dot",style:{backgroundColor:this.getEventColor(e)}}),d("span",{class:"sd-calendar__legend-label"},e))))))}static get watchers(){return{value:[{handleValueChange:0}],events:[{handleEventsChange:0}],eventColors:[{handleEventsChange:0}]}}};r.style=".sd-calendar.sc-sd-calendar{width:304px;box-sizing:border-box;border-radius:8px;padding:24px 19px;background:white}.sd-calendar.sc-sd-calendar .sd-calendar__header.sc-sd-calendar{display:flex;flex-flow:row nowrap;align-items:center;gap:20px;font-size:14px;padding:0 5px;height:24px;line-height:24px}.sd-calendar.sc-sd-calendar .sd-calendar__header.sc-sd-calendar .year-nav.sc-sd-calendar,.sd-calendar.sc-sd-calendar .sd-calendar__header.sc-sd-calendar .month-nav.sc-sd-calendar{display:flex;flex-flow:row nowrap;align-items:center;gap:12px}.sd-calendar.sc-sd-calendar .sd-calendar__header.sc-sd-calendar .year-nav.sc-sd-calendar button.sc-sd-calendar,.sd-calendar.sc-sd-calendar .sd-calendar__header.sc-sd-calendar .month-nav.sc-sd-calendar button.sc-sd-calendar{background:none;border:none;cursor:pointer;margin:0;padding:0}.sd-calendar.sc-sd-calendar .sd-calendar__header.sc-sd-calendar .year-nav__current.sc-sd-calendar{width:40px;text-align:center}.sd-calendar.sc-sd-calendar .sd-calendar__header.sc-sd-calendar .month-nav__current.sc-sd-calendar{width:100px;text-align:center}.sd-calendar.sc-sd-calendar .sd-calendar__days.sc-sd-calendar{margin-top:8px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr));column-gap:10px;padding:0 5px}.sd-calendar.sc-sd-calendar .sd-calendar__days.sc-sd-calendar .day.sc-sd-calendar{width:28px;height:20px;font-size:12px;line-height:20px;text-align:center;color:#888888}.sd-calendar.sc-sd-calendar .sd-calendar__body.sc-sd-calendar{margin-top:12px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr));grid-auto-rows:min-content}.sd-calendar.sc-sd-calendar .sd-calendar__cell.sc-sd-calendar{display:flex;flex-direction:column;align-items:center}.sd-calendar.sc-sd-calendar .sd-calendar__dots.sc-sd-calendar{display:flex;flex-wrap:wrap;gap:2px;justify-content:center;align-items:center;min-height:8px;max-width:28px}.sd-calendar.sc-sd-calendar .sd-calendar__dot.sc-sd-calendar{width:5px;height:5px;border-radius:50%;display:inline-block}.sd-calendar.sc-sd-calendar .sd-calendar__legend.sc-sd-calendar{display:flex;flex-wrap:wrap;gap:8px 12px;margin-top:16px;padding:12px 5px 0;border-top:1px solid #E5E5E5}.sd-calendar.sc-sd-calendar .sd-calendar__legend-item.sc-sd-calendar{display:flex;align-items:center;gap:4px}.sd-calendar.sc-sd-calendar .sd-calendar__legend-dot.sc-sd-calendar{width:6px;height:6px;border-radius:50%;display:inline-block;flex-shrink:0}.sd-calendar.sc-sd-calendar .sd-calendar__legend-label.sc-sd-calendar{font-size:11px;color:#888888;line-height:1}";export{r as sd_calendar}

package/dist/design-system/{p-a129711d.entry.js → p-3b8595de.entry.js}

@@ -1 +1 @@
-import{r as e,h as d}from"./p-BqHL8W3c.js";const a={red:"#FB4444",orange:"#FF6B00",yellow:"#FFC700",green:"#00973C",blue:"#0075FF",darkblue:"#006AC1",indigo:"#004290",grey:"#737373"},s=class{constructor(d){e(this,d)}color="blue";label="";render(){return d("div",{key:"7535760a065f5b0afa35d58c6f3017cacb31f507",class:"sd-badge",style:{"--sd-badge-color":a[this.color]??a.blue}},d("div",{key:"1a42bf60039e469b0676b0266f9cbde168e8c27e",class:"sd-badge__dot"}),d("div",{key:"2296c4187b5222849dbe0472d19669376b53350f",class:"sd-badge__label"},this.label))}};s.style="sd-badge{display:inline-flex}sd-badge .sd-badge{display:flex;align-items:center;justify-content:center}sd-badge .sd-badge .sd-badge__dot{width:6px;height:6px;min-width:6px;min-height:6px;border-radius:9999px;background:var(--sd-badge-color, #0075FF)}sd-badge .sd-badge .sd-badge__label{margin-left:8px;font-size:12px;font-weight:500;line-height:20px;color:#333333}";export{s as sd_badge}
+import{r as e,h as d}from"./p-Dcpqhs6V.js";const s={red:"#FB4444",orange:"#FF6B00",yellow:"#FFC700",green:"#00973C",blue:"#0075FF",darkblue:"#006AC1",indigo:"#004290",grey:"#737373"},a=class{constructor(d){e(this,d)}color="blue";label="";render(){return d("div",{key:"7535760a065f5b0afa35d58c6f3017cacb31f507",class:"sd-badge",style:{"--sd-badge-color":s[this.color]??s.blue}},d("div",{key:"1a42bf60039e469b0676b0266f9cbde168e8c27e",class:"sd-badge__dot"}),d("div",{key:"2296c4187b5222849dbe0472d19669376b53350f",class:"sd-badge__label"},this.label))}};a.style="sd-badge{display:inline-flex}sd-badge .sd-badge{display:flex;align-items:center;justify-content:center}sd-badge .sd-badge .sd-badge__dot{width:6px;height:6px;min-width:6px;min-height:6px;border-radius:9999px;background:var(--sd-badge-color, #0075FF)}sd-badge .sd-badge .sd-badge__label{margin-left:8px;font-size:12px;font-weight:500;line-height:20px;color:#333333}";export{a as sd_badge}

package/dist/design-system/{p-12a03c88.entry.js → p-3bbf23b4.entry.js}

@@ -1 +1 @@
-import{r as t,c as s,h as e}from"./p-BqHL8W3c.js";var o={size:"16",icon:"12"},i={size:"24",icon:"16"},n={size:"28",icon:"20"},r={size:"36",icon:"24"},a={size:"62",icon:"32"},b={sm:"4",md:"6"},d={opacity:"5%"},c={disabled:"#BBBBBB"},h={content:"#888888",hover:{bg:"#222222"}},u={content:"#E30000",hover:{bg:"#E30000"}},l={content:"#025497",hover:{bg:"#0075FF"}},g={content:"#FFFFFF",disabled:"#E1E1E1",hover:{bg:"#FFFFFF"}};const m={xxs:{size:Number(o.size),icon:Number(o.icon)},xs:{size:Number(i.size),icon:Number(i.icon)},sm:{size:Number(n.size),icon:Number(n.icon)},md:{size:Number(r.size),icon:Number(r.icon)},lg:{size:Number(a.size),icon:Number(a.icon)}},v={xxs:Number(b.sm),xs:Number(b.sm),sm:Number(b.sm),md:Number(b.md),lg:Number(b.md)},p=d.opacity,x={default:h.content,danger:u.content,action:l.content,inverse:g.content},z={default:h.hover.bg,danger:u.hover.bg,action:l.hover.bg,inverse:g.hover.bg},F=c.disabled,f={default:F,danger:F,action:F,inverse:g.disabled},N=class{constructor(e){t(this,e),this.click=s(this,"sdClick",7)}icon;size="sm";intent="default";ariaLabel="";disabled=!1;click;hasWarnedMissingAriaLabel=!1;handleClick=t=>{this.disabled?t.preventDefault():this.click.emit(t)};componentWillRender(){this.warnIfMissingAriaLabel()}warnIfMissingAriaLabel(){this.ariaLabel.trim()?this.hasWarnedMissingAriaLabel=!1:this.hasWarnedMissingAriaLabel||(console.warn(`[sd-ghost-button] icon-only buttons require \`ariaLabel\`. Received icon="${this.icon}".`),this.hasWarnedMissingAriaLabel=!0)}render(){const t=m[this.size],s=this.disabled?f[this.intent]:x[this.intent],o=this.ariaLabel.trim()||void 0;return e("button",{key:"eccb34969779d75bcd77dd6ae12cb99a419af121",class:{"sd-ghost-button":!0,"sd-ghost-button--disabled":this.disabled},type:"button",disabled:this.disabled,"aria-label":o,style:{"--sd-ghost-button-size":`${t.size}px`,"--sd-ghost-button-radius":`${v[this.size]}px`,"--sd-ghost-button-hover-bg":z[this.intent],"--sd-ghost-button-hover-opacity":p,"--sd-ghost-button-accent":"#0075FF"},onClick:this.handleClick},e("sd-icon",{key:"4ae160e73b72b0b4aa40947c126419b1016c81d3",name:this.icon,size:t.icon,color:s}))}};N.style='sd-ghost-button{display:inline-flex;width:fit-content;height:fit-content}.sd-ghost-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--sd-ghost-button-size);height:var(--sd-ghost-button-size);padding:0;border:none;border-radius:var(--sd-ghost-button-radius);background:transparent;cursor:pointer;box-sizing:border-box;transition:box-shadow 0.2s ease;-webkit-user-select:none;user-select:none}.sd-ghost-button::before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--sd-ghost-button-hover-bg);opacity:0;transition:opacity 0.2s ease;pointer-events:none}.sd-ghost-button:hover:not(.sd-ghost-button--disabled)::before{opacity:var(--sd-ghost-button-hover-opacity)}.sd-ghost-button:focus-visible{outline:0;box-shadow:0 0 0 2px var(--sd-ghost-button-accent)}.sd-ghost-button--disabled{cursor:not-allowed}';export{N as sd_ghost_button}
+import{r as t,c as s,h as e}from"./p-Dcpqhs6V.js";var o={size:"16",icon:"12"},i={size:"24",icon:"16"},n={size:"28",icon:"20"},r={size:"36",icon:"24"},a={size:"62",icon:"32"},b={sm:"4",md:"6"},d={opacity:"5%"},c={disabled:"#BBBBBB"},h={content:"#888888",hover:{bg:"#222222"}},u={content:"#E30000",hover:{bg:"#E30000"}},l={content:"#025497",hover:{bg:"#0075FF"}},g={content:"#FFFFFF",disabled:"#E1E1E1",hover:{bg:"#FFFFFF"}};const m={xxs:{size:Number(o.size),icon:Number(o.icon)},xs:{size:Number(i.size),icon:Number(i.icon)},sm:{size:Number(n.size),icon:Number(n.icon)},md:{size:Number(r.size),icon:Number(r.icon)},lg:{size:Number(a.size),icon:Number(a.icon)}},v={xxs:Number(b.sm),xs:Number(b.sm),sm:Number(b.sm),md:Number(b.md),lg:Number(b.md)},p=d.opacity,x={default:h.content,danger:u.content,action:l.content,inverse:g.content},z={default:h.hover.bg,danger:u.hover.bg,action:l.hover.bg,inverse:g.hover.bg},F=c.disabled,f={default:F,danger:F,action:F,inverse:g.disabled},N=class{constructor(e){t(this,e),this.click=s(this,"sdClick",7)}icon;size="sm";intent="default";ariaLabel="";disabled=!1;click;hasWarnedMissingAriaLabel=!1;handleClick=t=>{this.disabled?t.preventDefault():this.click.emit(t)};componentWillRender(){this.warnIfMissingAriaLabel()}warnIfMissingAriaLabel(){this.ariaLabel.trim()?this.hasWarnedMissingAriaLabel=!1:this.hasWarnedMissingAriaLabel||(console.warn(`[sd-ghost-button] icon-only buttons require \`ariaLabel\`. Received icon="${this.icon}".`),this.hasWarnedMissingAriaLabel=!0)}render(){const t=m[this.size],s=this.disabled?f[this.intent]:x[this.intent],o=this.ariaLabel.trim()||void 0;return e("button",{key:"eccb34969779d75bcd77dd6ae12cb99a419af121",class:{"sd-ghost-button":!0,"sd-ghost-button--disabled":this.disabled},type:"button",disabled:this.disabled,"aria-label":o,style:{"--sd-ghost-button-size":`${t.size}px`,"--sd-ghost-button-radius":`${v[this.size]}px`,"--sd-ghost-button-hover-bg":z[this.intent],"--sd-ghost-button-hover-opacity":p,"--sd-ghost-button-accent":"#0075FF"},onClick:this.handleClick},e("sd-icon",{key:"4ae160e73b72b0b4aa40947c126419b1016c81d3",name:this.icon,size:t.icon,color:s}))}};N.style='sd-ghost-button{display:inline-flex;width:fit-content;height:fit-content}.sd-ghost-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--sd-ghost-button-size);height:var(--sd-ghost-button-size);padding:0;border:none;border-radius:var(--sd-ghost-button-radius);background:transparent;cursor:pointer;box-sizing:border-box;transition:box-shadow 0.2s ease;-webkit-user-select:none;user-select:none}.sd-ghost-button::before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--sd-ghost-button-hover-bg);opacity:0;transition:opacity 0.2s ease;pointer-events:none}.sd-ghost-button:hover:not(.sd-ghost-button--disabled)::before{opacity:var(--sd-ghost-button-hover-opacity)}.sd-ghost-button:focus-visible{outline:0;box-shadow:0 0 0 2px var(--sd-ghost-button-accent)}.sd-ghost-button--disabled{cursor:not-allowed}';export{N as sd_ghost_button}

package/dist/design-system/{p-84a329fb.entry.js → p-40371bf6.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,a as s,h as i}from"./p-BqHL8W3c.js";const n=4e3;let o=0;const r=class{constructor(s){t(this,s),this.toastShow=e(this,"sdToastShow",7),this.toastDismiss=e(this,"sdToastDismiss",7)}get el(){return s(this)}position="bottom-center";maxVisible=3;defaultDuration=n;zIndex=1e4;toasts=[];expanded=!1;toastRefs=new Map;toastShow;toastDismiss;async create(t){const e="toast-"+ ++o,s={id:e,options:t,state:"entering"},i=t.duration??this.defaultDuration??n;i>0&&(s.timerId=setTimeout((()=>this.startDismiss(e)),i));let r=[...this.toasts||[],s];const a=r.filter((t=>"exiting"!==t.state));if(a.length>(this.maxVisible??3)){const t=new Set(a.slice(0,a.length-(this.maxVisible??3)).map((t=>t.id)));r=r.map((e=>t.has(e.id)&&"exiting"!==e.state?(e.timerId&&clearTimeout(e.timerId),this.scheduleRemoval(e.id),{...e,state:"exiting",timerId:void 0}):e))}return this.toasts=r,this.toastShow.emit({id:e}),e}async dismiss(t){this.startDismiss(t)}async dismissAll(){(this.toasts||[]).forEach((t=>this.startDismiss(t.id)))}startDismiss(t){const e=(this.toasts||[]).find((e=>e.id===t));e&&"exiting"!==e.state&&(e.timerId&&clearTimeout(e.timerId),this.toasts=(this.toasts||[]).map((e=>e.id===t?{...e,state:"exiting",timerId:void 0}:e)),this.scheduleRemoval(t))}scheduleRemoval(t){setTimeout((()=>this.removeToast(t)),500)}removeToast(t){(this.toasts||[]).find((e=>e.id===t))&&(this.toasts=(this.toasts||[]).filter((e=>e.id!==t)),this.toastRefs.delete(t),this.toastDismiss.emit({id:t}))}handleTransitionEnd(t){const e=(this.toasts||[]).find((e=>e.id===t));"exiting"===e?.state&&this.removeToast(t)}measureHeights(){let t=!1;const e=(this.toasts||[]).map((e=>{const s=this.toastRefs.get(e.id);if(s){const i=s.offsetHeight;if(i>0&&i!==e.height)return t=!0,{...e,height:i}}return e}));t&&(this.toasts=e)}componentDidRender(){this.toasts?.length&&(this.toasts.some((t=>"entering"===t.state))&&requestAnimationFrame((()=>{this.toasts=(this.toasts||[]).map((t=>"entering"===t.state?{...t,state:"visible"}:t))})),this.measureHeights())}disconnectedCallback(){this.toasts?.forEach((t=>{t.timerId&&clearTimeout(t.timerId)})),this.toastRefs.clear()}pauseTimers(){this.toasts=(this.toasts||[]).map((t=>t.timerId?(clearTimeout(t.timerId),{...t,timerId:void 0}):t))}resumeTimers(){const t=this.defaultDuration??n;t<=0||(this.toasts=(this.toasts||[]).map((e=>{if("visible"===e.state&&!e.timerId&&(e.options.duration??t)>0){const s=setTimeout((()=>this.startDismiss(e.id)),e.options.duration??t);return{...e,timerId:s}}return e})))}getContainerStyles(){const t=this.position||"bottom-center";return{position:"fixed",zIndex:(this.zIndex??1e4).toString(),pointerEvents:"none",...{"top-left":{top:"20px",left:"20px"},"top-center":{top:"20px",left:"50%",transform:"translateX(-50%)"},"top-right":{top:"20px",right:"20px"},"bottom-left":{bottom:"20px",left:"20px"},"bottom-center":{bottom:"20px",left:"50%",transform:"translateX(-50%)"},"bottom-right":{bottom:"20px",right:"20px"}}[t]}}getToastItemStyle(t,e,s){const i=this.position||"bottom-center",n=i.startsWith("bottom"),o=i.split("-")[1],r=n?"bottom":"top",a=[];"center"===o&&a.push("translateX(-50%)");const c={position:"absolute",[r]:"0",..."center"===o?{left:"50%"}:"right"===o?{right:"0"}:{left:"0"}};if("entering"===t.state)return a.push(`translateY(${n?20:-20}px)`),{...c,opacity:"0",transform:a.join(" "),transition:"none"};if("exiting"===t.state)return a.push(`translateY(${n?20:-20}px)`),{...c,opacity:"0",transform:a.join(" "),pointerEvents:"none"};if(this.expanded){let t=0;for(let i=0;i<e;i++)t+=(s[i].height||0)+8;return a.push("translateY(0) scale(1)"),{...c,[r]:`${t}px`,opacity:"1",transform:a.join(" "),zIndex:""+(s.length-e)}}const h=8*e,m=[1,.8,.6],l=e<m.length?m[e]:0;return a.push(`translateY(${n?-h:h}px) scale(${1-.05*e})`),{...c,opacity:l.toString(),transform:a.join(" "),transformOrigin:n?"bottom center":"top center",zIndex:""+(s.length-e)}}render(){const t=this.toasts||[],e=t.filter((t=>"exiting"!==t.state)).reverse(),s=new Map;return e.forEach(((t,e)=>s.set(t.id,e))),i("div",{key:"8a63cb5f1e62fea7f562eac000743bb59ec69fda",class:"sd-toast-container",style:this.getContainerStyles(),onMouseEnter:()=>{this.expanded=!0,this.pauseTimers()},onMouseLeave:()=>{this.expanded=!1,this.resumeTimers()}},t.map((t=>{const n=s.get(t.id)??0;return i("div",{key:t.id,class:{"sd-toast-container__item":!0,"sd-toast-container__item--entering":"entering"===t.state,"sd-toast-container__item--visible":"visible"===t.state,"sd-toast-container__item--exiting":"exiting"===t.state},style:this.getToastItemStyle(t,n,e),ref:e=>{e&&this.toastRefs.set(t.id,e)},onTransitionEnd:()=>this.handleTransitionEnd(t.id)},i("sd-toast",{message:t.options.message,type:t.options.type||"default",icon:t.options.icon,link:t.options.link,linkLabel:t.options.linkLabel,useClose:t.options.useClose,onSdClose:()=>this.startDismiss(t.id)}))})))}};r.style='sd-toast-container{display:block}sd-toast-container .sd-toast-container__item{pointer-events:auto;transition:transform 0.4s ease, opacity 0.4s ease, bottom 0.4s ease, top 0.4s ease}sd-toast-container .sd-toast-container__item::before{content:"";position:absolute;left:0;right:0;top:-8px;bottom:-8px}sd-toast-container .sd-toast-container__item--entering{transition:none}sd-toast-container .sd-toast-container__item--exiting{pointer-events:none}';export{r as sd_toast_container}
+import{r as t,c as e,a as s,h as i}from"./p-Dcpqhs6V.js";const n=4e3;let o=0;const r=class{constructor(s){t(this,s),this.toastShow=e(this,"sdToastShow",7),this.toastDismiss=e(this,"sdToastDismiss",7)}get el(){return s(this)}position="bottom-center";maxVisible=3;defaultDuration=n;zIndex=1e4;toasts=[];expanded=!1;toastRefs=new Map;toastShow;toastDismiss;async create(t){const e="toast-"+ ++o,s={id:e,options:t,state:"entering"},i=t.duration??this.defaultDuration??n;i>0&&(s.timerId=setTimeout((()=>this.startDismiss(e)),i));let r=[...this.toasts||[],s];const a=r.filter((t=>"exiting"!==t.state));if(a.length>(this.maxVisible??3)){const t=new Set(a.slice(0,a.length-(this.maxVisible??3)).map((t=>t.id)));r=r.map((e=>t.has(e.id)&&"exiting"!==e.state?(e.timerId&&clearTimeout(e.timerId),this.scheduleRemoval(e.id),{...e,state:"exiting",timerId:void 0}):e))}return this.toasts=r,this.toastShow.emit({id:e}),e}async dismiss(t){this.startDismiss(t)}async dismissAll(){(this.toasts||[]).forEach((t=>this.startDismiss(t.id)))}startDismiss(t){const e=(this.toasts||[]).find((e=>e.id===t));e&&"exiting"!==e.state&&(e.timerId&&clearTimeout(e.timerId),this.toasts=(this.toasts||[]).map((e=>e.id===t?{...e,state:"exiting",timerId:void 0}:e)),this.scheduleRemoval(t))}scheduleRemoval(t){setTimeout((()=>this.removeToast(t)),500)}removeToast(t){(this.toasts||[]).find((e=>e.id===t))&&(this.toasts=(this.toasts||[]).filter((e=>e.id!==t)),this.toastRefs.delete(t),this.toastDismiss.emit({id:t}))}handleTransitionEnd(t){const e=(this.toasts||[]).find((e=>e.id===t));"exiting"===e?.state&&this.removeToast(t)}measureHeights(){let t=!1;const e=(this.toasts||[]).map((e=>{const s=this.toastRefs.get(e.id);if(s){const i=s.offsetHeight;if(i>0&&i!==e.height)return t=!0,{...e,height:i}}return e}));t&&(this.toasts=e)}componentDidRender(){this.toasts?.length&&(this.toasts.some((t=>"entering"===t.state))&&requestAnimationFrame((()=>{this.toasts=(this.toasts||[]).map((t=>"entering"===t.state?{...t,state:"visible"}:t))})),this.measureHeights())}disconnectedCallback(){this.toasts?.forEach((t=>{t.timerId&&clearTimeout(t.timerId)})),this.toastRefs.clear()}pauseTimers(){this.toasts=(this.toasts||[]).map((t=>t.timerId?(clearTimeout(t.timerId),{...t,timerId:void 0}):t))}resumeTimers(){const t=this.defaultDuration??n;t<=0||(this.toasts=(this.toasts||[]).map((e=>{if("visible"===e.state&&!e.timerId&&(e.options.duration??t)>0){const s=setTimeout((()=>this.startDismiss(e.id)),e.options.duration??t);return{...e,timerId:s}}return e})))}getContainerStyles(){const t=this.position||"bottom-center";return{position:"fixed",zIndex:(this.zIndex??1e4).toString(),pointerEvents:"none",...{"top-left":{top:"20px",left:"20px"},"top-center":{top:"20px",left:"50%",transform:"translateX(-50%)"},"top-right":{top:"20px",right:"20px"},"bottom-left":{bottom:"20px",left:"20px"},"bottom-center":{bottom:"20px",left:"50%",transform:"translateX(-50%)"},"bottom-right":{bottom:"20px",right:"20px"}}[t]}}getToastItemStyle(t,e,s){const i=this.position||"bottom-center",n=i.startsWith("bottom"),o=i.split("-")[1],r=n?"bottom":"top",a=[];"center"===o&&a.push("translateX(-50%)");const c={position:"absolute",[r]:"0",..."center"===o?{left:"50%"}:"right"===o?{right:"0"}:{left:"0"}};if("entering"===t.state)return a.push(`translateY(${n?20:-20}px)`),{...c,opacity:"0",transform:a.join(" "),transition:"none"};if("exiting"===t.state)return a.push(`translateY(${n?20:-20}px)`),{...c,opacity:"0",transform:a.join(" "),pointerEvents:"none"};if(this.expanded){let t=0;for(let i=0;i<e;i++)t+=(s[i].height||0)+8;return a.push("translateY(0) scale(1)"),{...c,[r]:`${t}px`,opacity:"1",transform:a.join(" "),zIndex:""+(s.length-e)}}const h=8*e,m=[1,.8,.6],l=e<m.length?m[e]:0;return a.push(`translateY(${n?-h:h}px) scale(${1-.05*e})`),{...c,opacity:l.toString(),transform:a.join(" "),transformOrigin:n?"bottom center":"top center",zIndex:""+(s.length-e)}}render(){const t=this.toasts||[],e=t.filter((t=>"exiting"!==t.state)).reverse(),s=new Map;return e.forEach(((t,e)=>s.set(t.id,e))),i("div",{key:"8a63cb5f1e62fea7f562eac000743bb59ec69fda",class:"sd-toast-container",style:this.getContainerStyles(),onMouseEnter:()=>{this.expanded=!0,this.pauseTimers()},onMouseLeave:()=>{this.expanded=!1,this.resumeTimers()}},t.map((t=>{const n=s.get(t.id)??0;return i("div",{key:t.id,class:{"sd-toast-container__item":!0,"sd-toast-container__item--entering":"entering"===t.state,"sd-toast-container__item--visible":"visible"===t.state,"sd-toast-container__item--exiting":"exiting"===t.state},style:this.getToastItemStyle(t,n,e),ref:e=>{e&&this.toastRefs.set(t.id,e)},onTransitionEnd:()=>this.handleTransitionEnd(t.id)},i("sd-toast",{message:t.options.message,type:t.options.type||"default",icon:t.options.icon,link:t.options.link,linkLabel:t.options.linkLabel,useClose:t.options.useClose,onSdClose:()=>this.startDismiss(t.id)}))})))}};r.style='sd-toast-container{display:block}sd-toast-container .sd-toast-container__item{pointer-events:auto;transition:transform 0.4s ease, opacity 0.4s ease, bottom 0.4s ease, top 0.4s ease}sd-toast-container .sd-toast-container__item::before{content:"";position:absolute;left:0;right:0;top:-8px;bottom:-8px}sd-toast-container .sd-toast-container__item--entering{transition:none}sd-toast-container .sd-toast-container__item--exiting{pointer-events:none}';export{r as sd_toast_container}

package/dist/design-system/{p-7e09fdd5.entry.js → p-4c55ba79.entry.js}

@@ -1 +1 @@
-import{r as i,h as e}from"./p-BqHL8W3c.js";const n=class{constructor(e){i(this,e)}visible=!1;message="";async show(i={}){this.message=i.message??"",this.visible=!0}async hide(){this.visible=!1}render(){return e("div",{key:"e4578e196ebd4ee69d424fe85c9bf651bc3382f7",class:{"sd-loading-container":!0,"sd-loading-container--visible":this.visible},"aria-hidden":this.visible?"false":"true"},e("div",{key:"ae9fae9408f9b69591554ca105abb2ece362db00",class:"sd-loading-container__backdrop"}),e("div",{key:"27d0c6518dacbb664cebb2fc76c9ceb14b2b3aac",class:"sd-loading-container__content"},e("sd-circle-progress",{key:"ace74d2550a2ddb579c61e6f8daaaf64915e8666",indeterminate:!0,type:"inverse"}),this.message&&e("p",{key:"af059ecdadf7b3b3c0a0437cbc4264ff550fa3c6",class:"sd-loading-container__message"},this.message)))}};n.style="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, 10000);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}";export{n as sd_loading_container}
+import{r as i,h as e}from"./p-Dcpqhs6V.js";const n=class{constructor(e){i(this,e)}visible=!1;message="";async show(i={}){this.message=i.message??"",this.visible=!0}async hide(){this.visible=!1}render(){return e("div",{key:"e4578e196ebd4ee69d424fe85c9bf651bc3382f7",class:{"sd-loading-container":!0,"sd-loading-container--visible":this.visible},"aria-hidden":this.visible?"false":"true"},e("div",{key:"ae9fae9408f9b69591554ca105abb2ece362db00",class:"sd-loading-container__backdrop"}),e("div",{key:"27d0c6518dacbb664cebb2fc76c9ceb14b2b3aac",class:"sd-loading-container__content"},e("sd-circle-progress",{key:"ace74d2550a2ddb579c61e6f8daaaf64915e8666",indeterminate:!0,type:"inverse"}),this.message&&e("p",{key:"af059ecdadf7b3b3c0a0437cbc4264ff550fa3c6",class:"sd-loading-container__message"},this.message)))}};n.style="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, 10000);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}";export{n as sd_loading_container}

package/dist/design-system/{p-a27718c1.entry.js → p-504fdb4e.entry.js}

@@ -1 +1 @@
-import{r as s,c as t,h as a}from"./p-BqHL8W3c.js";const e=class{constructor(a){s(this,a),this.update=t(this,"sdUpdate",7)}value;tabs=[];size="md";isSub=!1;update;componentWillLoad(){null!=this.value&&(this.value=this.value)}valueChanged(s){this.value=s}handleTabClick=s=>{this.value=s,this.update.emit(s)};isTabSelected(s){return this.value===s.value}getTabClasses(s){return["sd-tabs__tab",this.isTabSelected(s)?"sd-tabs__tab--selected":"sd-tabs__tab--unselected"].join(" ")}getContainerClasses(){const s=["sd-tabs",`sd-tabs--${this.size}`];return this.isSub&&s.push("sd-tabs--sub"),s.join(" ")}getBadgeName(s){return"square_xs_"+(this.isTabSelected(s)?"blue":"grey")}render(){return a("div",{key:"3ac46ee8a763ba5a4a566fb25d4e32366ff8288b",class:this.getContainerClasses()},this.tabs.map(((s,t)=>{const e=this.getBadgeName(s);return a("div",{key:`tab-${t}`,class:this.getTabClasses(s),"aria-label":s.label||"tab",onClick:()=>this.handleTabClick(s.value)},a("span",{"data-label":s.label,class:"sd-tabs__label"},s.label),s.badge&&a("sd-tag",{name:e,label:s.badge.toString()}))})))}static get watchers(){return{value:[{valueChanged:0}]}}};e.style='sd-tabs{display:inline-block;width:100%}sd-tabs .sd-tabs{display:flex;flex-direction:row;gap:4px;border-bottom:1px solid #0075FF}sd-tabs .sd-tabs__tab{display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;border:1px solid #CCCCCC;border-bottom:none;border-radius:4px 4px 0 0;background-color:#F6F6F6;color:#888888;font-weight:400;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.3s}sd-tabs .sd-tabs__tab--selected{border-color:#0075FF;color:#0075FF;background-color:white}sd-tabs .sd-tabs__tab--selected .sd-tabs__label::before{font-weight:700}sd-tabs .sd-tabs__tab--selected:hover::before{background-color:#0075FF;opacity:0.15}sd-tabs .sd-tabs__tab--unselected:hover::before{background-color:#888888;opacity:0.15}sd-tabs .sd-tabs__label{user-select:none;font-weight:700;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:400;transition:font-weight 0.2s ease}sd-tabs .sd-tabs--md .sd-tabs__tab{padding:12px 32px;font-size:12px;line-height:20px}sd-tabs .sd-tabs--sm .sd-tabs__tab{padding:8px 20px;font-size:12px;line-height:16px}sd-tabs .sd-tabs--sub{gap:32px;border-bottom:none}sd-tabs .sd-tabs--sub .sd-tabs__tab{border:none;border-radius:0;background-color:transparent;color:#222222;font-weight:400;padding:0 0 2px 0;position:relative}sd-tabs .sd-tabs--sub .sd-tabs__tab::before{content:"";position:absolute;top:100%;left:0;right:0;height:1px;width:100%;background-color:#0075FF;opacity:0;transition:opacity 0.2s ease}sd-tabs .sd-tabs--sub .sd-tabs__tab::after{font-weight:400}sd-tabs .sd-tabs--sub .sd-tabs__tab--selected{color:#0075FF;background-color:transparent}sd-tabs .sd-tabs--sub .sd-tabs__tab--selected::before{opacity:1}sd-tabs .sd-tabs--sub .sd-tabs__tab--selected::after{font-weight:700}';export{e as sd_tabs}
+import{r as s,c as t,h as a}from"./p-Dcpqhs6V.js";const e=class{constructor(a){s(this,a),this.update=t(this,"sdUpdate",7)}value;tabs=[];size="md";isSub=!1;update;componentWillLoad(){null!=this.value&&(this.value=this.value)}valueChanged(s){this.value=s}handleTabClick=s=>{this.value=s,this.update.emit(s)};isTabSelected(s){return this.value===s.value}getTabClasses(s){return["sd-tabs__tab",this.isTabSelected(s)?"sd-tabs__tab--selected":"sd-tabs__tab--unselected"].join(" ")}getContainerClasses(){const s=["sd-tabs",`sd-tabs--${this.size}`];return this.isSub&&s.push("sd-tabs--sub"),s.join(" ")}getBadgeName(s){return"square_xs_"+(this.isTabSelected(s)?"blue":"grey")}render(){return a("div",{key:"3ac46ee8a763ba5a4a566fb25d4e32366ff8288b",class:this.getContainerClasses()},this.tabs.map(((s,t)=>{const e=this.getBadgeName(s);return a("div",{key:`tab-${t}`,class:this.getTabClasses(s),"aria-label":s.label||"tab",onClick:()=>this.handleTabClick(s.value)},a("span",{"data-label":s.label,class:"sd-tabs__label"},s.label),s.badge&&a("sd-tag",{name:e,label:s.badge.toString()}))})))}static get watchers(){return{value:[{valueChanged:0}]}}};e.style='sd-tabs{display:inline-block;width:100%}sd-tabs .sd-tabs{display:flex;flex-direction:row;gap:4px;border-bottom:1px solid #0075FF}sd-tabs .sd-tabs__tab{display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;border:1px solid #CCCCCC;border-bottom:none;border-radius:4px 4px 0 0;background-color:#F6F6F6;color:#888888;font-weight:400;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.3s}sd-tabs .sd-tabs__tab--selected{border-color:#0075FF;color:#0075FF;background-color:white}sd-tabs .sd-tabs__tab--selected .sd-tabs__label::before{font-weight:700}sd-tabs .sd-tabs__tab--selected:hover::before{background-color:#0075FF;opacity:0.15}sd-tabs .sd-tabs__tab--unselected:hover::before{background-color:#888888;opacity:0.15}sd-tabs .sd-tabs__label{user-select:none;font-weight:700;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:400;transition:font-weight 0.2s ease}sd-tabs .sd-tabs--md .sd-tabs__tab{padding:12px 32px;font-size:12px;line-height:20px}sd-tabs .sd-tabs--sm .sd-tabs__tab{padding:8px 20px;font-size:12px;line-height:16px}sd-tabs .sd-tabs--sub{gap:32px;border-bottom:none}sd-tabs .sd-tabs--sub .sd-tabs__tab{border:none;border-radius:0;background-color:transparent;color:#222222;font-weight:400;padding:0 0 2px 0;position:relative}sd-tabs .sd-tabs--sub .sd-tabs__tab::before{content:"";position:absolute;top:100%;left:0;right:0;height:1px;width:100%;background-color:#0075FF;opacity:0;transition:opacity 0.2s ease}sd-tabs .sd-tabs--sub .sd-tabs__tab::after{font-weight:400}sd-tabs .sd-tabs--sub .sd-tabs__tab--selected{color:#0075FF;background-color:transparent}sd-tabs .sd-tabs--sub .sd-tabs__tab--selected::before{opacity:1}sd-tabs .sd-tabs--sub .sd-tabs__tab--selected::after{font-weight:700}';export{e as sd_tabs}

package/dist/design-system/{p-3f79f1d1.entry.js → p-513d85e1.entry.js}

@@ -1 +1 @@
-import{r as t,a as s,h as o,H as a}from"./p-BqHL8W3c.js";import{T as e}from"./p-sZMi_32I.js";const d=class{constructor(s){t(this,s)}get el(){return s(this)}rows=[];tableId="";topSpacerHeight=0;bottomSpacerHeight=0;tableEl=null;handleRowsChange(t){const s=t??[];this.tableEl?.setRowCountSync&&this.tableEl.setRowCountSync(s.length)}componentWillLoad(){this.syncTableContext(),this.rows=this.rows??[],this.tableEl?.setRowCountSync&&this.tableEl.setRowCountSync(this.rows.length),this.el.setSpacersSync=(t,s)=>{this.topSpacerHeight=t,this.bottomSpacerHeight=s}}componentDidLoad(){this.syncTableContext()}syncTableContext(){const t=this.el.closest("sd-table");this.tableEl=t;const s=t?.getTableIdSync?.(),o=t?.getAttribute(e),a=(s&&"undefined"!==s?s:null)??(o&&"undefined"!==o?o:null)??"";a&&a!==this.tableId&&(this.tableId=a)}render(){const t=this.rows.length>0;return o(a,{key:"aaa6a5a3ae24728e004c769f8652c838f852aefc",slot:`${this.tableId}-body`},o("tbody",{key:"de2909b4fe23293abd69778aed02abdab4ee8120",class:{tbody:!0,"tbody--empty":!t}},t?[this.topSpacerHeight>0&&o("tr",{key:"spacer-top",class:"tbody__spacer",style:{height:`${this.topSpacerHeight}px`,display:"block"}}),o("slot",null),this.bottomSpacerHeight>0&&o("tr",{key:"spacer-bottom",class:"tbody__spacer",style:{height:`${this.bottomSpacerHeight}px`,display:"block"}})]:o("tr",{class:"tbody__no-data-row"},o("td",{class:"tbody__no-data-cell",colSpan:100},o("slot",{name:"no-data"})))))}static get watchers(){return{rows:[{handleRowsChange:0}]}}};d.style=":host{display:contents}:host *{box-sizing:border-box}.tbody{display:table-row-group}.tbody--empty .tbody__no-data-row{display:table-row}.tbody--empty .tbody__no-data-cell{display:table-cell;padding:0;border-bottom:none}";export{d as sd_tbody}
+import{r as t,a as s,h as o,H as a}from"./p-Dcpqhs6V.js";import{T as e}from"./p-sZMi_32I.js";const d=class{constructor(s){t(this,s)}get el(){return s(this)}rows=[];tableId="";topSpacerHeight=0;bottomSpacerHeight=0;tableEl=null;handleRowsChange(t){const s=t??[];this.tableEl?.setRowCountSync&&this.tableEl.setRowCountSync(s.length)}componentWillLoad(){this.syncTableContext(),this.rows=this.rows??[],this.tableEl?.setRowCountSync&&this.tableEl.setRowCountSync(this.rows.length),this.el.setSpacersSync=(t,s)=>{this.topSpacerHeight=t,this.bottomSpacerHeight=s}}componentDidLoad(){this.syncTableContext()}syncTableContext(){const t=this.el.closest("sd-table");this.tableEl=t;const s=t?.getTableIdSync?.(),o=t?.getAttribute(e),a=(s&&"undefined"!==s?s:null)??(o&&"undefined"!==o?o:null)??"";a&&a!==this.tableId&&(this.tableId=a)}render(){const t=this.rows.length>0;return o(a,{key:"aaa6a5a3ae24728e004c769f8652c838f852aefc",slot:`${this.tableId}-body`},o("tbody",{key:"de2909b4fe23293abd69778aed02abdab4ee8120",class:{tbody:!0,"tbody--empty":!t}},t?[this.topSpacerHeight>0&&o("tr",{key:"spacer-top",class:"tbody__spacer",style:{height:`${this.topSpacerHeight}px`,display:"block"}}),o("slot",null),this.bottomSpacerHeight>0&&o("tr",{key:"spacer-bottom",class:"tbody__spacer",style:{height:`${this.bottomSpacerHeight}px`,display:"block"}})]:o("tr",{class:"tbody__no-data-row"},o("td",{class:"tbody__no-data-cell",colSpan:100},o("slot",{name:"no-data"})))))}static get watchers(){return{rows:[{handleRowsChange:0}]}}};d.style=":host{display:contents}:host *{box-sizing:border-box}.tbody{display:table-row-group}.tbody--empty .tbody__no-data-row{display:table-row}.tbody--empty .tbody__no-data-cell{display:table-cell;padding:0;border-bottom:none}";export{d as sd_tbody}

package/dist/design-system/{p-c4e68815.entry.js → p-51fcc29f.entry.js}

@@ -1 +1 @@
-import{r as t,c as d,h as e}from"./p-BqHL8W3c.js";const s=class{constructor(e){t(this,e),this.click=d(this,"sdClick",7),this.mouseOver=d(this,"sdMouseOver",7)}date=null;disabled=!1;selected=!1;isStartDate=!1;isEndDate=!1;isToday=!1;inRange=!1;type="";click;mouseOver;handleClickDate(){!this.disabled&&this.date&&"string"!=typeof this.date&&this.click?.emit(this.date)}handleHoverDate(){"string"!=typeof this.date&&this.mouseOver?.emit(this.date)}render(){return e("div",{key:"b14dd7c9806828807cdfc232420a30c816ffbeb2",role:"button",tabindex:this.disabled?-1:0,class:{"sd-date-box":!0,"sd-hoverable":!this.disabled||!this.selected||""===this.type,"sd-date-box--disabled":this.disabled,"sd-date-box--selected":this.selected,"sd-date-box--today":this.isToday,"sd-date-box--start-date":this.isStartDate,"sd-date-box--end-date":this.isEndDate,"sd-date-box--in-range":this.inRange,"sd-date-box--type-start":"start"===this.type,"sd-date-box--type-end":"end"===this.type},onClick:()=>this.handleClickDate(),onMouseOver:()=>this.handleHoverDate()},e("div",{key:"acb1a2d51d018913e39f8fd1fc54ab85c4ce6957",class:"sd-date-box__content"},e("div",{key:"8c9445e4268cd254d76297ac1e775697d889f721",class:"sd-date-box__label"},this.date)))}};s.style='.sd-date-box.sc-sd-date-box{display:flex;align-items:center;justify-content:center;width:38px;height:36px;font-size:14px;position:relative;box-sizing:border-box;text-align:center;transition:background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);border-radius:14px}.sd-date-box.sc-sd-date-box .sd-date-box__content.sc-sd-date-box{width:28px;height:28px;border-radius:14px;position:relative}.sd-date-box.sc-sd-date-box .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box{position:relative;z-index:2;-webkit-user-select:none;user-select:none;line-height:28px}.sd-date-box.sd-date-box--disabled.sc-sd-date-box{color:#CCCCCC;cursor:default !important;pointer-events:none}.sd-date-box.sc-sd-date-box:not(.sd-date-box--disabled){color:#333333;cursor:pointer}.sd-date-box.sd-hoverable.sc-sd-date-box:hover .sd-date-box__content.sc-sd-date-box{background:#D9EAFF}.sd-date-box.sd-date-box--in-range.sc-sd-date-box:not(.sd-date-box--disabled) .sd-date-box__content.sc-sd-date-box::before{content:"";position:absolute;top:0;left:-5px;width:calc(100% + 10px);height:100%;background:#D9EAFF}.sd-date-box.sd-date-box--in-range.sd-date-box--type-start.sc-sd-date-box .sd-date-box__content.sc-sd-date-box::before{left:auto !important;width:19px !important;right:-5px}.sd-date-box.sd-date-box--in-range.sd-date-box--type-end.sc-sd-date-box .sd-date-box__content.sc-sd-date-box::before{width:19px !important}.sd-date-box.sd-date-box--in-range.sc-sd-date-box .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box{font-weight:500}.sd-date-box.sd-date-box--selected.sc-sd-date-box .sd-date-box__content.sc-sd-date-box::after,.sd-date-box.sd-date-box--type-start.sc-sd-date-box .sd-date-box__content.sc-sd-date-box::after,.sd-date-box.sd-date-box--type-end.sc-sd-date-box .sd-date-box__content.sc-sd-date-box::after{content:"";position:absolute;inset:0;background:#0075FF;border-radius:14px;z-index:1}.sd-date-box.sd-date-box--selected.sc-sd-date-box .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box,.sd-date-box.sd-date-box--type-start.sc-sd-date-box .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box,.sd-date-box.sd-date-box--type-end.sc-sd-date-box .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box{color:white;font-weight:700}.sd-date-box.sd-date-box--start-date.sd-date-box--end-date.sc-sd-date-box .sd-date-box__content.sc-sd-date-box::before{display:none !important}.sd-date-box.sd-date-box--today.sc-sd-date-box:not(.sd-date-box--selected) .sd-date-box__content.sc-sd-date-box::after{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:28px;height:28px;border:1px solid #E1E1E1 !important;border-radius:14px}';export{s as sd_date_box}
+import{r as t,c as d,h as e}from"./p-Dcpqhs6V.js";const s=class{constructor(e){t(this,e),this.click=d(this,"sdClick",7),this.mouseOver=d(this,"sdMouseOver",7)}date=null;disabled=!1;selected=!1;isStartDate=!1;isEndDate=!1;isToday=!1;inRange=!1;type="";click;mouseOver;handleClickDate(){!this.disabled&&this.date&&"string"!=typeof this.date&&this.click?.emit(this.date)}handleHoverDate(){"string"!=typeof this.date&&this.mouseOver?.emit(this.date)}render(){return e("div",{key:"b14dd7c9806828807cdfc232420a30c816ffbeb2",role:"button",tabindex:this.disabled?-1:0,class:{"sd-date-box":!0,"sd-hoverable":!this.disabled||!this.selected||""===this.type,"sd-date-box--disabled":this.disabled,"sd-date-box--selected":this.selected,"sd-date-box--today":this.isToday,"sd-date-box--start-date":this.isStartDate,"sd-date-box--end-date":this.isEndDate,"sd-date-box--in-range":this.inRange,"sd-date-box--type-start":"start"===this.type,"sd-date-box--type-end":"end"===this.type},onClick:()=>this.handleClickDate(),onMouseOver:()=>this.handleHoverDate()},e("div",{key:"acb1a2d51d018913e39f8fd1fc54ab85c4ce6957",class:"sd-date-box__content"},e("div",{key:"8c9445e4268cd254d76297ac1e775697d889f721",class:"sd-date-box__label"},this.date)))}};s.style='.sd-date-box.sc-sd-date-box{display:flex;align-items:center;justify-content:center;width:38px;height:36px;font-size:14px;position:relative;box-sizing:border-box;text-align:center;transition:background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);border-radius:14px}.sd-date-box.sc-sd-date-box .sd-date-box__content.sc-sd-date-box{width:28px;height:28px;border-radius:14px;position:relative}.sd-date-box.sc-sd-date-box .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box{position:relative;z-index:2;-webkit-user-select:none;user-select:none;line-height:28px}.sd-date-box.sd-date-box--disabled.sc-sd-date-box{color:#CCCCCC;cursor:default !important;pointer-events:none}.sd-date-box.sc-sd-date-box:not(.sd-date-box--disabled){color:#333333;cursor:pointer}.sd-date-box.sd-hoverable.sc-sd-date-box:hover .sd-date-box__content.sc-sd-date-box{background:#D9EAFF}.sd-date-box.sd-date-box--in-range.sc-sd-date-box:not(.sd-date-box--disabled) .sd-date-box__content.sc-sd-date-box::before{content:"";position:absolute;top:0;left:-5px;width:calc(100% + 10px);height:100%;background:#D9EAFF}.sd-date-box.sd-date-box--in-range.sd-date-box--type-start.sc-sd-date-box .sd-date-box__content.sc-sd-date-box::before{left:auto !important;width:19px !important;right:-5px}.sd-date-box.sd-date-box--in-range.sd-date-box--type-end.sc-sd-date-box .sd-date-box__content.sc-sd-date-box::before{width:19px !important}.sd-date-box.sd-date-box--in-range.sc-sd-date-box .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box{font-weight:500}.sd-date-box.sd-date-box--selected.sc-sd-date-box .sd-date-box__content.sc-sd-date-box::after,.sd-date-box.sd-date-box--type-start.sc-sd-date-box .sd-date-box__content.sc-sd-date-box::after,.sd-date-box.sd-date-box--type-end.sc-sd-date-box .sd-date-box__content.sc-sd-date-box::after{content:"";position:absolute;inset:0;background:#0075FF;border-radius:14px;z-index:1}.sd-date-box.sd-date-box--selected.sc-sd-date-box .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box,.sd-date-box.sd-date-box--type-start.sc-sd-date-box .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box,.sd-date-box.sd-date-box--type-end.sc-sd-date-box .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box{color:white;font-weight:700}.sd-date-box.sd-date-box--start-date.sd-date-box--end-date.sc-sd-date-box .sd-date-box__content.sc-sd-date-box::before{display:none !important}.sd-date-box.sd-date-box--today.sc-sd-date-box:not(.sd-date-box--selected) .sd-date-box__content.sc-sd-date-box::after{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:28px;height:28px;border:1px solid #E1E1E1 !important;border-radius:14px}';export{s as sd_date_box}

package/dist/design-system/{p-9dd3c6a7.entry.js → p-5224553e.entry.js}

@@ -1 +1 @@
-import{r as a,c as d,h as o}from"./p-BqHL8W3c.js";import{m as t}from"./p-DOXMJi-V.js";const{modal:e}=t,i=e.action,s={radius:Number(e.radius),bg:e.bg,headerPaddingX:Number(i.header.paddingX),headerPaddingY:Number(i.header.paddingY),headerGap:Number(i.header.gap),bodyPaddingX:Number(i.body.paddingX),bodyPaddingBottom:Number(i.body.paddingBottom),footerPaddingX:Number(i.footer.paddingX),footerPaddingY:Number(i.footer.paddingY),footerGap:Number(i.footer.gap),footerBg:i.footer.bg,footerBorder:i.footer.border},n={color:i.title.color,fontFamily:i.title.typography.fontFamily,fontWeight:i.title.typography.fontWeight,fontSize:Number(i.title.typography.fontSize),lineHeight:Number(i.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:"e741d601fd1c079ebee5b0c527bdf9ec62c43e65",class:"sd-action-modal",style:{...a,...d}},o("header",{key:"9a083fe0d0f8d2b9509cb80af2e8091f4cb23c26",class:"sd-action-modal__header"},o("h2",{key:"1c91eecc04e5c70267ab571a5a7e8dab8fc97fa4",class:"sd-action-modal__title"},this.modalTitle),o("div",{key:"67eba3fbada5580c5741387248d803d0299612e2",class:"sd-action-modal__header-sub"},o("slot",{key:"769583cdfdb8c5d1e2eb2bd1c240c9956f1530e3",name:"header-sub-title"})),o("sd-ghost-button",{key:"05cb596931da687dd2fbf961bdbe116b0a83ee87",class:"sd-action-modal__close",icon:"close",ariaLabel:"close",onClick:()=>this.close.emit()})),o("div",{key:"ecf3346b28bdf29d13fedb1d58f2119af73932a2",class:"sd-action-modal__body"},o("slot",{key:"276aa6ced63b887cda3b8a9790b4d5064763f556",name:"body"})),(null!=this.buttonProps||null!=this.buttonProps)&&o("footer",{key:"fcf62d04efe0cfa46c3ceadda2314606a1e3588c",class:"sd-action-modal__footer"},o("div",{key:"61948bdf02737aed99420533f5fb9ab4e28be676",class:"sd-action-modal__footer-sub"},o("slot",{key:"761a6a38ba2a86f932564a7d1e03e3277f9f917b",name:"bottom-sub-content"})),o("sd-button-v2",{key:"242531f04700bea06c93c25a7eaf3e0b03dd628d",...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-v2{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}
+import{r as a,c as d,h as o}from"./p-Dcpqhs6V.js";import{m as t}from"./p-DOXMJi-V.js";const{modal:e}=t,i=e.action,s={radius:Number(e.radius),bg:e.bg,headerPaddingX:Number(i.header.paddingX),headerPaddingY:Number(i.header.paddingY),headerGap:Number(i.header.gap),bodyPaddingX:Number(i.body.paddingX),bodyPaddingBottom:Number(i.body.paddingBottom),footerPaddingX:Number(i.footer.paddingX),footerPaddingY:Number(i.footer.paddingY),footerGap:Number(i.footer.gap),footerBg:i.footer.bg,footerBorder:i.footer.border},n={color:i.title.color,fontFamily:i.title.typography.fontFamily,fontWeight:i.title.typography.fontWeight,fontSize:Number(i.title.typography.fontSize),lineHeight:Number(i.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:"e741d601fd1c079ebee5b0c527bdf9ec62c43e65",class:"sd-action-modal",style:{...a,...d}},o("header",{key:"9a083fe0d0f8d2b9509cb80af2e8091f4cb23c26",class:"sd-action-modal__header"},o("h2",{key:"1c91eecc04e5c70267ab571a5a7e8dab8fc97fa4",class:"sd-action-modal__title"},this.modalTitle),o("div",{key:"67eba3fbada5580c5741387248d803d0299612e2",class:"sd-action-modal__header-sub"},o("slot",{key:"769583cdfdb8c5d1e2eb2bd1c240c9956f1530e3",name:"header-sub-title"})),o("sd-ghost-button",{key:"05cb596931da687dd2fbf961bdbe116b0a83ee87",class:"sd-action-modal__close",icon:"close",ariaLabel:"close",onClick:()=>this.close.emit()})),o("div",{key:"ecf3346b28bdf29d13fedb1d58f2119af73932a2",class:"sd-action-modal__body"},o("slot",{key:"276aa6ced63b887cda3b8a9790b4d5064763f556",name:"body"})),(null!=this.buttonProps||null!=this.buttonProps)&&o("footer",{key:"fcf62d04efe0cfa46c3ceadda2314606a1e3588c",class:"sd-action-modal__footer"},o("div",{key:"61948bdf02737aed99420533f5fb9ab4e28be676",class:"sd-action-modal__footer-sub"},o("slot",{key:"761a6a38ba2a86f932564a7d1e03e3277f9f917b",name:"bottom-sub-content"})),o("sd-button-v2",{key:"242531f04700bea06c93c25a7eaf3e0b03dd628d",...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-v2{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-525aefd5.entry.js

@@ -0,0 +1 @@
+import{r as d,c as e,h as i}from"./p-Dcpqhs6V.js";var r={fontWeight:"400",fontSize:"12",lineHeight:"20"},a={default:"#FFFFFF",disabled:"#E1E1E1",hover:"#D9EAFF"},o={default:"#AAAAAA",hover:"#0075FF",active:"#0075FF",disabled:"#CCCCCC"},s={default:"#0075FF",disabled:"#CCCCCC",size:"10"};const t="16",h="1",c="8",l=s.size,n={fontSize:r.fontSize,lineHeight:r.lineHeight,fontWeight:r.fontWeight},b={unchecked:{bg:a.default,bgHover:a.hover,border:o.default,borderHover:o.hover},checked:{border:o.active,dot:s.default},disabled:{bg:a.disabled,border:o.disabled,dot:s.disabled},label:{default:"#222222"}.default},g=class{constructor(i){d(this,i),this.update=e(this,"sdUpdate",7)}value;val;disabled=!1;label;update;valueChanged(d){this.value=d}get isSelected(){return String(this.val)===String(this.value)}get radioClasses(){const d=["sd-radio",this.isSelected?"sd-radio--checked":"sd-radio--unchecked"];return this.disabled&&d.push("sd-radio--disabled"),d.join(" ")}handleRadioChange=()=>{this.disabled||(this.value=this.val,this.update.emit(this.value))};render(){return i("label",{key:"ad5c1811c6ee5c27f307ab5430e80845001b3415",class:this.radioClasses,style:{"--sd-radio-size":`${t}px`,"--sd-radio-border-width":`${h}px`,"--sd-radio-gap":`${c}px`,"--sd-radio-dot-size":`${l}px`,"--sd-radio-font-size":`${n.fontSize}px`,"--sd-radio-line-height":`${n.lineHeight}px`,"--sd-radio-font-weight":n.fontWeight,"--sd-radio-unchecked-bg":b.unchecked.bg,"--sd-radio-unchecked-bg-hover":b.unchecked.bgHover,"--sd-radio-unchecked-border":b.unchecked.border,"--sd-radio-unchecked-border-hover":b.unchecked.borderHover,"--sd-radio-checked-border":b.checked.border,"--sd-radio-checked-dot":b.checked.dot,"--sd-radio-disabled-bg":b.disabled.bg,"--sd-radio-disabled-border":b.disabled.border,"--sd-radio-disabled-dot":b.disabled.dot,"--sd-radio-label-color":b.label},"aria-checked":this.isSelected?"true":"false","aria-disabled":this.disabled?"true":"false"},i("input",{key:"bf4359db0e94f01afba8908e0d2f961f61158e21",type:"radio",name:String(this.val),value:String(this.val),checked:this.isSelected,disabled:this.disabled,"aria-label":this.label||String(this.val),onInput:this.handleRadioChange}),i("span",{key:"9de620deba0931a0c8b4c7b5a36b245c3cab40cd",class:"sd-radio__circle"}),this.label&&i("span",{key:"7572925680817bd7da65e61a4df7bb62a50a3b39",class:"sd-radio__label"},this.label))}static get watchers(){return{value:[{valueChanged:0}]}}};g.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)}';export{g as sd_radio}

package/dist/design-system/{p-09ba9dbc.entry.js → p-5982bcd0.entry.js}

@@ -1 +1 @@
-import{r as t,h as e}from"./p-BqHL8W3c.js";var n={height:"20",paddingX:"8",gap:"4",icon:"12",typography:{fontSize:"11",fontWeight:"500",lineHeight:"18"},radius:"6"},i={height:"24",paddingX:"8",gap:"4",icon:"16",typography:{fontSize:"12",fontWeight:"700",lineHeight:"20"},radius:"6"},a={height:"28",paddingX:"12",gap:"6",icon:"16",typography:{fontSize:"14",fontWeight:"700",lineHeight:"24"},radius:"8"},g={content:"#FB4444",bg:"#FCEFEF"},o={content:"#FF6B00",bg:"#FEF1EA"},s={content:"#916C0D",bg:"#FFF7DD"},d={content:"#00973C",bg:"#E8F9EF"},r={content:"#0075FF",bg:"#E6F1FF"},c={content:"#006AC1",bg:"#EAF5FE"},p={content:"#004290",bg:"#EFF6FF"},h={content:"#737373",bg:"#EEEEEE"};const l=["xs","sm","md"],u=["grey","red","orange","yellow","green","blue","darkblue","indigo"],b={grey:{background:h.bg,content:h.content,icon:h.content},red:{background:g.bg,content:g.content,icon:g.content},orange:{background:o.bg,content:o.content,icon:o.content},yellow:{background:s.bg,content:s.content,icon:s.content},green:{background:d.bg,content:d.content,icon:d.content},blue:{background:r.bg,content:r.content,icon:r.content},darkblue:{background:c.bg,content:c.content,icon:c.content},indigo:{background:p.bg,content:p.content,icon:p.content}},x={xs:{height:`${n.height}px`,paddingX:`${n.paddingX}px`,gap:`${n.gap}px`,fontSize:`${n.typography.fontSize}px`,fontWeight:n.typography.fontWeight,lineHeight:`${n.typography.lineHeight}px`,iconSize:Number(n.icon),radius:`${n.radius}px`},sm:{height:`${i.height}px`,paddingX:`${i.paddingX}px`,gap:`${i.gap}px`,fontSize:`${i.typography.fontSize}px`,fontWeight:i.typography.fontWeight,lineHeight:`${i.typography.lineHeight}px`,iconSize:Number(i.icon),radius:`${i.radius}px`},md:{height:`${a.height}px`,paddingX:`${a.paddingX}px`,gap:`${a.gap}px`,fontSize:`${a.typography.fontSize}px`,fontWeight:a.typography.fontWeight,lineHeight:`${a.typography.lineHeight}px`,iconSize:Number(a.icon),radius:`${a.radius}px`}},f={xs:{...x.xs,radius:"999px"},sm:{...x.sm,radius:"999px"},md:{...x.md,radius:"999px"}},F=Object.fromEntries(["square","pill"].flatMap((t=>l.flatMap((e=>u.map((n=>[`${t}_${e}_${n}`,{shape:t,size:e,color:n,..."square"===t?x[e]:f[e],...b[n]}]))))))),$=class{constructor(e){t(this,e)}name="square_sm_grey";label="";icon;isLeft=!0;get resolvedConfig(){if(!Object.prototype.hasOwnProperty.call(F,this.name))throw new Error(`Invalid sd-tag name: ${this.name}`);return F[this.name]}renderIcon(t,n){return this.icon?e("sd-icon",{class:"sd-tag__icon",name:this.icon,size:n,color:t}):null}render(){const t=this.resolvedConfig,n=this.renderIcon(t.icon,t.iconSize);return e("span",{key:"773056b7cd351f05ec4c4b9fed8db790a8ab83d0",class:"sd-tag",style:{"--sd-tag-background":t.background,"--sd-tag-content":t.content,"--sd-tag-height":t.height,"--sd-tag-padding-x":t.paddingX,"--sd-tag-gap":t.gap,"--sd-tag-font-size":t.fontSize,"--sd-tag-font-weight":t.fontWeight,"--sd-tag-line-height":t.lineHeight,"--sd-tag-radius":t.radius},"aria-label":this.label||"tag"},this.icon&&this.isLeft&&n,e("span",{key:"6271ce5e0f6cda83e668119e846a18cee3db3a16",class:"sd-tag__label"},this.label),this.icon&&!this.isLeft&&n)}};$.style="sd-tag{display:inline-flex;width:fit-content;height:fit-content}.sd-tag{display:inline-flex;align-items:center;justify-content:center;gap:var(--sd-tag-gap, 5px);min-height:var(--sd-tag-height, 24px);padding:0 var(--sd-tag-padding-x, 8px);border-radius:var(--sd-tag-radius, 4px);background:var(--sd-tag-background, #f3f3f3);color:var(--sd-tag-content, #7a7a7a);box-sizing:border-box;white-space:nowrap;-webkit-user-select:none;user-select:none}.sd-tag__icon{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center}.sd-tag__label{display:inline-flex;align-items:center;justify-content:center;min-width:0;font-size:var(--sd-tag-font-size, 12px);font-weight:var(--sd-tag-font-weight, 700);line-height:var(--sd-tag-line-height, 20px)}";export{$ as sd_tag}
+import{r as t,h as e}from"./p-Dcpqhs6V.js";var n={height:"20",paddingX:"8",gap:"4",icon:"12",typography:{fontSize:"11",fontWeight:"500",lineHeight:"18"},radius:"6"},i={height:"24",paddingX:"8",gap:"4",icon:"16",typography:{fontSize:"12",fontWeight:"700",lineHeight:"20"},radius:"6"},a={height:"28",paddingX:"12",gap:"6",icon:"16",typography:{fontSize:"14",fontWeight:"700",lineHeight:"24"},radius:"8"},g={content:"#FB4444",bg:"#FCEFEF"},s={content:"#FF6B00",bg:"#FEF1EA"},o={content:"#916C0D",bg:"#FFF7DD"},d={content:"#00973C",bg:"#E8F9EF"},r={content:"#0075FF",bg:"#E6F1FF"},c={content:"#006AC1",bg:"#EAF5FE"},p={content:"#004290",bg:"#EFF6FF"},h={content:"#737373",bg:"#EEEEEE"};const l=["xs","sm","md"],u=["grey","red","orange","yellow","green","blue","darkblue","indigo"],b={grey:{background:h.bg,content:h.content,icon:h.content},red:{background:g.bg,content:g.content,icon:g.content},orange:{background:s.bg,content:s.content,icon:s.content},yellow:{background:o.bg,content:o.content,icon:o.content},green:{background:d.bg,content:d.content,icon:d.content},blue:{background:r.bg,content:r.content,icon:r.content},darkblue:{background:c.bg,content:c.content,icon:c.content},indigo:{background:p.bg,content:p.content,icon:p.content}},x={xs:{height:`${n.height}px`,paddingX:`${n.paddingX}px`,gap:`${n.gap}px`,fontSize:`${n.typography.fontSize}px`,fontWeight:n.typography.fontWeight,lineHeight:`${n.typography.lineHeight}px`,iconSize:Number(n.icon),radius:`${n.radius}px`},sm:{height:`${i.height}px`,paddingX:`${i.paddingX}px`,gap:`${i.gap}px`,fontSize:`${i.typography.fontSize}px`,fontWeight:i.typography.fontWeight,lineHeight:`${i.typography.lineHeight}px`,iconSize:Number(i.icon),radius:`${i.radius}px`},md:{height:`${a.height}px`,paddingX:`${a.paddingX}px`,gap:`${a.gap}px`,fontSize:`${a.typography.fontSize}px`,fontWeight:a.typography.fontWeight,lineHeight:`${a.typography.lineHeight}px`,iconSize:Number(a.icon),radius:`${a.radius}px`}},f={xs:{...x.xs,radius:"999px"},sm:{...x.sm,radius:"999px"},md:{...x.md,radius:"999px"}},F=Object.fromEntries(["square","pill"].flatMap((t=>l.flatMap((e=>u.map((n=>[`${t}_${e}_${n}`,{shape:t,size:e,color:n,..."square"===t?x[e]:f[e],...b[n]}]))))))),$=class{constructor(e){t(this,e)}name="square_sm_grey";label="";icon;isLeft=!0;get resolvedConfig(){if(!Object.prototype.hasOwnProperty.call(F,this.name))throw new Error(`Invalid sd-tag name: ${this.name}`);return F[this.name]}renderIcon(t,n){return this.icon?e("sd-icon",{class:"sd-tag__icon",name:this.icon,size:n,color:t}):null}render(){const t=this.resolvedConfig,n=this.renderIcon(t.icon,t.iconSize);return e("span",{key:"773056b7cd351f05ec4c4b9fed8db790a8ab83d0",class:"sd-tag",style:{"--sd-tag-background":t.background,"--sd-tag-content":t.content,"--sd-tag-height":t.height,"--sd-tag-padding-x":t.paddingX,"--sd-tag-gap":t.gap,"--sd-tag-font-size":t.fontSize,"--sd-tag-font-weight":t.fontWeight,"--sd-tag-line-height":t.lineHeight,"--sd-tag-radius":t.radius},"aria-label":this.label||"tag"},this.icon&&this.isLeft&&n,e("span",{key:"6271ce5e0f6cda83e668119e846a18cee3db3a16",class:"sd-tag__label"},this.label),this.icon&&!this.isLeft&&n)}};$.style="sd-tag{display:inline-flex;width:fit-content;height:fit-content}.sd-tag{display:inline-flex;align-items:center;justify-content:center;gap:var(--sd-tag-gap, 5px);min-height:var(--sd-tag-height, 24px);padding:0 var(--sd-tag-padding-x, 8px);border-radius:var(--sd-tag-radius, 4px);background:var(--sd-tag-background, #f3f3f3);color:var(--sd-tag-content, #7a7a7a);box-sizing:border-box;white-space:nowrap;-webkit-user-select:none;user-select:none}.sd-tag__icon{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center}.sd-tag__label{display:inline-flex;align-items:center;justify-content:center;min-width:0;font-size:var(--sd-tag-font-size, 12px);font-weight:var(--sd-tag-font-weight, 700);line-height:var(--sd-tag-line-height, 20px)}";export{$ as sd_tag}

package/dist/design-system/{p-4dcadde3.entry.js → p-5b2486c9.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,h as s,a as i}from"./p-BqHL8W3c.js";const o=class{constructor(s){t(this,s),this.optionClick=e(this,"sdOptionClick",7),this.optionFiltered=e(this,"sdOptionFiltered",7),this.scroll=e(this,"sdScroll",7)}itemIndex;value=null;options;width;dropdownHeight;searchable;optionPlaceholder;useCheckbox=!1;useAll=!1;filteredOptions=[];searchText=null;isScrolled=!1;isDropdownReady=!1;optionClick;optionFiltered;scroll;filteredOptionsChanged(t){this.optionFiltered.emit(t)}searchTextChanged(){this.filterOptions()}async itemIndexChanged(t,e){if(this.searchable){const t=await this.getNativeInputElement();if(-1===this.itemIndex)return void t?.focus({preventScroll:!0});t?.matches(":focus")&&t?.blur()}const s=this.dropdownRef?.querySelectorAll(".sd-select-dropdown sd-select-option")||[],i=s?.[this.itemIndex];i&&(this.optionRef=i,await this.optionRef.sdIsDisabled()?t>e?this.itemIndex++:this.itemIndex--:this.scrollToOption(i))}componentWillLoad(){this.filteredOptions=this.options,requestAnimationFrame((()=>{requestAnimationFrame((async()=>{const t=this.getSelectedOption();if(t){const e=Array.isArray(t)?this.options.indexOf(t[0]):this.options.indexOf(t),s=Array.from(this.dropdownRef?.querySelectorAll("sd-select-option")||[]),i=Math.min((this.useAll?e+1:e)+4,s.length-1),o=s?.[i];o&&this.scrollToOption(o,"instant")}if(this.isDropdownReady=!0,this.searchable){const t=await this.getNativeInputElement();t&&requestAnimationFrame((()=>{t.focus({preventScroll:!0})}))}}))}))}dropdownRef;searchRef;optionRef;get dropdownSize(){return{"--select-dropdown-width":this.width||"200px","--select-dropdown-height":this.dropdownHeight||"260px"}}filterOptions(){this.filteredOptions=this.searchText&&""!==this.searchText.trim()?this.options.filter((t=>t.label.toLowerCase().includes(this.searchText.toLowerCase()))):this.options}getSelectedOption(){return"object"!=typeof this.value?this.options.find((t=>t.value===this.value)):this.options.filter((t=>this.value?.includes(t)))}isOptionSelected(t){return Array.isArray(this.value)?this.value.some((e=>e.value===t)):t===this.value}async getNativeInputElement(){return this.searchRef?this.searchRef.sdGetNativeElement():null}scrollToOption(t,e="smooth"){if(!this.dropdownRef||!t)return;const s=this.dropdownRef,i=t.offsetTop,o=t.offsetHeight,n=s.scrollTop,d=s.clientHeight,c=s.querySelector(".sd-select-search-input"),l=c?c.offsetHeight:0,h=n+d;i<n+l?s.scrollTo({top:i-l,behavior:e}):i+o>h&&s.scrollTo({top:i+o-d+l,behavior:e})}handleDropdownScroll=t=>{this.isScrolled=t.target.scrollTop>0};render(){return s("div",{key:"fdfad8ab2f1f6a26da8ad0ca0dcd17bfed7dcf9d",class:{"sd-select-dropdown":!0,"sd-select-dropdown--ready":this.isDropdownReady},style:this.dropdownSize,onScroll:this.handleDropdownScroll,ref:t=>this.dropdownRef=t},this.searchable&&s("sd-select-search-input",{key:"74cfba89d85a980c6c8074150bdba91387b9c115",ref:t=>this.searchRef=t,isScrolled:this.isScrolled,searchText:this.searchText,onSdSearchInput:t=>this.searchText=t.detail||"",onSdSearchFocus:()=>this.itemIndex=-1}),this.filteredOptions.length>0?this.filteredOptions.map(((t,e)=>s("slot",{name:`option-${t.value}`},s("sd-select-option",{option:t,index:e,isSelected:this.isOptionSelected(t.value),isFocused:e===this.itemIndex,onOptionClick:({detail:t})=>this.optionClick.emit(t),useCheckbox:this.useCheckbox})))):s("slot",{name:"option-placeholder"},s("div",{class:"sd-select-option-placeholder"},this.optionPlaceholder)))}static get watchers(){return{filteredOptions:[{filteredOptionsChanged:0}],searchText:[{searchTextChanged:0}],itemIndex:[{itemIndexChanged:0}]}}};o.style=".sd-select-dropdown .sd-select-option-placeholder{height:48px;display:flex;align-items:center;padding:8px 16px;font-size:12px;line-height:0;text-align:left;color:#888888}.sd-select-dropdown{overflow:auto;min-width:fit-content;width:var(--select-dropdown-width, 200px);max-height:var(--select-dropdown-height, 260px);padding-bottom:2px;background-color:white;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.1);border-radius:4px;overflow-y:auto;color:#333333;display:flex;flex-direction:column;opacity:0.5;transition:opacity 0.15s ease-in}.sd-select-dropdown--ready{opacity:1}";const n=class{constructor(s){t(this,s),this.optionClick=e(this,"optionClick",7)}get el(){return i(this)}option;index;isSelected=!1;isFocused=!1;optionStyle;disabled=!1;useCheckbox=!1;isHovered=!1;async sdIsDisabled(){return!!this.option.disabled}optionClick;handleClick=t=>{t.stopPropagation(),this.option.disabled||this.disabled||this.optionClick.emit({option:this.option,index:this.index,event:t})};render(){return s("div",{key:"1366665f3ca8c37b23e6b6e9cfc5293c48ed5ed3",class:{"sd-select__option":!0,"sd-select__option--selected":this.isSelected,"sd-select__option--disabled":!!this.option.disabled,"sd-select__option--focused":this.isFocused,"sd-select__option--use-checkbox":this.useCheckbox},onMouseEnter:()=>this.isHovered=!0,onMouseLeave:()=>this.isHovered=!1,style:this.optionStyle,"data-index":this.index,onClick:this.handleClick},this.useCheckbox?s("div",{class:"sd-select__option__checkbox-wrapper"},s("sd-checkbox",{value:this.isSelected,disabled:this.option.disabled,onClick:t=>{t.preventDefault(),this.handleClick(t)}}),s("span",{class:"sd-select__option-label"},this.option.label)):this.option.label)}};n.style="sd-select-option{display:block;height:fit-content;line-height:0}sd-select-option .sd-select__option{display:flex;padding:4px 12px;font-size:12px;line-height:20px;cursor:pointer}sd-select-option .sd-select__option__checkbox-wrapper{display:flex;width:100%;column-gap:8px;align-items:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}sd-select-option .sd-select__option--focused{background-color:#E6F1FF}sd-select-option .sd-select__option--selected:not(:hover):not(.sd-select__option--use-checkbox),sd-select-option .sd-select__option--focused:not(:hover):not(.sd-select__option--use-checkbox){color:#0075FF;font-weight:700}sd-select-option .sd-select__option--disabled{color:#AAAAAA;cursor:not-allowed}sd-select-option .sd-select__option:hover:not(.sd-select__option--disabled){background-color:#0075FF;color:white}";export{o as sd_select_dropdown,n as sd_select_option}
+import{r as t,c as e,h as s,a as i}from"./p-Dcpqhs6V.js";const o=class{constructor(s){t(this,s),this.optionClick=e(this,"sdOptionClick",7),this.optionFiltered=e(this,"sdOptionFiltered",7),this.scroll=e(this,"sdScroll",7)}itemIndex;value=null;options;width;dropdownHeight;searchable;optionPlaceholder;useCheckbox=!1;useAll=!1;filteredOptions=[];searchText=null;isScrolled=!1;isDropdownReady=!1;optionClick;optionFiltered;scroll;filteredOptionsChanged(t){this.optionFiltered.emit(t)}searchTextChanged(){this.filterOptions()}async itemIndexChanged(t,e){if(this.searchable){const t=await this.getNativeInputElement();if(-1===this.itemIndex)return void t?.focus({preventScroll:!0});t?.matches(":focus")&&t?.blur()}const s=this.dropdownRef?.querySelectorAll(".sd-select-dropdown sd-select-option")||[],i=s?.[this.itemIndex];i&&(this.optionRef=i,await this.optionRef.sdIsDisabled()?t>e?this.itemIndex++:this.itemIndex--:this.scrollToOption(i))}componentWillLoad(){this.filteredOptions=this.options,requestAnimationFrame((()=>{requestAnimationFrame((async()=>{const t=this.getSelectedOption();if(t){const e=Array.isArray(t)?this.options.indexOf(t[0]):this.options.indexOf(t),s=Array.from(this.dropdownRef?.querySelectorAll("sd-select-option")||[]),i=Math.min((this.useAll?e+1:e)+4,s.length-1),o=s?.[i];o&&this.scrollToOption(o,"instant")}if(this.isDropdownReady=!0,this.searchable){const t=await this.getNativeInputElement();t&&requestAnimationFrame((()=>{t.focus({preventScroll:!0})}))}}))}))}dropdownRef;searchRef;optionRef;get dropdownSize(){return{"--select-dropdown-width":this.width||"200px","--select-dropdown-height":this.dropdownHeight||"260px"}}filterOptions(){this.filteredOptions=this.searchText&&""!==this.searchText.trim()?this.options.filter((t=>t.label.toLowerCase().includes(this.searchText.toLowerCase()))):this.options}getSelectedOption(){return"object"!=typeof this.value?this.options.find((t=>t.value===this.value)):this.options.filter((t=>this.value?.includes(t)))}isOptionSelected(t){return Array.isArray(this.value)?this.value.some((e=>e.value===t)):t===this.value}async getNativeInputElement(){return this.searchRef?this.searchRef.sdGetNativeElement():null}scrollToOption(t,e="smooth"){if(!this.dropdownRef||!t)return;const s=this.dropdownRef,i=t.offsetTop,o=t.offsetHeight,n=s.scrollTop,d=s.clientHeight,c=s.querySelector(".sd-select-search-input"),l=c?c.offsetHeight:0,h=n+d;i<n+l?s.scrollTo({top:i-l,behavior:e}):i+o>h&&s.scrollTo({top:i+o-d+l,behavior:e})}handleDropdownScroll=t=>{this.isScrolled=t.target.scrollTop>0};render(){return s("div",{key:"fdfad8ab2f1f6a26da8ad0ca0dcd17bfed7dcf9d",class:{"sd-select-dropdown":!0,"sd-select-dropdown--ready":this.isDropdownReady},style:this.dropdownSize,onScroll:this.handleDropdownScroll,ref:t=>this.dropdownRef=t},this.searchable&&s("sd-select-search-input",{key:"74cfba89d85a980c6c8074150bdba91387b9c115",ref:t=>this.searchRef=t,isScrolled:this.isScrolled,searchText:this.searchText,onSdSearchInput:t=>this.searchText=t.detail||"",onSdSearchFocus:()=>this.itemIndex=-1}),this.filteredOptions.length>0?this.filteredOptions.map(((t,e)=>s("slot",{name:`option-${t.value}`},s("sd-select-option",{option:t,index:e,isSelected:this.isOptionSelected(t.value),isFocused:e===this.itemIndex,onOptionClick:({detail:t})=>this.optionClick.emit(t),useCheckbox:this.useCheckbox})))):s("slot",{name:"option-placeholder"},s("div",{class:"sd-select-option-placeholder"},this.optionPlaceholder)))}static get watchers(){return{filteredOptions:[{filteredOptionsChanged:0}],searchText:[{searchTextChanged:0}],itemIndex:[{itemIndexChanged:0}]}}};o.style=".sd-select-dropdown .sd-select-option-placeholder{height:48px;display:flex;align-items:center;padding:8px 16px;font-size:12px;line-height:0;text-align:left;color:#888888}.sd-select-dropdown{overflow:auto;min-width:fit-content;width:var(--select-dropdown-width, 200px);max-height:var(--select-dropdown-height, 260px);padding-bottom:2px;background-color:white;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.1);border-radius:4px;overflow-y:auto;color:#333333;display:flex;flex-direction:column;opacity:0.5;transition:opacity 0.15s ease-in}.sd-select-dropdown--ready{opacity:1}";const n=class{constructor(s){t(this,s),this.optionClick=e(this,"optionClick",7)}get el(){return i(this)}option;index;isSelected=!1;isFocused=!1;optionStyle;disabled=!1;useCheckbox=!1;isHovered=!1;async sdIsDisabled(){return!!this.option.disabled}optionClick;handleClick=t=>{t.stopPropagation(),this.option.disabled||this.disabled||this.optionClick.emit({option:this.option,index:this.index,event:t})};render(){return s("div",{key:"1366665f3ca8c37b23e6b6e9cfc5293c48ed5ed3",class:{"sd-select__option":!0,"sd-select__option--selected":this.isSelected,"sd-select__option--disabled":!!this.option.disabled,"sd-select__option--focused":this.isFocused,"sd-select__option--use-checkbox":this.useCheckbox},onMouseEnter:()=>this.isHovered=!0,onMouseLeave:()=>this.isHovered=!1,style:this.optionStyle,"data-index":this.index,onClick:this.handleClick},this.useCheckbox?s("div",{class:"sd-select__option__checkbox-wrapper"},s("sd-checkbox",{value:this.isSelected,disabled:this.option.disabled,onClick:t=>{t.preventDefault(),this.handleClick(t)}}),s("span",{class:"sd-select__option-label"},this.option.label)):this.option.label)}};n.style="sd-select-option{display:block;height:fit-content;line-height:0}sd-select-option .sd-select__option{display:flex;padding:4px 12px;font-size:12px;line-height:20px;cursor:pointer}sd-select-option .sd-select__option__checkbox-wrapper{display:flex;width:100%;column-gap:8px;align-items:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}sd-select-option .sd-select__option--focused{background-color:#E6F1FF}sd-select-option .sd-select__option--selected:not(:hover):not(.sd-select__option--use-checkbox),sd-select-option .sd-select__option--focused:not(:hover):not(.sd-select__option--use-checkbox){color:#0075FF;font-weight:700}sd-select-option .sd-select__option--disabled{color:#AAAAAA;cursor:not-allowed}sd-select-option .sd-select__option:hover:not(.sd-select__option--disabled){background-color:#0075FF;color:white}";export{o as sd_select_dropdown,n as sd_select_option}