@sellmate/design-system 0.0.19 → 0.0.22
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/design-system.cjs.js +2 -2
- package/dist/cjs/{index-BxN2rEJl.js → index-yBawuxc2.js} +3 -3
- package/dist/cjs/index-yBawuxc2.js.map +1 -0
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/sd-badge.cjs.entry.js +2 -2
- package/dist/cjs/sd-badge.entry.cjs.js.map +1 -1
- package/dist/cjs/sd-button.sd-tooltip-portal.entry.cjs.js.map +1 -1
- package/dist/cjs/sd-button_2.cjs.entry.js +3 -5
- package/dist/cjs/sd-card.cjs.entry.js +2 -2
- package/dist/cjs/sd-card.entry.cjs.js.map +1 -1
- package/dist/cjs/sd-checkbox.sd-icon.sd-input.sd-portal.sd-select.sd-select-multiple.sd-select-multiple-group.sd-select-option.sd-select-option-group.entry.cjs.js.map +1 -1
- package/dist/cjs/sd-checkbox_9.cjs.entry.js +63 -11
- package/dist/cjs/sd-date-box.cjs.entry.js +2 -2
- package/dist/cjs/sd-date-box.entry.cjs.js.map +1 -1
- package/dist/cjs/sd-date-picker.cjs.entry.js +2 -2
- package/dist/cjs/sd-date-picker.entry.cjs.js.map +1 -1
- package/dist/cjs/sd-date-range-picker.cjs.entry.js +2 -2
- package/dist/cjs/sd-date-range-picker.entry.cjs.js.map +1 -1
- package/dist/cjs/sd-guide.cjs.entry.js +6 -42
- package/dist/cjs/sd-guide.entry.cjs.js.map +1 -1
- package/dist/cjs/sd-pagination.sd-tooltip.entry.cjs.js.map +1 -1
- package/dist/cjs/sd-pagination_2.cjs.entry.js +19 -8
- package/dist/cjs/sd-popover.cjs.entry.js +3 -3
- package/dist/cjs/sd-popover.entry.cjs.js.map +1 -1
- package/dist/cjs/sd-table.cjs.entry.js +9 -7
- package/dist/cjs/sd-table.entry.cjs.js.map +1 -1
- package/dist/cjs/sd-tag.cjs.entry.js +1 -1
- package/dist/cjs/{tooltipArrow-ByThZw_g.js → tooltipArrow-DIgNnFqR.js} +4 -4
- package/dist/cjs/{tooltipArrow-ByThZw_g.js.map → tooltipArrow-DIgNnFqR.js.map} +1 -1
- package/dist/collection/components/assets/arrow2Down/Arrow2Down10.js +3 -0
- package/dist/collection/components/assets/arrow2Down/Arrow2Down10.js.map +1 -0
- package/dist/collection/components/assets/arrow2Down/Arrow2Down12.js +3 -0
- package/dist/collection/components/assets/arrow2Down/Arrow2Down12.js.map +1 -0
- package/dist/collection/components/assets/arrow2Down/Arrow2Down16.js +3 -0
- package/dist/collection/components/assets/arrow2Down/Arrow2Down16.js.map +1 -0
- package/dist/collection/components/assets/arrow2Down/Arrow2Down20.js +3 -0
- package/dist/collection/components/assets/arrow2Down/Arrow2Down20.js.map +1 -0
- package/dist/collection/components/assets/arrow2Down/Arrow2Down24.js +3 -0
- package/dist/collection/components/assets/arrow2Down/Arrow2Down24.js.map +1 -0
- package/dist/collection/components/assets/arrow2Down/Arrow2Down8.js +3 -0
- package/dist/collection/components/assets/arrow2Down/Arrow2Down8.js.map +1 -0
- package/dist/collection/components/assets/arrow2Down/index.js +15 -0
- package/dist/collection/components/assets/arrow2Down/index.js.map +1 -0
- package/dist/collection/components/assets/barcode/Barcode12.js +6 -0
- package/dist/collection/components/assets/barcode/Barcode12.js.map +1 -0
- package/dist/collection/components/assets/barcode/index.js +5 -0
- package/dist/collection/components/assets/barcode/index.js.map +1 -0
- package/dist/collection/components/assets/index.js +4 -0
- package/dist/collection/components/assets/index.js.map +1 -1
- package/dist/collection/components/assets/tooltipArrow.js +1 -1
- package/dist/collection/components/assets/tooltipArrow.js.map +1 -1
- package/dist/collection/components/sd-badge/sd-badge.css +0 -1309
- package/dist/collection/components/sd-button/sd-button.css +0 -1309
- package/dist/collection/components/sd-button/sd-button.js +3 -5
- package/dist/collection/components/sd-button/sd-button.js.map +1 -1
- package/dist/collection/components/sd-card/sd-card.css +3 -1314
- package/dist/collection/components/sd-checkbox/sd-checkbox.css +1 -1309
- package/dist/collection/components/sd-date-box/sd-date-box.css +0 -1309
- package/dist/collection/components/sd-date-picker/sd-date-picker.css +0 -1309
- package/dist/collection/components/sd-date-range-picker/sd-date-range-picker.css +0 -1309
- package/dist/collection/components/sd-guide/sd-guide.css +11 -2622
- package/dist/collection/components/sd-guide/sd-guide.js +4 -40
- package/dist/collection/components/sd-guide/sd-guide.js.map +1 -1
- package/dist/collection/components/sd-icon/sd-icon.css +5 -6
- package/dist/collection/components/sd-icon/sd-icon.js +1 -1
- package/dist/collection/components/sd-input/sd-input.css +5 -1315
- package/dist/collection/components/sd-pagination/sd-pagination.css +0 -1309
- package/dist/collection/components/sd-popover/sd-popover.css +0 -1309
- package/dist/collection/components/sd-popover/sd-popover.js +1 -1
- package/dist/collection/components/sd-select/sd-select-option/sd-select-option.css +7 -1317
- package/dist/collection/components/sd-select/sd-select.css +0 -1309
- package/dist/collection/components/sd-select/sd-select.js +5 -1
- package/dist/collection/components/sd-select/sd-select.js.map +1 -1
- package/dist/collection/components/sd-select-multiple/sd-select-multiple.css +0 -1309
- package/dist/collection/components/sd-select-multiple-group/sd-select-multiple-group.css +17 -1324
- package/dist/collection/components/sd-select-multiple-group/sd-select-multiple-group.js +8 -1
- package/dist/collection/components/sd-select-multiple-group/sd-select-multiple-group.js.map +1 -1
- package/dist/collection/components/sd-select-multiple-group/sd-select-option-group/sd-select-option-group.css +0 -1309
- package/dist/collection/components/sd-table/sd-table.css +1 -2
- package/dist/collection/components/sd-table/sd-table.js +7 -5
- package/dist/collection/components/sd-table/sd-table.js.map +1 -1
- package/dist/collection/components/sd-tooltip/sd-tooltip.css +0 -1309
- package/dist/collection/components/sd-tooltip/sd-tooltip.js +43 -12
- package/dist/collection/components/sd-tooltip/sd-tooltip.js.map +1 -1
- package/dist/components/index.js +1 -1
- package/dist/components/p-B1FrldZv.js +118 -0
- package/dist/components/p-B1FrldZv.js.map +1 -0
- package/dist/components/{p-D7CUg2TH.js → p-B1JaNHEU.js} +3 -3
- package/dist/components/{p-D7CUg2TH.js.map → p-B1JaNHEU.js.map} +1 -1
- package/dist/components/{p-D_VunbXE.js → p-B50AuWf2.js} +3 -3
- package/dist/components/p-B50AuWf2.js.map +1 -0
- package/dist/components/p-BqFU4TZF.js +167 -0
- package/dist/components/p-BqFU4TZF.js.map +1 -0
- package/dist/components/p-C060DxcL.js +102 -0
- package/dist/components/p-C060DxcL.js.map +1 -0
- package/dist/components/{p-COjeSZYo.js → p-C3mJCyWE.js} +45 -4
- package/dist/components/p-C3mJCyWE.js.map +1 -0
- package/dist/components/p-C4FpZGH9.js +107 -0
- package/dist/components/p-C4FpZGH9.js.map +1 -0
- package/dist/components/{p-VEsa5ImC.js → p-CJPQdgsl.js} +3 -3
- package/dist/components/{p-VEsa5ImC.js.map → p-CJPQdgsl.js.map} +1 -1
- package/dist/components/p-CeDsOL5J.js +97 -0
- package/dist/components/p-CeDsOL5J.js.map +1 -0
- package/dist/components/p-CpMzxF7f.js +78 -0
- package/dist/components/p-CpMzxF7f.js.map +1 -0
- package/dist/components/p-CpurfR3U.js +130 -0
- package/dist/components/p-CpurfR3U.js.map +1 -0
- package/dist/components/{p-Pgg2vJbw.js → p-DgJMXypC.js} +4 -4
- package/dist/components/p-DgJMXypC.js.map +1 -0
- package/dist/components/p-DyLjYh2a.js +109 -0
- package/dist/components/{p-DZueepIg.js.map → p-DyLjYh2a.js.map} +1 -1
- package/dist/components/{p-CvgvoI09.js → p-NSQfayTS.js} +3 -3
- package/dist/components/{p-CvgvoI09.js.map → p-NSQfayTS.js.map} +1 -1
- package/dist/components/sd-badge.js +2 -2
- package/dist/components/sd-badge.js.map +1 -1
- package/dist/components/sd-button.js +1 -1
- package/dist/components/sd-card.js +2 -2
- package/dist/components/sd-card.js.map +1 -1
- package/dist/components/sd-checkbox.js +1 -1
- package/dist/components/sd-date-box.js +1 -1
- package/dist/components/sd-date-picker.js +6 -6
- package/dist/components/sd-date-picker.js.map +1 -1
- package/dist/components/sd-date-range-picker.js +6 -6
- package/dist/components/sd-date-range-picker.js.map +1 -1
- package/dist/components/sd-guide.js +9 -45
- package/dist/components/sd-guide.js.map +1 -1
- package/dist/components/sd-icon.js +1 -1
- package/dist/components/sd-input.js +1 -1
- package/dist/components/sd-pagination.js +1 -1
- package/dist/components/sd-popover.js +6 -6
- package/dist/components/sd-popover.js.map +1 -1
- package/dist/components/sd-portal.js +1 -1
- package/dist/components/sd-select-multiple-group.js +16 -9
- package/dist/components/sd-select-multiple-group.js.map +1 -1
- package/dist/components/sd-select-multiple.js +8 -8
- package/dist/components/sd-select-multiple.js.map +1 -1
- package/dist/components/sd-select-option-group.js +1 -1
- package/dist/components/sd-select-option.js +1 -1
- package/dist/components/sd-select.js +13 -9
- package/dist/components/sd-select.js.map +1 -1
- package/dist/components/sd-table.js +16 -14
- package/dist/components/sd-table.js.map +1 -1
- package/dist/components/sd-tag.js +1 -1
- package/dist/components/sd-tooltip-portal.js +1 -1
- package/dist/components/sd-tooltip.js +1 -1
- package/dist/design-system/design-system.css +1 -1
- package/dist/design-system/design-system.esm.js +1 -1
- package/dist/design-system/{p-a08e4575.entry.js → p-0517f818.entry.js} +2 -2
- package/dist/design-system/p-0517f818.entry.js.map +1 -0
- package/dist/design-system/p-0afe6d79.entry.js +2 -0
- package/dist/design-system/p-0afe6d79.entry.js.map +1 -0
- package/dist/design-system/p-0f32d3ec.entry.js +2 -0
- package/dist/design-system/p-0f32d3ec.entry.js.map +1 -0
- package/dist/design-system/{p-05e67753.entry.js → p-2d6340d8.entry.js} +2 -2
- package/dist/design-system/p-31bd84b6.entry.js +2 -0
- package/dist/design-system/p-31bd84b6.entry.js.map +1 -0
- package/dist/design-system/p-3a2b20cd.entry.js +2 -0
- package/dist/design-system/p-3a2b20cd.entry.js.map +1 -0
- package/dist/design-system/p-46196747.entry.js +2 -0
- package/dist/design-system/p-46196747.entry.js.map +1 -0
- package/dist/design-system/p-6bec5be5.entry.js +2 -0
- package/dist/design-system/p-6bec5be5.entry.js.map +1 -0
- package/dist/design-system/{p-BAZEKdOK.js → p-Bknr-FpS.js} +2 -2
- package/dist/design-system/p-Bknr-FpS.js.map +1 -0
- package/dist/design-system/p-b13de8da.entry.js +2 -0
- package/dist/design-system/p-b13de8da.entry.js.map +1 -0
- package/dist/design-system/p-d69659f8.entry.js +2 -0
- package/dist/design-system/p-d69659f8.entry.js.map +1 -0
- package/dist/design-system/p-e905d5a6.entry.js +2 -0
- package/dist/design-system/p-e905d5a6.entry.js.map +1 -0
- package/dist/design-system/p-f2891898.entry.js +2 -0
- package/dist/design-system/p-f2891898.entry.js.map +1 -0
- package/dist/design-system/p-yvhdjV1L.js +2 -0
- package/dist/design-system/p-yvhdjV1L.js.map +1 -0
- package/dist/design-system/sd-badge.entry.esm.js.map +1 -1
- package/dist/design-system/sd-button.sd-tooltip-portal.entry.esm.js.map +1 -1
- package/dist/design-system/sd-card.entry.esm.js.map +1 -1
- package/dist/design-system/sd-checkbox.sd-icon.sd-input.sd-portal.sd-select.sd-select-multiple.sd-select-multiple-group.sd-select-option.sd-select-option-group.entry.esm.js.map +1 -1
- package/dist/design-system/sd-date-box.entry.esm.js.map +1 -1
- package/dist/design-system/sd-date-picker.entry.esm.js.map +1 -1
- package/dist/design-system/sd-date-range-picker.entry.esm.js.map +1 -1
- package/dist/design-system/sd-guide.entry.esm.js.map +1 -1
- package/dist/design-system/sd-pagination.sd-tooltip.entry.esm.js.map +1 -1
- package/dist/design-system/sd-popover.entry.esm.js.map +1 -1
- package/dist/design-system/sd-table.entry.esm.js.map +1 -1
- package/dist/esm/design-system.js +3 -3
- package/dist/esm/{index-BAZEKdOK.js → index-Bknr-FpS.js} +3 -3
- package/dist/esm/index-Bknr-FpS.js.map +1 -0
- package/dist/esm/loader.js +3 -3
- package/dist/esm/sd-badge.entry.js +2 -2
- package/dist/esm/sd-badge.entry.js.map +1 -1
- package/dist/esm/sd-button.sd-tooltip-portal.entry.js.map +1 -1
- package/dist/esm/sd-button_2.entry.js +3 -5
- package/dist/esm/sd-card.entry.js +2 -2
- package/dist/esm/sd-card.entry.js.map +1 -1
- package/dist/esm/sd-checkbox.sd-icon.sd-input.sd-portal.sd-select.sd-select-multiple.sd-select-multiple-group.sd-select-option.sd-select-option-group.entry.js.map +1 -1
- package/dist/esm/sd-checkbox_9.entry.js +63 -11
- package/dist/esm/sd-date-box.entry.js +2 -2
- package/dist/esm/sd-date-box.entry.js.map +1 -1
- package/dist/esm/sd-date-picker.entry.js +2 -2
- package/dist/esm/sd-date-picker.entry.js.map +1 -1
- package/dist/esm/sd-date-range-picker.entry.js +2 -2
- package/dist/esm/sd-date-range-picker.entry.js.map +1 -1
- package/dist/esm/sd-guide.entry.js +6 -42
- package/dist/esm/sd-guide.entry.js.map +1 -1
- package/dist/esm/sd-pagination.sd-tooltip.entry.js.map +1 -1
- package/dist/esm/sd-pagination_2.entry.js +19 -8
- package/dist/esm/sd-popover.entry.js +3 -3
- package/dist/esm/sd-popover.entry.js.map +1 -1
- package/dist/esm/sd-table.entry.js +9 -7
- package/dist/esm/sd-table.entry.js.map +1 -1
- package/dist/esm/sd-tag.entry.js +1 -1
- package/dist/esm/{tooltipArrow-BWyXCaKj.js → tooltipArrow-PnNMSQdZ.js} +4 -4
- package/dist/esm/{tooltipArrow-BWyXCaKj.js.map → tooltipArrow-PnNMSQdZ.js.map} +1 -1
- package/dist/types/components/assets/arrow2Down/Arrow2Down10.d.ts +1 -0
- package/dist/types/components/assets/arrow2Down/Arrow2Down12.d.ts +1 -0
- package/dist/types/components/assets/arrow2Down/Arrow2Down16.d.ts +1 -0
- package/dist/types/components/assets/arrow2Down/Arrow2Down20.d.ts +1 -0
- package/dist/types/components/assets/arrow2Down/Arrow2Down24.d.ts +1 -0
- package/dist/types/components/assets/arrow2Down/Arrow2Down8.d.ts +1 -0
- package/dist/types/components/assets/arrow2Down/index.d.ts +8 -0
- package/dist/types/components/assets/barcode/Barcode12.d.ts +2 -0
- package/dist/types/components/assets/barcode/index.d.ts +3 -0
- package/dist/types/components/assets/index.d.ts +11 -0
- package/dist/types/components/sd-table/sd-table.d.ts +2 -0
- package/dist/types/components/sd-tooltip/sd-tooltip.d.ts +2 -0
- package/dist/types/components.d.ts +8 -0
- package/hydrate/index.js +111 -83
- package/hydrate/index.mjs +111 -83
- package/package.json +2 -2
- package/dist/cjs/index-BxN2rEJl.js.map +0 -1
- package/dist/components/p-BIPygw9h.js +0 -104
- package/dist/components/p-BIPygw9h.js.map +0 -1
- package/dist/components/p-BYljcT76.js +0 -118
- package/dist/components/p-BYljcT76.js.map +0 -1
- package/dist/components/p-C2Pz32ZQ.js +0 -95
- package/dist/components/p-C2Pz32ZQ.js.map +0 -1
- package/dist/components/p-CJ4AYwcp.js +0 -97
- package/dist/components/p-CJ4AYwcp.js.map +0 -1
- package/dist/components/p-COjeSZYo.js.map +0 -1
- package/dist/components/p-D4mmLFMz.js +0 -78
- package/dist/components/p-D4mmLFMz.js.map +0 -1
- package/dist/components/p-DZueepIg.js +0 -109
- package/dist/components/p-D_VunbXE.js.map +0 -1
- package/dist/components/p-GMtCKhd1.js +0 -130
- package/dist/components/p-GMtCKhd1.js.map +0 -1
- package/dist/components/p-Pgg2vJbw.js.map +0 -1
- package/dist/components/p-i3HJi3se.js +0 -167
- package/dist/components/p-i3HJi3se.js.map +0 -1
- package/dist/design-system/p-0b798814.entry.js +0 -2
- package/dist/design-system/p-0b798814.entry.js.map +0 -1
- package/dist/design-system/p-401fc23d.entry.js +0 -2
- package/dist/design-system/p-401fc23d.entry.js.map +0 -1
- package/dist/design-system/p-493d5ae0.entry.js +0 -2
- package/dist/design-system/p-493d5ae0.entry.js.map +0 -1
- package/dist/design-system/p-66889084.entry.js +0 -2
- package/dist/design-system/p-66889084.entry.js.map +0 -1
- package/dist/design-system/p-7b514aae.entry.js +0 -2
- package/dist/design-system/p-7b514aae.entry.js.map +0 -1
- package/dist/design-system/p-818f7064.entry.js +0 -2
- package/dist/design-system/p-818f7064.entry.js.map +0 -1
- package/dist/design-system/p-988e2c3f.entry.js +0 -2
- package/dist/design-system/p-988e2c3f.entry.js.map +0 -1
- package/dist/design-system/p-B2E2_4lK.js +0 -2
- package/dist/design-system/p-B2E2_4lK.js.map +0 -1
- package/dist/design-system/p-BAZEKdOK.js.map +0 -1
- package/dist/design-system/p-a08e4575.entry.js.map +0 -1
- package/dist/design-system/p-ba68424d.entry.js +0 -2
- package/dist/design-system/p-ba68424d.entry.js.map +0 -1
- package/dist/design-system/p-cb191454.entry.js +0 -2
- package/dist/design-system/p-cb191454.entry.js.map +0 -1
- package/dist/design-system/p-cb5f4323.entry.js +0 -2
- package/dist/design-system/p-cb5f4323.entry.js.map +0 -1
- package/dist/esm/index-BAZEKdOK.js.map +0 -1
- /package/dist/design-system/{p-05e67753.entry.js.map → p-2d6340d8.entry.js.map} +0 -0
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as t,a as e,h as o,H as i}from"./p-Bknr-FpS.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__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," ");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-b13de8da.entry.js.map
|
|
@@ -0,0 +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":[]}
|
|
@@ -0,0 +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
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["registerInstance","createEvent","getElement","h","Host","resolveColor","sdButtonCss","ICON_SIZES","xs","sm","md","lg","SdButton","constructor","hostRef","this","sdClick","el","variant","size","color","label","disabled","type","icon","iconColor","iconSize","iconRight","noHover","class","handleClick","event","preventDefault","stopPropagation","emit","getButtonClasses","classes","push","join","render","buttonClasses","resolvedColor","key","style","onClick","name","SdTooltipPortal","sdClose","to","parentRef","offset","zIndex","placement","open","container","wrapper","rafId","isInsideClick","resizeObserver","mutationObserver","static","componentDidLoad","resolveContainer","createWrapper","moveSlotContent","requestAnimationFrame","updatePosition","visibility","observeParent","componentDidRender","display","disconnectedCallback","cancelAnimationFrame","unobserveParent","remove","document","querySelector","HTMLElement","body","createElement","Object","assign","position","toString","transition","top","left","appendChild","nodes","Array","from","childNodes","filter","n","nodeType","Node","COMMENT_NODE","forEach","rect","getBoundingClientRect","width","height","offsetX","offsetY","ARROW_SIZE","window","scrollY","offsetHeight","scrollX","offsetWidth","bottom","right","ResizeObserver","observe","MutationObserver","childList","subtree","disconnect","handleMouseDown","e","contains","target","handleWindowClick"],"sources":["0"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as e,c as t,a,h as s,H as d}from"./p-Bknr-FpS.js";import{u as i,t as c}from"./p-QZbqqKSO.js";const r=".sd-date-picker.sc-sd-date-picker-h{width:160px;display:inline-block}.sd-date-picker__menu.sc-sd-date-picker{width:304px;box-sizing:border-box;border-radius:8px;padding:24px 19px;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.2);background:white}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker{display:flex;flex-flow:row nowrap;align-items:center;gap:20px;font-size:14px;padding:0 5px;height:24px;line-height:24px}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .year-nav.sc-sd-date-picker,.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .month-nav.sc-sd-date-picker{display:flex;flex-flow:row nowrap;align-items:center;gap:12px}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .year-nav.sc-sd-date-picker button.sc-sd-date-picker,.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .month-nav.sc-sd-date-picker button.sc-sd-date-picker{background:none;border:none;cursor:pointer;margin:0;padding:0}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .year-nav__current.sc-sd-date-picker{width:40px;text-align:center}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__header.sc-sd-date-picker .month-nav__current.sc-sd-date-picker{width:100px;text-align:center}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__days.sc-sd-date-picker{margin-top:8px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr));column-gap:10px;padding:0 5px}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__days.sc-sd-date-picker .day.sc-sd-date-picker{width:28px;height:20px;font-size:12px;line-height:20px;text-align:center;color:#888888}.sd-date-picker__menu.sc-sd-date-picker .sd-date-picker__body.sc-sd-date-picker{margin-top:12px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr))}";const n=class{constructor(a){e(this,a);this.sdChange=t(this,"sdChange")}get el(){return a(this)}date=null;label;selectable;disabled=false;isOpen=false;currentDate=null;currentYear;currentMonth;sdChange;componentWillLoad(){this.setCalendar()}dateUtil=i();inputEl;setCalendar(){const e=this.date||c;const[t,a]=e.split("-").map(Number);this.currentYear=t;this.currentMonth=a;this.currentDate=this.date}openMenu(){if(this.disabled)return;this.setCalendar();this.isOpen=true}get calendar(){return this.dateUtil.createCalendar(this.currentYear,this.currentMonth)}setCurrentYear(e){this.currentYear=e}setCurrentMonth(e){this.currentMonth=e}setCurrentDate(e){this.currentDate=e}handleUpdateMonth(e){const{newYear:t,newMonth:a}=this.dateUtil.calculateYearMonth(this.currentYear,this.currentMonth,e);this.setCurrentYear(t);this.setCurrentMonth(a)}handleDateClick(e){if(!e)return;const t=this.dateUtil.formatDate(this.currentYear,this.currentMonth,e);this.setCurrentDate(t);this.isOpen=false;this.sdChange.emit?.(t)}isDisabledDate(e){if(!this.selectable)return false;const[t,a]=this.selectable;if(t&&a){return e<t||e>a}if(t){return e<t}if(a){return e>a}return false}handleClose=()=>{this.isOpen=false};render(){return s(d,{key:"84beddb7facbc2eaabc5b606392b30f5c1601eb6",class:"sd-date-picker"},s("sd-input",{key:"e8110cae23aaa71047762850ab1ac0ecad39fbf8",ref:e=>this.inputEl=e,value:this.date,label:this.label,"inside-label":true,readonly:true,disabled:this.disabled,inputClass:"text-center",inputStyle:{margin:"0 0 0 8px"},onClick:()=>this.openMenu()},s("sd-icon",{key:"9668799fd1b978b8d84228cbce66020ecf9c953a",slot:"prefix",name:"date",size:"16",color:"#737373",class:"date-icon",onClick:()=>this.openMenu()})),this.isOpen&&s("sd-portal",{key:"bdd3d055e108d0965fd33b39521e45d398d56657",open:this.isOpen,parentRef:this.inputEl,onSdClose:this.handleClose},s("div",{key:"32c9bf2c90f65d7341a06f1aa885eaf5830b790d",class:"sd-date-picker__menu"},s("div",{key:"998be0bcd3acedce805fa64b6b1d627751c7a021",class:"sd-date-picker__header"},s("div",{key:"fbcc16d1a914086eac22ec0769041a7cfb68c4ac",class:"year-nav"},s("button",{key:"a0483c5a5c11b96e4d04a8705eaeb834a67aabc1",type:"button",name:"prev-year",title:"Previous Year",onClick:()=>this.setCurrentYear(this.currentYear-1)},s("sd-icon",{key:"417934cc7f8d3a26a1ab7f7d06c4a19cc8f71838",name:"arrowLeft",size:"12",color:"#CCCCCC"})),s("span",{key:"9cc39d471b835312480483054b11bfb3a524a8a4",class:"year-nav__current"},this.currentYear),s("button",{key:"9963b625be6c33c9a7d6c4aabce8aeac04a5e5d8",type:"button",name:"next-year",title:"Next Year",onClick:()=>this.setCurrentYear(this.currentYear+1)},s("sd-icon",{key:"0414b554e1ae46b414d0829bbbbbd109241a1f0e",name:"arrowRight",size:"12",color:"#CCCCCC"}))),s("div",{key:"9eab999da7ef2a34f375f96ff799bf75500866da",class:"month-nav"},s("button",{key:"ba70f14d3344474b5faaa0778ce1838f00235880",type:"button",name:"prev-month",title:"Previous ",onClick:()=>this.handleUpdateMonth("prev")},s("sd-icon",{key:"3c69117050d690d06071040b7b110f28368d4b2b",name:"arrowLeft",size:"12",color:"#CCCCCC"})),s("span",{key:"a3f85e24150dcfd644ac98f4075fc63b39cc389a",class:"month-nav__current"},this.currentMonth,"월"),s("button",{key:"4a2e1c80dad428397120cf226807491474b9fef0",type:"button",name:"next-month",title:"Next Month",onClick:()=>this.handleUpdateMonth("next")},s("sd-icon",{key:"11f19f794d230afb29854717520dab17b90bf6e2",name:"arrowRight",size:"12",color:"#CCCCCC"})))),s("div",{key:"0dc4fb36b3395f3f626726ffc2c564b7efa7bf1f",class:"sd-date-picker__days"},["일","월","화","수","목","금","토"].map((e=>s("div",{key:e,class:"day"},e)))),s("div",{key:"973a4f62ac5588ad8398e668dfa9a1a5808e2860",class:"sd-date-picker__body"},[...this.calendar.prevMonthDays,...this.calendar.days,...this.calendar.afterMonthDays].map(((e,t)=>{const a=this.dateUtil.formatDate(this.currentYear,this.currentMonth,Number(e));return s("sd-date-box",{key:`${e}_${t}`,date:!e?"":Number(e),selected:this.currentDate===a,isToday:c===a,disabled:!e?true:this.isDisabledDate(a),onClick:!this.isDisabledDate(a)&&e?()=>this.handleDateClick(Number(e)):undefined})}))))))}};n.style=r;export{n as sd_date_picker};
|
|
2
|
+
//# sourceMappingURL=p-e905d5a6.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["registerInstance","createEvent","getElement","h","Host","useDatePicker","today","sdDatePickerCss","SdDatePicker","constructor","hostRef","this","sdChange","el","date","label","selectable","disabled","isOpen","currentDate","currentYear","currentMonth","componentWillLoad","setCalendar","dateUtil","inputEl","base","year","month","split","map","Number","openMenu","calendar","createCalendar","setCurrentYear","setCurrentMonth","setCurrentDate","handleUpdateMonth","type","newYear","newMonth","calculateYearMonth","handleDateClick","day","formatDate","emit","isDisabledDate","startSelectable","endSelectable","handleClose","render","key","class","ref","value","readonly","inputClass","inputStyle","margin","onClick","slot","name","size","color","open","parentRef","onSdClose","title","prevMonthDays","days","afterMonthDays","idx","formattedDate","selected","isToday","undefined","style"],"sources":["0"],"mappings":"YAAcA,OAAuBC,EAAkBC,OAAYC,OAAQC,MAAY,8BACzEC,OAAoBC,MAAa,kBAE/C,MAAMC,EAAkB,u2DAExB,MAAMC,EAAe,MACjB,WAAAC,CAAYC,GACRV,EAAiBW,KAAMD,GACvBC,KAAKC,SAAWX,EAAYU,KAAM,WACtC,CACA,MAAIE,GAAO,OAAOX,EAAWS,KAAO,CACpCG,KAAO,KACPC,MACAC,WACAC,SAAW,MACXC,OAAS,MACTC,YAAc,KACdC,YACAC,aACAT,SACA,iBAAAU,GACIX,KAAKY,aACT,CACAC,SAAWnB,IACXoB,QACA,WAAAF,GACI,MAAMG,EAAOf,KAAKG,MAAQR,EAC1B,MAAOqB,EAAMC,GAASF,EAAKG,MAAM,KAAKC,IAAIC,QAC1CpB,KAAKS,YAAcO,EACnBhB,KAAKU,aAAeO,EACpBjB,KAAKQ,YAAcR,KAAKG,IAC5B,CACA,QAAAkB,GACI,GAAIrB,KAAKM,SACL,OACJN,KAAKY,cACLZ,KAAKO,OAAS,IAClB,CACA,YAAIe,GACA,OAAOtB,KAAKa,SAASU,eAAevB,KAAKS,YAAaT,KAAKU,aAC/D,CACA,cAAAc,CAAeR,GACXhB,KAAKS,YAAcO,CACvB,CACA,eAAAS,CAAgBR,GACZjB,KAAKU,aAAeO,CACxB,CACA,cAAAS,CAAevB,GACXH,KAAKQ,YAAcL,CACvB,CACA,iBAAAwB,CAAkBC,GACd,MAAMC,QAAEA,EAAOC,SAAEA,GAAa9B,KAAKa,SAASkB,mBAAmB/B,KAAKS,YAAaT,KAAKU,aAAckB,GACpG5B,KAAKwB,eAAeK,GACpB7B,KAAKyB,gBAAgBK,EACzB,CACA,eAAAE,CAAgBC,GACZ,IAAKA,EACD,OACJ,MAAM9B,EAAOH,KAAKa,SAASqB,WAAWlC,KAAKS,YAAaT,KAAKU,aAAcuB,GAC3EjC,KAAK0B,eAAevB,GACpBH,KAAKO,OAAS,MACdP,KAAKC,SAASkC,OAAOhC,EACzB,CACA,cAAAiC,CAAejC,GACX,IAAKH,KAAKK,WACN,OAAO,MACX,MAAOgC,EAAiBC,GAAiBtC,KAAKK,WAC9C,GAAIgC,GAAmBC,EAAe,CAClC,OAAOnC,EAAOkC,GAAmBlC,EAAOmC,CAC5C,CACA,GAAID,EAAiB,CACjB,OAAOlC,EAAOkC,CAClB,CACA,GAAIC,EAAe,CACf,OAAOnC,EAAOmC,CAClB,CACA,OAAO,KACX,CACAC,YAAc,KACVvC,KAAKO,OAAS,KAAK,EAEvB,MAAAiC,GACI,OAAQhD,EAAEC,EAAM,CAAEgD,IAAK,2CAA4CC,MAAO,kBAAoBlD,EAAE,WAAY,CAAEiD,IAAK,2CAA4CE,IAAKzC,GAAOF,KAAKc,QAAUZ,EAAK0C,MAAO5C,KAAKG,KAAMC,MAAOJ,KAAKI,MAAO,eAAgB,KAAMyC,SAAU,KAAMvC,SAAUN,KAAKM,SAAUwC,WAAY,cAAeC,WAAY,CAClUC,OAAQ,aACTC,QAAS,IAAMjD,KAAKqB,YAAc7B,EAAE,UAAW,CAAEiD,IAAK,2CAA4CS,KAAM,SAAUC,KAAM,OAAQC,KAAM,KAAMC,MAAO,UAAWX,MAAO,YAAaO,QAAS,IAAMjD,KAAKqB,cAAgBrB,KAAKO,QAAWf,EAAE,YAAa,CAAEiD,IAAK,2CAA4Ca,KAAMtD,KAAKO,OAAQgD,UAAWvD,KAAKc,QAAS0C,UAAWxD,KAAKuC,aAAe/C,EAAE,MAAO,CAAEiD,IAAK,2CAA4CC,MAAO,wBAA0BlD,EAAE,MAAO,CAAEiD,IAAK,2CAA4CC,MAAO,0BAA4BlD,EAAE,MAAO,CAAEiD,IAAK,2CAA4CC,MAAO,YAAclD,EAAE,SAAU,CAAEiD,IAAK,2CAA4Cb,KAAM,SAAUuB,KAAM,YAAaM,MAAO,gBAAiBR,QAAS,IAAMjD,KAAKwB,eAAexB,KAAKS,YAAc,IAAMjB,EAAE,UAAW,CAAEiD,IAAK,2CAA4CU,KAAM,YAAaC,KAAM,KAAMC,MAAO,aAAe7D,EAAE,OAAQ,CAAEiD,IAAK,2CAA4CC,MAAO,qBAAuB1C,KAAKS,aAAcjB,EAAE,SAAU,CAAEiD,IAAK,2CAA4Cb,KAAM,SAAUuB,KAAM,YAAaM,MAAO,YAAaR,QAAS,IAAMjD,KAAKwB,eAAexB,KAAKS,YAAc,IAAMjB,EAAE,UAAW,CAAEiD,IAAK,2CAA4CU,KAAM,aAAcC,KAAM,KAAMC,MAAO,cAAgB7D,EAAE,MAAO,CAAEiD,IAAK,2CAA4CC,MAAO,aAAelD,EAAE,SAAU,CAAEiD,IAAK,2CAA4Cb,KAAM,SAAUuB,KAAM,aAAcM,MAAO,kBAAmBR,QAAS,IAAMjD,KAAK2B,kBAAkB,SAAWnC,EAAE,UAAW,CAAEiD,IAAK,2CAA4CU,KAAM,YAAaC,KAAM,KAAMC,MAAO,aAAe7D,EAAE,OAAQ,CAAEiD,IAAK,2CAA4CC,MAAO,sBAAwB1C,KAAKU,aAAc,KAAWlB,EAAE,SAAU,CAAEiD,IAAK,2CAA4Cb,KAAM,SAAUuB,KAAM,aAAcM,MAAO,aAAcR,QAAS,IAAMjD,KAAK2B,kBAAkB,SAAWnC,EAAE,UAAW,CAAEiD,IAAK,2CAA4CU,KAAM,aAAcC,KAAM,KAAMC,MAAO,eAAiB7D,EAAE,MAAO,CAAEiD,IAAK,2CAA4CC,MAAO,wBAA0B,CAAC,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,KAAKvB,KAAIc,GAAQzC,EAAE,MAAO,CAAEiD,IAAKR,EAAKS,MAAO,OAAST,MAASzC,EAAE,MAAO,CAAEiD,IAAK,2CAA4CC,MAAO,wBAA0B,IAC12E1C,KAAKsB,SAASoC,iBACd1D,KAAKsB,SAASqC,QACd3D,KAAKsB,SAASsC,gBACnBzC,KAAI,CAACc,EAAK4B,KACR,MAAMC,EAAgB9D,KAAKa,SAASqB,WAAWlC,KAAKS,YAAaT,KAAKU,aAAcU,OAAOa,IAC3F,OAAQzC,EAAE,cAAe,CAAEiD,IAAK,GAAGR,KAAO4B,IAAO1D,MAAO8B,EAAM,GAAKb,OAAOa,GAAM8B,SAAU/D,KAAKQ,cAAgBsD,EAAeE,QAASrE,IAAUmE,EAAexD,UAAW2B,EAAM,KAAOjC,KAAKoC,eAAe0B,GAAgBb,SAAUjD,KAAKoC,eAAe0B,IAAkB7B,EAClQ,IAAMjC,KAAKgC,gBAAgBZ,OAAOa,IAClCgC,WAAa,OAE/B,GAEJpE,EAAaqE,MAAQtE,SAEZC","ignoreList":[]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as t,c as e,h as d,H as s}from"./p-Bknr-FpS.js";const o='.sd-date-box.sc-sd-date-box-h{display:flex;align-items:center;justify-content:center;width:38px;height:36px;font-size:14px;position:relative;box-sizing:border-box;text-align:center;transition:background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);border-radius:14px}.sd-date-box.sc-sd-date-box-h .sd-date-box__content.sc-sd-date-box{width:28px;height:28px;border-radius:14px;position:relative}.sd-date-box.sc-sd-date-box-h .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box{position:relative;z-index:2;user-select:none;line-height:28px}.sd-date-box.sd-date-box--disabled.sc-sd-date-box-h{color:#cccccc;cursor:default !important;pointer-events:none}.sd-date-box.sc-sd-date-box-h:not(.sd-date-box--disabled){cursor:pointer}.sd-date-box.sd-hoverable.sc-sd-date-box-h:hover .sd-date-box__content.sc-sd-date-box{background:#d9eaff}.sd-date-box.sd-date-box--in-range.sc-sd-date-box-h:not(.sd-date-box--disabled) .sd-date-box__content.sc-sd-date-box::before{content:"";position:absolute;top:0;left:-5px;width:calc(100% + 10px);height:100%;background:#d9eaff}.sd-date-box.sd-date-box--in-range.sd-date-box--type-start.sc-sd-date-box-h .sd-date-box__content.sc-sd-date-box::before{left:auto !important;width:19px !important;right:-5px}.sd-date-box.sd-date-box--in-range.sd-date-box--type-end.sc-sd-date-box-h .sd-date-box__content.sc-sd-date-box::before{width:19px !important}.sd-date-box.sd-date-box--selected.sc-sd-date-box-h .sd-date-box__content.sc-sd-date-box::after,.sd-date-box.sd-date-box--type-start.sc-sd-date-box-h .sd-date-box__content.sc-sd-date-box::after,.sd-date-box.sd-date-box--type-end.sc-sd-date-box-h .sd-date-box__content.sc-sd-date-box::after{content:"";position:absolute;inset:0;background:#0075ff;border-radius:14px;z-index:1}.sd-date-box.sd-date-box--selected.sc-sd-date-box-h .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box,.sd-date-box.sd-date-box--type-start.sc-sd-date-box-h .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box,.sd-date-box.sd-date-box--type-end.sc-sd-date-box-h .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box{color:white;font-weight:700}.sd-date-box.sd-date-box--today.sc-sd-date-box-h:not(.sd-date-box--selected) .sd-date-box__content.sc-sd-date-box::after{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:28px;height:28px;border:1px solid #e1e1e1 !important;border-radius:14px}';const a=class{constructor(d){t(this,d);this.sdClick=e(this,"sdClick");this.sdMouseOver=e(this,"sdMouseOver")}date=null;disabled=false;selected=false;isStartDate=false;isEndDate=false;isToday=false;inRange=false;type="";sdClick;sdMouseOver;handleClickDate(){if(this.disabled)return;if(typeof this.date==="string")return;this.sdClick?.emit(this.date)}handleHoverDate(){if(typeof this.date==="string")return;this.sdMouseOver?.emit(this.date)}render(){return d(s,{key:"d38fb599ea91f851d33d43ffeb064b715dc1e4ad",role:"button","aria-disabled":this.disabled?"true":"false",tabindex:this.disabled?-1:0,class:{"sd-date-box":true,"sd-hoverable":!this.disabled||!this.selected||this.type==="","sd-date-box--disabled":this.disabled,"sd-date-box--selected":this.selected,"sd-date-box--today":this.isToday,"sd-date-box--start-date":this.isStartDate,"sd-date-box--end-date":this.isEndDate,"sd-date-box--in-range":this.inRange,"sd-date-box--type-start":this.type==="start","sd-date-box--type-end":this.type==="end"},onClick:()=>this.handleClickDate(),onMouseOver:()=>this.handleHoverDate()},d("div",{key:"c2c7dcc9b384e8d000d8803fa4e4a5fcc1f2e527",class:"sd-date-box__content"},d("div",{key:"7c002c5356d9c3fcf8ec0c8f751e97fd42e59645",class:"sd-date-box__label"},this.date)))}};a.style=o;export{a as sd_date_box};
|
|
2
|
+
//# sourceMappingURL=p-f2891898.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["registerInstance","createEvent","h","Host","sdDateBoxCss","SdDateBox","constructor","hostRef","this","sdClick","sdMouseOver","date","disabled","selected","isStartDate","isEndDate","isToday","inRange","type","handleClickDate","emit","handleHoverDate","render","key","role","tabindex","class","onClick","onMouseOver","style"],"sources":["0"],"mappings":"YAAcA,OAAuBC,OAAaC,OAAQC,MAAY,kBAEtE,MAAMC,EAAe,m4EAErB,MAAMC,EAAY,MACd,WAAAC,CAAYC,GACRP,EAAiBQ,KAAMD,GACvBC,KAAKC,QAAUR,EAAYO,KAAM,WACjCA,KAAKE,YAAcT,EAAYO,KAAM,cACzC,CACAG,KAAO,KACPC,SAAW,MACXC,SAAW,MACXC,YAAc,MACdC,UAAY,MACZC,QAAU,MACVC,QAAU,MACVC,KAAO,GACPT,QACAC,YACA,eAAAS,GACI,GAAIX,KAAKI,SACL,OACJ,UAAWJ,KAAKG,OAAS,SACrB,OACJH,KAAKC,SAASW,KAAKZ,KAAKG,KAC5B,CACA,eAAAU,GACI,UAAWb,KAAKG,OAAS,SACrB,OACJH,KAAKE,aAAaU,KAAKZ,KAAKG,KAChC,CACA,MAAAW,GACI,OAAQpB,EAAEC,EAAM,CAAEoB,IAAK,2CAA4CC,KAAM,SAAU,gBAAiBhB,KAAKI,SAAW,OAAS,QAASa,SAAUjB,KAAKI,UAAY,EAAI,EAAGc,MAAO,CACvK,cAAe,KACf,gBAAiBlB,KAAKI,WAAaJ,KAAKK,UAAYL,KAAKU,OAAS,GAClE,wBAAyBV,KAAKI,SAC9B,wBAAyBJ,KAAKK,SAC9B,qBAAsBL,KAAKQ,QAC3B,0BAA2BR,KAAKM,YAChC,wBAAyBN,KAAKO,UAC9B,wBAAyBP,KAAKS,QAC9B,0BAA2BT,KAAKU,OAAS,QACzC,wBAAyBV,KAAKU,OAAS,OACxCS,QAAS,IAAMnB,KAAKW,kBAAmBS,YAAa,IAAMpB,KAAKa,mBAAqBnB,EAAE,MAAO,CAAEqB,IAAK,2CAA4CG,MAAO,wBAA0BxB,EAAE,MAAO,CAAEqB,IAAK,2CAA4CG,MAAO,sBAAwBlB,KAAKG,OAC5R,GAEJN,EAAUwB,MAAQzB,SAETC","ignoreList":[]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{h as o}from"./p-Bknr-FpS.js";const t=t=>o("svg",{width:"16",height:"12",viewBox:"0 0 16 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t},o("path",{d:"M8.83205 10.7519C8.43623 11.3457 7.56377 11.3457 7.16795 10.7519L1.04907e-06 -1.39876e-06L16 0L8.83205 10.7519Z",fill:"currentColor"}));export{t as T};
|
|
2
|
+
//# sourceMappingURL=p-yvhdjV1L.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"p-yvhdjV1L.js","sources":["src/components/assets/tooltipArrow.tsx"],"sourcesContent":["import { h } from '@stencil/core';\r\n\r\nexport const TooltipArrow = (props: SVGProps) => (\r\n <svg\r\n width=\"16\"\r\n height=\"12\"\r\n viewBox=\"0 0 16 12\"\r\n fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n {...props}\r\n >\r\n <path\r\n d=\"M8.83205 10.7519C8.43623 11.3457 7.56377 11.3457 7.16795 10.7519L1.04907e-06 -1.39876e-06L16 0L8.83205 10.7519Z\"\r\n fill=\"currentColor\"\r\n />\r\n </svg>\r\n);\r\n"],"names":[],"mappings":";;AAEa,MAAA,YAAY,GAAG,CAAC,KAAe,MAC3C,CACC,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,KAC9B,KAAK,EAAA,EAET,CACC,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,iHAAiH,EACnH,IAAI,EAAC,cAAc,EAAA,CAClB,CACG;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sd-badge.entry.esm.js","sources":["src/components/sd-badge/sd-badge.scss?tag=sd-badge&encapsulation=scoped","src/components/sd-badge/sd-badge.tsx"],"sourcesContent":["@import '
|
|
1
|
+
{"version":3,"file":"sd-badge.entry.esm.js","sources":["src/components/sd-badge/sd-badge.scss?tag=sd-badge&encapsulation=scoped","src/components/sd-badge/sd-badge.tsx"],"sourcesContent":["@import 'variables';\r\n\r\n.sd-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n .sd-badge__dot {\r\n background: var(--sd-badge-color, $brilliantblue_75);\r\n }\r\n .sd-badge__label {\r\n margin-left: 8px;\r\n font-size: 12px;\r\n font-weight: 500;\r\n line-height: 20px;\r\n color: $grey_90;\r\n }\r\n\r\n &--sm {\r\n .sd-badge__dot {\r\n width: 4px;\r\n height: 4px;\r\n min-width: 4px;\r\n min-height: 4px;\r\n border-radius: 2px;\r\n }\r\n }\r\n\r\n &--md {\r\n .sd-badge__dot {\r\n width: 8px;\r\n height: 8px;\r\n min-width: 8px;\r\n min-height: 8px;\r\n border-radius: 4px;\r\n }\r\n }\r\n}\r\n","import { Component, Host, Prop, h } from '@stencil/core';\r\nimport { resolveColor } from '../../utils/color';\r\n\r\n@Component({\r\n tag: 'sd-badge',\r\n styleUrl: 'sd-badge.scss',\r\n scoped: true,\r\n})\r\nexport class SdBadge {\r\n @Prop() size: 'sm' | 'md' = 'md';\r\n @Prop() color: string = 'brilliantblue_75';\r\n @Prop() label: string = '';\r\n\r\n render() {\r\n const resolvedColor = resolveColor(this.color);\r\n\r\n return (\r\n <Host>\r\n <div class={`sd-badge sd-badge--${this.size}`} style={{ '--sd-badge-color': resolvedColor }}>\r\n <div class=\"sd-badge__dot\"></div>\r\n <div class=\"sd-badge__label\">{this.label}</div>\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"],"names":[],"mappings":";;;;AAAA,MAAM,UAAU,GAAG,oiBAAoiB;;MCQ1iB,OAAO,GAAA,MAAA;;;;IACX,IAAI,GAAgB,IAAI;IACxB,KAAK,GAAW,kBAAkB;IAClC,KAAK,GAAW,EAAE;IAE1B,MAAM,GAAA;QACL,MAAM,aAAa,GAAG,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC;AAE9C,QAAA,QACC,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACJ,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,CAAA,mBAAA,EAAsB,IAAI,CAAC,IAAI,CAAE,CAAA,EAAE,KAAK,EAAE,EAAE,kBAAkB,EAAE,aAAa,EAAE,EAAA,EAC1F,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,eAAe,EAAO,CAAA,EACjC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EAAE,EAAA,IAAI,CAAC,KAAK,CAAO,CAC1C,CACA;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sd-button.sd-tooltip-portal.entry.esm.js","sources":["src/components/sd-button/sd-button.scss?tag=sd-button","src/components/sd-button/sd-button.tsx","src/components/sd-tooltip-portal/sd-tooltip-portal.tsx"],"sourcesContent":["@import '../../styles/global.scss';\r\n\r\n.sd-button {\r\n text-decoration: none;\r\n cursor: pointer;\r\n border-radius: 4px;\r\n transition: all 0.2s ease-in-out;\r\n position: relative;\r\n overflow: hidden;\r\n white-space: nowrap;\r\n -webkit-user-select: none;\r\n user-select: none;\r\n box-sizing: border-box;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n &--xs {\r\n padding: 0 8px;\r\n font-size: 12px;\r\n font-weight: 500;\r\n line-height: 20px;\r\n min-height: 24px;\r\n }\r\n &--sm {\r\n padding: 0 12px;\r\n font-size: 12px;\r\n font-weight: 500;\r\n line-height: 20px;\r\n min-height: 28px;\r\n }\r\n &--md {\r\n padding: 0 20px;\r\n font-size: 16px;\r\n font-weight: 500;\r\n line-height: 26px;\r\n min-height: 34px;\r\n }\r\n &--lg {\r\n padding: 0 28px;\r\n font-size: 18px;\r\n font-weight: 500;\r\n line-height: 30px;\r\n min-height: 62px;\r\n }\r\n &--primary {\r\n background-color: var(--button-color);\r\n color: white;\r\n transition: filter 0.2s ease;\r\n\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: #000000;\r\n opacity: 0;\r\n transition: opacity 0.2s ease;\r\n z-index: 0;\r\n }\r\n\r\n &:hover:not(.sd-button--disabled):not(.sd-button--loading)::before {\r\n opacity: 0.25;\r\n }\r\n }\r\n\r\n &--outline {\r\n background: white;\r\n border: 1px solid var(--button-color);\r\n color: var(--button-color);\r\n\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: var(--button-color);\r\n opacity: 0;\r\n transition: opacity 0.2s ease;\r\n z-index: 0;\r\n }\r\n\r\n &:hover:not(.sd-button--disabled):not(.sd-button--loading)::before {\r\n opacity: 0.15;\r\n }\r\n\r\n .sd-button__content {\r\n position: relative;\r\n z-index: 1;\r\n }\r\n }\r\n &--ghost {\r\n background-color: transparent;\r\n color: var(--button-color);\r\n border-color: transparent;\r\n\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: var(--button-color);\r\n opacity: 0;\r\n transition: opacity 0.2s ease;\r\n z-index: 0;\r\n }\r\n\r\n &:hover:not(.sd-button--disabled):not(.sd-button--loading)::before {\r\n opacity: 0.15;\r\n }\r\n\r\n .sd-button__content {\r\n position: relative;\r\n z-index: 1;\r\n }\r\n }\r\n &--disabled {\r\n border: 1px solid $grey_45;\r\n background: $grey_30;\r\n color: $grey_65;\r\n cursor: not-allowed !important;\r\n }\r\n &--icon-only {\r\n padding: 0;\r\n width: fit-content;\r\n height: fit-content;\r\n aspect-ratio: 1 / 1;\r\n }\r\n &--no-hover {\r\n &:hover::before {\r\n opacity: 0 !important;\r\n }\r\n }\r\n\r\n .sd-button__content {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 4px;\r\n\r\n z-index: 1;\r\n font-weight: 500;\r\n }\r\n}\r\n\r\n// /* Focus styles */\r\n// .sd-button:focus-visible {\r\n// outline: 2px solid $primary;\r\n// outline-offset: 2px;\r\n// }\r\n\r\n// /* High contrast mode support */\r\n// @media (prefers-contrast: high) {\r\n// .sd-button {\r\n// border-width: 2px;\r\n// }\r\n// }\r\n","import { Component, Prop, h, Element, Event, EventEmitter, Host } from '@stencil/core';\r\nimport { resolveColor } from '../../utils/color';\r\n\r\nexport type ButtonVariant = 'primary' | 'outline' | 'ghost';\r\nexport type ButtonSize = 'xs' | 'sm' | 'md' | 'lg';\r\n\r\nconst ICON_SIZES: { [key in ButtonSize]: number } = {\r\n xs: 12,\r\n sm: 16,\r\n md: 20,\r\n lg: 24,\r\n};\r\n\r\n@Component({\r\n tag: 'sd-button',\r\n styleUrl: 'sd-button.scss',\r\n})\r\nexport class SdButton {\r\n @Element() el!: HTMLElement;\r\n\r\n @Prop() variant?: ButtonVariant = 'primary';\r\n @Prop() size: ButtonSize = 'sm';\r\n @Prop() color: string = '#025497';\r\n @Prop() label: string = '';\r\n @Prop() disabled: boolean = false;\r\n @Prop() type: 'button' | 'submit' | 'reset' = 'button';\r\n @Prop() icon?: IconName;\r\n @Prop() iconColor?: string;\r\n @Prop() iconSize?: number;\r\n @Prop() iconRight?: IconName;\r\n @Prop() noHover: boolean = false;\r\n @Prop() class: string = '';\r\n\r\n // @Prop() buttonStyle: StyleProps = {};\r\n // @Prop() iconStyle: StyleProps = {};\r\n\r\n @Event() sdClick!: EventEmitter<MouseEvent>;\r\n\r\n private handleClick = (event: MouseEvent) => {\r\n if (this.disabled) {\r\n event.preventDefault();\r\n event.stopPropagation();\r\n return;\r\n }\r\n this.sdClick.emit(event);\r\n };\r\n\r\n private getButtonClasses(): string {\r\n const classes = ['sd-button'];\r\n\r\n classes.push(`sd-button--${this.variant}`);\r\n classes.push(`sd-button--${this.size}`);\r\n classes.push(`sd-button--color-${this.color}`);\r\n\r\n if (this.disabled) {\r\n classes.push('sd-button--disabled');\r\n }\r\n\r\n if (!this.label && (this.icon || this.iconRight)) {\r\n classes.push('sd-button--icon-only');\r\n }\r\n\r\n if (this.noHover) {\r\n classes.push('sd-button--no-hover');\r\n }\r\n\r\n return classes.join(' ');\r\n }\r\n\r\n render() {\r\n const buttonClasses = this.getButtonClasses();\r\n // 유틸로 색상 키 -> HEX 매핑 (없으면 원본 그대로)\r\n const resolvedColor = resolveColor(this.color);\r\n\r\n return (\r\n <Host>\r\n <button\r\n class={`${buttonClasses} ${this.class}`}\r\n type={this.type}\r\n disabled={this.disabled}\r\n onClick={this.handleClick}\r\n style={{ '--button-color': resolvedColor }}\r\n >\r\n <div class=\"sd-button__content\">\r\n {this.icon && (\r\n <sd-icon\r\n class=\"sd-button__icon sd-button__icon--left\"\r\n name={this.icon}\r\n size={this.iconSize ? this.iconSize : ICON_SIZES[this.size!]}\r\n color={\r\n this.iconColor ? this.iconColor : this.variant === 'primary' ? '#fff' : resolvedColor\r\n }\r\n ></sd-icon>\r\n )}\r\n\r\n {this.label && <div class=\"sd-button__label\">{this.label}</div>}\r\n\r\n {this.iconRight && (\r\n <sd-icon\r\n class=\"sd-button__icon sd-button__icon--right\"\r\n name={this.iconRight}\r\n size={ICON_SIZES[this.size!]}\r\n color={this.variant === 'primary' ? '#fff' : resolvedColor}\r\n ></sd-icon>\r\n )}\r\n </div>\r\n </button>\r\n </Host>\r\n );\r\n }\r\n}\r\n","import { Component, Element, Event, EventEmitter, Listen, Prop, h } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'sd-tooltip-portal',\r\n shadow: true,\r\n})\r\nexport class SdTooltipPortal {\r\n @Element() el!: HTMLElement;\r\n @Prop() to: HTMLElement | string = 'body';\r\n @Prop() parentRef: HTMLElement | null = null;\r\n @Prop() offset: [number, number] = [0, 0];\r\n @Prop() zIndex: number = 9999;\r\n @Prop() placement: 'top' | 'bottom' | 'left' | 'right' = 'bottom';\r\n @Prop() open: boolean = false;\r\n\r\n @Event() sdClose!: EventEmitter<void>;\r\n\r\n private container?: HTMLElement;\r\n private wrapper?: HTMLElement;\r\n private rafId?: number;\r\n private isInsideClick = false;\r\n\r\n private resizeObserver?: ResizeObserver;\r\n private mutationObserver?: MutationObserver;\r\n\r\n private static readonly ARROW_SIZE = 11.2;\r\n\r\n componentDidLoad() {\r\n this.container = this.resolveContainer();\r\n this.createWrapper();\r\n this.moveSlotContent();\r\n\r\n // DOM이 완전히 렌더링된 후 위치 계산\r\n requestAnimationFrame(() => {\r\n this.updatePosition();\r\n if (this.wrapper) {\r\n this.wrapper.style.visibility = 'visible'; // 위치 계산 후 표시\r\n }\r\n });\r\n\r\n this.observeParent();\r\n }\r\n\r\n componentDidRender() {\r\n if (!this.wrapper) return;\r\n\r\n // this.wrapper.style.display = this.open ? 'block' : 'none';\r\n // if (this.open) this.updatePosition();\r\n\r\n if (this.open) {\r\n this.wrapper.style.display = 'block';\r\n // RAF를 사용해서 다음 프레임에 위치 업데이트\r\n requestAnimationFrame(() => {\r\n this.updatePosition();\r\n if (this.wrapper) {\r\n this.wrapper.style.visibility = 'visible';\r\n }\r\n });\r\n } else {\r\n this.wrapper.style.display = 'none';\r\n this.wrapper.style.visibility = 'hidden';\r\n }\r\n }\r\n\r\n disconnectedCallback() {\r\n if (this.rafId) cancelAnimationFrame(this.rafId);\r\n this.unobserveParent();\r\n this.wrapper?.remove();\r\n }\r\n\r\n private resolveContainer(): HTMLElement {\r\n const el = typeof this.to === 'string' ? document.querySelector(this.to) : this.to;\r\n return el instanceof HTMLElement ? el : document.body;\r\n }\r\n\r\n private createWrapper() {\r\n this.wrapper = document.createElement('div');\r\n Object.assign(this.wrapper.style, {\r\n position: 'absolute',\r\n zIndex: this.zIndex.toString(),\r\n transition: 'opacity 0.4s',\r\n top: '-9999px',\r\n left: '-9999px',\r\n });\r\n this.container!.appendChild(this.wrapper);\r\n }\r\n\r\n private moveSlotContent() {\r\n if (!this.wrapper) return;\r\n const nodes = Array.from(this.el.childNodes).filter(n => n.nodeType !== Node.COMMENT_NODE);\r\n nodes.forEach(n => this.wrapper!.appendChild(n));\r\n }\r\n\r\n // 위치 갱신 (scroll / resize)\r\n @Listen('scroll', { target: 'window' })\r\n @Listen('resize', { target: 'window' })\r\n updatePosition() {\r\n if (this.rafId) cancelAnimationFrame(this.rafId);\r\n\r\n this.rafId = requestAnimationFrame(() => {\r\n if (!this.parentRef || !this.wrapper) return;\r\n\r\n const rect = this.parentRef.getBoundingClientRect();\r\n if (!rect.width && !rect.height) return; // 요소가 보이지 않는 경우\r\n\r\n const [offsetX, offsetY] = this.offset;\r\n const ARROW_SIZE = SdTooltipPortal.ARROW_SIZE;\r\n\r\n let top = 0;\r\n let left = 0;\r\n\r\n switch (this.placement) {\r\n case 'top':\r\n top = rect.top + window.scrollY - this.wrapper.offsetHeight + offsetY - ARROW_SIZE;\r\n left = rect.left + window.scrollX + rect.width / 2 - this.wrapper.offsetWidth / 2 + offsetX;\r\n break;\r\n\r\n case 'bottom':\r\n top = rect.bottom + window.scrollY + offsetY + ARROW_SIZE;\r\n left = rect.left + window.scrollX + rect.width / 2 - this.wrapper.offsetWidth / 2 + offsetX;\r\n break;\r\n\r\n case 'left':\r\n top = rect.top + window.scrollY + rect.height / 2 - this.wrapper.offsetHeight / 2 + offsetY;\r\n left = rect.left + window.scrollX - this.wrapper.offsetWidth - offsetX - ARROW_SIZE;\r\n break;\r\n\r\n case 'right':\r\n top = rect.top + window.scrollY + rect.height / 2 - this.wrapper.offsetHeight / 2 + offsetY;\r\n left = rect.right + window.scrollX + offsetX + ARROW_SIZE;\r\n break;\r\n }\r\n\r\n Object.assign(this.wrapper!.style, {\r\n top: `${top}px`,\r\n left: `${left}px`,\r\n });\r\n });\r\n }\r\n\r\n // parentRef의 이동 / 크기변경 감지\r\n private observeParent() {\r\n if (!this.parentRef) return;\r\n\r\n this.resizeObserver = new ResizeObserver(() => this.updatePosition());\r\n this.resizeObserver.observe(this.parentRef);\r\n\r\n this.mutationObserver = new MutationObserver(() => this.updatePosition());\r\n this.mutationObserver.observe(document.body, {\r\n childList: true,\r\n subtree: true,\r\n });\r\n }\r\n\r\n private unobserveParent() {\r\n this.resizeObserver?.disconnect();\r\n this.mutationObserver?.disconnect();\r\n }\r\n\r\n // 외부 클릭 감지\r\n @Listen('mousedown', { target: 'window' })\r\n handleMouseDown(e: MouseEvent) {\r\n this.isInsideClick = !!(this.wrapper && this.wrapper.contains(e.target as Node));\r\n }\r\n\r\n @Listen('click', { target: 'window' })\r\n handleWindowClick(e: MouseEvent) {\r\n if (this.isInsideClick) {\r\n this.isInsideClick = false;\r\n return;\r\n }\r\n if (this.wrapper?.contains(e.target as Node)) return;\r\n this.sdClose.emit();\r\n }\r\n\r\n render() {\r\n return <slot></slot>;\r\n }\r\n}\r\n"],"names":[],"mappings":";;;;AAAA,MAAM,WAAW,GAAG,qkpBAAqkpB;;ACMzlpB,MAAM,UAAU,GAAoC;AACnD,IAAA,EAAE,EAAE,EAAE;AACN,IAAA,EAAE,EAAE,EAAE;AACN,IAAA,EAAE,EAAE,EAAE;AACN,IAAA,EAAE,EAAE,EAAE;CACN;MAMY,QAAQ,GAAA,MAAA;;;;;;IAGZ,OAAO,GAAmB,SAAS;IACnC,IAAI,GAAe,IAAI;IACvB,KAAK,GAAW,SAAS;IACzB,KAAK,GAAW,EAAE;IAClB,QAAQ,GAAY,KAAK;IACzB,IAAI,GAAkC,QAAQ;AAC9C,IAAA,IAAI;AACJ,IAAA,SAAS;AACT,IAAA,QAAQ;AACR,IAAA,SAAS;IACT,OAAO,GAAY,KAAK;IACxB,KAAK,GAAW,EAAE;;;AAKjB,IAAA,OAAO;AAER,IAAA,WAAW,GAAG,CAAC,KAAiB,KAAI;AAC3C,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;YAClB,KAAK,CAAC,cAAc,EAAE;YACtB,KAAK,CAAC,eAAe,EAAE;YACvB;;AAED,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC;AACzB,KAAC;IAEO,gBAAgB,GAAA;AACvB,QAAA,MAAM,OAAO,GAAG,CAAC,WAAW,CAAC;QAE7B,OAAO,CAAC,IAAI,CAAC,CAAA,WAAA,EAAc,IAAI,CAAC,OAAO,CAAE,CAAA,CAAC;QAC1C,OAAO,CAAC,IAAI,CAAC,CAAA,WAAA,EAAc,IAAI,CAAC,IAAI,CAAE,CAAA,CAAC;QACvC,OAAO,CAAC,IAAI,CAAC,CAAA,iBAAA,EAAoB,IAAI,CAAC,KAAK,CAAE,CAAA,CAAC;AAE9C,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AAClB,YAAA,OAAO,CAAC,IAAI,CAAC,qBAAqB,CAAC;;AAGpC,QAAA,IAAI,CAAC,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,SAAS,CAAC,EAAE;AACjD,YAAA,OAAO,CAAC,IAAI,CAAC,sBAAsB,CAAC;;AAGrC,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE;AACjB,YAAA,OAAO,CAAC,IAAI,CAAC,qBAAqB,CAAC;;AAGpC,QAAA,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;;IAGzB,MAAM,GAAA;AACL,QAAA,MAAM,aAAa,GAAG,IAAI,CAAC,gBAAgB,EAAE;;QAE7C,MAAM,aAAa,GAAG,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC;QAE9C,QACC,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACJ,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAE,CAAG,EAAA,aAAa,CAAI,CAAA,EAAA,IAAI,CAAC,KAAK,CAAA,CAAE,EACvC,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,KAAK,EAAE,EAAE,gBAAgB,EAAE,aAAa,EAAE,EAAA,EAE1C,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,oBAAoB,EAAA,EAC7B,IAAI,CAAC,IAAI,KACT,CACC,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,uCAAuC,EAC7C,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,GAAG,UAAU,CAAC,IAAI,CAAC,IAAK,CAAC,EAC5D,KAAK,EACJ,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,OAAO,KAAK,SAAS,GAAG,MAAM,GAAG,aAAa,GAE5E,CACX,EAEA,IAAI,CAAC,KAAK,IAAI,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAE,EAAA,IAAI,CAAC,KAAK,CAAO,EAE9D,IAAI,CAAC,SAAS,KACd,gEACC,KAAK,EAAC,wCAAwC,EAC9C,IAAI,EAAE,IAAI,CAAC,SAAS,EACpB,IAAI,EAAE,UAAU,CAAC,IAAI,CAAC,IAAK,CAAC,EAC5B,KAAK,EAAE,IAAI,CAAC,OAAO,KAAK,SAAS,GAAG,MAAM,GAAG,aAAa,EAAA,CAChD,CACX,CACI,CACE,CACH;;;;;MCrGG,eAAe,GAAA,MAAA;;;;;;IAEnB,EAAE,GAAyB,MAAM;IACjC,SAAS,GAAuB,IAAI;AACpC,IAAA,MAAM,GAAqB,CAAC,CAAC,EAAE,CAAC,CAAC;IACjC,MAAM,GAAW,IAAI;IACrB,SAAS,GAAwC,QAAQ;IACzD,IAAI,GAAY,KAAK;AAEpB,IAAA,OAAO;AAER,IAAA,SAAS;AACT,IAAA,OAAO;AACP,IAAA,KAAK;IACL,aAAa,GAAG,KAAK;AAErB,IAAA,cAAc;AACd,IAAA,gBAAgB;AAEhB,IAAA,OAAgB,UAAU,GAAG,IAAI;IAEzC,gBAAgB,GAAA;AACf,QAAA,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,gBAAgB,EAAE;QACxC,IAAI,CAAC,aAAa,EAAE;QACpB,IAAI,CAAC,eAAe,EAAE;;QAGtB,qBAAqB,CAAC,MAAK;YAC1B,IAAI,CAAC,cAAc,EAAE;AACrB,YAAA,IAAI,IAAI,CAAC,OAAO,EAAE;gBACjB,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,UAAU,GAAG,SAAS,CAAC;;AAE5C,SAAC,CAAC;QAEF,IAAI,CAAC,aAAa,EAAE;;IAGrB,kBAAkB,GAAA;QACjB,IAAI,CAAC,IAAI,CAAC,OAAO;YAAE;;;AAKnB,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE;YACd,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,OAAO;;YAEpC,qBAAqB,CAAC,MAAK;gBAC1B,IAAI,CAAC,cAAc,EAAE;AACrB,gBAAA,IAAI,IAAI,CAAC,OAAO,EAAE;oBACjB,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,UAAU,GAAG,SAAS;;AAE3C,aAAC,CAAC;;aACI;YACN,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM;YACnC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ;;;IAI1C,oBAAoB,GAAA;QACnB,IAAI,IAAI,CAAC,KAAK;AAAE,YAAA,oBAAoB,CAAC,IAAI,CAAC,KAAK,CAAC;QAChD,IAAI,CAAC,eAAe,EAAE;AACtB,QAAA,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE;;IAGf,gBAAgB,GAAA;QACvB,MAAM,EAAE,GAAG,OAAO,IAAI,CAAC,EAAE,KAAK,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,EAAE;AAClF,QAAA,OAAO,EAAE,YAAY,WAAW,GAAG,EAAE,GAAG,QAAQ,CAAC,IAAI;;IAG9C,aAAa,GAAA;QACpB,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC;QAC5C,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE;AACjC,YAAA,QAAQ,EAAE,UAAU;AACpB,YAAA,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE;AAC9B,YAAA,UAAU,EAAE,cAAc;AAC1B,YAAA,GAAG,EAAE,SAAS;AACd,YAAA,IAAI,EAAE,SAAS;AACf,SAAA,CAAC;QACF,IAAI,CAAC,SAAU,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC;;IAGlC,eAAe,GAAA;QACtB,IAAI,CAAC,IAAI,CAAC,OAAO;YAAE;QACnB,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,KAAK,IAAI,CAAC,YAAY,CAAC;AAC1F,QAAA,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,IAAI,CAAC,OAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;;;IAMjD,cAAc,GAAA;QACb,IAAI,IAAI,CAAC,KAAK;AAAE,YAAA,oBAAoB,CAAC,IAAI,CAAC,KAAK,CAAC;AAEhD,QAAA,IAAI,CAAC,KAAK,GAAG,qBAAqB,CAAC,MAAK;YACvC,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,OAAO;gBAAE;YAEtC,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,qBAAqB,EAAE;YACnD,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,MAAM;AAAE,gBAAA,OAAO;YAExC,MAAM,CAAC,OAAO,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC,MAAM;AACtC,YAAA,MAAM,UAAU,GAAG,eAAe,CAAC,UAAU;YAE7C,IAAI,GAAG,GAAG,CAAC;YACX,IAAI,IAAI,GAAG,CAAC;AAEZ,YAAA,QAAQ,IAAI,CAAC,SAAS;AACrB,gBAAA,KAAK,KAAK;AACT,oBAAA,GAAG,GAAG,IAAI,CAAC,GAAG,GAAG,MAAM,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,YAAY,GAAG,OAAO,GAAG,UAAU;oBAClF,IAAI,GAAG,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,WAAW,GAAG,CAAC,GAAG,OAAO;oBAC3F;AAED,gBAAA,KAAK,QAAQ;AACZ,oBAAA,GAAG,GAAG,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,OAAO,GAAG,OAAO,GAAG,UAAU;oBACzD,IAAI,GAAG,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,WAAW,GAAG,CAAC,GAAG,OAAO;oBAC3F;AAED,gBAAA,KAAK,MAAM;oBACV,GAAG,GAAG,IAAI,CAAC,GAAG,GAAG,MAAM,CAAC,OAAO,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,YAAY,GAAG,CAAC,GAAG,OAAO;AAC3F,oBAAA,IAAI,GAAG,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,WAAW,GAAG,OAAO,GAAG,UAAU;oBACnF;AAED,gBAAA,KAAK,OAAO;oBACX,GAAG,GAAG,IAAI,CAAC,GAAG,GAAG,MAAM,CAAC,OAAO,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,YAAY,GAAG,CAAC,GAAG,OAAO;AAC3F,oBAAA,IAAI,GAAG,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,OAAO,GAAG,OAAO,GAAG,UAAU;oBACzD;;YAGF,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAQ,CAAC,KAAK,EAAE;gBAClC,GAAG,EAAE,CAAG,EAAA,GAAG,CAAI,EAAA,CAAA;gBACf,IAAI,EAAE,CAAG,EAAA,IAAI,CAAI,EAAA,CAAA;AACjB,aAAA,CAAC;AACH,SAAC,CAAC;;;IAIK,aAAa,GAAA;QACpB,IAAI,CAAC,IAAI,CAAC,SAAS;YAAE;AAErB,QAAA,IAAI,CAAC,cAAc,GAAG,IAAI,cAAc,CAAC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QACrE,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC;AAE3C,QAAA,IAAI,CAAC,gBAAgB,GAAG,IAAI,gBAAgB,CAAC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QACzE,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,EAAE;AAC5C,YAAA,SAAS,EAAE,IAAI;AACf,YAAA,OAAO,EAAE,IAAI;AACb,SAAA,CAAC;;IAGK,eAAe,GAAA;AACtB,QAAA,IAAI,CAAC,cAAc,EAAE,UAAU,EAAE;AACjC,QAAA,IAAI,CAAC,gBAAgB,EAAE,UAAU,EAAE;;;AAKpC,IAAA,eAAe,CAAC,CAAa,EAAA;QAC5B,IAAI,CAAC,aAAa,GAAG,CAAC,EAAE,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAc,CAAC,CAAC;;AAIjF,IAAA,iBAAiB,CAAC,CAAa,EAAA;AAC9B,QAAA,IAAI,IAAI,CAAC,aAAa,EAAE;AACvB,YAAA,IAAI,CAAC,aAAa,GAAG,KAAK;YAC1B;;QAED,IAAI,IAAI,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAc,CAAC;YAAE;AAC9C,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE;;IAGpB,MAAM,GAAA;QACL,OAAO,8DAAa;;;;;;"}
|
|
1
|
+
{"version":3,"file":"sd-button.sd-tooltip-portal.entry.esm.js","sources":["src/components/sd-button/sd-button.scss?tag=sd-button","src/components/sd-button/sd-button.tsx","src/components/sd-tooltip-portal/sd-tooltip-portal.tsx"],"sourcesContent":["@import 'variables';\r\n\r\n.sd-button {\r\n text-decoration: none;\r\n cursor: pointer;\r\n border-radius: 4px;\r\n transition: all 0.2s ease-in-out;\r\n position: relative;\r\n overflow: hidden;\r\n white-space: nowrap;\r\n -webkit-user-select: none;\r\n user-select: none;\r\n box-sizing: border-box;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n &--xs {\r\n padding: 0 8px;\r\n font-size: 12px;\r\n font-weight: 500;\r\n line-height: 20px;\r\n min-height: 24px;\r\n }\r\n &--sm {\r\n padding: 0 12px;\r\n font-size: 12px;\r\n font-weight: 500;\r\n line-height: 20px;\r\n min-height: 28px;\r\n }\r\n &--md {\r\n padding: 0 20px;\r\n font-size: 16px;\r\n font-weight: 500;\r\n line-height: 26px;\r\n min-height: 34px;\r\n }\r\n &--lg {\r\n padding: 0 28px;\r\n font-size: 18px;\r\n font-weight: 500;\r\n line-height: 30px;\r\n min-height: 62px;\r\n }\r\n &--primary {\r\n background-color: var(--button-color);\r\n color: white;\r\n transition: filter 0.2s ease;\r\n\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: #000000;\r\n opacity: 0;\r\n transition: opacity 0.2s ease;\r\n z-index: 0;\r\n }\r\n\r\n &:hover:not(.sd-button--disabled):not(.sd-button--loading)::before {\r\n opacity: 0.25;\r\n }\r\n }\r\n\r\n &--outline {\r\n background: white;\r\n border: 1px solid var(--button-color);\r\n color: var(--button-color);\r\n\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: var(--button-color);\r\n opacity: 0;\r\n transition: opacity 0.2s ease;\r\n z-index: 0;\r\n }\r\n\r\n &:hover:not(.sd-button--disabled):not(.sd-button--loading)::before {\r\n opacity: 0.15;\r\n }\r\n\r\n .sd-button__content {\r\n position: relative;\r\n z-index: 1;\r\n }\r\n }\r\n &--ghost {\r\n background-color: transparent;\r\n color: var(--button-color);\r\n border-color: transparent;\r\n\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: var(--button-color);\r\n opacity: 0;\r\n transition: opacity 0.2s ease;\r\n z-index: 0;\r\n }\r\n\r\n &:hover:not(.sd-button--disabled):not(.sd-button--loading)::before {\r\n opacity: 0.15;\r\n }\r\n\r\n .sd-button__content {\r\n position: relative;\r\n z-index: 1;\r\n }\r\n }\r\n &--disabled {\r\n border: 1px solid $grey_45;\r\n background: $grey_30;\r\n color: $grey_65;\r\n cursor: not-allowed !important;\r\n }\r\n &--icon-only {\r\n padding: 0;\r\n width: fit-content;\r\n height: fit-content;\r\n aspect-ratio: 1 / 1;\r\n }\r\n &--no-hover {\r\n &:hover::before {\r\n opacity: 0 !important;\r\n }\r\n }\r\n\r\n .sd-button__content {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 4px;\r\n\r\n z-index: 1;\r\n font-weight: 500;\r\n }\r\n}\r\n\r\n// /* Focus styles */\r\n// .sd-button:focus-visible {\r\n// outline: 2px solid $primary;\r\n// outline-offset: 2px;\r\n// }\r\n\r\n// /* High contrast mode support */\r\n// @media (prefers-contrast: high) {\r\n// .sd-button {\r\n// border-width: 2px;\r\n// }\r\n// }\r\n","import { Component, Prop, h, Element, Event, EventEmitter, Host } from '@stencil/core';\r\nimport { resolveColor } from '../../utils/color';\r\n\r\nexport type ButtonVariant = 'primary' | 'outline' | 'ghost';\r\nexport type ButtonSize = 'xs' | 'sm' | 'md' | 'lg';\r\n\r\nconst ICON_SIZES: { [key in ButtonSize]: number } = {\r\n xs: 12,\r\n sm: 16,\r\n md: 20,\r\n lg: 24,\r\n};\r\n\r\n@Component({\r\n tag: 'sd-button',\r\n styleUrl: 'sd-button.scss',\r\n})\r\nexport class SdButton {\r\n @Element() el!: HTMLElement;\r\n\r\n @Prop() variant?: ButtonVariant = 'primary';\r\n @Prop() size: ButtonSize = 'sm';\r\n @Prop() color: string = '#025497';\r\n @Prop() label: string = '';\r\n @Prop() disabled: boolean = false;\r\n @Prop() type: 'button' | 'submit' | 'reset' = 'button';\r\n @Prop() icon?: IconName;\r\n @Prop() iconColor?: string;\r\n @Prop() iconSize?: number;\r\n @Prop() iconRight?: IconName;\r\n @Prop() noHover: boolean = false;\r\n @Prop() class: string = '';\r\n @Event() sdClick!: EventEmitter<MouseEvent>;\r\n\r\n private handleClick = (event: MouseEvent) => {\r\n if (this.disabled) {\r\n event.preventDefault();\r\n event.stopPropagation();\r\n return;\r\n }\r\n this.sdClick.emit(event);\r\n };\r\n\r\n private getButtonClasses(): string {\r\n const classes = ['sd-button'];\r\n\r\n classes.push(`sd-button--${this.variant}`);\r\n classes.push(`sd-button--${this.size}`);\r\n classes.push(`sd-button--color-${this.color}`);\r\n\r\n if (this.disabled) {\r\n classes.push('sd-button--disabled');\r\n }\r\n\r\n if (!this.label && (this.icon || this.iconRight)) {\r\n classes.push('sd-button--icon-only');\r\n }\r\n\r\n if (this.noHover) {\r\n classes.push('sd-button--no-hover');\r\n }\r\n\r\n return classes.join(' ');\r\n }\r\n\r\n render() {\r\n const buttonClasses = this.getButtonClasses();\r\n // 유틸로 색상 키 -> HEX 매핑 (없으면 원본 그대로)\r\n const resolvedColor = resolveColor(this.color);\r\n\r\n return (\r\n <Host style={{ '--button-color': resolvedColor }}>\r\n <button\r\n class={`${buttonClasses} ${this.class}`}\r\n type={this.type}\r\n disabled={this.disabled}\r\n onClick={this.handleClick}\r\n >\r\n <div class=\"sd-button__content\">\r\n {this.icon && (\r\n <sd-icon\r\n class=\"sd-button__icon sd-button__icon--left\"\r\n name={this.icon}\r\n size={this.iconSize ? this.iconSize : ICON_SIZES[this.size!]}\r\n color={\r\n this.iconColor ? this.iconColor : this.variant === 'primary' ? '#fff' : resolvedColor\r\n }\r\n ></sd-icon>\r\n )}\r\n\r\n {this.label && <div class=\"sd-button__label\">{this.label}</div>}\r\n\r\n {this.iconRight && (\r\n <sd-icon\r\n class=\"sd-button__icon sd-button__icon--right\"\r\n name={this.iconRight}\r\n size={ICON_SIZES[this.size!]}\r\n color={this.variant === 'primary' ? '#fff' : resolvedColor}\r\n ></sd-icon>\r\n )}\r\n </div>\r\n </button>\r\n </Host>\r\n );\r\n }\r\n}\r\n","import { Component, Element, Event, EventEmitter, Listen, Prop, h } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'sd-tooltip-portal',\r\n shadow: true,\r\n})\r\nexport class SdTooltipPortal {\r\n @Element() el!: HTMLElement;\r\n @Prop() to: HTMLElement | string = 'body';\r\n @Prop() parentRef: HTMLElement | null = null;\r\n @Prop() offset: [number, number] = [0, 0];\r\n @Prop() zIndex: number = 9999;\r\n @Prop() placement: 'top' | 'bottom' | 'left' | 'right' = 'bottom';\r\n @Prop() open: boolean = false;\r\n\r\n @Event() sdClose!: EventEmitter<void>;\r\n\r\n private container?: HTMLElement;\r\n private wrapper?: HTMLElement;\r\n private rafId?: number;\r\n private isInsideClick = false;\r\n\r\n private resizeObserver?: ResizeObserver;\r\n private mutationObserver?: MutationObserver;\r\n\r\n private static readonly ARROW_SIZE = 11.2;\r\n\r\n componentDidLoad() {\r\n this.container = this.resolveContainer();\r\n this.createWrapper();\r\n this.moveSlotContent();\r\n\r\n // DOM이 완전히 렌더링된 후 위치 계산\r\n requestAnimationFrame(() => {\r\n this.updatePosition();\r\n if (this.wrapper) {\r\n this.wrapper.style.visibility = 'visible'; // 위치 계산 후 표시\r\n }\r\n });\r\n\r\n this.observeParent();\r\n }\r\n\r\n componentDidRender() {\r\n if (!this.wrapper) return;\r\n\r\n // this.wrapper.style.display = this.open ? 'block' : 'none';\r\n // if (this.open) this.updatePosition();\r\n\r\n if (this.open) {\r\n this.wrapper.style.display = 'block';\r\n // RAF를 사용해서 다음 프레임에 위치 업데이트\r\n requestAnimationFrame(() => {\r\n this.updatePosition();\r\n if (this.wrapper) {\r\n this.wrapper.style.visibility = 'visible';\r\n }\r\n });\r\n } else {\r\n this.wrapper.style.display = 'none';\r\n this.wrapper.style.visibility = 'hidden';\r\n }\r\n }\r\n\r\n disconnectedCallback() {\r\n if (this.rafId) cancelAnimationFrame(this.rafId);\r\n this.unobserveParent();\r\n this.wrapper?.remove();\r\n }\r\n\r\n private resolveContainer(): HTMLElement {\r\n const el = typeof this.to === 'string' ? document.querySelector(this.to) : this.to;\r\n return el instanceof HTMLElement ? el : document.body;\r\n }\r\n\r\n private createWrapper() {\r\n this.wrapper = document.createElement('div');\r\n Object.assign(this.wrapper.style, {\r\n position: 'absolute',\r\n zIndex: this.zIndex.toString(),\r\n transition: 'opacity 0.4s',\r\n top: '-9999px',\r\n left: '-9999px',\r\n });\r\n this.container!.appendChild(this.wrapper);\r\n }\r\n\r\n private moveSlotContent() {\r\n if (!this.wrapper) return;\r\n const nodes = Array.from(this.el.childNodes).filter(n => n.nodeType !== Node.COMMENT_NODE);\r\n nodes.forEach(n => this.wrapper!.appendChild(n));\r\n }\r\n\r\n // 위치 갱신 (scroll / resize)\r\n @Listen('scroll', { target: 'window' })\r\n @Listen('resize', { target: 'window' })\r\n updatePosition() {\r\n if (this.rafId) cancelAnimationFrame(this.rafId);\r\n\r\n this.rafId = requestAnimationFrame(() => {\r\n if (!this.parentRef || !this.wrapper) return;\r\n\r\n const rect = this.parentRef.getBoundingClientRect();\r\n if (!rect.width && !rect.height) return; // 요소가 보이지 않는 경우\r\n\r\n const [offsetX, offsetY] = this.offset;\r\n const ARROW_SIZE = SdTooltipPortal.ARROW_SIZE;\r\n\r\n let top = 0;\r\n let left = 0;\r\n\r\n switch (this.placement) {\r\n case 'top':\r\n top = rect.top + window.scrollY - this.wrapper.offsetHeight + offsetY - ARROW_SIZE;\r\n left = rect.left + window.scrollX + rect.width / 2 - this.wrapper.offsetWidth / 2 + offsetX;\r\n break;\r\n\r\n case 'bottom':\r\n top = rect.bottom + window.scrollY + offsetY + ARROW_SIZE;\r\n left = rect.left + window.scrollX + rect.width / 2 - this.wrapper.offsetWidth / 2 + offsetX;\r\n break;\r\n\r\n case 'left':\r\n top = rect.top + window.scrollY + rect.height / 2 - this.wrapper.offsetHeight / 2 + offsetY;\r\n left = rect.left + window.scrollX - this.wrapper.offsetWidth - offsetX - ARROW_SIZE;\r\n break;\r\n\r\n case 'right':\r\n top = rect.top + window.scrollY + rect.height / 2 - this.wrapper.offsetHeight / 2 + offsetY;\r\n left = rect.right + window.scrollX + offsetX + ARROW_SIZE;\r\n break;\r\n }\r\n\r\n Object.assign(this.wrapper!.style, {\r\n top: `${top}px`,\r\n left: `${left}px`,\r\n });\r\n });\r\n }\r\n\r\n // parentRef의 이동 / 크기변경 감지\r\n private observeParent() {\r\n if (!this.parentRef) return;\r\n\r\n this.resizeObserver = new ResizeObserver(() => this.updatePosition());\r\n this.resizeObserver.observe(this.parentRef);\r\n\r\n this.mutationObserver = new MutationObserver(() => this.updatePosition());\r\n this.mutationObserver.observe(document.body, {\r\n childList: true,\r\n subtree: true,\r\n });\r\n }\r\n\r\n private unobserveParent() {\r\n this.resizeObserver?.disconnect();\r\n this.mutationObserver?.disconnect();\r\n }\r\n\r\n // 외부 클릭 감지\r\n @Listen('mousedown', { target: 'window' })\r\n handleMouseDown(e: MouseEvent) {\r\n this.isInsideClick = !!(this.wrapper && this.wrapper.contains(e.target as Node));\r\n }\r\n\r\n @Listen('click', { target: 'window' })\r\n handleWindowClick(e: MouseEvent) {\r\n if (this.isInsideClick) {\r\n this.isInsideClick = false;\r\n return;\r\n }\r\n if (this.wrapper?.contains(e.target as Node)) return;\r\n this.sdClose.emit();\r\n }\r\n\r\n render() {\r\n return <slot></slot>;\r\n }\r\n}\r\n"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sd-card.entry.esm.js","sources":["src/components/sd-card/sd-card.scss?tag=sd-card","src/components/sd-card/sd-card.tsx"],"sourcesContent":["@import '
|
|
1
|
+
{"version":3,"file":"sd-card.entry.esm.js","sources":["src/components/sd-card/sd-card.scss?tag=sd-card","src/components/sd-card/sd-card.tsx"],"sourcesContent":["@import 'variables';\r\n\r\nsd-card {\r\n display: block;\r\n height: fit-content;\r\n\r\n .sd-card {\r\n border-radius: 8px;\r\n background: white;\r\n\r\n &.sd-card--bordered {\r\n border: 1px solid $grey_30;\r\n }\r\n }\r\n}\r\n","import { Component, Host, Prop, h } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'sd-card',\r\n styleUrl: 'sd-card.scss',\r\n})\r\nexport class SdCard {\r\n @Prop() bordered: boolean = true;\r\n @Prop() class: string = '';\r\n\r\n render() {\r\n return (\r\n <Host>\r\n <div class={`sd-card ${this.bordered ? 'sd-card--bordered' : ''} ${this.class}`}>\r\n <slot></slot>\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"],"names":[],"mappings":";;AAAA,MAAM,SAAS,GAAG,2JAA2J;;MCMhK,MAAM,GAAA,MAAA;;;;IACV,QAAQ,GAAY,IAAI;IACxB,KAAK,GAAW,EAAE;IAE1B,MAAM,GAAA;QACL,QACC,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACJ,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,CAAA,QAAA,EAAW,IAAI,CAAC,QAAQ,GAAG,mBAAmB,GAAG,EAAE,IAAI,IAAI,CAAC,KAAK,CAAA,CAAE,EAAA,EAC9E,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR,CACA;;;;;;;"}
|