@sellmate/design-system 1.1.0 → 1.2.0

package/dist/components/sd-dropdown-button.js

@@ -1 +1 @@
-import{H as t,p as o,c as n,h as d,t as e}from"./p-lyB7zSp-.js";import{B as r,g as s,P as i,b as a,a as u,c as b,d as p}from"./p-DdLntfiw.js";import{s as c}from"./p-GBlVDmy4.js";import{d as l}from"./p-D8WAP9T3.js";import{d as h}from"./p-BqkJ0rZv.js";class w{static instance;activeDropdowns=new Set;static getInstance(){return void 0===w.instance&&(w.instance=new w),w.instance}register(t){this.activeDropdowns.add(t)}unregister(t){this.activeDropdowns.delete(t)}openDropdown(t){this.activeDropdowns.forEach((o=>{o!==t&&o.isOpen&&o.closeDropdown()}))}closeAllDropdowns(){this.activeDropdowns.forEach((t=>{t.isOpen&&t.closeDropdown()}))}}const g=w.getInstance(),m=class extends t{constructor(){super(!1)}documentClickHandler;documentKeydownHandler;initializeEvent(){g.register(this),this.initializeEventHandlers()}cleanupEvent(){g.unregister(this),this.cleanup()}initializeEventHandlers(){this.documentClickHandler=t=>this.handleDocumentClick(t),this.documentKeydownHandler=t=>this.handleDocumentKeydown(t)}addGlobalEventListeners(){this.documentClickHandler&&document.addEventListener("click",this.documentClickHandler),this.documentKeydownHandler&&document.addEventListener("keydown",this.documentKeydownHandler)}removeGlobalEventListeners(){this.documentClickHandler&&document.removeEventListener("click",this.documentClickHandler),this.documentKeydownHandler&&document.removeEventListener("keydown",this.documentKeydownHandler)}onDropdownToggle(t){t&&!this.disabled?(g.openDropdown(this),this.addGlobalEventListeners()):this.removeGlobalEventListeners()}cleanup(){this.removeGlobalEventListeners()}closeDropdown(){this.isOpen=!1}},v=Object.keys(r).filter((t=>!t.endsWith("_lg"))),f=Object.fromEntries(v.map((t=>[t,r[t]]))),x=b,_=u,y=i,k={primary:a.button.brand.strong.dropdown.divider,secondary:a.button.brand.subtle.dropdown.divider,primary_outline:y.primary_outline,neutral_outline:y.neutral_outline,danger:a.button.danger.strong.dropdown.divider,danger_outline:y.danger_outline},C=c.color.fg.secondary,E=c.color.bg.accent.default,D=c.color.fg.inverse,z={primary:C,secondary:C,primary_outline:C,neutral_outline:C,danger:C,danger_outline:C},O={primary:E,secondary:E,primary_outline:E,neutral_outline:E,danger:E,danger_outline:E},F={primary:D,secondary:D,primary_outline:D,neutral_outline:D,danger:D,danger_outline:D},A={xs:12,sm:12,md:16},T=a.button.bg.disabled,I=a.button.text.disabled,j=a.button.border.disabled,L=t=>s(t),S=o(class t extends m{constructor(t){super(!1),!1!==t&&this.__registerHost(),this.click=n(this,"sdClick",7),this.dropDownShow=n(this,"sdDropDownShow",7)}get el(){return this}name="primary_sm";label="";items=[];disabled=!1;static CLOSE_ANIMATION_DURATION=150;isOpen=!1;isAnimatingOut=!1;itemIndex=-1;triggerRef;menuRef;closeAnimationTimer;click;dropDownShow;handleOpenChange(t){this.onDropdownToggle(t),this.dropDownShow.emit({isOpen:t}),t||(this.itemIndex=-1)}componentWillLoad(){this.initializeEvent()}disconnectedCallback(){this.cleanupEvent(),this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer)}async sdOpen(){this.disabled||0===this.items.length||(this.isOpen=!0)}async sdClose(){this.closeDropdown()}closeDropdown=()=>{this.isOpen&&(this.isOpen=!1,this.isAnimatingOut=!0,this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.closeAnimationTimer=setTimeout((()=>{this.isAnimatingOut=!1}),t.CLOSE_ANIMATION_DURATION))};handleDocumentClick(t){const o=t.target;o&&(this.el.contains(o)||this.menuRef?.contains(o)||this.closeDropdown())}handleDocumentKeydown(t){if(this.isOpen&&["ArrowDown","ArrowUp","Enter","Escape"].includes(t.key))switch(t.preventDefault(),t.stopPropagation(),t.key){case"ArrowDown":this.itemIndex=this.getNextEnabledIndex(1);break;case"ArrowUp":this.itemIndex=this.getNextEnabledIndex(-1);break;case"Enter":if(this.itemIndex<0)return;this.selectItem(this.items[this.itemIndex]);break;case"Escape":this.closeDropdown()}}get resolvedName(){if(!(()=>this.name in f)())throw Error(`Invalid sd-dropdown-button name: "${this.name}"`);return this.name}get resolvedConfig(){const t=this.resolvedName;return{config:f[t],preset:L(t)}}getNextEnabledIndex(t){const o=this.items.reduce(((t,o,n)=>(o.disabled||t.push(n),t)),[]);if(0===o.length)return-1;const n=o.indexOf(this.itemIndex);return-1===n?1===t?o[0]:o[o.length-1]:o[(n+t+o.length)%o.length]}toggleDropdown=t=>{t.stopPropagation(),this.disabled||0===this.items.length||(this.isOpen?this.closeDropdown():(this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.isAnimatingOut=!1,this.isOpen=!0))};selectItem(t,o){o?.stopPropagation(),t&&!t.disabled&&(this.click.emit(t.value),this.closeDropdown())}getTriggerClasses(t,o,n,d){const e=["sd-dropdown-button__trigger","sd-dropdown-button__trigger--"+t,"sd-dropdown-button__trigger--"+o];return n&&e.push("sd-dropdown-button__trigger--disabled"),d&&e.push("sd-dropdown-button__trigger--open"),e.join(" ")}getMenuItemClasses(t,o){const n=["sd-dropdown-button__menu-item"];return t&&n.push("sd-dropdown-button__menu-item--active"),o&&n.push("sd-dropdown-button__menu-item--disabled"),n.join(" ")}renderDropdown(t){return(this.isOpen||this.isAnimatingOut)&&this.triggerRef?d("sd-portal",{open:this.isOpen,parentRef:this.triggerRef,onSdClose:this.closeDropdown},d("div",{style:{position:"absolute",width:"0px",height:"0px"}},d("div",{class:"sd-dropdown-button__menu",role:"menu",ref:t=>this.menuRef=t,style:{"--sd-dropdown-button-menu-min-width":this.triggerRef.offsetWidth+"px","--sd-dropdown-button-menu-item-color":z[t],"--sd-dropdown-button-menu-item-active-bg":O[t],"--sd-dropdown-button-menu-item-active-color":F[t],"--sd-dropdown-button-menu-border":"transparent"===y[t]?k[t]:y[t]}},this.items.map(((t,o)=>d("button",{type:"button",role:"menuitem",class:this.getMenuItemClasses(this.itemIndex===o&&!t.disabled,!!t.disabled),disabled:t.disabled,onClick:o=>this.selectItem(t,o),onMouseEnter:()=>{t.disabled||(this.itemIndex=o)}},t.icon&&d("sd-icon",{class:"sd-dropdown-button__menu-item-icon",name:t.icon,size:12,color:"var(--sd-dropdown-button-menu-item-current-color)"}),d("span",{class:"sd-dropdown-button__menu-item-label",innerHTML:t.label}))))))):null}render(){const{config:t,preset:o}=this.resolvedConfig;return d("div",{key:"bef9cb5da07e02dd2a2a69f17bb71114045adace",class:"sd-dropdown-button"},d("button",{key:"bfc671cd3d3cf8221886d7453674a2c07699440e",type:"button",class:this.getTriggerClasses(o,t.size,this.disabled,this.isOpen),disabled:this.disabled,"aria-haspopup":"menu","aria-expanded":this.isOpen+"",onClick:this.toggleDropdown,ref:t=>this.triggerRef=t,style:{"--sd-dropdown-button-bg":t.color,"--sd-dropdown-button-bg-hover":x[o],"--sd-dropdown-button-border":y[o],"--sd-dropdown-button-content":_[o],"--sd-dropdown-button-divider":k[o],"--sd-dropdown-button-accent":p,"--sd-dropdown-button-disabled-bg":T,"--sd-dropdown-button-disabled-content":I,"--sd-dropdown-button-disabled-border":j}},d("span",{key:"17bf00861dd721cbd41de9c92db9e58e2eb7399e",class:"sd-dropdown-button__trigger-label"},this.label),d("span",{key:"218fe7ed965155abbf13e39c907b0c4e1a40004a",class:"sd-dropdown-button__trigger-divider","aria-hidden":"true"}),d("span",{key:"17014bf0654e35a1665e36a9a65fa3f067b9f1b8",class:{"sd-dropdown-button__trigger-icon":!0,"sd-dropdown-button__trigger-icon--open":this.isOpen},"aria-hidden":"true"},d("sd-icon",{key:"89a4c971bbb929a1ed39048f390dbf63c92a4408",name:"chevronDown",size:A[t.size],color:"var(--sd-dropdown-button-current-content)"}))),this.renderDropdown(o))}static get watchers(){return{isOpen:[{handleOpenChange:0}]}}static get style(){return"sd-dropdown-button{display:inline-flex;width:fit-content;height:fit-content}.sd-dropdown-button{display:inline-flex;position:relative}.sd-dropdown-button__trigger{--sd-dropdown-button-height:var(--sd-button-button-md-height, 36px);--sd-dropdown-button-padding-x:var(--sd-button-button-md-padding-x, 20px);--sd-dropdown-button-gap:var(--sd-button-button-md-gap, 8px);--sd-dropdown-button-font-family:var(--sd-button-button-md-typography-font-family, inherit);--sd-dropdown-button-font-size:var(--sd-button-button-md-typography-font-size, 12px);--sd-dropdown-button-font-weight:var(--sd-button-button-md-typography-font-weight, 500);--sd-dropdown-button-text-decoration:var(--sd-button-button-md-typography-text-decoration, none);--sd-dropdown-button-bg:#025497;--sd-dropdown-button-bg-hover:#004177;--sd-dropdown-button-border:transparent;--sd-dropdown-button-content:#FFFFFF;--sd-dropdown-button-current-content:var(--sd-dropdown-button-content);--sd-dropdown-button-divider:#006AC1;--sd-dropdown-button-accent:#0075FF;--sd-dropdown-button-disabled-bg:var(--sd-button-button-bg-disabled, #E1E1E1);--sd-dropdown-button-disabled-content:var(--sd-button-button-text-disabled, #888888);--sd-dropdown-button-disabled-border:var(--sd-button-button-border-disabled, #CCCCCC);display:inline-flex;align-items:stretch;justify-content:space-between;min-height:var(--sd-dropdown-button-height);padding:0;border:var(--sd-button-button-border-width-default, 1px) solid var(--sd-dropdown-button-border);border-radius:var(--sd-button-button-radius-sm, 4px);background:var(--sd-dropdown-button-bg);color:var(--sd-dropdown-button-current-content);cursor:pointer;box-sizing:border-box;font-family:var(--sd-dropdown-button-font-family);font-size:var(--sd-dropdown-button-font-size);font-weight:var(--sd-dropdown-button-font-weight);line-height:1;text-decoration:var(--sd-dropdown-button-text-decoration);transition:background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;white-space:nowrap}.sd-dropdown-button__trigger:hover:not(.sd-dropdown-button__trigger--disabled){background:var(--sd-dropdown-button-bg-hover)}.sd-dropdown-button__trigger:focus-visible{outline:0;box-shadow:0 0 0 2px var(--sd-dropdown-button-accent)}.sd-dropdown-button__trigger--xs{--sd-dropdown-button-height:var(--sd-button-button-xs-height, 24px);--sd-dropdown-button-padding-x:var(--sd-button-button-xs-padding-x, 8px);--sd-dropdown-button-gap:var(--sd-button-button-xs-gap, 4px);--sd-dropdown-button-font-family:var(--sd-button-button-xs-typography-font-family, inherit);--sd-dropdown-button-font-size:var(--sd-button-button-xs-typography-font-size, 12px);--sd-dropdown-button-font-weight:var(--sd-button-button-xs-typography-font-weight, 500);--sd-dropdown-button-text-decoration:var(     --sd-button-button-xs-typography-text-decoration,     none   )}.sd-dropdown-button__trigger--sm{--sd-dropdown-button-height:var(--sd-button-button-sm-height, 28px);--sd-dropdown-button-padding-x:var(--sd-button-button-sm-padding-x, 12px);--sd-dropdown-button-gap:var(--sd-button-button-sm-gap, 6px);--sd-dropdown-button-font-family:var(--sd-button-button-sm-typography-font-family, inherit);--sd-dropdown-button-font-size:var(--sd-button-button-sm-typography-font-size, 12px);--sd-dropdown-button-font-weight:var(--sd-button-button-sm-typography-font-weight, 500);--sd-dropdown-button-text-decoration:var(     --sd-button-button-sm-typography-text-decoration,     none   )}.sd-dropdown-button__trigger--md{--sd-dropdown-button-height:var(--sd-button-button-md-height, 36px);--sd-dropdown-button-padding-x:var(--sd-button-button-md-padding-x, 20px);--sd-dropdown-button-gap:var(--sd-button-button-md-gap, 8px);--sd-dropdown-button-font-family:var(--sd-button-button-md-typography-font-family, inherit);--sd-dropdown-button-font-size:var(--sd-button-button-md-typography-font-size, 16px);--sd-dropdown-button-font-weight:var(--sd-button-button-md-typography-font-weight, 500);--sd-dropdown-button-text-decoration:var(     --sd-button-button-md-typography-text-decoration,     none   );border-radius:var(--sd-button-button-radius-md, 6px)}.sd-dropdown-button__trigger--disabled{border-color:var(--sd-dropdown-button-disabled-border);background:var(--sd-dropdown-button-disabled-bg);--sd-dropdown-button-current-content:var(--sd-dropdown-button-disabled-content);cursor:not-allowed}.sd-dropdown-button__trigger--disabled .sd-dropdown-button__trigger-divider{background:var(--sd-dropdown-button-disabled-border)}.sd-dropdown-button__trigger-label,.sd-dropdown-button__trigger-icon{display:inline-flex;align-items:center;justify-content:center}.sd-dropdown-button__trigger-label{flex:1 1 auto;min-width:0;padding:0 var(--sd-dropdown-button-padding-x)}.sd-dropdown-button__trigger-divider{align-self:stretch;width:1px;height:auto;background:var(--sd-dropdown-button-divider);opacity:0.9}.sd-dropdown-button__trigger-icon{flex:0 0 auto;min-width:calc(var(--sd-dropdown-button-height) - 2px);padding:0 calc(var(--sd-dropdown-button-gap) + 2px);transition:transform 0.2s ease}.sd-dropdown-button__trigger-icon--open{transform:rotate(180deg)}.sd-dropdown-button__menu{position:relative;display:grid;width:max-content;min-width:var(--sd-dropdown-button-menu-min-width, max-content);max-width:calc(100vw - 24px);padding:4px 0;border:0;border-radius:4px;background:#FFFFFF;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.1019607843);box-sizing:border-box;overflow:hidden}.sd-dropdown-button__menu-item{--sd-dropdown-button-menu-item-current-color:var(--sd-dropdown-button-menu-item-color);display:inline-flex;align-items:center;gap:8px;min-height:28px;width:100%;padding:0 12px;border:0;border-radius:0;background:transparent;color:var(--sd-dropdown-button-menu-item-current-color);cursor:pointer;box-sizing:border-box;font:inherit;text-align:left;transition:background-color 0.15s ease, color 0.15s ease}.sd-dropdown-button__menu-item--active{background:var(--sd-dropdown-button-menu-item-active-bg);--sd-dropdown-button-menu-item-current-color:var(--sd-dropdown-button-menu-item-active-color)}.sd-dropdown-button__menu-item--disabled{--sd-dropdown-button-menu-item-current-color:var(--sd-dropdown-button-disabled-content);cursor:not-allowed}.sd-dropdown-button__menu-item-icon{flex:0 0 auto}.sd-dropdown-button__menu-item-label{display:inline-flex;align-items:center;min-width:0;white-space:nowrap;font-size:12px}"}},[512,"sd-dropdown-button",{name:[1],label:[1],items:[16],disabled:[4],isOpen:[32],isAnimatingOut:[32],itemIndex:[32],sdOpen:[64],sdClose:[64]},void 0,{isOpen:[{handleOpenChange:0}]}]),N=S,B=function(){"undefined"!=typeof customElements&&["sd-dropdown-button","sd-icon","sd-portal"].forEach((t=>{switch(t){case"sd-dropdown-button":customElements.get(e(t))||customElements.define(e(t),S);break;case"sd-icon":customElements.get(e(t))||l();break;case"sd-portal":customElements.get(e(t))||h()}}))};export{N as SdDropdownButton,B as defineCustomElement}
+import{H as t,p as o,c as n,h as d,t as e}from"./p-BjkROjjt.js";import{B as r,g as s,P as i,b as a,a as u,c as b,d as p}from"./p-DdLntfiw.js";import{s as c}from"./p-GBlVDmy4.js";import{d as h}from"./p-Cktiasfd.js";import{d as l}from"./p-CdOHomUp.js";class w{static instance;activeDropdowns=new Set;static getInstance(){return void 0===w.instance&&(w.instance=new w),w.instance}register(t){this.activeDropdowns.add(t)}unregister(t){this.activeDropdowns.delete(t)}openDropdown(t){this.activeDropdowns.forEach((o=>{o!==t&&o.isOpen&&o.closeDropdown()}))}closeAllDropdowns(){this.activeDropdowns.forEach((t=>{t.isOpen&&t.closeDropdown()}))}}const g=w.getInstance(),m=class extends t{constructor(){super(!1)}documentClickHandler;documentKeydownHandler;initializeEvent(){g.register(this),this.initializeEventHandlers()}cleanupEvent(){g.unregister(this),this.cleanup()}initializeEventHandlers(){this.documentClickHandler=t=>this.handleDocumentClick(t),this.documentKeydownHandler=t=>this.handleDocumentKeydown(t)}addGlobalEventListeners(){this.documentClickHandler&&document.addEventListener("click",this.documentClickHandler),this.documentKeydownHandler&&document.addEventListener("keydown",this.documentKeydownHandler)}removeGlobalEventListeners(){this.documentClickHandler&&document.removeEventListener("click",this.documentClickHandler),this.documentKeydownHandler&&document.removeEventListener("keydown",this.documentKeydownHandler)}onDropdownToggle(t){t&&!this.disabled?(g.openDropdown(this),this.addGlobalEventListeners()):this.removeGlobalEventListeners()}cleanup(){this.removeGlobalEventListeners()}closeDropdown(){this.isOpen=!1}},v=(()=>{const t=Object.keys(r).filter((t=>!t.endsWith("_lg")));return Object.fromEntries(t.map((t=>[t,r[t]])))})(),f=b,x=u,_=i,y={primary:a.button.brand.strong.dropdown.divider,secondary:a.button.brand.subtle.dropdown.divider,primary_outline:_.primary_outline,neutral_outline:_.neutral_outline,danger:a.button.danger.strong.dropdown.divider,danger_outline:_.danger_outline},k=c.color.fg.secondary,C=c.color.bg.accent.default,E=c.color.fg.inverse,D={primary:k,secondary:k,primary_outline:k,neutral_outline:k,danger:k,danger_outline:k},O={primary:C,secondary:C,primary_outline:C,neutral_outline:C,danger:C,danger_outline:C},z={primary:E,secondary:E,primary_outline:E,neutral_outline:E,danger:E,danger_outline:E},F={xs:12,sm:12,md:16},j=a.button.bg.disabled,A=a.button.text.disabled,I=a.button.border.disabled,T=t=>s(t),L=o(class t extends m{constructor(t){super(!1),!1!==t&&this.__registerHost(),this.click=n(this,"sdClick",7),this.dropDownShow=n(this,"sdDropDownShow",7)}get el(){return this}name="primary_sm";label="";items=[];disabled=!1;static CLOSE_ANIMATION_DURATION=150;isOpen=!1;isAnimatingOut=!1;itemIndex=-1;triggerRef;menuRef;closeAnimationTimer;click;dropDownShow;handleOpenChange(t){this.onDropdownToggle(t),this.dropDownShow.emit({isOpen:t}),t||(this.itemIndex=-1)}componentWillLoad(){this.initializeEvent()}disconnectedCallback(){this.cleanupEvent(),this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer)}async sdOpen(){this.disabled||0===this.items.length||(this.isOpen=!0)}async sdClose(){this.closeDropdown()}closeDropdown=()=>{this.isOpen&&(this.isOpen=!1,this.isAnimatingOut=!0,this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.closeAnimationTimer=setTimeout((()=>{this.isAnimatingOut=!1}),t.CLOSE_ANIMATION_DURATION))};handleDocumentClick(t){const o=t.target;o&&(this.el.contains(o)||this.menuRef?.contains(o)||this.closeDropdown())}handleDocumentKeydown(t){if(this.isOpen&&["ArrowDown","ArrowUp","Enter","Escape"].includes(t.key))switch(t.preventDefault(),t.stopPropagation(),t.key){case"ArrowDown":this.itemIndex=this.getNextEnabledIndex(1);break;case"ArrowUp":this.itemIndex=this.getNextEnabledIndex(-1);break;case"Enter":if(this.itemIndex<0)return;this.selectItem(this.items[this.itemIndex]);break;case"Escape":this.closeDropdown()}}get resolvedName(){if(!(()=>this.name in v)())throw Error(`Invalid sd-dropdown-button name: "${this.name}"`);return this.name}get resolvedConfig(){const t=this.resolvedName;return{config:v[t],preset:T(t)}}getNextEnabledIndex(t){const o=this.items.reduce(((t,o,n)=>(o.disabled||t.push(n),t)),[]);if(0===o.length)return-1;const n=o.indexOf(this.itemIndex);return-1===n?1===t?o[0]:o[o.length-1]:o[(n+t+o.length)%o.length]}toggleDropdown=t=>{t.stopPropagation(),this.disabled||0===this.items.length||(this.isOpen?this.closeDropdown():(this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.isAnimatingOut=!1,this.isOpen=!0))};selectItem(t,o){o?.stopPropagation(),t&&!t.disabled&&(this.click.emit(t.value),this.closeDropdown())}getTriggerClasses(t,o,n,d){const e=["sd-dropdown-button__trigger","sd-dropdown-button__trigger--"+t,"sd-dropdown-button__trigger--"+o];return n&&e.push("sd-dropdown-button__trigger--disabled"),d&&e.push("sd-dropdown-button__trigger--open"),e.join(" ")}getMenuItemClasses(t,o){const n=["sd-dropdown-button__menu-item"];return t&&n.push("sd-dropdown-button__menu-item--active"),o&&n.push("sd-dropdown-button__menu-item--disabled"),n.join(" ")}renderDropdown(t){return(this.isOpen||this.isAnimatingOut)&&this.triggerRef?d("sd-portal",{open:this.isOpen,parentRef:this.triggerRef,onSdClose:this.closeDropdown},d("div",{style:{position:"absolute",width:"0px",height:"0px"}},d("div",{class:"sd-dropdown-button__menu",role:"menu",ref:t=>this.menuRef=t,style:{"--sd-dropdown-button-menu-min-width":this.triggerRef.offsetWidth+"px","--sd-dropdown-button-menu-item-color":D[t],"--sd-dropdown-button-menu-item-active-bg":O[t],"--sd-dropdown-button-menu-item-active-color":z[t],"--sd-dropdown-button-menu-border":"transparent"===_[t]?y[t]:_[t]}},this.items.map(((t,o)=>d("button",{type:"button",role:"menuitem",class:this.getMenuItemClasses(this.itemIndex===o&&!t.disabled,!!t.disabled),disabled:t.disabled,onClick:o=>this.selectItem(t,o),onMouseEnter:()=>{t.disabled||(this.itemIndex=o)}},t.icon&&d("sd-icon",{class:"sd-dropdown-button__menu-item-icon",name:t.icon,size:12,color:"var(--sd-dropdown-button-menu-item-current-color)"}),d("span",{class:"sd-dropdown-button__menu-item-label",innerHTML:t.label}))))))):null}render(){const{config:t,preset:o}=this.resolvedConfig;return d("div",{key:"bef9cb5da07e02dd2a2a69f17bb71114045adace",class:"sd-dropdown-button"},d("button",{key:"bfc671cd3d3cf8221886d7453674a2c07699440e",type:"button",class:this.getTriggerClasses(o,t.size,this.disabled,this.isOpen),disabled:this.disabled,"aria-haspopup":"menu","aria-expanded":this.isOpen+"",onClick:this.toggleDropdown,ref:t=>this.triggerRef=t,style:{"--sd-dropdown-button-bg":t.color,"--sd-dropdown-button-bg-hover":f[o],"--sd-dropdown-button-border":_[o],"--sd-dropdown-button-content":x[o],"--sd-dropdown-button-divider":y[o],"--sd-dropdown-button-accent":p,"--sd-dropdown-button-disabled-bg":j,"--sd-dropdown-button-disabled-content":A,"--sd-dropdown-button-disabled-border":I}},d("span",{key:"17bf00861dd721cbd41de9c92db9e58e2eb7399e",class:"sd-dropdown-button__trigger-label"},this.label),d("span",{key:"218fe7ed965155abbf13e39c907b0c4e1a40004a",class:"sd-dropdown-button__trigger-divider","aria-hidden":"true"}),d("span",{key:"17014bf0654e35a1665e36a9a65fa3f067b9f1b8",class:{"sd-dropdown-button__trigger-icon":!0,"sd-dropdown-button__trigger-icon--open":this.isOpen},"aria-hidden":"true"},d("sd-icon",{key:"89a4c971bbb929a1ed39048f390dbf63c92a4408",name:"chevronDown",size:F[t.size],color:"var(--sd-dropdown-button-current-content)"}))),this.renderDropdown(o))}static get watchers(){return{isOpen:[{handleOpenChange:0}]}}static get style(){return"sd-dropdown-button{display:inline-flex;width:fit-content;height:fit-content}.sd-dropdown-button{display:inline-flex;position:relative}.sd-dropdown-button__trigger{--sd-dropdown-button-height:var(--sd-button-button-md-height, 36px);--sd-dropdown-button-padding-x:var(--sd-button-button-md-padding-x, 20px);--sd-dropdown-button-gap:var(--sd-button-button-md-gap, 8px);--sd-dropdown-button-font-family:var(--sd-button-button-md-typography-font-family, inherit);--sd-dropdown-button-font-size:var(--sd-button-button-md-typography-font-size, 12px);--sd-dropdown-button-font-weight:var(--sd-button-button-md-typography-font-weight, 500);--sd-dropdown-button-text-decoration:var(--sd-button-button-md-typography-text-decoration, none);--sd-dropdown-button-bg:#025497;--sd-dropdown-button-bg-hover:#004177;--sd-dropdown-button-border:transparent;--sd-dropdown-button-content:#FFFFFF;--sd-dropdown-button-current-content:var(--sd-dropdown-button-content);--sd-dropdown-button-divider:#006AC1;--sd-dropdown-button-accent:#0075FF;--sd-dropdown-button-disabled-bg:var(--sd-button-button-bg-disabled, #E1E1E1);--sd-dropdown-button-disabled-content:var(--sd-button-button-text-disabled, #888888);--sd-dropdown-button-disabled-border:var(--sd-button-button-border-disabled, #CCCCCC);display:inline-flex;align-items:stretch;justify-content:space-between;min-height:var(--sd-dropdown-button-height);padding:0;border:var(--sd-button-button-border-width-default, 1px) solid var(--sd-dropdown-button-border);border-radius:var(--sd-button-button-radius-sm, 4px);background:var(--sd-dropdown-button-bg);color:var(--sd-dropdown-button-current-content);cursor:pointer;box-sizing:border-box;font-family:var(--sd-dropdown-button-font-family);font-size:var(--sd-dropdown-button-font-size);font-weight:var(--sd-dropdown-button-font-weight);line-height:1;text-decoration:var(--sd-dropdown-button-text-decoration);transition:background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;white-space:nowrap}.sd-dropdown-button__trigger:hover:not(.sd-dropdown-button__trigger--disabled){background:var(--sd-dropdown-button-bg-hover)}.sd-dropdown-button__trigger:focus-visible{outline:0;box-shadow:0 0 0 2px var(--sd-dropdown-button-accent)}.sd-dropdown-button__trigger--xs{--sd-dropdown-button-height:var(--sd-button-button-xs-height, 24px);--sd-dropdown-button-padding-x:var(--sd-button-button-xs-padding-x, 8px);--sd-dropdown-button-gap:var(--sd-button-button-xs-gap, 4px);--sd-dropdown-button-font-family:var(--sd-button-button-xs-typography-font-family, inherit);--sd-dropdown-button-font-size:var(--sd-button-button-xs-typography-font-size, 12px);--sd-dropdown-button-font-weight:var(--sd-button-button-xs-typography-font-weight, 500);--sd-dropdown-button-text-decoration:var(     --sd-button-button-xs-typography-text-decoration,     none   )}.sd-dropdown-button__trigger--sm{--sd-dropdown-button-height:var(--sd-button-button-sm-height, 28px);--sd-dropdown-button-padding-x:var(--sd-button-button-sm-padding-x, 12px);--sd-dropdown-button-gap:var(--sd-button-button-sm-gap, 6px);--sd-dropdown-button-font-family:var(--sd-button-button-sm-typography-font-family, inherit);--sd-dropdown-button-font-size:var(--sd-button-button-sm-typography-font-size, 12px);--sd-dropdown-button-font-weight:var(--sd-button-button-sm-typography-font-weight, 500);--sd-dropdown-button-text-decoration:var(     --sd-button-button-sm-typography-text-decoration,     none   )}.sd-dropdown-button__trigger--md{--sd-dropdown-button-height:var(--sd-button-button-md-height, 36px);--sd-dropdown-button-padding-x:var(--sd-button-button-md-padding-x, 20px);--sd-dropdown-button-gap:var(--sd-button-button-md-gap, 8px);--sd-dropdown-button-font-family:var(--sd-button-button-md-typography-font-family, inherit);--sd-dropdown-button-font-size:var(--sd-button-button-md-typography-font-size, 16px);--sd-dropdown-button-font-weight:var(--sd-button-button-md-typography-font-weight, 500);--sd-dropdown-button-text-decoration:var(     --sd-button-button-md-typography-text-decoration,     none   );border-radius:var(--sd-button-button-radius-md, 6px)}.sd-dropdown-button__trigger--disabled{border-color:var(--sd-dropdown-button-disabled-border);background:var(--sd-dropdown-button-disabled-bg);--sd-dropdown-button-current-content:var(--sd-dropdown-button-disabled-content);cursor:not-allowed}.sd-dropdown-button__trigger--disabled .sd-dropdown-button__trigger-divider{background:var(--sd-dropdown-button-disabled-border)}.sd-dropdown-button__trigger-label,.sd-dropdown-button__trigger-icon{display:inline-flex;align-items:center;justify-content:center}.sd-dropdown-button__trigger-label{flex:1 1 auto;min-width:0;padding:0 var(--sd-dropdown-button-padding-x)}.sd-dropdown-button__trigger-divider{align-self:stretch;width:1px;height:auto;background:var(--sd-dropdown-button-divider);opacity:0.9}.sd-dropdown-button__trigger-icon{flex:0 0 auto;min-width:calc(var(--sd-dropdown-button-height) - 2px);padding:0 calc(var(--sd-dropdown-button-gap) + 2px);transition:transform 0.2s ease}.sd-dropdown-button__trigger-icon--open{transform:rotate(180deg)}.sd-dropdown-button__menu{position:relative;display:grid;width:max-content;min-width:var(--sd-dropdown-button-menu-min-width, max-content);max-width:calc(100vw - 24px);padding:4px 0;border:0;border-radius:4px;background:#FFFFFF;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.1019607843);box-sizing:border-box;overflow:hidden}.sd-dropdown-button__menu-item{--sd-dropdown-button-menu-item-current-color:var(--sd-dropdown-button-menu-item-color);display:inline-flex;align-items:center;gap:8px;min-height:28px;width:100%;padding:0 12px;border:0;border-radius:0;background:transparent;color:var(--sd-dropdown-button-menu-item-current-color);cursor:pointer;box-sizing:border-box;font:inherit;text-align:left;transition:background-color 0.15s ease, color 0.15s ease}.sd-dropdown-button__menu-item--active{background:var(--sd-dropdown-button-menu-item-active-bg);--sd-dropdown-button-menu-item-current-color:var(--sd-dropdown-button-menu-item-active-color)}.sd-dropdown-button__menu-item--disabled{--sd-dropdown-button-menu-item-current-color:var(--sd-dropdown-button-disabled-content);cursor:not-allowed}.sd-dropdown-button__menu-item-icon{flex:0 0 auto}.sd-dropdown-button__menu-item-label{display:inline-flex;align-items:center;min-width:0;white-space:nowrap;font-size:12px}"}},[512,"sd-dropdown-button",{name:[1],label:[1],items:[16],disabled:[4],isOpen:[32],isAnimatingOut:[32],itemIndex:[32],sdOpen:[64],sdClose:[64]},void 0,{isOpen:[{handleOpenChange:0}]}]),H=L,N=function(){"undefined"!=typeof customElements&&["sd-dropdown-button","sd-icon","sd-portal"].forEach((t=>{switch(t){case"sd-dropdown-button":customElements.get(e(t))||customElements.define(e(t),L);break;case"sd-icon":customElements.get(e(t))||h();break;case"sd-portal":customElements.get(e(t))||l()}}))};export{H as SdDropdownButton,N as defineCustomElement}

