@sellmate/design-system 1.0.21 → 1.0.22

package/dist/components/p-CWlCxabU.js

@@ -0,0 +1 @@
+import{p as t,H as s,c as e,h as i,t as n}from"./p-CDehvEQ5.js";const o=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.close=e(this,"sdClose")}get hostEl(){return this}to="body";parentRef=null;offset=[0,4];zIndex=9999;open=!1;close;container;wrapper;rafId;isInsideClick=!1;handleObservedScroll=()=>this.updatePosition();resizeObserver;mutationObserver;scrollParents=[];isObserved=!1;handleOpenChange(){this.syncPortalState()}componentDidLoad(){this.container=this.resolveContainer(),this.syncPortalState()}componentDidRender(){this.syncPortalState()}disconnectedCallback(){if(this.unobserveParent(),this.wrapper?.parentNode)try{this.wrapper.parentNode.removeChild(this.wrapper)}catch{}}resolveContainer(){const t="string"==typeof this.to?document.querySelector(this.to):this.to;return t instanceof s?t:document.body}createWrapper(){this.wrapper=document.createElement("div"),Object.assign(this.wrapper.style,{position:"absolute",zIndex:this.zIndex.toString(),transition:"opacity 0.4s"}),this.container.appendChild(this.wrapper)}ensureWrapper(){this.wrapper||(this.container||=this.resolveContainer(),this.createWrapper(),this.moveSlotContent())}syncPortalState(){if(!this.open)return this.wrapper&&(this.wrapper.style.display="none"),void this.unobserveParent();this.ensureWrapper(),this.wrapper&&(this.wrapper.style.display="block",this.observeParent(),this.updatePosition())}moveSlotContent(){this.wrapper&&Array.from(this.hostEl.childNodes).filter((t=>t.nodeType!==Node.COMMENT_NODE)).forEach((t=>this.wrapper.appendChild(t)))}updatePosition(){this.rafId&&cancelAnimationFrame(this.rafId),this.rafId=requestAnimationFrame((()=>{if(!this.parentRef||!this.wrapper)return;const t=this.parentRef.getBoundingClientRect(),s=this.wrapper.getBoundingClientRect(),e=window.innerWidth,i=window.innerHeight;let n=t.bottom+window.scrollY+this.offset[1],o=t.left+window.scrollX+this.offset[0];t.bottom+s.height+this.offset[1]>i&&(n=t.top+window.scrollY-s.height-this.offset[1]),n<window.scrollY&&(n=t.bottom+window.scrollY+this.offset[1]),t.left+s.width+this.offset[0]>e&&(o=t.right+window.scrollX-s.width-this.offset[0]),o<0&&(o=this.offset[0]),this.wrapper.style.top=`${n}px`,this.wrapper.style.left=`${o}px`}))}observeParent(){this.parentRef&&!this.isObserved&&(this.observeScrollParents(this.parentRef),"undefined"!=typeof ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>this.updatePosition())),this.resizeObserver.observe(this.parentRef)),"undefined"!=typeof MutationObserver&&(this.mutationObserver=new MutationObserver((()=>this.updatePosition())),this.mutationObserver.observe(document.body,{childList:!0,subtree:!0})),this.isObserved=!0)}unobserveParent(){this.isObserved&&(this.unobserveScrollParents(),this.resizeObserver?.disconnect(),this.resizeObserver=void 0,this.mutationObserver?.disconnect(),this.mutationObserver=void 0,this.isObserved=!1)}observeScrollParents(t){const s=this.getScrollParents(t);s.forEach((t=>{t.addEventListener("scroll",this.handleObservedScroll,{passive:!0})})),this.scrollParents=s}unobserveScrollParents(){this.scrollParents.forEach((t=>{t.removeEventListener("scroll",this.handleObservedScroll)})),this.scrollParents=[]}getScrollParents(t){const s=[];let e=t.parentElement;for(;e;){const{overflow:t,overflowX:i,overflowY:n}=getComputedStyle(e);[t,i,n].some((t=>/(auto|scroll|overlay)/.test(t)))&&s.push(e),e=e.parentElement}return s}handleMouseDown(t){this.isInsideClick=!(!this.wrapper||!this.wrapper.contains(t.target))}handleWindowClick(t){this.isInsideClick?this.isInsideClick=!1:this.wrapper?.contains(t.target)||this.close.emit()}render(){return i("slot",{key:"be76727404b0172e1049ae572acf4eacd4ea4a25"})}static get watchers(){return{open:[{handleOpenChange:0}]}}},[772,"sd-portal",{to:[1],parentRef:[16],offset:[16],zIndex:[2,"z-index"],open:[4]},[[9,"scroll","updatePosition"],[9,"resize","updatePosition"],[9,"mousedown","handleMouseDown"],[8,"click","handleWindowClick"]],{open:[{handleOpenChange:0}]}]);function h(){"undefined"!=typeof customElements&&["sd-portal"].forEach((t=>{"sd-portal"===t&&(customElements.get(n(t))||customElements.define(n(t),o))}))}export{o as S,h as d}

package/dist/components/p-Cy6HMEsK.js

@@ -0,0 +1 @@
+class t{isSearchable;filteredOptions;constructor(t,e){this.isSearchable=t,this.filteredOptions=e}getNavigationBounds(){return{minIndex:this.isSearchable?-1:0,maxIndex:this.filteredOptions.length-1}}getNextIndex(t,e){const{minIndex:n,maxIndex:s}=this.getNavigationBounds();return"ArrowUp"===e?t>n?t-1:s:t<s?t+1:n}}export{t as S}

package/dist/components/{p-C1XPuuO-.js → p-CysnHGj4.js}

@@ -1 +1 @@
-import{p as e,H as t,c as s,h as o,t as i}from"./p-CDehvEQ5.js";import{d}from"./p-CHAh-_qx.js";import{d as r}from"./p-J-Yn0oS3.js";import{d as n}from"./p-CWg2auF3.js";import{d as c}from"./p-MmKik3mL.js";import{d as l}from"./p-CbQobmaB.js";import{d as a}from"./p-BVFlD1Lp.js";import{d as h}from"./p-Cef06v8S.js";import{d as p}from"./p-CU5TiEeI.js";import{d as m}from"./p-D35gOcGh.js";const u=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.optionClick=s(this,"sdOptionClick"),this.optionFiltered=s(this,"sdOptionFiltered"),this.scroll=s(this,"sdScroll")}itemIndex;value=null;options;width;dropdownHeight;searchable;optionPlaceholder;useCheckbox=!1;useAll=!1;filteredOptions=this.options;searchText=null;isScrolled=!1;isDropdownReady=!1;optionClick;optionFiltered;scroll;filteredOptionsChanged(e){this.optionFiltered.emit(e)}searchTextChanged(){this.filterOptions()}async itemIndexChanged(e,t){if(this.searchable){const e=await this.getNativeInputElement();if(-1===this.itemIndex)return void e?.focus({preventScroll:!0});e?.matches(":focus")&&e?.blur()}const s=this.dropdownRef?.querySelectorAll(".sd-select-dropdown sd-select-option")||[],o=s?.[this.itemIndex];o&&(this.optionRef=o,await this.optionRef.sdIsDisabled()?e>t?this.itemIndex++:this.itemIndex--:this.scrollToOption(o))}componentWillLoad(){this.filteredOptions=this.options,requestAnimationFrame((()=>{requestAnimationFrame((async()=>{const e=this.getSelectedOption();if(e){const t=Array.isArray(e)?this.options.indexOf(e[0]):this.options.indexOf(e),s=Array.from(this.dropdownRef?.querySelectorAll("sd-select-option")||[]),o=Math.min((this.useAll?t+1:t)+4,s.length-1),i=s?.[o];i&&this.scrollToOption(i,"instant")}if(this.isDropdownReady=!0,this.searchable){const e=await this.getNativeInputElement();e&&requestAnimationFrame((()=>{e.focus({preventScroll:!0})}))}}))}))}dropdownRef;searchRef;optionRef;get dropdownSize(){return{"--select-dropdown-width":this.width||"200px","--select-dropdown-height":this.dropdownHeight||"260px"}}filterOptions(){this.filteredOptions=this.searchText&&""!==this.searchText.trim()?this.options.filter((e=>e.label.toLowerCase().includes(this.searchText.toLowerCase()))):this.options}getSelectedOption(){return"object"!=typeof this.value?this.options.find((e=>e.value===this.value)):this.options.filter((e=>this.value?.includes(e)))}isOptionSelected(e){return Array.isArray(this.value)?this.value.some((t=>t.value===e)):e===this.value}async getNativeInputElement(){return this.searchRef?this.searchRef.sdGetNativeElement():null}scrollToOption(e,t="smooth"){if(!this.dropdownRef||!e)return;const s=this.dropdownRef,o=e.offsetTop,i=e.offsetHeight,d=s.scrollTop,r=s.clientHeight,n=s.querySelector(".sd-select-search-input"),c=n?n.offsetHeight:0,l=d+r;o<d+c?s.scrollTo({top:o-c,behavior:t}):o+i>l&&s.scrollTo({top:o+i-r+c,behavior:t})}handleDropdownScroll=e=>{this.isScrolled=e.target.scrollTop>0};render(){return o("div",{key:"ff55e2e133114accc2641a0025bdcf551eda3511",class:{"sd-select-dropdown":!0,"sd-select-dropdown--ready":this.isDropdownReady},style:this.dropdownSize,onScroll:this.handleDropdownScroll,ref:e=>this.dropdownRef=e},this.searchable&&o("sd-select-search-input",{key:"bfcee14aa06a9a259dd8e67013ed1074c1f9c318",ref:e=>this.searchRef=e,isScrolled:this.isScrolled,searchText:this.searchText,onSdSearchInput:e=>this.searchText=e.detail||"",onSdSearchFocus:()=>this.itemIndex=-1}),this.filteredOptions.length>0?this.filteredOptions.map(((e,t)=>o("slot",{name:`option-${e.value}`},o("sd-select-option",{option:e,index:t,isSelected:this.isOptionSelected(e.value),isFocused:t===this.itemIndex,onOptionClick:({detail:e})=>this.optionClick.emit(e),useCheckbox:this.useCheckbox})))):o("slot",{name:"option-placeholder"},o("div",{class:"sd-select-option-placeholder"},this.optionPlaceholder)))}static get watchers(){return{filteredOptions:[{filteredOptionsChanged:0}],searchText:[{searchTextChanged:0}],itemIndex:[{itemIndexChanged:0}]}}static get style(){return".sd-select-dropdown{overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.sd-select-dropdown::-webkit-scrollbar{opacity:0;background:#E5E5E5}.sd-select-dropdown::-webkit-scrollbar:horizontal{height:8px}.sd-select-dropdown::-webkit-scrollbar:vertical{width:8px}.sd-select-dropdown::-webkit-scrollbar-thumb{height:80px;background-color:#CCCCCC;border-radius:4px}.sd-select-dropdown::-webkit-scrollbar-track{background-color:transparent}.sd-select-dropdown .sd-select-option-placeholder{height:48px;display:flex;align-items:center;padding:8px 16px;font-size:12px;line-height:0;text-align:left;color:#888888}.sd-select-dropdown{min-width:fit-content;width:var(--select-dropdown-width, 200px);max-height:var(--select-dropdown-height, 260px);padding-bottom:2px;background-color:white;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.1);border-radius:4px;overflow-y:auto;color:#333333;display:flex;flex-direction:column;opacity:0.5;transition:opacity 0.15s ease-in}.sd-select-dropdown--ready{opacity:1}"}},[772,"sd-select-dropdown",{itemIndex:[1026,"item-index"],value:[8],options:[16],width:[1],dropdownHeight:[1,"dropdown-height"],searchable:[4],optionPlaceholder:[1,"option-placeholder"],useCheckbox:[4,"use-checkbox"],useAll:[4,"use-all"],filteredOptions:[32],searchText:[32],isScrolled:[32],isDropdownReady:[32]},void 0,{filteredOptions:[{filteredOptionsChanged:0}],searchText:[{searchTextChanged:0}],itemIndex:[{itemIndexChanged:0}]}]);function f(){"undefined"!=typeof customElements&&["sd-select-dropdown","sd-button","sd-checkbox","sd-field","sd-floating-portal","sd-icon","sd-input","sd-select-option","sd-select-search-input","sd-tooltip"].forEach((e=>{switch(e){case"sd-select-dropdown":customElements.get(i(e))||customElements.define(i(e),u);break;case"sd-button":customElements.get(i(e))||d();break;case"sd-checkbox":customElements.get(i(e))||r();break;case"sd-field":customElements.get(i(e))||n();break;case"sd-floating-portal":customElements.get(i(e))||c();break;case"sd-icon":customElements.get(i(e))||l();break;case"sd-input":customElements.get(i(e))||a();break;case"sd-select-option":customElements.get(i(e))||h();break;case"sd-select-search-input":customElements.get(i(e))||p();break;case"sd-tooltip":customElements.get(i(e))||m()}}))}export{u as S,f as d}
+import{p as e,H as t,c as s,h as o,t as i}from"./p-CDehvEQ5.js";import{d}from"./p-Hvt2oWRk.js";import{d as r}from"./p-DExqkuUY.js";import{d as n}from"./p-DZqrfwuw.js";import{d as l}from"./p-DF2wExtn.js";import{d as c}from"./p-CAJmL8nc.js";import{d as a}from"./p-DYsHXden.js";import{d as h}from"./p-JyVgfdnC.js";import{d as p}from"./p-DyeU47vV.js";import{d as m}from"./p-DFgtwoFG.js";const u=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.optionClick=s(this,"sdOptionClick"),this.optionFiltered=s(this,"sdOptionFiltered"),this.scroll=s(this,"sdScroll")}itemIndex;value=null;options;width;dropdownHeight;searchable;optionPlaceholder;useCheckbox=!1;useAll=!1;filteredOptions=this.options;searchText=null;isScrolled=!1;isDropdownReady=!1;optionClick;optionFiltered;scroll;filteredOptionsChanged(e){this.optionFiltered.emit(e)}searchTextChanged(){this.filterOptions()}async itemIndexChanged(e,t){if(this.searchable){const e=await this.getNativeInputElement();if(-1===this.itemIndex)return void e?.focus({preventScroll:!0});e?.matches(":focus")&&e?.blur()}const s=this.dropdownRef?.querySelectorAll(".sd-select-dropdown sd-select-option")||[],o=s?.[this.itemIndex];o&&(this.optionRef=o,await this.optionRef.sdIsDisabled()?e>t?this.itemIndex++:this.itemIndex--:this.scrollToOption(o))}componentWillLoad(){this.filteredOptions=this.options,requestAnimationFrame((()=>{requestAnimationFrame((async()=>{const e=this.getSelectedOption();if(e){const t=Array.isArray(e)?this.options.indexOf(e[0]):this.options.indexOf(e),s=Array.from(this.dropdownRef?.querySelectorAll("sd-select-option")||[]),o=Math.min((this.useAll?t+1:t)+4,s.length-1),i=s?.[o];i&&this.scrollToOption(i,"instant")}if(this.isDropdownReady=!0,this.searchable){const e=await this.getNativeInputElement();e&&requestAnimationFrame((()=>{e.focus({preventScroll:!0})}))}}))}))}dropdownRef;searchRef;optionRef;get dropdownSize(){return{"--select-dropdown-width":this.width||"200px","--select-dropdown-height":this.dropdownHeight||"260px"}}filterOptions(){this.filteredOptions=this.searchText&&""!==this.searchText.trim()?this.options.filter((e=>e.label.toLowerCase().includes(this.searchText.toLowerCase()))):this.options}getSelectedOption(){return"object"!=typeof this.value?this.options.find((e=>e.value===this.value)):this.options.filter((e=>this.value?.includes(e)))}isOptionSelected(e){return Array.isArray(this.value)?this.value.some((t=>t.value===e)):e===this.value}async getNativeInputElement(){return this.searchRef?this.searchRef.sdGetNativeElement():null}scrollToOption(e,t="smooth"){if(!this.dropdownRef||!e)return;const s=this.dropdownRef,o=e.offsetTop,i=e.offsetHeight,d=s.scrollTop,r=s.clientHeight,n=s.querySelector(".sd-select-search-input"),l=n?n.offsetHeight:0,c=d+r;o<d+l?s.scrollTo({top:o-l,behavior:t}):o+i>c&&s.scrollTo({top:o+i-r+l,behavior:t})}handleDropdownScroll=e=>{this.isScrolled=e.target.scrollTop>0};render(){return o("div",{key:"d69eabae6b1769212fb4755413de8e54ede8a213",class:{"sd-select-dropdown":!0,"sd-select-dropdown--ready":this.isDropdownReady},style:this.dropdownSize,onScroll:this.handleDropdownScroll,ref:e=>this.dropdownRef=e},this.searchable&&o("sd-select-search-input",{key:"7e9937e5b38a038b4b7bb0cd09ef4a69a336c673",ref:e=>this.searchRef=e,isScrolled:this.isScrolled,searchText:this.searchText,onSdSearchInput:e=>this.searchText=e.detail||"",onSdSearchFocus:()=>this.itemIndex=-1}),this.filteredOptions.length>0?this.filteredOptions.map(((e,t)=>o("slot",{name:`option-${e.value}`},o("sd-select-option",{option:e,index:t,isSelected:this.isOptionSelected(e.value),isFocused:t===this.itemIndex,onOptionClick:({detail:e})=>this.optionClick.emit(e),useCheckbox:this.useCheckbox})))):o("slot",{name:"option-placeholder"},o("div",{class:"sd-select-option-placeholder"},this.optionPlaceholder)))}static get watchers(){return{filteredOptions:[{filteredOptionsChanged:0}],searchText:[{searchTextChanged:0}],itemIndex:[{itemIndexChanged:0}]}}static get style(){return".sd-select-dropdown{overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.sd-select-dropdown::-webkit-scrollbar{opacity:0;background:#E5E5E5}.sd-select-dropdown::-webkit-scrollbar:horizontal{height:8px}.sd-select-dropdown::-webkit-scrollbar:vertical{width:8px}.sd-select-dropdown::-webkit-scrollbar-thumb{height:80px;background-color:#CCCCCC;border-radius:4px}.sd-select-dropdown::-webkit-scrollbar-track{background-color:transparent}.sd-select-dropdown .sd-select-option-placeholder{height:48px;display:flex;align-items:center;padding:8px 16px;font-size:12px;line-height:0;text-align:left;color:#888888}.sd-select-dropdown{min-width:fit-content;width:var(--select-dropdown-width, 200px);max-height:var(--select-dropdown-height, 260px);padding-bottom:2px;background-color:white;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.1);border-radius:4px;overflow-y:auto;color:#333333;display:flex;flex-direction:column;opacity:0.5;transition:opacity 0.15s ease-in}.sd-select-dropdown--ready{opacity:1}"}},[772,"sd-select-dropdown",{itemIndex:[1026,"item-index"],value:[8],options:[16],width:[1],dropdownHeight:[1,"dropdown-height"],searchable:[4],optionPlaceholder:[1,"option-placeholder"],useCheckbox:[4,"use-checkbox"],useAll:[4,"use-all"],filteredOptions:[32],searchText:[32],isScrolled:[32],isDropdownReady:[32]},void 0,{filteredOptions:[{filteredOptionsChanged:0}],searchText:[{searchTextChanged:0}],itemIndex:[{itemIndexChanged:0}]}]);function w(){"undefined"!=typeof customElements&&["sd-select-dropdown","sd-button","sd-checkbox","sd-field","sd-floating-portal","sd-icon","sd-input","sd-select-option","sd-select-search-input","sd-tooltip"].forEach((e=>{switch(e){case"sd-select-dropdown":customElements.get(i(e))||customElements.define(i(e),u);break;case"sd-button":customElements.get(i(e))||d();break;case"sd-checkbox":customElements.get(i(e))||r();break;case"sd-field":customElements.get(i(e))||n();break;case"sd-floating-portal":customElements.get(i(e))||l();break;case"sd-icon":customElements.get(i(e))||c();break;case"sd-input":customElements.get(i(e))||a();break;case"sd-select-option":customElements.get(i(e))||h();break;case"sd-select-search-input":customElements.get(i(e))||p();break;case"sd-tooltip":customElements.get(i(e))||m()}}))}export{u as S,w as d}

