@sellmate/design-system 1.29.0 → 1.31.0

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

@@ -1 +1 @@
-import{p as i,H as t,c as s,h as e,t as n}from"./p-Uh9emYrV.js";import{n as d}from"./p-CCwNgVmC.js";import{s as o}from"./p-Bth2l1cy.js";import{l as h}from"./p-DlJaYVWf.js";import{l as p}from"./p-4S0_Ykmo.js";import{d as a,C as r,a as l,b as c}from"./p-C_in6AVN.js";import{d as u}from"./p-oYbVr-z0.js";import{d as g}from"./p-DN7MAx-q.js";import{d as f}from"./p-R-Sdglj0.js";import{d as m}from"./p-BFVfSW9t.js";import{d as b}from"./p-Di1q4f5E.js";import{d as v}from"./p-BHjezpAC.js";import{d as y}from"./p-f0aBxUBG.js";import{d as x}from"./p-idG6CMO0.js";import{d as w}from"./p-DJmxpVkK.js";var _={minHeight:"36",paddingX:"12",paddingY:"6",radius:"4",typography:{fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontWeight:"400",fontSize:"12",lineHeight:"20"}},k={minHeight:"40",paddingX:"16",paddingY:"8",radius:"6",typography:{fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontWeight:"400",fontSize:"14",lineHeight:"24"}},S={placeholder:"#AAAAAA"};const C={sm:{minHeight:_.minHeight,paddingX:_.paddingX,paddingY:_.paddingY,radius:_.radius,fontSize:_.typography.fontSize,lineHeight:_.typography.lineHeight,fontWeight:_.typography.fontWeight,fontFamily:_.typography.fontFamily},md:{minHeight:k.minHeight,paddingX:k.paddingX,paddingY:k.paddingY,radius:k.radius,fontSize:k.typography.fontSize,lineHeight:k.typography.lineHeight,fontWeight:k.typography.fontWeight,fontFamily:k.typography.fontFamily}},z={text:{placeholder:S.placeholder}},E={chipGap:{gap:"8"}.gap+"px"},F=o.typography.feedback.sm.regular,A={fontSize:F.fontSize+"px",fontWeight:""+F.fontWeight,color:S.placeholder},I=p.listItem,R={radius:h.listBox.radius+"px",maxHeight:"260px",itemPaddingY:I.paddingY+"px",itemPaddingX:I.paddingLeft.depth1+"px",itemPaddingRight:I.paddingRight+"px",itemGap:I.gap+"px",itemFontSize:I.typography.default.fontSize+"px",itemFontWeight:I.typography.default.fontWeight,itemFontWeightSelected:I.typography.selected.fontWeight,itemLineHeight:I.typography.default.lineHeight+"px",itemFontFamily:I.typography.default.fontFamily,itemColor:I.content.default,itemColorHover:I.content.hover,itemBgHover:I.bg.hover,emptyColor:"#888888",emptyFontSize:"12px",emptyLineHeight:"20px"},V=i(class i extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.update=s(this,"sdUpdate",7),this.focusEvent=s(this,"sdFocus",7),this.blurEvent=s(this,"sdBlur",7),this.inputEvent=s(this,"sdInput",7)}static SUGGESTIONS_VIEWPORT_PADDING=8;get host(){return this}values=[];errors=[];disabledChips=[];size="sm";disabled=!1;placeholder="입력해 주세요.";name=d();rules=[];error=!1;useReset=!1;maxCount;duplicateLabel;suggestions=[];loadingSuggestions=!1;recommendedItems=[];loadingRecommendedItems=!1;autocompleteMinWidth;label="";labelWidth="";hint="";errorMessage="";width="";status;icon=void 0;labelTooltip="";labelTooltipProps=null;internalValues=[];internalErrors=[];focused=!1;hovered=!1;inputValue="";activeSuggestionIndex=-1;suppressSuggestions=!1;suppressRecommendations=!1;inputEl;formField;chipInputRef;fieldRef;get value(){return this.internalValues}valuesChanged(i){this.internalValues=Array.isArray(i)?[...i]:[]}errorsChanged(i){Array.isArray(i)&&(this.internalErrors=[...i])}internalValuesChanged_validate(){"function"==typeof this.formField?.sdValidate&&this.formField.sdValidate()}suggestionsChanged(i){Array.isArray(i)||(this.suggestions=[]),this.activeSuggestionIndex=-1,this.suppressSuggestions=!1}recommendedItemsChanged(i){Array.isArray(i)||(this.recommendedItems=[]),this.activeSuggestionIndex=-1}componentWillLoad(){this.internalValues=Array.isArray(this.values)?[...this.values]:[],Array.isArray(this.errors)&&(this.internalErrors=[...this.errors]),this.inputValue=this.inputValue??""}isDuplicateChip(i){return this.internalValues.indexOf(this.internalValues[i])!==i}getChipError(i){return!!this.isDuplicateChip(i)||("function"==typeof this.errors?this.errors(this.internalValues?.[i]??""):this.internalErrors?.[i]??!1)}getChipDisabled(i){return!!this.disabled||("function"==typeof this.disabledChips?this.disabledChips(this.internalValues?.[i]??""):this.disabledChips?.[i]??!1)}update;focusEvent;blurEvent;inputEvent;async sdValidate(){return this.formField?.sdValidate()}async sdReset(){return this.formField?.sdReset()}async sdResetValidate(){return this.formField?.sdResetValidation()}async sdFocus(){return this.formField?.sdFocus()}addChip=i=>{if(null!=this.maxCount&&this.internalValues.length>=this.maxCount)return;const t=[...this.internalValues,i];if(this.internalValues=t,this.values=t,Array.isArray(this.errors)){const i=[...this.internalErrors,!1];this.internalErrors=i,this.errors=i}Array.isArray(this.disabledChips)&&(this.disabledChips=[...this.disabledChips,!1]),null!=this.inputEl&&(this.inputEl.value=""),this.inputValue="",this.activeSuggestionIndex=-1,this.suppressSuggestions=!0,this.update.emit(t),this.inputEvent.emit(""),this.inputEl?.focus()};handleChipRemove=i=>{const t=this.internalValues.filter(((t,s)=>s!==i));if(this.internalValues=t,this.values=t,Array.isArray(this.errors)){const t=this.internalErrors.filter(((t,s)=>s!==i));this.internalErrors=t,this.errors=t}Array.isArray(this.disabledChips)&&(this.disabledChips=this.disabledChips.filter(((t,s)=>s!==i))),this.update.emit(t),this.inputEl?.focus(),this.suppressRecommendations=!0};handleKeyDown=i=>{const t=i.target,s=this.suggestions??[],e=this.recommendedItems??[],n=this.focused&&""!==this.inputValue&&!this.suppressSuggestions&&(s.length>0||this.loadingSuggestions),d=this.focused&&""===this.inputValue&&!this.suppressRecommendations&&(e.length>0||this.loadingRecommendedItems),o=n?s:e;if(n||d){if("ArrowDown"===i.key)return i.preventDefault(),void(this.activeSuggestionIndex=Math.min(this.activeSuggestionIndex+1,o.length-1));if("ArrowUp"===i.key)return i.preventDefault(),void(this.activeSuggestionIndex=Math.max(this.activeSuggestionIndex-1,-1));if("Escape"===i.key)return n&&(this.suppressSuggestions=!0),d&&(this.suppressRecommendations=!0),void(this.activeSuggestionIndex=-1);if("Enter"===i.key&&this.activeSuggestionIndex>=0){i.preventDefault();const t=o[this.activeSuggestionIndex];return void((this.internalValues??[]).includes(t)||this.addChip(t))}}if("Enter"!==i.key||i.isComposing||""===t.value.trim()){if("Backspace"===i.key&&""===t.value&&this.internalValues.length>0){if(this.getChipDisabled(this.internalValues.length-1))return;i.preventDefault();const t=this.internalValues.slice(0,-1);if(this.internalValues=t,this.values=t,Array.isArray(this.errors)){const i=this.internalErrors.slice(0,-1);this.internalErrors=i,this.errors=i}Array.isArray(this.disabledChips)&&(this.disabledChips=this.disabledChips.slice(0,-1)),this.update.emit(t)}}else{if(null!=this.maxCount&&this.internalValues.length>=this.maxCount)return;i.preventDefault(),this.addChip(t.value.trim())}};handleInput=i=>{const t=i.target.value,s=""===t;""===this.inputValue!==s&&(this.activeSuggestionIndex=-1,s&&(this.suppressRecommendations=!1)),this.inputValue=t,this.suppressSuggestions=!1,this.inputEvent.emit(t)};handleFocus=()=>{this.focused=!0,this.suppressRecommendations=!1,this.focusEvent.emit()};handleBlur=()=>{this.focused=!1,this.activeSuggestionIndex=-1,this.blurEvent.emit()};closeSuggestions=()=>{this.focused=!1,this.activeSuggestionIndex=-1,this.suppressSuggestions=!0,this.suppressRecommendations=!0};handleContainerClick=()=>{this.disabled||(this.suppressRecommendations=!1,this.suppressSuggestions=!1,this.inputEl?.focus())};handleResetInput=()=>{const i=this.internalValues.reduce(((i,t,s)=>(this.getChipDisabled(s)&&i.push(s),i)),[]),t=i.map((i=>this.internalValues[i]));if(this.internalValues=t,this.values=t,Array.isArray(this.errors)){const t=i.map((i=>this.internalErrors[i]??!1));this.internalErrors=t,this.errors=t}else this.internalErrors=[];if(Array.isArray(this.disabledChips)){const t=this.disabledChips;this.disabledChips=i.map((i=>t[i]))}this.update.emit(t),this.inputEl?.focus()};duplicateRule=()=>{const i=new Set;for(const t of this.internalValues){if(i.has(t))return null!=this.duplicateLabel&&""!==this.duplicateLabel?`이미 입력된 ${this.duplicateLabel}입니다.`:"중복된 값이 존재합니다.";i.add(t)}return!0};render(){const t=C[this.size]??C.sm,s={[`--sd-system-size-field-${this.size}-height`]:"auto",["--sd-system-radius-field-"+this.size]:t.radius+"px","--sd-chip-input-min-height":t.minHeight+"px","--sd-chip-input-padding-x":t.paddingX+"px","--sd-chip-input-padding-y":t.paddingY+"px","--sd-chip-input-font-size":t.fontSize+"px","--sd-chip-input-line-height":t.lineHeight+"px","--sd-chip-input-font-weight":t.fontWeight,"--sd-chip-input-font-family":t.fontFamily,"--sd-chip-input-chip-gap":E.chipGap,"--sd-chip-input-placeholder-color":z.text.placeholder,"--sd-chip-input-reset-gap":E.chipGap,"--sd-chip-input-divider-color":"#E1E1E1","--sd-chip-input-field-height":c.height,"--sd-chip-input-field-padding-x":c.paddingX,"--sd-chip-input-field-radius":c.radius,"--sd-chip-input-field-border-width":c.borderWidth,"--sd-chip-input-field-bg":l.bg.default,"--sd-chip-input-field-border-color":"transparent","--sd-chip-input-field-content":l.content.focus,"--sd-chip-input-field-font-size":r.focus.fontSize,"--sd-chip-input-field-font-weight":r.focus.fontWeight,"--sd-chip-input-field-line-height":r.focus.lineHeight,"--sd-chip-input-field-font-family":r.focus.fontFamily,"--sd-chip-input-max-count-font-size":A.fontSize,"--sd-chip-input-max-count-font-weight":A.fontWeight,"--sd-chip-input-max-count-color":A.color,"--sd-chip-input-suggestions-radius":R.radius,"--sd-chip-input-suggestions-max-height":R.maxHeight,"--sd-chip-input-suggestion-padding-y":R.itemPaddingY,"--sd-chip-input-suggestion-padding-x":R.itemPaddingX,"--sd-chip-input-suggestion-padding-right":R.itemPaddingRight,"--sd-chip-input-suggestion-gap":R.itemGap,"--sd-chip-input-suggestion-font-size":R.itemFontSize,"--sd-chip-input-suggestion-font-weight":R.itemFontWeight,"--sd-chip-input-suggestion-font-weight-selected":R.itemFontWeightSelected,"--sd-chip-input-suggestion-line-height":R.itemLineHeight,"--sd-chip-input-suggestion-font-family":R.itemFontFamily,"--sd-chip-input-suggestion-color":R.itemColor,"--sd-chip-input-suggestion-color-hover":R.itemColorHover,"--sd-chip-input-suggestion-bg-hover":R.itemBgHover,"--sd-chip-input-suggestions-empty-color":R.emptyColor,"--sd-chip-input-suggestions-empty-font-size":R.emptyFontSize,"--sd-chip-input-suggestions-empty-line-height":R.emptyLineHeight},n=null!=this.maxCount&&this.internalValues.length>=this.maxCount,d=this.useReset&&this.internalValues.length>0||null!=this.maxCount,o=this.suggestions??[],h=this.recommendedItems??[],p=this.focused&&""!==this.inputValue&&!this.suppressSuggestions&&(o.length>0||this.loadingSuggestions),a=this.focused&&""===this.inputValue&&!this.suppressRecommendations&&(h.length>0||this.loadingRecommendedItems),u=p&&this.loadingSuggestions&&0===o.length,g=a&&this.loadingRecommendedItems&&0===h.length,f=p?o:[],m=a?h:[],b={display:"flex",flexDirection:"column",boxSizing:"border-box",background:"#FFFFFF",borderRadius:R.radius,boxShadow:"2px 2px 12px 2px rgba(0, 0, 0, 0.1)",maxHeight:R.maxHeight,minHeight:"0",overflowY:"auto",overflowX:"hidden",outline:"none"},v={...b,width:(this.chipInputRef?.offsetWidth??0)+"px"},y=null!=this.autocompleteMinWidth?"number"==typeof this.autocompleteMinWidth?this.autocompleteMinWidth+"px":this.autocompleteMinWidth:(this.fieldRef?.offsetWidth??0)+"px",x={...b,width:"max-content",minWidth:y},w={display:"flex",flexShrink:"0",alignItems:"center",gap:R.itemGap,padding:`${R.itemPaddingY} ${R.itemPaddingRight} ${R.itemPaddingY} ${R.itemPaddingX}`,fontSize:R.itemFontSize,lineHeight:R.itemLineHeight,fontWeight:R.itemFontWeight,fontFamily:R.itemFontFamily,color:R.itemColor,cursor:"pointer",userSelect:"none",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},_={padding:"12px",textAlign:"center",fontSize:R.emptyFontSize,lineHeight:R.emptyLineHeight,fontFamily:R.itemFontFamily,color:R.emptyColor};return e("sd-field",{key:"c5f94bcc3343549d225d8310e98d424bd74471e5",name:this.name,label:this.label,labelWidth:this.labelWidth,hint:this.hint,errorMessage:this.errorMessage,rules:[this.duplicateRule,...this.rules??[]],error:this.error,disabled:this.disabled,focused:this.focused,hovered:this.hovered,status:this.status,size:this.size,width:this.width,icon:this.icon,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:i=>this.formField=i,style:s,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1},e("div",{key:"40a0d8d08b33ff454eae29e815afd0378b93d927",class:"sd-chip-input",ref:i=>this.chipInputRef=i,onClick:this.handleContainerClick},(this.internalValues??[]).map(((i,t)=>e("sd-chip",{key:t,value:i,error:this.getChipError(t),disabled:this.getChipDisabled(t),editable:!1,onSdRemove:()=>this.handleChipRemove(t)}))),!n&&e("div",{key:"c40b423a77272adaded79c3bc45af2084ef76ecf",class:{"sd-chip-input__field":!0,"sd-chip-input__field--filled":""!==this.inputValue,"sd-chip-input__field--empty":""===this.inputValue&&this.internalValues.length>0&&!this.focused},ref:i=>this.fieldRef=i,"data-value":""!==this.inputValue?this.inputValue:0===this.internalValues.length?this.placeholder:""},e("input",{key:"05ff9dc453577cb53a6284b9d064ef3e572bbc83",ref:i=>this.inputEl=i,class:"sd-chip-input__input",placeholder:0===this.internalValues.length?this.placeholder:"",disabled:this.disabled,size:1,onInput:this.handleInput,onKeyDown:this.handleKeyDown,onFocus:this.handleFocus,onBlur:this.handleBlur})),d&&e("div",{key:"f2e5336974905e3b7672567b29ad4f902ed2bcdf",class:"sd-chip-input__reset",onMouseDown:i=>i.preventDefault()},""===this.inputValue&&e("span",{key:"65f0bcd6086029ab9637dd6c7a64524478c11e76",class:"sd-chip-input__divider"}),null!=this.maxCount&&e("span",{key:"d4702a86e9f1ca03bf74937dfb9e0c822e9722bf",class:"sd-chip-input__max-count"},"최대 ",this.maxCount,"개"),this.useReset&&this.internalValues.length>0&&e("sd-text-link",{key:"70a5d27129e37e49d8d8d7f92b6ad9471575fa71",icon:"reset",iconColor:"#888888",label:"입력 초기화",underline:!0,disabled:this.disabled,style:{"--sd-text-link-color":"#555555"},onSdClick:this.handleResetInput})),e("sd-portal",{key:"24e9ac9124c514debc6df00ed663c20ac0f92bf7",class:"sd-chip-input__autocomplete-portal",open:p,parentRef:this.fieldRef??null,viewportPadding:i.SUGGESTIONS_VIEWPORT_PADDING,onSdClose:this.closeSuggestions},e("div",{key:"d0e7697fc7a8a754d6b1ce6a34c205bbc7630a81",class:"sd-chip-input__suggestions sd-chip-input__suggestions--autocomplete",role:"listbox",style:x},u&&e("div",{key:"2709073f6174ede46b5d9e4d0c72f9b2dc207c54",class:"sd-chip-input__suggestions-empty",style:_},"불러오는 중..."),f.map(((i,t)=>{const s=(this.internalValues??[]).includes(i),n=t===this.activeSuggestionIndex&&!s;return e("div",{key:i,class:{"sd-chip-input__suggestion-item":!0,"sd-chip-input__suggestion-item--active":n,"sd-chip-input__suggestion-item--selected":s},role:"option",tabIndex:-1,"aria-selected":s||n,"aria-disabled":s?"true":void 0,style:s?{...w,color:"#0075FF",fontWeight:R.itemFontWeightSelected,cursor:"default"}:n?{...w,background:R.itemBgHover,color:R.itemColorHover,fontWeight:R.itemFontWeightSelected}:w,onMouseDown:t=>{t.preventDefault(),s||this.addChip(i)}},e("span",{style:{flex:"1"}},i),s&&e("sd-icon",{name:"check",size:"12",style:{color:"#0075FF",flexShrink:"0"}}))})))),e("sd-portal",{key:"96424b38ffe1ec646b48fdea0b65cdb9dbc2caf7",class:"sd-chip-input__recommendation-portal",open:a,parentRef:this.chipInputRef??null,viewportPadding:i.SUGGESTIONS_VIEWPORT_PADDING,onSdClose:this.closeSuggestions},e("div",{key:"2ae809c5d03b662e98252768ac3f7ac44730dbb7",class:"sd-chip-input__suggestions",role:"listbox",style:v},g&&e("div",{key:"3dbf23b89e923762c0ee092f9f5f724a043bd3a6",class:"sd-chip-input__suggestions-empty",style:_},"불러오는 중..."),e("div",{key:"ebbccb03b333bed84a88d1ca10f0e4e142211582",style:{display:"flex",flexWrap:"wrap",gap:"8px",padding:"12px"}},m.map(((i,t)=>{const s=(this.internalValues??[]).includes(i),n=t===this.activeSuggestionIndex&&!s;return e("div",{key:i,role:"option",tabIndex:-1,"aria-selected":s||n,"aria-disabled":s?"true":void 0,style:{cursor:s?"default":"pointer",borderRadius:"999px",outline:n?"2px solid #0075FF":void 0,outlineOffset:"1px"},onMouseDown:t=>{t.preventDefault(),s||this.addChip(i)}},e("sd-chip",{value:i,disabled:s,editable:!1,showRemove:!1}))})))))))}static get watchers(){return{values:[{valuesChanged:0}],errors:[{errorsChanged:0}],internalValues:[{internalValuesChanged_validate:0}],suggestions:[{suggestionsChanged:0}],recommendedItems:[{recommendedItemsChanged:0}]}}static get style(){return"sd-chip-input{display:inline-flex}sd-chip-input sd-portal{display:none}sd-chip-input .sd-chip-input{position:relative;width:100%;isolation:isolate;min-height:var(--sd-chip-input-min-height);display:flex;flex-flow:row wrap;align-items:center;gap:var(--sd-chip-input-chip-gap);padding:var(--sd-chip-input-padding-y) var(--sd-chip-input-padding-x);cursor:text}sd-chip-input .sd-chip-input__reset{display:inline-flex;align-items:center;gap:var(--sd-chip-input-reset-gap);flex-shrink:0}sd-chip-input .sd-chip-input__divider{display:inline-block;width:1px;height:12px;background-color:var(--sd-chip-input-divider-color);flex-shrink:0}sd-chip-input .sd-chip-input__max-count{font-size:var(--sd-chip-input-max-count-font-size);font-weight:var(--sd-chip-input-max-count-font-weight);color:var(--sd-chip-input-max-count-color);white-space:nowrap;flex-shrink:0}sd-chip-input .sd-chip-input__field{flex:0 0 auto;display:inline-grid;grid-template-columns:minmax(0, max-content);align-items:center;min-width:1ch;max-width:100%;height:var(--sd-chip-input-field-height);box-sizing:border-box;padding:0;border:none;border-radius:0;background:transparent;overflow:hidden}sd-chip-input .sd-chip-input__field::after{content:attr(data-value);grid-area:1/1;visibility:hidden;white-space:pre;font-size:var(--sd-chip-input-field-font-size);line-height:var(--sd-chip-input-field-line-height);font-weight:var(--sd-chip-input-field-font-weight);font-family:var(--sd-chip-input-field-font-family)}sd-chip-input .sd-chip-input__field--filled{padding:0 var(--sd-chip-input-field-padding-x);border:var(--sd-chip-input-field-border-width) solid var(--sd-chip-input-field-border-color);border-radius:var(--sd-chip-input-field-radius);background:var(--sd-chip-input-field-bg)}sd-chip-input .sd-chip-input__field--empty{position:absolute;top:0;left:0;width:0;height:0;min-width:0;overflow:hidden}sd-chip-input .sd-chip-input__input{grid-area:1/1;width:100%;min-width:1ch;height:var(--sd-chip-input-field-height);margin:0;padding:0;border:none;outline:none;overflow:hidden;text-overflow:ellipsis;background:transparent;font-size:var(--sd-chip-input-field-font-size);line-height:var(--sd-chip-input-field-line-height);font-weight:var(--sd-chip-input-field-font-weight);font-family:var(--sd-chip-input-field-font-family);color:var(--sd-chip-input-field-content)}sd-chip-input .sd-chip-input__input[disabled]{cursor:not-allowed;pointer-events:none}sd-chip-input .sd-chip-input__input::placeholder{color:var(--sd-chip-input-placeholder-color)}sd-chip-input .sd-chip-input__suggestions{display:flex;flex-direction:column;box-sizing:border-box;background:white;border-radius:var(--sd-chip-input-suggestions-radius);box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.1);max-height:var(--sd-chip-input-suggestions-max-height);min-height:0;overflow-y:auto;overflow-x:hidden;outline:none}sd-chip-input .sd-chip-input__suggestions--autocomplete{width:max-content}sd-chip-input .sd-chip-input__suggestion-item{display:flex;flex-shrink:0;align-items:center;gap:var(--sd-chip-input-suggestion-gap);padding:var(--sd-chip-input-suggestion-padding-y) var(--sd-chip-input-suggestion-padding-right) var(--sd-chip-input-suggestion-padding-y) var(--sd-chip-input-suggestion-padding-x);font-size:var(--sd-chip-input-suggestion-font-size);line-height:var(--sd-chip-input-suggestion-line-height);font-weight:var(--sd-chip-input-suggestion-font-weight);font-family:var(--sd-chip-input-suggestion-font-family);color:var(--sd-chip-input-suggestion-color);cursor:pointer;user-select:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}sd-chip-input .sd-chip-input__suggestion-item--active{background:var(--sd-chip-input-suggestion-bg-hover);color:var(--sd-chip-input-suggestion-color-hover);font-weight:var(--sd-chip-input-suggestion-font-weight-selected)}sd-chip-input .sd-chip-input__suggestion-item--selected{cursor:default;overflow:visible;text-overflow:unset}sd-chip-input .sd-chip-input__suggestions-empty{padding:12px;text-align:center;font-size:var(--sd-chip-input-suggestions-empty-font-size);line-height:var(--sd-chip-input-suggestions-empty-line-height);font-family:var(--sd-chip-input-suggestion-font-family);color:var(--sd-chip-input-suggestions-empty-color)}"}},[512,"sd-chip-input",{values:[1040],errors:[1040],disabledChips:[1040],size:[1],disabled:[4],placeholder:[1],name:[1],rules:[16],error:[1028],useReset:[4,"use-reset"],maxCount:[2,"max-count"],duplicateLabel:[1,"duplicate-label"],suggestions:[1040],loadingSuggestions:[4,"loading-suggestions"],recommendedItems:[1040],loadingRecommendedItems:[4,"loading-recommended-items"],autocompleteMinWidth:[8,"autocomplete-min-width"],label:[1],labelWidth:[8,"label-width"],hint:[1],errorMessage:[1,"error-message"],width:[8],status:[1],icon:[16],labelTooltip:[1,"label-tooltip"],labelTooltipProps:[16],internalValues:[32],internalErrors:[32],focused:[32],hovered:[32],inputValue:[32],activeSuggestionIndex:[32],suppressSuggestions:[32],suppressRecommendations:[32],sdValidate:[64],sdReset:[64],sdResetValidate:[64],sdFocus:[64]},void 0,{values:[{valuesChanged:0}],errors:[{errorsChanged:0}],internalValues:[{internalValuesChanged_validate:0}],suggestions:[{suggestionsChanged:0}],recommendedItems:[{recommendedItemsChanged:0}]}]),j=V,W=function(){"undefined"!=typeof customElements&&["sd-chip-input","sd-button","sd-chip","sd-field","sd-floating-portal","sd-ghost-button","sd-icon","sd-portal","sd-tag","sd-text-link","sd-tooltip"].forEach((i=>{switch(i){case"sd-chip-input":customElements.get(n(i))||customElements.define(n(i),V);break;case"sd-button":customElements.get(n(i))||u();break;case"sd-chip":customElements.get(n(i))||a();break;case"sd-field":customElements.get(n(i))||g();break;case"sd-floating-portal":customElements.get(n(i))||f();break;case"sd-ghost-button":customElements.get(n(i))||m();break;case"sd-icon":customElements.get(n(i))||b();break;case"sd-portal":customElements.get(n(i))||v();break;case"sd-tag":customElements.get(n(i))||y();break;case"sd-text-link":customElements.get(n(i))||x();break;case"sd-tooltip":customElements.get(n(i))||w()}}))};export{j as SdChipInput,W as defineCustomElement}
+import{p as i,H as t,c as s,h as e,t as n}from"./p-C6wuKkUq.js";import{n as d}from"./p-CCwNgVmC.js";import{s as o}from"./p-Bth2l1cy.js";import{l as h}from"./p-DlJaYVWf.js";import{l as p}from"./p-4S0_Ykmo.js";import{d as a,C as r,a as l,b as u}from"./p-6U1qyU5A.js";import{d as c}from"./p-DsZwiWiU.js";import{d as g}from"./p-DSWD8udu.js";import{d as f}from"./p-SYnTIeiO.js";import{d as m}from"./p-DWnuCSqC.js";import{d as b}from"./p-CH9dgzTr.js";import{d as v}from"./p-CTCt17CE.js";import{d as y}from"./p-DOfLrOEu.js";import{d as x}from"./p-qZxAQy4p.js";var w={minHeight:"36",paddingX:"12",paddingY:"6",radius:"4",typography:{fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontWeight:"400",fontSize:"12",lineHeight:"20"}},_={minHeight:"40",paddingX:"16",paddingY:"8",radius:"6",typography:{fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontWeight:"400",fontSize:"14",lineHeight:"24"}},k={placeholder:"#AAAAAA"};const C={sm:{minHeight:w.minHeight,paddingX:w.paddingX,paddingY:w.paddingY,radius:w.radius,fontSize:w.typography.fontSize,lineHeight:w.typography.lineHeight,fontWeight:w.typography.fontWeight,fontFamily:w.typography.fontFamily},md:{minHeight:_.minHeight,paddingX:_.paddingX,paddingY:_.paddingY,radius:_.radius,fontSize:_.typography.fontSize,lineHeight:_.typography.lineHeight,fontWeight:_.typography.fontWeight,fontFamily:_.typography.fontFamily}},S={text:{placeholder:k.placeholder}},z={chipGap:{gap:"8"}.gap+"px"},E=o.typography.feedback.sm.regular,F={fontSize:E.fontSize+"px",fontWeight:""+E.fontWeight,color:k.placeholder},A=p.listItem,I={radius:h.listBox.radius+"px",maxHeight:"260px",itemPaddingY:A.paddingY+"px",itemPaddingX:A.paddingLeft.depth1+"px",itemPaddingRight:A.paddingRight+"px",itemGap:A.gap+"px",itemFontSize:A.typography.default.fontSize+"px",itemFontWeight:A.typography.default.fontWeight,itemFontWeightSelected:A.typography.selected.fontWeight,itemLineHeight:A.typography.default.lineHeight+"px",itemFontFamily:A.typography.default.fontFamily,itemColor:A.content.default,itemColorHover:A.content.hover,itemBgHover:A.bg.hover,emptyColor:"#888888",emptyFontSize:"12px",emptyLineHeight:"20px"},R=i(class i extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.update=s(this,"sdUpdate",7),this.focusEvent=s(this,"sdFocus",7),this.blurEvent=s(this,"sdBlur",7),this.inputEvent=s(this,"sdInput",7)}static SUGGESTIONS_VIEWPORT_PADDING=8;get host(){return this}values=[];errors=[];disabledChips=[];size="sm";disabled=!1;placeholder="입력해 주세요.";name=d();rules=[];error=!1;useReset=!1;maxCount;metaPlacement="end";duplicateLabel;suggestions=[];loadingSuggestions=!1;recommendedItems=[];loadingRecommendedItems=!1;dropdownMinWidth=200;label="";labelWidth="";hint="";errorMessage="";width="";status;icon=void 0;labelTooltip="";labelTooltipProps=null;internalValues=[];internalErrors=[];focused=!1;hovered=!1;inputValue="";activeSuggestionIndex=-1;suppressSuggestions=!1;suppressRecommendations=!1;inputEl;formField;chipInputRef;fieldRef;get value(){return this.internalValues}valuesChanged(i){this.internalValues=Array.isArray(i)?[...i]:[]}errorsChanged(i){Array.isArray(i)&&(this.internalErrors=[...i])}internalValuesChanged_validate(){"function"==typeof this.formField?.sdValidate&&this.formField.sdValidate()}suggestionsChanged(i){Array.isArray(i)||(this.suggestions=[]),this.activeSuggestionIndex=-1,this.suppressSuggestions=!1}recommendedItemsChanged(i){Array.isArray(i)||(this.recommendedItems=[]),this.activeSuggestionIndex=-1}componentWillLoad(){this.internalValues=Array.isArray(this.values)?[...this.values]:[],Array.isArray(this.errors)&&(this.internalErrors=[...this.errors]),this.inputValue=this.inputValue??""}isDuplicateChip(i){return this.internalValues.indexOf(this.internalValues[i])!==i}getChipError(i){return!!this.isDuplicateChip(i)||("function"==typeof this.errors?this.errors(this.internalValues?.[i]??""):this.internalErrors?.[i]??!1)}getChipDisabled(i){return!!this.disabled||("function"==typeof this.disabledChips?this.disabledChips(this.internalValues?.[i]??""):this.disabledChips?.[i]??!1)}update;focusEvent;blurEvent;inputEvent;async sdValidate(){return this.formField?.sdValidate()}async sdReset(){return this.formField?.sdReset()}async sdResetValidate(){return this.formField?.sdResetValidation()}async sdFocus(){return this.formField?.sdFocus()}addChip=i=>{if(null!=this.maxCount&&this.internalValues.length>=this.maxCount)return;const t=[...this.internalValues,i];if(this.internalValues=t,this.values=t,Array.isArray(this.errors)){const i=[...this.internalErrors,!1];this.internalErrors=i,this.errors=i}Array.isArray(this.disabledChips)&&(this.disabledChips=[...this.disabledChips,!1]),null!=this.inputEl&&(this.inputEl.value=""),this.inputValue="",this.activeSuggestionIndex=-1,this.suppressSuggestions=!0,this.update.emit(t),this.inputEvent.emit(""),this.inputEl?.focus()};handleChipRemove=i=>{const t=this.internalValues.filter(((t,s)=>s!==i));if(this.internalValues=t,this.values=t,Array.isArray(this.errors)){const t=this.internalErrors.filter(((t,s)=>s!==i));this.internalErrors=t,this.errors=t}Array.isArray(this.disabledChips)&&(this.disabledChips=this.disabledChips.filter(((t,s)=>s!==i))),this.update.emit(t),this.inputEl?.focus(),this.suppressRecommendations=!0};handleKeyDown=i=>{const t=i.target,s=this.suggestions??[],e=this.recommendedItems??[],n=this.focused&&""!==this.inputValue&&!this.suppressSuggestions&&(s.length>0||this.loadingSuggestions),d=this.focused&&""===this.inputValue&&!this.suppressRecommendations&&(e.length>0||this.loadingRecommendedItems),o=n?s:e;if(n||d){if("ArrowDown"===i.key)return i.preventDefault(),void(this.activeSuggestionIndex=Math.min(this.activeSuggestionIndex+1,o.length-1));if("ArrowUp"===i.key)return i.preventDefault(),void(this.activeSuggestionIndex=Math.max(this.activeSuggestionIndex-1,-1));if("Escape"===i.key)return n&&(this.suppressSuggestions=!0),d&&(this.suppressRecommendations=!0),void(this.activeSuggestionIndex=-1);if("Enter"===i.key&&this.activeSuggestionIndex>=0){i.preventDefault();const t=o[this.activeSuggestionIndex];return void((this.internalValues??[]).includes(t)||this.addChip(t))}}if("Enter"!==i.key||i.isComposing||""===t.value.trim()){if("Backspace"===i.key&&""===t.value&&this.internalValues.length>0){if(this.getChipDisabled(this.internalValues.length-1))return;i.preventDefault();const t=this.internalValues.slice(0,-1);if(this.internalValues=t,this.values=t,Array.isArray(this.errors)){const i=this.internalErrors.slice(0,-1);this.internalErrors=i,this.errors=i}Array.isArray(this.disabledChips)&&(this.disabledChips=this.disabledChips.slice(0,-1)),this.update.emit(t)}}else{if(null!=this.maxCount&&this.internalValues.length>=this.maxCount)return;i.preventDefault(),this.addChip(t.value.trim())}};handleInput=i=>{const t=i.target.value,s=""===t;""===this.inputValue!==s&&(this.activeSuggestionIndex=-1,s&&(this.suppressRecommendations=!1)),this.inputValue=t,this.suppressSuggestions=!1,this.inputEvent.emit(t)};handleFocus=()=>{this.focused=!0,this.suppressRecommendations=!1,this.focusEvent.emit()};handleBlur=()=>{this.focused=!1,this.activeSuggestionIndex=-1,this.blurEvent.emit()};closeSuggestions=()=>{this.focused=!1,this.activeSuggestionIndex=-1,this.suppressSuggestions=!0,this.suppressRecommendations=!0};handleContainerClick=()=>{this.disabled||(this.suppressRecommendations=!1,this.suppressSuggestions=!1,this.inputEl?.focus())};handleResetInput=()=>{const i=this.internalValues.reduce(((i,t,s)=>(this.getChipDisabled(s)&&i.push(s),i)),[]),t=i.map((i=>this.internalValues[i]));if(this.internalValues=t,this.values=t,Array.isArray(this.errors)){const t=i.map((i=>this.internalErrors[i]??!1));this.internalErrors=t,this.errors=t}else this.internalErrors=[];if(Array.isArray(this.disabledChips)){const t=this.disabledChips;this.disabledChips=i.map((i=>t[i]))}this.update.emit(t),this.inputEl?.focus()};duplicateRule=()=>{const i=new Set;for(const t of this.internalValues){if(i.has(t))return null!=this.duplicateLabel&&""!==this.duplicateLabel?`이미 입력된 ${this.duplicateLabel}입니다.`:"중복된 값이 존재합니다.";i.add(t)}return!0};render(){const t=C[this.size]??C.sm,s={[`--sd-system-size-field-${this.size}-height`]:"auto",["--sd-system-radius-field-"+this.size]:t.radius+"px","--sd-chip-input-min-height":t.minHeight+"px","--sd-chip-input-padding-x":t.paddingX+"px","--sd-chip-input-padding-y":t.paddingY+"px","--sd-chip-input-font-size":t.fontSize+"px","--sd-chip-input-line-height":t.lineHeight+"px","--sd-chip-input-font-weight":t.fontWeight,"--sd-chip-input-font-family":t.fontFamily,"--sd-chip-input-chip-gap":z.chipGap,"--sd-chip-input-placeholder-color":S.text.placeholder,"--sd-chip-input-reset-gap":z.chipGap,"--sd-chip-input-divider-color":"#E1E1E1","--sd-chip-input-field-height":u.height,"--sd-chip-input-field-padding-x":u.paddingX,"--sd-chip-input-field-radius":u.radius,"--sd-chip-input-field-border-width":u.borderWidth,"--sd-chip-input-field-bg":l.bg.default,"--sd-chip-input-field-border-color":"transparent","--sd-chip-input-field-content":l.content.focus,"--sd-chip-input-field-font-size":r.focus.fontSize,"--sd-chip-input-field-font-weight":r.focus.fontWeight,"--sd-chip-input-field-line-height":r.focus.lineHeight,"--sd-chip-input-field-font-family":r.focus.fontFamily,"--sd-chip-input-max-count-font-size":F.fontSize,"--sd-chip-input-max-count-font-weight":F.fontWeight,"--sd-chip-input-max-count-color":F.color,"--sd-chip-input-suggestions-radius":I.radius,"--sd-chip-input-suggestions-max-height":I.maxHeight,"--sd-chip-input-suggestion-padding-y":I.itemPaddingY,"--sd-chip-input-suggestion-padding-x":I.itemPaddingX,"--sd-chip-input-suggestion-padding-right":I.itemPaddingRight,"--sd-chip-input-suggestion-gap":I.itemGap,"--sd-chip-input-suggestion-font-size":I.itemFontSize,"--sd-chip-input-suggestion-font-weight":I.itemFontWeight,"--sd-chip-input-suggestion-font-weight-selected":I.itemFontWeightSelected,"--sd-chip-input-suggestion-line-height":I.itemLineHeight,"--sd-chip-input-suggestion-font-family":I.itemFontFamily,"--sd-chip-input-suggestion-color":I.itemColor,"--sd-chip-input-suggestion-color-hover":I.itemColorHover,"--sd-chip-input-suggestion-bg-hover":I.itemBgHover,"--sd-chip-input-suggestions-empty-color":I.emptyColor,"--sd-chip-input-suggestions-empty-font-size":I.emptyFontSize,"--sd-chip-input-suggestions-empty-line-height":I.emptyLineHeight},n=null!=this.maxCount&&this.internalValues.length>=this.maxCount,d=this.useReset&&this.internalValues.length>0||null!=this.maxCount,o=this.suggestions??[],h=this.recommendedItems??[],p=this.focused&&""!==this.inputValue&&!this.suppressSuggestions&&(o.length>0||this.loadingSuggestions),a=this.focused&&""===this.inputValue&&!this.suppressRecommendations&&(h.length>0||this.loadingRecommendedItems),c=p&&this.loadingSuggestions&&0===o.length,g=a&&this.loadingRecommendedItems&&0===h.length,f=p?o:[],m=a?h:[],b={display:"flex",flexDirection:"column",boxSizing:"border-box",background:"#FFFFFF",borderRadius:I.radius,boxShadow:"2px 2px 12px 2px rgba(0, 0, 0, 0.1)",maxHeight:I.maxHeight,minHeight:"0",overflowY:"auto",overflowX:"hidden",outline:"none"},v={...b,width:(this.chipInputRef?.offsetWidth??0)+"px"},y=null==this.dropdownMinWidth?(this.fieldRef?.offsetWidth??0)+"px":"number"==typeof this.dropdownMinWidth?this.dropdownMinWidth+"px":this.dropdownMinWidth,x={...b,width:"max-content",minWidth:y},w={display:"flex",flexShrink:"0",alignItems:"center",gap:I.itemGap,padding:`${I.itemPaddingY} ${I.itemPaddingRight} ${I.itemPaddingY} ${I.itemPaddingX}`,fontSize:I.itemFontSize,lineHeight:I.itemLineHeight,fontWeight:I.itemFontWeight,fontFamily:I.itemFontFamily,color:I.itemColor,cursor:"pointer",userSelect:"none",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},_={padding:"12px",textAlign:"center",fontSize:I.emptyFontSize,lineHeight:I.emptyLineHeight,fontFamily:I.itemFontFamily,color:I.emptyColor};return e("sd-field",{key:"7be2526c67f5eddf5a8652211e7fb47610559d84",name:this.name,label:this.label,labelWidth:this.labelWidth,hint:this.hint,errorMessage:this.errorMessage,rules:[this.duplicateRule,...this.rules??[]],error:this.error,disabled:this.disabled,focused:this.focused,hovered:this.hovered,status:this.status,size:this.size,width:this.width,icon:this.icon,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:i=>this.formField=i,style:s,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1},e("div",{key:"07534d138b631226433ed17101de70170df269cb",class:"sd-chip-input",ref:i=>this.chipInputRef=i,onClick:this.handleContainerClick},(this.internalValues??[]).map(((i,t)=>e("sd-chip",{key:t,value:i,error:this.getChipError(t),disabled:this.getChipDisabled(t),editable:!1,onSdRemove:()=>this.handleChipRemove(t)}))),!n&&e("div",{key:"329ec02d448fe6da2b9cba977fc2e17fa86e358f",class:{"sd-chip-input__field":!0,"sd-chip-input__field--filled":""!==this.inputValue,"sd-chip-input__field--empty":""===this.inputValue&&this.internalValues.length>0&&!this.focused},ref:i=>this.fieldRef=i,"data-value":""!==this.inputValue?this.inputValue:0===this.internalValues.length?this.placeholder:""},e("input",{key:"bbe535cc1dd12db472b995bbe1c7d4ac43aa85e4",ref:i=>this.inputEl=i,class:"sd-chip-input__input",placeholder:0===this.internalValues.length?this.placeholder:"",disabled:this.disabled,size:1,onInput:this.handleInput,onKeyDown:this.handleKeyDown,onFocus:this.handleFocus,onBlur:this.handleBlur})),d&&e("div",{key:"2384ba5c13e27556f8135f71c43aa8dd98922850",class:{"sd-chip-input__reset":!0,"sd-chip-input__reset--end":"end"===this.metaPlacement},"data-placement":this.metaPlacement,onMouseDown:i=>i.preventDefault()},""===this.inputValue&&e("span",{key:"b332a240d13c48f31c76cf7c5afffe69b25213e5",class:"sd-chip-input__divider"}),null!=this.maxCount&&e("span",{key:"70641e0b72e6aec6e02a9cfa84e7a118b24f1355",class:"sd-chip-input__max-count"},"최대 ",this.maxCount,"개"),this.useReset&&this.internalValues.length>0&&e("sd-text-link",{key:"2dba93d961187b5f2a8501038ea01beb45123a5a",icon:"reset",iconColor:"#888888",label:"입력 초기화",underline:!0,disabled:this.disabled,style:{"--sd-text-link-color":"#555555"},onSdClick:this.handleResetInput})),e("sd-portal",{key:"68eea57d431b5aafecafc785febe50ead9586652",class:"sd-chip-input__autocomplete-portal",open:p,parentRef:this.fieldRef??null,viewportPadding:i.SUGGESTIONS_VIEWPORT_PADDING,onSdClose:this.closeSuggestions},e("div",{key:"face530c9604516f06ed9c304172f64fa44d42b0",class:"sd-chip-input__suggestions sd-chip-input__suggestions--autocomplete",role:"listbox",style:x},c&&e("div",{key:"1d691afb5bf3a65991bcff925bb8c6ceffa3a688",class:"sd-chip-input__suggestions-empty",style:_},"불러오는 중..."),f.map(((i,t)=>{const s=(this.internalValues??[]).includes(i),n=t===this.activeSuggestionIndex&&!s;return e("div",{key:i,class:{"sd-chip-input__suggestion-item":!0,"sd-chip-input__suggestion-item--active":n,"sd-chip-input__suggestion-item--selected":s},role:"option",tabIndex:-1,"aria-selected":s||n,"aria-disabled":s?"true":void 0,style:s?{...w,color:"#0075FF",fontWeight:I.itemFontWeightSelected,cursor:"default"}:n?{...w,background:I.itemBgHover,color:I.itemColorHover,fontWeight:I.itemFontWeightSelected}:w,onMouseDown:t=>{t.preventDefault(),s||this.addChip(i)}},e("span",{style:{flex:"1"}},i),s&&e("sd-icon",{name:"check",size:"12",style:{color:"#0075FF",flexShrink:"0"}}))})))),e("sd-portal",{key:"44d969fb589aad9d292725e6d5fa90da814012fe",class:"sd-chip-input__recommendation-portal",open:a,parentRef:this.chipInputRef??null,viewportPadding:i.SUGGESTIONS_VIEWPORT_PADDING,onSdClose:this.closeSuggestions},e("div",{key:"e87049f20b42bfe12e8127aa51133704d4bdd233",class:"sd-chip-input__suggestions",role:"listbox",style:v},g&&e("div",{key:"63815fc8325a93178fd8eb1b6394bb489ae1344d",class:"sd-chip-input__suggestions-empty",style:_},"불러오는 중..."),e("div",{key:"2598ec64253198067f3b215e79d90d256a9eb562",style:{display:"flex",flexWrap:"wrap",gap:"8px",padding:"12px"}},m.map(((i,t)=>{const s=(this.internalValues??[]).includes(i),n=t===this.activeSuggestionIndex&&!s;return e("div",{key:i,role:"option",tabIndex:-1,"aria-selected":s||n,"aria-disabled":s?"true":void 0,style:{cursor:s?"default":"pointer",borderRadius:"999px",outline:n?"2px solid #0075FF":void 0,outlineOffset:"1px"},onMouseDown:t=>{t.preventDefault(),s||this.addChip(i)}},e("sd-chip",{value:i,disabled:s,editable:!1,showRemove:!1}))})))))))}static get watchers(){return{values:[{valuesChanged:0}],errors:[{errorsChanged:0}],internalValues:[{internalValuesChanged_validate:0}],suggestions:[{suggestionsChanged:0}],recommendedItems:[{recommendedItemsChanged:0}]}}static get style(){return"sd-chip-input{display:inline-flex}sd-chip-input sd-portal{display:none}sd-chip-input .sd-chip-input{position:relative;width:100%;isolation:isolate;min-height:var(--sd-chip-input-min-height);display:flex;flex-flow:row wrap;align-items:center;gap:var(--sd-chip-input-chip-gap);padding:var(--sd-chip-input-padding-y) var(--sd-chip-input-padding-x);cursor:text}sd-chip-input .sd-chip-input__reset{display:inline-flex;align-items:center;gap:var(--sd-chip-input-reset-gap);flex-shrink:0}sd-chip-input .sd-chip-input__reset--end{margin-left:auto}sd-chip-input .sd-chip-input__divider{display:inline-block;width:1px;height:12px;background-color:var(--sd-chip-input-divider-color);flex-shrink:0}sd-chip-input .sd-chip-input__max-count{font-size:var(--sd-chip-input-max-count-font-size);font-weight:var(--sd-chip-input-max-count-font-weight);color:var(--sd-chip-input-max-count-color);white-space:nowrap;flex-shrink:0}sd-chip-input .sd-chip-input__field{flex:0 0 auto;display:inline-grid;grid-template-columns:minmax(0, max-content);align-items:center;min-width:1ch;max-width:100%;height:var(--sd-chip-input-field-height);box-sizing:border-box;padding:0;border:none;border-radius:0;background:transparent;overflow:hidden}sd-chip-input .sd-chip-input__field::after{content:attr(data-value);grid-area:1/1;visibility:hidden;white-space:pre;font-size:var(--sd-chip-input-field-font-size);line-height:var(--sd-chip-input-field-line-height);font-weight:var(--sd-chip-input-field-font-weight);font-family:var(--sd-chip-input-field-font-family)}sd-chip-input .sd-chip-input__field--filled{padding:0 var(--sd-chip-input-field-padding-x);border:var(--sd-chip-input-field-border-width) solid var(--sd-chip-input-field-border-color);border-radius:var(--sd-chip-input-field-radius);background:var(--sd-chip-input-field-bg)}sd-chip-input .sd-chip-input__field--empty{position:absolute;top:0;left:0;width:0;height:0;min-width:0;overflow:hidden}sd-chip-input .sd-chip-input__input{grid-area:1/1;width:100%;min-width:1ch;height:var(--sd-chip-input-field-height);margin:0;padding:0;border:none;outline:none;overflow:hidden;text-overflow:ellipsis;background:transparent;font-size:var(--sd-chip-input-field-font-size);line-height:var(--sd-chip-input-field-line-height);font-weight:var(--sd-chip-input-field-font-weight);font-family:var(--sd-chip-input-field-font-family);color:var(--sd-chip-input-field-content)}sd-chip-input .sd-chip-input__input[disabled]{cursor:not-allowed;pointer-events:none}sd-chip-input .sd-chip-input__input::placeholder{color:var(--sd-chip-input-placeholder-color)}sd-chip-input .sd-chip-input__suggestions{display:flex;flex-direction:column;box-sizing:border-box;background:white;border-radius:var(--sd-chip-input-suggestions-radius);box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.1);max-height:var(--sd-chip-input-suggestions-max-height);min-height:0;overflow-y:auto;overflow-x:hidden;outline:none}sd-chip-input .sd-chip-input__suggestions--autocomplete{width:max-content}sd-chip-input .sd-chip-input__suggestion-item{display:flex;flex-shrink:0;align-items:center;gap:var(--sd-chip-input-suggestion-gap);padding:var(--sd-chip-input-suggestion-padding-y) var(--sd-chip-input-suggestion-padding-right) var(--sd-chip-input-suggestion-padding-y) var(--sd-chip-input-suggestion-padding-x);font-size:var(--sd-chip-input-suggestion-font-size);line-height:var(--sd-chip-input-suggestion-line-height);font-weight:var(--sd-chip-input-suggestion-font-weight);font-family:var(--sd-chip-input-suggestion-font-family);color:var(--sd-chip-input-suggestion-color);cursor:pointer;user-select:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}sd-chip-input .sd-chip-input__suggestion-item--active{background:var(--sd-chip-input-suggestion-bg-hover);color:var(--sd-chip-input-suggestion-color-hover);font-weight:var(--sd-chip-input-suggestion-font-weight-selected)}sd-chip-input .sd-chip-input__suggestion-item--selected{cursor:default;overflow:visible;text-overflow:unset}sd-chip-input .sd-chip-input__suggestions-empty{padding:12px;text-align:center;font-size:var(--sd-chip-input-suggestions-empty-font-size);line-height:var(--sd-chip-input-suggestions-empty-line-height);font-family:var(--sd-chip-input-suggestion-font-family);color:var(--sd-chip-input-suggestions-empty-color)}"}},[512,"sd-chip-input",{values:[1040],errors:[1040],disabledChips:[1040],size:[1],disabled:[4],placeholder:[1],name:[1],rules:[16],error:[1028],useReset:[4,"use-reset"],maxCount:[2,"max-count"],metaPlacement:[1,"meta-placement"],duplicateLabel:[1,"duplicate-label"],suggestions:[1040],loadingSuggestions:[4,"loading-suggestions"],recommendedItems:[1040],loadingRecommendedItems:[4,"loading-recommended-items"],dropdownMinWidth:[8,"dropdown-min-width"],label:[1],labelWidth:[8,"label-width"],hint:[1],errorMessage:[1,"error-message"],width:[8],status:[1],icon:[16],labelTooltip:[1,"label-tooltip"],labelTooltipProps:[16],internalValues:[32],internalErrors:[32],focused:[32],hovered:[32],inputValue:[32],activeSuggestionIndex:[32],suppressSuggestions:[32],suppressRecommendations:[32],sdValidate:[64],sdReset:[64],sdResetValidate:[64],sdFocus:[64]},void 0,{values:[{valuesChanged:0}],errors:[{errorsChanged:0}],internalValues:[{internalValuesChanged_validate:0}],suggestions:[{suggestionsChanged:0}],recommendedItems:[{recommendedItemsChanged:0}]}]),W=R,D=function(){"undefined"!=typeof customElements&&["sd-chip-input","sd-chip","sd-field","sd-floating-portal","sd-ghost-button","sd-icon","sd-portal","sd-tag","sd-text-link","sd-tooltip"].forEach((i=>{switch(i){case"sd-chip-input":customElements.get(n(i))||customElements.define(n(i),R);break;case"sd-chip":customElements.get(n(i))||a();break;case"sd-field":customElements.get(n(i))||c();break;case"sd-floating-portal":customElements.get(n(i))||g();break;case"sd-ghost-button":customElements.get(n(i))||f();break;case"sd-icon":customElements.get(n(i))||m();break;case"sd-portal":customElements.get(n(i))||b();break;case"sd-tag":customElements.get(n(i))||v();break;case"sd-text-link":customElements.get(n(i))||y();break;case"sd-tooltip":customElements.get(n(i))||x()}}))};export{W as SdChipInput,D as defineCustomElement}

