npm - @sellmate/design-system - Versions diffs - 0.0.24 → 0.0.26 - Mend

@sellmate/design-system 0.0.24 → 0.0.26

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

Files changed (231) hide show

package/dist/design-system/p-BE6EMCXm.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{h as t}from"./p-B2T3tS5r.js";const o=o=>t("svg",{width:"16",height:"12",viewBox:"0 0 16 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",...o},t("path",{d:"M8.83205 10.7519C8.43623 11.3457 7.56377 11.3457 7.16795 10.7519L1.04907e-06 -1.39876e-06L16 0L8.83205 10.7519Z",fill:"currentColor"}));export{o as T};
2	+ //# sourceMappingURL=p-BE6EMCXm.js.map

package/dist/design-system/{p-BUzABVug.js.map → p-BE6EMCXm.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"p-~~BUzABVug~~.js","sources":["src/components/assets/tooltipArrow.tsx"],"sourcesContent":["import { h } from '@stencil/core';\r\n\r\nexport const TooltipArrow = (props: SVGProps) => (\r\n <svg\r\n width=\"16\"\r\n height=\"12\"\r\n viewBox=\"0 0 16 12\"\r\n fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n {...props}\r\n >\r\n <path\r\n d=\"M8.83205 10.7519C8.43623 11.3457 7.56377 11.3457 7.16795 10.7519L1.04907e-06 -1.39876e-06L16 0L8.83205 10.7519Z\"\r\n fill=\"currentColor\"\r\n />\r\n </svg>\r\n);\r\n"],"names":[],"mappings":";;AAEa,MAAA,YAAY,GAAG,CAAC,KAAe,MAC3C,CACC,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,KAC9B,KAAK,EAAA,EAET,CACC,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,iHAAiH,EACnH,IAAI,EAAC,cAAc,EAAA,CAClB,CACG;;;;"}
1	+ {"version":3,"file":"p-BE6EMCXm.js","sources":["src/components/assets/tooltipArrow.tsx"],"sourcesContent":["import { h } from '@stencil/core';\r\n\r\nexport const TooltipArrow = (props: SVGProps) => (\r\n <svg\r\n width=\"16\"\r\n height=\"12\"\r\n viewBox=\"0 0 16 12\"\r\n fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n {...props}\r\n >\r\n <path\r\n d=\"M8.83205 10.7519C8.43623 11.3457 7.56377 11.3457 7.16795 10.7519L1.04907e-06 -1.39876e-06L16 0L8.83205 10.7519Z\"\r\n fill=\"currentColor\"\r\n />\r\n </svg>\r\n);\r\n"],"names":[],"mappings":";;AAEa,MAAA,YAAY,GAAG,CAAC,KAAe,MAC3C,CACC,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,KAC9B,KAAK,EAAA,EAET,CACC,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,iHAAiH,EACnH,IAAI,EAAC,cAAc,EAAA,CAClB,CACG;;;;"}