package/dist/components/{p-qSu-ayDy.js → p-D4kmO3k7.js}

@@ -1 +1 @@
-import{p as e,H as s,h as t,F as n,t as r}from"./p-CDehvEQ5.js";import{r as o}from"./p-DUqcOPNn.js";const i=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost()}color="#0075ff";get resolvedColor(){return o(this.color)}render(){return t(n,{key:"c3b3448fcc65334af3246f80157b195ec5595afe"},t("svg",{key:"24701b65d17e56434cf46b72dbd5acec208b5dc8",class:"sd-loading-spinner",width:"72px",height:"72px",viewBox:"25 25 50 50",style:{color:this.resolvedColor}},t("circle",{key:"e19c68c082348d36eecd05fa561eee91182349f2",class:"path",cx:"50",cy:"50",r:"20",fill:"none",stroke:"currentColor","stroke-width":"5","stroke-miterlimit":"10"})))}static get style(){return"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}}"}},[512,"sd-loading-spinner",{color:[1]}]);function a(){"undefined"!=typeof customElements&&["sd-loading-spinner"].forEach((e=>{"sd-loading-spinner"===e&&(customElements.get(r(e))||customElements.define(r(e),i))}))}export{i as S,a as d}
+import{p as e,H as s,h as t,F as n,t as r}from"./p-CDehvEQ5.js";import{r as o}from"./p-DUqcOPNn.js";const i=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost()}color="#0075ff";get resolvedColor(){return o(this.color)}render(){return t(n,{key:"1a4edb8be9cc83ab900cd615ee30958d9822e98b"},t("svg",{key:"634070026b58303bf3423b10f37ed6603179b9b1",class:"sd-loading-spinner",width:"72px",height:"72px",viewBox:"25 25 50 50",style:{color:this.resolvedColor}},t("circle",{key:"fda3f7e4f787176f6030e19a3f2c1dd59326d35a",class:"path",cx:"50",cy:"50",r:"20",fill:"none",stroke:"currentColor","stroke-width":"5","stroke-miterlimit":"10"})))}static get style(){return"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}}"}},[512,"sd-loading-spinner",{color:[1]}]);function a(){"undefined"!=typeof customElements&&["sd-loading-spinner"].forEach((e=>{"sd-loading-spinner"===e&&(customElements.get(r(e))||customElements.define(r(e),i))}))}export{i as S,a as d}

package/dist/components/{p-DdOM8yc2.js → p-DB52ADSW.js}

@@ -1 +1 @@
-import{p as t,H as n,c as i,h as a,F as e,t as s}from"./p-CDehvEQ5.js";import{d as o}from"./p-CbQobmaB.js";const r={1:26,2:36,3:42,4:50,5:58},p=10,l=t(class extends n{constructor(t){super(),!1!==t&&this.__registerHost(),this.pageChange=i(this,"sdPageChange")}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,n=Math.min(t+p-1,this.lastPage);return Array.from({length:n-t+1},((n,i)=>t+i))}get buttonWidth(){const t=(this.pageNumbers.at(-1)??1).toString().length;return r[t]||r[1]}handlePageChange(t){t<1||t>this.lastPage||(this.currentPage=t,this.pageChange.emit(t))}handleGroupChange(t){const n=Math.min(Math.max(this.currentPage+("forward"===t?p:-10),1),this.lastPage);this.handlePageChange(n)}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:a(e,null,a("button",{"aria-label":"Go to first page",onClick:()=>this.handlePageChange(1)},a("sd-icon",{name:"arrowLeftEnd",size:"12",color:"#222222"})),a("button",{"aria-label":"Go to previous page",onClick:()=>this.handlePageChange(this.currentPage-1)},a("sd-icon",{name:"arrowLeft",size:"12",color:"#222222"}))):this.isFirstGroup?void 0:a(e,null,a("button",{"aria-label":"Go to first page",onClick:()=>this.handlePageChange(1)},a("sd-icon",{name:"arrowLeftEnd",size:"12",color:"#222222"})),a("button",{"aria-label":"Go to previous page group",onClick:()=>this.handleGroupChange("backward")},a("sd-icon",{name:"arrowLeft",size:"12",color:"#222222"})))}renderNextButtons(){return this.simple?this.currentPage>=this.lastPage?null:a(e,null,a("button",{"aria-label":"Go to next page",onClick:()=>this.handlePageChange(this.currentPage+1)},a("sd-icon",{name:"arrowRight",size:"12",color:"#222222"})),a("button",{"aria-label":"Go to last page",onClick:()=>this.handlePageChange(this.lastPage)},a("sd-icon",{name:"arrowRightEnd",size:"12",color:"#222222"}))):this.isLastGroup?void 0:a(e,null,a("button",{"aria-label":"Go to next page group",onClick:()=>this.handleGroupChange("forward")},a("sd-icon",{name:"arrowRight",size:"12",color:"#222222"})),a("button",{"aria-label":"Go to last page",onClick:()=>this.handlePageChange(this.lastPage)},a("sd-icon",{name:"arrowRightEnd",size:"12",color:"#222222"})))}render(){return a("div",{key:"feed08139c382f91539bc316a967ed1738529688",class:this.paginationClasses},a("div",{key:"42c908d7a685f2acab29a94d040e4f4c513fff38",class:"prepend-btns"},this.renderPrevButtons()),this.simple?a("div",{class:"pagination-info"},a("span",{class:"current-page"},this.currentPage),a("span",null,"/"),a("span",{class:"last-page"},this.lastPage)):this.pageNumbers.map((t=>a("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))),a("div",{key:"2be11ae773c0bce71ecaf53f99daff3f5b2d567d",class:"append-btns"},this.renderNextButtons()))}static get style(){return".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}"}},[512,"sd-pagination",{currentPage:[2,"current-page"],lastPage:[2,"last-page"],simple:[4]}]);function d(){"undefined"!=typeof customElements&&["sd-pagination","sd-icon"].forEach((t=>{switch(t){case"sd-pagination":customElements.get(s(t))||customElements.define(s(t),l);break;case"sd-icon":customElements.get(s(t))||o()}}))}export{l as S,d}
+import{p as t,H as n,c as i,h as a,F as e,t as s}from"./p-CDehvEQ5.js";import{d as o}from"./p-CAJmL8nc.js";const r={1:26,2:36,3:42,4:50,5:58},p=10,l=t(class extends n{constructor(t){super(),!1!==t&&this.__registerHost(),this.pageChange=i(this,"sdPageChange")}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,n=Math.min(t+p-1,this.lastPage);return Array.from({length:n-t+1},((n,i)=>t+i))}get buttonWidth(){const t=(this.pageNumbers.at(-1)??1).toString().length;return r[t]||r[1]}handlePageChange(t){t<1||t>this.lastPage||(this.currentPage=t,this.pageChange.emit(t))}handleGroupChange(t){const n=Math.min(Math.max(this.currentPage+("forward"===t?p:-10),1),this.lastPage);this.handlePageChange(n)}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:a(e,null,a("button",{"aria-label":"Go to first page",onClick:()=>this.handlePageChange(1)},a("sd-icon",{name:"arrowLeftEnd",size:"12",color:"#222222"})),a("button",{"aria-label":"Go to previous page",onClick:()=>this.handlePageChange(this.currentPage-1)},a("sd-icon",{name:"arrowLeft",size:"12",color:"#222222"}))):this.isFirstGroup?void 0:a(e,null,a("button",{"aria-label":"Go to first page",onClick:()=>this.handlePageChange(1)},a("sd-icon",{name:"arrowLeftEnd",size:"12",color:"#222222"})),a("button",{"aria-label":"Go to previous page group",onClick:()=>this.handleGroupChange("backward")},a("sd-icon",{name:"arrowLeft",size:"12",color:"#222222"})))}renderNextButtons(){return this.simple?this.currentPage>=this.lastPage?null:a(e,null,a("button",{"aria-label":"Go to next page",onClick:()=>this.handlePageChange(this.currentPage+1)},a("sd-icon",{name:"arrowRight",size:"12",color:"#222222"})),a("button",{"aria-label":"Go to last page",onClick:()=>this.handlePageChange(this.lastPage)},a("sd-icon",{name:"arrowRightEnd",size:"12",color:"#222222"}))):this.isLastGroup?void 0:a(e,null,a("button",{"aria-label":"Go to next page group",onClick:()=>this.handleGroupChange("forward")},a("sd-icon",{name:"arrowRight",size:"12",color:"#222222"})),a("button",{"aria-label":"Go to last page",onClick:()=>this.handlePageChange(this.lastPage)},a("sd-icon",{name:"arrowRightEnd",size:"12",color:"#222222"})))}render(){return a("div",{key:"1adbe18d363ff7946e900929d0dfaec1a1807d45",class:this.paginationClasses},a("div",{key:"104eb4ac5fa9e8564c8730f34aefca4e0ac31cc6",class:"prepend-btns"},this.renderPrevButtons()),this.simple?a("div",{class:"pagination-info"},a("span",{class:"current-page"},this.currentPage),a("span",null,"/"),a("span",{class:"last-page"},this.lastPage)):this.pageNumbers.map((t=>a("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))),a("div",{key:"e596b6a182e22ae4a8e95d5babb548d3bfba373d",class:"append-btns"},this.renderNextButtons()))}static get style(){return".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}"}},[512,"sd-pagination",{currentPage:[2,"current-page"],lastPage:[2,"last-page"],simple:[4]}]);function d(){"undefined"!=typeof customElements&&["sd-pagination","sd-icon"].forEach((t=>{switch(t){case"sd-pagination":customElements.get(s(t))||customElements.define(s(t),l);break;case"sd-icon":customElements.get(s(t))||o()}}))}export{l as S,d}

package/dist/components/{p-J-Yn0oS3.js → p-DExqkuUY.js}

@@ -1 +1 @@
-import{p as e,H as c,c as s,h as d,t as o}from"./p-CDehvEQ5.js";import{d as h}from"./p-CbQobmaB.js";const t=e(class extends c{constructor(e){super(),!1!==e&&this.__registerHost(),this.update=s(this,"sdUpdate")}get el(){return this}value;val;disabled=!1;label="";isChecked=!1;update;componentWillLoad(){this.updateCheckedState(this.value)}componentWillRender(){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)}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&&console.warn('A "val" property is required when using an array for the "value" property.');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 d("label",{key:"b4f1e82e461cfc649a1bc5414fb55bcd8ea9c87d","aria-label":this.label||"checkbox",class:this.checkboxClasses},d("input",{key:"bb6f1d911ccc9a62c0149bb9e65bbf73ac86fc9b",type:"checkbox",value:this.val,checked:!!this.isChecked,disabled:this.disabled,onChange:this.handleChange,name:this.label||"checkbox"}),d("div",{key:"2598f80d9028b306f04898544f94af2a06604093",class:"sd-checkbox__bg"},!1!==this.isChecked?d("sd-icon",{name:!0===this.isChecked?"check":"minus",size:12,color:this.disabled?"#888888":"white"}):null),this.label&&d("span",{key:"d07198f3d0796189988d030db5b882911d80c6bf",class:"sd-checkbox__label"},this.label))}static get watchers(){return{value:[{watchValueHandler:0}]}}static get style(){return"sd-checkbox{display:block;height:20px;line-height:0}sd-checkbox .sd-checkbox{cursor:pointer;display:inline-flex;align-items:center;gap:8px;height:20px;max-height:20px}sd-checkbox .sd-checkbox>input{display:none}sd-checkbox .sd-checkbox:hover.sd-checkbox--checked .sd-checkbox__bg,sd-checkbox .sd-checkbox:hover.sd-checkbox--indeterminate .sd-checkbox__bg{border-color:#005CC9;background:#005CC9}sd-checkbox .sd-checkbox:hover.sd-checkbox--unchecked .sd-checkbox__bg{border:1px solid #0075FF;background:#D9EAFF}sd-checkbox .sd-checkbox:hover.sd-checkbox--disabled .sd-checkbox__bg{border:1px solid transparent;background:#EEEEEE}sd-checkbox .sd-checkbox__bg{width:16px;height:16px;border-radius:2px;border:1px solid #888888;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:12px;color:#333333;line-height:20px}sd-checkbox .sd-checkbox--checked.sd-checkbox--disabled .sd-checkbox__bg,sd-checkbox .sd-checkbox--indeterminate.sd-checkbox--disabled .sd-checkbox__bg{background:#EEEEEE;border:1px solid #CCCCCC !important}sd-checkbox .sd-checkbox--checked .sd-checkbox__bg,sd-checkbox .sd-checkbox--indeterminate .sd-checkbox__bg{border:1px solid #0075FF;background:#0075FF}sd-checkbox .sd-checkbox--unchecked .sd-checkbox__bg{background:white}sd-checkbox .sd-checkbox--disabled{cursor:not-allowed}sd-checkbox .sd-checkbox--disabled .sd-checkbox__bg{background:#EEEEEE;border:1px solid #CCCCCC !important}"}},[512,"sd-checkbox",{value:[1028],val:[8],disabled:[4],label:[1],isChecked:[32]},void 0,{value:[{watchValueHandler:0}]}]);function b(){"undefined"!=typeof customElements&&["sd-checkbox","sd-icon"].forEach((e=>{switch(e){case"sd-checkbox":customElements.get(o(e))||customElements.define(o(e),t);break;case"sd-icon":customElements.get(o(e))||h()}}))}export{t as S,b as d}
+import{p as e,H as c,c as s,h as d,t as o}from"./p-CDehvEQ5.js";import{d as h}from"./p-CAJmL8nc.js";const t=e(class extends c{constructor(e){super(),!1!==e&&this.__registerHost(),this.update=s(this,"sdUpdate")}get el(){return this}value;val;disabled=!1;label="";isChecked=!1;update;componentWillLoad(){this.updateCheckedState(this.value)}componentWillRender(){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)}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&&console.warn('A "val" property is required when using an array for the "value" property.');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 d("label",{key:"b4f1e82e461cfc649a1bc5414fb55bcd8ea9c87d","aria-label":this.label||"checkbox",class:this.checkboxClasses},d("input",{key:"bb6f1d911ccc9a62c0149bb9e65bbf73ac86fc9b",type:"checkbox",value:this.val,checked:!!this.isChecked,disabled:this.disabled,onChange:this.handleChange,name:this.label||"checkbox"}),d("div",{key:"2598f80d9028b306f04898544f94af2a06604093",class:"sd-checkbox__bg"},!1!==this.isChecked?d("sd-icon",{name:!0===this.isChecked?"check":"minus",size:12,color:this.disabled?"#888888":"white"}):null),this.label&&d("span",{key:"d07198f3d0796189988d030db5b882911d80c6bf",class:"sd-checkbox__label"},this.label))}static get watchers(){return{value:[{watchValueHandler:0}]}}static get style(){return"sd-checkbox{display:block;height:20px;line-height:0}sd-checkbox .sd-checkbox{cursor:pointer;display:inline-flex;align-items:center;gap:8px;height:20px;max-height:20px}sd-checkbox .sd-checkbox>input{display:none}sd-checkbox .sd-checkbox:hover.sd-checkbox--checked .sd-checkbox__bg,sd-checkbox .sd-checkbox:hover.sd-checkbox--indeterminate .sd-checkbox__bg{border-color:#005CC9;background:#005CC9}sd-checkbox .sd-checkbox:hover.sd-checkbox--unchecked .sd-checkbox__bg{border:1px solid #0075FF;background:#D9EAFF}sd-checkbox .sd-checkbox:hover.sd-checkbox--disabled .sd-checkbox__bg{border:1px solid transparent;background:#EEEEEE}sd-checkbox .sd-checkbox__bg{width:16px;height:16px;border-radius:2px;border:1px solid #888888;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:12px;color:#333333;line-height:20px}sd-checkbox .sd-checkbox--checked.sd-checkbox--disabled .sd-checkbox__bg,sd-checkbox .sd-checkbox--indeterminate.sd-checkbox--disabled .sd-checkbox__bg{background:#EEEEEE;border:1px solid #CCCCCC !important}sd-checkbox .sd-checkbox--checked .sd-checkbox__bg,sd-checkbox .sd-checkbox--indeterminate .sd-checkbox__bg{border:1px solid #0075FF;background:#0075FF}sd-checkbox .sd-checkbox--unchecked .sd-checkbox__bg{background:white}sd-checkbox .sd-checkbox--disabled{cursor:not-allowed}sd-checkbox .sd-checkbox--disabled .sd-checkbox__bg{background:#EEEEEE;border:1px solid #CCCCCC !important}"}},[512,"sd-checkbox",{value:[1028],val:[8],disabled:[4],label:[1],isChecked:[32]},void 0,{value:[{watchValueHandler:0}]}]);function i(){"undefined"!=typeof customElements&&["sd-checkbox","sd-icon"].forEach((e=>{switch(e){case"sd-checkbox":customElements.get(o(e))||customElements.define(o(e),t);break;case"sd-icon":customElements.get(o(e))||h()}}))}export{t as S,i as d}

package/dist/components/{p-MmKik3mL.js → p-DF2wExtn.js}

@@ -1 +1 @@
-import{p as t,H as e,c as n,h as o,t as i}from"./p-CDehvEQ5.js";const s=t(class t extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.close=n(this,"sdClose")}get el(){return 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 e?t:document.body}createWrapper(){this.wrapper=document.createElement("div"),Object.assign(this.wrapper.style,{position:"absolute",zIndex:this.zIndex.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 e=this.parentRef.getBoundingClientRect();if(!e.width&&!e.height)return;const[n,o]=this.offset,i=t.ARROW_SIZE;let s=0,a=0;switch(this.placement){case"top":s=e.top+window.scrollY-this.wrapper.offsetHeight+o-i,a=e.left+window.scrollX+e.width/2-this.wrapper.offsetWidth/2+n;break;case"bottom":s=e.bottom+window.scrollY+o+i,a=e.left+window.scrollX+e.width/2-this.wrapper.offsetWidth/2+n;break;case"left":s=e.top+window.scrollY+e.height/2-this.wrapper.offsetHeight/2+o,a=e.left+window.scrollX-this.wrapper.offsetWidth-n-i;break;case"right":s=e.top+window.scrollY+e.height/2-this.wrapper.offsetHeight/2+o,a=e.right+window.scrollX+n+i}Object.assign(this.wrapper.style,{top:`${s}px`,left:`${a}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 o("slot",{key:"2f33d335a7cf00ace576aed610a0e77d711a5b10"})}static get style(){return".sd-floating-menu{width:fit-content;padding:12px 20px;border-radius:4px;font-size:12px;position:relative;box-sizing:border-box;background:#07284A;color:#FFFFFF}.sd-floating-menu .sd-floating-menu__arrow{color:#07284A}.sd-floating-menu--default{background:#07284A;color:#FFFFFF}.sd-floating-menu--default .sd-floating-menu__arrow{color:#07284A}.sd-floating-menu--caution{background:#FCE6E6;color:#FB4444}.sd-floating-menu--caution .sd-floating-menu__arrow{color:#FCE6E6}.sd-floating-menu--notice{background:#FEF1EA;color:#FF6B00}.sd-floating-menu--notice .sd-floating-menu__arrow{color:#FEF1EA}.sd-floating-menu--accent{background:#E6F1FF;color:#0075FF}.sd-floating-menu--accent .sd-floating-menu__arrow{color:#E6F1FF}.sd-floating-menu__arrow{position:absolute;display:flex;width:9.6px;height:7.2px}.sd-floating-menu__arrow svg{width:100%;height:100%}.sd-floating-menu__arrow--top{bottom:-7.2px;left:50%;transform:translateX(-50%)}.sd-floating-menu__arrow--bottom{top:-7.2px;left:50%;transform:translateX(-50%) rotate(180deg)}.sd-floating-menu__arrow--left{right:-7.2px;top:50%;transform:translateY(-50%) rotate(-90deg)}.sd-floating-menu__arrow--right{left:-7.2px;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-weight:700;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__close-button{position:absolute;top:16px;right:12px;padding:0;background:none;border:none;cursor:pointer}"}},[772,"sd-floating-portal",{to:[1],parentRef:[16],offset:[16],zIndex:[2,"z-index"],placement:[1],open:[4]},[[9,"scroll","updatePosition"],[9,"resize","updatePosition"],[9,"mousedown","handleMouseDown"],[8,"click","handleWindowClick"]]]);function a(){"undefined"!=typeof customElements&&["sd-floating-portal"].forEach((t=>{"sd-floating-portal"===t&&(customElements.get(i(t))||customElements.define(i(t),s))}))}export{s as S,a as d}
+import{p as t,H as e,c as n,h as o,t as i}from"./p-CDehvEQ5.js";const s=t(class t extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.close=n(this,"sdClose")}get el(){return 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 e?t:document.body}createWrapper(){this.wrapper=document.createElement("div"),Object.assign(this.wrapper.style,{position:"absolute",zIndex:this.zIndex.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 e=this.parentRef.getBoundingClientRect();if(!e.width&&!e.height)return;const[n,o]=this.offset,i=t.ARROW_SIZE;let s=0,a=0;switch(this.placement){case"top":s=e.top+window.scrollY-this.wrapper.offsetHeight+o-i,a=e.left+window.scrollX+e.width/2-this.wrapper.offsetWidth/2+n;break;case"bottom":s=e.bottom+window.scrollY+o+i,a=e.left+window.scrollX+e.width/2-this.wrapper.offsetWidth/2+n;break;case"left":s=e.top+window.scrollY+e.height/2-this.wrapper.offsetHeight/2+o,a=e.left+window.scrollX-this.wrapper.offsetWidth-n-i;break;case"right":s=e.top+window.scrollY+e.height/2-this.wrapper.offsetHeight/2+o,a=e.right+window.scrollX+n+i}Object.assign(this.wrapper.style,{top:`${s}px`,left:`${a}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 o("slot",{key:"d8bdd90d00b52153d1144bbea871ace4888e37e4"})}static get style(){return".sd-floating-menu{width:fit-content;padding:12px 20px;border-radius:4px;font-size:12px;position:relative;box-sizing:border-box;background:#07284A;color:#FFFFFF}.sd-floating-menu .sd-floating-menu__arrow{color:#07284A}.sd-floating-menu--default{background:#07284A;color:#FFFFFF}.sd-floating-menu--default .sd-floating-menu__arrow{color:#07284A}.sd-floating-menu--caution{background:#FCE6E6;color:#FB4444}.sd-floating-menu--caution .sd-floating-menu__arrow{color:#FCE6E6}.sd-floating-menu--notice{background:#FEF1EA;color:#FF6B00}.sd-floating-menu--notice .sd-floating-menu__arrow{color:#FEF1EA}.sd-floating-menu--accent{background:#E6F1FF;color:#0075FF}.sd-floating-menu--accent .sd-floating-menu__arrow{color:#E6F1FF}.sd-floating-menu__arrow{position:absolute;display:flex;width:9.6px;height:7.2px}.sd-floating-menu__arrow svg{width:100%;height:100%}.sd-floating-menu__arrow--top{bottom:-7.2px;left:50%;transform:translateX(-50%)}.sd-floating-menu__arrow--bottom{top:-7.2px;left:50%;transform:translateX(-50%) rotate(180deg)}.sd-floating-menu__arrow--left{right:-7.2px;top:50%;transform:translateY(-50%) rotate(-90deg)}.sd-floating-menu__arrow--right{left:-7.2px;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-weight:700;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__close-button{position:absolute;top:16px;right:12px;padding:0;background:none;border:none;cursor:pointer}"}},[772,"sd-floating-portal",{to:[1],parentRef:[16],offset:[16],zIndex:[2,"z-index"],placement:[1],open:[4]},[[9,"scroll","updatePosition"],[9,"resize","updatePosition"],[9,"mousedown","handleMouseDown"],[8,"click","handleWindowClick"]]]);function a(){"undefined"!=typeof customElements&&["sd-floating-portal"].forEach((t=>{"sd-floating-portal"===t&&(customElements.get(i(t))||customElements.define(i(t),s))}))}export{s as S,a as d}

package/dist/components/{p-D35gOcGh.js → p-DFgtwoFG.js}

@@ -1 +1 @@
-import{p as t,H as e,h as s,F as o,t as i}from"./p-CDehvEQ5.js";import{T as n}from"./p-DdNQILvd.js";import{d as a}from"./p-CHAh-_qx.js";import{d as l}from"./p-MmKik3mL.js";import{d as c}from"./p-CbQobmaB.js";const d=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost()}get el(){return this}trigger="hover";placement="top";color="#01BB4B";type="default";icon="helpOutline";iconSize=12;label="";buttonSize="sm";buttonVariant="primary";noHover=!0;useClose=!1;showTooltip=!1;slotContentHTML="";buttonEl;handleClose=()=>{this.showTooltip=!1};componentWillLoad(){this.slotContentHTML=this.el.innerHTML,this.el.replaceChildren(),this.el.classList.toggle("visible",!0)}render(){const t="hover"===this.trigger?{onMouseEnter:()=>this.showTooltip=!0,onMouseLeave:()=>this.showTooltip=!1}:{onClick:()=>this.showTooltip=!this.showTooltip};return s(o,{key:"1aefeca1e8e1e5da1ad3394dbc2cd5529c0ce854"},this.label?s("sd-button",{ref:t=>this.buttonEl=t,label:this.label,icon:this.icon,size:this.buttonSize,color:this.color,variant:this.buttonVariant,class:"sd-tooltip",..."hover"===this.trigger?{onMouseEnter:()=>this.showTooltip=!0,onMouseLeave:()=>this.showTooltip=!1}:{onSdClick:()=>this.showTooltip=!this.showTooltip}}):s("sd-icon",{ref:t=>this.buttonEl=t,name:this.icon,size:this.iconSize,color:this.color,class:"sd-tooltip",...t}),this.showTooltip&&s("sd-floating-portal",{key:"65c83f4f0d03d17345e9c19b462dadb78f7ea83b",parentRef:this.buttonEl,onSdClose:this.handleClose.bind(this),placement:this.placement},s("div",{key:"ca2f15d29a5999842f39ef3bb5eefc6f8675e386",class:{"sd-floating-menu":!0,[`sd-floating-menu--${this.type}`]:!0,[`sd-floating-menu--${this.placement}`]:!0,"sd-floating-menu--with-close":this.useClose}},s("i",{key:"d118d136589ef1e421e03bae59b0a9d5bfbbb2ba",class:`sd-floating-menu__arrow sd-floating-menu__arrow--${this.placement}`},s(n,{key:"2a2e0599bcf1cd2261335d0c46297a7650ac30a2"})),s("div",{key:"fced40f561dae6a81a9e5c9c4be44555db358745",class:"sd-floating-menu__content",innerHTML:this.slotContentHTML}),this.useClose&&s("div",{key:"dec97887df051d3253f05f03190e145d0515b522",class:"sd-floating-menu__close-button"},s("button",{key:"66cd01a3228a27abdc9e4d9e974fe90c91c6ad97",type:"button","aria-label":"Close tooltip",title:"Close tooltip",onClick:this.handleClose.bind(this)},s("sd-icon",{key:"bc179a3452f83d96a7a36ca12821c093f7f53527",name:"close",size:"12",color:"#AAAAAA"}))))))}static get style(){return"sd-tooltip{visibility:hidden !important;display:inline-flex}sd-tooltip.visible{visibility:visible !important}sd-tooltip .sd-tooltip{position:relative;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}"}},[512,"sd-tooltip",{trigger:[1],placement:[1],color:[1],type:[1],icon:[1],iconSize:[2,"icon-size"],label:[1],buttonSize:[1,"button-size"],buttonVariant:[1,"button-variant"],noHover:[4,"no-hover"],useClose:[4,"use-close"],showTooltip:[32],slotContentHTML:[32]}]);function r(){"undefined"!=typeof customElements&&["sd-tooltip","sd-button","sd-floating-portal","sd-icon"].forEach((t=>{switch(t){case"sd-tooltip":customElements.get(i(t))||customElements.define(i(t),d);break;case"sd-button":customElements.get(i(t))||a();break;case"sd-floating-portal":customElements.get(i(t))||l();break;case"sd-icon":customElements.get(i(t))||c()}}))}export{d as S,r as d}
+import{p as t,H as e,h as s,F as o,t as i}from"./p-CDehvEQ5.js";import{T as n}from"./p-DdNQILvd.js";import{d as a}from"./p-Hvt2oWRk.js";import{d as l}from"./p-DF2wExtn.js";import{d as c}from"./p-CAJmL8nc.js";const d=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost()}get el(){return this}trigger="hover";placement="top";color="#01BB4B";type="default";icon="helpOutline";iconSize=12;label="";buttonSize="sm";buttonVariant="primary";noHover=!0;useClose=!1;showTooltip=!1;slotContentHTML="";buttonEl;handleClose=()=>{this.showTooltip=!1};componentWillLoad(){this.slotContentHTML=this.el.innerHTML,this.el.replaceChildren(),this.el.classList.toggle("visible",!0)}render(){const t="hover"===this.trigger?{onMouseEnter:()=>this.showTooltip=!0,onMouseLeave:()=>this.showTooltip=!1}:{onClick:()=>this.showTooltip=!this.showTooltip};return s(o,{key:"1aefeca1e8e1e5da1ad3394dbc2cd5529c0ce854"},this.label?s("sd-button",{ref:t=>this.buttonEl=t,label:this.label,icon:this.icon,size:this.buttonSize,color:this.color,variant:this.buttonVariant,class:"sd-tooltip",..."hover"===this.trigger?{onMouseEnter:()=>this.showTooltip=!0,onMouseLeave:()=>this.showTooltip=!1}:{onSdClick:()=>this.showTooltip=!this.showTooltip}}):s("sd-icon",{ref:t=>this.buttonEl=t,name:this.icon,size:this.iconSize,color:this.color,class:"sd-tooltip",...t}),this.showTooltip&&s("sd-floating-portal",{key:"65c83f4f0d03d17345e9c19b462dadb78f7ea83b",parentRef:this.buttonEl,onSdClose:this.handleClose.bind(this),placement:this.placement},s("div",{key:"ca2f15d29a5999842f39ef3bb5eefc6f8675e386",class:{"sd-floating-menu":!0,[`sd-floating-menu--${this.type}`]:!0,[`sd-floating-menu--${this.placement}`]:!0,"sd-floating-menu--with-close":this.useClose}},s("i",{key:"d118d136589ef1e421e03bae59b0a9d5bfbbb2ba",class:`sd-floating-menu__arrow sd-floating-menu__arrow--${this.placement}`},s(n,{key:"2a2e0599bcf1cd2261335d0c46297a7650ac30a2"})),s("div",{key:"fced40f561dae6a81a9e5c9c4be44555db358745",class:"sd-floating-menu__content",innerHTML:this.slotContentHTML}),this.useClose&&s("div",{key:"dec97887df051d3253f05f03190e145d0515b522",class:"sd-floating-menu__close-button"},s("button",{key:"66cd01a3228a27abdc9e4d9e974fe90c91c6ad97",type:"button","aria-label":"Close tooltip",title:"Close tooltip",onClick:this.handleClose.bind(this)},s("sd-icon",{key:"bc179a3452f83d96a7a36ca12821c093f7f53527",name:"close",size:"12",color:"#AAAAAA"}))))))}static get style(){return"sd-tooltip{visibility:hidden !important;display:inline-flex}sd-tooltip.visible{visibility:visible !important}sd-tooltip .sd-tooltip{position:relative;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}"}},[512,"sd-tooltip",{trigger:[1],placement:[1],color:[1],type:[1],icon:[1],iconSize:[2,"icon-size"],label:[1],buttonSize:[1,"button-size"],buttonVariant:[1,"button-variant"],noHover:[4,"no-hover"],useClose:[4,"use-close"],showTooltip:[32],slotContentHTML:[32]}]);function r(){"undefined"!=typeof customElements&&["sd-tooltip","sd-button","sd-floating-portal","sd-icon"].forEach((t=>{switch(t){case"sd-tooltip":customElements.get(i(t))||customElements.define(i(t),d);break;case"sd-button":customElements.get(i(t))||a();break;case"sd-floating-portal":customElements.get(i(t))||l();break;case"sd-icon":customElements.get(i(t))||c()}}))}export{d as S,r as d}