package/dist/components/sd-chip.js

@@ -1 +1 @@
-import{S as o,d as s}from"./p-C_in6AVN.js";const p=o,r=s;export{p as SdChip,r as defineCustomElement}
+import{S as o,d as s}from"./p-6U1qyU5A.js";const p=o,r=s;export{p as SdChip,r as defineCustomElement}

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

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

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

@@ -1 +1 @@
-import{S as r,d as o}from"./p-CErFctrV.js";const s=r,t=o;export{s as SdConfirmModal,t as defineCustomElement}
+import{S as o,d as s}from"./p-Dc9g3-5z.js";const p=o,r=s;export{p as SdConfirmModal,r as defineCustomElement}

package/dist/components/sd-date-box.js

@@ -1 +1 @@
-import{p as t,H as e,c as d,h as s,t as o}from"./p-Uh9emYrV.js";const a=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.click=d(this,"sdClick",7),this.mouseOver=d(this,"sdMouseOver",7)}date=null;disabled=!1;selected=!1;isStartDate=!1;isEndDate=!1;isToday=!1;inRange=!1;type="";click;mouseOver;handleClickDate(){this.disabled||void 0===this.date||""===this.date||0===this.date||"string"!=typeof this.date&&this.click?.emit(this.date)}handleHoverDate(){"string"!=typeof this.date&&this.mouseOver?.emit(this.date)}render(){return s("div",{key:"8b8bc2facd0f4614a6022c48bbd026390d8599e4",role:"button",tabindex:this.disabled?-1:0,class:{"sd-date-box":!0,"sd-hoverable":!this.disabled||!this.selected||""===this.type,"sd-date-box--disabled":this.disabled,"sd-date-box--selected":this.selected,"sd-date-box--today":this.isToday,"sd-date-box--start-date":this.isStartDate,"sd-date-box--end-date":this.isEndDate,"sd-date-box--in-range":this.inRange,"sd-date-box--type-start":"start"===this.type,"sd-date-box--type-end":"end"===this.type},onClick:()=>this.handleClickDate(),onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.handleClickDate())},onMouseOver:()=>this.handleHoverDate(),onFocus:()=>this.handleHoverDate()},s("div",{key:"acbd57ac0300ca143f1e75780b59b5fc107d537f",class:"sd-date-box__content"},s("div",{key:"aeff50640c285cfd75d5592e67c97e5ec55eb00c",class:"sd-date-box__label"},this.date)))}static get style(){return'.sd-date-box.sc-sd-date-box{display:flex;align-items:center;justify-content:center;width:38px;height:36px;font-size:14px;position:relative;box-sizing:border-box;text-align:center;transition:background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);border-radius:14px}.sd-date-box.sc-sd-date-box .sd-date-box__content.sc-sd-date-box{width:28px;height:28px;border-radius:14px;position:relative}.sd-date-box.sc-sd-date-box .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box{position:relative;z-index:2;-webkit-user-select:none;user-select:none;line-height:28px}.sd-date-box.sd-date-box--disabled.sc-sd-date-box{color:#CCCCCC;cursor:default !important;pointer-events:none}.sd-date-box.sc-sd-date-box:not(.sd-date-box--disabled){color:#333333;cursor:pointer}.sd-date-box.sd-hoverable.sc-sd-date-box:hover .sd-date-box__content.sc-sd-date-box{background:#D9EAFF}.sd-date-box.sd-date-box--in-range.sc-sd-date-box:not(.sd-date-box--disabled) .sd-date-box__content.sc-sd-date-box::before{content:"";position:absolute;top:0;left:-5px;width:calc(100% + 10px);height:100%;background:#D9EAFF}.sd-date-box.sd-date-box--in-range.sd-date-box--type-start.sc-sd-date-box .sd-date-box__content.sc-sd-date-box::before{left:auto !important;width:19px !important;right:-5px}.sd-date-box.sd-date-box--in-range.sd-date-box--type-end.sc-sd-date-box .sd-date-box__content.sc-sd-date-box::before{width:19px !important}.sd-date-box.sd-date-box--in-range.sc-sd-date-box .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box{font-weight:500}.sd-date-box.sd-date-box--selected.sc-sd-date-box .sd-date-box__content.sc-sd-date-box::after,.sd-date-box.sd-date-box--type-start.sc-sd-date-box .sd-date-box__content.sc-sd-date-box::after,.sd-date-box.sd-date-box--type-end.sc-sd-date-box .sd-date-box__content.sc-sd-date-box::after{content:"";position:absolute;inset:0;background:#0075FF;border-radius:14px;z-index:1}.sd-date-box.sd-date-box--selected.sc-sd-date-box .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box,.sd-date-box.sd-date-box--type-start.sc-sd-date-box .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box,.sd-date-box.sd-date-box--type-end.sc-sd-date-box .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box{color:white;font-weight:700}.sd-date-box.sd-date-box--start-date.sd-date-box--end-date.sc-sd-date-box .sd-date-box__content.sc-sd-date-box::before{display:none !important}.sd-date-box.sd-date-box--today.sc-sd-date-box:not(.sd-date-box--selected) .sd-date-box__content.sc-sd-date-box::after{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:28px;height:28px;border:1px solid #E1E1E1 !important;border-radius:14px}'}},[514,"sd-date-box",{date:[8],disabled:[4],selected:[4],isStartDate:[4,"is-start-date"],isEndDate:[4,"is-end-date"],isToday:[4,"is-today"],inRange:[4,"in-range"],type:[1]}]),b=a,n=function(){"undefined"!=typeof customElements&&["sd-date-box"].forEach((t=>{"sd-date-box"===t&&(customElements.get(o(t))||customElements.define(o(t),a))}))};export{b as SdDateBox,n as defineCustomElement}
+import{p as t,H as e,c as d,h as s,t as o}from"./p-C6wuKkUq.js";const a=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.click=d(this,"sdClick",7),this.mouseOver=d(this,"sdMouseOver",7)}date=null;disabled=!1;selected=!1;isStartDate=!1;isEndDate=!1;isToday=!1;inRange=!1;type="";click;mouseOver;handleClickDate(){this.disabled||void 0===this.date||""===this.date||0===this.date||"string"!=typeof this.date&&this.click?.emit(this.date)}handleHoverDate(){"string"!=typeof this.date&&this.mouseOver?.emit(this.date)}render(){return s("div",{key:"8b8bc2facd0f4614a6022c48bbd026390d8599e4",role:"button",tabindex:this.disabled?-1:0,class:{"sd-date-box":!0,"sd-hoverable":!this.disabled||!this.selected||""===this.type,"sd-date-box--disabled":this.disabled,"sd-date-box--selected":this.selected,"sd-date-box--today":this.isToday,"sd-date-box--start-date":this.isStartDate,"sd-date-box--end-date":this.isEndDate,"sd-date-box--in-range":this.inRange,"sd-date-box--type-start":"start"===this.type,"sd-date-box--type-end":"end"===this.type},onClick:()=>this.handleClickDate(),onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.handleClickDate())},onMouseOver:()=>this.handleHoverDate(),onFocus:()=>this.handleHoverDate()},s("div",{key:"acbd57ac0300ca143f1e75780b59b5fc107d537f",class:"sd-date-box__content"},s("div",{key:"aeff50640c285cfd75d5592e67c97e5ec55eb00c",class:"sd-date-box__label"},this.date)))}static get style(){return'.sd-date-box.sc-sd-date-box{display:flex;align-items:center;justify-content:center;width:38px;height:36px;font-size:14px;position:relative;box-sizing:border-box;text-align:center;transition:background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);border-radius:14px}.sd-date-box.sc-sd-date-box .sd-date-box__content.sc-sd-date-box{width:28px;height:28px;border-radius:14px;position:relative}.sd-date-box.sc-sd-date-box .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box{position:relative;z-index:2;-webkit-user-select:none;user-select:none;line-height:28px}.sd-date-box.sd-date-box--disabled.sc-sd-date-box{color:#CCCCCC;cursor:default !important;pointer-events:none}.sd-date-box.sc-sd-date-box:not(.sd-date-box--disabled){color:#333333;cursor:pointer}.sd-date-box.sd-hoverable.sc-sd-date-box:hover .sd-date-box__content.sc-sd-date-box{background:#D9EAFF}.sd-date-box.sd-date-box--in-range.sc-sd-date-box:not(.sd-date-box--disabled) .sd-date-box__content.sc-sd-date-box::before{content:"";position:absolute;top:0;left:-5px;width:calc(100% + 10px);height:100%;background:#D9EAFF}.sd-date-box.sd-date-box--in-range.sd-date-box--type-start.sc-sd-date-box .sd-date-box__content.sc-sd-date-box::before{left:auto !important;width:19px !important;right:-5px}.sd-date-box.sd-date-box--in-range.sd-date-box--type-end.sc-sd-date-box .sd-date-box__content.sc-sd-date-box::before{width:19px !important}.sd-date-box.sd-date-box--in-range.sc-sd-date-box .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box{font-weight:500}.sd-date-box.sd-date-box--selected.sc-sd-date-box .sd-date-box__content.sc-sd-date-box::after,.sd-date-box.sd-date-box--type-start.sc-sd-date-box .sd-date-box__content.sc-sd-date-box::after,.sd-date-box.sd-date-box--type-end.sc-sd-date-box .sd-date-box__content.sc-sd-date-box::after{content:"";position:absolute;inset:0;background:#0075FF;border-radius:14px;z-index:1}.sd-date-box.sd-date-box--selected.sc-sd-date-box .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box,.sd-date-box.sd-date-box--type-start.sc-sd-date-box .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box,.sd-date-box.sd-date-box--type-end.sc-sd-date-box .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box{color:white;font-weight:700}.sd-date-box.sd-date-box--start-date.sd-date-box--end-date.sc-sd-date-box .sd-date-box__content.sc-sd-date-box::before{display:none !important}.sd-date-box.sd-date-box--today.sc-sd-date-box:not(.sd-date-box--selected) .sd-date-box__content.sc-sd-date-box::after{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:28px;height:28px;border:1px solid #E1E1E1 !important;border-radius:14px}'}},[514,"sd-date-box",{date:[8],disabled:[4],selected:[4],isStartDate:[4,"is-start-date"],isEndDate:[4,"is-end-date"],isToday:[4,"is-today"],inRange:[4,"in-range"],type:[1]}]),b=a,n=function(){"undefined"!=typeof customElements&&["sd-date-box"].forEach((t=>{"sd-date-box"===t&&(customElements.get(o(t))||customElements.define(o(t),a))}))};export{b as SdDateBox,n as defineCustomElement}

