@sellmate/design-system 1.31.0 → 1.32.0

package/dist/design-system/{p-cdb2433a.entry.js → p-7837f8f8.entry.js}

@@ -1 +1 @@
-import{r as e,c as t,h as r}from"./p-C599jhDs.js";import{p as s,f as i,c as n,T as o,d as a}from"./p-DMm_GeZC.js";import"./p-DjKOoQuF.js";const c=class{constructor(r){e(this,r),this.update=t(this,"sdUpdate",7)}value=null;useMeridiem=!1;minuteStep=1;rangeOrder="strict";update;editingKey=null;inputDraft={};autoAdjusted=null;getRange(){return this.value??["00:00","23:59"]}getParts(e){const[t,r]=this.getRange();return s("start"===e?t:r)}getMeridiem(e){return this.getParts(e).hour>=12?"PM":"AM"}getDisplayHour(e){const{hour:t}=this.getParts(e);if(!this.useMeridiem)return t;const r=t%12;return 0===r?12:r}emitSide(e,t,r,s="unknown"){const[n,o]=this.getRange(),a=i(t,r);this.update.emit(this.normalizeNextRange("start"===e?[a,o]:[n,a],e,s))}getTimeMinutes(e){const{hour:t,minute:r}=s(e);return 60*t+r}normalizeNextRange(e,t,r){if("allow-cross-day"===this.rangeOrder)return e;const[s,i]=e,[n,o]=this.getRange();return this.getTimeMinutes(s)<=this.getTimeMinutes(i)?this.autoAdjusted?.side!==t||n!==o||s===i||"unknown"!==r&&this.autoAdjusted.direction!==r?(this.autoAdjusted=null,e):"start"===t?[s,s]:[i,i]:(this.autoAdjusted={side:t,direction:"start"===t?"increase":"decrease"},"start"===t?[s,s]:[i,i])}getEditingKey(e,t){return`${e}-${t}`}sanitizeInput(e){return e.replace(/\D/g,"").slice(0,2)}setDraft(e,t){this.inputDraft={...this.inputDraft,[e]:t}}beginEdit(e,t,r){const s=this.getEditingKey(e,t);this.editingKey=s,this.setDraft(s,String(r).padStart(2,"0"))}commitHourDraft(e,t){const r=n(Number(t),this.useMeridiem?1:0,this.useMeridiem?12:23),{minute:s}=this.getParts(e),i=this.getMeridiem(e);return this.emitSide(e,this.useMeridiem?"PM"===i?12===r?12:r+12:12===r?0:r:r,s),r}commitMinuteDraft(e,t){const{hour:r}=this.getParts(e),s=n(Number(t),0,59);return this.emitSide(e,r,s),s}endEdit(e,t){const r=this.inputDraft[this.getEditingKey(e,t)];"hour"===t&&null!=r&&""!==r&&this.commitHourDraft(e,r),"minute"===t&&null!=r&&""!==r&&this.commitMinuteDraft(e,r),this.editingKey=null,this.inputDraft={}}setMeridiem(e,t){if(this.getMeridiem(e)===t)return;const{hour:r,minute:s}=this.getParts(e);this.emitSide(e,"AM"===t?r-12:r+12,s)}changeHour(e,t){const{hour:r,minute:s}=this.getParts(e);this.emitSide(e,(r+t+24)%24,s,t>0?"increase":"decrease")}changeMinute(e,t){const{hour:r,minute:s}=this.getParts(e),i=s+t;i>59?this.emitSide(e,(r+1)%24,i-60,t>0?"increase":"decrease"):i<0?this.emitSide(e,(r+23)%24,i+60,t>0?"increase":"decrease"):this.emitSide(e,r,i,t>0?"increase":"decrease")}handleHourInput=(e,t)=>{const r=t.target,s=this.sanitizeInput(r.value);if(r.value=s,this.setDraft(this.getEditingKey(e,"hour"),s),""===s)return;if(s.length<2)return;const i=this.commitHourDraft(e,s),n=Number(s)===i?s:String(i);r.value=n,this.setDraft(this.getEditingKey(e,"hour"),n)};handleMinuteInput=(e,t)=>{const r=t.target,s=this.sanitizeInput(r.value);if(r.value=s,this.setDraft(this.getEditingKey(e,"minute"),s),""===s)return;if(s.length<2)return;const i=this.commitMinuteDraft(e,s),n=Number(s)===i?s:String(i);r.value=n,this.setDraft(this.getEditingKey(e,"minute"),n)};renderMeridiemButton(e,t,s,i){const n=this.getMeridiem(e)===s;return r("button",{type:"button",class:{"sd-time-range-picker-selector__meridiem-button":!0,"sd-time-range-picker-selector__meridiem-button--selected":n,[`sd-time-range-picker-selector__meridiem-button--${i}`]:!0},onClick:()=>this.setMeridiem(e,s)},t)}renderColumn(e,t){const s="hour"===t,{minute:i}=this.getParts(e),n=s?this.getDisplayHour(e):i,o=this.getEditingKey(e,t),a=this.editingKey===o?this.inputDraft[o]??"":String(n).padStart(2,"0");return r("div",{class:"sd-time-range-picker-selector__column"},r("sd-ghost-button",{icon:"chevronUp",size:"xs",ariaLabel:`${"start"===e?"시작":"종료"} ${s?"시":"분"} 증가`,onSdClick:()=>s?this.changeHour(e,1):this.changeMinute(e,this.minuteStep)}),r("input",{class:"sd-time-range-picker-selector__input",type:"text",inputmode:"numeric",value:a,placeholder:"-",onFocus:()=>this.beginEdit(e,t,n),onBlur:()=>this.endEdit(e,t),onInput:t=>s?this.handleHourInput(e,t):this.handleMinuteInput(e,t),"aria-label":`${"start"===e?"시작":"종료"} ${s?"시":"분"}`}),r("sd-ghost-button",{icon:"chevronDown",size:"xs",ariaLabel:`${"start"===e?"시작":"종료"} ${s?"시":"분"} 감소`,onSdClick:()=>s?this.changeHour(e,-1):this.changeMinute(e,-this.minuteStep)}))}renderPanel(e,t){return r("div",{class:"sd-time-range-picker-selector__panel"},r("div",{class:"sd-time-range-picker-selector__heading"},r("div",{class:"sd-time-range-picker-selector__heading-text"},t),this.useMeridiem&&r("div",{class:"sd-time-range-picker-selector__meridiem-group"},this.renderMeridiemButton(e,"오전","AM","first"),this.renderMeridiemButton(e,"오후","PM","end"))),r("div",{class:"sd-time-range-picker-selector__time"},this.renderColumn(e,"hour"),r("span",{class:"sd-time-range-picker-selector__colon"},":"),this.renderColumn(e,"minute")))}render(){return r("div",{key:"2cfcf8240579a3526c40c430e1704c8b10556add",class:"sd-time-range-picker-selector",style:{"--selector-bg":a.bg,"--selector-radius":`${a.radius}px`,"--selector-range-padding":`${a.range.paddingXY}px`,"--selector-range-panel-gap":`${a.range.panelGap}px`,"--selector-range-section-gap":`${a.range.section.gap}px`,"--selector-range-heading-gap":`${a.range.heading.gap}px`,"--selector-range-heading-color":a.range.heading.color,"--selector-time-gap":`${a.time.gap}px`,"--selector-time-column-gap":`${a.time.column.gap}px`,"--selector-input-width":`${a.inputWidth}px`,"--selector-colon-size":`${a.colonSize}px`,"--selector-border-width":`${o.border.width}px`,"--selector-border-default":o.border.default,"--selector-border-focus":o.border.focus,"--selector-bg-disabled":o.bg.disabled,"--selector-text-default":o.text.default}},this.renderPanel("start","시작 시간"),r("div",{key:"c48b1c6af7897a64339ce9c1c1da9d8e4a02c612",class:"sd-time-range-picker-selector__divider"}),this.renderPanel("end","종료 시간"))}};c.style="sd-time-range-picker-selector{display:block}sd-time-range-picker-selector .sd-time-range-picker-selector{display:flex;align-items:flex-start;justify-content:center;gap:var(--selector-range-panel-gap);padding:var(--selector-range-padding);overflow:hidden;background:var(--selector-bg);border-radius:var(--selector-radius);box-shadow:var(--sd-system-shadow-spread-sm-x) var(--sd-system-shadow-spread-sm-y) var(--sd-system-shadow-spread-sm-blur) var(--sd-system-shadow-spread-sm-spread) var(--sd-system-shadow-spread-sm-color), var(--sd-system-shadow-spread-md-x) var(--sd-system-shadow-spread-md-y) var(--sd-system-shadow-spread-md-blur) var(--sd-system-shadow-spread-md-spread) var(--sd-system-shadow-spread-md-color)}sd-time-range-picker-selector .sd-time-range-picker-selector__panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--selector-range-section-gap)}sd-time-range-picker-selector .sd-time-range-picker-selector__heading{display:flex;flex-direction:column;align-items:center;gap:var(--selector-range-heading-gap)}sd-time-range-picker-selector .sd-time-range-picker-selector__heading-text{color:var(--selector-range-heading-color);font-size:12px;line-height:20px;font-weight:700;text-align:center;white-space:nowrap}sd-time-range-picker-selector .sd-time-range-picker-selector__meridiem-group{display:flex;isolation:isolate}sd-time-range-picker-selector .sd-time-range-picker-selector__meridiem-button{width:61px;height:28px;border:var(--selector-border-width) solid var(--selector-border-default);background:var(--selector-bg);color:var(--selector-range-heading-color);font-size:12px;line-height:20px;font-weight:500;cursor:pointer}sd-time-range-picker-selector .sd-time-range-picker-selector__meridiem-button--first{border-radius:4px 0 0 4px;margin-right:-1px}sd-time-range-picker-selector .sd-time-range-picker-selector__meridiem-button--end{border-radius:0 4px 4px 0}sd-time-range-picker-selector .sd-time-range-picker-selector__meridiem-button--selected{z-index:1;border-color:var(--selector-border-focus);color:var(--selector-border-focus)}sd-time-range-picker-selector .sd-time-range-picker-selector__divider{align-self:stretch;width:1px;background:var(--selector-bg-disabled)}sd-time-range-picker-selector .sd-time-range-picker-selector__time{display:flex;align-items:center;justify-content:center;gap:var(--selector-time-gap);padding:0 16px;background:var(--selector-bg)}sd-time-range-picker-selector .sd-time-range-picker-selector__column{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--selector-time-column-gap)}sd-time-range-picker-selector .sd-time-range-picker-selector__input{width:var(--selector-input-width);height:28px;box-sizing:border-box;border:var(--selector-border-width) solid var(--selector-border-default);border-radius:4px;background:var(--selector-bg);color:var(--selector-text-default);font-size:12px;line-height:20px;text-align:center;outline:none}sd-time-range-picker-selector .sd-time-range-picker-selector__colon{width:var(--selector-colon-size);color:var(--selector-range-heading-color);font-size:16px;line-height:16px;text-align:center}";export{c as sd_time_range_picker_selector}
+import{r as e,c as t,h as r}from"./p-CdvQqvIe.js";import{p as s,f as i,c as n,T as o,d as a}from"./p-DMm_GeZC.js";import"./p-DjKOoQuF.js";const c=class{constructor(r){e(this,r),this.update=t(this,"sdUpdate",7)}value=null;useMeridiem=!1;minuteStep=1;rangeOrder="strict";update;editingKey=null;inputDraft={};autoAdjusted=null;getRange(){return this.value??["00:00","23:59"]}getParts(e){const[t,r]=this.getRange();return s("start"===e?t:r)}getMeridiem(e){return this.getParts(e).hour>=12?"PM":"AM"}getDisplayHour(e){const{hour:t}=this.getParts(e);if(!this.useMeridiem)return t;const r=t%12;return 0===r?12:r}emitSide(e,t,r,s="unknown"){const[n,o]=this.getRange(),a=i(t,r);this.update.emit(this.normalizeNextRange("start"===e?[a,o]:[n,a],e,s))}getTimeMinutes(e){const{hour:t,minute:r}=s(e);return 60*t+r}normalizeNextRange(e,t,r){if("allow-cross-day"===this.rangeOrder)return e;const[s,i]=e,[n,o]=this.getRange();return this.getTimeMinutes(s)<=this.getTimeMinutes(i)?this.autoAdjusted?.side!==t||n!==o||s===i||"unknown"!==r&&this.autoAdjusted.direction!==r?(this.autoAdjusted=null,e):"start"===t?[s,s]:[i,i]:(this.autoAdjusted={side:t,direction:"start"===t?"increase":"decrease"},"start"===t?[s,s]:[i,i])}getEditingKey(e,t){return`${e}-${t}`}sanitizeInput(e){return e.replace(/\D/g,"").slice(0,2)}setDraft(e,t){this.inputDraft={...this.inputDraft,[e]:t}}beginEdit(e,t,r){const s=this.getEditingKey(e,t);this.editingKey=s,this.setDraft(s,String(r).padStart(2,"0"))}commitHourDraft(e,t){const r=n(Number(t),this.useMeridiem?1:0,this.useMeridiem?12:23),{minute:s}=this.getParts(e),i=this.getMeridiem(e);return this.emitSide(e,this.useMeridiem?"PM"===i?12===r?12:r+12:12===r?0:r:r,s),r}commitMinuteDraft(e,t){const{hour:r}=this.getParts(e),s=n(Number(t),0,59);return this.emitSide(e,r,s),s}endEdit(e,t){const r=this.inputDraft[this.getEditingKey(e,t)];"hour"===t&&null!=r&&""!==r&&this.commitHourDraft(e,r),"minute"===t&&null!=r&&""!==r&&this.commitMinuteDraft(e,r),this.editingKey=null,this.inputDraft={}}setMeridiem(e,t){if(this.getMeridiem(e)===t)return;const{hour:r,minute:s}=this.getParts(e);this.emitSide(e,"AM"===t?r-12:r+12,s)}changeHour(e,t){const{hour:r,minute:s}=this.getParts(e);this.emitSide(e,(r+t+24)%24,s,t>0?"increase":"decrease")}changeMinute(e,t){const{hour:r,minute:s}=this.getParts(e),i=s+t;i>59?this.emitSide(e,(r+1)%24,i-60,t>0?"increase":"decrease"):i<0?this.emitSide(e,(r+23)%24,i+60,t>0?"increase":"decrease"):this.emitSide(e,r,i,t>0?"increase":"decrease")}handleHourInput=(e,t)=>{const r=t.target,s=this.sanitizeInput(r.value);if(r.value=s,this.setDraft(this.getEditingKey(e,"hour"),s),""===s)return;if(s.length<2)return;const i=this.commitHourDraft(e,s),n=Number(s)===i?s:String(i);r.value=n,this.setDraft(this.getEditingKey(e,"hour"),n)};handleMinuteInput=(e,t)=>{const r=t.target,s=this.sanitizeInput(r.value);if(r.value=s,this.setDraft(this.getEditingKey(e,"minute"),s),""===s)return;if(s.length<2)return;const i=this.commitMinuteDraft(e,s),n=Number(s)===i?s:String(i);r.value=n,this.setDraft(this.getEditingKey(e,"minute"),n)};renderMeridiemButton(e,t,s,i){const n=this.getMeridiem(e)===s;return r("button",{type:"button",class:{"sd-time-range-picker-selector__meridiem-button":!0,"sd-time-range-picker-selector__meridiem-button--selected":n,[`sd-time-range-picker-selector__meridiem-button--${i}`]:!0},onClick:()=>this.setMeridiem(e,s)},t)}renderColumn(e,t){const s="hour"===t,{minute:i}=this.getParts(e),n=s?this.getDisplayHour(e):i,o=this.getEditingKey(e,t),a=this.editingKey===o?this.inputDraft[o]??"":String(n).padStart(2,"0");return r("div",{class:"sd-time-range-picker-selector__column"},r("sd-ghost-button",{icon:"chevronUp",size:"xs",ariaLabel:`${"start"===e?"시작":"종료"} ${s?"시":"분"} 증가`,onSdClick:()=>s?this.changeHour(e,1):this.changeMinute(e,this.minuteStep)}),r("input",{class:"sd-time-range-picker-selector__input",type:"text",inputmode:"numeric",value:a,placeholder:"-",onFocus:()=>this.beginEdit(e,t,n),onBlur:()=>this.endEdit(e,t),onInput:t=>s?this.handleHourInput(e,t):this.handleMinuteInput(e,t),"aria-label":`${"start"===e?"시작":"종료"} ${s?"시":"분"}`}),r("sd-ghost-button",{icon:"chevronDown",size:"xs",ariaLabel:`${"start"===e?"시작":"종료"} ${s?"시":"분"} 감소`,onSdClick:()=>s?this.changeHour(e,-1):this.changeMinute(e,-this.minuteStep)}))}renderPanel(e,t){return r("div",{class:"sd-time-range-picker-selector__panel"},r("div",{class:"sd-time-range-picker-selector__heading"},r("div",{class:"sd-time-range-picker-selector__heading-text"},t),this.useMeridiem&&r("div",{class:"sd-time-range-picker-selector__meridiem-group"},this.renderMeridiemButton(e,"오전","AM","first"),this.renderMeridiemButton(e,"오후","PM","end"))),r("div",{class:"sd-time-range-picker-selector__time"},this.renderColumn(e,"hour"),r("span",{class:"sd-time-range-picker-selector__colon"},":"),this.renderColumn(e,"minute")))}render(){return r("div",{key:"d62a959d611bd9379c0f07cd29cea18cda66b1f6",class:"sd-time-range-picker-selector",style:{"--selector-bg":a.bg,"--selector-radius":`${a.radius}px`,"--selector-range-padding":`${a.range.paddingXY}px`,"--selector-range-panel-gap":`${a.range.panelGap}px`,"--selector-range-section-gap":`${a.range.section.gap}px`,"--selector-range-heading-gap":`${a.range.heading.gap}px`,"--selector-range-heading-color":a.range.heading.color,"--selector-time-gap":`${a.time.gap}px`,"--selector-time-column-gap":`${a.time.column.gap}px`,"--selector-input-width":`${a.inputWidth}px`,"--selector-colon-size":`${a.colonSize}px`,"--selector-border-width":`${o.border.width}px`,"--selector-border-default":o.border.default,"--selector-border-focus":o.border.focus,"--selector-bg-disabled":o.bg.disabled,"--selector-text-default":o.text.default}},this.renderPanel("start","시작 시간"),r("div",{key:"23e668d0bae4a16fdc8af3be4a2c40bec2d7f1cd",class:"sd-time-range-picker-selector__divider"}),this.renderPanel("end","종료 시간"))}};c.style="sd-time-range-picker-selector{display:block}sd-time-range-picker-selector .sd-time-range-picker-selector{display:flex;align-items:flex-start;justify-content:center;gap:var(--selector-range-panel-gap);padding:var(--selector-range-padding);overflow:hidden;background:var(--selector-bg);border-radius:var(--selector-radius);box-shadow:var(--sd-system-shadow-spread-sm-x) var(--sd-system-shadow-spread-sm-y) var(--sd-system-shadow-spread-sm-blur) var(--sd-system-shadow-spread-sm-spread) var(--sd-system-shadow-spread-sm-color), var(--sd-system-shadow-spread-md-x) var(--sd-system-shadow-spread-md-y) var(--sd-system-shadow-spread-md-blur) var(--sd-system-shadow-spread-md-spread) var(--sd-system-shadow-spread-md-color)}sd-time-range-picker-selector .sd-time-range-picker-selector__panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--selector-range-section-gap)}sd-time-range-picker-selector .sd-time-range-picker-selector__heading{display:flex;flex-direction:column;align-items:center;gap:var(--selector-range-heading-gap)}sd-time-range-picker-selector .sd-time-range-picker-selector__heading-text{color:var(--selector-range-heading-color);font-size:12px;line-height:20px;font-weight:700;text-align:center;white-space:nowrap}sd-time-range-picker-selector .sd-time-range-picker-selector__meridiem-group{display:flex;isolation:isolate}sd-time-range-picker-selector .sd-time-range-picker-selector__meridiem-button{width:61px;height:28px;border:var(--selector-border-width) solid var(--selector-border-default);background:var(--selector-bg);color:var(--selector-range-heading-color);font-size:12px;line-height:20px;font-weight:500;cursor:pointer}sd-time-range-picker-selector .sd-time-range-picker-selector__meridiem-button--first{border-radius:4px 0 0 4px;margin-right:-1px}sd-time-range-picker-selector .sd-time-range-picker-selector__meridiem-button--end{border-radius:0 4px 4px 0}sd-time-range-picker-selector .sd-time-range-picker-selector__meridiem-button--selected{z-index:1;border-color:var(--selector-border-focus);color:var(--selector-border-focus)}sd-time-range-picker-selector .sd-time-range-picker-selector__divider{align-self:stretch;width:1px;background:var(--selector-bg-disabled)}sd-time-range-picker-selector .sd-time-range-picker-selector__time{display:flex;align-items:center;justify-content:center;gap:var(--selector-time-gap);padding:0 16px;background:var(--selector-bg)}sd-time-range-picker-selector .sd-time-range-picker-selector__column{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--selector-time-column-gap)}sd-time-range-picker-selector .sd-time-range-picker-selector__input{width:var(--selector-input-width);height:28px;box-sizing:border-box;border:var(--selector-border-width) solid var(--selector-border-default);border-radius:4px;background:var(--selector-bg);color:var(--selector-text-default);font-size:12px;line-height:20px;text-align:center;outline:none}sd-time-range-picker-selector .sd-time-range-picker-selector__colon{width:var(--selector-colon-size);color:var(--selector-range-heading-color);font-size:16px;line-height:16px;text-align:center}";export{c as sd_time_range_picker_selector}

