@sellmate/design-system 1.0.49 → 1.0.51

package/dist/design-system/p-7a18a52b.entry.js

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

package/dist/design-system/p-8187020e.entry.js

@@ -0,0 +1 @@
+import{r as e,c as s,g as d,h as t}from"./p-DsU722JF.js";const i=class{constructor(d){e(this,d),this.update=s(this,"sdUpdate",7),this.viewChange=s(this,"sdViewChange",7)}get el(){return d(this)}value=null;label;selectable;disabled=!1;placeholder="";isOpen=!1;update;viewChange;inputEl;openMenu(){this.disabled||(this.isOpen=!0)}handleSelect=e=>{this.value=e.detail,this.isOpen=!1,this.update.emit(e.detail)};handleClose=()=>{this.isOpen=!1};handleViewChange=e=>{this.viewChange.emit(e.detail)};render(){return t("div",{key:"160bd9b2bbd9d223d4df341ed2fbba79c1701c13",class:{"sd-date-picker":!0,"sd-date-picker--disabled":this.disabled}},t("sd-input",{key:"cf7c72c144f1222308eb936a14d1786863019126",ref:e=>this.inputEl=e,value:this.value,addonLabel:this.label,readonly:!0,disabled:this.disabled,placeholder:this.placeholder,inputClass:"sd-date-picker__input",onClick:()=>this.openMenu()},t("sd-icon",{key:"8651ba1d36749667f53e9f064b973cb336389ab3",slot:"prefix",name:"date",size:"16",color:this.disabled?"grey_65":"grey_70",class:"date-icon",onClick:()=>this.openMenu()})),this.isOpen&&t("sd-portal",{key:"6ee759cf5cbb0afc4cd8adf704a489ef6cffc8f9",open:this.isOpen,parentRef:this.inputEl,onSdClose:this.handleClose},t("div",{key:"96c038fea5102ffd780fd296534cc294bd1c6912",class:"sd-date-picker__menu"},t("sd-calendar",{key:"bc8d14f98d5d56e6775f083e4096d1113c28a658",value:this.value,selectable:this.selectable,onSdSelect:this.handleSelect,onSdViewChange:this.handleViewChange}))))}};i.style=".sd-date-picker.sc-sd-date-picker{width:100%;display:inline-block}.sd-date-picker.sc-sd-date-picker .sd-date-picker--disabled.sc-sd-date-picker .date-icon.sc-sd-date-picker{cursor:not-allowed !important;color:#888888 !important}.sd-date-picker.sc-sd-date-picker .sd-date-picker__input.sc-sd-date-picker{text-align:center !important}.sd-date-picker__menu.sc-sd-date-picker{border-radius:8px;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.2)}";export{i as sd_date_picker}

package/dist/design-system/p-85e22acd.entry.js

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

package/dist/design-system/p-99bcc635.entry.js