package/dist/components/sd-date-picker-trigger.js

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

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

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

package/dist/components/sd-date-range-picker-calendar.js

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

package/dist/components/sd-date-range-picker.js

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

package/dist/components/sd-divider.js

@@ -1 +1 @@
-import{p as e,H as i,h as d,d as r,t}from"./p-Uh9emYrV.js";import{s}from"./p-Bth2l1cy.js";const c={default:s.color.divider.default},o=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost()}vertical=!1;render(){return d(r,{key:"b19941ad314f31fccf77ea0dd3373f9e3362ecd2",style:{"--sd-divider-color":c.default}},d("hr",{key:"bbc765fc901298fbacb8323fecd8fd1ca4683d19","aria-orientation":this.vertical?"vertical":"horizontal"}))}static get style(){return"sd-divider{flex-shrink:0;line-height:0}:where(sd-divider:not([vertical])){display:block;width:100%;height:1px}:where(sd-divider[vertical]){display:inline-block;align-self:stretch;width:1px}sd-divider hr{display:block;width:100%;height:100%;margin:0;border:0;background-color:var(--sd-divider-color)}"}},[512,"sd-divider",{vertical:[516]}]),l=o,a=function(){"undefined"!=typeof customElements&&["sd-divider"].forEach((e=>{"sd-divider"===e&&(customElements.get(t(e))||customElements.define(t(e),o))}))};export{l as SdDivider,a as defineCustomElement}
+import{p as e,H as i,h as d,d as r,t}from"./p-C6wuKkUq.js";import{s}from"./p-Bth2l1cy.js";const o={default:s.color.divider.default},l=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost()}vertical=!1;render(){return d(r,{key:"5e25f94dbe34f19280f6952e0a1bfbf4e4816264",style:{"--sd-divider-color":o.default}},d("hr",{key:"a47f51ba0dfc15819cd5cda169554433b978eb15","aria-orientation":this.vertical?"vertical":"horizontal"}))}static get style(){return"sd-divider{flex-shrink:0;line-height:0}:where(sd-divider:not([vertical])){display:block;width:100%;height:1px}:where(sd-divider[vertical]){display:inline-block;align-self:stretch;width:1px}sd-divider hr{display:block;width:100%;height:100%;margin:0;border:0;background-color:var(--sd-divider-color)}"}},[512,"sd-divider",{vertical:[516]}]),a=l,c=function(){"undefined"!=typeof customElements&&["sd-divider"].forEach((e=>{"sd-divider"===e&&(customElements.get(t(e))||customElements.define(t(e),l))}))};export{a as SdDivider,c as defineCustomElement}

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