package/dist/design-system/{p-CgyTlXBV.js → p-BYf-ybt2.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-const e="#051d36";const n="#555555";const o="#9c27b0";const c="#0075ff";const t="#e30000";const s="#00cd52";const _="#f2c037";const l="#220000";const r="#440000";const b="#5E0000";const a="#820000";const F="#AD0000";const f="#E30000";const i="#FB4444";const g="#FF7C7C";const u="#FFB5B5";const d="#FFD3D3";const E="#FCE6E6";const y="#FCEFEF";const C="#FEF1F1";const D="#fd9595";const B="#2F1100";const v="#4D1B00";const A="#752A00";const w="#9B3700";const p="#CE4900";const h="#FF6B00";const k="#FF7F22";const m="#FFA452";const x="#FFBC81";const j="#FFD5AF";const q="#FFEAD7";const z="#FEF1EA";const G="#FF7A00";const H="#322700";const I="#453702";const J="#6C5602";const K="#9C7A00";const L="#C49900";const M="#EBB800";const N="#FFC700";const O="#FFD643";const P="#FEE17C";const Q="#FFE99E";const R="#FEF1C4";const S="#FFF7DD";const T="#2C2C00";const U="#454500";const V="#636300";const W="#838300";const X="#A5A500";const Y="#C7C700";const Z="#DDDD12";const $="#EEEE37";const ee="#F6F65F";const ne="#FAFAA1";const oe="#FBFBBF";const ce="#FEFED9";const te="#001D0B";const se="#003013";const _e="#00461C";const le="#006629";const re="#007B31";const be="#00973C";const ae="#12B553";const Fe="#2BCE6C";const fe="#6DE39C";const ie="#ACF4C9";const ge="#D4FAE3";const ue="#E8F9EF";const de="#021a25";const Ee="#02212f";const ye="#032d40";const Ce="#033f59";const De="#06587d";const Be="#066d9b";const ve="#128fc7";const Ae="#229fd7";const we="#50bff0";const pe="#a4e2fd";const he="#d9f2fd";const ke="#ecf8fd";const me="#011428";const xe="#03172d";const je="#051d36";const qe="#07284a";const ze="#004177";const Ge="#025497";const He="#006ac1";const Ie="#1f8ae1";const Je="#5cb0f3";const Ke="#9cd1fc";const Le="#d5ebfe";const Me="#eaf5fe";const Ne="#001226";const Oe="#001b39";const Pe="#002b5e";const Qe="#004290";const Re="#005cc9";const Se="#0075ff";const Te="#2d8dff";const Ue="#64abff";const Ve="#93c4ff";const We="#bbdaff";const Xe="#d9eaff";const Ye="#e6f1ff";const Ze="#eff6ff";const $e="#f5faff";const en="#222222";const nn="#333333";const on="#444444";const cn="#555555";const tn="#737373";const sn="#888888";const _n="#999999";const ln="#aaaaaa";const rn="#bbbbbb";const bn="#cccccc";const an="#D8D8D8";const Fn="#e1e1e1";const fn="#E5E5E5";const gn="#eeeeee";const un="#f6f6f6";const dn="#f9f9f9";const En="#ffffff";const yn="#000000";var Cn={primary:e,secondary:n,accent:o,positive:c,negative:t,info:s,warning:_,red_99:l,red_95:r,red_90:b,red_85:a,red_80:F,red_75:f,red_70:i,red_60:g,red_45:u,red_30:d,red_20:E,red_15:y,caution_bg:C,caution_icon:D,orange_99:B,orange_95:v,orange_90:A,orange_85:w,orange_75:p,orange_65:h,orange_60:k,orange_55:m,orange_45:x,orange_35:j,orange_20:q,orange_10:z,header_alert:G,yellow_95:H,yellow_90:I,yellow_80:J,yellow_70:K,yellow_60:L,yellow_50:M,yellow_45:N,yellow_40:O,yellow_30:P,yellow_25:Q,yellow_20:R,yellow_10:S,olive_95:T,olive_90:U,olive_80:V,olive_70:W,olive_65:X,olive_55:Y,olive_45:Z,olive_30:$,olive_20:ee,olive_15:ne,olive_10:oe,olive_05:ce,green_99:te,green_95:se,green_90:_e,green_85:le,green_80:re,green_75:be,green_70:ae,green_65:Fe,green_55:fe,green_45:ie,green_25:ge,green_15:ue,steelblue_99:de,steelblue_95:Ee,steelblue_90:ye,steelblue_85:Ce,steelblue_80:De,steelblue_75:Be,steelblue_70:ve,steelblue_65:Ae,steelblue_60:we,steelblue_45:pe,steelblue_25:he,steelblue_10:ke,oceanblue_99:me,oceanblue_95:xe,oceanblue_90:je,oceanblue_85:qe,oceanblue_80:ze,oceanblue_75:Ge,oceanblue_70:He,oceanblue_65:Ie,oceanblue_60:Je,oceanblue_50:Ke,oceanblue_25:Le,oceanblue_15:Me,brilliantblue_99:Ne,brilliantblue_95:Oe,brilliantblue_90:Pe,brilliantblue_85:Qe,brilliantblue_80:Re,brilliantblue_75:Se,brilliantblue_70:Te,brilliantblue_60:Ue,brilliantblue_50:Ve,brilliantblue_40:We,brilliantblue_25:Xe,brilliantblue_20:Ye,brilliantblue_10:Ze,brilliantblue_05:$e,grey_95:en,grey_90:nn,grey_85:on,grey_80:cn,grey_70:tn,grey_65:sn,grey_60:_n,grey_55:ln,grey_50:rn,grey_45:bn,grey_35:an,grey_30:Fn,grey_25:fn,grey_20:gn,grey_10:un,grey_05:dn,white:En,black:yn};export{Cn as c};
-//# sourceMappingURL=p-CgyTlXBV.js.map
+const e="#051d36";const n="#555555";const o="#9c27b0";const c="#0075ff";const t="#e30000";const s="#00cd52";const _="#f2c037";const l="#220000";const r="#440000";const b="#5E0000";const a="#820000";const f="#AD0000";const F="#E30000";const i="#FB4444";const g="#FF7C7C";const u="#FFB5B5";const d="#FFD3D3";const E="#FCE6E6";const y="#FCEFEF";const C="#FEF1F1";const D="#fd9595";const B="#2F1100";const v="#4D1B00";const A="#752A00";const w="#9B3700";const p="#CE4900";const h="#FF6B00";const k="#FF7F22";const m="#FFA452";const x="#FFBC81";const j="#FFD5AF";const q="#FFEAD7";const z="#FEF1EA";const G="#FF7A00";const H="#322700";const I="#453702";const J="#6C5602";const K="#9C7A00";const L="#C49900";const M="#EBB800";const N="#FFC700";const O="#FFD643";const P="#FEE17C";const Q="#FFE99E";const R="#FEF1C4";const S="#FFF7DD";const T="#2C2C00";const U="#454500";const V="#636300";const W="#838300";const X="#A5A500";const Y="#C7C700";const Z="#DDDD12";const $="#EEEE37";const ee="#F6F65F";const ne="#FAFAA1";const oe="#FBFBBF";const ce="#FEFED9";const te="#001D0B";const se="#003013";const _e="#00461C";const le="#006629";const re="#007B31";const be="#00973C";const ae="#12B553";const fe="#2BCE6C";const Fe="#6DE39C";const ie="#ACF4C9";const ge="#D4FAE3";const ue="#E8F9EF";const de="#021a25";const Ee="#02212f";const ye="#032d40";const Ce="#033f59";const De="#06587d";const Be="#066d9b";const ve="#128fc7";const Ae="#229fd7";const we="#50bff0";const pe="#a4e2fd";const he="#d9f2fd";const ke="#ecf8fd";const me="#011428";const xe="#03172d";const je="#051d36";const qe="#07284a";const ze="#004177";const Ge="#025497";const He="#006ac1";const Ie="#1f8ae1";const Je="#5cb0f3";const Ke="#9cd1fc";const Le="#d5ebfe";const Me="#eaf5fe";const Ne="#001226";const Oe="#001b39";const Pe="#002b5e";const Qe="#004290";const Re="#005cc9";const Se="#0075ff";const Te="#2d8dff";const Ue="#64abff";const Ve="#93c4ff";const We="#bbdaff";const Xe="#d9eaff";const Ye="#e6f1ff";const Ze="#eff6ff";const $e="#f5faff";const en="#222222";const nn="#333333";const on="#444444";const cn="#555555";const tn="#737373";const sn="#888888";const _n="#999999";const ln="#aaaaaa";const rn="#bbbbbb";const bn="#cccccc";const an="#D8D8D8";const fn="#e1e1e1";const Fn="#E5E5E5";const gn="#eeeeee";const un="#f6f6f6";const dn="#f9f9f9";const En="#ffffff";const yn="#000000";var Cn={primary:e,secondary:n,accent:o,positive:c,negative:t,info:s,warning:_,red_99:l,red_95:r,red_90:b,red_85:a,red_80:f,red_75:F,red_70:i,red_60:g,red_45:u,red_30:d,red_20:E,red_15:y,caution_bg:C,caution_icon:D,orange_99:B,orange_95:v,orange_90:A,orange_85:w,orange_75:p,orange_65:h,orange_60:k,orange_55:m,orange_45:x,orange_35:j,orange_20:q,orange_10:z,header_alert:G,yellow_95:H,yellow_90:I,yellow_80:J,yellow_70:K,yellow_60:L,yellow_50:M,yellow_45:N,yellow_40:O,yellow_30:P,yellow_25:Q,yellow_20:R,yellow_10:S,olive_95:T,olive_90:U,olive_80:V,olive_70:W,olive_65:X,olive_55:Y,olive_45:Z,olive_30:$,olive_20:ee,olive_15:ne,olive_10:oe,olive_05:ce,green_99:te,green_95:se,green_90:_e,green_85:le,green_80:re,green_75:be,green_70:ae,green_65:fe,green_55:Fe,green_45:ie,green_25:ge,green_15:ue,steelblue_99:de,steelblue_95:Ee,steelblue_90:ye,steelblue_85:Ce,steelblue_80:De,steelblue_75:Be,steelblue_70:ve,steelblue_65:Ae,steelblue_60:we,steelblue_45:pe,steelblue_25:he,steelblue_10:ke,oceanblue_99:me,oceanblue_95:xe,oceanblue_90:je,oceanblue_85:qe,oceanblue_80:ze,oceanblue_75:Ge,oceanblue_70:He,oceanblue_65:Ie,oceanblue_60:Je,oceanblue_50:Ke,oceanblue_25:Le,oceanblue_15:Me,brilliantblue_99:Ne,brilliantblue_95:Oe,brilliantblue_90:Pe,brilliantblue_85:Qe,brilliantblue_80:Re,brilliantblue_75:Se,brilliantblue_70:Te,brilliantblue_60:Ue,brilliantblue_50:Ve,brilliantblue_40:We,brilliantblue_25:Xe,brilliantblue_20:Ye,brilliantblue_10:Ze,brilliantblue_05:$e,grey_95:en,grey_90:nn,grey_85:on,grey_80:cn,grey_70:tn,grey_65:sn,grey_60:_n,grey_55:ln,grey_50:rn,grey_45:bn,grey_35:an,grey_30:fn,grey_25:Fn,grey_20:gn,grey_10:un,grey_05:dn,white:En,black:yn};const Dn=Cn;function Bn(e,n="#025497"){if(!e)return n;const o=Dn[e];return o||e}export{Cn as c,Bn as r};
+//# sourceMappingURL=p-BYf-ybt2.js.map

package/dist/design-system/{p-BoLmB6pG.js.map → p-BYf-ybt2.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"p-~~BoLmB6pG~~.js","sources":["src/utils/color/resolveColor.ts"],"sourcesContent":["import rawColors from '../../styles/color.json';\r\n\r\ntype ColorMap = Record<string, string>;\r\nconst colors: ColorMap = rawColors as ColorMap;\r\n\r\n// 주어진 문자열이 color.json의 키이면 매핑된 HEX를 반환하고,\r\n// 아닐 경우 원문 그대로를 반환합니다. 값이 falsy면 기본 색상으로 대체합니다.\r\n\r\nexport function resolveColor(\r\n input: string \| undefined \| null,\r\n fallback: string = '#025497',\r\n): string {\r\n if (!input) return fallback;\r\n const mapped = colors[input];\r\n return mapped \|\| input;\r\n}\r\n"],"names":["rawColors"],"mappings":";;AAGA,MAAM,MAAM,GAAaA,QAAqB;AAE9C;AACA;SAEgB,YAAY,CAC3B,KAAgC,EAChC,WAAmB,SAAS,EAAA;AAE5B,IAAA,IAAI,CAAC,KAAK;AAAE,QAAA,OAAO,QAAQ;AAC3B,IAAA,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC;IAC5B,OAAO,MAAM,IAAI,KAAK;AACvB;;;;"}
1	+ {"version":3,"file":"p-BYf-ybt2.js","sources":["src/utils/color/resolveColor.ts"],"sourcesContent":["import rawColors from '../../styles/color.json';\r\n\r\ntype ColorMap = Record<string, string>;\r\nconst colors: ColorMap = rawColors as ColorMap;\r\n\r\n// 주어진 문자열이 color.json의 키이면 매핑된 HEX를 반환하고,\r\n// 아닐 경우 원문 그대로를 반환합니다. 값이 falsy면 기본 색상으로 대체합니다.\r\n\r\nexport function resolveColor(\r\n input: string \| undefined \| null,\r\n fallback: string = '#025497',\r\n): string {\r\n if (!input) return fallback;\r\n const mapped = colors[input];\r\n return mapped \|\| input;\r\n}\r\n"],"names":["rawColors"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,MAAM,MAAM,GAAaA,QAAqB;AAE9C;AACA;SAEgB,YAAY,CAC3B,KAAgC,EAChC,WAAmB,SAAS,EAAA;AAE5B,IAAA,IAAI,CAAC,KAAK;AAAE,QAAA,OAAO,QAAQ;AAC3B,IAAA,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC;IAC5B,OAAO,MAAM,IAAI,KAAK;AACvB;;;;"}

package/dist/design-system/p-C2JaR3A6.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ class t{static instance;activeDropdowns=new Set;static getInstance(){if(!t.instance){t.instance=new t}return t.instance}register(t){this.activeDropdowns.add(t)}unregister(t){this.activeDropdowns.delete(t)}openDropdown(t){this.activeDropdowns.forEach((i=>{if(i!==t&&i.isOpen){i.closeDropdown()}}))}closeAllDropdowns(){this.activeDropdowns.forEach((t=>{if(t.isOpen){t.closeDropdown()}}))}}const i=t.getInstance();class e{documentClickHandler;documentKeydownHandler;initializeEvent(){i.register(this);this.initializeEventHandlers()}cleanupEvent(){i.unregister(this);this.cleanup()}initializeEventHandlers(){this.documentClickHandler=t=>this.handleDocumentClick(t);this.documentKeydownHandler=t=>this.handleDocumentKeydown(t)}addGlobalEventListeners(){if(this.documentClickHandler){document.addEventListener("click",this.documentClickHandler)}if(this.documentKeydownHandler){document.addEventListener("keydown",this.documentKeydownHandler)}}removeGlobalEventListeners(){if(this.documentClickHandler){document.removeEventListener("click",this.documentClickHandler)}if(this.documentKeydownHandler){document.removeEventListener("keydown",this.documentKeydownHandler)}}onDropdownToggle(t){if(t&&!this.disabled){i.openDropdown(this);this.addGlobalEventListeners()}else{this.removeGlobalEventListeners()}}cleanup(){this.removeGlobalEventListeners()}closeDropdown(){this.isOpen=false}}class s{isSearchable;filteredOptions;constructor(t,i){this.isSearchable=t;this.filteredOptions=i}getNavigationBounds(){return{minIndex:this.isSearchable?-1:0,maxIndex:this.filteredOptions.length-1}}getNextIndex(t,i){const{minIndex:e,maxIndex:s}=this.getNavigationBounds();if(i==="ArrowUp"){return t>e?t-1:s}else{return t<s?t+1:e}}}export{e as B,s as S};
2	+ //# sourceMappingURL=p-C2JaR3A6.js.map

package/dist/design-system/p-C2JaR3A6.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"p-C2JaR3A6.js","sources":["src/utils/dropdown-manager.ts","src/utils/base-dropdown-event.ts","src/utils/select-keyboard-navigation.ts"],"sourcesContent":["import { BaseDropdownEvent } from './base-dropdown-event';\r\n\r\nclass DropdownManager {\r\n private static instance: DropdownManager;\r\n private activeDropdowns = new Set<BaseDropdownEvent>();\r\n\r\n static getInstance(): DropdownManager {\r\n if (!DropdownManager.instance) {\r\n DropdownManager.instance = new DropdownManager();\r\n }\r\n return DropdownManager.instance;\r\n }\r\n\r\n register(component: BaseDropdownEvent) {\r\n this.activeDropdowns.add(component);\r\n }\r\n\r\n unregister(component: BaseDropdownEvent) {\r\n this.activeDropdowns.delete(component);\r\n }\r\n\r\n openDropdown(targetComponent: BaseDropdownEvent) {\r\n // 다른 모든 드롭다운 닫기\r\n this.activeDropdowns.forEach(component => {\r\n if (component !== targetComponent && component.isOpen) {\r\n component.closeDropdown();\r\n }\r\n });\r\n }\r\n\r\n closeAllDropdowns() {\r\n this.activeDropdowns.forEach(component => {\r\n if (component.isOpen) {\r\n component.closeDropdown();\r\n }\r\n });\r\n }\r\n}\r\n\r\nexport const dropdownManager = DropdownManager.getInstance();\r\n","import { dropdownManager } from './dropdown-manager';\r\n\r\n// 여러 select를 동시에 사용할때에 이벤트 리스너의 등록이 충돌나는 문제를 해결하기 위한 Base class\r\n// 각 드롭다운 컴포넌트는 이 클래스를 상속 및 구현 필요\r\n// 기본적으로 click, keydown 추상 이벤트를 구현해야하고\r\n// isOpen가 true일때에만 이벤트 등록 그외에는 이벤트 클리닝을 수행\r\n// 추후 필요한 이벤트는 이곳에 추가하여 추가 구현 후 사용\r\n// 별도로 드롭다운 전용의 Base class가 아닌 공통적으로 사용할 수 있는 Base class가 필요할지 검토 필요\r\nexport abstract class BaseDropdownEvent {\r\n abstract el: HTMLElement;\r\n abstract isOpen: boolean;\r\n abstract disabled?: boolean;\r\n\r\n private documentClickHandler?: (event: Event) => void;\r\n private documentKeydownHandler?: (event: KeyboardEvent) => void;\r\n\r\n // 컴포넌트 생명주기에서 호출할 메서드들\r\n protected initializeEvent() {\r\n dropdownManager.register(this);\r\n this.initializeEventHandlers();\r\n }\r\n\r\n protected cleanupEvent() {\r\n dropdownManager.unregister(this);\r\n this.cleanup();\r\n }\r\n\r\n protected initializeEventHandlers() {\r\n this.documentClickHandler = (event: Event) => this.handleDocumentClick(event);\r\n this.documentKeydownHandler = (event: KeyboardEvent) => this.handleDocumentKeydown(event);\r\n }\r\n\r\n protected addGlobalEventListeners() {\r\n if (this.documentClickHandler) {\r\n document.addEventListener('click', this.documentClickHandler);\r\n }\r\n if (this.documentKeydownHandler) {\r\n document.addEventListener('keydown', this.documentKeydownHandler);\r\n }\r\n }\r\n\r\n protected removeGlobalEventListeners() {\r\n if (this.documentClickHandler) {\r\n document.removeEventListener('click', this.documentClickHandler);\r\n }\r\n if (this.documentKeydownHandler) {\r\n document.removeEventListener('keydown', this.documentKeydownHandler);\r\n }\r\n }\r\n\r\n protected onDropdownToggle(isOpen: boolean) {\r\n if (isOpen && !this.disabled) {\r\n dropdownManager.openDropdown(this);\r\n this.addGlobalEventListeners();\r\n } else {\r\n this.removeGlobalEventListeners();\r\n }\r\n }\r\n\r\n protected cleanup() {\r\n this.removeGlobalEventListeners();\r\n }\r\n\r\n closeDropdown() {\r\n this.isOpen = false;\r\n }\r\n\r\n protected abstract handleDocumentClick(event: Event): void;\r\n protected abstract handleDocumentKeydown(event: KeyboardEvent): void;\r\n}\r\n","import { SelectOption } from '../types/select';\r\n\r\nexport class SelectKeyboardNavigation {\r\n isSearchable: boolean;\r\n filteredOptions: SelectOption[];\r\n\r\n constructor(isSearchable: boolean, filteredOptions: SelectOption[]) {\r\n this.isSearchable = isSearchable;\r\n this.filteredOptions = filteredOptions;\r\n }\r\n\r\n getNavigationBounds() {\r\n return {\r\n minIndex: this.isSearchable ? -1 : 0,\r\n maxIndex: this.filteredOptions.length - 1,\r\n };\r\n }\r\n\r\n getNextIndex(currentIndex: number, direction: KeyboardEvent['key']): number {\r\n const { minIndex, maxIndex } = this.getNavigationBounds();\r\n\r\n if (direction === 'ArrowUp') {\r\n return currentIndex > minIndex ? currentIndex - 1 : maxIndex;\r\n } else {\r\n return currentIndex < maxIndex ? currentIndex + 1 : minIndex;\r\n }\r\n }\r\n}\r\n"],"names":[],"mappings":"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"}

package/dist/design-system/{p-2aef624e.entry.js → p-a7ab1b43.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as e,c as t,a,h as s,H as d}from"./p-CqOU6L62.js";import{u as i,t as c}from"./p-QZbqqKSO.js";const r=".sd-date-picker.sc-sd-date-picker-h{width:160px;display:inline-block}.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))}";const n=class{constructor(a){e(this,a);this.sdChange=t(this,"sdChange")}get el(){return a(this)}date=null;label;selectable;disabled=false;isOpen=false;currentDate=null;currentYear;currentMonth;sdChange;componentWillLoad(){this.setCalendar()}dateUtil=i();inputEl;setCalendar(){const e=this.date||c;const[t,a]=e.split("-").map(Number);this.currentYear=t;this.currentMonth=a;this.currentDate=this.date}openMenu(){if(this.disabled)return;this.setCalendar();this.isOpen=true}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:a}=this.dateUtil.calculateYearMonth(this.currentYear,this.currentMonth,e);this.setCurrentYear(t);this.setCurrentMonth(a)}handleDateClick(e){if(!e)return;const t=this.dateUtil.formatDate(this.currentYear,this.currentMonth,e);this.setCurrentDate(t);this.isOpen=false;this.sdChange.emit?.(t)}isDisabledDate(e){if(!this.selectable)return false;const[t,a]=this.selectable;if(t&&a){return e<t||e>a}if(t){return e<t}if(a){return e>a}return false}handleClose=()=>{this.isOpen=false};render(){return s(d,{key:"84beddb7facbc2eaabc5b606392b30f5c1601eb6",class:"sd-date-picker"},s("sd-input",{key:"e8110cae23aaa71047762850ab1ac0ecad39fbf8",ref:e=>this.inputEl=e,value:this.date,label:this.label,"inside-label":true,readonly:true,disabled:this.disabled,inputClass:"text-center",inputStyle:{margin:"0 0 0 8px"},onClick:()=>this.openMenu()},s("sd-icon",{key:"9668799fd1b978b8d84228cbce66020ecf9c953a",slot:"prefix",name:"date",size:"16",color:"#737373",class:"date-icon",onClick:()=>this.openMenu()})),this.isOpen&&s("sd-portal",{key:"bdd3d055e108d0965fd33b39521e45d398d56657",open:this.isOpen,parentRef:this.inputEl,onSdClose:this.handleClose},s("div",{key:"32c9bf2c90f65d7341a06f1aa885eaf5830b790d",class:"sd-date-picker__menu"},s("div",{key:"998be0bcd3acedce805fa64b6b1d627751c7a021",class:"sd-date-picker__header"},s("div",{key:"fbcc16d1a914086eac22ec0769041a7cfb68c4ac",class:"year-nav"},s("button",{key:"a0483c5a5c11b96e4d04a8705eaeb834a67aabc1",type:"button",name:"prev-year",title:"Previous Year",onClick:()=>this.setCurrentYear(this.currentYear-1)},s("sd-icon",{key:"417934cc7f8d3a26a1ab7f7d06c4a19cc8f71838",name:"arrowLeft",size:"12",color:"#CCCCCC"})),s("span",{key:"9cc39d471b835312480483054b11bfb3a524a8a4",class:"year-nav__current"},this.currentYear),s("button",{key:"9963b625be6c33c9a7d6c4aabce8aeac04a5e5d8",type:"button",name:"next-year",title:"Next Year",onClick:()=>this.setCurrentYear(this.currentYear+1)},s("sd-icon",{key:"0414b554e1ae46b414d0829bbbbbd109241a1f0e",name:"arrowRight",size:"12",color:"#CCCCCC"}))),s("div",{key:"9eab999da7ef2a34f375f96ff799bf75500866da",class:"month-nav"},s("button",{key:"ba70f14d3344474b5faaa0778ce1838f00235880",type:"button",name:"prev-month",title:"Previous       ",onClick:()=>this.handleUpdateMonth("prev")},s("sd-icon",{key:"3c69117050d690d06071040b7b110f28368d4b2b",name:"arrowLeft",size:"12",color:"#CCCCCC"})),s("span",{key:"a3f85e24150dcfd644ac98f4075fc63b39cc389a",class:"month-nav__current"},this.currentMonth,"월"),s("button",{key:"4a2e1c80dad428397120cf226807491474b9fef0",type:"button",name:"next-month",title:"Next Month",onClick:()=>this.handleUpdateMonth("next")},s("sd-icon",{key:"11f19f794d230afb29854717520dab17b90bf6e2",name:"arrowRight",size:"12",color:"#CCCCCC"})))),s("div",{key:"0dc4fb36b3395f3f626726ffc2c564b7efa7bf1f",class:"sd-date-picker__days"},["일","월","화","수","목","금","토"].map((e=>s("div",{key:e,class:"day"},e)))),s("div",{key:"973a4f62ac5588ad8398e668dfa9a1a5808e2860",class:"sd-date-picker__body"},[...this.calendar.prevMonthDays,...this.calendar.days,...this.calendar.afterMonthDays].map(((e,t)=>{const a=this.dateUtil.formatDate(this.currentYear,this.currentMonth,Number(e));return s("sd-date-box",{key:`${e}_${t}`,date:!e?"":Number(e),selected:this.currentDate===a,isToday:c===a,disabled:!e?true:this.isDisabledDate(a),onClick:!this.isDisabledDate(a)&&e?()=>this.handleDateClick(Number(e)):undefined})}))))))}};n.style=r;export{n as sd_date_picker};
-//# sourceMappingURL=p-2aef624e.entry.js.map
+import{r as e,c as t,a,h as d,H as s}from"./p-B2T3tS5r.js";import{u as i,t as r}from"./p-QZbqqKSO.js";const c=".sd-date-picker.sc-sd-date-picker-h{width:160px;display:inline-block}.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))}";const n=class{constructor(a){e(this,a);this.sdChange=t(this,"sdChange")}get el(){return a(this)}date=null;label;selectable;disabled=false;isOpen=false;currentDate=null;currentYear;currentMonth;sdChange;componentWillLoad(){this.setCalendar()}dateUtil=i();inputEl;setCalendar(){const e=this.date||r;const[t,a]=e.split("-").map(Number);this.currentYear=t;this.currentMonth=a;this.currentDate=this.date}openMenu(){if(this.disabled)return;this.setCalendar();this.isOpen=true}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:a}=this.dateUtil.calculateYearMonth(this.currentYear,this.currentMonth,e);this.setCurrentYear(t);this.setCurrentMonth(a)}handleDateClick(e){if(!e)return;const t=this.dateUtil.formatDate(this.currentYear,this.currentMonth,e);this.setCurrentDate(t);this.isOpen=false;this.sdChange.emit?.(t)}isDisabledDate(e){if(!this.selectable)return false;const[t,a]=this.selectable;if(t&&a){return e<t||e>a}if(t){return e<t}if(a){return e>a}return false}handleClose=()=>{this.isOpen=false};render(){return d(s,{key:"f445a752123f1a1a7f8d28ca7472a8ffabda9441",class:"sd-date-picker"},d("sd-input",{key:"85662ea61b192562311af23f67c1a1ad05636813",ref:e=>this.inputEl=e,value:this.date,label:this.label,"inside-label":true,readonly:true,disabled:this.disabled,inputClass:"text-center",inputStyle:{margin:"0 0 0 8px"},onClick:()=>this.openMenu()},d("sd-icon",{key:"41634f9170073fbde5e44c55b5985da90763f819",slot:"prefix",name:"date",size:"16",color:"#737373",class:"date-icon",onClick:()=>this.openMenu()})),this.isOpen&&d("sd-portal",{key:"ce630583ef81cd72ad1b8fdaab7cab2d1df278cb",open:this.isOpen,parentRef:this.inputEl,onSdClose:this.handleClose},d("div",{key:"55d4c73a3e17991ebf68495d7bed96399857de1e",class:"sd-date-picker__menu"},d("div",{key:"0800e3a37eec27bb8a8c59a2ebd8ffdbf4e813a7",class:"sd-date-picker__header"},d("div",{key:"1518b578ad87a0f5875d980d1c974492f32714e3",class:"year-nav"},d("button",{key:"e70f1d4e73650c7bccb1629b679ca366717e5506",type:"button",name:"prev-year",title:"Previous Year",onClick:()=>this.setCurrentYear(this.currentYear-1)},d("sd-icon",{key:"f679a54b76e304d08c132d6784575831a5d5d61b",name:"arrowLeft",size:"12",color:"#CCCCCC"})),d("span",{key:"634dcbfe81d328cbc0460958208dc17aaf218158",class:"year-nav__current"},this.currentYear),d("button",{key:"7e7cef51d7b47b7280cfff4234b88394708ea01a",type:"button",name:"next-year",title:"Next Year",onClick:()=>this.setCurrentYear(this.currentYear+1)},d("sd-icon",{key:"8a6fc4a40f567d2d1ffef5dbc08de5148203970c",name:"arrowRight",size:"12",color:"#CCCCCC"}))),d("div",{key:"8fad6e92b899a0cb38398ec2f4036b959377d99b",class:"month-nav"},d("button",{key:"3180c35ad42239a6a97480a4db860182b98724f3",type:"button",name:"prev-month",title:"Previous       ",onClick:()=>this.handleUpdateMonth("prev")},d("sd-icon",{key:"6ccef0b13fde4124e0e14959687f60dab753ae51",name:"arrowLeft",size:"12",color:"#CCCCCC"})),d("span",{key:"db7db67a1a77f02451bc0a7c97e87e3cd6c9d453",class:"month-nav__current"},this.currentMonth,"월"),d("button",{key:"5df06269331e9f7ee1cb4801bfd713d433f00af4",type:"button",name:"next-month",title:"Next Month",onClick:()=>this.handleUpdateMonth("next")},d("sd-icon",{key:"65b0f49b205e9aa38a46cbe672665b31c9ffe542",name:"arrowRight",size:"12",color:"#CCCCCC"})))),d("div",{key:"68f3c05f2ffb57b7fc032209dd709e5eaa6fcbdd",class:"sd-date-picker__days"},["일","월","화","수","목","금","토"].map((e=>d("div",{key:e,class:"day"},e)))),d("div",{key:"452c22746ace6b3923acf4912edba2509a56b369",class:"sd-date-picker__body"},[...this.calendar.prevMonthDays,...this.calendar.days,...this.calendar.afterMonthDays].map(((e,t)=>{const a=this.dateUtil.formatDate(this.currentYear,this.currentMonth,Number(e));return d("sd-date-box",{key:`${e}_${t}`,date:!e?"":Number(e),selected:this.currentDate===a,isToday:r===a,disabled:!e?true:this.isDisabledDate(a),onClick:!this.isDisabledDate(a)&&e?()=>this.handleDateClick(Number(e)):undefined})}))))))}};n.style=c;export{n as sd_date_picker};
+//# sourceMappingURL=p-a7ab1b43.entry.js.map