package/dist/components/sd-field.js

@@ -1 +1 @@
-import{S as o,d as s}from"./p-MMkRcTBd.js";const p=o,r=s;export{p as SdField,r as defineCustomElement}
+import{S as s,d as o}from"./p-B-sK7I83.js";const p=s,r=o;export{p as SdField,r as defineCustomElement}

package/dist/components/sd-file-picker.js

@@ -1 +1 @@
-import{S as o,d as s}from"./p-Bm_T3qE0.js";const m=o,p=s;export{m as SdFilePicker,p as defineCustomElement}
+import{S as o,d as p}from"./p-B7mpdnNl.js";const s=o,m=p;export{s as SdFilePicker,m as defineCustomElement}

package/dist/components/sd-floating-portal.js

@@ -1 +1 @@
-import{S as o,d as s}from"./p-h7eBUL4i.js";const p=o,r=s;export{p as SdFloatingPortal,r as defineCustomElement}
+import{S as o,d as s}from"./p-D0Jiw-Zk.js";const p=o,r=s;export{p as SdFloatingPortal,r as defineCustomElement}

package/dist/components/sd-form.js

@@ -1 +1 @@
-import{p as s,H as t,c as i,h as e,t as d}from"./p-lyB7zSp-.js";const a=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.sdSubmit=i(this,"sdSubmit",7),this.sdValidationError=i(this,"sdValidationError",7)}formClass="";fields=[];sdSubmit;sdValidationError;sortFieldsByDomOrder(){this.fields.sort(((s,t)=>{const i=s.el,e=t.el;if(!i||!e)return 0;if(i===e)return 0;const d=i.compareDocumentPosition(e);return d&Node.DOCUMENT_POSITION_FOLLOWING?-1:d&Node.DOCUMENT_POSITION_PRECEDING?1:0}))}async sdRegisterField(s){s.name?this.fields.includes(s)||(this.fields.push(s),this.sortFieldsByDomOrder()):console.warn("[sd-form] field.name is required")}async sdUnregisterField(s){if("string"!=typeof s)this.fields=this.fields.filter((t=>t!==s));else{const t=this.fields.findIndex((t=>t.name===s));-1!==t&&this.fields.splice(t,1)}}async runValidation(){const s=(await Promise.all(this.fields.map((async s=>({field:s,valid:await s.sdValidate()}))))).filter((s=>!s.valid)).map((s=>s.field));if(s.length>0){const t=s[0];t.sdFocus(),t.sdScrollIntoView?.()}return{valid:0===s.length,invalidFields:s}}async sdValidate(){const{valid:s}=await this.runValidation();return s}async sdReset(){this.fields.forEach((s=>s.sdReset()))}async sdResetValidation(){this.fields.forEach((s=>s.sdResetValidation()))}async onSubmit(s){s.preventDefault();const{valid:t,invalidFields:i}=await this.runValidation();t?this.sdSubmit.emit():this.sdValidationError.emit({names:i.map((s=>s.name))})}render(){return e("form",{key:"0693ccf290eb691a5ac9210444a265e386f7c7c9",onSubmit:s=>this.onSubmit(s),class:this.formClass},e("slot",{key:"c9dfff69c4000d645b7ed79a8ad771bc1cdd4e2c"}))}},[772,"sd-form",{formClass:[1,"form-class"],sdRegisterField:[64],sdUnregisterField:[64],sdValidate:[64],sdReset:[64],sdResetValidation:[64]}]),n=a,r=function(){"undefined"!=typeof customElements&&["sd-form"].forEach((s=>{"sd-form"===s&&(customElements.get(d(s))||customElements.define(d(s),a))}))};export{n as SdForm,r as defineCustomElement}
+import{p as s,H as t,c as i,h as e,t as a}from"./p-BjkROjjt.js";const d=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.sdSubmit=i(this,"sdSubmit",7),this.sdValidationError=i(this,"sdValidationError",7)}formClass="";fields=[];sdSubmit;sdValidationError;sortFieldsByDomOrder(){this.fields.sort(((s,t)=>{const i=s.el,e=t.el;if(!i||!e)return 0;if(i===e)return 0;const a=i.compareDocumentPosition(e);return a&Node.DOCUMENT_POSITION_FOLLOWING?-1:a&Node.DOCUMENT_POSITION_PRECEDING?1:0}))}async sdRegisterField(s){""!==s.name?this.fields.includes(s)||(this.fields.push(s),this.sortFieldsByDomOrder()):console.warn("[sd-form] field.name is required")}async sdUnregisterField(s){if("string"!=typeof s)this.fields=this.fields.filter((t=>t!==s));else{const t=this.fields.findIndex((t=>t.name===s));-1!==t&&this.fields.splice(t,1)}}async runValidation(){const s=(await Promise.all(this.fields.map((async s=>({field:s,valid:await s.sdValidate()}))))).filter((s=>!s.valid)).map((s=>s.field));if(s.length>0){const t=s[0];t.sdFocus(),t.sdScrollIntoView?.()}return{valid:0===s.length,invalidFields:s}}async sdValidate(){const{valid:s}=await this.runValidation();return s}async sdReset(){this.fields.forEach((s=>s.sdReset()))}async sdResetValidation(){this.fields.forEach((s=>s.sdResetValidation()))}async onSubmit(s){s.preventDefault();const{valid:t,invalidFields:i}=await this.runValidation();t?this.sdSubmit.emit():this.sdValidationError.emit({names:i.map((s=>s.name))})}render(){return e("form",{key:"197851b7d0ac6af39be67a2b5d2846370cc3ed39",onSubmit:s=>this.onSubmit(s),class:this.formClass},e("slot",{key:"33adfc4e9d40aa48b22755a98429ab8e0a32792f"}))}},[772,"sd-form",{formClass:[1,"form-class"],sdRegisterField:[64],sdUnregisterField:[64],sdValidate:[64],sdReset:[64],sdResetValidation:[64]}]),n=d,r=function(){"undefined"!=typeof customElements&&["sd-form"].forEach((s=>{"sd-form"===s&&(customElements.get(a(s))||customElements.define(a(s),d))}))};export{n as SdForm,r as defineCustomElement}