@@ -0,0 +1 @@
+import{r as t,c as o,g as d,h as n}from"./p-DsU722JF.js";import{B as r}from"./p-CRdYeSBK.js";import{B as e,g as s,c as i,P as a,d as p,b as u}from"./p-ePjRdqmD.js";import{b}from"./p-BcM38Hvd.js";var c={accent:{default:"#0075FF"}},w={secondary:"#555555",inverse:"#FFFFFF"};const h=Object.keys(e).filter((t=>!t.endsWith("_lg"))),g=Object.fromEntries(h.map((t=>[t,e[t]]))),l={xs:b.dropdown.xs.minWidth,sm:b.dropdown.sm.minWidth,md:b.dropdown.md.minWidth},m=p,f=a,x=i,_={primary:b.brand.strong.dropdown.divider,secondary:b.brand.subtle.dropdown.divider,primary_outline:x.primary_outline,neutral_outline:x.neutral_outline,danger:b.danger.strong.dropdown.divider,danger_outline:x.danger_outline},v=w.secondary,y=c.accent.default,k=w.inverse,z={primary:v,secondary:v,primary_outline:v,neutral_outline:v,danger:v,danger_outline:v},F={primary:y,secondary:y,primary_outline:y,neutral_outline:y,danger:y,danger_outline:y},C={primary:k,secondary:k,primary_outline:k,neutral_outline:k,danger:k,danger_outline:k},D=b.bg.disabled,O=b.text.disabled,j=b.border.disabled,A=class extends r{constructor(d){super(),t(this,d),this.click=o(this,"sdClick",7),this.dropDownShow=o(this,"sdDropDownShow",7)}get el(){return d(this)}name="primary_sm";label="";items=[];disabled=!1;static CLOSE_ANIMATION_DURATION=150;isOpen=!1;isAnimatingOut=!1;itemIndex=-1;triggerRef;menuRef;closeAnimationTimer;click;dropDownShow;handleOpenChange(t){this.onDropdownToggle(t),this.dropDownShow.emit({isOpen:t}),t||(this.itemIndex=-1)}componentWillLoad(){this.initializeEvent()}disconnectedCallback(){this.cleanupEvent(),this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer)}async sdOpen(){this.disabled||0===this.items.length||(this.isOpen=!0)}async sdClose(){this.closeDropdown()}closeDropdown=()=>{this.isOpen&&(this.isOpen=!1,this.isAnimatingOut=!0,this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.closeAnimationTimer=setTimeout((()=>{this.isAnimatingOut=!1}),A.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 resolvedConfig(){if(!(this.name in g))throw new Error(`Invalid sd-dropdown-button name: ${this.name}`);return{config:g[this.name],preset:(()=>s(this.name))()}}getNextEnabledIndex(t){const o=this.items.reduce(((t,o,d)=>(o.disabled||t.push(d),t)),[]);if(0===o.length)return-1;const d=o.indexOf(this.itemIndex);return-1===d?1===t?o[0]:o[o.length-1]:o[(d+t+o.length)%o.length]}toggleDropdown=t=>{t.stopPropagation(),this.disabled||0===this.items.length||(this.isOpen?this.closeDropdown():(this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.isAnimatingOut=!1,this.isOpen=!0))};selectItem(t,o){o?.stopPropagation(),t&&!t.disabled&&(this.click.emit(t.value),this.closeDropdown())}getTriggerClasses(t,o,d,n){const r=["sd-dropdown-button__trigger",`sd-dropdown-button__trigger--${t}`,`sd-dropdown-button__trigger--${o}`];return d&&r.push("sd-dropdown-button__trigger--disabled"),n&&r.push("sd-dropdown-button__trigger--open"),r.join(" ")}getMenuItemClasses(t,o){const d=["sd-dropdown-button__menu-item"];return t&&d.push("sd-dropdown-button__menu-item--active"),o&&d.push("sd-dropdown-button__menu-item--disabled"),d.join(" ")}renderDropdown(t){return(this.isOpen||this.isAnimatingOut)&&this.triggerRef?n("sd-portal",{open:this.isOpen,parentRef:this.triggerRef,onSdClose:this.closeDropdown},n("div",{style:{position:"absolute",width:"0px",height:"0px"}},n("div",{class:"sd-dropdown-button__menu",role:"menu",ref:t=>this.menuRef=t,style:{"--sd-dropdown-button-menu-min-width":`${this.triggerRef.offsetWidth}px`,"--sd-dropdown-button-menu-item-color":z[t],"--sd-dropdown-button-menu-item-active-bg":F[t],"--sd-dropdown-button-menu-item-active-color":C[t],"--sd-dropdown-button-menu-border":"transparent"===x[t]?_[t]:x[t]}},this.items.map(((t,o)=>n("button",{type:"button",role:"menuitem",class:this.getMenuItemClasses(this.itemIndex===o&&!t.disabled,Boolean(t.disabled)),disabled:t.disabled,onClick:o=>this.selectItem(t,o),onMouseEnter:()=>{t.disabled||(this.itemIndex=o)}},t.icon&&n("sd-icon",{class:"sd-dropdown-button__menu-item-icon",name:t.icon,size:12,color:"var(--sd-dropdown-button-menu-item-current-color)"}),n("span",{class:"sd-dropdown-button__menu-item-label",innerHTML:t.label}))))))):null}render(){const{config:t,preset:o}=this.resolvedConfig;return n("div",{key:"ec3cf7d184cbf49cc60a633b4a5de719a5903098",class:"sd-dropdown-button"},n("button",{key:"02a7208bc16fbd89af72d4dbc885951949507e11",type:"button",class:this.getTriggerClasses(o,t.size,this.disabled,this.isOpen),disabled:this.disabled,"aria-haspopup":"menu","aria-expanded":String(this.isOpen),onClick:this.toggleDropdown,ref:t=>this.triggerRef=t,style:{"--sd-dropdown-button-min-width":`${l[t.size]}px`,"--sd-dropdown-button-bg":t.color,"--sd-dropdown-button-bg-hover":m[o],"--sd-dropdown-button-border":x[o],"--sd-dropdown-button-content":f[o],"--sd-dropdown-button-divider":_[o],"--sd-dropdown-button-accent":u,"--sd-dropdown-button-disabled-bg":D,"--sd-dropdown-button-disabled-content":O,"--sd-dropdown-button-disabled-border":j}},n("span",{key:"04f3d92100e85b3aad59541a19002dc395c783fc",class:"sd-dropdown-button__trigger-label"},this.label),n("span",{key:"72a49942403856fecfc2415d7318ef549f80905c",class:"sd-dropdown-button__trigger-divider","aria-hidden":"true"}),n("span",{key:"cc7926fb8b3eec86dfcbb3c0aec5d193fd202cca",class:{"sd-dropdown-button__trigger-icon":!0,"sd-dropdown-button__trigger-icon--open":this.isOpen},"aria-hidden":"true"},n("sd-icon",{key:"4540ee571613668bae9157221ff8550a07cd35fa",name:"chevronDown",size:12,color:"var(--sd-dropdown-button-current-content)"}))),this.renderDropdown(o))}static get watchers(){return{isOpen:[{handleOpenChange:0}]}}};A.style="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-md-height, 34px);--sd-dropdown-button-padding-x:var(--sd-button-md-padding-x, 20px);--sd-dropdown-button-gap:var(--sd-button-md-gap, 8px);--sd-dropdown-button-font-family:var(--sd-button-md-typography-font-family, inherit);--sd-dropdown-button-font-size:var(--sd-button-md-typography-font-size, 12px);--sd-dropdown-button-font-weight:var(--sd-button-md-typography-font-weight, 500);--sd-dropdown-button-text-decoration:var(--sd-button-md-typography-text-decoration, none);--sd-dropdown-button-bg:#025497;--sd-dropdown-button-bg-hover:#004177;--sd-dropdown-button-border:transparent;--sd-dropdown-button-content:#ffffff;--sd-dropdown-button-current-content:var(--sd-dropdown-button-content);--sd-dropdown-button-divider:#006ac1;--sd-dropdown-button-accent:#006ac1;--sd-dropdown-button-min-width:106px;--sd-dropdown-button-disabled-bg:var(--sd-button-bg-disabled, $grey_30);--sd-dropdown-button-disabled-content:var(--sd-button-text-disabled, $grey_65);--sd-dropdown-button-disabled-border:var(--sd-button-border-disabled, $grey_45);display:inline-flex;align-items:stretch;justify-content:space-between;min-width:var(--sd-dropdown-button-min-width);min-height:var(--sd-dropdown-button-height);padding:0;border:var(--sd-button-border-width-default, 1px) solid var(--sd-dropdown-button-border);border-radius:var(--sd-button-radius-default, 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-xs-height, 24px);--sd-dropdown-button-padding-x:var(--sd-button-xs-padding-x, 8px);--sd-dropdown-button-gap:var(--sd-button-xs-gap, 4px);--sd-dropdown-button-font-family:var(--sd-button-xs-typography-font-family, inherit);--sd-dropdown-button-font-size:var(--sd-button-xs-typography-font-size, 12px);--sd-dropdown-button-font-weight:var(--sd-button-xs-typography-font-weight, 500);--sd-dropdown-button-text-decoration:var(--sd-button-xs-typography-text-decoration, none)}.sd-dropdown-button__trigger--sm{--sd-dropdown-button-height:var(--sd-button-sm-height, 28px);--sd-dropdown-button-padding-x:var(--sd-button-sm-padding-x, 12px);--sd-dropdown-button-gap:var(--sd-button-sm-gap, 6px);--sd-dropdown-button-font-family:var(--sd-button-sm-typography-font-family, inherit);--sd-dropdown-button-font-size:var(--sd-button-sm-typography-font-size, 12px);--sd-dropdown-button-font-weight:var(--sd-button-sm-typography-font-weight, 500);--sd-dropdown-button-text-decoration:var(--sd-button-sm-typography-text-decoration, none)}.sd-dropdown-button__trigger--md{--sd-dropdown-button-height:var(--sd-button-md-height, 34px);--sd-dropdown-button-padding-x:var(--sd-button-md-padding-x, 20px);--sd-dropdown-button-gap:var(--sd-button-md-gap, 8px);--sd-dropdown-button-font-family:var(--sd-button-md-typography-font-family, inherit);--sd-dropdown-button-font-size:var(--sd-button-md-typography-font-size, 16px);--sd-dropdown-button-font-weight:var(--sd-button-md-typography-font-weight, 500);--sd-dropdown-button-text-decoration:var(--sd-button-md-typography-text-decoration, none)}.sd-dropdown-button__trigger--disabled{border-color:var(--sd-dropdown-button-disabled-border);background:var(--sd-dropdown-button-disabled-bg);--sd-dropdown-button-current-content:var(--sd-dropdown-button-disabled-content);cursor:not-allowed}.sd-dropdown-button__trigger--disabled .sd-dropdown-button__trigger-divider{background:var(--sd-dropdown-button-disabled-border)}.sd-dropdown-button__trigger-label,.sd-dropdown-button__trigger-icon{display:inline-flex;align-items:center;justify-content:center}.sd-dropdown-button__trigger-label{flex:1 1 auto;min-width:0;padding:0 var(--sd-dropdown-button-padding-x)}.sd-dropdown-button__trigger-divider{align-self:stretch;width:1px;height:auto;background:var(--sd-dropdown-button-divider);opacity:0.9}.sd-dropdown-button__trigger-icon{flex:0 0 auto;min-width:calc(var(--sd-dropdown-button-height) - 2px);padding:0 calc(var(--sd-dropdown-button-gap) + 2px);transition:transform 0.2s ease}.sd-dropdown-button__trigger-icon--open{transform:rotate(180deg)}.sd-dropdown-button__menu{position:relative;display:grid;width:max-content;min-width:var(--sd-dropdown-button-menu-min-width, max-content);max-width:calc(100vw - 24px);padding:4px 0;border:0;border-radius:4px;background:#FFFFFF;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.1019607843);box-sizing:border-box;overflow:hidden}.sd-dropdown-button__menu-item{--sd-dropdown-button-menu-item-current-color:var(--sd-dropdown-button-menu-item-color);display:inline-flex;align-items:center;gap:8px;min-height:28px;width:100%;padding:0 12px;border:0;border-radius:0;background:transparent;color:var(--sd-dropdown-button-menu-item-current-color);cursor:pointer;box-sizing:border-box;font:inherit;text-align:left;transition:background-color 0.15s ease, color 0.15s ease}.sd-dropdown-button__menu-item--active{background:var(--sd-dropdown-button-menu-item-active-bg);--sd-dropdown-button-menu-item-current-color:var(    --sd-dropdown-button-menu-item-active-color   )}.sd-dropdown-button__menu-item--disabled{--sd-dropdown-button-menu-item-current-color:var(--sd-dropdown-button-disabled-content);cursor:not-allowed}.sd-dropdown-button__menu-item-icon{flex:0 0 auto}.sd-dropdown-button__menu-item-label{display:inline-flex;align-items:center;min-width:0;white-space:nowrap;font-size:12px}";export{A as sd_dropdown_button}

package/dist/design-system/{p-CbjDAdZ_.js → p-BGovA1BG.js}

@@ -1 +1 @@
-var i={input:{sm:{height:"28",paddingX:"12",gap:"8",radius:"4",typography:{fontWeight:"400",fontSize:"12",lineHeight:"20"}},md:{height:"36",paddingX:"16",gap:"12",radius:"6",typography:{fontWeight:"400",fontSize:"16",lineHeight:"26"}},bg:{barcode:"#FAFAA1"},text:{default:"#222222",placeholder:"#AAAAAA",disabled:"#888888"},size:{icon:"16"},icon:{default:"#888888"}}};export{i}
+var e={input:{sm:{height:"28",paddingX:"12",gap:"8",radius:"4",typography:{fontWeight:"400",fontSize:"12",lineHeight:"20"}},md:{height:"36",paddingX:"16",gap:"12",radius:"6",typography:{fontWeight:"400",fontSize:"16",lineHeight:"26"}},bg:{barcode:"#FAFAA1"},text:{default:"#222222",placeholder:"#AAAAAA",disabled:"#888888"},icon:{default:"#888888"}}};export{e as i}

package/dist/design-system/p-BcM38Hvd.js

@@ -0,0 +1 @@
+var F={xs:{icon:"12"},sm:{icon:"16"},md:{icon:"20"},lg:{icon:"24"},border:{disabled:"#CCCCCC"},dropdown:{xs:{minWidth:"60"},sm:{minWidth:"76"},md:{minWidth:"106"}},bg:{disabled:"#E1E1E1"},text:{disabled:"#888888"},brand:{strong:{bg:{default:"#025497",hover:"#004177"},content:"#FFFFFF",dropdown:{divider:"#006AC1"}},subtle:{bg:{default:"#1F8AE1",hover:"#006AC1"},content:"#FFFFFF",dropdown:{divider:"#5CB0F3"}},outline:{bg:{default:"#FFFFFF",hover:"#EAF5FE"},border:"#025497",content:"#025497"}},neutral:{outline:{bg:{default:"#FFFFFF",hover:"#EEEEEE"},border:"#888888",content:"#222222"}},danger:{strong:{bg:{default:"#E30000",hover:"#AD0000"},content:"#FFFFFF",dropdown:{divider:"#FF7C7C"}},outline:{bg:{default:"#FFFFFF",hover:"#FCEFEF"},border:"#E30000",content:"#E30000"}}};export{F as b}

package/dist/design-system/p-BxPyZJaz.js

@@ -0,0 +1 @@
+const e={primary:"#051D36",secondary:"#555555",accent:"#9C27B0",positive:"#0075FF",negative:"#E30000",info:"#00CD52",warning:"#F2C037",caution_bg:"#FEF1F1",caution_icon:"#FD9595",header_alert:"#FF7A00",white:"#FFFFFF",black:"#000000",grey_10:"#F6F6F6",grey_20:"#EEEEEE",grey_25:"#E5E5E5",grey_30:"#E1E1E1",grey_35:"#D8D8D8",grey_45:"#CCCCCC",grey_50:"#BBBBBB",grey_55:"#AAAAAA",grey_60:"#999999",grey_65:"#888888",grey_70:"#737373",grey_80:"#555555",grey_85:"#444444",grey_90:"#333333",grey_95:"#222222",grey_05:"#F9F9F9",red_15:"#FCEFEF",red_20:"#FCE6E6",red_30:"#FFD3D3",red_45:"#FFB5B5",red_60:"#FF7C7C",red_70:"#FB4444",red_75:"#E30000",red_75_006:"#E30000",red_80:"#AD0000",red_85:"#820000",red_90:"#5E0000",red_95:"#440000",red_99:"#220000",orange_10:"#FEF1EA",orange_20:"#FFEAD7",orange_35:"#FFD5AF",orange_45:"#FFBC81",orange_55:"#FFA452",orange_60:"#FF7F22",orange_65:"#FF6B00",orange_75:"#CE4900",orange_85:"#9B3700",orange_90:"#752A00",orange_95:"#4D1B00",orange_99:"#2F1100",yellow_10:"#FFF7DD",yellow_20:"#FEF1C4",yellow_25:"#FFE99E",yellow_30:"#FEE17C",yellow_40:"#FFD643",yellow_45:"#FFC700",yellow_50:"#EBB110",yellow_60:"#CA9612",yellow_70:"#916C0D",yellow_80:"#6C5002",yellow_90:"#453602",yellow_95:"#322700",olive_10:"#FBFBBF",olive_15:"#FAFAA1",olive_20:"#F6F65F",olive_30:"#EEEE37",olive_45:"#DDDD12",olive_55:"#C7C700",olive_65:"#A5A500",olive_70:"#838300",olive_80:"#636300",olive_90:"#454500",olive_95:"#2C2C00",olive_05:"#FEFED9",green_15:"#E8F9EF",green_25:"#D4FAE3",green_45:"#ACF4C9",green_55:"#6DE39C",green_65:"#2BCE6C",green_70:"#12B553",green_75:"#00973C",green_80:"#007B31",green_85:"#006629",green_90:"#00461C",green_95:"#003013",green_99:"#001D0B",steelblue_10:"#ECF8FD",steelblue_25:"#D9F2FD",steelblue_45:"#A4E2FD",steelblue_60:"#50BFF0",steelblue_65:"#229FD7",steelblue_70:"#128FC7",steelblue_75:"#066D9B",steelblue_80:"#06587D",steelblue_85:"#033F59",steelblue_90:"#032D40",steelblue_95:"#02212F",steelblue_99:"#021A25",oceanblue_15:"#EAF5FE",oceanblue_25:"#D5EBFE",oceanblue_50:"#9CD1FC",oceanblue_60:"#5CB0F3",oceanblue_65:"#1F8AE1",oceanblue_70:"#006AC1",oceanblue_75:"#025497",oceanblue_80:"#004177",oceanblue_85:"#07284A",oceanblue_90:"#051D36",oceanblue_95:"#03172D",oceanblue_99:"#011428",brilliantblue_10:"#EFF6FF",brilliantblue_20:"#E6F1FF",brilliantblue_25:"#D9EAFF",brilliantblue_40:"#BBDAFF",brilliantblue_50:"#93C4FF",brilliantblue_60:"#64ABFF",brilliantblue_70:"#2D8DFF",brilliantblue_75:"#0075FF",brilliantblue_80:"#005CC9",brilliantblue_85:"#004290",brilliantblue_90:"#002B5E",brilliantblue_95:"#001B39",brilliantblue_99:"#001226",brilliantblue_05:"#F5FAFF"};function _(_,l="#025497"){return _?e[_]||_:l}export{_ as r}

package/dist/design-system/p-DSRYrM1n.js

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

package/dist/design-system/p-DsU722JF.js

@@ -0,0 +1,2 @@
+var t=(t=>(t.Undefined="undefined",t.Null="null",t.String="string",t.Number="number",t.SpecialNumber="number",t.Boolean="boolean",t.BigInt="bigint",t))(t||{}),n=(t=>(t.Array="array",t.Date="date",t.Map="map",t.Object="object",t.RegularExpression="regexp",t.Set="set",t.Channel="channel",t.Symbol="symbol",t))(n||{}),e="type",o="value",l="serialized:";function s(t,n,e){const o="undefined"!=typeof HTMLElement?HTMLElement.prototype:null;for(;t&&t!==o;){const o=Object.getOwnPropertyDescriptor(t,n);if(o&&(!e||o.get))return o;t=Object.getPrototypeOf(t)}}var i=(t,n)=>{var e;Object.entries(null!=(e=n.o.t)?e:{}).map((([e,[o]])=>{if(31&o||32&o){const o=t[e],l=s(Object.getPrototypeOf(t),e,!0)||Object.getOwnPropertyDescriptor(t,e);l&&Object.defineProperty(t,e,{get(){return l.get.call(this)},set(t){l.set.call(this,t)},configurable:!0,enumerable:!0}),n.l.has(e)?t[e]=n.l.get(e):void 0!==o&&(t[e]=o)}}))},r=t=>{if(t.__stencil__getHostRef)return t.__stencil__getHostRef()},c=(t,n)=>{n&&(t.__stencil__getHostRef=()=>n,n.i=t,512&n.o.u&&i(t,n))},u=(t,n)=>n in t,f=(t,n)=>(0,console.error)(t,n),a=new Map,d=new Map,p="s-id",v="sty-id",$="c-id",h="slot-fb{display:contents}slot-fb[hidden]{display:none}",m="http://www.w3.org/1999/xlink",y="undefined"!=typeof window?window:{},b={u:0,p:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,n,e,o)=>t.addEventListener(n,e,o),rel:(t,n,e,o)=>t.removeEventListener(n,e,o),ce:(t,n)=>new CustomEvent(t,n)},g=t=>Promise.resolve(t),w=(()=>{try{return!!y.document.adoptedStyleSheets&&(new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync)}catch(t){}return!1})(),j=!!w&&(()=>!!y.document&&Object.getOwnPropertyDescriptor(y.document.adoptedStyleSheets,"length").writable)(),O=!1,S=[],k=[],N=(t,n)=>e=>{t.push(e),O||(O=!0,n&&4&b.u?C(E):b.raf(E))},x=t=>{for(let n=0;n<t.length;n++)try{t[n](performance.now())}catch(t){f(t)}t.length=0},E=()=>{x(S),x(k),(O=S.length>0)&&b.raf(E)},C=t=>g().then(t),M=N(S,!1),L=N(k,!0),I=t=>{const n=V(t,"childNodes");t.tagName&&t.tagName.includes("-")&&t["s-cr"]&&"SLOT-FB"!==t.tagName&&R(n,t.tagName).forEach((t=>{1===t.nodeType&&"SLOT-FB"===t.tagName&&(t.hidden=!!T(t,D(t),!1).length)}));let e=0;for(e=0;e<n.length;e++){const t=n[e];1===t.nodeType&&V(t,"childNodes").length&&I(t)}};function R(t,n,e){let o,l=0,s=[];for(;l<t.length;l++){if(o=t[l],o["s-sr"]&&(!n||o["s-hn"]===n)&&(void 0===e||D(o)===e)&&(s.push(o),void 0!==e))return s;s=[...s,...R(o.childNodes,n,e)]}return s}var T=(t,n,e=!0)=>{const o=[];(e&&t["s-sr"]||!t["s-sr"])&&o.push(t);let l=t;for(;l=l.nextSibling;)D(l)!==n||!e&&l["s-sr"]||o.push(l);return o},A=(t,n)=>1===t.nodeType?null===t.getAttribute("slot")&&""===n||t.getAttribute("slot")===n:t["s-sn"]===n||""===n,F=(t,n,e,o)=>{if(t["s-ol"]&&t["s-ol"].isConnected)return;const l=document.createTextNode("");if(l["s-nr"]=t,!n["s-cr"]||!n["s-cr"].parentNode)return;const s=n["s-cr"].parentNode,i=V(s,"appendChild");if(void 0!==o){l["s-oo"]=o;const t=V(s,"childNodes"),n=[l];t.forEach((t=>{t["s-nr"]&&n.push(t)})),n.sort(((t,n)=>!t["s-oo"]||t["s-oo"]<(n["s-oo"]||0)?-1:!n["s-oo"]||n["s-oo"]<t["s-oo"]?1:0)),n.forEach((t=>i.call(s,t)))}else i.call(s,l);t["s-ol"]=l,t["s-sh"]=n["s-hn"]},D=t=>"string"==typeof t["s-sn"]?t["s-sn"]:1===t.nodeType&&t.getAttribute("slot")||void 0;function P(t){if(t.assignedElements||t.assignedNodes||!t["s-sr"])return;const n=n=>function(t){const e=[],o=this["s-sn"];(null==t?void 0:t.flatten)&&console.error("\n          Flattening is not supported for Stencil non-shadow slots.\n          You can use `.childNodes` to nested slot fallback content.\n          If you have a particular use case, please open an issue on the Stencil repo.\n        ");const l=this["s-cr"].parentElement;return(l.__childNodes?l.childNodes:(t=>{const n=[];for(let e=0;e<t.length;e++){const o=t[e]["s-nr"]||void 0;o&&o.isConnected&&n.push(o)}return n})(l.childNodes)).forEach((t=>{o===D(t)&&e.push(t)})),n?e.filter((t=>1===t.nodeType)):e}.bind(t);t.assignedElements=n(!0),t.assignedNodes=n(!1)}function V(t,n){if("__"+n in t){const e=t["__"+n];return"function"!=typeof e?e:e.bind(t)}return"function"!=typeof t[n]?t[n]:t[n].bind(t)}function H(t){var n,e,o;return null!=(o=null==(e=null==(n=t.head)?void 0:n.querySelector('meta[name="csp-nonce"]'))?void 0:e.getAttribute("content"))?o:void 0}var U=new WeakMap,_=t=>"sc-"+t.v,z=t=>"object"==(t=typeof t)||"function"===t,B=(t,n,...e)=>{let o=null,l=null,s=null,i=!1,r=!1;const c=[],u=n=>{for(let e=0;e<n.length;e++)o=n[e],Array.isArray(o)?u(o):null!=o&&"boolean"!=typeof o&&((i="function"!=typeof t&&!z(o))&&(o+=""),i&&r?c[c.length-1].$+=o:c.push(i?W(null,o):o),r=i)};if(u(e),n){n.key&&(l=n.key),n.name&&(s=n.name);{const t=n.className||n.class;t&&(n.class="object"!=typeof t?t:Object.keys(t).filter((n=>t[n])).join(" "))}}if("function"==typeof t)return t(null===n?{}:n,c,Y);const f=W(t,null);return f.h=n,c.length>0&&(f.m=c),f.j=l,f.O=s,f},W=(t,n)=>({u:0,S:t,$:null!=n?n:null,k:null,m:null,h:null,j:null,O:null}),q={},Y={forEach:(t,n)=>t.map(G).forEach(n),map:(t,n)=>t.map(G).map(n).map(J)},G=t=>({vattrs:t.h,vchildren:t.m,vkey:t.j,vname:t.O,vtag:t.S,vtext:t.$}),J=t=>{if("function"==typeof t.vtag){const n={...t.vattrs};return t.vkey&&(n.key=t.vkey),t.vname&&(n.name=t.vname),B(t.vtag,n,...t.vchildren||[])}const n=W(t.vtag,t.vtext);return n.h=t.vattrs,n.m=t.vchildren,n.j=t.vkey,n.O=t.vname,n},Z=(t,n,e,o,l,s,i,r=[])=>{let c,u,f,a;const d=l["s-sc"];if(1===s.nodeType){if(c=s.getAttribute($),c&&(u=c.split("."),u[0]===i||"0"===u[0])){f=Q({u:0,N:u[0],C:u[1],M:u[2],L:u[3],S:s.tagName.toLowerCase(),k:s,h:{class:s.className||""}}),n.push(f),s.removeAttribute($),t.m||(t.m=[]),d&&u[0]===i&&(s["s-si"]=d,f.h.class+=" "+d);const o=f.k.getAttribute("s-sn");"string"==typeof o&&("slot-fb"===f.S&&(X(o,u[2],f,s,t,n,e,0,r),d&&s.classList.add(d)),f.k["s-sn"]=o,f.k.removeAttribute("s-sn")),void 0!==f.L&&(t.m[f.L]=f),t=f}if(s.shadowRoot)for(a=s.shadowRoot.childNodes.length-1;a>=0;a--)Z(t,n,e,o,l,s.shadowRoot.childNodes[a],i,r);const p=s.__childNodes||s.childNodes;for(a=p.length-1;a>=0;a--)Z(t,n,e,o,l,p[a],i,r)}else if(8===s.nodeType)u=s.nodeValue.split("."),(u[1]===i||"0"===u[1])&&(c=u[0],f=Q({N:u[1],C:u[2],M:u[3],L:u[4]||"0",k:s,h:null,m:null,j:null,O:null,S:null,$:null}),"t"===c?(f.k=lt(s,3),f.k&&3===f.k.nodeType&&(f.$=f.k.textContent,n.push(f),s.remove(),i===f.N&&(t.m||(t.m=[]),t.m[f.L]=f))):"c"===c?(f.k=lt(s,8),f.k&&8===f.k.nodeType&&(n.push(f),s.remove())):f.N===i&&("s"===c?X(s["s-sn"]=u[5]||"",u[2],f,s,t,n,e,0,r):"r"===c&&(l["s-cr"]=s,s["s-cn"]=!0)));else if(t&&"style"===t.S){const n=W(null,s.textContent);n.k=s,n.L="0",t.m=[n]}return t},K=(t,n)=>{if(1===t.nodeType){const e=t[p]||t.getAttribute(p);e&&n.set(e,t);let o=0;if(t.shadowRoot)for(;o<t.shadowRoot.childNodes.length;o++)K(t.shadowRoot.childNodes[o],n);const l=t.__childNodes||t.childNodes;for(o=0;o<l.length;o++)K(l[o],n)}else if(8===t.nodeType){const e=t.nodeValue.split(".");"o"===e[0]&&(n.set(e[1]+"."+e[2],t),t.nodeValue="",t["s-en"]=e[3])}},Q=t=>({u:0,N:null,C:null,M:null,L:"0",k:null,h:null,m:null,j:null,O:null,S:null,$:null,...t});function X(t,n,e,o,l,s,i,r,c){o["s-sr"]=!0,e.O=t||null,e.S="slot";const u=(null==l?void 0:l.k)?l.k["s-id"]||l.k.getAttribute("s-id"):"";{const s=e.k,i=u&&u!==e.N&&l.k.shadowRoot;ot(c,n,t,o,i?u:e.N),P(o),i&&l.k.insertBefore(s,l.k.children[0])}s.push(e),i.push(e),l.m||(l.m=[]),l.m[e.L]=e}var tt,nt,et,ot=(t,n,e,o,l)=>{var s,i;let r=o.nextSibling;if(t[n]=t[n]||[],r&&!(null==(s=r.nodeValue)?void 0:s.startsWith("s.")))do{!r||(r.getAttribute&&r.getAttribute("slot")||r["s-sn"])!==e&&(""!==e||r["s-sn"]||r.getAttribute&&r.getAttribute("slot")||8!==r.nodeType&&3!==r.nodeType)||(r["s-sn"]=e,t[n].push({slot:o,node:r,hostId:l})),r=null==r?void 0:r.nextSibling}while(r&&!(null==(i=r.nodeValue)?void 0:i.startsWith("s.")))},lt=(t,n)=>{let e=t;do{e=e.nextSibling}while(e&&(e.nodeType!==n||!e.nodeValue));return e},st=class l{static fromLocalValue(t){const n=t[e],s=o in t?t[o]:void 0;switch(n){case"string":case"boolean":return s;case"bigint":return BigInt(s);case"undefined":return;case"null":return null;case"number":return"NaN"===s?NaN:"-0"===s?-0:"Infinity"===s?1/0:"-Infinity"===s?-1/0:s;case"array":return s.map((t=>l.fromLocalValue(t)));case"date":return new Date(s);case"map":const t=new Map;for(const[n,e]of s){const o="object"==typeof n&&null!==n?l.fromLocalValue(n):n,s=l.fromLocalValue(e);t.set(o,s)}return t;case"object":const e={};for(const[t,n]of s)e[t]=l.fromLocalValue(n);return e;case"regexp":const{pattern:o,flags:i}=s;return RegExp(o,i);case"set":const r=new Set;for(const t of s)r.add(l.fromLocalValue(t));return r;case"symbol":return Symbol(s);default:throw Error("Unsupported type: "+n)}}static fromLocalValueArray(t){return t.map((t=>l.fromLocalValue(t)))}static isLocalValueObject(l){if("object"!=typeof l||null===l)return!1;if(!l.hasOwnProperty(e))return!1;const s=l[e];return!!Object.values({...t,...n}).includes(s)&&("null"===s||"undefined"===s||l.hasOwnProperty(o))}},it=(t,n)=>"string"==typeof t&&t.startsWith(l)?t=function(t){return"string"==typeof t&&t.startsWith(l)?st.fromLocalValue(JSON.parse(atob(t.slice(11)))):t}(t):null==t||z(t)?t:4&n?"false"!==t&&(""===t||!!t):2&n?"string"==typeof t?parseFloat(t):"number"==typeof t?t:NaN:1&n?t+"":t,rt=t=>{var n;return null==(n=r(t))?void 0:n.$hostElement$},ct=(t,n,e)=>{const o=rt(t);return{emit:t=>ut(o,n,{bubbles:!!(4&e),composed:!!(2&e),cancelable:!!(1&e),detail:t})}},ut=(t,n,e)=>{const o=b.ce(n,e);return t.dispatchEvent(o),o},ft=(t,n,e,o,l,s,i)=>{if(e===o)return;let c=u(t,n),f=n.toLowerCase();if("class"===n){const n=t.classList,l=dt(e);let s=dt(o);if((t["s-si"]||t["s-sc"])&&i){const e=t["s-sc"]||t["s-si"];s.push(e),l.forEach((t=>{t.startsWith(e)&&s.push(t)})),s=[...new Set(s)].filter((t=>t)),n.add(...s)}else n.remove(...l.filter((t=>t&&!s.includes(t)))),n.add(...s.filter((t=>t&&!l.includes(t))))}else if("style"===n){for(const n in e)o&&null!=o[n]||(n.includes("-")?t.style.removeProperty(n):t.style[n]="");for(const n in o)e&&o[n]===e[n]||(n.includes("-")?t.style.setProperty(n,o[n]):t.style[n]=o[n])}else if("key"===n);else if("ref"===n)o&&Tt(o,t);else if(c||"o"!==n[0]||"n"!==n[1]){if("a"===n[0]&&n.startsWith("attr:")){const e=n.slice(5);let l;{const n=r(t);if(n&&n.o&&n.o.t){const t=n.o.t[e];t&&t[1]&&(l=t[1])}}return l||(l=e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()),void(null==o||!1===o?!1===o&&""!==t.getAttribute(l)||t.removeAttribute(l):t.setAttribute(l,!0===o?"":o))}if("p"===n[0]&&n.startsWith("prop:")){const e=n.slice(5);try{t[e]=o}catch(t){}return}{const i=z(o);if((c||i&&null!==o)&&!l)try{if(t.tagName.includes("-"))t[n]!==o&&(t[n]=o);else{const l=null==o?"":o;"list"===n?c=!1:null!=e&&t[n]===l||("function"==typeof t.__lookupSetter__(n)?t[n]=l:t.setAttribute(n,l))}}catch(t){}let r=!1;f!==(f=f.replace(/^xlink\:?/,""))&&(n=f,r=!0),null==o||!1===o?!1===o&&""!==t.getAttribute(n)||(r?t.removeAttributeNS(m,n):t.removeAttribute(n)):(!c||4&s||l)&&!i&&1===t.nodeType&&(o=!0===o?"":o,r?t.setAttributeNS(m,n,o):t.setAttribute(n,o))}}else if(n="-"===n[2]?n.slice(3):u(y,f)?f.slice(2):f[2]+n.slice(3),e||o){const l=n.endsWith(pt);n=n.replace(vt,""),e&&b.rel(t,n,e,l),o&&b.ael(t,n,o,l)}},at=/\s/,dt=t=>("object"==typeof t&&t&&"baseVal"in t&&(t=t.baseVal),t&&"string"==typeof t?t.split(at):[]),pt="Capture",vt=RegExp(pt+"$"),$t=(t,n,e,o)=>{const l=11===n.k.nodeType&&n.k.host?n.k.host:n.k,s=t&&t.h||{},i=n.h||{};for(const t of ht(Object.keys(s)))t in i||ft(l,t,s[t],void 0,e,n.u,o);for(const t of ht(Object.keys(i)))ft(l,t,s[t],i[t],e,n.u,o)};function ht(t){return t.includes("ref")?[...t.filter((t=>"ref"!==t)),"ref"]:t}var mt=!1,yt=!1,bt=!1,gt=!1,wt=[],jt=[],Ot=(t,n,e)=>{var o;const l=n.m[e];let s,i,r,c=0;if(mt||(bt=!0,"slot"===l.S&&(l.u|=l.m?2:1)),null!=l.$)s=l.k=y.document.createTextNode(l.$);else if(1&l.u)s=l.k=y.document.createTextNode(""),$t(null,l,gt);else{if(gt||(gt="svg"===l.S),!y.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");if(s=l.k=y.document.createElementNS(gt?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",!mt&&2&l.u?"slot-fb":l.S),gt&&"foreignObject"===l.S&&(gt=!1),$t(null,l,gt),null!=tt&&void 0!==tt&&s["s-si"]!==tt&&s.classList.add(s["s-si"]=tt),l.m){const n="template"===l.S?s.content:s;for(c=0;c<l.m.length;++c)i=Ot(t,l,c),i&&n.appendChild(i)}"svg"===l.S?gt=!1:"foreignObject"===s.tagName&&(gt=!0)}return s["s-hn"]=et,3&l.u&&(s["s-sr"]=!0,s["s-cr"]=nt,s["s-sn"]=l.O||"",s["s-rf"]=null==(o=l.h)?void 0:o.ref,P(s),r=t&&t.m&&t.m[e],r&&r.S===l.S&&t.k&&St(t.k),Ft(nt,s,n.k,null==t?void 0:t.k)),s},St=t=>{b.u|=1;const n=t.closest(et.toLowerCase());if(null!=n){const e=Array.from(n.__childNodes||n.childNodes).find((t=>t["s-cr"])),o=Array.from(t.__childNodes||t.childNodes);for(const t of e?o.reverse():o)null!=t["s-sh"]&&(At(n,t,null!=e?e:null),t["s-sh"]=void 0,bt=!0)}b.u&=-2},kt=(t,n)=>{b.u|=1;const e=Array.from(t.__childNodes||t.childNodes);if(t["s-sr"]){let n=t;for(;n=n.nextSibling;)n&&n["s-sn"]===t["s-sn"]&&n["s-sh"]===et&&e.push(n)}for(let t=e.length-1;t>=0;t--){const o=e[t];o["s-hn"]!==et&&o["s-ol"]&&(At(Ct(o).parentNode,o,Ct(o)),o["s-ol"].remove(),o["s-ol"]=void 0,o["s-sh"]=void 0,bt=!0),n&&kt(o,n)}b.u&=-2},Nt=(t,n,e,o,l,s)=>{let i,r=t["s-cr"]&&t["s-cr"].parentNode||t;for("template"===e.S&&(r=r.content);l<=s;++l)o[l]&&(i=Ot(null,e,l),i&&(o[l].k=i,At(r,i,Ct(n))))},xt=(t,n,e)=>{for(let o=n;o<=e;++o){const n=t[o];if(n){const t=n.k;Rt(n),t&&(yt=!0,t["s-ol"]?t["s-ol"].remove():kt(t,!0),t.remove())}}},Et=(t,n,e=!1)=>t.S===n.S&&("slot"===t.S?t.O===n.O:e?(e&&!t.j&&n.j&&(t.j=n.j),!0):t.j===n.j),Ct=t=>t&&t["s-ol"]||t,Mt=(t,n,e=!1)=>{const o=n.k=t.k,l=t.m,s=n.m,i=n.S,r=n.$;let c;null==r?(gt="svg"===i||"foreignObject"!==i&&gt,"slot"!==i||mt||t.O!==n.O&&(n.k["s-sn"]=n.O||"",St(n.k.parentElement)),$t(t,n,gt,e),null!==l&&null!==s?((t,n,e,o,l=!1)=>{let s,i,r=0,c=0,u=0,f=0,a=n.length-1,d=n[0],p=n[a],v=o.length-1,$=o[0],h=o[v];const m="template"===e.S?t.content:t;for(;r<=a&&c<=v;)if(null==d)d=n[++r];else if(null==p)p=n[--a];else if(null==$)$=o[++c];else if(null==h)h=o[--v];else if(Et(d,$,l))Mt(d,$,l),d=n[++r],$=o[++c];else if(Et(p,h,l))Mt(p,h,l),p=n[--a],h=o[--v];else if(Et(d,h,l))"slot"!==d.S&&"slot"!==h.S||kt(d.k.parentNode,!1),Mt(d,h,l),At(m,d.k,p.k.nextSibling),d=n[++r],h=o[--v];else if(Et(p,$,l))"slot"!==d.S&&"slot"!==h.S||kt(p.k.parentNode,!1),Mt(p,$,l),At(m,p.k,d.k),p=n[--a],$=o[++c];else{for(u=-1,f=r;f<=a;++f)if(n[f]&&null!==n[f].j&&n[f].j===$.j){u=f;break}u>=0?(i=n[u],i.S!==$.S?s=Ot(n&&n[c],e,u):(Mt(i,$,l),n[u]=void 0,s=i.k),$=o[++c]):(s=Ot(n&&n[c],e,c),$=o[++c]),s&&At(Ct(d.k).parentNode,s,Ct(d.k))}r>a?Nt(t,null==o[v+1]?null:o[v+1].k,e,o,c,v):c>v&&xt(n,r,a)})(o,l,n,s,e):null!==s?(null!==t.$&&(o.textContent=""),Nt(o,null,n,s,0,s.length-1)):e||null===l?e&&null!==l&&null===s&&(n.m=l):xt(l,0,l.length-1),gt&&"svg"===i&&(gt=!1)):(c=o["s-cr"])?c.parentNode.textContent=r:t.$!==r&&(o.data=r)},Lt=[],It=t=>{let n,e,o;const l=t.__childNodes||t.childNodes;for(const t of l){if(t["s-sr"]&&(n=t["s-cr"])&&n.parentNode){e=n.parentNode.__childNodes||n.parentNode.childNodes;const l=t["s-sn"];for(o=e.length-1;o>=0;o--)if(n=e[o],!(n["s-cn"]||n["s-nr"]||n["s-hn"]===t["s-hn"]||n["s-sh"]&&n["s-sh"]===t["s-hn"]))if(A(n,l)){let e=Lt.find((t=>t.I===n));yt=!0,n["s-sn"]=n["s-sn"]||l,e?(e.I["s-sh"]=t["s-hn"],e.R=t):(n["s-sh"]=t["s-hn"],Lt.push({R:t,I:n})),n["s-sr"]&&Lt.map((t=>{A(t.I,n["s-sn"])&&(e=Lt.find((t=>t.I===n)),e&&!t.R&&(t.R=e.R))}))}else Lt.some((t=>t.I===n))||Lt.push({I:n})}1===t.nodeType&&It(t)}},Rt=t=>{t.h&&t.h.ref&&wt.push((()=>t.h.ref(null))),t.m&&t.m.map(Rt)},Tt=(t,n)=>{jt.push((()=>t(n)))},At=(t,n,e,o)=>{if("string"==typeof n["s-sn"]&&n["s-sr"]&&n["s-cr"])Ft(n["s-cr"],n,t,n.parentElement);else if("string"==typeof n["s-sn"]){t.insertBefore(n,e);const{slotNode:l}=function(t,n){var e;if(!(n=n||(null==(e=t["s-ol"])?void 0:e.parentElement)))return{slotNode:null,slotName:""};const o=t["s-sn"]=D(t)||"";return{slotNode:R(V(n,"childNodes"),n.tagName,o)[0],slotName:o}}(n);return l&&!o&&function(t){t.dispatchEvent(new CustomEvent("slotchange",{bubbles:!1,cancelable:!1,composed:!1}))}(l),n}return t.__insertBefore?t.__insertBefore(n,e):null==t?void 0:t.insertBefore(n,e)};function Ft(t,n,e,o){var l,s;let i;if(t&&"string"==typeof n["s-sn"]&&n["s-sr"]&&t.parentNode&&t.parentNode["s-sc"]&&(i=n["s-si"]||t.parentNode["s-sc"])){const t=n["s-sn"],r=n["s-hn"];if(null==(l=e.classList)||l.add(i+"-s"),o&&(null==(s=o.classList)?void 0:s.contains(i+"-s"))){let n=(o.__childNodes||o.childNodes)[0],e=!1;for(;n;){if(n["s-sn"]!==t&&n["s-hn"]===r&&n["s-sr"]){e=!0;break}n=n.nextSibling}e||o.classList.remove(i+"-s")}}}var Dt=(t,n)=>{if(n&&!t.T&&n["s-p"]){const e=n["s-p"].push(new Promise((o=>t.T=()=>{n["s-p"].splice(e-1,1),o()})))}},Pt=(t,n)=>{if(t.u|=16,4&t.u)return void(t.u|=512);Dt(t,t.A);const e=()=>Vt(t,n);if(!n)return L(e);queueMicrotask((()=>{e()}))},Vt=(t,n)=>{const e=t.$hostElement$,o=t.i;if(!o)throw Error(`Can't render component <${e.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let l;return n?(t.F&&(t.F=!1,qt(o,"connectedCallback",void 0,e)),t.u|=256,t.D&&(t.D.map((([t,n])=>qt(o,t,n,e))),t.D=void 0),t.P.length&&t.P.forEach((t=>t(e))),l=qt(o,"componentWillLoad",void 0,e)):l=qt(o,"componentWillUpdate",void 0,e),l=Ht(l,(()=>qt(o,"componentWillRender",void 0,e))),Ht(l,(()=>_t(t,o,n)))},Ht=(t,n)=>Ut(t)?t.then(n).catch((t=>{console.error(t),n()})):n(),Ut=t=>t instanceof Promise||t&&t.then&&"function"==typeof t.then,_t=async(t,n,e)=>{var o;const l=t.$hostElement$,s=l["s-rc"];e&&(t=>{const n=t.o,e=t.$hostElement$,o=n.u,l=((t,n)=>{var e,o,l;const s=_(n),i=d.get(s);if(!y.document)return s;if(t=11===t.nodeType?t:y.document,i)if("string"==typeof i){let l,r=U.get(t=t.head||t);r||U.set(t,r=new Set);const c=t.querySelector(`[${v}="${s}"]`);if(c)c.textContent=i;else if(!r.has(s)){l=y.document.createElement("style"),l.textContent=i;const c=null!=(e=b.V)?e:H(y.document);if(null!=c&&l.setAttribute("nonce",c),!(1&n.u))if("HEAD"===t.nodeName){const n=t.querySelectorAll("link[rel=preconnect]"),e=n.length>0?n[n.length-1].nextSibling:t.querySelector("style");t.insertBefore(l,(null==e?void 0:e.parentNode)===t?e:null)}else if("host"in t)if(w){const n=new(null!=(o=t.defaultView)?o:t.ownerDocument.defaultView).CSSStyleSheet;n.replaceSync(i),j?t.adoptedStyleSheets.unshift(n):t.adoptedStyleSheets=[n,...t.adoptedStyleSheets]}else{const n=t.querySelector("style");n?n.textContent=i+n.textContent:t.prepend(l)}else t.append(l);1&n.u&&t.insertBefore(l,null),4&n.u&&(l.textContent+=h),r&&r.add(s)}}else{let n=U.get(t);if(n||U.set(t,n=new Set),!n.has(s)){const e=null!=(l=t.defaultView)?l:t.ownerDocument.defaultView;let o;if(i.constructor===e.CSSStyleSheet)o=i;else{o=new e.CSSStyleSheet;for(let t=0;t<i.cssRules.length;t++)o.insertRule(i.cssRules[t].cssText,t)}if(j?t.adoptedStyleSheets.push(o):t.adoptedStyleSheets=[...t.adoptedStyleSheets,o],n.add(s),"host"in t){const n=t.querySelector(`[${v}="${s}"]`);n&&L((()=>n.remove()))}}}return s})(e.getRootNode(),n);10&o&&(e["s-sc"]=l,e.classList.add(l+"-h"))})(t);zt(t,n,l,e),s&&(s.map((t=>t())),l["s-rc"]=void 0);{const n=null!=(o=l["s-p"])?o:[],e=()=>Bt(t);0===n.length?e():(Promise.all(n).then(e).catch(e),t.u|=4,n.length=0)}},zt=(t,n,e,o)=>{try{n=n.render(),t.u&=-17,t.u|=2,((t,n,e=!1)=>{var o,l,s,i,r;const c=t.$hostElement$,u=t.o,f=t.H||W(null,null),a=(t=>t&&t.S===q)(n)?n:B(null,null,n);if(et=c.tagName,u.U&&(a.h=a.h||{},u.U.forEach((([t,n])=>{a.h[n]=c[t]}))),e&&a.h)for(const t of Object.keys(a.h))c.hasAttribute(t)&&!["key","ref","style","class"].includes(t)&&(a.h[t]=c[t]);if(a.S=null,a.u|=4,t.H=a,a.k=f.k=c,tt=c["s-sc"],mt=!1,nt=c["s-cr"],yt=!1,Mt(f,a,e),b.u|=1,bt){It(a.k);for(const t of Lt){const n=t.I;if(!n["s-ol"]&&y.document){const t=y.document.createTextNode("");t["s-nr"]=n,At(n.parentNode,n["s-ol"]=t,n,e)}}for(const t of Lt){const n=t.I,r=t.R;if(1===n.nodeType&&e&&(n["s-ih"]=null!=(o=n.hidden)&&o),r){const t=r.parentNode;let o=r.nextSibling;if(o&&1===o.nodeType){let e=null==(l=n["s-ol"])?void 0:l.previousSibling;for(;e;){let l=null!=(s=e["s-nr"])?s:null;if(l&&l["s-sn"]===n["s-sn"]&&t===(l.__parentNode||l.parentNode)){for(l=l.nextSibling;l===n||(null==l?void 0:l["s-sr"]);)l=null==l?void 0:l.nextSibling;if(!l||!l["s-nr"]){o=l;break}}e=e.previousSibling}}if((!o&&t!==(n.__parentNode||n.parentNode)||(n.__nextSibling||n.nextSibling)!==o)&&n!==o){if(At(t,n,o,e),8===n.nodeType&&n.nodeValue.startsWith("s-nt-")){const t=y.document.createTextNode(n.nodeValue.replace(/^s-nt-/,""));t["s-hn"]=n["s-hn"],t["s-sn"]=n["s-sn"],t["s-sh"]=n["s-sh"],t["s-sr"]=n["s-sr"],t["s-ol"]=n["s-ol"],t["s-ol"]["s-nr"]=t,At(n.parentNode,t,n,e),n.parentNode.removeChild(n)}1===n.nodeType&&"SLOT-FB"!==n.tagName&&(n.hidden=null!=(i=n["s-ih"])&&i)}n&&"function"==typeof r["s-rf"]&&r["s-rf"](r)}else 1===n.nodeType&&(n.hidden=!0)}}if(yt&&I(a.k),b.u&=-2,Lt.length=0,!mt&&!(1&u.u)&&c["s-cr"]){const t=a.k.__childNodes||a.k.childNodes;for(const n of t)if(n["s-hn"]!==et&&!n["s-sh"])if(e&&null==n["s-ih"]&&(n["s-ih"]=null!=(r=n.hidden)&&r),1===n.nodeType)n.hidden=!0;else if(3===n.nodeType&&n.nodeValue.trim()){const t=y.document.createComment("s-nt-"+n.nodeValue);t["s-sn"]=n["s-sn"],At(n.parentNode,t,n,e),n.parentNode.removeChild(n)}}nt=void 0,wt.forEach((t=>t())),wt.length=0,jt.forEach((t=>t())),jt.length=0})(t,n,o)}catch(n){f(n,t.$hostElement$)}return null},Bt=t=>{const n=t.$hostElement$,e=t.i,o=t.A;qt(e,"componentDidRender",void 0,n),64&t.u?qt(e,"componentDidUpdate",void 0,n):(t.u|=64,Yt(n),qt(e,"componentDidLoad",void 0,n),t._(n),o||Wt()),t.B(n),t.T&&(t.T(),t.T=void 0),512&t.u&&C((()=>Pt(t,!1))),t.u&=-517},Wt=()=>{var t;C((()=>ut(y,"appload",{detail:{namespace:"design-system"}}))),(null==(t=b.W)?void 0:t.size)&&b.W.clear()},qt=(t,n,e,o)=>{if(t&&t[n])try{return t[n](e)}catch(t){f(t,o)}},Yt=t=>t.setAttribute("hydrated",""),Gt=(t,n,e,o)=>{const l=r(t);if(!l)return;if(!l)throw Error(`Couldn't find host element for "${o.v}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`);const s=l.$hostElement$,i=l.l.get(n),c=l.u,u=l.i;if(e=it(e,o.t[n][0]),!(8&c&&void 0!==i||e===i||Number.isNaN(i)&&Number.isNaN(e))){if(l.l.set(n,e),o.q){const t=o.q[n];t&&t.map((t=>{try{const[[o,s]]=Object.entries(t);(128&c||1&s)&&(u?u[o](e,i,n):l.P.push((()=>{l.i[o](e,i,n)})))}catch(t){f(t,s)}}))}if(2&c){if(u.componentShouldUpdate&&!1===u.componentShouldUpdate(e,i,n)&&!(16&c))return;16&c||Pt(l,!1)}}},Jt=(t,n,e)=>{var o,l;const i=t.prototype;{t.watchers&&!n.q&&(n.q=t.watchers),t.deserializers&&!n.Y&&(n.Y=t.deserializers),t.serializers&&!n.G&&(n.G=t.serializers);const c=Object.entries(null!=(o=n.t)?o:{});if(c.map((([t,[o]])=>{if(31&o||2&e&&32&o){const{get:l,set:c}=s(i,t)||{};l&&(n.t[t][0]|=2048),c&&(n.t[t][0]|=4096),(1&e||!l)&&Object.defineProperty(i,t,{get(){{if(!(2048&n.t[t][0]))return((t,n)=>r(this).l.get(n))(0,t);const e=r(this),o=e?e.i:i;if(!o)return;return o[t]}},configurable:!0,enumerable:!0}),Object.defineProperty(i,t,{set(l){const s=r(this);if(s){if(c)return void 0===(32&o?this[t]:s.$hostElement$[t])&&s.l.get(t)&&(l=s.l.get(t)),c.call(this,it(l,o)),void Gt(this,t,l=32&o?this[t]:s.$hostElement$[t],n);{if(!(1&e&&4096&n.t[t][0]))return Gt(this,t,l,n),void(1&e&&!s.i&&s.P.push((()=>{4096&n.t[t][0]&&s.i[t]!==s.l.get(t)&&(s.i[t]=l)})));const i=()=>{const e=s.i[t];!s.l.get(t)&&e&&s.l.set(t,e),s.i[t]=it(l,o),Gt(this,t,s.i[t],n)};s.i?i():s.P.push((()=>{i()}))}}}})}else 1&e&&64&o&&Object.defineProperty(i,t,{value(...n){var e;const o=r(this);return null==(e=null==o?void 0:o.J)?void 0:e.then((()=>{var e;return null==(e=o.i)?void 0:e[t](...n)}))}})})),1&e){const e=new Map;i.attributeChangedCallback=function(t,o,l){b.jmp((()=>{var s;const u=e.get(t),f=r(this);if(this.hasOwnProperty(u)&&(l=this[u],delete this[u]),i.hasOwnProperty(u)&&"number"==typeof this[u]&&this[u]==l)return;if(null==u){const e=null==f?void 0:f.u;if(f&&e&&!(8&e)&&l!==o){const i=f.i,r=null==(s=n.q)?void 0:s[t];null==r||r.forEach((n=>{const[[s,r]]=Object.entries(n);null!=i[s]&&(128&e||1&r)&&i[s].call(i,l,o,t)}))}return}const a=c.find((([t])=>t===u));a&&4&a[1][0]&&(l=null!==l&&"false"!==l);const d=Object.getOwnPropertyDescriptor(i,u);l==this[u]||d.get&&!d.set||(this[u]=l)}))},t.observedAttributes=Array.from(new Set([...Object.keys(null!=(l=n.q)?l:{}),...c.filter((([t,n])=>31&n[0])).map((([t,o])=>{var l;const s=o[1]||t;return e.set(s,t),512&o[0]&&(null==(l=n.U)||l.push([t,s])),s}))]))}}return t},Zt=(t,n)=>{qt(t,"connectedCallback",void 0,n)},Kt=t=>{if(!(1&b.u)){const n=r(t);if(!n)return;const e=n.o,o=()=>{};if(1&n.u)en(t,n,e.Z),(null==n?void 0:n.i)?Zt(n.i,t):(null==n?void 0:n.K)&&n.K.then((()=>Zt(n.i,t)));else{let o;if(n.u|=1,o=t.getAttribute(p),o){if(2&e.u){const n=_(e);t["s-sc"]=n}((t,n,e,o)=>{var l,s,i,c;const u=t.shadowRoot,f=[],a=[],d=[],v=W(n,null);let $;v.k=t;{const n=o.o;n&&10&n.u&&t["s-sc"]?($=t["s-sc"],t.classList.add($+"-h")):t["s-sc"]&&delete t["s-sc"]}!y.document||b.W&&b.W.size||K(y.document.body,b.W=new Map),t[p]=e,t.removeAttribute(p),o.H=Z(v,f,a,null,t,t,e,d);let h=0;const m=f.length;let g;for(;h<m;h++){g=f[h];const e=g.N+"."+g.C,o=b.W.get(e),s=g.k;if(u){if((null==(l=g.S)?void 0:(""+l).includes("-"))&&"slot-fb"!==g.S&&!g.k.shadowRoot){const t=r(g.k);if(t){const n=_(t.o),e=y.document.querySelector(`style[sty-id="${n}"]`);e&&null.unshift(e.cloneNode(!0))}}}else s["s-hn"]=n.toUpperCase(),"slot"===g.S&&(s["s-cr"]=t["s-cr"]);"slot"===g.S&&(g.O=g.k["s-sn"]||g.k.name||null,g.m?(g.u|=2,g.k.childNodes.length||g.m.forEach((t=>{g.k.appendChild(t.k)}))):g.u|=1),o&&o.isConnected&&(o.parentElement.shadowRoot&&""===o["s-en"]&&o.parentNode.insertBefore(s,o.nextSibling),o.parentNode.removeChild(o),u||(s["s-oo"]=parseInt(g.C))),o&&!o["s-id"]&&b.W.delete(e)}const w=[],j=d.length;let O,S,k,N,x=0,E=0;for(;x<j;x++)if(O=d[x],O&&O.length)for(k=O.length,S=0;S<k;S++){if(N=O[S],w[N.hostId]||(w[N.hostId]=b.W.get(N.hostId)),!w[N.hostId])continue;const t=w[N.hostId];t.shadowRoot&&N.node.parentElement!==t&&t.insertBefore(N.node,null==(i=null==(s=O[S-1])?void 0:s.node)?void 0:i.nextSibling),t.shadowRoot&&u||(N.slot["s-cr"]||(N.slot["s-cr"]=t["s-cr"],N.slot["s-cr"]=!N.slot["s-cr"]&&t.shadowRoot?t:(t.__childNodes||t.childNodes)[0]),F(N.node,N.slot,0,N.node["s-oo"]||E),(null==(c=N.node.parentElement)?void 0:c.shadowRoot)&&N.node.getAttribute&&N.node.getAttribute("slot")&&N.node.removeAttribute("slot")),E=(N.node["s-oo"]||E)+1}$&&a.length&&a.forEach((t=>{t.k.parentElement.classList.add($+"-s")})),o.$hostElement$=t})(t,e.v,o,n)}o||12&e.u&&Qt(t);{let e=t;for(;e=e.parentNode||e.host;)if(1===e.nodeType&&e.hasAttribute("s-id")&&e["s-p"]||e["s-p"]){Dt(n,n.A=e);break}}e.t&&Object.entries(e.t).map((([n,[e]])=>{if(31&e&&Object.prototype.hasOwnProperty.call(t,n)){const e=t[n];delete t[n],t[n]=e}})),(async(t,n,e)=>{let o;try{if(!(32&n.u)){if(n.u|=32,e.X){const l=((t,n)=>{const e=t.v.replace(/-/g,"_"),o=t.X;if(!o)return;const l=a.get(o);return l?l[e]:import(`./${o}.entry.js`).then((t=>(a.set(o,t),t[e])),(t=>{f(t,n.$hostElement$)}))
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(e,n);if(l&&"then"in l){const t=()=>{};o=await l,t()}else o=l;if(!o)throw Error(`Constructor for "${e.v}#${n.tt}" was not found`);o.isProxied||(e.q=o.watchers,e.G=o.serializers,e.Y=o.deserializers,Jt(o,e,2),o.isProxied=!0);const s=()=>{};n.u|=8;try{new o(n)}catch(n){f(n,t)}n.u&=-9,n.u|=128,s(),4&e.u?n.F=!0:Zt(n.i,t)}else o=t.constructor,customElements.whenDefined(t.localName).then((()=>n.u|=128));if(o&&o.style){let t;"string"==typeof o.style&&(t=o.style);const n=_(e);if(!d.has(n)){const o=()=>{};((t,n,e)=>{let o=d.get(t);w&&e?(o=o||new CSSStyleSheet,"string"==typeof o?o=n:o.replaceSync(n)):o=n,d.set(t,o)})(n,t,!!(1&e.u)),o()}}}const l=n.A,s=()=>Pt(n,!0);l&&l["s-rc"]?l["s-rc"].push(s):s()}catch(e){f(e,t),n.T&&(n.T(),n.T=void 0),n._&&n._(t)}})(t,n,e)}o()}},Qt=t=>{if(!y.document)return;const n=t["s-cr"]=y.document.createComment("");n["s-cn"]=!0,At(t,n,t.firstChild)},Xt=(t,n)=>{qt(t,"disconnectedCallback",void 0,n||t)},tn=(t,n={})=>{var e;if(!y.document)return void console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");const o=[],l=n.exclude||[],s=y.customElements,i=y.document.head,c=i.querySelector("meta[charset]"),u=y.document.createElement("style"),f=[];let a,d=!0;Object.assign(b,n),b.p=new URL(n.resourcesUrl||"./",y.document.baseURI).href,b.u|=2;let p=!1;if(t.map((t=>{t[1].map((n=>{var e,i,c;const u={u:n[0],v:n[1],t:n[2],Z:n[3]};4&u.u&&(p=!0),u.t=n[2],u.Z=n[3],u.U=[],u.q=null!=(e=n[4])?e:{},u.G=null!=(i=n[5])?i:{},u.Y=null!=(c=n[6])?c:{};const v=u.v,$=class extends HTMLElement{"s-p";"s-rc";hasRegisteredEventListeners=!1;constructor(t){super(t),((t,n)=>{const e={u:0,$hostElement$:t,o:n,l:new Map,nt:new Map};e.J=new Promise((t=>e.B=t)),e.K=new Promise((t=>e._=t)),t["s-p"]=[],t["s-rc"]=[],e.P=[];const o=e;t.__stencil__getHostRef=()=>o})(t=this,u)}connectedCallback(){const t=r(this);t&&(this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0,en(this,t,u.Z)),a&&(clearTimeout(a),a=null),d?f.push(this):b.jmp((()=>Kt(this))))}disconnectedCallback(){b.jmp((()=>(async t=>{if(!(1&b.u)){const n=r(t);(null==n?void 0:n.et)&&(n.et.map((t=>t())),n.et=void 0),(null==n?void 0:n.i)?Xt(n.i,t):(null==n?void 0:n.K)&&n.K.then((()=>Xt(n.i,t)))}U.has(t)&&U.delete(t),t.shadowRoot&&U.has(t.shadowRoot)&&U.delete(t.shadowRoot)})(this))),b.raf((()=>{var t;const n=r(this);if(!n)return;const e=f.findIndex((t=>t===this));e>-1&&f.splice(e,1),(null==(t=null==n?void 0:n.H)?void 0:t.k)instanceof Node&&!n.H.k.isConnected&&delete n.H.k}))}componentOnReady(){var t;return null==(t=r(this))?void 0:t.K}};u.X=t[0],l.includes(v)||s.get(v)||(o.push(v),s.define(v,Jt($,u,1)))}))})),o.length>0&&(p&&(u.textContent+=h),u.textContent+=o.sort()+"{visibility:hidden}[hydrated]{visibility:inherit}",u.innerHTML.length)){u.setAttribute("data-styles","");const t=null!=(e=b.V)?e:H(y.document);null!=t&&u.setAttribute("nonce",t),i.insertBefore(u,c?c.nextSibling:i.firstChild)}d=!1,f.length?f.map((t=>t.connectedCallback())):b.jmp((()=>a=setTimeout(Wt,30)))},nn=(t,n)=>n,en=(t,n,e)=>{e&&y.document&&e.map((([e,o,l])=>{const s=ln(y.document,t,e),i=on(n,l),r=sn(e);b.ael(s,o,i,r),(n.et=n.et||[]).push((()=>b.rel(s,o,i,r)))}))},on=(t,n)=>e=>{var o;try{256&t.u?null==(o=t.i)||o[n](e):(t.D=t.D||[]).push([n,e])}catch(n){f(n,t.$hostElement$)}},ln=(t,n,e)=>8&e?y:n,sn=t=>({passive:!!(1&t),capture:!!(2&t)}),rn=t=>b.V=t;export{nn as F,M as a,tn as b,ct as c,rt as g,B as h,g as p,c as r,rn as s}

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

@@ -0,0 +1 @@
+import{r as t,h as e,F as s,c as i,g as n}from"./p-DsU722JF.js";import{r as o}from"./p-BxPyZJaz.js";import{B as a}from"./p-CRdYeSBK.js";import{S as r}from"./p-Cy6HMEsK.js";import{n as l}from"./p-CCwNgVmC.js";const d=class{constructor(e){t(this,e)}color="#0075ff";get resolvedColor(){return o(this.color)}render(){return e(s,{key:"1a4edb8be9cc83ab900cd615ee30958d9822e98b"},e("svg",{key:"634070026b58303bf3423b10f37ed6603179b9b1",class:"sd-loading-spinner",width:"72px",height:"72px",viewBox:"25 25 50 50",style:{color:this.resolvedColor}},e("circle",{key:"fda3f7e4f787176f6030e19a3f2c1dd59326d35a",class:"path",cx:"50",cy:"50",r:"20",fill:"none",stroke:"currentColor","stroke-width":"5","stroke-miterlimit":"10"})))}};d.style="sd-loading-spinner{display:inline-flex;width:fit-content;height:fit-content;align-items:center}sd-loading-spinner .sd-loading-spinner{animation:sd-loading-spin 2s linear infinite;transform-origin:center center}sd-loading-spinner .sd-loading-spinner .path{animation:sd-loading-spin-path 1.5s ease-in-out infinite}@keyframes sd-loading-spin{0%{transform:rotate3d(0, 0, 1, 0deg)}25%{transform:rotate3d(0, 0, 1, 90deg)}50%{transform:rotate3d(0, 0, 1, 180deg)}75%{transform:rotate3d(0, 0, 1, 270deg)}100%{transform:rotate3d(0, 0, 1, 359deg)}}@keyframes sd-loading-spin-path{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35px}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124px}}";const h={1:26,2:36,3:42,4:50,5:58},p=10,c=class{constructor(e){t(this,e),this.pageChange=i(this,"sdPageChange",7)}currentPage=1;lastPage=1;simple=!1;pageChange;get paginationClasses(){const t=["sd-pagination"];return this.simple&&t.push("sd-pagination--simple"),t.join(" ")}get pageNumbers(){const t=Math.floor((this.currentPage-1)/p)*p+1,e=Math.min(t+p-1,this.lastPage);return Array.from({length:e-t+1},((e,s)=>t+s))}get buttonWidth(){const t=(this.pageNumbers.at(-1)??1).toString().length;return h[t]||h[1]}handlePageChange(t){t<1||t>this.lastPage||(this.currentPage=t,this.pageChange.emit(t))}handleGroupChange(t){const e=Math.min(Math.max(this.currentPage+("forward"===t?p:-10),1),this.lastPage);this.handlePageChange(e)}get isFirstGroup(){return this.currentPage<=p}get isLastGroup(){return Math.floor((this.currentPage-1)/p)*p+1+p-1>=this.lastPage}renderPrevButtons(){return this.simple?this.currentPage<=1?null:e(s,null,e("button",{"aria-label":"Go to first page",onClick:()=>this.handlePageChange(1)},e("sd-icon",{name:"chevronLeftEnd",size:"12",color:"#222222"})),e("button",{"aria-label":"Go to previous page",onClick:()=>this.handlePageChange(this.currentPage-1)},e("sd-icon",{name:"arrowLeft",size:"12",color:"#222222"}))):this.isFirstGroup?void 0:e(s,null,e("button",{"aria-label":"Go to first page",onClick:()=>this.handlePageChange(1)},e("sd-icon",{name:"chevronLeftEnd",size:"12",color:"#222222"})),e("button",{"aria-label":"Go to previous page group",onClick:()=>this.handleGroupChange("backward")},e("sd-icon",{name:"arrowLeft",size:"12",color:"#222222"})))}renderNextButtons(){return this.simple?this.currentPage>=this.lastPage?null:e(s,null,e("button",{"aria-label":"Go to next page",onClick:()=>this.handlePageChange(this.currentPage+1)},e("sd-icon",{name:"arrowRight",size:"12",color:"#222222"})),e("button",{"aria-label":"Go to last page",onClick:()=>this.handlePageChange(this.lastPage)},e("sd-icon",{name:"chevronRightEnd",size:"12",color:"#222222"}))):this.isLastGroup?void 0:e(s,null,e("button",{"aria-label":"Go to next page group",onClick:()=>this.handleGroupChange("forward")},e("sd-icon",{name:"arrowRight",size:"12",color:"#222222"})),e("button",{"aria-label":"Go to last page",onClick:()=>this.handlePageChange(this.lastPage)},e("sd-icon",{name:"chevronRightEnd",size:"12",color:"#222222"})))}render(){return e("div",{key:"d370dfd96244d439f83aa6f283ea3601b51ca8f1",class:this.paginationClasses},e("div",{key:"4287df0cbd99892e643b1e68ce051ac119c758d2",class:"prepend-btns"},this.renderPrevButtons()),this.simple?e("div",{class:"pagination-info"},e("span",{class:"current-page"},this.currentPage),e("span",null,"/"),e("span",{class:"last-page"},this.lastPage)):this.pageNumbers.map((t=>e("button",{type:"button","aria-current":this.currentPage===t?"page":void 0,class:{"pagination-btn":!0,"pagination-btn--selected":this.currentPage===t},disabled:this.currentPage===t,style:{"--pagination-btn-width":`${this.buttonWidth}px`},onClick:()=>this.handlePageChange(t)},t))),e("div",{key:"ad51e05546d929ac01898e93ab4285018837394a",class:"append-btns"},this.renderNextButtons()))}};c.style=".sd-pagination{display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;gap:8px;color:#555555;width:100%;font-size:12px}.sd-pagination .prepend-btns{display:flex;flex-flow:row nowrap;align-items:center;gap:8px;width:60px}.sd-pagination .prepend-btns button{width:26px;height:26px;border:0;background:none}.sd-pagination .prepend-btns button:hover{border:1px solid #006AC1;border-radius:14px}.sd-pagination .append-btns{display:flex;flex-flow:row nowrap;align-items:center;gap:8px;width:60px}.sd-pagination .append-btns button{width:26px;height:26px;border:0;background:none}.sd-pagination .append-btns button:hover{border:1px solid #006AC1;border-radius:14px}.sd-pagination .pagination-btn{display:flex;align-items:center;justify-content:center;border-radius:14px;outline:none;border:none;cursor:pointer;height:26px;color:#555555;width:var(--pagination-btn-width, 26px)}.sd-pagination .pagination-btn--selected{background-color:#006AC1;color:white}.sd-pagination .pagination-btn:hover{border:1px solid #006AC1}.sd-pagination--simple .pagination-info{line-height:26px;display:flex;flex-flow:row nowrap;align-items:center;gap:8px}.sd-pagination--simple .pagination-info .current-page,.sd-pagination--simple .pagination-info .last-page{padding:0 2px}";const g=class extends a{constructor(e){super(),t(this,e),this.update=i(this,"sdUpdate",7),this.dropDownShow=i(this,"sdDropDownShow",7)}get el(){return n(this)}value=null;options=[];placeholder="선택";optionPlaceholder="선택지가 없습니다.";width="200px";dropdownHeight="260px";autoFocus=!1;disabled=!1;clearable=!1;searchable=!1;label="";addonLabel="";icon=void 0;labelTooltip="";labelTooltipProps=null;rules=[];error=!1;optionRenderer;isOpen=!1;itemIndex=-1;isScrolled=!1;update;dropDownShow;selectRef;triggerRef;formField;filteredOptions=[];dropDownWidth="200px";name=l();async sdOpen(){this.isOpen=!0}async sdValidate(){this.formField?.sdValidate()}async sdReset(){this.formField?.sdReset()}async sdResetValidate(){this.formField?.sdResetValidation()}async sdFocus(){this.formField?.sdFocus()}async isOpenChanged(){this.onDropdownToggle(this.isOpen),this.dropDownShow?.emit({isOpen:this.isOpen}),!1===this.isOpen&&await(this.formField?.sdValidate())}componentWillLoad(){this.filteredOptions=this.options,this.dropDownWidth=this.width,this.initializeEvent()}componentDidLoad(){this.autoFocus&&this.selectRef?.focus()}componentDidRender(){const t=this.triggerRef,e=t?.getBoundingClientRect();this.dropDownWidth=e?.width?`${e.width}px`:this.width}disconnectedCallback(){this.cleanupEvent()}handleDocumentClick(t){this.selectRef?.contains(t.target)||(this.isOpen=!1)}handleDocumentKeydown(t){if(t.stopPropagation(),["ArrowDown","ArrowUp","Enter","Escape"].includes(t.key))switch(t.preventDefault(),t.key){case"ArrowDown":case"ArrowUp":const e=new r(this.searchable,this.filteredOptions).getNextIndex(this.itemIndex,t.key);this.itemIndex=e;break;case"Enter":const s=this.filteredOptions[this.itemIndex];s&&!s.disabled&&(this.value=s.value,this.isOpen=!1);break;case"Escape":this.isOpen=!1}}getSelectedOption(){return this.options.find((t=>t.value===this.value))}closeDropdown(){this.isOpen=!1}handleTriggerClick=t=>{t.stopPropagation(),this.disabled||(this.isOpen=!this.isOpen,this.dropDownShow?.emit({isOpen:this.isOpen}))};handleOptionClick=t=>{const{option:e,event:s}=t;if(s.stopPropagation(),!e.disabled){this.value=e.value,this.isOpen=!1;const t=this.getSelectedOption();this.update?.emit({value:t?.value||null,option:t||null})}};render(){return e("sd-field",{key:"f7cd0c34188712a30389d07bde7edc7875e9923b",label:this.label,name:this.name,rules:this.rules,error:this.error,disabled:this.disabled,icon:this.icon,addonLabel:this.addonLabel,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:t=>this.formField=t},e("div",{key:"460a8a23247e24a02bd25470105598914029e205",class:{"sd-select":!0,"sd-select--disabled":this.disabled,"sd-select--error":!!this.error,"sd-select--label":!!this.label},ref:t=>this.selectRef=t},this.renderTrigger(),this.renderDropdown()))}renderTrigger(){const t=this.getSelectedOption();return e("div",{class:"sd-select__trigger",tabindex:this.disabled?-1:0,onClick:this.handleTriggerClick,ref:t=>this.triggerRef=t},e("span",{class:"sd-select__value"},t?t.label:this.placeholder),this.clearable&&t&&!this.disabled&&e("sd-icon",{key:"clear-icon",name:"close",size:10,color:"#888",class:"sd-select__clear",onClick:async t=>{t.stopPropagation(),this.value=null,await(this.formField?.sdValidate())}}),e("sd-icon",{key:"arrow-icon",name:"arrowDown",color:"#888",class:{"sd-select__arrow":!0,"sd-select__arrow--open":this.isOpen}}))}renderDropdown(){if(!1===this.isOpen)return null;const t=this.selectRef?.querySelector(".sd-select__trigger")||this.selectRef;return e("sd-portal",{open:this.isOpen,parentRef:t,onSdClose:this.closeDropdown},e("sd-select-dropdown",{value:this.value,options:this.options,itemIndex:this.itemIndex,width:this.dropDownWidth,dropdownHeight:this.dropdownHeight,searchable:this.searchable,optionPlaceholder:this.optionPlaceholder,onSdOptionClick:({detail:t})=>this.handleOptionClick(t),onSdOptionFiltered:({detail:t})=>this.filteredOptions=t}))}static get watchers(){return{isOpen:[{isOpenChanged:0}]}}};g.style="sd-select{display:inline-flex;flex-flow:column nowrap;height:fit-content}sd-select *:focus,sd-select *:focus-visible,sd-select *:focus-within{outline:none !important}sd-select .sd-select{width:100%}sd-select .sd-select .sd-select__trigger{padding:4px 28px 4px 12px;display:flex;width:100%;height:100%;align-items:center}sd-select .sd-select .sd-select__trigger .sd-select__value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:20px;font-size:12px;font-weight:400;text-align:left}sd-select .sd-select .sd-select__trigger .sd-select__clear{margin:0 4px;width:8px;height:8px;background-color:transparent;outline:none;border:none}sd-select .sd-select .sd-select__arrow{position:absolute;top:8px;right:8px;width:12px;height:12px;color:#888888;transition:transform 0.3s ease;margin-left:8px}sd-select .sd-select .sd-select__arrow--open{transform:rotate(180deg)}";export{d as sd_loading_spinner,c as sd_pagination,g as sd_select}

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

@@ -0,0 +1 @@
+import{r as t,c as e,h as s}from"./p-DsU722JF.js";import{c as i,S as r,f as o,E as h,L as n,a as l,b as d,d as c}from"./p-o9Ugc4Ua.js";const a=class{constructor(s){t(this,s),this.optionSelect=e(this,"sdOptionSelect",7)}name="default";options=[];value=null;emitValue=!1;triggerWidth="200px";maxWidth="640px";maxHeight="260px";searchKeyword="";isScrolled=!1;focusedIndex=-1;optionSelect;listEl;lastScrolledIndex=-1;keydownAttached=!1;suppressHover=!1;get isDepth(){return"default_depth"===this.name||"multi_depth"===this.name}get isMulti(){return"multi"===this.name||"multi_depth"===this.name}get showSearch(){return(this.isDepth?i(this.options):this.options.length)>=r}get filteredOptions(){if(!this.searchKeyword)return this.options;if(this.isDepth)return o(this.options,this.searchKeyword);const t=this.searchKeyword.toLowerCase();return this.options.filter((e=>e.label.toLowerCase().includes(t)))}get isEmpty(){return this.isDepth?0===i(this.filteredOptions)&&0===this.filteredOptions.length:0===this.filteredOptions.length}getSelectedValues(){return this.value&&Array.isArray(this.value)?this.emitValue?new Set(this.value):new Set(this.value.map((t=>t.value))):new Set}isOptionSelected(t){return this.isMulti?this.getSelectedValues().has(t.value):this.emitValue||null==this.value||"object"!=typeof this.value||Array.isArray(this.value)?this.value===t.value:this.value.value===t.value}getGroupSelectionState(t){if(!this.isMulti||!t.children)return!1;const e=this.getSelectedValues();if(0===e.size)return!1;const s=this.collectVisibleLeaves(t);if(0===s.length)return!1;const i=s.filter((t=>e.has(t.value))).length;return 0!==i&&(i===s.length||null)}getCountInfo(t){if(!this.isMulti||!t.children)return;const e=this.getSelectedValues(),s=this.collectVisibleLeaves(t);return{selected:s.filter((t=>e.has(t.value))).length,total:s.length}}findOriginalOption(t,e){for(const s of e){if(s.value===t)return s;if(s.children){const e=this.findOriginalOption(t,s.children);if(e)return e}}}collectLeaves(t){return t.children?t.children.flatMap((t=>this.collectLeaves(t))):[t]}collectVisibleLeaves(t){if(!t.children)return[t];if(0===t.children.length){const e=this.findOriginalOption(t.value,this.options);return e?this.collectLeaves(e):[]}return t.children.flatMap((t=>this.collectVisibleLeaves(t)))}get navigableOptions(){const t=[],e=s=>{for(const i of s){const s=!!i.children;(!s||this.isMulti)&&!i.disabled&&t.push(i),s&&i.children&&i.children.length>0&&e(i.children)}};return e(this.filteredOptions),t}isOptionFocused(t){if(this.focusedIndex<0)return!1;const e=this.navigableOptions[this.focusedIndex];return!!e&&e.value===t.value}resetFocusOnFilter(){this.focusedIndex=this.navigableOptions.length>0?0:-1,this.suppressHover&&(document.removeEventListener("mousemove",this.releaseHoverSuppress,!0),this.suppressHover=!1)}handleSearchFilter=t=>{this.searchKeyword=t.detail};handleScroll=t=>{this.isScrolled=t.target.scrollTop>0};emitOptionSelect(t){this.optionSelect.emit({option:t,leaves:this.collectVisibleLeaves(t)})}handleOptionClick=t=>{t.stopPropagation(),this.emitOptionSelect(t.detail)};handleOptionHover=t=>{if(this.suppressHover)return;const e=this.navigableOptions.findIndex((e=>e.value===t.value));e>=0&&(this.focusedIndex=e)};releaseHoverSuppress=()=>{this.suppressHover=!1,document.removeEventListener("mousemove",this.releaseHoverSuppress,!0)};handleKeyDown=t=>{const e=this.navigableOptions;if("ArrowDown"===t.key){if(0===e.length)return;t.preventDefault(),t.stopPropagation(),this.focusedIndex=this.focusedIndex<0?0:(this.focusedIndex+1)%e.length,this.beginHoverSuppression()}else if("ArrowUp"===t.key){if(0===e.length)return;t.preventDefault(),t.stopPropagation(),this.focusedIndex=this.focusedIndex<=0?e.length-1:this.focusedIndex-1,this.beginHoverSuppression()}else if("Enter"===t.key){if(this.focusedIndex<0||this.focusedIndex>=e.length)return;t.preventDefault(),t.stopPropagation(),this.emitOptionSelect(e[this.focusedIndex])}};beginHoverSuppression(){this.suppressHover||(this.suppressHover=!0,document.addEventListener("mousemove",this.releaseHoverSuppress,!0))}scrollFocusedIntoView(){const t=this.listEl,e=t?.querySelector(".sd-select-v2-list-item--focused");if(!t||!e)return;const s=t.getBoundingClientRect(),i=e.getBoundingClientRect();i.top<s.top?t.scrollTop+=i.top-s.top:i.bottom>s.bottom&&(t.scrollTop+=i.bottom-s.bottom)}connectedCallback(){this.keydownAttached||(document.addEventListener("keydown",this.handleKeyDown,!0),this.keydownAttached=!0)}disconnectedCallback(){this.keydownAttached&&(document.removeEventListener("keydown",this.handleKeyDown,!0),this.keydownAttached=!1),this.suppressHover&&(document.removeEventListener("mousemove",this.releaseHoverSuppress,!0),this.suppressHover=!1)}componentDidRender(){this.focusedIndex!==this.lastScrolledIndex&&(this.lastScrolledIndex=this.focusedIndex,this.focusedIndex>=0&&this.scrollFocusedIntoView())}renderOptions(t,e=1){return t.map((t=>{const i=!!t.children;return[s("sd-select-v2-list-item",{option:t,depth:e,isSelected:i?this.getGroupSelectionState(t):this.isOptionSelected(t),isFocused:this.isOptionFocused(t),useCheckbox:this.isMulti,countInfo:this.getCountInfo(t),onSdListItemClick:this.handleOptionClick,onMouseEnter:()=>this.handleOptionHover(t)}),i&&t.children?this.renderOptions(t.children,e+1):null]}))}render(){return s("div",{key:"c04974ad387df3d23efbf27afdb6cc92f24a744e",class:"sd-select-v2-listbox",style:{"--listbox-trigger-width":this.triggerWidth,"--listbox-max-width":this.maxWidth,"--listbox-max-height":this.maxHeight,"--listbox-radius":`${n.radius}px`,"--listbox-padding-bottom":`${n.paddingBottom}px`}},this.showSearch&&s("sd-select-v2-list-item-search",{key:"b8ef69dc0a35cc2110665095feea58d4132a6bad",isScrolled:this.isScrolled,onSdSearchFilter:this.handleSearchFilter}),s("div",{key:"d8a2f04f1dbbd8fde39203ac52a1bd220097495d",class:"sd-select-v2-listbox__list",onScroll:this.handleScroll,ref:t=>{this.listEl=t}},this.isEmpty?s("div",{class:"sd-select-v2-listbox__empty"},h):this.isDepth?this.renderOptions(this.filteredOptions):this.filteredOptions.map((t=>s("sd-select-v2-list-item",{option:t,depth:1,isSelected:this.isOptionSelected(t),isFocused:this.isOptionFocused(t),useCheckbox:this.isMulti,onSdListItemClick:this.handleOptionClick,onMouseEnter:()=>this.handleOptionHover(t)})))))}static get watchers(){return{searchKeyword:[{resetFocusOnFilter:0}]}}};a.style="sd-select-v2-listbox{display:block}sd-select-v2-listbox .sd-select-v2-listbox{display:flex;flex-direction:column;min-width:var(--listbox-trigger-width);max-width:var(--listbox-max-width);max-height:var(--listbox-max-height);width:fit-content;border-radius:var(--listbox-radius);background:white;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.1);overflow:hidden;outline:none}sd-select-v2-listbox .sd-select-v2-listbox__list{flex:1;min-height:0;overflow-y:auto;padding-bottom:var(--listbox-padding-bottom)}sd-select-v2-listbox .sd-select-v2-listbox__empty{padding:12px;text-align:center;font-size:12px;line-height:20px;color:#888888}";const g=class{constructor(s){t(this,s),this.triggerClick=e(this,"sdTriggerClick",7)}displayText="";placeholder="선택";disabled=!1;isOpen=!1;triggerClick;handleClick=()=>{this.disabled||this.triggerClick.emit()};render(){const t=!!this.displayText;return s("div",{key:"9bbda5c8b8b359f6df1079f9f5b1b170472ba7d3",class:{"sd-select-v2-trigger":!0,"sd-select-v2-trigger--open":this.isOpen,"sd-select-v2-trigger--disabled":this.disabled},style:{"--trigger-padding-x":`${c.paddingX}px`,"--trigger-gap":`${c.gap}px`,"--trigger-font-size":`${d.fontSize}px`,"--trigger-line-height":`${d.lineHeight}px`,"--trigger-font-weight":d.fontWeight,"--trigger-color":this.disabled?l.text.disabled:t?l.text.default:l.icon.default,"--trigger-icon-color":this.disabled?l.icon.disabled:l.icon.default},onClick:this.handleClick},s("div",{key:"b129a7bcbdae8b6873f0b9f97cf37f69829de36a",class:"sd-select-v2-trigger__content"},s("span",{key:"fff9c48504e54ea4bedd1494c3d321197f9b0e8d",class:"sd-select-v2-trigger__text"},t?this.displayText:this.placeholder),s("sd-icon",{key:"d3e88a0de9fc773a3f5e3c173159ba2feff1ba67",name:"chevronDown",size:12,color:"var(--trigger-icon-color)",class:{"sd-select-v2-trigger__icon":!0,"sd-select-v2-trigger__icon--open":this.isOpen}})))}};g.style="sd-select-v2-trigger{display:block;width:100%;height:100%}sd-select-v2-trigger .sd-select-v2-trigger{display:flex;width:100%;height:100%;cursor:pointer;user-select:none;overflow:hidden;border-radius:3px}sd-select-v2-trigger .sd-select-v2-trigger--disabled{cursor:not-allowed}sd-select-v2-trigger .sd-select-v2-trigger__content{display:flex;align-items:center;gap:var(--trigger-gap);flex:1;padding:0 var(--trigger-padding-x);min-width:0}sd-select-v2-trigger .sd-select-v2-trigger__text{flex:1;font-size:var(--trigger-font-size);line-height:var(--trigger-line-height);font-weight:var(--trigger-font-weight);color:var(--trigger-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}sd-select-v2-trigger .sd-select-v2-trigger__icon{flex-shrink:0;transition:transform 0.2s ease}sd-select-v2-trigger .sd-select-v2-trigger__icon--open{transform:rotate(180deg)}";export{a as sd_select_v2_listbox,g as sd_select_v2_trigger}

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

@@ -0,0 +1 @@
+import{r as t,c as e,g as i,h as s}from"./p-DsU722JF.js";import{n as a}from"./p-CCwNgVmC.js";import{i as o}from"./p-BGovA1BG.js";const n=o.input.sm,d=o.input.md,r={sm:{height:n.height,paddingX:n.paddingX,gap:n.gap,radius:n.radius,fontSize:n.typography.fontSize,lineHeight:n.typography.lineHeight,fontWeight:n.typography.fontWeight},md:{height:d.height,paddingX:d.paddingX,gap:d.gap,radius:d.radius,fontSize:d.typography.fontSize,lineHeight:d.typography.lineHeight,fontWeight:d.typography.fontWeight}},l={bg:o.input.bg,text:o.input.text,icon:o.input.icon},c=class{constructor(i){t(this,i),this.input=e(this,"sdUpdate",7),this.focus=e(this,"sdFocus",7),this.blur=e(this,"sdBlur",7)}get host(){return i(this)}value=null;size="sm";addonLabel="";placeholder="입력해 주세요.";disabled=!1;clearable=!1;width="";rules=[];autoFocus=!1;status;hint="";errorMessage="";inputClass="";readonly=!1;error=!1;focused=!1;hovered=!1;label="";icon=void 0;labelTooltip="";labelTooltipProps=null;inputStyle={};internalValue=null;nativeEl=void 0;formField;name=a();input;focus;blur;valueChanged(t){this.internalValue=t}internalValueChanged(t){t!==this.value&&(this.value=t,this.input?.emit(this.value))}async sdGetNativeElement(){return this.nativeEl||null}async sdValidate(){this.formField?.sdValidate()}async sdReset(){this.formField?.sdReset()}async sdResetValidate(){this.formField?.sdResetValidation()}async sdFocus(){this.formField?.sdFocus()}componentWillLoad(){this.value&&(this.internalValue=this.value)}componentDidLoad(){this.autoFocus&&this.nativeEl?.focus()}handleInput=t=>{this.internalValue=t.target.value};handleFocus=async(t,e)=>{this.focused="focus"===t,"blur"===t?(this.rules&&this.rules.length>0&&await(this.formField?.sdValidate()),this.blur?.emit(e)):this.focus?.emit(e)};render(){const t=r[this.size]??r.sm;return s("sd-field",{key:"9987023d28947334836b6b0b0c5f493eab91c59c",name:this.name,label:this.label,addonLabel:this.addonLabel,hint:this.hint,errorMessage:this.errorMessage,width:this.width,rules:this.rules,error:this.error,disabled:this.disabled,focused:this.focused,hovered:this.hovered,status:this.status,icon:this.icon,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:t=>this.formField=t,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1,style:{"--sd-barcode-input-font-size":`${t.fontSize}px`,"--sd-barcode-input-line-height":`${t.lineHeight}px`,"--sd-barcode-input-font-weight":t.fontWeight,"--sd-barcode-input-padding-x":`${t.paddingX}px`,"--sd-barcode-input-gap":`${t.gap}px`,"--sd-barcode-input-text-color":l.text.default,"--sd-barcode-input-placeholder-color":l.text.placeholder,"--sd-barcode-input-disabled-color":l.text.disabled,"--sd-barcode-input-icon-color":l.icon.default,"--sd-system-size-field-sm-height":`${t.height}px`,"--sd-system-radius-field-sm":`${t.radius}px`,"--sd-system-color-field-bg-default":l.bg.barcode}},s("label",{key:"a3b70f106f4d05a82b9da0fda0c1450fef5a4bd4",class:"sd-barcode-input__content"},s("slot",{key:"5c6aa9b488ca414d191b538bca0bbcc1aca6cf75",name:"prefix"}),s("input",{key:"94133a24b1ba1e691584a27c5ddd13ded76ff462",name:this.name,ref:t=>this.nativeEl=t,class:`sd-barcode-input__native ${this.inputClass}`,type:"text",value:this.internalValue||"",placeholder:this.placeholder,disabled:this.disabled,readonly:this.readonly,autofocus:this.autoFocus,onInput:this.handleInput,onFocus:t=>this.handleFocus("focus",t),onBlur:t=>this.handleFocus("blur",t),style:this.inputStyle}),s("slot",{key:"04d64be5bd466b68423e44caab9cc513610bef92",name:"suffix"}),this.clearable&&this.internalValue&&s("sd-ghost-button",{key:"052388d8e79b249752a6668db221af140b3eea1f",icon:"close",ariaLabel:"close",size:"xxs",disabled:this.disabled,class:"sd-barcode-input__clear-icon",onClick:async()=>{this.disabled||(this.internalValue="",await(this.formField?.sdValidate()))}})))}static get watchers(){return{value:[{valueChanged:0}],internalValue:[{internalValueChanged:0}]}}};c.style="sd-icon{display:inline-block;line-height:0}sd-icon .sd-icon--rotate-90{transform:rotate(90deg)}sd-icon .sd-icon--rotate-180{transform:rotate(180deg)}sd-icon .sd-icon--rotate-270{transform:rotate(270deg)}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-text-fill-color:#000;-webkit-box-shadow:0 0 0px 1000px #fafaa1 inset;box-shadow:0 0 0px 1000px #fafaa1 inset;transition:background-color 5000s ease-in-out 0s}input:autofill,input:autofill:hover,input:autofill:focus,input:autofill:active{-webkit-text-fill-color:#000;-webkit-box-shadow:0 0 0px 1000px #fafaa1 inset;box-shadow:0 0 0px 1000px #fafaa1 inset;transition:background-color 5000s ease-in-out 0s}sd-barcode-input{display:inline-flex}sd-barcode-input .sd-barcode-input__content{width:100%;height:100%;display:flex;flex-flow:row nowrap;align-items:center;color:var(--sd-barcode-input-text-color);font-size:var(--sd-barcode-input-font-size);line-height:var(--sd-barcode-input-line-height);font-weight:var(--sd-barcode-input-font-weight);padding:0 var(--sd-barcode-input-padding-x);gap:var(--sd-barcode-input-gap)}sd-barcode-input .sd-barcode-input__content .sd-barcode-input__native{width:100%;height:100%;border:none;outline:none;background:transparent;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit}sd-barcode-input .sd-barcode-input__content .sd-barcode-input__native[disabled]{cursor:not-allowed;color:var(--sd-barcode-input-disabled-color)}sd-barcode-input .sd-barcode-input__content .sd-barcode-input__native::placeholder{color:var(--sd-barcode-input-placeholder-color)}sd-barcode-input .sd-barcode-input__content .sd-barcode-input__clear-icon{flex-shrink:0}sd-barcode-input .sd-barcode-input__content .sd-barcode-input__native[disabled]~.sd-barcode-input__clear-icon{cursor:not-allowed;pointer-events:none}";export{c as sd_barcode_input}

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

@@ -0,0 +1 @@
+import{r as e,c as t,g as i,h as s}from"./p-DsU722JF.js";import{n as a}from"./p-CCwNgVmC.js";import{i as n}from"./p-BGovA1BG.js";const d=n.input.sm,r=n.input.md,o={sm:{height:d.height,paddingX:d.paddingX,gap:d.gap,radius:d.radius,fontSize:d.typography.fontSize,lineHeight:d.typography.lineHeight,fontWeight:d.typography.fontWeight},md:{height:r.height,paddingX:r.paddingX,gap:r.gap,radius:r.radius,fontSize:r.typography.fontSize,lineHeight:r.typography.lineHeight,fontWeight:r.typography.fontWeight}},l={text:n.input.text,icon:n.input.icon},c=class{constructor(i){e(this,i),this.input=t(this,"sdUpdate",7),this.focus=t(this,"sdFocus",7),this.blur=t(this,"sdBlur",7)}get host(){return i(this)}value=null;type="text";size="sm";addonLabel="";placeholder="입력해 주세요.";disabled=!1;clearable=!1;width="";rules=[];autoFocus=!1;status;hint="";errorMessage="";inputClass="";readonly=!1;error=!1;focused=!1;hovered=!1;label="";icon=void 0;labelTooltip="";labelTooltipProps=null;inputStyle={};internalValue=null;passwordVisible=!1;nativeEl=void 0;formField;name=a();input;focus;blur;valueChanged(e){this.internalValue=e}internalValueChanged(e){e!==this.value&&(this.value=e,this.input?.emit(this.value))}async sdGetNativeElement(){return this.nativeEl||null}async sdValidate(){this.formField?.sdValidate()}async sdReset(){this.formField?.sdReset()}async sdResetValidate(){this.formField?.sdResetValidation()}async sdFocus(){this.formField?.sdFocus()}componentWillLoad(){this.value&&(this.internalValue=this.value)}componentDidLoad(){this.autoFocus&&this.nativeEl?.focus()}handleInput=e=>{this.internalValue=e.target.value};handleFocus=async(e,t)=>{this.focused="focus"===e,"blur"===e?(this.rules&&this.rules.length>0&&await(this.formField?.sdValidate()),this.blur?.emit(t)):this.focus?.emit(t)};render(){const e=o[this.size]??o.sm;return s("sd-field",{key:"942bba44bffb9c047ce07c07c9cefd02b6b50e62",name:this.name,label:this.label,addonLabel:this.addonLabel,hint:this.hint,errorMessage:this.errorMessage,width:this.width,rules:this.rules,error:this.error,disabled:this.disabled,focused:this.focused,hovered:this.hovered,status:this.status,icon:this.icon,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:e=>this.formField=e,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1,style:{"--sd-input-font-size":`${e.fontSize}px`,"--sd-input-line-height":`${e.lineHeight}px`,"--sd-input-font-weight":e.fontWeight,"--sd-input-padding-x":`${e.paddingX}px`,"--sd-input-gap":`${e.gap}px`,"--sd-input-text-color":l.text.default,"--sd-input-placeholder-color":l.text.placeholder,"--sd-input-disabled-color":l.text.disabled,"--sd-input-icon-color":l.icon.default,"--sd-system-size-field-sm-height":`${e.height}px`,"--sd-system-radius-field-sm":`${e.radius}px`}},s("label",{key:"67b37ad7d802c11f9fc1bb372371040a267b9fb9",class:"sd-input__content"},s("slot",{key:"0068eac35163a12efe74288eb7a0871bf1bbbf81",name:"prefix"}),s("input",{key:"5c48d3c102ff8cb01a98a60a2128bdd5422aa032",name:this.name,ref:e=>this.nativeEl=e,class:`sd-input__native ${this.inputClass}`,type:"password"===this.type&&this.passwordVisible?"text":this.type,value:this.internalValue||"",placeholder:this.placeholder,disabled:this.disabled,readonly:this.readonly,autofocus:this.autoFocus,onInput:this.handleInput,onFocus:e=>this.handleFocus("focus",e),onBlur:e=>this.handleFocus("blur",e),style:this.inputStyle}),s("slot",{key:"faa652d843aaba6229961566590ea564604fd183",name:"suffix"}),this.clearable&&this.internalValue&&!this.disabled&&s("sd-ghost-button",{key:"2935121a60b1cdbb2d1fdfc83d29fdad5da796c3",icon:"close",ariaLabel:"close",size:"xxs",disabled:this.disabled,class:"sd-input__clear-icon",onClick:async()=>{this.disabled||(this.internalValue="",await(this.formField?.sdValidate()))}}),"password"===this.type&&s("sd-ghost-button",{key:"800f789b3cff3b8b32fe2c048f8fabe332f69d66",icon:this.passwordVisible?"visibilityOn":"visibilityOff",ariaLabel:"visibility",size:"xxs",disabled:this.disabled,class:"sd-input__password-icon",onClick:()=>{this.disabled||(this.passwordVisible=!this.passwordVisible)}})))}static get watchers(){return{value:[{valueChanged:0}],internalValue:[{internalValueChanged:0}]}}};c.style="sd-icon{display:inline-block;line-height:0}sd-icon .sd-icon--rotate-90{transform:rotate(90deg)}sd-icon .sd-icon--rotate-180{transform:rotate(180deg)}sd-icon .sd-icon--rotate-270{transform:rotate(270deg)}.sd-date-picker{width:100%;display:inline-block}.sd-date-picker .sd-date-picker--disabled .date-icon{cursor:not-allowed !important;color:#888888 !important}.sd-date-picker .sd-date-picker__input{text-align:center !important}.sd-date-picker__menu{border-radius:8px;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.2)}sd-date-range-picker{width:fit-content;display:inline-flex}sd-date-range-picker .sd-date-range-picker--disabled .date-icon{cursor:not-allowed !important;color:#888888 !important}sd-date-range-picker .sd-date-range-picker--disabled .sd-input__native{color:#888888 !important}sd-date-range-picker .sd-field .sd-field__control{min-width:210px}sd-date-range-picker .sd-field .sd-input__native{margin-left:17px !important}.sd-date-range-picker__menu{width:609px;box-sizing:border-box;border-radius:8px;padding:24px 19px;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.2);background:white}.sd-date-range-picker__menu .sd-date-range-picker__header{margin-bottom:16px;display:flex;flex-flow:row nowrap;align-items:center;justify-content:center}.sd-date-range-picker__menu .sd-date-range-picker__header .header-label{margin:0 12px;width:40px;text-align:center;font-size:14px;line-height:24px}.sd-date-range-picker__menu .sd-date-range-picker__body{display:flex;flex-flow:row nowrap;align-items:stretch;gap:19px}.sd-date-range-picker__menu .sd-date-range-picker__body .calendar-container{width:266px}.sd-date-range-picker__menu .sd-date-range-picker__body .calendar-container .calendar-header{width:100%;height:24px;line-height:24px;font-size:14px;text-align:center;position:relative;padding:0 5px}.sd-date-range-picker__menu .sd-date-range-picker__body .calendar-container .calendar-header button{position:absolute;top:50%;transform:translateY(-50%)}.sd-date-range-picker__menu .sd-date-range-picker__body .calendar-container .calendar-header button.header-button-prev{left:5px}.sd-date-range-picker__menu .sd-date-range-picker__body .calendar-container .calendar-header button.header-button-next{right:5px;left:auto}.sd-date-range-picker__menu .sd-date-range-picker__body .calendar-container .calendar-days{padding:0 5px;margin-top:8px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr));column-gap:10px}.sd-date-range-picker__menu .sd-date-range-picker__body .calendar-container .calendar-days .day{width:28px;height:20px;font-size:12px;line-height:20px;text-align:center;color:#888888}.sd-date-range-picker__menu .sd-date-range-picker__body .calendar-container .calendar-body{margin-top:12px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr))}.sd-date-range-picker__menu .sd-date-range-picker__body .separator{width:1px;background-color:#D8D8D8}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-text-fill-color:#000;-webkit-box-shadow:0 0 0px 1000px #fff inset;box-shadow:0 0 0px 1000px #fff inset;transition:background-color 5000s ease-in-out 0s}input:autofill,input:autofill:hover,input:autofill:focus,input:autofill:active{-webkit-text-fill-color:#000;-webkit-box-shadow:0 0 0px 1000px #fff inset;box-shadow:0 0 0px 1000px #fff inset;transition:background-color 5000s ease-in-out 0s}sd-input{display:inline-flex}sd-input .sd-input__content{width:100%;height:100%;display:flex;flex-flow:row nowrap;align-items:center;color:var(--sd-input-text-color);font-size:var(--sd-input-font-size);line-height:var(--sd-input-line-height);font-weight:var(--sd-input-font-weight);padding:0 var(--sd-input-padding-x);gap:var(--sd-input-gap)}sd-input .sd-input__content .sd-input__native{width:100%;height:100%;border:none;outline:none;background:transparent;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit}sd-input .sd-input__content .sd-input__native[disabled]{cursor:not-allowed;color:var(--sd-input-disabled-color)}sd-input .sd-input__content .sd-input__native::placeholder{color:var(--sd-input-placeholder-color)}sd-input .sd-input__content .sd-input__clear-icon,sd-input .sd-input__content .sd-input__password-icon{flex-shrink:0}sd-input .sd-input__content .sd-input__native[disabled]~.sd-input__clear-icon,sd-input .sd-input__content .sd-input__native[disabled]~.sd-input__password-icon{cursor:not-allowed;pointer-events:none}";const p=class{constructor(i){e(this,i),this.searchInput=t(this,"sdSearchInput",7),this.searchFocus=t(this,"sdSearchFocus",7)}isScrolled=!1;searchText="";searchInput;searchFocus;searchRef;async sdGetNativeElement(){return this.searchRef?this.searchRef.sdGetNativeElement():null}async sdSearchInputFocus(){const e=await this.sdGetNativeElement();e?.focus({preventScroll:!0})}render(){return s("div",{key:"2d211645dc4041411e187f248a260a23b7c544f6",class:{"sd-select-search-input":!0,"sd-select-search-input--scrolled":!!this.isScrolled},onClick:e=>e.stopPropagation()},s("sd-input",{key:"c609af0ab36359c8ccaea5827821dbc509d13eac",ref:e=>this.searchRef=e,value:this.searchText,placeholder:"검색",clearable:!0,inputStyle:{"padding-left":"8px"},autofocus:!0,onSdUpdate:e=>{this.searchInput.emit(String(e?.detail))},onSdFocus:()=>{this.searchFocus.emit()},onKeyDown:e=>{"Enter"===e.code&&e.stopPropagation()}},s("sd-icon",{key:"96a511b1f8625c883ec50d5e2985ff396d7b57c7",name:"search",size:16,color:"#737373",style:{marginRight:"4px"},slot:"prefix"})))}};p.style="sd-select-search-input{position:sticky;top:0;display:flex;width:100%;background-color:white;align-items:center}sd-select-search-input .sd-select-search-input{position:sticky;top:0;display:flex;width:100%;background-color:white;align-items:center;padding:4px 8px}sd-select-search-input .sd-select-search-input sd-input{width:100%}sd-select-search-input .sd-select-search-input--scrolled{box-shadow:2px 2px 8px 2px rgba(0, 0, 0, 0.2)}";export{c as sd_input,p as sd_select_search_input}

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

@@ -0,0 +1 @@
+import{r as t,c as o,h as e}from"./p-DsU722JF.js";const s=class{constructor(e){t(this,e),this.change=o(this,"sdUpdate",7)}value=!1;label="";disabled=!1;isActive=!1;change;componentWillLoad(){this.updateActiveState(this.value)}componentWillRender(){this.updateActiveState(this.value)}updateActiveState(t){this.isActive=t}get buttonClasses(){const t=["sd-toggle-button"];return this.isActive&&t.push("sd-toggle-button--active"),this.disabled&&t.push("sd-toggle-button--disabled"),t.join(" ")}handleChange=()=>{if(this.disabled)return;const t=!this.value;this.value=t,this.change.emit(t)};render(){return e("label",{key:"964590e261c212de41cae1cbb6e7e2054182d1f6",class:this.buttonClasses,"aria-label":this.label||"toggle button"},this.label,e("input",{key:"f1bfd190408a6e2899cdcd1d66688b94a8d2ecc0",style:{display:"none"},type:"checkbox",onInput:this.handleChange}))}};s.style="sd-toggle-button{display:inline-block;line-height:0}.sd-toggle-button{display:inline-flex;align-items:center;justify-content:center;height:28px;padding:4px 12px;gap:6px;border-radius:14px;border:1px solid #888888;background-color:#FFFFFF;color:#737373;font-size:12px;line-height:20px;font-weight:400;cursor:pointer;transition:border-color 0.2s ease, color 0.2s ease, background-color 0.2s ease;white-space:nowrap;user-select:none;box-sizing:border-box}.sd-toggle-button--active{border-color:#0075FF;color:#0075FF}.sd-toggle-button--disabled{background-color:#EEEEEE;border-color:#CCCCCC;color:#888888;cursor:not-allowed}.sd-toggle-button--disabled.sd-toggle-button--active{background-color:#EEEEEE;border-color:#CCCCCC;color:#888888}.sd-toggle-button:hover:not(.sd-toggle-button--disabled):not(.sd-toggle-button--active){border-color:#737373}.sd-toggle-button:hover:not(.sd-toggle-button--disabled).sd-toggle-button--active{border-color:#005CC9;color:#005CC9}";export{s as sd_toggle_button}

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

@@ -0,0 +1 @@
+import{r as t,c as e,g as s,h as i,F as o}from"./p-DsU722JF.js";import{n as l}from"./p-CCwNgVmC.js";import{B as n}from"./p-CRdYeSBK.js";import{S as r}from"./p-Cy6HMEsK.js";const h=class extends n{constructor(s){super(),t(this,s),this.update=e(this,"sdUpdate",7),this.dropDownShow=e(this,"sdDropDownShow",7)}get el(){return s(this)}value=null;options=[];placeholder="선택";optionPlaceholder="선택지가 없습니다.";width="200px";dropdownHeight="260px";disabled=!1;clearable=!1;searchable=!1;useCheckbox=!1;useAll=!1;allCheckedLabel="전체";allCheckOptionLabel="전체";label="";icon=void 0;labelTooltip="";labelTooltipProps=null;rules=[];error=!1;containerStyle={};triggerStyle={};dropdownStyle={};optionStyle={};labelStyle={};optionRenderer;filteredOptions=[];isOpen=!1;searchText=null;itemIndex=-1;isScrolled=!1;isDropdownReady=!1;update;dropDownShow;selectRef;searchRef;triggerRef;optionRef;dropdownRef;formField;dropDownWidth="200px";name=l();async sdOpen(){await new Promise((t=>setTimeout(t,0))),this.isOpen=!0}async sdValidate(){this.formField?.sdValidate()}async sdReset(){this.formField?.sdReset()}async sdResetValidate(){this.formField?.sdResetValidation()}async sdFocus(){this.formField?.sdFocus()}valueChanged(){this.update?.emit(this.value)}optionsChanged(){this.filteredOptions=this.options,this.filterOptions()}searchTextChanged(){this.filterOptions()}async itemIndexChanged(t,e){if(this.searchable){const t=await this.getNativeInputElement();if(-1===this.itemIndex)return void t?.focus({preventScroll:!0});t?.matches(":focus")&&t?.blur()}const s=Array.from(this.dropdownRef?.querySelectorAll("sd-select-option-group")||[]),i=this.useAll?this.itemIndex+1:this.itemIndex,o=s?.[i];o&&this.isOpen&&(this.optionRef=o,await this.optionRef.isDisabled()?t>e?this.itemIndex++:this.itemIndex--:this.scrollToOption(o))}async isOpenChanged(){this.onDropdownToggle(this.isOpen),this.dropDownShow?.emit({isOpen:this.isOpen}),this.isDropdownReady=!1,!1!==this.isOpen?requestAnimationFrame((()=>{requestAnimationFrame((async()=>{const t=this.getSelectedOption();if(t&&t.length>0){const e=this.options.indexOf(t[0]),s=Array.from(this.dropdownRef?.querySelectorAll("sd-select-option-group")||[]),i=Math.min((this.useAll?e+1:e)+4,s.length-1),o=s?.[i];o&&this.scrollToOption(o)}if(this.isDropdownReady=!0,this.searchable){const t=await this.getNativeInputElement();t&&requestAnimationFrame((()=>{t.focus({preventScroll:!0})}))}}))})):await(this.formField?.sdValidate())}componentWillLoad(){this.filteredOptions=this.options,this.dropDownWidth=this.width,this.initializeEvent()}componentDidRender(){const t=this.triggerRef,e=t?.getBoundingClientRect();this.dropDownWidth=e?.width?`${e.width}px`:this.width}disconnectedCallback(){this.cleanupEvent()}handleDocumentClick(t){this.selectRef?.contains(t.target)||(this.isOpen=!1)}handleDocumentKeydown(t){if(t.stopPropagation(),["ArrowDown","ArrowUp","Enter","Escape"].includes(t.key))switch(t.preventDefault(),t.key){case"ArrowDown":case"ArrowUp":const e=new r(this.searchable,this.filteredOptions).getNextIndex(this.itemIndex,t.key);this.itemIndex=e;break;case"Enter":const s=this.filteredOptions[this.itemIndex];s&&!s.disabled&&this.handleOptionSelection(s);break;case"Escape":this.isOpen=!1}}handleTriggerClick=t=>{t.stopPropagation(),this.disabled||(this.isOpen=!this.isOpen,this.dropDownShow?.emit({isOpen:this.isOpen}))};handleAllOptionClick=t=>{if(t.isSelected){const t=this.filteredOptions.filter((t=>"item"===t.type&&!t.disabled));this.value=this.value?.filter((e=>!t.some((t=>t.value===e.value))))||this.value}else{const t=new Set([...this.value||[],...this.filteredOptions.filter((t=>"item"===t.type&&!t.disabled))]);this.value=Array.from(t)}};handleOptionClick=t=>{const{option:e,event:s}=t;s.stopPropagation(),"group"===e.type&&this.handleGroupOptionClick(t),"subgroup"===e.type&&this.handleSubGroupOptionClick(t),"item"===e.type&&this.handleOptionSelection(e)};handleGroupOptionClick=t=>{const{option:e,isSelected:s}=t;this.filteredOptions.filter((t=>t.parent===e.value&&!t.disabled)).forEach((t=>{this.handleSubGroupOptionClick({option:t,isSelected:s||null===s})}))};handleSubGroupOptionClick=t=>{const{option:e,isSelected:s}=t,i=this.filteredOptions.filter((t=>t.parent===e.value&&!t.disabled));if(s||null===s)this.value=this.value?.filter((t=>!i.some((e=>e.value===t.value))))||null;else{const t=i.filter((t=>!this.value?.some((e=>e.value===t.value))));this.value=[...this.value||[],...t]}};filterOptions(){if(!this.searchText||""===this.searchText.trim())return void(this.filteredOptions=this.options);const t=this.searchText.toLowerCase(),e=new Set;this.options.forEach((s=>{s.label.toLowerCase().includes(t)&&(e.add(s),this.addParentGroups(s,e))})),this.filteredOptions=this.options.filter((t=>e.has(t)))}addParentGroups(t,e){if(!t.parent)return;const s=this.options.find((e=>e.value===t.parent));s&&!e.has(s)&&(e.add(s),this.addParentGroups(s,e))}getSelectedOption(){return this.options.filter((t=>this.value?.includes(t)))}handleDropdownScroll=t=>{this.isScrolled=t.target.scrollTop>0};async getNativeInputElement(){return this.searchRef?this.searchRef.sdGetNativeElement():null}handleOptionSelection=t=>{if(!t||t.disabled)return;const e=this.value?.some((e=>e.value===t.value));this.value=e?this.value?.filter((e=>e.value!==t.value))||null:[...this.value||[],t]};getAllItemsUnderOption(t,e=!1){const s=s=>s.parent===t.value&&(e||!s.disabled);if("subgroup"===t.type)return this.filteredOptions.filter((t=>s(t)&&"item"===t.type));const i=[],o=this.filteredOptions.filter(s);o.filter((t=>"subgroup"===t.type)).forEach((t=>{const s=this.filteredOptions.filter((s=>!(s.parent!==t.value||"item"!==s.type||!e&&s.disabled)));i.push(...s)}));const l=o.filter((t=>"item"===t.type));return i.push(...l),i}isAllChildrenSelected(t){const e=this.getAllItemsUnderOption(t);if(0===e.length)return!1;const s=e.filter((t=>this.value?.some((e=>e.value===t.value))));return s.length===e.length||s.length>0&&null}getChildrenOptions(t){const e=this.getAllItemsUnderOption(t,!0);return{selectedCount:e.filter((t=>this.value?.some((e=>e.value===t.value)))).length,totalCount:e.length}}isAllOptionsSelected(){if(!this.value||0===this.value.length)return!1;const t=this.options.filter((t=>"item"===t.type&&!t.disabled));if(0===t.length)return!1;const e=new Set(this.value.map((t=>t.value)));return t.every((t=>e.has(t.value)))}getTriggerLabel(){const t=this.getSelectedOption();return t?0===t.length?this.placeholder:this.isAllOptionsSelected()?this.allCheckedLabel:t.map((t=>t.label)).join(", "):"선택"}closeDropdown(){this.isOpen=!1}async scrollToOption(t){this.dropdownRef&&t&&requestAnimationFrame((()=>{const e=this.dropdownRef,s=t.offsetTop,i=t.offsetHeight,o=e.scrollTop,l=e.clientHeight,n=e.querySelector(".sd-select-multiple-group__search-container"),r=n?n.offsetHeight:0,h=l-r,p=o+l;s<o+r?e.scrollTo({top:s-r,behavior:"instant"}):s+i>p&&e.scrollTo({top:s+i-h-r,behavior:"instant"})}))}render(){return i("sd-field",{key:"350c7b2df807166a1439a2151f0f168385adac4a",label:this.label,name:this.name,rules:this.rules,error:this.error,disabled:this.disabled,icon:this.icon,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:t=>this.formField=t,style:{"--field-width":this.width||"200px"}},i("div",{key:"cce989263e1c7dcb38216e734aabe6eea643676a",class:{"sd-select-multiple-group":!0,"sd-select-multiple-group--open":this.isOpen,"sd-select-multiple-group--disabled":this.disabled,"sd-select-multiple-group--label":!!this.label},ref:t=>this.selectRef=t},this.renderTrigger(),this.renderDropdown()))}renderTrigger(){const t=this.getSelectedOption();return i("div",{class:"sd-select-multiple-group__trigger",tabindex:this.disabled?-1:0,onClick:this.handleTriggerClick,style:this.triggerStyle},i("span",{class:"sd-select-multiple-group__value"},this.getTriggerLabel()),this.clearable&&t?.length>0&&!this.disabled&&i("sd-icon",{key:"close-icon",name:"close",size:10,color:"#888",class:"sd-select-multiple-group__clear",onClick:async t=>{t.stopPropagation(),this.value=null,await(this.formField?.sdValidate())}}),i("sd-icon",{key:"arrow-icon",name:"arrowDown",color:"#888",class:{"sd-select-multiple-group__arrow":!0,"sd-select-multiple-group__arrow--open":this.isOpen}}))}renderDropdown(){return!1===this.isOpen?null:i("sd-portal",{open:this.isOpen,parentRef:this.selectRef,onSdClose:this.closeDropdown},i("div",{style:{width:"0",height:"0",overflow:"visible"}},i("div",{class:{"sd-select-multiple-group__dropdown":!0,"sd-select-multiple-group__dropdown--ready":this.isDropdownReady},style:{"--select-width":this.dropDownWidth||"200px","--select-dropdown-height":this.dropdownHeight||"260px",...this.dropdownStyle},onScroll:this.handleDropdownScroll,ref:t=>this.dropdownRef=t},this.searchable&&i("sd-select-search-input",{ref:t=>this.searchRef=t,isScrolled:this.isScrolled,searchText:this.searchText,onSdSearchInput:t=>this.searchText=t.detail||"",onSdSearchFocus:()=>this.itemIndex=-1}),this.filteredOptions.length>0?i(o,null,this.useAll&&i("sd-select-option-group",{option:{label:this.allCheckOptionLabel,value:"",type:"all"},index:0,isSelected:this.isAllOptionsSelected(),isFocused:0===this.itemIndex,optionStyle:this.optionStyle,onOptionClick:({detail:t})=>this.handleAllOptionClick(t),useCheckbox:this.useCheckbox,useIndicator:!1}),this.filteredOptions.map(((t,e)=>i("slot",{name:`option-${t.value}`},i("sd-select-option-group",{option:t,index:e,isSelected:"item"===t.type?this.value?.some((e=>e.value===t.value)):this.isAllChildrenSelected(t),isFocused:e===this.itemIndex,optionStyle:this.optionStyle,onOptionClick:({detail:e})=>{("item"===t.type||this.useCheckbox)&&this.handleOptionClick(e)},useCheckbox:this.useCheckbox,..."item"!==t.type&&{countInfo:this.getChildrenOptions(t)}}))))):i("slot",{name:"option-placeholder"},i("div",{class:"sd-select-multiple-group__option-placeholder",style:this.optionStyle},this.optionPlaceholder)))))}static get watchers(){return{value:[{valueChanged:0}],options:[{optionsChanged:0}],searchText:[{searchTextChanged:0}],itemIndex:[{itemIndexChanged:0}],isOpen:[{isOpenChanged:0}]}}};h.style=".sd-select-multiple-group__dropdown .sd-select-multiple-group__option-placeholder{height:48px;display:flex;align-items:center;padding:8px 16px;font-size:12px;line-height:0;text-align:left;color:#888888}sd-select-multiple-group{display:inline-flex;flex-flow:column nowrap;width:fit-content;height:fit-content}sd-select-multiple-group:focus,sd-select-multiple-group:focus-visible,sd-select-multiple-group:focus-within{outline:none !important}sd-select-multiple-group .sd-select-multiple-group{width:100%}sd-select-multiple-group .sd-select-multiple-group .sd-select-multiple-group__trigger{padding:4px 20px 4px 12px;display:flex;width:100%;align-items:center}sd-select-multiple-group .sd-select-multiple-group .sd-select-multiple-group__trigger .sd-select-multiple-group__value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:20px;font-size:12px;font-weight:400}sd-select-multiple-group .sd-select-multiple-group .sd-select-multiple-group__trigger .sd-select-multiple-group__clear{margin:0 4px;width:8px;height:8px;background-color:transparent;outline:none;border:none}sd-select-multiple-group .sd-select-multiple-group .sd-select-multiple-group__arrow{position:absolute;top:8px;right:8px;width:12px;height:12px;color:#888888;transition:transform 0.3s ease}sd-select-multiple-group .sd-select-multiple-group .sd-select-multiple-group__arrow--open{transform:rotate(180deg)}.sd-select-multiple-group__dropdown{overflow:auto;width:var(--select-width, 200px);max-height:var(--select-dropdown-height, 260px);padding-bottom:2px;background-color:white;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.1);border-radius:4px;overflow-y:auto;color:#333333;opacity:0.5;transition:opacity 0.15s ease-in}.sd-select-multiple-group__dropdown--ready{opacity:1}";export{h as sd_select_multiple_group}

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

@@ -0,0 +1 @@
+import{r as e,c as t,g as s,h as i}from"./p-DsU722JF.js";import{S as l}from"./p-Cy6HMEsK.js";import{B as o}from"./p-CRdYeSBK.js";import{n}from"./p-CCwNgVmC.js";const r=class extends o{constructor(s){super(),e(this,s),this.update=t(this,"sdUpdate",7),this.dropDownShow=t(this,"sdDropDownShow",7)}get el(){return s(this)}value=null;options=[];placeholder="선택";optionPlaceholder="선택지가 없습니다.";width="200px";dropdownHeight="260px";autoFocus=!1;disabled=!1;clearable=!1;searchable=!1;useAll=!1;useCheckbox=!1;label="";icon=void 0;labelTooltip="";labelTooltipProps=null;rules=[];error=!1;optionRenderer;isOpen=!1;itemIndex=-1;isScrolled=!1;update;dropDownShow;selectRef;triggerRef;formField;filteredOptions=[];dropDownWidth="200px";name=n();async sdOpen(){this.isOpen=!0}async sdValidate(){this.formField?.sdValidate()}async sdReset(){this.formField?.sdReset()}async sdResetValidate(){this.formField?.sdResetValidation()}async sdFocus(){this.formField?.sdFocus()}async isOpenChanged(){this.onDropdownToggle(this.isOpen),this.dropDownShow?.emit({isOpen:this.isOpen}),!1===this.isOpen&&await(this.formField?.sdValidate())}componentWillLoad(){this.filteredOptions=this.options,this.dropDownWidth=this.width,this.initializeEvent()}componentDidLoad(){this.autoFocus&&this.selectRef?.focus()}componentDidRender(){const e=this.triggerRef,t=e?.getBoundingClientRect();this.dropDownWidth=t?.width?`${t.width}px`:this.width}disconnectedCallback(){this.cleanupEvent()}handleDocumentClick(e){this.selectRef?.contains(e.target)||(this.isOpen=!1)}handleDocumentKeydown(e){if(e.stopPropagation(),["ArrowDown","ArrowUp","Enter","Escape"].includes(e.key))switch(e.preventDefault(),e.key){case"ArrowDown":case"ArrowUp":const t=new l(this.searchable,this.filteredOptions).getNextIndex(this.itemIndex,e.key);this.itemIndex=t;break;case"Enter":const s=this.filteredOptions[this.itemIndex];s&&!s.disabled&&this.handleOptionSelection(s);break;case"Escape":this.isOpen=!1}}handleOptionSelection=e=>{if(!e||e.disabled)return;const t=this.value?.some((t=>t.value===e.value));this.value=t?this.value?.filter((t=>t.value!==e.value))||null:[...this.value||[],e],this.update?.emit(this.value)};getSelectedOption(){return this.options.filter((e=>this.value?.includes(e)))}closeDropdown(){this.isOpen=!1}handleTriggerClick=e=>{e.stopPropagation(),this.disabled||(this.isOpen=!this.isOpen,this.dropDownShow?.emit({isOpen:this.isOpen}))};handleOptionClick=e=>{const{option:t,event:s}=e;s.stopPropagation(),this.handleOptionSelection(t)};render(){return i("sd-field",{key:"c2509aa07a6d69bd24bca0afd708d92db47e8084",label:this.label,name:this.name,rules:this.rules,error:this.error,disabled:this.disabled,icon:this.icon,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:e=>this.formField=e},i("div",{key:"d0e5ac84ad2aeb947b02b5a2cd4fbb66bf6e9419",class:{"sd-select-multiple":!0,"sd-select-multiple--open":this.isOpen,"sd-select-multiple--disabled":this.disabled,"sd-select-multiple--error":!!this.error},ref:e=>this.selectRef=e},this.renderTrigger(),this.renderDropdown()))}renderTrigger(){const e=this.getSelectedOption();return i("div",{class:"sd-select-multiple__trigger",tabindex:this.disabled?-1:0,onClick:this.handleTriggerClick,ref:e=>this.triggerRef=e},i("span",{class:"sd-select-multiple__value"},e&&0!==e.length?e.map((e=>e.label)).join(", "):this.placeholder),this.clearable&&e?.length>0&&!this.disabled&&i("sd-icon",{key:"close-icon",name:"close",size:10,color:"#888",class:"sd-select-multiple__clear",onClick:async e=>{e.stopPropagation(),this.value=null,await(this.formField?.sdValidate())}}),i("sd-icon",{key:"arrow-icon",name:"arrowDown",color:"#888",class:{"sd-select-multiple__arrow":!0,"sd-select-multiple__arrow--open":this.isOpen}}))}renderDropdown(){if(!1===this.isOpen)return null;const e=this.selectRef?.querySelector(".sd-select-multiple__trigger")||this.selectRef;return i("sd-portal",{open:this.isOpen,parentRef:e,onSdClose:this.closeDropdown},i("sd-select-dropdown",{value:this.value,options:this.options,itemIndex:this.itemIndex,width:this.dropDownWidth,dropdownHeight:this.dropdownHeight,searchable:this.searchable,optionPlaceholder:this.optionPlaceholder,useCheckbox:this.useCheckbox,useAll:this.useAll,onSdOptionClick:({detail:e})=>this.handleOptionClick(e),onSdOptionFiltered:({detail:e})=>this.filteredOptions=e}))}static get watchers(){return{isOpen:[{isOpenChanged:0}]}}};r.style="sd-select-multiple{display:inline-flex;flex-flow:column nowrap;height:fit-content}sd-select-multiple *:focus,sd-select-multiple *:focus-visible,sd-select-multiple *:focus-within{outline:none !important}sd-select-multiple .sd-select-multiple{width:100%}sd-select-multiple .sd-select-multiple .sd-select-multiple__trigger{padding:4px 28px 4px 12px;display:flex;width:100%;align-items:center}sd-select-multiple .sd-select-multiple .sd-select-multiple__trigger .sd-select-multiple__value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:20px;font-size:12px;font-weight:400;text-align:left}sd-select-multiple .sd-select-multiple .sd-select-multiple__trigger .sd-select-multiple__clear{margin:0 4px;width:8px;height:8px;background-color:transparent;outline:none;border:none}sd-select-multiple .sd-select-multiple__arrow{position:absolute;top:8px;right:8px;width:12px;height:12px;color:#888888;transition:transform 0.3s ease;margin-left:8px}sd-select-multiple .sd-select-multiple__arrow--open{transform:rotate(180deg)}";export{r as sd_select_multiple}

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

@@ -0,0 +1 @@
+import{r as e,c,g as d,h as s}from"./p-DsU722JF.js";var h={fontWeight:"400",fontSize:"12",lineHeight:"20"},o={bg:{default:"#FFFFFF",hover:"#D9EAFF"},border:{default:"#AAAAAA",hover:"#0075FF"}},b={bg:{default:"#0075FF"},icon:{default:"#FFFFFF",disabled:"#BBBBBB"}};const i={size:"16",radius:"2",borderWidth:"1",gap:"8",iconSize:"12"},r={fontSize:h.fontSize,lineHeight:h.lineHeight,fontWeight:h.fontWeight},a={unchecked:{bg:o.bg.default,bgHover:o.bg.hover,border:o.border.default,borderHover:o.border.hover},checked:{bg:b.bg.default,icon:b.icon.default,iconDisabled:b.icon.disabled},label:{default:"#222222"}.default,disabled:{bg:{disabled:"#E1E1E1"}.disabled,border:{disabled:"#CCCCCC"}.disabled}},t=class{constructor(d){e(this,d),this.update=c(this,"sdUpdate",7)}get el(){return d(this)}value;val;disabled=!1;label="";isChecked=!1;hasWarnedMissingVal=!1;inputEl;update;componentWillLoad(){this.updateCheckedState(this.value)}watchValueHandler(e){this.updateCheckedState(e)}get checkboxClasses(){const e=["sd-checkbox","sd-checkbox--"+(this.isChecked?"checked":null===this.isChecked?"indeterminate":"unchecked")];return this.disabled&&e.push("sd-checkbox--disabled"),e.join(" ")}updateCheckedState(e){this.isChecked=null===e?null:"boolean"==typeof e?e:!!Array.isArray(e)&&void 0!==this.val&&e.includes(this.val),this.inputEl&&(this.inputEl.indeterminate=null===this.isChecked)}handleChange=()=>{if(this.disabled)return;let e;if("boolean"==typeof this.value)e=!this.value;else if(Array.isArray(this.value)){void 0!==this.val||this.hasWarnedMissingVal||(console.warn('A "val" property is required when using an array for the "value" property.'),this.hasWarnedMissingVal=!0);const c=new Set(this.value);c.has(this.val)?c.delete(this.val):c.add(this.val),e=Array.from(c)}else e=!this.isChecked;this.value=e,this.update.emit(e)};render(){return s("label",{key:"b343ac293abfb6a7834cccc597cd30e56e3a161c",class:this.checkboxClasses,style:{"--sd-checkbox-size":`${i.size}px`,"--sd-checkbox-radius":`${i.radius}px`,"--sd-checkbox-border-width":`${i.borderWidth}px`,"--sd-checkbox-gap":`${i.gap}px`,"--sd-checkbox-font-size":`${r.fontSize}px`,"--sd-checkbox-line-height":`${r.lineHeight}px`,"--sd-checkbox-font-weight":r.fontWeight,"--sd-checkbox-unchecked-bg":a.unchecked.bg,"--sd-checkbox-unchecked-bg-hover":a.unchecked.bgHover,"--sd-checkbox-unchecked-border":a.unchecked.border,"--sd-checkbox-unchecked-border-hover":a.unchecked.borderHover,"--sd-checkbox-checked-bg":a.checked.bg,"--sd-checkbox-label-color":a.label,"--sd-checkbox-disabled-bg":a.disabled.bg,"--sd-checkbox-disabled-border":a.disabled.border}},s("input",{key:"89d3c5ec214af16680f2111e5e85fcb228ff2223",type:"checkbox",ref:e=>{this.inputEl=e},value:this.val,checked:!!this.isChecked,disabled:this.disabled,onChange:this.handleChange,name:this.val?.toString()||"checkbox","aria-label":this.label||"checkbox","aria-checked":null===this.isChecked?"mixed":this.isChecked?"true":"false","aria-disabled":this.disabled?"true":"false"}),s("div",{key:"8eef48a269cbbf8c479d60a53996b09cc4aa8f20",class:"sd-checkbox__bg"},!1!==this.isChecked?s("sd-icon",{name:!0===this.isChecked?"check":"minus",size:Number(i.iconSize),color:this.disabled?a.checked.iconDisabled:a.checked.icon}):null),this.label&&s("span",{key:"43bf36ec3a3890f68ef699dbb73b48eb6a98451d",class:"sd-checkbox__label"},this.label))}static get watchers(){return{value:[{watchValueHandler:0}]}}};t.style="sd-checkbox{display:block;height:var(--sd-checkbox-line-height);line-height:0}sd-checkbox .sd-checkbox{cursor:pointer;display:inline-flex;align-items:center;gap:var(--sd-checkbox-gap);height:var(--sd-checkbox-line-height);max-height:var(--sd-checkbox-line-height)}sd-checkbox .sd-checkbox>input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}sd-checkbox .sd-checkbox>input:focus-visible+.sd-checkbox__bg{box-shadow:0 0 0 2px white, 0 0 0 4px var(--sd-checkbox-checked-bg);outline:none}sd-checkbox .sd-checkbox:hover.sd-checkbox--unchecked .sd-checkbox__bg{border-color:var(--sd-checkbox-unchecked-border-hover);background:var(--sd-checkbox-unchecked-bg-hover)}sd-checkbox .sd-checkbox:hover.sd-checkbox--disabled .sd-checkbox__bg{border-color:transparent;background:var(--sd-checkbox-disabled-bg)}sd-checkbox .sd-checkbox__bg{width:var(--sd-checkbox-size);height:var(--sd-checkbox-size);border-radius:var(--sd-checkbox-radius);border:var(--sd-checkbox-border-width) solid var(--sd-checkbox-unchecked-border);box-sizing:border-box;display:inline-flex;justify-content:center;align-items:center;overflow:hidden;line-height:0}sd-checkbox .sd-checkbox__label{font-size:var(--sd-checkbox-font-size);font-weight:var(--sd-checkbox-font-weight);color:var(--sd-checkbox-label-color);line-height:var(--sd-checkbox-line-height)}sd-checkbox .sd-checkbox--checked .sd-checkbox__bg,sd-checkbox .sd-checkbox--indeterminate .sd-checkbox__bg{border-color:var(--sd-checkbox-checked-bg);background:var(--sd-checkbox-checked-bg)}sd-checkbox .sd-checkbox--checked.sd-checkbox--disabled .sd-checkbox__bg,sd-checkbox .sd-checkbox--indeterminate.sd-checkbox--disabled .sd-checkbox__bg{background:var(--sd-checkbox-disabled-bg);border-color:var(--sd-checkbox-disabled-border)}sd-checkbox .sd-checkbox--unchecked .sd-checkbox__bg{background:var(--sd-checkbox-unchecked-bg)}sd-checkbox .sd-checkbox--disabled{cursor:not-allowed}sd-checkbox .sd-checkbox--disabled .sd-checkbox__bg{background:var(--sd-checkbox-disabled-bg);border-color:var(--sd-checkbox-disabled-border)}";export{t as sd_checkbox}

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

@@ -0,0 +1 @@
+import{r as t,c as i,g as s,h as e}from"./p-DsU722JF.js";import{n as h}from"./p-CCwNgVmC.js";const o=class{constructor(s){t(this,s),this.update=i(this,"sdUpdate",7),this.dropDownShow=i(this,"sdDropDownShow",7)}static VIEWPORT_PADDING=20;static PORTAL_OFFSET_Y=4;static CLOSE_ANIMATION_DURATION=150;get el(){return s(this)}name="default";value=null;options=[];placeholder="선택";maxDropdownWidth="640px";dropdownHeight="260px";disabled=!1;label="";addonLabel="";error=!1;hint="";errorMessage="";fieldName="";rules=[];icon=void 0;labelTooltip="";labelTooltipProps=null;emitValue=!1;width="";isOpen=!1;isAnimatingOut=!1;triggerWidth="200px";resolvedDropdownHeight="260px";resolvedMaxDropdownWidth="640px";focused=!1;hovered=!1;update;dropDownShow;triggerRef;closeAnimationTimer;internalName=h();watchIsOpen(t){this.focused=t,this.dropDownShow.emit({isOpen:t})}get isMulti(){return"multi"===this.name||"multi_depth"===this.name}get displayText(){if(this.isMulti){if(!this.value||!Array.isArray(this.value))return"";if(this.emitValue){const t=this.flattenOptions(this.options);return this.value.map((i=>t.find((t=>t.value===i))?.label??"")).filter(Boolean).join(", ")}const t=this.value;return 0===t.length?"":t.map((t=>t.label)).join(", ")}if(null==this.value)return"";if(!this.emitValue&&"object"==typeof this.value&&!Array.isArray(this.value))return this.value.label??"";const t=this.flattenOptions(this.options).find((t=>t.value===this.value));return t?.label??""}flattenOptions(t){return t.flatMap((t=>t.children?this.flattenOptions(t.children):[t]))}getSelectedOptions(){const t=this.value;return t&&Array.isArray(t)?this.emitValue?t.map((t=>this.findOriginalOption(t,this.options))).filter((t=>!!t)):t:[]}toMultiValue(t){return this.emitValue?t.map((t=>t.value)):t}parsePixelValue(t,i){const s=Number.parseFloat(t);return Number.isFinite(s)?s:i}updateDropdownViewportConstraints(){if(!this.triggerRef)return;const t=this.triggerRef.getBoundingClientRect(),i=o.VIEWPORT_PADDING,s=o.PORTAL_OFFSET_Y,e=this.parsePixelValue(this.dropdownHeight,260),h=this.parsePixelValue(this.maxDropdownWidth,640),r=Math.max(window.innerHeight-t.bottom-i-s,0),a=Math.max(t.top-i-s,0),n=Math.max(r,a),l=Math.max(window.innerWidth-2*i,0);this.resolvedDropdownHeight=`${Math.min(e,n)}px`,this.resolvedMaxDropdownWidth=`${Math.min(h,l)}px`}handleViewportResize=()=>{this.isOpen&&this.updateDropdownViewportConstraints()};findOriginalOption(t,i){for(const s of i){if(s.value===t)return s;if(s.children){const i=this.findOriginalOption(t,s.children);if(i)return i}}}closeDropdown(){this.isOpen&&(this.isOpen=!1,this.isAnimatingOut=!0,this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.closeAnimationTimer=setTimeout((()=>{this.isAnimatingOut=!1}),o.CLOSE_ANIMATION_DURATION))}handleTriggerClick=()=>{this.triggerRef&&(this.triggerWidth=`${this.triggerRef.offsetWidth}px`),this.updateDropdownViewportConstraints(),this.isOpen?this.closeDropdown():(this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.isAnimatingOut=!1,this.isOpen=!0)};emitUpdate(t){this.update.emit(t)}handleOptionSelect=t=>{const{option:i,leaves:s}=t;if(this.isMulti)this.handleMultiSelect(i,s);else{this.closeDropdown(),this.value=this.emitValue?i.value:i;const t=this.value;requestAnimationFrame((()=>{this.emitUpdate(t)}))}};handleMultiSelect(t,i){const s=this.getSelectedOptions();let e;if(t.children)if(i.every((t=>s.some((i=>i.value===t.value))))){const t=new Set(i.map((t=>t.value)));e=s.filter((i=>!t.has(i.value)))}else{const t=new Set(s.map((t=>t.value))),h=i.filter((i=>!t.has(i.value)));e=[...s,...h]}else e=s.some((i=>i.value===t.value))?s.filter((i=>i.value!==t.value)):[...s,t];this.value=this.toMultiValue(e),this.emitUpdate(this.value)}connectedCallback(){window.addEventListener("resize",this.handleViewportResize)}disconnectedCallback(){window.removeEventListener("resize",this.handleViewportResize),this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer)}render(){const t={open:this.isOpen,parentRef:this.triggerRef,viewportPadding:o.VIEWPORT_PADDING,onSdClose:()=>{this.closeDropdown()}};return e("sd-field",{key:"85614fb127c63bec86a17e73ac1942aefbc62ad1",name:this.fieldName||this.internalName,label:this.label,addonLabel:this.addonLabel,hint:this.hint,errorMessage:this.errorMessage,width:this.width,rules:this.rules,error:this.error,disabled:this.disabled,focused:this.focused,hovered:this.hovered,icon:this.icon,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,onMouseEnter:()=>{this.hovered=!0},onMouseLeave:()=>{this.hovered=!1}},e("div",{key:"4231e75590fec54915d580d7a4f6248232bca365",class:"sd-select-v2",ref:t=>{this.triggerRef=t}},e("sd-select-v2-trigger",{key:"4e75ec1af0ba09ba8cd63c795e527035114037a9",displayText:this.displayText,placeholder:this.placeholder,disabled:this.disabled,isOpen:this.isOpen,onSdTriggerClick:this.handleTriggerClick})),(this.isOpen||this.isAnimatingOut)&&e("sd-portal",{key:"de609975a56d52e542fc46a4d367b74bdcaa7e7b",...t},e("sd-select-v2-listbox",{key:"7d2fff4a3877701a68e422aa29e4f5a18e1d033c",name:this.name,options:this.options,value:this.value,emitValue:this.emitValue,triggerWidth:this.triggerWidth,maxWidth:this.resolvedMaxDropdownWidth,maxHeight:this.resolvedDropdownHeight,onSdOptionSelect:t=>this.handleOptionSelect(t.detail)})))}static get watchers(){return{isOpen:[{watchIsOpen:0}]}}};o.style="sd-select-v2{display:inline-flex}sd-select-v2 sd-portal{display:none}sd-select-v2 .sd-select-v2{position:relative;width:100%;height:100%}";export{o as sd_select_v2}