package/dist/design-system/p-af3a1dbb.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as e,a as s,h as o,F as t}from"./p-B2T3tS5r.js";import{T as i}from"./p-BE6EMCXm.js";const a=".sd-popover{position:relative;cursor:pointer;display:inline-block}";const c=class{constructor(s){e(this,s)}get el(){return s(this)}show=false;placement="bottom";color="#01BB4B";icon="helpOutline";iconSize=12;label="";buttonSize="sm";buttonVariant="primary";menuTitle;messages=[];buttons=[];menuClass="";noHover=true;useClose=false;showPopover=false;slotContent="";watchShowHandler(e){this.showPopover=e}componentWillLoad(){this.showPopover=this.show;this.slotContent=this.el.innerHTML;console.log(this.el)}buttonEl;handleClose=()=>{this.showPopover=false};render(){return o(t,{key:"fb877e8d016d13fb33b49a1a4dbfed9fc01b1336"},this.label?o("sd-button",{ref:e=>this.buttonEl=e,label:this.label,icon:this.icon,size:this.buttonSize,color:this.color,variant:this.buttonVariant,class:"sd-popover",onClick:()=>(console.log("click popover"),this.showPopover=!this.showPopover)}):o("sd-icon",{ref:e=>this.buttonEl=e,name:this.icon,size:this.iconSize,color:this.color,class:"sd-popover",onClick:()=>(console.log("click popover"),this.showPopover=!this.showPopover)}),this.showPopover&&o("sd-tooltip-portal",{key:"02208721da61cb84086a57c823f8e31775fdbd5e",parentRef:this.buttonEl,onSdClose:this.handleClose,placement:this.placement},o("div",{key:"3f3c4fc690dac5061bda08af37121e2b98374979",class:{"sd-popover-menu":true,[`sd-popover-menu--${this.placement}`]:true,[this.menuClass]:!!this.menuClass}},o("i",{key:"6f0df95bafc2cbf564fd0e5a133c89f03c3a924b",class:`sd-popover-menu__arrow sd-popover-menu__arrow--${this.placement}`},o(i,{key:"535acee0be86db4ed58d6cc1631732541f1e475e"})),o("div",{key:"d4366800a8cbd5a1f9630344a5ca4241b0eaa8dd",class:"sd-popover-menu__content"},this.menuTitle&&o("div",{key:"1cd9de3129988c5d26be0ded5b03520ab591cb9a",class:"sd-popover-menu__title"},this.menuTitle),this.messages.length>0&&o("div",{key:"5aae57948bd5e0fd98e73a8ae504b77ce6cdbe07",class:"sd-popover-menu__messages"},this.messages.map((e=>o("div",null,e)))),this.buttons.length>0&&o("div",{key:"814ac9ba0b2cf4367bb4cd5e688fa5433fee7126",class:`sd-popover-menu__buttons sd-popover-menu__buttons--${this.buttons.length}`},this.buttons.map((e=>o("sd-button",{...e}))))),this.useClose&&o("button",{key:"a21ad0a5e28f8609b2f9d9accd0be5d81ed9de5b",class:"sd-popover-menu__close-button",onClick:()=>this.handleClose()},o("sd-icon",{key:"10738ec0926ea5fbc0b30b5c8c08b6cc37bf47d3",name:"close",size:"12",color:"#AAAAAA"})))))}static get watchers(){return{show:["watchShowHandler"]}}};c.style=a;export{c as sd_popover};
2	+ //# sourceMappingURL=p-af3a1dbb.entry.js.map