@@ -1 +1 @@
-import{H as t,p as o,c as n,h as d,t as r}from"./p-Uh9emYrV.js";import{s}from"./p-BE4tnQ2Z.js";import{B as e,g as i,b as a,P as u,a as p,c as b,d as l,e as h}from"./p-CGs6_91u.js";import{s as c}from"./p-Bth2l1cy.js";import{d as w}from"./p-Di1q4f5E.js";import{d as g}from"./p-BHjezpAC.js";class m{static instance;activeDropdowns=new Set;static getInstance(){return void 0===m.instance&&(m.instance=new m),m.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 v=m.getInstance(),_=class extends t{constructor(){super(!1)}documentClickHandler;documentKeydownHandler;initializeEvent(){v.register(this),this.initializeEventHandlers()}cleanupEvent(){v.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?(v.openDropdown(this),this.addGlobalEventListeners()):this.removeGlobalEventListeners()}cleanup(){this.removeGlobalEventListeners()}closeDropdown(){this.isOpen=!1}},x=(()=>{const t=Object.keys(e).filter((t=>!t.endsWith("_lg")));return Object.fromEntries(t.map((t=>[t,e[t]])))})(),f=l,y=b,C=p,k=u,E={primary:a.button.dropdown.brand.strong.split,secondary:a.button.dropdown.brand.subtle.split,primary_outline:k.primary_outline,neutral_outline:k.neutral_outline,danger:a.button.dropdown.danger.strong.split,danger_outline:k.danger_outline},z=c.color.fg.secondary,D=c.color.bg.accent.default,O=c.color.fg.inverse,F={primary:z,secondary:z,primary_outline:z,neutral_outline:z,danger:z,danger_outline:z},A={primary:D,secondary:D,primary_outline:D,neutral_outline:D,danger:D,danger_outline:D},B={primary:O,secondary:O,primary_outline:O,neutral_outline:O,danger:O,danger_outline:O},j={xs:12,sm:12,md:16},T={xs:{default:64,split:72},sm:{default:72,split:88},md:{default:100,split:106}},I=a.button.bg.disabled,S=a.button.text.disabled,H=a.button.icon.disabled,L=a.button.border.disabled,N=t=>i(t),R=o(class t extends _{constructor(t){super(!1),!1!==t&&this.__registerHost(),this.click=n(this,"sdClick",7),this.buttonClick=n(this,"sdButtonClick",7),this.dropDownShow=n(this,"sdDropDownShow",7)}get el(){return this}name="primary_sm";label="";items=[];disabled=!1;split=!1;static CLOSE_ANIMATION_DURATION=150;isOpen=!1;isAnimatingOut=!1;itemIndex=-1;triggerRef;splitContainerRef;menuRef;closeAnimationTimer;click;buttonClick;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 x)())throw Error(`Invalid sd-dropdown-button name: "${this.name}"`);return this.name}get resolvedConfig(){const t=this.resolvedName;return{config:x[t],preset:N(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))};handleButtonClick=t=>{t.stopPropagation(),this.disabled||(this.buttonClick.emit(),this.closeDropdown())};selectItem(t,o){o?.stopPropagation(),t&&!t.disabled&&(this.click.emit(t.value),this.closeDropdown())}getTriggerClasses(t,o,n,d,r){const s=["sd-dropdown-button__trigger","sd-dropdown-button__trigger--"+t,"sd-dropdown-button__trigger--"+o];return n&&s.push("sd-dropdown-button__trigger--disabled"),d&&s.push("sd-dropdown-button__trigger--open"),void 0!==r&&s.push(`sd-dropdown-button__trigger--${r}-part`),s.join(" ")}getTriggerStyle(t,o){return{"--sd-dropdown-button-bg":t.color,"--sd-dropdown-button-bg-hover":f[o],"--sd-dropdown-button-border":k[o],"--sd-dropdown-button-content":y[o],"--sd-dropdown-button-icon":C[o],"--sd-dropdown-button-divider":E[o],"--sd-dropdown-button-accent":h,"--sd-dropdown-button-disabled-bg":I,"--sd-dropdown-button-disabled-content":S,"--sd-dropdown-button-disabled-icon":H,"--sd-dropdown-button-disabled-border":L}}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){const o=this.split?this.splitContainerRef:this.triggerRef;return(this.isOpen||this.isAnimatingOut)&&o?d("sd-portal",{open:this.isOpen,parentRef:o,onSdClose:this.closeDropdown},d("div",{class:"sd-dropdown-button__menu",role:"menu",ref:t=>this.menuRef=t,style:{"--sd-dropdown-button-menu-min-width":o.offsetWidth+"px","--sd-dropdown-button-menu-item-color":F[t],"--sd-dropdown-button-menu-item-active-bg":A[t],"--sd-dropdown-button-menu-item-active-color":B[t],"--sd-dropdown-button-menu-border":"transparent"===k[t]?E[t]:k[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:s(t.label)})))))):null}renderChevron(t){return d("span",{class:{"sd-dropdown-button__trigger-icon":!0,"sd-dropdown-button__trigger-icon--open":this.isOpen&&!this.split},"aria-hidden":"true"},d("sd-icon",{name:this.split?"etc":"caretDown",size:j[t],color:"var(--sd-dropdown-button-current-icon)"}))}render(){const{config:t,preset:o}=this.resolvedConfig,n=this.getTriggerStyle(t,o),r=T[t.size];return this.split?d("div",{class:"sd-dropdown-button sd-dropdown-button--split",ref:t=>this.splitContainerRef=t,style:{minWidth:r.split+"px"}},d("button",{type:"button",class:this.getTriggerClasses(o,t.size,this.disabled,this.isOpen,"label"),disabled:this.disabled,onClick:this.handleButtonClick,style:n},d("span",{class:"sd-dropdown-button__trigger-label"},this.label)),d("button",{type:"button",class:this.getTriggerClasses(o,t.size,this.disabled,this.isOpen,"chevron"),disabled:this.disabled,"aria-haspopup":"menu","aria-expanded":this.isOpen+"","aria-label":"dropdown toggle",onClick:this.toggleDropdown,ref:t=>this.triggerRef=t,style:n},this.renderChevron(t.size)),this.renderDropdown(o)):d("div",{class:"sd-dropdown-button"},d("button",{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:{...n,minWidth:r.default+"px"}},d("span",{class:"sd-dropdown-button__trigger-label"},this.label),this.renderChevron(t.size)),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-dropdown-md-gap, 16px);--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-icon:var(--sd-dropdown-button-content);--sd-dropdown-button-current-content:var(--sd-dropdown-button-content);--sd-dropdown-button-current-icon:var(--sd-dropdown-button-icon);--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-icon:var(--sd-button-button-icon-disabled, #BBBBBB);--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-dropdown-xs-gap, 6px);--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-dropdown-sm-gap, 8px);--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-dropdown-md-gap, 16px);--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);--sd-dropdown-button-current-icon:var(--sd-dropdown-button-disabled-icon);cursor:not-allowed}.sd-dropdown-button:not(.sd-dropdown-button--split) .sd-dropdown-button__trigger{gap:var(--sd-dropdown-button-gap);padding:0 var(--sd-dropdown-button-padding-x)}.sd-dropdown-button:not(.sd-dropdown-button--split) .sd-dropdown-button__trigger-label{padding:0}.sd-dropdown-button:not(.sd-dropdown-button--split) .sd-dropdown-button__trigger-icon{min-width:0;padding:0}.sd-dropdown-button--split{display:inline-flex;align-items:stretch}.sd-dropdown-button--split .sd-dropdown-button__trigger--label-part{border-top-right-radius:0;border-bottom-right-radius:0;border-right-width:0}.sd-dropdown-button--split .sd-dropdown-button__trigger--chevron-part{border-top-left-radius:0;border-bottom-left-radius:0;border-left:var(--sd-button-button-border-width-default, 1px) solid var(--sd-dropdown-button-divider)}.sd-dropdown-button--split .sd-dropdown-button__trigger--chevron-part.sd-dropdown-button__trigger--disabled{border-left-color: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-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],split:[4],isOpen:[32],isAnimatingOut:[32],itemIndex:[32],sdOpen:[64],sdClose:[64]},void 0,{isOpen:[{handleOpenChange:0}]}]),M=R,U=function(){"undefined"!=typeof customElements&&["sd-dropdown-button","sd-icon","sd-portal"].forEach((t=>{switch(t){case"sd-dropdown-button":customElements.get(r(t))||customElements.define(r(t),R);break;case"sd-icon":customElements.get(r(t))||w();break;case"sd-portal":customElements.get(r(t))||g()}}))};export{M as SdDropdownButton,U as defineCustomElement}
+import{H as t,p as o,c as n,h as d,t as r}from"./p-C6wuKkUq.js";import{s}from"./p-BE4tnQ2Z.js";import{B as e,g as i,b as a,P as u,a as p,c as b,d as l,e as h}from"./p-CGs6_91u.js";import{s as c}from"./p-Bth2l1cy.js";import{d as w}from"./p-DWnuCSqC.js";import{d as g}from"./p-CH9dgzTr.js";class m{static instance;activeDropdowns=new Set;static getInstance(){return void 0===m.instance&&(m.instance=new m),m.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 v=m.getInstance(),_=class extends t{constructor(){super(!1)}documentClickHandler;documentKeydownHandler;initializeEvent(){v.register(this),this.initializeEventHandlers()}cleanupEvent(){v.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?(v.openDropdown(this),this.addGlobalEventListeners()):this.removeGlobalEventListeners()}cleanup(){this.removeGlobalEventListeners()}closeDropdown(){this.isOpen=!1}},x=(()=>{const t=Object.keys(e).filter((t=>!t.endsWith("_lg")));return Object.fromEntries(t.map((t=>[t,e[t]])))})(),f=l,y=b,C=p,k=u,E={primary:a.button.dropdown.brand.strong.split,secondary:a.button.dropdown.brand.subtle.split,primary_outline:k.primary_outline,neutral_outline:k.neutral_outline,danger:a.button.dropdown.danger.strong.split,danger_outline:k.danger_outline},z=c.color.fg.secondary,D=c.color.bg.accent.default,O=c.color.fg.inverse,F={primary:z,secondary:z,primary_outline:z,neutral_outline:z,danger:z,danger_outline:z},A={primary:D,secondary:D,primary_outline:D,neutral_outline:D,danger:D,danger_outline:D},T={primary:O,secondary:O,primary_outline:O,neutral_outline:O,danger:O,danger_outline:O},B={xs:12,sm:12,md:16},j={xs:{default:64,split:72},sm:{default:72,split:88},md:{default:100,split:106}},I=a.button.bg.disabled,S=a.button.text.disabled,H=a.button.icon.disabled,L=a.button.border.disabled,N=t=>i(t),R=o(class t extends _{constructor(t){super(!1),!1!==t&&this.__registerHost(),this.click=n(this,"sdClick",7),this.buttonClick=n(this,"sdButtonClick",7),this.dropDownShow=n(this,"sdDropDownShow",7)}get el(){return this}name="primary_sm";label="";items=[];disabled=!1;split=!1;static CLOSE_ANIMATION_DURATION=150;isOpen=!1;isAnimatingOut=!1;itemIndex=-1;triggerRef;splitContainerRef;menuRef;closeAnimationTimer;click;buttonClick;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 x)())throw Error(`Invalid sd-dropdown-button name: "${this.name}"`);return this.name}get resolvedConfig(){const t=this.resolvedName;return{config:x[t],preset:N(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))};handleButtonClick=t=>{t.stopPropagation(),this.disabled||(this.buttonClick.emit(),this.closeDropdown())};selectItem(t,o){o?.stopPropagation(),t&&!t.disabled&&(this.click.emit(t.value),this.closeDropdown())}getTriggerClasses(t,o,n,d,r){const s=["sd-dropdown-button__trigger","sd-dropdown-button__trigger--"+t,"sd-dropdown-button__trigger--"+o];return n&&s.push("sd-dropdown-button__trigger--disabled"),d&&s.push("sd-dropdown-button__trigger--open"),void 0!==r&&s.push(`sd-dropdown-button__trigger--${r}-part`),s.join(" ")}getTriggerStyle(t,o){return{"--sd-dropdown-button-bg":t.color,"--sd-dropdown-button-bg-hover":f[o],"--sd-dropdown-button-border":k[o],"--sd-dropdown-button-content":y[o],"--sd-dropdown-button-icon":C[o],"--sd-dropdown-button-divider":E[o],"--sd-dropdown-button-accent":h,"--sd-dropdown-button-disabled-bg":I,"--sd-dropdown-button-disabled-content":S,"--sd-dropdown-button-disabled-icon":H,"--sd-dropdown-button-disabled-border":L}}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){const o=this.split?this.splitContainerRef:this.triggerRef;return(this.isOpen||this.isAnimatingOut)&&o?d("sd-portal",{open:this.isOpen,parentRef:o,onSdClose:this.closeDropdown},d("div",{class:"sd-dropdown-button__menu",role:"menu",ref:t=>this.menuRef=t,style:{"--sd-dropdown-button-menu-min-width":o.offsetWidth+"px","--sd-dropdown-button-menu-item-color":F[t],"--sd-dropdown-button-menu-item-active-bg":A[t],"--sd-dropdown-button-menu-item-active-color":T[t],"--sd-dropdown-button-menu-border":"transparent"===k[t]?E[t]:k[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:s(t.label)})))))):null}renderChevron(t){return d("span",{class:{"sd-dropdown-button__trigger-icon":!0,"sd-dropdown-button__trigger-icon--open":this.isOpen&&!this.split},"aria-hidden":"true"},d("sd-icon",{name:this.split?"etc":"caretDown",size:B[t],color:"var(--sd-dropdown-button-current-icon)"}))}render(){const{config:t,preset:o}=this.resolvedConfig,n=this.getTriggerStyle(t,o),r=j[t.size];return this.split?d("div",{class:"sd-dropdown-button sd-dropdown-button--split",ref:t=>this.splitContainerRef=t,style:{minWidth:r.split+"px"}},d("button",{type:"button",class:this.getTriggerClasses(o,t.size,this.disabled,this.isOpen,"label"),disabled:this.disabled,onClick:this.handleButtonClick,style:n},d("span",{class:"sd-dropdown-button__trigger-label"},this.label)),d("button",{type:"button",class:this.getTriggerClasses(o,t.size,this.disabled,this.isOpen,"chevron"),disabled:this.disabled,"aria-haspopup":"menu","aria-expanded":this.isOpen+"","aria-label":"dropdown toggle",onClick:this.toggleDropdown,ref:t=>this.triggerRef=t,style:n},this.renderChevron(t.size)),this.renderDropdown(o)):d("div",{class:"sd-dropdown-button"},d("button",{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:{...n,minWidth:r.default+"px"}},d("span",{class:"sd-dropdown-button__trigger-label"},this.label),this.renderChevron(t.size)),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-dropdown-md-gap, 16px);--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-icon:var(--sd-dropdown-button-content);--sd-dropdown-button-current-content:var(--sd-dropdown-button-content);--sd-dropdown-button-current-icon:var(--sd-dropdown-button-icon);--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-icon:var(--sd-button-button-icon-disabled, #BBBBBB);--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-dropdown-xs-gap, 6px);--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-dropdown-sm-gap, 8px);--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-dropdown-md-gap, 16px);--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);--sd-dropdown-button-current-icon:var(--sd-dropdown-button-disabled-icon);cursor:not-allowed}.sd-dropdown-button:not(.sd-dropdown-button--split) .sd-dropdown-button__trigger{gap:var(--sd-dropdown-button-gap);padding:0 var(--sd-dropdown-button-padding-x)}.sd-dropdown-button:not(.sd-dropdown-button--split) .sd-dropdown-button__trigger-label{padding:0}.sd-dropdown-button:not(.sd-dropdown-button--split) .sd-dropdown-button__trigger-icon{min-width:0;padding:0}.sd-dropdown-button--split{display:inline-flex;align-items:stretch}.sd-dropdown-button--split .sd-dropdown-button__trigger--label-part{border-top-right-radius:0;border-bottom-right-radius:0;border-right-width:0}.sd-dropdown-button--split .sd-dropdown-button__trigger--chevron-part{border-top-left-radius:0;border-bottom-left-radius:0;border-left:var(--sd-button-button-border-width-default, 1px) solid var(--sd-dropdown-button-divider)}.sd-dropdown-button--split .sd-dropdown-button__trigger--chevron-part.sd-dropdown-button__trigger--disabled{border-left-color: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-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],split:[4],isOpen:[32],isAnimatingOut:[32],itemIndex:[32],sdOpen:[64],sdClose:[64]},void 0,{isOpen:[{handleOpenChange:0}]}]),M=R,U=function(){"undefined"!=typeof customElements&&["sd-dropdown-button","sd-icon","sd-portal"].forEach((t=>{switch(t){case"sd-dropdown-button":customElements.get(r(t))||customElements.define(r(t),R);break;case"sd-icon":customElements.get(r(t))||w();break;case"sd-portal":customElements.get(r(t))||g()}}))};export{M as SdDropdownButton,U as defineCustomElement}

package/dist/components/sd-field.js

@@ -1 +1 @@
-import{S as o,d as s}from"./p-DN7MAx-q.js";const p=o,r=s;export{p as SdField,r as defineCustomElement}
+import{S as s,d as o}from"./p-DsZwiWiU.js";const i=s,p=o;export{i as SdField,p as defineCustomElement}

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

@@ -1 +1 @@
-import{S as s,d as o}from"./p-CYMMLsGt.js";const t=s,p=o;export{t as SdFilePicker,p as defineCustomElement}
+import{S as o,d as s}from"./p-2g4jlJ3i.js";const p=o,r=s;export{p as SdFilePicker,r as defineCustomElement}

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

@@ -1 +1 @@
-import{S as o,d as s}from"./p-R-Sdglj0.js";const p=o,r=s;export{p as SdFloatingPortal,r as defineCustomElement}
+import{S as o,d as s}from"./p-DSWD8udu.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 a}from"./p-Uh9emYrV.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:"f533f9dcf3a13e66d37644baa5217b90a67350a2",onSubmit:s=>this.onSubmit(s),class:this.formClass},e("slot",{key:"8a108703faeb2ed7d1e47a72b407b7a7fc88063d"}))}},[772,"sd-form",{formClass:[1,"form-class"],sdRegisterField:[64],sdUnregisterField:[64],sdValidate:[64],sdReset:[64],sdResetValidation:[64]}]),r=d,n=function(){"undefined"!=typeof customElements&&["sd-form"].forEach((s=>{"sd-form"===s&&(customElements.get(a(s))||customElements.define(a(s),d))}))};export{r as SdForm,n as defineCustomElement}
+import{p as s,H as t,c as i,h as e,t as a}from"./p-C6wuKkUq.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:"f533f9dcf3a13e66d37644baa5217b90a67350a2",onSubmit:s=>this.onSubmit(s),class:this.formClass},e("slot",{key:"8a108703faeb2ed7d1e47a72b407b7a7fc88063d"}))}},[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 s}from"./p-BFVfSW9t.js";const t=o,p=s;export{t as SdGhostButton,p as defineCustomElement}
+import{S as o,d as s}from"./p-SYnTIeiO.js";const p=o,r=s;export{p as SdGhostButton,r 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-Uh9emYrV.js";import{s as o}from"./p-Bth2l1cy.js";import{s as n}from"./p-BE4tnQ2Z.js";import{d as s}from"./p-oYbVr-z0.js";import{d as u}from"./p-BFVfSW9t.js";import{d as g}from"./p-Di1q4f5E.js";import{d as a}from"./p-BHjezpAC.js";import{d as r}from"./p-f0aBxUBG.js";const{button:p,contents:b}={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"},body:{gap:"2"},typography:{title:{fontWeight:"700",fontSize:"16",lineHeight:"26"},body:{fontWeight:"400",fontSize:"12",lineHeight:"20"},color:"#222222"},icon:"#00973C",radius:"8"}},c=o.color.fg.primary,l={button:{height:p.height+"px",paddingX:p.paddingX+"px",radius:p.radius+"px",gap:p.gap+"px",fontSize:p.typography.fontSize+"px",fontWeight:p.typography.fontWeight,lineHeight:p.typography.lineHeight+"px",iconColorDefault:p.icon.default,iconColorActive:p.icon.active,iconColorNotion:c,borderWidth:p.border.width+"px",borderColor:p.border.default,bgDefault:p.bg.default,bgTip:p.bg.tip,bgNotion:p.bg.notion,textDefault:p.text.default,textActive:p.text.active},contents:{paddingX:b.paddingX+"px",paddingY:b.paddingY+"px",gap:b.gap+"px",bodyGap:b.body.gap+"px",titleGap:b.title.gap+"px",radius:b.radius+"px",iconColor:b.icon,iconColorNotion:c,titleFontSize:b.typography.title.fontSize+"px",titleFontWeight:b.typography.title.fontWeight,titleLineHeight:b.typography.title.lineHeight+"px",bodyFontSize:b.typography.body.fontSize+"px",bodyFontWeight:b.typography.body.fontWeight,bodyLineHeight:b.typography.body.lineHeight+"px",textColor:b.typography.color}},h={tip:"활용 TIP",notion:"사용법 안내"},_={tip:"helpOutline",notion:"notion"},f=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}=l;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-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}=l,e=this.popupShow,d=h[this.type??"tip"],o=_[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:"7d85d4650de1bef19699cdacaceeeab69a7f221c",class:"sd-guide",style:this.guideStyle},i("sd-button",{key:"b4cd191ba9593ce83343097e9b24fb56d86c6859",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:"2523de8af47987b2f0761c999817bf1ca595b4e6",open:this.popupShow,parentRef:this.guideRef,onSdClose:this.closeDropdown,offset:[0,4]},i("div",{key:"2fcc5a768d626d5ba97427ad99dc1c6155b5c36b",class:"sd-guide__popup",style:{...this.guideStyle,width:null!=this.popupWidth?this.popupWidth+"px":"426px"}},i("sd-ghost-button",{key:"de6b053ff6373bf2690d0874d01692e456a38991",class:"sd-guide__popup__close",icon:"close",ariaLabel:"close",size:"sm",onSdClick:this.closeDropdown}),i("div",{key:"10f2de0819a6a97571719ca2e04101833c78f1d3",class:"sd-guide__popup__header"},i("sd-icon",{key:"b11478e02574f5e211cd9d2478080d2c9895cb5d",name:o,size:24,color:n}),i("h3",{key:"ef361769bc0363ebb7215b6fbd1fdb38b2864434",class:"sd-guide__popup__title"},this.popupTitle||d)),i("ul",{key:"914ae5fa0fa7ae52954df58e17beb187ddc2a966",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:n(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-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]}]),m=f,v=function(){"undefined"!=typeof customElements&&["sd-guide","sd-button","sd-ghost-button","sd-icon","sd-portal","sd-tag"].forEach((t=>{switch(t){case"sd-guide":customElements.get(d(t))||customElements.define(d(t),f);break;case"sd-button":customElements.get(d(t))||s();break;case"sd-ghost-button":customElements.get(d(t))||u();break;case"sd-icon":customElements.get(d(t))||g();break;case"sd-portal":customElements.get(d(t))||a();break;case"sd-tag":customElements.get(d(t))||r()}}))};export{m as SdGuide,v as defineCustomElement}
+import{p as t,H as e,h as i,t as d}from"./p-C6wuKkUq.js";import{s as o}from"./p-Bth2l1cy.js";import{s as n}from"./p-BE4tnQ2Z.js";import{d as s}from"./p-CKV2W-zU.js";import{d as u}from"./p-SYnTIeiO.js";import{d as g}from"./p-DWnuCSqC.js";import{d as a}from"./p-CH9dgzTr.js";import{d as r}from"./p-CTCt17CE.js";const{button:p,contents:b}={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"},body:{gap:"2"},typography:{title:{fontWeight:"700",fontSize:"16",lineHeight:"26"},body:{fontWeight:"400",fontSize:"12",lineHeight:"20"},color:"#222222"},icon:"#00973C",radius:"8"}},c=o.color.fg.primary,l={button:{height:p.height+"px",paddingX:p.paddingX+"px",radius:p.radius+"px",gap:p.gap+"px",fontSize:p.typography.fontSize+"px",fontWeight:p.typography.fontWeight,lineHeight:p.typography.lineHeight+"px",iconColorDefault:p.icon.default,iconColorActive:p.icon.active,iconColorNotion:c,borderWidth:p.border.width+"px",borderColor:p.border.default,bgDefault:p.bg.default,bgTip:p.bg.tip,bgNotion:p.bg.notion,textDefault:p.text.default,textActive:p.text.active},contents:{paddingX:b.paddingX+"px",paddingY:b.paddingY+"px",gap:b.gap+"px",bodyGap:b.body.gap+"px",titleGap:b.title.gap+"px",radius:b.radius+"px",iconColor:b.icon,iconColorNotion:c,titleFontSize:b.typography.title.fontSize+"px",titleFontWeight:b.typography.title.fontWeight,titleLineHeight:b.typography.title.lineHeight+"px",bodyFontSize:b.typography.body.fontSize+"px",bodyFontWeight:b.typography.body.fontWeight,bodyLineHeight:b.typography.body.lineHeight+"px",textColor:b.typography.color}},_={tip:"활용 TIP",notion:"사용법 안내"},h={tip:"helpOutline",notion:"notion"},f=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}=l;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-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}=l,e=this.popupShow,d=_[this.type??"tip"],o=h[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:"7d85d4650de1bef19699cdacaceeeab69a7f221c",class:"sd-guide",style:this.guideStyle},i("sd-button",{key:"b4cd191ba9593ce83343097e9b24fb56d86c6859",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:"2523de8af47987b2f0761c999817bf1ca595b4e6",open:this.popupShow,parentRef:this.guideRef,onSdClose:this.closeDropdown,offset:[0,4]},i("div",{key:"2fcc5a768d626d5ba97427ad99dc1c6155b5c36b",class:"sd-guide__popup",style:{...this.guideStyle,width:null!=this.popupWidth?this.popupWidth+"px":"426px"}},i("sd-ghost-button",{key:"de6b053ff6373bf2690d0874d01692e456a38991",class:"sd-guide__popup__close",icon:"close",ariaLabel:"close",size:"sm",onSdClick:this.closeDropdown}),i("div",{key:"10f2de0819a6a97571719ca2e04101833c78f1d3",class:"sd-guide__popup__header"},i("sd-icon",{key:"b11478e02574f5e211cd9d2478080d2c9895cb5d",name:o,size:24,color:n}),i("h3",{key:"ef361769bc0363ebb7215b6fbd1fdb38b2864434",class:"sd-guide__popup__title"},this.popupTitle||d)),i("ul",{key:"914ae5fa0fa7ae52954df58e17beb187ddc2a966",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:n(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-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]}]),m=f,v=function(){"undefined"!=typeof customElements&&["sd-guide","sd-button","sd-ghost-button","sd-icon","sd-portal","sd-tag"].forEach((t=>{switch(t){case"sd-guide":customElements.get(d(t))||customElements.define(d(t),f);break;case"sd-button":customElements.get(d(t))||s();break;case"sd-ghost-button":customElements.get(d(t))||u();break;case"sd-icon":customElements.get(d(t))||g();break;case"sd-portal":customElements.get(d(t))||a();break;case"sd-tag":customElements.get(d(t))||r()}}))};export{m as SdGuide,v as defineCustomElement}

package/dist/components/sd-icon.js

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

package/dist/components/sd-input.js

@@ -1 +1 @@
-import{S as o,d as s}from"./p-CBoDoYDO.js";const p=o,r=s;export{p as SdInput,r as defineCustomElement}
+import{S as o,d as s}from"./p-C6o10dl7.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-Uh9emYrV.js";import{s as l}from"./p-Bth2l1cy.js";import{d as r}from"./p-oYbVr-z0.js";import{d as i}from"./p-9Ap2W-Mi.js";import{d as o}from"./p-DMoFncVl.js";import{d as n}from"./p-C_in6AVN.js";import{d as u}from"./p-Cvsrc0be.js";import{d as p}from"./p-DJ8z7_EG.js";import{d as c}from"./p-C_SG4M4z.js";import{d as b}from"./p-CmRF12Fy.js";import{d as k}from"./p-DN7MAx-q.js";import{d as v}from"./p-CYMMLsGt.js";import{d as m}from"./p-R-Sdglj0.js";import{d as h}from"./p-BFVfSW9t.js";import{d as y}from"./p-Di1q4f5E.js";import{d as g}from"./p-CBoDoYDO.js";import{d as f}from"./p-CgSXYw_0.js";import{d as _}from"./p-BHjezpAC.js";import{d as x}from"./p-BKu0I6Io.js";import{d as w}from"./p-DS6NVBvu.js";import{d as S}from"./p-B_Zwr4Et.js";import{d as E}from"./p-CbS69IvC.js";import{d as j}from"./p-CFTyEfB9.js";import{d as F}from"./p-C7mC7a1z.js";import{d as N}from"./p-CSr33M9s.js";import{d as C}from"./p-f0aBxUBG.js";import{d as z}from"./p-D_56BjcD.js";import{d as B}from"./p-DJmxpVkK.js";const U={paddingX:"16",gap:"4",bg:"#F5FAFF",typography:{fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontSize:"12",lineHeight:"20"}},D={typography:{fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontWeight:"400",fontSize:"12",lineHeight:"20"}},A={color:"#E1E1E1",width:"1"},M={gap:"8"},T="8",I={body:{paddingY:"8",paddingX:{default:"8",wide:"16"}},height:"44",search:{paddingX:"32",bg:"#F9F9F9"}},V=Number(I.height),q=Number(T),G=Number(U.paddingX),H=Number(I.body.paddingY),Y=Number(I.body.paddingX.default),W=Number(I.body.paddingX.wide),$=Number(U.gap),K=Number(M.gap),L=Number(A.width),O=Number(I.search.paddingX),P={border:A.color,thBg:U.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:I.search.bg},R={labelFontFamily:U.typography.fontFamily,labelFontSize:Number(U.typography.fontSize),labelFontWeight:700,labelLineHeight:Number(U.typography.lineHeight),tdFontFamily:D.typography.fontFamily,tdFontSize:Number(D.typography.fontSize),tdFontWeight:Number(D.typography.fontWeight),tdLineHeight:Number(D.typography.lineHeight)},X=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.change=s(this,"sdChange",7),this.searchEvent=s(this,"sdSearch",7)}fields=[];values={};search=!1;radius="default";change;searchEvent;emit=(e,t)=>{this.change.emit({name:e,value:t,values:{...this.values,[e]:t}})};resolveOptions(e){const t={...e.options??{}};return Object.prototype.hasOwnProperty.call(this.values,e.name)&&(t.value=this.values[e.name]),t}handleSearchClick=()=>{this.searchEvent.emit()};renderField(e){const t=t=>this.emit(e.name,t.detail),s=this.resolveOptions(e);switch(e.type){case"input":return a("sd-input",{width:"100%",...s,onSdUpdate:t});case"textarea":return a("sd-textarea",{width:"100%",...s,onSdUpdate:t});case"number-input":return a("sd-number-input",{width:"100%",...s,onSdUpdate:t});case"select":return a("sd-select",{width:"100%",...s,onSdUpdate:t});case"radio":{const{value:e,direction:d,...l}=s;return a("sd-radio-group",{...l,value:e,direction:d??"horizontal",onSdUpdate:t})}case"checkbox":{const{value:e,...d}=s;return a("sd-checkbox",{...d,value:e,onSdUpdate:t})}case"date-picker":return a("sd-date-picker",{width:"100%",...s,onSdUpdate:t});case"date-range-picker":return a("sd-date-range-picker",{width:"100%",...s,onSdUpdate:t});case"file-picker":return a("sd-file-picker",{width:"100%",...s,onSdUpdate:t});default:return a("span",{class:"sd-key-value-table__text"},s.value??"")}}renderHelpIcon(e){return a("span",{class:"sd-key-value-table__help"},a("sd-tooltip",{icon:"helpOutline",iconSize:16,color:P.helpIcon,trigger:"hover"},e))}computeAutoSkipTh(){const e=this.fields.map((e=>e.map((()=>!1))));return this.fields.forEach(((t,s)=>{t.forEach(((t,a)=>{const d=null!=t.thRowSpan&&t.thRowSpan>1?t.thRowSpan:1;if(!(d<=1))for(let t=1;t<d;t++){const d=e[s+t];d&&a<d.length&&(d[a]=!0)}}))})),e}computeMaxCols(e){let t=0;return this.fields.forEach(((s,a)=>{let d=0;s.forEach(((t,s)=>{let l;l=t.hideTh?0:e[a]?.[s]?1:null!=t.thColSpan&&t.thColSpan>1?t.thColSpan:1,d+=l+(null!=t.tdColSpan&&t.tdColSpan>1?t.tdColSpan:1)})),d>t&&(t=d)})),t}buildThStyle(e){const t={...e};return null!=e.color&&(t["--sd-kvt-th-color"]=e.color),null!=e.background&&(t["--sd-kvt-th-bg"]=e.background),null!=e.backgroundColor&&(t["--sd-kvt-th-bg"]=e.backgroundColor),null!=e.fontFamily&&(t["--sd-kvt-label-font-family"]=e.fontFamily),null!=e.fontSize&&(t["--sd-kvt-label-font-size"]=e.fontSize),null!=e.fontWeight&&(t["--sd-kvt-label-font-weight"]=e.fontWeight),null!=e.lineHeight&&(t["--sd-kvt-label-line-height"]=e.lineHeight),t}renderTh(e,t,s){const d=null!=e.thRowSpan&&e.thRowSpan>1?e.thRowSpan:void 0,l=null!=e.thColSpan&&e.thColSpan>1?e.thColSpan:void 0,r={"sd-key-value-table__th":!0};"string"==typeof e.thClass?r[e.thClass]=!0:Array.isArray(e.thClass)&&e.thClass.forEach((e=>r[e]=!0));const i=null!=e.thStyle?this.buildThStyle(e.thStyle):void 0;return a("th",{key:`th-${t}-${s}`,class:r,style:i,scope:"row",rowSpan:d,colSpan:l},a("div",{class:"sd-key-value-table__th-inner"},a("span",{class:"sd-key-value-table__label"},e.label,e.required&&a("sd-icon",{class:"sd-key-value-table__required",name:"star",size:12,color:P.required,label:"required"})),e.helpText&&this.renderHelpIcon(e.helpText)))}renderTd(e,t,s){return a("td",{key:`td-${t}-${s}`,class:{"sd-key-value-table__td":!0,"sd-key-value-table__td--text":null==e.type||"text"===e.type},rowSpan:null!=e.tdRowSpan&&e.tdRowSpan>1?e.tdRowSpan:void 0,colSpan:null!=e.tdColSpan&&e.tdColSpan>1?e.tdColSpan:void 0},a("div",{class:"sd-key-value-table__td-inner"},a("slot",{name:"field-"+e.name},this.renderField(e))))}warnDuplicateNames(){const e=new Set,t=new Set;this.fields.forEach((s=>s.forEach((s=>{e.has(s.name)?t.add(s.name):e.add(s.name)})))),t.size>0&&console.warn(`[sd-key-value-table] Duplicate field name(s) detected: ${[...t].join(", ")}. Slot names ("field-{name}") and sdChange events rely on unique names.`)}render(){if(0===this.fields.length)return null;const e={"--sd-kvt-row-height":V+"px","--sd-kvt-th-width":"120px","--sd-kvt-radius":q+"px","--sd-kvt-th-padding-x":G+"px","--sd-kvt-padding":H+"px","--sd-kvt-td-padding-x":Y+"px","--sd-kvt-td-padding-x-wide":W+"px","--sd-kvt-gap":$+"px","--sd-kvt-label-gap":K+"px","--sd-kvt-border-width":L+"px","--sd-kvt-border-color":P.border,"--sd-kvt-th-bg":P.thBg,"--sd-kvt-th-color":P.thLabel,"--sd-kvt-required-color":P.required,"--sd-kvt-td-bg":P.tdBg,"--sd-kvt-td-color":P.tdText,"--sd-kvt-label-font-family":R.labelFontFamily,"--sd-kvt-label-font-size":R.labelFontSize+"px","--sd-kvt-label-font-weight":""+R.labelFontWeight,"--sd-kvt-label-line-height":R.labelLineHeight+"px","--sd-kvt-td-font-family":R.tdFontFamily,"--sd-kvt-td-font-size":R.tdFontSize+"px","--sd-kvt-td-font-weight":""+R.tdFontWeight,"--sd-kvt-td-line-height":R.tdLineHeight+"px","--sd-kvt-search-bg":P.searchBg,"--sd-kvt-search-padding-x":O+"px"};this.warnDuplicateNames();const t=this.computeAutoSkipTh(),s=this.computeMaxCols(t),d=a("table",{class:{"sd-key-value-table":!0,"sd-key-value-table--radius-useTop":"useTop"===this.radius,"sd-key-value-table--radius-full":"full"===this.radius},style:e},a("colgroup",null,Array.from({length:s},((e,t)=>{if(t%2!=0)return a("col",{key:"col-"+t});const s=t/2,d=this.fields.reduce(((e,t)=>null!=e?e:t[s]?.thWidth),void 0);return a("col",{key:"col-"+t,style:{width:null!=d?"number"==typeof d?d+"px":d:"120px"}})}))),a("tbody",null,this.fields.map(((e,s)=>a("tr",{class:"sd-key-value-table__row",key:"row-"+s},e.map(((e,a)=>[e.hideTh||t[s][a]?null:this.renderTh(e,s,a),this.renderTd(e,s,a)])))))));return this.search?a("div",{class:{"sd-key-value-table__wrapper":!0,"sd-key-value-table__wrapper--radius-useTop":"useTop"===this.radius,"sd-key-value-table__wrapper--radius-full":"full"===this.radius},style:e},d,a("div",{class:"sd-key-value-table__search-panel"},a("sd-button",{label:"검색",name:"neutral_outline_md",onSdClick:this.handleSearchClick}))):d}static get style(){return"sd-key-value-table{display:block}sd-key-value-table .sd-key-value-table__wrapper{display:flex;align-items:stretch;width:100%;border:var(--sd-kvt-border-width) solid var(--sd-kvt-border-color);border-radius:var(--sd-kvt-radius);overflow:hidden}sd-key-value-table .sd-key-value-table__wrapper .sd-key-value-table{flex:1 1 auto;border:0;border-radius:0}sd-key-value-table .sd-key-value-table__wrapper.sd-key-value-table__wrapper--radius-useTop{border-top-left-radius:0;border-top-right-radius:0}sd-key-value-table .sd-key-value-table__wrapper.sd-key-value-table__wrapper--radius-full{border-radius:0}sd-key-value-table .sd-key-value-table__search-panel{display:flex;align-items:center;justify-content:center;flex:0 0 auto;padding:var(--sd-kvt-padding) var(--sd-kvt-search-padding-x);background:var(--sd-kvt-search-bg);border-left:var(--sd-kvt-border-width) solid var(--sd-kvt-border-color)}sd-key-value-table .sd-key-value-table{width:100%;table-layout:fixed;border:var(--sd-kvt-border-width) solid var(--sd-kvt-border-color);border-radius:var(--sd-kvt-radius);border-collapse:separate;border-spacing:0;overflow:hidden}sd-key-value-table .sd-key-value-table.sd-key-value-table--radius-useTop{border-top-left-radius:0;border-top-right-radius:0}sd-key-value-table .sd-key-value-table.sd-key-value-table--radius-full{border-radius:0}sd-key-value-table .sd-key-value-table__th,sd-key-value-table .sd-key-value-table__td{height:var(--sd-kvt-row-height);box-sizing:border-box;vertical-align:middle;text-align:left;font-weight:normal;border-top:var(--sd-kvt-border-width) solid var(--sd-kvt-border-color)}sd-key-value-table .sd-key-value-table tbody>tr:first-child>.sd-key-value-table__th,sd-key-value-table .sd-key-value-table tbody>tr:first-child>.sd-key-value-table__td{border-top:0}sd-key-value-table .sd-key-value-table__th{padding:var(--sd-kvt-padding) var(--sd-kvt-th-padding-x);width:var(--sd-kvt-th-width);background:var(--sd-kvt-th-bg);color:var(--sd-kvt-th-color)}sd-key-value-table .sd-key-value-table__th-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--sd-kvt-gap);width:100%;height:100%}sd-key-value-table .sd-key-value-table__label{display:inline-flex;align-items:center;gap:var(--sd-kvt-label-gap);font-family:var(--sd-kvt-label-font-family);font-size:var(--sd-kvt-label-font-size);font-weight:var(--sd-kvt-label-font-weight);line-height:var(--sd-kvt-label-line-height);color:var(--sd-kvt-th-color)}sd-key-value-table .sd-key-value-table__required{display:inline-flex;align-items:center;flex-shrink:0}sd-key-value-table .sd-key-value-table__help{display:inline-flex;align-items:center;flex-shrink:0}sd-key-value-table .sd-key-value-table__td{padding:var(--sd-kvt-padding) var(--sd-kvt-td-padding-x);background:var(--sd-kvt-td-bg);color:var(--sd-kvt-td-color)}sd-key-value-table .sd-key-value-table__td--text{padding-left:var(--sd-kvt-td-padding-x-wide);padding-right:var(--sd-kvt-td-padding-x-wide)}sd-key-value-table .sd-key-value-table__td-inner{display:flex;align-items:center;width:100%;height:100%}sd-key-value-table .sd-key-value-table__td-inner>slot{display:block;flex:1 1 auto;min-width:0}sd-key-value-table .sd-key-value-table__td-inner sd-input,sd-key-value-table .sd-key-value-table__td-inner sd-textarea,sd-key-value-table .sd-key-value-table__td-inner sd-number-input,sd-key-value-table .sd-key-value-table__td-inner sd-select,sd-key-value-table .sd-key-value-table__td-inner sd-date-picker,sd-key-value-table .sd-key-value-table__td-inner sd-date-range-picker,sd-key-value-table .sd-key-value-table__td-inner sd-file-picker{width:100%}sd-key-value-table .sd-key-value-table__text{font-family:var(--sd-kvt-td-font-family);font-size:var(--sd-kvt-td-font-size);font-weight:var(--sd-kvt-td-font-weight);line-height:var(--sd-kvt-td-line-height);color:var(--sd-kvt-td-color)}"}},[772,"sd-key-value-table",{fields:[16],values:[16],search:[4],radius:[1]}]),J=X,Z=function(){"undefined"!=typeof customElements&&["sd-key-value-table","sd-button","sd-calendar","sd-checkbox","sd-chip","sd-date-picker","sd-date-picker-trigger","sd-date-range-picker","sd-date-range-picker-calendar","sd-field","sd-file-picker","sd-floating-portal","sd-ghost-button","sd-icon","sd-input","sd-number-input","sd-portal","sd-radio","sd-radio-group","sd-select","sd-select-list-item","sd-select-list-item-search","sd-select-listbox","sd-select-trigger","sd-tag","sd-textarea","sd-tooltip"].forEach((e=>{switch(e){case"sd-key-value-table":customElements.get(d(e))||customElements.define(d(e),X);break;case"sd-button":customElements.get(d(e))||r();break;case"sd-calendar":customElements.get(d(e))||i();break;case"sd-checkbox":customElements.get(d(e))||o();break;case"sd-chip":customElements.get(d(e))||n();break;case"sd-date-picker":customElements.get(d(e))||u();break;case"sd-date-picker-trigger":customElements.get(d(e))||p();break;case"sd-date-range-picker":customElements.get(d(e))||c();break;case"sd-date-range-picker-calendar":customElements.get(d(e))||b();break;case"sd-field":customElements.get(d(e))||k();break;case"sd-file-picker":customElements.get(d(e))||v();break;case"sd-floating-portal":customElements.get(d(e))||m();break;case"sd-ghost-button":customElements.get(d(e))||h();break;case"sd-icon":customElements.get(d(e))||y();break;case"sd-input":customElements.get(d(e))||g();break;case"sd-number-input":customElements.get(d(e))||f();break;case"sd-portal":customElements.get(d(e))||_();break;case"sd-radio":customElements.get(d(e))||x();break;case"sd-radio-group":customElements.get(d(e))||w();break;case"sd-select":customElements.get(d(e))||S();break;case"sd-select-list-item":customElements.get(d(e))||E();break;case"sd-select-list-item-search":customElements.get(d(e))||j();break;case"sd-select-listbox":customElements.get(d(e))||F();break;case"sd-select-trigger":customElements.get(d(e))||N();break;case"sd-tag":customElements.get(d(e))||C();break;case"sd-textarea":customElements.get(d(e))||z();break;case"sd-tooltip":customElements.get(d(e))||B()}}))};export{J as SdKeyValueTable,Z as defineCustomElement}
+import{p as e,H as t,c as s,h as a,t as d}from"./p-C6wuKkUq.js";import{s as l}from"./p-Bth2l1cy.js";import{d as r}from"./p-CKV2W-zU.js";import{d as i}from"./p-DasiqnrU.js";import{d as o}from"./p-FGII920I.js";import{d as n}from"./p-6U1qyU5A.js";import{d as u}from"./p-D9qp3o5Y.js";import{d as p}from"./p-D8yhjm54.js";import{d as c}from"./p-1DsQj3tv.js";import{d as b}from"./p-Hjv7LqkN.js";import{d as k}from"./p-DsZwiWiU.js";import{d as v}from"./p-2g4jlJ3i.js";import{d as m}from"./p-DSWD8udu.js";import{d as h}from"./p-SYnTIeiO.js";import{d as y}from"./p-DWnuCSqC.js";import{d as g}from"./p-C6o10dl7.js";import{d as f}from"./p-mcbwNjNT.js";import{d as _}from"./p-CH9dgzTr.js";import{d as x}from"./p-CmCOLnc0.js";import{d as w}from"./p-CzJ9g73f.js";import{d as j}from"./p-OnBLxJAP.js";import{d as E}from"./p-C9IKm4j5.js";import{d as S}from"./p-DnlLqzGM.js";import{d as N}from"./p-CwzkplrI.js";import{d as C}from"./p-B-EV9bey.js";import{d as F}from"./p-CTCt17CE.js";import{d as z}from"./p-DYjaQs6e.js";import{d as U}from"./p-qZxAQy4p.js";const T={paddingX:"16",gap:"4",bg:"#F5FAFF",typography:{fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontSize:"12",lineHeight:"20"}},q={typography:{fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontWeight:"400",fontSize:"12",lineHeight:"20"}},D={color:"#E1E1E1",width:"1"},I={gap:"8"},A="8",B={body:{paddingY:"8",paddingX:{default:"8",wide:"16"}},height:"44",search:{paddingX:"32",bg:"#F9F9F9"}},H=Number(B.height),L=Number(A),W=Number(T.paddingX),G=Number(B.body.paddingY),M=Number(B.body.paddingX.default),O=Number(B.body.paddingX.wide),K=Number(T.gap),P=Number(I.gap),$=Number(D.width),V=Number(B.search.paddingX),Y={border:D.color,thBg:T.bg,thLabel:l.color.fg.primary,required:l.color.fg.accent,helpIcon:l.color.fg.success,tdBg:l.color.bg.frame,tdText:l.color.fg.primary,searchBg:B.search.bg},J={labelFontFamily:T.typography.fontFamily,labelFontSize:Number(T.typography.fontSize),labelFontWeight:700,labelLineHeight:Number(T.typography.lineHeight),tdFontFamily:q.typography.fontFamily,tdFontSize:Number(q.typography.fontSize),tdFontWeight:Number(q.typography.fontWeight),tdLineHeight:Number(q.typography.lineHeight)},Q=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.change=s(this,"sdChange",7),this.searchEvent=s(this,"sdSearch",7)}fields=[];values={};search=!1;radius="default";change;searchEvent;emit=(e,t)=>{this.change.emit({name:e,value:t,values:{...this.values,[e]:t}})};resolveOptions(e){const t={...e.options??{}};return Object.prototype.hasOwnProperty.call(this.values,e.name)&&(t.value=this.values[e.name]),t}handleSearchClick=()=>{this.searchEvent.emit()};renderField(e){const t=t=>this.emit(e.name,t.detail),s=this.resolveOptions(e);switch(e.type){case"input":return a("sd-input",{width:"100%",...s,onSdUpdate:t});case"textarea":return a("sd-textarea",{width:"100%",...s,onSdUpdate:t});case"number-input":return a("sd-number-input",{width:"100%",...s,onSdUpdate:t});case"select":return a("sd-select",{width:"100%",...s,onSdUpdate:t});case"radio":{const{value:e,direction:d,...l}=s;return a("sd-radio-group",{...l,value:e,direction:d??"horizontal",onSdUpdate:t})}case"checkbox":{const{value:e,...d}=s;return a("sd-checkbox",{...d,value:e,onSdUpdate:t})}case"date-picker":return a("sd-date-picker",{width:"100%",...s,onSdUpdate:t});case"date-range-picker":return a("sd-date-range-picker",{width:"100%",...s,onSdUpdate:t});case"file-picker":return a("sd-file-picker",{width:"100%",...s,onSdUpdate:t});default:return a("span",{class:"sd-key-value-table__text"},s.value??"")}}renderHelpIcon(e){return a("span",{class:"sd-key-value-table__help"},a("sd-tooltip",{icon:"helpOutline",iconSize:16,color:Y.helpIcon,trigger:"hover"},e))}computeAutoSkipTh(){const e=this.fields.map((e=>e.map((()=>!1))));return this.fields.forEach(((t,s)=>{t.forEach(((t,a)=>{const d=null!=t.thRowSpan&&t.thRowSpan>1?t.thRowSpan:1;if(!(d<=1))for(let t=1;t<d;t++){const d=e[s+t];d&&a<d.length&&(d[a]=!0)}}))})),e}computeMaxCols(e){let t=0;return this.fields.forEach(((s,a)=>{let d=0;s.forEach(((t,s)=>{let l;l=t.hideTh?0:e[a]?.[s]?1:null!=t.thColSpan&&t.thColSpan>1?t.thColSpan:1,d+=l+(null!=t.tdColSpan&&t.tdColSpan>1?t.tdColSpan:1)})),d>t&&(t=d)})),t}buildThStyle(e){const t={...e};return null!=e.color&&(t["--sd-kvt-th-color"]=e.color),null!=e.background&&(t["--sd-kvt-th-bg"]=e.background),null!=e.backgroundColor&&(t["--sd-kvt-th-bg"]=e.backgroundColor),null!=e.fontFamily&&(t["--sd-kvt-label-font-family"]=e.fontFamily),null!=e.fontSize&&(t["--sd-kvt-label-font-size"]=e.fontSize),null!=e.fontWeight&&(t["--sd-kvt-label-font-weight"]=e.fontWeight),null!=e.lineHeight&&(t["--sd-kvt-label-line-height"]=e.lineHeight),t}renderTh(e,t,s){const d=null!=e.thRowSpan&&e.thRowSpan>1?e.thRowSpan:void 0,l=null!=e.thColSpan&&e.thColSpan>1?e.thColSpan:void 0,r={"sd-key-value-table__th":!0};"string"==typeof e.thClass?r[e.thClass]=!0:Array.isArray(e.thClass)&&e.thClass.forEach((e=>r[e]=!0));const i=null!=e.thStyle?this.buildThStyle(e.thStyle):void 0;return a("th",{key:`th-${t}-${s}`,class:r,style:i,scope:"row",rowSpan:d,colSpan:l},a("div",{class:"sd-key-value-table__th-inner"},a("span",{class:"sd-key-value-table__label"},e.label,e.required&&a("sd-icon",{class:"sd-key-value-table__required",name:"star",size:12,color:Y.required,label:"required"})),e.helpText&&this.renderHelpIcon(e.helpText)))}renderTd(e,t,s){return a("td",{key:`td-${t}-${s}`,class:{"sd-key-value-table__td":!0,"sd-key-value-table__td--text":null==e.type||"text"===e.type},rowSpan:null!=e.tdRowSpan&&e.tdRowSpan>1?e.tdRowSpan:void 0,colSpan:null!=e.tdColSpan&&e.tdColSpan>1?e.tdColSpan:void 0},a("div",{class:"sd-key-value-table__td-inner"},a("slot",{name:"field-"+e.name},this.renderField(e))))}warnDuplicateNames(){const e=new Set,t=new Set;this.fields.forEach((s=>s.forEach((s=>{e.has(s.name)?t.add(s.name):e.add(s.name)})))),t.size>0&&console.warn(`[sd-key-value-table] Duplicate field name(s) detected: ${[...t].join(", ")}. Slot names ("field-{name}") and sdChange events rely on unique names.`)}render(){if(0===this.fields.length)return null;const e={"--sd-kvt-row-height":H+"px","--sd-kvt-th-width":"120px","--sd-kvt-radius":L+"px","--sd-kvt-th-padding-x":W+"px","--sd-kvt-padding":G+"px","--sd-kvt-td-padding-x":M+"px","--sd-kvt-td-padding-x-wide":O+"px","--sd-kvt-gap":K+"px","--sd-kvt-label-gap":P+"px","--sd-kvt-border-width":$+"px","--sd-kvt-border-color":Y.border,"--sd-kvt-th-bg":Y.thBg,"--sd-kvt-th-color":Y.thLabel,"--sd-kvt-required-color":Y.required,"--sd-kvt-td-bg":Y.tdBg,"--sd-kvt-td-color":Y.tdText,"--sd-kvt-label-font-family":J.labelFontFamily,"--sd-kvt-label-font-size":J.labelFontSize+"px","--sd-kvt-label-font-weight":""+J.labelFontWeight,"--sd-kvt-label-line-height":J.labelLineHeight+"px","--sd-kvt-td-font-family":J.tdFontFamily,"--sd-kvt-td-font-size":J.tdFontSize+"px","--sd-kvt-td-font-weight":""+J.tdFontWeight,"--sd-kvt-td-line-height":J.tdLineHeight+"px","--sd-kvt-search-bg":Y.searchBg,"--sd-kvt-search-padding-x":V+"px"};this.warnDuplicateNames();const t=this.computeAutoSkipTh(),s=this.computeMaxCols(t),d=a("table",{class:{"sd-key-value-table":!0,"sd-key-value-table--radius-useTop":"useTop"===this.radius,"sd-key-value-table--radius-full":"full"===this.radius},style:e},a("colgroup",null,Array.from({length:s},((e,t)=>{if(t%2!=0)return a("col",{key:"col-"+t});const s=t/2,d=this.fields.reduce(((e,t)=>null!=e?e:t[s]?.thWidth),void 0);return a("col",{key:"col-"+t,style:{width:null!=d?"number"==typeof d?d+"px":d:"120px"}})}))),a("tbody",null,this.fields.map(((e,s)=>a("tr",{class:"sd-key-value-table__row",key:"row-"+s},e.map(((e,a)=>[e.hideTh||t[s][a]?null:this.renderTh(e,s,a),this.renderTd(e,s,a)])))))));return this.search?a("div",{class:{"sd-key-value-table__wrapper":!0,"sd-key-value-table__wrapper--radius-useTop":"useTop"===this.radius,"sd-key-value-table__wrapper--radius-full":"full"===this.radius},style:e},d,a("div",{class:"sd-key-value-table__search-panel"},a("sd-button",{label:"검색",name:"neutral_outline_md",onSdClick:this.handleSearchClick}))):d}static get style(){return"sd-key-value-table{display:block}sd-key-value-table .sd-key-value-table__wrapper{display:flex;align-items:stretch;width:100%;border:var(--sd-kvt-border-width) solid var(--sd-kvt-border-color);border-radius:var(--sd-kvt-radius);overflow:hidden}sd-key-value-table .sd-key-value-table__wrapper .sd-key-value-table{flex:1 1 auto;border:0;border-radius:0}sd-key-value-table .sd-key-value-table__wrapper.sd-key-value-table__wrapper--radius-useTop{border-top-left-radius:0;border-top-right-radius:0}sd-key-value-table .sd-key-value-table__wrapper.sd-key-value-table__wrapper--radius-full{border-radius:0}sd-key-value-table .sd-key-value-table__search-panel{display:flex;align-items:center;justify-content:center;flex:0 0 auto;padding:var(--sd-kvt-padding) var(--sd-kvt-search-padding-x);background:var(--sd-kvt-search-bg);border-left:var(--sd-kvt-border-width) solid var(--sd-kvt-border-color)}sd-key-value-table .sd-key-value-table{width:100%;table-layout:fixed;border:var(--sd-kvt-border-width) solid var(--sd-kvt-border-color);border-radius:var(--sd-kvt-radius);border-collapse:separate;border-spacing:0;overflow:hidden}sd-key-value-table .sd-key-value-table.sd-key-value-table--radius-useTop{border-top-left-radius:0;border-top-right-radius:0}sd-key-value-table .sd-key-value-table.sd-key-value-table--radius-full{border-radius:0}sd-key-value-table .sd-key-value-table__th,sd-key-value-table .sd-key-value-table__td{height:var(--sd-kvt-row-height);box-sizing:border-box;vertical-align:middle;text-align:left;font-weight:normal;border-top:var(--sd-kvt-border-width) solid var(--sd-kvt-border-color)}sd-key-value-table .sd-key-value-table tbody>tr:first-child>.sd-key-value-table__th,sd-key-value-table .sd-key-value-table tbody>tr:first-child>.sd-key-value-table__td{border-top:0}sd-key-value-table .sd-key-value-table__th{padding:var(--sd-kvt-padding) var(--sd-kvt-th-padding-x);width:var(--sd-kvt-th-width);background:var(--sd-kvt-th-bg);color:var(--sd-kvt-th-color)}sd-key-value-table .sd-key-value-table__th-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--sd-kvt-gap);width:100%;height:100%}sd-key-value-table .sd-key-value-table__label{display:inline-flex;align-items:center;gap:var(--sd-kvt-label-gap);font-family:var(--sd-kvt-label-font-family);font-size:var(--sd-kvt-label-font-size);font-weight:var(--sd-kvt-label-font-weight);line-height:var(--sd-kvt-label-line-height);color:var(--sd-kvt-th-color)}sd-key-value-table .sd-key-value-table__required{display:inline-flex;align-items:center;flex-shrink:0}sd-key-value-table .sd-key-value-table__help{display:inline-flex;align-items:center;flex-shrink:0}sd-key-value-table .sd-key-value-table__td{padding:var(--sd-kvt-padding) var(--sd-kvt-td-padding-x);background:var(--sd-kvt-td-bg);color:var(--sd-kvt-td-color)}sd-key-value-table .sd-key-value-table__td--text{padding-left:var(--sd-kvt-td-padding-x-wide);padding-right:var(--sd-kvt-td-padding-x-wide)}sd-key-value-table .sd-key-value-table__td-inner{display:flex;align-items:center;width:100%;height:100%}sd-key-value-table .sd-key-value-table__td-inner>slot{display:block;flex:1 1 auto;min-width:0}sd-key-value-table .sd-key-value-table__td-inner sd-input,sd-key-value-table .sd-key-value-table__td-inner sd-textarea,sd-key-value-table .sd-key-value-table__td-inner sd-number-input,sd-key-value-table .sd-key-value-table__td-inner sd-select,sd-key-value-table .sd-key-value-table__td-inner sd-date-picker,sd-key-value-table .sd-key-value-table__td-inner sd-date-range-picker,sd-key-value-table .sd-key-value-table__td-inner sd-file-picker{width:100%}sd-key-value-table .sd-key-value-table__text{font-family:var(--sd-kvt-td-font-family);font-size:var(--sd-kvt-td-font-size);font-weight:var(--sd-kvt-td-font-weight);line-height:var(--sd-kvt-td-line-height);color:var(--sd-kvt-td-color)}"}},[772,"sd-key-value-table",{fields:[16],values:[16],search:[4],radius:[1]}]),X=Q,R=function(){"undefined"!=typeof customElements&&["sd-key-value-table","sd-button","sd-calendar","sd-checkbox","sd-chip","sd-date-picker","sd-date-picker-trigger","sd-date-range-picker","sd-date-range-picker-calendar","sd-field","sd-file-picker","sd-floating-portal","sd-ghost-button","sd-icon","sd-input","sd-number-input","sd-portal","sd-radio","sd-radio-group","sd-select","sd-select-list-item","sd-select-list-item-search","sd-select-listbox","sd-select-trigger","sd-tag","sd-textarea","sd-tooltip"].forEach((e=>{switch(e){case"sd-key-value-table":customElements.get(d(e))||customElements.define(d(e),Q);break;case"sd-button":customElements.get(d(e))||r();break;case"sd-calendar":customElements.get(d(e))||i();break;case"sd-checkbox":customElements.get(d(e))||o();break;case"sd-chip":customElements.get(d(e))||n();break;case"sd-date-picker":customElements.get(d(e))||u();break;case"sd-date-picker-trigger":customElements.get(d(e))||p();break;case"sd-date-range-picker":customElements.get(d(e))||c();break;case"sd-date-range-picker-calendar":customElements.get(d(e))||b();break;case"sd-field":customElements.get(d(e))||k();break;case"sd-file-picker":customElements.get(d(e))||v();break;case"sd-floating-portal":customElements.get(d(e))||m();break;case"sd-ghost-button":customElements.get(d(e))||h();break;case"sd-icon":customElements.get(d(e))||y();break;case"sd-input":customElements.get(d(e))||g();break;case"sd-number-input":customElements.get(d(e))||f();break;case"sd-portal":customElements.get(d(e))||_();break;case"sd-radio":customElements.get(d(e))||x();break;case"sd-radio-group":customElements.get(d(e))||w();break;case"sd-select":customElements.get(d(e))||j();break;case"sd-select-list-item":customElements.get(d(e))||E();break;case"sd-select-list-item-search":customElements.get(d(e))||S();break;case"sd-select-listbox":customElements.get(d(e))||N();break;case"sd-select-trigger":customElements.get(d(e))||C();break;case"sd-tag":customElements.get(d(e))||F();break;case"sd-textarea":customElements.get(d(e))||z();break;case"sd-tooltip":customElements.get(d(e))||U()}}))};export{X as SdKeyValueTable,R as defineCustomElement}

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

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

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

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

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

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

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

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

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