@sellmate/design-system 1.2.0 → 1.4.0

package/dist/cjs/sd-date-picker.config-CjvrFpYK.js

@@ -1,177 +0,0 @@
-'use strict';
-
-const datepicker = {
-	sm: {
-		height: "28",
-		paddingX: "12",
-		gap: "8",
-		icon: "16",
-		typography: {
-			fontWeight: "400",
-			fontSize: "12",
-			lineHeight: "20"},
-		radius: "4"
-	},
-	md: {
-		height: "36",
-		paddingX: "16",
-		gap: "12",
-		icon: "20",
-		typography: {
-			fontWeight: "400",
-			fontSize: "14",
-			lineHeight: "24"
-		},
-		radius: "6"
-	},
-	border: {
-		"default": "#AAAAAA",
-		focus: "#0075FF"},
-	bg: {
-		"default": "#FFFFFF"},
-	icon: {
-		"default": "#888888",
-		disabled: "#BBBBBB"
-	},
-	text: {
-		"default": "#222222",
-		hint: "#555555",
-		disabled: "#888888"
-	},
-	calendar: {
-		bg: "#FFFFFF",
-		paddingXY: "24",
-		gap: "12",
-		radius: "8",
-		header: {
-			gap: "8",
-			divider: "#E1E1E1",
-			typography: {
-				fontWeight: "500",
-				fontSize: "14",
-				lineHeight: "24"
-			}
-		},
-		week: {
-			typography: {
-				fontWeight: "400",
-				fontSize: "12",
-				lineHeight: "20"},
-			color: "#888888"
-		},
-		grid: {
-			rowGap: "4"
-		},
-		day: {
-			width: "40",
-			circle: {
-				size: "32",
-				radius: "9999"
-			},
-			"default": {
-				text: "#222222"
-			},
-			hover: {
-				text: "#222222",
-				border: "#0075FF"
-			},
-			select: {
-				bg: "#0075FF",
-				text: "#FFFFFF"
-			},
-			disabled: {
-				text: "#BBBBBB"
-			},
-			typography: {
-				"default": {
-					fontWeight: "400",
-					fontSize: "14",
-					lineHeight: "24"
-				},
-				bold: {
-					fontWeight: "700"}
-			}},
-		range: {
-			bg: "#D9EAFF",
-			height: "32",
-			panelGap: "24",
-			divider: "#E1E1E1"}}
-};
-var datepickerTokens = {
-	datepicker: datepicker
-};
-
-const sm = datepickerTokens.datepicker.sm;
-const md = datepickerTokens.datepicker.md;
-const DATEPICKER_SIZE_MAP = {
-    sm: {
-        height: sm.height,
-        paddingX: sm.paddingX,
-        gap: sm.gap,
-        iconSize: sm.icon,
-        radius: sm.radius,
-        fontSize: sm.typography.fontSize,
-        lineHeight: sm.typography.lineHeight,
-        fontWeight: sm.typography.fontWeight,
-    },
-    md: {
-        height: md.height,
-        paddingX: md.paddingX,
-        gap: md.gap,
-        iconSize: md.icon,
-        radius: md.radius,
-        fontSize: md.typography.fontSize,
-        lineHeight: md.typography.lineHeight,
-        fontWeight: md.typography.fontWeight,
-    },
-};
-const DATEPICKER_COLORS = {
-    border: datepickerTokens.datepicker.border,
-    bg: datepickerTokens.datepicker.bg,
-    icon: datepickerTokens.datepicker.icon,
-    text: datepickerTokens.datepicker.text,
-};
-const CALENDAR_LAYOUT = {
-    bg: datepickerTokens.datepicker.calendar.bg,
-    paddingXY: datepickerTokens.datepicker.calendar.paddingXY,
-    gap: datepickerTokens.datepicker.calendar.gap,
-    radius: datepickerTokens.datepicker.calendar.radius,
-    header: {
-        gap: datepickerTokens.datepicker.calendar.header.gap,
-        divider: datepickerTokens.datepicker.calendar.header.divider,
-        fontSize: datepickerTokens.datepicker.calendar.header.typography.fontSize,
-        lineHeight: datepickerTokens.datepicker.calendar.header.typography.lineHeight,
-        fontWeight: datepickerTokens.datepicker.calendar.header.typography.fontWeight,
-    },
-    week: {
-        fontSize: datepickerTokens.datepicker.calendar.week.typography.fontSize,
-        lineHeight: datepickerTokens.datepicker.calendar.week.typography.lineHeight,
-        fontWeight: datepickerTokens.datepicker.calendar.week.typography.fontWeight,
-        color: datepickerTokens.datepicker.calendar.week.color,
-    },
-    grid: {
-        rowGap: datepickerTokens.datepicker.calendar.grid.rowGap,
-    },
-    day: {
-        size: datepickerTokens.datepicker.calendar.day.width,
-        circleSize: datepickerTokens.datepicker.calendar.day.circle.size,
-        circleRadius: datepickerTokens.datepicker.calendar.day.circle.radius,
-        defaultText: datepickerTokens.datepicker.calendar.day.default.text,
-        hoverText: datepickerTokens.datepicker.calendar.day.hover.text,
-        hoverBorder: datepickerTokens.datepicker.calendar.day.hover.border,
-        selectBg: datepickerTokens.datepicker.calendar.day.select.bg,
-        selectText: datepickerTokens.datepicker.calendar.day.select.text,
-        disabledText: datepickerTokens.datepicker.calendar.day.disabled.text,
-        fontSize: datepickerTokens.datepicker.calendar.day.typography.default.fontSize,
-        lineHeight: datepickerTokens.datepicker.calendar.day.typography.default.lineHeight,
-        fontWeight: datepickerTokens.datepicker.calendar.day.typography.default.fontWeight,
-        boldFontWeight: datepickerTokens.datepicker.calendar.day.typography.bold.fontWeight,
-    },
-};
-const WEEK_LABELS = ['일', '월', '화', '수', '목', '금', '토'];
-
-exports.CALENDAR_LAYOUT = CALENDAR_LAYOUT;
-exports.DATEPICKER_COLORS = DATEPICKER_COLORS;
-exports.DATEPICKER_SIZE_MAP = DATEPICKER_SIZE_MAP;
-exports.WEEK_LABELS = WEEK_LABELS;
-exports.datepickerTokens = datepickerTokens;

package/dist/cjs/useDatePicker-cK_XK_P6.js