package/dist/design-system/{p-03160e15.entry.js → p-d8b4b24f.entry.js}

@@ -1 +1 @@
-import{r as t,g as s,h as i}from"./p-B8tGP77V.js";let e=0;const a=class{constructor(s){t(this,s)}get el(){return s(this)}entries=[];isVisible=!1;isBackdropVisible=!1;contentRef;containerDismissTimerId;handleKeydown(t){if("Escape"===t.key){const t=this.getTopEntry();if(!t)return;if(t.persistent)return void this.shakeModal(t.modalEl);this.dispatchClose(t.modalEl)}}async open(t,s){const i="modal-"+ ++e,a=this.createConfirmModal(i,t);return this.attachModalEventListeners(i,a),this.registerEntry(i,a,s,{persistent:!!t.persistent}),i}async createCustom(t,s,i){const a="modal-"+ ++e;return t.setAttribute("data-modal-id",a),t.classList.add("sd-modal-container__modal"),this.attachModalEventListeners(a,t),this.registerEntry(a,t,i,{persistent:!!s.persistent}),a}attachModalEventListeners(t,s){s.addEventListener("sdOk",(()=>this.requestDismiss(t,"confirm"))),s.addEventListener("sdCancel",(()=>this.requestDismiss(t,"cancel"))),s.addEventListener("sdClose",(()=>this.requestDismiss(t,"close")))}dispatchClose(t){t.dispatchEvent(new CustomEvent("sdClose"))}registerEntry(t,s,i,e){this.containerDismissTimerId&&(clearTimeout(this.containerDismissTimerId),this.containerDismissTimerId=void 0),this.entries=[...this.entries??[],{id:t,modalEl:s,chain:i,persistent:e.persistent,closing:!1}],this.isVisible=!0,requestAnimationFrame((()=>{this.contentRef&&(this.contentRef.appendChild(s),this.waitForModalReady(s).then((()=>{requestAnimationFrame((()=>{const i=(this.entries??[]).find((s=>s.id===t));i&&!i.closing&&s.isConnected&&(this.isBackdropVisible=!0,s.classList.add("sd-modal-container__modal--visible"))}))})))}))}async update(t,s){const i=(this.entries??[]).find((s=>s.id===t));i&&!i.closing&&this.applyProps(i.modalEl,s)}createConfirmModal(t,s){const i=document.createElement("sd-confirm-modal");return i.setAttribute("data-modal-id",t),i.classList.add("sd-modal-container__modal"),this.applyProps(i,s),i}applyProps(t,s){this.hasOwnProp(s,"type")&&this.setAttr(t,"type",s.type),this.hasOwnProp(s,"title")&&this.setAttr(t,"modal-title",s.title),this.hasOwnProp(s,"titleClass")&&this.setAttr(t,"title-class",s.titleClass),this.hasOwnProp(s,"mainButtonLabel")&&this.setAttr(t,"main-button-label",s.mainButtonLabel),this.hasOwnProp(s,"mainButtonName")&&this.setAttr(t,"main-button-name",s.mainButtonName),this.hasOwnProp(s,"subButtonLabel")&&this.setAttr(t,"sub-button-label",s.subButtonLabel),this.hasOwnProp(s,"tagPreset")&&this.setAttr(t,"tag-preset",s.tagPreset),this.hasOwnProp(s,"tagLabel")&&this.setAttr(t,"tag-label",s.tagLabel),this.hasOwnProp(s,"slotLabel")&&this.setAttr(t,"slot-label",s.slotLabel),this.hasOwnProp(s,"topMessage")&&(t.topMessage=s.topMessage??[]),this.hasOwnProp(s,"bottomMessage")&&(t.bottomMessage=s.bottomMessage??[]),this.hasOwnProp(s,"tagContents")&&(t.tagContents=s.tagContents)}handleBackdropClick=()=>{const t=this.getTopEntry();t&&(t.persistent?this.shakeModal(t.modalEl):this.dispatchClose(t.modalEl))};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)}))}disconnectedCallback(){(this.entries??[]).forEach((t=>{t.dismissTimerId&&clearTimeout(t.dismissTimerId)})),this.containerDismissTimerId&&clearTimeout(this.containerDismissTimerId)}getTopEntry(){return[...this.entries??[]].reverse().find((t=>!t.closing))}requestDismiss(t,s){const i=(this.entries??[]).find((s=>s.id===t));if(!i||i.closing)return;i.modalEl.classList.remove("sd-modal-container__modal--visible"),0===(this.entries??[]).filter((s=>s.id!==t&&!s.closing)).length&&(this.isBackdropVisible=!1);const e=setTimeout((()=>{this.finalizeDismiss(t)}),350);this.entries=(this.entries??[]).map((s=>s.id===t?{...s,closing:!0,dismissTimerId:e}:s)),"confirm"===s?i.chain._triggerOk():"cancel"===s?i.chain._triggerCancel():"close"===s&&i.chain._triggerClose()}finalizeDismiss(t){const s=(this.entries??[]).find((s=>s.id===t));if(!s)return;s.dismissTimerId&&clearTimeout(s.dismissTimerId),s.modalEl.remove();const i=(this.entries??[]).filter((s=>s.id!==t));this.entries=i,0===i.length&&(this.containerDismissTimerId=setTimeout((()=>{0===(this.entries??[]).length&&(this.isVisible=!1),this.containerDismissTimerId=void 0}),350)),s.chain._triggerDismissed()}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,i){null!=i&&t.setAttribute(s,i)}render(){return this.isVisible?i("div",{class:"sd-modal-container"},i("div",{class:{"sd-modal-container__backdrop":!0,"sd-modal-container__backdrop--visible":this.isBackdropVisible},onClick:this.handleBackdropClick}),i("div",{class:"sd-modal-container__content",ref:t=>{this.contentRef=t}})):null}};a.style="sd-modal-container{display:block}sd-modal-container .sd-modal-container{position:fixed;inset:0;z-index:var(--sd-modal-container-z-index, 10000);display:flex;align-items:center;justify-content:center}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}sd-modal-container .sd-modal-container__backdrop--visible{opacity:1}sd-modal-container .sd-modal-container__content{position:relative;z-index:1;display:grid;place-items:center}sd-modal-container .sd-modal-container__content>*{grid-row:1;grid-column:1}sd-modal-container .sd-modal-container__modal{opacity:0;transform:scale(0);transition:opacity 0.3s ease-out, transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1)}sd-modal-container .sd-modal-container__modal--visible{opacity:1;transform:scale(1)}sd-modal-container .sd-modal-container__modal--shake{animation:modal-shake 0.3s ease-out}@keyframes modal-shake{0%,100%{transform:scale(1)}25%{transform:scale(1.03)}50%{transform:scale(0.97)}75%{transform:scale(1.01)}}";export{a as sd_modal_container}
+import{r as t,g as s,h as i}from"./p-DsU722JF.js";let e=0;const a=class{constructor(s){t(this,s)}get el(){return s(this)}entries=[];isVisible=!1;isBackdropVisible=!1;contentRef;containerDismissTimerId;handleKeydown(t){if("Escape"===t.key){const t=this.getTopEntry();if(!t)return;if(t.persistent)return void this.shakeModal(t.modalEl);this.dispatchClose(t.modalEl)}}async open(t,s){const i="modal-"+ ++e,a=this.createConfirmModal(i,t);return this.attachModalEventListeners(i,a),this.registerEntry(i,a,s,{persistent:!!t.persistent}),i}async createCustom(t,s,i){const a="modal-"+ ++e;return t.setAttribute("data-modal-id",a),t.classList.add("sd-modal-container__modal"),this.attachModalEventListeners(a,t),this.registerEntry(a,t,i,{persistent:!!s.persistent}),a}attachModalEventListeners(t,s){s.addEventListener("sdOk",(()=>this.requestDismiss(t,"confirm"))),s.addEventListener("sdCancel",(()=>this.requestDismiss(t,"cancel"))),s.addEventListener("sdClose",(()=>this.requestDismiss(t,"close")))}dispatchClose(t){t.dispatchEvent(new CustomEvent("sdClose"))}registerEntry(t,s,i,e){this.containerDismissTimerId&&(clearTimeout(this.containerDismissTimerId),this.containerDismissTimerId=void 0),this.entries=[...this.entries??[],{id:t,modalEl:s,chain:i,persistent:e.persistent,closing:!1}],this.isVisible=!0,requestAnimationFrame((()=>{this.contentRef&&(this.contentRef.appendChild(s),this.waitForModalReady(s).then((()=>{requestAnimationFrame((()=>{const i=(this.entries??[]).find((s=>s.id===t));i&&!i.closing&&s.isConnected&&(this.isBackdropVisible=!0,s.classList.add("sd-modal-container__modal--visible"))}))})))}))}async update(t,s){const i=(this.entries??[]).find((s=>s.id===t));i&&!i.closing&&this.applyProps(i.modalEl,s)}createConfirmModal(t,s){const i=document.createElement("sd-confirm-modal");return i.setAttribute("data-modal-id",t),i.classList.add("sd-modal-container__modal"),this.applyProps(i,s),i}applyProps(t,s){this.hasOwnProp(s,"type")&&this.setAttr(t,"type",s.type),this.hasOwnProp(s,"title")&&this.setAttr(t,"modal-title",s.title),this.hasOwnProp(s,"titleClass")&&this.setAttr(t,"title-class",s.titleClass),this.hasOwnProp(s,"mainButtonLabel")&&this.setAttr(t,"main-button-label",s.mainButtonLabel),this.hasOwnProp(s,"mainButtonName")&&this.setAttr(t,"main-button-name",s.mainButtonName),this.hasOwnProp(s,"subButtonLabel")&&this.setAttr(t,"sub-button-label",s.subButtonLabel),this.hasOwnProp(s,"tagPreset")&&this.setAttr(t,"tag-preset",s.tagPreset),this.hasOwnProp(s,"tagLabel")&&this.setAttr(t,"tag-label",s.tagLabel),this.hasOwnProp(s,"slotLabel")&&this.setAttr(t,"slot-label",s.slotLabel),this.hasOwnProp(s,"topMessage")&&(t.topMessage=s.topMessage??[]),this.hasOwnProp(s,"bottomMessage")&&(t.bottomMessage=s.bottomMessage??[]),this.hasOwnProp(s,"tagContents")&&(t.tagContents=s.tagContents)}handleBackdropClick=()=>{const t=this.getTopEntry();t&&(t.persistent?this.shakeModal(t.modalEl):this.dispatchClose(t.modalEl))};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)}))}disconnectedCallback(){(this.entries??[]).forEach((t=>{t.dismissTimerId&&clearTimeout(t.dismissTimerId)})),this.containerDismissTimerId&&clearTimeout(this.containerDismissTimerId)}getTopEntry(){return[...this.entries??[]].reverse().find((t=>!t.closing))}requestDismiss(t,s){const i=(this.entries??[]).find((s=>s.id===t));if(!i||i.closing)return;i.modalEl.classList.remove("sd-modal-container__modal--visible"),0===(this.entries??[]).filter((s=>s.id!==t&&!s.closing)).length&&(this.isBackdropVisible=!1);const e=setTimeout((()=>{this.finalizeDismiss(t)}),350);this.entries=(this.entries??[]).map((s=>s.id===t?{...s,closing:!0,dismissTimerId:e}:s)),"confirm"===s?i.chain._triggerOk():"cancel"===s?i.chain._triggerCancel():"close"===s&&i.chain._triggerClose()}finalizeDismiss(t){const s=(this.entries??[]).find((s=>s.id===t));if(!s)return;s.dismissTimerId&&clearTimeout(s.dismissTimerId),s.modalEl.remove();const i=(this.entries??[]).filter((s=>s.id!==t));this.entries=i,0===i.length&&(this.containerDismissTimerId=setTimeout((()=>{0===(this.entries??[]).length&&(this.isVisible=!1),this.containerDismissTimerId=void 0}),350)),s.chain._triggerDismissed()}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,i){null!=i&&t.setAttribute(s,i)}render(){return this.isVisible?i("div",{class:"sd-modal-container"},i("div",{class:{"sd-modal-container__backdrop":!0,"sd-modal-container__backdrop--visible":this.isBackdropVisible},onClick:this.handleBackdropClick}),i("div",{class:"sd-modal-container__content",ref:t=>{this.contentRef=t}})):null}};a.style="sd-modal-container{display:block}sd-modal-container .sd-modal-container{position:fixed;inset:0;z-index:var(--sd-modal-container-z-index, 9999);display:flex;align-items:center;justify-content:center}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}sd-modal-container .sd-modal-container__backdrop--visible{opacity:1}sd-modal-container .sd-modal-container__content{position:relative;z-index:1;display:grid;place-items:center}sd-modal-container .sd-modal-container__content>*{grid-row:1;grid-column:1}sd-modal-container .sd-modal-container__modal{opacity:0;transform:scale(0);transition:opacity 0.3s ease-out, transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1)}sd-modal-container .sd-modal-container__modal--visible{opacity:1;transform:scale(1)}sd-modal-container .sd-modal-container__modal--shake{animation:modal-shake 0.3s ease-out}@keyframes modal-shake{0%,100%{transform:scale(1)}25%{transform:scale(1.03)}50%{transform:scale(0.97)}75%{transform:scale(1.01)}}";export{a as sd_modal_container}

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

