@sellmate/design-system 0.0.22 → 0.0.23

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 (144) hide show
  1. package/dist/cjs/design-system.cjs.js +2 -2
  2. package/dist/cjs/{index-yBawuxc2.js → index-BjPOPvqs.js} +3 -3
  3. package/dist/cjs/index-BjPOPvqs.js.map +1 -0
  4. package/dist/cjs/loader.cjs.js +2 -2
  5. package/dist/cjs/sd-badge.cjs.entry.js +1 -1
  6. package/dist/cjs/sd-button_2.cjs.entry.js +1 -1
  7. package/dist/cjs/sd-card.cjs.entry.js +1 -1
  8. package/dist/cjs/sd-checkbox_9.cjs.entry.js +1 -1
  9. package/dist/cjs/sd-date-box.cjs.entry.js +1 -1
  10. package/dist/cjs/sd-date-picker.cjs.entry.js +1 -1
  11. package/dist/cjs/sd-date-range-picker.cjs.entry.js +1 -1
  12. package/dist/cjs/sd-guide.cjs.entry.js +2 -2
  13. package/dist/cjs/sd-guide.entry.cjs.js.map +1 -1
  14. package/dist/cjs/sd-pagination.sd-tooltip.entry.cjs.js.map +1 -1
  15. package/dist/cjs/sd-pagination_2.cjs.entry.js +19 -5
  16. package/dist/cjs/sd-popover.cjs.entry.js +2 -2
  17. package/dist/cjs/sd-table.cjs.entry.js +2 -2
  18. package/dist/cjs/sd-table.entry.cjs.js.map +1 -1
  19. package/dist/cjs/sd-tag.cjs.entry.js +1 -1
  20. package/dist/cjs/{tooltipArrow-DIgNnFqR.js → tooltipArrow-qwvq153k.js} +3 -3
  21. package/dist/cjs/{tooltipArrow-DIgNnFqR.js.map → tooltipArrow-qwvq153k.js.map} +1 -1
  22. package/dist/collection/components/sd-guide/sd-guide.css +1 -1
  23. package/dist/collection/components/sd-table/sd-table.css +3 -0
  24. package/dist/collection/components/sd-tooltip/sd-tooltip.js +19 -4
  25. package/dist/collection/components/sd-tooltip/sd-tooltip.js.map +1 -1
  26. package/dist/components/index.js +1 -1
  27. package/dist/components/{p-CJPQdgsl.js → p-Bfro0I6y.js} +3 -3
  28. package/dist/components/{p-CJPQdgsl.js.map → p-Bfro0I6y.js.map} +1 -1
  29. package/dist/components/{p-BqFU4TZF.js → p-Bl-wgv-z.js} +4 -4
  30. package/dist/components/{p-BqFU4TZF.js.map → p-Bl-wgv-z.js.map} +1 -1
  31. package/dist/components/{p-B1JaNHEU.js → p-BqIcTSCQ.js} +3 -3
  32. package/dist/components/{p-B1JaNHEU.js.map → p-BqIcTSCQ.js.map} +1 -1
  33. package/dist/components/{p-DgJMXypC.js → p-BvOGkIDI.js} +3 -3
  34. package/dist/components/{p-DgJMXypC.js.map → p-BvOGkIDI.js.map} +1 -1
  35. package/dist/components/{p-B1FrldZv.js → p-CZG8wDBH.js} +4 -4
  36. package/dist/components/{p-B1FrldZv.js.map → p-CZG8wDBH.js.map} +1 -1
  37. package/dist/components/{p-NSQfayTS.js → p-CbTvFUCY.js} +3 -3
  38. package/dist/components/{p-NSQfayTS.js.map → p-CbTvFUCY.js.map} +1 -1
  39. package/dist/components/{p-C4FpZGH9.js → p-Cxrr7vOk.js} +26 -11
  40. package/dist/components/p-Cxrr7vOk.js.map +1 -0
  41. package/dist/components/{p-CpurfR3U.js → p-DNUN6dGL.js} +4 -4
  42. package/dist/components/{p-CpurfR3U.js.map → p-DNUN6dGL.js.map} +1 -1
  43. package/dist/components/{p-CeDsOL5J.js → p-DpiRZxT1.js} +5 -5
  44. package/dist/components/{p-CeDsOL5J.js.map → p-DpiRZxT1.js.map} +1 -1
  45. package/dist/components/{p-B50AuWf2.js → p-DzRr3BEe.js} +3 -3
  46. package/dist/components/p-DzRr3BEe.js.map +1 -0
  47. package/dist/components/{p-C060DxcL.js → p-QBJzxOWs.js} +4 -4
  48. package/dist/components/{p-C060DxcL.js.map → p-QBJzxOWs.js.map} +1 -1
  49. package/dist/components/{p-DyLjYh2a.js → p-aU8C4Pcb.js} +5 -5
  50. package/dist/components/{p-DyLjYh2a.js.map → p-aU8C4Pcb.js.map} +1 -1
  51. package/dist/components/{p-CpMzxF7f.js → p-e74imoE0.js} +3 -3
  52. package/dist/components/{p-CpMzxF7f.js.map → p-e74imoE0.js.map} +1 -1
  53. package/dist/components/{p-C3mJCyWE.js → p-nehvpX7w.js} +3 -3
  54. package/dist/components/{p-C3mJCyWE.js.map → p-nehvpX7w.js.map} +1 -1
  55. package/dist/components/sd-badge.js +1 -1
  56. package/dist/components/sd-button.js +1 -1
  57. package/dist/components/sd-card.js +1 -1
  58. package/dist/components/sd-checkbox.js +1 -1
  59. package/dist/components/sd-date-box.js +1 -1
  60. package/dist/components/sd-date-picker.js +5 -5
  61. package/dist/components/sd-date-range-picker.js +5 -5
  62. package/dist/components/sd-guide.js +5 -5
  63. package/dist/components/sd-guide.js.map +1 -1
  64. package/dist/components/sd-icon.js +1 -1
  65. package/dist/components/sd-input.js +1 -1
  66. package/dist/components/sd-pagination.js +1 -1
  67. package/dist/components/sd-popover.js +5 -5
  68. package/dist/components/sd-portal.js +1 -1
  69. package/dist/components/sd-select-multiple-group.js +7 -7
  70. package/dist/components/sd-select-multiple.js +7 -7
  71. package/dist/components/sd-select-option-group.js +1 -1
  72. package/dist/components/sd-select-option.js +1 -1
  73. package/dist/components/sd-select.js +7 -7
  74. package/dist/components/sd-table.js +8 -8
  75. package/dist/components/sd-table.js.map +1 -1
  76. package/dist/components/sd-tag.js +1 -1
  77. package/dist/components/sd-tooltip-portal.js +1 -1
  78. package/dist/components/sd-tooltip.js +1 -1
  79. package/dist/design-system/design-system.css +1 -1
  80. package/dist/design-system/design-system.esm.js +1 -1
  81. package/dist/design-system/{p-0f32d3ec.entry.js → p-158f9392.entry.js} +2 -2
  82. package/dist/design-system/{p-e905d5a6.entry.js → p-2aef624e.entry.js} +2 -2
  83. package/dist/design-system/p-37042d15.entry.js +2 -0
  84. package/dist/design-system/p-37042d15.entry.js.map +1 -0
  85. package/dist/design-system/{p-f2891898.entry.js → p-691dc436.entry.js} +2 -2
  86. package/dist/design-system/{p-6bec5be5.entry.js → p-949de8eb.entry.js} +2 -2
  87. package/dist/design-system/{p-0afe6d79.entry.js → p-9f5eed30.entry.js} +2 -2
  88. package/dist/design-system/{p-yvhdjV1L.js → p-BUzABVug.js} +2 -2
  89. package/dist/design-system/{p-yvhdjV1L.js.map → p-BUzABVug.js.map} +1 -1
  90. package/dist/design-system/{p-Bknr-FpS.js → p-CqOU6L62.js} +2 -2
  91. package/dist/design-system/p-CqOU6L62.js.map +1 -0
  92. package/dist/design-system/{p-0517f818.entry.js → p-abfa217b.entry.js} +2 -2
  93. package/dist/design-system/{p-0517f818.entry.js.map → p-abfa217b.entry.js.map} +1 -1
  94. package/dist/design-system/p-adee3154.entry.js +2 -0
  95. package/dist/design-system/{p-b13de8da.entry.js.map → p-adee3154.entry.js.map} +1 -1
  96. package/dist/design-system/{p-2d6340d8.entry.js → p-b537f724.entry.js} +2 -2
  97. package/dist/design-system/{p-d69659f8.entry.js → p-bda05b6f.entry.js} +2 -2
  98. package/dist/design-system/{p-46196747.entry.js → p-c4f5ed94.entry.js} +2 -2
  99. package/dist/design-system/{p-3a2b20cd.entry.js → p-f015c024.entry.js} +2 -2
  100. package/dist/design-system/sd-guide.entry.esm.js.map +1 -1
  101. package/dist/design-system/sd-pagination.sd-tooltip.entry.esm.js.map +1 -1
  102. package/dist/design-system/sd-table.entry.esm.js.map +1 -1
  103. package/dist/esm/design-system.js +3 -3
  104. package/dist/esm/{index-Bknr-FpS.js → index-CqOU6L62.js} +3 -3
  105. package/dist/esm/index-CqOU6L62.js.map +1 -0
  106. package/dist/esm/loader.js +3 -3
  107. package/dist/esm/sd-badge.entry.js +1 -1
  108. package/dist/esm/sd-button_2.entry.js +1 -1
  109. package/dist/esm/sd-card.entry.js +1 -1
  110. package/dist/esm/sd-checkbox_9.entry.js +1 -1
  111. package/dist/esm/sd-date-box.entry.js +1 -1
  112. package/dist/esm/sd-date-picker.entry.js +1 -1
  113. package/dist/esm/sd-date-range-picker.entry.js +1 -1
  114. package/dist/esm/sd-guide.entry.js +2 -2
  115. package/dist/esm/sd-guide.entry.js.map +1 -1
  116. package/dist/esm/sd-pagination.sd-tooltip.entry.js.map +1 -1
  117. package/dist/esm/sd-pagination_2.entry.js +19 -5
  118. package/dist/esm/sd-popover.entry.js +2 -2
  119. package/dist/esm/sd-table.entry.js +2 -2
  120. package/dist/esm/sd-table.entry.js.map +1 -1
  121. package/dist/esm/sd-tag.entry.js +1 -1
  122. package/dist/esm/{tooltipArrow-PnNMSQdZ.js → tooltipArrow-hOEWkZyH.js} +3 -3
  123. package/dist/esm/{tooltipArrow-PnNMSQdZ.js.map → tooltipArrow-hOEWkZyH.js.map} +1 -1
  124. package/dist/types/components/sd-tooltip/sd-tooltip.d.ts +2 -0
  125. package/hydrate/index.js +21 -6
  126. package/hydrate/index.mjs +21 -6
  127. package/package.json +2 -2
  128. package/dist/cjs/index-yBawuxc2.js.map +0 -1
  129. package/dist/components/p-B50AuWf2.js.map +0 -1
  130. package/dist/components/p-C4FpZGH9.js.map +0 -1
  131. package/dist/design-system/p-31bd84b6.entry.js +0 -2
  132. package/dist/design-system/p-31bd84b6.entry.js.map +0 -1
  133. package/dist/design-system/p-Bknr-FpS.js.map +0 -1
  134. package/dist/design-system/p-b13de8da.entry.js +0 -2
  135. package/dist/esm/index-Bknr-FpS.js.map +0 -1
  136. /package/dist/design-system/{p-0f32d3ec.entry.js.map → p-158f9392.entry.js.map} +0 -0
  137. /package/dist/design-system/{p-e905d5a6.entry.js.map → p-2aef624e.entry.js.map} +0 -0
  138. /package/dist/design-system/{p-f2891898.entry.js.map → p-691dc436.entry.js.map} +0 -0
  139. /package/dist/design-system/{p-6bec5be5.entry.js.map → p-949de8eb.entry.js.map} +0 -0
  140. /package/dist/design-system/{p-0afe6d79.entry.js.map → p-9f5eed30.entry.js.map} +0 -0
  141. /package/dist/design-system/{p-2d6340d8.entry.js.map → p-b537f724.entry.js.map} +0 -0
  142. /package/dist/design-system/{p-d69659f8.entry.js.map → p-bda05b6f.entry.js.map} +0 -0
  143. /package/dist/design-system/{p-46196747.entry.js.map → p-c4f5ed94.entry.js.map} +0 -0
  144. /package/dist/design-system/{p-3a2b20cd.entry.js.map → p-f015c024.entry.js.map} +0 -0