@@ -1,48 +0,0 @@
-'use strict';
-
-const daysInMonth = (date) => {
-    const year = Number(date.split('-')[0]);
-    const month = Number(date.split('-')[1]);
-    const daysInMonth = new Date(year, month, 0).getDate(); // month에 0을 전달하면 전달의 마지막 날짜를 반환
-    return Array.from({ length: daysInMonth }, (_, i) => i + 1);
-};
-
-const getToday = () => {
-    const today = new Date();
-    const year = today.getFullYear();
-    const month = String(today.getMonth() + 1).padStart(2, '0');
-    const day = String(today.getDate()).padStart(2, '0');
-    return `${year}-${month}-${day}`;
-};
-const today = getToday();
-
-const useDatePicker = () => {
-    const formatDate = (year, month, day) => {
-        return `${year}-${String(month).padStart(2, '0')}-${String(day).padStart(2, '0')}`;
-    };
-    const createCalendar = (year, month) => {
-        const days = daysInMonth(`${year}-${String(month).padStart(2, '0')}-01`);
-        const firstDayIndex = new Date(year, month - 1, 1).getDay();
-        const prevMonthDays = Array.from({ length: firstDayIndex });
-        const remainingDays = (7 - ((days.length + firstDayIndex) % 7)) % 7;
-        const afterMonthDays = Array.from({ length: remainingDays });
-        return { days, prevMonthDays, afterMonthDays };
-    };
-    const calculateYearMonth = (year, month, type) => {
-        let newYear = year;
-        let newMonth = type === 'prev' ? month - 1 : month + 1;
-        if (newMonth < 1) {
-            newYear = year - 1;
-            newMonth = 12;
-        }
-        else if (newMonth > 12) {
-            newYear = year + 1;
-            newMonth = 1;
-        }
-        return { newYear, newMonth };
-    };
-    return { formatDate, createCalendar, calculateYearMonth };
-};
-
-exports.today = today;
-exports.useDatePicker = useDatePicker;

package/dist/collection/components/sd-date-picker/sd-date-picker-calendar/sd-date-picker-calendar.css

@@ -1,117 +0,0 @@
-sd-date-picker-calendar {
-  display: block;
-}
-sd-date-picker-calendar .sd-date-picker-calendar {
-  display: flex;
-  flex-direction: column;
-  gap: var(--calendar-gap);
-  height: 328px;
-  padding: var(--calendar-padding);
-  background: var(--calendar-bg);
-  border-radius: var(--calendar-radius);
-  box-shadow: 2px 2px 12px 2px rgba(0, 0, 0, 0.2);
-  user-select: none;
-}
-sd-date-picker-calendar .sd-date-picker-calendar__header {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: var(--calendar-header-gap);
-  font-size: var(--calendar-header-font-size);
-  line-height: var(--calendar-header-line-height);
-  font-weight: var(--calendar-header-font-weight);
-  color: var(--calendar-day-text);
-}
-sd-date-picker-calendar .sd-date-picker-calendar__nav-group {
-  display: inline-flex;
-  align-items: center;
-  gap: var(--calendar-gap);
-}
-sd-date-picker-calendar .sd-date-picker-calendar__nav-group-month {
-  width: 100%;
-}
-sd-date-picker-calendar .sd-date-picker-calendar__label {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  min-width: 40px;
-  text-align: center;
-}
-sd-date-picker-calendar .sd-date-picker-calendar__label-month {
-  width: 100%;
-}
-sd-date-picker-calendar .sd-date-picker-calendar__divider {
-  display: inline-block;
-  width: 1px;
-  height: 16px;
-  background: var(--calendar-header-divider);
-}
-sd-date-picker-calendar .sd-date-picker-calendar__week {
-  display: grid;
-  grid-template-columns: repeat(7, var(--calendar-day-size));
-}
-sd-date-picker-calendar .sd-date-picker-calendar__week-cell {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  height: 20px;
-  font-size: var(--calendar-week-font-size);
-  line-height: var(--calendar-week-line-height);
-  font-weight: var(--calendar-week-font-weight);
-  color: var(--calendar-week-color);
-}
-sd-date-picker-calendar .sd-date-picker-calendar__grid {
-  display: grid;
-  grid-template-columns: repeat(7, var(--calendar-day-size));
-  row-gap: var(--calendar-grid-row-gap);
-}
-sd-date-picker-calendar .sd-date-picker-calendar__day {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: var(--calendar-day-size);
-  height: 32px;
-  padding: 0;
-  border: none;
-  background: transparent;
-  cursor: pointer;
-  font-size: var(--calendar-day-font-size);
-  line-height: var(--calendar-day-line-height);
-  font-weight: var(--calendar-day-font-weight);
-  color: var(--calendar-day-text);
-}
-sd-date-picker-calendar .sd-date-picker-calendar__day-circle {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: var(--calendar-day-circle-size);
-  height: var(--calendar-day-circle-size);
-  border-radius: calc(var(--calendar-day-circle-radius) * 1px);
-  border: 1px solid transparent;
-  box-sizing: border-box;
-}
-sd-date-picker-calendar .sd-date-picker-calendar__day:not(:disabled):hover .sd-date-picker-calendar__day-circle {
-  border-radius: 16px;
-  border: 1px solid var(--calendar-day-hover-border);
-}
-sd-date-picker-calendar .sd-date-picker-calendar__day--today .sd-date-picker-calendar__day-circle {
-  font-weight: 700;
-}
-sd-date-picker-calendar .sd-date-picker-calendar__day--selected .sd-date-picker-calendar__day-circle {
-  border-radius: 16px;
-  background: var(--calendar-day-select-bg);
-  color: var(--calendar-day-select-text);
-}
-sd-date-picker-calendar .sd-date-picker-calendar__day--selected:not(:disabled):hover .sd-date-picker-calendar__day-circle {
-  background: var(--calendar-day-select-bg);
-  color: var(--calendar-day-select-text);
-}
-sd-date-picker-calendar .sd-date-picker-calendar__day--disabled {
-  color: var(--calendar-day-disabled-text);
-  background: none !important;
-  cursor: not-allowed;
-}
-sd-date-picker-calendar .sd-date-picker-calendar__day--empty {
-  visibility: hidden;
-  pointer-events: none;
-}

package/dist/collection/components/sd-date-picker/sd-date-picker-calendar/sd-date-picker-calendar.js