package/dist/design-system/{p-4a117dd6.entry.js → p-814ae5f1.entry.js}

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

package/dist/design-system/{p-9c131122.entry.js → p-8804e3f3.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,a as s,h as i,H as n}from"./p-C599jhDs.js";var o={size:"16",icon:"12"},a={size:"24",icon:"16"},r={size:"28",icon:"20"},h={size:"36",icon:"24"},d={size:"62",icon:"32"},c={sm:"4",md:"6"},l={opacity:"5%"},g={disabled:"#BBBBBB"},u={content:"#888888",hover:{bg:"#222222"}},b={content:"#E30000",hover:{bg:"#E30000"}},p={content:"#025497",hover:{bg:"#0075FF"}},f={content:"#FFFFFF",disabled:"#E1E1E1",hover:{bg:"#FFFFFF"}};const m={xxs:{size:Number(o.size),icon:Number(o.icon)},xs:{size:Number(a.size),icon:Number(a.icon)},sm:{size:Number(r.size),icon:Number(r.icon)},md:{size:Number(h.size),icon:Number(h.icon)},lg:{size:Number(d.size),icon:Number(d.icon)}},v={xxs:Number(c.sm),xs:Number(c.sm),sm:Number(c.sm),md:Number(c.md),lg:Number(c.md)},x=l.opacity,y={default:u.content,danger:b.content,action:p.content,inverse:f.content},F={default:u.hover.bg,danger:b.hover.bg,action:p.hover.bg,inverse:f.hover.bg},w=g.disabled,z={default:w,danger:w,action:w,inverse:f.disabled},k=class{constructor(s){t(this,s),this.click=e(this,"sdClick",7)}icon;size="sm";intent="default";ariaLabel="";pressed;tooltipText;disabled=!1;get hostEl(){return s(this)}isTooltipOpen=!1;click;hasWarnedMissingAriaLabel=!1;componentWillLoad(){this.size??="sm",this.intent??="default",this.ariaLabel??=""}handleClick=t=>{this.disabled?t.preventDefault():this.click.emit(t)};handleMouseEnter=()=>{this.isTooltipOpen=!0};handleMouseLeave=()=>{this.isTooltipOpen=!1};handleFocus=()=>{this.isTooltipOpen=!0};handleBlur=()=>{this.isTooltipOpen=!1};componentWillRender(){this.warnIfMissingAriaLabel()}warnIfMissingAriaLabel(){""===(this.ariaLabel??"").trim()?this.hasWarnedMissingAriaLabel||(console.warn(`[sd-ghost-button] icon-only buttons require \`ariaLabel\`. Received icon="${this.icon}".`),this.hasWarnedMissingAriaLabel=!0):this.hasWarnedMissingAriaLabel=!1}render(){const t=this.size??"sm",e=this.intent??"default",s=m[t]??m.sm,n=this.disabled?z[e]:y[e],o=(this.ariaLabel??"").trim()||void 0,a=(this.tooltipText??"").trim();return i("button",{key:"921a2e6e54aa3cbb0e6c14ad117d6ddcfc753618",class:{"sd-ghost-button":!0,"sd-ghost-button--disabled":this.disabled},type:"button","aria-disabled":this.disabled?"true":void 0,tabIndex:this.disabled?-1:void 0,"aria-label":o,"aria-pressed":this.pressed,style:{"--sd-ghost-button-size":`${s.size}px`,"--sd-ghost-button-radius":`${v[t]}px`,"--sd-ghost-button-hover-bg":F[e],"--sd-ghost-button-hover-opacity":x,"--sd-ghost-button-accent":"#0075FF"},onClick:this.handleClick,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,onFocus:this.handleFocus,onBlur:this.handleBlur},a.length>0&&this.isTooltipOpen&&i("sd-portal",{key:"90817207f1b8b5c1d55ce510dfb5ea90cf614bfd",parentRef:this.hostEl,open:!0,offset:[s.size/2,4],placement:"top"},i("div",{key:"75379a80a230eb197d56df9eb3a79f4536c425d5",class:"sd-ghost-button__tooltip-inner","aria-hidden":"true"},i("sd-tag",{key:"b7cc000adb2aaa3e9f65635d7e9cab7fceff62c3",name:"square_xs_grey",label:a}))),i("sd-icon",{key:"0df3fd325eb7e82b3da6427e22c05819f35d307e",name:this.icon,size:s.icon,color:n}))}};k.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}.sd-ghost-button__tooltip-inner{display:inline-flex;white-space:nowrap;transform:translateX(-50%)}[data-align=right] .sd-ghost-button__tooltip-inner{transform:none}';const $=class{constructor(s){t(this,s),this.close=e(this,"sdClose",3)}get hostEl(){return s(this)}to="body";parentRef=null;offset=[0,4];viewportPadding=0;zIndex=996;open=!1;placement="bottom";close;container;wrapper;rafId;isInsideClick=!1;closeTransitionTimer;handleObservedScroll=()=>this.updatePosition();resizeObserver;mutationObserver;scrollParents=[];isObserved=!1;handleOpenChange(){this.syncPortalState()}componentDidLoad(){this.container=this.resolveContainer(),this.syncPortalState()}componentDidRender(){this.syncPortalState()}disconnectedCallback(){if(this.closeTransitionTimer&&clearTimeout(this.closeTransitionTimer),this.unobserveParent(),this.wrapper?.parentNode)try{this.wrapper.parentNode.removeChild(this.wrapper)}catch{}}resolveContainer(){const t="string"==typeof this.to?document.querySelector(this.to):this.to;return t instanceof HTMLElement?t:document.body}resolveZIndex(){const t=this.zIndex??996,e=this.parentRef?.closest(".sd-modal-container__layer");if(!e)return t;const s=e.closest(".sd-modal-container"),i=s instanceof HTMLElement?parseInt(getComputedStyle(s).zIndex,10):NaN,n=Number.isFinite(i)?i:997;return Math.max(t,n+1)}createWrapper(){this.wrapper=document.createElement("div"),Object.assign(this.wrapper.style,{position:"fixed",top:"0",left:"0",zIndex:this.resolveZIndex().toString(),opacity:"0",transition:"opacity 0.15s ease-out",boxSizing:"border-box",visibility:"hidden"}),this.container.appendChild(this.wrapper)}ensureWrapper(){this.wrapper||(this.container||=this.resolveContainer(),this.createWrapper(),this.moveSlotContent())}syncPortalState(){if(!this.open)return this.wrapper&&(this.wrapper.style.transition="opacity 0.15s ease-out",this.wrapper.style.opacity="0",this.wrapper.style.pointerEvents="none",this.closeTransitionTimer&&clearTimeout(this.closeTransitionTimer),this.closeTransitionTimer=setTimeout((()=>{this.wrapper&&!this.open&&(this.wrapper.style.display="none")}),150)),void this.unobserveParent();this.closeTransitionTimer&&clearTimeout(this.closeTransitionTimer),this.ensureWrapper(),this.wrapper&&(this.wrapper.style.display="block",this.wrapper.style.transition="opacity 0.25s ease-out",this.wrapper.style.opacity="0",this.wrapper.style.pointerEvents="",this.observeParent(),this.updatePosition())}moveSlotContent(){this.wrapper&&Array.from(this.hostEl.childNodes).filter((t=>t.nodeType!==Node.COMMENT_NODE)).forEach((t=>this.wrapper.appendChild(t)))}updatePosition(){void 0!==this.rafId&&cancelAnimationFrame(this.rafId),this.rafId=requestAnimationFrame((()=>{if(!this.parentRef||!this.wrapper)return;const t=this.parentRef.getBoundingClientRect(),e=window.innerWidth,s=window.innerHeight,i=this.offset??[0,4],n=Math.max(0,this.viewportPadding??0),o=Math.max(e-2*n,0),a=Math.max(s-2*n,0);this.wrapper.style.maxWidth=`${o}px`,this.wrapper.style.maxHeight=`${a}px`;const r=this.wrapper.getBoundingClientRect(),h=s-t.bottom-i[1]-n,d=t.top-i[1]-n;let c,l=t.left+i[0];"top"===(this.placement??"bottom")?(c=t.top-r.height-i[1],d<r.height&&h>d&&(c=t.bottom+i[1])):(c=t.bottom+i[1],h<r.height&&d>h&&(c=t.top-r.height-i[1]));const g=s-n-r.height;c=g<n?n:Math.min(Math.max(c,n),g);const u=l+r.width>e-n,b=n,p=e-n-r.width;this.wrapper.style.top=`${c}px`,p<b?(this.wrapper.style.left=`${b}px`,this.wrapper.style.right="auto",delete this.wrapper.dataset.align):u?(this.wrapper.style.left="auto",this.wrapper.style.right=e-t.right+"px",this.wrapper.dataset.align="right"):(this.wrapper.style.right="auto",delete this.wrapper.dataset.align,l=Math.min(Math.max(l,b),p),this.wrapper.style.left=`${l}px`),this.wrapper.style.visibility="visible",this.wrapper.style.opacity="1"}))}observeParent(){this.parentRef&&!this.isObserved&&(this.observeScrollParents(this.parentRef),"undefined"!=typeof ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>this.updatePosition())),this.resizeObserver.observe(this.parentRef)),"undefined"!=typeof MutationObserver&&(this.mutationObserver=new MutationObserver((()=>this.updatePosition())),this.mutationObserver.observe(document.body,{childList:!0,subtree:!0})),this.isObserved=!0)}unobserveParent(){this.isObserved&&(this.unobserveScrollParents(),this.resizeObserver?.disconnect(),this.resizeObserver=void 0,this.mutationObserver?.disconnect(),this.mutationObserver=void 0,this.isObserved=!1)}observeScrollParents(t){const e=this.getScrollParents(t);e.forEach((t=>{t.addEventListener("scroll",this.handleObservedScroll,{passive:!0})})),this.scrollParents=e}unobserveScrollParents(){this.scrollParents.forEach((t=>{t.removeEventListener("scroll",this.handleObservedScroll)})),this.scrollParents=[]}getScrollParents(t){const e=[];let s=t.parentElement;for(;s;){const{overflow:t,overflowX:i,overflowY:n}=getComputedStyle(s);[t,i,n].some((t=>/(auto|scroll|overlay)/.test(t)))&&e.push(s),s=s.parentElement}return e}isInsideTarget(t){return!(!this.wrapper?.contains(t)&&!this.parentRef?.contains(t))}handleMouseDown(t){this.open&&(this.isInsideClick=this.isInsideTarget(t.target))}handleWindowClick(t){this.open&&(this.isInsideClick?this.isInsideClick=!1:this.isInsideTarget(t.target)||this.close.emit())}render(){return i("slot",{key:"8b2a674bbd8c75c150940d53c0e5204e951cbb82"})}static get watchers(){return{open:[{handleOpenChange:0}]}}};$.style=":host { display: none !important; }";var E={height:"20",paddingX:"8",gap:"4",typography:{fontSize:"11",fontWeight:"500",lineHeight:"18"},radius:"6"},_={height:"24",paddingX:"8",gap:"4",typography:{fontSize:"12",fontWeight:"700",lineHeight:"20"},radius:"6"},N={height:"28",paddingX:"12",gap:"6",typography:{fontSize:"14",fontWeight:"700",lineHeight:"24"},radius:"8"},C={content:"#FB4444",bg:"#FCEFEF"},M={content:"#FF6B00",bg:"#FEF1EA"},S={content:"#916C0D",bg:"#FFF7DD"},O={content:"#00973C",bg:"#E8F9EF"},W={content:"#0075FF",bg:"#E6F1FF"},L={content:"#006AC1",bg:"#EAF5FE"},I={content:"#004290",bg:"#EFF6FF"},T={content:"#737373",bg:"#EEEEEE"};const B=["xs","sm","md"],j=["grey","red","orange","yellow","green","blue","darkblue","indigo"],H={grey:{background:T.bg,content:T.content,icon:T.content},red:{background:C.bg,content:C.content,icon:C.content},orange:{background:M.bg,content:M.content,icon:M.content},yellow:{background:S.bg,content:S.content,icon:S.content},green:{background:O.bg,content:O.content,icon:O.content},blue:{background:W.bg,content:W.content,icon:W.content},darkblue:{background:L.bg,content:L.content,icon:L.content},indigo:{background:I.bg,content:I.content,icon:I.content}},P={xs:{height:`${E.height}px`,paddingX:`${E.paddingX}px`,gap:`${E.gap}px`,fontSize:`${E.typography.fontSize}px`,fontWeight:E.typography.fontWeight,lineHeight:`${E.typography.lineHeight}px`,iconSize:12,radius:`${E.radius}px`},sm:{height:`${_.height}px`,paddingX:`${_.paddingX}px`,gap:`${_.gap}px`,fontSize:`${_.typography.fontSize}px`,fontWeight:_.typography.fontWeight,lineHeight:`${_.typography.lineHeight}px`,iconSize:16,radius:`${_.radius}px`},md:{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:16,radius:`${N.radius}px`}},A={xs:{...P.xs,radius:"999px"},sm:{...P.sm,radius:"999px"},md:{...P.md,radius:"999px"}},X=Object.fromEntries(["square","pill"].flatMap((t=>B.flatMap((e=>j.map((s=>[`${t}_${e}_${s}`,{shape:t,size:e,color:s,..."square"===t?P[e]:A[e],...H[s]}]))))))),q=class{constructor(e){t(this,e)}name="square_sm_grey";label="";icon;iconLeft=!0;width="";componentWillLoad(){this.name=this.name??"square_sm_grey"}get resolvedName(){if(!Object.prototype.hasOwnProperty.call(X,this.name))throw new Error(`Invalid sd-tag name: "${this.name}"`);return this.name}get resolvedConfig(){return X[this.resolvedName]}renderIcon(t,e){return null==this.icon?null:i("sd-icon",{class:"sd-tag__icon",name:this.icon,size:e,color:t})}get resolvedWidth(){if(""!==this.width&&0!==this.width)return"number"==typeof this.width?`${this.width}px`:this.width}render(){const t=this.resolvedConfig,e=this.renderIcon(t.icon,t.iconSize),s=this.resolvedWidth;return i(n,{key:"9e893a8ec67d1baa12cdfe030d3ae15798666c0c",style:null!=s?{"--sd-tag-width":s}:void 0},i("span",{key:"fe6b05143032b33bec7cc95ce5355701e894d0ea",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.iconLeft&&e,i("span",{key:"9c4a07ac015672839dc5dda40d01609870979e04",class:"sd-tag__label"},this.label),this.icon&&!this.iconLeft&&e))}};q.style="sd-tag{display:inline-flex;width:var(--sd-tag-width, fit-content);height:fit-content}.sd-tag{display:inline-flex;width:100%;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{k as sd_ghost_button,$ as sd_portal,q as sd_tag}
+import{r as t,c as e,a as i,h as s,H as n}from"./p-CdvQqvIe.js";var o={size:"16",icon:"12"},a={size:"24",icon:"16"},r={size:"28",icon:"20"},h={size:"36",icon:"24"},d={size:"62",icon:"32"},c={sm:"4",md:"6"},l={opacity:"5%"},g={disabled:"#BBBBBB"},u={content:"#888888",hover:{bg:"#222222"}},b={content:"#E30000",hover:{bg:"#E30000"}},p={content:"#025497",hover:{bg:"#0075FF"}},f={content:"#FFFFFF",disabled:"#E1E1E1",hover:{bg:"#FFFFFF"}};const m={xxs:{size:Number(o.size),icon:Number(o.icon)},xs:{size:Number(a.size),icon:Number(a.icon)},sm:{size:Number(r.size),icon:Number(r.icon)},md:{size:Number(h.size),icon:Number(h.icon)},lg:{size:Number(d.size),icon:Number(d.icon)}},v={xxs:Number(c.sm),xs:Number(c.sm),sm:Number(c.sm),md:Number(c.md),lg:Number(c.md)},x=l.opacity,y={default:u.content,danger:b.content,action:p.content,inverse:f.content},F={default:u.hover.bg,danger:b.hover.bg,action:p.hover.bg,inverse:f.hover.bg},w=g.disabled,z={default:w,danger:w,action:w,inverse:f.disabled},k=class{constructor(i){t(this,i),this.click=e(this,"sdClick",7)}icon;size="sm";intent="default";ariaLabel="";pressed;tooltipText;disabled=!1;get hostEl(){return i(this)}isTooltipOpen=!1;click;hasWarnedMissingAriaLabel=!1;componentWillLoad(){this.size??="sm",this.intent??="default",this.ariaLabel??=""}handleClick=t=>{this.disabled?t.preventDefault():this.click.emit(t)};handleMouseEnter=()=>{this.isTooltipOpen=!0};handleMouseLeave=()=>{this.isTooltipOpen=!1};handleFocus=()=>{this.isTooltipOpen=!0};handleBlur=()=>{this.isTooltipOpen=!1};componentWillRender(){this.warnIfMissingAriaLabel()}warnIfMissingAriaLabel(){""===(this.ariaLabel??"").trim()?this.hasWarnedMissingAriaLabel||(console.warn(`[sd-ghost-button] icon-only buttons require \`ariaLabel\`. Received icon="${this.icon}".`),this.hasWarnedMissingAriaLabel=!0):this.hasWarnedMissingAriaLabel=!1}render(){const t=this.size??"sm",e=this.intent??"default",i=m[t]??m.sm,n=this.disabled?z[e]:y[e],o=(this.ariaLabel??"").trim()||void 0,a=(this.tooltipText??"").trim();return s("button",{key:"921a2e6e54aa3cbb0e6c14ad117d6ddcfc753618",class:{"sd-ghost-button":!0,"sd-ghost-button--disabled":this.disabled},type:"button","aria-disabled":this.disabled?"true":void 0,tabIndex:this.disabled?-1:void 0,"aria-label":o,"aria-pressed":this.pressed,style:{"--sd-ghost-button-size":`${i.size}px`,"--sd-ghost-button-radius":`${v[t]}px`,"--sd-ghost-button-hover-bg":F[e],"--sd-ghost-button-hover-opacity":x,"--sd-ghost-button-accent":"#0075FF"},onClick:this.handleClick,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,onFocus:this.handleFocus,onBlur:this.handleBlur},a.length>0&&this.isTooltipOpen&&s("sd-portal",{key:"90817207f1b8b5c1d55ce510dfb5ea90cf614bfd",parentRef:this.hostEl,open:!0,offset:[i.size/2,4],placement:"top"},s("div",{key:"75379a80a230eb197d56df9eb3a79f4536c425d5",class:"sd-ghost-button__tooltip-inner","aria-hidden":"true"},s("sd-tag",{key:"b7cc000adb2aaa3e9f65635d7e9cab7fceff62c3",name:"square_xs_grey",label:a}))),s("sd-icon",{key:"0df3fd325eb7e82b3da6427e22c05819f35d307e",name:this.icon,size:i.icon,color:n}))}};k.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}.sd-ghost-button__tooltip-inner{display:inline-flex;white-space:nowrap;transform:translateX(-50%)}[data-align=right] .sd-ghost-button__tooltip-inner{transform:none}';const $=class{constructor(i){t(this,i),this.close=e(this,"sdClose",3)}get hostEl(){return i(this)}to="body";parentRef=null;offset=[0,4];viewportPadding=0;zIndex=996;open=!1;placement="bottom";close;container;wrapper;rafId;isInsideClick=!1;closeTransitionTimer;handleObservedScroll=()=>this.updatePosition();resizeObserver;mutationObserver;scrollParents=[];isObserved=!1;handleOpenChange(){this.syncPortalState()}componentDidLoad(){this.container=this.resolveContainer(),this.syncPortalState()}componentDidRender(){this.syncPortalState()}disconnectedCallback(){if(this.closeTransitionTimer&&clearTimeout(this.closeTransitionTimer),this.unobserveParent(),this.wrapper?.parentNode)try{this.wrapper.parentNode.removeChild(this.wrapper)}catch{}}resolveContainer(){const t="string"==typeof this.to?document.querySelector(this.to):this.to;return t instanceof HTMLElement?t:document.body}resolveZIndex(){const t=this.zIndex??996,e=this.parentRef?.closest(".sd-modal-container__layer");if(!e)return t;const i=e.closest(".sd-modal-container"),s=i instanceof HTMLElement?parseInt(getComputedStyle(i).zIndex,10):NaN,n=Number.isFinite(s)?s:997;return Math.max(t,n+1)}createWrapper(){this.wrapper=document.createElement("div"),Object.assign(this.wrapper.style,{position:"fixed",top:"0",left:"0",zIndex:this.resolveZIndex().toString(),opacity:"0",transition:"opacity 0.15s ease-out",boxSizing:"border-box",visibility:"hidden"}),this.container.appendChild(this.wrapper)}ensureWrapper(){this.wrapper||(this.container||=this.resolveContainer(),this.createWrapper(),this.moveSlotContent())}syncPortalState(){if(!this.open)return this.wrapper&&(this.wrapper.style.transition="opacity 0.15s ease-out",this.wrapper.style.opacity="0",this.wrapper.style.pointerEvents="none",this.closeTransitionTimer&&clearTimeout(this.closeTransitionTimer),this.closeTransitionTimer=setTimeout((()=>{this.wrapper&&!this.open&&(this.wrapper.style.display="none")}),150)),void this.unobserveParent();this.closeTransitionTimer&&clearTimeout(this.closeTransitionTimer),this.ensureWrapper(),this.wrapper&&(this.wrapper.style.display="block",this.wrapper.style.transition="opacity 0.25s ease-out",this.wrapper.style.opacity="0",this.wrapper.style.pointerEvents="",this.observeParent(),this.updatePosition())}moveSlotContent(){this.wrapper&&Array.from(this.hostEl.childNodes).filter((t=>t.nodeType!==Node.COMMENT_NODE)).forEach((t=>this.wrapper.appendChild(t)))}updatePosition(){void 0!==this.rafId&&cancelAnimationFrame(this.rafId),this.rafId=requestAnimationFrame((()=>{if(!this.parentRef||!this.wrapper)return;const t=this.parentRef.getBoundingClientRect(),e=window.innerWidth,i=window.innerHeight,s=this.offset??[0,4],n=Math.max(0,this.viewportPadding??0),o=Math.max(e-2*n,0),a=Math.max(i-2*n,0);this.wrapper.style.maxWidth=`${o}px`,this.wrapper.style.maxHeight=`${a}px`;const r=this.wrapper.getBoundingClientRect(),h=i-t.bottom-s[1]-n,d=t.top-s[1]-n;let c,l=t.left+s[0];"top"===(this.placement??"bottom")?(c=t.top-r.height-s[1],d<r.height&&h>d&&(c=t.bottom+s[1])):(c=t.bottom+s[1],h<r.height&&d>h&&(c=t.top-r.height-s[1]));const g=i-n-r.height;c=g<n?n:Math.min(Math.max(c,n),g);const u=l+r.width>e-n,b=n,p=e-n-r.width;this.wrapper.style.top=`${c}px`,p<b?(this.wrapper.style.left=`${b}px`,this.wrapper.style.right="auto",delete this.wrapper.dataset.align):u?(this.wrapper.style.left="auto",this.wrapper.style.right=e-t.right+"px",this.wrapper.dataset.align="right"):(this.wrapper.style.right="auto",delete this.wrapper.dataset.align,l=Math.min(Math.max(l,b),p),this.wrapper.style.left=`${l}px`),this.wrapper.style.visibility="visible",this.wrapper.style.opacity="1"}))}observeParent(){this.parentRef&&!this.isObserved&&(this.observeScrollParents(this.parentRef),"undefined"!=typeof ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>this.updatePosition())),this.resizeObserver.observe(this.parentRef)),"undefined"!=typeof MutationObserver&&(this.mutationObserver=new MutationObserver((()=>this.updatePosition())),this.mutationObserver.observe(document.body,{childList:!0,subtree:!0})),this.isObserved=!0)}unobserveParent(){this.isObserved&&(this.unobserveScrollParents(),this.resizeObserver?.disconnect(),this.resizeObserver=void 0,this.mutationObserver?.disconnect(),this.mutationObserver=void 0,this.isObserved=!1)}observeScrollParents(t){const e=this.getScrollParents(t);e.forEach((t=>{t.addEventListener("scroll",this.handleObservedScroll,{passive:!0})})),this.scrollParents=e}unobserveScrollParents(){this.scrollParents.forEach((t=>{t.removeEventListener("scroll",this.handleObservedScroll)})),this.scrollParents=[]}getScrollParents(t){const e=[];let i=t.parentElement;for(;i;){const{overflow:t,overflowX:s,overflowY:n}=getComputedStyle(i);[t,s,n].some((t=>/(auto|scroll|overlay)/.test(t)))&&e.push(i),i=i.parentElement}return e}isInsideTarget(t){return!(!this.wrapper?.contains(t)&&!this.parentRef?.contains(t))}handleMouseDown(t){this.open&&(this.isInsideClick=this.isInsideTarget(t.target))}handleWindowClick(t){this.open&&(this.isInsideClick?this.isInsideClick=!1:this.isInsideTarget(t.target)||this.close.emit())}render(){return s("slot",{key:"8b2a674bbd8c75c150940d53c0e5204e951cbb82"})}static get watchers(){return{open:[{handleOpenChange:0}]}}};$.style=":host { display: none !important; }";var E={height:"20",paddingX:"8",gap:"4",typography:{fontSize:"11",fontWeight:"500",lineHeight:"18"},radius:"6"},_={height:"24",paddingX:"8",gap:"4",typography:{fontSize:"12",fontWeight:"700",lineHeight:"20"},radius:"6"},N={height:"28",paddingX:"12",gap:"6",typography:{fontSize:"14",fontWeight:"700",lineHeight:"24"},radius:"8"},C={content:"#FB4444",bg:"#FCEFEF"},M={content:"#FF6B00",bg:"#FEF1EA"},S={content:"#916C0D",bg:"#FFF7DD"},O={content:"#00973C",bg:"#E8F9EF"},W={content:"#0075FF",bg:"#E6F1FF"},L={content:"#006AC1",bg:"#EAF5FE"},I={content:"#004290",bg:"#EFF6FF"},T={content:"#737373",bg:"#EEEEEE"};const B=["xs","sm","md"],H=["grey","red","orange","yellow","green","blue","darkblue","indigo"],P={grey:{background:T.bg,content:T.content,icon:T.content},red:{background:C.bg,content:C.content,icon:C.content},orange:{background:M.bg,content:M.content,icon:M.content},yellow:{background:S.bg,content:S.content,icon:S.content},green:{background:O.bg,content:O.content,icon:O.content},blue:{background:W.bg,content:W.content,icon:W.content},darkblue:{background:L.bg,content:L.content,icon:L.content},indigo:{background:I.bg,content:I.content,icon:I.content}},j={xs:{height:`${E.height}px`,paddingX:`${E.paddingX}px`,gap:`${E.gap}px`,fontSize:`${E.typography.fontSize}px`,fontWeight:E.typography.fontWeight,lineHeight:`${E.typography.lineHeight}px`,iconSize:12,radius:`${E.radius}px`},sm:{height:`${_.height}px`,paddingX:`${_.paddingX}px`,gap:`${_.gap}px`,fontSize:`${_.typography.fontSize}px`,fontWeight:_.typography.fontWeight,lineHeight:`${_.typography.lineHeight}px`,iconSize:16,radius:`${_.radius}px`},md:{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:16,radius:`${N.radius}px`}},q={xs:{...j.xs,radius:"999px"},sm:{...j.sm,radius:"999px"},md:{...j.md,radius:"999px"}},A=Object.fromEntries(["square","pill"].flatMap((t=>B.flatMap((e=>H.map((i=>[`${t}_${e}_${i}`,{shape:t,size:e,color:i,..."square"===t?j[e]:q[e],...P[i]}]))))))),X=class{constructor(e){t(this,e)}name="square_sm_grey";label="";icon;iconLeft=!0;width="";componentWillLoad(){this.name=this.name??"square_sm_grey"}get resolvedName(){if(!Object.prototype.hasOwnProperty.call(A,this.name))throw new Error(`Invalid sd-tag name: "${this.name}"`);return this.name}get resolvedConfig(){return A[this.resolvedName]}renderIcon(t,e){return null==this.icon?null:s("sd-icon",{class:"sd-tag__icon",name:this.icon,size:e,color:t})}get resolvedWidth(){if(""!==this.width&&0!==this.width)return"number"==typeof this.width?`${this.width}px`:this.width}render(){const t=this.resolvedConfig,e=this.renderIcon(t.icon,t.iconSize),i=this.resolvedWidth;return s(n,{key:"9e893a8ec67d1baa12cdfe030d3ae15798666c0c",style:null!=i?{"--sd-tag-width":i}:void 0},s("span",{key:"fe6b05143032b33bec7cc95ce5355701e894d0ea",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.iconLeft&&e,s("span",{key:"9c4a07ac015672839dc5dda40d01609870979e04",class:"sd-tag__label"},this.label),this.icon&&!this.iconLeft&&e))}};X.style="sd-tag{display:inline-flex;width:var(--sd-tag-width, fit-content);height:fit-content}.sd-tag{display:inline-flex;width:100%;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{k as sd_ghost_button,$ as sd_portal,X as sd_tag}

