npm - @sellmate/design-system - Versions diffs - 1.31.0 → 1.33.0 - Mend

@sellmate/design-system 1.31.0 → 1.33.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (343) hide show

package/dist/components/{p-CH9dgzTr.js → p-Hh0L_XZ6.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{p as t,H as s,c as e,h as i,t as o}from"./p-~~C6wuKkUq~~.js";const h=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.close=e(this,"sdClose",3)}get hostEl(){return this}to="body";parentRef=null;offset=[0,4];viewportPadding=0;zIndex=996;open=!1;placement="bottom";close;container;wrapper;rafId;isInsideClick=!1;closeTransitionTimer;handleObservedScroll=()=>this.updatePosition();resizeObserver;mutationObserver;scrollParents=[];isObserved=!1;handleOpenChange(){this.syncPortalState()}componentDidLoad(){this.container=this.resolveContainer(),this.syncPortalState()}componentDidRender(){this.syncPortalState()}disconnectedCallback(){if(this.closeTransitionTimer&&clearTimeout(this.closeTransitionTimer),this.unobserveParent(),this.wrapper?.parentNode)try{this.wrapper.parentNode.removeChild(this.wrapper)}catch{}}resolveContainer(){const t="string"==typeof this.to?document.querySelector(this.to):this.to;return t instanceof s?t:document.body}resolveZIndex(){const t=this.zIndex??996,e=this.parentRef?.closest(".sd-modal-container__layer");if(!e)return t;const i=e.closest(".sd-modal-container"),o=i instanceof s?parseInt(getComputedStyle(i).zIndex,10):NaN,h=Number.isFinite(o)?o:997;return Math.max(t,h+1)}createWrapper(){this.wrapper=document.createElement("div"),Object.assign(this.wrapper.style,{position:"fixed",top:"0",left:"0",zIndex:this.resolveZIndex().toString(),opacity:"0",transition:"opacity 0.15s ease-out",boxSizing:"border-box",visibility:"hidden"}),this.container.appendChild(this.wrapper)}ensureWrapper(){this.wrapper\|\|(this.container\|\|=this.resolveContainer(),this.createWrapper(),this.moveSlotContent())}syncPortalState(){if(!this.open)return this.wrapper&&(this.wrapper.style.transition="opacity 0.15s ease-out",this.wrapper.style.opacity="0",this.wrapper.style.pointerEvents="none",this.closeTransitionTimer&&clearTimeout(this.closeTransitionTimer),this.closeTransitionTimer=setTimeout((()=>{this.wrapper&&!this.open&&(this.wrapper.style.display="none")}),150)),void this.unobserveParent();this.closeTransitionTimer&&clearTimeout(this.closeTransitionTimer),this.ensureWrapper(),this.wrapper&&(this.wrapper.style.display="block",this.wrapper.style.transition="opacity 0.25s ease-out",this.wrapper.style.opacity="0",this.wrapper.style.pointerEvents="",this.observeParent(),this.updatePosition())}moveSlotContent(){this.wrapper&&Array.from(this.hostEl.childNodes).filter((t=>t.nodeType!==Node.COMMENT_NODE)).forEach((t=>this.wrapper.appendChild(t)))}updatePosition(){void 0!==this.rafId&&cancelAnimationFrame(this.rafId),this.rafId=requestAnimationFrame((()=>{if(!this.parentRef\|\|!this.wrapper)return;const t=this.parentRef.getBoundingClientRect(),s=window.innerWidth,e=window.innerHeight,i=this.offset??[0,4],o=Math.max(0,this.viewportPadding??0),h=Math.max(s-2o,0),n=Math.max(e-2o,0);this.wrapper.style.maxWidth=`${h}px`,this.wrapper.style.maxHeight=`${n}px`;const r=this.wrapper.getBoundingClientRect(),a=e-t.bottom-i[1]-o,d=t.top-i[1]-o;let l,c=t.left+i[0];"top"===(this.placement??"bottom")?(l=t.top-r.height-i[1],d<r.height&&a>d&&(l=t.bottom+i[1])):(l=t.bottom+i[1],a<r.height&&d>a&&(l=t.top-r.height-i[1]));const p=e-o-r.height;l=p<o?o:Math.min(Math.max(l,o),p);const u=c+r.width>s-o,m=o,b=s-o-r.width;this.wrapper.style.top=`${l}px`,b<m?(this.wrapper.style.left=`${m}px`,this.wrapper.style.right="auto",delete this.wrapper.dataset.align):u?(this.wrapper.style.left="auto",this.wrapper.style.right=s-t.right+"px",this.wrapper.dataset.align="right"):(this.wrapper.style.right="auto",delete this.wrapper.dataset.align,c=Math.min(Math.max(c,m),b),this.wrapper.style.left=`${c}px`),this.wrapper.style.visibility="visible",this.wrapper.style.opacity="1"}))}observeParent(){this.parentRef&&!this.isObserved&&(this.observeScrollParents(this.parentRef),"undefined"!=typeof ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>this.updatePosition())),this.resizeObserver.observe(this.parentRef)),"undefined"!=typeof MutationObserver&&(this.mutationObserver=new MutationObserver((()=>this.updatePosition())),this.mutationObserver.observe(document.body,{childList:!0,subtree:!0})),this.isObserved=!0)}unobserveParent(){this.isObserved&&(this.unobserveScrollParents(),this.resizeObserver?.disconnect(),this.resizeObserver=void 0,this.mutationObserver?.disconnect(),this.mutationObserver=void 0,this.isObserved=!1)}observeScrollParents(t){const 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:o}=getComputedStyle(e);[t,i,o].some((t=>/(auto\|scroll\|overlay)/.test(t)))&&s.push(e),e=e.parentElement}return s}isInsideTarget(t){return!(!this.wrapper?.contains(t)&&!this.parentRef?.contains(t))}handleMouseDown(t){this.open&&(this.isInsideClick=this.isInsideTarget(t.target))}handleWindowClick(t){this.open&&(this.isInsideClick?this.isInsideClick=!1:this.isInsideTarget(t.target)\|\|this.close.emit())}render(){return i("slot",{key:"8b2a674bbd8c75c150940d53c0e5204e951cbb82"})}static get watchers(){return{open:[{handleOpenChange:0}]}}static get style(){return":host { display: none !important; }"}},[772,"sd-portal",{to:[1],parentRef:[16],offset:[16],viewportPadding:[2,"viewport-padding"],zIndex:[2,"z-index"],open:[4],placement:[1]},[[9,"scroll","updatePosition"],[9,"resize","updatePosition"],[9,"mousedown","handleMouseDown"],[8,"click","handleWindowClick"]],{open:[{handleOpenChange:0}]}]);function n(){"undefined"!=typeof customElements&&["sd-portal"].forEach((t=>{"sd-portal"===t&&(customElements.get(o(t))\|\|customElements.define(o(t),h))}))}export{h as S,n as d}
1	+ import{p as t,H as s,c as e,h as i,t as o}from"./p-Br8E2gpA.js";const h=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.close=e(this,"sdClose",3)}get hostEl(){return this}to="body";parentRef=null;offset=[0,4];viewportPadding=0;zIndex=996;open=!1;placement="bottom";close;container;wrapper;rafId;isInsideClick=!1;closeTransitionTimer;handleObservedScroll=()=>this.updatePosition();resizeObserver;mutationObserver;scrollParents=[];isObserved=!1;handleOpenChange(){this.syncPortalState()}componentDidLoad(){this.container=this.resolveContainer(),this.syncPortalState()}componentDidRender(){this.syncPortalState()}disconnectedCallback(){if(this.closeTransitionTimer&&clearTimeout(this.closeTransitionTimer),this.unobserveParent(),this.wrapper?.parentNode)try{this.wrapper.parentNode.removeChild(this.wrapper)}catch{}}resolveContainer(){const t="string"==typeof this.to?document.querySelector(this.to):this.to;return t instanceof s?t:document.body}resolveZIndex(){const t=this.zIndex??996,e=this.parentRef?.closest(".sd-modal-container__layer");if(!e)return t;const i=e.closest(".sd-modal-container"),o=i instanceof s?parseInt(getComputedStyle(i).zIndex,10):NaN,h=Number.isFinite(o)?o:997;return Math.max(t,h+1)}createWrapper(){this.wrapper=document.createElement("div"),Object.assign(this.wrapper.style,{position:"fixed",top:"0",left:"0",zIndex:this.resolveZIndex().toString(),opacity:"0",transition:"opacity 0.15s ease-out",boxSizing:"border-box",visibility:"hidden"}),this.container.appendChild(this.wrapper)}ensureWrapper(){this.wrapper\|\|(this.container\|\|=this.resolveContainer(),this.createWrapper(),this.moveSlotContent())}syncPortalState(){if(!this.open)return this.wrapper&&(this.wrapper.style.transition="opacity 0.15s ease-out",this.wrapper.style.opacity="0",this.wrapper.style.pointerEvents="none",this.closeTransitionTimer&&clearTimeout(this.closeTransitionTimer),this.closeTransitionTimer=setTimeout((()=>{this.wrapper&&!this.open&&(this.wrapper.style.display="none")}),150)),void this.unobserveParent();this.closeTransitionTimer&&clearTimeout(this.closeTransitionTimer),this.ensureWrapper(),this.wrapper&&(this.wrapper.style.display="block",this.wrapper.style.transition="opacity 0.25s ease-out",this.wrapper.style.opacity="0",this.wrapper.style.pointerEvents="",this.observeParent(),this.updatePosition())}moveSlotContent(){this.wrapper&&Array.from(this.hostEl.childNodes).filter((t=>t.nodeType!==Node.COMMENT_NODE)).forEach((t=>this.wrapper.appendChild(t)))}updatePosition(){void 0!==this.rafId&&cancelAnimationFrame(this.rafId),this.rafId=requestAnimationFrame((()=>{if(!this.parentRef\|\|!this.wrapper)return;const t=this.parentRef.getBoundingClientRect(),s=window.innerWidth,e=window.innerHeight,i=this.offset??[0,4],o=Math.max(0,this.viewportPadding??0),h=Math.max(s-2o,0),n=Math.max(e-2o,0);this.wrapper.style.maxWidth=`${h}px`,this.wrapper.style.maxHeight=`${n}px`;const r=this.wrapper.getBoundingClientRect(),a=e-t.bottom-i[1]-o,d=t.top-i[1]-o;let l,c=t.left+i[0];"top"===(this.placement??"bottom")?(l=t.top-r.height-i[1],d<r.height&&a>d&&(l=t.bottom+i[1])):(l=t.bottom+i[1],a<r.height&&d>a&&(l=t.top-r.height-i[1]));const p=e-o-r.height;l=p<o?o:Math.min(Math.max(l,o),p);const u=c+r.width>s-o,m=o,b=s-o-r.width;this.wrapper.style.top=`${l}px`,b<m?(this.wrapper.style.left=`${m}px`,this.wrapper.style.right="auto",delete this.wrapper.dataset.align):u?(this.wrapper.style.left="auto",this.wrapper.style.right=s-t.right+"px",this.wrapper.dataset.align="right"):(this.wrapper.style.right="auto",delete this.wrapper.dataset.align,c=Math.min(Math.max(c,m),b),this.wrapper.style.left=`${c}px`),this.wrapper.style.visibility="visible",this.wrapper.style.opacity="1"}))}observeParent(){this.parentRef&&!this.isObserved&&(this.observeScrollParents(this.parentRef),"undefined"!=typeof ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>this.updatePosition())),this.resizeObserver.observe(this.parentRef)),"undefined"!=typeof MutationObserver&&(this.mutationObserver=new MutationObserver((()=>this.updatePosition())),this.mutationObserver.observe(document.body,{childList:!0,subtree:!0})),this.isObserved=!0)}unobserveParent(){this.isObserved&&(this.unobserveScrollParents(),this.resizeObserver?.disconnect(),this.resizeObserver=void 0,this.mutationObserver?.disconnect(),this.mutationObserver=void 0,this.isObserved=!1)}observeScrollParents(t){const 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:o}=getComputedStyle(e);[t,i,o].some((t=>/(auto\|scroll\|overlay)/.test(t)))&&s.push(e),e=e.parentElement}return s}isInsideTarget(t){return!(!this.wrapper?.contains(t)&&!this.parentRef?.contains(t))}handleMouseDown(t){this.open&&(this.isInsideClick=this.isInsideTarget(t.target))}handleWindowClick(t){this.open&&(this.isInsideClick?this.isInsideClick=!1:this.isInsideTarget(t.target)\|\|this.close.emit())}render(){return i("slot",{key:"8b2a674bbd8c75c150940d53c0e5204e951cbb82"})}static get watchers(){return{open:[{handleOpenChange:0}]}}static get style(){return":host { display: none !important; }"}},[772,"sd-portal",{to:[1],parentRef:[16],offset:[16],viewportPadding:[2,"viewport-padding"],zIndex:[2,"z-index"],open:[4],placement:[1]},[[9,"scroll","updatePosition"],[9,"resize","updatePosition"],[9,"mousedown","handleMouseDown"],[8,"click","handleWindowClick"]],{open:[{handleOpenChange:0}]}]);function n(){"undefined"!=typeof customElements&&["sd-portal"].forEach((t=>{"sd-portal"===t&&(customElements.get(o(t))\|\|customElements.define(o(t),h))}))}export{h as S,n as d}