@@ -0,0 +1 @@
+import{r as t,c as e,g as i,h as s}from"./p-DsU722JF.js";import{n}from"./p-CCwNgVmC.js";var r={numberInput:{sm:{height:"28",paddingX:"6",gap:"8",radius:"4",typography:{fontWeight:"400",fontSize:"12",lineHeight:"20"}},md:{height:"36",paddingX:"8",gap:"12",radius:"6",typography:{fontWeight:"400",fontSize:"16",lineHeight:"26"}},contents:{gap:"4"},border:{default:"#AAAAAA",focus:"#0075FF",danger:"#FB4444"},bg:{default:"#FFFFFF"},text:{default:"#222222",placeholder:"#AAAAAA",disabled:"#888888"},hint:{color:"#555555",typography:{fontSize:"12",lineHeight:"20"}},errorMessage:{color:"#E30000",typography:{fontSize:"12",lineHeight:"20"}},stepper:{sm:{size:"20"},md:{size:"24"},radius:"4",bg:{default:"#EFF6FF",disabled:"#EEEEEE"},icon:{default:"#0075FF",disabled:"#BBBBBB"}}}};const u=r.numberInput.sm,d=r.numberInput.md,a={sm:{height:u.height,paddingX:u.paddingX,gap:u.gap,radius:u.radius,fontSize:u.typography.fontSize,lineHeight:u.typography.lineHeight,fontWeight:u.typography.fontWeight},md:{height:d.height,paddingX:d.paddingX,gap:d.gap,radius:d.radius,fontSize:d.typography.fontSize,lineHeight:d.typography.lineHeight,fontWeight:d.typography.fontWeight}},h={border:r.numberInput.border,bg:r.numberInput.bg,text:r.numberInput.text},o={sm:{size:r.numberInput.stepper.sm.size},md:{size:r.numberInput.stepper.md.size},radius:r.numberInput.stepper.radius,bg:r.numberInput.stepper.bg,icon:r.numberInput.stepper.icon},p=r.numberInput.hint,l=r.numberInput.errorMessage,b=r.numberInput.contents.gap,c=class{constructor(i){t(this,i),this.update=e(this,"sdUpdate",7),this.focus=e(this,"sdFocus",7),this.blur=e(this,"sdBlur",7)}get el(){return i(this)}size="sm";min=Number.NEGATIVE_INFINITY;max=Number.POSITIVE_INFINITY;step=1;useButton=!1;useDecimal=!1;value=null;label;addonLabel="";placeholder="입력해 주세요.";disabled=!1;width;rules=[];autoFocus=!1;status;hint="";errorMessage="";inputPrefix="";inputSuffix="";inputClass="";readonly=!1;inputStyle={};error=!1;focused=!1;hovered=!1;internalValue=null;displayValue="";nativeEl=void 0;formField;name=n();update;focus;blur;toNumber(t){if(null==t||""===t)return null;if("number"==typeof t)return isNaN(t)?null:t;if("string"==typeof t)return this.parseInput(t);const e=Number(t);return isNaN(e)?null:e}formatWithCommas(t){if(null==t||isNaN(t))return"";const e=t<0,i=Math.abs(t),[s,n]=i.toString().split("."),r=(+s).toLocaleString(),u=e?"-"+r:r;return n?u+"."+n:String(u)}parseInput(t){if(!t||""===t.trim())return null;const e=t.replace(/,/g,"").trim();if(!/^-?(\d+\.?\d*|\d*\.\d+)$/.test(e))return null;const i=parseFloat(e);return isNaN(i)||!this.useDecimal&&e.includes(".")?null:i}clampMinMax(t){return isNaN(t)?0:Math.min(Math.max(t,this.min),this.max)}updateDisplay(){this.displayValue=this.formatWithCommas(this.internalValue)}isIncrementDisabled(){return!(!this.disabled&&!this.readonly)||null!==this.internalValue&&this.internalValue>=this.max}isDecrementDisabled(){return!(!this.disabled&&!this.readonly)||null!==this.internalValue&&this.internalValue<=this.min}valueChanged(t){const e=this.toNumber(t);this.internalValue=null!==e?this.clampMinMax(e):null,this.updateDisplay()}internalValueChanged(t){this.updateDisplay(),t!==this.value&&(this.value=t,this.update?.emit(t))}async sdValidate(){this.formField?.sdValidate()}async sdReset(){this.formField?.sdReset()}async sdResetValidate(){this.formField?.sdResetValidation()}async sdFocus(){this.formField?.sdFocus()}async sdGetNativeElement(){return this.nativeEl||null}componentWillLoad(){const t=this.toNumber(this.value);null!==t&&(this.internalValue=this.clampMinMax(t)),this.updateDisplay()}componentDidLoad(){this.autoFocus&&this.nativeEl?.focus()}handleInput=t=>{const e=t.target,i=e.value;if(""===i)return this.internalValue=null,void(this.displayValue="");const s=i.replace(/,/g,""),n=(s.match(/\./g)||[]).length;if(n>1)return void(e.value=this.displayValue);if("-"===s||"."===s||"-."===s)return void(e.value=s);if(s.endsWith(".")&&1===n){const t=s.slice(0,-1),i=this.parseInput(t);if(null!==i){const t=this.formatWithCommas(i);return void(e.value=t+".")}}const r=this.parseInput(s);if(null!==r){if(r<this.min)return void(e.value=this.displayValue);if(r>this.max)return void(e.value=this.displayValue);this.internalValue=r,this.displayValue=this.formatWithCommas(r),e.value=this.displayValue}else e.value=this.displayValue};handleFocus=t=>{this.focused=!0,this.focus?.emit(t)};handleBlur=async t=>{this.updateDisplay(),this.nativeEl&&(this.nativeEl.value=this.displayValue),this.rules&&this.rules.length>0&&await(this.formField?.sdValidate()),this.focused=!1,this.blur?.emit(t)};handleKeyDown=t=>{"ArrowUp"===t.key?(t.preventDefault(),this.handleIncrement()):"ArrowDown"===t.key&&(t.preventDefault(),this.handleDecrement())};handleIncrement=()=>{if(this.isIncrementDisabled())return;const t=this.internalValue??this.min??0;let e=t+this.step;e>this.max&&(e=this.max),e!==t&&(this.internalValue=e)};handleDecrement=()=>{if(this.isDecrementDisabled())return;const t=this.internalValue??this.min??0;let e=t-this.step;e<this.min&&(e=this.min),e!==t&&(this.internalValue=e)};render(){const t=a[this.size]??a.sm,e="md"===this.size?14:12;return s("sd-field",{key:"c09a48d9c0bfb0eb6c4327e63ff190b4fee7eff9",name:this.name,label:this.label,addonLabel:this.addonLabel,hint:this.hint,errorMessage:this.errorMessage,width:this.width,rules:this.rules,error:this.error,disabled:this.disabled,focused:this.focused,hovered:this.hovered,status:this.status,ref:t=>this.formField=t,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1,style:{"--sd-number-input-font-size":`${t.fontSize}px`,"--sd-number-input-line-height":`${t.lineHeight}px`,"--sd-number-input-font-weight":t.fontWeight,"--sd-number-input-padding-x":`${t.paddingX}px`,"--sd-number-input-gap":`${t.gap}px`,"--sd-number-input-text-color":h.text.default,"--sd-number-input-placeholder-color":h.text.placeholder,"--sd-number-input-disabled-color":h.text.disabled,"--sd-number-input-stepper-size":`${o[this.size]?.size??o.sm.size}px`,"--sd-number-input-stepper-radius":`${o.radius}px`,"--sd-number-input-stepper-bg":o.bg.default,"--sd-number-input-stepper-bg-disabled":o.bg.disabled,"--sd-number-input-stepper-icon-color":o.icon.default,"--sd-number-input-stepper-icon-disabled":o.icon.disabled,"--sd-system-size-field-sm-height":`${t.height}px`,"--sd-system-radius-field-sm":`${t.radius}px`,"--sd-system-color-field-border-default":h.border.default,"--sd-system-color-field-border-focus":h.border.focus,"--sd-system-color-field-border-danger":h.border.danger,"--sd-system-color-field-bg-default":h.bg.default,"--sd-textinput-input-text-error-message":l.color,"--sd-textinput-input-error-message-typography-font-size":`${l.typography.fontSize}px`,"--sd-textinput-input-error-message-typography-line-height":`${l.typography.lineHeight}px`,"--sd-textinput-input-text-hint":p.color,"--sd-textinput-input-hint-typography-font-size":`${p.typography.fontSize}px`,"--sd-textinput-input-hint-typography-line-height":`${p.typography.lineHeight}px`,"--sd-textinput-input-contents-gap":`${b}px`}},s("div",{key:"7ba690b017d58326640083feb4f88ab74e20f7e3",class:"sd-number-input__content"},this.useButton&&s("button",{key:"0eb3ccd26428fce21d74b1e2f06258b054337017",type:"button",class:"sd-number-input__stepper sd-number-input__stepper--decrement",disabled:this.isDecrementDisabled(),onClick:this.handleDecrement,tabindex:-1},s("sd-icon",{key:"4af528aa82ddc6f8abbee1fa8617f5fefc77f41b",name:"minus",size:e,color:this.isDecrementDisabled()?o.icon.disabled:o.icon.default})),this.inputPrefix&&s("span",{key:"f524a85295c29dc02b6803d5a145d24d6d7c3f1b",class:"sd-number-input__prefix"},this.inputPrefix),s("input",{key:"4f3c539cb82745b317ebc2e17f2852a5b386ba6b",name:this.name,ref:t=>this.nativeEl=t,class:`sd-number-input__native ${this.inputClass}`,type:"text",inputMode:"numeric",value:this.displayValue,placeholder:this.placeholder,disabled:this.disabled,readonly:this.readonly,autofocus:this.autoFocus,onInput:this.handleInput,onKeyDown:this.handleKeyDown,onFocus:this.handleFocus,onBlur:this.handleBlur,style:{textAlign:this.useButton?"center":"right",...this.inputStyle}}),this.inputSuffix&&s("span",{key:"35a1cd706a87cf9320262b12aab7679cbb9eb7f2",class:"sd-number-input__suffix"},this.inputSuffix),this.useButton&&s("button",{key:"a818bf380ac32291155bf8a3c35cf9b9a007ec5e",type:"button",class:"sd-number-input__stepper sd-number-input__stepper--increment",disabled:this.isIncrementDisabled(),onClick:this.handleIncrement,tabindex:-1},s("sd-icon",{key:"0d2e75fb5ebada9aa0846e807695d31f29b18647",name:"add",size:e,color:this.isIncrementDisabled()?o.icon.disabled:o.icon.default}))))}static get watchers(){return{value:[{valueChanged:0}],internalValue:[{internalValueChanged:0}]}}};c.style="sd-number-input{display:inline-flex}sd-number-input .sd-number-input__content{width:100%;height:100%;display:flex;flex-flow:row nowrap;align-items:center;color:var(--sd-number-input-text-color);font-size:var(--sd-number-input-font-size);line-height:var(--sd-number-input-line-height);font-weight:var(--sd-number-input-font-weight);padding:0 var(--sd-number-input-padding-x);gap:var(--sd-number-input-gap)}sd-number-input .sd-number-input__content .sd-number-input__native{width:100%;height:100%;min-width:0;border:none;outline:none;background:transparent;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;padding-block:0;padding-inline:0}sd-number-input .sd-number-input__content .sd-number-input__native[disabled]{cursor:not-allowed;color:var(--sd-number-input-disabled-color)}sd-number-input .sd-number-input__content .sd-number-input__native::placeholder{color:var(--sd-number-input-placeholder-color)}sd-number-input .sd-number-input__content .sd-number-input__prefix,sd-number-input .sd-number-input__content .sd-number-input__suffix{flex-shrink:0;white-space:nowrap;color:var(--sd-number-input-placeholder-color);font-size:inherit;line-height:inherit}sd-number-input .sd-number-input__content .sd-number-input__stepper{flex-shrink:0;width:var(--sd-number-input-stepper-size);height:var(--sd-number-input-stepper-size);border:none;border-radius:var(--sd-number-input-stepper-radius);background-color:var(--sd-number-input-stepper-bg);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;margin:0;transition:background-color 0.15s ease}sd-number-input .sd-number-input__content .sd-number-input__stepper:hover:not(:disabled){filter:brightness(0.95)}sd-number-input .sd-number-input__content .sd-number-input__stepper:disabled{background-color:var(--sd-number-input-stepper-bg-disabled);cursor:not-allowed}";export{c as sd_number_input}

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