package/dist/components/sd-ghost-button.js

@@ -1 +1 @@
-import{S as o,d as p}from"./p-C4PmGpW8.js";const s=o,m=p;export{s as SdGhostButton,m as defineCustomElement}
+import{S as o,d as s}from"./p-DFLCjX1a.js";const a=o,p=s;export{a as SdGhostButton,p as defineCustomElement}

package/dist/components/sd-guide.js

@@ -1 +1 @@
-import{p as t,H as e,h as i,t as d}from"./p-lyB7zSp-.js";import{s as o}from"./p-GBlVDmy4.js";import{d as n}from"./p-Cx3jXw9J.js";import{d as s}from"./p-C4PmGpW8.js";import{d as u}from"./p-D8WAP9T3.js";import{d as g}from"./p-BqkJ0rZv.js";const{button:a,contents:p}={button:{height:"28",paddingX:"12",radius:"9999",gap:"6",typography:{fontSize:"12",fontWeight:"500",lineHeight:"20"},icon:{default:"#00973C",active:"#FFFFFF"},border:{width:"1",default:"#E1E1E1"},bg:{default:"#FFFFFF",tip:"#00973C",notion:"#1F8AE1"},text:{default:"#222222",active:"#FFFFFF"}},contents:{paddingX:"24",paddingY:"20",gap:"12",title:{gap:"8"},row:{gap:"8"},body:{gap:"2"},typography:{title:{fontWeight:"700",fontSize:"16",lineHeight:"26"},body:{fontWeight:"400",fontSize:"12",lineHeight:"20"},color:"#222222"},icon:"#00973C",radius:"8"}},r=o.color.fg.primary,c={button:{height:a.height+"px",paddingX:a.paddingX+"px",radius:a.radius+"px",gap:a.gap+"px",fontSize:a.typography.fontSize+"px",fontWeight:a.typography.fontWeight,lineHeight:a.typography.lineHeight+"px",iconColorDefault:a.icon.default,iconColorActive:a.icon.active,iconColorNotion:r,borderWidth:a.border.width+"px",borderColor:a.border.default,bgDefault:a.bg.default,bgTip:a.bg.tip,bgNotion:a.bg.notion,textDefault:a.text.default,textActive:a.text.active},contents:{paddingX:p.paddingX+"px",paddingY:p.paddingY+"px",gap:p.gap+"px",rowGap:p.row.gap+"px",bodyGap:p.body.gap+"px",titleGap:p.title.gap+"px",radius:p.radius+"px",iconColor:p.icon,iconColorNotion:r,titleFontSize:p.typography.title.fontSize+"px",titleFontWeight:p.typography.title.fontWeight,titleLineHeight:p.typography.title.lineHeight+"px",bodyFontSize:p.typography.body.fontSize+"px",bodyFontWeight:p.typography.body.fontWeight,bodyLineHeight:p.typography.body.lineHeight+"px",textColor:p.typography.color}},b={tip:"활용 TIP",notion:"사용법 안내"},l={tip:"helpOutline",notion:"notion"},_=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost()}get el(){return this}type="tip";label="";message="";url="";popupTitle="";popupWidth;popupShow=!1;guideRef;handleClickGuide=()=>{"notion"!==this.type?this.popupShow=!this.popupShow:this.url&&window.open(this.url,"_blank","noopener,noreferrer")};closeDropdown=()=>{this.popupShow=!1};get guideStyle(){const{button:t,contents:e}=c;return{"--sd-guide-button-height":t.height,"--sd-guide-button-padding-x":t.paddingX,"--sd-guide-button-radius":t.radius,"--sd-guide-button-gap":t.gap,"--sd-guide-button-font-size":t.fontSize,"--sd-guide-button-font-weight":t.fontWeight,"--sd-guide-button-line-height":t.lineHeight,"--sd-guide-button-border-width":t.borderWidth,"--sd-guide-button-border-color":t.borderColor,"--sd-guide-button-bg-default":t.bgDefault,"--sd-guide-button-bg-tip":t.bgTip,"--sd-guide-button-bg-notion":t.bgNotion,"--sd-guide-button-text-default":t.textDefault,"--sd-guide-button-text-active":t.textActive,"--sd-guide-button-icon-color-default":t.iconColorDefault,"--sd-guide-button-icon-color-active":t.iconColorActive,"--sd-guide-button-icon-color-notion":t.iconColorNotion,"--sd-guide-contents-padding-x":e.paddingX,"--sd-guide-contents-padding-y":e.paddingY,"--sd-guide-contents-gap":e.gap,"--sd-guide-contents-row-gap":e.rowGap,"--sd-guide-contents-body-gap":e.bodyGap,"--sd-guide-contents-title-gap":e.titleGap,"--sd-guide-contents-radius":e.radius,"--sd-guide-contents-title-font-size":e.titleFontSize,"--sd-guide-contents-title-font-weight":e.titleFontWeight,"--sd-guide-contents-title-line-height":e.titleLineHeight,"--sd-guide-contents-body-font-size":e.bodyFontSize,"--sd-guide-contents-body-font-weight":e.bodyFontWeight,"--sd-guide-contents-body-line-height":e.bodyLineHeight,"--sd-guide-contents-text-color":e.textColor}}render(){const{contents:t}=c,e=this.popupShow,d=b[this.type??"tip"],o=l[this.type??"tip"],n="notion"===(this.type??"tip")?t.iconColorNotion:t.iconColor,s=["sd-guide__button","sd-guide__button--type-"+(this.type??"tip")];return e&&s.push("sd-guide__button--active"),i("div",{key:"8672dad264f91b125f84e0c8312561818964cecf",class:"sd-guide",style:this.guideStyle},i("sd-button",{key:"4f2a1b4cbb19460dadfec6dca094b289ff405bfb",ref:t=>this.guideRef=t,class:s.join(" "),name:e?"primary_sm":"neutral_outline_sm",label:this.label||d,icon:o,onSdClick:this.handleClickGuide}),this.popupShow&&i("sd-portal",{key:"f6c4fe897426d506f73bf8bbb18b53665181c803",open:this.popupShow,parentRef:this.guideRef,onSdClose:this.closeDropdown,offset:[0,4]},i("div",{key:"a3c77a42905e4b25ecbf1c98f7e0514b41c5100e",style:{position:"absolute",width:"0px",height:"0px"}},i("div",{key:"41411e0a1645f709234573dc1c2f3d60a4c90f36",class:"sd-guide__popup",style:{...this.guideStyle,width:this.popupWidth?this.popupWidth+"px":"426px"}},i("sd-ghost-button",{key:"01c68abc21ce99aa2e1ba3a55a5e78b98dd8aa47",class:"sd-guide__popup__close",icon:"close",ariaLabel:"close",size:"sm",onSdClick:this.closeDropdown}),i("div",{key:"04d9f4d51cd05755aa6a18fcb4ba0a177fb62ad5",class:"sd-guide__popup__header"},i("sd-icon",{key:"b02adf9e9e4ca2239e3b46e7cf8c5ba0cfc008a0",name:o,size:24,color:n}),i("h3",{key:"3f4324aa1959dc8abb10e84b1103106548053679",class:"sd-guide__popup__title"},this.popupTitle||d)),i("ul",{key:"64937c15f19ae2f91c6c9d1f430ad579b42c5592",class:"sd-guide__popup__list"},this.renderListItem(this.message))))))}renderListItem(t,e=0){const i=[];if(Array.isArray(t)){const d=t.map((t=>this.renderListItem(t,e+1)));i.push(...d.flat())}else i.push(this.renderLi(t,e));return i}renderLi=(t,e)=>i("li",{class:"sd-guide__popup__list__item sd-guide__popup__list__item--depth-"+e},i("p",{innerHTML:t}));static get style(){return'@charset "UTF-8";sd-guide{display:inline-flex;align-items:center;height:fit-content;width:fit-content}.sd-guide{display:inline-flex;align-items:center;height:fit-content;width:fit-content}.sd-guide .sd-guide__button .sd-button{min-height:var(--sd-guide-button-height);padding:0 var(--sd-guide-button-padding-x);border-radius:var(--sd-guide-button-radius);border:var(--sd-guide-button-border-width) solid var(--sd-guide-button-border-color);background:var(--sd-guide-button-bg-default);color:var(--sd-guide-button-text-default) !important;transition:none;display:flex;align-items:center;gap:var(--sd-guide-button-gap);--sd-button-bg-hover:var(--sd-guide-button-bg-default);--sd-button-current-icon:var(--sd-guide-button-icon-color-default)}.sd-guide .sd-guide__button .sd-button .sd-button__content{color:var(--sd-guide-button-text-default) !important;gap:var(--sd-guide-button-gap)}.sd-guide .sd-guide__button .sd-button .sd-button__content .sd-button__label{margin-left:0;color:var(--sd-guide-button-text-default) !important;font-size:var(--sd-guide-button-font-size);font-weight:var(--sd-guide-button-font-weight);line-height:var(--sd-guide-button-line-height)}.sd-guide .sd-guide__button--type-notion .sd-button{--sd-button-current-icon:var(--sd-guide-button-icon-color-notion)}.sd-guide .sd-guide__button--active .sd-button{color:var(--sd-guide-button-text-active) !important;--sd-button-current-icon:var(--sd-guide-button-icon-color-active)}.sd-guide .sd-guide__button--active .sd-button .sd-button__content{color:var(--sd-guide-button-text-active) !important}.sd-guide .sd-guide__button--active .sd-button .sd-button__content .sd-button__label{color:var(--sd-guide-button-text-active) !important}.sd-guide .sd-guide__button--type-tip.sd-guide__button--active .sd-button{background:var(--sd-guide-button-bg-tip);border-color:var(--sd-guide-button-bg-tip);--sd-button-bg-hover:var(--sd-guide-button-bg-tip)}.sd-guide .sd-guide__button--type-notion.sd-guide__button--active .sd-button{background:var(--sd-guide-button-bg-notion);border-color:var(--sd-guide-button-bg-notion);--sd-button-bg-hover:var(--sd-guide-button-bg-notion)}.sd-guide__popup{position:relative;padding:var(--sd-guide-contents-padding-y) var(--sd-guide-contents-padding-x);border-radius:var(--sd-guide-contents-radius);box-shadow:4px 4px 24px 4px rgba(0, 0, 0, 0.1);background:white}.sd-guide__popup>.sd-guide__popup__close{position:absolute;top:12px;right:12px}.sd-guide__popup__header{display:flex;align-items:center;gap:var(--sd-guide-contents-title-gap);margin-bottom:var(--sd-guide-contents-gap)}.sd-guide__popup__header .sd-guide__popup__title{margin-top:0;margin-bottom:0;font-size:var(--sd-guide-contents-title-font-size);font-weight:var(--sd-guide-contents-title-font-weight);line-height:var(--sd-guide-contents-title-line-height);color:var(--sd-guide-contents-text-color)}.sd-guide__popup__list{width:100%;padding:0;margin:0}.sd-guide__popup__list__item{display:flex;width:100%;align-items:start;list-style:none;color:var(--sd-guide-contents-text-color);font-size:var(--sd-guide-contents-body-font-size);font-weight:var(--sd-guide-contents-body-font-weight);line-height:var(--sd-guide-contents-body-line-height)}.sd-guide__popup__list__item p{width:100%;padding:0;margin:0;word-wrap:break-word;word-break:break-word;white-space:normal;overflow-wrap:break-word;min-width:0}.sd-guide__popup__list__item::before{display:block;content:"-";width:6px;color:var(--sd-guide-contents-text-color);font-size:var(--sd-guide-contents-body-font-size);font-weight:var(--sd-guide-contents-body-font-weight);line-height:var(--sd-guide-contents-body-line-height);margin-left:10px;margin-right:12px;flex-shrink:0}.sd-guide__popup__list__item--depth-1:not(:first-child){margin-top:var(--sd-guide-contents-row-gap)}.sd-guide__popup__list__item--depth-2{margin-top:var(--sd-guide-contents-body-gap)}.sd-guide__popup__list__item--depth-2::before{content:"•"}.sd-guide__popup__list__item--depth-2{padding-left:26px}'}},[512,"sd-guide",{type:[513],label:[513],message:[1],url:[1],popupTitle:[1,"popup-title"],popupWidth:[2,"popup-width"],popupShow:[32]}]),h=_,f=function(){"undefined"!=typeof customElements&&["sd-guide","sd-button","sd-ghost-button","sd-icon","sd-portal"].forEach((t=>{switch(t){case"sd-guide":customElements.get(d(t))||customElements.define(d(t),_);break;case"sd-button":customElements.get(d(t))||n();break;case"sd-ghost-button":customElements.get(d(t))||s();break;case"sd-icon":customElements.get(d(t))||u();break;case"sd-portal":customElements.get(d(t))||g()}}))};export{h as SdGuide,f as defineCustomElement}
+import{p as t,H as e,h as i,t as d}from"./p-BjkROjjt.js";import{s as o}from"./p-GBlVDmy4.js";import{d as n}from"./p-C7WLft_0.js";import{d as s}from"./p-DFLCjX1a.js";import{d as u}from"./p-Cktiasfd.js";import{d as g}from"./p-CdOHomUp.js";const{button:a,contents:p}={button:{height:"28",paddingX:"12",radius:"9999",gap:"6",typography:{fontSize:"12",fontWeight:"500",lineHeight:"20"},icon:{default:"#00973C",active:"#FFFFFF"},border:{width:"1",default:"#E1E1E1"},bg:{default:"#FFFFFF",tip:"#00973C",notion:"#1F8AE1"},text:{default:"#222222",active:"#FFFFFF"}},contents:{paddingX:"24",paddingY:"20",gap:"12",title:{gap:"8"},row:{gap:"8"},body:{gap:"2"},typography:{title:{fontWeight:"700",fontSize:"16",lineHeight:"26"},body:{fontWeight:"400",fontSize:"12",lineHeight:"20"},color:"#222222"},icon:"#00973C",radius:"8"}},r=o.color.fg.primary,c={button:{height:a.height+"px",paddingX:a.paddingX+"px",radius:a.radius+"px",gap:a.gap+"px",fontSize:a.typography.fontSize+"px",fontWeight:a.typography.fontWeight,lineHeight:a.typography.lineHeight+"px",iconColorDefault:a.icon.default,iconColorActive:a.icon.active,iconColorNotion:r,borderWidth:a.border.width+"px",borderColor:a.border.default,bgDefault:a.bg.default,bgTip:a.bg.tip,bgNotion:a.bg.notion,textDefault:a.text.default,textActive:a.text.active},contents:{paddingX:p.paddingX+"px",paddingY:p.paddingY+"px",gap:p.gap+"px",rowGap:p.row.gap+"px",bodyGap:p.body.gap+"px",titleGap:p.title.gap+"px",radius:p.radius+"px",iconColor:p.icon,iconColorNotion:r,titleFontSize:p.typography.title.fontSize+"px",titleFontWeight:p.typography.title.fontWeight,titleLineHeight:p.typography.title.lineHeight+"px",bodyFontSize:p.typography.body.fontSize+"px",bodyFontWeight:p.typography.body.fontWeight,bodyLineHeight:p.typography.body.lineHeight+"px",textColor:p.typography.color}},l={tip:"활용 TIP",notion:"사용법 안내"},b={tip:"helpOutline",notion:"notion"},_=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost()}get el(){return this}type="tip";label="";message="";url="";popupTitle="";popupWidth;popupShow=!1;guideRef;handleClickGuide=()=>{"notion"!==this.type?this.popupShow=!this.popupShow:""!==this.url&&window.open(this.url,"_blank","noopener,noreferrer")};closeDropdown=()=>{this.popupShow=!1};get guideStyle(){const{button:t,contents:e}=c;return{"--sd-guide-button-height":t.height,"--sd-guide-button-padding-x":t.paddingX,"--sd-guide-button-radius":t.radius,"--sd-guide-button-gap":t.gap,"--sd-guide-button-font-size":t.fontSize,"--sd-guide-button-font-weight":t.fontWeight,"--sd-guide-button-line-height":t.lineHeight,"--sd-guide-button-border-width":t.borderWidth,"--sd-guide-button-border-color":t.borderColor,"--sd-guide-button-bg-default":t.bgDefault,"--sd-guide-button-bg-tip":t.bgTip,"--sd-guide-button-bg-notion":t.bgNotion,"--sd-guide-button-text-default":t.textDefault,"--sd-guide-button-text-active":t.textActive,"--sd-guide-button-icon-color-default":t.iconColorDefault,"--sd-guide-button-icon-color-active":t.iconColorActive,"--sd-guide-button-icon-color-notion":t.iconColorNotion,"--sd-guide-contents-padding-x":e.paddingX,"--sd-guide-contents-padding-y":e.paddingY,"--sd-guide-contents-gap":e.gap,"--sd-guide-contents-row-gap":e.rowGap,"--sd-guide-contents-body-gap":e.bodyGap,"--sd-guide-contents-title-gap":e.titleGap,"--sd-guide-contents-radius":e.radius,"--sd-guide-contents-title-font-size":e.titleFontSize,"--sd-guide-contents-title-font-weight":e.titleFontWeight,"--sd-guide-contents-title-line-height":e.titleLineHeight,"--sd-guide-contents-body-font-size":e.bodyFontSize,"--sd-guide-contents-body-font-weight":e.bodyFontWeight,"--sd-guide-contents-body-line-height":e.bodyLineHeight,"--sd-guide-contents-text-color":e.textColor}}render(){const{contents:t}=c,e=this.popupShow,d=l[this.type??"tip"],o=b[this.type??"tip"],n="notion"===(this.type??"tip")?t.iconColorNotion:t.iconColor,s=["sd-guide__button","sd-guide__button--type-"+(this.type??"tip")];return e&&s.push("sd-guide__button--active"),i("div",{key:"0003572d8025680df033b2619ad11d99ccc25a35",class:"sd-guide",style:this.guideStyle},i("sd-button",{key:"01e15b072764f4244778c727445887326792ea45",ref:t=>this.guideRef=t,class:s.join(" "),name:e?"primary_sm":"neutral_outline_sm",label:this.label||d,icon:o,onSdClick:this.handleClickGuide}),this.popupShow&&i("sd-portal",{key:"d7fbe96ae73c3b35ce8ca673d19924b8b7503aae",open:this.popupShow,parentRef:this.guideRef,onSdClose:this.closeDropdown,offset:[0,4]},i("div",{key:"e87cec81959c4c84a33c4c50fd40796d12ff7f4d",style:{position:"absolute",width:"0px",height:"0px"}},i("div",{key:"94499ea9e42b93fcec490a7ab9d7d9cccc7c1021",class:"sd-guide__popup",style:{...this.guideStyle,width:null!=this.popupWidth?this.popupWidth+"px":"426px"}},i("sd-ghost-button",{key:"712dc57cd85bd6929a2a1ef8221d29f46ecca686",class:"sd-guide__popup__close",icon:"close",ariaLabel:"close",size:"sm",onSdClick:this.closeDropdown}),i("div",{key:"d53aadc5d766fde09a6463c7e114030c37617545",class:"sd-guide__popup__header"},i("sd-icon",{key:"dcb1fef4b2024f2b4584dc10c2dc54b28a0ce752",name:o,size:24,color:n}),i("h3",{key:"00860dda925f2d9670a7f9e261241f3698dd513e",class:"sd-guide__popup__title"},this.popupTitle||d)),i("ul",{key:"8676741e6998ed10ba39148cfff1f101fda8daa3",class:"sd-guide__popup__list"},this.renderListItem(this.message))))))}renderListItem(t,e=0){const i=[];if(Array.isArray(t)){const d=t.map((t=>this.renderListItem(t,e+1)));i.push(...d.flat())}else i.push(this.renderLi(t,e));return i}renderLi=(t,e)=>i("li",{class:"sd-guide__popup__list__item sd-guide__popup__list__item--depth-"+e},i("p",{innerHTML:t}));static get style(){return'@charset "UTF-8";sd-guide{display:inline-flex;align-items:center;height:fit-content;width:fit-content}.sd-guide{display:inline-flex;align-items:center;height:fit-content;width:fit-content}.sd-guide .sd-guide__button .sd-button{min-height:var(--sd-guide-button-height);padding:0 var(--sd-guide-button-padding-x);border-radius:var(--sd-guide-button-radius);border:var(--sd-guide-button-border-width) solid var(--sd-guide-button-border-color);background:var(--sd-guide-button-bg-default);color:var(--sd-guide-button-text-default) !important;transition:none;display:flex;align-items:center;gap:var(--sd-guide-button-gap);--sd-button-bg-hover:var(--sd-guide-button-bg-default);--sd-button-current-icon:var(--sd-guide-button-icon-color-default)}.sd-guide .sd-guide__button .sd-button .sd-button__content{color:var(--sd-guide-button-text-default) !important;gap:var(--sd-guide-button-gap)}.sd-guide .sd-guide__button .sd-button .sd-button__content .sd-button__label{margin-left:0;color:var(--sd-guide-button-text-default) !important;font-size:var(--sd-guide-button-font-size);font-weight:var(--sd-guide-button-font-weight);line-height:var(--sd-guide-button-line-height)}.sd-guide .sd-guide__button--type-notion .sd-button{--sd-button-current-icon:var(--sd-guide-button-icon-color-notion)}.sd-guide .sd-guide__button--active .sd-button{color:var(--sd-guide-button-text-active) !important;--sd-button-current-icon:var(--sd-guide-button-icon-color-active)}.sd-guide .sd-guide__button--active .sd-button .sd-button__content{color:var(--sd-guide-button-text-active) !important}.sd-guide .sd-guide__button--active .sd-button .sd-button__content .sd-button__label{color:var(--sd-guide-button-text-active) !important}.sd-guide .sd-guide__button--type-tip.sd-guide__button--active .sd-button{background:var(--sd-guide-button-bg-tip);border-color:var(--sd-guide-button-bg-tip);--sd-button-bg-hover:var(--sd-guide-button-bg-tip)}.sd-guide .sd-guide__button--type-notion.sd-guide__button--active .sd-button{background:var(--sd-guide-button-bg-notion);border-color:var(--sd-guide-button-bg-notion);--sd-button-bg-hover:var(--sd-guide-button-bg-notion)}.sd-guide__popup{position:relative;padding:var(--sd-guide-contents-padding-y) var(--sd-guide-contents-padding-x);border-radius:var(--sd-guide-contents-radius);box-shadow:4px 4px 24px 4px rgba(0, 0, 0, 0.1);background:white}.sd-guide__popup>.sd-guide__popup__close{position:absolute;top:12px;right:12px}.sd-guide__popup__header{display:flex;align-items:center;gap:var(--sd-guide-contents-title-gap);margin-bottom:var(--sd-guide-contents-gap)}.sd-guide__popup__header .sd-guide__popup__title{margin-top:0;margin-bottom:0;font-size:var(--sd-guide-contents-title-font-size);font-weight:var(--sd-guide-contents-title-font-weight);line-height:var(--sd-guide-contents-title-line-height);color:var(--sd-guide-contents-text-color)}.sd-guide__popup__list{width:100%;padding:0;margin:0}.sd-guide__popup__list__item{display:flex;width:100%;align-items:start;list-style:none;color:var(--sd-guide-contents-text-color);font-size:var(--sd-guide-contents-body-font-size);font-weight:var(--sd-guide-contents-body-font-weight);line-height:var(--sd-guide-contents-body-line-height)}.sd-guide__popup__list__item p{width:100%;padding:0;margin:0;word-wrap:break-word;word-break:break-word;white-space:normal;overflow-wrap:break-word;min-width:0}.sd-guide__popup__list__item::before{display:block;content:"-";width:6px;color:var(--sd-guide-contents-text-color);font-size:var(--sd-guide-contents-body-font-size);font-weight:var(--sd-guide-contents-body-font-weight);line-height:var(--sd-guide-contents-body-line-height);margin-left:10px;margin-right:12px;flex-shrink:0}.sd-guide__popup__list__item--depth-1:not(:first-child){margin-top:var(--sd-guide-contents-row-gap)}.sd-guide__popup__list__item--depth-2{margin-top:var(--sd-guide-contents-body-gap)}.sd-guide__popup__list__item--depth-2::before{content:"•"}.sd-guide__popup__list__item--depth-2{padding-left:26px}'}},[512,"sd-guide",{type:[513],label:[513],message:[1],url:[1],popupTitle:[1,"popup-title"],popupWidth:[2,"popup-width"],popupShow:[32]}]),h=_,f=function(){"undefined"!=typeof customElements&&["sd-guide","sd-button","sd-ghost-button","sd-icon","sd-portal"].forEach((t=>{switch(t){case"sd-guide":customElements.get(d(t))||customElements.define(d(t),_);break;case"sd-button":customElements.get(d(t))||n();break;case"sd-ghost-button":customElements.get(d(t))||s();break;case"sd-icon":customElements.get(d(t))||u();break;case"sd-portal":customElements.get(d(t))||g()}}))};export{h as SdGuide,f as defineCustomElement}