package/dist/components/{p-Ckr9iuVb.js → p-MquwxbYp.js} RENAMED Viewed

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

package/dist/components/{p-B887QQl2.js → p-YMr1C1Dx.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{p as e,H as t,c as i,h as s,t as r}from"./p-~~C6wuKkUq~~.js";import{p as c,c as o,f as n,d}from"./p-~~DMm_GeZC~~.js";import{d as l}from"./p-~~SYnTIeiO~~.js";import{d as a}from"./p-~~DWnuCSqC~~.js";import{d as m}from"./p-~~CH9dgzTr~~.js";import{d as p}from"./p-~~CTCt17CE~~.js";const u=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.update=i(this,"sdUpdate",7)}value=null;useMeridiem=!0;minuteStep=1;update;valueChanged(){this.syncFromValue()}editingPart=null;inputDraft={};hour=0;minute=0;componentWillLoad(){this.syncFromValue()}syncFromValue(){const e=c(this.value);this.hour=e.hour,this.minute=e.minute}get meridiem(){return this.hour>=12?"PM":"AM"}get displayHour(){if(!this.useMeridiem)return this.hour;const e=this.hour%12;return 0===e?12:e}emitNext(e,t){this.hour=o(e,0,23),this.minute=o(t,0,59),this.update.emit(n(this.hour,this.minute))}sanitizeInput(e){return e.replace(/\D/g,"").slice(0,2)}setDraft(e,t){this.inputDraft={...this.inputDraft,[e]:t}}beginEdit(e,t){this.editingPart=e,this.setDraft(e,String(t).padStart(2,"0"))}commitHourDraft(e){const t=o(Number(e),this.useMeridiem?1:0,this.useMeridiem?12:23);return this.emitNext(this.useMeridiem?"PM"===this.meridiem?12===t?12:t+12:12===t?0:t:t,this.minute),t}commitMinuteDraft(e){const t=o(Number(e),0,59);return this.emitNext(this.hour,t),t}endEdit(e){const t=this.inputDraft[e];"hour"===e&&null!=t&&""!==t&&this.commitHourDraft(t),"minute"===e&&null!=t&&""!==t&&this.commitMinuteDraft(t),this.editingPart=null,this.inputDraft={}}setMeridiem(e){e!==this.meridiem&&this.emitNext("AM"!==e?this.hour+12:this.hour-12,this.minute)}changeHour(e){this.emitNext((this.hour+e+24)%24,this.minute)}changeMinute(e){const t=this.minute+e;t>59?this.emitNext((this.hour+1)%24,t-60):t<0?this.emitNext((this.hour+23)%24,t+60):this.emitNext(this.hour,t)}handleHourInput=e=>{const t=e.target,i=this.sanitizeInput(t.value);if(t.value=i,this.setDraft("hour",i),""===i)return;if(i.length<2)return;const s=this.commitHourDraft(i),r=Number(i)===s?i:String(s);t.value=r,this.setDraft("hour",r)};handleMinuteInput=e=>{const t=e.target,i=this.sanitizeInput(t.value);if(t.value=i,this.setDraft("minute",i),""===i)return;if(i.length<2)return;const s=this.commitMinuteDraft(i),r=Number(i)===s?i:String(s);t.value=r,this.setDraft("minute",r),this.emitNext(this.hour,s)};renderMeridiemButton(e,t,i){return s("button",{type:"button",class:{"sd-time-picker-selector__meridiem-button":!0,"sd-time-picker-selector__meridiem-button--selected":this.meridiem===t,[`sd-time-picker-selector__meridiem-button--${i}`]:!0},onClick:()=>this.setMeridiem(t)},e)}renderColumn(e){const t="hour"===e,i=t?this.displayHour:this.minute,r=this.editingPart===e?this.inputDraft[e]??"":String(i).padStart(2,"0");return s("div",{class:`sd-time-picker-selector__column sd-time-picker-selector__column--${e}`},s("sd-ghost-button",{icon:"chevronUp",size:"xs",ariaLabel:(t?"시":"분")+" 증가",onSdClick:()=>t?this.changeHour(1):this.changeMinute(this.minuteStep)}),s("input",{class:"sd-time-picker-selector__input",type:"text",inputmode:"numeric",value:r,placeholder:"-",onFocus:()=>this.beginEdit(e,i),onBlur:()=>this.endEdit(e),onInput:t?this.handleHourInput:this.handleMinuteInput,"aria-label":t?"시":"분"}),s("sd-ghost-button",{icon:"chevronDown",size:"xs",ariaLabel:(t?"시":"분")+" 감소",onSdClick:()=>t?this.changeHour(-1):this.changeMinute(-this.minuteStep)}))}render(){return s("div",{key:"~~230eba90099f06b238a49da38bade09d5a1a168a~~",class:"sd-time-picker-selector",style:{"--selector-bg":d.bg,"--selector-radius":`${d.radius}px`,"--selector-section-padding-x":`${d.section.paddingX}px`,"--selector-section-padding-y":`${d.section.paddingY}px`,"--selector-time-gap":`${d.time.gap}px`,"--selector-time-column-gap":`${d.time.column.gap}px`,"--selector-input-width":`${d.inputWidth}px`,"--selector-colon-size":`${d.colonSize}px`}},this.useMeridiem&&s("div",{key:"~~a15baa49aa07b469843f15a1c381c97df6b31600~~",class:"sd-time-picker-selector__meridiem"},s("div",{key:"~~e1e9576461c4c9059b1d5c9f4a8528af91869316~~",class:"sd-time-picker-selector__meridiem-group"},this.renderMeridiemButton("오전","AM","first"),this.renderMeridiemButton("오후","PM","end"))),this.useMeridiem&&s("div",{key:"~~c9c8dfbb3c724bef2d20d22ea839079c8176c1c6~~",class:"sd-time-picker-selector__divider"}),s("div",{key:"~~d7157d6f5a38b09098fea6dc33d9ca69cf9fcd06~~",class:"sd-time-picker-selector__time"},this.renderColumn("hour"),s("span",{key:"~~83b0ce7966cabe292eb454d103507a0504915aa7~~",class:"sd-time-picker-selector__colon"},":"),this.renderColumn("minute")))}static get watchers(){return{value:[{valueChanged:0}]}}static get style(){return"sd-time-picker-selector{display:block}sd-time-picker-selector .sd-time-picker-selector{display:flex;flex-direction:column;align-items:stretch;justify-content:center;overflow:hidden;background:var(--selector-bg);border-radius:var(--selector-radius);box-shadow:4px 8px 16px -4px rgba(34, 34, 34, 0.1), 0 0 24px -6px rgba(34, 34, 34, 0.12)}sd-time-picker-selector .sd-time-picker-selector__meridiem{display:flex;align-items:center;justify-content:center;padding:var(--selector-section-padding-y) var(--selector-section-padding-x);background:var(--selector-bg)}sd-time-picker-selector .sd-time-picker-selector__meridiem-group{display:flex;isolation:isolate}sd-time-picker-selector .sd-time-picker-selector__meridiem-button{width:61px;height:28px;border:1px solid #ccc;background:#fff;color:#555;font-size:12px;line-height:20px;font-weight:500;cursor:pointer}sd-time-picker-selector .sd-time-picker-selector__meridiem-button--first{border-radius:4px 0 0 4px;margin-right:-1px}sd-time-picker-selector .sd-time-picker-selector__meridiem-button--end{border-radius:0 4px 4px 0}sd-time-picker-selector .sd-time-picker-selector__meridiem-button--selected{z-index:1;border-color:#0075ff;color:#0075ff}sd-time-picker-selector .sd-time-picker-selector__divider{height:1px;width:100%;background:#e1e1e1}sd-time-picker-selector .sd-time-picker-selector__time{display:flex;align-items:center;justify-content:center;gap:var(--selector-time-gap);padding:var(--selector-section-padding-y) var(--selector-section-padding-x);background:var(--selector-bg)}sd-time-picker-selector .sd-time-picker-selector__column{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--selector-time-column-gap)}sd-time-picker-selector .sd-time-picker-selector__input{width:var(--selector-input-width);height:28px;box-sizing:border-box;border:1px solid #aaa;border-radius:4px;background:#fff;color:#222;font-size:12px;line-height:20px;text-align:center;outline:none}sd-time-picker-selector .sd-time-picker-selector__colon{width:var(--selector-colon-size);color:#555;font-size:16px;line-height:16px;text-align:center}"}},[512,"sd-time-picker-selector",{value:[1],useMeridiem:[4,"use-meridiem"],minuteStep:[2,"minute-step"],editingPart:[32],inputDraft:[32]},void 0,{value:[{valueChanged:0}]}]);function h(){"undefined"!=typeof customElements&&["sd-time-picker-selector","sd-ghost-button","sd-icon","sd-portal","sd-tag"].forEach((e=>{switch(e){case"sd-time-picker-selector":customElements.get(r(e))\|\|customElements.define(r(e),u);break;case"sd-ghost-button":customElements.get(r(e))\|\|l();break;case"sd-icon":customElements.get(r(e))\|\|a();break;case"sd-portal":customElements.get(r(e))\|\|m();break;case"sd-tag":customElements.get(r(e))\|\|p()}}))}export{u as S,h as d}
1	+ import{p as e,H as t,c as i,h as s,t as r}from"./p-Br8E2gpA.js";import{p as c,c as o,f as n,d}from"./p-tH_3uKAX.js";import{d as l}from"./p-B-DK72cc.js";import{d as a}from"./p-jbqIrDHw.js";import{d as p}from"./p-Hh0L_XZ6.js";import{d as m}from"./p-CZym_85X.js";const h=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.update=i(this,"sdUpdate",7)}value=null;useMeridiem=!0;minuteStep=1;update;valueChanged(){this.syncFromValue()}editingPart=null;inputDraft={};hour=0;minute=0;componentWillLoad(){this.syncFromValue()}syncFromValue(){const e=c(this.value);this.hour=e.hour,this.minute=e.minute}get meridiem(){return this.hour>=12?"PM":"AM"}get displayHour(){if(!this.useMeridiem)return this.hour;const e=this.hour%12;return 0===e?12:e}emitNext(e,t){this.hour=o(e,0,23),this.minute=o(t,0,59),this.update.emit(n(this.hour,this.minute))}sanitizeInput(e){return e.replace(/\D/g,"").slice(0,2)}setDraft(e,t){this.inputDraft={...this.inputDraft,[e]:t}}beginEdit(e,t){this.editingPart=e,this.setDraft(e,String(t).padStart(2,"0"))}commitHourDraft(e){const t=o(Number(e),this.useMeridiem?1:0,this.useMeridiem?12:23);return this.emitNext(this.useMeridiem?"PM"===this.meridiem?12===t?12:t+12:12===t?0:t:t,this.minute),t}commitMinuteDraft(e){const t=o(Number(e),0,59);return this.emitNext(this.hour,t),t}endEdit(e){const t=this.inputDraft[e];"hour"===e&&null!=t&&""!==t&&this.commitHourDraft(t),"minute"===e&&null!=t&&""!==t&&this.commitMinuteDraft(t),this.editingPart=null,this.inputDraft={}}setMeridiem(e){e!==this.meridiem&&this.emitNext("AM"!==e?this.hour+12:this.hour-12,this.minute)}changeHour(e){this.emitNext((this.hour+e+24)%24,this.minute)}changeMinute(e){const t=this.minute+e;t>59?this.emitNext((this.hour+1)%24,t-60):t<0?this.emitNext((this.hour+23)%24,t+60):this.emitNext(this.hour,t)}handleHourInput=e=>{const t=e.target,i=this.sanitizeInput(t.value);if(t.value=i,this.setDraft("hour",i),""===i)return;if(i.length<2)return;const s=this.commitHourDraft(i),r=Number(i)===s?i:String(s);t.value=r,this.setDraft("hour",r)};handleMinuteInput=e=>{const t=e.target,i=this.sanitizeInput(t.value);if(t.value=i,this.setDraft("minute",i),""===i)return;if(i.length<2)return;const s=this.commitMinuteDraft(i),r=Number(i)===s?i:String(s);t.value=r,this.setDraft("minute",r),this.emitNext(this.hour,s)};renderMeridiemButton(e,t,i){return s("button",{type:"button",class:{"sd-time-picker-selector__meridiem-button":!0,"sd-time-picker-selector__meridiem-button--selected":this.meridiem===t,[`sd-time-picker-selector__meridiem-button--${i}`]:!0},onClick:()=>this.setMeridiem(t)},e)}renderColumn(e){const t="hour"===e,i=t?this.displayHour:this.minute,r=this.editingPart===e?this.inputDraft[e]??"":String(i).padStart(2,"0");return s("div",{class:`sd-time-picker-selector__column sd-time-picker-selector__column--${e}`},s("sd-ghost-button",{icon:"chevronUp",size:"xs",ariaLabel:(t?"시":"분")+" 증가",onSdClick:()=>t?this.changeHour(1):this.changeMinute(this.minuteStep)}),s("input",{class:"sd-time-picker-selector__input",type:"text",inputmode:"numeric",value:r,placeholder:"-",onFocus:()=>this.beginEdit(e,i),onBlur:()=>this.endEdit(e),onInput:t?this.handleHourInput:this.handleMinuteInput,"aria-label":t?"시":"분"}),s("sd-ghost-button",{icon:"chevronDown",size:"xs",ariaLabel:(t?"시":"분")+" 감소",onSdClick:()=>t?this.changeHour(-1):this.changeMinute(-this.minuteStep)}))}render(){return s("div",{key:"690a2ee3a338498102444cd3ffb2442e84d1e5c5",class:"sd-time-picker-selector",style:{"--selector-bg":d.bg,"--selector-radius":`${d.radius}px`,"--selector-section-padding-x":`${d.section.paddingX}px`,"--selector-section-padding-y":`${d.section.paddingY}px`,"--selector-time-gap":`${d.time.gap}px`,"--selector-time-column-gap":`${d.time.column.gap}px`,"--selector-input-width":`${d.inputWidth}px`,"--selector-colon-size":`${d.colonSize}px`}},this.useMeridiem&&s("div",{key:"29acf35f8b8081f074dd081762e798247da1ca0b",class:"sd-time-picker-selector__meridiem"},s("div",{key:"b115a20d0214e1180c17c59f3a8aad3b3d730466",class:"sd-time-picker-selector__meridiem-group"},this.renderMeridiemButton("오전","AM","first"),this.renderMeridiemButton("오후","PM","end"))),this.useMeridiem&&s("div",{key:"2a3c9f4b16521af48544fb430a2572b066a20647",class:"sd-time-picker-selector__divider"}),s("div",{key:"46e80292e25405564861cd75fdfc661fba93a5b1",class:"sd-time-picker-selector__time"},this.renderColumn("hour"),s("span",{key:"48629faacd39b228deb0b29647500d3c5667d941",class:"sd-time-picker-selector__colon"},":"),this.renderColumn("minute")))}static get watchers(){return{value:[{valueChanged:0}]}}static get style(){return"sd-time-picker-selector{display:block}sd-time-picker-selector .sd-time-picker-selector{display:flex;flex-direction:column;align-items:stretch;justify-content:center;overflow:hidden;background:var(--selector-bg);border-radius:var(--selector-radius);box-shadow:4px 8px 16px -4px rgba(34, 34, 34, 0.1), 0 0 24px -6px rgba(34, 34, 34, 0.12)}sd-time-picker-selector .sd-time-picker-selector__meridiem{display:flex;align-items:center;justify-content:center;padding:var(--selector-section-padding-y) var(--selector-section-padding-x);background:var(--selector-bg)}sd-time-picker-selector .sd-time-picker-selector__meridiem-group{display:flex;isolation:isolate}sd-time-picker-selector .sd-time-picker-selector__meridiem-button{width:61px;height:28px;border:1px solid #ccc;background:#fff;color:#555;font-size:12px;line-height:20px;font-weight:500;cursor:pointer}sd-time-picker-selector .sd-time-picker-selector__meridiem-button--first{border-radius:4px 0 0 4px;margin-right:-1px}sd-time-picker-selector .sd-time-picker-selector__meridiem-button--end{border-radius:0 4px 4px 0}sd-time-picker-selector .sd-time-picker-selector__meridiem-button--selected{z-index:1;border-color:#0075ff;color:#0075ff}sd-time-picker-selector .sd-time-picker-selector__divider{height:1px;width:100%;background:#e1e1e1}sd-time-picker-selector .sd-time-picker-selector__time{display:flex;align-items:center;justify-content:center;gap:var(--selector-time-gap);padding:var(--selector-section-padding-y) var(--selector-section-padding-x);background:var(--selector-bg)}sd-time-picker-selector .sd-time-picker-selector__column{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--selector-time-column-gap)}sd-time-picker-selector .sd-time-picker-selector__input{width:var(--selector-input-width);height:28px;box-sizing:border-box;border:1px solid #aaa;border-radius:4px;background:#fff;color:#222;font-size:12px;line-height:20px;text-align:center;outline:none}sd-time-picker-selector .sd-time-picker-selector__colon{width:var(--selector-colon-size);color:#555;font-size:16px;line-height:16px;text-align:center}"}},[512,"sd-time-picker-selector",{value:[1],useMeridiem:[4,"use-meridiem"],minuteStep:[2,"minute-step"],editingPart:[32],inputDraft:[32]},void 0,{value:[{valueChanged:0}]}]);function u(){"undefined"!=typeof customElements&&["sd-time-picker-selector","sd-ghost-button","sd-icon","sd-portal","sd-tag"].forEach((e=>{switch(e){case"sd-time-picker-selector":customElements.get(r(e))\|\|customElements.define(r(e),h);break;case"sd-ghost-button":customElements.get(r(e))\|\|l();break;case"sd-icon":customElements.get(r(e))\|\|a();break;case"sd-portal":customElements.get(r(e))\|\|p();break;case"sd-tag":customElements.get(r(e))\|\|m()}}))}export{h as S,u as d}