@@ -0,0 +1 @@
+import{r as e,c as i,g as t,h as s}from"./p-DsU722JF.js";var l={height:"28",paddingX:"12",gap:"8",radius:"4",typography:{fontWeight:"400",fontSize:"12",lineHeight:"20"},size:{icon:"16"},text:{default:"#222222",placeholder:"#AAAAAA",disabled:"#888888"},icon:{disabled:"#BBBBBB"}};const r={height:l.height,paddingX:l.paddingX,gap:l.gap,radius:l.radius,fontSize:l.typography.fontSize,lineHeight:l.typography.lineHeight,fontWeight:l.typography.fontWeight,iconSize:l.size.icon},o={text:l.text,icon:{default:"#888888",disabled:l.icon.disabled}},d=class{constructor(t){e(this,t),this.update=i(this,"sdUpdate",7),this.reject=i(this,"sdReject",7)}get el(){return t(this)}value=null;placeholder="Click to upload";disabled=!1;inline=!1;multiple=!1;accept;maxFileSize;maxTotalSize;maxFiles;name="";label="";addonLabel="";hint="";errorMessage="";width="";rules;error=!1;status;icon=void 0;labelTooltip="";labelTooltipProps=null;focused=!1;hovered=!1;internalValue=null;showTooltip=!1;fileInputRef;fileNamesRef;formField;update;reject;valueChanged(e){this.internalValue=e}componentDidLoad(){this.checkOverflow()}componentDidUpdate(){this.checkOverflow()}async sdValidate(){return this.formField?.sdValidate()??Promise.resolve(!0)}async sdReset(){const e=this.multiple?[]:null;this.value=e,this.internalValue=e,this.fileInputRef&&(this.fileInputRef.value=""),await(this.formField?.sdReset())}async sdResetValidate(){await(this.formField?.sdResetValidation())}toBytes(e){if(null!=e)return"string"==typeof e?Number(e):e}validateFiles(e){const i=this.toBytes(this.maxFileSize),t=this.toBytes(this.maxTotalSize),s=null!=this.maxFiles?Number(this.maxFiles):void 0;if(null!=s&&e.length>s)return{accepted:[],rejected:e,reason:"max-files"};if(null!=i){const t=e.filter((e=>e.size>i));if(t.length>0)return{accepted:[],rejected:t,reason:"max-file-size"}}return null!=t&&e.reduce(((e,i)=>e+i.size),0)>t?{accepted:[],rejected:e,reason:"max-total-size"}:{accepted:e,rejected:[]}}handleFileChange=e=>{const i=e.target.files;if(!i||0===i.length)return;const t=Array.from(i),{accepted:s,rejected:l,reason:r}=this.validateFiles(t);if(r)return this.reject?.emit({files:l,reason:r}),void(this.fileInputRef&&(this.fileInputRef.value=""));this.internalValue=this.multiple?s:s[0],this.value=this.internalValue,this.update?.emit(this.value)};handleClear=e=>{if(this.disabled)return;e.stopPropagation();const i=this.multiple?[]:null;this.value=i,this.internalValue=i,this.update?.emit(i),this.fileInputRef&&(this.fileInputRef.value="")};handleClick=()=>{this.disabled||this.fileInputRef?.click()};hasFiles(){return!!this.internalValue&&(!Array.isArray(this.internalValue)||this.internalValue.length>0)}getDisplayText(){return this.hasFiles()?Array.isArray(this.internalValue)?this.internalValue.map((e=>e.name)).join(", "):this.internalValue?.name||this.placeholder:this.placeholder}checkOverflow(){this.fileNamesRef&&(this.showTooltip=this.fileNamesRef.scrollWidth>this.fileNamesRef.clientWidth)}getIconColor(){return this.disabled?o.icon.disabled:o.icon.default}render(){const e=this.hasFiles(),i=this.getDisplayText(),t={"--sd-file-picker-font-size":`${r.fontSize}px`,"--sd-file-picker-line-height":`${r.lineHeight}px`,"--sd-file-picker-font-weight":r.fontWeight,"--sd-file-picker-padding-x":`${r.paddingX}px`,"--sd-file-picker-gap":`${r.gap}px`,"--sd-file-picker-text-color":o.text.default,"--sd-file-picker-placeholder-color":o.text.placeholder,"--sd-file-picker-disabled-color":o.text.disabled,"--sd-system-size-field-sm-height":`${r.height}px`,"--sd-system-radius-field-sm":`${r.radius}px`},l=s("div",{class:"sd-file-picker__content",onClick:this.handleClick},s("input",{ref:e=>this.fileInputRef=e,type:"file",class:"sd-file-picker__input",disabled:this.disabled,multiple:this.multiple,accept:this.accept,onInput:this.handleFileChange,"aria-label":this.placeholder}),s("sd-icon",{name:"attachFile",size:Number(r.iconSize),color:this.getIconColor(),class:"sd-file-picker__icon"}),s("div",{ref:e=>this.fileNamesRef=e,class:{"sd-file-picker__text":!0,"sd-file-picker__text--placeholder":!e,"sd-file-picker__text--active":e}},i),!this.disabled&&e&&s("sd-ghost-button",{icon:"close",size:"xxs",disabled:this.disabled,class:"sd-file-picker__clear-icon",onClick:this.handleClear}),this.showTooltip&&e&&this.hovered&&s("div",{class:"sd-file-picker__tooltip"},i));return this.inline?s("div",{class:{"sd-file-picker--inline":!0,"sd-file-picker--inline-disabled":this.disabled},style:t,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1},l):s("sd-field",{name:this.name,label:this.label,addonLabel:this.addonLabel,hint:this.hint,errorMessage:this.errorMessage,width:this.width,rules:this.rules,error:this.error,disabled:this.disabled,focused:this.focused,hovered:this.hovered,status:this.status,icon:this.icon,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:e=>this.formField=e,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1,style:t},l)}static get watchers(){return{value:[{valueChanged:0}]}}};d.style="sd-file-picker{display:inline-flex;width:100%}.sd-file-picker__content{width:100%;height:100%;display:flex;align-items:center;padding:0 var(--sd-file-picker-padding-x);gap:var(--sd-file-picker-gap);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;vertical-align:middle}.sd-file-picker__text{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:var(--sd-file-picker-font-weight);font-size:var(--sd-file-picker-font-size);line-height:var(--sd-file-picker-line-height);color:var(--sd-file-picker-placeholder-color)}.sd-file-picker__text--active{color:var(--sd-file-picker-text-color)}.sd-file-picker__text--placeholder{color:var(--sd-file-picker-placeholder-color)}.sd-file-picker__icon{flex-shrink:0}.sd-file-picker__clear-icon{flex-shrink:0;cursor:pointer;transition:opacity 0.2s ease}.sd-file-picker__clear-icon:hover{opacity:0.7}.sd-file-picker__input{display:none}.sd-file-picker__tooltip{position:absolute;top:calc(100% - 4px);left:50%;transform:translate(-50%);z-index:1000;white-space:nowrap;padding:8px 12px;background:rgba(0, 0, 0, 0.8);color:white;font-size:12px;line-height:18px;border-radius:4px;pointer-events:none}.sd-field--disabled .sd-file-picker__content{cursor:not-allowed}.sd-field--disabled .sd-file-picker__text{color:var(--sd-file-picker-disabled-color)}.sd-file-picker--inline .sd-file-picker__content{border:none;background-color:transparent;padding:0;height:auto}.sd-file-picker--inline .sd-file-picker__text{color:var(--sd-file-picker-placeholder-color)}.sd-file-picker--inline:hover:not(.sd-file-picker--inline-disabled) .sd-file-picker__text{color:var(--sd-file-picker-text-color)}.sd-file-picker--inline .sd-file-picker__text--active{color:var(--sd-file-picker-text-color)}.sd-file-picker--inline.sd-file-picker--inline-disabled .sd-file-picker__content{cursor:not-allowed}.sd-file-picker--inline.sd-file-picker--inline-disabled .sd-file-picker__text{color:var(--sd-file-picker-disabled-color)}";export{d as sd_file_picker}

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

