@sellmate/design-system 1.32.0 → 1.33.0

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

@@ -1 +1 @@
-import{p as e,H as s,c as t,h as i,t as r}from"./p-C8x8VEb8.js";import{n as a}from"./p-CCwNgVmC.js";import{f as d,a as l,p as o,T as n,b as h}from"./p-DMm_GeZC.js";import{d as c}from"./p-vj3gimgB.js";import{d as m}from"./p-BBAwMOGx.js";import{d as p}from"./p-DtadjLky.js";import{d as u}from"./p-BpTKv3vN.js";import{d as g}from"./p-irA7XFIS.js";import{d as f}from"./p-CNNjhHTA.js";import{d as b}from"./p-BkyM9ded.js";import{d as k}from"./p-7lGaExLM.js";import{d as y}from"./p-22hyxPno.js";function O(e){const{hour:s,minute:t}=o(e);return 60*s+t}const v=e(class e extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.update=t(this,"sdUpdate",7),this.dropDownShow=t(this,"sdDropDownShow",7)}static CLOSE_ANIMATION_DURATION=150;get el(){return this}value=null;size="sm";type="default";placeholder="00:00 ~ 23:59";disabled=!1;clearable=!1;useMeridiem;minuteStep=1;rangeOrder="strict";width="";label="";labelWidth="";addonLabel="";addonAlign="start";hint="";errorMessage="";rules=[];error=!1;status;icon=void 0;labelTooltip="";labelTooltipProps=null;isOpen=!1;isAnimatingOut=!1;focused=!1;hovered=!1;update;dropDownShow;triggerRef;formField;closeAnimationTimer;name=a();watchIsOpen(e){this.focused=e,this.dropDownShow.emit({isOpen:e})}valueChanged(e){const s=function(e,s="strict"){if(null==e)return null;const t=e.map((e=>{const s=o(e);return d(s.hour,s.minute)}));return"strict"===s&&O(t[0])>O(t[1])?[t[0],t[0]]:t}(e,this.rangeOrder);null!=s&&JSON.stringify(s)!==JSON.stringify(e)&&(this.value=s)}rangeOrderChanged(){this.valueChanged(this.value)}async sdValidate(){return this.formField?.sdValidate()}async sdReset(){return this.formField?.sdReset()}async sdResetValidate(){return this.formField?.sdResetValidation()}async sdFocus(){return this.formField?.sdFocus()}componentWillLoad(){this.valueChanged(this.value)}disconnectedCallback(){this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer)}closeDropdown(){this.isOpen&&(this.isOpen=!1,this.isAnimatingOut=!0,this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.closeAnimationTimer=setTimeout((()=>{this.isAnimatingOut=!1}),e.CLOSE_ANIMATION_DURATION))}handleTriggerClick=()=>{this.disabled||(this.isOpen?this.closeDropdown():(this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.isAnimatingOut=!1,this.isOpen=!0))};handleClear=e=>{e.stopPropagation(),this.value=null,this.update.emit(null)};handleSelect=e=>{e.stopPropagation(),this.value=e.detail,this.update.emit(this.value)};get effectiveUseMeridiem(){return this.useMeridiem??"midday"===this.type}get displayText(){return function(e,s){return null==e||""===e[0]||""===e[1]?"":`${l(e[0],s)} ~ ${l(e[1],s)}`}(this.value,this.effectiveUseMeridiem?"midday":"default")}render(){const e=h[this.size]??h.sm;return i("sd-field",{key:"b709c0fe129ab899b60aa75e41bc949cb82184d7",name:this.name,label:this.label,labelWidth:this.labelWidth,addonLabel:this.addonLabel,addonAlign:this.addonAlign,hint:this.hint,errorMessage:this.errorMessage,width:this.width,rules:this.rules,error:this.error,status:this.status,disabled:this.disabled,focused:this.focused,hovered:this.hovered,size:this.size,icon:this.icon,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:e=>this.formField=e,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1,style:{"--sd-system-size-field-sm-height":e.height+"px","--sd-system-size-field-md-height":e.height+"px","--sd-system-radius-field-sm":e.radius+"px","--sd-system-radius-field-md":e.radius+"px","--sd-time-range-picker-min-width":e.minWidth+"px","--sd-system-color-field-border-default":n.border.default,"--sd-system-color-field-border-focus":n.border.focus,"--sd-system-color-field-bg-default":n.bg.default}},i("div",{key:"7fffb9bb91a0fa8a8fdce7704c47aea2de0b509a",class:"sd-time-range-picker",ref:e=>{this.triggerRef=e}},i("sd-time-picker-trigger",{key:"b1f42c77070fc46da93aa66e681ee9504c999d11",displayText:this.displayText,placeholder:this.placeholder,disabled:this.disabled,clearable:this.clearable,size:this.size,onSdTriggerClick:this.handleTriggerClick,onSdClear:this.handleClear})),(this.isOpen||this.isAnimatingOut)&&i("sd-portal",{key:"ad91d531c8326a7e977f8c576e1026c4d6d0115c",open:this.isOpen,parentRef:this.triggerRef,onSdClose:()=>this.closeDropdown()},i("sd-time-range-picker-selector",{key:"0df138447c01169ea3e0462d012c4917ac7f904b",value:this.value,useMeridiem:this.effectiveUseMeridiem,minuteStep:this.minuteStep,"range-order":this.rangeOrder,onSdUpdate:this.handleSelect})))}static get watchers(){return{isOpen:[{watchIsOpen:0}],value:[{valueChanged:0}],rangeOrder:[{rangeOrderChanged:0}]}}static get style(){return"sd-time-range-picker{display:inline-flex}sd-time-range-picker sd-portal{display:none}sd-time-range-picker .sd-time-range-picker{position:relative;min-width:var(--sd-time-range-picker-min-width);width:100%;height:100%}"}},[512,"sd-time-range-picker",{value:[1040],size:[513],type:[513],placeholder:[513],disabled:[516],clearable:[4],useMeridiem:[4,"use-meridiem"],minuteStep:[2,"minute-step"],rangeOrder:[1,"range-order"],width:[8],label:[1],labelWidth:[8,"label-width"],addonLabel:[1,"addon-label"],addonAlign:[1,"addon-align"],hint:[1],errorMessage:[1,"error-message"],rules:[16],error:[1028],status:[1],icon:[16],labelTooltip:[1,"label-tooltip"],labelTooltipProps:[16],name:[1],isOpen:[32],isAnimatingOut:[32],focused:[32],hovered:[32],sdValidate:[64],sdReset:[64],sdResetValidate:[64],sdFocus:[64]},void 0,{isOpen:[{watchIsOpen:0}],value:[{valueChanged:0}],rangeOrder:[{rangeOrderChanged:0}]}]),w=v,T=function(){"undefined"!=typeof customElements&&["sd-time-range-picker","sd-field","sd-floating-portal","sd-ghost-button","sd-icon","sd-portal","sd-tag","sd-time-picker-trigger","sd-time-range-picker-selector","sd-tooltip"].forEach((e=>{switch(e){case"sd-time-range-picker":customElements.get(r(e))||customElements.define(r(e),v);break;case"sd-field":customElements.get(r(e))||c();break;case"sd-floating-portal":customElements.get(r(e))||m();break;case"sd-ghost-button":customElements.get(r(e))||p();break;case"sd-icon":customElements.get(r(e))||u();break;case"sd-portal":customElements.get(r(e))||g();break;case"sd-tag":customElements.get(r(e))||f();break;case"sd-time-picker-trigger":customElements.get(r(e))||b();break;case"sd-time-range-picker-selector":customElements.get(r(e))||k();break;case"sd-tooltip":customElements.get(r(e))||y()}}))};export{w as SdTimeRangePicker,T as defineCustomElement}
+import{p as e,H as s,c as t,h as i,t as r}from"./p-Br8E2gpA.js";import{n as a}from"./p-CCwNgVmC.js";import{f as d,a as o,p as l,T as n,b as h}from"./p-tH_3uKAX.js";import{d as c}from"./p-7VzVE0oV.js";import{d as m}from"./p-BFBKrBpn.js";import{d as p}from"./p-B-DK72cc.js";import{d as u}from"./p-jbqIrDHw.js";import{d as g}from"./p-Hh0L_XZ6.js";import{d as f}from"./p-CZym_85X.js";import{d as b}from"./p-C5P9PUI3.js";import{d as k}from"./p-MquwxbYp.js";import{d as y}from"./p-B7fiz4d8.js";function O(e){const{hour:s,minute:t}=l(e);return 60*s+t}const w=e(class e extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.update=t(this,"sdUpdate",7),this.dropDownShow=t(this,"sdDropDownShow",7)}static CLOSE_ANIMATION_DURATION=150;get el(){return this}value=null;size="sm";type="default";placeholder="00:00 ~ 23:59";disabled=!1;clearable=!1;useMeridiem;minuteStep=1;rangeOrder="strict";width="";label="";labelWidth="";addonLabel="";addonAlign="start";hint="";errorMessage="";rules=[];error=!1;status;icon=void 0;labelTooltip="";labelTooltipProps=null;isOpen=!1;isAnimatingOut=!1;focused=!1;hovered=!1;update;dropDownShow;triggerRef;formField;closeAnimationTimer;name=a();watchIsOpen(e){this.focused=e,this.dropDownShow.emit({isOpen:e})}valueChanged(e){const s=function(e,s="strict"){if(null==e)return null;const t=e.map((e=>{const s=l(e);return d(s.hour,s.minute)}));return"strict"===s&&O(t[0])>O(t[1])?[t[0],t[0]]:t}(e,this.rangeOrder);null!=s&&JSON.stringify(s)!==JSON.stringify(e)&&(this.value=s)}rangeOrderChanged(){this.valueChanged(this.value)}async sdValidate(){return this.formField?.sdValidate()}async sdReset(){return this.formField?.sdReset()}async sdResetValidate(){return this.formField?.sdResetValidation()}async sdFocus(){return this.formField?.sdFocus()}componentWillLoad(){this.valueChanged(this.value)}disconnectedCallback(){this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer)}closeDropdown(){this.isOpen&&(this.isOpen=!1,this.isAnimatingOut=!0,this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.closeAnimationTimer=setTimeout((()=>{this.isAnimatingOut=!1}),e.CLOSE_ANIMATION_DURATION))}handleTriggerClick=()=>{this.disabled||(this.isOpen?this.closeDropdown():(this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.isAnimatingOut=!1,this.isOpen=!0))};handleClear=e=>{e.stopPropagation(),this.value=null,this.update.emit(null)};handleSelect=e=>{e.stopPropagation(),this.value=e.detail,this.update.emit(this.value)};get effectiveUseMeridiem(){return this.useMeridiem??"midday"===this.type}get displayText(){return function(e,s){return null==e||""===e[0]||""===e[1]?"":`${o(e[0],s)} ~ ${o(e[1],s)}`}(this.value,this.effectiveUseMeridiem?"midday":"default")}render(){const e=h[this.size]??h.sm;return i("sd-field",{key:"4259e2257aa9edccd9c567f57ec18837fa831281",name:this.name,label:this.label,labelWidth:this.labelWidth,addonLabel:this.addonLabel,addonAlign:this.addonAlign,hint:this.hint,errorMessage:this.errorMessage,width:this.width,rules:this.rules,error:this.error,status:this.status,disabled:this.disabled,focused:this.focused,hovered:this.hovered,size:this.size,icon:this.icon,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:e=>this.formField=e,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1,style:{"--sd-system-size-field-sm-height":e.height+"px","--sd-system-size-field-md-height":e.height+"px","--sd-system-radius-field-sm":e.radius+"px","--sd-system-radius-field-md":e.radius+"px","--sd-time-range-picker-min-width":e.minWidth+"px","--sd-system-color-field-border-default":n.border.default,"--sd-system-color-field-border-focus":n.border.focus,"--sd-system-color-field-bg-default":n.bg.default}},i("div",{key:"e1412d82e5eae70bbdb140f6bf06c0867f75c35c",class:"sd-time-range-picker",ref:e=>{this.triggerRef=e}},i("sd-time-picker-trigger",{key:"719492ec16aaba4a05cf97348c6c9179238b6b09",displayText:this.displayText,placeholder:this.placeholder,disabled:this.disabled,clearable:this.clearable,size:this.size,onSdTriggerClick:this.handleTriggerClick,onSdClear:this.handleClear})),(this.isOpen||this.isAnimatingOut)&&i("sd-portal",{key:"13ddc4c3a22661bdc170d47a533e36ada9c431c6",open:this.isOpen,parentRef:this.triggerRef,onSdClose:()=>this.closeDropdown()},i("sd-time-range-picker-selector",{key:"e5423e09b2c7282b8c59cfac2ebd9de9c7a3d091",value:this.value,useMeridiem:this.effectiveUseMeridiem,minuteStep:this.minuteStep,"range-order":this.rangeOrder,onSdUpdate:this.handleSelect})))}static get watchers(){return{isOpen:[{watchIsOpen:0}],value:[{valueChanged:0}],rangeOrder:[{rangeOrderChanged:0}]}}static get style(){return"sd-time-range-picker{display:inline-flex}sd-time-range-picker sd-portal{display:none}sd-time-range-picker .sd-time-range-picker{position:relative;min-width:var(--sd-time-range-picker-min-width);width:100%;height:100%}"}},[512,"sd-time-range-picker",{value:[1040],size:[513],type:[513],placeholder:[513],disabled:[516],clearable:[4],useMeridiem:[4,"use-meridiem"],minuteStep:[2,"minute-step"],rangeOrder:[1,"range-order"],width:[8],label:[1],labelWidth:[8,"label-width"],addonLabel:[1,"addon-label"],addonAlign:[1,"addon-align"],hint:[1],errorMessage:[1,"error-message"],rules:[16],error:[1028],status:[1],icon:[16],labelTooltip:[1,"label-tooltip"],labelTooltipProps:[16],name:[1],isOpen:[32],isAnimatingOut:[32],focused:[32],hovered:[32],sdValidate:[64],sdReset:[64],sdResetValidate:[64],sdFocus:[64]},void 0,{isOpen:[{watchIsOpen:0}],value:[{valueChanged:0}],rangeOrder:[{rangeOrderChanged:0}]}]),v=w,C=function(){"undefined"!=typeof customElements&&["sd-time-range-picker","sd-field","sd-floating-portal","sd-ghost-button","sd-icon","sd-portal","sd-tag","sd-time-picker-trigger","sd-time-range-picker-selector","sd-tooltip"].forEach((e=>{switch(e){case"sd-time-range-picker":customElements.get(r(e))||customElements.define(r(e),w);break;case"sd-field":customElements.get(r(e))||c();break;case"sd-floating-portal":customElements.get(r(e))||m();break;case"sd-ghost-button":customElements.get(r(e))||p();break;case"sd-icon":customElements.get(r(e))||u();break;case"sd-portal":customElements.get(r(e))||g();break;case"sd-tag":customElements.get(r(e))||f();break;case"sd-time-picker-trigger":customElements.get(r(e))||b();break;case"sd-time-range-picker-selector":customElements.get(r(e))||k();break;case"sd-tooltip":customElements.get(r(e))||y()}}))};export{v as SdTimeRangePicker,C as defineCustomElement}

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