@@ -1,246 +0,0 @@
-import { h } from "@stencil/core";
-import { today } from "../../../utils/date";
-import { useDatePicker } from "../../../modules/useDatePicker";
-import { CALENDAR_LAYOUT, WEEK_LABELS } from "../sd-date-picker.config";
-export class SdDatePickerCalendar {
-    value = null;
-    selectable;
-    currentYear;
-    currentMonth;
-    select;
-    viewChange;
-    dateUtil = useDatePicker();
-    componentWillLoad() {
-        this.syncViewFromValue();
-    }
-    handleValueChange() {
-        this.syncViewFromValue();
-    }
-    syncViewFromValue() {
-        const base = this.value || today;
-        const [year, month] = base.split('-').map(Number);
-        this.currentYear = year;
-        this.currentMonth = month;
-    }
-    formatDate(year, month, day) {
-        return `${year}-${String(month).padStart(2, '0')}-${String(day).padStart(2, '0')}`;
-    }
-    get cells() {
-        const year = this.currentYear;
-        const month = this.currentMonth;
-        const firstDayIndex = new Date(year, month - 1, 1).getDay();
-        const daysInCurrent = new Date(year, month, 0).getDate();
-        const prevMonth = month === 1 ? 12 : month - 1;
-        const prevYear = month === 1 ? year - 1 : year;
-        const daysInPrev = new Date(prevYear, prevMonth, 0).getDate();
-        const nextMonth = month === 12 ? 1 : month + 1;
-        const nextYear = month === 12 ? year + 1 : year;
-        const cells = [];
-        for (let i = firstDayIndex - 1; i >= 0; i--) {
-            const day = daysInPrev - i;
-            cells.push({
-                date: this.formatDate(prevYear, prevMonth, day),
-                day,
-                inCurrentMonth: false,
-            });
-        }
-        for (let day = 1; day <= daysInCurrent; day++) {
-            cells.push({
-                date: this.formatDate(year, month, day),
-                day,
-                inCurrentMonth: true,
-            });
-        }
-        const remaining = (7 - (cells.length % 7)) % 7;
-        for (let day = 1; day <= remaining; day++) {
-            cells.push({
-                date: this.formatDate(nextYear, nextMonth, day),
-                day,
-                inCurrentMonth: false,
-            });
-        }
-        return cells;
-    }
-    emitViewChange() {
-        this.viewChange.emit({ year: this.currentYear, month: this.currentMonth });
-    }
-    goPrevYear = (event) => {
-        event.stopPropagation();
-        this.currentYear -= 1;
-        this.emitViewChange();
-    };
-    goNextYear = (event) => {
-        event.stopPropagation();
-        this.currentYear += 1;
-        this.emitViewChange();
-    };
-    goPrevMonth = (event) => {
-        event.stopPropagation();
-        const { newYear, newMonth } = this.dateUtil.calculateYearMonth(this.currentYear, this.currentMonth, 'prev');
-        this.currentYear = newYear;
-        this.currentMonth = newMonth;
-        this.emitViewChange();
-    };
-    goNextMonth = (event) => {
-        event.stopPropagation();
-        const { newYear, newMonth } = this.dateUtil.calculateYearMonth(this.currentYear, this.currentMonth, 'next');
-        this.currentYear = newYear;
-        this.currentMonth = newMonth;
-        this.emitViewChange();
-    };
-    isDisabled(date) {
-        if (!this.selectable)
-            return false;
-        const [start, end] = this.selectable;
-        if (start !== '' && date < start)
-            return true;
-        if (end !== '' && date > end)
-            return true;
-        return false;
-    }
-    handleDayClick(cell) {
-        if (this.isDisabled(cell.date))
-            return;
-        this.select.emit(cell.date);
-    }
-    render() {
-        const cssVars = {
-            '--calendar-bg': CALENDAR_LAYOUT.bg,
-            '--calendar-padding': `${CALENDAR_LAYOUT.paddingXY}px`,
-            '--calendar-gap': `${CALENDAR_LAYOUT.gap}px`,
-            '--calendar-radius': `${CALENDAR_LAYOUT.radius}px`,
-            '--calendar-header-gap': `${CALENDAR_LAYOUT.header.gap}px`,
-            '--calendar-header-divider': CALENDAR_LAYOUT.header.divider,
-            '--calendar-header-font-size': `${CALENDAR_LAYOUT.header.fontSize}px`,
-            '--calendar-header-line-height': `${CALENDAR_LAYOUT.header.lineHeight}px`,
-            '--calendar-header-font-weight': CALENDAR_LAYOUT.header.fontWeight,
-            '--calendar-week-font-size': `${CALENDAR_LAYOUT.week.fontSize}px`,
-            '--calendar-week-line-height': `${CALENDAR_LAYOUT.week.lineHeight}px`,
-            '--calendar-week-font-weight': CALENDAR_LAYOUT.week.fontWeight,
-            '--calendar-week-color': CALENDAR_LAYOUT.week.color,
-            '--calendar-grid-row-gap': `${CALENDAR_LAYOUT.grid.rowGap}px`,
-            '--calendar-day-size': `${CALENDAR_LAYOUT.day.size}px`,
-            '--calendar-day-circle-size': `${CALENDAR_LAYOUT.day.circleSize}px`,
-            '--calendar-day-circle-radius': `${CALENDAR_LAYOUT.day.circleRadius}px`,
-            '--calendar-day-text': CALENDAR_LAYOUT.day.defaultText,
-            '--calendar-day-hover-text': CALENDAR_LAYOUT.day.hoverText,
-            '--calendar-day-hover-border': CALENDAR_LAYOUT.day.hoverBorder,
-            '--calendar-day-select-bg': CALENDAR_LAYOUT.day.selectBg,
-            '--calendar-day-select-text': CALENDAR_LAYOUT.day.selectText,
-            '--calendar-day-disabled-text': CALENDAR_LAYOUT.day.disabledText,
-            '--calendar-day-font-size': `${CALENDAR_LAYOUT.day.fontSize}px`,
-            '--calendar-day-line-height': `${CALENDAR_LAYOUT.day.lineHeight}px`,
-            '--calendar-day-font-weight': CALENDAR_LAYOUT.day.fontWeight,
-            '--calendar-day-bold-font-weight': CALENDAR_LAYOUT.day.boldFontWeight,
-        };
-        return (h("div", { key: '5fca5d51cbe5005cde3468c10f39397831371762', class: "sd-date-picker-calendar", style: cssVars }, h("div", { key: '5b6a101b463b455bfc70f9b92665fe308f45773d', class: "sd-date-picker-calendar__header" }, h("div", { key: '3fe7a4e416c632640371f9b3cb12baf72c7eab06', class: "sd-date-picker-calendar__nav-group" }, h("sd-ghost-button", { key: '1c71cf45dae23308ff901f08b606f0cfcdc7e5b4', ariaLabel: "prevYear", size: "xxs", icon: "chevronLeft", onClick: this.goPrevYear }), h("span", { key: 'aa9863d2cac5eb5d00a0d72570b216206b669f37', class: "sd-date-picker-calendar__label" }, this.currentYear), h("sd-ghost-button", { key: '941118e0c3cd37ed5decb2e91cfa738221f74958', ariaLabel: "nextYear", size: "xxs", icon: "chevronRight", onClick: this.goNextYear })), h("span", { key: 'e630c7269a617deeaa38cace0e2a91affb558688', class: "sd-date-picker-calendar__divider", "aria-hidden": "true" }), h("div", { key: '45cfc135eeb6bf834cef92c1e36f2def4d7c2058', class: "sd-date-picker-calendar__nav-group sd-date-picker-calendar__nav-group-month" }, h("sd-ghost-button", { key: '98483c6626ea13cdb78be806feaa1748d60b6a1a', ariaLabel: "prevMonth", size: "xxs", icon: "chevronLeft", onClick: this.goPrevMonth }), h("span", { key: '9e6097a040679203117436966c246f00b94f5ff2', class: "sd-date-picker-calendar__label sd-date-picker-calendar__label-month" }, this.currentMonth, "\uC6D4"), h("sd-ghost-button", { key: '0ab7ccdae8678bb909aca74f4189a4426e51ec0b', ariaLabel: "nextMonth", size: "xxs", icon: "chevronRight", onClick: this.goNextMonth }))), h("div", { key: '07763d55d00fd6c6b3523bbbb2e994a177a5b81c', class: "sd-date-picker-calendar__week" }, WEEK_LABELS.map(label => (h("span", { key: label, class: "sd-date-picker-calendar__week-cell" }, label)))), h("div", { key: '0304efaa140a8dba320e0e6791ef886bc77ac57b', class: "sd-date-picker-calendar__grid" }, this.cells.map(cell => {
-            const isSelected = cell.inCurrentMonth && this.value !== '' && this.value === cell.date;
-            const isToday = cell.inCurrentMonth && today === cell.date;
-            const isDisabled = cell.inCurrentMonth && this.isDisabled(cell.date);
-            return (h("button", { type: "button", key: cell.date, class: {
-                    'sd-date-picker-calendar__day': true,
-                    'sd-date-picker-calendar__day--empty': !cell.inCurrentMonth,
-                    'sd-date-picker-calendar__day--today': isToday,
-                    'sd-date-picker-calendar__day--selected': isSelected,
-                    'sd-date-picker-calendar__day--disabled': isDisabled,
-                }, disabled: !cell.inCurrentMonth || isDisabled, tabindex: !cell.inCurrentMonth ? -1 : undefined, "aria-hidden": !cell.inCurrentMonth ? 'true' : undefined, onClick: () => cell.inCurrentMonth && this.handleDayClick(cell) }, h("span", { class: "sd-date-picker-calendar__day-circle" }, cell.inCurrentMonth ? cell.day : '')));
-        }))));
-    }
-    static get is() { return "sd-date-picker-calendar"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["sd-date-picker-calendar.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["sd-date-picker-calendar.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "value": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string | null",
-                    "resolved": "null | string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "value",
-                "defaultValue": "null"
-            },
-            "selectable": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "[string, string]",
-                    "resolved": "[string, string] | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false
-            }
-        };
-    }
-    static get states() {
-        return {
-            "currentYear": {},
-            "currentMonth": {}
-        };
-    }
-    static get events() {
-        return [{
-                "method": "select",
-                "name": "sdSelect",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                }
-            }, {
-                "method": "viewChange",
-                "name": "sdViewChange",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "{ year: number; month: number }",
-                    "resolved": "{ year: number; month: number; }",
-                    "references": {}
-                }
-            }];
-    }
-    static get watchers() {
-        return [{
-                "propName": "value",
-                "methodName": "handleValueChange"
-            }];
-    }
-}