@@ -0,0 +1 @@
+import{r as e,c as t,h as i}from"./p-DsU722JF.js";var n={textLink:{gap:"4",size:{icon:"16"},typography:{default:{fontSize:"12",fontWeight:"500",textDecoration:"none",lineHeight:"20"},underline:{fontSize:"12",fontWeight:"500",textDecoration:"underline",lineHeight:"22"}},content:{default:"#222222",disabled:"#888888"},icon:{default:"#006AC1",disabled:"#BBBBBB"}}};const s={gap:n.textLink.gap,iconSize:Number(n.textLink.size.icon),arrowFrame:16,arrowIconSize:12,arrowColor:"#888888"},l={default:n.textLink.typography.default,underline:n.textLink.typography.underline},d={content:n.textLink.content,icon:n.textLink.icon},a=class{constructor(i){e(this,i),this.click=t(this,"sdClick",7)}label="";icon="";iconColor="";useArrow=!1;underline=!1;disabled=!1;click;handleClick=()=>{this.disabled||this.click.emit()};render(){const e=this.underline?l.underline:l.default,t=this.disabled?d.icon.disabled:s.arrowColor;return i("span",{key:"8eadcc89bb334780afa4997f0fcfa6492636f641",class:{"sd-text-link":!0,"sd-text-link--disabled":this.disabled},style:{"--sd-text-link-gap":`${s.gap}px`,"--sd-text-link-font-size":`${e.fontSize}px`,"--sd-text-link-font-weight":e.fontWeight,"--sd-text-link-line-height":`${e.lineHeight}px`,"--sd-text-link-text-decoration":e.textDecoration,"--sd-text-link-color":this.disabled?d.content.disabled:d.content.default},onClick:this.handleClick},this.icon&&i("sd-icon",{key:"a4e9ecae685a9a07e9b09cbd44d5132fd9c9961b",name:this.icon,size:s.iconSize,color:this.disabled?d.icon.disabled:this.iconColor||d.icon.default,class:"sd-text-link__icon"}),i("span",{key:"2c7de496aa3e1ac5be85d9920d0673aebc8738f0",class:"sd-text-link__label"},this.label),this.useArrow&&i("span",{key:"735ee80a90f1f2bb8c5d009cea60664c4760aef7",class:"sd-text-link__arrow",style:{width:`${s.arrowFrame}px`,height:`${s.arrowFrame}px`,display:"inline-flex",alignItems:"center",justifyContent:"center"}},i("sd-icon",{key:"61f57de237b92461ea387ad0bd71bbbb7d7cd08c",name:"chevronRight",size:s.arrowIconSize,color:t})))}};a.style="sd-text-link{display:inline-flex}sd-text-link .sd-text-link{display:inline-flex;align-items:center;gap:var(--sd-text-link-gap);cursor:pointer;user-select:none}sd-text-link .sd-text-link__label{font-size:var(--sd-text-link-font-size);font-weight:var(--sd-text-link-font-weight);line-height:var(--sd-text-link-line-height);text-decoration:var(--sd-text-link-text-decoration);color:var(--sd-text-link-color)}sd-text-link .sd-text-link:not(.sd-text-link--disabled):hover .sd-text-link__label{text-decoration:underline}sd-text-link .sd-text-link--disabled{cursor:not-allowed}";export{a as sd_text_link}