package/dist/components/{p-BVFlD1Lp.js → p-DYsHXden.js}

@@ -1 +1 @@
-import{p as e,H as t,c as a,h as i,t as d}from"./p-CDehvEQ5.js";import{n}from"./p-CCwNgVmC.js";import{d as s}from"./p-CHAh-_qx.js";import{d as r}from"./p-CWg2auF3.js";import{d as o}from"./p-MmKik3mL.js";import{d as l}from"./p-CbQobmaB.js";import{d as p}from"./p-D35gOcGh.js";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.input=a(this,"sdUpdate"),this.focus=a(this,"sdFocus"),this.blur=a(this,"sdBlur")}get host(){return this}value=null;type="text";insideLabel=!1;placeholder="입력해 주세요.";disabled=!1;clearable=!1;width;barcode=!1;rules=[];autoFocus=!1;status;inputClass="";readonly=!1;error=!1;focused=!1;hovered=!1;label="";useLabelRequired=!1;labelTooltip="";labelTooltipProps=null;inputStyle={};internalValue=null;nativeEl=void 0;formField;name=n();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(){return i("sd-field",{key:"87f02ba890fd952f89eb86d200318038137ba1a4",name:this.name,label:this.label,insideLabel:this.insideLabel,rules:this.rules,error:this.error,disabled:this.disabled,focused:this.focused,hovered:this.hovered,status:this.status,useLabelRequired:this.useLabelRequired,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:e=>this.formField=e,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1},i("label",{key:"0bb5824067b33c178b1f60ececdccfe0a3d5f294",class:"sd-input__content",style:{width:"100%"}},i("slot",{key:"6f67712b4ca708ba511c57379a6b5118732f146a",name:"prefix"}),i("input",{key:"b337a1161dedb41ed29a690fa963c0ac60dd0c79",name:this.name,ref:e=>this.nativeEl=e,class:`sd-input__native ${this.inputClass}`,type: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}),i("slot",{key:"bf45d9fd71551dc6a3bb96cdc44512796beee923",name:"suffix"}),this.clearable&&this.internalValue&&i("sd-icon",{key:"aed0a5d9115ba8b7601dc62423349bee1a9978c7",name:"close",color:"grey_65",size:"16",class:"sd-input__clear-icon",onClick:async()=>{this.internalValue="",await(this.formField?.sdValidate())}})))}static get watchers(){return{value:[{valueChanged:0}],internalValue:[{internalValueChanged:0}]}}static get style(){return"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{width:304px;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-picker__menu .sd-date-picker__header{display:flex;flex-flow:row nowrap;align-items:center;gap:20px;font-size:14px;padding:0 5px;height:24px;line-height:24px}.sd-date-picker__menu .sd-date-picker__header .year-nav,.sd-date-picker__menu .sd-date-picker__header .month-nav{display:flex;flex-flow:row nowrap;align-items:center;gap:12px}.sd-date-picker__menu .sd-date-picker__header .year-nav button,.sd-date-picker__menu .sd-date-picker__header .month-nav button{background:none;border:none;cursor:pointer;margin:0;padding:0}.sd-date-picker__menu .sd-date-picker__header .year-nav__current{width:40px;text-align:center}.sd-date-picker__menu .sd-date-picker__header .month-nav__current{width:100px;text-align:center}.sd-date-picker__menu .sd-date-picker__days{margin-top:8px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr));column-gap:10px;padding:0 5px}.sd-date-picker__menu .sd-date-picker__days .day{width:28px;height:20px;font-size:12px;line-height:20px;text-align:center;color:#888888}.sd-date-picker__menu .sd-date-picker__body{margin-top:12px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr))}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:#333333;font-size:12px;line-height:20px;padding:0 8px}sd-input .sd-input__content .sd-input__native{width:100%;height:100%;border:none;outline:none;background:transparent}sd-input .sd-input__content .sd-input__native[disabled]{cursor:not-allowed;color:#888888}sd-input .sd-input__content .sd-input__native::placeholder{color:#AAAAAA}"}},[772,"sd-input",{value:[1032],type:[1],insideLabel:[4,"inside-label"],placeholder:[1],disabled:[4],clearable:[4],width:[8],barcode:[4],rules:[16],autoFocus:[4,"auto-focus"],status:[1],inputClass:[1,"input-class"],readonly:[4],error:[1028],focused:[1028],hovered:[1028],label:[1],useLabelRequired:[4,"use-label-required"],labelTooltip:[1,"label-tooltip"],labelTooltipProps:[16],inputStyle:[16],internalValue:[32],sdGetNativeElement:[64],sdValidate:[64],sdReset:[64],sdResetValidate:[64],sdFocus:[64]},void 0,{value:[{valueChanged:0}],internalValue:[{internalValueChanged:0}]}]);function u(){"undefined"!=typeof customElements&&["sd-input","sd-button","sd-field","sd-floating-portal","sd-icon","sd-tooltip"].forEach((e=>{switch(e){case"sd-input":customElements.get(d(e))||customElements.define(d(e),c);break;case"sd-button":customElements.get(d(e))||s();break;case"sd-field":customElements.get(d(e))||r();break;case"sd-floating-portal":customElements.get(d(e))||o();break;case"sd-icon":customElements.get(d(e))||l();break;case"sd-tooltip":customElements.get(d(e))||p()}}))}export{c as S,u as d}
+import{p as e,H as t,c as a,h as i,t as d}from"./p-CDehvEQ5.js";import{n}from"./p-CCwNgVmC.js";import{d as s}from"./p-Hvt2oWRk.js";import{d as r}from"./p-DZqrfwuw.js";import{d as o}from"./p-DF2wExtn.js";import{d as l}from"./p-CAJmL8nc.js";import{d as p}from"./p-DFgtwoFG.js";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.input=a(this,"sdUpdate"),this.focus=a(this,"sdFocus"),this.blur=a(this,"sdBlur")}get host(){return this}value=null;type="text";insideLabel=!1;placeholder="입력해 주세요.";disabled=!1;clearable=!1;width;barcode=!1;rules=[];autoFocus=!1;status;inputClass="";readonly=!1;error=!1;focused=!1;hovered=!1;label="";useLabelRequired=!1;labelTooltip="";labelTooltipProps=null;inputStyle={};internalValue=null;nativeEl=void 0;formField;name=n();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(){return i("sd-field",{key:"757bf7b330f93ec9cd344098bdf124b999e04bb5",name:this.name,label:this.label,insideLabel:this.insideLabel,rules:this.rules,error:this.error,disabled:this.disabled,focused:this.focused,hovered:this.hovered,status:this.status,useLabelRequired:this.useLabelRequired,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:e=>this.formField=e,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1},i("label",{key:"2dde85e905d77bb6337a2ad10a9f0f872fed5e8a",class:"sd-input__content",style:{width:"100%"}},i("slot",{key:"20f47646ca476bf6ca6412ebb9e6aac0c72e7eab",name:"prefix"}),i("input",{key:"a4f4f1594c80a8d834db7d6125110b4c65ad9906",name:this.name,ref:e=>this.nativeEl=e,class:`sd-input__native ${this.inputClass}`,type: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}),i("slot",{key:"35c7c173d72cbc295ad8f6e12f94bfe96e9f98d1",name:"suffix"}),this.clearable&&this.internalValue&&i("sd-icon",{key:"82bf96b1a01516e0a7ea0dd735509511aa8a0e05",name:"close",color:"grey_65",size:"16",class:"sd-input__clear-icon",onClick:async()=>{this.internalValue="",await(this.formField?.sdValidate())}})))}static get watchers(){return{value:[{valueChanged:0}],internalValue:[{internalValueChanged:0}]}}static get style(){return"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{width:304px;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-picker__menu .sd-date-picker__header{display:flex;flex-flow:row nowrap;align-items:center;gap:20px;font-size:14px;padding:0 5px;height:24px;line-height:24px}.sd-date-picker__menu .sd-date-picker__header .year-nav,.sd-date-picker__menu .sd-date-picker__header .month-nav{display:flex;flex-flow:row nowrap;align-items:center;gap:12px}.sd-date-picker__menu .sd-date-picker__header .year-nav button,.sd-date-picker__menu .sd-date-picker__header .month-nav button{background:none;border:none;cursor:pointer;margin:0;padding:0}.sd-date-picker__menu .sd-date-picker__header .year-nav__current{width:40px;text-align:center}.sd-date-picker__menu .sd-date-picker__header .month-nav__current{width:100px;text-align:center}.sd-date-picker__menu .sd-date-picker__days{margin-top:8px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr));column-gap:10px;padding:0 5px}.sd-date-picker__menu .sd-date-picker__days .day{width:28px;height:20px;font-size:12px;line-height:20px;text-align:center;color:#888888}.sd-date-picker__menu .sd-date-picker__body{margin-top:12px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr))}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:#333333;font-size:12px;line-height:20px;padding:0 8px}sd-input .sd-input__content .sd-input__native{width:100%;height:100%;border:none;outline:none;background:transparent}sd-input .sd-input__content .sd-input__native[disabled]{cursor:not-allowed;color:#888888}sd-input .sd-input__content .sd-input__native::placeholder{color:#AAAAAA}"}},[772,"sd-input",{value:[1032],type:[1],insideLabel:[4,"inside-label"],placeholder:[1],disabled:[4],clearable:[4],width:[8],barcode:[4],rules:[16],autoFocus:[4,"auto-focus"],status:[1],inputClass:[1,"input-class"],readonly:[4],error:[1028],focused:[1028],hovered:[1028],label:[1],useLabelRequired:[4,"use-label-required"],labelTooltip:[1,"label-tooltip"],labelTooltipProps:[16],inputStyle:[16],internalValue:[32],sdGetNativeElement:[64],sdValidate:[64],sdReset:[64],sdResetValidate:[64],sdFocus:[64]},void 0,{value:[{valueChanged:0}],internalValue:[{internalValueChanged:0}]}]);function u(){"undefined"!=typeof customElements&&["sd-input","sd-button","sd-field","sd-floating-portal","sd-icon","sd-tooltip"].forEach((e=>{switch(e){case"sd-input":customElements.get(d(e))||customElements.define(d(e),c);break;case"sd-button":customElements.get(d(e))||s();break;case"sd-field":customElements.get(d(e))||r();break;case"sd-floating-portal":customElements.get(d(e))||o();break;case"sd-icon":customElements.get(d(e))||l();break;case"sd-tooltip":customElements.get(d(e))||p()}}))}export{c as S,u as d}