package/dist/design-system/p-d1aa75e7.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as d,h as r,H as e}from"./p-B2T3tS5r.js";const s="sd-card{display:block;height:fit-content}sd-card .sd-card{border-radius:8px;background:white}sd-card .sd-card.sd-card--bordered{border:1px solid #e1e1e1}";const c=class{constructor(r){d(this,r)}bordered=true;class="";render(){return r(e,{key:"bb5d75c00c43e981de3df9497d03510baf547b10"},r("div",{key:"7b9724fd95fef0e4c374b6f3d8ba0586abed5045",class:`sd-card ${this.bordered?"sd-card--bordered":""} ${this.class}`},r("slot",{key:"047683541469ee0490e296813cb7e303127ad200"})))}};c.style=s;export{c as sd_card};
2	+ //# sourceMappingURL=p-d1aa75e7.entry.js.map

package/dist/design-system/p-e061c4f8.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as e,c as t,a as s,h as i,H as l}from"./p-B2T3tS5r.js";import{B as o,S as r}from"./p-C2JaR3A6.js";const c=".sd-select-multiple__dropdown{overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.sd-select-multiple__dropdown::-webkit-scrollbar{opacity:0;background:#e5e5e5}.sd-select-multiple__dropdown::-webkit-scrollbar:horizontal{height:8px}.sd-select-multiple__dropdown::-webkit-scrollbar:vertical{width:8px}.sd-select-multiple__dropdown::-webkit-scrollbar-thumb{height:80px;background-color:#cccccc;border-radius:4px}.sd-select-multiple__dropdown::-webkit-scrollbar-track{background-color:transparent}:host{display:inline-block;height:fit-content;position:relative}.sd-select-multiple{display:flex;flex-wrap:nowrap;width:var(--select-width, 200px);height:28px;cursor:pointer;user-select:none;border:1px solid #aaaaaa;border-radius:4px;background-color:white}.sd-select-multiple:hover:not(.sd-select-multiple--disabled){background:#f6f6f6}.sd-select-multiple.sd-select-multiple--disabled{cursor:not-allowed;background-color:#eeeeee;border-color:#cccccc}.sd-select-multiple.sd-select-multiple--disabled .sd-select-multiple__label{border-right:1px solid #cccccc}.sd-select-multiple.sd-select-multiple--disabled .sd-select-multiple__trigger{color:#888888}.sd-select-multiple.sd-select-multiple--disabled .sd-select-multiple__trigger:focus,.sd-select-multiple.sd-select-multiple--disabled .sd-select-multiple__trigger:focus-visible,.sd-select-multiple.sd-select-multiple--disabled .sd-select-multiple__trigger:focus-within{outline:none !important}.sd-select-multiple__label{font-size:12px;font-weight:500;color:#333333;padding:4px 12px;border-right:1px solid #cccccc;border-radius:4px 0 0 4px;background-color:#f6f6f6}.sd-select-multiple__container{position:relative;width:100%;display:flex}.sd-select-multiple__container .sd-select-multiple__trigger{padding:4px 20px 4px 12px;display:flex;width:100%;align-items:center}.sd-select-multiple__container .sd-select-multiple__trigger .sd-select-multiple__value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:20px;font-size:12px;font-weight:400}.sd-select-multiple__container .sd-select-multiple__trigger .sd-select-multiple__clear{margin:0 4px;width:8px;height:8px;background-color:transparent;outline:none;border:none}.sd-select-multiple__container .sd-select-multiple__arrow{position:absolute;top:8px;right:8px;width:12px;height:12px;color:#888888;transition:transform 0.3s ease}.sd-select-multiple__container .sd-select-multiple__arrow--open{transform:rotate(180deg)}.sd-select-multiple__dropdown{width:var(--select-dropdown-width, 200px);max-height:var(--select-dropdown-height, 260px);padding-bottom:2px;background-color:white;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.1);border-radius:4px;overflow-y:auto;color:#333333}.sd-select-multiple__dropdown .sd-select-multiple__search-container{position:sticky;top:0;display:flex;width:100%;background-color:white;align-items:center;padding:4px 8px;z-index:1}.sd-select-multiple__dropdown .sd-select-multiple__search-container--scrolled{box-shadow:2px 2px 8px 2px rgba(0, 0, 0, 0.2)}.sd-select-multiple__dropdown .sd-select-multiple__option-placeholder{padding:4px 12px;font-size:12px;line-height:20px;text-align:left}";const n=class extends o{constructor(s){super();e(this,s);this.sdChange=t(this,"sdChange");this.dropDownShow=t(this,"dropDownShow")}get el(){return s(this)}value=null;label="";options=[];placeholder="선택";optionPlaceholder="옵션이 없습니다.";width="200px";dropdownHeight="260px";disabled=false;clearable=false;searchable=false;useCheckbox=false;optionRenderer;filteredOptions=this.options;isOpen=false;searchText=null;itemIndex=-1;isScrolled=false;sdChange;dropDownShow;selectRef;searchRef;optionRef;dropdownRef;valueChanged(){this.sdChange?.emit(this.value)}optionsChanged(){this.filteredOptions=this.options;this.filterOptions()}searchTextChanged(){this.filterOptions()}async itemIndexChanged(e,t){if(this.searchable){const e=await this.getNativeInputElement();if(this.itemIndex===-1){e?.focus();return}else if(e?.matches(":focus")){e?.blur()}}const s=Array.from(this.dropdownRef?.querySelectorAll(".sd-select-multiple__dropdown sd-select-option")\|\|[]);const i=s?.[this.itemIndex];if(!i\|\|!this.isOpen)return;this.optionRef=i;const l=await this.optionRef.isDisabled();if(l){e>t?this.itemIndex++:this.itemIndex--;return}this.scrollToOption(i)}async isOpenChanged(){this.onDropdownToggle(this.isOpen);const e=this.getSelectedOption();if(!e){this.itemIndex=-1}else{this.itemIndex=this.options.indexOf(e[0])}this.dropDownShow?.emit({isOpen:this.isOpen});if(this.isOpen===false)return;await new Promise((e=>setTimeout(e,10)));const t=Array.from(this.dropdownRef?.querySelectorAll(".sd-select-multiple__dropdown sd-select-item")\|\|[]);const s=t?.[this.itemIndex];if(this.searchable){const e=await this.getNativeInputElement();e?.focus()}if(!s)return;await new Promise((e=>setTimeout(e,10)));this.scrollToOption(s)}connectedCallback(){this.filteredOptions=this.options;this.initializeEvent()}disconnectedCallback(){this.cleanupEvent()}handleDocumentClick(e){if(!this.selectRef?.contains(e.target)){this.isOpen=false}}handleDocumentKeydown(e){e.stopPropagation();const t=["ArrowDown","ArrowUp","Enter","Escape"];if(!t.includes(e.key))return;e.preventDefault();switch(e.key){case"ArrowDown":case"ArrowUp":const t=new r(this.searchable,this.filteredOptions);const s=t.getNextIndex(this.itemIndex,e.key);this.itemIndex=s;break;case"Enter":const i=this.filteredOptions[this.itemIndex];if(i&&!i.disabled){this.handleOptionSelection(i)}break;case"Escape":this.isOpen=false;break}}handleTriggerClick=e=>{e.stopPropagation();if(!this.disabled){this.isOpen=!this.isOpen;this.dropDownShow?.emit({isOpen:this.isOpen})}};handleOptionClick=e=>{const{option:t,event:s}=e;s.stopPropagation();this.handleOptionSelection(t)};filterOptions(){if(!this.searchText\|\|this.searchText.trim()===""){this.filteredOptions=this.options}else{this.filteredOptions=this.options.filter((e=>e.label.toLowerCase().includes(this.searchText.toLowerCase())))}}getSelectedOption(){return this.options.filter((e=>this.value?.includes(e)))}handleDropdownScroll=e=>{const t=e.target;const s=t.scrollTop;this.isScrolled=s>0};async getNativeInputElement(){if(this.searchRef){return this.searchRef.getNativeElement()}return null}handleOptionSelection=e=>{if(!e\|\|e.disabled)return;const t=this.value?.some((t=>t.value===e.value));if(t){this.value=this.value?.filter((t=>t.value!==e.value))\|\|null}else{this.value=[...this.value\|\|[],e]}};closeDropdown(){this.isOpen=false}scrollToOption(e){if(!this.dropdownRef\|\|!e)return;const t=this.dropdownRef;const s=e.offsetTop;const i=e.offsetHeight;const l=t.scrollTop;const o=t.clientHeight;const r=t.querySelector(".sd-select__search-container");const c=r?r.offsetHeight:0;const n=l+c;const d=l+o;if(s<n){t.scrollTop=s-c}else if(s+i>d){t.scrollTop=s+i-o+c}}render(){const e={"--select-width":this.width\|\|"200px","--select-dropdown-height":this.dropdownHeight\|\|"260px"};return i(l,{key:"8a237d4dc7f743a7685b440cd654d51629765a20",style:e},i("div",{key:"c1240092508fbb9e9b638803171847b174da9062",class:{"sd-select-multiple":true,"sd-select-multiple--open":this.isOpen,"sd-select-multiple--disabled":this.disabled},ref:e=>this.selectRef=e},this.renderLabel(this.label),i("div",{key:"b99913866f316d7eacffd9e0e71fd58baac05c34",class:"sd-select-multiple__container"},this.renderTrigger(),this.renderDropdown())))}renderLabel(e){if(!e)return null;return i("label",{class:"sd-select-multiple__label"},e)}renderTrigger(){const e=this.getSelectedOption();return i("div",{class:"sd-select-multiple__trigger",tabindex:this.disabled?-1:0,onClick:this.handleTriggerClick},i("span",{class:"sd-select-multiple__value"},!e?"선택":e.length?e.map((e=>e.label)).join(", "):this.placeholder),this.clearable&&e?.length>0&&!this.disabled&&i("sd-icon",{key:"close-icon",name:"close",size:10,color:"#888",class:"sd-select-multiple__clear",onClick:e=>{e.stopPropagation();this.value=null}}),i("sd-icon",{key:"arrow-icon",name:"arrowDown",color:"#888",class:{"sd-select-multiple__arrow":true,"sd-select-multiple__arrow--open":this.isOpen}}))}renderDropdown(){if(this.isOpen===false)return null;return i("sd-portal",{open:this.isOpen,parentRef:this.selectRef,onSdClose:this.closeDropdown},i("div",{class:"sd-select-multiple__dropdown",onScroll:this.handleDropdownScroll,ref:e=>this.dropdownRef=e},this.searchable&&i("div",{class:{"sd-select-multiple__search-container":true,"sd-select-multiple__search-container--scrolled":this.isScrolled},onClick:e=>e.stopPropagation()},i("sd-input",{ref:e=>this.searchRef=e,value:this.searchText,placeholder:"검색",clearable:true,inputStyle:{"padding-left":"8px"},autofocus:true,onSdInput:e=>{this.searchText=String(e?.detail)},onSdFocus:()=>{this.itemIndex=-1}},i("sd-icon",{name:"search",size:16,color:"#737373",style:{marginRight:"4px"},slot:"prefix"}))),this.filteredOptions.length>0?this.filteredOptions.map(((e,t)=>i("slot",{name:`option-${e.value}`},i("sd-select-option",{option:e,index:t,isSelected:this.value?.some((t=>t.value===e.value)),isFocused:t===this.itemIndex,onOptionClick:({detail:e})=>this.handleOptionClick(e),useCheckbox:this.useCheckbox})))):i("slot",{name:"option-placeholder"},i("div",{class:"sd-select-multiple__option-placeholder"},this.optionPlaceholder))))}static get watchers(){return{value:["valueChanged"],options:["optionsChanged"],searchText:["searchTextChanged"],itemIndex:["itemIndexChanged"],isOpen:["isOpenChanged"]}}};n.style=c;export{n as sd_select_multiple};
2	+ //# sourceMappingURL=p-e061c4f8.entry.js.map