package/dist/design-system/{p-0517f818.entry.js → p-abfa217b.entry.js} RENAMED
@@ -1,2 +1,2 @@
1
- import{r as e,c as o,a as r,h as t,H as l}from"./p-Bknr-FpS.js";const a='.bg-primary{background-color:var(--color-primary, #051d36)}.bg-secondary{background-color:var(--color-secondary, #555555)}.bg-accent{background-color:var(--color-accent, #9c27b0)}.bg-positive{background-color:var(--color-positive, #0075ff)}.bg-negative{background-color:var(--color-negative, #e30000)}.bg-info{background-color:var(--color-info, #00cd52)}.bg-warning{background-color:var(--color-warning, #f2c037)}.bg-red_99{background-color:var(--color-red_99, #220000)}.bg-red_95{background-color:var(--color-red_95, #440000)}.bg-red_90{background-color:var(--color-red_90, #5E0000)}.bg-red_85{background-color:var(--color-red_85, #820000)}.bg-red_80{background-color:var(--color-red_80, #AD0000)}.bg-red_75{background-color:var(--color-red_75, #E30000)}.bg-red_70{background-color:var(--color-red_70, #FB4444)}.bg-red_60{background-color:var(--color-red_60, #FF7C7C)}.bg-red_45{background-color:var(--color-red_45, #FFB5B5)}.bg-red_30{background-color:var(--color-red_30, #FFD3D3)}.bg-red_20{background-color:var(--color-red_20, #FCE6E6)}.bg-red_15{background-color:var(--color-red_15, #FCEFEF)}.bg-caution_bg{background-color:var(--color-caution_bg, #FEF1F1)}.bg-caution_icon{background-color:var(--color-caution_icon, #fd9595)}.bg-orange_99{background-color:var(--color-orange_99, #2F1100)}.bg-orange_95{background-color:var(--color-orange_95, #4D1B00)}.bg-orange_90{background-color:var(--color-orange_90, #752A00)}.bg-orange_85{background-color:var(--color-orange_85, #9B3700)}.bg-orange_75{background-color:var(--color-orange_75, #CE4900)}.bg-orange_65{background-color:var(--color-orange_65, #FF6B00)}.bg-orange_60{background-color:var(--color-orange_60, #FF7F22)}.bg-orange_55{background-color:var(--color-orange_55, #FFA452)}.bg-orange_45{background-color:var(--color-orange_45, #FFBC81)}.bg-orange_35{background-color:var(--color-orange_35, #FFD5AF)}.bg-orange_20{background-color:var(--color-orange_20, #FFEAD7)}.bg-orange_10{background-color:var(--color-orange_10, #FEF1EA)}.bg-header_alert{background-color:var(--color-header_alert, #FF7A00)}.bg-yellow_95{background-color:var(--color-yellow_95, #322700)}.bg-yellow_90{background-color:var(--color-yellow_90, #453702)}.bg-yellow_80{background-color:var(--color-yellow_80, #6C5602)}.bg-yellow_70{background-color:var(--color-yellow_70, #9C7A00)}.bg-yellow_60{background-color:var(--color-yellow_60, #C49900)}.bg-yellow_50{background-color:var(--color-yellow_50, #EBB800)}.bg-yellow_45{background-color:var(--color-yellow_45, #FFC700)}.bg-yellow_40{background-color:var(--color-yellow_40, #FFD643)}.bg-yellow_30{background-color:var(--color-yellow_30, #FEE17C)}.bg-yellow_25{background-color:var(--color-yellow_25, #FFE99E)}.bg-yellow_20{background-color:var(--color-yellow_20, #FEF1C4)}.bg-yellow_10{background-color:var(--color-yellow_10, #FFF7DD)}.bg-olive_95{background-color:var(--color-olive_95, #2C2C00)}.bg-olive_90{background-color:var(--color-olive_90, #454500)}.bg-olive_80{background-color:var(--color-olive_80, #636300)}.bg-olive_70{background-color:var(--color-olive_70, #838300)}.bg-olive_65{background-color:var(--color-olive_65, #A5A500)}.bg-olive_55{background-color:var(--color-olive_55, #C7C700)}.bg-olive_45{background-color:var(--color-olive_45, #DDDD12)}.bg-olive_30{background-color:var(--color-olive_30, #EEEE37)}.bg-olive_20{background-color:var(--color-olive_20, #F6F65F)}.bg-olive_15{background-color:var(--color-olive_15, #FAFAA1)}.bg-olive_10{background-color:var(--color-olive_10, #FBFBBF)}.bg-olive_05{background-color:var(--color-olive_05, #FEFED9)}.bg-green_99{background-color:var(--color-green_99, #001D0B)}.bg-green_95{background-color:var(--color-green_95, #003013)}.bg-green_90{background-color:var(--color-green_90, #00461C)}.bg-green_85{background-color:var(--color-green_85, #006629)}.bg-green_80{background-color:var(--color-green_80, #007B31)}.bg-green_75{background-color:var(--color-green_75, #00973C)}.bg-green_70{background-color:var(--color-green_70, #12B553)}.bg-green_65{background-color:var(--color-green_65, #2BCE6C)}.bg-green_55{background-color:var(--color-green_55, #6DE39C)}.bg-green_45{background-color:var(--color-green_45, #ACF4C9)}.bg-green_25{background-color:var(--color-green_25, #D4FAE3)}.bg-green_15{background-color:var(--color-green_15, #E8F9EF)}.bg-steelblue_99{background-color:var(--color-steelblue_99, #021a25)}.bg-steelblue_95{background-color:var(--color-steelblue_95, #02212f)}.bg-steelblue_90{background-color:var(--color-steelblue_90, #032d40)}.bg-steelblue_85{background-color:var(--color-steelblue_85, #033f59)}.bg-steelblue_80{background-color:var(--color-steelblue_80, #06587d)}.bg-steelblue_75{background-color:var(--color-steelblue_75, #066d9b)}.bg-steelblue_70{background-color:var(--color-steelblue_70, #128fc7)}.bg-steelblue_65{background-color:var(--color-steelblue_65, #229fd7)}.bg-steelblue_60{background-color:var(--color-steelblue_60, #50bff0)}.bg-steelblue_45{background-color:var(--color-steelblue_45, #a4e2fd)}.bg-steelblue_25{background-color:var(--color-steelblue_25, #d9f2fd)}.bg-steelblue_10{background-color:var(--color-steelblue_10, #ecf8fd)}.bg-oceanblue_99{background-color:var(--color-oceanblue_99, #011428)}.bg-oceanblue_95{background-color:var(--color-oceanblue_95, #03172d)}.bg-oceanblue_90{background-color:var(--color-oceanblue_90, #051d36)}.bg-oceanblue_85{background-color:var(--color-oceanblue_85, #07284a)}.bg-oceanblue_80{background-color:var(--color-oceanblue_80, #004177)}.bg-oceanblue_75{background-color:var(--color-oceanblue_75, #025497)}.bg-oceanblue_70{background-color:var(--color-oceanblue_70, #006ac1)}.bg-oceanblue_65{background-color:var(--color-oceanblue_65, #1f8ae1)}.bg-oceanblue_60{background-color:var(--color-oceanblue_60, #5cb0f3)}.bg-oceanblue_50{background-color:var(--color-oceanblue_50, #9cd1fc)}.bg-oceanblue_25{background-color:var(--color-oceanblue_25, #d5ebfe)}.bg-oceanblue_15{background-color:var(--color-oceanblue_15, #eaf5fe)}.bg-brilliantblue_99{background-color:var(--color-brilliantblue_99, #001226)}.bg-brilliantblue_95{background-color:var(--color-brilliantblue_95, #001b39)}.bg-brilliantblue_90{background-color:var(--color-brilliantblue_90, #002b5e)}.bg-brilliantblue_85{background-color:var(--color-brilliantblue_85, #004290)}.bg-brilliantblue_80{background-color:var(--color-brilliantblue_80, #005cc9)}.bg-brilliantblue_75{background-color:var(--color-brilliantblue_75, #0075ff)}.bg-brilliantblue_70{background-color:var(--color-brilliantblue_70, #2d8dff)}.bg-brilliantblue_60{background-color:var(--color-brilliantblue_60, #64abff)}.bg-brilliantblue_50{background-color:var(--color-brilliantblue_50, #93c4ff)}.bg-brilliantblue_40{background-color:var(--color-brilliantblue_40, #bbdaff)}.bg-brilliantblue_25{background-color:var(--color-brilliantblue_25, #d9eaff)}.bg-brilliantblue_20{background-color:var(--color-brilliantblue_20, #e6f1ff)}.bg-brilliantblue_10{background-color:var(--color-brilliantblue_10, #eff6ff)}.bg-brilliantblue_05{background-color:var(--color-brilliantblue_05, #f5faff)}.bg-grey_95{background-color:var(--color-grey_95, #222222)}.bg-grey_90{background-color:var(--color-grey_90, #333333)}.bg-grey_85{background-color:var(--color-grey_85, #444444)}.bg-grey_80{background-color:var(--color-grey_80, #555555)}.bg-grey_70{background-color:var(--color-grey_70, #737373)}.bg-grey_65{background-color:var(--color-grey_65, #888888)}.bg-grey_60{background-color:var(--color-grey_60, #999999)}.bg-grey_55{background-color:var(--color-grey_55, #aaaaaa)}.bg-grey_50{background-color:var(--color-grey_50, #bbbbbb)}.bg-grey_45{background-color:var(--color-grey_45, #cccccc)}.bg-grey_35{background-color:var(--color-grey_35, #D8D8D8)}.bg-grey_30{background-color:var(--color-grey_30, #e1e1e1)}.bg-grey_25{background-color:var(--color-grey_25, #E5E5E5)}.bg-grey_20{background-color:var(--color-grey_20, #eeeeee)}.bg-grey_10{background-color:var(--color-grey_10, #f6f6f6)}.bg-grey_05{background-color:var(--color-grey_05, #f9f9f9)}.bg-white{background-color:var(--color-white, #ffffff)}.bg-black{background-color:var(--color-black, #000000)}.text-primary{color:var(--color-primary, #051d36)}.text-secondary{color:var(--color-secondary, #555555)}.text-accent{color:var(--color-accent, #9c27b0)}.text-positive{color:var(--color-positive, #0075ff)}.text-negative{color:var(--color-negative, #e30000)}.text-info{color:var(--color-info, #00cd52)}.text-warning{color:var(--color-warning, #f2c037)}.text-red_99{color:var(--color-red_99, #220000)}.text-red_95{color:var(--color-red_95, #440000)}.text-red_90{color:var(--color-red_90, #5E0000)}.text-red_85{color:var(--color-red_85, #820000)}.text-red_80{color:var(--color-red_80, #AD0000)}.text-red_75{color:var(--color-red_75, #E30000)}.text-red_70{color:var(--color-red_70, #FB4444)}.text-red_60{color:var(--color-red_60, #FF7C7C)}.text-red_45{color:var(--color-red_45, #FFB5B5)}.text-red_30{color:var(--color-red_30, #FFD3D3)}.text-red_20{color:var(--color-red_20, #FCE6E6)}.text-red_15{color:var(--color-red_15, #FCEFEF)}.text-caution_bg{color:var(--color-caution_bg, #FEF1F1)}.text-caution_icon{color:var(--color-caution_icon, #fd9595)}.text-orange_99{color:var(--color-orange_99, #2F1100)}.text-orange_95{color:var(--color-orange_95, #4D1B00)}.text-orange_90{color:var(--color-orange_90, #752A00)}.text-orange_85{color:var(--color-orange_85, #9B3700)}.text-orange_75{color:var(--color-orange_75, #CE4900)}.text-orange_65{color:var(--color-orange_65, #FF6B00)}.text-orange_60{color:var(--color-orange_60, #FF7F22)}.text-orange_55{color:var(--color-orange_55, #FFA452)}.text-orange_45{color:var(--color-orange_45, #FFBC81)}.text-orange_35{color:var(--color-orange_35, #FFD5AF)}.text-orange_20{color:var(--color-orange_20, #FFEAD7)}.text-orange_10{color:var(--color-orange_10, #FEF1EA)}.text-header_alert{color:var(--color-header_alert, #FF7A00)}.text-yellow_95{color:var(--color-yellow_95, #322700)}.text-yellow_90{color:var(--color-yellow_90, #453702)}.text-yellow_80{color:var(--color-yellow_80, #6C5602)}.text-yellow_70{color:var(--color-yellow_70, #9C7A00)}.text-yellow_60{color:var(--color-yellow_60, #C49900)}.text-yellow_50{color:var(--color-yellow_50, #EBB800)}.text-yellow_45{color:var(--color-yellow_45, #FFC700)}.text-yellow_40{color:var(--color-yellow_40, #FFD643)}.text-yellow_30{color:var(--color-yellow_30, #FEE17C)}.text-yellow_25{color:var(--color-yellow_25, #FFE99E)}.text-yellow_20{color:var(--color-yellow_20, #FEF1C4)}.text-yellow_10{color:var(--color-yellow_10, #FFF7DD)}.text-olive_95{color:var(--color-olive_95, #2C2C00)}.text-olive_90{color:var(--color-olive_90, #454500)}.text-olive_80{color:var(--color-olive_80, #636300)}.text-olive_70{color:var(--color-olive_70, #838300)}.text-olive_65{color:var(--color-olive_65, #A5A500)}.text-olive_55{color:var(--color-olive_55, #C7C700)}.text-olive_45{color:var(--color-olive_45, #DDDD12)}.text-olive_30{color:var(--color-olive_30, #EEEE37)}.text-olive_20{color:var(--color-olive_20, #F6F65F)}.text-olive_15{color:var(--color-olive_15, #FAFAA1)}.text-olive_10{color:var(--color-olive_10, #FBFBBF)}.text-olive_05{color:var(--color-olive_05, #FEFED9)}.text-green_99{color:var(--color-green_99, #001D0B)}.text-green_95{color:var(--color-green_95, #003013)}.text-green_90{color:var(--color-green_90, #00461C)}.text-green_85{color:var(--color-green_85, #006629)}.text-green_80{color:var(--color-green_80, #007B31)}.text-green_75{color:var(--color-green_75, #00973C)}.text-green_70{color:var(--color-green_70, #12B553)}.text-green_65{color:var(--color-green_65, #2BCE6C)}.text-green_55{color:var(--color-green_55, #6DE39C)}.text-green_45{color:var(--color-green_45, #ACF4C9)}.text-green_25{color:var(--color-green_25, #D4FAE3)}.text-green_15{color:var(--color-green_15, #E8F9EF)}.text-steelblue_99{color:var(--color-steelblue_99, #021a25)}.text-steelblue_95{color:var(--color-steelblue_95, #02212f)}.text-steelblue_90{color:var(--color-steelblue_90, #032d40)}.text-steelblue_85{color:var(--color-steelblue_85, #033f59)}.text-steelblue_80{color:var(--color-steelblue_80, #06587d)}.text-steelblue_75{color:var(--color-steelblue_75, #066d9b)}.text-steelblue_70{color:var(--color-steelblue_70, #128fc7)}.text-steelblue_65{color:var(--color-steelblue_65, #229fd7)}.text-steelblue_60{color:var(--color-steelblue_60, #50bff0)}.text-steelblue_45{color:var(--color-steelblue_45, #a4e2fd)}.text-steelblue_25{color:var(--color-steelblue_25, #d9f2fd)}.text-steelblue_10{color:var(--color-steelblue_10, #ecf8fd)}.text-oceanblue_99{color:var(--color-oceanblue_99, #011428)}.text-oceanblue_95{color:var(--color-oceanblue_95, #03172d)}.text-oceanblue_90{color:var(--color-oceanblue_90, #051d36)}.text-oceanblue_85{color:var(--color-oceanblue_85, #07284a)}.text-oceanblue_80{color:var(--color-oceanblue_80, #004177)}.text-oceanblue_75{color:var(--color-oceanblue_75, #025497)}.text-oceanblue_70{color:var(--color-oceanblue_70, #006ac1)}.text-oceanblue_65{color:var(--color-oceanblue_65, #1f8ae1)}.text-oceanblue_60{color:var(--color-oceanblue_60, #5cb0f3)}.text-oceanblue_50{color:var(--color-oceanblue_50, #9cd1fc)}.text-oceanblue_25{color:var(--color-oceanblue_25, #d5ebfe)}.text-oceanblue_15{color:var(--color-oceanblue_15, #eaf5fe)}.text-brilliantblue_99{color:var(--color-brilliantblue_99, #001226)}.text-brilliantblue_95{color:var(--color-brilliantblue_95, #001b39)}.text-brilliantblue_90{color:var(--color-brilliantblue_90, #002b5e)}.text-brilliantblue_85{color:var(--color-brilliantblue_85, #004290)}.text-brilliantblue_80{color:var(--color-brilliantblue_80, #005cc9)}.text-brilliantblue_75{color:var(--color-brilliantblue_75, #0075ff)}.text-brilliantblue_70{color:var(--color-brilliantblue_70, #2d8dff)}.text-brilliantblue_60{color:var(--color-brilliantblue_60, #64abff)}.text-brilliantblue_50{color:var(--color-brilliantblue_50, #93c4ff)}.text-brilliantblue_40{color:var(--color-brilliantblue_40, #bbdaff)}.text-brilliantblue_25{color:var(--color-brilliantblue_25, #d9eaff)}.text-brilliantblue_20{color:var(--color-brilliantblue_20, #e6f1ff)}.text-brilliantblue_10{color:var(--color-brilliantblue_10, #eff6ff)}.text-brilliantblue_05{color:var(--color-brilliantblue_05, #f5faff)}.text-grey_95{color:var(--color-grey_95, #222222)}.text-grey_90{color:var(--color-grey_90, #333333)}.text-grey_85{color:var(--color-grey_85, #444444)}.text-grey_80{color:var(--color-grey_80, #555555)}.text-grey_70{color:var(--color-grey_70, #737373)}.text-grey_65{color:var(--color-grey_65, #888888)}.text-grey_60{color:var(--color-grey_60, #999999)}.text-grey_55{color:var(--color-grey_55, #aaaaaa)}.text-grey_50{color:var(--color-grey_50, #bbbbbb)}.text-grey_45{color:var(--color-grey_45, #cccccc)}.text-grey_35{color:var(--color-grey_35, #D8D8D8)}.text-grey_30{color:var(--color-grey_30, #e1e1e1)}.text-grey_25{color:var(--color-grey_25, #E5E5E5)}.text-grey_20{color:var(--color-grey_20, #eeeeee)}.text-grey_10{color:var(--color-grey_10, #f6f6f6)}.text-grey_05{color:var(--color-grey_05, #f9f9f9)}.text-white{color:var(--color-white, #ffffff)}.text-black{color:var(--color-black, #000000)}*,*::before,*::after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font-size:inherit}:target{scroll-margin-block:5ex}button{background:none;border:none;cursor:pointer;padding:0;outline:0}button:focus{outline:0 !important}.sd-table__wrapper .sd-table__container .sd-table__middle{overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar{opacity:0;background:#e5e5e5}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar:horizontal{height:8px}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar:vertical{width:8px}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar-thumb{height:80px;background-color:#cccccc;border-radius:4px}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar-thumb:hover{background:#e5e5e5}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar-thumb:active{background:#e5e5e5}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar-track{background-color:transparent}:host{display:inline-block;height:fit-content;line-height:0}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}input[type=text],input[type=number],input[type=password],input[type=email],input[type=tel],textarea{padding-block:0px;padding-inline:0px}.sd-hoverable:hover>.sd-focus-helper{background:currentColor;opacity:0.15}.sd-hoverable:hover>.sd-focus-helper:before{opacity:0.1}.sd-hoverable:hover>.sd-focus-helper:after{opacity:0.4}.sd-focus-helper{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;opacity:0;transition:background-color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), opacity 0.4s cubic-bezier(0.25, 0.8, 0.5, 1)}.sd-focus-helper:before,.sd-focus-helper:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;border-radius:inherit;transition:background-color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), opacity 0.6s cubic-bezier(0.25, 0.8, 0.5, 1)}.sd-focus-helper:before{background:#000000}.sd-focus-helper:after{background:#ffffff}.sd-tooltip-menu{width:fit-content;padding:8px 16px;border-radius:4px;font-size:12px;position:relative;box-sizing:border-box;display:flex;align-items:start;justify-content:center;gap:12px}.sd-tooltip-menu--with-close{padding-right:12px !important}.sd-tooltip-menu__arrow{position:absolute;display:flex;width:9.6px;height:7.2px}.sd-tooltip-menu__arrow svg{width:100%;height:100%}.sd-tooltip-menu__arrow--top{bottom:-7.2px;left:50%;transform:translateX(-50%)}.sd-tooltip-menu__arrow--bottom{top:-7.2px;left:50%;transform:translateX(-50%) rotate(180deg)}.sd-tooltip-menu__arrow--left{right:-7.2px;top:50%;transform:translateY(-50%) rotate(-90deg)}.sd-tooltip-menu__arrow--right{left:-7.2px;top:50%;transform:translateY(-50%) rotate(90deg)}.sd-tooltip-menu__content{line-height:20px;font-weight:500}.sd-tooltip-menu__close-button{padding-top:4px;display:flex}.sd-tooltip-menu__close-button button{padding:0;background:none;border:none;cursor:pointer}.sd-popover-menu{width:fit-content;padding:12px 20px;border-radius:4px;color:white;background:#07284a;font-size:12px;position:relative;box-sizing:border-box}.sd-popover-menu__arrow{position:absolute;display:flex;width:9.6px;height:7.2px}.sd-popover-menu__arrow svg{width:100%;height:100%}.sd-popover-menu__arrow--top{bottom:-7.2px;left:50%;transform:translateX(-50%)}.sd-popover-menu__arrow--bottom{top:-7.2px;left:50%;transform:translateX(-50%) rotate(180deg)}.sd-popover-menu__arrow--left{right:-7.2px;top:50%;transform:translateY(-50%) rotate(-90deg)}.sd-popover-menu__arrow--right{left:-7.2px;top:50%;transform:translateY(-50%) rotate(90deg)}.sd-popover-menu__content{font-size:12px;line-height:20px}.sd-popover-menu__content .sd-popover-menu__title{font-weight:700;margin-bottom:4px}.sd-popover-menu__content .sd-popover-menu__messages{font-weight:500}.sd-popover-menu__content .sd-popover-menu__buttons{margin-top:12px;display:flex;gap:8px;align-items:center}.sd-popover-menu__content .sd-popover-menu__buttons--1{justify-content:flex-end}.sd-popover-menu__content .sd-popover-menu__buttons--2{justify-content:space-between}.sd-popover-menu__close-button{position:absolute;top:16px;right:12px;padding:0;background:none;border:none;cursor:pointer}.sd-table__wrapper{height:var(--table-height, auto);width:var(--table-width, 100%);color:#222222}.sd-table__wrapper .sd-table__container{width:100%;height:auto;border:1px solid #e1e1e1;border-radius:8px;font-size:12px;overflow:hidden}.sd-table__wrapper .sd-table__container .sd-table__middle{overflow:auto;will-change:scroll-position;height:var(--table-height, auto)}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--selectable td.sd-td--selected,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--selectable th.sd-th--selected{width:52px !important;max-width:52px !important;min-width:52px !important;padding:0 10px 0 24px;text-align:left}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-header thead{position:sticky;top:0;z-index:120}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column th.sticky-left,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column th.sticky-right{position:sticky;background-color:#f5faff;z-index:110 !important}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column td.sticky-left,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column td.sticky-right{position:sticky;background-color:white;z-index:100 !important}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column .sticky-left{left:var(--sticky-left-offset, 0)}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column .sticky-right{right:var(--sticky-right-offset, 0)}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column th.sticky-cell{position:sticky;z-index:102;background-color:#f5faff}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column td.sticky-cell{position:sticky;z-index:101;background-color:white}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-left th.sticky-left-edge,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-left td.sticky-left-edge{overflow:visible}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-left th.sticky-left-edge:after,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-left td.sticky-left-edge:after{content:"";position:absolute;top:0;left:100%;right:-20px;width:20px;height:100%;z-index:101 !important;box-shadow:inset 12px 0 20px -25px;opacity:1;pointer-events:none}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-right th.sticky-right-edge,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-right td.sticky-right-edge{overflow:visible}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-right th.sticky-right-edge:after,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-right td.sticky-right-edge:after{content:"";position:absolute;top:0;left:-20px;width:20px;height:100%;z-index:101 !important;box-shadow:inset -12px 0 20px -25px;opacity:1;pointer-events:none}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--no-data thead{opacity:0.4}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--no-data thead tr th.sd-th{border-bottom:1px solid rgba(225, 225, 225, 0.4) !important}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table td,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table th,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table .sd-th__content--label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:keep-all}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead{height:36px}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr{width:100%}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th{background:#f5faff;height:36px;padding:0 16px;font-weight:500;vertical-align:middle;border-bottom:1px solid #e1e1e1;-webkit-user-select:none;user-select:none;position:relative}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__content{display:flex;flex-flow:row nowrap;align-items:center;gap:4px}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__content--left{justify-content:flex-start}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__content--center{justify-content:center}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__content--right{justify-content:flex-end}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__resizer{position:absolute;top:50%;right:0;transform:translateY(-50%);width:4px;height:16px;cursor:col-resize;z-index:3;border-left:1px solid #cccccc;border-right:1px solid #cccccc}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody tr:last-of-type td{border-bottom:none}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody tr td{height:44px;padding:0 16px;border-bottom:1px solid #e1e1e1;background:white;vertical-align:middle}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody tr td.sd-td--left{text-align:left}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody tr td.sd-td--center{text-align:center}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody tr td.sd-td--right{text-align:right}.sd-table__wrapper .sd-table__container .sd-table__bottom{background:white;text-align:center}.sd-table__wrapper .sd-table__pagination{background:#f9f9f9;height:48px;display:flex;align-items:center;justify-content:center;border:1px solid #e1e1e1;border-top:none;border-radius:8px}';const c=class{constructor(r){e(this,r);this.sdSelectChange=o(this,"sdSelectChange");this.sdPageChange=o(this,"sdPageChange")}get el(){return r(this)}columns;rows;selected=new Set;rowKey="id";selectable=false;resizable=false;width;height;stickyHeader=false;stickyColumn={left:0,right:0};noDataLabel="데이터가 없습니다.";pagination;bodyCellRenderer;sdSelectChange;sdPageChange;currentPage=this.pagination?.page||1;innerRows=[];innerSelected=new Set;columnWidths=[];scrolledLeft=false;scrolledRight=false;handleColumnsChange(e){this.columnWidths=e.map((e=>parseInt(e.width||"120",10)))}handleRowsChange(e){this.innerRows=[...e]}handleSelectedChange(e){this.innerSelected=new Set(e)}handlePaginationChange(e){if(e?.page&&e.page!==this.currentPage)this.currentPage=e.page}componentWillLoad(){this.innerRows=[...this.rows];this.innerSelected=new Set(this.selected);this.columnWidths=this.columns.map((e=>parseInt(e.width||"120",10)))}componentDidLoad(){if(typeof window==="undefined")return;const e=this.el.querySelector(".sd-table__middle");if(!e)return;const o=()=>{const{scrollLeft:o,scrollWidth:r,clientWidth:t}=e;this.scrolledLeft=o>0;this.scrolledRight=o+t<r};e.addEventListener("scroll",o,{passive:true});o()}get visibleColumns(){return this.columns.filter((e=>e.visible!==false))}get paginatedRows(){if(!this.pagination)return this.innerRows;const{rowsPerPage:e=this.rows.length}=this.pagination||{};const o=this.innerRows.slice((this.currentPage-1)*e,this.currentPage*e);return o}get lastPageNumber(){const{lastPage:e,rowsPerPage:o=this.rows.length}=this.pagination||{};return e??Math.max(1,Math.ceil(this.rows.length/o))}get sdTableClasses(){return["sd-table",this.stickyHeader&&"sd-table--sticky-header",this.selectable&&"sd-table--selectable",this.resizable&&"sd-table--resizable",!this.innerRows.length&&"sd-table--no-data",((this.stickyColumn?.left??0)>0||(this.stickyColumn?.right??0)>0)&&"sd-table--sticky-column",this.scrolledLeft&&"sd-table--scrolled-left",this.scrolledRight&&"sd-table--scrolled-right"].filter(Boolean).join(" ")}isRowSelected(e){return Array.from(this.innerSelected).some((o=>o[this.rowKey]===e[this.rowKey]))}updateRowSelect(e){const o=Array.from(this.innerSelected);const r=this.isRowSelected(e);const t=r?o.filter((o=>o[this.rowKey]!==e[this.rowKey])):[...o,e];if(t.length===o.length)return;this.innerSelected=new Set(t);this.sdSelectChange.emit(Array.from(this.innerSelected))}toggleSelectAll(e){if(e){const e=new Set([...this.paginatedRows]);this.innerSelected=new Set([...this.innerSelected,...e])}else{const e=this.paginatedRows.map((e=>e[this.rowKey]));this.innerSelected=new Set([...this.innerSelected].filter((o=>!e.includes(o[this.rowKey]))))}this.sdSelectChange.emit(Array.from(this.innerSelected))}get isAllChecked(){const e=this.paginatedRows.length;const o=this.paginatedRows.filter((e=>Array.from(this.innerSelected).some((o=>o[this.rowKey]===e[this.rowKey])))).length;if(o===0)return false;if(o===e)return true;return null}getStickyStyle(e){const o=this.columnWidths.slice(0,e).reduce(((e,o)=>e+o),0)+(this.selectable?52:0);const r=this.columnWidths.filter(((o,r)=>r>=this.visibleColumns.length-(this.stickyColumn.right||0)&&r>e)).reduce(((e,o)=>e+o),0);return{"--sticky-left-offset":`${o}px`,"--sticky-right-offset":`${r}px`,width:`${this.columnWidths[e]}px`,minWidth:`${this.columnWidths[e]}px`,maxWidth:`${this.columnWidths[e]}px`}}handleResize(e,o){if(typeof document==="undefined")return;const r=o.clientX;const t=this.columnWidths[e];const l=o=>{const l=Math.max(t+o.clientX-r,50);this.columnWidths=this.columnWidths.map(((o,r)=>r===e?l:o))};const a=()=>{document.removeEventListener("mousemove",l);document.removeEventListener("mouseup",a)};document.addEventListener("mousemove",l);document.addEventListener("mouseup",a)}getCellValue(e,o){const{field:r,format:t,name:l}=e;const a=typeof r==="function"?r(o):r?o[r]:o[l];return t?t(a,o):a}renderHeader(){return t("thead",null,t("tr",null,this.selectable&&t("th",{class:{"sd-th":true,"sd-th--selected":true,"sticky-left":Boolean(this.stickyColumn.left&&this.stickyColumn.left>0)},style:{"--sticky-left-offset":"0px"}},t("sd-checkbox",{checked:this.isAllChecked,disabled:!this.paginatedRows.length,onSdChange:e=>this.toggleSelectAll(e.detail)})),this.visibleColumns.map(((e,o)=>t("th",{key:e.name,class:{"sd-th":true,[`${e.thClass}`]:Boolean(e.thClass),"sticky-left":Boolean(this.stickyColumn.left&&o<this.stickyColumn.left),"sticky-right":Boolean(this.stickyColumn.right&&o>=this.visibleColumns.length-this.stickyColumn.right),"sticky-left-edge":Boolean(this.stickyColumn.left&&o===this.stickyColumn.left-1),"sticky-right-edge":Boolean(this.stickyColumn.right&&o===this.visibleColumns.length-this.stickyColumn.right)},style:this.getStickyStyle(o)},t("div",{class:`sd-th__content sd-th__content--${e.align||"left"}`},t("slot",{name:`header-cell-${e.name}`},t("div",{class:"sd-th__content--label"},e.label)),e.usePageMoveIcon&&t("sd-icon",{name:"pageMove",size:"12",color:"#006AC1"}),e.tooltip&&t("sd-tooltip",{...e.tooltipOptions},e.tooltip.map((e=>t("div",null,e))))),this.resizable&&typeof window!=="undefined"&&t("div",{class:"sd-th__resizer",onMouseDown:e=>this.handleResize(o,e)}))))))}renderBody(){if(!this.paginatedRows.length)return t("tbody",{part:"tbody-empty"},t("tr",null,t("td",{colSpan:this.visibleColumns.length+(this.selectable?1:0)},this.noDataLabel)));return t("tbody",null,this.paginatedRows.map(((e,o)=>t("tr",{key:e[this.rowKey],class:"hover:bg-Grey_Lighten-6"},this.selectable&&t("td",{class:{"sd-td":true,"sd-td--selected":true,"sticky-left":Boolean(this.stickyColumn.left&&this.stickyColumn.left>0)},style:{"--sticky-left-offset":"0px"}},t("sd-checkbox",{checked:this.isRowSelected(e),disabled:!this.paginatedRows.length,onSdChange:()=>this.updateRowSelect(e)})),this.visibleColumns.map(((r,l)=>{const a=this.bodyCellRenderer?.(r,e);return t("td",{key:r.name,part:`td-${r.name}`,class:{"sd-td":true,[`sd-td--${r.align||"left"}`]:true,"sticky-left":Boolean(this.stickyColumn.left&&l<this.stickyColumn.left),"sticky-right":Boolean(this.stickyColumn.right&&l>=this.visibleColumns.length-this.stickyColumn.right),"sticky-left-edge":Boolean(this.stickyColumn.left&&l===this.stickyColumn.left-1),"sticky-right-edge":Boolean(this.stickyColumn.right&&l===this.visibleColumns.length-this.stickyColumn.right),[`${r.tdClass}`]:Boolean(r.tdClass)},style:this.getStickyStyle(l)},t("slot",{name:`body-cell-${r.name}-${o}`},a?typeof a==="string"?t("span",{innerHTML:a}):a:this.getCellValue(r,e)))}))))))}render(){return t(l,{key:"4340dbc76307eaa060d06927ee8248b31c6adf1a"},t("div",{key:"84b5a47e673859dfea4e9a419a7ca9f573a6873b",class:"sd-table__wrapper",style:{"--table-width":this.width,"--table-height":this.height}},t("div",{key:"1da8a658ebf6a9c407805c8501de6a9668b91e34",class:"sd-table__container"},t("div",{key:"4355689400e4d0f193c4afcb2c63233d845540ac",class:"sd-table__middle"},t("table",{key:"3fa9369b27ffa2b9749ffe11910d68adc0d8ecc2",part:"table",class:this.sdTableClasses},this.renderHeader(),this.renderBody())),t("div",{key:"1734c538a07687b0312b10991b9915a0e092111f",class:"sd-table__bottom"})),this.pagination&&this.innerRows.length>0&&t("div",{key:"7f12f38f6412b7618bc5a2f8ce75c25cdd867fa3",class:"sd-table__pagination"},t("sd-pagination",{key:"53647294fbf62ae40f9a16d8c98eb94a3f6ca2fd",currentPage:this.currentPage,lastPage:this.lastPageNumber,onPageChange:e=>{this.currentPage=e.detail;this.sdPageChange.emit(this.currentPage)}}))))}static get watchers(){return{columns:["handleColumnsChange"],rows:["handleRowsChange"],selected:["handleSelectedChange"],pagination:["handlePaginationChange"]}}};c.style=a;export{c as sd_table};
2
- //# sourceMappingURL=p-0517f818.entry.js.map
1
+ import{r as e,c as o,a as r,h as t,H as l}from"./p-CqOU6L62.js";const a='.bg-primary{background-color:var(--color-primary, #051d36)}.bg-secondary{background-color:var(--color-secondary, #555555)}.bg-accent{background-color:var(--color-accent, #9c27b0)}.bg-positive{background-color:var(--color-positive, #0075ff)}.bg-negative{background-color:var(--color-negative, #e30000)}.bg-info{background-color:var(--color-info, #00cd52)}.bg-warning{background-color:var(--color-warning, #f2c037)}.bg-red_99{background-color:var(--color-red_99, #220000)}.bg-red_95{background-color:var(--color-red_95, #440000)}.bg-red_90{background-color:var(--color-red_90, #5E0000)}.bg-red_85{background-color:var(--color-red_85, #820000)}.bg-red_80{background-color:var(--color-red_80, #AD0000)}.bg-red_75{background-color:var(--color-red_75, #E30000)}.bg-red_70{background-color:var(--color-red_70, #FB4444)}.bg-red_60{background-color:var(--color-red_60, #FF7C7C)}.bg-red_45{background-color:var(--color-red_45, #FFB5B5)}.bg-red_30{background-color:var(--color-red_30, #FFD3D3)}.bg-red_20{background-color:var(--color-red_20, #FCE6E6)}.bg-red_15{background-color:var(--color-red_15, #FCEFEF)}.bg-caution_bg{background-color:var(--color-caution_bg, #FEF1F1)}.bg-caution_icon{background-color:var(--color-caution_icon, #fd9595)}.bg-orange_99{background-color:var(--color-orange_99, #2F1100)}.bg-orange_95{background-color:var(--color-orange_95, #4D1B00)}.bg-orange_90{background-color:var(--color-orange_90, #752A00)}.bg-orange_85{background-color:var(--color-orange_85, #9B3700)}.bg-orange_75{background-color:var(--color-orange_75, #CE4900)}.bg-orange_65{background-color:var(--color-orange_65, #FF6B00)}.bg-orange_60{background-color:var(--color-orange_60, #FF7F22)}.bg-orange_55{background-color:var(--color-orange_55, #FFA452)}.bg-orange_45{background-color:var(--color-orange_45, #FFBC81)}.bg-orange_35{background-color:var(--color-orange_35, #FFD5AF)}.bg-orange_20{background-color:var(--color-orange_20, #FFEAD7)}.bg-orange_10{background-color:var(--color-orange_10, #FEF1EA)}.bg-header_alert{background-color:var(--color-header_alert, #FF7A00)}.bg-yellow_95{background-color:var(--color-yellow_95, #322700)}.bg-yellow_90{background-color:var(--color-yellow_90, #453702)}.bg-yellow_80{background-color:var(--color-yellow_80, #6C5602)}.bg-yellow_70{background-color:var(--color-yellow_70, #9C7A00)}.bg-yellow_60{background-color:var(--color-yellow_60, #C49900)}.bg-yellow_50{background-color:var(--color-yellow_50, #EBB800)}.bg-yellow_45{background-color:var(--color-yellow_45, #FFC700)}.bg-yellow_40{background-color:var(--color-yellow_40, #FFD643)}.bg-yellow_30{background-color:var(--color-yellow_30, #FEE17C)}.bg-yellow_25{background-color:var(--color-yellow_25, #FFE99E)}.bg-yellow_20{background-color:var(--color-yellow_20, #FEF1C4)}.bg-yellow_10{background-color:var(--color-yellow_10, #FFF7DD)}.bg-olive_95{background-color:var(--color-olive_95, #2C2C00)}.bg-olive_90{background-color:var(--color-olive_90, #454500)}.bg-olive_80{background-color:var(--color-olive_80, #636300)}.bg-olive_70{background-color:var(--color-olive_70, #838300)}.bg-olive_65{background-color:var(--color-olive_65, #A5A500)}.bg-olive_55{background-color:var(--color-olive_55, #C7C700)}.bg-olive_45{background-color:var(--color-olive_45, #DDDD12)}.bg-olive_30{background-color:var(--color-olive_30, #EEEE37)}.bg-olive_20{background-color:var(--color-olive_20, #F6F65F)}.bg-olive_15{background-color:var(--color-olive_15, #FAFAA1)}.bg-olive_10{background-color:var(--color-olive_10, #FBFBBF)}.bg-olive_05{background-color:var(--color-olive_05, #FEFED9)}.bg-green_99{background-color:var(--color-green_99, #001D0B)}.bg-green_95{background-color:var(--color-green_95, #003013)}.bg-green_90{background-color:var(--color-green_90, #00461C)}.bg-green_85{background-color:var(--color-green_85, #006629)}.bg-green_80{background-color:var(--color-green_80, #007B31)}.bg-green_75{background-color:var(--color-green_75, #00973C)}.bg-green_70{background-color:var(--color-green_70, #12B553)}.bg-green_65{background-color:var(--color-green_65, #2BCE6C)}.bg-green_55{background-color:var(--color-green_55, #6DE39C)}.bg-green_45{background-color:var(--color-green_45, #ACF4C9)}.bg-green_25{background-color:var(--color-green_25, #D4FAE3)}.bg-green_15{background-color:var(--color-green_15, #E8F9EF)}.bg-steelblue_99{background-color:var(--color-steelblue_99, #021a25)}.bg-steelblue_95{background-color:var(--color-steelblue_95, #02212f)}.bg-steelblue_90{background-color:var(--color-steelblue_90, #032d40)}.bg-steelblue_85{background-color:var(--color-steelblue_85, #033f59)}.bg-steelblue_80{background-color:var(--color-steelblue_80, #06587d)}.bg-steelblue_75{background-color:var(--color-steelblue_75, #066d9b)}.bg-steelblue_70{background-color:var(--color-steelblue_70, #128fc7)}.bg-steelblue_65{background-color:var(--color-steelblue_65, #229fd7)}.bg-steelblue_60{background-color:var(--color-steelblue_60, #50bff0)}.bg-steelblue_45{background-color:var(--color-steelblue_45, #a4e2fd)}.bg-steelblue_25{background-color:var(--color-steelblue_25, #d9f2fd)}.bg-steelblue_10{background-color:var(--color-steelblue_10, #ecf8fd)}.bg-oceanblue_99{background-color:var(--color-oceanblue_99, #011428)}.bg-oceanblue_95{background-color:var(--color-oceanblue_95, #03172d)}.bg-oceanblue_90{background-color:var(--color-oceanblue_90, #051d36)}.bg-oceanblue_85{background-color:var(--color-oceanblue_85, #07284a)}.bg-oceanblue_80{background-color:var(--color-oceanblue_80, #004177)}.bg-oceanblue_75{background-color:var(--color-oceanblue_75, #025497)}.bg-oceanblue_70{background-color:var(--color-oceanblue_70, #006ac1)}.bg-oceanblue_65{background-color:var(--color-oceanblue_65, #1f8ae1)}.bg-oceanblue_60{background-color:var(--color-oceanblue_60, #5cb0f3)}.bg-oceanblue_50{background-color:var(--color-oceanblue_50, #9cd1fc)}.bg-oceanblue_25{background-color:var(--color-oceanblue_25, #d5ebfe)}.bg-oceanblue_15{background-color:var(--color-oceanblue_15, #eaf5fe)}.bg-brilliantblue_99{background-color:var(--color-brilliantblue_99, #001226)}.bg-brilliantblue_95{background-color:var(--color-brilliantblue_95, #001b39)}.bg-brilliantblue_90{background-color:var(--color-brilliantblue_90, #002b5e)}.bg-brilliantblue_85{background-color:var(--color-brilliantblue_85, #004290)}.bg-brilliantblue_80{background-color:var(--color-brilliantblue_80, #005cc9)}.bg-brilliantblue_75{background-color:var(--color-brilliantblue_75, #0075ff)}.bg-brilliantblue_70{background-color:var(--color-brilliantblue_70, #2d8dff)}.bg-brilliantblue_60{background-color:var(--color-brilliantblue_60, #64abff)}.bg-brilliantblue_50{background-color:var(--color-brilliantblue_50, #93c4ff)}.bg-brilliantblue_40{background-color:var(--color-brilliantblue_40, #bbdaff)}.bg-brilliantblue_25{background-color:var(--color-brilliantblue_25, #d9eaff)}.bg-brilliantblue_20{background-color:var(--color-brilliantblue_20, #e6f1ff)}.bg-brilliantblue_10{background-color:var(--color-brilliantblue_10, #eff6ff)}.bg-brilliantblue_05{background-color:var(--color-brilliantblue_05, #f5faff)}.bg-grey_95{background-color:var(--color-grey_95, #222222)}.bg-grey_90{background-color:var(--color-grey_90, #333333)}.bg-grey_85{background-color:var(--color-grey_85, #444444)}.bg-grey_80{background-color:var(--color-grey_80, #555555)}.bg-grey_70{background-color:var(--color-grey_70, #737373)}.bg-grey_65{background-color:var(--color-grey_65, #888888)}.bg-grey_60{background-color:var(--color-grey_60, #999999)}.bg-grey_55{background-color:var(--color-grey_55, #aaaaaa)}.bg-grey_50{background-color:var(--color-grey_50, #bbbbbb)}.bg-grey_45{background-color:var(--color-grey_45, #cccccc)}.bg-grey_35{background-color:var(--color-grey_35, #D8D8D8)}.bg-grey_30{background-color:var(--color-grey_30, #e1e1e1)}.bg-grey_25{background-color:var(--color-grey_25, #E5E5E5)}.bg-grey_20{background-color:var(--color-grey_20, #eeeeee)}.bg-grey_10{background-color:var(--color-grey_10, #f6f6f6)}.bg-grey_05{background-color:var(--color-grey_05, #f9f9f9)}.bg-white{background-color:var(--color-white, #ffffff)}.bg-black{background-color:var(--color-black, #000000)}.text-primary{color:var(--color-primary, #051d36)}.text-secondary{color:var(--color-secondary, #555555)}.text-accent{color:var(--color-accent, #9c27b0)}.text-positive{color:var(--color-positive, #0075ff)}.text-negative{color:var(--color-negative, #e30000)}.text-info{color:var(--color-info, #00cd52)}.text-warning{color:var(--color-warning, #f2c037)}.text-red_99{color:var(--color-red_99, #220000)}.text-red_95{color:var(--color-red_95, #440000)}.text-red_90{color:var(--color-red_90, #5E0000)}.text-red_85{color:var(--color-red_85, #820000)}.text-red_80{color:var(--color-red_80, #AD0000)}.text-red_75{color:var(--color-red_75, #E30000)}.text-red_70{color:var(--color-red_70, #FB4444)}.text-red_60{color:var(--color-red_60, #FF7C7C)}.text-red_45{color:var(--color-red_45, #FFB5B5)}.text-red_30{color:var(--color-red_30, #FFD3D3)}.text-red_20{color:var(--color-red_20, #FCE6E6)}.text-red_15{color:var(--color-red_15, #FCEFEF)}.text-caution_bg{color:var(--color-caution_bg, #FEF1F1)}.text-caution_icon{color:var(--color-caution_icon, #fd9595)}.text-orange_99{color:var(--color-orange_99, #2F1100)}.text-orange_95{color:var(--color-orange_95, #4D1B00)}.text-orange_90{color:var(--color-orange_90, #752A00)}.text-orange_85{color:var(--color-orange_85, #9B3700)}.text-orange_75{color:var(--color-orange_75, #CE4900)}.text-orange_65{color:var(--color-orange_65, #FF6B00)}.text-orange_60{color:var(--color-orange_60, #FF7F22)}.text-orange_55{color:var(--color-orange_55, #FFA452)}.text-orange_45{color:var(--color-orange_45, #FFBC81)}.text-orange_35{color:var(--color-orange_35, #FFD5AF)}.text-orange_20{color:var(--color-orange_20, #FFEAD7)}.text-orange_10{color:var(--color-orange_10, #FEF1EA)}.text-header_alert{color:var(--color-header_alert, #FF7A00)}.text-yellow_95{color:var(--color-yellow_95, #322700)}.text-yellow_90{color:var(--color-yellow_90, #453702)}.text-yellow_80{color:var(--color-yellow_80, #6C5602)}.text-yellow_70{color:var(--color-yellow_70, #9C7A00)}.text-yellow_60{color:var(--color-yellow_60, #C49900)}.text-yellow_50{color:var(--color-yellow_50, #EBB800)}.text-yellow_45{color:var(--color-yellow_45, #FFC700)}.text-yellow_40{color:var(--color-yellow_40, #FFD643)}.text-yellow_30{color:var(--color-yellow_30, #FEE17C)}.text-yellow_25{color:var(--color-yellow_25, #FFE99E)}.text-yellow_20{color:var(--color-yellow_20, #FEF1C4)}.text-yellow_10{color:var(--color-yellow_10, #FFF7DD)}.text-olive_95{color:var(--color-olive_95, #2C2C00)}.text-olive_90{color:var(--color-olive_90, #454500)}.text-olive_80{color:var(--color-olive_80, #636300)}.text-olive_70{color:var(--color-olive_70, #838300)}.text-olive_65{color:var(--color-olive_65, #A5A500)}.text-olive_55{color:var(--color-olive_55, #C7C700)}.text-olive_45{color:var(--color-olive_45, #DDDD12)}.text-olive_30{color:var(--color-olive_30, #EEEE37)}.text-olive_20{color:var(--color-olive_20, #F6F65F)}.text-olive_15{color:var(--color-olive_15, #FAFAA1)}.text-olive_10{color:var(--color-olive_10, #FBFBBF)}.text-olive_05{color:var(--color-olive_05, #FEFED9)}.text-green_99{color:var(--color-green_99, #001D0B)}.text-green_95{color:var(--color-green_95, #003013)}.text-green_90{color:var(--color-green_90, #00461C)}.text-green_85{color:var(--color-green_85, #006629)}.text-green_80{color:var(--color-green_80, #007B31)}.text-green_75{color:var(--color-green_75, #00973C)}.text-green_70{color:var(--color-green_70, #12B553)}.text-green_65{color:var(--color-green_65, #2BCE6C)}.text-green_55{color:var(--color-green_55, #6DE39C)}.text-green_45{color:var(--color-green_45, #ACF4C9)}.text-green_25{color:var(--color-green_25, #D4FAE3)}.text-green_15{color:var(--color-green_15, #E8F9EF)}.text-steelblue_99{color:var(--color-steelblue_99, #021a25)}.text-steelblue_95{color:var(--color-steelblue_95, #02212f)}.text-steelblue_90{color:var(--color-steelblue_90, #032d40)}.text-steelblue_85{color:var(--color-steelblue_85, #033f59)}.text-steelblue_80{color:var(--color-steelblue_80, #06587d)}.text-steelblue_75{color:var(--color-steelblue_75, #066d9b)}.text-steelblue_70{color:var(--color-steelblue_70, #128fc7)}.text-steelblue_65{color:var(--color-steelblue_65, #229fd7)}.text-steelblue_60{color:var(--color-steelblue_60, #50bff0)}.text-steelblue_45{color:var(--color-steelblue_45, #a4e2fd)}.text-steelblue_25{color:var(--color-steelblue_25, #d9f2fd)}.text-steelblue_10{color:var(--color-steelblue_10, #ecf8fd)}.text-oceanblue_99{color:var(--color-oceanblue_99, #011428)}.text-oceanblue_95{color:var(--color-oceanblue_95, #03172d)}.text-oceanblue_90{color:var(--color-oceanblue_90, #051d36)}.text-oceanblue_85{color:var(--color-oceanblue_85, #07284a)}.text-oceanblue_80{color:var(--color-oceanblue_80, #004177)}.text-oceanblue_75{color:var(--color-oceanblue_75, #025497)}.text-oceanblue_70{color:var(--color-oceanblue_70, #006ac1)}.text-oceanblue_65{color:var(--color-oceanblue_65, #1f8ae1)}.text-oceanblue_60{color:var(--color-oceanblue_60, #5cb0f3)}.text-oceanblue_50{color:var(--color-oceanblue_50, #9cd1fc)}.text-oceanblue_25{color:var(--color-oceanblue_25, #d5ebfe)}.text-oceanblue_15{color:var(--color-oceanblue_15, #eaf5fe)}.text-brilliantblue_99{color:var(--color-brilliantblue_99, #001226)}.text-brilliantblue_95{color:var(--color-brilliantblue_95, #001b39)}.text-brilliantblue_90{color:var(--color-brilliantblue_90, #002b5e)}.text-brilliantblue_85{color:var(--color-brilliantblue_85, #004290)}.text-brilliantblue_80{color:var(--color-brilliantblue_80, #005cc9)}.text-brilliantblue_75{color:var(--color-brilliantblue_75, #0075ff)}.text-brilliantblue_70{color:var(--color-brilliantblue_70, #2d8dff)}.text-brilliantblue_60{color:var(--color-brilliantblue_60, #64abff)}.text-brilliantblue_50{color:var(--color-brilliantblue_50, #93c4ff)}.text-brilliantblue_40{color:var(--color-brilliantblue_40, #bbdaff)}.text-brilliantblue_25{color:var(--color-brilliantblue_25, #d9eaff)}.text-brilliantblue_20{color:var(--color-brilliantblue_20, #e6f1ff)}.text-brilliantblue_10{color:var(--color-brilliantblue_10, #eff6ff)}.text-brilliantblue_05{color:var(--color-brilliantblue_05, #f5faff)}.text-grey_95{color:var(--color-grey_95, #222222)}.text-grey_90{color:var(--color-grey_90, #333333)}.text-grey_85{color:var(--color-grey_85, #444444)}.text-grey_80{color:var(--color-grey_80, #555555)}.text-grey_70{color:var(--color-grey_70, #737373)}.text-grey_65{color:var(--color-grey_65, #888888)}.text-grey_60{color:var(--color-grey_60, #999999)}.text-grey_55{color:var(--color-grey_55, #aaaaaa)}.text-grey_50{color:var(--color-grey_50, #bbbbbb)}.text-grey_45{color:var(--color-grey_45, #cccccc)}.text-grey_35{color:var(--color-grey_35, #D8D8D8)}.text-grey_30{color:var(--color-grey_30, #e1e1e1)}.text-grey_25{color:var(--color-grey_25, #E5E5E5)}.text-grey_20{color:var(--color-grey_20, #eeeeee)}.text-grey_10{color:var(--color-grey_10, #f6f6f6)}.text-grey_05{color:var(--color-grey_05, #f9f9f9)}.text-white{color:var(--color-white, #ffffff)}.text-black{color:var(--color-black, #000000)}*,*::before,*::after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font-size:inherit}:target{scroll-margin-block:5ex}button{background:none;border:none;cursor:pointer;padding:0;outline:0}button:focus{outline:0 !important}.sd-table__wrapper .sd-table__container .sd-table__middle{overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar{opacity:0;background:#e5e5e5}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar:horizontal{height:8px}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar:vertical{width:8px}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar-thumb{height:80px;background-color:#cccccc;border-radius:4px}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar-thumb:hover{background:#e5e5e5}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar-thumb:active{background:#e5e5e5}.sd-table__wrapper .sd-table__container .sd-table__middle::-webkit-scrollbar-track{background-color:transparent}:host{display:inline-block;height:fit-content;line-height:0}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}input[type=text],input[type=number],input[type=password],input[type=email],input[type=tel],textarea{padding-block:0px;padding-inline:0px}.sd-hoverable:hover>.sd-focus-helper{background:currentColor;opacity:0.15}.sd-hoverable:hover>.sd-focus-helper:before{opacity:0.1}.sd-hoverable:hover>.sd-focus-helper:after{opacity:0.4}.sd-focus-helper{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;opacity:0;transition:background-color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), opacity 0.4s cubic-bezier(0.25, 0.8, 0.5, 1)}.sd-focus-helper:before,.sd-focus-helper:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;border-radius:inherit;transition:background-color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), opacity 0.6s cubic-bezier(0.25, 0.8, 0.5, 1)}.sd-focus-helper:before{background:#000000}.sd-focus-helper:after{background:#ffffff}.sd-tooltip-menu{width:fit-content;padding:8px 16px;border-radius:4px;font-size:12px;position:relative;box-sizing:border-box;display:flex;align-items:start;justify-content:center;gap:12px}.sd-tooltip-menu--with-close{padding-right:12px !important}.sd-tooltip-menu__arrow{position:absolute;display:flex;width:9.6px;height:7.2px}.sd-tooltip-menu__arrow svg{width:100%;height:100%}.sd-tooltip-menu__arrow--top{bottom:-7.2px;left:50%;transform:translateX(-50%)}.sd-tooltip-menu__arrow--bottom{top:-7.2px;left:50%;transform:translateX(-50%) rotate(180deg)}.sd-tooltip-menu__arrow--left{right:-7.2px;top:50%;transform:translateY(-50%) rotate(-90deg)}.sd-tooltip-menu__arrow--right{left:-7.2px;top:50%;transform:translateY(-50%) rotate(90deg)}.sd-tooltip-menu__content{line-height:20px;font-weight:500}.sd-tooltip-menu__content p{margin:0}.sd-tooltip-menu__close-button{padding-top:4px;display:flex}.sd-tooltip-menu__close-button button{padding:0;background:none;border:none;cursor:pointer}.sd-popover-menu{width:fit-content;padding:12px 20px;border-radius:4px;color:white;background:#07284a;font-size:12px;position:relative;box-sizing:border-box}.sd-popover-menu__arrow{position:absolute;display:flex;width:9.6px;height:7.2px}.sd-popover-menu__arrow svg{width:100%;height:100%}.sd-popover-menu__arrow--top{bottom:-7.2px;left:50%;transform:translateX(-50%)}.sd-popover-menu__arrow--bottom{top:-7.2px;left:50%;transform:translateX(-50%) rotate(180deg)}.sd-popover-menu__arrow--left{right:-7.2px;top:50%;transform:translateY(-50%) rotate(-90deg)}.sd-popover-menu__arrow--right{left:-7.2px;top:50%;transform:translateY(-50%) rotate(90deg)}.sd-popover-menu__content{font-size:12px;line-height:20px}.sd-popover-menu__content .sd-popover-menu__title{font-weight:700;margin-bottom:4px}.sd-popover-menu__content .sd-popover-menu__messages{font-weight:500}.sd-popover-menu__content .sd-popover-menu__buttons{margin-top:12px;display:flex;gap:8px;align-items:center}.sd-popover-menu__content .sd-popover-menu__buttons--1{justify-content:flex-end}.sd-popover-menu__content .sd-popover-menu__buttons--2{justify-content:space-between}.sd-popover-menu__close-button{position:absolute;top:16px;right:12px;padding:0;background:none;border:none;cursor:pointer}.sd-table__wrapper{height:var(--table-height, auto);width:var(--table-width, 100%);color:#222222}.sd-table__wrapper .sd-table__container{width:100%;height:auto;border:1px solid #e1e1e1;border-radius:8px;font-size:12px;overflow:hidden}.sd-table__wrapper .sd-table__container .sd-table__middle{overflow:auto;will-change:scroll-position;height:var(--table-height, auto)}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--selectable td.sd-td--selected,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--selectable th.sd-th--selected{width:52px !important;max-width:52px !important;min-width:52px !important;padding:0 10px 0 24px;text-align:left}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-header thead{position:sticky;top:0;z-index:120}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column th.sticky-left,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column th.sticky-right{position:sticky;background-color:#f5faff;z-index:110 !important}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column td.sticky-left,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column td.sticky-right{position:sticky;background-color:white;z-index:100 !important}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column .sticky-left{left:var(--sticky-left-offset, 0)}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column .sticky-right{right:var(--sticky-right-offset, 0)}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column th.sticky-cell{position:sticky;z-index:102;background-color:#f5faff}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--sticky-column td.sticky-cell{position:sticky;z-index:101;background-color:white}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-left th.sticky-left-edge,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-left td.sticky-left-edge{overflow:visible}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-left th.sticky-left-edge:after,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-left td.sticky-left-edge:after{content:"";position:absolute;top:0;left:100%;right:-20px;width:20px;height:100%;z-index:101 !important;box-shadow:inset 12px 0 20px -25px;opacity:1;pointer-events:none}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-right th.sticky-right-edge,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-right td.sticky-right-edge{overflow:visible}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-right th.sticky-right-edge:after,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--scrolled-right td.sticky-right-edge:after{content:"";position:absolute;top:0;left:-20px;width:20px;height:100%;z-index:101 !important;box-shadow:inset -12px 0 20px -25px;opacity:1;pointer-events:none}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--no-data thead{opacity:0.4}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--no-data thead tr th.sd-th{border-bottom:1px solid rgba(225, 225, 225, 0.4) !important}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table td,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table th,.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table .sd-th__content--label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:keep-all}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead{height:36px}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr{width:100%}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th{background:#f5faff;height:36px;padding:0 16px;font-weight:500;vertical-align:middle;border-bottom:1px solid #e1e1e1;-webkit-user-select:none;user-select:none;position:relative}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__content{display:flex;flex-flow:row nowrap;align-items:center;gap:4px}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__content--left{justify-content:flex-start}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__content--center{justify-content:center}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__content--right{justify-content:flex-end}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__resizer{position:absolute;top:50%;right:0;transform:translateY(-50%);width:4px;height:16px;cursor:col-resize;z-index:3;border-left:1px solid #cccccc;border-right:1px solid #cccccc}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody tr:last-of-type td{border-bottom:none}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody tr td{height:44px;padding:0 16px;border-bottom:1px solid #e1e1e1;background:white;vertical-align:middle}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody tr td.sd-td--left{text-align:left}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody tr td.sd-td--center{text-align:center}.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody tr td.sd-td--right{text-align:right}.sd-table__wrapper .sd-table__container .sd-table__bottom{background:white;text-align:center}.sd-table__wrapper .sd-table__pagination{background:#f9f9f9;height:48px;display:flex;align-items:center;justify-content:center;border:1px solid #e1e1e1;border-top:none;border-radius:8px}';const c=class{constructor(r){e(this,r);this.sdSelectChange=o(this,"sdSelectChange");this.sdPageChange=o(this,"sdPageChange")}get el(){return r(this)}columns;rows;selected=new Set;rowKey="id";selectable=false;resizable=false;width;height;stickyHeader=false;stickyColumn={left:0,right:0};noDataLabel="데이터가 없습니다.";pagination;bodyCellRenderer;sdSelectChange;sdPageChange;currentPage=this.pagination?.page||1;innerRows=[];innerSelected=new Set;columnWidths=[];scrolledLeft=false;scrolledRight=false;handleColumnsChange(e){this.columnWidths=e.map((e=>parseInt(e.width||"120",10)))}handleRowsChange(e){this.innerRows=[...e]}handleSelectedChange(e){this.innerSelected=new Set(e)}handlePaginationChange(e){if(e?.page&&e.page!==this.currentPage)this.currentPage=e.page}componentWillLoad(){this.innerRows=[...this.rows];this.innerSelected=new Set(this.selected);this.columnWidths=this.columns.map((e=>parseInt(e.width||"120",10)))}componentDidLoad(){if(typeof window==="undefined")return;const e=this.el.querySelector(".sd-table__middle");if(!e)return;const o=()=>{const{scrollLeft:o,scrollWidth:r,clientWidth:t}=e;this.scrolledLeft=o>0;this.scrolledRight=o+t<r};e.addEventListener("scroll",o,{passive:true});o()}get visibleColumns(){return this.columns.filter((e=>e.visible!==false))}get paginatedRows(){if(!this.pagination)return this.innerRows;const{rowsPerPage:e=this.rows.length}=this.pagination||{};const o=this.innerRows.slice((this.currentPage-1)*e,this.currentPage*e);return o}get lastPageNumber(){const{lastPage:e,rowsPerPage:o=this.rows.length}=this.pagination||{};return e??Math.max(1,Math.ceil(this.rows.length/o))}get sdTableClasses(){return["sd-table",this.stickyHeader&&"sd-table--sticky-header",this.selectable&&"sd-table--selectable",this.resizable&&"sd-table--resizable",!this.innerRows.length&&"sd-table--no-data",((this.stickyColumn?.left??0)>0||(this.stickyColumn?.right??0)>0)&&"sd-table--sticky-column",this.scrolledLeft&&"sd-table--scrolled-left",this.scrolledRight&&"sd-table--scrolled-right"].filter(Boolean).join(" ")}isRowSelected(e){return Array.from(this.innerSelected).some((o=>o[this.rowKey]===e[this.rowKey]))}updateRowSelect(e){const o=Array.from(this.innerSelected);const r=this.isRowSelected(e);const t=r?o.filter((o=>o[this.rowKey]!==e[this.rowKey])):[...o,e];if(t.length===o.length)return;this.innerSelected=new Set(t);this.sdSelectChange.emit(Array.from(this.innerSelected))}toggleSelectAll(e){if(e){const e=new Set([...this.paginatedRows]);this.innerSelected=new Set([...this.innerSelected,...e])}else{const e=this.paginatedRows.map((e=>e[this.rowKey]));this.innerSelected=new Set([...this.innerSelected].filter((o=>!e.includes(o[this.rowKey]))))}this.sdSelectChange.emit(Array.from(this.innerSelected))}get isAllChecked(){const e=this.paginatedRows.length;const o=this.paginatedRows.filter((e=>Array.from(this.innerSelected).some((o=>o[this.rowKey]===e[this.rowKey])))).length;if(o===0)return false;if(o===e)return true;return null}getStickyStyle(e){const o=this.columnWidths.slice(0,e).reduce(((e,o)=>e+o),0)+(this.selectable?52:0);const r=this.columnWidths.filter(((o,r)=>r>=this.visibleColumns.length-(this.stickyColumn.right||0)&&r>e)).reduce(((e,o)=>e+o),0);return{"--sticky-left-offset":`${o}px`,"--sticky-right-offset":`${r}px`,width:`${this.columnWidths[e]}px`,minWidth:`${this.columnWidths[e]}px`,maxWidth:`${this.columnWidths[e]}px`}}handleResize(e,o){if(typeof document==="undefined")return;const r=o.clientX;const t=this.columnWidths[e];const l=o=>{const l=Math.max(t+o.clientX-r,50);this.columnWidths=this.columnWidths.map(((o,r)=>r===e?l:o))};const a=()=>{document.removeEventListener("mousemove",l);document.removeEventListener("mouseup",a)};document.addEventListener("mousemove",l);document.addEventListener("mouseup",a)}getCellValue(e,o){const{field:r,format:t,name:l}=e;const a=typeof r==="function"?r(o):r?o[r]:o[l];return t?t(a,o):a}renderHeader(){return t("thead",null,t("tr",null,this.selectable&&t("th",{class:{"sd-th":true,"sd-th--selected":true,"sticky-left":Boolean(this.stickyColumn.left&&this.stickyColumn.left>0)},style:{"--sticky-left-offset":"0px"}},t("sd-checkbox",{checked:this.isAllChecked,disabled:!this.paginatedRows.length,onSdChange:e=>this.toggleSelectAll(e.detail)})),this.visibleColumns.map(((e,o)=>t("th",{key:e.name,class:{"sd-th":true,[`${e.thClass}`]:Boolean(e.thClass),"sticky-left":Boolean(this.stickyColumn.left&&o<this.stickyColumn.left),"sticky-right":Boolean(this.stickyColumn.right&&o>=this.visibleColumns.length-this.stickyColumn.right),"sticky-left-edge":Boolean(this.stickyColumn.left&&o===this.stickyColumn.left-1),"sticky-right-edge":Boolean(this.stickyColumn.right&&o===this.visibleColumns.length-this.stickyColumn.right)},style:this.getStickyStyle(o)},t("div",{class:`sd-th__content sd-th__content--${e.align||"left"}`},t("slot",{name:`header-cell-${e.name}`},t("div",{class:"sd-th__content--label"},e.label)),e.usePageMoveIcon&&t("sd-icon",{name:"pageMove",size:"12",color:"#006AC1"}),e.tooltip&&t("sd-tooltip",{...e.tooltipOptions},e.tooltip.map((e=>t("div",null,e))))),this.resizable&&typeof window!=="undefined"&&t("div",{class:"sd-th__resizer",onMouseDown:e=>this.handleResize(o,e)}))))))}renderBody(){if(!this.paginatedRows.length)return t("tbody",{part:"tbody-empty"},t("tr",null,t("td",{colSpan:this.visibleColumns.length+(this.selectable?1:0)},this.noDataLabel)));return t("tbody",null,this.paginatedRows.map(((e,o)=>t("tr",{key:e[this.rowKey],class:"hover:bg-Grey_Lighten-6"},this.selectable&&t("td",{class:{"sd-td":true,"sd-td--selected":true,"sticky-left":Boolean(this.stickyColumn.left&&this.stickyColumn.left>0)},style:{"--sticky-left-offset":"0px"}},t("sd-checkbox",{checked:this.isRowSelected(e),disabled:!this.paginatedRows.length,onSdChange:()=>this.updateRowSelect(e)})),this.visibleColumns.map(((r,l)=>{const a=this.bodyCellRenderer?.(r,e);return t("td",{key:r.name,part:`td-${r.name}`,class:{"sd-td":true,[`sd-td--${r.align||"left"}`]:true,"sticky-left":Boolean(this.stickyColumn.left&&l<this.stickyColumn.left),"sticky-right":Boolean(this.stickyColumn.right&&l>=this.visibleColumns.length-this.stickyColumn.right),"sticky-left-edge":Boolean(this.stickyColumn.left&&l===this.stickyColumn.left-1),"sticky-right-edge":Boolean(this.stickyColumn.right&&l===this.visibleColumns.length-this.stickyColumn.right),[`${r.tdClass}`]:Boolean(r.tdClass)},style:this.getStickyStyle(l)},t("slot",{name:`body-cell-${r.name}-${o}`},a?typeof a==="string"?t("span",{innerHTML:a}):a:this.getCellValue(r,e)))}))))))}render(){return t(l,{key:"4340dbc76307eaa060d06927ee8248b31c6adf1a"},t("div",{key:"84b5a47e673859dfea4e9a419a7ca9f573a6873b",class:"sd-table__wrapper",style:{"--table-width":this.width,"--table-height":this.height}},t("div",{key:"1da8a658ebf6a9c407805c8501de6a9668b91e34",class:"sd-table__container"},t("div",{key:"4355689400e4d0f193c4afcb2c63233d845540ac",class:"sd-table__middle"},t("table",{key:"3fa9369b27ffa2b9749ffe11910d68adc0d8ecc2",part:"table",class:this.sdTableClasses},this.renderHeader(),this.renderBody())),t("div",{key:"1734c538a07687b0312b10991b9915a0e092111f",class:"sd-table__bottom"})),this.pagination&&this.innerRows.length>0&&t("div",{key:"7f12f38f6412b7618bc5a2f8ce75c25cdd867fa3",class:"sd-table__pagination"},t("sd-pagination",{key:"53647294fbf62ae40f9a16d8c98eb94a3f6ca2fd",currentPage:this.currentPage,lastPage:this.lastPageNumber,onPageChange:e=>{this.currentPage=e.detail;this.sdPageChange.emit(this.currentPage)}}))))}static get watchers(){return{columns:["handleColumnsChange"],rows:["handleRowsChange"],selected:["handleSelectedChange"],pagination:["handlePaginationChange"]}}};c.style=a;export{c as sd_table};
2
+ //# sourceMappingURL=p-abfa217b.entry.js.map
package/dist/design-system/{p-0517f818.entry.js.map → p-abfa217b.entry.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"names":["registerInstance","createEvent","getElement","h","Host","sdTableCss","SdTable","constructor","hostRef","this","sdSelectChange","sdPageChange","el","columns","rows","selected","Set","rowKey","selectable","resizable","width","height","stickyHeader","stickyColumn","left","right","noDataLabel","pagination","bodyCellRenderer","currentPage","page","innerRows","innerSelected","columnWidths","scrolledLeft","scrolledRight","handleColumnsChange","newCols","map","c","parseInt","handleRowsChange","newRows","handleSelectedChange","newSelected","handlePaginationChange","newVal","componentWillLoad","componentDidLoad","window","middle","querySelector","onScroll","scrollLeft","scrollWidth","clientWidth","addEventListener","passive","visibleColumns","filter","col","visible","paginatedRows","rowsPerPage","length","result","slice","lastPageNumber","lastPage","Math","max","ceil","sdTableClasses","Boolean","join","isRowSelected","row","Array","from","some","r","updateRowSelect","selectedArray","exists","emit","toggleSelectAll","checked","pageRows","currentPageKeys","includes","isAllChecked","total","selectedCount","selectedRow","getStickyStyle","colIdx","leftOffset","reduce","a","b","rightOffset","_","i","minWidth","maxWidth","handleResize","index","event","document","startX","clientX","startWidth","handleMouseMove","moveEvent","newWidth","idx","handleMouseUp","removeEventListener","getCellValue","column","field","format","name","value","renderHeader","class","style","disabled","onSdChange","e","detail","key","thClass","align","label","usePageMoveIcon","size","color","tooltip","tooltipOptions","text","onMouseDown","evt","renderBody","part","colSpan","rowIdx","rendered","tdClass","innerHTML","render","onPageChange","watchers"],"sources":["0"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["registerInstance","createEvent","getElement","h","Host","sdTableCss","SdTable","constructor","hostRef","this","sdSelectChange","sdPageChange","el","columns","rows","selected","Set","rowKey","selectable","resizable","width","height","stickyHeader","stickyColumn","left","right","noDataLabel","pagination","bodyCellRenderer","currentPage","page","innerRows","innerSelected","columnWidths","scrolledLeft","scrolledRight","handleColumnsChange","newCols","map","c","parseInt","handleRowsChange","newRows","handleSelectedChange","newSelected","handlePaginationChange","newVal","componentWillLoad","componentDidLoad","window","middle","querySelector","onScroll","scrollLeft","scrollWidth","clientWidth","addEventListener","passive","visibleColumns","filter","col","visible","paginatedRows","rowsPerPage","length","result","slice","lastPageNumber","lastPage","Math","max","ceil","sdTableClasses","Boolean","join","isRowSelected","row","Array","from","some","r","updateRowSelect","selectedArray","exists","emit","toggleSelectAll","checked","pageRows","currentPageKeys","includes","isAllChecked","total","selectedCount","selectedRow","getStickyStyle","colIdx","leftOffset","reduce","a","b","rightOffset","_","i","minWidth","maxWidth","handleResize","index","event","document","startX","clientX","startWidth","handleMouseMove","moveEvent","newWidth","idx","handleMouseUp","removeEventListener","getCellValue","column","field","format","name","value","renderHeader","class","style","disabled","onSdChange","e","detail","key","thClass","align","label","usePageMoveIcon","size","color","tooltip","tooltipOptions","text","onMouseDown","evt","renderBody","part","colSpan","rowIdx","rendered","tdClass","innerHTML","render","onPageChange","watchers"],"sources":["0"],"mappings":"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","ignoreList":[]}
package/dist/design-system/p-adee3154.entry.js ADDED
@@ -0,0 +1,2 @@
1
+ import{r as t,a as e,h as o,H as i}from"./p-CqOU6L62.js";import{c as n}from"./p-CgyTlXBV.js";const s='@charset "UTF-8";.sd-button{text-decoration:none;cursor:pointer;border-radius:4px;transition:all 0.2s ease-in-out;position:relative;overflow:hidden;white-space:nowrap;-webkit-user-select:none;user-select:none;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center}.sd-button--xs{padding:0 8px;font-size:12px;font-weight:500;line-height:20px;min-height:24px}.sd-button--sm{padding:0 12px;font-size:12px;font-weight:500;line-height:20px;min-height:28px}.sd-button--md{padding:0 20px;font-size:16px;font-weight:500;line-height:26px;min-height:34px}.sd-button--lg{padding:0 28px;font-size:18px;font-weight:500;line-height:30px;min-height:62px}.sd-button--primary{background-color:var(--button-color);color:white;transition:filter 0.2s ease}.sd-button--primary::before{content:"";position:absolute;inset:0;background:#000000;opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--primary:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.25}.sd-button--outline{background:white;border:1px solid var(--button-color);color:var(--button-color)}.sd-button--outline::before{content:"";position:absolute;inset:0;background:var(--button-color);opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--outline:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.15}.sd-button--outline .sd-button__content{position:relative;z-index:1}.sd-button--ghost{background-color:transparent;color:var(--button-color);border-color:transparent}.sd-button--ghost::before{content:"";position:absolute;inset:0;background:var(--button-color);opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--ghost:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.15}.sd-button--ghost .sd-button__content{position:relative;z-index:1}.sd-button--disabled{border:1px solid #cccccc;background:#e1e1e1;color:#888888;cursor:not-allowed !important}.sd-button--icon-only{padding:0;width:fit-content;height:fit-content;aspect-ratio:1/1}.sd-button--no-hover:hover::before{opacity:0 !important}.sd-button .sd-button__content{display:inline-flex;align-items:center;justify-content:center;gap:4px;z-index:1;font-weight:500}sd-guide{display:inline-block;height:fit-content}sd-guide .sd-guide{display:inline-block}sd-guide .sd-guide .sd-button{padding:0 16px 0 12px;border-radius:16px;color:#333333 !important;display:flex;align-items:center}sd-guide .sd-guide .sd-button .sd-button__content{color:#333333 !important}sd-guide .sd-guide .sd-button .sd-button__content .sd-button__label{color:#333333 !important}sd-guide--active .sd-button .sd-button__content .sd-button__label{color:white !important}.sd-guide__popup{position:relative;padding:20px 32px;border-radius:8px;box-shadow:4px 4px 24px 4px rgba(0, 0, 0, 0.1);background:white}.sd-guide__popup>.sd-guide__popup__close{position:absolute;top:12px;right:12px}.sd-guide__popup__header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.sd-guide__popup__header .sd-guide__popup__title{margin-top:0;font-size:16px;font-weight:700;line-height:26px;color:#333333}.sd-guide__popup__list{width:100%;padding:0;margin:0}.sd-guide__popup__list__item{display:flex;width:100%;align-items:start;list-style:none;color:#333333;font-size:12px;font-weight:400}.sd-guide__popup__list__item p{width:100%;padding:0;margin:0;word-wrap:break-word;word-break:break-word;white-space:normal;overflow-wrap:break-word;min-width:0}.sd-guide__popup__list__item::before{display:block;content:"-";width:6px;color:#333333;font-size:12px;font-weight:400;margin-left:10px;margin-right:12px;flex-shrink:0}.sd-guide__popup__list__item--depth-2::before{content:"•"}.sd-guide__popup__list__item--depth-2{padding-left:26px}';const d={help:"활용 TIP",pdf:"PDF Guide",youtube:"Video Guide",notion:"사용 가이드",event:"Event Button"};const p={help:{name:"helpOutline",size:20,color:n.green_65},pdf:{name:"pdf",size:20,color:n.red_75},youtube:{name:"youtube",size:20,color:n.red_75},notion:{name:"notion",size:16,color:n.black},event:{name:"event",size:16,color:n.brilliantblue_70}};const r=class{constructor(e){t(this,e)}get el(){return e(this)}type="help";label="";message="";guideUrl="";popupWidth;popupShow=false;guideRef;handleClickGuide=()=>{if(this.type==="help"){this.popupShow=!this.popupShow;return}if(this.guideUrl){window.open(this.guideUrl,"_blank")}};get guideClass(){const t=["sd-guide",`sd-guide--${this.type}`];if(this.popupShow)t.push("sd-guide--active");return t.join(" ")}closeDropdown=()=>{this.popupShow=false};render(){const{name:t,size:e,color:s}=p[this.type];return o(i,{key:"6cb7472ea6718a325174a57d4de427e5d4fa6c52",style:{"--sd-guide-color":p[this.type].color}},o("sd-button",{key:"c4672172d4a2d1a24aea7876987bb28ac80fc374",ref:t=>this.guideRef=t,class:this.guideClass,variant:this.popupShow?"primary":"outline",label:d[this.type],size:"sm",color:this.popupShow?p[this.type].color:"grey_45",icon:t,iconColor:this.popupShow?"white":s,iconSize:e,noHover:this.popupShow,onSdClick:this.handleClickGuide}),this.type==="help"&&this.popupShow&&o("sd-portal",{key:"5b5767e9faefef34f885f2625428c2ca8d439435",open:this.popupShow,parentRef:this.guideRef,onSdClose:this.closeDropdown,offset:[0,4]},o("div",{key:"9ebbf396ef0fe7a189285e5c71aec2a5293e6406",class:"sd-guide__popup",style:{width:this.popupWidth?this.popupWidth+"px":"426px"}},o("sd-button",{key:"8d68bd99088adaf1b572dd2fa03047c9fa3d5887",class:"sd-guide__popup__close",icon:"close",color:n.grey_65,size:"md",variant:"ghost",noHover:true,onSdClick:this.closeDropdown}),o("div",{key:"bb58bbdc336075e4ef65ef7f16a6320303b41c30",class:"sd-guide__popup__header"},o("sd-icon",{key:"fd631d6e0631fb59b81d50d458b97b2725c0fafb",name:"helpOutline",size:24,color:n.green_65}),o("h3",{key:"0692203e362f4b6acb43c815a86d3ac64a8f036d",class:"sd-guide__popup__title"},this.label||d[this.type])),o("ul",{key:"9573043a5bd61ed040df3c09e42daca8a3f35b7a",class:"sd-guide__popup__list"},this.renderListItem(this.message)))))}renderListItem(t,e=0){const o=[];if(Array.isArray(t)){const i=t.map((t=>this.renderListItem(t,e+1)));o.push(...i.flat())}else{o.push(this.renderLi(t,e))}return o}renderLi=(t,e)=>{const i=t.replace(/ /gi,"&nbsp;");return o("li",{class:`sd-guide__popup__list__item sd-guide__popup__list__item--depth-${e}`},o("p",{innerHTML:i}))}};r.style=s;export{r as sd_guide};
2
+ //# sourceMappingURL=p-adee3154.entry.js.map
package/dist/design-system/{p-b13de8da.entry.js.map → p-adee3154.entry.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"names":["registerInstance","getElement","h","Host","colors","sdGuideCss","GUIDE_LABEL","help","pdf","youtube","notion","event","GUIDE_ICON","name","size","color","green_65","red_75","black","brilliantblue_70","SdGuide","constructor","hostRef","this","el","type","label","message","guideUrl","popupWidth","popupShow","guideRef","handleClickGuide","window","open","guideClass","classes","push","join","closeDropdown","render","iconName","iconSize","iconColor","key","style","ref","class","variant","icon","noHover","onSdClick","parentRef","onSdClose","offset","width","grey_65","renderListItem","depth","listItems","Array","isArray","depthMsg","map","msg","flat","renderLi","listContent","replace","innerHTML"],"sources":["0"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["registerInstance","getElement","h","Host","colors","sdGuideCss","GUIDE_LABEL","help","pdf","youtube","notion","event","GUIDE_ICON","name","size","color","green_65","red_75","black","brilliantblue_70","SdGuide","constructor","hostRef","this","el","type","label","message","guideUrl","popupWidth","popupShow","guideRef","handleClickGuide","window","open","guideClass","classes","push","join","closeDropdown","render","iconName","iconSize","iconColor","key","style","ref","class","variant","icon","noHover","onSdClick","parentRef","onSdClose","offset","width","grey_65","renderListItem","depth","listItems","Array","isArray","depthMsg","map","msg","flat","renderLi","listContent","replace","innerHTML"],"sources":["0"],"mappings":"YAAcA,OAAuBC,OAAYC,OAAQC,MAAY,8BACvDC,MAAc,kBAE5B,MAAMC,EAAa,ioHAEnB,MAAMC,EAAc,CAChBC,KAAM,SACNC,IAAK,YACLC,QAAS,cACTC,OAAQ,SACRC,MAAO,gBAEX,MAAMC,EAAa,CACfL,KAAM,CACFM,KAAM,cACNC,KAAM,GACNC,MAAOX,EAAOY,UAElBR,IAAK,CAAEK,KAAM,MAAOC,KAAM,GAAIC,MAAOX,EAAOa,QAC5CR,QAAS,CAAEI,KAAM,UAAWC,KAAM,GAAIC,MAAOX,EAAOa,QACpDP,OAAQ,CAAEG,KAAM,SAAUC,KAAM,GAAIC,MAAOX,EAAOc,OAClDP,MAAO,CAAEE,KAAM,QAASC,KAAM,GAAIC,MAAOX,EAAOe,mBAEpD,MAAMC,EAAU,MACZ,WAAAC,CAAYC,GACRtB,EAAiBuB,KAAMD,EAC3B,CACA,MAAIE,GAAO,OAAOvB,EAAWsB,KAAO,CACpCE,KAAO,OACPC,MAAQ,GACRC,QAAU,GACVC,SAAW,GACXC,WACAC,UAAY,MACZC,SACAC,iBAAmB,KACf,GAAIT,KAAKE,OAAS,OAAQ,CACtBF,KAAKO,WAAaP,KAAKO,UACvB,MACJ,CACA,GAAIP,KAAKK,SAAU,CACfK,OAAOC,KAAKX,KAAKK,SAAU,SAC/B,GAEJ,cAAIO,GACA,MAAMC,EAAU,CAAC,WAAY,aAAab,KAAKE,QAC/C,GAAIF,KAAKO,UACLM,EAAQC,KAAK,oBACjB,OAAOD,EAAQE,KAAK,IACxB,CACAC,cAAgB,KACZhB,KAAKO,UAAY,KAAK,EAE1B,MAAAU,GACI,MAAQ3B,KAAM4B,EAAU3B,KAAM4B,EAAU3B,MAAO4B,GAAc/B,EAAWW,KAAKE,MAC7E,OAAQvB,EAAEC,EAAM,CAAEyC,IAAK,2CAA4CC,MAAO,CAClE,mBAAoBjC,EAAWW,KAAKE,MAAMV,QACzCb,EAAE,YAAa,CAAE0C,IAAK,2CAA4CE,IAAKtB,GAAOD,KAAKQ,SAAWP,EAAKuB,MAAOxB,KAAKY,WAAYa,QAASzB,KAAKO,UAAY,UAAY,UAAWJ,MAAOpB,EAAYiB,KAAKE,MAAOX,KAAM,KAAMC,MAAOQ,KAAKO,UAAYlB,EAAWW,KAAKE,MAAMV,MAAQ,UAAWkC,KAAMR,EAAUE,UAAWpB,KAAKO,UAAY,QAAUa,EAAWD,SAAUA,EAAUQ,QAAS3B,KAAKO,UAAWqB,UAAW5B,KAAKS,mBAAqBT,KAAKE,OAAS,QAAUF,KAAKO,WAAc5B,EAAE,YAAa,CAAE0C,IAAK,2CAA4CV,KAAMX,KAAKO,UAAWsB,UAAW7B,KAAKQ,SAAUsB,UAAW9B,KAAKgB,cAAee,OAAQ,CAAC,EAAG,IAAMpD,EAAE,MAAO,CAAE0C,IAAK,2CAA4CG,MAAO,kBAAmBF,MAAO,CAAEU,MAAOhC,KAAKM,WAAaN,KAAKM,WAAa,KAAO,UAAa3B,EAAE,YAAa,CAAE0C,IAAK,2CAA4CG,MAAO,yBAA0BE,KAAM,QAASlC,MAAOX,EAAOoD,QAAS1C,KAAM,KAAMkC,QAAS,QAASE,QAAS,KAE58BC,UAAW5B,KAAKgB,gBAAkBrC,EAAE,MAAO,CAAE0C,IAAK,2CAA4CG,MAAO,2BAA6B7C,EAAE,UAAW,CAAE0C,IAAK,2CAA4C/B,KAAM,cAAeC,KAAM,GAAIC,MAAOX,EAAOY,WAAad,EAAE,KAAM,CAAE0C,IAAK,2CAA4CG,MAAO,0BAA4BxB,KAAKG,OAASpB,EAAYiB,KAAKE,QAASvB,EAAE,KAAM,CAAE0C,IAAK,2CAA4CG,MAAO,yBAA2BxB,KAAKkC,eAAelC,KAAKI,YAChgB,CAEA,cAAA8B,CAAe9B,EAAS+B,EAAQ,GAC5B,MAAMC,EAAY,GAClB,GAAIC,MAAMC,QAAQlC,GAAU,CACxB,MAAMmC,EAAWnC,EAAQoC,KAAIC,GAAOzC,KAAKkC,eAAeO,EAAKN,EAAQ,KACrEC,EAAUtB,QAAQyB,EAASG,OAC/B,KACK,CACDN,EAAUtB,KAAKd,KAAK2C,SAASvC,EAAS+B,GAC1C,CACA,OAAOC,CACX,CACAO,SAAW,CAACvC,EAAS+B,KACjB,MAAMS,EAAcxC,EAAQyC,QAAQ,MAAO,UAC3C,OAAQlE,EAAE,KAAM,CAAE6C,MAAO,kEAAkEW,KAAWxD,EAAE,IAAK,CAAEmE,UAAWF,IAAgB,GAGlJ/C,EAAQyB,MAAQxC,SAEPe","ignoreList":[]}
package/dist/design-system/{p-2d6340d8.entry.js → p-b537f724.entry.js} RENAMED
@@ -1,2 +1,2 @@
1
- import{r as t,a as e,h as r}from"./p-Bknr-FpS.js";const s=":host{display:inline-block}:host([full-width]){display:block}.sd-tag{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;border:1px solid transparent;border-radius:4px;transition:all 0.2s ease-in-out;position:relative;overflow:hidden;white-space:nowrap;-webkit-user-select:none;user-select:none;box-sizing:border-box}.sd-tag--custom-color{background:var(--tag-bg-color);color:var(--tag-text-color)}.sd-tag--sm{padding:0 6px;font-size:11px;line-height:18px;height:20px;border-radius:4px}.sd-tag--md{padding:0 8px;font-size:12px;font-weight:700;line-height:20px;height:24px;border-radius:4px}.sd-tag--lg{padding:0 10px;font-size:14px;font-weight:700;line-height:24px;min-height:28px;border-radius:5px}.sd-tag--rounded.sd-tag--sm{border-radius:20px}.sd-tag--rounded.sd-tag--md{border-radius:20px}.sd-tag--rounded.sd-tag--lg{border-radius:15px}";const o={grey:"bg-grey_20 text-grey_70",red:"bg-red_15 text-red_70",orange:"bg-orange_10 text-orange_65",yellow:"bg-yellow_10 text-yellow_60",green:"bg-green_15 text-green_70",blue:"bg-brilliantblue_20 text-brilliantblue_75",darkblue:"bg-oceanblue_15 text-oceanblue_70",indigo:"bg-brilliantblue_10 text-brilliantblue_85"};const i=class{constructor(e){t(this,e)}get el(){return e(this)}size="md";color="grey";rounded=false;label="";bgColor;textColor;getTagClasses(){const t=["sd-tag",`sd-tag--${this.size}`];if(this.rounded){t.push("sd-tag--rounded")}if(this.color&&!this.bgColor&&!this.textColor){t.push(o[this.color])}if(this.bgColor||this.textColor){t.push("sd-tag--custom-color")}return t.join(" ")}renderContent(){return[r("span",{class:"sd-tag__content"},r("slot",null,this.label))]}render(){const t=this.getTagClasses();return r("span",{key:"42250b22292bd0f6d6ffd4dc46ceda624a7001ba",class:t,style:{"--tag-bg-color":this.bgColor,"--tag-text-color":this.textColor},"aria-label":this.label||"tag"},this.renderContent())}};i.style=s;export{i as sd_tag};
2
- //# sourceMappingURL=p-2d6340d8.entry.js.map
1
+ import{r as t,a as e,h as r}from"./p-CqOU6L62.js";const s=":host{display:inline-block}:host([full-width]){display:block}.sd-tag{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;border:1px solid transparent;border-radius:4px;transition:all 0.2s ease-in-out;position:relative;overflow:hidden;white-space:nowrap;-webkit-user-select:none;user-select:none;box-sizing:border-box}.sd-tag--custom-color{background:var(--tag-bg-color);color:var(--tag-text-color)}.sd-tag--sm{padding:0 6px;font-size:11px;line-height:18px;height:20px;border-radius:4px}.sd-tag--md{padding:0 8px;font-size:12px;font-weight:700;line-height:20px;height:24px;border-radius:4px}.sd-tag--lg{padding:0 10px;font-size:14px;font-weight:700;line-height:24px;min-height:28px;border-radius:5px}.sd-tag--rounded.sd-tag--sm{border-radius:20px}.sd-tag--rounded.sd-tag--md{border-radius:20px}.sd-tag--rounded.sd-tag--lg{border-radius:15px}";const o={grey:"bg-grey_20 text-grey_70",red:"bg-red_15 text-red_70",orange:"bg-orange_10 text-orange_65",yellow:"bg-yellow_10 text-yellow_60",green:"bg-green_15 text-green_70",blue:"bg-brilliantblue_20 text-brilliantblue_75",darkblue:"bg-oceanblue_15 text-oceanblue_70",indigo:"bg-brilliantblue_10 text-brilliantblue_85"};const i=class{constructor(e){t(this,e)}get el(){return e(this)}size="md";color="grey";rounded=false;label="";bgColor;textColor;getTagClasses(){const t=["sd-tag",`sd-tag--${this.size}`];if(this.rounded){t.push("sd-tag--rounded")}if(this.color&&!this.bgColor&&!this.textColor){t.push(o[this.color])}if(this.bgColor||this.textColor){t.push("sd-tag--custom-color")}return t.join(" ")}renderContent(){return[r("span",{class:"sd-tag__content"},r("slot",null,this.label))]}render(){const t=this.getTagClasses();return r("span",{key:"42250b22292bd0f6d6ffd4dc46ceda624a7001ba",class:t,style:{"--tag-bg-color":this.bgColor,"--tag-text-color":this.textColor},"aria-label":this.label||"tag"},this.renderContent())}};i.style=s;export{i as sd_tag};
2
+ //# sourceMappingURL=p-b537f724.entry.js.map
package/dist/design-system/{p-d69659f8.entry.js → p-bda05b6f.entry.js} RENAMED
@@ -1,2 +1,2 @@
1
- import{r as t,c as i,a as o,h as s,H as e}from"./p-Bknr-FpS.js";import{r as n}from"./p-BoLmB6pG.js";import"./p-CgyTlXBV.js";const r='.sd-button{text-decoration:none;cursor:pointer;border-radius:4px;transition:all 0.2s ease-in-out;position:relative;overflow:hidden;white-space:nowrap;-webkit-user-select:none;user-select:none;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center}.sd-button--xs{padding:0 8px;font-size:12px;font-weight:500;line-height:20px;min-height:24px}.sd-button--sm{padding:0 12px;font-size:12px;font-weight:500;line-height:20px;min-height:28px}.sd-button--md{padding:0 20px;font-size:16px;font-weight:500;line-height:26px;min-height:34px}.sd-button--lg{padding:0 28px;font-size:18px;font-weight:500;line-height:30px;min-height:62px}.sd-button--primary{background-color:var(--button-color);color:white;transition:filter 0.2s ease}.sd-button--primary::before{content:"";position:absolute;inset:0;background:#000000;opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--primary:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.25}.sd-button--outline{background:white;border:1px solid var(--button-color);color:var(--button-color)}.sd-button--outline::before{content:"";position:absolute;inset:0;background:var(--button-color);opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--outline:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.15}.sd-button--outline .sd-button__content{position:relative;z-index:1}.sd-button--ghost{background-color:transparent;color:var(--button-color);border-color:transparent}.sd-button--ghost::before{content:"";position:absolute;inset:0;background:var(--button-color);opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--ghost:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.15}.sd-button--ghost .sd-button__content{position:relative;z-index:1}.sd-button--disabled{border:1px solid #cccccc;background:#e1e1e1;color:#888888;cursor:not-allowed !important}.sd-button--icon-only{padding:0;width:fit-content;height:fit-content;aspect-ratio:1/1}.sd-button--no-hover:hover::before{opacity:0 !important}.sd-button .sd-button__content{display:inline-flex;align-items:center;justify-content:center;gap:4px;z-index:1;font-weight:500}';const a={xs:12,sm:16,md:20,lg:24};const c=class{constructor(o){t(this,o);this.sdClick=i(this,"sdClick")}get el(){return o(this)}variant="primary";size="sm";color="#025497";label="";disabled=false;type="button";icon;iconColor;iconSize;iconRight;noHover=false;class="";sdClick;handleClick=t=>{if(this.disabled){t.preventDefault();t.stopPropagation();return}this.sdClick.emit(t)};getButtonClasses(){const t=["sd-button"];t.push(`sd-button--${this.variant}`);t.push(`sd-button--${this.size}`);t.push(`sd-button--color-${this.color}`);if(this.disabled){t.push("sd-button--disabled")}if(!this.label&&(this.icon||this.iconRight)){t.push("sd-button--icon-only")}if(this.noHover){t.push("sd-button--no-hover")}return t.join(" ")}render(){const t=this.getButtonClasses();const i=n(this.color);return s(e,{key:"b30c8006e2f187fb971bcd47f8ce4a91d1dc47a6",style:{"--button-color":i}},s("button",{key:"f494c93fc0b9d55537b468f5c6458569df962633",class:`${t} ${this.class}`,type:this.type,disabled:this.disabled,onClick:this.handleClick},s("div",{key:"7d64a6526baeac8569cccc60d9befacef3e3777d",class:"sd-button__content"},this.icon&&s("sd-icon",{key:"9439e9456783aa5b057d383252a6b0c45a44b588",class:"sd-button__icon sd-button__icon--left",name:this.icon,size:this.iconSize?this.iconSize:a[this.size],color:this.iconColor?this.iconColor:this.variant==="primary"?"#fff":i}),this.label&&s("div",{key:"324371a6f8864c444cda39e7b349b4c9ec19b7f6",class:"sd-button__label"},this.label),this.iconRight&&s("sd-icon",{key:"733790ceda6e1822c71911b17e66f527936b15a2",class:"sd-button__icon sd-button__icon--right",name:this.iconRight,size:a[this.size],color:this.variant==="primary"?"#fff":i}))))}};c.style=r;const d=class{constructor(o){t(this,o);this.sdClose=i(this,"sdClose")}get el(){return o(this)}to="body";parentRef=null;offset=[0,0];zIndex=9999;placement="bottom";open=false;sdClose;container;wrapper;rafId;isInsideClick=false;resizeObserver;mutationObserver;static ARROW_SIZE=11.2;componentDidLoad(){this.container=this.resolveContainer();this.createWrapper();this.moveSlotContent();requestAnimationFrame((()=>{this.updatePosition();if(this.wrapper){this.wrapper.style.visibility="visible"}}));this.observeParent()}componentDidRender(){if(!this.wrapper)return;if(this.open){this.wrapper.style.display="block";requestAnimationFrame((()=>{this.updatePosition();if(this.wrapper){this.wrapper.style.visibility="visible"}}))}else{this.wrapper.style.display="none";this.wrapper.style.visibility="hidden"}}disconnectedCallback(){if(this.rafId)cancelAnimationFrame(this.rafId);this.unobserveParent();this.wrapper?.remove()}resolveContainer(){const t=typeof this.to==="string"?document.querySelector(this.to):this.to;return t instanceof HTMLElement?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(){if(!this.wrapper)return;const t=Array.from(this.el.childNodes).filter((t=>t.nodeType!==Node.COMMENT_NODE));t.forEach((t=>this.wrapper.appendChild(t)))}updatePosition(){if(this.rafId)cancelAnimationFrame(this.rafId);this.rafId=requestAnimationFrame((()=>{if(!this.parentRef||!this.wrapper)return;const t=this.parentRef.getBoundingClientRect();if(!t.width&&!t.height)return;const[i,o]=this.offset;const s=d.ARROW_SIZE;let e=0;let n=0;switch(this.placement){case"top":e=t.top+window.scrollY-this.wrapper.offsetHeight+o-s;n=t.left+window.scrollX+t.width/2-this.wrapper.offsetWidth/2+i;break;case"bottom":e=t.bottom+window.scrollY+o+s;n=t.left+window.scrollX+t.width/2-this.wrapper.offsetWidth/2+i;break;case"left":e=t.top+window.scrollY+t.height/2-this.wrapper.offsetHeight/2+o;n=t.left+window.scrollX-this.wrapper.offsetWidth-i-s;break;case"right":e=t.top+window.scrollY+t.height/2-this.wrapper.offsetHeight/2+o;n=t.right+window.scrollX+i+s;break}Object.assign(this.wrapper.style,{top:`${e}px`,left:`${n}px`})}))}observeParent(){if(!this.parentRef)return;this.resizeObserver=new ResizeObserver((()=>this.updatePosition()));this.resizeObserver.observe(this.parentRef);this.mutationObserver=new MutationObserver((()=>this.updatePosition()));this.mutationObserver.observe(document.body,{childList:true,subtree:true})}unobserveParent(){this.resizeObserver?.disconnect();this.mutationObserver?.disconnect()}handleMouseDown(t){this.isInsideClick=!!(this.wrapper&&this.wrapper.contains(t.target))}handleWindowClick(t){if(this.isInsideClick){this.isInsideClick=false;return}if(this.wrapper?.contains(t.target))return;this.sdClose.emit()}render(){return s("slot",{key:"45ebd398328f0a3d31299b0c4bc1456cda435e4c"})}};export{c as sd_button,d as sd_tooltip_portal};
2
- //# sourceMappingURL=p-d69659f8.entry.js.map
1
+ import{r as t,c as i,a as o,h as s,H as e}from"./p-CqOU6L62.js";import{r as n}from"./p-BoLmB6pG.js";import"./p-CgyTlXBV.js";const r='.sd-button{text-decoration:none;cursor:pointer;border-radius:4px;transition:all 0.2s ease-in-out;position:relative;overflow:hidden;white-space:nowrap;-webkit-user-select:none;user-select:none;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center}.sd-button--xs{padding:0 8px;font-size:12px;font-weight:500;line-height:20px;min-height:24px}.sd-button--sm{padding:0 12px;font-size:12px;font-weight:500;line-height:20px;min-height:28px}.sd-button--md{padding:0 20px;font-size:16px;font-weight:500;line-height:26px;min-height:34px}.sd-button--lg{padding:0 28px;font-size:18px;font-weight:500;line-height:30px;min-height:62px}.sd-button--primary{background-color:var(--button-color);color:white;transition:filter 0.2s ease}.sd-button--primary::before{content:"";position:absolute;inset:0;background:#000000;opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--primary:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.25}.sd-button--outline{background:white;border:1px solid var(--button-color);color:var(--button-color)}.sd-button--outline::before{content:"";position:absolute;inset:0;background:var(--button-color);opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--outline:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.15}.sd-button--outline .sd-button__content{position:relative;z-index:1}.sd-button--ghost{background-color:transparent;color:var(--button-color);border-color:transparent}.sd-button--ghost::before{content:"";position:absolute;inset:0;background:var(--button-color);opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--ghost:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.15}.sd-button--ghost .sd-button__content{position:relative;z-index:1}.sd-button--disabled{border:1px solid #cccccc;background:#e1e1e1;color:#888888;cursor:not-allowed !important}.sd-button--icon-only{padding:0;width:fit-content;height:fit-content;aspect-ratio:1/1}.sd-button--no-hover:hover::before{opacity:0 !important}.sd-button .sd-button__content{display:inline-flex;align-items:center;justify-content:center;gap:4px;z-index:1;font-weight:500}';const a={xs:12,sm:16,md:20,lg:24};const c=class{constructor(o){t(this,o);this.sdClick=i(this,"sdClick")}get el(){return o(this)}variant="primary";size="sm";color="#025497";label="";disabled=false;type="button";icon;iconColor;iconSize;iconRight;noHover=false;class="";sdClick;handleClick=t=>{if(this.disabled){t.preventDefault();t.stopPropagation();return}this.sdClick.emit(t)};getButtonClasses(){const t=["sd-button"];t.push(`sd-button--${this.variant}`);t.push(`sd-button--${this.size}`);t.push(`sd-button--color-${this.color}`);if(this.disabled){t.push("sd-button--disabled")}if(!this.label&&(this.icon||this.iconRight)){t.push("sd-button--icon-only")}if(this.noHover){t.push("sd-button--no-hover")}return t.join(" ")}render(){const t=this.getButtonClasses();const i=n(this.color);return s(e,{key:"b30c8006e2f187fb971bcd47f8ce4a91d1dc47a6",style:{"--button-color":i}},s("button",{key:"f494c93fc0b9d55537b468f5c6458569df962633",class:`${t} ${this.class}`,type:this.type,disabled:this.disabled,onClick:this.handleClick},s("div",{key:"7d64a6526baeac8569cccc60d9befacef3e3777d",class:"sd-button__content"},this.icon&&s("sd-icon",{key:"9439e9456783aa5b057d383252a6b0c45a44b588",class:"sd-button__icon sd-button__icon--left",name:this.icon,size:this.iconSize?this.iconSize:a[this.size],color:this.iconColor?this.iconColor:this.variant==="primary"?"#fff":i}),this.label&&s("div",{key:"324371a6f8864c444cda39e7b349b4c9ec19b7f6",class:"sd-button__label"},this.label),this.iconRight&&s("sd-icon",{key:"733790ceda6e1822c71911b17e66f527936b15a2",class:"sd-button__icon sd-button__icon--right",name:this.iconRight,size:a[this.size],color:this.variant==="primary"?"#fff":i}))))}};c.style=r;const d=class{constructor(o){t(this,o);this.sdClose=i(this,"sdClose")}get el(){return o(this)}to="body";parentRef=null;offset=[0,0];zIndex=9999;placement="bottom";open=false;sdClose;container;wrapper;rafId;isInsideClick=false;resizeObserver;mutationObserver;static ARROW_SIZE=11.2;componentDidLoad(){this.container=this.resolveContainer();this.createWrapper();this.moveSlotContent();requestAnimationFrame((()=>{this.updatePosition();if(this.wrapper){this.wrapper.style.visibility="visible"}}));this.observeParent()}componentDidRender(){if(!this.wrapper)return;if(this.open){this.wrapper.style.display="block";requestAnimationFrame((()=>{this.updatePosition();if(this.wrapper){this.wrapper.style.visibility="visible"}}))}else{this.wrapper.style.display="none";this.wrapper.style.visibility="hidden"}}disconnectedCallback(){if(this.rafId)cancelAnimationFrame(this.rafId);this.unobserveParent();this.wrapper?.remove()}resolveContainer(){const t=typeof this.to==="string"?document.querySelector(this.to):this.to;return t instanceof HTMLElement?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(){if(!this.wrapper)return;const t=Array.from(this.el.childNodes).filter((t=>t.nodeType!==Node.COMMENT_NODE));t.forEach((t=>this.wrapper.appendChild(t)))}updatePosition(){if(this.rafId)cancelAnimationFrame(this.rafId);this.rafId=requestAnimationFrame((()=>{if(!this.parentRef||!this.wrapper)return;const t=this.parentRef.getBoundingClientRect();if(!t.width&&!t.height)return;const[i,o]=this.offset;const s=d.ARROW_SIZE;let e=0;let n=0;switch(this.placement){case"top":e=t.top+window.scrollY-this.wrapper.offsetHeight+o-s;n=t.left+window.scrollX+t.width/2-this.wrapper.offsetWidth/2+i;break;case"bottom":e=t.bottom+window.scrollY+o+s;n=t.left+window.scrollX+t.width/2-this.wrapper.offsetWidth/2+i;break;case"left":e=t.top+window.scrollY+t.height/2-this.wrapper.offsetHeight/2+o;n=t.left+window.scrollX-this.wrapper.offsetWidth-i-s;break;case"right":e=t.top+window.scrollY+t.height/2-this.wrapper.offsetHeight/2+o;n=t.right+window.scrollX+i+s;break}Object.assign(this.wrapper.style,{top:`${e}px`,left:`${n}px`})}))}observeParent(){if(!this.parentRef)return;this.resizeObserver=new ResizeObserver((()=>this.updatePosition()));this.resizeObserver.observe(this.parentRef);this.mutationObserver=new MutationObserver((()=>this.updatePosition()));this.mutationObserver.observe(document.body,{childList:true,subtree:true})}unobserveParent(){this.resizeObserver?.disconnect();this.mutationObserver?.disconnect()}handleMouseDown(t){this.isInsideClick=!!(this.wrapper&&this.wrapper.contains(t.target))}handleWindowClick(t){if(this.isInsideClick){this.isInsideClick=false;return}if(this.wrapper?.contains(t.target))return;this.sdClose.emit()}render(){return s("slot",{key:"45ebd398328f0a3d31299b0c4bc1456cda435e4c"})}};export{c as sd_button,d as sd_tooltip_portal};
2
+ //# sourceMappingURL=p-bda05b6f.entry.js.map
package/dist/design-system/{p-46196747.entry.js → p-c4f5ed94.entry.js} RENAMED
@@ -1,2 +1,2 @@
1
- import{r as e,c as t,a as s,h as a,F as i,H as r}from"./p-Bknr-FpS.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};
2
- //# sourceMappingURL=p-46196747.entry.js.map
1
+ 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};
2
+ //# sourceMappingURL=p-c4f5ed94.entry.js.map
package/dist/design-system/{p-3a2b20cd.entry.js → p-f015c024.entry.js} RENAMED
@@ -1,2 +1,2 @@
1
- import{r as e,a as s,h as o,F as t}from"./p-Bknr-FpS.js";import{T as i}from"./p-yvhdjV1L.js";const c=".sd-popover{position:relative;cursor:pointer;display:inline-block}";const a=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:"dffadde8218c26c620b641a5d95799fbfe08b34b"},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:"6cb7de8b74b9be12131a730a2d02bd304e3524e7",parentRef:this.buttonEl,onSdClose:this.handleClose,placement:this.placement},o("div",{key:"901d1fc65e9d94c29acca872c55b02128835f4de",class:{"sd-popover-menu":true,[`sd-popover-menu--${this.placement}`]:true,[this.menuClass]:!!this.menuClass}},o("i",{key:"6465c9decc572754469759e6f9ba237e6098c245",class:`sd-popover-menu__arrow sd-popover-menu__arrow--${this.placement}`},o(i,{key:"8f65907035de80f0ac721df90a76c8cff706892e"})),o("div",{key:"a7dedd510101561be1137fcb1f8c43dca2d13383",class:"sd-popover-menu__content"},this.menuTitle&&o("div",{key:"425038b84031c4082348d7a2d5bc3384f4ce87ea",class:"sd-popover-menu__title"},this.menuTitle),this.messages.length>0&&o("div",{key:"0a07d84656579a773924b0b066c9dbd48d44c6b3",class:"sd-popover-menu__messages"},this.messages.map((e=>o("div",null,e)))),this.buttons.length>0&&o("div",{key:"b2daa7b83fbe582cbb829fa8b2bd8e73d3947b48",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:"3ceae5f183e487f30570a471bdfada588519ac30",class:"sd-popover-menu__close-button",onClick:()=>this.handleClose()},o("sd-icon",{key:"7fe6275cc500f8e963766bdfedc3f3b8a79a3609",name:"close",size:"12",color:"#AAAAAA"})))))}static get watchers(){return{show:["watchShowHandler"]}}};a.style=c;export{a as sd_popover};
2
- //# sourceMappingURL=p-3a2b20cd.entry.js.map
1
+ import{r as e,a as s,h as o,F as t}from"./p-CqOU6L62.js";import{T as i}from"./p-BUzABVug.js";const c=".sd-popover{position:relative;cursor:pointer;display:inline-block}";const a=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:"dffadde8218c26c620b641a5d95799fbfe08b34b"},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:"6cb7de8b74b9be12131a730a2d02bd304e3524e7",parentRef:this.buttonEl,onSdClose:this.handleClose,placement:this.placement},o("div",{key:"901d1fc65e9d94c29acca872c55b02128835f4de",class:{"sd-popover-menu":true,[`sd-popover-menu--${this.placement}`]:true,[this.menuClass]:!!this.menuClass}},o("i",{key:"6465c9decc572754469759e6f9ba237e6098c245",class:`sd-popover-menu__arrow sd-popover-menu__arrow--${this.placement}`},o(i,{key:"8f65907035de80f0ac721df90a76c8cff706892e"})),o("div",{key:"a7dedd510101561be1137fcb1f8c43dca2d13383",class:"sd-popover-menu__content"},this.menuTitle&&o("div",{key:"425038b84031c4082348d7a2d5bc3384f4ce87ea",class:"sd-popover-menu__title"},this.menuTitle),this.messages.length>0&&o("div",{key:"0a07d84656579a773924b0b066c9dbd48d44c6b3",class:"sd-popover-menu__messages"},this.messages.map((e=>o("div",null,e)))),this.buttons.length>0&&o("div",{key:"b2daa7b83fbe582cbb829fa8b2bd8e73d3947b48",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:"3ceae5f183e487f30570a471bdfada588519ac30",class:"sd-popover-menu__close-button",onClick:()=>this.handleClose()},o("sd-icon",{key:"7fe6275cc500f8e963766bdfedc3f3b8a79a3609",name:"close",size:"12",color:"#AAAAAA"})))))}static get watchers(){return{show:["watchShowHandler"]}}};a.style=c;export{a as sd_popover};
2
+ //# sourceMappingURL=p-f015c024.entry.js.map
package/dist/design-system/sd-guide.entry.esm.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"sd-guide.entry.esm.js","sources":["src/components/sd-guide/sd-guide.scss?tag=sd-guide","src/components/sd-guide/sd-guide.tsx"],"sourcesContent":["@import '../sd-button/sd-button.scss';\r\n\r\nsd-guide {\r\n display: inline-block;\r\n height: fit-content;\r\n .sd-guide {\r\n display: inline-block;\r\n .sd-button {\r\n padding: 0 16px 0 12px;\r\n border-radius: 16px;\r\n color: $grey_90 !important;\r\n display: flex;\r\n align-items: center;\r\n\r\n .sd-button__content {\r\n color: $grey_90 !important;\r\n\r\n .sd-button__label {\r\n color: $grey_90 !important;\r\n }\r\n }\r\n }\r\n }\r\n\r\n &--active {\r\n .sd-button {\r\n .sd-button__content {\r\n .sd-button__label {\r\n color: white !important;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n.sd-guide__popup {\r\n position: relative;\r\n padding: 20px 32px;\r\n border-radius: 8px;\r\n box-shadow: 4px 4px 24px 4px rgba(0, 0, 0, 0.1);\r\n background: white;\r\n\r\n &__close {\r\n position: absolute;\r\n top: 12px;\r\n right: 12px;\r\n }\r\n\r\n &__header {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n margin-bottom: 12px;\r\n\r\n .sd-guide__popup__title {\r\n margin-top: 0;\r\n font-size: 16px;\r\n font-weight: 700;\r\n line-height: 26px;\r\n color: $grey_90;\r\n }\r\n }\r\n\r\n &__list {\r\n width: 100%;\r\n padding: 0;\r\n margin: 0;\r\n\r\n &__item {\r\n display: flex;\r\n width: 100%;\r\n align-items: start;\r\n list-style: none;\r\n color: $grey_90;\r\n font-size: 12px;\r\n font-weight: 400;\r\n\r\n p {\r\n width: 100%;\r\n padding: 0;\r\n margin: 0;\r\n word-wrap: break-word;\r\n word-break: break-word;\r\n white-space: normal;\r\n overflow-wrap: break-word;\r\n min-width: 0;\r\n }\r\n\r\n &::before {\r\n display: block;\r\n content: '-';\r\n width: 6px;\r\n color: $grey_90;\r\n font-size: 12px;\r\n font-weight: 400;\r\n margin-left: 10px;\r\n margin-right: 12px;\r\n flex-shrink: 0;\r\n }\r\n\r\n &--depth-2 {\r\n &::before {\r\n content: '•';\r\n }\r\n padding-left: 26px;\r\n }\r\n }\r\n }\r\n}\r\n","import { Component, Element, Host, Prop, State, h } from '@stencil/core';\r\nimport colors from '../../styles/color.json';\r\n\r\ntype GuideType = 'help' | 'pdf' | 'youtube' | 'notion' | 'event';\r\n\r\nconst GUIDE_LABEL = {\r\n help: '활용 TIP',\r\n pdf: 'PDF Guide',\r\n youtube: 'Video Guide',\r\n notion: '사용 가이드',\r\n event: 'Event Button',\r\n};\r\n\r\nconst GUIDE_ICON = {\r\n help: {\r\n name: 'helpOutline',\r\n size: 20,\r\n color: colors.green_65,\r\n },\r\n pdf: { name: 'pdf', size: 20, color: colors.red_75 },\r\n youtube: { name: 'youtube', size: 20, color: colors.red_75 },\r\n notion: { name: 'notion', size: 16, color: colors.black },\r\n event: { name: 'event', size: 16, color: colors.brilliantblue_70 },\r\n} as const;\r\n\r\n@Component({\r\n tag: 'sd-guide',\r\n styleUrl: 'sd-guide.scss',\r\n})\r\nexport class SdGuide {\r\n @Element() el!: HTMLElement;\r\n\r\n @Prop() type: GuideType = 'help';\r\n @Prop() label: string = '';\r\n @Prop() message: string | string[] = '';\r\n @Prop() guideUrl: string = '';\r\n @Prop() popupWidth?: number;\r\n\r\n @State() popupShow: boolean = false;\r\n\r\n private guideRef?: HTMLElement;\r\n\r\n private handleClickGuide = () => {\r\n if (this.type === 'help') {\r\n this.popupShow = !this.popupShow;\r\n return;\r\n }\r\n\r\n if (this.guideUrl) {\r\n window.open(this.guideUrl, '_blank');\r\n }\r\n };\r\n\r\n private get guideClass(): string {\r\n const classes = ['sd-guide', `sd-guide--${this.type}`];\r\n\r\n if (this.popupShow) classes.push('sd-guide--active');\r\n\r\n return classes.join(' ');\r\n }\r\n\r\n closeDropdown = () => {\r\n this.popupShow = false;\r\n };\r\n\r\n render() {\r\n const { name: iconName, size: iconSize, color: iconColor } = GUIDE_ICON[this.type];\r\n\r\n return (\r\n <Host\r\n style={{\r\n '--sd-guide-color': GUIDE_ICON[this.type].color,\r\n }}\r\n >\r\n <sd-button\r\n ref={el => (this.guideRef = el as unknown as HTMLElement)}\r\n class={this.guideClass}\r\n variant={this.popupShow ? 'primary' : 'outline'}\r\n label={GUIDE_LABEL[this.type]}\r\n size=\"sm\"\r\n color={this.popupShow ? GUIDE_ICON[this.type].color : 'grey_45'}\r\n icon={iconName}\r\n iconColor={this.popupShow ? 'white' : iconColor}\r\n iconSize={iconSize}\r\n noHover={this.popupShow}\r\n onSdClick={this.handleClickGuide}\r\n />\r\n {this.type === 'help' && this.popupShow && (\r\n <sd-portal\r\n open={this.popupShow}\r\n parentRef={this.guideRef}\r\n onSdClose={this.closeDropdown}\r\n offset={[0, 4]}\r\n >\r\n <div\r\n class=\"sd-guide__popup\"\r\n style={{ width: this.popupWidth ? this.popupWidth + 'px' : '426px' } as any}\r\n >\r\n <sd-button\r\n class=\"sd-guide__popup__close\"\r\n icon=\"close\"\r\n color={colors.grey_65}\r\n size=\"md\"\r\n variant=\"ghost\"\r\n noHover\r\n // buttonStyle={{ padding: '0px', minHeight: '0px' }}\r\n onSdClick={this.closeDropdown}\r\n />\r\n <div class=\"sd-guide__popup__header\">\r\n <sd-icon name=\"helpOutline\" size={24} color={colors.green_65} />\r\n <h3 class=\"sd-guide__popup__title\">{this.label || GUIDE_LABEL[this.type]}</h3>\r\n </div>\r\n <ul class=\"sd-guide__popup__list\">{this.renderListItem(this.message)}</ul>\r\n </div>\r\n </sd-portal>\r\n )}\r\n </Host>\r\n );\r\n }\r\n\r\n // 현재 2depth까지만 스타일 적용\r\n renderListItem(message: string | string[], depth: number = 0): HTMLElement[] {\r\n const listItems: HTMLElement[] = [];\r\n\r\n if (Array.isArray(message)) {\r\n const depthMsg = message.map(msg => this.renderListItem(msg, depth + 1));\r\n listItems.push(...depthMsg.flat());\r\n } else {\r\n listItems.push(this.renderLi(message, depth));\r\n }\r\n\r\n return listItems;\r\n }\r\n\r\n renderLi = (message: string, depth: number) => {\r\n const listContent = message.replace(/ /gi, '&nbsp;');\r\n return (\r\n <li class={`sd-guide__popup__list__item sd-guide__popup__list__item--depth-${depth}`}>\r\n <p innerHTML={listContent}></p>\r\n </li>\r\n );\r\n };\r\n}\r\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"sd-guide.entry.esm.js","sources":["src/components/sd-guide/sd-guide.scss?tag=sd-guide","src/components/sd-guide/sd-guide.tsx"],"sourcesContent":["@import '../sd-button/sd-button.scss';\r\n\r\nsd-guide {\r\n display: inline-block;\r\n height: fit-content;\r\n .sd-guide {\r\n display: inline-block;\r\n .sd-button {\r\n padding: 0 16px 0 12px;\r\n border-radius: 16px;\r\n color: $grey_90 !important;\r\n display: flex;\r\n align-items: center;\r\n\r\n .sd-button__content {\r\n color: $grey_90 !important;\r\n\r\n .sd-button__label {\r\n color: $grey_90 !important;\r\n }\r\n }\r\n }\r\n }\r\n\r\n &--active {\r\n .sd-button {\r\n .sd-button__content {\r\n .sd-button__label {\r\n color: white !important;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n.sd-guide__popup {\r\n position: relative;\r\n padding: 20px 32px;\r\n border-radius: 8px;\r\n box-shadow: 4px 4px 24px 4px rgba(0, 0, 0, 0.1);\r\n background: white;\r\n\r\n > .sd-guide__popup__close {\r\n position: absolute;\r\n top: 12px;\r\n right: 12px;\r\n }\r\n\r\n &__header {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n margin-bottom: 12px;\r\n\r\n .sd-guide__popup__title {\r\n margin-top: 0;\r\n font-size: 16px;\r\n font-weight: 700;\r\n line-height: 26px;\r\n color: $grey_90;\r\n }\r\n }\r\n\r\n &__list {\r\n width: 100%;\r\n padding: 0;\r\n margin: 0;\r\n\r\n &__item {\r\n display: flex;\r\n width: 100%;\r\n align-items: start;\r\n list-style: none;\r\n color: $grey_90;\r\n font-size: 12px;\r\n font-weight: 400;\r\n\r\n p {\r\n width: 100%;\r\n padding: 0;\r\n margin: 0;\r\n word-wrap: break-word;\r\n word-break: break-word;\r\n white-space: normal;\r\n overflow-wrap: break-word;\r\n min-width: 0;\r\n }\r\n\r\n &::before {\r\n display: block;\r\n content: '-';\r\n width: 6px;\r\n color: $grey_90;\r\n font-size: 12px;\r\n font-weight: 400;\r\n margin-left: 10px;\r\n margin-right: 12px;\r\n flex-shrink: 0;\r\n }\r\n\r\n &--depth-2 {\r\n &::before {\r\n content: '•';\r\n }\r\n padding-left: 26px;\r\n }\r\n }\r\n }\r\n}\r\n","import { Component, Element, Host, Prop, State, h } from '@stencil/core';\r\nimport colors from '../../styles/color.json';\r\n\r\ntype GuideType = 'help' | 'pdf' | 'youtube' | 'notion' | 'event';\r\n\r\nconst GUIDE_LABEL = {\r\n help: '활용 TIP',\r\n pdf: 'PDF Guide',\r\n youtube: 'Video Guide',\r\n notion: '사용 가이드',\r\n event: 'Event Button',\r\n};\r\n\r\nconst GUIDE_ICON = {\r\n help: {\r\n name: 'helpOutline',\r\n size: 20,\r\n color: colors.green_65,\r\n },\r\n pdf: { name: 'pdf', size: 20, color: colors.red_75 },\r\n youtube: { name: 'youtube', size: 20, color: colors.red_75 },\r\n notion: { name: 'notion', size: 16, color: colors.black },\r\n event: { name: 'event', size: 16, color: colors.brilliantblue_70 },\r\n} as const;\r\n\r\n@Component({\r\n tag: 'sd-guide',\r\n styleUrl: 'sd-guide.scss',\r\n})\r\nexport class SdGuide {\r\n @Element() el!: HTMLElement;\r\n\r\n @Prop() type: GuideType = 'help';\r\n @Prop() label: string = '';\r\n @Prop() message: string | string[] = '';\r\n @Prop() guideUrl: string = '';\r\n @Prop() popupWidth?: number;\r\n\r\n @State() popupShow: boolean = false;\r\n\r\n private guideRef?: HTMLElement;\r\n\r\n private handleClickGuide = () => {\r\n if (this.type === 'help') {\r\n this.popupShow = !this.popupShow;\r\n return;\r\n }\r\n\r\n if (this.guideUrl) {\r\n window.open(this.guideUrl, '_blank');\r\n }\r\n };\r\n\r\n private get guideClass(): string {\r\n const classes = ['sd-guide', `sd-guide--${this.type}`];\r\n\r\n if (this.popupShow) classes.push('sd-guide--active');\r\n\r\n return classes.join(' ');\r\n }\r\n\r\n closeDropdown = () => {\r\n this.popupShow = false;\r\n };\r\n\r\n render() {\r\n const { name: iconName, size: iconSize, color: iconColor } = GUIDE_ICON[this.type];\r\n\r\n return (\r\n <Host\r\n style={{\r\n '--sd-guide-color': GUIDE_ICON[this.type].color,\r\n }}\r\n >\r\n <sd-button\r\n ref={el => (this.guideRef = el as unknown as HTMLElement)}\r\n class={this.guideClass}\r\n variant={this.popupShow ? 'primary' : 'outline'}\r\n label={GUIDE_LABEL[this.type]}\r\n size=\"sm\"\r\n color={this.popupShow ? GUIDE_ICON[this.type].color : 'grey_45'}\r\n icon={iconName}\r\n iconColor={this.popupShow ? 'white' : iconColor}\r\n iconSize={iconSize}\r\n noHover={this.popupShow}\r\n onSdClick={this.handleClickGuide}\r\n />\r\n {this.type === 'help' && this.popupShow && (\r\n <sd-portal\r\n open={this.popupShow}\r\n parentRef={this.guideRef}\r\n onSdClose={this.closeDropdown}\r\n offset={[0, 4]}\r\n >\r\n <div\r\n class=\"sd-guide__popup\"\r\n style={{ width: this.popupWidth ? this.popupWidth + 'px' : '426px' } as any}\r\n >\r\n <sd-button\r\n class=\"sd-guide__popup__close\"\r\n icon=\"close\"\r\n color={colors.grey_65}\r\n size=\"md\"\r\n variant=\"ghost\"\r\n noHover\r\n // buttonStyle={{ padding: '0px', minHeight: '0px' }}\r\n onSdClick={this.closeDropdown}\r\n />\r\n <div class=\"sd-guide__popup__header\">\r\n <sd-icon name=\"helpOutline\" size={24} color={colors.green_65} />\r\n <h3 class=\"sd-guide__popup__title\">{this.label || GUIDE_LABEL[this.type]}</h3>\r\n </div>\r\n <ul class=\"sd-guide__popup__list\">{this.renderListItem(this.message)}</ul>\r\n </div>\r\n </sd-portal>\r\n )}\r\n </Host>\r\n );\r\n }\r\n\r\n // 현재 2depth까지만 스타일 적용\r\n renderListItem(message: string | string[], depth: number = 0): HTMLElement[] {\r\n const listItems: HTMLElement[] = [];\r\n\r\n if (Array.isArray(message)) {\r\n const depthMsg = message.map(msg => this.renderListItem(msg, depth + 1));\r\n listItems.push(...depthMsg.flat());\r\n } else {\r\n listItems.push(this.renderLi(message, depth));\r\n }\r\n\r\n return listItems;\r\n }\r\n\r\n renderLi = (message: string, depth: number) => {\r\n const listContent = message.replace(/ /gi, '&nbsp;');\r\n return (\r\n <li class={`sd-guide__popup__list__item sd-guide__popup__list__item--depth-${depth}`}>\r\n <p innerHTML={listContent}></p>\r\n </li>\r\n );\r\n };\r\n}\r\n"],"names":[],"mappings":"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"}
package/dist/design-system/sd-pagination.sd-tooltip.entry.esm.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"sd-pagination.sd-tooltip.entry.esm.js","sources":["src/components/sd-pagination/sd-pagination.scss?tag=sd-pagination&encapsulation=shadow","src/components/sd-pagination/sd-pagination.tsx","src/components/sd-tooltip/sd-tooltip.scss?tag=sd-tooltip&encapsulation=shadow","src/components/sd-tooltip/sd-tooltip.tsx"],"sourcesContent":["@import 'variables';\r\n\r\n.sd-pagination {\r\n display: flex;\r\n flex-flow: row nowrap;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n color: $grey_80;\r\n width: 100%;\r\n font-size: 12px;\r\n\r\n .prepend-btns {\r\n display: flex;\r\n flex-flow: row nowrap;\r\n align-items: center;\r\n gap: 8px;\r\n width: 60px;\r\n\r\n button {\r\n width: 26px;\r\n height: 26px;\r\n border: 0;\r\n background: none;\r\n\r\n &:hover {\r\n border: 1px solid $oceanblue_70;\r\n border-radius: 14px;\r\n }\r\n }\r\n }\r\n\r\n .append-btns {\r\n display: flex;\r\n flex-flow: row nowrap;\r\n align-items: center;\r\n gap: 8px;\r\n width: 60px;\r\n\r\n button {\r\n width: 26px;\r\n height: 26px;\r\n border: 0;\r\n background: none;\r\n\r\n &:hover {\r\n border: 1px solid $oceanblue_70;\r\n border-radius: 14px;\r\n }\r\n }\r\n }\r\n\r\n .pagination-btn {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 14px;\r\n outline: none;\r\n border: none;\r\n cursor: pointer;\r\n height: 26px;\r\n color: $grey_80;\r\n width: var(--pagination-btn-width, 26px);\r\n\r\n &--selected {\r\n background-color: $oceanblue_70;\r\n color: white;\r\n }\r\n\r\n &:hover {\r\n border: 1px solid $oceanblue_70;\r\n }\r\n }\r\n\r\n &--simple {\r\n .pagination-info {\r\n line-height: 26px;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n align-items: center;\r\n gap: 8px;\r\n .current-page,\r\n .last-page {\r\n padding: 0 2px;\r\n }\r\n }\r\n }\r\n}\r\n","import { Component, Prop, Event, EventEmitter, h, Watch, Fragment } from '@stencil/core';\r\n\r\nconst BUTTON_WIDTH: Record<number, number> = {\r\n 1: 26,\r\n 2: 36,\r\n 3: 42,\r\n 4: 50,\r\n 5: 58,\r\n};\r\n\r\nconst PER_PAGE = 10;\r\n\r\n@Component({\r\n tag: 'sd-pagination',\r\n styleUrl: 'sd-pagination.scss',\r\n shadow: true,\r\n})\r\nexport class SdPagination {\r\n @Prop() currentPage: number = 1;\r\n @Prop() lastPage: number = 1;\r\n @Prop() simple: boolean = false;\r\n\r\n @Event() pageChange!: EventEmitter<number>;\r\n\r\n @Watch('currentPage')\r\n @Watch('lastPage')\r\n onPropChange() {\r\n console.log('Pagination props changed', {\r\n currentPage: this.currentPage,\r\n lastPage: this.lastPage,\r\n });\r\n }\r\n\r\n private get paginationClasses() {\r\n const classes = ['sd-pagination'];\r\n\r\n if (this.simple) {\r\n classes.push('sd-pagination--simple');\r\n }\r\n return classes.join(' ');\r\n }\r\n\r\n private get pageNumbers() {\r\n const start = Math.floor((this.currentPage - 1) / PER_PAGE) * PER_PAGE + 1;\r\n const end = Math.min(start + PER_PAGE - 1, this.lastPage);\r\n return Array.from({ length: end - start + 1 }, (_, i) => start + i);\r\n }\r\n\r\n private get buttonWidth() {\r\n const lastPageNum = this.pageNumbers.at(-1) ?? 1;\r\n const maxPageLength: number = lastPageNum.toString().length;\r\n return BUTTON_WIDTH[maxPageLength] || BUTTON_WIDTH[1];\r\n }\r\n\r\n private handlePageChange(page: number) {\r\n if (page < 1 || page > this.lastPage) return;\r\n this.pageChange.emit(page);\r\n }\r\n\r\n private handleGroupChange(direction: 'forward' | 'backward') {\r\n const delta = direction === 'forward' ? PER_PAGE : -PER_PAGE;\r\n const newPage = Math.min(Math.max(this.currentPage + delta, 1), this.lastPage);\r\n this.handlePageChange(newPage);\r\n }\r\n\r\n private get isFirstGroup() {\r\n return this.currentPage <= PER_PAGE;\r\n }\r\n\r\n private get isLastGroup() {\r\n const startPageGroup = Math.floor((this.currentPage - 1) / PER_PAGE) * PER_PAGE + 1;\r\n return startPageGroup + PER_PAGE - 1 >= this.lastPage;\r\n }\r\n\r\n private renderPrevButtons() {\r\n if (this.simple) {\r\n if (this.currentPage <= 1) return null;\r\n\r\n return (\r\n <Fragment>\r\n <button aria-label=\"Go to first page\" onClick={() => this.handlePageChange(1)}>\r\n <sd-icon name=\"arrowLeftEnd\" size=\"12\" color=\"#222222\" />\r\n </button>\r\n <button\r\n aria-label=\"Go to previous page\"\r\n onClick={() => this.handlePageChange(this.currentPage - 1)}\r\n >\r\n <sd-icon name=\"arrowLeft\" size=\"12\" color=\"#222222\" />\r\n </button>\r\n </Fragment>\r\n );\r\n }\r\n\r\n if (!this.isFirstGroup) {\r\n return (\r\n <Fragment>\r\n <button aria-label=\"Go to first page\" onClick={() => this.handlePageChange(1)}>\r\n <sd-icon name=\"arrowLeftEnd\" size=\"12\" color=\"#222222\" />\r\n </button>\r\n <button\r\n aria-label=\"Go to previous page group\"\r\n onClick={() => this.handleGroupChange('backward')}\r\n >\r\n <sd-icon name=\"arrowLeft\" size=\"12\" color=\"#222222\" />\r\n </button>\r\n </Fragment>\r\n );\r\n }\r\n }\r\n\r\n private renderNextButtons() {\r\n if (this.simple) {\r\n if (this.currentPage >= this.lastPage) return null;\r\n\r\n return (\r\n <Fragment>\r\n <button\r\n aria-label=\"Go to next page\"\r\n onClick={() => this.handlePageChange(this.currentPage + 1)}\r\n >\r\n <sd-icon name=\"arrowRight\" size=\"12\" color=\"#222222\" />\r\n </button>\r\n <button aria-label=\"Go to last page\" onClick={() => this.handlePageChange(this.lastPage)}>\r\n <sd-icon name=\"arrowRightEnd\" size=\"12\" color=\"#222222\" />\r\n </button>\r\n </Fragment>\r\n );\r\n }\r\n\r\n if (!this.isLastGroup) {\r\n return (\r\n <Fragment>\r\n <button aria-label=\"Go to next page group\" onClick={() => this.handleGroupChange('forward')}>\r\n <sd-icon name=\"arrowRight\" size=\"12\" color=\"#222222\" />\r\n </button>\r\n <button aria-label=\"Go to last page\" onClick={() => this.handlePageChange(this.lastPage)}>\r\n <sd-icon name=\"arrowRightEnd\" size=\"12\" color=\"#222222\" />\r\n </button>\r\n </Fragment>\r\n );\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n <div class={this.paginationClasses}>\r\n <div class=\"prepend-btns\">{this.renderPrevButtons()}</div>\r\n\r\n {this.simple ? (\r\n <div class=\"pagination-info\">\r\n <span class=\"current-page\">{this.currentPage}</span>\r\n <span>/</span>\r\n <span class=\"last-page\">{this.lastPage}</span>\r\n </div>\r\n ) : (\r\n this.pageNumbers.map(n => (\r\n <button\r\n type=\"button\"\r\n aria-current={this.currentPage === n ? 'page' : undefined}\r\n class={{\r\n 'pagination-btn': true,\r\n 'pagination-btn--selected': this.currentPage === n,\r\n }}\r\n disabled={this.currentPage === n}\r\n style={{\r\n '--pagination-btn-width': `${this.buttonWidth}px`,\r\n }}\r\n onClick={() => this.handlePageChange(n)}\r\n >\r\n {n}\r\n </button>\r\n ))\r\n )}\r\n\r\n <div class=\"append-btns\">{this.renderNextButtons()}</div>\r\n </div>\r\n );\r\n }\r\n}\r\n",".sd-tooltip {\r\n position: relative;\r\n cursor: pointer;\r\n display: inline-block;\r\n}\r\n","import { Component, Element, Fragment, Prop, State, h } from '@stencil/core';\r\nimport { HTMLStencilElement } from '@stencil/core/internal';\r\nimport { ButtonSize, ButtonVariant } from '../sd-button/sd-button';\r\nimport { TooltipArrow } from '../assets/tooltipArrow';\r\n\r\n@Component({\r\n tag: 'sd-tooltip',\r\n styleUrl: 'sd-tooltip.scss',\r\n shadow: true,\r\n})\r\nexport class SdTooltip {\r\n @Element() el!: HTMLElement;\r\n\r\n @Prop() trigger: 'hover' | 'click' = 'hover';\r\n @Prop() placement: 'top' | 'bottom' | 'left' | 'right' = 'top';\r\n @Prop() color: string = '#01BB4B';\r\n @Prop() type: 'default' | 'caution' | 'notice' | 'accent' = 'default';\r\n\r\n @Prop() icon: IconName = 'helpOutline';\r\n @Prop() iconSize: number = 12;\r\n\r\n @Prop() label: string = '';\r\n @Prop() buttonSize: ButtonSize = 'sm';\r\n @Prop() buttonVariant: ButtonVariant = 'primary';\r\n\r\n @Prop() noHover: boolean = true;\r\n\r\n @Prop() useClose: boolean = false;\r\n\r\n @State() showTooltip: boolean = false;\r\n\r\n private static readonly COLOR_OF_TYPE = {\r\n default: { background: 'oceanblue_85', text: 'white' },\r\n caution: { background: 'red_20', text: 'red_70' },\r\n notice: { background: 'orange_10', text: 'orange_65' },\r\n accent: { background: 'brilliantblue_20', text: 'brilliantblue_75' },\r\n };\r\n\r\n private buttonEl?: HTMLStencilElement;\r\n\r\n private handleClose = () => {\r\n this.showTooltip = false;\r\n };\r\n\r\n render() {\r\n const handleTrigger =\r\n this.trigger === 'hover'\r\n ? {\r\n onMouseEnter: () => (this.showTooltip = true),\r\n onMouseLeave: () => (this.showTooltip = false),\r\n }\r\n : {\r\n onClick: () => (this.showTooltip = !this.showTooltip),\r\n };\r\n\r\n return (\r\n <Fragment>\r\n {this.label ? (\r\n <sd-button\r\n ref={el => (this.buttonEl = el)}\r\n label={this.label}\r\n icon={this.icon}\r\n size={this.buttonSize}\r\n color={this.color}\r\n variant={this.buttonVariant}\r\n class=\"sd-tooltip\"\r\n {...handleTrigger}\r\n ></sd-button>\r\n ) : (\r\n <sd-icon\r\n ref={el => (this.buttonEl = el)}\r\n name={this.icon}\r\n size={this.iconSize}\r\n color={this.color}\r\n class=\"sd-tooltip\"\r\n {...handleTrigger}\r\n ></sd-icon>\r\n )}\r\n\r\n {this.showTooltip && (\r\n <sd-tooltip-portal\r\n parentRef={this.buttonEl}\r\n onSdClose={() => this.handleClose()}\r\n placement={this.placement}\r\n >\r\n <div\r\n class={{\r\n 'sd-tooltip-menu': true,\r\n [`sd-tooltip-menu--${this.type}`]: true,\r\n [`sd-tooltip-menu--${this.placement}`]: true,\r\n 'sd-tooltip-menu--with-close': this.useClose,\r\n [`bg-${SdTooltip.COLOR_OF_TYPE[this.type].background}`]: true,\r\n [`text-${SdTooltip.COLOR_OF_TYPE[this.type].text}`]: true,\r\n }}\r\n >\r\n <i class={`sd-tooltip-menu__arrow sd-tooltip-menu__arrow--${this.placement}`}>\r\n <TooltipArrow\r\n class={{\r\n [`text-${SdTooltip.COLOR_OF_TYPE[this.type].background}`]: true,\r\n }}\r\n ></TooltipArrow>\r\n </i>\r\n\r\n <div class=\"sd-tooltip-menu__content\">\r\n <slot>{this.el.textContent}</slot>\r\n </div>\r\n\r\n {this.useClose && (\r\n <div class=\"sd-tooltip-menu__close-button\">\r\n <button\r\n type=\"button\"\r\n aria-label=\"Close tooltip\"\r\n title=\"Close tooltip\"\r\n onClick={() => this.handleClose()}\r\n >\r\n <sd-icon name=\"close\" size=\"12\" color=\"#AAAAAA\"></sd-icon>\r\n </button>\r\n </div>\r\n )}\r\n </div>\r\n </sd-tooltip-portal>\r\n )}\r\n </Fragment>\r\n );\r\n }\r\n}\r\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"sd-pagination.sd-tooltip.entry.esm.js","sources":["src/components/sd-pagination/sd-pagination.scss?tag=sd-pagination&encapsulation=shadow","src/components/sd-pagination/sd-pagination.tsx","src/components/sd-tooltip/sd-tooltip.scss?tag=sd-tooltip&encapsulation=shadow","src/components/sd-tooltip/sd-tooltip.tsx"],"sourcesContent":["@import 'variables';\r\n\r\n.sd-pagination {\r\n display: flex;\r\n flex-flow: row nowrap;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n color: $grey_80;\r\n width: 100%;\r\n font-size: 12px;\r\n\r\n .prepend-btns {\r\n display: flex;\r\n flex-flow: row nowrap;\r\n align-items: center;\r\n gap: 8px;\r\n width: 60px;\r\n\r\n button {\r\n width: 26px;\r\n height: 26px;\r\n border: 0;\r\n background: none;\r\n\r\n &:hover {\r\n border: 1px solid $oceanblue_70;\r\n border-radius: 14px;\r\n }\r\n }\r\n }\r\n\r\n .append-btns {\r\n display: flex;\r\n flex-flow: row nowrap;\r\n align-items: center;\r\n gap: 8px;\r\n width: 60px;\r\n\r\n button {\r\n width: 26px;\r\n height: 26px;\r\n border: 0;\r\n background: none;\r\n\r\n &:hover {\r\n border: 1px solid $oceanblue_70;\r\n border-radius: 14px;\r\n }\r\n }\r\n }\r\n\r\n .pagination-btn {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 14px;\r\n outline: none;\r\n border: none;\r\n cursor: pointer;\r\n height: 26px;\r\n color: $grey_80;\r\n width: var(--pagination-btn-width, 26px);\r\n\r\n &--selected {\r\n background-color: $oceanblue_70;\r\n color: white;\r\n }\r\n\r\n &:hover {\r\n border: 1px solid $oceanblue_70;\r\n }\r\n }\r\n\r\n &--simple {\r\n .pagination-info {\r\n line-height: 26px;\r\n display: flex;\r\n flex-flow: row nowrap;\r\n align-items: center;\r\n gap: 8px;\r\n .current-page,\r\n .last-page {\r\n padding: 0 2px;\r\n }\r\n }\r\n }\r\n}\r\n","import { Component, Prop, Event, EventEmitter, h, Watch, Fragment } from '@stencil/core';\r\n\r\nconst BUTTON_WIDTH: Record<number, number> = {\r\n 1: 26,\r\n 2: 36,\r\n 3: 42,\r\n 4: 50,\r\n 5: 58,\r\n};\r\n\r\nconst PER_PAGE = 10;\r\n\r\n@Component({\r\n tag: 'sd-pagination',\r\n styleUrl: 'sd-pagination.scss',\r\n shadow: true,\r\n})\r\nexport class SdPagination {\r\n @Prop() currentPage: number = 1;\r\n @Prop() lastPage: number = 1;\r\n @Prop() simple: boolean = false;\r\n\r\n @Event() pageChange!: EventEmitter<number>;\r\n\r\n @Watch('currentPage')\r\n @Watch('lastPage')\r\n onPropChange() {\r\n console.log('Pagination props changed', {\r\n currentPage: this.currentPage,\r\n lastPage: this.lastPage,\r\n });\r\n }\r\n\r\n private get paginationClasses() {\r\n const classes = ['sd-pagination'];\r\n\r\n if (this.simple) {\r\n classes.push('sd-pagination--simple');\r\n }\r\n return classes.join(' ');\r\n }\r\n\r\n private get pageNumbers() {\r\n const start = Math.floor((this.currentPage - 1) / PER_PAGE) * PER_PAGE + 1;\r\n const end = Math.min(start + PER_PAGE - 1, this.lastPage);\r\n return Array.from({ length: end - start + 1 }, (_, i) => start + i);\r\n }\r\n\r\n private get buttonWidth() {\r\n const lastPageNum = this.pageNumbers.at(-1) ?? 1;\r\n const maxPageLength: number = lastPageNum.toString().length;\r\n return BUTTON_WIDTH[maxPageLength] || BUTTON_WIDTH[1];\r\n }\r\n\r\n private handlePageChange(page: number) {\r\n if (page < 1 || page > this.lastPage) return;\r\n this.pageChange.emit(page);\r\n }\r\n\r\n private handleGroupChange(direction: 'forward' | 'backward') {\r\n const delta = direction === 'forward' ? PER_PAGE : -PER_PAGE;\r\n const newPage = Math.min(Math.max(this.currentPage + delta, 1), this.lastPage);\r\n this.handlePageChange(newPage);\r\n }\r\n\r\n private get isFirstGroup() {\r\n return this.currentPage <= PER_PAGE;\r\n }\r\n\r\n private get isLastGroup() {\r\n const startPageGroup = Math.floor((this.currentPage - 1) / PER_PAGE) * PER_PAGE + 1;\r\n return startPageGroup + PER_PAGE - 1 >= this.lastPage;\r\n }\r\n\r\n private renderPrevButtons() {\r\n if (this.simple) {\r\n if (this.currentPage <= 1) return null;\r\n\r\n return (\r\n <Fragment>\r\n <button aria-label=\"Go to first page\" onClick={() => this.handlePageChange(1)}>\r\n <sd-icon name=\"arrowLeftEnd\" size=\"12\" color=\"#222222\" />\r\n </button>\r\n <button\r\n aria-label=\"Go to previous page\"\r\n onClick={() => this.handlePageChange(this.currentPage - 1)}\r\n >\r\n <sd-icon name=\"arrowLeft\" size=\"12\" color=\"#222222\" />\r\n </button>\r\n </Fragment>\r\n );\r\n }\r\n\r\n if (!this.isFirstGroup) {\r\n return (\r\n <Fragment>\r\n <button aria-label=\"Go to first page\" onClick={() => this.handlePageChange(1)}>\r\n <sd-icon name=\"arrowLeftEnd\" size=\"12\" color=\"#222222\" />\r\n </button>\r\n <button\r\n aria-label=\"Go to previous page group\"\r\n onClick={() => this.handleGroupChange('backward')}\r\n >\r\n <sd-icon name=\"arrowLeft\" size=\"12\" color=\"#222222\" />\r\n </button>\r\n </Fragment>\r\n );\r\n }\r\n }\r\n\r\n private renderNextButtons() {\r\n if (this.simple) {\r\n if (this.currentPage >= this.lastPage) return null;\r\n\r\n return (\r\n <Fragment>\r\n <button\r\n aria-label=\"Go to next page\"\r\n onClick={() => this.handlePageChange(this.currentPage + 1)}\r\n >\r\n <sd-icon name=\"arrowRight\" size=\"12\" color=\"#222222\" />\r\n </button>\r\n <button aria-label=\"Go to last page\" onClick={() => this.handlePageChange(this.lastPage)}>\r\n <sd-icon name=\"arrowRightEnd\" size=\"12\" color=\"#222222\" />\r\n </button>\r\n </Fragment>\r\n );\r\n }\r\n\r\n if (!this.isLastGroup) {\r\n return (\r\n <Fragment>\r\n <button aria-label=\"Go to next page group\" onClick={() => this.handleGroupChange('forward')}>\r\n <sd-icon name=\"arrowRight\" size=\"12\" color=\"#222222\" />\r\n </button>\r\n <button aria-label=\"Go to last page\" onClick={() => this.handlePageChange(this.lastPage)}>\r\n <sd-icon name=\"arrowRightEnd\" size=\"12\" color=\"#222222\" />\r\n </button>\r\n </Fragment>\r\n );\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n <div class={this.paginationClasses}>\r\n <div class=\"prepend-btns\">{this.renderPrevButtons()}</div>\r\n\r\n {this.simple ? (\r\n <div class=\"pagination-info\">\r\n <span class=\"current-page\">{this.currentPage}</span>\r\n <span>/</span>\r\n <span class=\"last-page\">{this.lastPage}</span>\r\n </div>\r\n ) : (\r\n this.pageNumbers.map(n => (\r\n <button\r\n type=\"button\"\r\n aria-current={this.currentPage === n ? 'page' : undefined}\r\n class={{\r\n 'pagination-btn': true,\r\n 'pagination-btn--selected': this.currentPage === n,\r\n }}\r\n disabled={this.currentPage === n}\r\n style={{\r\n '--pagination-btn-width': `${this.buttonWidth}px`,\r\n }}\r\n onClick={() => this.handlePageChange(n)}\r\n >\r\n {n}\r\n </button>\r\n ))\r\n )}\r\n\r\n <div class=\"append-btns\">{this.renderNextButtons()}</div>\r\n </div>\r\n );\r\n }\r\n}\r\n",".sd-tooltip {\r\n position: relative;\r\n cursor: pointer;\r\n display: inline-block;\r\n}\r\n","import { Component, Element, Fragment, Prop, State, h } from '@stencil/core';\r\nimport { HTMLStencilElement } from '@stencil/core/internal';\r\nimport { ButtonSize, ButtonVariant } from '../sd-button/sd-button';\r\nimport { TooltipArrow } from '../assets/tooltipArrow';\r\n\r\n@Component({\r\n tag: 'sd-tooltip',\r\n styleUrl: 'sd-tooltip.scss',\r\n shadow: true,\r\n})\r\nexport class SdTooltip {\r\n @Element() el!: HTMLElement;\r\n\r\n @Prop() trigger: 'hover' | 'click' = 'hover';\r\n @Prop() placement: 'top' | 'bottom' | 'left' | 'right' = 'top';\r\n @Prop() color: string = '#01BB4B';\r\n @Prop() type: 'default' | 'caution' | 'notice' | 'accent' = 'default';\r\n\r\n @Prop() icon: IconName = 'helpOutline';\r\n @Prop() iconSize: number = 12;\r\n\r\n @Prop() label: string = '';\r\n @Prop() buttonSize: ButtonSize = 'sm';\r\n @Prop() buttonVariant: ButtonVariant = 'primary';\r\n\r\n @Prop() noHover: boolean = true;\r\n\r\n @Prop() useClose: boolean = false;\r\n\r\n @State() showTooltip: boolean = false;\r\n @State() slotContent: HTMLElement | null = null;\r\n\r\n private static readonly COLOR_OF_TYPE = {\r\n default: { background: 'oceanblue_85', text: 'white' },\r\n caution: { background: 'red_20', text: 'red_70' },\r\n notice: { background: 'orange_10', text: 'orange_65' },\r\n accent: { background: 'brilliantblue_20', text: 'brilliantblue_75' },\r\n };\r\n\r\n private buttonEl?: HTMLStencilElement;\r\n\r\n private handleClose = () => {\r\n this.showTooltip = false;\r\n };\r\n\r\n // 현재 tooltip popover가 조건부 렌더링이여서 초기 slot이 렌더링 되지 않은 시점에\r\n // 데이터 매핑에 실패 (light dom에 저장된 slot내용을 shadow dom을 찾지못해 매핑 실패)\r\n // 따라서 slot내용을 받은 후에 복제하여 state에 저장\r\n componentWillLoad() {\r\n const contentEl = this.el.querySelector('[slot=\"content\"]');\r\n if (contentEl) {\r\n this.slotContent = contentEl.cloneNode(true) as HTMLElement;\r\n }\r\n }\r\n\r\n render() {\r\n const handleTrigger =\r\n this.trigger === 'hover'\r\n ? {\r\n onMouseEnter: () => (this.showTooltip = true),\r\n onMouseLeave: () => (this.showTooltip = false),\r\n }\r\n : {\r\n onClick: () => (this.showTooltip = !this.showTooltip),\r\n };\r\n\r\n return (\r\n <Fragment>\r\n {this.label ? (\r\n <sd-button\r\n ref={el => (this.buttonEl = el)}\r\n label={this.label}\r\n icon={this.icon}\r\n size={this.buttonSize}\r\n color={this.color}\r\n variant={this.buttonVariant}\r\n class=\"sd-tooltip\"\r\n {...handleTrigger}\r\n ></sd-button>\r\n ) : (\r\n <sd-icon\r\n ref={el => (this.buttonEl = el)}\r\n name={this.icon}\r\n size={this.iconSize}\r\n color={this.color}\r\n class=\"sd-tooltip\"\r\n {...handleTrigger}\r\n ></sd-icon>\r\n )}\r\n\r\n {this.showTooltip && (\r\n <sd-tooltip-portal\r\n parentRef={this.buttonEl}\r\n onSdClose={() => this.handleClose()}\r\n placement={this.placement}\r\n >\r\n <div\r\n class={{\r\n 'sd-tooltip-menu': true,\r\n [`sd-tooltip-menu--${this.type}`]: true,\r\n [`sd-tooltip-menu--${this.placement}`]: true,\r\n 'sd-tooltip-menu--with-close': this.useClose,\r\n [`bg-${SdTooltip.COLOR_OF_TYPE[this.type].background}`]: true,\r\n [`text-${SdTooltip.COLOR_OF_TYPE[this.type].text}`]: true,\r\n }}\r\n >\r\n <i class={`sd-tooltip-menu__arrow sd-tooltip-menu__arrow--${this.placement}`}>\r\n <TooltipArrow\r\n class={{\r\n [`text-${SdTooltip.COLOR_OF_TYPE[this.type].background}`]: true,\r\n }}\r\n ></TooltipArrow>\r\n </i>\r\n\r\n <div\r\n class=\"sd-tooltip-menu__content\"\r\n ref={el => {\r\n if (el && this.slotContent && !el.hasChildNodes()) {\r\n el.appendChild(this.slotContent.cloneNode(true));\r\n }\r\n }}\r\n >\r\n {!this.slotContent && <span>{this.el.textContent}</span>}\r\n </div>\r\n\r\n {this.useClose && (\r\n <div class=\"sd-tooltip-menu__close-button\">\r\n <button\r\n type=\"button\"\r\n aria-label=\"Close tooltip\"\r\n title=\"Close tooltip\"\r\n onClick={() => this.handleClose()}\r\n >\r\n <sd-icon name=\"close\" size=\"12\" color=\"#AAAAAA\"></sd-icon>\r\n </button>\r\n </div>\r\n )}\r\n </div>\r\n </sd-tooltip-portal>\r\n )}\r\n </Fragment>\r\n );\r\n }\r\n}\r\n"],"names":[],"mappings":"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"}