package/dist/components/{p-CWg2auF3.js → p-DZqrfwuw.js}

@@ -1 +1 @@
-import{p as e,H as s,h as d,t as l}from"./p-CDehvEQ5.js";import{d as i}from"./p-CHAh-_qx.js";import{d as t}from"./p-MmKik3mL.js";import{d as r}from"./p-CbQobmaB.js";import{d as o}from"./p-D35gOcGh.js";const a=["sd-select","sd-select-multiple","sd-select-multiple-group","sd-input","sd-textarea","sd-number-input"],f=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost()}get el(){return this}name="";rules=[];error=!1;disabled=!1;hovered=!1;focused=!1;status;label="";insideLabel=!1;useLabelRequired=!1;labelTooltip="";labelTooltipProps=null;errorMsg="";hostElement=null;get value(){return this.hostElement?.value??null}get fieldStatus(){let e="";return this.disabled?(e="disabled",`sd-field--${e}`):this.focused?(e="focus",`sd-field--${e}`):(this.hovered&&(e="hover"),this.status&&(e=this.status),this.error&&(e="error"),e?`sd-field--${e}`:"")}componentDidLoad(){this.hostElement=this.findHostElement(),this.registerToForm()}disconnectedCallback(){this.unregisterFromForm()}findHostElement(){for(const e of a){const s=this.el.closest(e);if(s&&"value"in s)return s}return null}registerToForm(){const e=this.el.closest("sd-form");e&&e.componentOnReady().then((e=>{e.sdRegisterField(this)}))}unregisterFromForm(){if(!this.name)return;const e=this.el.closest("sd-form");e?.componentOnReady().then((e=>{e.sdUnregisterField(this.name)}))}async sdValidate(){if(!this.rules||0===this.rules.length)return!0;for(const e of this.rules){const s=e(this.value??"");if(!0!==s)return this.setError(!0,s),!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(e,s){this.errorMsg=s,this.hostElement&&(this.hostElement.error=e)}render(){return d("div",{key:"3c69abe493110b5665795706a9ae0e525f213aca",class:{"sd-field":!0,"sd-field--has-label":!!this.label,"sd-field--has-label-inside":!!this.label&&this.insideLabel,[this.fieldStatus]:!!this.fieldStatus}},d("div",{key:"decc6821b7172f5ecc2343472014c08674725904",class:"sd-field__wrapper"},this.renderLabel(this.label),d("div",{key:"ca5e93f049db10ecaaaab091fdf394ac4b55e292",class:{"sd-field__control":!0,"sd-field__control--label-inside ":!!this.label&&this.insideLabel}},d("slot",{key:"7ee38983d32985f4b4a035830bcdca0e14b2cf71"}))),this.errorMsg&&d("div",{key:"c2d6ef860ced48657b906806f2618594b094ea79",class:"sd-field__error-message"},this.errorMsg))}renderLabel(e){return e?d("label",{class:{"sd-field__label":!0,"sd-field__label-inside":this.insideLabel}},this.useLabelRequired&&d("sd-icon",{name:"star",size:"10",color:"brilliantblue_75",class:"sd-field__label__required-icon"}),d("div",{class:"sd-field__label__text"},e),this.labelTooltip&&d("sd-tooltip",{class:"sd-field__label__tooltip",...this.labelTooltipProps},d("div",{slot:"content"},this.labelTooltip))):null}static get style(){return"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 #0075FF !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:#EEEEEE;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;margin-right:12px}sd-field .sd-field--has-label .sd-field__wrapper .sd-field__label__required-icon{margin-right:4px}sd-field .sd-field--has-label .sd-field__wrapper .sd-field__label__text{font-size:12px;line-height:20px;color:#333333;white-space:nowrap}sd-field .sd-field--has-label .sd-field__wrapper .sd-field__label__tooltip{margin-left:2px}sd-field .sd-field--has-label-inside .sd-field__wrapper .sd-field__label{margin-right:0;display:flex;align-items:center;justify-content:center;padding:3px 12px;border:1px solid #CCCCCC;border-right:none;border-radius:4px 0 0 4px;border-color:#AAAAAA;background-color:#F6F6F6}sd-field .sd-field__wrapper{width:100%;height:28px;display:flex;align-items:center;flex-flow:row nowrap;position:relative;color:#333333;cursor:pointer;-webkit-user-select:none;user-select:none}sd-field .sd-field__wrapper .sd-field__control{position:relative;width:100%;height:100%;display:flex;flex:1;border:1px solid #AAAAAA;border-radius:4px;background:white}sd-field .sd-field__wrapper .sd-field__control--label-inside{border-top-left-radius:0px;border-bottom-left-radius:0px}sd-field .sd-field--error:not(:hover) .sd-field__wrapper .sd-field__control{border:1px solid #FB4444 !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 #0075FF !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 #2BCE6C !important}sd-field .sd-field .sd-field__error-message{color:#FB4444;font-size:12px;line-height:20px;margin-top:4px}"}},[772,"sd-field",{name:[1],rules:[16],error:[1028],disabled:[1028],hovered:[1028],focused:[1028],status:[1],label:[1],insideLabel:[4,"inside-label"],useLabelRequired:[4,"use-label-required"],labelTooltip:[1,"label-tooltip"],labelTooltipProps:[16],errorMsg:[32],sdValidate:[64],sdReset:[64],sdResetValidation:[64],sdFocus:[64]}]);function n(){"undefined"!=typeof customElements&&["sd-field","sd-button","sd-floating-portal","sd-icon","sd-tooltip"].forEach((e=>{switch(e){case"sd-field":customElements.get(l(e))||customElements.define(l(e),f);break;case"sd-button":customElements.get(l(e))||i();break;case"sd-floating-portal":customElements.get(l(e))||t();break;case"sd-icon":customElements.get(l(e))||r();break;case"sd-tooltip":customElements.get(l(e))||o()}}))}export{f as S,n as d}
+import{p as e,H as s,h as d,t as l}from"./p-CDehvEQ5.js";import{d as i}from"./p-Hvt2oWRk.js";import{d as t}from"./p-DF2wExtn.js";import{d as r}from"./p-CAJmL8nc.js";import{d as o}from"./p-DFgtwoFG.js";const a=["sd-select","sd-select-multiple","sd-select-multiple-group","sd-input","sd-textarea","sd-number-input"],f=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost()}get el(){return this}name="";rules=[];error=!1;disabled=!1;hovered=!1;focused=!1;status;label="";insideLabel=!1;useLabelRequired=!1;labelTooltip="";labelTooltipProps=null;errorMsg="";hostElement=null;get value(){return this.hostElement?.value??null}get fieldStatus(){let e="";return this.disabled?(e="disabled",`sd-field--${e}`):this.focused?(e="focus",`sd-field--${e}`):(this.hovered&&(e="hover"),this.status&&(e=this.status),this.error&&(e="error"),e?`sd-field--${e}`:"")}componentDidLoad(){this.hostElement=this.findHostElement(),this.registerToForm()}disconnectedCallback(){this.unregisterFromForm()}findHostElement(){for(const e of a){const s=this.el.closest(e);if(s&&"value"in s)return s}return null}registerToForm(){const e=this.el.closest("sd-form");e&&e.componentOnReady().then((e=>{e.sdRegisterField(this)}))}unregisterFromForm(){if(!this.name)return;const e=this.el.closest("sd-form");e?.componentOnReady().then((e=>{e.sdUnregisterField(this.name)}))}async sdValidate(){if(!this.rules||0===this.rules.length)return!0;for(const e of this.rules){const s=e(this.value??"");if(!0!==s)return this.setError(!0,s),!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(e,s){this.errorMsg=s,this.hostElement&&(this.hostElement.error=e)}render(){return d("div",{key:"83d20191373b759f18d25e25330ead65217dea4f",class:{"sd-field":!0,"sd-field--has-label":!!this.label,"sd-field--has-label-inside":!!this.label&&this.insideLabel,[this.fieldStatus]:!!this.fieldStatus}},d("div",{key:"2f04e19997c077c32843173c85dc04840f8fa0f6",class:"sd-field__wrapper"},this.renderLabel(this.label),d("div",{key:"c7fa5c334cd4dc0b99919850b3059a35a77ea5c6",class:{"sd-field__control":!0,"sd-field__control--label-inside ":!!this.label&&this.insideLabel}},d("slot",{key:"15f7bd40ca6ed1667f97f6362be914e203c491af"}))),this.errorMsg&&d("div",{key:"d940bca4d3074e8051bc5392aad36be4c58f88af",class:"sd-field__error-message"},this.errorMsg))}renderLabel(e){return e?d("label",{class:{"sd-field__label":!0,"sd-field__label-inside":this.insideLabel}},this.useLabelRequired&&d("sd-icon",{name:"star",size:"10",color:"brilliantblue_75",class:"sd-field__label__required-icon"}),d("div",{class:"sd-field__label__text"},e),this.labelTooltip&&d("sd-tooltip",{class:"sd-field__label__tooltip",...this.labelTooltipProps},d("div",{slot:"content"},this.labelTooltip))):null}static get style(){return"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 #0075FF !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:#EEEEEE;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;margin-right:12px}sd-field .sd-field--has-label .sd-field__wrapper .sd-field__label__required-icon{margin-right:4px}sd-field .sd-field--has-label .sd-field__wrapper .sd-field__label__text{font-size:12px;line-height:20px;color:#333333;white-space:nowrap}sd-field .sd-field--has-label .sd-field__wrapper .sd-field__label__tooltip{margin-left:2px}sd-field .sd-field--has-label-inside .sd-field__wrapper .sd-field__label{margin-right:0;display:flex;align-items:center;justify-content:center;padding:3px 12px;border:1px solid #CCCCCC;border-right:none;border-radius:4px 0 0 4px;border-color:#AAAAAA;background-color:#F6F6F6}sd-field .sd-field__wrapper{width:100%;height:28px;display:flex;align-items:center;flex-flow:row nowrap;position:relative;color:#333333;cursor:pointer;-webkit-user-select:none;user-select:none}sd-field .sd-field__wrapper .sd-field__control{position:relative;width:100%;height:100%;display:flex;flex:1;border:1px solid #AAAAAA;border-radius:4px;background:white}sd-field .sd-field__wrapper .sd-field__control--label-inside{border-top-left-radius:0px;border-bottom-left-radius:0px}sd-field .sd-field--error:not(:hover) .sd-field__wrapper .sd-field__control{border:1px solid #FB4444 !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 #0075FF !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 #2BCE6C !important}sd-field .sd-field .sd-field__error-message{color:#FB4444;font-size:12px;line-height:20px;margin-top:4px}"}},[772,"sd-field",{name:[1],rules:[16],error:[1028],disabled:[1028],hovered:[1028],focused:[1028],status:[1],label:[1],insideLabel:[4,"inside-label"],useLabelRequired:[4,"use-label-required"],labelTooltip:[1,"label-tooltip"],labelTooltipProps:[16],errorMsg:[32],sdValidate:[64],sdReset:[64],sdResetValidation:[64],sdFocus:[64]}]);function n(){"undefined"!=typeof customElements&&["sd-field","sd-button","sd-floating-portal","sd-icon","sd-tooltip"].forEach((e=>{switch(e){case"sd-field":customElements.get(l(e))||customElements.define(l(e),f);break;case"sd-button":customElements.get(l(e))||i();break;case"sd-floating-portal":customElements.get(l(e))||t();break;case"sd-icon":customElements.get(l(e))||r();break;case"sd-tooltip":customElements.get(l(e))||o()}}))}export{f as S,n as d}

package/dist/components/p-Dc4UTGgQ.js

@@ -0,0 +1 @@
+var F={size:{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"},content:{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:{subtle:{bg:{default:"#FFFFFF",hover:"#EEEEEE"},content:"#333333"},outline:{bg:{default:"#FFFFFF",hover:"#EEEEEE"},border:"#888888",content:"#333333"}},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/components/{p-CU5TiEeI.js → p-DyeU47vV.js}

@@ -1 +1 @@
-import{p as s,H as e,c as t,h as c,t as a}from"./p-CDehvEQ5.js";import{d as i}from"./p-CHAh-_qx.js";import{d as o}from"./p-CWg2auF3.js";import{d}from"./p-MmKik3mL.js";import{d as r}from"./p-CbQobmaB.js";import{d as n}from"./p-BVFlD1Lp.js";import{d as l}from"./p-D35gOcGh.js";const p=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.searchInput=t(this,"sdSearchInput"),this.searchFocus=t(this,"sdSearchFocus")}isScrolled=!1;searchText="";searchInput;searchFocus;searchRef;async sdGetNativeElement(){return this.searchRef?this.searchRef.sdGetNativeElement():null}async sdSearchInputFocus(){const s=await this.sdGetNativeElement();s?.focus({preventScroll:!0})}render(){return c("div",{key:"b19a029ef82d876c984c1f827d7a0f29bb823f5d",class:{"sd-select-search-input":!0,"sd-select-search-input--scrolled":!!this.isScrolled},onClick:s=>s.stopPropagation()},c("sd-input",{key:"8e27f40e1b507f0c5cb2d4bde48750cd0089a9da",ref:s=>this.searchRef=s,value:this.searchText,placeholder:"검색",clearable:!0,inputStyle:{"padding-left":"8px"},autofocus:!0,onSdUpdate:s=>{this.searchInput.emit(String(s?.detail))},onSdFocus:()=>{this.searchFocus.emit()},onKeyDown:s=>{"Enter"===s.code&&s.stopPropagation()}},c("sd-icon",{key:"2b38a07cbc0bb0d7dd020ece45f18bdff4c262e5",name:"search",size:16,color:"#737373",style:{marginRight:"4px"},slot:"prefix"})))}static get style(){return"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)}"}},[512,"sd-select-search-input",{isScrolled:[4,"is-scrolled"],searchText:[1,"search-text"],sdGetNativeElement:[64],sdSearchInputFocus:[64]}]);function u(){"undefined"!=typeof customElements&&["sd-select-search-input","sd-button","sd-field","sd-floating-portal","sd-icon","sd-input","sd-tooltip"].forEach((s=>{switch(s){case"sd-select-search-input":customElements.get(a(s))||customElements.define(a(s),p);break;case"sd-button":customElements.get(a(s))||i();break;case"sd-field":customElements.get(a(s))||o();break;case"sd-floating-portal":customElements.get(a(s))||d();break;case"sd-icon":customElements.get(a(s))||r();break;case"sd-input":customElements.get(a(s))||n();break;case"sd-tooltip":customElements.get(a(s))||l()}}))}export{p as S,u as d}
+import{p as s,H as e,c as t,h as c,t as a}from"./p-CDehvEQ5.js";import{d as i}from"./p-Hvt2oWRk.js";import{d as o}from"./p-DZqrfwuw.js";import{d as r}from"./p-DF2wExtn.js";import{d as n}from"./p-CAJmL8nc.js";import{d}from"./p-DYsHXden.js";import{d as l}from"./p-DFgtwoFG.js";const p=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.searchInput=t(this,"sdSearchInput"),this.searchFocus=t(this,"sdSearchFocus")}isScrolled=!1;searchText="";searchInput;searchFocus;searchRef;async sdGetNativeElement(){return this.searchRef?this.searchRef.sdGetNativeElement():null}async sdSearchInputFocus(){const s=await this.sdGetNativeElement();s?.focus({preventScroll:!0})}render(){return c("div",{key:"2d211645dc4041411e187f248a260a23b7c544f6",class:{"sd-select-search-input":!0,"sd-select-search-input--scrolled":!!this.isScrolled},onClick:s=>s.stopPropagation()},c("sd-input",{key:"c609af0ab36359c8ccaea5827821dbc509d13eac",ref:s=>this.searchRef=s,value:this.searchText,placeholder:"검색",clearable:!0,inputStyle:{"padding-left":"8px"},autofocus:!0,onSdUpdate:s=>{this.searchInput.emit(String(s?.detail))},onSdFocus:()=>{this.searchFocus.emit()},onKeyDown:s=>{"Enter"===s.code&&s.stopPropagation()}},c("sd-icon",{key:"96a511b1f8625c883ec50d5e2985ff396d7b57c7",name:"search",size:16,color:"#737373",style:{marginRight:"4px"},slot:"prefix"})))}static get style(){return"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)}"}},[512,"sd-select-search-input",{isScrolled:[4,"is-scrolled"],searchText:[1,"search-text"],sdGetNativeElement:[64],sdSearchInputFocus:[64]}]);function u(){"undefined"!=typeof customElements&&["sd-select-search-input","sd-button","sd-field","sd-floating-portal","sd-icon","sd-input","sd-tooltip"].forEach((s=>{switch(s){case"sd-select-search-input":customElements.get(a(s))||customElements.define(a(s),p);break;case"sd-button":customElements.get(a(s))||i();break;case"sd-field":customElements.get(a(s))||o();break;case"sd-floating-portal":customElements.get(a(s))||r();break;case"sd-icon":customElements.get(a(s))||n();break;case"sd-input":customElements.get(a(s))||d();break;case"sd-tooltip":customElements.get(a(s))||l()}}))}export{p as S,u as d}