package/dist/components/p-B6cqMQaM.js

@@ -1 +0,0 @@
-var e={datepicker:{sm:{height:"28",paddingX:"12",gap:"8",icon:"16",typography:{fontWeight:"400",fontSize:"12",lineHeight:"20"},radius:"4"},md:{height:"36",paddingX:"16",gap:"12",icon:"20",typography:{fontWeight:"400",fontSize:"14",lineHeight:"24"},radius:"6"},border:{default:"#AAAAAA",focus:"#0075FF"},bg:{default:"#FFFFFF"},icon:{default:"#888888",disabled:"#BBBBBB"},text:{default:"#222222",hint:"#555555",disabled:"#888888"},calendar:{bg:"#FFFFFF",paddingXY:"24",gap:"12",radius:"8",header:{gap:"8",divider:"#E1E1E1",typography:{fontWeight:"500",fontSize:"14",lineHeight:"24"}},week:{typography:{fontWeight:"400",fontSize:"12",lineHeight:"20"},color:"#888888"},grid:{rowGap:"4"},day:{width:"40",circle:{size:"32",radius:"9999"},default:{text:"#222222"},hover:{text:"#222222",border:"#0075FF"},select:{bg:"#0075FF",text:"#FFFFFF"},disabled:{text:"#BBBBBB"},typography:{default:{fontWeight:"400",fontSize:"14",lineHeight:"24"},bold:{fontWeight:"700"}}},range:{bg:"#D9EAFF",height:"32",panelGap:"24",divider:"#E1E1E1"}}}};const i=e.datepicker.sm,t=e.datepicker.md,d={sm:{height:i.height,paddingX:i.paddingX,gap:i.gap,iconSize:i.icon,radius:i.radius,fontSize:i.typography.fontSize,lineHeight:i.typography.lineHeight,fontWeight:i.typography.fontWeight},md:{height:t.height,paddingX:t.paddingX,gap:t.gap,iconSize:t.icon,radius:t.radius,fontSize:t.typography.fontSize,lineHeight:t.typography.lineHeight,fontWeight:t.typography.fontWeight}},a={border:e.datepicker.border,bg:e.datepicker.bg,icon:e.datepicker.icon,text:e.datepicker.text},g={bg:e.datepicker.calendar.bg,paddingXY:e.datepicker.calendar.paddingXY,gap:e.datepicker.calendar.gap,radius:e.datepicker.calendar.radius,header:{gap:e.datepicker.calendar.header.gap,divider:e.datepicker.calendar.header.divider,fontSize:e.datepicker.calendar.header.typography.fontSize,lineHeight:e.datepicker.calendar.header.typography.lineHeight,fontWeight:e.datepicker.calendar.header.typography.fontWeight},week:{fontSize:e.datepicker.calendar.week.typography.fontSize,lineHeight:e.datepicker.calendar.week.typography.lineHeight,fontWeight:e.datepicker.calendar.week.typography.fontWeight,color:e.datepicker.calendar.week.color},grid:{rowGap:e.datepicker.calendar.grid.rowGap},day:{size:e.datepicker.calendar.day.width,circleSize:e.datepicker.calendar.day.circle.size,circleRadius:e.datepicker.calendar.day.circle.radius,defaultText:e.datepicker.calendar.day.default.text,hoverText:e.datepicker.calendar.day.hover.text,hoverBorder:e.datepicker.calendar.day.hover.border,selectBg:e.datepicker.calendar.day.select.bg,selectText:e.datepicker.calendar.day.select.text,disabledText:e.datepicker.calendar.day.disabled.text,fontSize:e.datepicker.calendar.day.typography.default.fontSize,lineHeight:e.datepicker.calendar.day.typography.default.lineHeight,fontWeight:e.datepicker.calendar.day.typography.default.fontWeight,boldFontWeight:e.datepicker.calendar.day.typography.bold.fontWeight}},o=["일","월","화","수","목","금","토"];export{g as C,a as D,o as W,d as a,e as d}

package/dist/components/p-BL0ZcHK8.js

