@sellmate/design-system 1.31.0 → 1.32.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sellmate/design-system",
-  "version": "1.31.0",
+  "version": "1.32.0",
   "description": "Sellmate Design System - Web Components Library built with Stencil",
   "keywords": [
     "web-components",

package/dist/components/p-DYjaQs6e.js

@@ -1 +0,0 @@
-import{p as e,H as t,c as s,h as a,t as r}from"./p-C6wuKkUq.js";import{n as d}from"./p-CCwNgVmC.js";import{i}from"./p-e0ABNkP6.js";import{d as o}from"./p-DsZwiWiU.js";import{d as l}from"./p-DSWD8udu.js";import{d as n}from"./p-SYnTIeiO.js";import{d as h}from"./p-DWnuCSqC.js";import{d as c}from"./p-CH9dgzTr.js";import{d as u}from"./p-CTCt17CE.js";import{d as p}from"./p-qZxAQy4p.js";const x={paddingX:i.textinput.sm.paddingX,paddingY:i.textinput.sm.paddingY,radius:i.textinput.sm.radius,fontSize:i.textinput.sm.typography.fontSize,lineHeight:i.textinput.sm.typography.lineHeight,fontWeight:i.textinput.sm.typography.fontWeight},m={text:i.textinput.text,bg:i.textinput.bg,border:i.textinput.border,resizer:i.textinput.resizer},f=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.input=s(this,"sdUpdate",7),this.focus=s(this,"sdFocus",7),this.blur=s(this,"sdBlur",7)}get host(){return this}value=null;placeholder="입력해 주세요.";disabled=!1;readonly=!1;autoFocus=!1;textareaClass="";textareaStyle={};maxLength;rows;spellcheck=!1;width="";label="";labelWidth="";addonLabel="";addonAlign="start";hint="";errorMessage="";icon=void 0;labelTooltip="";labelTooltipProps=null;rules=[];error=!1;status;focused=!1;hovered=!1;internalValue=null;nativeEl=void 0;formField;name=d();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(){null!=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 a("sd-field",{key:"f8fd8949824938bb79f101de2e5eca7980224b09",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,disabled:this.disabled,readonly:this.readonly,focused:this.focused,hovered:this.hovered,status:this.status,icon:this.icon,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:e=>this.formField=e,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1,style:{"--sd-textarea-font-size":`${x.fontSize}px`,"--sd-textarea-line-height":`${x.lineHeight}px`,"--sd-textarea-font-weight":x.fontWeight,"--sd-textarea-padding-x":`${x.paddingX}px`,"--sd-textarea-padding-y":`${x.paddingY}px`,"--sd-textarea-radius":`${x.radius}px`,"--sd-textarea-text-color":m.text.default,"--sd-textarea-placeholder-color":m.text.placeholder,"--sd-textarea-disabled-color":m.text.disabled,"--sd-textarea-bg-color":m.bg.default,"--sd-textarea-disabled-bg-color":m.bg.disabled,"--sd-textarea-border-color":m.border.default,"--sd-textarea-resizer-color":m.resizer.color,"--sd-system-size-field-sm-height":"auto","--sd-system-radius-field-sm":`${x.radius}px`}},a("div",{key:"382441be15dd047888cf876006f1966256a503b7",class:"sd-textarea__content"},a("textarea",{key:"5f5985ccdcc401f4aff2f47fe40003abeb76e8b3",name:this.name,ref:e=>this.nativeEl=e,class:`sd-textarea__native ${this.textareaClass}`,value:this.internalValue||"",placeholder:this.placeholder??"입력해 주세요.",disabled:this.disabled,readOnly:this.readonly,autofocus:this.autoFocus,maxLength:this.maxLength,rows:this.rows,spellcheck:this.spellcheck,onInput:this.handleInput,onFocus:e=>this.handleFocus("focus",e),onBlur:e=>this.handleFocus("blur",e),style:this.textareaStyle})))}static get watchers(){return{value:[{valueChanged:0}],internalValue:[{internalValueChanged:0}]}}static get style(){return"sd-textarea{display:inline-flex}sd-textarea .sd-textarea__content{width:100%;display:flex}sd-textarea .sd-textarea__content .sd-textarea__native{width:100%;min-height:100px;border:none;outline:none;background:transparent;padding:var(--sd-textarea-padding-y) var(--sd-textarea-padding-x);font-family:inherit;font-size:var(--sd-textarea-font-size);line-height:var(--sd-textarea-line-height);font-weight:var(--sd-textarea-font-weight);color:var(--sd-textarea-text-color);resize:vertical}sd-textarea .sd-textarea__content .sd-textarea__native::placeholder{color:var(--sd-textarea-placeholder-color)}sd-textarea .sd-textarea__content .sd-textarea__native:disabled{cursor:not-allowed;color:var(--sd-textarea-disabled-color)}sd-textarea .sd-textarea__content .sd-textarea__native[readonly]{color:var(--sd-system-color-field-text-read-only)}"}},[512,"sd-textarea",{value:[1025],placeholder:[1],disabled:[4],readonly:[4],autoFocus:[4,"auto-focus"],textareaClass:[1,"textarea-class"],textareaStyle:[16],maxLength:[2,"max-length"],rows:[2],spellcheck:[4],width:[8],label:[1],labelWidth:[8,"label-width"],addonLabel:[1,"addon-label"],addonAlign:[1,"addon-align"],hint:[1],errorMessage:[1,"error-message"],icon:[16],labelTooltip:[1,"label-tooltip"],labelTooltipProps:[16],rules:[16],error:[1028],status:[1],focused:[1028],hovered:[1028],name:[1],internalValue:[32],sdGetNativeElement:[64],sdValidate:[64],sdReset:[64],sdResetValidate:[64],sdFocus:[64]},void 0,{value:[{valueChanged:0}],internalValue:[{internalValueChanged:0}]}]);function b(){"undefined"!=typeof customElements&&["sd-textarea","sd-field","sd-floating-portal","sd-ghost-button","sd-icon","sd-portal","sd-tag","sd-tooltip"].forEach((e=>{switch(e){case"sd-textarea":customElements.get(r(e))||customElements.define(r(e),f);break;case"sd-field":customElements.get(r(e))||o();break;case"sd-floating-portal":customElements.get(r(e))||l();break;case"sd-ghost-button":customElements.get(r(e))||n();break;case"sd-icon":customElements.get(r(e))||h();break;case"sd-portal":customElements.get(r(e))||c();break;case"sd-tag":customElements.get(r(e))||u();break;case"sd-tooltip":customElements.get(r(e))||p()}}))}export{f as S,b as d}