package/dist/components/p-Hvt2oWRk.js

@@ -0,0 +1 @@
+import{p as t,H as o,c as n,h as s,t as i}from"./p-CDehvEQ5.js";import{b as d}from"./p-Dc4UTGgQ.js";import{r as e}from"./p-DUqcOPNn.js";import{d as a}from"./p-CAJmL8nc.js";const b={xs:Number(d.size.xs.icon),sm:Number(d.size.sm.icon),md:Number(d.size.md.icon),lg:Number(d.size.lg.icon)},r=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.click=n(this,"sdClick")}get el(){return 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(),o=e(this.color);return s("button",{key:"b1436c0cdf0267446df9cd022df68a8a6c349ca5",class:`${t} ${this.sdClass}`,type:this.type,disabled:this.disabled,style:{"--button-color":o},onClick:this.handleClick},s("div",{key:"70f9450410dbc7b2603679cda397bc8f211928b1",class:"sd-button__content"},this.icon&&s("sd-icon",{key:"ab09632262d175e8dc9a31df4e673470d128b274",class:"sd-button__icon sd-button__icon--left",name:this.icon,size:this.iconSize??b[this.size],color:this.iconColor??("primary"===this.variant?"#fff":o)}),this.label&&s("div",{key:"c33e565c9108996ab4a3d84b5beaf1d8acbd5700",class:"sd-button__label"},this.label),this.iconRight&&s("sd-icon",{key:"112a9649b77e7eb67198d0bf7bf407e9f7f71cd5",class:"sd-button__icon sd-button__icon--right",name:this.iconRight,size:b[this.size],color:"primary"===this.variant?"#fff":o})))}static get style(){return'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}'}},[512,"sd-button",{variant:[1],size:[1],color:[1],label:[1],disabled:[4],type:[1],icon:[1],iconColor:[1,"icon-color"],iconSize:[2,"icon-size"],iconRight:[1,"icon-right"],noHover:[4,"no-hover"],sdClass:[1,"sd-class"]}]);function u(){"undefined"!=typeof customElements&&["sd-button","sd-icon"].forEach((t=>{switch(t){case"sd-button":customElements.get(i(t))||customElements.define(i(t),r);break;case"sd-icon":customElements.get(i(t))||a()}}))}export{r as S,u as d}

package/dist/components/{p-Cef06v8S.js → p-JyVgfdnC.js}

@@ -1 +1 @@
-import{p as e,H as s,c as t,h as o,t as i}from"./p-CDehvEQ5.js";import{d as c}from"./p-J-Yn0oS3.js";import{d}from"./p-CbQobmaB.js";const n=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.optionClick=t(this,"optionClick")}get el(){return this}option;index;isSelected=!1;isFocused=!1;optionStyle;disabled=!1;useCheckbox=!1;isHovered=!1;async sdIsDisabled(){return!!this.option.disabled}optionClick;handleClick=e=>{e.stopPropagation(),this.option.disabled||this.disabled||this.optionClick.emit({option:this.option,index:this.index,event:e})};render(){return o("div",{key:"a4fcca24b0bdde4f4665585c6cede84bd3b64d59",class:{"sd-select__option":!0,"sd-select__option--selected":this.isSelected,"sd-select__option--disabled":!!this.option.disabled,"sd-select__option--focused":this.isFocused,"sd-select__option--use-checkbox":this.useCheckbox},onMouseEnter:()=>this.isHovered=!0,onMouseLeave:()=>this.isHovered=!1,style:this.optionStyle,"data-index":this.index,onClick:this.handleClick},this.useCheckbox?o("div",{class:"sd-select__option__checkbox-wrapper"},o("sd-checkbox",{value:this.isSelected,disabled:this.option.disabled,onClick:e=>{e.preventDefault(),this.handleClick(e)}}),o("span",{class:"sd-select__option-label"},this.option.label)):this.option.label)}static get style(){return"sd-select-option{display:block;height:fit-content;line-height:0}sd-select-option .sd-select__option{display:flex;padding:4px 12px;font-size:12px;line-height:20px;cursor:pointer}sd-select-option .sd-select__option__checkbox-wrapper{display:flex;width:100%;column-gap:8px;align-items:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}sd-select-option .sd-select__option--focused{background-color:#E6F1FF}sd-select-option .sd-select__option--selected:not(:hover):not(.sd-select__option--use-checkbox),sd-select-option .sd-select__option--focused:not(:hover):not(.sd-select__option--use-checkbox){color:#0075FF;font-weight:700}sd-select-option .sd-select__option--disabled{color:#AAAAAA;cursor:not-allowed}sd-select-option .sd-select__option:hover:not(.sd-select__option--disabled){background-color:#0075FF;color:white}"}},[512,"sd-select-option",{option:[16],index:[2],isSelected:[4,"is-selected"],isFocused:[4,"is-focused"],optionStyle:[16],disabled:[4],useCheckbox:[4,"use-checkbox"],isHovered:[32],sdIsDisabled:[64]}]);function l(){"undefined"!=typeof customElements&&["sd-select-option","sd-checkbox","sd-icon"].forEach((e=>{switch(e){case"sd-select-option":customElements.get(i(e))||customElements.define(i(e),n);break;case"sd-checkbox":customElements.get(i(e))||c();break;case"sd-icon":customElements.get(i(e))||d()}}))}export{n as S,l as d}
+import{p as e,H as s,c as t,h as o,t as i}from"./p-CDehvEQ5.js";import{d as c}from"./p-DExqkuUY.js";import{d}from"./p-CAJmL8nc.js";const n=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.optionClick=t(this,"optionClick")}get el(){return this}option;index;isSelected=!1;isFocused=!1;optionStyle;disabled=!1;useCheckbox=!1;isHovered=!1;async sdIsDisabled(){return!!this.option.disabled}optionClick;handleClick=e=>{e.stopPropagation(),this.option.disabled||this.disabled||this.optionClick.emit({option:this.option,index:this.index,event:e})};render(){return o("div",{key:"b9844296973b6e85d3c3e3652671e89f470ec7a9",class:{"sd-select__option":!0,"sd-select__option--selected":this.isSelected,"sd-select__option--disabled":!!this.option.disabled,"sd-select__option--focused":this.isFocused,"sd-select__option--use-checkbox":this.useCheckbox},onMouseEnter:()=>this.isHovered=!0,onMouseLeave:()=>this.isHovered=!1,style:this.optionStyle,"data-index":this.index,onClick:this.handleClick},this.useCheckbox?o("div",{class:"sd-select__option__checkbox-wrapper"},o("sd-checkbox",{value:this.isSelected,disabled:this.option.disabled,onClick:e=>{e.preventDefault(),this.handleClick(e)}}),o("span",{class:"sd-select__option-label"},this.option.label)):this.option.label)}static get style(){return"sd-select-option{display:block;height:fit-content;line-height:0}sd-select-option .sd-select__option{display:flex;padding:4px 12px;font-size:12px;line-height:20px;cursor:pointer}sd-select-option .sd-select__option__checkbox-wrapper{display:flex;width:100%;column-gap:8px;align-items:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}sd-select-option .sd-select__option--focused{background-color:#E6F1FF}sd-select-option .sd-select__option--selected:not(:hover):not(.sd-select__option--use-checkbox),sd-select-option .sd-select__option--focused:not(:hover):not(.sd-select__option--use-checkbox){color:#0075FF;font-weight:700}sd-select-option .sd-select__option--disabled{color:#AAAAAA;cursor:not-allowed}sd-select-option .sd-select__option:hover:not(.sd-select__option--disabled){background-color:#0075FF;color:white}"}},[512,"sd-select-option",{option:[16],index:[2],isSelected:[4,"is-selected"],isFocused:[4,"is-focused"],optionStyle:[16],disabled:[4],useCheckbox:[4,"use-checkbox"],isHovered:[32],sdIsDisabled:[64]}]);function l(){"undefined"!=typeof customElements&&["sd-select-option","sd-checkbox","sd-icon"].forEach((e=>{switch(e){case"sd-select-option":customElements.get(i(e))||customElements.define(i(e),n);break;case"sd-checkbox":customElements.get(i(e))||c();break;case"sd-icon":customElements.get(i(e))||d()}}))}export{n as S,l as d}

package/dist/components/p-VKF2AWs1.js

@@ -0,0 +1 @@
+import{b as r}from"./p-Dc4UTGgQ.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:r.neutral.subtle.bg.default,neutral_outline:r.neutral.outline.bg.default,danger:r.danger.strong.bg.default,danger_outline:r.danger.outline.bg.default},n={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_xs:{variant:"primary",size:"xs",color:i.neutral},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_sm:{variant:"primary",size:"sm",color:i.neutral},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_md:{variant:"primary",size:"md",color:i.neutral},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_lg:{variant:"primary",size:"lg",color:i.neutral},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}},e={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:r.neutral.subtle.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:r.neutral.subtle.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:"transparent",neutral_outline:r.neutral.outline.border,danger:"transparent",danger_outline:r.danger.outline.border},s=r.content.disabled,m=/_(xs|sm|md|lg)$/,u=r=>r in n,_=r=>r.replace(m,"");export{n as B,s as D,l as P,e as a,a as b,t as c,o as d,_ as g,u as i}