@@ -1 +0,0 @@
-import{p as t,H as e,c as d,h as s,t as o}from"./p-BjkROjjt.js";const a=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.click=d(this,"sdClick",7),this.mouseOver=d(this,"sdMouseOver",7)}date=null;disabled=!1;selected=!1;isStartDate=!1;isEndDate=!1;isToday=!1;inRange=!1;type="";click;mouseOver;handleClickDate(){this.disabled||void 0===this.date||""===this.date||0===this.date||"string"!=typeof this.date&&this.click?.emit(this.date)}handleHoverDate(){"string"!=typeof this.date&&this.mouseOver?.emit(this.date)}render(){return s("div",{key:"ce4341db137de36e872a0e166bd89c33ac1ba91b",role:"button",tabindex:this.disabled?-1:0,class:{"sd-date-box":!0,"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":"start"===this.type,"sd-date-box--type-end":"end"===this.type},onClick:()=>this.handleClickDate(),onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.handleClickDate())},onMouseOver:()=>this.handleHoverDate(),onFocus:()=>this.handleHoverDate()},s("div",{key:"e641ed011f8e7e55cc589f566163899b26503717",class:"sd-date-box__content"},s("div",{key:"e15a5fce460757d5cf486ec0678c2e604beab4db",class:"sd-date-box__label"},this.date)))}static get style(){return'.sd-date-box.sc-sd-date-box{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 .sd-date-box__content.sc-sd-date-box{width:28px;height:28px;border-radius:14px;position:relative}.sd-date-box.sc-sd-date-box .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box{position:relative;z-index:2;-webkit-user-select:none;user-select:none;line-height:28px}.sd-date-box.sd-date-box--disabled.sc-sd-date-box{color:#CCCCCC;cursor:default !important;pointer-events:none}.sd-date-box.sc-sd-date-box:not(.sd-date-box--disabled){color:#333333;cursor:pointer}.sd-date-box.sd-hoverable.sc-sd-date-box:hover .sd-date-box__content.sc-sd-date-box{background:#D9EAFF}.sd-date-box.sd-date-box--in-range.sc-sd-date-box: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 .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 .sd-date-box__content.sc-sd-date-box::before{width:19px !important}.sd-date-box.sd-date-box--in-range.sc-sd-date-box .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box{font-weight:500}.sd-date-box.sd-date-box--selected.sc-sd-date-box .sd-date-box__content.sc-sd-date-box::after,.sd-date-box.sd-date-box--type-start.sc-sd-date-box .sd-date-box__content.sc-sd-date-box::after,.sd-date-box.sd-date-box--type-end.sc-sd-date-box .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 .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 .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 .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--start-date.sd-date-box--end-date.sc-sd-date-box .sd-date-box__content.sc-sd-date-box::before{display:none !important}.sd-date-box.sd-date-box--today.sc-sd-date-box: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}'}},[514,"sd-date-box",{date:[8],disabled:[4],selected:[4],isStartDate:[4,"is-start-date"],isEndDate:[4,"is-end-date"],isToday:[4,"is-today"],inRange:[4,"in-range"],type:[1]}]);function b(){"undefined"!=typeof customElements&&["sd-date-box"].forEach((t=>{"sd-date-box"===t&&(customElements.get(o(t))||customElements.define(o(t),a))}))}export{a as S,b as d}

package/dist/components/p-Bm3W_eBv.js