package/dist/design-system/{p-e0e4a451.entry.js → p-8ea038d7.entry.js}

@@ -1 +1 @@
-import{r as e,c as a,h as d}from"./p-C599jhDs.js";import{u as r,t as n,W as t,C as i}from"./p-BnUjeY2n.js";import{a as l,D as s}from"./p-Dz23PPdF.js";import"./p-DjKOoQuF.js";const c=class{constructor(d){e(this,d),this.update=a(this,"sdUpdate",7),this.viewChange=a(this,"sdViewChange",7)}value=null;selectable;events;elevated=!1;currentYear;currentMonth;update;viewChange;dateUtil=r();_eventMapCache;get eventMap(){const e=this._eventMapCache;if(e&&e.src===this.events)return e.map;const a=new Map;return(this.events??[]).forEach((e=>e.dates.forEach((d=>{const r=a.get(d)??[];r.push({color:e.color,label:e.label}),a.set(d,r)})))),this._eventMapCache={src:this.events,map:a},a}get legendItems(){const e=new Set,a=[];return(this.events??[]).forEach((d=>{const r=`${d.color}|${d.label}`;e.has(r)||(e.add(r),a.push({color:d.color,label:d.label}))})),a}componentWillLoad(){this.syncViewFromValue()}handleValueChange(){this.syncViewFromValue()}syncViewFromValue(){const e=this.value||n,[a,d]=e.split("-").map(Number);this.currentYear=a,this.currentMonth=d}formatDate(e,a,d){return`${e}-${String(a).padStart(2,"0")}-${String(d).padStart(2,"0")}`}get cells(){const e=this.currentYear,a=this.currentMonth,d=new Date(e,a-1,1).getDay(),r=new Date(e,a,0).getDate(),n=1===a?12:a-1,t=1===a?e-1:e,i=new Date(t,n,0).getDate(),l=12===a?1:a+1,s=12===a?e+1:e,c=[];for(let e=d-1;e>=0;e--){const a=i-e;c.push({date:this.formatDate(t,n,a),day:a,inCurrentMonth:!1})}for(let d=1;d<=r;d++)c.push({date:this.formatDate(e,a,d),day:d,inCurrentMonth:!0});const o=(7-c.length%7)%7;for(let e=1;e<=o;e++)c.push({date:this.formatDate(s,l,e),day:e,inCurrentMonth:!1});return c}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:d}=this.dateUtil.calculateYearMonth(this.currentYear,this.currentMonth,"prev");this.currentYear=a,this.currentMonth=d,this.emitViewChange()};goNextMonth=e=>{e.stopPropagation();const{newYear:a,newMonth:d}=this.dateUtil.calculateYearMonth(this.currentYear,this.currentMonth,"next");this.currentYear=a,this.currentMonth=d,this.emitViewChange()};isDisabled(e){if(!this.selectable)return!1;const[a,d]=this.selectable;return""!==a&&e<a||""!==d&&e>d}handleDayClick(e){this.isDisabled(e.date)||(this.value=e.date,this.update.emit(e.date))}render(){const e={"--calendar-bg":i.bg,"--calendar-padding":`${i.paddingXY}px`,"--calendar-gap":`${i.gap}px`,"--calendar-radius":`${i.radius}px`,"--calendar-header-gap":`${i.header.gap}px`,"--calendar-header-divider":i.header.divider,"--calendar-header-font-size":`${i.header.fontSize}px`,"--calendar-header-line-height":`${i.header.lineHeight}px`,"--calendar-header-font-weight":i.header.fontWeight,"--calendar-week-font-size":`${i.week.fontSize}px`,"--calendar-week-line-height":`${i.week.lineHeight}px`,"--calendar-week-font-weight":i.week.fontWeight,"--calendar-week-color":i.week.color,"--calendar-grid-row-gap":`${i.grid.rowGap}px`,"--calendar-day-size":`${i.day.size}px`,"--calendar-day-circle-size":`${i.day.circleSize}px`,"--calendar-day-circle-radius":`${i.day.circleRadius}px`,"--calendar-day-text":i.day.defaultText,"--calendar-day-hover-text":i.day.hoverText,"--calendar-day-hover-border":i.day.hoverBorder,"--calendar-day-select-bg":i.day.selectBg,"--calendar-day-select-text":i.day.selectText,"--calendar-day-disabled-text":i.day.disabledText,"--calendar-day-font-size":`${i.day.fontSize}px`,"--calendar-day-line-height":`${i.day.lineHeight}px`,"--calendar-day-font-weight":i.day.fontWeight,"--calendar-day-bold-font-weight":i.day.boldFontWeight,"--calendar-day-dot-size":`${i.day.dot.size}px`,"--calendar-day-dot-gap":`${i.day.dot.gap}px`,"--calendar-day-dot-padding-y":`${i.day.dot.paddingY}px`,"--calendar-legend-font-size":`${i.legend.fontSize}px`,"--calendar-legend-line-height":`${i.legend.lineHeight}px`,"--calendar-legend-font-weight":i.legend.fontWeight,"--calendar-legend-gap":`${i.legend.gap}px`,"--calendar-legend-group-gap":`${i.legend.groupGap}px`},a=this.eventMap,r=this.legendItems,l=(this.events?.length??0)>0;return d("div",{key:"e1e0c276ef6642e811b796d6840ea2ed8860e5ef",class:{"sd-calendar":!0,"sd-calendar--elevated":this.elevated},style:e},d("div",{key:"ed4cb4166fe14237a0291986caae6641f7075be7",class:"sd-calendar__header"},d("div",{key:"83fb71b32ca4adaf6e42eee2a069d64ed67e08a2",class:"sd-calendar__nav-group"},d("sd-ghost-button",{key:"35610f7ad609f1f694929355ab6aa363609d035f",ariaLabel:"prevYear",size:"xxs",icon:"chevronLeft",onClick:this.goPrevYear}),d("span",{key:"413232de704c401ff38a02e9d5d05788e53d650e",class:"sd-calendar__label"},this.currentYear),d("sd-ghost-button",{key:"5d60b66064809edaf3505659cca23e70c0702f97",ariaLabel:"nextYear",size:"xxs",icon:"chevronRight",onClick:this.goNextYear})),d("span",{key:"0d137eea005ac4ee7dd21075f3954b1259a43de1",class:"sd-calendar__divider","aria-hidden":"true"}),d("div",{key:"b66dc00192dfd111b3afe98d7ad0ebb775de264d",class:"sd-calendar__nav-group sd-calendar__nav-group-month"},d("sd-ghost-button",{key:"9e0087e68fe1ec2ac7d36454e135f0cd5dac71ce",ariaLabel:"prevMonth",size:"xxs",icon:"chevronLeft",onClick:this.goPrevMonth}),d("span",{key:"83ff452dd50105c7515143a6fae5b33da204a945",class:"sd-calendar__label sd-calendar__label-month"},this.currentMonth,"월"),d("sd-ghost-button",{key:"abc04cedfd725eb5b87ab49d451e55ab727d8fad",ariaLabel:"nextMonth",size:"xxs",icon:"chevronRight",onClick:this.goNextMonth}))),d("div",{key:"e06706abdd90a500067b211dea6141a99c736be9",class:"sd-calendar__week"},t.map((e=>d("span",{key:e,class:"sd-calendar__week-cell"},e)))),d("div",{key:"11a86af0b5b297ad3cfe66e207f2e7a12e9bf869",class:"sd-calendar__grid"},this.cells.map((e=>{const r=e.inCurrentMonth&&""!==this.value&&this.value===e.date,t=e.inCurrentMonth&&n===e.date,i=e.inCurrentMonth&&this.isDisabled(e.date),s=e.inCurrentMonth?a.get(e.date):void 0;return d("button",{type:"button",key:e.date,class:{"sd-calendar__day":!0,"sd-calendar__day--empty":!e.inCurrentMonth,"sd-calendar__day--today":t,"sd-calendar__day--selected":r,"sd-calendar__day--disabled":i},disabled:!e.inCurrentMonth||i,tabindex:e.inCurrentMonth?void 0:-1,"aria-hidden":e.inCurrentMonth?void 0:"true",onClick:()=>e.inCurrentMonth&&this.handleDayClick(e)},d("span",{class:"sd-calendar__day-circle"},e.inCurrentMonth?e.day:""),l&&d("span",{class:"sd-calendar__dot-row","aria-hidden":"true"},s?.map(((e,a)=>d("span",{key:`${e.color}|${e.label}|${a}`,class:"sd-calendar__dot",style:{backgroundColor:e.color}})))))}))),r.length>0&&[d("span",{key:"d924bb7ce8ceb077cad4d35face238cbb6e39802",class:"sd-calendar__divider-bottom","aria-hidden":"true"}),d("div",{key:"2738f49b64e7a45aee0f11eac96c98b811312ad6",class:"sd-calendar__legend"},r.map((e=>d("span",{key:`${e.color}|${e.label}`,class:"sd-calendar__legend-item"},d("span",{class:"sd-calendar__legend-dot",style:{backgroundColor:e.color},"aria-hidden":"true"}),d("span",{class:"sd-calendar__legend-label"},e.label)))))])}static get watchers(){return{value:[{handleValueChange:0}]}}};c.style="sd-calendar{display:block}sd-calendar .sd-calendar{display:flex;flex-direction:column;gap:var(--calendar-gap);width:328px;min-height:328px;padding:var(--calendar-padding);background:var(--calendar-bg);border-radius:var(--calendar-radius);user-select:none}sd-calendar .sd-calendar--elevated{box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.2)}sd-calendar .sd-calendar__header{display:flex;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-calendar .sd-calendar__nav-group{display:inline-flex;align-items:center;gap:var(--calendar-gap)}sd-calendar .sd-calendar__nav-group-month{width:100%}sd-calendar .sd-calendar__label{display:inline-flex;align-items:center;justify-content:center;min-width:40px;text-align:center}sd-calendar .sd-calendar__label-month{width:100%}sd-calendar .sd-calendar__divider{display:inline-block;width:1px;height:16px;background:var(--calendar-header-divider)}sd-calendar .sd-calendar__week{display:grid;grid-template-columns:repeat(7, var(--calendar-day-size))}sd-calendar .sd-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-calendar .sd-calendar__grid{display:grid;grid-template-columns:repeat(7, var(--calendar-day-size));row-gap:var(--calendar-grid-row-gap)}sd-calendar .sd-calendar__day{display:inline-flex;flex-direction:column;align-items:center;justify-content:flex-start;width:var(--calendar-day-size);min-height:var(--calendar-day-circle-size);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-calendar .sd-calendar__day-circle{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-calendar .sd-calendar__day:not(:disabled):hover .sd-calendar__day-circle{border-radius:16px;border:1px solid var(--calendar-day-hover-border)}sd-calendar .sd-calendar__day--today .sd-calendar__day-circle{font-weight:700}sd-calendar .sd-calendar__day--selected .sd-calendar__day-circle{border-radius:16px;background:var(--calendar-day-select-bg);color:var(--calendar-day-select-text)}sd-calendar .sd-calendar__day--selected:not(:disabled):hover .sd-calendar__day-circle{background:var(--calendar-day-select-bg);color:var(--calendar-day-select-text)}sd-calendar .sd-calendar__day--disabled{color:var(--calendar-day-disabled-text);background:none !important;cursor:not-allowed}sd-calendar .sd-calendar__day--empty{visibility:hidden;pointer-events:none}sd-calendar .sd-calendar__dot-row{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--calendar-day-dot-gap);box-sizing:border-box;width:100%;min-height:14px;padding-top:var(--calendar-day-dot-padding-y);padding-bottom:var(--calendar-day-dot-padding-y)}sd-calendar .sd-calendar__dot{display:inline-block;width:var(--calendar-day-dot-size);height:var(--calendar-day-dot-size);border-radius:50%}sd-calendar .sd-calendar__divider-bottom{display:block;width:100%;height:1px;background:var(--calendar-header-divider)}sd-calendar .sd-calendar__legend{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;column-gap:var(--calendar-legend-group-gap);row-gap:4px;font-size:var(--calendar-legend-font-size);line-height:var(--calendar-legend-line-height);font-weight:var(--calendar-legend-font-weight);color:var(--calendar-day-text)}sd-calendar .sd-calendar__legend-item{display:inline-flex;align-items:center;gap:var(--calendar-legend-gap)}sd-calendar .sd-calendar__legend-dot{display:inline-block;width:var(--calendar-day-dot-size);height:var(--calendar-day-dot-size);border-radius:50%;flex-shrink:0}sd-calendar .sd-calendar__legend-label{display:inline-block}";const o=class{constructor(d){e(this,d),this.triggerClick=a(this,"sdTriggerClick",7)}displayText="";placeholder="YYYY-MM-DD";disabled=!1;size="sm";triggerClick;handleClick=()=>{this.disabled||this.triggerClick.emit()};render(){const e=l[this.size]??l.sm,a=""!==this.displayText;return d("div",{key:"b52c18bc057886ed8d6b1f5d145225a4c31f0035",role:"button",tabindex:this.disabled?-1:0,class:{"sd-date-picker-trigger":!0,"sd-date-picker-trigger--disabled":this.disabled},style:{"--trigger-padding-x":`${e.paddingX}px`,"--trigger-gap":`${e.gap}px`,"--trigger-icon-size":`${e.iconSize}px`,"--trigger-font-size":`${e.fontSize}px`,"--trigger-line-height":`${e.lineHeight}px`,"--trigger-font-weight":e.fontWeight,"--trigger-radius":`${e.radius}px`,"--trigger-text-min-width":("md"===this.size?104:80)+"px","--trigger-text-color":this.disabled?s.text.disabled:a?s.text.default:s.text.hint,"--trigger-icon-color":this.disabled?s.icon.disabled:s.icon.default},onClick:this.handleClick,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.handleClick())}},d("sd-icon",{key:"d653fa9a79c41b39e77a6a77afba2233a977ba29",name:"date",size:Number(e.iconSize),color:"var(--trigger-icon-color)",class:"sd-date-picker-trigger__icon"}),d("span",{key:"e37f745bab9ea7ac1864ce0944ffd9d1d62eecd2",class:"sd-date-picker-trigger__text"},a?this.displayText:this.placeholder))}};o.style="sd-date-picker-trigger{display:block;width:100%;height:100%}sd-date-picker-trigger .sd-date-picker-trigger{display:flex;align-items:center;gap:var(--trigger-gap);width:100%;height:100%;padding:0 var(--trigger-padding-x);cursor:pointer;user-select:none;overflow:hidden;border-radius:var(--trigger-radius)}sd-date-picker-trigger .sd-date-picker-trigger--disabled{cursor:not-allowed}sd-date-picker-trigger .sd-date-picker-trigger__icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}sd-date-picker-trigger .sd-date-picker-trigger__text{flex:1;min-width:var(--trigger-text-min-width, 80px);font-size:var(--trigger-font-size);line-height:var(--trigger-line-height);font-weight:var(--trigger-font-weight);color:var(--trigger-text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}";export{c as sd_calendar,o as sd_date_picker_trigger}
+import{r as e,c as a,h as d}from"./p-CdvQqvIe.js";import{u as r,t as n,W as t,C as i}from"./p-BnUjeY2n.js";import{a as l,D as s}from"./p-Dz23PPdF.js";import"./p-DjKOoQuF.js";const c=class{constructor(d){e(this,d),this.update=a(this,"sdUpdate",7),this.viewChange=a(this,"sdViewChange",7)}value=null;selectable;events;elevated=!1;currentYear;currentMonth;update;viewChange;dateUtil=r();_eventMapCache;get eventMap(){const e=this._eventMapCache;if(e&&e.src===this.events)return e.map;const a=new Map;return(this.events??[]).forEach((e=>e.dates.forEach((d=>{const r=a.get(d)??[];r.push({color:e.color,label:e.label}),a.set(d,r)})))),this._eventMapCache={src:this.events,map:a},a}get legendItems(){const e=new Set,a=[];return(this.events??[]).forEach((d=>{const r=`${d.color}|${d.label}`;e.has(r)||(e.add(r),a.push({color:d.color,label:d.label}))})),a}componentWillLoad(){this.syncViewFromValue()}handleValueChange(){this.syncViewFromValue()}syncViewFromValue(){const e=this.value||n,[a,d]=e.split("-").map(Number);this.currentYear=a,this.currentMonth=d}formatDate(e,a,d){return`${e}-${String(a).padStart(2,"0")}-${String(d).padStart(2,"0")}`}get cells(){const e=this.currentYear,a=this.currentMonth,d=new Date(e,a-1,1).getDay(),r=new Date(e,a,0).getDate(),n=1===a?12:a-1,t=1===a?e-1:e,i=new Date(t,n,0).getDate(),l=12===a?1:a+1,s=12===a?e+1:e,c=[];for(let e=d-1;e>=0;e--){const a=i-e;c.push({date:this.formatDate(t,n,a),day:a,inCurrentMonth:!1})}for(let d=1;d<=r;d++)c.push({date:this.formatDate(e,a,d),day:d,inCurrentMonth:!0});const o=(7-c.length%7)%7;for(let e=1;e<=o;e++)c.push({date:this.formatDate(s,l,e),day:e,inCurrentMonth:!1});return c}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:d}=this.dateUtil.calculateYearMonth(this.currentYear,this.currentMonth,"prev");this.currentYear=a,this.currentMonth=d,this.emitViewChange()};goNextMonth=e=>{e.stopPropagation();const{newYear:a,newMonth:d}=this.dateUtil.calculateYearMonth(this.currentYear,this.currentMonth,"next");this.currentYear=a,this.currentMonth=d,this.emitViewChange()};isDisabled(e){if(!this.selectable)return!1;const[a,d]=this.selectable;return""!==a&&e<a||""!==d&&e>d}handleDayClick(e){this.isDisabled(e.date)||(this.value=e.date,this.update.emit(e.date))}render(){const e={"--calendar-bg":i.bg,"--calendar-padding":`${i.paddingXY}px`,"--calendar-gap":`${i.gap}px`,"--calendar-radius":`${i.radius}px`,"--calendar-header-gap":`${i.header.gap}px`,"--calendar-header-divider":i.header.divider,"--calendar-header-font-size":`${i.header.fontSize}px`,"--calendar-header-line-height":`${i.header.lineHeight}px`,"--calendar-header-font-weight":i.header.fontWeight,"--calendar-week-font-size":`${i.week.fontSize}px`,"--calendar-week-line-height":`${i.week.lineHeight}px`,"--calendar-week-font-weight":i.week.fontWeight,"--calendar-week-color":i.week.color,"--calendar-grid-row-gap":`${i.grid.rowGap}px`,"--calendar-day-size":`${i.day.size}px`,"--calendar-day-circle-size":`${i.day.circleSize}px`,"--calendar-day-circle-radius":`${i.day.circleRadius}px`,"--calendar-day-text":i.day.defaultText,"--calendar-day-hover-text":i.day.hoverText,"--calendar-day-hover-border":i.day.hoverBorder,"--calendar-day-select-bg":i.day.selectBg,"--calendar-day-select-text":i.day.selectText,"--calendar-day-disabled-text":i.day.disabledText,"--calendar-day-font-size":`${i.day.fontSize}px`,"--calendar-day-line-height":`${i.day.lineHeight}px`,"--calendar-day-font-weight":i.day.fontWeight,"--calendar-day-bold-font-weight":i.day.boldFontWeight,"--calendar-day-dot-size":`${i.day.dot.size}px`,"--calendar-day-dot-gap":`${i.day.dot.gap}px`,"--calendar-day-dot-padding-y":`${i.day.dot.paddingY}px`,"--calendar-legend-font-size":`${i.legend.fontSize}px`,"--calendar-legend-line-height":`${i.legend.lineHeight}px`,"--calendar-legend-font-weight":i.legend.fontWeight,"--calendar-legend-gap":`${i.legend.gap}px`,"--calendar-legend-group-gap":`${i.legend.groupGap}px`},a=this.eventMap,r=this.legendItems,l=(this.events?.length??0)>0;return d("div",{key:"e1e0c276ef6642e811b796d6840ea2ed8860e5ef",class:{"sd-calendar":!0,"sd-calendar--elevated":this.elevated},style:e},d("div",{key:"ed4cb4166fe14237a0291986caae6641f7075be7",class:"sd-calendar__header"},d("div",{key:"83fb71b32ca4adaf6e42eee2a069d64ed67e08a2",class:"sd-calendar__nav-group"},d("sd-ghost-button",{key:"35610f7ad609f1f694929355ab6aa363609d035f",ariaLabel:"prevYear",size:"xxs",icon:"chevronLeft",onClick:this.goPrevYear}),d("span",{key:"413232de704c401ff38a02e9d5d05788e53d650e",class:"sd-calendar__label"},this.currentYear),d("sd-ghost-button",{key:"5d60b66064809edaf3505659cca23e70c0702f97",ariaLabel:"nextYear",size:"xxs",icon:"chevronRight",onClick:this.goNextYear})),d("span",{key:"0d137eea005ac4ee7dd21075f3954b1259a43de1",class:"sd-calendar__divider","aria-hidden":"true"}),d("div",{key:"b66dc00192dfd111b3afe98d7ad0ebb775de264d",class:"sd-calendar__nav-group sd-calendar__nav-group-month"},d("sd-ghost-button",{key:"9e0087e68fe1ec2ac7d36454e135f0cd5dac71ce",ariaLabel:"prevMonth",size:"xxs",icon:"chevronLeft",onClick:this.goPrevMonth}),d("span",{key:"83ff452dd50105c7515143a6fae5b33da204a945",class:"sd-calendar__label sd-calendar__label-month"},this.currentMonth,"월"),d("sd-ghost-button",{key:"abc04cedfd725eb5b87ab49d451e55ab727d8fad",ariaLabel:"nextMonth",size:"xxs",icon:"chevronRight",onClick:this.goNextMonth}))),d("div",{key:"e06706abdd90a500067b211dea6141a99c736be9",class:"sd-calendar__week"},t.map((e=>d("span",{key:e,class:"sd-calendar__week-cell"},e)))),d("div",{key:"11a86af0b5b297ad3cfe66e207f2e7a12e9bf869",class:"sd-calendar__grid"},this.cells.map((e=>{const r=e.inCurrentMonth&&""!==this.value&&this.value===e.date,t=e.inCurrentMonth&&n===e.date,i=e.inCurrentMonth&&this.isDisabled(e.date),s=e.inCurrentMonth?a.get(e.date):void 0;return d("button",{type:"button",key:e.date,class:{"sd-calendar__day":!0,"sd-calendar__day--empty":!e.inCurrentMonth,"sd-calendar__day--today":t,"sd-calendar__day--selected":r,"sd-calendar__day--disabled":i},disabled:!e.inCurrentMonth||i,tabindex:e.inCurrentMonth?void 0:-1,"aria-hidden":e.inCurrentMonth?void 0:"true",onClick:()=>e.inCurrentMonth&&this.handleDayClick(e)},d("span",{class:"sd-calendar__day-circle"},e.inCurrentMonth?e.day:""),l&&d("span",{class:"sd-calendar__dot-row","aria-hidden":"true"},s?.map(((e,a)=>d("span",{key:`${e.color}|${e.label}|${a}`,class:"sd-calendar__dot",style:{backgroundColor:e.color}})))))}))),r.length>0&&[d("span",{key:"d924bb7ce8ceb077cad4d35face238cbb6e39802",class:"sd-calendar__divider-bottom","aria-hidden":"true"}),d("div",{key:"2738f49b64e7a45aee0f11eac96c98b811312ad6",class:"sd-calendar__legend"},r.map((e=>d("span",{key:`${e.color}|${e.label}`,class:"sd-calendar__legend-item"},d("span",{class:"sd-calendar__legend-dot",style:{backgroundColor:e.color},"aria-hidden":"true"}),d("span",{class:"sd-calendar__legend-label"},e.label)))))])}static get watchers(){return{value:[{handleValueChange:0}]}}};c.style="sd-calendar{display:block}sd-calendar .sd-calendar{display:flex;flex-direction:column;gap:var(--calendar-gap);width:328px;min-height:328px;padding:var(--calendar-padding);background:var(--calendar-bg);border-radius:var(--calendar-radius);user-select:none}sd-calendar .sd-calendar--elevated{box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.2)}sd-calendar .sd-calendar__header{display:flex;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-calendar .sd-calendar__nav-group{display:inline-flex;align-items:center;gap:var(--calendar-gap)}sd-calendar .sd-calendar__nav-group-month{width:100%}sd-calendar .sd-calendar__label{display:inline-flex;align-items:center;justify-content:center;min-width:40px;text-align:center}sd-calendar .sd-calendar__label-month{width:100%}sd-calendar .sd-calendar__divider{display:inline-block;width:1px;height:16px;background:var(--calendar-header-divider)}sd-calendar .sd-calendar__week{display:grid;grid-template-columns:repeat(7, var(--calendar-day-size))}sd-calendar .sd-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-calendar .sd-calendar__grid{display:grid;grid-template-columns:repeat(7, var(--calendar-day-size));row-gap:var(--calendar-grid-row-gap)}sd-calendar .sd-calendar__day{display:inline-flex;flex-direction:column;align-items:center;justify-content:flex-start;width:var(--calendar-day-size);min-height:var(--calendar-day-circle-size);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-calendar .sd-calendar__day-circle{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-calendar .sd-calendar__day:not(:disabled):hover .sd-calendar__day-circle{border-radius:16px;border:1px solid var(--calendar-day-hover-border)}sd-calendar .sd-calendar__day--today .sd-calendar__day-circle{font-weight:700}sd-calendar .sd-calendar__day--selected .sd-calendar__day-circle{border-radius:16px;background:var(--calendar-day-select-bg);color:var(--calendar-day-select-text)}sd-calendar .sd-calendar__day--selected:not(:disabled):hover .sd-calendar__day-circle{background:var(--calendar-day-select-bg);color:var(--calendar-day-select-text)}sd-calendar .sd-calendar__day--disabled{color:var(--calendar-day-disabled-text);background:none !important;cursor:not-allowed}sd-calendar .sd-calendar__day--empty{visibility:hidden;pointer-events:none}sd-calendar .sd-calendar__dot-row{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--calendar-day-dot-gap);box-sizing:border-box;width:100%;min-height:14px;padding-top:var(--calendar-day-dot-padding-y);padding-bottom:var(--calendar-day-dot-padding-y)}sd-calendar .sd-calendar__dot{display:inline-block;width:var(--calendar-day-dot-size);height:var(--calendar-day-dot-size);border-radius:50%}sd-calendar .sd-calendar__divider-bottom{display:block;width:100%;height:1px;background:var(--calendar-header-divider)}sd-calendar .sd-calendar__legend{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;column-gap:var(--calendar-legend-group-gap);row-gap:4px;font-size:var(--calendar-legend-font-size);line-height:var(--calendar-legend-line-height);font-weight:var(--calendar-legend-font-weight);color:var(--calendar-day-text)}sd-calendar .sd-calendar__legend-item{display:inline-flex;align-items:center;gap:var(--calendar-legend-gap)}sd-calendar .sd-calendar__legend-dot{display:inline-block;width:var(--calendar-day-dot-size);height:var(--calendar-day-dot-size);border-radius:50%;flex-shrink:0}sd-calendar .sd-calendar__legend-label{display:inline-block}";const o=class{constructor(d){e(this,d),this.triggerClick=a(this,"sdTriggerClick",7)}displayText="";placeholder="YYYY-MM-DD";disabled=!1;size="sm";triggerClick;handleClick=()=>{this.disabled||this.triggerClick.emit()};render(){const e=l[this.size]??l.sm,a=""!==this.displayText;return d("div",{key:"b52c18bc057886ed8d6b1f5d145225a4c31f0035",role:"button",tabindex:this.disabled?-1:0,class:{"sd-date-picker-trigger":!0,"sd-date-picker-trigger--disabled":this.disabled},style:{"--trigger-padding-x":`${e.paddingX}px`,"--trigger-gap":`${e.gap}px`,"--trigger-icon-size":`${e.iconSize}px`,"--trigger-font-size":`${e.fontSize}px`,"--trigger-line-height":`${e.lineHeight}px`,"--trigger-font-weight":e.fontWeight,"--trigger-radius":`${e.radius}px`,"--trigger-text-min-width":("md"===this.size?104:80)+"px","--trigger-text-color":this.disabled?s.text.disabled:a?s.text.default:s.text.hint,"--trigger-icon-color":this.disabled?s.icon.disabled:s.icon.default},onClick:this.handleClick,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.handleClick())}},d("sd-icon",{key:"d653fa9a79c41b39e77a6a77afba2233a977ba29",name:"date",size:Number(e.iconSize),color:"var(--trigger-icon-color)",class:"sd-date-picker-trigger__icon"}),d("span",{key:"e37f745bab9ea7ac1864ce0944ffd9d1d62eecd2",class:"sd-date-picker-trigger__text"},a?this.displayText:this.placeholder))}};o.style="sd-date-picker-trigger{display:block;width:100%;height:100%}sd-date-picker-trigger .sd-date-picker-trigger{display:flex;align-items:center;gap:var(--trigger-gap);width:100%;height:100%;padding:0 var(--trigger-padding-x);cursor:pointer;user-select:none;overflow:hidden;border-radius:var(--trigger-radius)}sd-date-picker-trigger .sd-date-picker-trigger--disabled{cursor:not-allowed}sd-date-picker-trigger .sd-date-picker-trigger__icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}sd-date-picker-trigger .sd-date-picker-trigger__text{flex:1;min-width:var(--trigger-text-min-width, 80px);font-size:var(--trigger-font-size);line-height:var(--trigger-line-height);font-weight:var(--trigger-font-weight);color:var(--trigger-text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}";export{c as sd_calendar,o as sd_date_picker_trigger}