package/dist/components/sd-icon.js

@@ -1 +1 @@
-import{S as o,d as s}from"./p-D8WAP9T3.js";const p=o,r=s;export{p as SdIcon,r as defineCustomElement}
+import{S as s,d as o}from"./p-Cktiasfd.js";const t=s,a=o;export{t as SdIcon,a as defineCustomElement}

package/dist/components/sd-input.js

@@ -1 +1 @@
-import{S as o,d as s}from"./p-BX3TJuQY.js";const p=o,r=s;export{p as SdInput,r as defineCustomElement}
+import{S as o,d as s}from"./p-nOCYbyW4.js";const p=o,r=s;export{p as SdInput,r as defineCustomElement}

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

@@ -1 +1 @@
-import{p as e,H as t,c as s,h as a,t as d}from"./p-lyB7zSp-.js";import{s as r}from"./p-GBlVDmy4.js";import{t as l}from"./p-BQ6at17Y.js";import{d as i}from"./p-Cx3jXw9J.js";import{d as o}from"./p-Dr1AMbBj.js";import{d as n}from"./p--t9jBTYS.js";import{d as u}from"./p-B73VhbYi.js";import{d as c}from"./p-CZmKBmKx.js";import{d as p}from"./p-Cr2ghUra.js";import{d as k}from"./p-Cspm6LxP.js";import{d as b}from"./p-MMkRcTBd.js";import{d as v}from"./p-Bm_T3qE0.js";import{d as m}from"./p-h7eBUL4i.js";import{d as h}from"./p-C4PmGpW8.js";import{d as y}from"./p-D8WAP9T3.js";import{d as f}from"./p-BX3TJuQY.js";import{d as g}from"./p-BDQQllAo.js";import{d as _}from"./p-BqkJ0rZv.js";import{d as x}from"./p-D5TRyquv.js";import{d as w}from"./p-CGBnxqG2.js";import{d as j}from"./p-DfXAgw0E.js";import{d as E}from"./p-C9CszVFl.js";import{d as S}from"./p-BnzK4uU4.js";import{d as B}from"./p-ZstG0XdT.js";import{d as z}from"./p-oKHZl8yu.js";import{d as N}from"./p-ofkgu5aS.js";import{d as C}from"./p-B1MabGRR.js";const T=l.table,U=Number(T.keyValue.height),q=Number(T.radius),F=Number(T.body.paddingX),D=Number(T.keyValue.body.padding),A=Number(T.header.gap),G=Number(T.content.gap),L=Number(T.border.width),M=Number(T.keyValue.search.paddingX),$={border:T.border.color,thBg:T.header.bg,thLabel:r.color.fg.primary,required:r.color.fg.accent,helpIcon:r.color.fg.success,tdBg:r.color.bg.frame,tdText:r.color.fg.primary,searchBg:T.keyValue.search.bg},H={labelFontFamily:T.header.typography.fontFamily,labelFontSize:Number(T.header.typography.fontSize),labelFontWeight:Number(T.header.typography.fontWeight),labelLineHeight:Number(T.header.typography.lineHeight),tdFontFamily:T.body.typography.fontFamily,tdFontSize:Number(T.body.typography.fontSize),tdFontWeight:Number(T.body.typography.fontWeight),tdLineHeight:Number(T.body.typography.lineHeight)},K=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.change=s(this,"sdChange",7),this.searchEvent=s(this,"sdSearch",7)}fields=[];search=!1;useTop=!1;change;searchEvent;emit=(e,t)=>{this.change.emit({name:e,value:t})};handleSearchClick=()=>{this.searchEvent.emit()};renderField(e){const t=t=>this.emit(e.name,t.detail);switch(e.type){case"input":return a("sd-input",{width:"100%",...e.options??{},onSdUpdate:t});case"textarea":return a("sd-textarea",{width:"100%",...e.options??{},onSdUpdate:t});case"number-input":return a("sd-number-input",{width:"100%",...e.options??{},onSdUpdate:t});case"select":return a("sd-select",{width:"100%",...e.options??{},onSdUpdate:t});case"radio":{const{value:s,direction:d,...r}=e.options??{};return a("sd-radio-group",{...r,value:s,direction:d??"horizontal",onSdUpdate:t})}case"checkbox":{const{value:s,...d}=e.options??{};return a("sd-checkbox",{...d,value:s,onSdUpdate:t})}case"date-picker":return a("sd-date-picker",{width:"100%",...e.options??{},onSdUpdate:t});case"date-range-picker":return a("sd-date-range-picker",{width:"100%",...e.options??{},onSdUpdate:t});case"file-picker":return a("sd-file-picker",{width:"100%",...e.options??{},onSdUpdate:t});default:return a("span",{class:"sd-key-value-table__text"},e.options?.value??"")}}renderHelpIcon(e){return a("span",{class:"sd-key-value-table__help"},a("sd-tooltip",{icon:"helpOutline",iconSize:16,color:$.helpIcon,trigger:"hover"},e))}computeAutoSkipTh(){const e=this.fields.map((e=>e.map((()=>!1))));return this.fields.forEach(((t,s)=>{t.forEach(((t,a)=>{const d=t.thRowSpan&&t.thRowSpan>1?t.thRowSpan:1;if(!(d<=1))for(let t=1;t<d;t++){const d=e[s+t];d&&a<d.length&&(d[a]=!0)}}))})),e}computeMaxCols(e){let t=0;return this.fields.forEach(((s,a)=>{let d=0;s.forEach(((t,s)=>{let r;r=t.hideTh?0:e[a]?.[s]?1:t.thColSpan&&t.thColSpan>1?t.thColSpan:1,d+=r+(t.tdColSpan&&t.tdColSpan>1?t.tdColSpan:1)})),d>t&&(t=d)})),t}renderTh(e,t,s){const d=e.thRowSpan&&e.thRowSpan>1?e.thRowSpan:void 0,r=e.thColSpan&&e.thColSpan>1?e.thColSpan:void 0,l={"sd-key-value-table__th":!0};return"string"==typeof e.thClass?l[e.thClass]=!0:Array.isArray(e.thClass)&&e.thClass.forEach((e=>l[e]=!0)),a("th",{key:`th-${t}-${s}`,class:l,style:e.thStyle,scope:"row",rowSpan:d,colSpan:r},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:$.required,label:"required"})),e.helpText&&this.renderHelpIcon(e.helpText)))}renderTd(e,t,s){return a("td",{key:`td-${t}-${s}`,class:"sd-key-value-table__td",rowSpan:e.tdRowSpan&&e.tdRowSpan>1?e.tdRowSpan:void 0,colSpan:e.tdColSpan&&e.tdColSpan>1?e.tdColSpan:void 0},a("div",{class:"sd-key-value-table__td-inner"},a("slot",{name:"field-"+e.name},this.renderField(e))))}warnDuplicateNames(){const e=new Set,t=new Set;this.fields.forEach((s=>s.forEach((s=>{e.has(s.name)?t.add(s.name):e.add(s.name)})))),t.size>0&&console.warn(`[sd-key-value-table] Duplicate field name(s) detected: ${[...t].join(", ")}. Slot names ("field-{name}") and sdChange events rely on unique names.`)}render(){if(!this.fields.length)return null;const e={"--sd-kvt-row-height":U+"px","--sd-kvt-th-width":"120px","--sd-kvt-radius":q+"px","--sd-kvt-padding-x":F+"px","--sd-kvt-padding-y":D+"px","--sd-kvt-gap":A+"px","--sd-kvt-label-gap":G+"px","--sd-kvt-border-width":L+"px","--sd-kvt-border-color":$.border,"--sd-kvt-th-bg":$.thBg,"--sd-kvt-th-color":$.thLabel,"--sd-kvt-required-color":$.required,"--sd-kvt-td-bg":$.tdBg,"--sd-kvt-td-color":$.tdText,"--sd-kvt-label-font-family":H.labelFontFamily,"--sd-kvt-label-font-size":H.labelFontSize+"px","--sd-kvt-label-font-weight":""+H.labelFontWeight,"--sd-kvt-label-line-height":H.labelLineHeight+"px","--sd-kvt-td-font-family":H.tdFontFamily,"--sd-kvt-td-font-size":H.tdFontSize+"px","--sd-kvt-td-font-weight":""+H.tdFontWeight,"--sd-kvt-td-line-height":H.tdLineHeight+"px","--sd-kvt-search-bg":$.searchBg,"--sd-kvt-search-padding-x":M+"px"};this.warnDuplicateNames();const t=this.computeAutoSkipTh(),s=this.computeMaxCols(t),d=a("table",{class:{"sd-key-value-table":!0,"sd-key-value-table--use-top":this.useTop},style:e},a("colgroup",null,Array.from({length:s},((e,t)=>a("col",{key:"col-"+t,style:t%2==0?{width:"120px"}:void 0})))),a("tbody",null,this.fields.map(((e,s)=>a("tr",{class:"sd-key-value-table__row",key:"row-"+s},e.map(((e,a)=>[e.hideTh||t[s][a]?null:this.renderTh(e,s,a),this.renderTd(e,s,a)])))))));return this.search?a("div",{class:{"sd-key-value-table__wrapper":!0,"sd-key-value-table__wrapper--use-top":this.useTop},style:e},d,a("div",{class:"sd-key-value-table__search-panel"},a("sd-button",{label:"검색",name:"neutral_outline_md",onSdClick:this.handleSearchClick}))):d}static get style(){return"sd-key-value-table{display:block}sd-key-value-table .sd-key-value-table__wrapper{display:flex;align-items:stretch;width:100%;border:var(--sd-kvt-border-width) solid var(--sd-kvt-border-color);border-radius:var(--sd-kvt-radius);overflow:hidden}sd-key-value-table .sd-key-value-table__wrapper .sd-key-value-table{flex:1 1 auto;border:0;border-radius:0}sd-key-value-table .sd-key-value-table__wrapper.sd-key-value-table__wrapper--use-top{border-top-left-radius:0;border-top-right-radius:0}sd-key-value-table .sd-key-value-table__search-panel{display:flex;align-items:center;justify-content:center;flex:0 0 auto;padding:var(--sd-kvt-padding-y) var(--sd-kvt-search-padding-x);background:var(--sd-kvt-search-bg);border-left:var(--sd-kvt-border-width) solid var(--sd-kvt-border-color)}sd-key-value-table .sd-key-value-table{width:100%;table-layout:fixed;border:var(--sd-kvt-border-width) solid var(--sd-kvt-border-color);border-radius:var(--sd-kvt-radius);border-collapse:separate;border-spacing:0;overflow:hidden}sd-key-value-table .sd-key-value-table.sd-key-value-table--use-top{border-top-left-radius:0;border-top-right-radius:0}sd-key-value-table .sd-key-value-table__th,sd-key-value-table .sd-key-value-table__td{height:var(--sd-kvt-row-height);padding:var(--sd-kvt-padding-y) var(--sd-kvt-padding-x);box-sizing:border-box;vertical-align:middle;text-align:left;font-weight:normal;border-top:var(--sd-kvt-border-width) solid var(--sd-kvt-border-color)}sd-key-value-table .sd-key-value-table tbody>tr:first-child>.sd-key-value-table__th,sd-key-value-table .sd-key-value-table tbody>tr:first-child>.sd-key-value-table__td{border-top:0}sd-key-value-table .sd-key-value-table__th{width:var(--sd-kvt-th-width);background:var(--sd-kvt-th-bg);color:var(--sd-kvt-th-color)}sd-key-value-table .sd-key-value-table__th-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--sd-kvt-gap);width:100%;height:100%}sd-key-value-table .sd-key-value-table__label{display:inline-flex;align-items:center;gap:var(--sd-kvt-label-gap);font-family:var(--sd-kvt-label-font-family);font-size:var(--sd-kvt-label-font-size);font-weight:var(--sd-kvt-label-font-weight);line-height:var(--sd-kvt-label-line-height);color:var(--sd-kvt-th-color)}sd-key-value-table .sd-key-value-table__required{display:inline-flex;align-items:center;flex-shrink:0}sd-key-value-table .sd-key-value-table__help{display:inline-flex;align-items:center;flex-shrink:0}sd-key-value-table .sd-key-value-table__td{background:var(--sd-kvt-td-bg);color:var(--sd-kvt-td-color)}sd-key-value-table .sd-key-value-table__td-inner{display:flex;align-items:center;width:100%;height:100%}sd-key-value-table .sd-key-value-table__td-inner>slot{display:block;flex:1 1 auto;min-width:0}sd-key-value-table .sd-key-value-table__td-inner sd-input,sd-key-value-table .sd-key-value-table__td-inner sd-textarea,sd-key-value-table .sd-key-value-table__td-inner sd-number-input,sd-key-value-table .sd-key-value-table__td-inner sd-select,sd-key-value-table .sd-key-value-table__td-inner sd-date-picker,sd-key-value-table .sd-key-value-table__td-inner sd-date-range-picker,sd-key-value-table .sd-key-value-table__td-inner sd-file-picker{width:100%}sd-key-value-table .sd-key-value-table__text{font-family:var(--sd-kvt-td-font-family);font-size:var(--sd-kvt-td-font-size);font-weight:var(--sd-kvt-td-font-weight);line-height:var(--sd-kvt-td-line-height);color:var(--sd-kvt-td-color)}"}},[772,"sd-key-value-table",{fields:[16],search:[4],useTop:[4,"use-top"]}]),Q=K,R=function(){"undefined"!=typeof customElements&&["sd-key-value-table","sd-button","sd-checkbox","sd-date-picker","sd-date-picker-calendar","sd-date-picker-trigger","sd-date-range-picker","sd-date-range-picker-calendar","sd-field","sd-file-picker","sd-floating-portal","sd-ghost-button","sd-icon","sd-input","sd-number-input","sd-portal","sd-radio","sd-radio-group","sd-select","sd-select-list-item","sd-select-list-item-search","sd-select-listbox","sd-select-trigger","sd-textarea","sd-tooltip"].forEach((e=>{switch(e){case"sd-key-value-table":customElements.get(d(e))||customElements.define(d(e),K);break;case"sd-button":customElements.get(d(e))||i();break;case"sd-checkbox":customElements.get(d(e))||o();break;case"sd-date-picker":customElements.get(d(e))||n();break;case"sd-date-picker-calendar":customElements.get(d(e))||u();break;case"sd-date-picker-trigger":customElements.get(d(e))||c();break;case"sd-date-range-picker":customElements.get(d(e))||p();break;case"sd-date-range-picker-calendar":customElements.get(d(e))||k();break;case"sd-field":customElements.get(d(e))||b();break;case"sd-file-picker":customElements.get(d(e))||v();break;case"sd-floating-portal":customElements.get(d(e))||m();break;case"sd-ghost-button":customElements.get(d(e))||h();break;case"sd-icon":customElements.get(d(e))||y();break;case"sd-input":customElements.get(d(e))||f();break;case"sd-number-input":customElements.get(d(e))||g();break;case"sd-portal":customElements.get(d(e))||_();break;case"sd-radio":customElements.get(d(e))||x();break;case"sd-radio-group":customElements.get(d(e))||w();break;case"sd-select":customElements.get(d(e))||j();break;case"sd-select-list-item":customElements.get(d(e))||E();break;case"sd-select-list-item-search":customElements.get(d(e))||S();break;case"sd-select-listbox":customElements.get(d(e))||B();break;case"sd-select-trigger":customElements.get(d(e))||z();break;case"sd-textarea":customElements.get(d(e))||N();break;case"sd-tooltip":customElements.get(d(e))||C()}}))};export{Q as SdKeyValueTable,R as defineCustomElement}
+import{p as e,H as t,c as s,h as a,t as d}from"./p-BjkROjjt.js";import{s as l}from"./p-GBlVDmy4.js";import{t as r}from"./p-BnfUIhUj.js";import{d as i}from"./p-C7WLft_0.js";import{d as o}from"./p-CRL7TjSB.js";import{d as n}from"./p-DyAnn9ea.js";import{d as u}from"./p-Bm3W_eBv.js";import{d as c}from"./p-D5F7wCNo.js";import{d as k}from"./p-DeQcDHpn.js";import{d as p}from"./p-BY1LGlfc.js";import{d as b}from"./p-B-sK7I83.js";import{d as v}from"./p-B7mpdnNl.js";import{d as m}from"./p-D0Jiw-Zk.js";import{d as h}from"./p-DFLCjX1a.js";import{d as y}from"./p-Cktiasfd.js";import{d as f}from"./p-nOCYbyW4.js";import{d as g}from"./p-DL1ac1QS.js";import{d as _}from"./p-CdOHomUp.js";import{d as x}from"./p-BorUSgEK.js";import{d as w}from"./p-CK9ciBIR.js";import{d as j}from"./p-2wB9cing.js";import{d as E}from"./p-DBFgk0rX.js";import{d as S}from"./p-CsVAx6KV.js";import{d as B}from"./p-BXCyVrle.js";import{d as N}from"./p-DfK4DiDI.js";import{d as C}from"./p-u8teDaMa.js";import{d as D}from"./p-arZfxxPn.js";const U=r.table,z=Number(U.keyValue.height),F=Number(U.radius),L=Number(U.body.paddingX),T=Number(U.keyValue.body.padding),q=Number(U.header.gap),I=Number(U.content.gap),A=Number(U.border.width),H=Number(U.keyValue.search.paddingX),K={border:U.border.color,thBg:U.header.bg,thLabel:l.color.fg.primary,required:l.color.fg.accent,helpIcon:l.color.fg.success,tdBg:l.color.bg.frame,tdText:l.color.fg.primary,searchBg:U.keyValue.search.bg},W={labelFontFamily:U.header.typography.fontFamily,labelFontSize:Number(U.header.typography.fontSize),labelFontWeight:Number(U.header.typography.fontWeight),labelLineHeight:Number(U.header.typography.lineHeight),tdFontFamily:U.body.typography.fontFamily,tdFontSize:Number(U.body.typography.fontSize),tdFontWeight:Number(U.body.typography.fontWeight),tdLineHeight:Number(U.body.typography.lineHeight)},$=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.change=s(this,"sdChange",7),this.searchEvent=s(this,"sdSearch",7)}fields=[];search=!1;useTop=!1;change;searchEvent;emit=(e,t)=>{this.change.emit({name:e,value:t})};handleSearchClick=()=>{this.searchEvent.emit()};renderField(e){const t=t=>this.emit(e.name,t.detail);switch(e.type){case"input":return a("sd-input",{width:"100%",...e.options??{},onSdUpdate:t});case"textarea":return a("sd-textarea",{width:"100%",...e.options??{},onSdUpdate:t});case"number-input":return a("sd-number-input",{width:"100%",...e.options??{},onSdUpdate:t});case"select":return a("sd-select",{width:"100%",...e.options??{},onSdUpdate:t});case"radio":{const{value:s,direction:d,...l}=e.options??{};return a("sd-radio-group",{...l,value:s,direction:d??"horizontal",onSdUpdate:t})}case"checkbox":{const{value:s,...d}=e.options??{};return a("sd-checkbox",{...d,value:s,onSdUpdate:t})}case"date-picker":return a("sd-date-picker",{width:"100%",...e.options??{},onSdUpdate:t});case"date-range-picker":return a("sd-date-range-picker",{width:"100%",...e.options??{},onSdUpdate:t});case"file-picker":return a("sd-file-picker",{width:"100%",...e.options??{},onSdUpdate:t});default:return a("span",{class:"sd-key-value-table__text"},e.options?.value??"")}}renderHelpIcon(e){return a("span",{class:"sd-key-value-table__help"},a("sd-tooltip",{icon:"helpOutline",iconSize:16,color:K.helpIcon,trigger:"hover"},e))}computeAutoSkipTh(){const e=this.fields.map((e=>e.map((()=>!1))));return this.fields.forEach(((t,s)=>{t.forEach(((t,a)=>{const d=null!=t.thRowSpan&&t.thRowSpan>1?t.thRowSpan:1;if(!(d<=1))for(let t=1;t<d;t++){const d=e[s+t];d&&a<d.length&&(d[a]=!0)}}))})),e}computeMaxCols(e){let t=0;return this.fields.forEach(((s,a)=>{let d=0;s.forEach(((t,s)=>{let l;l=t.hideTh?0:e[a]?.[s]?1:null!=t.thColSpan&&t.thColSpan>1?t.thColSpan:1,d+=l+(null!=t.tdColSpan&&t.tdColSpan>1?t.tdColSpan:1)})),d>t&&(t=d)})),t}renderTh(e,t,s){const d=null!=e.thRowSpan&&e.thRowSpan>1?e.thRowSpan:void 0,l=null!=e.thColSpan&&e.thColSpan>1?e.thColSpan:void 0,r={"sd-key-value-table__th":!0};return"string"==typeof e.thClass?r[e.thClass]=!0:Array.isArray(e.thClass)&&e.thClass.forEach((e=>r[e]=!0)),a("th",{key:`th-${t}-${s}`,class:r,style:e.thStyle,scope:"row",rowSpan:d,colSpan:l},a("div",{class:"sd-key-value-table__th-inner"},a("span",{class:"sd-key-value-table__label"},e.label,e.required&&a("sd-icon",{class:"sd-key-value-table__required",name:"star",size:12,color:K.required,label:"required"})),e.helpText&&this.renderHelpIcon(e.helpText)))}renderTd(e,t,s){return a("td",{key:`td-${t}-${s}`,class:"sd-key-value-table__td",rowSpan:null!=e.tdRowSpan&&e.tdRowSpan>1?e.tdRowSpan:void 0,colSpan:null!=e.tdColSpan&&e.tdColSpan>1?e.tdColSpan:void 0},a("div",{class:"sd-key-value-table__td-inner"},a("slot",{name:"field-"+e.name},this.renderField(e))))}warnDuplicateNames(){const e=new Set,t=new Set;this.fields.forEach((s=>s.forEach((s=>{e.has(s.name)?t.add(s.name):e.add(s.name)})))),t.size>0&&console.warn(`[sd-key-value-table] Duplicate field name(s) detected: ${[...t].join(", ")}. Slot names ("field-{name}") and sdChange events rely on unique names.`)}render(){if(0===this.fields.length)return null;const e={"--sd-kvt-row-height":z+"px","--sd-kvt-th-width":"120px","--sd-kvt-radius":F+"px","--sd-kvt-padding-x":L+"px","--sd-kvt-padding-y":T+"px","--sd-kvt-gap":q+"px","--sd-kvt-label-gap":I+"px","--sd-kvt-border-width":A+"px","--sd-kvt-border-color":K.border,"--sd-kvt-th-bg":K.thBg,"--sd-kvt-th-color":K.thLabel,"--sd-kvt-required-color":K.required,"--sd-kvt-td-bg":K.tdBg,"--sd-kvt-td-color":K.tdText,"--sd-kvt-label-font-family":W.labelFontFamily,"--sd-kvt-label-font-size":W.labelFontSize+"px","--sd-kvt-label-font-weight":""+W.labelFontWeight,"--sd-kvt-label-line-height":W.labelLineHeight+"px","--sd-kvt-td-font-family":W.tdFontFamily,"--sd-kvt-td-font-size":W.tdFontSize+"px","--sd-kvt-td-font-weight":""+W.tdFontWeight,"--sd-kvt-td-line-height":W.tdLineHeight+"px","--sd-kvt-search-bg":K.searchBg,"--sd-kvt-search-padding-x":H+"px"};this.warnDuplicateNames();const t=this.computeAutoSkipTh(),s=this.computeMaxCols(t),d=a("table",{class:{"sd-key-value-table":!0,"sd-key-value-table--use-top":this.useTop},style:e},a("colgroup",null,Array.from({length:s},((e,t)=>a("col",{key:"col-"+t,style:t%2==0?{width:"120px"}:void 0})))),a("tbody",null,this.fields.map(((e,s)=>a("tr",{class:"sd-key-value-table__row",key:"row-"+s},e.map(((e,a)=>[e.hideTh||t[s][a]?null:this.renderTh(e,s,a),this.renderTd(e,s,a)])))))));return this.search?a("div",{class:{"sd-key-value-table__wrapper":!0,"sd-key-value-table__wrapper--use-top":this.useTop},style:e},d,a("div",{class:"sd-key-value-table__search-panel"},a("sd-button",{label:"검색",name:"neutral_outline_md",onSdClick:this.handleSearchClick}))):d}static get style(){return"sd-key-value-table{display:block}sd-key-value-table .sd-key-value-table__wrapper{display:flex;align-items:stretch;width:100%;border:var(--sd-kvt-border-width) solid var(--sd-kvt-border-color);border-radius:var(--sd-kvt-radius);overflow:hidden}sd-key-value-table .sd-key-value-table__wrapper .sd-key-value-table{flex:1 1 auto;border:0;border-radius:0}sd-key-value-table .sd-key-value-table__wrapper.sd-key-value-table__wrapper--use-top{border-top-left-radius:0;border-top-right-radius:0}sd-key-value-table .sd-key-value-table__search-panel{display:flex;align-items:center;justify-content:center;flex:0 0 auto;padding:var(--sd-kvt-padding-y) var(--sd-kvt-search-padding-x);background:var(--sd-kvt-search-bg);border-left:var(--sd-kvt-border-width) solid var(--sd-kvt-border-color)}sd-key-value-table .sd-key-value-table{width:100%;table-layout:fixed;border:var(--sd-kvt-border-width) solid var(--sd-kvt-border-color);border-radius:var(--sd-kvt-radius);border-collapse:separate;border-spacing:0;overflow:hidden}sd-key-value-table .sd-key-value-table.sd-key-value-table--use-top{border-top-left-radius:0;border-top-right-radius:0}sd-key-value-table .sd-key-value-table__th,sd-key-value-table .sd-key-value-table__td{height:var(--sd-kvt-row-height);padding:var(--sd-kvt-padding-y) var(--sd-kvt-padding-x);box-sizing:border-box;vertical-align:middle;text-align:left;font-weight:normal;border-top:var(--sd-kvt-border-width) solid var(--sd-kvt-border-color)}sd-key-value-table .sd-key-value-table tbody>tr:first-child>.sd-key-value-table__th,sd-key-value-table .sd-key-value-table tbody>tr:first-child>.sd-key-value-table__td{border-top:0}sd-key-value-table .sd-key-value-table__th{width:var(--sd-kvt-th-width);background:var(--sd-kvt-th-bg);color:var(--sd-kvt-th-color)}sd-key-value-table .sd-key-value-table__th-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--sd-kvt-gap);width:100%;height:100%}sd-key-value-table .sd-key-value-table__label{display:inline-flex;align-items:center;gap:var(--sd-kvt-label-gap);font-family:var(--sd-kvt-label-font-family);font-size:var(--sd-kvt-label-font-size);font-weight:var(--sd-kvt-label-font-weight);line-height:var(--sd-kvt-label-line-height);color:var(--sd-kvt-th-color)}sd-key-value-table .sd-key-value-table__required{display:inline-flex;align-items:center;flex-shrink:0}sd-key-value-table .sd-key-value-table__help{display:inline-flex;align-items:center;flex-shrink:0}sd-key-value-table .sd-key-value-table__td{background:var(--sd-kvt-td-bg);color:var(--sd-kvt-td-color)}sd-key-value-table .sd-key-value-table__td-inner{display:flex;align-items:center;width:100%;height:100%}sd-key-value-table .sd-key-value-table__td-inner>slot{display:block;flex:1 1 auto;min-width:0}sd-key-value-table .sd-key-value-table__td-inner sd-input,sd-key-value-table .sd-key-value-table__td-inner sd-textarea,sd-key-value-table .sd-key-value-table__td-inner sd-number-input,sd-key-value-table .sd-key-value-table__td-inner sd-select,sd-key-value-table .sd-key-value-table__td-inner sd-date-picker,sd-key-value-table .sd-key-value-table__td-inner sd-date-range-picker,sd-key-value-table .sd-key-value-table__td-inner sd-file-picker{width:100%}sd-key-value-table .sd-key-value-table__text{font-family:var(--sd-kvt-td-font-family);font-size:var(--sd-kvt-td-font-size);font-weight:var(--sd-kvt-td-font-weight);line-height:var(--sd-kvt-td-line-height);color:var(--sd-kvt-td-color)}"}},[772,"sd-key-value-table",{fields:[16],search:[4],useTop:[4,"use-top"]}]),O=$,V=function(){"undefined"!=typeof customElements&&["sd-key-value-table","sd-button","sd-checkbox","sd-date-picker","sd-date-picker-calendar","sd-date-picker-trigger","sd-date-range-picker","sd-date-range-picker-calendar","sd-field","sd-file-picker","sd-floating-portal","sd-ghost-button","sd-icon","sd-input","sd-number-input","sd-portal","sd-radio","sd-radio-group","sd-select","sd-select-list-item","sd-select-list-item-search","sd-select-listbox","sd-select-trigger","sd-textarea","sd-tooltip"].forEach((e=>{switch(e){case"sd-key-value-table":customElements.get(d(e))||customElements.define(d(e),$);break;case"sd-button":customElements.get(d(e))||i();break;case"sd-checkbox":customElements.get(d(e))||o();break;case"sd-date-picker":customElements.get(d(e))||n();break;case"sd-date-picker-calendar":customElements.get(d(e))||u();break;case"sd-date-picker-trigger":customElements.get(d(e))||c();break;case"sd-date-range-picker":customElements.get(d(e))||k();break;case"sd-date-range-picker-calendar":customElements.get(d(e))||p();break;case"sd-field":customElements.get(d(e))||b();break;case"sd-file-picker":customElements.get(d(e))||v();break;case"sd-floating-portal":customElements.get(d(e))||m();break;case"sd-ghost-button":customElements.get(d(e))||h();break;case"sd-icon":customElements.get(d(e))||y();break;case"sd-input":customElements.get(d(e))||f();break;case"sd-number-input":customElements.get(d(e))||g();break;case"sd-portal":customElements.get(d(e))||_();break;case"sd-radio":customElements.get(d(e))||x();break;case"sd-radio-group":customElements.get(d(e))||w();break;case"sd-select":customElements.get(d(e))||j();break;case"sd-select-list-item":customElements.get(d(e))||E();break;case"sd-select-list-item-search":customElements.get(d(e))||S();break;case"sd-select-listbox":customElements.get(d(e))||B();break;case"sd-select-trigger":customElements.get(d(e))||N();break;case"sd-textarea":customElements.get(d(e))||C();break;case"sd-tooltip":customElements.get(d(e))||D()}}))};export{O as SdKeyValueTable,V as defineCustomElement}

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

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

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