@@ -1 +0,0 @@
-import{p as e,H as a,c as d,h as r,t}from"./p-BjkROjjt.js";import{u as c,t as n}from"./p-DTrMR0rx.js";import{W as i,C as s}from"./p-B6cqMQaM.js";import{d as l}from"./p-DFLCjX1a.js";import{d as o}from"./p-Cktiasfd.js";const p=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.select=d(this,"sdSelect",7),this.viewChange=d(this,"sdViewChange",7)}value=null;selectable;currentYear;currentMonth;select;viewChange;dateUtil=c();componentWillLoad(){this.syncViewFromValue()}handleValueChange(){this.syncViewFromValue()}syncViewFromValue(){const e=this.value||n,[a,d]=e.split("-").map(Number);this.currentYear=a,this.currentMonth=d}formatDate(e,a,d){return`${e}-${String(a).padStart(2,"0")}-${String(d).padStart(2,"0")}`}get cells(){const e=this.currentYear,a=this.currentMonth,d=new Date(e,a-1,1).getDay(),r=new Date(e,a,0).getDate(),t=1===a?12:a-1,c=1===a?e-1:e,n=new Date(c,t,0).getDate(),i=12===a?1:a+1,s=12===a?e+1:e,l=[];for(let e=d-1;e>=0;e--){const a=n-e;l.push({date:this.formatDate(c,t,a),day:a,inCurrentMonth:!1})}for(let d=1;d<=r;d++)l.push({date:this.formatDate(e,a,d),day:d,inCurrentMonth:!0});const o=(7-l.length%7)%7;for(let e=1;e<=o;e++)l.push({date:this.formatDate(s,i,e),day:e,inCurrentMonth:!1});return l}emitViewChange(){this.viewChange.emit({year:this.currentYear,month:this.currentMonth})}goPrevYear=e=>{e.stopPropagation(),this.currentYear-=1,this.emitViewChange()};goNextYear=e=>{e.stopPropagation(),this.currentYear+=1,this.emitViewChange()};goPrevMonth=e=>{e.stopPropagation();const{newYear:a,newMonth:d}=this.dateUtil.calculateYearMonth(this.currentYear,this.currentMonth,"prev");this.currentYear=a,this.currentMonth=d,this.emitViewChange()};goNextMonth=e=>{e.stopPropagation();const{newYear:a,newMonth:d}=this.dateUtil.calculateYearMonth(this.currentYear,this.currentMonth,"next");this.currentYear=a,this.currentMonth=d,this.emitViewChange()};isDisabled(e){if(!this.selectable)return!1;const[a,d]=this.selectable;return""!==a&&e<a||""!==d&&e>d}handleDayClick(e){this.isDisabled(e.date)||this.select.emit(e.date)}render(){return r("div",{key:"5fca5d51cbe5005cde3468c10f39397831371762",class:"sd-date-picker-calendar",style:{"--calendar-bg":s.bg,"--calendar-padding":`${s.paddingXY}px`,"--calendar-gap":`${s.gap}px`,"--calendar-radius":`${s.radius}px`,"--calendar-header-gap":`${s.header.gap}px`,"--calendar-header-divider":s.header.divider,"--calendar-header-font-size":`${s.header.fontSize}px`,"--calendar-header-line-height":`${s.header.lineHeight}px`,"--calendar-header-font-weight":s.header.fontWeight,"--calendar-week-font-size":`${s.week.fontSize}px`,"--calendar-week-line-height":`${s.week.lineHeight}px`,"--calendar-week-font-weight":s.week.fontWeight,"--calendar-week-color":s.week.color,"--calendar-grid-row-gap":`${s.grid.rowGap}px`,"--calendar-day-size":`${s.day.size}px`,"--calendar-day-circle-size":`${s.day.circleSize}px`,"--calendar-day-circle-radius":`${s.day.circleRadius}px`,"--calendar-day-text":s.day.defaultText,"--calendar-day-hover-text":s.day.hoverText,"--calendar-day-hover-border":s.day.hoverBorder,"--calendar-day-select-bg":s.day.selectBg,"--calendar-day-select-text":s.day.selectText,"--calendar-day-disabled-text":s.day.disabledText,"--calendar-day-font-size":`${s.day.fontSize}px`,"--calendar-day-line-height":`${s.day.lineHeight}px`,"--calendar-day-font-weight":s.day.fontWeight,"--calendar-day-bold-font-weight":s.day.boldFontWeight}},r("div",{key:"5b6a101b463b455bfc70f9b92665fe308f45773d",class:"sd-date-picker-calendar__header"},r("div",{key:"3fe7a4e416c632640371f9b3cb12baf72c7eab06",class:"sd-date-picker-calendar__nav-group"},r("sd-ghost-button",{key:"1c71cf45dae23308ff901f08b606f0cfcdc7e5b4",ariaLabel:"prevYear",size:"xxs",icon:"chevronLeft",onClick:this.goPrevYear}),r("span",{key:"aa9863d2cac5eb5d00a0d72570b216206b669f37",class:"sd-date-picker-calendar__label"},this.currentYear),r("sd-ghost-button",{key:"941118e0c3cd37ed5decb2e91cfa738221f74958",ariaLabel:"nextYear",size:"xxs",icon:"chevronRight",onClick:this.goNextYear})),r("span",{key:"e630c7269a617deeaa38cace0e2a91affb558688",class:"sd-date-picker-calendar__divider","aria-hidden":"true"}),r("div",{key:"45cfc135eeb6bf834cef92c1e36f2def4d7c2058",class:"sd-date-picker-calendar__nav-group sd-date-picker-calendar__nav-group-month"},r("sd-ghost-button",{key:"98483c6626ea13cdb78be806feaa1748d60b6a1a",ariaLabel:"prevMonth",size:"xxs",icon:"chevronLeft",onClick:this.goPrevMonth}),r("span",{key:"9e6097a040679203117436966c246f00b94f5ff2",class:"sd-date-picker-calendar__label sd-date-picker-calendar__label-month"},this.currentMonth,"월"),r("sd-ghost-button",{key:"0ab7ccdae8678bb909aca74f4189a4426e51ec0b",ariaLabel:"nextMonth",size:"xxs",icon:"chevronRight",onClick:this.goNextMonth}))),r("div",{key:"07763d55d00fd6c6b3523bbbb2e994a177a5b81c",class:"sd-date-picker-calendar__week"},i.map((e=>r("span",{key:e,class:"sd-date-picker-calendar__week-cell"},e)))),r("div",{key:"0304efaa140a8dba320e0e6791ef886bc77ac57b",class:"sd-date-picker-calendar__grid"},this.cells.map((e=>{const a=e.inCurrentMonth&&""!==this.value&&this.value===e.date,d=e.inCurrentMonth&&n===e.date,t=e.inCurrentMonth&&this.isDisabled(e.date);return r("button",{type:"button",key:e.date,class:{"sd-date-picker-calendar__day":!0,"sd-date-picker-calendar__day--empty":!e.inCurrentMonth,"sd-date-picker-calendar__day--today":d,"sd-date-picker-calendar__day--selected":a,"sd-date-picker-calendar__day--disabled":t},disabled:!e.inCurrentMonth||t,tabindex:e.inCurrentMonth?void 0:-1,"aria-hidden":e.inCurrentMonth?void 0:"true",onClick:()=>e.inCurrentMonth&&this.handleDayClick(e)},r("span",{class:"sd-date-picker-calendar__day-circle"},e.inCurrentMonth?e.day:""))}))))}static get watchers(){return{value:[{handleValueChange:0}]}}static get style(){return"sd-date-picker-calendar{display:block}sd-date-picker-calendar .sd-date-picker-calendar{display:flex;flex-direction:column;gap:var(--calendar-gap);height:328px;padding:var(--calendar-padding);background:var(--calendar-bg);border-radius:var(--calendar-radius);box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.2);user-select:none}sd-date-picker-calendar .sd-date-picker-calendar__header{display:flex;align-items:center;justify-content:center;gap:var(--calendar-header-gap);font-size:var(--calendar-header-font-size);line-height:var(--calendar-header-line-height);font-weight:var(--calendar-header-font-weight);color:var(--calendar-day-text)}sd-date-picker-calendar .sd-date-picker-calendar__nav-group{display:inline-flex;align-items:center;gap:var(--calendar-gap)}sd-date-picker-calendar .sd-date-picker-calendar__nav-group-month{width:100%}sd-date-picker-calendar .sd-date-picker-calendar__label{display:inline-flex;align-items:center;justify-content:center;min-width:40px;text-align:center}sd-date-picker-calendar .sd-date-picker-calendar__label-month{width:100%}sd-date-picker-calendar .sd-date-picker-calendar__divider{display:inline-block;width:1px;height:16px;background:var(--calendar-header-divider)}sd-date-picker-calendar .sd-date-picker-calendar__week{display:grid;grid-template-columns:repeat(7, var(--calendar-day-size))}sd-date-picker-calendar .sd-date-picker-calendar__week-cell{display:inline-flex;align-items:center;justify-content:center;height:20px;font-size:var(--calendar-week-font-size);line-height:var(--calendar-week-line-height);font-weight:var(--calendar-week-font-weight);color:var(--calendar-week-color)}sd-date-picker-calendar .sd-date-picker-calendar__grid{display:grid;grid-template-columns:repeat(7, var(--calendar-day-size));row-gap:var(--calendar-grid-row-gap)}sd-date-picker-calendar .sd-date-picker-calendar__day{display:inline-flex;align-items:center;justify-content:center;width:var(--calendar-day-size);height:32px;padding:0;border:none;background:transparent;cursor:pointer;font-size:var(--calendar-day-font-size);line-height:var(--calendar-day-line-height);font-weight:var(--calendar-day-font-weight);color:var(--calendar-day-text)}sd-date-picker-calendar .sd-date-picker-calendar__day-circle{display:inline-flex;align-items:center;justify-content:center;width:var(--calendar-day-circle-size);height:var(--calendar-day-circle-size);border-radius:calc(var(--calendar-day-circle-radius) * 1px);border:1px solid transparent;box-sizing:border-box}sd-date-picker-calendar .sd-date-picker-calendar__day:not(:disabled):hover .sd-date-picker-calendar__day-circle{border-radius:16px;border:1px solid var(--calendar-day-hover-border)}sd-date-picker-calendar .sd-date-picker-calendar__day--today .sd-date-picker-calendar__day-circle{font-weight:700}sd-date-picker-calendar .sd-date-picker-calendar__day--selected .sd-date-picker-calendar__day-circle{border-radius:16px;background:var(--calendar-day-select-bg);color:var(--calendar-day-select-text)}sd-date-picker-calendar .sd-date-picker-calendar__day--selected:not(:disabled):hover .sd-date-picker-calendar__day-circle{background:var(--calendar-day-select-bg);color:var(--calendar-day-select-text)}sd-date-picker-calendar .sd-date-picker-calendar__day--disabled{color:var(--calendar-day-disabled-text);background:none !important;cursor:not-allowed}sd-date-picker-calendar .sd-date-picker-calendar__day--empty{visibility:hidden;pointer-events:none}"}},[512,"sd-date-picker-calendar",{value:[1],selectable:[16],currentYear:[32],currentMonth:[32]},void 0,{value:[{handleValueChange:0}]}]);function h(){"undefined"!=typeof customElements&&["sd-date-picker-calendar","sd-ghost-button","sd-icon"].forEach((e=>{switch(e){case"sd-date-picker-calendar":customElements.get(t(e))||customElements.define(t(e),p);break;case"sd-ghost-button":customElements.get(t(e))||l();break;case"sd-icon":customElements.get(t(e))||o()}}))}export{p as S,h as d}