package/dist/design-system/p-e061c4f8.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["registerInstance","createEvent","getElement","h","Host","BaseDropdownEvent","SelectKeyboardNavigation","sdSelectMultipleCss","SdSelectMultiple","constructor","hostRef","super","this","sdChange","dropDownShow","el","value","label","options","placeholder","optionPlaceholder","width","dropdownHeight","disabled","clearable","searchable","useCheckbox","optionRenderer","filteredOptions","isOpen","searchText","itemIndex","isScrolled","selectRef","searchRef","optionRef","dropdownRef","valueChanged","emit","optionsChanged","filterOptions","searchTextChanged","itemIndexChanged","newIndex","oldIndex","searchInput","getNativeInputElement","focus","matches","blur","optionElements","Array","from","querySelectorAll","currentItem","isOptionDisabled","isDisabled","scrollToOption","isOpenChanged","onDropdownToggle","selectedOption","getSelectedOption","indexOf","Promise","resolve","setTimeout","connectedCallback","initializeEvent","disconnectedCallback","cleanupEvent","handleDocumentClick","event","contains","target","handleDocumentKeydown","keyboardEvent","stopPropagation","targetKey","includes","key","preventDefault","keyboardNavigation","nextIndex","getNextIndex","handleOptionSelection","handleTriggerClick","handleOptionClick","detail","option","trim","filter","toLowerCase","handleDropdownScroll","scrollTop","getNativeElement","isAlreadySelected","some","opt","closeDropdown","optionElement","dropdown","optionTop","offsetTop","optionHeight","offsetHeight","dropdownScrollTop","clientHeight","searchContainer","querySelector","searchOffset","visibleTop","visibleBottom","render","style","class","ref","renderLabel","renderTrigger","renderDropdown","tabindex","onClick","length","map","join","name","size","color","open","parentRef","onSdClose","onScroll","inputStyle","autofocus","onSdInput","String","onSdFocus","marginRight","slot","index","isSelected","selected","isFocused","onOptionClick","watchers"],"sources":["0"],"mappings":"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","ignoreList":[]}