package/dist/components/sd-button-v2.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SdButtonV2 extends Components.SdButtonV2, HTMLElement {}
+export const SdButtonV2: {
+    prototype: SdButtonV2;
+    new (): SdButtonV2;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1 @@
+import{p as t,H as n,c as o,h as s,t as d}from"./p-CDehvEQ5.js";import{i,g as a,B as e,D as b,P as r,a as u,b as v,c as h,d as l}from"./p-VKF2AWs1.js";import{d as c}from"./p-CAJmL8nc.js";const g=t(class extends n{constructor(t){super(),!1!==t&&this.__registerHost(),this.click=o(this,"sdClick")}name="primary_sm";label="";icon;ariaLabel="";disabled=!1;type="button";click;hasWarnedMissingAriaLabel=!1;handleClick=t=>{this.disabled?t.preventDefault():this.click.emit(t)};get resolvedConfig(){if(!i(this.name))throw Error("Invalid sd-button-v2 name: "+this.name);return{config:e[this.name],preset:a(this.name)}}getButtonClasses(t,n,o,s){const d=["sd-button-v2","sd-button-v2--"+t,"sd-button-v2--"+n];return this.disabled&&d.push("sd-button-v2--disabled"),s&&d.push("sd-button-v2--icon-only"),o&&d.push("sd-button-v2--has-label"),d.join(" ")}componentWillRender(){this.warnIfMissingAriaLabel()}warnIfMissingAriaLabel(){this.label||!this.icon||this.ariaLabel.trim()?this.hasWarnedMissingAriaLabel=!1:this.hasWarnedMissingAriaLabel||(console.warn(`[sd-button-v2] icon-only buttons require \`ariaLabel\`. Received name="${this.name}" icon="${this.icon}".`),this.hasWarnedMissingAriaLabel=!0)}render(){const{config:t,preset:n}=this.resolvedConfig,o=!!this.label,d=!this.label&&!!this.icon,i=d&&this.ariaLabel.trim()?this.ariaLabel:void 0,a=this.disabled?b:r[n];return s("button",{key:"f1c9355390568831fa0c4c7289e62e701e0174c2",class:this.getButtonClasses(n,t.size,o,d),type:this.type,disabled:this.disabled,"aria-label":i,style:{"--sd-button-v2-bg":"primary"===t.variant?t.color:"#FFFFFF","--sd-button-v2-bg-hover":l[n],"--sd-button-v2-border":h[n],"--sd-button-v2-content":r[n],"--sd-button-v2-accent":v},onClick:this.handleClick},s("span",{key:"2845fbd556f326db93a27b802faa96ec60345f63",class:"sd-button-v2__content"},this.icon&&s("sd-icon",{key:"5d90b15cbcd0c1cea10a5dc251fd13e6a0099fb0",class:"sd-button-v2__icon",name:this.icon,size:u[t.size],color:a}),this.label&&s("span",{key:"76facbfe83402fd0e5b17c1b7d4132665d8aaf5b",class:"sd-button-v2__label"},this.label)))}static get style(){return"sd-button-v2{display:inline-flex;width:fit-content;height:fit-content}.sd-button-v2{--sd-button-v2-height:34px;--sd-button-v2-padding-x:20px;--sd-button-v2-gap:8px;--sd-button-v2-font-family:inherit;--sd-button-v2-font-size:16px;--sd-button-v2-font-weight:500;--sd-button-v2-text-decoration:none;--sd-button-v2-label-min-width:auto;--sd-button-v2-icon-only-size:var(--sd-button-v2-height);--sd-button-v2-bg:#025497;--sd-button-v2-bg-hover:#004177;--sd-button-v2-border:transparent;--sd-button-v2-content:#ffffff;display:inline-flex;align-items:center;justify-content:center;min-height:var(--sd-button-v2-height);min-width:var(--sd-button-v2-min-width, auto);padding:0 var(--sd-button-v2-padding-x);border:var(--sd-button-border-width-default, 1px) solid var(--sd-button-v2-border);border-radius:var(--sd-button-radius-default, 4px);background:var(--sd-button-v2-bg);color:var(--sd-button-v2-content);cursor:pointer;box-sizing:border-box;font-family:var(--sd-button-v2-font-family);font-size:var(--sd-button-v2-font-size);font-weight:var(--sd-button-v2-font-weight);line-height:1;text-decoration:var(--sd-button-v2-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;-webkit-user-select:none;user-select:none}.sd-button-v2:hover:not(.sd-button-v2--disabled){background:var(--sd-button-v2-bg-hover)}.sd-button-v2:focus-visible{outline:0;box-shadow:0 0 0 2px var(--sd-button-v2-accent)}.sd-button-v2--xs{--sd-button-v2-height:var(--sd-button-xs-height, 24px);--sd-button-v2-padding-x:var(--sd-button-xs-padding-x, 8px);--sd-button-v2-gap:var(--sd-button-xs-gap, 4px);--sd-button-v2-font-family:var(--sd-button-xs-typography-font-family, inherit);--sd-button-v2-font-size:var(--sd-button-xs-typography-font-size, 12px);--sd-button-v2-font-weight:var(--sd-button-xs-typography-font-weight, 500);--sd-button-v2-text-decoration:var(--sd-button-xs-typography-text-decoration, none);--sd-button-v2-label-min-width:var(--sd-button-label-xs-min-width, auto);--sd-button-v2-icon-only-size:var(--sd-button-icon-only-xs-width, var(--sd-button-v2-height))}.sd-button-v2--sm{--sd-button-v2-height:var(--sd-button-sm-height, 28px);--sd-button-v2-padding-x:var(--sd-button-sm-padding-x, 12px);--sd-button-v2-gap:var(--sd-button-sm-gap, 6px);--sd-button-v2-font-family:var(--sd-button-sm-typography-font-family, inherit);--sd-button-v2-font-size:var(--sd-button-sm-typography-font-size, 12px);--sd-button-v2-font-weight:var(--sd-button-sm-typography-font-weight, 500);--sd-button-v2-text-decoration:var(--sd-button-sm-typography-text-decoration, none);--sd-button-v2-label-min-width:var(--sd-button-label-sm-min-width, auto);--sd-button-v2-icon-only-size:var(--sd-button-icon-only-sm-width, var(--sd-button-v2-height))}.sd-button-v2--md{--sd-button-v2-height:var(--sd-button-md-height, 34px);--sd-button-v2-padding-x:var(--sd-button-md-padding-x, 20px);--sd-button-v2-gap:var(--sd-button-md-gap, 8px);--sd-button-v2-font-family:var(--sd-button-md-typography-font-family, inherit);--sd-button-v2-font-size:var(--sd-button-md-typography-font-size, 16px);--sd-button-v2-font-weight:var(--sd-button-md-typography-font-weight, 500);--sd-button-v2-text-decoration:var(--sd-button-md-typography-text-decoration, none);--sd-button-v2-label-min-width:var(--sd-button-label-md-min-width, auto);--sd-button-v2-icon-only-size:var(--sd-button-icon-only-md-width, var(--sd-button-v2-height))}.sd-button-v2--lg{--sd-button-v2-height:var(--sd-button-lg-height, 62px);--sd-button-v2-padding-x:var(--sd-button-lg-padding-x, 28px);--sd-button-v2-gap:var(--sd-button-lg-gap, 12px);--sd-button-v2-font-family:var(--sd-button-lg-typography-font-family, inherit);--sd-button-v2-font-size:var(--sd-button-lg-typography-font-size, 18px);--sd-button-v2-font-weight:var(--sd-button-lg-typography-font-weight, 500);--sd-button-v2-text-decoration:var(--sd-button-lg-typography-text-decoration, none);--sd-button-v2-label-min-width:var(--sd-button-label-lg-min-width, auto);--sd-button-v2-icon-only-size:var(--sd-button-icon-only-lg-width, var(--sd-button-v2-height))}.sd-button-v2--has-label{--sd-button-v2-min-width:var(--sd-button-v2-label-min-width, auto)}.sd-button-v2--icon-only{width:var(--sd-button-v2-icon-only-size, var(--sd-button-v2-height));min-width:var(--sd-button-v2-icon-only-size, var(--sd-button-v2-height));height:var(--sd-button-v2-icon-only-size, var(--sd-button-v2-height));padding:0}.sd-button-v2--icon-only .sd-button-v2__content{gap:0}.sd-button-v2--disabled{border-color:var(--sd-button-border-disabled, #CCCCCC);background:var(--sd-button-bg-disabled, #E1E1E1);color:var(--sd-button-content-disabled, #888888);cursor:not-allowed}.sd-button-v2 .sd-button-v2__content{display:inline-flex;align-items:center;justify-content:center;gap:var(--sd-button-v2-gap)}.sd-button-v2 .sd-button-v2__label{font:inherit}"}},[512,"sd-button-v2",{name:[1],label:[1],icon:[1],ariaLabel:[1,"aria-label"],disabled:[4],type:[1]}]),p=g,f=function(){"undefined"!=typeof customElements&&["sd-button-v2","sd-icon"].forEach((t=>{switch(t){case"sd-button-v2":customElements.get(d(t))||customElements.define(d(t),g);break;case"sd-icon":customElements.get(d(t))||c()}}))};export{p as SdButtonV2,f as defineCustomElement}

package/dist/components/sd-button.js

@@ -1 +1 @@
-import{S as o,d as s}from"./p-CHAh-_qx.js";const p=o,r=s;export{p as SdButton,r as defineCustomElement}
+import{S as o,d as s}from"./p-Hvt2oWRk.js";const t=o,p=s;export{t as SdButton,p as defineCustomElement}

package/dist/components/sd-card.js

@@ -1 +1 @@
-import{p as s,H as d,h as e,F as r,t as c}from"./p-CDehvEQ5.js";const a=s(class extends d{constructor(s){super(),!1!==s&&this.__registerHost()}bordered=!1;sdClass="";render(){return e(r,{key:"155504b50cb1c21fc1f847af8a9e8b685f7881ef"},e("div",{key:"c461e3e40da44586da5e02ad508bf59942a9e82a",class:`sd-card ${this.bordered?"sd-card--bordered":""} ${this.sdClass}`},e("slot",{key:"0c0ee023155c08c565c3496c44699a900666b084"})))}static get style(){return"sd-card{display:block;height:fit-content}sd-card .sd-card{border-radius:8px;background:white}sd-card .sd-card--bordered{border:1px solid #E1E1E1}"}},[772,"sd-card",{bordered:[4],sdClass:[1,"sd-class"]}]),t=a,o=function(){"undefined"!=typeof customElements&&["sd-card"].forEach((s=>{"sd-card"===s&&(customElements.get(c(s))||customElements.define(c(s),a))}))};export{t as SdCard,o as defineCustomElement}
+import{p as d,H as s,h as e,F as r,t as a}from"./p-CDehvEQ5.js";const c=d(class extends s{constructor(d){super(),!1!==d&&this.__registerHost()}bordered=!1;sdClass="";render(){return e(r,{key:"a4f5635186614df68acf04c502f804c9f0c77df5"},e("div",{key:"99af2c33f69d069e108f7f122a6e7762ea918276",class:`sd-card ${this.bordered?"sd-card--bordered":""} ${this.sdClass}`},e("slot",{key:"287c27708b9b80a9f04bfff87abdb65022762a6d"})))}static get style(){return"sd-card{display:block;height:fit-content}sd-card .sd-card{border-radius:8px;background:white}sd-card .sd-card--bordered{border:1px solid #E1E1E1}"}},[772,"sd-card",{bordered:[4],sdClass:[1,"sd-class"]}]),t=c,o=function(){"undefined"!=typeof customElements&&["sd-card"].forEach((d=>{"sd-card"===d&&(customElements.get(a(d))||customElements.define(a(d),c))}))};export{t as SdCard,o as defineCustomElement}

package/dist/components/sd-checkbox.js

@@ -1 +1 @@
-import{S as o,d as s}from"./p-J-Yn0oS3.js";const p=o,r=s;export{p as SdCheckbox,r as defineCustomElement}
+import{S as o,d as s}from"./p-DExqkuUY.js";const p=o,r=s;export{p as SdCheckbox,r as defineCustomElement}

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

@@ -1 +1 @@
-import{p as e,H as t,c as s,h as d,t as a}from"./p-CDehvEQ5.js";import{u as i,t as c}from"./p-DTrMR0rx.js";import{d as r}from"./p-CHAh-_qx.js";import{d as n}from"./p-C0yQ73oI.js";import{d as p}from"./p-CWg2auF3.js";import{d as o}from"./p-MmKik3mL.js";import{d as l}from"./p-CbQobmaB.js";import{d as k}from"./p-BVFlD1Lp.js";import{d as h}from"./p-C6J-ZZxF.js";import{d as b}from"./p-D35gOcGh.js";const m=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.update=s(this,"sdUpdate")}get el(){return this}value=null;label;selectable;disabled=!1;placeholder="";isOpen=!1;currentDate=null;currentYear;currentMonth;update;componentWillLoad(){this.setCalendar()}dateUtil=i();inputEl;setCalendar(){const e=this.value||c,[t,s]=e.split("-").map(Number);this.currentYear=t,this.currentMonth=s,this.currentDate=this.value}openMenu(){this.disabled||(this.setCalendar(),this.isOpen=!0)}get calendar(){return this.dateUtil.createCalendar(this.currentYear,this.currentMonth)}setCurrentYear(e){this.currentYear=e}setCurrentMonth(e){this.currentMonth=e}setCurrentDate(e){this.currentDate=e}handleUpdateMonth(e){const{newYear:t,newMonth:s}=this.dateUtil.calculateYearMonth(this.currentYear,this.currentMonth,e);this.setCurrentYear(t),this.setCurrentMonth(s)}handleDateClick(e){if(!e)return;const t=this.dateUtil.formatDate(this.currentYear,this.currentMonth,e);this.setCurrentDate(t),this.isOpen=!1,this.value=t,this.update.emit?.(t)}isDisabledDate(e){if(!this.selectable)return!1;const[t,s]=this.selectable;return t&&s?e<t||e>s:t?e<t:!!s&&e>s}handleClose=()=>{this.isOpen=!1};render(){return d("div",{key:"bb17d32f08d998e599c90cf1a7a35b17e19d3dc4",class:{"sd-date-picker":!0,"sd-date-picker--disabled":this.disabled}},d("sd-input",{key:"ae028d5999a8df40a83b0d77d2dd5c2e0d0d8eb0",ref:e=>this.inputEl=e,value:this.value,label:this.label,"inside-label":!0,readonly:!0,disabled:this.disabled,placeholder:this.placeholder,inputClass:"sd-date-picker__input",onClick:()=>this.openMenu()},d("sd-icon",{key:"fbb954703d19161ab4507696a21278d5b4962b25",slot:"prefix",name:"date",size:"16",color:this.disabled?"grey_65":"grey_70",class:"date-icon",onClick:()=>this.openMenu()})),this.isOpen&&d("sd-portal",{key:"a335d5d317718e30be14fdb4aa1a63cb1347b929",open:this.isOpen,parentRef:this.inputEl,onSdClose:this.handleClose},d("div",{key:"38deef7127db10c91a51b8d6cb017d85fce25888",class:"sd-date-picker__menu"},d("div",{key:"f2ef8eb33086103df65b434360ecc1aac2949bf9",class:"sd-date-picker__header"},d("div",{key:"8b949551a157de1e2ded7f1de621ccacd136126e",class:"year-nav"},d("button",{key:"b1bbd712094885223c21f030c32914d14f3904c2",type:"button",name:"prev-year",title:"Previous Year",onClick:()=>this.setCurrentYear(this.currentYear-1)},d("sd-icon",{key:"7bb6f5f216d02cde59eff87fcaebc32eccbaac25",name:"arrowLeft",size:"12",color:"#CCCCCC"})),d("span",{key:"645c12556fe1b9f1d1c8f7c4cfe73c3b65ad7431",class:"year-nav__current"},this.currentYear),d("button",{key:"f6cb58c23effd1aa0566aaacf41170482f03df51",type:"button",name:"next-year",title:"Next Year",onClick:()=>this.setCurrentYear(this.currentYear+1)},d("sd-icon",{key:"e92ef17b8d50e5115a159d2dd984e738a920f065",name:"arrowRight",size:"12",color:"#CCCCCC"}))),d("div",{key:"73018a9ca04929f4be017631e8e49a73cef71855",class:"month-nav"},d("button",{key:"0983ca35486b8ad29c09740848b4288b602d0cd9",type:"button",name:"prev-month",title:"Previous       ",onClick:()=>this.handleUpdateMonth("prev")},d("sd-icon",{key:"2c9257564786287f825c83391f3e05745c23cf9a",name:"arrowLeft",size:"12",color:"#CCCCCC"})),d("span",{key:"0b9e048eeea62c452671b74db468aa5587e8ddbf",class:"month-nav__current"},this.currentMonth,"월"),d("button",{key:"3ead15a341d5e361e7fb9b1cb2842e5a38b0e03c",type:"button",name:"next-month",title:"Next Month",onClick:()=>this.handleUpdateMonth("next")},d("sd-icon",{key:"a3dbd8606dd51f72f1c315f2eea7ff089a95e6fa",name:"arrowRight",size:"12",color:"#CCCCCC"})))),d("div",{key:"6bbadc79157ae64bf492a965b78d014dcd968ea6",class:"sd-date-picker__days"},["일","월","화","수","목","금","토"].map((e=>d("div",{key:e,class:"day"},e)))),d("div",{key:"972c00769b40eff8015b68e0a9479a6c7c6009db",class:"sd-date-picker__body"},[...this.calendar.prevMonthDays,...this.calendar.days,...this.calendar.afterMonthDays].map(((e,t)=>{const s=this.dateUtil.formatDate(this.currentYear,this.currentMonth,Number(e));return d("sd-date-box",{key:`${e}_${t}`,date:e?Number(e):"",selected:this.currentDate===s,isToday:c===s,disabled:!e||this.isDisabledDate(s),onClick:!this.isDisabledDate(s)&&e?()=>this.handleDateClick(Number(e)):void 0})}))))))}static get style(){return".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{width:304px;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-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker{display:flex;flex-flow:row nowrap;align-items:center;gap:20px;font-size:14px;padding:0 5px;height:24px;line-height:24px}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .year-nav.sc-sd-date-picker,.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .month-nav.sc-sd-date-picker{display:flex;flex-flow:row nowrap;align-items:center;gap:12px}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .year-nav.sc-sd-date-picker button.sc-sd-date-picker,.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .month-nav.sc-sd-date-picker button.sc-sd-date-picker{background:none;border:none;cursor:pointer;margin:0;padding:0}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .year-nav__current.sc-sd-date-picker{width:40px;text-align:center}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .month-nav__current.sc-sd-date-picker{width:100px;text-align:center}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__days.sc-sd-date-picker{margin-top:8px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr));column-gap:10px;padding:0 5px}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__days.sc-sd-date-picker .day.sc-sd-date-picker{width:28px;height:20px;font-size:12px;line-height:20px;text-align:center;color:#888888}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__body.sc-sd-date-picker{margin-top:12px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr))}"}},[514,"sd-date-picker",{value:[1537],label:[1],selectable:[16],disabled:[4],placeholder:[1],isOpen:[32],currentDate:[32],currentYear:[32],currentMonth:[32]}]),u=m,f=function(){"undefined"!=typeof customElements&&["sd-date-picker","sd-button","sd-date-box","sd-field","sd-floating-portal","sd-icon","sd-input","sd-portal","sd-tooltip"].forEach((e=>{switch(e){case"sd-date-picker":customElements.get(a(e))||customElements.define(a(e),m);break;case"sd-button":customElements.get(a(e))||r();break;case"sd-date-box":customElements.get(a(e))||n();break;case"sd-field":customElements.get(a(e))||p();break;case"sd-floating-portal":customElements.get(a(e))||o();break;case"sd-icon":customElements.get(a(e))||l();break;case"sd-input":customElements.get(a(e))||k();break;case"sd-portal":customElements.get(a(e))||h();break;case"sd-tooltip":customElements.get(a(e))||b()}}))};export{u as SdDatePicker,f as defineCustomElement}
+import{p as e,H as t,c as s,h as d,t as a}from"./p-CDehvEQ5.js";import{u as i,t as c}from"./p-DTrMR0rx.js";import{d as r}from"./p-Hvt2oWRk.js";import{d as n}from"./p-C0yQ73oI.js";import{d as p}from"./p-DZqrfwuw.js";import{d as o}from"./p-DF2wExtn.js";import{d as l}from"./p-CAJmL8nc.js";import{d as k}from"./p-DYsHXden.js";import{d as h}from"./p-CWlCxabU.js";import{d as b}from"./p-DFgtwoFG.js";const m=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.update=s(this,"sdUpdate")}get el(){return this}value=null;label;selectable;disabled=!1;placeholder="";isOpen=!1;currentDate=null;currentYear;currentMonth;update;componentWillLoad(){this.setCalendar()}dateUtil=i();inputEl;setCalendar(){const e=this.value||c,[t,s]=e.split("-").map(Number);this.currentYear=t,this.currentMonth=s,this.currentDate=this.value}openMenu(){this.disabled||(this.setCalendar(),this.isOpen=!0)}get calendar(){return this.dateUtil.createCalendar(this.currentYear,this.currentMonth)}setCurrentYear(e){this.currentYear=e}setCurrentMonth(e){this.currentMonth=e}setCurrentDate(e){this.currentDate=e}handleUpdateMonth(e){const{newYear:t,newMonth:s}=this.dateUtil.calculateYearMonth(this.currentYear,this.currentMonth,e);this.setCurrentYear(t),this.setCurrentMonth(s)}handleDateClick(e){if(!e)return;const t=this.dateUtil.formatDate(this.currentYear,this.currentMonth,e);this.setCurrentDate(t),this.isOpen=!1,this.value=t,this.update.emit?.(t)}isDisabledDate(e){if(!this.selectable)return!1;const[t,s]=this.selectable;return t&&s?e<t||e>s:t?e<t:!!s&&e>s}handleClose=()=>{this.isOpen=!1};render(){return d("div",{key:"97baf5202e2702032b5d9035c5b07b3dafa658fa",class:{"sd-date-picker":!0,"sd-date-picker--disabled":this.disabled}},d("sd-input",{key:"bba605148eec6f88829bcfff21cb1ac6efae815d",ref:e=>this.inputEl=e,value:this.value,label:this.label,"inside-label":!0,readonly:!0,disabled:this.disabled,placeholder:this.placeholder,inputClass:"sd-date-picker__input",onClick:()=>this.openMenu()},d("sd-icon",{key:"4c927154407efd9319b56327d83ee2012206b216",slot:"prefix",name:"date",size:"16",color:this.disabled?"grey_65":"grey_70",class:"date-icon",onClick:()=>this.openMenu()})),this.isOpen&&d("sd-portal",{key:"edc06ceeead0cab9ee3b2394097838e03aeb8703",open:this.isOpen,parentRef:this.inputEl,onSdClose:this.handleClose},d("div",{key:"cb71ba6e5517afa0e1e0477599449101b21ece65",class:"sd-date-picker__menu"},d("div",{key:"bdace5b8e99cbd4271ba76dace05f2af4d059d37",class:"sd-date-picker__header"},d("div",{key:"3fc557c6119af299b813610e9b6ef6cd9104a302",class:"year-nav"},d("button",{key:"82b7928c460b6bb3a163cf576977d4694fa63fdc",type:"button",name:"prev-year",title:"Previous Year",onClick:()=>this.setCurrentYear(this.currentYear-1)},d("sd-icon",{key:"b0eda3985494f99de52c85714b13ef45b90ef9db",name:"arrowLeft",size:"12",color:"#CCCCCC"})),d("span",{key:"24245489b718b3fb15603e9da628651b1af8b752",class:"year-nav__current"},this.currentYear),d("button",{key:"458570d7e08af35d2c467398b89a9cb9c200141f",type:"button",name:"next-year",title:"Next Year",onClick:()=>this.setCurrentYear(this.currentYear+1)},d("sd-icon",{key:"5f01f94d7499b0c79f2936249a295b92dfa1476d",name:"arrowRight",size:"12",color:"#CCCCCC"}))),d("div",{key:"5d1551a4149998430fd5c0262000c21e8de76a9b",class:"month-nav"},d("button",{key:"0690296a789d67e5dc1b1ce7b882a261f1724a46",type:"button",name:"prev-month",title:"Previous       ",onClick:()=>this.handleUpdateMonth("prev")},d("sd-icon",{key:"3ed6809573e28c9a40a4f26331669ce66245c076",name:"arrowLeft",size:"12",color:"#CCCCCC"})),d("span",{key:"5ae4ed6249269ba5a1d24ab986ec7c371fa356f4",class:"month-nav__current"},this.currentMonth,"월"),d("button",{key:"7bada1fba8abf6e483969cc5388cd333b03e8e19",type:"button",name:"next-month",title:"Next Month",onClick:()=>this.handleUpdateMonth("next")},d("sd-icon",{key:"559eec3f67ff8b47f601928d5bb9ca2064cb1c6a",name:"arrowRight",size:"12",color:"#CCCCCC"})))),d("div",{key:"5191a48970a3e9f044eaf4851e2e5d507763fe71",class:"sd-date-picker__days"},["일","월","화","수","목","금","토"].map((e=>d("div",{key:e,class:"day"},e)))),d("div",{key:"c124a70d9e1c3dd73c63c8ef3fd513a9cb6c24c8",class:"sd-date-picker__body"},[...this.calendar.prevMonthDays,...this.calendar.days,...this.calendar.afterMonthDays].map(((e,t)=>{const s=this.dateUtil.formatDate(this.currentYear,this.currentMonth,Number(e));return d("sd-date-box",{key:`${e}_${t}`,date:e?Number(e):"",selected:this.currentDate===s,isToday:c===s,disabled:!e||this.isDisabledDate(s),onClick:!this.isDisabledDate(s)&&e?()=>this.handleDateClick(Number(e)):void 0})}))))))}static get style(){return".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{width:304px;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-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker{display:flex;flex-flow:row nowrap;align-items:center;gap:20px;font-size:14px;padding:0 5px;height:24px;line-height:24px}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .year-nav.sc-sd-date-picker,.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .month-nav.sc-sd-date-picker{display:flex;flex-flow:row nowrap;align-items:center;gap:12px}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .year-nav.sc-sd-date-picker button.sc-sd-date-picker,.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .month-nav.sc-sd-date-picker button.sc-sd-date-picker{background:none;border:none;cursor:pointer;margin:0;padding:0}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .year-nav__current.sc-sd-date-picker{width:40px;text-align:center}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .month-nav__current.sc-sd-date-picker{width:100px;text-align:center}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__days.sc-sd-date-picker{margin-top:8px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr));column-gap:10px;padding:0 5px}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__days.sc-sd-date-picker .day.sc-sd-date-picker{width:28px;height:20px;font-size:12px;line-height:20px;text-align:center;color:#888888}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__body.sc-sd-date-picker{margin-top:12px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr))}"}},[514,"sd-date-picker",{value:[1537],label:[1],selectable:[16],disabled:[4],placeholder:[1],isOpen:[32],currentDate:[32],currentYear:[32],currentMonth:[32]}]),u=m,f=function(){"undefined"!=typeof customElements&&["sd-date-picker","sd-button","sd-date-box","sd-field","sd-floating-portal","sd-icon","sd-input","sd-portal","sd-tooltip"].forEach((e=>{switch(e){case"sd-date-picker":customElements.get(a(e))||customElements.define(a(e),m);break;case"sd-button":customElements.get(a(e))||r();break;case"sd-date-box":customElements.get(a(e))||n();break;case"sd-field":customElements.get(a(e))||p();break;case"sd-floating-portal":customElements.get(a(e))||o();break;case"sd-icon":customElements.get(a(e))||l();break;case"sd-input":customElements.get(a(e))||k();break;case"sd-portal":customElements.get(a(e))||h();break;case"sd-tooltip":customElements.get(a(e))||b()}}))};export{u as SdDatePicker,f as defineCustomElement}

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