package/dist/components/{p-CzJ9g73f.js → p-hXul9Vdx.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{p as d,H as r,c as i,h as e,t as o}from"./p-~~C6wuKkUq~~.js";import{d as a}from"./p-~~CmCOLnc0~~.js";const s=d(class extends r{constructor(d){super(),!1!==d&&this.__registerHost(),this.change=i(this,"sdUpdate",7)}value;options=[];direction="vertical";disabled=!1;groupName;change;valueChanged(d){this.value=d}handleRadioChange=d=>{if(this.disabled)return;const r=this.options.find((r=>String(r.value)===String(d))),i=r?r.value:d;this.value=i,this.change?.emit(i)};getGroupClasses(){return["sd-radio-group",`sd-radio-group--${this.direction??"vertical"}`].join(" ")}render(){return e("div",{key:"7ee8aaf1872ac215e7d4c27e71d4a0a41c6f5e4e",class:this.getGroupClasses(),role:"radiogroup"},this.options.map((d=>e("sd-radio",{key:`radio-${d.value}`,val:String(d.value),value:String(this.value??""),label:d.label,disabled:this.disabled\|\|!!d.disabled,onSdUpdate:({detail:d})=>this.handleRadioChange(d)}))))}static get watchers(){return{value:[{valueChanged:0}]}}static get style(){return'sd-radio{display:inline-flex;width:fit-content;height:var(--sd-radio-line-height);line-height:0}sd-radio .sd-radio{cursor:pointer;display:inline-flex;align-items:center;gap:var(--sd-radio-gap);height:var(--sd-radio-line-height);max-height:var(--sd-radio-line-height)}sd-radio .sd-radio>input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}sd-radio .sd-radio>input:focus-visible+.sd-radio__circle{box-shadow:0 0 0 2px white, 0 0 0 4px var(--sd-radio-checked-border);outline:none}sd-radio .sd-radio__circle{position:relative;width:var(--sd-radio-size);height:var(--sd-radio-size);border-radius:50%;border:var(--sd-radio-border-width) solid var(--sd-radio-unchecked-border);box-sizing:border-box;background:var(--sd-radio-unchecked-bg);display:inline-flex;flex-shrink:0}sd-radio .sd-radio__label{font-size:var(--sd-radio-font-size);font-weight:var(--sd-radio-font-weight);color:var(--sd-radio-label-color);line-height:var(--sd-radio-line-height);display:inline-flex;flex-direction:column}sd-radio .sd-radio__label::before{content:attr(data-label);height:0;font-weight:var(--sd-radio-selected-font-weight);visibility:hidden;overflow:hidden;user-select:none;pointer-events:none}sd-radio .sd-radio:hover:not(.sd-radio--disabled) .sd-radio__circle{background:var(--sd-radio-unchecked-bg-hover);border-color:var(--sd-radio-unchecked-border-hover)}sd-radio .sd-radio--checked .sd-radio__label{font-weight:var(--sd-radio-selected-font-weight)}sd-radio .sd-radio--checked .sd-radio__circle{border-color:var(--sd-radio-checked-border)}sd-radio .sd-radio--checked .sd-radio__circle::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:var(--sd-radio-dot-size);height:var(--sd-radio-dot-size);border-radius:50%;background:var(--sd-radio-checked-dot)}sd-radio .sd-radio--disabled{cursor:not-allowed}sd-radio .sd-radio--disabled .sd-radio__label{color:var(--sd-radio-label-disabled-color)}sd-radio .sd-radio--disabled .sd-radio__circle{background:var(--sd-radio-disabled-bg);border-color:var(--sd-radio-disabled-border)}sd-radio .sd-radio--disabled.sd-radio--checked .sd-radio__circle::after{background:var(--sd-radio-disabled-dot)}sd-radio-group{display:inline-block}sd-radio-group .sd-radio-group{display:flex}sd-radio-group .sd-radio-group--vertical{flex-direction:column;gap:var(--sd-radio-radio-group-gap-vertical)}sd-radio-group .sd-radio-group--horizontal{flex-direction:row;align-items:center;gap:var(--sd-radio-radio-group-gap-horizontal)}'}},[512,"sd-radio-group",{value:[1032],options:[1040],direction:[1],disabled:[4],groupName:[1,"group-name"]},void 0,{value:[{valueChanged:0}]}]);function t(){"undefined"!=typeof customElements&&["sd-radio-group","sd-radio"].forEach((d=>{switch(d){case"sd-radio-group":customElements.get(o(d))\|\|customElements.define(o(d),s);break;case"sd-radio":customElements.get(o(d))\|\|a()}}))}export{s as S,t as d}
1	+ import{p as d,H as r,c as i,h as e,t as o}from"./p-Br8E2gpA.js";import{d as a}from"./p-BsNOZUfc.js";const s=d(class extends r{constructor(d){super(),!1!==d&&this.__registerHost(),this.change=i(this,"sdUpdate",7)}value;options=[];direction="vertical";disabled=!1;groupName;change;valueChanged(d){this.value=d}handleRadioChange=d=>{if(this.disabled)return;const r=this.options.find((r=>String(r.value)===String(d))),i=r?r.value:d;this.value=i,this.change?.emit(i)};getGroupClasses(){return["sd-radio-group",`sd-radio-group--${this.direction??"vertical"}`].join(" ")}render(){return e("div",{key:"7ee8aaf1872ac215e7d4c27e71d4a0a41c6f5e4e",class:this.getGroupClasses(),role:"radiogroup"},this.options.map((d=>e("sd-radio",{key:`radio-${d.value}`,val:String(d.value),value:String(this.value??""),label:d.label,disabled:this.disabled\|\|!!d.disabled,onSdUpdate:({detail:d})=>this.handleRadioChange(d)}))))}static get watchers(){return{value:[{valueChanged:0}]}}static get style(){return'sd-radio{display:inline-flex;width:fit-content;height:var(--sd-radio-line-height);line-height:0}sd-radio .sd-radio{cursor:pointer;display:inline-flex;align-items:center;gap:var(--sd-radio-gap);height:var(--sd-radio-line-height);max-height:var(--sd-radio-line-height)}sd-radio .sd-radio>input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}sd-radio .sd-radio>input:focus-visible+.sd-radio__circle{box-shadow:0 0 0 2px white, 0 0 0 4px var(--sd-radio-checked-border);outline:none}sd-radio .sd-radio__circle{position:relative;width:var(--sd-radio-size);height:var(--sd-radio-size);border-radius:50%;border:var(--sd-radio-border-width) solid var(--sd-radio-unchecked-border);box-sizing:border-box;background:var(--sd-radio-unchecked-bg);display:inline-flex;flex-shrink:0}sd-radio .sd-radio__label{font-size:var(--sd-radio-font-size);font-weight:var(--sd-radio-font-weight);color:var(--sd-radio-label-color);line-height:var(--sd-radio-line-height);display:inline-flex;flex-direction:column}sd-radio .sd-radio__label::before{content:attr(data-label);height:0;font-weight:var(--sd-radio-selected-font-weight);visibility:hidden;overflow:hidden;user-select:none;pointer-events:none}sd-radio .sd-radio:hover:not(.sd-radio--disabled) .sd-radio__circle{background:var(--sd-radio-unchecked-bg-hover);border-color:var(--sd-radio-unchecked-border-hover)}sd-radio .sd-radio--checked .sd-radio__label{font-weight:var(--sd-radio-selected-font-weight)}sd-radio .sd-radio--checked .sd-radio__circle{border-color:var(--sd-radio-checked-border)}sd-radio .sd-radio--checked .sd-radio__circle::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:var(--sd-radio-dot-size);height:var(--sd-radio-dot-size);border-radius:50%;background:var(--sd-radio-checked-dot)}sd-radio .sd-radio--disabled{cursor:not-allowed}sd-radio .sd-radio--disabled .sd-radio__label{color:var(--sd-radio-label-disabled-color)}sd-radio .sd-radio--disabled .sd-radio__circle{background:var(--sd-radio-disabled-bg);border-color:var(--sd-radio-disabled-border)}sd-radio .sd-radio--disabled.sd-radio--checked .sd-radio__circle::after{background:var(--sd-radio-disabled-dot)}sd-radio-group{display:inline-block}sd-radio-group .sd-radio-group{display:flex}sd-radio-group .sd-radio-group--vertical{flex-direction:column;gap:var(--sd-radio-radio-group-gap-vertical)}sd-radio-group .sd-radio-group--horizontal{flex-direction:row;align-items:center;gap:var(--sd-radio-radio-group-gap-horizontal)}'}},[512,"sd-radio-group",{value:[1032],options:[1040],direction:[1],disabled:[4],groupName:[1,"group-name"]},void 0,{value:[{valueChanged:0}]}]);function t(){"undefined"!=typeof customElements&&["sd-radio-group","sd-radio"].forEach((d=>{switch(d){case"sd-radio-group":customElements.get(o(d))\|\|customElements.define(o(d),s);break;case"sd-radio":customElements.get(o(d))\|\|a()}}))}export{s as S,t as d}