package/dist/design-system/{p-c4f5ed94.entry.js → p-e25d96e4.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as e,c as t,a as s,h as a,F as i,H as r}from"./p-CqOU6L62.js";import{u as d,t as n}from"./p-QZbqqKSO.js";const c=(e,t)=>{const[s,a,i]=e.split("-").map(Number);const r=new Date(s,a-1,i);r.setDate(r.getDate()+t);const d=r.getFullYear();const n=String(r.getMonth()+1).padStart(2,"0");const c=String(r.getDate()).padStart(2,"0");return`${d}-${n}-${c}`};const h=".sd-date-range-picker.sc-sd-date-range-picker-h{width:210px;display:inline-block}.sd-date-range-picker__menu.sc-sd-date-range-picker{width:609px;box-sizing:border-box;border-radius:8px;padding:24px 19px;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.2);background:white}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__header.sc-sd-date-range-picker{margin-bottom:16px;display:flex;flex-flow:row nowrap;align-items:center;justify-content:center}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__header.sc-sd-date-range-picker .header-label.sc-sd-date-range-picker{margin:0 12px;width:40px;text-align:center;font-size:14px;line-height:24px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker{display:flex;flex-flow:row nowrap;align-items:stretch;gap:19px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker{width:266px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-header.sc-sd-date-range-picker{width:100%;height:24px;line-height:24px;font-size:14px;text-align:center;position:relative;padding:0 5px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-header.sc-sd-date-range-picker button.sc-sd-date-range-picker{position:absolute;top:50%;transform:translateY(-50%)}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-header.sc-sd-date-range-picker button.header-button-prev.sc-sd-date-range-picker{left:5px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-header.sc-sd-date-range-picker button.header-button-next.sc-sd-date-range-picker{right:5px;left:auto}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-days.sc-sd-date-range-picker{padding:0 5px;margin-top:8px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr));column-gap:10px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-days.sc-sd-date-range-picker .day.sc-sd-date-range-picker{width:28px;height:20px;font-size:12px;line-height:20px;text-align:center;color:#888888}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-body.sc-sd-date-range-picker{margin-top:12px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr))}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .separator.sc-sd-date-range-picker{width:1px;background-color:#d8d8d8}";const p=class{constructor(s){e(this,s);this.sdChange=t(this,"sdChange")}get el(){return s(this)}date=["",""];label;selectable;maxRange;disabled=false;isOpen=false;dateRange=this.date;hoverDate="";prevYear=Number(this.dateRange[0].split("-")[0]);prevMonth=Number(this.dateRange[0].split("-")[1]);sdChange;inputEl;dateUtil=d();tempDateRange=["",""];componentWillLoad(){this.resetCalendarByDateRange()}resetCalendarByDateRange(){this.dateRange=this.date;const e=this.dateRange[0]||n;const t=this.dateRange[1]||e;const[s,a]=e.split("-").map(Number);const[i,r]=n.split("-").map(Number);if(t<=n){this.prevYear=s;this.prevMonth=a}else if(e<n&&t>n){this.prevYear=i;this.prevMonth=r}else{this.prevYear=s;this.prevMonth=a}}openMenu(){if(this.disabled)return;this.tempDateRange=[...this.dateRange];this.resetCalendarByDateRange();this.isOpen=true}get nextYear(){return this.prevMonth+1===13?this.prevYear+1:this.prevYear}get nextMonth(){return this.prevMonth+1===13?1:this.prevMonth+1}get prevCalendar(){return this.dateUtil.createCalendar(this.prevYear,this.prevMonth)}get nextCalendar(){return this.dateUtil.createCalendar(this.nextYear,this.nextMonth)}getDateBoxType(e){if(e===this.dateRange[0])return this.dateRange[1]?"start":this.hoverDate<this.dateRange[0]?"end":"start";if(e===this.dateRange[1])return"end";return""}isDisabledDate(e){if(this.maxRange&&this.dateRange[0]&&!this.dateRange[1]){const t=c(this.dateRange[0],-this.maxRange);const s=c(this.dateRange[0],this.maxRange);return!(t<=e&&e<=s)}if(!this.selectable||!this.selectable[0]||!this.selectable[1]){return false}return!(e>=this.selectable[0]&&e<=this.selectable[1])}isDateInRange(e){if(this.dateRange[0]&&this.dateRange[1]){return e>=this.dateRange[0]&&e<=this.dateRange[1]}if(!this.hoverDate||!this.dateRange[0]||this.dateRange[1]){return false}const[t,s]=this.dateRange[0]<=this.hoverDate?[this.dateRange[0],this.hoverDate]:[this.hoverDate,this.dateRange[0]];return e>=t&&e<=s}setPrevYear(e){this.prevYear=e}setPrevMonth(e){this.prevMonth=e}updateYearMonth(e){const{newYear:t,newMonth:s}=this.dateUtil.calculateYearMonth(this.prevYear,this.prevMonth,e);this.setPrevYear(t);this.setPrevMonth(s)}setHoverDate(e){this.hoverDate=e}setDateRange(e){this.dateRange=e}handleDateClick(e,t){this.setHoverDate("");const s=e==="prev"?this.dateUtil.formatDate(this.prevYear,this.prevMonth,t):this.dateUtil.formatDate(this.nextYear,this.nextMonth,t);if(!this.dateRange[0]||!!this.dateRange[1]||s<this.dateRange[0]){this.setDateRange([s,""]);return}const a=[this.dateRange[0],s];this.setDateRange(a);this.sdChange.emit?.(a)}handleDateHover(e,t){const s=e==="prev"?this.dateUtil.formatDate(this.prevYear,this.prevMonth,t):this.dateUtil.formatDate(this.nextYear,this.nextMonth,t);this.setHoverDate(s)}handleClose=()=>{if(!this.dateRange[0]||!this.dateRange[1]){this.dateRange=[...this.tempDateRange]}this.isOpen=false};render(){return a(r,{key:"7b5927d900306fe0dd51931ccc606f8cc4799298",class:"sd-date-range-picker"},a("sd-input",{key:"a88ecd162f6bf66d6a81b008d990741c85836702",ref:e=>this.inputEl=e,value:`${this.dateRange[0]} ~ ${this.dateRange[1]}`,label:this.label,"inside-label":true,readonly:true,disabled:this.disabled,inputClass:"text-center",inputStyle:{margin:"0 0 0 8px"},onClick:()=>this.openMenu()},a("sd-icon",{key:"22dd8cf3231fd7409cf37474c839d08230daaf0d",slot:"prefix",name:"date",size:"16",color:"#737373",class:"date-icon",onClick:()=>this.openMenu()})),this.isOpen&&a("sd-portal",{key:"a5067d11416437d885a42745e95f614c8b85030d",open:this.isOpen,parentRef:this.inputEl,onSdClose:this.handleClose},a("div",{key:"c4478289503f76363051fec4ea48eab63400da24",class:"sd-date-range-picker__menu"},a("div",{key:"5aa461caf52b0cbcab7e9390b50988c410cac7cb",class:"sd-date-range-picker__header mb-16pxr flex flex-nowrap items-center justify-center"},a("button",{key:"9ee59b3d4d08ab1bb22f1ca9a99b658d25163f2b",type:"button",name:"prev",title:"Previous",onClick:()=>this.setPrevYear(this.prevYear-1)},a("sd-icon",{key:"7478ca20ece1d0720c93ab809408af069c3a51e6",name:"arrowLeft",size:"12",color:"#CCCCCC"})),a("div",{key:"221890339d4c692250a5c204c8ebffd7fff86f12",class:"header-label"},this.prevYear),a("button",{key:"ccc70fdb3fe6a50460d8156590927edeed0f2eba",type:"button",name:"next",title:"Next",onClick:()=>this.setPrevYear(this.prevYear+1)},a("sd-icon",{key:"e70523f34340c4948d014d861c5be107385e7181",name:"arrowRight",size:"12",color:"#CCCCCC"}))),a("div",{key:"ab67de7e6bcc992486bf030b5c648a22265ed411",class:"sd-date-range-picker__body"},[this.prevCalendar,this.nextCalendar].map(((e,t)=>a(i,null,t===1&&a("div",{class:"separator"}),a("div",{key:t,class:"calendar-container"},a("div",{class:"calendar-header"},a("button",{type:"button",name:"month",title:"Month",class:t===0?"header-button-prev":"header-button-next",onClick:()=>this.updateYearMonth(t===0?"prev":"next")},a("sd-icon",{name:t===0?"arrowLeft":"arrowRight",size:"12",color:"#CCCCCC"})),t===0?`${this.prevYear}.${String(this.prevMonth).padStart(2,"0")}`:`${this.nextYear}.${String(this.nextMonth).padStart(2,"0")}`),a("div",{class:"calendar-days"},["일","월","화","수","목","금","토"].map((e=>a("sd-date-box",{key:e,date:e,disabled:true,class:"day"})))),a("div",{class:"calendar-body mt-12pxr grid grid-cols-7 gap-y-8pxr"},[...e.prevMonthDays,...e.days,...e.afterMonthDays].map(((e,s)=>a("sd-date-box",{key:`prev${e}_${s}`,date:!e?"":Number(e),selected:this.dateRange.some((s=>s===this.dateUtil.formatDate(t===0?this.prevYear:this.nextYear,t===0?this.prevMonth:this.nextMonth,Number(e)))),type:this.getDateBoxType(this.dateUtil.formatDate(t===0?this.prevYear:this.nextYear,t===0?this.prevMonth:this.nextMonth,Number(e))),isToday:n===this.dateUtil.formatDate(t===0?this.prevYear:this.nextYear,t===0?this.prevMonth:this.nextMonth,Number(e)),disabled:!e?true:this.isDisabledDate(this.dateUtil.formatDate(t===0?this.prevYear:this.nextYear,t===0?this.prevMonth:this.nextMonth,Number(e))),inRange:this.isDateInRange(this.dateUtil.formatDate(t===0?this.prevYear:this.nextYear,t===0?this.prevMonth:this.nextMonth,Number(e))),onClick:()=>this.handleDateClick(t===0?"prev":"next",Number(e)),onMouseOver:()=>this.handleDateHover(t===0?"prev":"next",Number(e))}))))))))))))}};p.style=h;export{p as sd_date_range_picker};
-//# sourceMappingURL=p-c4f5ed94.entry.js.map
+import{r as e,c as t,a as s,h as a,F as i,H as r}from"./p-B2T3tS5r.js";import{u as d,t as n}from"./p-QZbqqKSO.js";const c=(e,t)=>{const[s,a,i]=e.split("-").map(Number);const r=new Date(s,a-1,i);r.setDate(r.getDate()+t);const d=r.getFullYear();const n=String(r.getMonth()+1).padStart(2,"0");const c=String(r.getDate()).padStart(2,"0");return`${d}-${n}-${c}`};const h=".sd-date-range-picker.sc-sd-date-range-picker-h{width:210px;display:inline-block}.sd-date-range-picker__menu.sc-sd-date-range-picker{width:609px;box-sizing:border-box;border-radius:8px;padding:24px 19px;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.2);background:white}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__header.sc-sd-date-range-picker{margin-bottom:16px;display:flex;flex-flow:row nowrap;align-items:center;justify-content:center}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__header.sc-sd-date-range-picker .header-label.sc-sd-date-range-picker{margin:0 12px;width:40px;text-align:center;font-size:14px;line-height:24px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker{display:flex;flex-flow:row nowrap;align-items:stretch;gap:19px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker{width:266px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-header.sc-sd-date-range-picker{width:100%;height:24px;line-height:24px;font-size:14px;text-align:center;position:relative;padding:0 5px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-header.sc-sd-date-range-picker button.sc-sd-date-range-picker{position:absolute;top:50%;transform:translateY(-50%)}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-header.sc-sd-date-range-picker button.header-button-prev.sc-sd-date-range-picker{left:5px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-header.sc-sd-date-range-picker button.header-button-next.sc-sd-date-range-picker{right:5px;left:auto}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-days.sc-sd-date-range-picker{padding:0 5px;margin-top:8px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr));column-gap:10px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-days.sc-sd-date-range-picker .day.sc-sd-date-range-picker{width:28px;height:20px;font-size:12px;line-height:20px;text-align:center;color:#888888}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-body.sc-sd-date-range-picker{margin-top:12px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr))}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .separator.sc-sd-date-range-picker{width:1px;background-color:#d8d8d8}";const p=class{constructor(s){e(this,s);this.sdChange=t(this,"sdChange")}get el(){return s(this)}date=["",""];label;selectable;maxRange;disabled=false;isOpen=false;dateRange=this.date;hoverDate="";prevYear=Number(this.dateRange[0].split("-")[0]);prevMonth=Number(this.dateRange[0].split("-")[1]);sdChange;inputEl;dateUtil=d();tempDateRange=["",""];componentWillLoad(){this.resetCalendarByDateRange()}resetCalendarByDateRange(){this.dateRange=this.date;const e=this.dateRange[0]||n;const t=this.dateRange[1]||e;const[s,a]=e.split("-").map(Number);const[i,r]=n.split("-").map(Number);if(t<=n){this.prevYear=s;this.prevMonth=a}else if(e<n&&t>n){this.prevYear=i;this.prevMonth=r}else{this.prevYear=s;this.prevMonth=a}}openMenu(){if(this.disabled)return;this.tempDateRange=[...this.dateRange];this.resetCalendarByDateRange();this.isOpen=true}get nextYear(){return this.prevMonth+1===13?this.prevYear+1:this.prevYear}get nextMonth(){return this.prevMonth+1===13?1:this.prevMonth+1}get prevCalendar(){return this.dateUtil.createCalendar(this.prevYear,this.prevMonth)}get nextCalendar(){return this.dateUtil.createCalendar(this.nextYear,this.nextMonth)}getDateBoxType(e){if(e===this.dateRange[0])return this.dateRange[1]?"start":this.hoverDate<this.dateRange[0]?"end":"start";if(e===this.dateRange[1])return"end";return""}isDisabledDate(e){if(this.maxRange&&this.dateRange[0]&&!this.dateRange[1]){const t=c(this.dateRange[0],-this.maxRange);const s=c(this.dateRange[0],this.maxRange);return!(t<=e&&e<=s)}if(!this.selectable||!this.selectable[0]||!this.selectable[1]){return false}return!(e>=this.selectable[0]&&e<=this.selectable[1])}isDateInRange(e){if(this.dateRange[0]&&this.dateRange[1]){return e>=this.dateRange[0]&&e<=this.dateRange[1]}if(!this.hoverDate||!this.dateRange[0]||this.dateRange[1]){return false}const[t,s]=this.dateRange[0]<=this.hoverDate?[this.dateRange[0],this.hoverDate]:[this.hoverDate,this.dateRange[0]];return e>=t&&e<=s}setPrevYear(e){this.prevYear=e}setPrevMonth(e){this.prevMonth=e}updateYearMonth(e){const{newYear:t,newMonth:s}=this.dateUtil.calculateYearMonth(this.prevYear,this.prevMonth,e);this.setPrevYear(t);this.setPrevMonth(s)}setHoverDate(e){this.hoverDate=e}setDateRange(e){this.dateRange=e}handleDateClick(e,t){this.setHoverDate("");const s=e==="prev"?this.dateUtil.formatDate(this.prevYear,this.prevMonth,t):this.dateUtil.formatDate(this.nextYear,this.nextMonth,t);if(!this.dateRange[0]||!!this.dateRange[1]||s<this.dateRange[0]){this.setDateRange([s,""]);return}const a=[this.dateRange[0],s];this.setDateRange(a);this.sdChange.emit?.(a)}handleDateHover(e,t){const s=e==="prev"?this.dateUtil.formatDate(this.prevYear,this.prevMonth,t):this.dateUtil.formatDate(this.nextYear,this.nextMonth,t);this.setHoverDate(s)}handleClose=()=>{if(!this.dateRange[0]||!this.dateRange[1]){this.dateRange=[...this.tempDateRange]}this.isOpen=false};render(){return a(r,{key:"3d95128a2a654e38ceae60e6b89482a454488286",class:"sd-date-range-picker"},a("sd-input",{key:"4f170abfe6214ffa1044020b2cd59a9219f3ef09",ref:e=>this.inputEl=e,value:`${this.dateRange[0]} ~ ${this.dateRange[1]}`,label:this.label,"inside-label":true,readonly:true,disabled:this.disabled,inputClass:"text-center",inputStyle:{margin:"0 0 0 8px"},onClick:()=>this.openMenu()},a("sd-icon",{key:"7c12c7e3331638f333efdea4bcd3d452eb032561",slot:"prefix",name:"date",size:"16",color:"#737373",class:"date-icon",onClick:()=>this.openMenu()})),this.isOpen&&a("sd-portal",{key:"7312ab4a79877de6d6be3edaa404e0b9c52e28d8",open:this.isOpen,parentRef:this.inputEl,onSdClose:this.handleClose},a("div",{key:"20a485d128de2b2d0a8043cb5fe0de990364bbd8",class:"sd-date-range-picker__menu"},a("div",{key:"19a0489246b5dccc183f3d3a040086a6a2c565f3",class:"sd-date-range-picker__header mb-16pxr flex flex-nowrap items-center justify-center"},a("button",{key:"1f9c5f1188234e2306c033e8e67f9a106b3b39bc",type:"button",name:"prev",title:"Previous",onClick:()=>this.setPrevYear(this.prevYear-1)},a("sd-icon",{key:"52805839d2092886fe4f07c9f95a2e948b00c917",name:"arrowLeft",size:"12",color:"#CCCCCC"})),a("div",{key:"e9f323504223ccfbc4b5703346a310e58d1621c3",class:"header-label"},this.prevYear),a("button",{key:"810c6fb9eaa16291550455ac1099c15da7b80ed6",type:"button",name:"next",title:"Next",onClick:()=>this.setPrevYear(this.prevYear+1)},a("sd-icon",{key:"44cf361ed854292f90c954522c356e17d5a45d29",name:"arrowRight",size:"12",color:"#CCCCCC"}))),a("div",{key:"4cc859482a2c010261b64b8ce15f5c754a2234fd",class:"sd-date-range-picker__body"},[this.prevCalendar,this.nextCalendar].map(((e,t)=>a(i,null,t===1&&a("div",{class:"separator"}),a("div",{key:t,class:"calendar-container"},a("div",{class:"calendar-header"},a("button",{type:"button",name:"month",title:"Month",class:t===0?"header-button-prev":"header-button-next",onClick:()=>this.updateYearMonth(t===0?"prev":"next")},a("sd-icon",{name:t===0?"arrowLeft":"arrowRight",size:"12",color:"#CCCCCC"})),t===0?`${this.prevYear}.${String(this.prevMonth).padStart(2,"0")}`:`${this.nextYear}.${String(this.nextMonth).padStart(2,"0")}`),a("div",{class:"calendar-days"},["일","월","화","수","목","금","토"].map((e=>a("sd-date-box",{key:e,date:e,disabled:true,class:"day"})))),a("div",{class:"calendar-body mt-12pxr grid grid-cols-7 gap-y-8pxr"},[...e.prevMonthDays,...e.days,...e.afterMonthDays].map(((e,s)=>a("sd-date-box",{key:`prev${e}_${s}`,date:!e?"":Number(e),selected:this.dateRange.some((s=>s===this.dateUtil.formatDate(t===0?this.prevYear:this.nextYear,t===0?this.prevMonth:this.nextMonth,Number(e)))),type:this.getDateBoxType(this.dateUtil.formatDate(t===0?this.prevYear:this.nextYear,t===0?this.prevMonth:this.nextMonth,Number(e))),isToday:n===this.dateUtil.formatDate(t===0?this.prevYear:this.nextYear,t===0?this.prevMonth:this.nextMonth,Number(e)),disabled:!e?true:this.isDisabledDate(this.dateUtil.formatDate(t===0?this.prevYear:this.nextYear,t===0?this.prevMonth:this.nextMonth,Number(e))),inRange:this.isDateInRange(this.dateUtil.formatDate(t===0?this.prevYear:this.nextYear,t===0?this.prevMonth:this.nextMonth,Number(e))),onClick:()=>this.handleDateClick(t===0?"prev":"next",Number(e)),onMouseOver:()=>this.handleDateHover(t===0?"prev":"next",Number(e))}))))))))))))}};p.style=h;export{p as sd_date_range_picker};
+//# sourceMappingURL=p-e25d96e4.entry.js.map