@@ -1 +1 @@
-import{p as e,H as i,h as n,t as s}from"./p-lyB7zSp-.js";import{d as t}from"./p-DG45uNxd.js";const a=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost()}visible=!1;message="";async show(e={}){this.message=e.message??"",this.visible=!0}async hide(){this.visible=!1}render(){return n("div",{key:"1c684984ec7203edb4206690026cf8085bfadcfb",class:{"sd-loading-container":!0,"sd-loading-container--visible":this.visible},"aria-hidden":this.visible?"false":"true"},n("div",{key:"42a7d3b6c0f562cbfd1a0928a3df4df3cc962299",class:"sd-loading-container__backdrop"}),n("div",{key:"ce11d0950e5047eb47ae87f41bf7c049a2e18cbc",class:"sd-loading-container__content"},n("sd-circle-progress",{key:"e6f63c78da63cf660942137e73cef389789e83b0",indeterminate:!0,type:"inverse"}),this.message&&n("p",{key:"139b648a8a8007a050f6e81374930f92d676707c",class:"sd-loading-container__message"},this.message)))}static get style(){return"sd-loading-container .sd-loading-container{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:var(--sd-loading-container-z-index, 999);opacity:0;visibility:hidden;transition:opacity 0.2s ease, visibility 0s linear 0.2s;pointer-events:none}sd-loading-container .sd-loading-container--visible{opacity:1;visibility:visible;transition:opacity 0.2s ease, visibility 0s linear 0s;pointer-events:auto}sd-loading-container .sd-loading-container__backdrop{position:absolute;inset:0;background:rgba(0, 0, 0, 0.4)}sd-loading-container .sd-loading-container__content{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px}sd-loading-container .sd-loading-container__message{margin:0;color:#ffffff;font-size:14px;font-weight:500;line-height:22px;text-align:center;max-width:400px;word-break:keep-all}"}},[512,"sd-loading-container",{visible:[32],message:[32],show:[64],hide:[64]}]),o=a,c=function(){"undefined"!=typeof customElements&&["sd-loading-container","sd-circle-progress"].forEach((e=>{switch(e){case"sd-loading-container":customElements.get(s(e))||customElements.define(s(e),a);break;case"sd-circle-progress":customElements.get(s(e))||t()}}))};export{o as SdLoadingContainer,c as defineCustomElement}
+import{p as e,H as i,h as n,t as s}from"./p-BjkROjjt.js";import{d as t}from"./p-BAcmO7w0.js";const a=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost()}visible=!1;message="";async show(e={}){this.message=e.message??"",this.visible=!0}async hide(){this.visible=!1}render(){return n("div",{key:"1c684984ec7203edb4206690026cf8085bfadcfb",class:{"sd-loading-container":!0,"sd-loading-container--visible":this.visible},"aria-hidden":this.visible?"false":"true"},n("div",{key:"42a7d3b6c0f562cbfd1a0928a3df4df3cc962299",class:"sd-loading-container__backdrop"}),n("div",{key:"ce11d0950e5047eb47ae87f41bf7c049a2e18cbc",class:"sd-loading-container__content"},n("sd-circle-progress",{key:"e6f63c78da63cf660942137e73cef389789e83b0",indeterminate:!0,type:"inverse"}),this.message&&n("p",{key:"139b648a8a8007a050f6e81374930f92d676707c",class:"sd-loading-container__message"},this.message)))}static get style(){return"sd-loading-container .sd-loading-container{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:var(--sd-loading-container-z-index, 999);opacity:0;visibility:hidden;transition:opacity 0.2s ease, visibility 0s linear 0.2s;pointer-events:none}sd-loading-container .sd-loading-container--visible{opacity:1;visibility:visible;transition:opacity 0.2s ease, visibility 0s linear 0s;pointer-events:auto}sd-loading-container .sd-loading-container__backdrop{position:absolute;inset:0;background:rgba(0, 0, 0, 0.4)}sd-loading-container .sd-loading-container__content{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px}sd-loading-container .sd-loading-container__message{margin:0;color:#ffffff;font-size:14px;font-weight:500;line-height:22px;text-align:center;max-width:400px;word-break:keep-all}"}},[512,"sd-loading-container",{visible:[32],message:[32],show:[64],hide:[64]}]),o=a,c=function(){"undefined"!=typeof customElements&&["sd-loading-container","sd-circle-progress"].forEach((e=>{switch(e){case"sd-loading-container":customElements.get(s(e))||customElements.define(s(e),a);break;case"sd-circle-progress":customElements.get(s(e))||t()}}))};export{o as SdLoadingContainer,c as defineCustomElement}

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