package/dist/design-system/p-4782331f.entry.js

@@ -1 +0,0 @@
-import{r as e,c as s,a as i,h as t}from"./p-C599jhDs.js";import{n as d}from"./p-CCwNgVmC.js";import{f as a,a as h,T as r,b as l,p as o}from"./p-DMm_GeZC.js";import"./p-DjKOoQuF.js";const n=class{constructor(i){e(this,i),this.update=s(this,"sdUpdate",7),this.dropDownShow=s(this,"sdDropDownShow",7)}static CLOSE_ANIMATION_DURATION=150;get el(){return i(this)}value=null;size="sm";type="default";placeholder="00:00";disabled=!1;clearable=!1;useMeridiem;minuteStep=1;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=d();watchIsOpen(e){this.focused=e,this.dropDownShow.emit({isOpen:e})}valueChanged(e){if(null==e||""===e)return;const s=o(e),i=a(s.hour,s.minute);i!==e&&(this.value=i)}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}),n.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}render(){const e=l[this.size]??l.sm;return t("sd-field",{key:"dc433d8d452ad71bc5ea1b388399df862ca9cd04",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-picker-min-width":`${e.minWidth}px`,"--sd-system-color-field-border-default":r.border.default,"--sd-system-color-field-border-focus":r.border.focus,"--sd-system-color-field-bg-default":r.bg.default}},t("div",{key:"258c3a0d3232e8edfe5304dd2e0fcea4060f5893",class:"sd-time-picker",ref:e=>{this.triggerRef=e}},t("sd-time-picker-trigger",{key:"22af4e81d925cbdacea4e08b05aaa13cf5eb9ef8",displayText:h(this.value,this.effectiveUseMeridiem?"midday":"default"),placeholder:this.placeholder,disabled:this.disabled,clearable:this.clearable,size:this.size,onSdTriggerClick:this.handleTriggerClick,onSdClear:this.handleClear})),(this.isOpen||this.isAnimatingOut)&&t("sd-portal",{key:"8c7e43950257c8a8bf3b157f69985b3284430107",open:this.isOpen,parentRef:this.triggerRef,onSdClose:()=>this.closeDropdown()},t("sd-time-picker-selector",{key:"27109beda36d1817807f6a8b6af8a7a12b4c31c6",value:this.value,useMeridiem:this.effectiveUseMeridiem,minuteStep:this.minuteStep,onSdUpdate:this.handleSelect})))}static get watchers(){return{isOpen:[{watchIsOpen:0}],value:[{valueChanged:0}]}}};n.style="sd-time-picker{display:inline-flex}sd-time-picker sd-portal{display:none}sd-time-picker .sd-time-picker{position:relative;min-width:var(--sd-time-picker-min-width);width:100%;height:100%}";export{n as sd_time_picker}

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

@@ -1 +0,0 @@
-import{r as p,c as e,h as o}from"./p-C599jhDs.js";import{o as d}from"./p-De0OtxK5.js";import{s as t}from"./p-Bth2l1cy.js";const{popup:s}={popup:{header:{bg:{default:"#07284A",inverse:"#FFFFFF"},title:{default:"#FFFFFF",inverse:"#004290"},typography:{fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontWeight:"700",fontSize:"18",lineHeight:"30"}},bg:"#EEEEEE"}},{overlay:a}=d,i=t.shadow.spread.md,r={bodyBg:s.bg},u={bg:{default:s.header.bg.default,light:s.header.bg.inverse},titleColor:{default:s.header.title.default,light:s.header.title.inverse},fontFamily:s.header.typography.fontFamily,fontWeight:s.header.typography.fontWeight,fontSize:Number(s.header.typography.fontSize),lineHeight:Number(s.header.typography.lineHeight),height:50,paddingX:16,paddingY:10},h={bg:a.footer.bg.default,paddingX:Number(a.footer.paddingX),paddingY:Number(a.footer.paddingY),gap:Number(a.footer.gap),height:52,slotHeight:36,shadow:`${i.x}px ${i.y}px ${i.blur}px ${i.spread}px ${i.color}`},l={name:"primary_md",label:"확인"},f=class{constructor(o){p(this,o),this.submit=e(this,"sdSubmit",7)}popupTitle="";type="default";useFooter=!0;submitButtonProps;submit;render(){const p={...l,...this.submitButtonProps};return o("div",{key:"1b8dc171a7b0dea5216aa63425ccc72ae80e3a3e",class:`sd-popup sd-popup--${this.type}`,style:{"--sd-popup-bg":r.bodyBg,"--sd-popup-header-bg":u.bg[this.type],"--sd-popup-header-title-color":u.titleColor[this.type],"--sd-popup-header-font-family":u.fontFamily,"--sd-popup-header-font-weight":u.fontWeight,"--sd-popup-header-font-size":`${u.fontSize}px`,"--sd-popup-header-line-height":`${u.lineHeight}px`,"--sd-popup-header-height":`${u.height}px`,"--sd-popup-header-padding-x":`${u.paddingX}px`,"--sd-popup-header-padding-y":`${u.paddingY}px`,"--sd-popup-footer-bg":h.bg,"--sd-popup-footer-padding-x":`${h.paddingX}px`,"--sd-popup-footer-padding-y":`${h.paddingY}px`,"--sd-popup-footer-gap":`${h.gap}px`,"--sd-popup-footer-height":`${h.height}px`,"--sd-popup-footer-slot-height":`${h.slotHeight}px`,"--sd-popup-footer-shadow":h.shadow}},o("header",{key:"1ae57ef360ad124a2afac3340258dce481bb7bc7",class:"sd-popup__header"},o("h2",{key:"3d0cc0df6ba901b4dc9e0917103e57d6279cde31",class:"sd-popup__title"},this.popupTitle)),o("div",{key:"a0fee226ac513744243d6f78ddce6125170700da",class:"sd-popup__body"},o("slot",{key:"55c5f94dff5413810f2c4648c9684e520db7268b"})),this.useFooter&&o("footer",{key:"f8f0dc3751324ac5976aef55bec974341db036c1",class:"sd-popup__footer"},o("div",{key:"ea2f7e63c857d135eeffd7c2a43b171619067161",class:"sd-popup__footer-slot sd-popup__footer-slot--left"},o("slot",{key:"0d56c0c25e1e10f6900af0f632c7bb339b736032",name:"footer-left"})),o("sd-button",{key:"d334174cd98be32856a6f3b1b3348ca2ebea3cdd",...p,class:"sd-popup__submit",onSdClick:()=>this.submit.emit()})))}};f.style="sd-popup{display:block;width:100%;height:100%}sd-popup .sd-popup{display:flex;flex-direction:column;width:100%;height:100%;background:var(--sd-popup-bg);overflow:hidden;box-sizing:border-box}sd-popup .sd-popup__header{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:100%;height:var(--sd-popup-header-height);padding:var(--sd-popup-header-padding-y) var(--sd-popup-header-padding-x);background:var(--sd-popup-header-bg);box-sizing:border-box}sd-popup .sd-popup__title{margin:0;color:var(--sd-popup-header-title-color);font-family:var(--sd-popup-header-font-family);font-weight:var(--sd-popup-header-font-weight);font-size:var(--sd-popup-header-font-size);line-height:var(--sd-popup-header-line-height);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}sd-popup .sd-popup__body{flex:1 1 auto;min-height:0;overflow:auto}sd-popup .sd-popup__footer{display:flex;align-items:center;flex-shrink:0;width:100%;height:var(--sd-popup-footer-height);padding:var(--sd-popup-footer-padding-y) var(--sd-popup-footer-padding-x);gap:var(--sd-popup-footer-gap);background:var(--sd-popup-footer-bg);box-shadow:var(--sd-popup-footer-shadow);box-sizing:border-box;position:relative;z-index:1}sd-popup .sd-popup__footer-slot{display:flex;align-items:center;height:var(--sd-popup-footer-slot-height)}sd-popup .sd-popup__footer-slot--left{justify-content:flex-start;flex:1 1 auto;min-width:0}sd-popup .sd-popup__footer-slot:empty{display:none}sd-popup .sd-popup__submit{flex-shrink:0;margin-left:auto}";export{f as sd_popup}