package/dist/design-system/sd-badge.entry.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"sd-badge.entry.esm.js","sources":["src/components/sd-badge/sd-badge.scss?tag=sd-badge&encapsulation=scoped","src/components/sd-badge/sd-badge.tsx"],"sourcesContent":["@import 'variables';\r\n\r\n.sd-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n .sd-badge__dot {\r\n background: var(--sd-badge-color, $brilliantblue_75);\r\n }\r\n .sd-badge__label {\r\n margin-left: 8px;\r\n font-size: 12px;\r\n font-weight: 500;\r\n line-height: 20px;\r\n color: $grey_90;\r\n }\r\n\r\n &--sm {\r\n .sd-badge__dot {\r\n width: 4px;\r\n height: 4px;\r\n min-width: 4px;\r\n min-height: 4px;\r\n border-radius: 2px;\r\n }\r\n }\r\n\r\n &--md {\r\n .sd-badge__dot {\r\n width: 8px;\r\n height: 8px;\r\n min-width: 8px;\r\n min-height: 8px;\r\n border-radius: 4px;\r\n }\r\n }\r\n}\r\n","import { Component, Host, Prop, h } from '@stencil/core';\r\nimport { resolveColor } from '../../utils/color';\r\n\r\n@Component({\r\n tag: 'sd-badge',\r\n styleUrl: 'sd-badge.scss',\r\n scoped: true,\r\n})\r\nexport class SdBadge {\r\n @Prop() size: 'sm' \| 'md' = 'md';\r\n @Prop() color: string = 'brilliantblue_75';\r\n @Prop() label: string = '';\r\n\r\n render() {\r\n const resolvedColor = resolveColor(this.color);\r\n\r\n return (\r\n <Host>\r\n <div class={`sd-badge sd-badge--${this.size}`} style={{ '--sd-badge-color': resolvedColor }}>\r\n <div class=\"sd-badge__dot\"></div>\r\n <div class=\"sd-badge__label\">{this.label}</div>\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"],"names":[],"mappings":"~~;;;;~~AAAA,MAAM,UAAU,GAAG,oiBAAoiB;;MCQ1iB,OAAO,GAAA,MAAA;;;;IACX,IAAI,GAAgB,IAAI;IACxB,KAAK,GAAW,kBAAkB;IAClC,KAAK,GAAW,EAAE;IAE1B,MAAM,GAAA;QACL,MAAM,aAAa,GAAG,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC;AAE9C,QAAA,QACC,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACJ,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,CAAA,mBAAA,EAAsB,IAAI,CAAC,IAAI,CAAE,CAAA,EAAE,KAAK,EAAE,EAAE,kBAAkB,EAAE,aAAa,EAAE,EAAA,EAC1F,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,eAAe,EAAO,CAAA,EACjC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EAAE,EAAA,IAAI,CAAC,KAAK,CAAO,CAC1C,CACA;;;;;;;"}
1	+ {"version":3,"file":"sd-badge.entry.esm.js","sources":["src/components/sd-badge/sd-badge.scss?tag=sd-badge&encapsulation=scoped","src/components/sd-badge/sd-badge.tsx"],"sourcesContent":["@import 'variables';\r\n\r\n.sd-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n .sd-badge__dot {\r\n background: var(--sd-badge-color, $brilliantblue_75);\r\n }\r\n .sd-badge__label {\r\n margin-left: 8px;\r\n font-size: 12px;\r\n font-weight: 500;\r\n line-height: 20px;\r\n color: $grey_90;\r\n }\r\n\r\n &--sm {\r\n .sd-badge__dot {\r\n width: 4px;\r\n height: 4px;\r\n min-width: 4px;\r\n min-height: 4px;\r\n border-radius: 2px;\r\n }\r\n }\r\n\r\n &--md {\r\n .sd-badge__dot {\r\n width: 8px;\r\n height: 8px;\r\n min-width: 8px;\r\n min-height: 8px;\r\n border-radius: 4px;\r\n }\r\n }\r\n}\r\n","import { Component, Host, Prop, h } from '@stencil/core';\r\nimport { resolveColor } from '../../utils/color';\r\n\r\n@Component({\r\n tag: 'sd-badge',\r\n styleUrl: 'sd-badge.scss',\r\n scoped: true,\r\n})\r\nexport class SdBadge {\r\n @Prop() size: 'sm' \| 'md' = 'md';\r\n @Prop() color: string = 'brilliantblue_75';\r\n @Prop() label: string = '';\r\n\r\n render() {\r\n const resolvedColor = resolveColor(this.color);\r\n\r\n return (\r\n <Host>\r\n <div class={`sd-badge sd-badge--${this.size}`} style={{ '--sd-badge-color': resolvedColor }}>\r\n <div class=\"sd-badge__dot\"></div>\r\n <div class=\"sd-badge__label\">{this.label}</div>\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"],"names":[],"mappings":";;;AAAA,MAAM,UAAU,GAAG,oiBAAoiB;;MCQ1iB,OAAO,GAAA,MAAA;;;;IACX,IAAI,GAAgB,IAAI;IACxB,KAAK,GAAW,kBAAkB;IAClC,KAAK,GAAW,EAAE;IAE1B,MAAM,GAAA;QACL,MAAM,aAAa,GAAG,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC;AAE9C,QAAA,QACC,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACJ,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,CAAA,mBAAA,EAAsB,IAAI,CAAC,IAAI,CAAE,CAAA,EAAE,KAAK,EAAE,EAAE,kBAAkB,EAAE,aAAa,EAAE,EAAA,EAC1F,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,eAAe,EAAO,CAAA,EACjC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EAAE,EAAA,IAAI,CAAC,KAAK,CAAO,CAC1C,CACA;;;;;;;"}