package/dist/design-system/{p-DzagopqQ.js → p-ePjRdqmD.js}

@@ -1 +1 @@
-import{b as r}from"./p-DwYSoCyW.js";const a="#0075FF",i={primary:r.brand.strong.bg.default,secondary:r.brand.subtle.bg.default,primary_outline:r.brand.outline.bg.default,neutral_outline:r.neutral.outline.bg.default,danger:r.danger.strong.bg.default,danger_outline:r.danger.outline.bg.default},e={primary_xs:{variant:"primary",size:"xs",color:i.primary},secondary_xs:{variant:"primary",size:"xs",color:i.secondary},primary_outline_xs:{variant:"outline",size:"xs",color:i.primary_outline},neutral_outline_xs:{variant:"outline",size:"xs",color:i.neutral_outline},danger_xs:{variant:"primary",size:"xs",color:i.danger},danger_outline_xs:{variant:"outline",size:"xs",color:i.danger_outline},primary_sm:{variant:"primary",size:"sm",color:i.primary},secondary_sm:{variant:"primary",size:"sm",color:i.secondary},primary_outline_sm:{variant:"outline",size:"sm",color:i.primary_outline},neutral_outline_sm:{variant:"outline",size:"sm",color:i.neutral_outline},danger_sm:{variant:"primary",size:"sm",color:i.danger},danger_outline_sm:{variant:"outline",size:"sm",color:i.danger_outline},primary_md:{variant:"primary",size:"md",color:i.primary},secondary_md:{variant:"primary",size:"md",color:i.secondary},primary_outline_md:{variant:"outline",size:"md",color:i.primary_outline},neutral_outline_md:{variant:"outline",size:"md",color:i.neutral_outline},danger_md:{variant:"primary",size:"md",color:i.danger},danger_outline_md:{variant:"outline",size:"md",color:i.danger_outline},primary_lg:{variant:"primary",size:"lg",color:i.primary},secondary_lg:{variant:"primary",size:"lg",color:i.secondary},primary_outline_lg:{variant:"outline",size:"lg",color:i.primary_outline},neutral_outline_lg:{variant:"outline",size:"lg",color:i.neutral_outline},danger_lg:{variant:"primary",size:"lg",color:i.danger},danger_outline_lg:{variant:"outline",size:"lg",color:i.danger_outline}},n={xs:Number(r.size.xs.icon),sm:Number(r.size.sm.icon),md:Number(r.size.md.icon),lg:Number(r.size.lg.icon)},o={primary:r.brand.strong.bg.hover,secondary:r.brand.subtle.bg.hover,primary_outline:r.brand.outline.bg.hover,neutral_outline:r.neutral.outline.bg.hover,danger:r.danger.strong.bg.hover,danger_outline:r.danger.outline.bg.hover},l={primary:r.brand.strong.content,secondary:r.brand.subtle.content,primary_outline:r.brand.outline.content,neutral_outline:r.neutral.outline.content,danger:r.danger.strong.content,danger_outline:r.danger.outline.content},t={primary:"transparent",secondary:"transparent",primary_outline:r.brand.outline.border,neutral_outline:r.neutral.outline.border,danger:"transparent",danger_outline:r.danger.outline.border},s=/_(xs|sm|md|lg)$/,m=r=>r in e,_=r=>r.replace(s,"");export{e as B,l as P,n as a,a as b,t as c,o as d,_ as g,m as i}
+import{b as r}from"./p-BcM38Hvd.js";const a="#0075FF",i={primary:r.brand.strong.bg.default,secondary:r.brand.subtle.bg.default,primary_outline:r.brand.outline.bg.default,neutral_outline:r.neutral.outline.bg.default,danger:r.danger.strong.bg.default,danger_outline:r.danger.outline.bg.default},e={primary_xs:{variant:"primary",size:"xs",color:i.primary},secondary_xs:{variant:"primary",size:"xs",color:i.secondary},primary_outline_xs:{variant:"outline",size:"xs",color:i.primary_outline},neutral_outline_xs:{variant:"outline",size:"xs",color:i.neutral_outline},danger_xs:{variant:"primary",size:"xs",color:i.danger},danger_outline_xs:{variant:"outline",size:"xs",color:i.danger_outline},primary_sm:{variant:"primary",size:"sm",color:i.primary},secondary_sm:{variant:"primary",size:"sm",color:i.secondary},primary_outline_sm:{variant:"outline",size:"sm",color:i.primary_outline},neutral_outline_sm:{variant:"outline",size:"sm",color:i.neutral_outline},danger_sm:{variant:"primary",size:"sm",color:i.danger},danger_outline_sm:{variant:"outline",size:"sm",color:i.danger_outline},primary_md:{variant:"primary",size:"md",color:i.primary},secondary_md:{variant:"primary",size:"md",color:i.secondary},primary_outline_md:{variant:"outline",size:"md",color:i.primary_outline},neutral_outline_md:{variant:"outline",size:"md",color:i.neutral_outline},danger_md:{variant:"primary",size:"md",color:i.danger},danger_outline_md:{variant:"outline",size:"md",color:i.danger_outline},primary_lg:{variant:"primary",size:"lg",color:i.primary},secondary_lg:{variant:"primary",size:"lg",color:i.secondary},primary_outline_lg:{variant:"outline",size:"lg",color:i.primary_outline},neutral_outline_lg:{variant:"outline",size:"lg",color:i.neutral_outline},danger_lg:{variant:"primary",size:"lg",color:i.danger},danger_outline_lg:{variant:"outline",size:"lg",color:i.danger_outline}},n={xs:Number(r.xs.icon),sm:Number(r.sm.icon),md:Number(r.md.icon),lg:Number(r.lg.icon)},o={primary:r.brand.strong.bg.hover,secondary:r.brand.subtle.bg.hover,primary_outline:r.brand.outline.bg.hover,neutral_outline:r.neutral.outline.bg.hover,danger:r.danger.strong.bg.hover,danger_outline:r.danger.outline.bg.hover},l={primary:r.brand.strong.content,secondary:r.brand.subtle.content,primary_outline:r.brand.outline.content,neutral_outline:r.neutral.outline.content,danger:r.danger.strong.content,danger_outline:r.danger.outline.content},t={primary:"transparent",secondary:"transparent",primary_outline:r.brand.outline.border,neutral_outline:r.neutral.outline.border,danger:"transparent",danger_outline:r.danger.outline.border},s=/_(xs|sm|md|lg)$/,m=r=>r in e,_=r=>r.replace(s,"");export{e as B,l as P,n as a,a as b,t as c,o as d,_ as g,m as i}

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