@@ -1 +1 @@
-import{p as e,H as t,c as a,h as s,F as r,t as d}from"./p-CDehvEQ5.js";import{u as i,t as n}from"./p-DTrMR0rx.js";import{d as c}from"./p-CHAh-_qx.js";import{d as p}from"./p-C0yQ73oI.js";import{d as o}from"./p-CWg2auF3.js";import{d as h}from"./p-MmKik3mL.js";import{d as l}from"./p-CbQobmaB.js";import{d as g}from"./p-BVFlD1Lp.js";import{d as k}from"./p-C6J-ZZxF.js";import{d as m}from"./p-D35gOcGh.js";const b=(e,t)=>{const[a,s,r]=e.split("-").map(Number),d=new Date(a,s-1,r);return d.setDate(d.getDate()+t),`${d.getFullYear()}-${(d.getMonth()+1+"").padStart(2,"0")}-${(d.getDate()+"").padStart(2,"0")}`},u=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.update=a(this,"sdUpdate")}get el(){return this}value=["",""];label;selectable;maxRange;disabled=!1;placeholder="";isOpen=!1;dateRange=this.value;hoverDate="";prevYear=Number(this.dateRange[0].split("-")[0]);prevMonth=Number(this.dateRange[0].split("-")[1]);update;inputEl;dateUtil=i();tempDateRange=["",""];componentWillLoad(){this.syncFromValue(this.value)}onValueChange(e){this.dateRange=[...e]}syncFromValue(e){this.dateRange=[...e],this.resetCalendarByDateRange(e)}resetCalendarByDateRange(e){const t=e[0]||n,a=e[1]||t,[s,r]=t.split("-").map(Number),[d,i]=n.split("-").map(Number);a<=n?(this.prevYear=s,this.prevMonth=r):t<n&&a>n?(this.prevYear=d,this.prevMonth=i):(this.prevYear=s,this.prevMonth=r)}get nextYear(){return 12===this.prevMonth?this.prevYear+1:this.prevYear}get nextMonth(){return 12===this.prevMonth?1:this.prevMonth+1}get prevCalendar(){return this.dateUtil.createCalendar(this.prevYear,this.prevMonth)}get nextCalendar(){return this.dateUtil.createCalendar(this.nextYear,this.nextMonth)}setPrevYear(e){this.prevYear=e}setPrevMonth(e){this.prevMonth=e}updateYearMonth(e){const{newYear:t,newMonth:a}=this.dateUtil.calculateYearMonth(this.prevYear,this.prevMonth,e);this.setPrevYear(t),this.setPrevMonth(a)}setHoverDate(e){this.hoverDate=e}setDateRange(e){this.dateRange=e}formatDate(e,t){return this.dateUtil.formatDate(0===e?this.prevYear:this.nextYear,0===e?this.prevMonth:this.nextMonth,t)}getDateBoxType(e){const[t,a]=this.dateRange;return e===t?a?"start":this.hoverDate<this.dateRange[0]?"end":"start":e===a?"end":""}isDateInRange(e){const[t,a]=this.dateRange;if(t&&a)return e>=t&&e<=a;if(!this.hoverDate||!t||a)return!1;const[s,r]=t<=this.hoverDate?[t,this.hoverDate]:[this.hoverDate,t];return e>=s&&e<=r}isDisabledDate(e){const[t,a]=this.dateRange;if(this.maxRange&&t&&!a){const a=b(t,-this.maxRange),s=b(t,this.maxRange);return!(a<=e&&e<=s)}return!(!(this.selectable&&this.selectable[0]&&this.selectable[1])||e>=this.selectable[0]&&e<=this.selectable[1])}openMenu(){this.disabled||(this.tempDateRange=[...this.dateRange],this.resetCalendarByDateRange(this.dateRange),this.isOpen=!0)}closeMenu=()=>{this.dateRange[0]&&this.dateRange[1]||(this.dateRange=[...this.tempDateRange]),this.isOpen=!1};handleDateClick(e,t){this.setHoverDate("");const a=this.formatDate(e,t);if(!this.dateRange[0]||this.dateRange[1]||a<this.dateRange[0])return void this.setDateRange([a,""]);const s=[this.dateRange[0],a];this.setDateRange(s),this.value=s,this.update.emit?.(s)}handleDateHover(e,t){const a=this.formatDate(e,t);this.setHoverDate(a)}render(){return s("div",{key:"96cd4e99ae976517e7b24c5ff3046af976adc5cb",class:{"sd-date-range-picker":!0,"sd-date-range-picker--disabled":this.disabled}},s("sd-input",{key:"a84838a1a84d990b289f0b753ccf3e2f45da4770",ref:e=>this.inputEl=e,value:this.dateRange[0]?`${this.dateRange[0]} ~ ${this.dateRange[1]}`:"",label:this.label,"inside-label":!0,readonly:!0,disabled:this.disabled,placeholder:this.placeholder,inputClass:"sd-date-range-picker__input",onClick:()=>this.openMenu()},s("sd-icon",{key:"d926c672dcf457a68ebe644b32c90a03ba29b175",slot:"prefix",name:"date",size:"16",color:this.disabled?"grey_65":"grey_70",class:"date-icon",onClick:()=>this.openMenu()})),this.isOpen&&s("sd-portal",{key:"0af519c7ac2ade00972e23b9ecb0344989d87f51",open:this.isOpen,parentRef:this.inputEl,onSdClose:this.closeMenu},s("div",{key:"d9109e573215092c6b386ae27ac7377c4347df4c",class:"sd-date-range-picker__menu"},s("div",{key:"ca4743a26ed0571bc3b63218a32a113e50dbd81a",class:"sd-date-range-picker__header mb-16pxr flex flex-nowrap items-center justify-center"},s("button",{key:"6f0fe1ede6d171e749a241fbeec32056250709b9",type:"button",name:"prev",title:"Previous",onClick:()=>this.setPrevYear(this.prevYear-1)},s("sd-icon",{key:"821526a069a845f271b0e5db607f747efe4e610c",name:"arrowLeft",size:"12",color:"#CCCCCC"})),s("div",{key:"e9402009c8b034953d7ff4be5a4eea64d7fed21d",class:"header-label"},this.prevYear),s("button",{key:"b752631ab64e32a4a39c13898cc3db5e25897c4b",type:"button",name:"next",title:"Next",onClick:()=>this.setPrevYear(this.prevYear+1)},s("sd-icon",{key:"62c6e0004ff1a0d8f260e11b9d17ea7ccca942ee",name:"arrowRight",size:"12",color:"#CCCCCC"}))),s("div",{key:"3a05a7e02664be8d9dfb85d0bada03a2d352af12",class:"sd-date-range-picker__body"},[this.prevCalendar,this.nextCalendar].map(((e,t)=>s(r,null,1===t&&s("div",{class:"separator"}),s("div",{key:t,class:"calendar-container"},s("div",{class:"calendar-header"},s("button",{type:"button",name:"month",title:"Month",class:0===t?"header-button-prev":"header-button-next",onClick:()=>this.updateYearMonth(0===t?"prev":"next")},s("sd-icon",{name:0===t?"arrowLeft":"arrowRight",size:"12",color:"#CCCCCC"})),0===t?`${this.prevYear}.${(this.prevMonth+"").padStart(2,"0")}`:`${this.nextYear}.${(this.nextMonth+"").padStart(2,"0")}`),s("div",{class:"calendar-days"},["일","월","화","수","목","금","토"].map((e=>s("sd-date-box",{key:e,date:e,disabled:!0,class:"day"})))),s("div",{class:"calendar-body mt-12pxr grid grid-cols-7 gap-y-8pxr"},[...e.prevMonthDays,...e.days,...e.afterMonthDays].map(((e,a)=>s("sd-date-box",{key:`prev${e}_${a}`,date:e?Number(e):"",selected:this.dateRange.some((a=>a===this.formatDate(t,Number(e)))),type:this.getDateBoxType(this.formatDate(t,Number(e))),isToday:n===this.formatDate(t,Number(e)),disabled:!e||this.isDisabledDate(this.formatDate(t,Number(e))),inRange:this.isDateInRange(this.formatDate(t,Number(e))),isStartDate:this.dateRange[0]===this.formatDate(t,Number(e)),isEndDate:this.dateRange[1]===this.formatDate(t,Number(e)),onSdClick:()=>this.handleDateClick(t,Number(e)),onSdMouseOver:()=>this.handleDateHover(t,Number(e))}))))))))))))}static get watchers(){return{value:[{onValueChange:0}]}}static get style(){return"sd-date-range-picker.sc-sd-date-range-picker{width:fit-content;display:inline-flex}sd-date-range-picker.sc-sd-date-range-picker .sd-date-range-picker--disabled.sc-sd-date-range-picker .date-icon.sc-sd-date-range-picker{cursor:not-allowed !important;color:#888888 !important}sd-date-range-picker.sc-sd-date-range-picker .sd-date-range-picker--disabled.sc-sd-date-range-picker .sd-input__native.sc-sd-date-range-picker{color:#888888 !important}sd-date-range-picker.sc-sd-date-range-picker .sd-field.sc-sd-date-range-picker .sd-field__control.sc-sd-date-range-picker{min-width:210px}sd-date-range-picker.sc-sd-date-range-picker .sd-field.sc-sd-date-range-picker .sd-input__native.sc-sd-date-range-picker{margin-left:17px !important}.sd-date-range-picker__menu.sc-sd-date-range-picker{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.sc-sd-date-range-picker .sd-date-range-picker__header.sc-sd-date-range-picker{margin-bottom:16px;display:flex;flex-flow:row nowrap;align-items:center;justify-content:center}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__header.sc-sd-date-range-picker .header-label.sc-sd-date-range-picker{margin:0 12px;width:40px;text-align:center;font-size:14px;line-height:24px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker{display:flex;flex-flow:row nowrap;align-items:stretch;gap:19px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker{width:266px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-header.sc-sd-date-range-picker{width:100%;height:24px;line-height:24px;font-size:14px;text-align:center;position:relative;padding:0 5px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-header.sc-sd-date-range-picker button.sc-sd-date-range-picker{position:absolute;top:50%;transform:translateY(-50%)}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-header.sc-sd-date-range-picker button.header-button-prev.sc-sd-date-range-picker{left:5px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-header.sc-sd-date-range-picker button.header-button-next.sc-sd-date-range-picker{right:5px;left:auto}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-days.sc-sd-date-range-picker{padding:0 5px;margin-top:8px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr));column-gap:10px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-days.sc-sd-date-range-picker .day.sc-sd-date-range-picker{width:28px;height:20px;font-size:12px;line-height:20px;text-align:center;color:#888888}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-body.sc-sd-date-range-picker{margin-top:12px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr))}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .separator.sc-sd-date-range-picker{width:1px;background-color:#D8D8D8}"}},[514,"sd-date-range-picker",{value:[1040],label:[1],selectable:[16],maxRange:[2,"max-range"],disabled:[4],placeholder:[1],isOpen:[32],dateRange:[32],hoverDate:[32],prevYear:[32],prevMonth:[32]},void 0,{value:[{onValueChange:0}]}]),f=u,x=function(){"undefined"!=typeof customElements&&["sd-date-range-picker","sd-button","sd-date-box","sd-field","sd-floating-portal","sd-icon","sd-input","sd-portal","sd-tooltip"].forEach((e=>{switch(e){case"sd-date-range-picker":customElements.get(d(e))||customElements.define(d(e),u);break;case"sd-button":customElements.get(d(e))||c();break;case"sd-date-box":customElements.get(d(e))||p();break;case"sd-field":customElements.get(d(e))||o();break;case"sd-floating-portal":customElements.get(d(e))||h();break;case"sd-icon":customElements.get(d(e))||l();break;case"sd-input":customElements.get(d(e))||g();break;case"sd-portal":customElements.get(d(e))||k();break;case"sd-tooltip":customElements.get(d(e))||m()}}))};export{f as SdDateRangePicker,x as defineCustomElement}
+import{p as e,H as t,c as a,h as s,F as r,t as d}from"./p-CDehvEQ5.js";import{u as i,t as n}from"./p-DTrMR0rx.js";import{d as c}from"./p-Hvt2oWRk.js";import{d as p}from"./p-C0yQ73oI.js";import{d as o}from"./p-DZqrfwuw.js";import{d as h}from"./p-DF2wExtn.js";import{d as l}from"./p-CAJmL8nc.js";import{d as g}from"./p-DYsHXden.js";import{d as k}from"./p-CWlCxabU.js";import{d as b}from"./p-DFgtwoFG.js";const m=(e,t)=>{const[a,s,r]=e.split("-").map(Number),d=new Date(a,s-1,r);return d.setDate(d.getDate()+t),`${d.getFullYear()}-${(d.getMonth()+1+"").padStart(2,"0")}-${(d.getDate()+"").padStart(2,"0")}`},u=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.update=a(this,"sdUpdate")}get el(){return this}value=["",""];label;selectable;maxRange;disabled=!1;placeholder="";isOpen=!1;dateRange=this.value;hoverDate="";prevYear=Number(this.dateRange[0].split("-")[0]);prevMonth=Number(this.dateRange[0].split("-")[1]);update;inputEl;dateUtil=i();tempDateRange=["",""];componentWillLoad(){this.syncFromValue(this.value)}onValueChange(e){this.dateRange=[...e]}syncFromValue(e){this.dateRange=[...e],this.resetCalendarByDateRange(e)}resetCalendarByDateRange(e){const t=e[0]||n,a=e[1]||t,[s,r]=t.split("-").map(Number),[d,i]=n.split("-").map(Number);a<=n?(this.prevYear=s,this.prevMonth=r):t<n&&a>n?(this.prevYear=d,this.prevMonth=i):(this.prevYear=s,this.prevMonth=r)}get nextYear(){return 12===this.prevMonth?this.prevYear+1:this.prevYear}get nextMonth(){return 12===this.prevMonth?1:this.prevMonth+1}get prevCalendar(){return this.dateUtil.createCalendar(this.prevYear,this.prevMonth)}get nextCalendar(){return this.dateUtil.createCalendar(this.nextYear,this.nextMonth)}setPrevYear(e){this.prevYear=e}setPrevMonth(e){this.prevMonth=e}updateYearMonth(e){const{newYear:t,newMonth:a}=this.dateUtil.calculateYearMonth(this.prevYear,this.prevMonth,e);this.setPrevYear(t),this.setPrevMonth(a)}setHoverDate(e){this.hoverDate=e}setDateRange(e){this.dateRange=e}formatDate(e,t){return this.dateUtil.formatDate(0===e?this.prevYear:this.nextYear,0===e?this.prevMonth:this.nextMonth,t)}getDateBoxType(e){const[t,a]=this.dateRange;return e===t?a?"start":this.hoverDate<this.dateRange[0]?"end":"start":e===a?"end":""}isDateInRange(e){const[t,a]=this.dateRange;if(t&&a)return e>=t&&e<=a;if(!this.hoverDate||!t||a)return!1;const[s,r]=t<=this.hoverDate?[t,this.hoverDate]:[this.hoverDate,t];return e>=s&&e<=r}isDisabledDate(e){const[t,a]=this.dateRange;if(this.maxRange&&t&&!a){const a=m(t,-this.maxRange),s=m(t,this.maxRange);return!(a<=e&&e<=s)}return!(!(this.selectable&&this.selectable[0]&&this.selectable[1])||e>=this.selectable[0]&&e<=this.selectable[1])}openMenu(){this.disabled||(this.tempDateRange=[...this.dateRange],this.resetCalendarByDateRange(this.dateRange),this.isOpen=!0)}closeMenu=()=>{this.dateRange[0]&&this.dateRange[1]||(this.dateRange=[...this.tempDateRange]),this.isOpen=!1};handleDateClick(e,t){this.setHoverDate("");const a=this.formatDate(e,t);if(!this.dateRange[0]||this.dateRange[1]||a<this.dateRange[0])return void this.setDateRange([a,""]);const s=[this.dateRange[0],a];this.setDateRange(s),this.value=s,this.update.emit?.(s)}handleDateHover(e,t){const a=this.formatDate(e,t);this.setHoverDate(a)}render(){return s("div",{key:"e0eaf7463e91d3afed6ff977deb20d122e837fd4",class:{"sd-date-range-picker":!0,"sd-date-range-picker--disabled":this.disabled}},s("sd-input",{key:"301a5133f5a6bcb5bd66fed546528808a96b822a",ref:e=>this.inputEl=e,value:this.dateRange[0]?`${this.dateRange[0]} ~ ${this.dateRange[1]}`:"",label:this.label,"inside-label":!0,readonly:!0,disabled:this.disabled,placeholder:this.placeholder,inputClass:"sd-date-range-picker__input",onClick:()=>this.openMenu()},s("sd-icon",{key:"ef7e9e74957d994a2e7a374f849ef1a5f03fe501",slot:"prefix",name:"date",size:"16",color:this.disabled?"grey_65":"grey_70",class:"date-icon",onClick:()=>this.openMenu()})),this.isOpen&&s("sd-portal",{key:"0eb793bbc67d0da80bfdbb9d5e8c89857a9bd13d",open:this.isOpen,parentRef:this.inputEl,onSdClose:this.closeMenu},s("div",{key:"6e7f6d3c0ba5d60cec929ff87f2b16c6fd1123ae",class:"sd-date-range-picker__menu"},s("div",{key:"bbc3b2117e226e86ad18e90d9549dfa33b8faa18",class:"sd-date-range-picker__header mb-16pxr flex flex-nowrap items-center justify-center"},s("button",{key:"e5246cbd684096c113a9568d42a4a86555fd55b0",type:"button",name:"prev",title:"Previous",onClick:()=>this.setPrevYear(this.prevYear-1)},s("sd-icon",{key:"84281ab72847d7fe9352be583465b810854f2cfb",name:"arrowLeft",size:"12",color:"#CCCCCC"})),s("div",{key:"9d9394eea9a82bdcdc7918af50e98909610ab5e2",class:"header-label"},this.prevYear),s("button",{key:"6f05a7477293b129561b1bdaa5fca46224f41af9",type:"button",name:"next",title:"Next",onClick:()=>this.setPrevYear(this.prevYear+1)},s("sd-icon",{key:"746bc40e5d0bb72e9aa712012d411f20b459b80a",name:"arrowRight",size:"12",color:"#CCCCCC"}))),s("div",{key:"96a2c1674152f5ee31b29734b1471940b4d0f4b4",class:"sd-date-range-picker__body"},[this.prevCalendar,this.nextCalendar].map(((e,t)=>s(r,null,1===t&&s("div",{class:"separator"}),s("div",{key:t,class:"calendar-container"},s("div",{class:"calendar-header"},s("button",{type:"button",name:"month",title:"Month",class:0===t?"header-button-prev":"header-button-next",onClick:()=>this.updateYearMonth(0===t?"prev":"next")},s("sd-icon",{name:0===t?"arrowLeft":"arrowRight",size:"12",color:"#CCCCCC"})),0===t?`${this.prevYear}.${(this.prevMonth+"").padStart(2,"0")}`:`${this.nextYear}.${(this.nextMonth+"").padStart(2,"0")}`),s("div",{class:"calendar-days"},["일","월","화","수","목","금","토"].map((e=>s("sd-date-box",{key:e,date:e,disabled:!0,class:"day"})))),s("div",{class:"calendar-body mt-12pxr grid grid-cols-7 gap-y-8pxr"},[...e.prevMonthDays,...e.days,...e.afterMonthDays].map(((e,a)=>s("sd-date-box",{key:`prev${e}_${a}`,date:e?Number(e):"",selected:this.dateRange.some((a=>a===this.formatDate(t,Number(e)))),type:this.getDateBoxType(this.formatDate(t,Number(e))),isToday:n===this.formatDate(t,Number(e)),disabled:!e||this.isDisabledDate(this.formatDate(t,Number(e))),inRange:this.isDateInRange(this.formatDate(t,Number(e))),isStartDate:this.dateRange[0]===this.formatDate(t,Number(e)),isEndDate:this.dateRange[1]===this.formatDate(t,Number(e)),onSdClick:()=>this.handleDateClick(t,Number(e)),onSdMouseOver:()=>this.handleDateHover(t,Number(e))}))))))))))))}static get watchers(){return{value:[{onValueChange:0}]}}static get style(){return"sd-date-range-picker.sc-sd-date-range-picker{width:fit-content;display:inline-flex}sd-date-range-picker.sc-sd-date-range-picker .sd-date-range-picker--disabled.sc-sd-date-range-picker .date-icon.sc-sd-date-range-picker{cursor:not-allowed !important;color:#888888 !important}sd-date-range-picker.sc-sd-date-range-picker .sd-date-range-picker--disabled.sc-sd-date-range-picker .sd-input__native.sc-sd-date-range-picker{color:#888888 !important}sd-date-range-picker.sc-sd-date-range-picker .sd-field.sc-sd-date-range-picker .sd-field__control.sc-sd-date-range-picker{min-width:210px}sd-date-range-picker.sc-sd-date-range-picker .sd-field.sc-sd-date-range-picker .sd-input__native.sc-sd-date-range-picker{margin-left:17px !important}.sd-date-range-picker__menu.sc-sd-date-range-picker{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.sc-sd-date-range-picker .sd-date-range-picker__header.sc-sd-date-range-picker{margin-bottom:16px;display:flex;flex-flow:row nowrap;align-items:center;justify-content:center}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__header.sc-sd-date-range-picker .header-label.sc-sd-date-range-picker{margin:0 12px;width:40px;text-align:center;font-size:14px;line-height:24px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker{display:flex;flex-flow:row nowrap;align-items:stretch;gap:19px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker{width:266px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-header.sc-sd-date-range-picker{width:100%;height:24px;line-height:24px;font-size:14px;text-align:center;position:relative;padding:0 5px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-header.sc-sd-date-range-picker button.sc-sd-date-range-picker{position:absolute;top:50%;transform:translateY(-50%)}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-header.sc-sd-date-range-picker button.header-button-prev.sc-sd-date-range-picker{left:5px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-header.sc-sd-date-range-picker button.header-button-next.sc-sd-date-range-picker{right:5px;left:auto}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-days.sc-sd-date-range-picker{padding:0 5px;margin-top:8px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr));column-gap:10px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-days.sc-sd-date-range-picker .day.sc-sd-date-range-picker{width:28px;height:20px;font-size:12px;line-height:20px;text-align:center;color:#888888}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-body.sc-sd-date-range-picker{margin-top:12px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr))}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .separator.sc-sd-date-range-picker{width:1px;background-color:#D8D8D8}"}},[514,"sd-date-range-picker",{value:[1040],label:[1],selectable:[16],maxRange:[2,"max-range"],disabled:[4],placeholder:[1],isOpen:[32],dateRange:[32],hoverDate:[32],prevYear:[32],prevMonth:[32]},void 0,{value:[{onValueChange:0}]}]),f=u,x=function(){"undefined"!=typeof customElements&&["sd-date-range-picker","sd-button","sd-date-box","sd-field","sd-floating-portal","sd-icon","sd-input","sd-portal","sd-tooltip"].forEach((e=>{switch(e){case"sd-date-range-picker":customElements.get(d(e))||customElements.define(d(e),u);break;case"sd-button":customElements.get(d(e))||c();break;case"sd-date-box":customElements.get(d(e))||p();break;case"sd-field":customElements.get(d(e))||o();break;case"sd-floating-portal":customElements.get(d(e))||h();break;case"sd-icon":customElements.get(d(e))||l();break;case"sd-input":customElements.get(d(e))||g();break;case"sd-portal":customElements.get(d(e))||k();break;case"sd-tooltip":customElements.get(d(e))||b()}}))};export{f as SdDateRangePicker,x as defineCustomElement}