package/dist/components/p-BnfUIhUj.js

@@ -1 +0,0 @@
-var e={table:{header:{height:"36",paddingX:"16",gap:"4",bg:"#F5FAFF",typography:{fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontWeight:"500",fontSize:"12",lineHeight:"20",textDecoration:"none"},resizingBar:{color:"#CCCCCC",height:"16"}},body:{default:{height:"44",paddingY:"8"},dense:{height:"32",paddingY:"6"},paddingX:"16",typography:{fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontWeight:"400",fontSize:"12",lineHeight:"20",textDecoration:"none"}},border:{color:"#E1E1E1",width:"1"},content:{gap:"8"},radius:"8",keyValue:{body:{padding:"8"},height:"44",search:{paddingX:"32",bg:"#F9F9F9"}},separator:{color:"#EEEEEE",Width:"6"}}};export{e as t}

package/dist/components/p-Ch5Yu1qd.js

@@ -1 +0,0 @@
-import{p as t,H as s,h as e,d as i,t as o}from"./p-BjkROjjt.js";import{T as r}from"./p-sZMi_32I.js";import{i as l,b as n,a,T as h}from"./p-mmdt-WnS.js";import{d}from"./p-CRL7TjSB.js";import{d as c}from"./p-Cktiasfd.js";const p=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost()}get el(){return this}columns;selectable;stickyColumn;rowKey="";row={};separator;tableId="";columnWidths=[];isVisible=!0;spansVersion=0;_columns=[];_selectable=!1;_stickyColumn={left:0,right:0};_scrolledLeft=!1;_scrolledRight=!1;_dense=!1;tableEl=null;_prevRowKey=null;componentWillLoad(){this.syncTableContext(),this.columnWidths=this.columnWidths??[],this.resolveConfig(),this.columnWidths=this._columns.map((t=>t.autoWidth?0:parseInt(t.width||"120",10))),this.updateVisibilitySync()}componentDidLoad(){if(this.syncTableContext(),this.separator){const t=this.el.previousElementSibling;if("sd-tr"===t?.tagName?.toLowerCase()){const s=t.rowKey;this._prevRowKey=s,this.tableEl?.registerSeparatorSync?.(s)}}}disconnectedCallback(){null!==this._prevRowKey&&(this.tableEl?.unregisterSeparatorSync?.(this._prevRowKey),this._prevRowKey=null)}syncTableContext(){const t=this.el.closest("sd-table"),s=this.el.getRootNode(),e=s instanceof ShadowRoot?s.host:null,i=t??e;this.tableEl=i;const o=i?.getTableIdSync?.(),l=i?.getAttribute(r),n=(null!=o&&""!==o&&"undefined"!==o?o:null)??(null!=l&&""!==l&&"undefined"!==l?l:null)??"";""!==n&&n!==this.tableId&&(this.tableId=n)}resolveConfig(){const t=this.tableEl?.getConfigSync?.();this._columns=this.columns??t?.columns??[],this._selectable=this.selectable??t?.selectable??!1,this._stickyColumn=this.stickyColumn??t?.stickyColumn??{left:0,right:0},this._scrolledLeft=t?.scrolledLeft??!1,this._scrolledRight=t?.scrolledRight??!1,this._dense=t?.dense??!1,t?.columnWidths&&0===(this.columnWidths??[]).length&&(this.columnWidths=[...t.columnWidths])}async refreshConfig(){this.resolveConfig()}async bumpSpansVersion(){this.spansVersion=this.spansVersion+1}async updateVisibility(){this.updateVisibilitySync()}updateVisibilitySync(){const t=parseInt(this.rowKey,10),s=this.tableEl?.getPaginationInfoSync?.();this.isVisible=!s||t>=s.startIndex&&t<s.endIndex}async setColumnWidths(t){this.columnWidths=t}async refreshSelection(){const t=this.el.querySelector("sd-checkbox");t&&(t.value=this.isSelected())}get visibleColumns(){return this._columns.filter((t=>!1!==t.visible))}formatValue(t){return null==t?"":"number"==typeof t?t.toLocaleString():String(t)}getCellValue(t){const{field:s,format:e,name:i}=t,o="function"==typeof s?s(this.row):""!==s?this.row[s]:this.row[i];return e?e(o,this.row):this.formatValue(o)}getStickyStyle(t){if(this.tableEl?.getStickyStyleSync)return this.tableEl.getStickyStyleSync(t);const s=this.columnWidths.slice(0,t).reduce(((t,s)=>t+s),0)+(this._selectable?52:0),e=this.columnWidths.filter(((s,e)=>e>=this.visibleColumns.length-(this._stickyColumn.right||0)&&e>t)).reduce(((t,s)=>t+s),0),i=this.visibleColumns[t],o={"--sticky-left-offset":`${s}px`,"--sticky-right-offset":`${e}px`};return i?.autoWidth||(o.width=`${this.columnWidths[t]}px`,o.minWidth=`${this.columnWidths[t]}px`,o.maxWidth=`${this.columnWidths[t]}px`),o}isSelected(){return!!this.tableEl?.isRowSelectedSync&&this.tableEl.isRowSelectedSync(this.row)}handleSelect(){this.tableEl?.updateRowSelectSync&&this.tableEl.updateRowSelectSync(this.row)}getSpanFor(t){if(this.tableEl?.getSpanSync)return this.tableEl.getSpanSync(this.rowKey,"string"==typeof t.field?t.field:t.name)}isCovered(t){return!!this.tableEl?.isCoveredSync&&this.tableEl.isCoveredSync(this.rowKey,t,this._columns)}getCellClassFor(t){if(this.tableEl?.getCellClassSync)return this.tableEl.getCellClassSync(this.rowKey,"string"==typeof t.field?t.field:t.name)}expandCellClass(t){return null==t||""===t?{}:Object.fromEntries(t.split(/\s+/).filter(Boolean).map((t=>[t,!0])))}isVisualLastRow(t){return!!this.tableEl?.isVisualLastRowSync&&this.tableEl.isVisualLastRowSync(this.rowKey,"string"==typeof t.field?t.field:t.name)}isVisualLastRowForSelfRow(){return!!this.tableEl?.isVisualLastRowSync&&this.tableEl.isVisualLastRowSync(this.rowKey,"")}isVisualLastRowBeforeSeparator(t){return!!this.tableEl?.isVisualLastRowBeforeSeparatorSync&&this.tableEl.isVisualLastRowBeforeSeparatorSync(this.rowKey,"string"==typeof t.field?t.field:t.name)}isVisualLastRowBeforeSeparatorForSelfRow(){return!!this.tableEl?.isVisualLastRowBeforeSeparatorSync&&this.tableEl.isVisualLastRowBeforeSeparatorSync(this.rowKey,"")}render(){const t=this._stickyColumn.left||0,s=this._stickyColumn.right||0,o=this.visibleColumns.slice(0,t),r=this.visibleColumns.slice(t,this.visibleColumns.length-s),d=this.visibleColumns.slice(this.visibleColumns.length-s),c=this.tableEl?.hasRowspanSync?.()??!1,p=this.tableEl?.hasUseFrameInRowSync?.(this.rowKey)??!1,b=this._dense&&!p?h.dense:h.default,f={display:this.isVisible?"":"none","--table-body-height":`${b.height}px`,"--table-body-padding-y":`${b.paddingY}px`,"--table-body-padding-x":`${h.paddingX}px`,"--table-body-font-family":a.fontFamily,"--table-body-font-weight":a.fontWeight,"--table-body-font-size":`${a.fontSize}px`,"--table-body-line-height":`${a.lineHeight}px`,"--table-body-text-decoration":a.textDecoration,"--table-border-color":n.color,"--table-border-width":`${n.width}px`,"--table-separator-color":l.color,"--table-separator-width":`${l.width}px`};return e(i,{style:f},this.separator?e("tr",{class:"tr tr--separator"},e("td",{colSpan:this.visibleColumns.length+(this._selectable?1:0),class:"td td--separator"})):e("tr",{class:{tr:!0,"tr--no-hover":c}},this._selectable&&e("td",{class:{td:!0,"td--selected":!0,"td--last-row":this.isVisualLastRowForSelfRow(),"td--before-separator":this.isVisualLastRowBeforeSeparatorForSelfRow(),"sticky-left":!0,"sticky-left-edge":0===t,"is-scrolled-left":0===t&&this._scrolledLeft},style:{"--sticky-left-offset":"0px"}},e("sd-checkbox",{value:this.isSelected(),onSdUpdate:()=>this.handleSelect()})),o.map(((s,i)=>{if(this.isCovered(i))return null;const o=this.getSpanFor(s),r=this.getCellClassFor(s);return e("td",{key:s.name,rowSpan:o?.rowspan,colSpan:o?.colspan,class:{td:!0,[`td--${s.align||"left"}`]:!0,"td--last-row":this.isVisualLastRow(s),"td--before-separator":this.isVisualLastRowBeforeSeparator(s),"sticky-left":!0,"sticky-left-edge":i===t-1,"is-scrolled-left":i===t-1&&this._scrolledLeft,[`${s.tdClass}`]:Boolean(s.tdClass),...this.expandCellClass(r)},style:this.getStickyStyle(i)},e("slot",{name:`${this.tableId}-${"string"==typeof s.field?s.field:s.name}-${this.rowKey}`},e("span",null,this.getCellValue(s))))})),r.map(((s,i)=>{const o=t+i;if(this.isCovered(o))return null;const r="string"==typeof s.field?s.field:s.name,l=this.getSpanFor(s),n=this.getCellClassFor(s);return e("td",{key:s.name,rowSpan:l?.rowspan,colSpan:l?.colspan,class:{td:!0,[`td--${s.align||"left"}`]:!0,"td--last-row":this.isVisualLastRow(s),"td--before-separator":this.isVisualLastRowBeforeSeparator(s),[`${s.tdClass}`]:Boolean(s.tdClass),...this.expandCellClass(n)},style:this.getStickyStyle(o)},e("slot",{name:`${this.tableId}-${r}-${this.rowKey}`},e("span",null,this.getCellValue(s))))})),d.map(((t,i)=>{const o=this.visibleColumns.length-s+i;if(this.isCovered(o))return null;const r="string"==typeof t.field?t.field:t.name,l=this.getSpanFor(t),n=this.getCellClassFor(t);return e("td",{key:t.name,rowSpan:l?.rowspan,colSpan:l?.colspan,class:{td:!0,[`td--${t.align||"left"}`]:!0,"td--last-row":this.isVisualLastRow(t),"td--before-separator":this.isVisualLastRowBeforeSeparator(t),"sticky-right":!0,"sticky-right-edge":0===i,"is-scrolled-right":0===i&&this._scrolledRight,[`${t.tdClass}`]:Boolean(t.tdClass),...this.expandCellClass(n)},style:this.getStickyStyle(o)},e("slot",{name:`${this.tableId}-${r}-${this.rowKey}`},e("span",null,this.getCellValue(t))))}))))}static get style(){return'sd-tr{display:contents}sd-tr *{box-sizing:border-box}.tr{display:table-row}.tr:hover .td{background-color:#F9F9F9}.tr--no-hover:hover .td{background-color:white}.td{display:table-cell;height:var(--table-body-height, 44px);padding:var(--table-body-padding-y, 0) var(--table-body-padding-x, 16px);border-bottom:var(--table-border-width, 1px) solid var(--table-border-color, #E1E1E1);background:white;vertical-align:middle;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:keep-all}.td--left{text-align:left}.td--center{text-align:center}.td--right{text-align:right}.td--selected{position:relative;width:52px !important;max-width:52px !important;min-width:52px !important;padding:0 10px 0 24px;text-align:left}.td--selected sd-checkbox label{position:relative}.td--selected sd-checkbox label:before{content:"";position:absolute;inset:-6px}.td.sticky-left{position:sticky;background-color:white;z-index:100 !important;left:var(--sticky-left-offset, 0)}.td.sticky-right{position:sticky;background-color:white;z-index:100 !important;right:var(--sticky-right-offset, 0)}.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:0;pointer-events:none;transition:opacity 0.2s}.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:0;pointer-events:none;transition:opacity 0.2s}.td.sticky-left-edge.is-scrolled-left{overflow:visible}.td.sticky-left-edge.is-scrolled-left:after{opacity:1}.td.sticky-right-edge.is-scrolled-right{overflow:visible}.td.sticky-right-edge.is-scrolled-right:after{opacity:1}.tr:hover .td.sticky-left,.tr:hover .td.sticky-right{background-color:#F9F9F9}.tr--no-hover:hover .td.sticky-left,.tr--no-hover:hover .td.sticky-right{background-color:white}.td.td--last-row{border-bottom:none}.tr--separator .td--separator{height:var(--table-separator-width, 6px);padding:0;background-color:var(--table-separator-color, #eeeeee);border-bottom:none}.td.td--before-separator{border-bottom:none}.td--divider-left{border-left:var(--table-border-width, 1px) solid var(--table-border-color, #E1E1E1)}.td--divider-right{border-right:var(--table-border-width, 1px) solid var(--table-border-color, #E1E1E1)}'}},[772,"sd-tr",{columns:[16],selectable:[4],stickyColumn:[16],rowKey:[1,"row-key"],row:[16],separator:[4],tableId:[32],columnWidths:[32],isVisible:[32],spansVersion:[32],_columns:[32],_selectable:[32],_stickyColumn:[32],_scrolledLeft:[32],_scrolledRight:[32],_dense:[32],refreshConfig:[64],bumpSpansVersion:[64],updateVisibility:[64],setColumnWidths:[64],refreshSelection:[64]}]);function b(){"undefined"!=typeof customElements&&["sd-tr","sd-checkbox","sd-icon"].forEach((t=>{switch(t){case"sd-tr":customElements.get(o(t))||customElements.define(o(t),p);break;case"sd-checkbox":customElements.get(o(t))||d();break;case"sd-icon":customElements.get(o(t))||c()}}))}export{p as S,b as d}