@@ -1 +1 @@
-import{S as o,d as s}from"./p-MQTl8fGT.js";const p=o,r=s;export{p as SdLoadingModal,r as defineCustomElement}
+import{S as o,d as r}from"./p-teN3CfOr.js";const s=o,t=r;export{s as SdLoadingModal,t as defineCustomElement}

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

@@ -1 +1 @@
-import{p as s,H as t,h as e,t as o}from"./p-lyB7zSp-.js";import{u as a,r as i,s as n,i as d,a as l}from"./p-DRVnqiWc.js";import{d as r}from"./p-Cx3jXw9J.js";import{d as c}from"./p-DG45uNxd.js";import{d as m}from"./p-BeK8amzx.js";import{d as h}from"./p-C4PmGpW8.js";import{d as u}from"./p-D8WAP9T3.js";import{d as p}from"./p-MQTl8fGT.js";import{d as b}from"./p-BDr27lvk.js";let f=0;const g=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost()}get el(){return this}autoRemove=!1;entries=[];layerRefs=new Map;async open(s,t){const e="modal-"+ ++f,o=this.createConfirmModal(e,s);return this.attachModalEventListeners(e,o),this.mountEntry({id:e,modalEl:o,modalRef:t,persistent:!!s.persistent,closing:!1,backdropVisible:!1}),e}async openLoading(s,t){const e="modal-"+ ++f,o=this.createLoadingModal(e,s);return this.attachLoadingModalEventListeners(e,o),this.mountEntry({id:e,modalEl:o,modalRef:t,persistent:!!s.persistent,closing:!1,backdropVisible:!1}),e}async createCustom(s,t,e){const o="modal-"+ ++f;return s.setAttribute("data-modal-id",o),s.classList.add("sd-modal-container__modal"),this.attachModalEventListeners(o,s),this.mountEntry({id:o,modalEl:s,modalRef:e,persistent:!!t.persistent,closing:!1,backdropVisible:!1}),o}componentDidRender(){if(Array.isArray(this.entries))for(const s of this.entries){if(s.closing||s.modalEl.isConnected)continue;const t=this.layerRefs.get(s.id);if(!t)continue;const{id:e,modalEl:o}=s;t.appendChild(o),this.waitForModalReady(o).then((()=>{requestAnimationFrame((()=>{const s=this.entries.find((s=>s.id===e));s&&!s.closing&&o.isConnected&&(this.entries=this.entries.map((s=>s.id===e?{...s,backdropVisible:!0}:s)),o.classList.add("sd-modal-container__modal--visible"))}))}))}}disconnectedCallback(){for(const s of this.entries??[])s.dismissTimerId&&clearTimeout(s.dismissTimerId),a(s.id)}async dismissById(s,t){this.entries.find((t=>t.id===s))&&this.requestDismiss(s,t)}async update(s,t){const e=this.entries.find((t=>t.id===s&&!t.closing));e&&("sd-loading-modal"!==e.modalEl.tagName.toLowerCase()?this.applyProps(e.modalEl,t):this.applyLoadingProps(e.modalEl,t))}mountEntry(s){this.entries=[...this.entries??[],s],i({id:s.id,persistent:s.persistent,requestClose:()=>this.dispatchClose(s.id),shake:()=>this.shakeModal(s.modalEl),setZIndex:s=>{this.el.style.setProperty("--sd-modal-container-z-index",s+"")}})}attachModalEventListeners(s,t){t.addEventListener("sdOk",(()=>this.requestDismiss(s,"confirm"))),t.addEventListener("sdCancel",(()=>this.requestDismiss(s,"cancel"))),t.addEventListener("sdClose",(()=>this.requestDismiss(s,"close")))}attachLoadingModalEventListeners(s,t){t.addEventListener("sdClick",(()=>{const t=this.entries.find((t=>t.id===s));t?.modalRef._triggerClick?.()}))}dispatchClose(s){const t=this.entries.find((t=>t.id===s));t?.modalEl.dispatchEvent(new CustomEvent("sdClose"))}requestDismiss(s,t){const e=this.entries.find((t=>t.id===s));if(!e||e.closing)return;e.modalEl.classList.remove("sd-modal-container__modal--visible");const o=setTimeout((()=>{this.finalizeDismiss(s)}),350);n(s,!1),this.entries=(this.entries??[]).map((t=>t.id===s?{...t,closing:!0,dismissTimerId:o,backdropVisible:!1}:t)),"confirm"===t?e.modalRef._triggerOk():"cancel"===t?e.modalRef._triggerCancel():"close"===t&&e.modalRef._triggerClose()}finalizeDismiss(s){const t=this.entries.find((t=>t.id===s));t&&(t.dismissTimerId&&clearTimeout(t.dismissTimerId),t.modalEl.remove(),a(s),t.modalRef._triggerDismissed(),this.layerRefs.delete(s),this.entries=(this.entries??[]).filter((t=>t.id!==s)),this.autoRemove&&0===this.entries.length&&this.el.remove())}createConfirmModal(s,t){const e=document.createElement("sd-confirm-modal");return e.setAttribute("data-modal-id",s),e.classList.add("sd-modal-container__modal"),this.applyProps(e,t),e}createLoadingModal(s,t){const e=document.createElement("sd-loading-modal");return e.setAttribute("data-modal-id",s),e.classList.add("sd-modal-container__modal"),this.applyLoadingProps(e,t),e}applyLoadingProps(s,t){this.hasOwnProp(t,"state")&&this.setAttr(s,"state",t.state),this.hasOwnProp(t,"message")&&(Array.isArray(t.message)?s.message=t.message:this.setAttr(s,"message",t.message)),this.hasOwnProp(t,"useButton")&&(t.useButton?s.setAttribute("use-button",""):s.removeAttribute("use-button")),this.hasOwnProp(t,"buttonLabel")&&this.setAttr(s,"button-label",t.buttonLabel),this.hasOwnProp(t,"width")&&this.setAttr(s,"width",null!=t.width?t.width+"":void 0),this.hasOwnProp(t,"height")&&this.setAttr(s,"height",null!=t.height?t.height+"":void 0)}applyProps(s,t){this.hasOwnProp(t,"type")&&this.setAttr(s,"type",t.type),this.hasOwnProp(t,"title")&&this.setAttr(s,"modal-title",t.title),this.hasOwnProp(t,"titleClass")&&this.setAttr(s,"title-class",t.titleClass),this.hasOwnProp(t,"mainButtonLabel")&&this.setAttr(s,"main-button-label",t.mainButtonLabel),this.hasOwnProp(t,"mainButtonName")&&this.setAttr(s,"main-button-name",t.mainButtonName),this.hasOwnProp(t,"subButtonLabel")&&this.setAttr(s,"sub-button-label",t.subButtonLabel),this.hasOwnProp(t,"tagPreset")&&this.setAttr(s,"tag-preset",t.tagPreset),this.hasOwnProp(t,"tagLabel")&&this.setAttr(s,"tag-label",t.tagLabel),this.hasOwnProp(t,"slotLabel")&&this.setAttr(s,"slot-label",t.slotLabel),this.hasOwnProp(t,"topMessage")&&(s.topMessage=t.topMessage??[]),this.hasOwnProp(t,"bottomMessage")&&(s.bottomMessage=t.bottomMessage??[]),this.hasOwnProp(t,"tagContents")&&(s.tagContents=t.tagContents)}handleBackdropClick(s){d(s)&&l(s)}shakeModal(s){const t="sd-modal-container__modal--shake";s.classList.remove(t),s.addEventListener("animationend",(()=>s.classList.remove(t)),{once:!0}),requestAnimationFrame((()=>{s.classList.add(t)}))}waitForModalReady(s){const t=s.componentOnReady;return"function"==typeof t?t.call(s).then((()=>{})):new Promise((s=>{requestAnimationFrame((()=>{requestAnimationFrame((()=>s()))}))}))}hasOwnProp(s,t){return Object.prototype.hasOwnProperty.call(s,t)}setAttr(s,t,e){null!=e&&s.setAttribute(t,e)}render(){return this.entries?.length?e("div",{class:"sd-modal-container"},this.entries.map(((s,t)=>e("div",{key:s.id,class:"sd-modal-container__layer",style:{zIndex:t+1+""},"data-modal-id":s.id,ref:t=>{t&&this.layerRefs.set(s.id,t)}},e("div",{class:{"sd-modal-container__backdrop":!0,"sd-modal-container__backdrop--visible":s.backdropVisible},onClick:()=>this.handleBackdropClick(s.id)}))))):null}static get style(){return"sd-modal-container{display:block}sd-modal-container .sd-modal-container{position:fixed;inset:0;z-index:var(--sd-modal-container-z-index, 997);pointer-events:none}sd-modal-container .sd-modal-container__layer{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}sd-modal-container .sd-modal-container__backdrop{position:absolute;inset:0;background:rgba(0, 0, 0, 0.4);opacity:0;transition:opacity 0.3s ease-out;pointer-events:none}sd-modal-container .sd-modal-container__backdrop--visible{opacity:1;pointer-events:auto}sd-modal-container .sd-modal-container__modal{position:relative;z-index:1;opacity:0;transform:scale(0);pointer-events:auto;transition:opacity 0.3s ease-out, transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1)}sd-modal-container .sd-modal-container__modal--visible{opacity:1;transform:scale(1)}sd-modal-container .sd-modal-container__modal--shake{animation:modal-shake 0.3s ease-out}@keyframes modal-shake{0%,100%{transform:scale(1)}25%{transform:scale(1.03)}50%{transform:scale(0.97)}75%{transform:scale(1.01)}}"}},[512,"sd-modal-container",{autoRemove:[4,"auto-remove"],entries:[32],open:[64],openLoading:[64],createCustom:[64],dismissById:[64],update:[64]}]),y=g,k=function(){"undefined"!=typeof customElements&&["sd-modal-container","sd-button","sd-circle-progress","sd-confirm-modal","sd-ghost-button","sd-icon","sd-loading-modal","sd-tag"].forEach((s=>{switch(s){case"sd-modal-container":customElements.get(o(s))||customElements.define(o(s),g);break;case"sd-button":customElements.get(o(s))||r();break;case"sd-circle-progress":customElements.get(o(s))||c();break;case"sd-confirm-modal":customElements.get(o(s))||m();break;case"sd-ghost-button":customElements.get(o(s))||h();break;case"sd-icon":customElements.get(o(s))||u();break;case"sd-loading-modal":customElements.get(o(s))||p();break;case"sd-tag":customElements.get(o(s))||b()}}))};export{y as SdModalContainer,k as defineCustomElement}
+import{p as t,H as s,h as e,t as o}from"./p-BjkROjjt.js";import{u as i,r as a,s as n,i as d,a as r}from"./p-DRVnqiWc.js";import{d as l}from"./p-C7WLft_0.js";import{d as c}from"./p-BAcmO7w0.js";import{d as m}from"./p-CQI40kiY.js";import{d as h}from"./p-DFLCjX1a.js";import{d as u}from"./p-Cktiasfd.js";import{d as p}from"./p-teN3CfOr.js";import{d as b}from"./p-Dl8TIEQu.js";let f=0;const g=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost()}get el(){return this}autoRemove=!1;entries=[];layerRefs=new Map;async open(t,s){const e="modal-"+ ++f,o=this.createConfirmModal(e,t);return this.attachModalEventListeners(e,o),this.mountEntry({id:e,modalEl:o,modalRef:s,persistent:!!t.persistent,closing:!1,backdropVisible:!1}),e}async openLoading(t,s){const e="modal-"+ ++f,o=this.createLoadingModal(e,t);return this.attachLoadingModalEventListeners(e,o),this.mountEntry({id:e,modalEl:o,modalRef:s,persistent:!!t.persistent,closing:!1,backdropVisible:!1}),e}async createCustom(t,s,e){const o="modal-"+ ++f;return t.setAttribute("data-modal-id",o),t.classList.add("sd-modal-container__modal"),this.attachModalEventListeners(o,t),this.mountEntry({id:o,modalEl:t,modalRef:e,persistent:!!s.persistent,closing:!1,backdropVisible:!1}),o}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:e,modalEl:o}=t;s.appendChild(o),this.waitForModalReady(o).then((()=>{requestAnimationFrame((()=>{const t=this.entries.find((t=>t.id===e));t&&!t.closing&&o.isConnected&&(this.entries=this.entries.map((t=>t.id===e?{...t,backdropVisible:!0}:t)),o.classList.add("sd-modal-container__modal--visible"))}))}))}}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 e=this.entries.find((s=>s.id===t&&!s.closing));e&&("sd-loading-modal"!==e.modalEl.tagName.toLowerCase()?this.applyProps(e.modalEl,s):this.applyLoadingProps(e.modalEl,s))}mountEntry(t){this.entries=[...this.entries??[],t],a({id:t.id,persistent:t.persistent,requestClose:()=>this.dispatchClose(t.id),shake:()=>this.shakeModal(t.modalEl),setZIndex:t=>{this.el.style.setProperty("--sd-modal-container-z-index",t+"")}})}attachModalEventListeners(t,s){s.addEventListener("sdOk",(()=>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 e=this.entries.find((s=>s.id===t));if(!e||e.closing)return;e.modalEl.classList.remove("sd-modal-container__modal--visible");const o=setTimeout((()=>{this.finalizeDismiss(t)}),350);n(t,!1),this.entries=(this.entries??[]).map((s=>s.id===t?{...s,closing:!0,dismissTimerId:o,backdropVisible:!1}:s)),"confirm"===s?e.modalRef._triggerOk():"cancel"===s?e.modalRef._triggerCancel():"close"===s&&e.modalRef._triggerClose()}finalizeDismiss(t){const s=this.entries.find((s=>s.id===t));s&&(s.dismissTimerId&&clearTimeout(s.dismissTimerId),s.modalEl.remove(),i(t),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 e=document.createElement("sd-confirm-modal");return e.setAttribute("data-modal-id",t),e.classList.add("sd-modal-container__modal"),this.applyProps(e,s),e}createLoadingModal(t,s){const e=document.createElement("sd-loading-modal");return e.setAttribute("data-modal-id",t),e.classList.add("sd-modal-container__modal"),this.applyLoadingProps(e,s),e}applyLoadingProps(t,s){this.hasOwnProp(s,"state")&&this.setAttr(t,"state",s.state),this.hasOwnProp(s,"message")&&(Array.isArray(s.message)?t.message=s.message:this.setAttr(t,"message",s.message)),this.hasOwnProp(s,"useButton")&&(s.useButton?t.setAttribute("use-button",""):t.removeAttribute("use-button")),this.hasOwnProp(s,"buttonLabel")&&this.setAttr(t,"button-label",s.buttonLabel),this.hasOwnProp(s,"width")&&this.setAttr(t,"width",null!=s.width?s.width+"":void 0),this.hasOwnProp(s,"height")&&this.setAttr(t,"height",null!=s.height?s.height+"":void 0)}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")&&(t.tagContents=s.tagContents)}handleBackdropClick(t){d(t)&&r(t)}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,e){null!=e&&t.setAttribute(s,e)}render(){return 0===(this.entries?.length??0)?null:e("div",{class:"sd-modal-container"},this.entries.map(((t,s)=>e("div",{key:t.id,class:"sd-modal-container__layer",style:{zIndex:s+1+""},"data-modal-id":t.id,ref:s=>{s&&this.layerRefs.set(t.id,s)}},e("div",{class:{"sd-modal-container__backdrop":!0,"sd-modal-container__backdrop--visible":t.backdropVisible},onClick:()=>this.handleBackdropClick(t.id)})))))}static get style(){return"sd-modal-container{display:block}sd-modal-container .sd-modal-container{position:fixed;inset:0;z-index:var(--sd-modal-container-z-index, 997);pointer-events:none}sd-modal-container .sd-modal-container__layer{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}sd-modal-container .sd-modal-container__backdrop{position:absolute;inset:0;background:rgba(0, 0, 0, 0.4);opacity:0;transition:opacity 0.3s ease-out;pointer-events:none}sd-modal-container .sd-modal-container__backdrop--visible{opacity:1;pointer-events:auto}sd-modal-container .sd-modal-container__modal{position:relative;z-index:1;opacity:0;transform:scale(0);pointer-events:auto;transition:opacity 0.3s ease-out, transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1)}sd-modal-container .sd-modal-container__modal--visible{opacity:1;transform:scale(1)}sd-modal-container .sd-modal-container__modal--shake{animation:modal-shake 0.3s ease-out}@keyframes modal-shake{0%,100%{transform:scale(1)}25%{transform:scale(1.03)}50%{transform:scale(0.97)}75%{transform:scale(1.01)}}"}},[512,"sd-modal-container",{autoRemove:[4,"auto-remove"],entries:[32],open:[64],openLoading:[64],createCustom:[64],dismissById:[64],update:[64]}]),k=g,y=function(){"undefined"!=typeof customElements&&["sd-modal-container","sd-button","sd-circle-progress","sd-confirm-modal","sd-ghost-button","sd-icon","sd-loading-modal","sd-tag"].forEach((t=>{switch(t){case"sd-modal-container":customElements.get(o(t))||customElements.define(o(t),g);break;case"sd-button":customElements.get(o(t))||l();break;case"sd-circle-progress":customElements.get(o(t))||c();break;case"sd-confirm-modal":customElements.get(o(t))||m();break;case"sd-ghost-button":customElements.get(o(t))||h();break;case"sd-icon":customElements.get(o(t))||u();break;case"sd-loading-modal":customElements.get(o(t))||p();break;case"sd-tag":customElements.get(o(t))||b()}}))};export{k as SdModalContainer,y as defineCustomElement}

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

@@ -1 +1 @@
-import{S as o,d as s}from"./p-BDQQllAo.js";const p=o,r=s;export{p as SdNumberInput,r as defineCustomElement}
+import{S as o,d as s}from"./p-DL1ac1QS.js";const a=o,p=s;export{a as SdNumberInput,p as defineCustomElement}

package/dist/components/sd-pagination.js

@@ -1 +1 @@
-import{S as o,d as s}from"./p-BfkuCNCI.js";const p=o,r=s;export{p as SdPagination,r as defineCustomElement}
+import{S as s,d as o}from"./p-BsM-fwYd.js";const p=s,r=o;export{p as SdPagination,r as defineCustomElement}

package/dist/components/sd-popover.js

@@ -1 +1 @@
-import{p as e,H as s,c as t,h as o,F as a,t as i}from"./p-lyB7zSp-.js";import{T as n}from"./p-CT3dfy3K.js";import{d as l}from"./p-Cx3jXw9J.js";import{d}from"./p-h7eBUL4i.js";import{d as c}from"./p-C4PmGpW8.js";import{d as r}from"./p-D8WAP9T3.js";import{d as b}from"./p-CnarDyZi.js";var m="#07284A";const f=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.showChange=t(this,"sdShowChange",7)}get el(){return this}show=!1;placement="bottom";color="#01BB4B";icon="helpOutline";iconSize=12;label="";name="primary_sm";rightIcon;ariaLabel="";disabled=!1;type="button";menuTitle;messages=[];leftLink;button;menuClass="";useClose=!1;showChange;buttonEl;setShow=e=>{this.show!==e&&(this.show=e,this.showChange.emit(e))};get popoverOffset(){switch(this.placement??"bottom"){case"top":return[0,-4];case"bottom":return[0,4];case"left":case"right":return[4,0]}}handleClose=()=>this.setShow(!1);render(){const e=this.placement??"bottom",s=this.color??"#01BB4B",t=this.icon??"helpOutline",i=this.iconSize??12,l=this.menuClass??"",d=Array.isArray(this.messages)?this.messages:[],c=this.leftLink,r=this.button,b=!!c||!!r;return o(a,{key:"15b78d688d095fb15d5e6188dc848593bfec842e"},this.label?o("sd-button",{ref:e=>this.buttonEl=e,name:this.name??"primary_sm",label:this.label,icon:t,rightIcon:this.rightIcon,ariaLabel:this.ariaLabel,disabled:this.disabled,type:this.type??"button",class:"sd-popover",onSdClick:()=>this.setShow(!this.show)}):o("sd-icon",{ref:e=>this.buttonEl=e,name:t,size:i,color:s,class:"sd-popover",onClick:()=>this.setShow(!this.show)}),this.show&&o("sd-floating-portal",{key:"5075327dce1fda289492edbeefe2e9af38fdaab0",parentRef:this.buttonEl,onSdClose:this.handleClose,placement:e,offset:this.popoverOffset},o("div",{key:"d28e998f464c40d49935013521663801aead6771",class:{"sd-floating-menu":!0,"sd-floating-menu--popover":!0,["sd-floating-menu--"+e]:!0,[l]:!!l},style:{"--sd-floating-bg":m}},o("i",{key:"aa98412939b7717c204fe7a76da9b61a6505a01a",class:"sd-floating-menu__arrow sd-floating-menu__arrow--"+e},o(n,{key:"54b1a1fc5b88600737830668c3da39082cc895e7"})),o("div",{key:"a7968d363c8e77954093bf550d6904009f8b792b",class:"sd-floating-menu__content"},this.menuTitle&&o("div",{key:"b995c6df0d035a7a1162ec6dd3b4803897ed9b3e",class:"sd-floating-menu__title"},this.menuTitle),d.length>0&&o("div",{key:"2ee4971691688a24842b083e561b4e9e818aed88",class:"sd-floating-menu__messages"},d.map(((e,s)=>o("div",{key:"msg-"+s},e)))),b&&o("div",{key:"4cbb44218d763af841b1e6bfbdd754b23d22c9e2",class:{"sd-floating-menu__buttons":!0,"sd-floating-menu__buttons--with-link":!!c}},c&&o("sd-text-link",{key:"67c6e9daf13cb294f30fdf1f848e92ba22cd3512",class:"sd-floating-menu__left-link",label:c.label,icon:c.icon??"",iconColor:c.iconColor??"",useArrow:!!c.useArrow,underline:!!c.underline,disabled:!!c.disabled,onSdClick:c.onClick}),r&&o("sd-button",{key:"5328f1adcdc680d1bc97910a1b519298ced3b325",name:r.name??"secondary_xs",label:r.label,icon:r.icon,rightIcon:r.rightIcon,ariaLabel:r.ariaLabel,disabled:r.disabled,type:r.type,onSdClick:r.onClick}))),this.useClose&&o("sd-ghost-button",{key:"3e05ed8da4298a26d52045ad87fa5be42d6f6f02",class:"sd-floating-menu__close-button",icon:"close",ariaLabel:"close",size:"xs",onClick:this.handleClose}))))}static get style(){return"sd-popover{position:relative;cursor:pointer;display:inline-flex}"}},[512,"sd-popover",{show:[1028],placement:[513],color:[513],icon:[513],iconSize:[514,"icon-size"],label:[1],name:[1],rightIcon:[1,"right-icon"],ariaLabel:[1,"aria-label"],disabled:[4],type:[1],menuTitle:[1,"menu-title"],messages:[16],leftLink:[16],button:[16],menuClass:[1,"menu-class"],useClose:[4,"use-close"]}]),h=f,u=function(){"undefined"!=typeof customElements&&["sd-popover","sd-button","sd-floating-portal","sd-ghost-button","sd-icon","sd-text-link"].forEach((e=>{switch(e){case"sd-popover":customElements.get(i(e))||customElements.define(i(e),f);break;case"sd-button":customElements.get(i(e))||l();break;case"sd-floating-portal":customElements.get(i(e))||d();break;case"sd-ghost-button":customElements.get(i(e))||c();break;case"sd-icon":customElements.get(i(e))||r();break;case"sd-text-link":customElements.get(i(e))||b()}}))};export{h as SdPopover,u as defineCustomElement}
+import{p as e,H as s,c as t,h as a,F as o,t as i}from"./p-BjkROjjt.js";import{T as n}from"./p-DhTcn6jX.js";import{d as l}from"./p-C7WLft_0.js";import{d as c}from"./p-D0Jiw-Zk.js";import{d}from"./p-DFLCjX1a.js";import{d as r}from"./p-Cktiasfd.js";import{d as b}from"./p-B3D43x7F.js";var f="#07284A";const m=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.showChange=t(this,"sdShowChange",7)}get el(){return this}show=!1;placement="bottom";color="#01BB4B";icon="helpOutline";iconSize=12;label="";name="primary_sm";rightIcon;ariaLabel="";disabled=!1;type="button";menuTitle;messages=[];leftLink;button;menuClass="";useClose=!1;showChange;buttonEl;setShow=e=>{this.show!==e&&(this.show=e,this.showChange.emit(e))};get popoverOffset(){switch(this.placement??"bottom"){case"top":return[0,-4];case"bottom":return[0,4];case"left":case"right":return[4,0]}}handleClose=()=>this.setShow(!1);render(){const e=this.placement??"bottom",s=this.color??"#01BB4B",t=this.icon??"helpOutline",i=this.iconSize??12,l=this.menuClass??"",c=Array.isArray(this.messages)?this.messages:[],d=this.leftLink,r=this.button,b=!!d||!!r;return a(o,{key:"15b78d688d095fb15d5e6188dc848593bfec842e"},""!==this.label?a("sd-button",{ref:e=>this.buttonEl=e,name:this.name??"primary_sm",label:this.label,icon:t,rightIcon:this.rightIcon,ariaLabel:this.ariaLabel,disabled:this.disabled,type:this.type??"button",class:"sd-popover",onSdClick:()=>this.setShow(!this.show)}):a("sd-icon",{ref:e=>this.buttonEl=e,name:t,size:i,color:s,class:"sd-popover",onClick:()=>this.setShow(!this.show)}),this.show&&a("sd-floating-portal",{key:"c77807f72410fb9c96a94e06fa9bb953ef934b4d",parentRef:this.buttonEl,onSdClose:this.handleClose,placement:e,offset:this.popoverOffset},a("div",{key:"dfffd8eada595286469c17ed549d60539d9b3ca6",class:{"sd-floating-menu":!0,"sd-floating-menu--popover":!0,["sd-floating-menu--"+e]:!0,[l]:""!==l},style:{"--sd-floating-bg":f}},a("i",{key:"0852ebe804a7e305383f58dae7e0088f2456f53a",class:"sd-floating-menu__arrow sd-floating-menu__arrow--"+e},a(n,{key:"c470c8ccebdb920b1c14940dffe11ad619560fb7"})),a("div",{key:"fcca2e3bc61cd64110e86da4ee483dc5b1101b7c",class:"sd-floating-menu__content"},this.menuTitle&&a("div",{key:"fad331bcd9c73e72ed013826db69badd8b7a069f",class:"sd-floating-menu__title"},this.menuTitle),c.length>0&&a("div",{key:"c83d0be758758fc720d1c3d00aaa8f0cb865cf12",class:"sd-floating-menu__messages"},c.map(((e,s)=>a("div",{key:"msg-"+s},e)))),b&&a("div",{key:"821a434f478d8aee61e81026ccc37f75579e290e",class:{"sd-floating-menu__buttons":!0,"sd-floating-menu__buttons--with-link":!!d}},d&&a("sd-text-link",{key:"4b28ebf22197453c403066daf97d8925b0a4a8e1",class:"sd-floating-menu__left-link",label:d.label,icon:d.icon??"",iconColor:d.iconColor??"",useArrow:!!d.useArrow,underline:!!d.underline,disabled:!!d.disabled,onSdClick:d.onClick}),r&&a("sd-button",{key:"af8bdfa4a994bafa9b7329e149b62480d5f3d97c",name:r.name??"secondary_xs",label:r.label,icon:r.icon,rightIcon:r.rightIcon,ariaLabel:r.ariaLabel,disabled:r.disabled,type:r.type,onSdClick:r.onClick}))),this.useClose&&a("sd-ghost-button",{key:"a8031ecc0aa0721adab17031019a079bc2bdce88",class:"sd-floating-menu__close-button",icon:"close",ariaLabel:"close",size:"xs",onClick:this.handleClose}))))}static get style(){return"sd-popover{position:relative;cursor:pointer;display:inline-flex}"}},[512,"sd-popover",{show:[1028],placement:[513],color:[513],icon:[513],iconSize:[514,"icon-size"],label:[1],name:[1],rightIcon:[1,"right-icon"],ariaLabel:[1,"aria-label"],disabled:[4],type:[1],menuTitle:[1,"menu-title"],messages:[16],leftLink:[16],button:[16],menuClass:[1,"menu-class"],useClose:[4,"use-close"]}]),h=m,u=function(){"undefined"!=typeof customElements&&["sd-popover","sd-button","sd-floating-portal","sd-ghost-button","sd-icon","sd-text-link"].forEach((e=>{switch(e){case"sd-popover":customElements.get(i(e))||customElements.define(i(e),m);break;case"sd-button":customElements.get(i(e))||l();break;case"sd-floating-portal":customElements.get(i(e))||c();break;case"sd-ghost-button":customElements.get(i(e))||d();break;case"sd-icon":customElements.get(i(e))||r();break;case"sd-text-link":customElements.get(i(e))||b()}}))};export{h as SdPopover,u as defineCustomElement}