package/dist/components/sd-dropdown-button.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SdDropdownButton extends Components.SdDropdownButton, HTMLElement {}
+export const SdDropdownButton: {
+    prototype: SdDropdownButton;
+    new (): SdDropdownButton;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1 @@
+import{p as t,c as o,h as d,t as n}from"./p-CDehvEQ5.js";import{B as r}from"./p-B4p2JGMI.js";import{B as e,g as s,c as i,P as a,d as p,b}from"./p-VKF2AWs1.js";import{b as u}from"./p-Dc4UTGgQ.js";import{d as l}from"./p-CAJmL8nc.js";import{d as c}from"./p-CWlCxabU.js";var g={accent:{default:"#0075FF"}},w={secondary:"#333333",inverse:"#FFFFFF"};const h=new Set(["neutral_xs","neutral_sm","neutral_md"]),m=Object.keys(e).filter((t=>!t.endsWith("_lg")&&!h.has(t))),f=Object.fromEntries(m.map((t=>[t,e[t]]))),x={xs:u.dropdown.xs.minWidth,sm:u.dropdown.sm.minWidth,md:u.dropdown.md.minWidth},_=p,v=a,y=i,k={primary:u.brand.strong.dropdown.divider,secondary:u.brand.subtle.dropdown.divider,primary_outline:y.primary_outline,neutral:u.neutral.outline.border,neutral_outline:y.neutral_outline,danger:u.danger.strong.dropdown.divider,danger_outline:y.danger_outline},C=w.secondary,z=g.accent.default,F=w.inverse,D={primary:C,secondary:C,primary_outline:C,neutral:C,neutral_outline:C,danger:C,danger_outline:C},E={primary:z,secondary:z,primary_outline:z,neutral:z,neutral_outline:z,danger:z,danger_outline:z},O={primary:F,secondary:F,primary_outline:F,neutral:F,neutral_outline:F,danger:F,danger_outline:F},j=u.bg.disabled,I=u.content.disabled,A=u.border.disabled,U=t(class extends r{constructor(t){super(!1),!1!==t&&this.__registerHost(),this.click=o(this,"sdClick"),this.dropDownShow=o(this,"sdDropDownShow")}get el(){return this}name="primary_sm";label="";items=[];disabled=!1;isOpen=!1;itemIndex=-1;triggerRef;menuRef;click;dropDownShow;handleOpenChange(t){this.onDropdownToggle(t),this.dropDownShow.emit({isOpen:t}),t||(this.itemIndex=-1)}componentWillLoad(){this.initializeEvent()}disconnectedCallback(){this.cleanupEvent()}async sdOpen(){this.disabled||0===this.items.length||(this.isOpen=!0)}async sdClose(){this.closeDropdown()}closeDropdown=()=>{this.isOpen=!1};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 f)())throw Error("Invalid sd-dropdown-button name: "+this.name);return{config:f[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.isOpen)};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.triggerRef?d("sd-portal",{open:this.isOpen,parentRef:this.triggerRef,onSdClose:this.closeDropdown},d("div",{class:"sd-dropdown-button__menu",role:"menu",ref:t=>this.menuRef=t,style:{"--sd-dropdown-button-menu-item-color":D[t],"--sd-dropdown-button-menu-item-active-bg":E[t],"--sd-dropdown-button-menu-item-active-color":O[t],"--sd-dropdown-button-menu-border":"transparent"===y[t]?k[t]:y[t]}},this.items.map(((o,n)=>{const r=this.itemIndex===n&&!o.disabled,e=o.disabled?I:r?O[t]:D[t];return d("button",{type:"button",role:"menuitem",class:this.getMenuItemClasses(r,!!o.disabled),disabled:o.disabled,onClick:t=>this.selectItem(o,t),onMouseEnter:()=>{o.disabled||(this.itemIndex=n)}},o.icon&&d("sd-icon",{class:"sd-dropdown-button__menu-item-icon",name:o.icon,size:12,color:e}),d("span",{class:"sd-dropdown-button__menu-item-label",innerHTML:o.label}))})))):null}render(){const{config:t,preset:o}=this.resolvedConfig,n=this.disabled?I:v[o];return d("div",{key:"0bd454e599c8eb56b88f63a5f74e1d9db4b568f9",class:"sd-dropdown-button"},d("button",{key:"804dd19dc0d49969e89d0742e71f61fe610e3f3d",type:"button",class:this.getTriggerClasses(o,t.size,this.disabled,this.isOpen),disabled:this.disabled,"aria-haspopup":"menu","aria-expanded":this.isOpen+"",onClick:this.toggleDropdown,ref:t=>this.triggerRef=t,style:{"--sd-dropdown-button-min-width":x[t.size]+"px","--sd-dropdown-button-bg":t.color,"--sd-dropdown-button-bg-hover":_[o],"--sd-dropdown-button-border":y[o],"--sd-dropdown-button-content":v[o],"--sd-dropdown-button-divider":k[o],"--sd-dropdown-button-accent":b,"--sd-dropdown-button-disabled-bg":j,"--sd-dropdown-button-disabled-content":I,"--sd-dropdown-button-disabled-border":A}},d("span",{key:"038dd3ad8c7c07d3ebb435a6fec27dd31b8fdba0",class:"sd-dropdown-button__trigger-label"},this.label),d("span",{key:"c5c2c0fffa200a4772d7e448e1a1b95745be4faa",class:"sd-dropdown-button__trigger-divider","aria-hidden":"true"}),d("span",{key:"a6f1db25929c10b9dc9ccbae2655eed3c67dff22",class:"sd-dropdown-button__trigger-icon","aria-hidden":"true"},d("sd-icon",{key:"4c1533a7efd5a7d695e460bad9dfc2b8a7fe5740",name:this.isOpen?"arrowUp":"arrowDown",size:12,color:n}))),this.renderDropdown(o))}static get watchers(){return{isOpen:[{handleOpenChange:0}]}}static get style(){return"sd-dropdown-button{display:inline-flex;width:fit-content;height:fit-content}.sd-dropdown-button{display:inline-flex;position:relative}.sd-dropdown-button__trigger{--sd-dropdown-button-height:var(--sd-button-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-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-content-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-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);color: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)}.sd-dropdown-button__menu{display:grid;width:max-content;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{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-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);color:var(--sd-dropdown-button-menu-item-active-color)}.sd-dropdown-button__menu-item--disabled{color:var(--sd-dropdown-button-disabled-content);cursor:not-allowed}.sd-dropdown-button__menu-item-icon{flex:0 0 auto}.sd-dropdown-button__menu-item-label{display:inline-flex;align-items:center;min-width:0;white-space:nowrap;font-size:12px}"}},[512,"sd-dropdown-button",{name:[1],label:[1],items:[16],disabled:[4],isOpen:[32],itemIndex:[32],sdOpen:[64],sdClose:[64]},void 0,{isOpen:[{handleOpenChange:0}]}]),M=U,S=function(){"undefined"!=typeof customElements&&["sd-dropdown-button","sd-icon","sd-portal"].forEach((t=>{switch(t){case"sd-dropdown-button":customElements.get(n(t))||customElements.define(n(t),U);break;case"sd-icon":customElements.get(n(t))||l();break;case"sd-portal":customElements.get(n(t))||c()}}))};export{M as SdDropdownButton,S as defineCustomElement}

package/dist/components/sd-field.js

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

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

@@ -1 +1 @@
-import{p as e,H as i,c as t,h as s,t as l}from"./p-CDehvEQ5.js";import{d as r}from"./p-CbQobmaB.js";const c=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.update=t(this,"sdUpdate")}get el(){return this}value=null;placeholder="Click to upload";disabled=!1;inline=!1;multiple=!1;accept;internalValue=null;hovered=!1;showTooltip=!1;fileInputRef;fileNamesRef;update;valueChanged(e){this.internalValue=e}componentDidLoad(){this.checkOverflow()}componentDidUpdate(){this.checkOverflow()}handleFileChange=e=>{const i=e.target.files;if(!i||0===i.length)return;const t=Array.from(i);this.internalValue=this.multiple?t:t[0],this.value=this.internalValue,this.update?.emit(this.value)};handleClear=e=>{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()};getStatusClass(){return this.disabled?"sd-file-picker--disabled":this.hasFiles()?"sd-file-picker--active":""}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?this.inline?"grey_45":"grey_55":"grey_70"}render(){const e=this.hasFiles(),i=this.getDisplayText();return s("div",{key:"659ab6f0e1fedadfbef1838def391aab28ae6e62",class:{"sd-file-picker":!0,[this.getStatusClass()]:!0,"sd-file-picker--inline":this.inline},onClick:this.handleClick,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1},s("input",{key:"55ffb6c1b3ff502b555cb48a31301ac9b30701a4",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",{key:"b7755876e0f327d15a886a86592cd59bd3435202",name:"attachFile",size:16,color:this.getIconColor(),class:"sd-file-picker__icon"}),s("div",{key:"e1e2004c64166eb2b611c48ca51cc793fb90434c",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-icon",{key:"0a3c122382cab2148a88fbd4fdc9ff1f7cde757b",name:"close",size:12,color:"#888888",class:"sd-file-picker__clear-icon",onClick:this.handleClear}),this.showTooltip&&e&&this.hovered&&s("div",{key:"628717309bf16c0906e9ac21ecbf14a416eea8d8",class:"sd-file-picker__tooltip"},i))}static get watchers(){return{value:[{valueChanged:0}]}}static get style(){return"sd-file-picker{display:inline-flex;width:100%}.sd-file-picker{display:inline-flex;width:100%;align-items:center;max-width:var(--picker-width, 100%);height:28px;gap:8px;padding:4px 8px;border:1px solid #AAAAAA;border-radius:4px;background-color:#FFFFFF;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:400;font-size:12px;line-height:20px;color:#AAAAAA}.sd-file-picker__text--active{color:#222222}.sd-file-picker__text--placeholder{color:#AAAAAA}.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-file-picker:hover:not(.sd-file-picker--inline):not(.sd-file-picker--disabled){background-color:#F6F6F6}.sd-file-picker--active:not(.sd-file-picker--inline):not(.sd-file-picker--disabled){background-color:#FFFFFF}.sd-file-picker--active:not(.sd-file-picker--inline):not(.sd-file-picker--disabled) .sd-file-picker__text{color:#222222}.sd-file-picker--disabled:not(.sd-file-picker--inline){background-color:#EEEEEE;border-color:#CCCCCC;cursor:not-allowed !important}.sd-file-picker--disabled:not(.sd-file-picker--inline) .sd-file-picker__text{color:#888888}.sd-file-picker--inline{border:none;background-color:transparent;padding:0;height:auto}.sd-file-picker--inline .sd-file-picker__text{color:#AAAAAA}.sd-file-picker--inline:hover:not(.sd-file-picker--disabled) .sd-file-picker__text{color:#737373}.sd-file-picker--inline.sd-file-picker--active:not(.sd-file-picker--disabled) .sd-file-picker__text--active{color:#222222}.sd-file-picker--inline.sd-file-picker--disabled .sd-file-picker__text{color:#CCCCCC}"}},[512,"sd-file-picker",{value:[1040],placeholder:[1],disabled:[4],inline:[4],multiple:[4],accept:[1],internalValue:[32],hovered:[32],showTooltip:[32]},void 0,{value:[{valueChanged:0}]}]),o=c,n=function(){"undefined"!=typeof customElements&&["sd-file-picker","sd-icon"].forEach((e=>{switch(e){case"sd-file-picker":customElements.get(l(e))||customElements.define(l(e),c);break;case"sd-icon":customElements.get(l(e))||r()}}))};export{o as SdFilePicker,n as defineCustomElement}
+import{p as e,H as i,c as t,h as s,t as l}from"./p-CDehvEQ5.js";import{d as r}from"./p-CAJmL8nc.js";const c=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.update=t(this,"sdUpdate")}get el(){return this}value=null;placeholder="Click to upload";disabled=!1;inline=!1;multiple=!1;accept;internalValue=null;hovered=!1;showTooltip=!1;fileInputRef;fileNamesRef;update;valueChanged(e){this.internalValue=e}componentDidLoad(){this.checkOverflow()}componentDidUpdate(){this.checkOverflow()}handleFileChange=e=>{const i=e.target.files;if(!i||0===i.length)return;const t=Array.from(i);this.internalValue=this.multiple?t:t[0],this.value=this.internalValue,this.update?.emit(this.value)};handleClear=e=>{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()};getStatusClass(){return this.disabled?"sd-file-picker--disabled":this.hasFiles()?"sd-file-picker--active":""}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?this.inline?"grey_45":"grey_55":"grey_70"}render(){const e=this.hasFiles(),i=this.getDisplayText();return s("div",{key:"dfdb1f7cc4793c23cfb1ae97464981833263421e",class:{"sd-file-picker":!0,[this.getStatusClass()]:!0,"sd-file-picker--inline":this.inline},onClick:this.handleClick,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1},s("input",{key:"bd4a072a517391b63116de1561aaf6606b1a8343",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",{key:"12280a64236d3fd9b63a9d15be11426efdd81629",name:"attachFile",size:16,color:this.getIconColor(),class:"sd-file-picker__icon"}),s("div",{key:"935a7d98ee034d59f16b410eb1495cd009ce6024",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-icon",{key:"08f38161be5d1754b4f5b1bba185a29976ffd1dd",name:"close",size:12,color:"#888888",class:"sd-file-picker__clear-icon",onClick:this.handleClear}),this.showTooltip&&e&&this.hovered&&s("div",{key:"db6edfa98b3832276b320a6f3b4e195cfaeff4d6",class:"sd-file-picker__tooltip"},i))}static get watchers(){return{value:[{valueChanged:0}]}}static get style(){return"sd-file-picker{display:inline-flex;width:100%}.sd-file-picker{display:inline-flex;width:100%;align-items:center;max-width:var(--picker-width, 100%);height:28px;gap:8px;padding:4px 8px;border:1px solid #AAAAAA;border-radius:4px;background-color:#FFFFFF;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:400;font-size:12px;line-height:20px;color:#AAAAAA}.sd-file-picker__text--active{color:#222222}.sd-file-picker__text--placeholder{color:#AAAAAA}.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-file-picker:hover:not(.sd-file-picker--inline):not(.sd-file-picker--disabled){background-color:#F6F6F6}.sd-file-picker--active:not(.sd-file-picker--inline):not(.sd-file-picker--disabled){background-color:#FFFFFF}.sd-file-picker--active:not(.sd-file-picker--inline):not(.sd-file-picker--disabled) .sd-file-picker__text{color:#222222}.sd-file-picker--disabled:not(.sd-file-picker--inline){background-color:#EEEEEE;border-color:#CCCCCC;cursor:not-allowed !important}.sd-file-picker--disabled:not(.sd-file-picker--inline) .sd-file-picker__text{color:#888888}.sd-file-picker--inline{border:none;background-color:transparent;padding:0;height:auto}.sd-file-picker--inline .sd-file-picker__text{color:#AAAAAA}.sd-file-picker--inline:hover:not(.sd-file-picker--disabled) .sd-file-picker__text{color:#737373}.sd-file-picker--inline.sd-file-picker--active:not(.sd-file-picker--disabled) .sd-file-picker__text--active{color:#222222}.sd-file-picker--inline.sd-file-picker--disabled .sd-file-picker__text{color:#CCCCCC}"}},[512,"sd-file-picker",{value:[1040],placeholder:[1],disabled:[4],inline:[4],multiple:[4],accept:[1],internalValue:[32],hovered:[32],showTooltip:[32]},void 0,{value:[{valueChanged:0}]}]),d=c,o=function(){"undefined"!=typeof customElements&&["sd-file-picker","sd-icon"].forEach((e=>{switch(e){case"sd-file-picker":customElements.get(l(e))||customElements.define(l(e),c);break;case"sd-icon":customElements.get(l(e))||r()}}))};export{d as SdFilePicker,o as defineCustomElement}

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

@@ -1 +1 @@
-import{S as m,d as o}from"./p-MmKik3mL.js";const s=m,p=o;export{s as SdFloatingPortal,p as defineCustomElement}
+import{S as o,d as s}from"./p-DF2wExtn.js";const t=o,p=s;export{t as SdFloatingPortal,p as defineCustomElement}