@@ -0,0 +1 @@
+import{r as t,c as e,g as o,h as i,F as s}from"./p-DsU722JF.js";import{b as n}from"./p-BcM38Hvd.js";import{r as d}from"./p-BxPyZJaz.js";import{T as a}from"./p-DSRYrM1n.js";const r={xs:Number(n.xs.icon),sm:Number(n.sm.icon),md:Number(n.md.icon),lg:Number(n.lg.icon)},l=class{constructor(o){t(this,o),this.click=e(this,"sdClick",7)}get el(){return o(this)}variant="primary";size="sm";color="#025497";label="";disabled=!1;type="button";icon;iconColor;iconSize;iconRight;noHover=!1;sdClass="";click;handleClick=t=>{this.disabled||this.click.emit(t)};getButtonClasses(){const t=["sd-button"];return t.push(`sd-button--${this.variant}`),t.push(`sd-button--${this.size}`),t.push(`sd-button--color-${this.color}`),this.disabled&&t.push("sd-button--disabled"),this.label&&t.push("sd-button--has-label"),this.label||!this.icon&&!this.iconRight||t.push("sd-button--icon-only"),this.noHover&&t.push("sd-button--no-hover"),t.join(" ")}render(){const t=this.getButtonClasses(),e=d(this.color);return i("button",{key:"079f66bd47a67c5e7cf95ff6b0b6a10aa84697d5",class:`${t} ${this.sdClass}`,type:this.type,disabled:this.disabled,style:{"--button-color":e},onClick:this.handleClick},i("div",{key:"78c7b1b6b7828fe93c5a2752fbaf41b0b8c17cb2",class:"sd-button__content"},this.icon&&i("sd-icon",{key:"3f0afbeec89e0064f404d4967870516c87f35ac2",class:"sd-button__icon sd-button__icon--left",name:this.icon,size:this.iconSize??r[this.size],color:this.iconColor??("primary"===this.variant?"#fff":e)}),this.label&&i("div",{key:"319ac39031f4118489d88eec50eb590067422f87",class:"sd-button__label"},this.label),this.iconRight&&i("sd-icon",{key:"3e25e709e39ffbaceec0863c4fc5c54b8d34d5e1",class:"sd-button__icon sd-button__icon--right",name:this.iconRight,size:r[this.size],color:"primary"===this.variant?"#fff":e})))}};l.style='sd-button{display:inline-flex;width:fit-content;height:fit-content}.sd-button{--sd-button-height:34px;--sd-button-padding-x:20px;--sd-button-gap:8px;--sd-button-font-family:inherit;--sd-button-font-size:16px;--sd-button-font-weight:500;--sd-button-text-decoration:none;--sd-button-label-min-width:auto;--sd-button-icon-only-size:var(--sd-button-height);text-decoration:none;cursor:pointer;border-radius:var(--sd-button-radius-default, 4px);transition:all 0.2s ease-in-out;position:relative;overflow:hidden;white-space:nowrap;-webkit-user-select:none;user-select:none;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;border:none;padding:0 var(--sd-button-padding-x);min-width:var(--sd-button-min-width, auto);min-height:var(--sd-button-height);font-family:var(--sd-button-font-family);font-size:var(--sd-button-font-size);font-weight:var(--sd-button-font-weight);text-decoration:var(--sd-button-text-decoration)}.sd-button--xs{--sd-button-height:var(--sd-button-xs-height, 24px);--sd-button-padding-x:var(--sd-button-xs-padding-x, 8px);--sd-button-gap:var(--sd-button-xs-gap, 4px);--sd-button-font-family:var(--sd-button-xs-typography-font-family, inherit);--sd-button-font-size:var(--sd-button-xs-typography-font-size, 12px);--sd-button-font-weight:var(--sd-button-xs-typography-font-weight, 500);--sd-button-text-decoration:var(--sd-button-xs-typography-text-decoration, none);--sd-button-label-min-width:var(--sd-button-label-xs-min-width, auto);--sd-button-icon-only-size:var(--sd-button-icon-only-xs-width, var(--sd-button-height));line-height:20px}.sd-button--sm{--sd-button-height:var(--sd-button-sm-height, 28px);--sd-button-padding-x:var(--sd-button-sm-padding-x, 12px);--sd-button-gap:var(--sd-button-sm-gap, 6px);--sd-button-font-family:var(--sd-button-sm-typography-font-family, inherit);--sd-button-font-size:var(--sd-button-sm-typography-font-size, 12px);--sd-button-font-weight:var(--sd-button-sm-typography-font-weight, 500);--sd-button-text-decoration:var(--sd-button-sm-typography-text-decoration, none);--sd-button-label-min-width:var(--sd-button-label-sm-min-width, auto);--sd-button-icon-only-size:var(--sd-button-icon-only-sm-width, var(--sd-button-height));line-height:20px}.sd-button--md{--sd-button-height:var(--sd-button-md-height, 34px);--sd-button-padding-x:var(--sd-button-md-padding-x, 20px);--sd-button-gap:var(--sd-button-md-gap, 8px);--sd-button-font-family:var(--sd-button-md-typography-font-family, inherit);--sd-button-font-size:var(--sd-button-md-typography-font-size, 16px);--sd-button-font-weight:var(--sd-button-md-typography-font-weight, 500);--sd-button-text-decoration:var(--sd-button-md-typography-text-decoration, none);--sd-button-label-min-width:var(--sd-button-label-md-min-width, auto);--sd-button-icon-only-size:var(--sd-button-icon-only-md-width, var(--sd-button-height));line-height:26px}.sd-button--lg{--sd-button-height:var(--sd-button-lg-height, 62px);--sd-button-padding-x:var(--sd-button-lg-padding-x, 28px);--sd-button-gap:var(--sd-button-lg-gap, 12px);--sd-button-font-family:var(--sd-button-lg-typography-font-family, inherit);--sd-button-font-size:var(--sd-button-lg-typography-font-size, 18px);--sd-button-font-weight:var(--sd-button-lg-typography-font-weight, 500);--sd-button-text-decoration:var(--sd-button-lg-typography-text-decoration, none);--sd-button-label-min-width:var(--sd-button-label-lg-min-width, auto);--sd-button-icon-only-size:var(--sd-button-icon-only-lg-width, var(--sd-button-height));line-height:30px}.sd-button--has-label{--sd-button-min-width:var(--sd-button-label-min-width, auto)}.sd-button--primary{background-color:var(--button-color);color:white;transition:filter 0.2s ease}.sd-button--primary::before{content:"";position:absolute;inset:0;background:#000000;opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--primary:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.25}.sd-button--outline{background:white;border:var(--sd-button-border-width-default, 1px) solid var(--button-color);color:var(--button-color)}.sd-button--outline::before{content:"";position:absolute;inset:0;background:var(--button-color);opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--outline:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.15}.sd-button--outline .sd-button__content{position:relative;z-index:1}.sd-button--ghost{background-color:transparent;color:var(--button-color);border-color:transparent}.sd-button--ghost::before{content:"";position:absolute;inset:0;background:var(--button-color);opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--ghost:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.15}.sd-button--ghost .sd-button__content{position:relative;z-index:1}.sd-button--disabled{border:var(--sd-button-border-width-default, 1px) solid var(--sd-button-border-disabled, #CCCCCC);background:var(--sd-button-bg-disabled, #E1E1E1);color:var(--sd-button-content-disabled, #888888);cursor:not-allowed !important}.sd-button--icon-only{padding:0;width:var(--sd-button-icon-only-size, var(--sd-button-height));min-width:var(--sd-button-icon-only-size, var(--sd-button-height));height:var(--sd-button-icon-only-size, var(--sd-button-height))}.sd-button--no-hover:hover::before{opacity:0 !important}.sd-button .sd-button__content{display:inline-flex;align-items:center;justify-content:center;gap:var(--sd-button-gap);z-index:1;font-weight:inherit}';var h={sm:{height:"28",gap:"6",icon:"12",typography:{fontWeight:"700",fontSize:"12",lineHeight:"20"}}},f={gap:"6",paddingX:"12",typography:{fontWeight:"500",fontSize:"12",lineHeight:"20"},bg:"#F6F6F6",border:{default:"#AAAAAA",disabled:"#CCCCCC",width:"1"}};const b=["sd-select","sd-select-multiple","sd-select-multiple-group","sd-input","sd-barcode-input","sd-textarea","sd-number-input","sd-select-v2","sd-file-picker"],u=class{constructor(e){t(this,e)}get el(){return o(this)}name="";rules=[];error=!1;disabled=!1;hovered=!1;focused=!1;status;hint="";errorMessage="";width="";label="";addonLabel="";icon=void 0;labelTooltip="";labelTooltipProps=null;errorMsg="";hostElement=null;get value(){return this.hostElement?.value??null}get fieldStatus(){let t="";return this.disabled?(t="disabled",`sd-field--${t}`):this.focused?(t="focus",`sd-field--${t}`):(this.hovered&&(t="hover"),this.status&&(t=this.status),this.error&&(t="error"),t?`sd-field--${t}`:"")}componentDidLoad(){this.hostElement=this.findHostElement(),this.registerToForm()}disconnectedCallback(){this.unregisterFromForm()}findHostElement(){for(const t of b){const e=this.el.closest(t);if(e&&"value"in e)return e}return null}registerToForm(){const t=this.el.closest("sd-form");t&&"function"==typeof t.componentOnReady&&t.componentOnReady().then((t=>{t.sdRegisterField(this)}))}unregisterFromForm(){if(!this.name)return;const t=this.el.closest("sd-form");t?.componentOnReady().then((t=>{t.sdUnregisterField(this.name)}))}async sdValidate(){if(!this.rules||0===this.rules.length)return!0;for(const t of this.rules){const e=t(this.value??"");if(!0!==e)return this.setError(!0,e),!1}return this.setError(!1,""),!0}async sdReset(){this.hostElement&&(this.hostElement.value=null),this.setError(!1,"")}async sdResetValidation(){this.setError(!1,"")}async sdFocus(){this.hostElement?.focus?.(),this.hostElement?.scrollIntoView({behavior:"smooth",block:"center"})}setError(t,e){this.errorMsg=e,this.hostElement&&(this.hostElement.error=t)}render(){const t=this.addonLabel,e=h.sm,o=this.label?{"--sd-field-label-height":`${e.height}px`,"--sd-field-label-gap":`${e.gap}px`,"--sd-field-label-font-size":`${e.typography.fontSize}px`,"--sd-field-label-line-height":`${e.typography.lineHeight}px`,"--sd-field-label-font-weight":e.typography.fontWeight}:{},s=t?{"--sd-field-addon-padding-x":`${f.paddingX}px`,"--sd-field-addon-font-size":`${f.typography.fontSize}px`,"--sd-field-addon-line-height":`${f.typography.lineHeight}px`,"--sd-field-addon-font-weight":f.typography.fontWeight,"--sd-field-addon-bg":f.bg,"--sd-field-addon-border-color":this.disabled?f.border.disabled:f.border.default,"--sd-field-addon-gap":`${f.gap}px`,"--sd-field-addon-border-width":`${f.border.width}px`}:{};return i("div",{key:"e37722a9afbd78654328954262d4bc458634170a",class:{"sd-field":!0,"sd-field--has-label":!!this.label,"sd-field--has-addon":!!t,[this.fieldStatus]:!!this.fieldStatus},style:{...o,...s}},i("div",{key:"38440e5f21fba28ff49fd00bfd20189af9c43707",class:"sd-field__wrapper"},this.renderLabel(this.label),i("div",{key:"b6d65e0db6667cbe9b4dd85ec72f9ecd08afa291",class:{"sd-field__control":!0,"sd-field__control--has-addon":!!t},style:this.width?{width:"number"==typeof this.width?`${this.width}px`:this.width,flex:"none"}:{}},t&&i("div",{key:"71a50d839dbbd7075c1f7f7b2daad0308ebc1225",class:"sd-field__addon"},t),i("slot",{key:"5c0696834e82eddde81c6603d26373a745a1febb"}))),this.errorMsg||this.errorMessage?i("div",{class:"sd-field__error-message"},this.errorMsg||this.errorMessage):this.hint&&i("div",{class:"sd-field__hint"},this.hint))}renderLabel(t){return t?i("label",{class:"sd-field__label"},this.icon&&i("sd-icon",{name:this.icon.name,size:this.icon.size??Number(h.sm.icon),color:this.icon.color,rotate:this.icon.rotate,class:"sd-field__label__icon"}),i("div",{class:"sd-field__label__text"},t),this.labelTooltip&&i("sd-tooltip",{class:"sd-field__label__tooltip",...this.labelTooltipProps},this.labelTooltip)):null}};u.style="sd-field{display:inline-flex;flex-flow:column nowrap;height:fit-content;width:100%}sd-field .sd-field *:focus,sd-field .sd-field *:focus-visible,sd-field .sd-field *:focus-within{outline:none !important}sd-field .sd-field:not(.sd-field--disabled):hover .sd-field__control{border:1px solid var(--sd-system-color-field-border-hover) !important;box-shadow:0px 0px 4px 0px rgba(0, 113, 255, 0.4)}sd-field .sd-field.sd-field--disabled{cursor:not-allowed}sd-field .sd-field.sd-field--disabled .sd-field__wrapper{cursor:not-allowed !important}sd-field .sd-field.sd-field--disabled .sd-field__wrapper .sd-field__label-inside{border-color:#CCCCCC;color:#888888;cursor:not-allowed !important}sd-field .sd-field.sd-field--disabled .sd-field__wrapper .sd-field__control{background-color:#E1E1E1;border-color:#CCCCCC;color:#888888;cursor:not-allowed !important}sd-field .sd-field--has-label .sd-field__wrapper .sd-field__label{display:flex;align-items:center;height:var(--sd-field-label-height);margin-right:var(--sd-system-space-field-sm-gap)}sd-field .sd-field--has-label .sd-field__wrapper .sd-field__label__icon{margin-right:var(--sd-field-label-gap)}sd-field .sd-field--has-label .sd-field__wrapper .sd-field__label__text{font-size:var(--sd-field-label-font-size);line-height:var(--sd-field-label-line-height);font-weight:var(--sd-field-label-font-weight);color:var(--sd-system-color-field-text-default);white-space:nowrap}sd-field .sd-field--has-label .sd-field__wrapper .sd-field__label__tooltip{margin-left:var(--sd-field-label-gap)}sd-field .sd-field--has-addon .sd-field__control{gap:var(--sd-field-addon-gap)}sd-field .sd-field--has-addon .sd-field__control .sd-field__addon{display:flex;align-items:center;white-space:nowrap;padding:0 var(--sd-field-addon-padding-x);font-size:var(--sd-field-addon-font-size);line-height:var(--sd-field-addon-line-height);font-weight:var(--sd-field-addon-font-weight);background:var(--sd-field-addon-bg);border-right:var(--sd-field-addon-border-width) solid var(--sd-field-addon-border-color);border-radius:calc(var(--sd-system-radius-field-sm) - 1px) 0 0 calc(var(--sd-system-radius-field-sm) - 1px)}sd-field .sd-field__wrapper{width:100%;height:var(--sd-system-size-field-sm-height);display:flex;align-items:center;flex-flow:row nowrap;position:relative;color:var(--sd-system-color-field-text-default);cursor:pointer;-webkit-user-select:none;user-select:none}sd-field .sd-field__wrapper .sd-field__control{position:relative;height:100%;display:flex;flex:1;min-width:0;border:1px solid var(--sd-system-color-field-border-default);border-radius:var(--sd-system-radius-field-sm);background:var(--sd-system-color-field-bg-default)}sd-field .sd-field--error:not(:hover) .sd-field__wrapper .sd-field__control{border:1px solid var(--sd-system-color-field-border-danger) !important}sd-field .sd-field.sd-field--focus .sd-field__wrapper .sd-field__control,sd-field .sd-field.sd-field--hover .sd-field__wrapper .sd-field__control{border:1px solid var(--sd-system-color-field-border-focus) !important;box-shadow:0px 0px 4px 0px rgba(0, 113, 255, 0.4)}sd-field .sd-field.sd-field--pass .sd-field__wrapper .sd-field__control{border:1px solid var(--sd-system-color-field-border-success) !important}sd-field .sd-field .sd-field__error-message{color:var(--sd-textinput-input-text-error-message);font-size:var(--sd-textinput-input-error-message-typography-font-size);line-height:var(--sd-textinput-input-error-message-typography-line-height);margin-top:var(--sd-textinput-input-contents-gap)}sd-field .sd-field .sd-field__hint{color:var(--sd-textinput-input-text-hint);font-size:var(--sd-textinput-input-hint-typography-font-size);line-height:var(--sd-textinput-input-hint-typography-line-height);margin-top:var(--sd-textinput-input-contents-gap)}";const c=class{constructor(o){t(this,o),this.close=e(this,"sdClose",7)}get el(){return o(this)}to="body";parentRef=null;offset=[0,0];zIndex=9999;placement="bottom";open=!1;close;container;wrapper;rafId;isInsideClick=!1;resizeObserver;mutationObserver;static ARROW_SIZE=11.2;componentDidLoad(){this.container=this.resolveContainer(),this.createWrapper(),this.moveSlotContent(),requestAnimationFrame((()=>{this.updatePosition(),this.wrapper&&(this.wrapper.style.visibility="visible")})),this.observeParent()}componentDidRender(){this.wrapper&&(this.open?(this.wrapper.style.display="block",requestAnimationFrame((()=>{this.updatePosition(),this.wrapper&&(this.wrapper.style.visibility="visible")}))):(this.wrapper.style.display="none",this.wrapper.style.visibility="hidden"))}disconnectedCallback(){this.rafId&&cancelAnimationFrame(this.rafId),this.unobserveParent(),this.wrapper?.remove()}resolveContainer(){const t="string"==typeof this.to?document.querySelector(this.to):this.to;return t instanceof HTMLElement?t:document.body}createWrapper(){this.wrapper=document.createElement("div"),Object.assign(this.wrapper.style,{position:"absolute",zIndex:(this.zIndex??9999).toString(),transition:"opacity 0.4s",top:"-9999px",left:"-9999px"}),this.container.appendChild(this.wrapper)}moveSlotContent(){this.wrapper&&Array.from(this.el.childNodes).filter((t=>t.nodeType!==Node.COMMENT_NODE)).forEach((t=>this.wrapper.appendChild(t)))}updatePosition(){this.rafId&&cancelAnimationFrame(this.rafId),this.rafId=requestAnimationFrame((()=>{if(!this.parentRef||!this.wrapper)return;const t=this.parentRef.getBoundingClientRect();if(!t.width&&!t.height)return;const[e,o]=this.offset,i=c.ARROW_SIZE;let s=0,n=0;switch(this.placement){case"top":s=t.top+window.scrollY-this.wrapper.offsetHeight+o-i,n=t.left+window.scrollX+t.width/2-this.wrapper.offsetWidth/2+e;break;case"bottom":s=t.bottom+window.scrollY+o+i,n=t.left+window.scrollX+t.width/2-this.wrapper.offsetWidth/2+e;break;case"left":s=t.top+window.scrollY+t.height/2-this.wrapper.offsetHeight/2+o,n=t.left+window.scrollX-this.wrapper.offsetWidth-e-i;break;case"right":s=t.top+window.scrollY+t.height/2-this.wrapper.offsetHeight/2+o,n=t.right+window.scrollX+e+i}Object.assign(this.wrapper.style,{top:`${s}px`,left:`${n}px`})}))}observeParent(){this.parentRef&&(this.resizeObserver=new ResizeObserver((()=>this.updatePosition())),this.resizeObserver.observe(this.parentRef),this.mutationObserver=new MutationObserver((()=>this.updatePosition())),this.mutationObserver.observe(document.body,{childList:!0,subtree:!0}))}unobserveParent(){this.resizeObserver?.disconnect(),this.mutationObserver?.disconnect()}handleMouseDown(t){this.isInsideClick=!!(this.wrapper&&this.wrapper.contains(t.target)||this.parentRef&&this.parentRef.contains(t.target))}handleWindowClick(t){this.isInsideClick?this.isInsideClick=!1:this.wrapper?.contains(t.target)||this.close.emit()}render(){return i("slot",{key:"025daba88b77d9e250893b20261bfce08f37e332"})}};c.style=".sd-floating-menu{width:fit-content;padding:12px 16px;border-radius:6px;font-size:12px;font-weight:500;line-height:20px;position:relative;box-sizing:border-box;background:var(--sd-floating-bg, #07284A);color:var(--sd-floating-content, #FFFFFF);animation:sd-floating-fade-in 0.35s ease-out}.sd-floating-menu--top{animation-name:sd-floating-slide-top}.sd-floating-menu--bottom{animation-name:sd-floating-slide-bottom}.sd-floating-menu--left{animation-name:sd-floating-slide-left}.sd-floating-menu--right{animation-name:sd-floating-slide-right}.sd-floating-menu .sd-floating-menu__arrow{color:var(--sd-floating-bg, #07284A)}.sd-floating-menu--default{background:var(--sd-floating-bg, #07284A);color:var(--sd-floating-content, #FFFFFF);font-weight:500}.sd-floating-menu--default .sd-floating-menu__arrow{color:var(--sd-floating-bg, #07284A)}.sd-floating-menu--danger{background:var(--sd-floating-bg, #FCE6E6);color:var(--sd-floating-content, #FB4444);font-weight:700}.sd-floating-menu--danger .sd-floating-menu__arrow{color:var(--sd-floating-bg, #FCE6E6)}.sd-floating-menu--warning{background:var(--sd-floating-bg, #FEF1EA);color:var(--sd-floating-content, #FF6B00);font-weight:700}.sd-floating-menu--warning .sd-floating-menu__arrow{color:var(--sd-floating-bg, #FEF1EA)}.sd-floating-menu--accent{background:var(--sd-floating-bg, #E6F1FF);color:var(--sd-floating-content, #0075FF);font-weight:700}.sd-floating-menu--accent .sd-floating-menu__arrow{color:var(--sd-floating-bg, #E6F1FF)}.sd-floating-menu__arrow{position:absolute;display:flex;width:16px;height:12px}.sd-floating-menu__arrow svg{width:100%;height:100%}.sd-floating-menu__arrow--top{bottom:-12px;left:50%;transform:translateX(-50%)}.sd-floating-menu__arrow--bottom{top:-12px;left:50%;transform:translateX(-50%) rotate(180deg)}.sd-floating-menu__arrow--left{right:-12px;top:50%;transform:translateY(-50%) rotate(-90deg)}.sd-floating-menu__arrow--right{left:-12px;top:50%;transform:translateY(-50%) rotate(90deg)}.sd-floating-menu__content{font-size:12px;line-height:20px}.sd-floating-menu__content .sd-floating-menu__title{font-size:14px;font-weight:700;line-height:24px;margin-bottom:4px}.sd-floating-menu__content .sd-floating-menu__messages{font-weight:500}.sd-floating-menu__content .sd-floating-menu__buttons{margin-top:12px;display:flex;gap:8px;align-items:center}.sd-floating-menu__content .sd-floating-menu__buttons--1{justify-content:flex-end}.sd-floating-menu__content .sd-floating-menu__buttons--2{justify-content:space-between}.sd-floating-menu--popover{padding:16px 20px}.sd-floating-menu--popover .sd-floating-menu__content{gap:4px}.sd-floating-menu--popover .sd-floating-menu__title{font-size:14px;font-weight:700;line-height:24px}.sd-floating-menu--popover .sd-floating-menu__messages{font-size:12px;font-weight:500;line-height:20px}.sd-floating-menu--closing{animation:sd-floating-fade-out 0.15s ease-in forwards}.sd-floating-menu--closing.sd-floating-menu--top{animation-name:sd-floating-slide-out-top}.sd-floating-menu--closing.sd-floating-menu--bottom{animation-name:sd-floating-slide-out-bottom}.sd-floating-menu--closing.sd-floating-menu--left{animation-name:sd-floating-slide-out-left}.sd-floating-menu--closing.sd-floating-menu--right{animation-name:sd-floating-slide-out-right}.sd-floating-menu__close-button{position:absolute;top:12px;right:12px}@keyframes sd-floating-fade-out{from{opacity:1}to{opacity:0}}@keyframes sd-floating-slide-out-top{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(4px)}}@keyframes sd-floating-slide-out-bottom{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}@keyframes sd-floating-slide-out-left{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(4px)}}@keyframes sd-floating-slide-out-right{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-4px)}}@keyframes sd-floating-fade-in{from{opacity:0}to{opacity:1}}@keyframes sd-floating-slide-top{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes sd-floating-slide-bottom{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes sd-floating-slide-left{from{opacity:0;transform:translateX(4px)}to{opacity:1;transform:translateX(0)}}@keyframes sd-floating-slide-right{from{opacity:0;transform:translateX(-4px)}to{opacity:1;transform:translateX(0)}}";var g={size:"16",icon:"12"},p={size:"24",icon:"16"},m={size:"28",icon:"20"},v={size:"36",icon:"24"},y={size:"62",icon:"36"},x="4",_={opacity:"5%"},w={disabled:"#BBBBBB"},z={content:"#888888",hover:{bg:"#222222"}},k={content:"#E30000",hover:{bg:"#E30000"}},F={content:"#025497",hover:{bg:"#0075FF"}};const C={xxs:{size:Number(g.size),icon:Number(g.icon)},xs:{size:Number(p.size),icon:Number(p.icon)},sm:{size:Number(m.size),icon:Number(m.icon)},md:{size:Number(v.size),icon:Number(v.icon)},lg:{size:Number(y.size),icon:Number(y.icon)}},E=Number(x),$=_.opacity,A={default:z.content,danger:k.content,action:F.content},B={default:z.hover.bg,danger:k.hover.bg,action:F.hover.bg},N=w.disabled,M=class{constructor(o){t(this,o),this.click=e(this,"sdClick",7)}icon;size="sm";intent="default";ariaLabel="";disabled=!1;click;hasWarnedMissingAriaLabel=!1;handleClick=t=>{this.disabled?t.preventDefault():this.click.emit(t)};componentWillRender(){this.warnIfMissingAriaLabel()}warnIfMissingAriaLabel(){this.ariaLabel.trim()?this.hasWarnedMissingAriaLabel=!1:this.hasWarnedMissingAriaLabel||(console.warn(`[sd-ghost-button] icon-only buttons require \`ariaLabel\`. Received icon="${this.icon}".`),this.hasWarnedMissingAriaLabel=!0)}render(){const t=C[this.size],e=this.disabled?N:A[this.intent],o=this.ariaLabel.trim()||void 0;return i("button",{key:"8d6aa7e82d3e3f31638e98870283723fdb87e0e2",class:{"sd-ghost-button":!0,"sd-ghost-button--disabled":this.disabled},type:"button",disabled:this.disabled,"aria-label":o,style:{"--sd-ghost-button-size":`${t.size}px`,"--sd-ghost-button-radius":`${E}px`,"--sd-ghost-button-hover-bg":B[this.intent],"--sd-ghost-button-hover-opacity":$,"--sd-ghost-button-accent":"#0075FF"},onClick:this.handleClick},i("sd-icon",{key:"d858b173e3f93c49703b31cde6be4fa81440ae7a",name:this.icon,size:t.icon,color:e}))}};M.style='sd-ghost-button{display:inline-flex;width:fit-content;height:fit-content}.sd-ghost-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--sd-ghost-button-size);height:var(--sd-ghost-button-size);padding:0;border:none;border-radius:var(--sd-ghost-button-radius);background:transparent;cursor:pointer;box-sizing:border-box;transition:box-shadow 0.2s ease;-webkit-user-select:none;user-select:none}.sd-ghost-button::before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--sd-ghost-button-hover-bg);opacity:0;transition:opacity 0.2s ease;pointer-events:none}.sd-ghost-button:hover:not(.sd-ghost-button--disabled)::before{opacity:var(--sd-ghost-button-hover-opacity)}.sd-ghost-button:focus-visible{outline:0;box-shadow:0 0 0 2px var(--sd-ghost-button-accent)}.sd-ghost-button--disabled{cursor:not-allowed}';var T={bg:"#07284A",content:"#FFFFFF"},L={bg:"#FCEFEF",content:"#FB4444"},S={bg:"#FEF1EA",content:"#FF6B00"},j={bg:"#E6F1FF",content:"#0075FF"};const R={default:{bg:T.bg,content:T.content},danger:{bg:L.bg,content:L.content},warning:{bg:S.bg,content:S.content},accent:{bg:j.bg,content:j.content}},H=class{constructor(e){t(this,e)}get el(){return o(this)}trigger="hover";placement="top";color="#01BB4B";tooltipType="default";icon="helpOutline";iconSize=12;label="";buttonSize="sm";buttonVariant="primary";noHover=!0;sdClass="";showTooltip=!1;slotContentHTML="";buttonEl;menuEl;hideTimeout;closeTimeout;static CLOSE_ANIM_MS=150;show=()=>{this.cancelHideTimer(),this.showTooltip=!0,this.menuEl&&this.menuEl.classList.remove("sd-floating-menu--closing")};hide=()=>{this.menuEl&&this.menuEl.classList.add("sd-floating-menu--closing"),this.closeTimeout=setTimeout((()=>{this.showTooltip=!1}),H.CLOSE_ANIM_MS)};startHideTimer=()=>{this.hideTimeout=setTimeout((()=>this.hide()),100)};cancelHideTimer=()=>{this.hideTimeout&&(clearTimeout(this.hideTimeout),this.hideTimeout=void 0),this.closeTimeout&&(clearTimeout(this.closeTimeout),this.closeTimeout=void 0)};get tooltipOffset(){switch(this.placement??"top"){case"top":return[0,-4];case"bottom":return[0,4];case"left":case"right":return[4,0]}}handleClose=()=>this.hide();componentWillLoad(){this.slotContentHTML=this.el.innerHTML,this.el.replaceChildren(),this.el.classList.toggle("visible",!0)}render(){const t=this.trigger??"hover",e=this.placement??"top",o=this.tooltipType??"default",n=this.icon??"helpOutline",d=this.color??"#01BB4B",r=R[o]??R.default,l=()=>this.showTooltip=!this.showTooltip;return i(s,{key:"45662c35d1eb8cd1f23e0c62646a02fd244fee13"},i("div",{key:"7f04bfcc31aecad132ce95eeb1a6d936f79189ee",class:`sd-tooltip-trigger ${this.sdClass||""}`,..."hover"===t?{onMouseEnter:()=>this.show(),onMouseLeave:()=>this.startHideTimer()}:this.label?{}:{onClick:l}},this.label?i("sd-button",{ref:t=>this.buttonEl=t,label:this.label,icon:n,size:this.buttonSize??"sm",color:d,variant:this.buttonVariant??"primary",class:"sd-tooltip",..."click"===t&&this.label?{onSdClick:l}:{}}):i("sd-icon",{ref:t=>this.buttonEl=t,name:n,size:this.iconSize??12,color:d,class:"sd-tooltip"})),this.showTooltip&&i("sd-floating-portal",{key:"95c16d600733dca5f40d06b222b422bd48ddb2dd",parentRef:this.buttonEl,onSdClose:this.handleClose.bind(this),placement:e,offset:this.tooltipOffset},i("div",{key:"84b63cb44fbe9e7a81e033acde6be32b72ed24ba",ref:t=>this.menuEl=t,class:{"sd-floating-menu":!0,[`sd-floating-menu--${o}`]:!0,[`sd-floating-menu--${e}`]:!0},style:{"--sd-floating-bg":r.bg,"--sd-floating-content":r.content},onMouseEnter:()=>this.show(),onMouseLeave:()=>this.startHideTimer()},i("i",{key:"c05e9ecb128e780f3596e8e17b6796255e21b61e",class:`sd-floating-menu__arrow sd-floating-menu__arrow--${e}`},i(a,{key:"fa56346eb836456d4a646cd2d3959e2c4c98c2d7"})),i("div",{key:"926e918d55db0f79e5e776b341fe4d0d6b0bf574",class:"sd-floating-menu__content",innerHTML:this.slotContentHTML}))))}};H.style="sd-tooltip{visibility:hidden !important;display:inline-flex}sd-tooltip.visible{visibility:visible !important}sd-tooltip .sd-tooltip-trigger{display:inline-flex;position:relative;cursor:pointer;align-items:center;justify-content:center}";export{l as sd_button,u as sd_field,c as sd_floating_portal,M as sd_ghost_button,H as sd_tooltip}