package/dist/design-system/{p-129b6330.entry.js → p-937a30af.entry.js}

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

package/dist/design-system/{p-c7f03dea.entry.js → p-94d4c093.entry.js}

@@ -1 +1 @@
-import{r as i,h as n}from"./p-C599jhDs.js";const e=class{constructor(n){i(this,n)}visible=!1;message="";prevBodyOverflow=null;async show(i={}){this.message=i.message??"",this.visible=!0,this.lockScroll()}async hide(){this.visible=!1,this.unlockScroll()}disconnectedCallback(){this.unlockScroll()}lockScroll(){null===this.prevBodyOverflow&&(this.prevBodyOverflow=document.body.style.overflow,document.body.style.overflow="hidden")}unlockScroll(){null!==this.prevBodyOverflow&&(document.body.style.overflow=this.prevBodyOverflow,this.prevBodyOverflow=null)}render(){return n("div",{key:"c7821d4c50651217e48f424cbdfb9a32006afda4",class:{"sd-loading-container":!0,"sd-loading-container--visible":this.visible},"aria-hidden":this.visible?"false":"true"},n("div",{key:"f7674699f3dd15edd74fc3224203b59ad2a96735",class:"sd-loading-container__backdrop"}),n("div",{key:"cd361e1a1f470109298459cc2872be104e382015",class:"sd-loading-container__content"},n("sd-circle-progress",{key:"c856a1e9ab203040dd8bf0d01dbdf151718aaa3e",indeterminate:!0,type:"inverse"}),this.message&&n("p",{key:"8af15dba086fb024b652db5f776d384f00fd9cf7",class:"sd-loading-container__message"},this.message)))}};e.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, 999);opacity:0;visibility:hidden;transition:opacity 0.2s ease, visibility 0s linear 0.2s;pointer-events:none}sd-loading-container .sd-loading-container--visible{opacity:1;visibility:visible;transition:opacity 0.2s ease, visibility 0s linear 0s;pointer-events:auto}sd-loading-container .sd-loading-container__backdrop{position:absolute;inset:0;background:rgba(0, 0, 0, 0.4)}sd-loading-container .sd-loading-container__content{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px}sd-loading-container .sd-loading-container__message{margin:0;color:#ffffff;font-size:14px;font-weight:500;line-height:22px;text-align:center;max-width:400px;word-break:keep-all}";export{e as sd_loading_container}
+import{r as i,h as n}from"./p-CdvQqvIe.js";const e=class{constructor(n){i(this,n)}visible=!1;message="";prevBodyOverflow=null;async show(i={}){this.message=i.message??"",this.visible=!0,this.lockScroll()}async hide(){this.visible=!1,this.unlockScroll()}disconnectedCallback(){this.unlockScroll()}lockScroll(){null===this.prevBodyOverflow&&(this.prevBodyOverflow=document.body.style.overflow,document.body.style.overflow="hidden")}unlockScroll(){null!==this.prevBodyOverflow&&(document.body.style.overflow=this.prevBodyOverflow,this.prevBodyOverflow=null)}render(){return n("div",{key:"c7821d4c50651217e48f424cbdfb9a32006afda4",class:{"sd-loading-container":!0,"sd-loading-container--visible":this.visible},"aria-hidden":this.visible?"false":"true"},n("div",{key:"f7674699f3dd15edd74fc3224203b59ad2a96735",class:"sd-loading-container__backdrop"}),n("div",{key:"cd361e1a1f470109298459cc2872be104e382015",class:"sd-loading-container__content"},n("sd-circle-progress",{key:"c856a1e9ab203040dd8bf0d01dbdf151718aaa3e",indeterminate:!0,type:"inverse"}),this.message&&n("p",{key:"8af15dba086fb024b652db5f776d384f00fd9cf7",class:"sd-loading-container__message"},this.message)))}};e.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, 999);opacity:0;visibility:hidden;transition:opacity 0.2s ease, visibility 0s linear 0.2s;pointer-events:none}sd-loading-container .sd-loading-container--visible{opacity:1;visibility:visible;transition:opacity 0.2s ease, visibility 0s linear 0s;pointer-events:auto}sd-loading-container .sd-loading-container__backdrop{position:absolute;inset:0;background:rgba(0, 0, 0, 0.4)}sd-loading-container .sd-loading-container__content{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px}sd-loading-container .sd-loading-container__message{margin:0;color:#ffffff;font-size:14px;font-weight:500;line-height:22px;text-align:center;max-width:400px;word-break:keep-all}";export{e as sd_loading_container}

package/dist/design-system/{p-16b9eac4.entry.js → p-97a059b0.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,a as s,h as i,F as n}from"./p-C599jhDs.js";import{T as a}from"./p-Cn8LZw1e.js";var o={bg:"#07284A",title:"#FFFFFF",description:"#FFFFFF",subAction:"#D8D8D8"},c={leadingIcon:"16",gap:"8"},l={bg:"#FCEFEF",title:"#FB4444"},d={bg:"#FEF1EA",title:"#FF6B00"},r={bg:"#E6F1FF",title:"#0075FF"},h={description:"#555555",subAction:"#888888"};const f=c.gap,b=c.leadingIcon,u={default:{bg:o.bg,title:o.title,description:o.description,subAction:o.subAction,buttonName:"primary_xs"},danger:{bg:l.bg,title:l.title,description:h.description,subAction:h.subAction,buttonName:"danger_outline_xs"},warning:{bg:d.bg,title:d.title,description:h.description,subAction:h.subAction,buttonName:"neutral_outline_xs"},accent:{bg:r.bg,title:r.title,description:h.description,subAction:h.subAction,buttonName:"primary_xs"}},p=class{constructor(s){t(this,s),this.showChange=e(this,"sdShowChange",7),this.buttonClick=e(this,"sdButtonClick",7),this.leftLinkClick=e(this,"sdLeftLinkClick",7)}get el(){return s(this)}open;defaultOpen=!1;placement="bottom";type="default";menuTitle;titleIcon;icon="helpOutline";iconSize=12;color="#01BB4B";leftLinkLabel;buttonLabel;ariaLabel="";menuClassName="";internalOpen=!1;slotContentHTML="";triggerHTML="";showChange;buttonClick;leftLinkClick;triggerEl;get isOpen(){return void 0!==this.open?this.open:this.internalOpen}setOpen=t=>{this.isOpen!==t&&(void 0===this.open?this.internalOpen=t:this.open=t,this.showChange.emit(t))};get popoverOffset(){switch(this.placement??"bottom"){case"top":return[0,-4];case"bottom":return[0,4];case"left":case"right":return[4,0]}}handleClose=()=>this.setOpen(!1);componentWillLoad(){this.internalOpen=this.defaultOpen;const t=this.el.querySelector('[slot="trigger"]');t&&(this.triggerHTML=t.outerHTML,t.remove()),this.slotContentHTML=this.el.innerHTML,this.el.innerHTML=""}render(){const t=this.placement??"bottom",e=u[this.type??"default"]??u.default,s=this.menuClassName??"",o=void 0!==this.leftLinkLabel&&""!==this.leftLinkLabel;return i(n,{key:"16cc231907c02de80749163ce4b639303e969f4a"},""!==this.triggerHTML?i("span",{ref:t=>this.triggerEl=t,class:"sd-popover","aria-label":this.ariaLabel||void 0,innerHTML:this.triggerHTML,onClick:()=>this.setOpen(!this.isOpen)}):i("sd-icon",{ref:t=>this.triggerEl=t,name:this.icon??"helpOutline",size:this.iconSize??12,color:this.color??"#01BB4B",class:"sd-popover","aria-label":this.ariaLabel||void 0,onClick:()=>this.setOpen(!this.isOpen)}),this.isOpen&&i("sd-floating-portal",{key:"c59ec7fb1b7ea137b95542f7e8f775c6bd837975",parentRef:this.triggerEl,onSdClose:this.handleClose,placement:t,offset:this.popoverOffset},i("div",{key:"97e68e0246997a0a73beb3e984331daa57161e8e",class:{"sd-floating-menu":!0,"sd-floating-menu--popover":!0,[`sd-floating-menu--${t}`]:!0,[s]:""!==s},style:{"--sd-floating-bg":e.bg,"--sd-floating-content":e.description}},i("i",{key:"b96d7dc623a1fab61ee84f612c68c9f7bbac7405",class:`sd-floating-menu__arrow sd-floating-menu__arrow--${t}`},i(a,{key:"92c6e5ef1258d6e99f744c75cef7ee3dd26d0367"})),i("div",{key:"9c9f3cfcc8a3d60e5282a5f6f2653e2cce17cf56",class:"sd-floating-menu__content"},this.menuTitle&&i("div",{key:"044ae6b271fbf0cede0b4983e074d56882d5f50f",class:"sd-floating-menu__title",style:{color:e.title,display:"flex",alignItems:"center",gap:`${f}px`}},this.titleIcon&&i("sd-icon",{key:"360cf55b73ee395191836ee13a2d492460059f4a",name:this.titleIcon,size:Number(b),color:e.title}),i("span",{key:"5cc44d0806971433b42c41e48a48e7ea8cc2c975"},this.menuTitle)),this.slotContentHTML&&i("div",{key:"a5343a56938c0d6d5d5fd07fb83b7ccee4e81cf0",class:"sd-floating-menu__messages",innerHTML:this.slotContentHTML}),i("div",{key:"1f6a0f46b2b6b5f08a0d453cae2a868f93015ac7",class:{"sd-floating-menu__buttons":!0,"sd-floating-menu__buttons--with-link":o}},o&&i("sd-text-link",{key:"5ec7502837f7417266810769885e2318c80ad986",class:"sd-floating-menu__left-link",style:{"--sd-text-link-color":e.subAction},label:this.leftLinkLabel,onSdClick:()=>this.leftLinkClick.emit()}),i("sd-button",{key:"3d9df22cd0b65add5cd18b3750888248dc235408",name:e.buttonName,label:this.buttonLabel,ariaLabel:this.buttonLabel||"confirm",onSdClick:()=>this.buttonClick.emit()}))),i("sd-ghost-button",{key:"7e1ca491a2539b52ded454aca8afd26a92dc2ef6",class:"sd-floating-menu__close-button",icon:"close",ariaLabel:"close",size:"xs",onClick:this.handleClose}))))}};p.style="sd-popover{position:relative;cursor:pointer;display:inline-flex}";export{p as sd_popover}
+import{r as t,c as e,a as i,h as s,F as n}from"./p-CdvQqvIe.js";import{T as a}from"./p-CHijmX_D.js";var o={bg:"#07284A",title:"#FFFFFF",description:"#FFFFFF",subAction:"#D8D8D8"},c={leadingIcon:"16",gap:"8"},l={bg:"#FCEFEF",title:"#FB4444"},d={bg:"#FEF1EA",title:"#FF6B00"},r={bg:"#E6F1FF",title:"#0075FF"},h={description:"#555555",subAction:"#888888"};const f=c.gap,b=c.leadingIcon,u={default:{bg:o.bg,title:o.title,description:o.description,subAction:o.subAction,buttonName:"primary_xs"},danger:{bg:l.bg,title:l.title,description:h.description,subAction:h.subAction,buttonName:"danger_outline_xs"},warning:{bg:d.bg,title:d.title,description:h.description,subAction:h.subAction,buttonName:"neutral_outline_xs"},accent:{bg:r.bg,title:r.title,description:h.description,subAction:h.subAction,buttonName:"primary_xs"}},p=class{constructor(i){t(this,i),this.showChange=e(this,"sdShowChange",7),this.buttonClick=e(this,"sdButtonClick",7),this.leftLinkClick=e(this,"sdLeftLinkClick",7)}get el(){return i(this)}open;defaultOpen=!1;placement="bottom";type="default";menuTitle;titleIcon;icon="helpOutline";iconSize=12;color="#01BB4B";leftLinkLabel;buttonLabel;ariaLabel="";menuClassName="";internalOpen=!1;slotContentHTML="";triggerHTML="";showChange;buttonClick;leftLinkClick;triggerEl;get isOpen(){return void 0!==this.open?this.open:this.internalOpen}setOpen=t=>{this.isOpen!==t&&(void 0===this.open?this.internalOpen=t:this.open=t,this.showChange.emit(t))};get popoverOffset(){switch(this.placement??"bottom"){case"top":return[0,-4];case"bottom":return[0,4];case"left":case"right":return[4,0]}}handleClose=()=>this.setOpen(!1);componentWillLoad(){this.internalOpen=this.defaultOpen;const t=this.el.querySelector('[slot="trigger"]');t&&(this.triggerHTML=t.outerHTML,t.remove()),this.slotContentHTML=this.el.innerHTML,this.el.innerHTML=""}render(){const t=this.placement??"bottom",e=u[this.type??"default"]??u.default,i=this.menuClassName??"",o=void 0!==this.leftLinkLabel&&""!==this.leftLinkLabel;return s(n,{key:"16cc231907c02de80749163ce4b639303e969f4a"},""!==this.triggerHTML?s("span",{ref:t=>this.triggerEl=t,class:"sd-popover","aria-label":this.ariaLabel||void 0,innerHTML:this.triggerHTML,onClick:()=>this.setOpen(!this.isOpen)}):s("sd-icon",{ref:t=>this.triggerEl=t,name:this.icon??"helpOutline",size:this.iconSize??12,color:this.color??"#01BB4B",class:"sd-popover","aria-label":this.ariaLabel||void 0,onClick:()=>this.setOpen(!this.isOpen)}),this.isOpen&&s("sd-floating-portal",{key:"c59ec7fb1b7ea137b95542f7e8f775c6bd837975",parentRef:this.triggerEl,onSdClose:this.handleClose,placement:t,offset:this.popoverOffset},s("div",{key:"97e68e0246997a0a73beb3e984331daa57161e8e",class:{"sd-floating-menu":!0,"sd-floating-menu--popover":!0,[`sd-floating-menu--${t}`]:!0,[i]:""!==i},style:{"--sd-floating-bg":e.bg,"--sd-floating-content":e.description}},s("i",{key:"b96d7dc623a1fab61ee84f612c68c9f7bbac7405",class:`sd-floating-menu__arrow sd-floating-menu__arrow--${t}`},s(a,{key:"92c6e5ef1258d6e99f744c75cef7ee3dd26d0367"})),s("div",{key:"9c9f3cfcc8a3d60e5282a5f6f2653e2cce17cf56",class:"sd-floating-menu__content"},this.menuTitle&&s("div",{key:"044ae6b271fbf0cede0b4983e074d56882d5f50f",class:"sd-floating-menu__title",style:{color:e.title,display:"flex",alignItems:"center",gap:`${f}px`}},this.titleIcon&&s("sd-icon",{key:"360cf55b73ee395191836ee13a2d492460059f4a",name:this.titleIcon,size:Number(b),color:e.title}),s("span",{key:"5cc44d0806971433b42c41e48a48e7ea8cc2c975"},this.menuTitle)),this.slotContentHTML&&s("div",{key:"a5343a56938c0d6d5d5fd07fb83b7ccee4e81cf0",class:"sd-floating-menu__messages",innerHTML:this.slotContentHTML}),s("div",{key:"1f6a0f46b2b6b5f08a0d453cae2a868f93015ac7",class:{"sd-floating-menu__buttons":!0,"sd-floating-menu__buttons--with-link":o}},o&&s("sd-text-link",{key:"5ec7502837f7417266810769885e2318c80ad986",class:"sd-floating-menu__left-link",style:{"--sd-text-link-color":e.subAction},label:this.leftLinkLabel,onSdClick:()=>this.leftLinkClick.emit()}),s("sd-button",{key:"3d9df22cd0b65add5cd18b3750888248dc235408",name:e.buttonName,label:this.buttonLabel,ariaLabel:this.buttonLabel||"confirm",onSdClick:()=>this.buttonClick.emit()}))),s("sd-ghost-button",{key:"7e1ca491a2539b52ded454aca8afd26a92dc2ef6",class:"sd-floating-menu__close-button",icon:"close",ariaLabel:"close",size:"xs",onClick:this.handleClose}))))}};p.style="sd-popover{position:relative;cursor:pointer;display:inline-flex}";export{p as sd_popover}

package/dist/design-system/{p-46da4e95.entry.js → p-9afada52.entry.js}

@@ -1 +1 @@
-import{r as e,c as t,a as i,h as n}from"./p-C599jhDs.js";var o={textLink:{sm:{gap:"4",icon:"16",typography:{default:{fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontSize:"12",fontWeight:"500",textDecoration:"none",lineHeight:"20"},underline:{fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontSize:"12",fontWeight:"500",textDecoration:"underline",lineHeight:"20"}}},md:{gap:"8",icon:"16",typography:{default:{fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontSize:"14",fontWeight:"500",textDecoration:"none",lineHeight:"24"},underline:{fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontSize:"14",fontWeight:"500",textDecoration:"underline",lineHeight:"24"}}},content:{disabled:"#888888"},icon:{default:"#006AC1",disabled:"#BBBBBB"},lg:{typography:{default:{fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontSize:"16",fontWeight:"500",textDecoration:"none",lineHeight:"26"},underline:{fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontSize:"16",fontWeight:"500",textDecoration:"underline",lineHeight:"26"}},gap:"8",icon:"20"}}};const s={sm:{gap:Number(o.textLink.sm.gap),iconSize:Number(o.textLink.sm.icon),typography:{default:o.textLink.sm.typography.default,underline:o.textLink.sm.typography.underline}},md:{gap:Number(o.textLink.md.gap),iconSize:Number(o.textLink.md.icon),typography:{default:o.textLink.md.typography.default,underline:o.textLink.md.typography.underline}},lg:{gap:Number(o.textLink.lg.gap),iconSize:Number(o.textLink.lg.icon),typography:{default:o.textLink.lg.typography.default,underline:o.textLink.lg.typography.underline}}},a={content:o.textLink.content,icon:o.textLink.icon},l=class{constructor(i){e(this,i),this.click=t(this,"sdClick",7)}label="";icon="";iconColor="";labelClass="";rightArrow="none";underline=!1;disabled=!1;size="sm";tooltipText;get hostEl(){return i(this)}isTooltipOpen=!1;click;handleClick=()=>{this.disabled||this.click.emit()};handleMouseEnter=()=>{this.isTooltipOpen=!0};handleMouseLeave=()=>{this.isTooltipOpen=!1};handleFocus=()=>{this.isTooltipOpen=!0};handleBlur=()=>{this.isTooltipOpen=!1};render(){const e=s[this.size]??s.sm,t=this.underline?e.typography.underline:e.typography.default,i=["sd-text-link__label",this.labelClass].filter(Boolean).join(" "),o=this.disabled?a.icon.disabled:this.iconColor||a.icon.default,l=this.disabled?a.icon.disabled:"#888888",r={"--sd-text-link-gap":`${e.gap}px`,"--sd-text-link-font-size":`${t.fontSize}px`,"--sd-text-link-line-height":`${t.lineHeight}px`,"--sd-text-link-text-decoration":t.textDecoration,...this.disabled?{"--sd-text-link-color":a.content.disabled}:{}},d=(this.tooltipText??"").trim();return n("span",{key:"363829c6d53fc3df03dee7ddd290ca078c255039",role:"button",tabindex:this.disabled?-1:0,class:{"sd-text-link":!0,"sd-text-link--disabled":this.disabled},style:r,onClick:this.handleClick,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.handleClick())},onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,onFocus:this.handleFocus,onBlur:this.handleBlur},d.length>0&&this.isTooltipOpen&&n("sd-portal",{key:"4dcb8ca39f7b9627b5f77885c0823848d0aa5a5f",parentRef:this.hostEl,open:!0,offset:[this.hostEl.offsetWidth/2,4],placement:"top"},n("div",{key:"7bbcabbd9d9bb3594d8c4817dbbb922018bbbd19",class:"sd-text-link__tooltip-inner","aria-hidden":"true"},n("sd-tag",{key:"313c23dc9caf81d885ebf288c475ebe01bd24515",name:"square_xs_grey",label:d}))),this.icon&&n("sd-icon",{key:"2668c579bc22547b542ca2045f9af0fad25a5ee7",name:this.icon,size:e.iconSize,color:o,class:"sd-text-link__icon"}),n("span",{key:"28246109bab90175498e841ecb02ac4a53a992b8",class:i},this.label),this.rightArrow&&"none"!==this.rightArrow&&n("span",{key:"c157788957cbba17a1411ebb329897fc6524171d",class:"sd-text-link__arrow",style:{width:"16px",height:"16px",display:"inline-flex",alignItems:"center",justifyContent:"center"}},n("sd-icon",{key:"b74ca3398a1dd74ac5a9f7a16c872d313882fd4d",name:"chevron"===this.rightArrow?"chevronRight":"caretRight",size:12,color:l})))}};l.style="sd-text-link{display:inline-flex}sd-text-link .sd-text-link{position:relative;display:inline-flex;align-items:center;gap:var(--sd-text-link-gap);cursor:pointer;user-select:none}sd-text-link .sd-text-link__label{font-size:var(--sd-text-link-font-size, 12px);line-height:var(--sd-text-link-line-height, 20px);text-decoration:var(--sd-text-link-text-decoration);color:var(--sd-text-link-color, inherit)}sd-text-link .sd-text-link:not(.sd-text-link--disabled):hover .sd-text-link__label{text-decoration:underline}sd-text-link .sd-text-link--disabled{cursor:not-allowed}sd-text-link .sd-text-link sd-portal{position:absolute;width:0;height:0;overflow:hidden}.sd-text-link__tooltip-inner{display:inline-flex;white-space:nowrap;transform:translateX(-50%)}[data-align=right] .sd-text-link__tooltip-inner{transform:none}";export{l as sd_text_link}
+import{r as e,c as t,a as i,h as n}from"./p-CdvQqvIe.js";var o={textLink:{sm:{gap:"4",icon:"16",typography:{default:{fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontSize:"12",fontWeight:"500",textDecoration:"none",lineHeight:"20"},underline:{fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontSize:"12",fontWeight:"500",textDecoration:"underline",lineHeight:"20"}}},md:{gap:"8",icon:"16",typography:{default:{fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontSize:"14",fontWeight:"500",textDecoration:"none",lineHeight:"24"},underline:{fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontSize:"14",fontWeight:"500",textDecoration:"underline",lineHeight:"24"}}},content:{disabled:"#888888"},icon:{default:"#006AC1",disabled:"#BBBBBB"},lg:{typography:{default:{fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontSize:"16",fontWeight:"500",textDecoration:"none",lineHeight:"26"},underline:{fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontSize:"16",fontWeight:"500",textDecoration:"underline",lineHeight:"26"}},gap:"8",icon:"20"}}};const s={sm:{gap:Number(o.textLink.sm.gap),iconSize:Number(o.textLink.sm.icon),typography:{default:o.textLink.sm.typography.default,underline:o.textLink.sm.typography.underline}},md:{gap:Number(o.textLink.md.gap),iconSize:Number(o.textLink.md.icon),typography:{default:o.textLink.md.typography.default,underline:o.textLink.md.typography.underline}},lg:{gap:Number(o.textLink.lg.gap),iconSize:Number(o.textLink.lg.icon),typography:{default:o.textLink.lg.typography.default,underline:o.textLink.lg.typography.underline}}},a={content:o.textLink.content,icon:o.textLink.icon},l=class{constructor(i){e(this,i),this.click=t(this,"sdClick",7)}label="";icon="";iconColor="";labelClass="";rightArrow="none";underline=!1;disabled=!1;size="sm";tooltipText;get hostEl(){return i(this)}isTooltipOpen=!1;click;handleClick=()=>{this.disabled||this.click.emit()};handleMouseEnter=()=>{this.isTooltipOpen=!0};handleMouseLeave=()=>{this.isTooltipOpen=!1};handleFocus=()=>{this.isTooltipOpen=!0};handleBlur=()=>{this.isTooltipOpen=!1};render(){const e=s[this.size]??s.sm,t=this.underline?e.typography.underline:e.typography.default,i=["sd-text-link__label",this.labelClass].filter(Boolean).join(" "),o=this.disabled?a.icon.disabled:this.iconColor||a.icon.default,l=this.disabled?a.icon.disabled:"#888888",r={"--sd-text-link-gap":`${e.gap}px`,"--sd-text-link-font-size":`${t.fontSize}px`,"--sd-text-link-line-height":`${t.lineHeight}px`,"--sd-text-link-text-decoration":t.textDecoration,...this.disabled?{"--sd-text-link-color":a.content.disabled}:{}},d=(this.tooltipText??"").trim();return n("span",{key:"363829c6d53fc3df03dee7ddd290ca078c255039",role:"button",tabindex:this.disabled?-1:0,class:{"sd-text-link":!0,"sd-text-link--disabled":this.disabled},style:r,onClick:this.handleClick,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.handleClick())},onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,onFocus:this.handleFocus,onBlur:this.handleBlur},d.length>0&&this.isTooltipOpen&&n("sd-portal",{key:"4dcb8ca39f7b9627b5f77885c0823848d0aa5a5f",parentRef:this.hostEl,open:!0,offset:[this.hostEl.offsetWidth/2,4],placement:"top"},n("div",{key:"7bbcabbd9d9bb3594d8c4817dbbb922018bbbd19",class:"sd-text-link__tooltip-inner","aria-hidden":"true"},n("sd-tag",{key:"313c23dc9caf81d885ebf288c475ebe01bd24515",name:"square_xs_grey",label:d}))),this.icon&&n("sd-icon",{key:"2668c579bc22547b542ca2045f9af0fad25a5ee7",name:this.icon,size:e.iconSize,color:o,class:"sd-text-link__icon"}),n("span",{key:"28246109bab90175498e841ecb02ac4a53a992b8",class:i},this.label),this.rightArrow&&"none"!==this.rightArrow&&n("span",{key:"c157788957cbba17a1411ebb329897fc6524171d",class:"sd-text-link__arrow",style:{width:"16px",height:"16px",display:"inline-flex",alignItems:"center",justifyContent:"center"}},n("sd-icon",{key:"b74ca3398a1dd74ac5a9f7a16c872d313882fd4d",name:"chevron"===this.rightArrow?"chevronRight":"caretRight",size:12,color:l})))}};l.style="sd-text-link{display:inline-flex}sd-text-link .sd-text-link{position:relative;display:inline-flex;align-items:center;gap:var(--sd-text-link-gap);cursor:pointer;user-select:none}sd-text-link .sd-text-link__label{font-size:var(--sd-text-link-font-size, 12px);line-height:var(--sd-text-link-line-height, 20px);text-decoration:var(--sd-text-link-text-decoration);color:var(--sd-text-link-color, inherit)}sd-text-link .sd-text-link:not(.sd-text-link--disabled):hover .sd-text-link__label{text-decoration:underline}sd-text-link .sd-text-link--disabled{cursor:not-allowed}sd-text-link .sd-text-link sd-portal{position:absolute;width:0;height:0;overflow:hidden}.sd-text-link__tooltip-inner{display:inline-flex;white-space:nowrap;transform:translateX(-50%)}[data-align=right] .sd-text-link__tooltip-inner{transform:none}";export{l as sd_text_link}

package/dist/design-system/{p-8af8e302.entry.js → p-9df0dd32.entry.js}

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

package/dist/design-system/{p-Cn8LZw1e.js → p-CHijmX_D.js}

@@ -1 +1 @@
-import{h as o}from"./p-C599jhDs.js";const t=t=>o("svg",{width:"16",height:"12",viewBox:"0 0 16 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t},o("path",{d:"M8.83205 10.7519C8.43623 11.3457 7.56377 11.3457 7.16795 10.7519L1.04907e-06 -1.39876e-06L16 0L8.83205 10.7519Z",fill:"currentColor"}));export{t as T}
+import{h as o}from"./p-CdvQqvIe.js";const t=t=>o("svg",{width:"16",height:"12",viewBox:"0 0 16 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t},o("path",{d:"M8.83205 10.7519C8.43623 11.3457 7.56377 11.3457 7.16795 10.7519L1.04907e-06 -1.39876e-06L16 0L8.83205 10.7519Z",fill:"currentColor"}));export{t as T}