@sellmate/design-system 1.0.25 → 1.0.27
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.
- package/dist/cjs/{component.button-C6xBMwHf.js → component.button-ASC_hRm6.js} +0 -7
- package/dist/cjs/design-system.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/sd-badge.cjs.entry.js +29 -6
- package/dist/cjs/sd-button-v2.cjs.entry.js +5 -6
- package/dist/cjs/{sd-button-v2.config-BK45EPK_.js → sd-button-v2.config-DGJDtL6W.js} +1 -27
- package/dist/cjs/sd-button_21.cjs.entry.js +77 -50
- package/dist/cjs/sd-card.cjs.entry.js +1 -1
- package/dist/cjs/sd-date-picker.cjs.entry.js +1 -1
- package/dist/cjs/sd-dropdown-button.cjs.entry.js +7 -22
- package/dist/cjs/sd-file-picker.cjs.entry.js +3 -3
- package/dist/cjs/sd-form.cjs.entry.js +1 -1
- package/dist/cjs/sd-guide.cjs.entry.js +2 -2
- package/dist/cjs/sd-popover.cjs.entry.js +15 -2
- package/dist/cjs/sd-progress.cjs.entry.js +2 -2
- package/dist/cjs/sd-radio-button-group.cjs.entry.js +1 -1
- package/dist/cjs/sd-radio-group.cjs.entry.js +1 -1
- package/dist/cjs/sd-select-multiple-group.cjs.entry.js +1 -1
- package/dist/cjs/sd-select-multiple.cjs.entry.js +1 -1
- package/dist/cjs/sd-select-option-group.cjs.entry.js +3 -3
- package/dist/cjs/sd-tabs.cjs.entry.js +1 -1
- package/dist/cjs/sd-tag.cjs.entry.js +104 -35
- package/dist/cjs/sd-toast.cjs.entry.js +3 -3
- package/dist/cjs/sd-toggle-button.cjs.entry.js +1 -1
- package/dist/cjs/sd-toggle.cjs.entry.js +1 -1
- package/dist/collection/collection-manifest.json +2 -2
- package/dist/collection/components/sd-badge/sd-badge.config.js +12 -0
- package/dist/collection/components/sd-badge/sd-badge.css +5 -14
- package/dist/collection/components/sd-badge/sd-badge.js +15 -29
- package/dist/collection/components/sd-button-v2/sd-button-v2.config.js +0 -24
- package/dist/collection/components/sd-button-v2/sd-button-v2.css +6 -5
- package/dist/collection/components/sd-button-v2/sd-button-v2.js +4 -5
- package/dist/collection/components/sd-card/sd-card.js +1 -1
- package/dist/collection/components/sd-date-picker/sd-date-picker.js +1 -1
- package/dist/collection/components/sd-date-range-picker/sd-date-range-picker.js +2 -2
- package/dist/collection/components/sd-dropdown-button/sd-dropdown-button.config.js +1 -10
- package/dist/collection/components/sd-dropdown-button/sd-dropdown-button.css +9 -5
- package/dist/collection/components/sd-dropdown-button/sd-dropdown-button.js +3 -9
- package/dist/collection/components/sd-field/sd-field.js +5 -5
- package/dist/collection/components/sd-file-picker/sd-file-picker.js +3 -3
- package/dist/collection/components/sd-floating-portal/sd-floating-portal.css +52 -28
- package/dist/collection/components/sd-floating-portal/sd-floating-portal.js +1 -1
- package/dist/collection/components/sd-form/sd-form.js +1 -1
- package/dist/collection/components/sd-guide/sd-guide.js +2 -2
- package/dist/collection/components/sd-icon/sd-icon.js +1 -1
- package/dist/collection/components/sd-input/sd-input.js +3 -3
- package/dist/collection/components/sd-loading-spinner/sd-loading-spinner.js +1 -1
- package/dist/collection/components/sd-modal-card/sd-modal-card.js +1 -1
- package/dist/collection/components/sd-number-input/sd-number-input.js +4 -4
- package/dist/collection/components/sd-pagination/sd-pagination.js +2 -2
- package/dist/collection/components/sd-popover/sd-popover.js +6 -2
- package/dist/collection/components/sd-portal/sd-portal.js +11 -10
- package/dist/collection/components/sd-progress/sd-progress.js +2 -2
- package/dist/collection/components/sd-radio/sd-radio.js +1 -1
- package/dist/collection/components/sd-radio-button-group/sd-radio-button-group.js +1 -1
- package/dist/collection/components/sd-radio-group/sd-radio-group.js +1 -1
- package/dist/collection/components/sd-select/sd-select-dropdown/sd-select-dropdown.js +2 -2
- package/dist/collection/components/sd-select/sd-select-option/sd-select-option.js +1 -1
- package/dist/collection/components/sd-select/sd-select-search-input/sd-select-search-input.js +3 -3
- package/dist/collection/components/sd-select/sd-select.js +3 -3
- package/dist/collection/components/sd-select-multiple/sd-select-multiple.js +1 -1
- package/dist/collection/components/sd-select-multiple-group/sd-select-multiple-group.js +3 -3
- package/dist/collection/components/sd-select-multiple-group/sd-select-option-group/sd-select-option-group.js +3 -3
- package/dist/collection/components/sd-table/sd-table.js +4 -4
- package/dist/collection/components/sd-tabs/sd-tabs.js +1 -1
- package/dist/collection/components/sd-tag/sd-tag.config.js +35 -31
- package/dist/collection/components/sd-tag/sd-tag.css +1 -1
- package/dist/collection/components/sd-tag/sd-tag.js +6 -5
- package/dist/collection/components/sd-textarea/sd-textarea.js +2 -2
- package/dist/collection/components/sd-toast/sd-toast.js +2 -2
- package/dist/collection/components/sd-toggle/sd-toggle.js +1 -1
- package/dist/collection/components/sd-toggle-button/sd-toggle-button.js +1 -1
- package/dist/collection/components/sd-tooltip/sd-tooltip.config.js +7 -0
- package/dist/collection/components/sd-tooltip/sd-tooltip.js +21 -32
- package/dist/components/{p-Dc4UTGgQ.js → p-2CurSZ9q.js} +1 -1
- package/dist/components/{p-CAZeEBeS.js → p-BDPJKxrr.js} +1 -1
- package/dist/components/{p-D9mJxIjm.js → p-BFVe-fGw.js} +1 -1
- package/dist/components/{p-DYoNy5I7.js → p-BVIzG0vO.js} +1 -1
- package/dist/components/p-BZt0PSLv.js +1 -0
- package/dist/components/{p-2FdkYfts.js → p-CGgmrFwF.js} +1 -1
- package/dist/components/p-COsw7PE1.js +1 -0
- package/dist/components/{p-CdCMe4bN.js → p-CS4tniB3.js} +1 -1
- package/dist/components/{p-CwM24aVj.js → p-CZLePSDf.js} +1 -1
- package/dist/components/{p-B1o7vc2v.js → p-CgilbV-B.js} +1 -1
- package/dist/components/{p-DUqcOPNn.js → p-CquSJNHV.js} +1 -1
- package/dist/components/{p-CzHa12Ax.js → p-D4eRE9J1.js} +1 -1
- package/dist/components/{p-BxXKe48B.js → p-DNQE5SAA.js} +1 -1
- package/dist/components/{p-G4t0nGLP.js → p-DfhTm5zs.js} +1 -1
- package/dist/components/p-DghTuouQ.js +1 -0
- package/dist/components/{p-Czq-8oT7.js → p-DtNd46kD.js} +1 -1
- package/dist/components/p-DuzMehmA.js +1 -0
- package/dist/components/p-fvvA-prd.js +1 -0
- package/dist/components/{p-BKTfQGcR.js → p-kyuN077y.js} +1 -1
- package/dist/components/p-wt_xdZCl.js +1 -0
- package/dist/components/sd-badge.js +1 -1
- package/dist/components/sd-button-v2.js +1 -1
- package/dist/components/sd-button.js +1 -1
- package/dist/components/sd-card.js +1 -1
- package/dist/components/sd-checkbox.js +1 -1
- package/dist/components/sd-date-picker.js +1 -1
- package/dist/components/sd-date-range-picker.js +1 -1
- package/dist/components/sd-dropdown-button.js +1 -1
- package/dist/components/sd-field.js +1 -1
- package/dist/components/sd-file-picker.js +1 -1
- package/dist/components/sd-floating-portal.js +1 -1
- package/dist/components/sd-form.js +1 -1
- package/dist/components/sd-guide.js +1 -1
- package/dist/components/sd-icon.js +1 -1
- package/dist/components/sd-input.js +1 -1
- package/dist/components/sd-loading-spinner.js +1 -1
- package/dist/components/sd-modal-card.js +1 -1
- package/dist/components/sd-number-input.js +1 -1
- package/dist/components/sd-pagination.js +1 -1
- package/dist/components/sd-popover.js +1 -1
- package/dist/components/sd-portal.js +1 -1
- package/dist/components/sd-progress.js +1 -1
- package/dist/components/sd-radio-button-group.js +1 -1
- package/dist/components/sd-radio-group.js +1 -1
- package/dist/components/sd-radio.js +1 -1
- package/dist/components/sd-select-dropdown.js +1 -1
- package/dist/components/sd-select-multiple-group.js +1 -1
- package/dist/components/sd-select-multiple.js +1 -1
- package/dist/components/sd-select-option-group.js +1 -1
- package/dist/components/sd-select-option.js +1 -1
- package/dist/components/sd-select-search-input.js +1 -1
- package/dist/components/sd-select.js +1 -1
- package/dist/components/sd-table.js +1 -1
- package/dist/components/sd-tabs.js +1 -1
- package/dist/components/sd-tag.js +1 -1
- package/dist/components/sd-textarea.js +1 -1
- package/dist/components/sd-toast.js +1 -1
- package/dist/components/sd-toggle-button.js +1 -1
- package/dist/components/sd-toggle.js +1 -1
- package/dist/components/sd-tooltip.js +1 -1
- package/dist/design-system/design-system.css +1 -1
- package/dist/design-system/design-system.esm.js +1 -1
- package/dist/design-system/{p-c0655cd1.entry.js → p-141f5a74.entry.js} +1 -1
- package/dist/design-system/{p-e6d84ecf.entry.js → p-19805249.entry.js} +1 -1
- package/dist/design-system/{p-Dc4UTGgQ.js → p-2CurSZ9q.js} +1 -1
- package/dist/design-system/p-37e9e161.entry.js +1 -0
- package/dist/design-system/{p-1b80635f.entry.js → p-3d91bd65.entry.js} +1 -1
- package/dist/design-system/{p-5094848f.entry.js → p-58e3bd95.entry.js} +1 -1
- package/dist/design-system/{p-02c5ab69.entry.js → p-5ef7ff34.entry.js} +1 -1
- package/dist/design-system/{p-83f320e6.entry.js → p-680c5afb.entry.js} +1 -1
- package/dist/design-system/p-73362d34.entry.js +1 -0
- package/dist/design-system/p-73d29523.entry.js +1 -0
- package/dist/design-system/{p-3565f871.entry.js → p-7801d0bb.entry.js} +1 -1
- package/dist/design-system/p-8be27d6e.entry.js +1 -0
- package/dist/design-system/p-995f2846.entry.js +1 -0
- package/dist/design-system/{p-DUqcOPNn.js → p-CquSJNHV.js} +1 -1
- package/dist/design-system/p-DuzMehmA.js +1 -0
- package/dist/design-system/{p-ea26b8e9.entry.js → p-a493d89a.entry.js} +1 -1
- package/dist/design-system/{p-8b013328.entry.js → p-a7815753.entry.js} +1 -1
- package/dist/design-system/{p-712c1ef1.entry.js → p-b9f3d804.entry.js} +1 -1
- package/dist/design-system/p-c32943cf.entry.js +1 -0
- package/dist/design-system/p-ce410fca.entry.js +1 -0
- package/dist/design-system/p-d8b04e91.entry.js +1 -0
- package/dist/design-system/{p-df3d3a2a.entry.js → p-e711ab13.entry.js} +1 -1
- package/dist/design-system/{p-5032c700.entry.js → p-e9040a63.entry.js} +1 -1
- package/dist/design-system/{p-f1b31194.entry.js → p-e9bd0893.entry.js} +1 -1
- package/dist/esm/{component.button-Dc4UTGgQ.js → component.button-2CurSZ9q.js} +0 -7
- package/dist/esm/design-system.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/sd-badge.entry.js +29 -6
- package/dist/esm/{sd-button-v2.config-BWmcscrt.js → sd-button-v2.config-FpT7FqlI.js} +2 -27
- package/dist/esm/sd-button-v2.entry.js +5 -6
- package/dist/esm/sd-button_21.entry.js +77 -50
- package/dist/esm/sd-card.entry.js +1 -1
- package/dist/esm/sd-date-picker.entry.js +1 -1
- package/dist/esm/sd-dropdown-button.entry.js +7 -22
- package/dist/esm/sd-file-picker.entry.js +3 -3
- package/dist/esm/sd-form.entry.js +1 -1
- package/dist/esm/sd-guide.entry.js +2 -2
- package/dist/esm/sd-popover.entry.js +15 -2
- package/dist/esm/sd-progress.entry.js +2 -2
- package/dist/esm/sd-radio-button-group.entry.js +1 -1
- package/dist/esm/sd-radio-group.entry.js +1 -1
- package/dist/esm/sd-select-multiple-group.entry.js +1 -1
- package/dist/esm/sd-select-multiple.entry.js +1 -1
- package/dist/esm/sd-select-option-group.entry.js +3 -3
- package/dist/esm/sd-tabs.entry.js +1 -1
- package/dist/esm/sd-tag.entry.js +104 -35
- package/dist/esm/sd-toast.entry.js +3 -3
- package/dist/esm/sd-toggle-button.entry.js +1 -1
- package/dist/esm/sd-toggle.entry.js +1 -1
- package/dist/types/components/sd-badge/sd-badge.config.d.ts +3 -0
- package/dist/types/components/sd-badge/sd-badge.d.ts +2 -2
- package/dist/types/components/sd-button-v2/sd-button-v2.config.d.ts +0 -23
- package/dist/types/components/sd-dropdown-button/sd-dropdown-button.config.d.ts +1 -4
- package/dist/types/components/sd-field/sd-field.d.ts +1 -1
- package/dist/types/components/sd-input/sd-input.d.ts +1 -1
- package/dist/types/components/sd-select/sd-select.d.ts +1 -1
- package/dist/types/components/sd-select-multiple-group/sd-select-multiple-group.d.ts +1 -1
- package/dist/types/components/sd-tag/sd-tag.config.d.ts +2 -1
- package/dist/types/components/sd-tooltip/sd-tooltip.config.d.ts +18 -0
- package/dist/types/components/sd-tooltip/sd-tooltip.d.ts +2 -15
- package/dist/types/components.d.ts +18 -34
- package/hydrate/index.js +384 -301
- package/hydrate/index.mjs +384 -301
- package/package.json +1 -1
- package/dist/components/p-BFO8hHjW.js +0 -1
- package/dist/components/p-CDzGasXW.js +0 -1
- package/dist/components/p-CVvYLd5J.js +0 -1
- package/dist/components/p-Dun2lZmi.js +0 -1
- package/dist/components/p-NAapFxTw.js +0 -1
- package/dist/components/p-VKF2AWs1.js +0 -1
- package/dist/design-system/p-285cc646.entry.js +0 -1
- package/dist/design-system/p-59a52297.entry.js +0 -1
- package/dist/design-system/p-9563ffe1.entry.js +0 -1
- package/dist/design-system/p-VKF2AWs1.js +0 -1
- package/dist/design-system/p-b1e45f3f.entry.js +0 -1
- package/dist/design-system/p-d8a141e7.entry.js +0 -1
- package/dist/design-system/p-e7d7ceb4.entry.js +0 -1
- package/dist/design-system/p-efd52bd3.entry.js +0 -1
- package/dist/design-system/p-f81d3798.entry.js +0 -1
- package/dist/cjs/{resolveColor-4RlaGD62.js → resolveColor-Di1RNekE.js} +2 -2
- package/dist/esm/{resolveColor-DUqcOPNn.js → resolveColor-CquSJNHV.js} +2 -2
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{p as e,H as t,h as n,t as i}from"./p-B1vJXa29.js";import{d as s}from"./p-BKTfQGcR.js";const a=["sm","md","lg"],o=["grey","red","orange","yellow","green","blue","darkblue","indigo"],d={grey:{background:"#EEEEEE",content:"#737373",icon:"#737373"},red:{background:"#FCEFEF",content:"#FB4444",icon:"#FB4444"},orange:{background:"#FEF1EA",content:"#FF6B00",icon:"#FF6B00"},yellow:{background:"#FFF7DD",content:"#916C0D",icon:"#CA9611"},green:{background:"#E8F9EF",content:"#00973C",icon:"#12B553"},blue:{background:"#E6F1FF",content:"#0075FF",icon:"#0075FF"},darkblue:{background:"#EAF5FE",content:"#006AC1",icon:"#006AC1"},indigo:{background:"#EFF6FF",content:"#004290",icon:"#004290"}},r={sm:{height:"20px",paddingX:"6px",gap:"4px",fontSize:"11px",fontWeight:"500",iconSize:12,radius:"4px"},md:{height:"24px",paddingX:"8px",gap:"4px",fontSize:"12px",fontWeight:"700",iconSize:16,radius:"4px"},lg:{height:"28px",paddingX:"10px",gap:"4px",fontSize:"14px",fontWeight:"700",iconSize:16,radius:"5px"}},g={sm:{...r.sm,radius:"999px"},md:{...r.md,radius:"999px"},lg:{...r.lg,radius:"999px"}},c=Object.fromEntries(["square","pill"].flatMap((e=>a.flatMap((t=>o.map((n=>[`${e}_${t}_${n}`,{shape:e,size:t,color:n,..."square"===e?r[t]:g[t],...d[n]}]))))))),l=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost()}name="square_md_grey";label="";icon;isLeft=!0;get resolvedConfig(){if(!Object.prototype.hasOwnProperty.call(c,this.name))throw new Error(`Invalid sd-tag name: ${this.name}`);return c[this.name]}renderIcon(e,t){return this.icon?n("sd-icon",{class:"sd-tag__icon",name:this.icon,size:t,color:e}):null}render(){const e=this.resolvedConfig,t=this.renderIcon(e.icon,e.iconSize);return n("span",{key:"5f9ee005b146997dd13bb3e6a06680ff8574bd14",class:"sd-tag",style:{"--sd-tag-background":e.background,"--sd-tag-content":e.content,"--sd-tag-height":e.height,"--sd-tag-padding-x":e.paddingX,"--sd-tag-gap":e.gap,"--sd-tag-font-size":e.fontSize,"--sd-tag-font-weight":e.fontWeight,"--sd-tag-radius":e.radius},"aria-label":this.label||"tag"},this.icon&&this.isLeft&&t,n("span",{key:"b123ab6ac015db640e4dc3edc5e2cf90ec5e0ecf",class:"sd-tag__label"},this.label),this.icon&&!this.isLeft&&t)}static get style(){return"sd-tag{display:inline-flex;width:fit-content;height:fit-content}.sd-tag{display:inline-flex;align-items:center;justify-content:center;gap:var(--sd-tag-gap, 5px);min-height:var(--sd-tag-height, 24px);padding:0 var(--sd-tag-padding-x, 8px);border-radius:var(--sd-tag-radius, 4px);background:var(--sd-tag-background, #f3f3f3);color:var(--sd-tag-content, #7a7a7a);box-sizing:border-box;white-space:nowrap;-webkit-user-select:none;user-select:none}.sd-tag__icon{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center}.sd-tag__label{display:inline-flex;align-items:center;justify-content:center;min-width:0;font-size:var(--sd-tag-font-size, 12px);font-weight:var(--sd-tag-font-weight, 700);line-height:1}"}},[512,"sd-tag",{name:[1],label:[1],icon:[1],isLeft:[4,"is-left"]}]);function p(){"undefined"!=typeof customElements&&["sd-tag","sd-icon"].forEach((e=>{switch(e){case"sd-tag":customElements.get(i(e))||customElements.define(i(e),l);break;case"sd-icon":customElements.get(i(e))||s()}}))}export{l as S,p as d}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{p as t,H as e,h as s,F as o,t as i}from"./p-B1vJXa29.js";import{T as n}from"./p-D-ian_bu.js";import{d as a}from"./p-CAZeEBeS.js";import{d as l}from"./p-CVvYLd5J.js";import{d as c}from"./p-BKTfQGcR.js";const d=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost()}get el(){return this}trigger="hover";placement="top";color="#01BB4B";type="default";icon="helpOutline";iconSize=12;label="";buttonSize="sm";buttonVariant="primary";noHover=!0;useClose=!1;showTooltip=!1;slotContentHTML="";buttonEl;handleClose=()=>{this.showTooltip=!1};componentWillLoad(){this.slotContentHTML=this.el.innerHTML,this.el.replaceChildren(),this.el.classList.toggle("visible",!0)}render(){const t="hover"===this.trigger?{onMouseEnter:()=>this.showTooltip=!0,onMouseLeave:()=>this.showTooltip=!1}:{onClick:()=>this.showTooltip=!this.showTooltip};return s(o,{key:"1aefeca1e8e1e5da1ad3394dbc2cd5529c0ce854"},this.label?s("sd-button",{ref:t=>this.buttonEl=t,label:this.label,icon:this.icon,size:this.buttonSize,color:this.color,variant:this.buttonVariant,class:"sd-tooltip",..."hover"===this.trigger?{onMouseEnter:()=>this.showTooltip=!0,onMouseLeave:()=>this.showTooltip=!1}:{onSdClick:()=>this.showTooltip=!this.showTooltip}}):s("sd-icon",{ref:t=>this.buttonEl=t,name:this.icon,size:this.iconSize,color:this.color,class:"sd-tooltip",...t}),this.showTooltip&&s("sd-floating-portal",{key:"65c83f4f0d03d17345e9c19b462dadb78f7ea83b",parentRef:this.buttonEl,onSdClose:this.handleClose.bind(this),placement:this.placement},s("div",{key:"ca2f15d29a5999842f39ef3bb5eefc6f8675e386",class:{"sd-floating-menu":!0,[`sd-floating-menu--${this.type}`]:!0,[`sd-floating-menu--${this.placement}`]:!0,"sd-floating-menu--with-close":this.useClose}},s("i",{key:"d118d136589ef1e421e03bae59b0a9d5bfbbb2ba",class:`sd-floating-menu__arrow sd-floating-menu__arrow--${this.placement}`},s(n,{key:"2a2e0599bcf1cd2261335d0c46297a7650ac30a2"})),s("div",{key:"fced40f561dae6a81a9e5c9c4be44555db358745",class:"sd-floating-menu__content",innerHTML:this.slotContentHTML}),this.useClose&&s("div",{key:"dec97887df051d3253f05f03190e145d0515b522",class:"sd-floating-menu__close-button"},s("button",{key:"66cd01a3228a27abdc9e4d9e974fe90c91c6ad97",type:"button","aria-label":"Close tooltip",title:"Close tooltip",onClick:this.handleClose.bind(this)},s("sd-icon",{key:"bc179a3452f83d96a7a36ca12821c093f7f53527",name:"close",size:"12",color:"#AAAAAA"}))))))}static get style(){return"sd-tooltip{visibility:hidden !important;display:inline-flex}sd-tooltip.visible{visibility:visible !important}sd-tooltip .sd-tooltip{position:relative;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}"}},[512,"sd-tooltip",{trigger:[1],placement:[1],color:[1],type:[1],icon:[1],iconSize:[2,"icon-size"],label:[1],buttonSize:[1,"button-size"],buttonVariant:[1,"button-variant"],noHover:[4,"no-hover"],useClose:[4,"use-close"],showTooltip:[32],slotContentHTML:[32]}]);function r(){"undefined"!=typeof customElements&&["sd-tooltip","sd-button","sd-floating-portal","sd-icon"].forEach((t=>{switch(t){case"sd-tooltip":customElements.get(i(t))||customElements.define(i(t),d);break;case"sd-button":customElements.get(i(t))||a();break;case"sd-floating-portal":customElements.get(i(t))||l();break;case"sd-icon":customElements.get(i(t))||c()}}))}export{d as S,r as d}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{p as t,H as e,c as n,h as o,t as i}from"./p-B1vJXa29.js";const s=t(class t extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.close=n(this,"sdClose")}get el(){return this}to="body";parentRef=null;offset=[0,0];zIndex=9999;placement="bottom";open=!1;close;container;wrapper;rafId;isInsideClick=!1;resizeObserver;mutationObserver;static ARROW_SIZE=11.2;componentDidLoad(){this.container=this.resolveContainer(),this.createWrapper(),this.moveSlotContent(),requestAnimationFrame((()=>{this.updatePosition(),this.wrapper&&(this.wrapper.style.visibility="visible")})),this.observeParent()}componentDidRender(){this.wrapper&&(this.open?(this.wrapper.style.display="block",requestAnimationFrame((()=>{this.updatePosition(),this.wrapper&&(this.wrapper.style.visibility="visible")}))):(this.wrapper.style.display="none",this.wrapper.style.visibility="hidden"))}disconnectedCallback(){this.rafId&&cancelAnimationFrame(this.rafId),this.unobserveParent(),this.wrapper?.remove()}resolveContainer(){const t="string"==typeof this.to?document.querySelector(this.to):this.to;return t instanceof e?t:document.body}createWrapper(){this.wrapper=document.createElement("div"),Object.assign(this.wrapper.style,{position:"absolute",zIndex:this.zIndex.toString(),transition:"opacity 0.4s",top:"-9999px",left:"-9999px"}),this.container.appendChild(this.wrapper)}moveSlotContent(){this.wrapper&&Array.from(this.el.childNodes).filter((t=>t.nodeType!==Node.COMMENT_NODE)).forEach((t=>this.wrapper.appendChild(t)))}updatePosition(){this.rafId&&cancelAnimationFrame(this.rafId),this.rafId=requestAnimationFrame((()=>{if(!this.parentRef||!this.wrapper)return;const e=this.parentRef.getBoundingClientRect();if(!e.width&&!e.height)return;const[n,o]=this.offset,i=t.ARROW_SIZE;let s=0,a=0;switch(this.placement){case"top":s=e.top+window.scrollY-this.wrapper.offsetHeight+o-i,a=e.left+window.scrollX+e.width/2-this.wrapper.offsetWidth/2+n;break;case"bottom":s=e.bottom+window.scrollY+o+i,a=e.left+window.scrollX+e.width/2-this.wrapper.offsetWidth/2+n;break;case"left":s=e.top+window.scrollY+e.height/2-this.wrapper.offsetHeight/2+o,a=e.left+window.scrollX-this.wrapper.offsetWidth-n-i;break;case"right":s=e.top+window.scrollY+e.height/2-this.wrapper.offsetHeight/2+o,a=e.right+window.scrollX+n+i}Object.assign(this.wrapper.style,{top:`${s}px`,left:`${a}px`})}))}observeParent(){this.parentRef&&(this.resizeObserver=new ResizeObserver((()=>this.updatePosition())),this.resizeObserver.observe(this.parentRef),this.mutationObserver=new MutationObserver((()=>this.updatePosition())),this.mutationObserver.observe(document.body,{childList:!0,subtree:!0}))}unobserveParent(){this.resizeObserver?.disconnect(),this.mutationObserver?.disconnect()}handleMouseDown(t){this.isInsideClick=!!(this.wrapper&&this.wrapper.contains(t.target)||this.parentRef&&this.parentRef.contains(t.target))}handleWindowClick(t){this.isInsideClick?this.isInsideClick=!1:this.wrapper?.contains(t.target)||this.close.emit()}render(){return o("slot",{key:"fe02da5ce55072c8fa313e467967f2a1c18f86bb"})}static get style(){return".sd-floating-menu{width:fit-content;padding:12px 20px;border-radius:4px;font-size:12px;position:relative;box-sizing:border-box;background:#07284A;color:#FFFFFF}.sd-floating-menu .sd-floating-menu__arrow{color:#07284A}.sd-floating-menu--default{background:#07284A;color:#FFFFFF}.sd-floating-menu--default .sd-floating-menu__arrow{color:#07284A}.sd-floating-menu--caution{background:#FCE6E6;color:#FB4444}.sd-floating-menu--caution .sd-floating-menu__arrow{color:#FCE6E6}.sd-floating-menu--notice{background:#FEF1EA;color:#FF6B00}.sd-floating-menu--notice .sd-floating-menu__arrow{color:#FEF1EA}.sd-floating-menu--accent{background:#E6F1FF;color:#0075FF}.sd-floating-menu--accent .sd-floating-menu__arrow{color:#E6F1FF}.sd-floating-menu__arrow{position:absolute;display:flex;width:9.6px;height:7.2px}.sd-floating-menu__arrow svg{width:100%;height:100%}.sd-floating-menu__arrow--top{bottom:-7.2px;left:50%;transform:translateX(-50%)}.sd-floating-menu__arrow--bottom{top:-7.2px;left:50%;transform:translateX(-50%) rotate(180deg)}.sd-floating-menu__arrow--left{right:-7.2px;top:50%;transform:translateY(-50%) rotate(-90deg)}.sd-floating-menu__arrow--right{left:-7.2px;top:50%;transform:translateY(-50%) rotate(90deg)}.sd-floating-menu__content{font-size:12px;line-height:20px}.sd-floating-menu__content .sd-floating-menu__title{font-weight:700;margin-bottom:4px}.sd-floating-menu__content .sd-floating-menu__messages{font-weight:500}.sd-floating-menu__content .sd-floating-menu__buttons{margin-top:12px;display:flex;gap:8px;align-items:center}.sd-floating-menu__content .sd-floating-menu__buttons--1{justify-content:flex-end}.sd-floating-menu__content .sd-floating-menu__buttons--2{justify-content:space-between}.sd-floating-menu__close-button{position:absolute;top:16px;right:12px;padding:0;background:none;border:none;cursor:pointer}"}},[772,"sd-floating-portal",{to:[1],parentRef:[16],offset:[16],zIndex:[2,"z-index"],placement:[1],open:[4]},[[9,"scroll","updatePosition"],[9,"resize","updatePosition"],[9,"mousedown","handleMouseDown"],[8,"click","handleWindowClick"]]]);function a(){"undefined"!=typeof customElements&&["sd-floating-portal"].forEach((t=>{"sd-floating-portal"===t&&(customElements.get(i(t))||customElements.define(i(t),s))}))}export{s as S,a as d}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{p as t,H as s,c as e,h as i,t as n}from"./p-B1vJXa29.js";const o=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.close=e(this,"sdClose")}get hostEl(){return this}to="body";parentRef=null;offset=[0,4];zIndex=9999;open=!1;close;container;wrapper;rafId;isInsideClick=!1;handleObservedScroll=()=>this.updatePosition();resizeObserver;mutationObserver;scrollParents=[];isObserved=!1;handleOpenChange(){this.syncPortalState()}componentDidLoad(){this.container=this.resolveContainer(),this.syncPortalState()}componentDidRender(){this.syncPortalState()}disconnectedCallback(){if(this.unobserveParent(),this.wrapper?.parentNode)try{this.wrapper.parentNode.removeChild(this.wrapper)}catch{}}resolveContainer(){const t="string"==typeof this.to?document.querySelector(this.to):this.to;return t instanceof s?t:document.body}createWrapper(){this.wrapper=document.createElement("div"),Object.assign(this.wrapper.style,{position:"absolute",zIndex:this.zIndex.toString(),transition:"opacity 0.4s"}),this.container.appendChild(this.wrapper)}ensureWrapper(){this.wrapper||(this.container||=this.resolveContainer(),this.createWrapper(),this.moveSlotContent())}syncPortalState(){if(!this.open)return this.wrapper&&(this.wrapper.style.display="none"),void this.unobserveParent();this.ensureWrapper(),this.wrapper&&(this.wrapper.style.display="block",this.observeParent(),this.updatePosition())}moveSlotContent(){this.wrapper&&Array.from(this.hostEl.childNodes).filter((t=>t.nodeType!==Node.COMMENT_NODE)).forEach((t=>this.wrapper.appendChild(t)))}updatePosition(){this.rafId&&cancelAnimationFrame(this.rafId),this.rafId=requestAnimationFrame((()=>{if(!this.parentRef||!this.wrapper)return;const t=this.parentRef.getBoundingClientRect(),s=this.wrapper.getBoundingClientRect(),e=window.innerWidth,i=window.innerHeight;let n=t.bottom+window.scrollY+this.offset[1],o=t.left+window.scrollX+this.offset[0];t.bottom+s.height+this.offset[1]>i&&(n=t.top+window.scrollY-s.height-this.offset[1]),n<window.scrollY&&(n=t.bottom+window.scrollY+this.offset[1]),t.left+s.width+this.offset[0]>e&&(o=t.right+window.scrollX-s.width-this.offset[0]),o<0&&(o=this.offset[0]),this.wrapper.style.top=`${n}px`,this.wrapper.style.left=`${o}px`}))}observeParent(){this.parentRef&&!this.isObserved&&(this.observeScrollParents(this.parentRef),"undefined"!=typeof ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>this.updatePosition())),this.resizeObserver.observe(this.parentRef)),"undefined"!=typeof MutationObserver&&(this.mutationObserver=new MutationObserver((()=>this.updatePosition())),this.mutationObserver.observe(document.body,{childList:!0,subtree:!0})),this.isObserved=!0)}unobserveParent(){this.isObserved&&(this.unobserveScrollParents(),this.resizeObserver?.disconnect(),this.resizeObserver=void 0,this.mutationObserver?.disconnect(),this.mutationObserver=void 0,this.isObserved=!1)}observeScrollParents(t){const s=this.getScrollParents(t);s.forEach((t=>{t.addEventListener("scroll",this.handleObservedScroll,{passive:!0})})),this.scrollParents=s}unobserveScrollParents(){this.scrollParents.forEach((t=>{t.removeEventListener("scroll",this.handleObservedScroll)})),this.scrollParents=[]}getScrollParents(t){const s=[];let e=t.parentElement;for(;e;){const{overflow:t,overflowX:i,overflowY:n}=getComputedStyle(e);[t,i,n].some((t=>/(auto|scroll|overlay)/.test(t)))&&s.push(e),e=e.parentElement}return s}handleMouseDown(t){this.isInsideClick=!(!this.wrapper||!this.wrapper.contains(t.target))}handleWindowClick(t){this.isInsideClick?this.isInsideClick=!1:this.wrapper?.contains(t.target)||this.close.emit()}render(){return i("slot",{key:"ceaa6bed28e3b1bd1a539091434fd7acee6a0e4b"})}static get watchers(){return{open:[{handleOpenChange:0}]}}},[772,"sd-portal",{to:[1],parentRef:[16],offset:[16],zIndex:[2,"z-index"],open:[4]},[[9,"scroll","updatePosition"],[9,"resize","updatePosition"],[9,"mousedown","handleMouseDown"],[8,"click","handleWindowClick"]],{open:[{handleOpenChange:0}]}]);function h(){"undefined"!=typeof customElements&&["sd-portal"].forEach((t=>{"sd-portal"===t&&(customElements.get(n(t))||customElements.define(n(t),o))}))}export{o as S,h as d}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{p as e,c as s,h as t,t as i}from"./p-B1vJXa29.js";import{B as o}from"./p-BNuWMSR_.js";import{S as l}from"./p-Cy6HMEsK.js";import{n as d}from"./p-CCwNgVmC.js";import{d as r}from"./p-CAZeEBeS.js";import{d as a}from"./p-DYoNy5I7.js";import{d as n}from"./p-B1o7vc2v.js";import{d as c}from"./p-CVvYLd5J.js";import{d as h}from"./p-BKTfQGcR.js";import{d as p}from"./p-CzHa12Ax.js";import{d as m}from"./p-Dun2lZmi.js";import{d as u}from"./p-G4t0nGLP.js";import{d as f}from"./p-Czq-8oT7.js";import{d as b}from"./p-CdCMe4bN.js";import{d as w}from"./p-CDzGasXW.js";const g=e(class extends o{constructor(e){super(!1),!1!==e&&this.__registerHost(),this.update=s(this,"sdUpdate"),this.dropDownShow=s(this,"sdDropDownShow")}get el(){return this}value=null;options=[];placeholder="선택";optionPlaceholder="선택지가 없습니다.";width="200px";dropdownHeight="260px";autoFocus=!1;disabled=!1;clearable=!1;searchable=!1;label="";insideLabel=!1;useLabelRequired=!1;labelTooltip="";labelTooltipProps=null;rules=[];error=!1;optionRenderer;isOpen=!1;itemIndex=-1;isScrolled=!1;update;dropDownShow;selectRef;triggerRef;formField;filteredOptions=this.options;dropDownWidth=this.width;name=d();async sdOpen(){this.isOpen=!0}async sdValidate(){this.formField?.sdValidate()}async sdReset(){this.formField?.sdReset()}async sdResetValidate(){this.formField?.sdResetValidation()}async sdFocus(){this.formField?.sdFocus()}async isOpenChanged(){this.onDropdownToggle(this.isOpen),this.dropDownShow?.emit({isOpen:this.isOpen}),!1===this.isOpen&&await(this.formField?.sdValidate())}componentWillLoad(){this.initializeEvent()}componentDidLoad(){this.autoFocus&&this.selectRef?.focus()}componentDidRender(){const e=this.triggerRef,s=e?.getBoundingClientRect();this.dropDownWidth=s?.width?`${s.width}px`:this.width}disconnectedCallback(){this.cleanupEvent()}handleDocumentClick(e){this.selectRef?.contains(e.target)||(this.isOpen=!1)}handleDocumentKeydown(e){if(e.stopPropagation(),["ArrowDown","ArrowUp","Enter","Escape"].includes(e.key))switch(e.preventDefault(),e.key){case"ArrowDown":case"ArrowUp":const s=new l(this.searchable,this.filteredOptions).getNextIndex(this.itemIndex,e.key);this.itemIndex=s;break;case"Enter":const t=this.filteredOptions[this.itemIndex];t&&!t.disabled&&(this.value=t.value,this.isOpen=!1);break;case"Escape":this.isOpen=!1}}getSelectedOption(){return this.options.find((e=>e.value===this.value))}closeDropdown(){this.isOpen=!1}handleTriggerClick=e=>{e.stopPropagation(),this.disabled||(this.isOpen=!this.isOpen,this.dropDownShow?.emit({isOpen:this.isOpen}))};handleOptionClick=e=>{const{option:s,event:t}=e;if(t.stopPropagation(),!s.disabled){this.value=s.value,this.isOpen=!1;const e=this.getSelectedOption();this.update?.emit({value:e?.value||null,option:e||null})}};render(){return t("sd-field",{key:"ad737ef5facfd4f2c8dfdbfc2c97010aa82ba39e",label:this.label,name:this.name,rules:this.rules,error:this.error,disabled:this.disabled,useLabelRequired:this.useLabelRequired,insideLabel:this.insideLabel,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:e=>this.formField=e},t("div",{key:"ecff910f0d0d6b02f29c2f21a4264b1a573a9170",class:{"sd-select":!0,"sd-select--disabled":this.disabled,"sd-select--error":!!this.error,"sd-select--label":!!this.label},ref:e=>this.selectRef=e},this.renderTrigger(),this.renderDropdown()))}renderTrigger(){const e=this.getSelectedOption();return t("div",{class:"sd-select__trigger",tabindex:this.disabled?-1:0,onClick:this.handleTriggerClick,ref:e=>this.triggerRef=e},t("span",{class:"sd-select__value"},e?e.label:this.placeholder),this.clearable&&e&&!this.disabled&&t("sd-icon",{key:"clear-icon",name:"close",size:10,color:"#888",class:"sd-select__clear",onClick:async e=>{e.stopPropagation(),this.value=null,await(this.formField?.sdValidate())}}),t("sd-icon",{key:"arrow-icon",name:"arrowDown",color:"#888",class:{"sd-select__arrow":!0,"sd-select__arrow--open":this.isOpen}}))}renderDropdown(){if(!1===this.isOpen)return null;const e=this.selectRef?.querySelector(".sd-select__trigger")||this.selectRef;return t("sd-portal",{open:this.isOpen,parentRef:e,onSdClose:this.closeDropdown},t("sd-select-dropdown",{value:this.value,options:this.options,itemIndex:this.itemIndex,width:this.dropDownWidth,dropdownHeight:this.dropdownHeight,searchable:this.searchable,optionPlaceholder:this.optionPlaceholder,onSdOptionClick:({detail:e})=>this.handleOptionClick(e),onSdOptionFiltered:({detail:e})=>this.filteredOptions=e}))}static get watchers(){return{isOpen:[{isOpenChanged:0}]}}static get style(){return"sd-select{display:inline-flex;flex-flow:column nowrap;height:fit-content}sd-select *:focus,sd-select *:focus-visible,sd-select *:focus-within{outline:none !important}sd-select .sd-select{width:100%}sd-select .sd-select .sd-select__trigger{padding:4px 28px 4px 12px;display:flex;width:100%;height:100%;align-items:center}sd-select .sd-select .sd-select__trigger .sd-select__value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:20px;font-size:12px;font-weight:400;text-align:left}sd-select .sd-select .sd-select__trigger .sd-select__clear{margin:0 4px;width:8px;height:8px;background-color:transparent;outline:none;border:none}sd-select .sd-select .sd-select__arrow{position:absolute;top:8px;right:8px;width:12px;height:12px;color:#888888;transition:transform 0.3s ease;margin-left:8px}sd-select .sd-select .sd-select__arrow--open{transform:rotate(180deg)}"}},[512,"sd-select",{value:[1032],options:[1040],placeholder:[1],optionPlaceholder:[1,"option-placeholder"],width:[1],dropdownHeight:[1,"dropdown-height"],autoFocus:[4,"auto-focus"],disabled:[4],clearable:[4],searchable:[4],label:[1],insideLabel:[4,"inside-label"],useLabelRequired:[4,"use-label-required"],labelTooltip:[1,"label-tooltip"],labelTooltipProps:[16],rules:[16],error:[4],optionRenderer:[16],isOpen:[32],itemIndex:[32],isScrolled:[32],sdOpen:[64],sdValidate:[64],sdReset:[64],sdResetValidate:[64],sdFocus:[64]},void 0,{isOpen:[{isOpenChanged:0}]}]);function x(){"undefined"!=typeof customElements&&["sd-select","sd-button","sd-checkbox","sd-field","sd-floating-portal","sd-icon","sd-input","sd-portal","sd-select-dropdown","sd-select-option","sd-select-search-input","sd-tooltip"].forEach((e=>{switch(e){case"sd-select":customElements.get(i(e))||customElements.define(i(e),g);break;case"sd-button":customElements.get(i(e))||r();break;case"sd-checkbox":customElements.get(i(e))||a();break;case"sd-field":customElements.get(i(e))||n();break;case"sd-floating-portal":customElements.get(i(e))||c();break;case"sd-icon":customElements.get(i(e))||h();break;case"sd-input":customElements.get(i(e))||p();break;case"sd-portal":customElements.get(i(e))||m();break;case"sd-select-dropdown":customElements.get(i(e))||u();break;case"sd-select-option":customElements.get(i(e))||f();break;case"sd-select-search-input":customElements.get(i(e))||b();break;case"sd-tooltip":customElements.get(i(e))||w()}}))}export{g as S,x as d}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{b as r}from"./p-Dc4UTGgQ.js";const a="#0075FF",i={primary:r.brand.strong.bg.default,secondary:r.brand.subtle.bg.default,primary_outline:r.brand.outline.bg.default,neutral:r.neutral.subtle.bg.default,neutral_outline:r.neutral.outline.bg.default,danger:r.danger.strong.bg.default,danger_outline:r.danger.outline.bg.default},n={primary_xs:{variant:"primary",size:"xs",color:i.primary},secondary_xs:{variant:"primary",size:"xs",color:i.secondary},primary_outline_xs:{variant:"outline",size:"xs",color:i.primary_outline},neutral_xs:{variant:"primary",size:"xs",color:i.neutral},neutral_outline_xs:{variant:"outline",size:"xs",color:i.neutral_outline},danger_xs:{variant:"primary",size:"xs",color:i.danger},danger_outline_xs:{variant:"outline",size:"xs",color:i.danger_outline},primary_sm:{variant:"primary",size:"sm",color:i.primary},secondary_sm:{variant:"primary",size:"sm",color:i.secondary},primary_outline_sm:{variant:"outline",size:"sm",color:i.primary_outline},neutral_sm:{variant:"primary",size:"sm",color:i.neutral},neutral_outline_sm:{variant:"outline",size:"sm",color:i.neutral_outline},danger_sm:{variant:"primary",size:"sm",color:i.danger},danger_outline_sm:{variant:"outline",size:"sm",color:i.danger_outline},primary_md:{variant:"primary",size:"md",color:i.primary},secondary_md:{variant:"primary",size:"md",color:i.secondary},primary_outline_md:{variant:"outline",size:"md",color:i.primary_outline},neutral_md:{variant:"primary",size:"md",color:i.neutral},neutral_outline_md:{variant:"outline",size:"md",color:i.neutral_outline},danger_md:{variant:"primary",size:"md",color:i.danger},danger_outline_md:{variant:"outline",size:"md",color:i.danger_outline},primary_lg:{variant:"primary",size:"lg",color:i.primary},secondary_lg:{variant:"primary",size:"lg",color:i.secondary},primary_outline_lg:{variant:"outline",size:"lg",color:i.primary_outline},neutral_lg:{variant:"primary",size:"lg",color:i.neutral},neutral_outline_lg:{variant:"outline",size:"lg",color:i.neutral_outline},danger_lg:{variant:"primary",size:"lg",color:i.danger},danger_outline_lg:{variant:"outline",size:"lg",color:i.danger_outline}},e={xs:Number(r.size.xs.icon),sm:Number(r.size.sm.icon),md:Number(r.size.md.icon),lg:Number(r.size.lg.icon)},o={primary:r.brand.strong.bg.hover,secondary:r.brand.subtle.bg.hover,primary_outline:r.brand.outline.bg.hover,neutral:r.neutral.subtle.bg.hover,neutral_outline:r.neutral.outline.bg.hover,danger:r.danger.strong.bg.hover,danger_outline:r.danger.outline.bg.hover},l={primary:r.brand.strong.content,secondary:r.brand.subtle.content,primary_outline:r.brand.outline.content,neutral:r.neutral.subtle.content,neutral_outline:r.neutral.outline.content,danger:r.danger.strong.content,danger_outline:r.danger.outline.content},t={primary:"transparent",secondary:"transparent",primary_outline:r.brand.outline.border,neutral:"transparent",neutral_outline:r.neutral.outline.border,danger:"transparent",danger_outline:r.danger.outline.border},s=r.content.disabled,m=/_(xs|sm|md|lg)$/,u=r=>r in n,_=r=>r.replace(m,"");export{n as B,s as D,l as P,e as a,a as b,t as c,o as d,_ as g,u as i}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as n,h as o}from"./p-B8tGP77V.js";import{i as s,g as d,B as i,D as a,P as e,a as b,b as r,c as v,d as u}from"./p-VKF2AWs1.js";import"./p-Dc4UTGgQ.js";const h=class{constructor(o){t(this,o),this.click=n(this,"sdClick")}name="primary_sm";label="";icon;ariaLabel="";disabled=!1;type="button";click;hasWarnedMissingAriaLabel=!1;handleClick=t=>{this.disabled?t.preventDefault():this.click.emit(t)};get resolvedConfig(){if(!s(this.name))throw new Error(`Invalid sd-button-v2 name: ${this.name}`);return{config:i[this.name],preset:d(this.name)}}getButtonClasses(t,n,o,s){const d=["sd-button-v2",`sd-button-v2--${t}`,`sd-button-v2--${n}`];return this.disabled&&d.push("sd-button-v2--disabled"),s&&d.push("sd-button-v2--icon-only"),o&&d.push("sd-button-v2--has-label"),d.join(" ")}componentWillRender(){this.warnIfMissingAriaLabel()}warnIfMissingAriaLabel(){this.label||!Boolean(this.icon)||this.ariaLabel.trim()?this.hasWarnedMissingAriaLabel=!1:this.hasWarnedMissingAriaLabel||(console.warn(`[sd-button-v2] icon-only buttons require \`ariaLabel\`. Received name="${this.name}" icon="${this.icon}".`),this.hasWarnedMissingAriaLabel=!0)}render(){const{config:t,preset:n}=this.resolvedConfig,s=Boolean(this.label),d=!this.label&&Boolean(this.icon),i=d&&this.ariaLabel.trim()?this.ariaLabel:void 0,h=this.disabled?a:e[n];return o("button",{key:"9adec3868e5337822463a5a37a741ef146a081be",class:this.getButtonClasses(n,t.size,s,d),type:this.type,disabled:this.disabled,"aria-label":i,style:{"--sd-button-v2-bg":"primary"===t.variant?t.color:"#FFFFFF","--sd-button-v2-bg-hover":u[n],"--sd-button-v2-border":v[n],"--sd-button-v2-content":e[n],"--sd-button-v2-accent":r},onClick:this.handleClick},o("span",{key:"849c90886e77e792e4e34ef064352361a29664f0",class:"sd-button-v2__content"},this.icon&&o("sd-icon",{key:"5c5bc61ab43aa17124337a7107a3e6ab82f566ae",class:"sd-button-v2__icon",name:this.icon,size:b[t.size],color:h}),this.label&&o("span",{key:"e2d1a5ce465f07310a4d03966609baaf7e968b0e",class:"sd-button-v2__label"},this.label)))}};h.style="sd-button-v2{display:inline-flex;width:fit-content;height:fit-content}.sd-button-v2{--sd-button-v2-height:34px;--sd-button-v2-padding-x:20px;--sd-button-v2-gap:8px;--sd-button-v2-font-family:inherit;--sd-button-v2-font-size:16px;--sd-button-v2-font-weight:500;--sd-button-v2-text-decoration:none;--sd-button-v2-label-min-width:auto;--sd-button-v2-icon-only-size:var(--sd-button-v2-height);--sd-button-v2-bg:#025497;--sd-button-v2-bg-hover:#004177;--sd-button-v2-border:transparent;--sd-button-v2-content:#ffffff;display:inline-flex;align-items:center;justify-content:center;min-height:var(--sd-button-v2-height);min-width:var(--sd-button-v2-min-width, auto);padding:0 var(--sd-button-v2-padding-x);border:var(--sd-button-border-width-default, 1px) solid var(--sd-button-v2-border);border-radius:var(--sd-button-radius-default, 4px);background:var(--sd-button-v2-bg);color:var(--sd-button-v2-content);cursor:pointer;box-sizing:border-box;font-family:var(--sd-button-v2-font-family);font-size:var(--sd-button-v2-font-size);font-weight:var(--sd-button-v2-font-weight);line-height:1;text-decoration:var(--sd-button-v2-text-decoration);transition:background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;white-space:nowrap;-webkit-user-select:none;user-select:none}.sd-button-v2:hover:not(.sd-button-v2--disabled){background:var(--sd-button-v2-bg-hover)}.sd-button-v2:focus-visible{outline:0;box-shadow:0 0 0 2px var(--sd-button-v2-accent)}.sd-button-v2--xs{--sd-button-v2-height:var(--sd-button-xs-height, 24px);--sd-button-v2-padding-x:var(--sd-button-xs-padding-x, 8px);--sd-button-v2-gap:var(--sd-button-xs-gap, 4px);--sd-button-v2-font-family:var(--sd-button-xs-typography-font-family, inherit);--sd-button-v2-font-size:var(--sd-button-xs-typography-font-size, 12px);--sd-button-v2-font-weight:var(--sd-button-xs-typography-font-weight, 500);--sd-button-v2-text-decoration:var(--sd-button-xs-typography-text-decoration, none);--sd-button-v2-label-min-width:var(--sd-button-label-xs-min-width, auto);--sd-button-v2-icon-only-size:var(--sd-button-icon-only-xs-width, var(--sd-button-v2-height))}.sd-button-v2--sm{--sd-button-v2-height:var(--sd-button-sm-height, 28px);--sd-button-v2-padding-x:var(--sd-button-sm-padding-x, 12px);--sd-button-v2-gap:var(--sd-button-sm-gap, 6px);--sd-button-v2-font-family:var(--sd-button-sm-typography-font-family, inherit);--sd-button-v2-font-size:var(--sd-button-sm-typography-font-size, 12px);--sd-button-v2-font-weight:var(--sd-button-sm-typography-font-weight, 500);--sd-button-v2-text-decoration:var(--sd-button-sm-typography-text-decoration, none);--sd-button-v2-label-min-width:var(--sd-button-label-sm-min-width, auto);--sd-button-v2-icon-only-size:var(--sd-button-icon-only-sm-width, var(--sd-button-v2-height))}.sd-button-v2--md{--sd-button-v2-height:var(--sd-button-md-height, 34px);--sd-button-v2-padding-x:var(--sd-button-md-padding-x, 20px);--sd-button-v2-gap:var(--sd-button-md-gap, 8px);--sd-button-v2-font-family:var(--sd-button-md-typography-font-family, inherit);--sd-button-v2-font-size:var(--sd-button-md-typography-font-size, 16px);--sd-button-v2-font-weight:var(--sd-button-md-typography-font-weight, 500);--sd-button-v2-text-decoration:var(--sd-button-md-typography-text-decoration, none);--sd-button-v2-label-min-width:var(--sd-button-label-md-min-width, auto);--sd-button-v2-icon-only-size:var(--sd-button-icon-only-md-width, var(--sd-button-v2-height))}.sd-button-v2--lg{--sd-button-v2-height:var(--sd-button-lg-height, 62px);--sd-button-v2-padding-x:var(--sd-button-lg-padding-x, 28px);--sd-button-v2-gap:var(--sd-button-lg-gap, 12px);--sd-button-v2-font-family:var(--sd-button-lg-typography-font-family, inherit);--sd-button-v2-font-size:var(--sd-button-lg-typography-font-size, 18px);--sd-button-v2-font-weight:var(--sd-button-lg-typography-font-weight, 500);--sd-button-v2-text-decoration:var(--sd-button-lg-typography-text-decoration, none);--sd-button-v2-label-min-width:var(--sd-button-label-lg-min-width, auto);--sd-button-v2-icon-only-size:var(--sd-button-icon-only-lg-width, var(--sd-button-v2-height))}.sd-button-v2--has-label{--sd-button-v2-min-width:var(--sd-button-v2-label-min-width, auto)}.sd-button-v2--icon-only{width:var(--sd-button-v2-icon-only-size, var(--sd-button-v2-height));min-width:var(--sd-button-v2-icon-only-size, var(--sd-button-v2-height));height:var(--sd-button-v2-icon-only-size, var(--sd-button-v2-height));padding:0}.sd-button-v2--icon-only .sd-button-v2__content{gap:0}.sd-button-v2--disabled{border-color:var(--sd-button-border-disabled, #CCCCCC);background:var(--sd-button-bg-disabled, #E1E1E1);color:var(--sd-button-content-disabled, #888888);cursor:not-allowed}.sd-button-v2 .sd-button-v2__content{display:inline-flex;align-items:center;justify-content:center;gap:var(--sd-button-v2-gap)}.sd-button-v2 .sd-button-v2__label{font:inherit}";export{h as sd_button_v2}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as s,g as t,h as e,F as i}from"./p-B8tGP77V.js";import{T as o}from"./p-BeCHKP_I.js";const a=class{constructor(t){s(this,t)}get el(){return t(this)}show=!1;placement="bottom";color="#01BB4B";icon="helpOutline";iconSize=12;label="";buttonSize="sm";buttonVariant="primary";menuTitle;messages=[];buttons=[];menuClass="";noHover=!0;useClose=!1;showPopover=!1;slotContent="";watchShowHandler(s){this.showPopover=s}componentWillLoad(){this.showPopover=this.show,this.slotContent=this.el.innerHTML}buttonEl;handleClose=()=>{this.showPopover=!1};render(){return e(i,{key:"fae8880113285544053957bb096c6618dfddc7ec"},this.label?e("sd-button",{ref:s=>this.buttonEl=s,label:this.label,icon:this.icon,size:this.buttonSize,color:this.color,variant:this.buttonVariant,class:"sd-popover",onSdClick:()=>this.showPopover=!this.showPopover}):e("sd-icon",{ref:s=>this.buttonEl=s,name:this.icon,size:this.iconSize,color:this.color,class:"sd-popover",onClick:()=>this.showPopover=!this.showPopover}),this.showPopover&&e("sd-floating-portal",{key:"45323134dcbce4014492dde03c1416deda339ee1",parentRef:this.buttonEl,onSdClose:this.handleClose,placement:this.placement},e("div",{key:"c662820224d2c90bb806d2ac010cc95a53308b3a",class:{"sd-floating-menu":!0,[`sd-floating-menu--${this.placement}`]:!0,[this.menuClass]:!!this.menuClass}},e("i",{key:"55bc21085df77a027d252d5c3ef6d665207c71f6",class:`sd-floating-menu__arrow sd-floating-menu__arrow--${this.placement}`},e(o,{key:"a9bb570b87481c0fe897e65ada655537dd4b8724"})),e("div",{key:"5f28d241157a9f5481fc7fa4e48fd00fac1def5a",class:"sd-floating-menu__content"},this.menuTitle&&e("div",{key:"cc1dcbe2703dca70004159aa9fe8b18b122d8dbc",class:"sd-floating-menu__title"},this.menuTitle),this.messages.length>0&&e("div",{key:"f7b72df569c2dce9e6c85bcd9509e38ac9cbbb80",class:"sd-floating-menu__messages"},this.messages.map((s=>e("div",null,s)))),this.buttons.length>0&&e("div",{key:"d01d2bc92e79454d747b2fd976bfeb431d4d90fe",class:`sd-floating-menu__buttons sd-floating-menu__buttons--${this.buttons.length}`},this.buttons.map((s=>e("sd-button",{...s}))))),this.useClose&&e("button",{key:"9cf8cbd72d5bec64636b778ea0642d56c3229590",title:"close",class:"sd-floating-menu__close-button",onClick:()=>this.handleClose()},e("sd-icon",{key:"6df940385a9472e73b408cc51c647c98c95a9af7",name:"close",size:"12",color:"gery_55"})))))}static get watchers(){return{show:[{watchShowHandler:0}]}}};a.style="sd-popover{position:relative;cursor:pointer;display:inline-flex}";export{a as sd_popover}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as d,h as e}from"./p-B8tGP77V.js";import{r as s}from"./p-DUqcOPNn.js";const a=class{constructor(e){d(this,e)}size="md";color="brilliantblue_75";label="";render(){const d=s(this.color);return e("div",{key:"a83ffeb7171c32bafc3312d95c9fed576d676a0d",class:`sd-badge sd-badge--${this.size}`,style:{"--sd-badge-color":d}},e("div",{key:"b6d84b2391d0e03edcab957b4edf73c765c04c35",class:"sd-badge__dot"}),e("div",{key:"f06b5639135d87d7346b46c90a28ddeb40b05c9f",class:"sd-badge__label"},this.label))}};a.style="sd-badge{display:inline-flex}sd-badge .sd-badge{display:flex;align-items:center;justify-content:center}sd-badge .sd-badge .sd-badge__dot{background:var(--sd-badge-color, #0075FF)}sd-badge .sd-badge .sd-badge__label{margin-left:8px;font-size:12px;font-weight:500;line-height:20px;color:#333333}sd-badge .sd-badge--sm .sd-badge__dot{width:4px;height:4px;min-width:4px;min-height:4px;border-radius:2px}sd-badge .sd-badge--md .sd-badge__dot{width:8px;height:8px;min-width:8px;min-height:8px;border-radius:4px}";export{a as sd_badge}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{b as r}from"./p-Dc4UTGgQ.js";const a="#0075FF",i={primary:r.brand.strong.bg.default,secondary:r.brand.subtle.bg.default,primary_outline:r.brand.outline.bg.default,neutral:r.neutral.subtle.bg.default,neutral_outline:r.neutral.outline.bg.default,danger:r.danger.strong.bg.default,danger_outline:r.danger.outline.bg.default},n={primary_xs:{variant:"primary",size:"xs",color:i.primary},secondary_xs:{variant:"primary",size:"xs",color:i.secondary},primary_outline_xs:{variant:"outline",size:"xs",color:i.primary_outline},neutral_xs:{variant:"primary",size:"xs",color:i.neutral},neutral_outline_xs:{variant:"outline",size:"xs",color:i.neutral_outline},danger_xs:{variant:"primary",size:"xs",color:i.danger},danger_outline_xs:{variant:"outline",size:"xs",color:i.danger_outline},primary_sm:{variant:"primary",size:"sm",color:i.primary},secondary_sm:{variant:"primary",size:"sm",color:i.secondary},primary_outline_sm:{variant:"outline",size:"sm",color:i.primary_outline},neutral_sm:{variant:"primary",size:"sm",color:i.neutral},neutral_outline_sm:{variant:"outline",size:"sm",color:i.neutral_outline},danger_sm:{variant:"primary",size:"sm",color:i.danger},danger_outline_sm:{variant:"outline",size:"sm",color:i.danger_outline},primary_md:{variant:"primary",size:"md",color:i.primary},secondary_md:{variant:"primary",size:"md",color:i.secondary},primary_outline_md:{variant:"outline",size:"md",color:i.primary_outline},neutral_md:{variant:"primary",size:"md",color:i.neutral},neutral_outline_md:{variant:"outline",size:"md",color:i.neutral_outline},danger_md:{variant:"primary",size:"md",color:i.danger},danger_outline_md:{variant:"outline",size:"md",color:i.danger_outline},primary_lg:{variant:"primary",size:"lg",color:i.primary},secondary_lg:{variant:"primary",size:"lg",color:i.secondary},primary_outline_lg:{variant:"outline",size:"lg",color:i.primary_outline},neutral_lg:{variant:"primary",size:"lg",color:i.neutral},neutral_outline_lg:{variant:"outline",size:"lg",color:i.neutral_outline},danger_lg:{variant:"primary",size:"lg",color:i.danger},danger_outline_lg:{variant:"outline",size:"lg",color:i.danger_outline}},e={xs:Number(r.size.xs.icon),sm:Number(r.size.sm.icon),md:Number(r.size.md.icon),lg:Number(r.size.lg.icon)},o={primary:r.brand.strong.bg.hover,secondary:r.brand.subtle.bg.hover,primary_outline:r.brand.outline.bg.hover,neutral:r.neutral.subtle.bg.hover,neutral_outline:r.neutral.outline.bg.hover,danger:r.danger.strong.bg.hover,danger_outline:r.danger.outline.bg.hover},l={primary:r.brand.strong.content,secondary:r.brand.subtle.content,primary_outline:r.brand.outline.content,neutral:r.neutral.subtle.content,neutral_outline:r.neutral.outline.content,danger:r.danger.strong.content,danger_outline:r.danger.outline.content},t={primary:"transparent",secondary:"transparent",primary_outline:r.brand.outline.border,neutral:"transparent",neutral_outline:r.neutral.outline.border,danger:"transparent",danger_outline:r.danger.outline.border},s=r.content.disabled,m=/_(xs|sm|md|lg)$/,u=r=>r in n,_=r=>r.replace(m,"");export{n as B,s as D,l as P,e as a,a as b,t as c,o as d,_ as g,u as i}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as d,h as r,F as a}from"./p-B8tGP77V.js";const s=class{constructor(r){d(this,r)}bordered=!1;sdClass="";render(){return r(a,{key:"3999f64f54054b3a1662fac4aacf9f6898acb957"},r("div",{key:"666b8e849b92a5e75d259ff079237911fd591cdd",class:`sd-card ${this.bordered?"sd-card--bordered":""} ${this.sdClass}`},r("slot",{key:"dc8f4ae80e9aca7a0aecaed81f45d40e7df2c067"})))}};s.style="sd-card{display:block;height:fit-content}sd-card .sd-card{border-radius:8px;background:white}sd-card .sd-card--bordered{border:1px solid #E1E1E1}";export{s as sd_card}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,h as t}from"./p-B8tGP77V.js";const n=["sm","md","lg"],i=["grey","red","orange","yellow","green","blue","darkblue","indigo"],a={grey:{background:"#EEEEEE",content:"#737373",icon:"#737373"},red:{background:"#FCEFEF",content:"#FB4444",icon:"#FB4444"},orange:{background:"#FEF1EA",content:"#FF6B00",icon:"#FF6B00"},yellow:{background:"#FFF7DD",content:"#916C0D",icon:"#CA9611"},green:{background:"#E8F9EF",content:"#00973C",icon:"#12B553"},blue:{background:"#E6F1FF",content:"#0075FF",icon:"#0075FF"},darkblue:{background:"#EAF5FE",content:"#006AC1",icon:"#006AC1"},indigo:{background:"#EFF6FF",content:"#004290",icon:"#004290"}},s={sm:{height:"20px",paddingX:"6px",gap:"4px",fontSize:"11px",fontWeight:"500",iconSize:12,radius:"4px"},md:{height:"24px",paddingX:"8px",gap:"4px",fontSize:"12px",fontWeight:"700",iconSize:16,radius:"4px"},lg:{height:"28px",paddingX:"10px",gap:"4px",fontSize:"14px",fontWeight:"700",iconSize:16,radius:"5px"}},d={sm:{...s.sm,radius:"999px"},md:{...s.md,radius:"999px"},lg:{...s.lg,radius:"999px"}},o=Object.fromEntries(["square","pill"].flatMap((e=>n.flatMap((t=>i.map((n=>[`${e}_${t}_${n}`,{shape:e,size:t,color:n,..."square"===e?s[t]:d[t],...a[n]}]))))))),g=class{constructor(t){e(this,t)}name="square_md_grey";label="";icon;isLeft=!0;get resolvedConfig(){if(!Object.prototype.hasOwnProperty.call(o,this.name))throw new Error(`Invalid sd-tag name: ${this.name}`);return o[this.name]}renderIcon(e,n){return this.icon?t("sd-icon",{class:"sd-tag__icon",name:this.icon,size:n,color:e}):null}render(){const e=this.resolvedConfig,n=this.renderIcon(e.icon,e.iconSize);return t("span",{key:"5f9ee005b146997dd13bb3e6a06680ff8574bd14",class:"sd-tag",style:{"--sd-tag-background":e.background,"--sd-tag-content":e.content,"--sd-tag-height":e.height,"--sd-tag-padding-x":e.paddingX,"--sd-tag-gap":e.gap,"--sd-tag-font-size":e.fontSize,"--sd-tag-font-weight":e.fontWeight,"--sd-tag-radius":e.radius},"aria-label":this.label||"tag"},this.icon&&this.isLeft&&n,t("span",{key:"b123ab6ac015db640e4dc3edc5e2cf90ec5e0ecf",class:"sd-tag__label"},this.label),this.icon&&!this.isLeft&&n)}};g.style="sd-tag{display:inline-flex;width:fit-content;height:fit-content}.sd-tag{display:inline-flex;align-items:center;justify-content:center;gap:var(--sd-tag-gap, 5px);min-height:var(--sd-tag-height, 24px);padding:0 var(--sd-tag-padding-x, 8px);border-radius:var(--sd-tag-radius, 4px);background:var(--sd-tag-background, #f3f3f3);color:var(--sd-tag-content, #7a7a7a);box-sizing:border-box;white-space:nowrap;-webkit-user-select:none;user-select:none}.sd-tag__icon{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center}.sd-tag__label{display:inline-flex;align-items:center;justify-content:center;min-width:0;font-size:var(--sd-tag-font-size, 12px);font-weight:var(--sd-tag-font-weight, 700);line-height:1}";export{g as sd_tag}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,c as t,g as d,h as a}from"./p-B8tGP77V.js";import{u as s,t as i}from"./p-DTrMR0rx.js";const c=class{constructor(d){e(this,d),this.update=t(this,"sdUpdate")}get el(){return d(this)}value=null;label;selectable;disabled=!1;placeholder="";isOpen=!1;currentDate=null;currentYear;currentMonth;update;componentWillLoad(){this.setCalendar()}dateUtil=s();inputEl;setCalendar(){const e=this.value||i,[t,d]=e.split("-").map(Number);this.currentYear=t,this.currentMonth=d,this.currentDate=this.value}openMenu(){this.disabled||(this.setCalendar(),this.isOpen=!0)}get calendar(){return this.dateUtil.createCalendar(this.currentYear,this.currentMonth)}setCurrentYear(e){this.currentYear=e}setCurrentMonth(e){this.currentMonth=e}setCurrentDate(e){this.currentDate=e}handleUpdateMonth(e){const{newYear:t,newMonth:d}=this.dateUtil.calculateYearMonth(this.currentYear,this.currentMonth,e);this.setCurrentYear(t),this.setCurrentMonth(d)}handleDateClick(e){if(!e)return;const t=this.dateUtil.formatDate(this.currentYear,this.currentMonth,e);this.setCurrentDate(t),this.isOpen=!1,this.value=t,this.update.emit?.(t)}isDisabledDate(e){if(!this.selectable)return!1;const[t,d]=this.selectable;return t&&d?e<t||e>d:t?e<t:!!d&&e>d}handleClose=()=>{this.isOpen=!1};render(){return a("div",{key:"cd2f9c240e1e67806d1d9334937a905330d29a1f",class:{"sd-date-picker":!0,"sd-date-picker--disabled":this.disabled}},a("sd-input",{key:"1d77404494bd1fadf15d82dfabecbf61b73e5da8",ref:e=>this.inputEl=e,value:this.value,label:this.label,"inside-label":!0,readonly:!0,disabled:this.disabled,placeholder:this.placeholder,inputClass:"sd-date-picker__input",onClick:()=>this.openMenu()},a("sd-icon",{key:"627b76b7d276cff34224a130bb2596ca6f2ff49e",slot:"prefix",name:"date",size:"16",color:this.disabled?"grey_65":"grey_70",class:"date-icon",onClick:()=>this.openMenu()})),this.isOpen&&a("sd-portal",{key:"9dd006a9051c22dd8084ae9cb72e82c9c0b9be2b",open:this.isOpen,parentRef:this.inputEl,onSdClose:this.handleClose},a("div",{key:"5090eb945c7241f3224b3d2c7a5a96221cc46c04",class:"sd-date-picker__menu"},a("div",{key:"fa127745062937dfe4f04773b7d6afa74d13bd7a",class:"sd-date-picker__header"},a("div",{key:"7c59917872614d1351a3dfe3783017bd6bc6b75c",class:"year-nav"},a("button",{key:"9e27d2d76ca72820d57c2d9ebc40fa842129da22",type:"button",name:"prev-year",title:"Previous Year",onClick:()=>this.setCurrentYear(this.currentYear-1)},a("sd-icon",{key:"17c8f872b7cfb2825d4c9528b5838487b97529f0",name:"arrowLeft",size:"12",color:"#CCCCCC"})),a("span",{key:"41999c78367c90bc4d1d9bfdeb6e3d29d44df2c2",class:"year-nav__current"},this.currentYear),a("button",{key:"52953ec66118afd480e7ce6207a551f18b61ac6d",type:"button",name:"next-year",title:"Next Year",onClick:()=>this.setCurrentYear(this.currentYear+1)},a("sd-icon",{key:"e740bcc2a23f4df850b4e2579ce0cae14419313c",name:"arrowRight",size:"12",color:"#CCCCCC"}))),a("div",{key:"7fac86c6405a3936a1f0bdb51e5ca61463ef463a",class:"month-nav"},a("button",{key:"62e22a2063c7ea972bf74ea08af0d519a5250b3f",type:"button",name:"prev-month",title:"Previous ",onClick:()=>this.handleUpdateMonth("prev")},a("sd-icon",{key:"fa53cbb5f2e61a3b1f0807639ce2c81516a1ca57",name:"arrowLeft",size:"12",color:"#CCCCCC"})),a("span",{key:"57eb7eaf1e3a11ba69cf4ef4af9852541abd7902",class:"month-nav__current"},this.currentMonth,"월"),a("button",{key:"08a783b73efd7a5df2638df7c8bcac5411b2e642",type:"button",name:"next-month",title:"Next Month",onClick:()=>this.handleUpdateMonth("next")},a("sd-icon",{key:"4a5bb4f4e6f3105fc9fda008eb51a47efe606b81",name:"arrowRight",size:"12",color:"#CCCCCC"})))),a("div",{key:"8dd540a7188716446b2e9bcda707d7458a2ea817",class:"sd-date-picker__days"},["일","월","화","수","목","금","토"].map((e=>a("div",{key:e,class:"day"},e)))),a("div",{key:"f2da8d2325cb2fb9cb89d9c93d850cefc62235bf",class:"sd-date-picker__body"},[...this.calendar.prevMonthDays,...this.calendar.days,...this.calendar.afterMonthDays].map(((e,t)=>{const d=this.dateUtil.formatDate(this.currentYear,this.currentMonth,Number(e));return a("sd-date-box",{key:`${e}_${t}`,date:e?Number(e):"",selected:this.currentDate===d,isToday:i===d,disabled:!e||this.isDisabledDate(d),onClick:!this.isDisabledDate(d)&&e?()=>this.handleDateClick(Number(e)):void 0})}))))))}};c.style=".sd-date-picker.sc-sd-date-picker{width:100%;display:inline-block}.sd-date-picker.sc-sd-date-picker .sd-date-picker--disabled.sc-sd-date-picker .date-icon.sc-sd-date-picker{cursor:not-allowed !important;color:#888888 !important}.sd-date-picker.sc-sd-date-picker .sd-date-picker__input.sc-sd-date-picker{text-align:center !important}.sd-date-picker__menu.sc-sd-date-picker{width:304px;box-sizing:border-box;border-radius:8px;padding:24px 19px;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.2);background:white}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker{display:flex;flex-flow:row nowrap;align-items:center;gap:20px;font-size:14px;padding:0 5px;height:24px;line-height:24px}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .year-nav.sc-sd-date-picker,.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .month-nav.sc-sd-date-picker{display:flex;flex-flow:row nowrap;align-items:center;gap:12px}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .year-nav.sc-sd-date-picker button.sc-sd-date-picker,.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .month-nav.sc-sd-date-picker button.sc-sd-date-picker{background:none;border:none;cursor:pointer;margin:0;padding:0}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .year-nav__current.sc-sd-date-picker{width:40px;text-align:center}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .month-nav__current.sc-sd-date-picker{width:100px;text-align:center}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__days.sc-sd-date-picker{margin-top:8px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr));column-gap:10px;padding:0 5px}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__days.sc-sd-date-picker .day.sc-sd-date-picker{width:28px;height:20px;font-size:12px;line-height:20px;text-align:center;color:#888888}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__body.sc-sd-date-picker{margin-top:12px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr))}";export{c as sd_date_picker}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as o,g as d,h as n}from"./p-B8tGP77V.js";import{B as r}from"./p-CRdYeSBK.js";import{B as e,g as s,c as i,P as a,d as p,b}from"./p-VKF2AWs1.js";import{b as u}from"./p-Dc4UTGgQ.js";var g={accent:{default:"#0075FF"}},w={secondary:"#333333",inverse:"#FFFFFF"};const l=new Set(["neutral_xs","neutral_sm","neutral_md"]),h=Object.keys(e).filter((t=>!t.endsWith("_lg")&&!l.has(t))),c=Object.fromEntries(h.map((t=>[t,e[t]]))),m={xs:u.dropdown.xs.minWidth,sm:u.dropdown.sm.minWidth,md:u.dropdown.md.minWidth},f=p,x=a,_=i,v={primary:u.brand.strong.dropdown.divider,secondary:u.brand.subtle.dropdown.divider,primary_outline:_.primary_outline,neutral:u.neutral.outline.border,neutral_outline:_.neutral_outline,danger:u.danger.strong.dropdown.divider,danger_outline:_.danger_outline},y=w.secondary,k=g.accent.default,z=w.inverse,F={primary:y,secondary:y,primary_outline:y,neutral:y,neutral_outline:y,danger:y,danger_outline:y},C={primary:k,secondary:k,primary_outline:k,neutral:k,neutral_outline:k,danger:k,danger_outline:k},D={primary:z,secondary:z,primary_outline:z,neutral:z,neutral_outline:z,danger:z,danger_outline:z},j=u.bg.disabled,O=u.content.disabled,$=u.border.disabled,E=class extends r{constructor(d){super(),t(this,d),this.click=o(this,"sdClick"),this.dropDownShow=o(this,"sdDropDownShow")}get el(){return d(this)}name="primary_sm";label="";items=[];disabled=!1;isOpen=!1;itemIndex=-1;triggerRef;menuRef;click;dropDownShow;handleOpenChange(t){this.onDropdownToggle(t),this.dropDownShow.emit({isOpen:t}),t||(this.itemIndex=-1)}componentWillLoad(){this.initializeEvent()}disconnectedCallback(){this.cleanupEvent()}async sdOpen(){this.disabled||0===this.items.length||(this.isOpen=!0)}async sdClose(){this.closeDropdown()}closeDropdown=()=>{this.isOpen=!1};handleDocumentClick(t){const o=t.target;o&&(this.el.contains(o)||this.menuRef?.contains(o)||this.closeDropdown())}handleDocumentKeydown(t){if(this.isOpen&&["ArrowDown","ArrowUp","Enter","Escape"].includes(t.key))switch(t.preventDefault(),t.stopPropagation(),t.key){case"ArrowDown":this.itemIndex=this.getNextEnabledIndex(1);break;case"ArrowUp":this.itemIndex=this.getNextEnabledIndex(-1);break;case"Enter":if(this.itemIndex<0)return;this.selectItem(this.items[this.itemIndex]);break;case"Escape":this.closeDropdown()}}get resolvedConfig(){if(!(this.name in c))throw new Error(`Invalid sd-dropdown-button name: ${this.name}`);return{config:c[this.name],preset:(()=>s(this.name))()}}getNextEnabledIndex(t){const o=this.items.reduce(((t,o,d)=>(o.disabled||t.push(d),t)),[]);if(0===o.length)return-1;const d=o.indexOf(this.itemIndex);return-1===d?1===t?o[0]:o[o.length-1]:o[(d+t+o.length)%o.length]}toggleDropdown=t=>{t.stopPropagation(),this.disabled||0===this.items.length||(this.isOpen=!this.isOpen)};selectItem(t,o){o?.stopPropagation(),t&&!t.disabled&&(this.click.emit(t.value),this.closeDropdown())}getTriggerClasses(t,o,d,n){const r=["sd-dropdown-button__trigger",`sd-dropdown-button__trigger--${t}`,`sd-dropdown-button__trigger--${o}`];return d&&r.push("sd-dropdown-button__trigger--disabled"),n&&r.push("sd-dropdown-button__trigger--open"),r.join(" ")}getMenuItemClasses(t,o){const d=["sd-dropdown-button__menu-item"];return t&&d.push("sd-dropdown-button__menu-item--active"),o&&d.push("sd-dropdown-button__menu-item--disabled"),d.join(" ")}renderDropdown(t){return this.isOpen&&this.triggerRef?n("sd-portal",{open:this.isOpen,parentRef:this.triggerRef,onSdClose:this.closeDropdown},n("div",{style:{position:"absolute",width:"0px",height:"0px"}},n("div",{class:"sd-dropdown-button__menu",role:"menu",ref:t=>this.menuRef=t,style:{"--sd-dropdown-button-menu-min-width":`${this.triggerRef.offsetWidth}px`,"--sd-dropdown-button-menu-item-color":F[t],"--sd-dropdown-button-menu-item-active-bg":C[t],"--sd-dropdown-button-menu-item-active-color":D[t],"--sd-dropdown-button-menu-border":"transparent"===_[t]?v[t]:_[t]}},this.items.map(((o,d)=>{const r=this.itemIndex===d&&!o.disabled,e=o.disabled?O:r?D[t]:F[t];return n("button",{type:"button",role:"menuitem",class:this.getMenuItemClasses(r,Boolean(o.disabled)),disabled:o.disabled,onClick:t=>this.selectItem(o,t),onMouseEnter:()=>{o.disabled||(this.itemIndex=d)}},o.icon&&n("sd-icon",{class:"sd-dropdown-button__menu-item-icon",name:o.icon,size:12,color:e}),n("span",{class:"sd-dropdown-button__menu-item-label",innerHTML:o.label}))}))))):null}render(){const{config:t,preset:o}=this.resolvedConfig,d=this.disabled?O:x[o];return n("div",{key:"23f01551d932b3840efc4554d9bf2520a4bd8f81",class:"sd-dropdown-button"},n("button",{key:"d8d736e5b6abe0e8870c01e05c55b03beb333be5",type:"button",class:this.getTriggerClasses(o,t.size,this.disabled,this.isOpen),disabled:this.disabled,"aria-haspopup":"menu","aria-expanded":String(this.isOpen),onClick:this.toggleDropdown,ref:t=>this.triggerRef=t,style:{"--sd-dropdown-button-min-width":`${m[t.size]}px`,"--sd-dropdown-button-bg":t.color,"--sd-dropdown-button-bg-hover":f[o],"--sd-dropdown-button-border":_[o],"--sd-dropdown-button-content":x[o],"--sd-dropdown-button-divider":v[o],"--sd-dropdown-button-accent":b,"--sd-dropdown-button-disabled-bg":j,"--sd-dropdown-button-disabled-content":O,"--sd-dropdown-button-disabled-border":$}},n("span",{key:"7c453f8d427a35553c60372dcef10b7b8561bad5",class:"sd-dropdown-button__trigger-label"},this.label),n("span",{key:"689127d4360e17cecdd8b6233d09113ac22a5e7d",class:"sd-dropdown-button__trigger-divider","aria-hidden":"true"}),n("span",{key:"9a61c4e2d8622462d065fd61002a503965eaec6b",class:"sd-dropdown-button__trigger-icon","aria-hidden":"true"},n("sd-icon",{key:"df084b6ed0b0824fb62e9cfe5e8cf07e74509205",name:this.isOpen?"arrowUp":"arrowDown",size:12,color:d}))),this.renderDropdown(o))}static get watchers(){return{isOpen:[{handleOpenChange:0}]}}};E.style="sd-dropdown-button{display:inline-flex;width:fit-content;height:fit-content}.sd-dropdown-button{display:inline-flex;position:relative}.sd-dropdown-button__trigger{--sd-dropdown-button-height:var(--sd-button-md-height, 34px);--sd-dropdown-button-padding-x:var(--sd-button-md-padding-x, 20px);--sd-dropdown-button-gap:var(--sd-button-md-gap, 8px);--sd-dropdown-button-font-family:var(--sd-button-md-typography-font-family, inherit);--sd-dropdown-button-font-size:var(--sd-button-md-typography-font-size, 12px);--sd-dropdown-button-font-weight:var(--sd-button-md-typography-font-weight, 500);--sd-dropdown-button-text-decoration:var(--sd-button-md-typography-text-decoration, none);--sd-dropdown-button-bg:#025497;--sd-dropdown-button-bg-hover:#004177;--sd-dropdown-button-border:transparent;--sd-dropdown-button-content:#ffffff;--sd-dropdown-button-divider:#006ac1;--sd-dropdown-button-accent:#006ac1;--sd-dropdown-button-min-width:106px;--sd-dropdown-button-disabled-bg:var(--sd-button-bg-disabled, $grey_30);--sd-dropdown-button-disabled-content:var(--sd-button-content-disabled, $grey_65);--sd-dropdown-button-disabled-border:var(--sd-button-border-disabled, $grey_45);display:inline-flex;align-items:stretch;justify-content:space-between;min-width:var(--sd-dropdown-button-min-width);min-height:var(--sd-dropdown-button-height);padding:0;border:var(--sd-button-border-width-default, 1px) solid var(--sd-dropdown-button-border);border-radius:var(--sd-button-radius-default, 4px);background:var(--sd-dropdown-button-bg);color:var(--sd-dropdown-button-content);cursor:pointer;box-sizing:border-box;font-family:var(--sd-dropdown-button-font-family);font-size:var(--sd-dropdown-button-font-size);font-weight:var(--sd-dropdown-button-font-weight);line-height:1;text-decoration:var(--sd-dropdown-button-text-decoration);transition:background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;white-space:nowrap}.sd-dropdown-button__trigger:hover:not(.sd-dropdown-button__trigger--disabled){background:var(--sd-dropdown-button-bg-hover)}.sd-dropdown-button__trigger:focus-visible{outline:0;box-shadow:0 0 0 2px var(--sd-dropdown-button-accent)}.sd-dropdown-button__trigger--xs{--sd-dropdown-button-height:var(--sd-button-xs-height, 24px);--sd-dropdown-button-padding-x:var(--sd-button-xs-padding-x, 8px);--sd-dropdown-button-gap:var(--sd-button-xs-gap, 4px);--sd-dropdown-button-font-family:var(--sd-button-xs-typography-font-family, inherit);--sd-dropdown-button-font-size:var(--sd-button-xs-typography-font-size, 12px);--sd-dropdown-button-font-weight:var(--sd-button-xs-typography-font-weight, 500);--sd-dropdown-button-text-decoration:var(--sd-button-xs-typography-text-decoration, none)}.sd-dropdown-button__trigger--sm{--sd-dropdown-button-height:var(--sd-button-sm-height, 28px);--sd-dropdown-button-padding-x:var(--sd-button-sm-padding-x, 12px);--sd-dropdown-button-gap:var(--sd-button-sm-gap, 6px);--sd-dropdown-button-font-family:var(--sd-button-sm-typography-font-family, inherit);--sd-dropdown-button-font-size:var(--sd-button-sm-typography-font-size, 12px);--sd-dropdown-button-font-weight:var(--sd-button-sm-typography-font-weight, 500);--sd-dropdown-button-text-decoration:var(--sd-button-sm-typography-text-decoration, none)}.sd-dropdown-button__trigger--md{--sd-dropdown-button-height:var(--sd-button-md-height, 34px);--sd-dropdown-button-padding-x:var(--sd-button-md-padding-x, 20px);--sd-dropdown-button-gap:var(--sd-button-md-gap, 8px);--sd-dropdown-button-font-family:var(--sd-button-md-typography-font-family, inherit);--sd-dropdown-button-font-size:var(--sd-button-md-typography-font-size, 16px);--sd-dropdown-button-font-weight:var(--sd-button-md-typography-font-weight, 500);--sd-dropdown-button-text-decoration:var(--sd-button-md-typography-text-decoration, none)}.sd-dropdown-button__trigger--disabled{border-color:var(--sd-dropdown-button-disabled-border);background:var(--sd-dropdown-button-disabled-bg);color:var(--sd-dropdown-button-disabled-content);cursor:not-allowed}.sd-dropdown-button__trigger--disabled .sd-dropdown-button__trigger-divider{background:var(--sd-dropdown-button-disabled-border)}.sd-dropdown-button__trigger-label,.sd-dropdown-button__trigger-icon{display:inline-flex;align-items:center;justify-content:center}.sd-dropdown-button__trigger-label{flex:1 1 auto;min-width:0;padding:0 var(--sd-dropdown-button-padding-x)}.sd-dropdown-button__trigger-divider{align-self:stretch;width:1px;height:auto;background:var(--sd-dropdown-button-divider);opacity:0.9}.sd-dropdown-button__trigger-icon{flex:0 0 auto;min-width:calc(var(--sd-dropdown-button-height) - 2px);padding:0 calc(var(--sd-dropdown-button-gap) + 2px)}.sd-dropdown-button__menu{position:relative;display:grid;width:max-content;min-width:var(--sd-dropdown-button-menu-min-width, max-content);max-width:calc(100vw - 24px);padding:4px 0;border:0;border-radius:4px;background:#FFFFFF;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.1019607843);box-sizing:border-box;overflow:hidden}.sd-dropdown-button__menu-item{display:inline-flex;align-items:center;gap:8px;min-height:28px;width:100%;padding:0 12px;border:0;border-radius:0;background:transparent;color:var(--sd-dropdown-button-menu-item-color);cursor:pointer;box-sizing:border-box;font:inherit;text-align:left;transition:background-color 0.15s ease, color 0.15s ease}.sd-dropdown-button__menu-item--active{background:var(--sd-dropdown-button-menu-item-active-bg);color:var(--sd-dropdown-button-menu-item-active-color)}.sd-dropdown-button__menu-item--disabled{color:var(--sd-dropdown-button-disabled-content);cursor:not-allowed}.sd-dropdown-button__menu-item-icon{flex:0 0 auto}.sd-dropdown-button__menu-item-label{display:inline-flex;align-items:center;min-width:0;white-space:nowrap;font-size:12px}";export{E as sd_dropdown_button}
|