@@ -1 +1 @@
-import{p as t,H as s,c as e,h as i,t as o}from"./p-C8x8VEb8.js";import{d as n}from"./p-B6BgOB_-.js";import{d as a}from"./p-DtadjLky.js";import{d as r}from"./p-BpTKv3vN.js";import{d as c}from"./p-irA7XFIS.js";import{d as m}from"./p-CNNjhHTA.js";import{d}from"./p-DGAzuK5C.js";const h=4e3;let l=0;const p=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.toastShow=e(this,"sdToastShow",7),this.toastDismiss=e(this,"sdToastDismiss",7)}get el(){return this}position="bottom-center";maxVisible=3;defaultDuration=h;zIndex=999;toasts=[];expanded=!1;toastRefs=new Map;toastShow;toastDismiss;async create(t){const s="toast-"+ ++l,e={id:s,options:t,state:"entering"},i=t.duration??this.defaultDuration??h;i>0&&(e.timerId=setTimeout((()=>this.startDismiss(s)),i));let o=[...this.toasts||[],e];const n=o.filter((t=>"exiting"!==t.state));if(n.length>(this.maxVisible??3)){const t=new Set(n.slice(0,n.length-(this.maxVisible??3)).map((t=>t.id)));o=o.map((s=>t.has(s.id)&&"exiting"!==s.state?(s.timerId&&clearTimeout(s.timerId),this.scheduleRemoval(s.id),{...s,state:"exiting",timerId:void 0}):s))}return this.toasts=o,this.toastShow.emit({id:s}),s}async dismiss(t){this.startDismiss(t)}async dismissAll(){(this.toasts||[]).forEach((t=>this.startDismiss(t.id)))}startDismiss(t){const s=(this.toasts||[]).find((s=>s.id===t));s&&"exiting"!==s.state&&(s.timerId&&clearTimeout(s.timerId),this.toasts=(this.toasts||[]).map((s=>s.id===t?{...s,state:"exiting",timerId:void 0}:s)),this.scheduleRemoval(t))}scheduleRemoval(t){setTimeout((()=>this.removeToast(t)),500)}removeToast(t){(this.toasts||[]).find((s=>s.id===t))&&(this.toasts=(this.toasts||[]).filter((s=>s.id!==t)),this.toastRefs.delete(t),this.toastDismiss.emit({id:t}))}handleTransitionEnd(t){const s=(this.toasts||[]).find((s=>s.id===t));"exiting"===s?.state&&this.removeToast(t)}measureHeights(){let t=!1;const s=(this.toasts||[]).map((s=>{const e=this.toastRefs.get(s.id);if(e){const i=e.offsetHeight;if(i>0&&i!==s.height)return t=!0,{...s,height:i}}return s}));t&&(this.toasts=s)}componentDidRender(){void 0!==this.toasts&&0!==this.toasts.length&&(this.toasts.some((t=>"entering"===t.state))&&requestAnimationFrame((()=>{this.toasts=(this.toasts||[]).map((t=>"entering"===t.state?{...t,state:"visible"}:t))})),this.measureHeights())}disconnectedCallback(){this.toasts?.forEach((t=>{t.timerId&&clearTimeout(t.timerId)})),this.toastRefs.clear()}pauseTimers(){this.toasts=(this.toasts||[]).map((t=>t.timerId?(clearTimeout(t.timerId),{...t,timerId:void 0}):t))}resumeTimers(){const t=this.defaultDuration??h;t<=0||(this.toasts=(this.toasts||[]).map((s=>{if("visible"===s.state&&!s.timerId&&(s.options.duration??t)>0){const e=setTimeout((()=>this.startDismiss(s.id)),s.options.duration??t);return{...s,timerId:e}}return s})))}getContainerStyles(){return{position:"fixed",zIndex:""+(this.zIndex??999),pointerEvents:"none",...{"top-left":{top:"20px",left:"20px"},"top-center":{top:"20px",left:"50%",transform:"translateX(-50%)"},"top-right":{top:"20px",right:"20px"},"bottom-left":{bottom:"100px",left:"20px"},"bottom-center":{bottom:"100px",left:"50%",transform:"translateX(-50%)"},"bottom-right":{bottom:"100px",right:"20px"}}[this.position||"bottom-center"]}}getToastItemStyle(t,s,e){const i=this.position||"bottom-center",o=i.startsWith("bottom"),n=i.split("-")[1],a=o?"bottom":"top",r=[];"center"===n&&r.push("translateX(-50%)");const c={position:"absolute",[a]:"0",..."center"===n?{left:"50%"}:"right"===n?{right:"0"}:{left:"0"}};if("entering"===t.state)return r.push(`translateY(${o?20:-20}px)`),{...c,opacity:"0",transform:r.join(" "),transition:"none"};if("exiting"===t.state)return r.push(`translateY(${o?20:-20}px)`),{...c,opacity:"0",transform:r.join(" "),pointerEvents:"none"};if(this.expanded){let t=0;for(let i=0;i<s;i++)t+=(e[i].height||0)+8;return r.push("translateY(0) scale(1)"),{...c,[a]:t+"px",opacity:"1",transform:r.join(" "),zIndex:""+(e.length-s)}}const m=8*s,d=[1,.8,.6],h=s<d.length?d[s]:0;return r.push(`translateY(${o?-m:m}px) scale(${1-.05*s})`),{...c,opacity:""+h,transform:r.join(" "),transformOrigin:o?"bottom center":"top center",zIndex:""+(e.length-s)}}render(){const t=this.toasts||[],s=t.filter((t=>"exiting"!==t.state)).reverse(),e=new Map;return s.forEach(((t,s)=>e.set(t.id,s))),i("div",{key:"166ac21503b08853631fddaed047ab108a99570a",class:"sd-toast-container",style:this.getContainerStyles(),onMouseEnter:()=>{this.expanded=!0,this.pauseTimers()},onMouseLeave:()=>{this.expanded=!1,this.resumeTimers()}},t.map((t=>{const o=e.get(t.id)??0;return i("div",{key:t.id,class:{"sd-toast-container__item":!0,"sd-toast-container__item--entering":"entering"===t.state,"sd-toast-container__item--visible":"visible"===t.state,"sd-toast-container__item--exiting":"exiting"===t.state},style:this.getToastItemStyle(t,o,s),ref:s=>{s&&this.toastRefs.set(t.id,s)},onTransitionEnd:()=>this.handleTransitionEnd(t.id)},i("sd-toast",{message:t.options.message,type:t.options.type||"default",icon:t.options.icon,link:t.options.link,linkLabel:t.options.linkLabel,buttonLabel:t.options.buttonLabel,useClose:t.options.useClose,onSdClose:()=>this.startDismiss(t.id),onSdButtonClick:s=>t.options.onButtonClick?.(s.detail)}))})))}static get style(){return'sd-toast-container{display:block}sd-toast-container .sd-toast-container__item{pointer-events:auto;transition:transform 0.4s ease, opacity 0.4s ease, bottom 0.4s ease, top 0.4s ease}sd-toast-container .sd-toast-container__item::before{content:"";position:absolute;left:0;right:0;top:-8px;bottom:-8px}sd-toast-container .sd-toast-container__item--entering{transition:none}sd-toast-container .sd-toast-container__item--exiting{pointer-events:none}'}},[512,"sd-toast-container",{position:[1],maxVisible:[2,"max-visible"],defaultDuration:[2,"default-duration"],zIndex:[2,"z-index"],toasts:[32],expanded:[32],create:[64],dismiss:[64],dismissAll:[64]}]),u=p,f=function(){"undefined"!=typeof customElements&&["sd-toast-container","sd-button","sd-ghost-button","sd-icon","sd-portal","sd-tag","sd-toast"].forEach((t=>{switch(t){case"sd-toast-container":customElements.get(o(t))||customElements.define(o(t),p);break;case"sd-button":customElements.get(o(t))||n();break;case"sd-ghost-button":customElements.get(o(t))||a();break;case"sd-icon":customElements.get(o(t))||r();break;case"sd-portal":customElements.get(o(t))||c();break;case"sd-tag":customElements.get(o(t))||m();break;case"sd-toast":customElements.get(o(t))||d()}}))};export{u as SdToastContainer,f as defineCustomElement}
+import{p as t,H as s,c as e,h as i,t as o}from"./p-Br8E2gpA.js";import{d as n}from"./p-CWXl1y4p.js";import{d as a}from"./p-B-DK72cc.js";import{d as r}from"./p-jbqIrDHw.js";import{d as c}from"./p-Hh0L_XZ6.js";import{d as m}from"./p-CZym_85X.js";import{d}from"./p-CsBK3_Oz.js";const l=4e3;let h=0;const p=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.toastShow=e(this,"sdToastShow",7),this.toastDismiss=e(this,"sdToastDismiss",7)}get el(){return this}position="bottom-center";maxVisible=3;defaultDuration=l;zIndex=999;toasts=[];expanded=!1;toastRefs=new Map;toastShow;toastDismiss;async create(t){const s="toast-"+ ++h,e={id:s,options:t,state:"entering"},i=t.duration??this.defaultDuration??l;i>0&&(e.timerId=setTimeout((()=>this.startDismiss(s)),i));let o=[...this.toasts||[],e];const n=o.filter((t=>"exiting"!==t.state));if(n.length>(this.maxVisible??3)){const t=new Set(n.slice(0,n.length-(this.maxVisible??3)).map((t=>t.id)));o=o.map((s=>t.has(s.id)&&"exiting"!==s.state?(s.timerId&&clearTimeout(s.timerId),this.scheduleRemoval(s.id),{...s,state:"exiting",timerId:void 0}):s))}return this.toasts=o,this.toastShow.emit({id:s}),s}async dismiss(t){this.startDismiss(t)}async dismissAll(){(this.toasts||[]).forEach((t=>this.startDismiss(t.id)))}startDismiss(t){const s=(this.toasts||[]).find((s=>s.id===t));s&&"exiting"!==s.state&&(s.timerId&&clearTimeout(s.timerId),this.toasts=(this.toasts||[]).map((s=>s.id===t?{...s,state:"exiting",timerId:void 0}:s)),this.scheduleRemoval(t))}scheduleRemoval(t){setTimeout((()=>this.removeToast(t)),500)}removeToast(t){(this.toasts||[]).find((s=>s.id===t))&&(this.toasts=(this.toasts||[]).filter((s=>s.id!==t)),this.toastRefs.delete(t),this.toastDismiss.emit({id:t}))}handleTransitionEnd(t){const s=(this.toasts||[]).find((s=>s.id===t));"exiting"===s?.state&&this.removeToast(t)}measureHeights(){let t=!1;const s=(this.toasts||[]).map((s=>{const e=this.toastRefs.get(s.id);if(e){const i=e.offsetHeight;if(i>0&&i!==s.height)return t=!0,{...s,height:i}}return s}));t&&(this.toasts=s)}componentDidRender(){void 0!==this.toasts&&0!==this.toasts.length&&(this.toasts.some((t=>"entering"===t.state))&&requestAnimationFrame((()=>{this.toasts=(this.toasts||[]).map((t=>"entering"===t.state?{...t,state:"visible"}:t))})),this.measureHeights())}disconnectedCallback(){this.toasts?.forEach((t=>{t.timerId&&clearTimeout(t.timerId)})),this.toastRefs.clear()}pauseTimers(){this.toasts=(this.toasts||[]).map((t=>t.timerId?(clearTimeout(t.timerId),{...t,timerId:void 0}):t))}resumeTimers(){const t=this.defaultDuration??l;t<=0||(this.toasts=(this.toasts||[]).map((s=>{if("visible"===s.state&&!s.timerId&&(s.options.duration??t)>0){const e=setTimeout((()=>this.startDismiss(s.id)),s.options.duration??t);return{...s,timerId:e}}return s})))}getContainerStyles(){return{position:"fixed",zIndex:""+(this.zIndex??999),pointerEvents:"none",...{"top-left":{top:"20px",left:"20px"},"top-center":{top:"20px",left:"50%",transform:"translateX(-50%)"},"top-right":{top:"20px",right:"20px"},"bottom-left":{bottom:"100px",left:"20px"},"bottom-center":{bottom:"100px",left:"50%",transform:"translateX(-50%)"},"bottom-right":{bottom:"100px",right:"20px"}}[this.position||"bottom-center"]}}getToastItemStyle(t,s,e){const i=this.position||"bottom-center",o=i.startsWith("bottom"),n=i.split("-")[1],a=o?"bottom":"top",r=[];"center"===n&&r.push("translateX(-50%)");const c={position:"absolute",[a]:"0",..."center"===n?{left:"50%"}:"right"===n?{right:"0"}:{left:"0"}};if("entering"===t.state)return r.push(`translateY(${o?20:-20}px)`),{...c,opacity:"0",transform:r.join(" "),transition:"none"};if("exiting"===t.state)return r.push(`translateY(${o?20:-20}px)`),{...c,opacity:"0",transform:r.join(" "),pointerEvents:"none"};if(this.expanded){let t=0;for(let i=0;i<s;i++)t+=(e[i].height||0)+8;return r.push("translateY(0) scale(1)"),{...c,[a]:t+"px",opacity:"1",transform:r.join(" "),zIndex:""+(e.length-s)}}const m=8*s,d=[1,.8,.6],l=s<d.length?d[s]:0;return r.push(`translateY(${o?-m:m}px) scale(${1-.05*s})`),{...c,opacity:""+l,transform:r.join(" "),transformOrigin:o?"bottom center":"top center",zIndex:""+(e.length-s)}}render(){const t=this.toasts||[],s=t.filter((t=>"exiting"!==t.state)).reverse(),e=new Map;return s.forEach(((t,s)=>e.set(t.id,s))),i("div",{key:"7a69bd0ea72cfb94e4e78287f6d6a0ea1a1a60a9",class:"sd-toast-container",style:this.getContainerStyles(),onMouseEnter:()=>{this.expanded=!0,this.pauseTimers()},onMouseLeave:()=>{this.expanded=!1,this.resumeTimers()}},t.map((t=>{const o=e.get(t.id)??0;return i("div",{key:t.id,class:{"sd-toast-container__item":!0,"sd-toast-container__item--entering":"entering"===t.state,"sd-toast-container__item--visible":"visible"===t.state,"sd-toast-container__item--exiting":"exiting"===t.state},style:this.getToastItemStyle(t,o,s),ref:s=>{s&&this.toastRefs.set(t.id,s)},onTransitionEnd:()=>this.handleTransitionEnd(t.id)},i("sd-toast",{message:t.options.message,type:t.options.type||"default",icon:t.options.icon,link:t.options.link,linkLabel:t.options.linkLabel,buttonLabel:t.options.buttonLabel,useClose:t.options.useClose,onSdClose:()=>this.startDismiss(t.id),onSdButtonClick:s=>t.options.onButtonClick?.(s.detail)}))})))}static get style(){return'sd-toast-container{display:block}sd-toast-container .sd-toast-container__item{pointer-events:auto;transition:transform 0.4s ease, opacity 0.4s ease, bottom 0.4s ease, top 0.4s ease}sd-toast-container .sd-toast-container__item::before{content:"";position:absolute;left:0;right:0;top:-8px;bottom:-8px}sd-toast-container .sd-toast-container__item--entering{transition:none}sd-toast-container .sd-toast-container__item--exiting{pointer-events:none}'}},[512,"sd-toast-container",{position:[1],maxVisible:[2,"max-visible"],defaultDuration:[2,"default-duration"],zIndex:[2,"z-index"],toasts:[32],expanded:[32],create:[64],dismiss:[64],dismissAll:[64]}]),u=p,f=function(){"undefined"!=typeof customElements&&["sd-toast-container","sd-button","sd-ghost-button","sd-icon","sd-portal","sd-tag","sd-toast"].forEach((t=>{switch(t){case"sd-toast-container":customElements.get(o(t))||customElements.define(o(t),p);break;case"sd-button":customElements.get(o(t))||n();break;case"sd-ghost-button":customElements.get(o(t))||a();break;case"sd-icon":customElements.get(o(t))||r();break;case"sd-portal":customElements.get(o(t))||c();break;case"sd-tag":customElements.get(o(t))||m();break;case"sd-toast":customElements.get(o(t))||d()}}))};export{u as SdToastContainer,f as defineCustomElement}