package/dist/components/sd-popup.js

@@ -1 +1 @@
-import{p,H as e,c as o,h as t,t as d}from"./p-lyB7zSp-.js";import{d as s}from"./p-Cx3jXw9J.js";import{d as a}from"./p-D8WAP9T3.js";const{popup:i}={popup:{header:{bg:{default:"#07284A",inverse:"#FFFFFF"},title:{default:"#FFFFFF",inverse:"#004290"},typography:{fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontWeight:"700",fontSize:"18",lineHeight:"30"}},footer:{bg:"#FFFFFF",paddingX:"20",paddingY:"8",gap:"16"},bg:"#EEEEEE"}},r={bodyBg:i.bg},u={bg:{default:i.header.bg.default,light:i.header.bg.inverse},titleColor:{default:i.header.title.default,light:i.header.title.inverse},fontFamily:i.header.typography.fontFamily,fontWeight:i.header.typography.fontWeight,fontSize:Number(i.header.typography.fontSize),lineHeight:Number(i.header.typography.lineHeight),height:50,paddingX:16,paddingY:10},n={bg:i.footer.bg,paddingX:Number(i.footer.paddingX),paddingY:Number(i.footer.paddingY),gap:Number(i.footer.gap),height:52,slotHeight:36,shadow:"0 -2px 8px 0 rgba(0, 0, 0, 0.08)"},l={name:"primary_md",label:"확인"},f=p(class extends e{constructor(p){super(),!1!==p&&this.__registerHost(),this.submit=o(this,"sdSubmit",7)}popupTitle="";type="default";useFooter=!0;submitButtonProps;submit;render(){const p={...l,...this.submitButtonProps};return t("div",{key:"15e86848fe487b9df5b09a91e5319b35d7332a6e",class:"sd-popup sd-popup--"+this.type,style:{"--sd-popup-bg":r.bodyBg,"--sd-popup-header-bg":u.bg[this.type],"--sd-popup-header-title-color":u.titleColor[this.type],"--sd-popup-header-font-family":u.fontFamily,"--sd-popup-header-font-weight":u.fontWeight,"--sd-popup-header-font-size":u.fontSize+"px","--sd-popup-header-line-height":u.lineHeight+"px","--sd-popup-header-height":u.height+"px","--sd-popup-header-padding-x":u.paddingX+"px","--sd-popup-header-padding-y":u.paddingY+"px","--sd-popup-footer-bg":n.bg,"--sd-popup-footer-padding-x":n.paddingX+"px","--sd-popup-footer-padding-y":n.paddingY+"px","--sd-popup-footer-gap":n.gap+"px","--sd-popup-footer-height":n.height+"px","--sd-popup-footer-slot-height":n.slotHeight+"px","--sd-popup-footer-shadow":n.shadow}},t("header",{key:"d8281c73a80fe5a4b8ce3ca219e967932b0ec1d3",class:"sd-popup__header"},t("h2",{key:"31031d3988bae465e023cc94713fb39ef9299250",class:"sd-popup__title"},this.popupTitle)),t("div",{key:"dfa941b0dc100b55fc08ab8cb9fce2835aaa62a5",class:"sd-popup__body"},t("slot",{key:"d7532a39c61746e8f517973e6fd4f7f3ac10fae0"})),this.useFooter&&t("footer",{key:"aacedcc4c2f2e4336449bc0fbafc9f67d70cc763",class:"sd-popup__footer"},t("div",{key:"8f093e0a8c24b03fa28e872b025cb159006d3449",class:"sd-popup__footer-slot sd-popup__footer-slot--left"},t("slot",{key:"11e2cd175c7ae3151408ca7e564df0a37d6eebb5",name:"footer-left"})),t("sd-button",{key:"49b98d39181bd30392b7388dc7acc66caaca6038",...p,class:"sd-popup__submit",onSdClick:()=>this.submit.emit()})))}static get style(){return"sd-popup{display:block;width:100%;height:100%}sd-popup .sd-popup{display:flex;flex-direction:column;width:100%;height:100%;background:var(--sd-popup-bg);overflow:hidden;box-sizing:border-box}sd-popup .sd-popup__header{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:100%;height:var(--sd-popup-header-height);padding:var(--sd-popup-header-padding-y) var(--sd-popup-header-padding-x);background:var(--sd-popup-header-bg);box-sizing:border-box}sd-popup .sd-popup__title{margin:0;color:var(--sd-popup-header-title-color);font-family:var(--sd-popup-header-font-family);font-weight:var(--sd-popup-header-font-weight);font-size:var(--sd-popup-header-font-size);line-height:var(--sd-popup-header-line-height);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}sd-popup .sd-popup__body{flex:1 1 auto;min-height:0;overflow:auto}sd-popup .sd-popup__footer{display:flex;align-items:center;flex-shrink:0;width:100%;height:var(--sd-popup-footer-height);padding:var(--sd-popup-footer-padding-y) var(--sd-popup-footer-padding-x);gap:var(--sd-popup-footer-gap);background:var(--sd-popup-footer-bg);box-shadow:var(--sd-popup-footer-shadow);box-sizing:border-box;position:relative;z-index:1}sd-popup .sd-popup__footer-slot{display:flex;align-items:center;height:var(--sd-popup-footer-slot-height)}sd-popup .sd-popup__footer-slot--left{justify-content:flex-start;flex:1 1 auto;min-width:0}sd-popup .sd-popup__footer-slot:empty{display:none}sd-popup .sd-popup__submit{flex-shrink:0;margin-left:auto}"}},[772,"sd-popup",{popupTitle:[1,"popup-title"],type:[1],useFooter:[4,"use-footer"],submitButtonProps:[16]}]),h=f,g=function(){"undefined"!=typeof customElements&&["sd-popup","sd-button","sd-icon"].forEach((p=>{switch(p){case"sd-popup":customElements.get(d(p))||customElements.define(d(p),f);break;case"sd-button":customElements.get(d(p))||s();break;case"sd-icon":customElements.get(d(p))||a()}}))};export{h as SdPopup,g as defineCustomElement}
+import{p,H as e,c as o,h as t,t as d}from"./p-BjkROjjt.js";import{d as s}from"./p-C7WLft_0.js";import{d as a}from"./p-Cktiasfd.js";const{popup:i}={popup:{header:{bg:{default:"#07284A",inverse:"#FFFFFF"},title:{default:"#FFFFFF",inverse:"#004290"},typography:{fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontWeight:"700",fontSize:"18",lineHeight:"30"}},footer:{bg:"#FFFFFF",paddingX:"20",paddingY:"8",gap:"16"},bg:"#EEEEEE"}},r={bodyBg:i.bg},u={bg:{default:i.header.bg.default,light:i.header.bg.inverse},titleColor:{default:i.header.title.default,light:i.header.title.inverse},fontFamily:i.header.typography.fontFamily,fontWeight:i.header.typography.fontWeight,fontSize:Number(i.header.typography.fontSize),lineHeight:Number(i.header.typography.lineHeight),height:50,paddingX:16,paddingY:10},n={bg:i.footer.bg,paddingX:Number(i.footer.paddingX),paddingY:Number(i.footer.paddingY),gap:Number(i.footer.gap),height:52,slotHeight:36,shadow:"0 -2px 8px 0 rgba(0, 0, 0, 0.08)"},l={name:"primary_md",label:"확인"},f=p(class extends e{constructor(p){super(),!1!==p&&this.__registerHost(),this.submit=o(this,"sdSubmit",7)}popupTitle="";type="default";useFooter=!0;submitButtonProps;submit;render(){const p={...l,...this.submitButtonProps};return t("div",{key:"15e86848fe487b9df5b09a91e5319b35d7332a6e",class:"sd-popup sd-popup--"+this.type,style:{"--sd-popup-bg":r.bodyBg,"--sd-popup-header-bg":u.bg[this.type],"--sd-popup-header-title-color":u.titleColor[this.type],"--sd-popup-header-font-family":u.fontFamily,"--sd-popup-header-font-weight":u.fontWeight,"--sd-popup-header-font-size":u.fontSize+"px","--sd-popup-header-line-height":u.lineHeight+"px","--sd-popup-header-height":u.height+"px","--sd-popup-header-padding-x":u.paddingX+"px","--sd-popup-header-padding-y":u.paddingY+"px","--sd-popup-footer-bg":n.bg,"--sd-popup-footer-padding-x":n.paddingX+"px","--sd-popup-footer-padding-y":n.paddingY+"px","--sd-popup-footer-gap":n.gap+"px","--sd-popup-footer-height":n.height+"px","--sd-popup-footer-slot-height":n.slotHeight+"px","--sd-popup-footer-shadow":n.shadow}},t("header",{key:"d8281c73a80fe5a4b8ce3ca219e967932b0ec1d3",class:"sd-popup__header"},t("h2",{key:"31031d3988bae465e023cc94713fb39ef9299250",class:"sd-popup__title"},this.popupTitle)),t("div",{key:"dfa941b0dc100b55fc08ab8cb9fce2835aaa62a5",class:"sd-popup__body"},t("slot",{key:"d7532a39c61746e8f517973e6fd4f7f3ac10fae0"})),this.useFooter&&t("footer",{key:"aacedcc4c2f2e4336449bc0fbafc9f67d70cc763",class:"sd-popup__footer"},t("div",{key:"8f093e0a8c24b03fa28e872b025cb159006d3449",class:"sd-popup__footer-slot sd-popup__footer-slot--left"},t("slot",{key:"11e2cd175c7ae3151408ca7e564df0a37d6eebb5",name:"footer-left"})),t("sd-button",{key:"49b98d39181bd30392b7388dc7acc66caaca6038",...p,class:"sd-popup__submit",onSdClick:()=>this.submit.emit()})))}static get style(){return"sd-popup{display:block;width:100%;height:100%}sd-popup .sd-popup{display:flex;flex-direction:column;width:100%;height:100%;background:var(--sd-popup-bg);overflow:hidden;box-sizing:border-box}sd-popup .sd-popup__header{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:100%;height:var(--sd-popup-header-height);padding:var(--sd-popup-header-padding-y) var(--sd-popup-header-padding-x);background:var(--sd-popup-header-bg);box-sizing:border-box}sd-popup .sd-popup__title{margin:0;color:var(--sd-popup-header-title-color);font-family:var(--sd-popup-header-font-family);font-weight:var(--sd-popup-header-font-weight);font-size:var(--sd-popup-header-font-size);line-height:var(--sd-popup-header-line-height);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}sd-popup .sd-popup__body{flex:1 1 auto;min-height:0;overflow:auto}sd-popup .sd-popup__footer{display:flex;align-items:center;flex-shrink:0;width:100%;height:var(--sd-popup-footer-height);padding:var(--sd-popup-footer-padding-y) var(--sd-popup-footer-padding-x);gap:var(--sd-popup-footer-gap);background:var(--sd-popup-footer-bg);box-shadow:var(--sd-popup-footer-shadow);box-sizing:border-box;position:relative;z-index:1}sd-popup .sd-popup__footer-slot{display:flex;align-items:center;height:var(--sd-popup-footer-slot-height)}sd-popup .sd-popup__footer-slot--left{justify-content:flex-start;flex:1 1 auto;min-width:0}sd-popup .sd-popup__footer-slot:empty{display:none}sd-popup .sd-popup__submit{flex-shrink:0;margin-left:auto}"}},[772,"sd-popup",{popupTitle:[1,"popup-title"],type:[1],useFooter:[4,"use-footer"],submitButtonProps:[16]}]),h=f,g=function(){"undefined"!=typeof customElements&&["sd-popup","sd-button","sd-icon"].forEach((p=>{switch(p){case"sd-popup":customElements.get(d(p))||customElements.define(d(p),f);break;case"sd-button":customElements.get(d(p))||s();break;case"sd-icon":customElements.get(d(p))||a()}}))};export{h as SdPopup,g as defineCustomElement}

package/dist/components/sd-portal.js

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

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

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

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

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

package/dist/components/sd-radio.js

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

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

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

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

@@ -1 +1 @@
-import{S as s,d as o}from"./p-C9CszVFl.js";const p=s,r=o;export{p as SdSelectListItem,r as defineCustomElement}
+import{S as o,d as r}from"./p-DBFgk0rX.js";const s=o,p=r;export{s as SdSelectListItem,p as defineCustomElement}

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

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

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

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

package/dist/components/sd-select.js

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

package/dist/components/sd-switch.js

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