package/dist/components/sd-toast.js

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

package/dist/components/sd-toggle.js

@@ -1 +1 @@
-import{p as e,H as t,c as o,h as d,t as l}from"./p-C8x8VEb8.js";var s="12",g={fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontSize:"14",fontWeight:"500",textDecoration:"none",lineHeight:"24"},r="9999",a={width:"1",default:"#CCCCCC",select:"#0075FF",disabled:"#CCCCCC"},i={default:"#FFFFFF",hover:"#0075FF",select:"#FFFFFF",disabled:"#E1E1E1"},n={default:"#555555",hover:"#FFFFFF",select:"#0075FF",disabled:"#888888"};const c=Number("28"),b=Number(s),h=Number(r),u=Number(a.width),f={fontFamily:g.fontFamily,fontWeight:g.fontWeight,fontSize:Number(g.fontSize),lineHeight:Number(g.lineHeight),textDecoration:g.textDecoration},v={border:{default:a.default,select:a.select,disabled:a.disabled},bg:{default:i.default,hover:i.hover,select:i.select,disabled:i.disabled},content:{default:n.default,hover:n.hover,select:n.select,disabled:n.disabled}},p=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.change=o(this,"sdUpdate",7)}value=!1;label="";disabled=!1;change;get toggleClasses(){const e=["sd-toggle"];return this.value&&e.push("sd-toggle--active"),this.disabled&&e.push("sd-toggle--disabled"),e.join(" ")}handleChange=()=>{if(this.disabled)return;const e=!this.value;this.value=e,this.change.emit(e)};render(){return d("label",{key:"f78d58c01b943a5f22ace9cb14e50b0098cc8206",class:this.toggleClasses,style:{"--sd-toggle-height":c+"px","--sd-toggle-padding-x":b+"px","--sd-toggle-radius":h+"px","--sd-toggle-border-width":u+"px","--sd-toggle-font-family":f.fontFamily,"--sd-toggle-font-weight":f.fontWeight,"--sd-toggle-font-size":f.fontSize+"px","--sd-toggle-line-height":f.lineHeight+"px","--sd-toggle-text-decoration":f.textDecoration,"--sd-toggle-bg-default":v.bg.default,"--sd-toggle-bg-hover":v.bg.hover,"--sd-toggle-bg-select":v.bg.select,"--sd-toggle-bg-disabled":v.bg.disabled,"--sd-toggle-border-default":v.border.default,"--sd-toggle-border-select":v.border.select,"--sd-toggle-border-disabled":v.border.disabled,"--sd-toggle-content-default":v.content.default,"--sd-toggle-content-hover":v.content.hover,"--sd-toggle-content-select":v.content.select,"--sd-toggle-content-disabled":v.content.disabled},"aria-label":this.label||"toggle"},this.label,d("input",{key:"8b8d8e09b322a5093c57129f94c49f6951d78df7",style:{display:"none"},type:"checkbox",onInput:this.handleChange}))}static get style(){return"sd-toggle{display:inline-block;line-height:0}.sd-toggle{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:var(--sd-toggle-height);padding:0 var(--sd-toggle-padding-x);border-radius:var(--sd-toggle-radius);border:var(--sd-toggle-border-width) solid var(--sd-toggle-border-default);background:var(--sd-toggle-bg-default);color:var(--sd-toggle-content-default);font-family:var(--sd-toggle-font-family);font-weight:var(--sd-toggle-font-weight);font-size:var(--sd-toggle-font-size);line-height:var(--sd-toggle-line-height);text-decoration:var(--sd-toggle-text-decoration);white-space:nowrap;user-select:none;cursor:pointer;transition:background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease}.sd-toggle:hover:not(.sd-toggle--disabled){background:var(--sd-toggle-bg-hover);border-color:var(--sd-toggle-border-select);color:var(--sd-toggle-content-hover)}.sd-toggle--active{background:var(--sd-toggle-bg-select);border-color:var(--sd-toggle-border-select);color:var(--sd-toggle-content-select)}.sd-toggle--disabled{background:var(--sd-toggle-bg-disabled);border-color:var(--sd-toggle-border-disabled);color:var(--sd-toggle-content-disabled);cursor:not-allowed}.sd-toggle--disabled.sd-toggle--active{background:var(--sd-toggle-bg-disabled);border-color:var(--sd-toggle-border-disabled);color:var(--sd-toggle-content-disabled)}"}},[512,"sd-toggle",{value:[1540],label:[1],disabled:[4]}]),F=p,m=function(){"undefined"!=typeof customElements&&["sd-toggle"].forEach((e=>{"sd-toggle"===e&&(customElements.get(l(e))||customElements.define(l(e),p))}))};export{F as SdToggle,m as defineCustomElement}
+import{p as e,H as t,c as o,h as d,t as l}from"./p-Br8E2gpA.js";var s="12",g={fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontSize:"14",fontWeight:"500",textDecoration:"none",lineHeight:"24"},r="9999",a={width:"1",default:"#CCCCCC",select:"#0075FF",disabled:"#CCCCCC"},i={default:"#FFFFFF",hover:"#0075FF",select:"#FFFFFF",disabled:"#E1E1E1"},n={default:"#555555",hover:"#FFFFFF",select:"#0075FF",disabled:"#888888"};const c=Number("28"),b=Number(s),h=Number(r),u=Number(a.width),f={fontFamily:g.fontFamily,fontWeight:g.fontWeight,fontSize:Number(g.fontSize),lineHeight:Number(g.lineHeight),textDecoration:g.textDecoration},v={border:{default:a.default,select:a.select,disabled:a.disabled},bg:{default:i.default,hover:i.hover,select:i.select,disabled:i.disabled},content:{default:n.default,hover:n.hover,select:n.select,disabled:n.disabled}},p=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.change=o(this,"sdUpdate",7)}value=!1;label="";disabled=!1;change;get toggleClasses(){const e=["sd-toggle"];return this.value&&e.push("sd-toggle--active"),this.disabled&&e.push("sd-toggle--disabled"),e.join(" ")}handleChange=()=>{if(this.disabled)return;const e=!this.value;this.value=e,this.change.emit(e)};render(){return d("label",{key:"f1e459f54be93de764c504b9719db5f4754c07d9",class:this.toggleClasses,style:{"--sd-toggle-height":c+"px","--sd-toggle-padding-x":b+"px","--sd-toggle-radius":h+"px","--sd-toggle-border-width":u+"px","--sd-toggle-font-family":f.fontFamily,"--sd-toggle-font-weight":f.fontWeight,"--sd-toggle-font-size":f.fontSize+"px","--sd-toggle-line-height":f.lineHeight+"px","--sd-toggle-text-decoration":f.textDecoration,"--sd-toggle-bg-default":v.bg.default,"--sd-toggle-bg-hover":v.bg.hover,"--sd-toggle-bg-select":v.bg.select,"--sd-toggle-bg-disabled":v.bg.disabled,"--sd-toggle-border-default":v.border.default,"--sd-toggle-border-select":v.border.select,"--sd-toggle-border-disabled":v.border.disabled,"--sd-toggle-content-default":v.content.default,"--sd-toggle-content-hover":v.content.hover,"--sd-toggle-content-select":v.content.select,"--sd-toggle-content-disabled":v.content.disabled},"aria-label":this.label||"toggle"},this.label,d("input",{key:"b0ab7d28248db1286eaf4da5d93adc1fc93a155c",style:{display:"none"},type:"checkbox",onInput:this.handleChange}))}static get style(){return"sd-toggle{display:inline-block;line-height:0}.sd-toggle{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:var(--sd-toggle-height);padding:0 var(--sd-toggle-padding-x);border-radius:var(--sd-toggle-radius);border:var(--sd-toggle-border-width) solid var(--sd-toggle-border-default);background:var(--sd-toggle-bg-default);color:var(--sd-toggle-content-default);font-family:var(--sd-toggle-font-family);font-weight:var(--sd-toggle-font-weight);font-size:var(--sd-toggle-font-size);line-height:var(--sd-toggle-line-height);text-decoration:var(--sd-toggle-text-decoration);white-space:nowrap;user-select:none;cursor:pointer;transition:background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease}.sd-toggle:hover:not(.sd-toggle--disabled){background:var(--sd-toggle-bg-hover);border-color:var(--sd-toggle-border-select);color:var(--sd-toggle-content-hover)}.sd-toggle--active{background:var(--sd-toggle-bg-select);border-color:var(--sd-toggle-border-select);color:var(--sd-toggle-content-select)}.sd-toggle--disabled{background:var(--sd-toggle-bg-disabled);border-color:var(--sd-toggle-border-disabled);color:var(--sd-toggle-content-disabled);cursor:not-allowed}.sd-toggle--disabled.sd-toggle--active{background:var(--sd-toggle-bg-disabled);border-color:var(--sd-toggle-border-disabled);color:var(--sd-toggle-content-disabled)}"}},[512,"sd-toggle",{value:[1540],label:[1],disabled:[4]}]),F=p,m=function(){"undefined"!=typeof customElements&&["sd-toggle"].forEach((e=>{"sd-toggle"===e&&(customElements.get(l(e))||customElements.define(l(e),p))}))};export{F as SdToggle,m as defineCustomElement}

package/dist/components/sd-tooltip.js

@@ -1 +1 @@
-import{S as o,d as s}from"./p-22hyxPno.js";const p=o,r=s;export{p as SdTooltip,r as defineCustomElement}
+import{S as o,d as s}from"./p-B7fiz4d8.js";const p=o,r=s;export{p as SdTooltip,r as defineCustomElement}