@sellmate/design-system 1.8.0 → 1.10.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sellmate/design-system",
-  "version": "1.8.0",
+  "version": "1.10.0",
   "description": "Sellmate Design System - Web Components Library built with Stencil",
   "keywords": [
     "web-components",

package/dist/cjs/sd-ghost-button.cjs.entry.js

@@ -1,179 +0,0 @@
-'use strict';
-
-var index = require('./index-BGwB03Tk.js');
-
-const ghostButton = {
-	xxs: {
-		size: "16",
-		icon: "12"
-	},
-	xs: {
-		size: "24",
-		icon: "16"
-	},
-	sm: {
-		size: "28",
-		icon: "20"
-	},
-	md: {
-		size: "36",
-		icon: "24"
-	},
-	lg: {
-		size: "62",
-		icon: "32"
-	},
-	radius: {
-		sm: "4",
-		md: "6"
-	},
-	hover: {
-		opacity: "5%"
-	},
-	icon: {
-		disabled: "#BBBBBB"
-	},
-	"default": {
-		content: "#888888",
-		hover: {
-			bg: "#222222"
-		}
-	},
-	danger: {
-		content: "#E30000",
-		hover: {
-			bg: "#E30000"
-		}
-	},
-	action: {
-		content: "#025497",
-		hover: {
-			bg: "#0075FF"
-		}
-	},
-	inverse: {
-		content: "#FFFFFF",
-		disabled: "#E1E1E1",
-		hover: {
-			bg: "#FFFFFF"
-		}
-	}
-};
-var ghostButtonTokens = {
-	ghostButton: ghostButton
-};
-
-const GHOST_BUTTON_FOCUS_RING_COLOR = '#0075FF';
-const GHOST_BUTTON_SIZES = {
-    xxs: {
-        size: Number(ghostButtonTokens.ghostButton.xxs.size),
-        icon: Number(ghostButtonTokens.ghostButton.xxs.icon),
-    },
-    xs: {
-        size: Number(ghostButtonTokens.ghostButton.xs.size),
-        icon: Number(ghostButtonTokens.ghostButton.xs.icon),
-    },
-    sm: {
-        size: Number(ghostButtonTokens.ghostButton.sm.size),
-        icon: Number(ghostButtonTokens.ghostButton.sm.icon),
-    },
-    md: {
-        size: Number(ghostButtonTokens.ghostButton.md.size),
-        icon: Number(ghostButtonTokens.ghostButton.md.icon),
-    },
-    lg: {
-        size: Number(ghostButtonTokens.ghostButton.lg.size),
-        icon: Number(ghostButtonTokens.ghostButton.lg.icon),
-    },
-};
-const GHOST_BUTTON_RADIUS = {
-    xxs: Number(ghostButtonTokens.ghostButton.radius.sm),
-    xs: Number(ghostButtonTokens.ghostButton.radius.sm),
-    sm: Number(ghostButtonTokens.ghostButton.radius.sm),
-    md: Number(ghostButtonTokens.ghostButton.radius.md),
-    lg: Number(ghostButtonTokens.ghostButton.radius.md),
-};
-const GHOST_BUTTON_HOVER_OPACITY = ghostButtonTokens.ghostButton.hover.opacity;
-const GHOST_BUTTON_CONTENT_COLORS = {
-    default: ghostButtonTokens.ghostButton.default.content,
-    danger: ghostButtonTokens.ghostButton.danger.content,
-    action: ghostButtonTokens.ghostButton.action.content,
-    inverse: ghostButtonTokens.ghostButton.inverse.content,
-};
-const GHOST_BUTTON_HOVER_BG_COLORS = {
-    default: ghostButtonTokens.ghostButton.default.hover.bg,
-    danger: ghostButtonTokens.ghostButton.danger.hover.bg,
-    action: ghostButtonTokens.ghostButton.action.hover.bg,
-    inverse: ghostButtonTokens.ghostButton.inverse.hover.bg,
-};
-const GHOST_BUTTON_DISABLED_ICON = ghostButtonTokens.ghostButton.icon.disabled;
-const GHOST_BUTTON_DISABLED_COLORS = {
-    default: GHOST_BUTTON_DISABLED_ICON,
-    danger: GHOST_BUTTON_DISABLED_ICON,
-    action: GHOST_BUTTON_DISABLED_ICON,
-    inverse: ghostButtonTokens.ghostButton.inverse.disabled,
-};
-
-const sdGhostButtonCss = () => `sd-ghost-button{display:inline-flex;width:fit-content;height:fit-content}.sd-ghost-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--sd-ghost-button-size);height:var(--sd-ghost-button-size);padding:0;border:none;border-radius:var(--sd-ghost-button-radius);background:transparent;cursor:pointer;box-sizing:border-box;transition:box-shadow 0.2s ease;-webkit-user-select:none;user-select:none}.sd-ghost-button::before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--sd-ghost-button-hover-bg);opacity:0;transition:opacity 0.2s ease;pointer-events:none}.sd-ghost-button:hover:not(.sd-ghost-button--disabled)::before{opacity:var(--sd-ghost-button-hover-opacity)}.sd-ghost-button:focus-visible{outline:0;box-shadow:0 0 0 2px var(--sd-ghost-button-accent)}.sd-ghost-button--disabled{cursor:not-allowed}`;
-
-const SdGhostButton = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.click = index.createEvent(this, "sdClick", 7);
-    }
-    icon;
-    size = 'sm';
-    intent = 'default';
-    ariaLabel = '';
-    disabled = false;
-    click;
-    hasWarnedMissingAriaLabel = false;
-    componentWillLoad() {
-        this.size ??= 'sm';
-        this.intent ??= 'default';
-        this.ariaLabel ??= '';
-    }
-    handleClick = (event) => {
-        if (this.disabled) {
-            event.preventDefault();
-            return;
-        }
-        this.click.emit(event);
-    };
-    componentWillRender() {
-        this.warnIfMissingAriaLabel();
-    }
-    warnIfMissingAriaLabel() {
-        const missing = (this.ariaLabel ?? '').trim() === '';
-        if (!missing) {
-            this.hasWarnedMissingAriaLabel = false;
-            return;
-        }
-        if (this.hasWarnedMissingAriaLabel)
-            return;
-        console.warn(`[sd-ghost-button] icon-only buttons require \`ariaLabel\`. Received icon="${this.icon}".`);
-        this.hasWarnedMissingAriaLabel = true;
-    }
-    render() {
-        const size = this.size ?? 'sm';
-        const intent = this.intent ?? 'default';
-        const sizeConfig = GHOST_BUTTON_SIZES[size] ?? GHOST_BUTTON_SIZES.sm;
-        const contentColor = this.disabled
-            ? GHOST_BUTTON_DISABLED_COLORS[intent]
-            : GHOST_BUTTON_CONTENT_COLORS[intent];
-        const accessibleName = (this.ariaLabel ?? '').trim() || undefined;
-        return (index.h("button", { key: '7bf9f8b8d487be0b66a969668308fd451faeb442', class: {
-                'sd-ghost-button': true,
-                'sd-ghost-button--disabled': this.disabled,
-            }, type: "button", disabled: this.disabled, "aria-label": accessibleName, style: {
-                '--sd-ghost-button-size': `${sizeConfig.size}px`,
-                '--sd-ghost-button-radius': `${GHOST_BUTTON_RADIUS[size]}px`,
-                '--sd-ghost-button-hover-bg': GHOST_BUTTON_HOVER_BG_COLORS[intent],
-                '--sd-ghost-button-hover-opacity': GHOST_BUTTON_HOVER_OPACITY,
-                '--sd-ghost-button-accent': GHOST_BUTTON_FOCUS_RING_COLOR,
-            }, onClick: this.handleClick }, index.h("sd-icon", { key: '4b6b05d186f8c38d2f05415fa24960349dd6c453', name: this.icon, size: sizeConfig.icon, color: contentColor })));
-    }
-};
-SdGhostButton.style = sdGhostButtonCss();
-
-exports.sd_ghost_button = SdGhostButton;

package/dist/cjs/sd-tag.cjs.entry.js

@@ -1,227 +0,0 @@
-'use strict';
-
-var index = require('./index-BGwB03Tk.js');
-
-const tag = {
-	xs: {
-		height: "20",
-		paddingX: "8",
-		gap: "4",
-		typography: {
-			fontSize: "11",
-			fontWeight: "500",
-			lineHeight: "18"},
-		radius: "6"
-	},
-	sm: {
-		height: "24",
-		paddingX: "8",
-		gap: "4",
-		typography: {
-			fontSize: "12",
-			fontWeight: "700",
-			lineHeight: "20"
-		},
-		radius: "6"
-	},
-	md: {
-		height: "28",
-		paddingX: "12",
-		gap: "6",
-		typography: {
-			fontSize: "14",
-			fontWeight: "700",
-			lineHeight: "24"},
-		radius: "8"
-	},
-	red: {
-		content: "#FB4444",
-		bg: "#FCEFEF"
-	},
-	orange: {
-		content: "#FF6B00",
-		bg: "#FEF1EA"
-	},
-	yellow: {
-		content: "#916C0D",
-		bg: "#FFF7DD"
-	},
-	green: {
-		content: "#00973C",
-		bg: "#E8F9EF"
-	},
-	blue: {
-		content: "#0075FF",
-		bg: "#E6F1FF"
-	},
-	darkblue: {
-		content: "#006AC1",
-		bg: "#EAF5FE"
-	},
-	indigo: {
-		content: "#004290",
-		bg: "#EFF6FF"
-	},
-	grey: {
-		content: "#737373",
-		bg: "#EEEEEE"
-	}
-};
-var tagTokens = {
-	tag: tag
-};
-
-const TAG_SHAPES = ['square', 'pill'];
-const TAG_SIZES = ['xs', 'sm', 'md'];
-const TAG_COLORS = [
-    'grey',
-    'red',
-    'orange',
-    'yellow',
-    'green',
-    'blue',
-    'darkblue',
-    'indigo',
-];
-const TAG_COLOR_CONFIG = {
-    grey: {
-        background: tagTokens.tag.grey.bg,
-        content: tagTokens.tag.grey.content,
-        icon: tagTokens.tag.grey.content,
-    },
-    red: {
-        background: tagTokens.tag.red.bg,
-        content: tagTokens.tag.red.content,
-        icon: tagTokens.tag.red.content,
-    },
-    orange: {
-        background: tagTokens.tag.orange.bg,
-        content: tagTokens.tag.orange.content,
-        icon: tagTokens.tag.orange.content,
-    },
-    yellow: {
-        background: tagTokens.tag.yellow.bg,
-        content: tagTokens.tag.yellow.content,
-        icon: tagTokens.tag.yellow.content,
-    },
-    green: {
-        background: tagTokens.tag.green.bg,
-        content: tagTokens.tag.green.content,
-        icon: tagTokens.tag.green.content,
-    },
-    blue: {
-        background: tagTokens.tag.blue.bg,
-        content: tagTokens.tag.blue.content,
-        icon: tagTokens.tag.blue.content,
-    },
-    darkblue: {
-        background: tagTokens.tag.darkblue.bg,
-        content: tagTokens.tag.darkblue.content,
-        icon: tagTokens.tag.darkblue.content,
-    },
-    indigo: {
-        background: tagTokens.tag.indigo.bg,
-        content: tagTokens.tag.indigo.content,
-        icon: tagTokens.tag.indigo.content,
-    },
-};
-const SQUARE_SIZE_CONFIG = {
-    xs: {
-        height: `${tagTokens.tag.xs.height}px`,
-        paddingX: `${tagTokens.tag.xs.paddingX}px`,
-        gap: `${tagTokens.tag.xs.gap}px`,
-        fontSize: `${tagTokens.tag.xs.typography.fontSize}px`,
-        fontWeight: tagTokens.tag.xs.typography.fontWeight,
-        lineHeight: `${tagTokens.tag.xs.typography.lineHeight}px`,
-        iconSize: 12,
-        radius: `${tagTokens.tag.xs.radius}px`,
-    },
-    sm: {
-        height: `${tagTokens.tag.sm.height}px`,
-        paddingX: `${tagTokens.tag.sm.paddingX}px`,
-        gap: `${tagTokens.tag.sm.gap}px`,
-        fontSize: `${tagTokens.tag.sm.typography.fontSize}px`,
-        fontWeight: tagTokens.tag.sm.typography.fontWeight,
-        lineHeight: `${tagTokens.tag.sm.typography.lineHeight}px`,
-        iconSize: 16,
-        radius: `${tagTokens.tag.sm.radius}px`,
-    },
-    md: {
-        height: `${tagTokens.tag.md.height}px`,
-        paddingX: `${tagTokens.tag.md.paddingX}px`,
-        gap: `${tagTokens.tag.md.gap}px`,
-        fontSize: `${tagTokens.tag.md.typography.fontSize}px`,
-        fontWeight: tagTokens.tag.md.typography.fontWeight,
-        lineHeight: `${tagTokens.tag.md.typography.lineHeight}px`,
-        iconSize: 16,
-        radius: `${tagTokens.tag.md.radius}px`,
-    },
-};
-const PILL_SIZE_CONFIG = {
-    xs: { ...SQUARE_SIZE_CONFIG.xs, radius: '999px' },
-    sm: { ...SQUARE_SIZE_CONFIG.sm, radius: '999px' },
-    md: { ...SQUARE_SIZE_CONFIG.md, radius: '999px' },
-};
-const TAG_CONFIG = Object.fromEntries(TAG_SHAPES.flatMap(shape => TAG_SIZES.flatMap(size => TAG_COLORS.map(color => {
-    const sizeConfig = shape === 'square' ? SQUARE_SIZE_CONFIG[size] : PILL_SIZE_CONFIG[size];
-    return [
-        `${shape}_${size}_${color}`,
-        {
-            shape,
-            size,
-            color,
-            ...sizeConfig,
-            ...TAG_COLOR_CONFIG[color],
-        },
-    ];
-}))));
-const isTagName = (value) => Object.prototype.hasOwnProperty.call(TAG_CONFIG, value);
-
-const sdTagCss = () => `sd-tag{display:inline-flex;width:fit-content;height:fit-content}.sd-tag{display:inline-flex;align-items:center;justify-content:center;gap:var(--sd-tag-gap, 5px);min-height:var(--sd-tag-height, 24px);padding:0 var(--sd-tag-padding-x, 8px);border-radius:var(--sd-tag-radius, 4px);background:var(--sd-tag-background, #f3f3f3);color:var(--sd-tag-content, #7a7a7a);box-sizing:border-box;white-space:nowrap;-webkit-user-select:none;user-select:none}.sd-tag__icon{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center}.sd-tag__label{display:inline-flex;align-items:center;justify-content:center;min-width:0;font-size:var(--sd-tag-font-size, 12px);font-weight:var(--sd-tag-font-weight, 700);line-height:var(--sd-tag-line-height, 20px)}`;
-
-const SdTag = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-    }
-    name = 'square_sm_grey';
-    label = '';
-    icon;
-    // 아이콘이 좌측 배치되는 게 자연스러운 default. prop 이름 변경(isRight 등)은 public API breaking 이라 별도 이슈로 분리.
-    // eslint-disable-next-line stencil/ban-default-true
-    isLeft = true;
-    componentWillLoad() {
-        this.name = this.name ?? 'square_sm_grey';
-    }
-    get resolvedName() {
-        if (!isTagName(this.name)) {
-            throw new Error(`Invalid sd-tag name: "${this.name}"`);
-        }
-        return this.name;
-    }
-    get resolvedConfig() {
-        return TAG_CONFIG[this.resolvedName];
-    }
-    renderIcon(color, size) {
-        if (this.icon == null)
-            return null;
-        return index.h("sd-icon", { class: "sd-tag__icon", name: this.icon, size: size, color: color });
-    }
-    render() {
-        const config = this.resolvedConfig;
-        const iconNode = this.renderIcon(config.icon, config.iconSize);
-        return (index.h("span", { key: '945a8a13f4891b5174e48e262b2a108674da7198', class: "sd-tag", style: {
-                '--sd-tag-background': config.background,
-                '--sd-tag-content': config.content,
-                '--sd-tag-height': config.height,
-                '--sd-tag-padding-x': config.paddingX,
-                '--sd-tag-gap': config.gap,
-                '--sd-tag-font-size': config.fontSize,
-                '--sd-tag-font-weight': config.fontWeight,
-                '--sd-tag-line-height': config.lineHeight,
-                '--sd-tag-radius': config.radius,
-            }, "aria-label": this.label || 'tag' }, this.icon && this.isLeft && iconNode, index.h("span", { key: '441932c2eb85eea471838db541fb95302527df23', class: "sd-tag__label" }, this.label), this.icon && !this.isLeft && iconNode));
-    }
-};
-SdTag.style = sdTagCss();
-
-exports.sd_tag = SdTag;

package/dist/components/p-2z2c2umH.js

@@ -1 +0,0 @@
-import{p as t,H as s,c as e,h as o,t as a}from"./p-pwNG5WaX.js";import{d as n}from"./p-B6L3bPm2.js";import{d as i}from"./p-DhtKHJ7-.js";import{d}from"./p-DQj-S8AC.js";var c={bg:"#07284A",content:"#FFFFFF"},l={bg:"#FB4444",content:"#FFFFFF"},r={bg:"#FFC700",content:"#222222"},b={bg:"#00973C",content:"#FFFFFF"},f={bg:"#005CC9",content:"#FFFFFF"},u={bg:"#E6F1FF",icon:"#0075FF",text:"#222222",textLink:"#555555"};const p={default:"secondary_sm",danger:"danger_outline_sm",caution:"neutral_outline_sm",complete:"neutral_outline_sm",accent:"neutral_outline_sm",info:"secondary_sm"},h={default:{bg:c.bg,content:c.content},danger:{bg:l.bg,content:l.content},caution:{bg:r.bg,content:r.content},complete:{bg:b.bg,content:b.content},accent:{bg:f.bg,content:f.content},info:{bg:u.bg,content:u.text,icon:u.icon,linkColor:u.textLink}},g={iconSize:"16"},m=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.close=e(this,"sdClose",7),this.buttonClick=e(this,"sdButtonClick",7)}icon;message;link;linkLabel;buttonLabel;useClose=!1;type="default";close;buttonClick;render(){const t=h[this.type]??h.default,s=Number(g.iconSize),e=t.icon??t.content,a=t.linkColor??t.content,n=["default","caution","info"].includes(this.type),i=p[this.type]??p.default;return o("div",{key:"735fa3f949ee4c7d0178f999c02e90c829c133b4",style:{"--sd-toast-bg":t.bg,"--sd-toast-text":t.content,"--sd-toast-icon":e,"--sd-toast-link":a}},o("div",{key:"4e483d858c3268bde838ddc5c5c9cb5065855326",class:"sd-toast",role:"status","aria-live":"polite","aria-atomic":"true"},this.icon&&o("div",{key:"007eded85c508bdd2da05b1c9d489ff2d03a4df9",class:"sd-toast__icon"},o("sd-icon",{key:"099d5556f4b0a11f5162cb76a6166a2d662d9590",name:this.icon,size:s,color:e})),o("div",{key:"3825916248bc2385fe87c8aeb6d741b59738246f",class:"sd-toast__content"},o("span",{key:"fba817baf33179296f50d3fe4147cc99c38fbb83",class:"sd-toast__message"},this.message)),this.link&&o("a",{key:"39667765a9a72c761f0b464f78c7652e60e6dd16",href:this.link,class:"sd-toast__link",target:"_blank",rel:"noopener noreferrer"},this.linkLabel||this.link),this.buttonLabel&&o("sd-button",{key:"3da2f9a5daf53de4400bfec79654b5795c3b6af4",class:"sd-toast__button",name:i,label:this.buttonLabel,onSdClick:t=>this.buttonClick.emit(t.detail)}),this.useClose&&o("sd-ghost-button",{key:"2578d35dc11e06178c6902cb358bcdb8ccabbf36",class:"sd-toast__close",icon:"close",intent:n?"default":"inverse",ariaLabel:"close",size:"xs",onClick:()=>this.close.emit()})))}static get style(){return"sd-toast{display:block;width:fit-content;height:fit-content}sd-toast .sd-toast{display:flex;width:fit-content;align-items:center;gap:var(--sd-toast-gap, 16px);padding:var(--sd-toast-padding-y, 12px) var(--sd-toast-padding-x, 24px);border-radius:var(--sd-toast-radius, 8px);background-color:var(--sd-toast-bg);color:var(--sd-toast-text);box-shadow:2px 2px 8px 2px rgba(0, 0, 0, 0.2)}sd-toast .sd-toast__icon{display:flex;align-items:center;flex-shrink:0}sd-toast .sd-toast__content{display:flex;flex:1}sd-toast .sd-toast__message{font-size:14px;line-height:24px;font-weight:500;white-space:nowrap}sd-toast .sd-toast__link{font-size:14px;line-height:24px;font-weight:700;color:var(--sd-toast-link, var(--sd-toast-text));text-decoration:underline;cursor:pointer;transition:opacity 0.2s ease;margin-left:4px;white-space:nowrap}sd-toast .sd-toast__link:hover{opacity:0.8}sd-toast .sd-toast__button{flex-shrink:0}sd-toast .sd-toast__close{flex-shrink:0}"}},[512,"sd-toast",{icon:[1],message:[1],link:[1],linkLabel:[1,"link-label"],buttonLabel:[1,"button-label"],useClose:[4,"use-close"],type:[1]}]);function _(){"undefined"!=typeof customElements&&["sd-toast","sd-button","sd-ghost-button","sd-icon"].forEach((t=>{switch(t){case"sd-toast":customElements.get(a(t))||customElements.define(a(t),m);break;case"sd-button":customElements.get(a(t))||n();break;case"sd-ghost-button":customElements.get(a(t))||i();break;case"sd-icon":customElements.get(a(t))||d()}}))}export{m as S,_ as d}

package/dist/components/p-B6G64i5a.js

@@ -1 +0,0 @@
-import{p as e,H as a,c as r,h as n,F as d,t}from"./p-pwNG5WaX.js";import{u as i,t as c,W as s,C as l}from"./p-DnW8EAqd.js";import{d as g}from"./p-BQn6le_Y.js";import{d as o}from"./p-DhtKHJ7-.js";import{d as h}from"./p-DQj-S8AC.js";const p=(e,a)=>{const[r,n,d]=e.split("-").map(Number),t=new Date(r,n-1,d);return t.setDate(t.getDate()+a),`${t.getFullYear()}-${String(t.getMonth()+1).padStart(2,"0")}-${String(t.getDate()).padStart(2,"0")}`},k={bg:g.datepicker.calendar.range.bg,height:g.datepicker.calendar.range.height,panelGap:g.datepicker.calendar.range.panelGap,divider:g.datepicker.calendar.range.divider},_=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.select=r(this,"sdSelect",7),this.viewChange=r(this,"sdViewChange",7)}value=null;selectable;maxRange;currentYear;currentMonth;pendingStart="";hoverDate="";displayValue=null;select;viewChange;dateUtil=i();componentWillLoad(){this.syncFromValue()}handleValueChange(){this.syncFromValue()}syncFromValue(){const e=this.value?.[0]||c,[a,r]=e.split("-").map(Number);this.currentYear=a,this.currentMonth=r,this.pendingStart="",this.hoverDate="",this.displayValue=this.value?[this.value[0],this.value[1]]:null}get rightYear(){return 12===this.currentMonth?this.currentYear+1:this.currentYear}get rightMonth(){return 12===this.currentMonth?1:this.currentMonth+1}formatDate(e,a,r){return`${e}-${String(a).padStart(2,"0")}-${String(r).padStart(2,"0")}`}buildCells(e,a){const r=new Date(e,a-1,1).getDay(),n=new Date(e,a,0).getDate(),d=1===a?12:a-1,t=1===a?e-1:e,i=new Date(t,d,0).getDate(),c=12===a?1:a+1,s=12===a?e+1:e,l=[];for(let e=r-1;e>=0;e--){const a=i-e;l.push({date:this.formatDate(t,d,a),day:a,inCurrentMonth:!1})}for(let r=1;r<=n;r++)l.push({date:this.formatDate(e,a,r),day:r,inCurrentMonth:!0});const g=(7-l.length%7)%7;for(let e=1;e<=g;e++)l.push({date:this.formatDate(s,c,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:r}=this.dateUtil.calculateYearMonth(this.currentYear,this.currentMonth,"prev");this.currentYear=a,this.currentMonth=r,this.emitViewChange()};goNextMonth=e=>{e.stopPropagation();const{newYear:a,newMonth:r}=this.dateUtil.calculateYearMonth(this.currentYear,this.currentMonth,"next");this.currentYear=a,this.currentMonth=r,this.emitViewChange()};goToday=e=>{e.stopPropagation();const[a,r]=c.split("-").map(Number);this.currentYear===a&&this.currentMonth===r||(this.currentYear=a,this.currentMonth=r,this.emitViewChange())};isDisabled(e){if(this.selectable){const[a,r]=this.selectable;if(null!=a&&""!==a&&e<a)return!0;if(null!=r&&""!==r&&e>r)return!0}if(null!=this.maxRange&&this.maxRange>0&&""!==this.pendingStart){const a=p(this.pendingStart,-this.maxRange),r=p(this.pendingStart,this.maxRange);if(e<a||e>r)return!0}return!1}handleDayClick(e){if(!e.inCurrentMonth)return;if(this.isDisabled(e.date))return;if(""===this.pendingStart||null!=this.displayValue&&""!==this.displayValue[0]&&""!==this.displayValue[1]||e.date<this.pendingStart)return this.pendingStart=e.date,this.displayValue=null,void(this.hoverDate="");const a=[this.pendingStart,e.date];this.pendingStart="",this.hoverDate="",this.displayValue=a,this.select.emit(a)}handleDayHover(e){e.inCurrentMonth&&""!==this.pendingStart&&(this.hoverDate=e.date)}getRangeState(e,a){if(!a)return{inRange:!1,isRangeStart:!1,isRangeEnd:!1,isSelectedEdge:!1};if(""!==this.pendingStart){const a=e===this.pendingStart,r=""!==this.hoverDate&&this.hoverDate>=this.pendingStart?this.hoverDate:"";return{inRange:""!==r&&e>this.pendingStart&&e<=r,isRangeStart:a,isRangeEnd:""!==r&&e===r,isSelectedEdge:a}}if(null!=this.displayValue&&""!==this.displayValue[0]&&""!==this.displayValue[1]){const[a,r]=this.displayValue,n=e===a,d=e===r;return{inRange:e>a&&e<r,isRangeStart:n,isRangeEnd:d,isSelectedEdge:n||d}}return{inRange:!1,isRangeStart:!1,isRangeEnd:!1,isSelectedEdge:!1}}renderHeader(e,a,r){const d=`${e}.${String(a).padStart(2,"0")}`;return n("div",{class:"sd-date-range-picker-calendar__header"},n("div",{class:"sd-date-range-picker-calendar__nav-group sd-date-range-picker-calendar__nav-group-month"},n("sd-ghost-button",{class:{"sd-date-range-picker-calendar__nav-placeholder":!r},ariaLabel:"prevMonth",size:"xxs",icon:"chevronLeft",onClick:this.goPrevMonth}),n("span",{class:"sd-date-range-picker-calendar__label sd-date-range-picker-calendar__label-month"},d),n("sd-ghost-button",{class:{"sd-date-range-picker-calendar__nav-placeholder":r},ariaLabel:"nextMonth",size:"xxs",icon:"chevronRight",onClick:this.goNextMonth})))}renderYearNav(){return n("div",{class:"sd-date-range-picker-calendar__top-bar"},n("div",{class:"sd-date-range-picker-calendar__year-nav"},n("sd-ghost-button",{ariaLabel:"prevYear",size:"xxs",icon:"chevronLeft",onClick:this.goPrevYear}),n("span",{class:"sd-date-range-picker-calendar__label"},this.currentYear),n("sd-ghost-button",{ariaLabel:"nextYear",size:"xxs",icon:"chevronRight",onClick:this.goNextYear})),n("button",{type:"button",class:"sd-date-range-picker-calendar__today-button",onClick:this.goToday},"오늘"))}renderPanel(e,a,r){const d=this.buildCells(e,a);return n("div",{class:"sd-date-range-picker-calendar__panel"},this.renderHeader(e,a,r),n("div",{class:"sd-date-range-picker-calendar__week"},s.map((e=>n("span",{key:e,class:"sd-date-range-picker-calendar__week-cell"},e)))),n("div",{class:"sd-date-range-picker-calendar__grid"},d.map((e=>{const{inRange:a,isRangeStart:r,isRangeEnd:d,isSelectedEdge:t}=this.getRangeState(e.date,e.inCurrentMonth),i=e.inCurrentMonth&&c===e.date,s=e.inCurrentMonth&&this.isDisabled(e.date);return n("button",{type:"button",key:e.date,class:{"sd-date-range-picker-calendar__day":!0,"sd-date-range-picker-calendar__day--empty":!e.inCurrentMonth,"sd-date-range-picker-calendar__day--today":i,"sd-date-range-picker-calendar__day--in-range":a,"sd-date-range-picker-calendar__day--range-start":r,"sd-date-range-picker-calendar__day--range-end":d,"sd-date-range-picker-calendar__day--selected":t,"sd-date-range-picker-calendar__day--disabled":s},disabled:!e.inCurrentMonth||s,tabindex:e.inCurrentMonth?void 0:-1,"aria-hidden":e.inCurrentMonth?void 0:"true",onClick:()=>this.handleDayClick(e),onMouseEnter:()=>this.handleDayHover(e)},n("span",{class:"sd-date-range-picker-calendar__day-circle"},e.inCurrentMonth?e.day:""))}))))}render(){return n(d,{key:"a9e5bc8198cfda50227069661812341e7a19b21d"},n("div",{key:"a2c5bf6ae806fc24f421cb6b52323f4e92bfc255",class:"sd-date-range-picker-calendar",style:{"--calendar-bg":l.bg,"--calendar-padding":`${l.paddingXY}px`,"--calendar-gap":`${l.gap}px`,"--calendar-radius":`${l.radius}px`,"--calendar-header-gap":`${l.header.gap}px`,"--calendar-header-divider":l.header.divider,"--calendar-header-font-size":`${l.header.fontSize}px`,"--calendar-header-line-height":`${l.header.lineHeight}px`,"--calendar-header-font-weight":l.header.fontWeight,"--calendar-week-font-size":`${l.week.fontSize}px`,"--calendar-week-line-height":`${l.week.lineHeight}px`,"--calendar-week-font-weight":l.week.fontWeight,"--calendar-week-color":l.week.color,"--calendar-grid-row-gap":`${l.grid.rowGap}px`,"--calendar-day-size":`${l.day.size}px`,"--calendar-day-circle-size":`${l.day.circleSize}px`,"--calendar-day-circle-radius":`${l.day.circleRadius}px`,"--calendar-day-text":l.day.defaultText,"--calendar-day-hover-text":l.day.hoverText,"--calendar-day-hover-border":l.day.hoverBorder,"--calendar-day-select-bg":l.day.selectBg,"--calendar-day-select-text":l.day.selectText,"--calendar-day-disabled-text":l.day.disabledText,"--calendar-day-font-size":`${l.day.fontSize}px`,"--calendar-day-line-height":`${l.day.lineHeight}px`,"--calendar-day-font-weight":l.day.fontWeight,"--range-bg":k.bg,"--range-height":`${k.height}px`,"--range-panel-gap":`${k.panelGap}px`,"--range-divider":k.divider}},this.renderYearNav(),n("div",{key:"2575175fa3537e010e1c7d573428d5c8ebfae488",class:"sd-date-range-picker-calendar__panels"},this.renderPanel(this.currentYear,this.currentMonth,!0),n("span",{key:"bd43ac98b88665dbe85804c8b6345c19dca7d9fa",class:"sd-date-range-picker-calendar__divider","aria-hidden":"true"}),this.renderPanel(this.rightYear,this.rightMonth,!1))))}static get watchers(){return{value:[{handleValueChange:0}]}}static get style(){return"sd-date-range-picker-calendar{display:block}sd-date-range-picker-calendar .sd-date-range-picker-calendar{display:flex;flex-direction:column;gap:var(--calendar-gap);height:364px;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-range-picker-calendar .sd-date-range-picker-calendar__top-bar{position:relative;display:flex;align-items:center;justify-content:center}sd-date-range-picker-calendar .sd-date-range-picker-calendar__year-nav{display:flex;align-items:center;justify-content:center;gap:var(--calendar-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-range-picker-calendar .sd-date-range-picker-calendar__today-button{position:absolute;right:0;background:transparent;cursor:pointer;font-size:var(--calendar-week-font-size);font-weight:var(--calendar-header-font-weight);color:var(--calendar-day-text);min-width:37px;height:24px;line-height:24px;text-align:center}sd-date-range-picker-calendar .sd-date-range-picker-calendar__today-button:hover{text-decoration:underline}sd-date-range-picker-calendar .sd-date-range-picker-calendar__panels{display:flex;flex-direction:row;gap:var(--range-panel-gap)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__divider{flex-shrink:0;width:1px;background:var(--range-divider)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__panel{display:flex;flex-direction:column;gap:var(--calendar-gap)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__header{display:flex;flex-flow:column nowrap;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-range-picker-calendar .sd-date-range-picker-calendar__nav-group{display:inline-flex;align-items:center;gap:var(--calendar-gap)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__nav-group-month{display:flex;width:100%;align-items:center;gap:var(--calendar-gap)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__label{display:inline-flex;align-items:center;justify-content:center;min-width:40px;text-align:center}sd-date-range-picker-calendar .sd-date-range-picker-calendar__label-month{flex:1}sd-date-range-picker-calendar .sd-date-range-picker-calendar__nav-placeholder{visibility:hidden;pointer-events:none}sd-date-range-picker-calendar .sd-date-range-picker-calendar__week{display:grid;grid-template-columns:repeat(7, var(--calendar-day-size))}sd-date-range-picker-calendar .sd-date-range-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-range-picker-calendar .sd-date-range-picker-calendar__grid{display:grid;grid-template-columns:repeat(7, var(--calendar-day-size));row-gap:var(--calendar-grid-row-gap)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__day{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--calendar-day-size);height:var(--range-height);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-range-picker-calendar .sd-date-range-picker-calendar__day-circle{position:relative;z-index:1;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-range-picker-calendar .sd-date-range-picker-calendar__day:not(:disabled):hover .sd-date-range-picker-calendar__day-circle{border-radius:16px;border:1px solid var(--calendar-day-hover-border)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__day--today .sd-date-range-picker-calendar__day-circle{font-weight:700}sd-date-range-picker-calendar .sd-date-range-picker-calendar__day--in-range{background:var(--range-bg)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__day--range-start{background:linear-gradient(to right, transparent 50%, var(--range-bg) 50%)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__day--range-end{background:var(--range-bg)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__day--range-startsd-date-range-picker-calendar .sd-date-range-picker-calendar__day--range-end{background:transparent}sd-date-range-picker-calendar .sd-date-range-picker-calendar__day--selected .sd-date-range-picker-calendar__day-circle{border-radius:16px;background:var(--calendar-day-select-bg);color:var(--calendar-day-select-text)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__day--selected:not(:disabled):hover .sd-date-range-picker-calendar__day-circle{background:var(--calendar-day-select-bg);color:var(--calendar-day-select-text)}sd-date-range-picker-calendar .sd-date-range-picker-calendar__day--disabled{color:var(--calendar-day-disabled-text);cursor:not-allowed}sd-date-range-picker-calendar .sd-date-range-picker-calendar__day--disabled:not(.sd-date-range-picker-calendar__day--in-range):not(.sd-date-range-picker-calendar__day--range-start):not(.sd-date-range-picker-calendar__day--range-end){background:none}sd-date-range-picker-calendar .sd-date-range-picker-calendar__day--empty{visibility:hidden;pointer-events:none;background:transparent}"}},[512,"sd-date-range-picker-calendar",{value:[16],selectable:[16],maxRange:[2,"max-range"],currentYear:[32],currentMonth:[32],pendingStart:[32],hoverDate:[32],displayValue:[32]},void 0,{value:[{handleValueChange:0}]}]);function u(){"undefined"!=typeof customElements&&["sd-date-range-picker-calendar","sd-ghost-button","sd-icon"].forEach((e=>{switch(e){case"sd-date-range-picker-calendar":customElements.get(t(e))||customElements.define(t(e),_);break;case"sd-ghost-button":customElements.get(t(e))||o();break;case"sd-icon":customElements.get(t(e))||h()}}))}export{_ as S,u as d}

package/dist/components/p-B6JOxZKP.js

@@ -1 +0,0 @@
-import{p as e,H as a,c as d,h as n,t as r}from"./p-pwNG5WaX.js";import{u as t,t as l,W as s,C as c}from"./p-DnW8EAqd.js";import{d as i}from"./p-DhtKHJ7-.js";import{d as o}from"./p-DQj-S8AC.js";const h=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.update=d(this,"sdUpdate",7),this.viewChange=d(this,"sdViewChange",7)}value=null;selectable;events;elevated=!1;currentYear;currentMonth;update;viewChange;dateUtil=t();_eventMapCache;get eventMap(){const e=this._eventMapCache;if(e&&e.src===this.events)return e.map;const a=new Map;return(this.events??[]).forEach((e=>e.dates.forEach((d=>{const n=a.get(d)??[];n.push({color:e.color,label:e.label}),a.set(d,n)})))),this._eventMapCache={src:this.events,map:a},a}get legendItems(){const e=new Set,a=[];return(this.events??[]).forEach((d=>{const n=`${d.color}|${d.label}`;e.has(n)||(e.add(n),a.push({color:d.color,label:d.label}))})),a}componentWillLoad(){this.syncViewFromValue()}handleValueChange(){this.syncViewFromValue()}syncViewFromValue(){const e=this.value||l,[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(),n=new Date(e,a,0).getDate(),r=1===a?12:a-1,t=1===a?e-1:e,l=new Date(t,r,0).getDate(),s=12===a?1:a+1,c=12===a?e+1:e,i=[];for(let e=d-1;e>=0;e--){const a=l-e;i.push({date:this.formatDate(t,r,a),day:a,inCurrentMonth:!1})}for(let d=1;d<=n;d++)i.push({date:this.formatDate(e,a,d),day:d,inCurrentMonth:!0});const o=(7-i.length%7)%7;for(let e=1;e<=o;e++)i.push({date:this.formatDate(c,s,e),day:e,inCurrentMonth:!1});return i}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.value=e.date,this.update.emit(e.date))}render(){const e={"--calendar-bg":c.bg,"--calendar-padding":`${c.paddingXY}px`,"--calendar-gap":`${c.gap}px`,"--calendar-radius":`${c.radius}px`,"--calendar-header-gap":`${c.header.gap}px`,"--calendar-header-divider":c.header.divider,"--calendar-header-font-size":`${c.header.fontSize}px`,"--calendar-header-line-height":`${c.header.lineHeight}px`,"--calendar-header-font-weight":c.header.fontWeight,"--calendar-week-font-size":`${c.week.fontSize}px`,"--calendar-week-line-height":`${c.week.lineHeight}px`,"--calendar-week-font-weight":c.week.fontWeight,"--calendar-week-color":c.week.color,"--calendar-grid-row-gap":`${c.grid.rowGap}px`,"--calendar-day-size":`${c.day.size}px`,"--calendar-day-circle-size":`${c.day.circleSize}px`,"--calendar-day-circle-radius":`${c.day.circleRadius}px`,"--calendar-day-text":c.day.defaultText,"--calendar-day-hover-text":c.day.hoverText,"--calendar-day-hover-border":c.day.hoverBorder,"--calendar-day-select-bg":c.day.selectBg,"--calendar-day-select-text":c.day.selectText,"--calendar-day-disabled-text":c.day.disabledText,"--calendar-day-font-size":`${c.day.fontSize}px`,"--calendar-day-line-height":`${c.day.lineHeight}px`,"--calendar-day-font-weight":c.day.fontWeight,"--calendar-day-bold-font-weight":c.day.boldFontWeight,"--calendar-day-dot-size":`${c.day.dot.size}px`,"--calendar-day-dot-gap":`${c.day.dot.gap}px`,"--calendar-day-dot-padding-y":`${c.day.dot.paddingY}px`,"--calendar-legend-font-size":`${c.legend.fontSize}px`,"--calendar-legend-line-height":`${c.legend.lineHeight}px`,"--calendar-legend-font-weight":c.legend.fontWeight,"--calendar-legend-gap":`${c.legend.gap}px`,"--calendar-legend-group-gap":`${c.legend.groupGap}px`},a=this.eventMap,d=this.legendItems,r=(this.events?.length??0)>0;return n("div",{key:"d85abe861103677565ff172def182761255eee97",class:{"sd-calendar":!0,"sd-calendar--elevated":this.elevated},style:e},n("div",{key:"2d087beb6f61c1545c61c040d7266eb809c59c56",class:"sd-calendar__header"},n("div",{key:"90b85428cd8f22aac7f0d8915a0fb0fc1ba0fd0f",class:"sd-calendar__nav-group"},n("sd-ghost-button",{key:"6a5b6c35489eeeae6d2fca4a96a77755b5d48c5a",ariaLabel:"prevYear",size:"xxs",icon:"chevronLeft",onClick:this.goPrevYear}),n("span",{key:"b00bab4993fb6f57bf1c6e8fd02243b8cbab8007",class:"sd-calendar__label"},this.currentYear),n("sd-ghost-button",{key:"1ed1ea634a311b429c6e2053c22e1d043d34aa82",ariaLabel:"nextYear",size:"xxs",icon:"chevronRight",onClick:this.goNextYear})),n("span",{key:"1d471e12d7e5a48998b33ef6c3b7208c2fff1796",class:"sd-calendar__divider","aria-hidden":"true"}),n("div",{key:"07e70fb3696cfe6bcf2253c0ead87fead96ad04e",class:"sd-calendar__nav-group sd-calendar__nav-group-month"},n("sd-ghost-button",{key:"c8401e8f8a1018eec46d9ee9857e8aa64235fff5",ariaLabel:"prevMonth",size:"xxs",icon:"chevronLeft",onClick:this.goPrevMonth}),n("span",{key:"3ceaa4a07a45eb16c43ed70e953f4540c2554ae9",class:"sd-calendar__label sd-calendar__label-month"},this.currentMonth,"월"),n("sd-ghost-button",{key:"6dd7c2c29159e549e2294141726b39c0ad559634",ariaLabel:"nextMonth",size:"xxs",icon:"chevronRight",onClick:this.goNextMonth}))),n("div",{key:"623928bc8970c2746f3d924a4ae36149ce7d21f7",class:"sd-calendar__week"},s.map((e=>n("span",{key:e,class:"sd-calendar__week-cell"},e)))),n("div",{key:"5ab1f7042906eb7542f4effa35c0c9992ded34dc",class:"sd-calendar__grid"},this.cells.map((e=>{const d=e.inCurrentMonth&&""!==this.value&&this.value===e.date,t=e.inCurrentMonth&&l===e.date,s=e.inCurrentMonth&&this.isDisabled(e.date),c=e.inCurrentMonth?a.get(e.date):void 0;return n("button",{type:"button",key:e.date,class:{"sd-calendar__day":!0,"sd-calendar__day--empty":!e.inCurrentMonth,"sd-calendar__day--today":t,"sd-calendar__day--selected":d,"sd-calendar__day--disabled":s},disabled:!e.inCurrentMonth||s,tabindex:e.inCurrentMonth?void 0:-1,"aria-hidden":e.inCurrentMonth?void 0:"true",onClick:()=>e.inCurrentMonth&&this.handleDayClick(e)},n("span",{class:"sd-calendar__day-circle"},e.inCurrentMonth?e.day:""),r&&n("span",{class:"sd-calendar__dot-row","aria-hidden":"true"},c?.map(((e,a)=>n("span",{key:`${e.color}|${e.label}|${a}`,class:"sd-calendar__dot",style:{backgroundColor:e.color}})))))}))),d.length>0&&[n("span",{key:"9d3f938ca0ac1d48ec6189a6b9f7598c06dbaf13",class:"sd-calendar__divider-bottom","aria-hidden":"true"}),n("div",{key:"1b5a55959212257085707478d7d0a358dc355403",class:"sd-calendar__legend"},d.map((e=>n("span",{key:`${e.color}|${e.label}`,class:"sd-calendar__legend-item"},n("span",{class:"sd-calendar__legend-dot",style:{backgroundColor:e.color},"aria-hidden":"true"}),n("span",{class:"sd-calendar__legend-label"},e.label)))))])}static get watchers(){return{value:[{handleValueChange:0}]}}static get style(){return"sd-calendar{display:block}sd-calendar .sd-calendar{display:flex;flex-direction:column;gap:var(--calendar-gap);width:328px;min-height:328px;padding:var(--calendar-padding);background:var(--calendar-bg);border-radius:var(--calendar-radius);user-select:none}sd-calendar .sd-calendar--elevated{box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.2)}sd-calendar .sd-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-calendar .sd-calendar__nav-group{display:inline-flex;align-items:center;gap:var(--calendar-gap)}sd-calendar .sd-calendar__nav-group-month{width:100%}sd-calendar .sd-calendar__label{display:inline-flex;align-items:center;justify-content:center;min-width:40px;text-align:center}sd-calendar .sd-calendar__label-month{width:100%}sd-calendar .sd-calendar__divider{display:inline-block;width:1px;height:16px;background:var(--calendar-header-divider)}sd-calendar .sd-calendar__week{display:grid;grid-template-columns:repeat(7, var(--calendar-day-size))}sd-calendar .sd-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-calendar .sd-calendar__grid{display:grid;grid-template-columns:repeat(7, var(--calendar-day-size));row-gap:var(--calendar-grid-row-gap)}sd-calendar .sd-calendar__day{display:inline-flex;flex-direction:column;align-items:center;justify-content:flex-start;width:var(--calendar-day-size);min-height:var(--calendar-day-circle-size);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-calendar .sd-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-calendar .sd-calendar__day:not(:disabled):hover .sd-calendar__day-circle{border-radius:16px;border:1px solid var(--calendar-day-hover-border)}sd-calendar .sd-calendar__day--today .sd-calendar__day-circle{font-weight:700}sd-calendar .sd-calendar__day--selected .sd-calendar__day-circle{border-radius:16px;background:var(--calendar-day-select-bg);color:var(--calendar-day-select-text)}sd-calendar .sd-calendar__day--selected:not(:disabled):hover .sd-calendar__day-circle{background:var(--calendar-day-select-bg);color:var(--calendar-day-select-text)}sd-calendar .sd-calendar__day--disabled{color:var(--calendar-day-disabled-text);background:none !important;cursor:not-allowed}sd-calendar .sd-calendar__day--empty{visibility:hidden;pointer-events:none}sd-calendar .sd-calendar__dot-row{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--calendar-day-dot-gap);box-sizing:border-box;width:100%;min-height:14px;padding-top:var(--calendar-day-dot-padding-y);padding-bottom:var(--calendar-day-dot-padding-y)}sd-calendar .sd-calendar__dot{display:inline-block;width:var(--calendar-day-dot-size);height:var(--calendar-day-dot-size);border-radius:50%}sd-calendar .sd-calendar__divider-bottom{display:block;width:100%;height:1px;background:var(--calendar-header-divider)}sd-calendar .sd-calendar__legend{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;column-gap:var(--calendar-legend-group-gap);row-gap:4px;font-size:var(--calendar-legend-font-size);line-height:var(--calendar-legend-line-height);font-weight:var(--calendar-legend-font-weight);color:var(--calendar-day-text)}sd-calendar .sd-calendar__legend-item{display:inline-flex;align-items:center;gap:var(--calendar-legend-gap)}sd-calendar .sd-calendar__legend-dot{display:inline-block;width:var(--calendar-day-dot-size);height:var(--calendar-day-dot-size);border-radius:50%;flex-shrink:0}sd-calendar .sd-calendar__legend-label{display:inline-block}"}},[512,"sd-calendar",{value:[1025],selectable:[16],events:[16],elevated:[4],currentYear:[32],currentMonth:[32]},void 0,{value:[{handleValueChange:0}]}]);function g(){"undefined"!=typeof customElements&&["sd-calendar","sd-ghost-button","sd-icon"].forEach((e=>{switch(e){case"sd-calendar":customElements.get(r(e))||customElements.define(r(e),h);break;case"sd-ghost-button":customElements.get(r(e))||i();break;case"sd-icon":customElements.get(r(e))||o()}}))}export{h as S,g as d}

package/dist/components/p-B6L3bPm2.js

@@ -1 +0,0 @@
-import{p as t,H as n,c as o,h as s,t as d}from"./p-pwNG5WaX.js";import{I as b,d as i}from"./p-DQj-S8AC.js";import{i as e,g as a,B as u,e as r,d as h,a as l,P as c,c as p}from"./p-CvfW21oo.js";const g=t=>null!=t&&t in b,v=t(class extends n{constructor(t){super(),!1!==t&&this.__registerHost(),this.click=o(this,"sdClick",7)}name="primary_sm";label="";icon;rightIcon;ariaLabel="";disabled=!1;type="button";click;hasWarnedMissingAriaLabel=!1;handleClick=t=>{this.disabled?t.preventDefault():this.click.emit(t)};get resolvedName(){const t=this.name||"primary_sm";if(!e(t))throw new Error(`Invalid sd-button name: "${t}"`);return t}get resolvedConfig(){const t=this.resolvedName;return{config:u[t],preset:a(t)}}getButtonClasses(t,n,o,s){const d=["sd-button",`sd-button--${t}`,`sd-button--${n}`];return this.disabled&&d.push("sd-button--disabled"),s&&d.push("sd-button--icon-only"),o&&d.push("sd-button--has-label"),d.join(" ")}componentWillRender(){this.warnIfMissingAriaLabel()}warnIfMissingAriaLabel(){""===this.label&&(g(this.icon)||g(this.rightIcon))&&""===this.ariaLabel.trim()?this.hasWarnedMissingAriaLabel||(console.warn(`[sd-button] icon-only buttons require \`ariaLabel\`. Received name="${this.name}" icon="${this.icon??this.rightIcon}".`),this.hasWarnedMissingAriaLabel=!0):this.hasWarnedMissingAriaLabel=!1}render(){const{config:t,preset:n}=this.resolvedConfig,o=Boolean(this.label),d=g(this.icon)?this.icon:void 0,b=g(this.rightIcon)?this.rightIcon:void 0,i=!o&&Boolean(d)!==Boolean(b),e=i&&""!==this.ariaLabel.trim()?this.ariaLabel:void 0;return s("button",{key:"a234c7f16473512ada9eb1e06bf64f77c399cbfc",class:this.getButtonClasses(n,t.size,o,i),type:this.type??"button",disabled:this.disabled,"aria-label":e,style:{"--sd-button-bg":t.color,"--sd-button-bg-hover":p[n],"--sd-button-border":c[n],"--sd-button-content":l[n],"--sd-button-accent":h},onClick:this.handleClick},s("span",{key:"f7b9352e23e52ff28380e06deb25e777a5432800",class:"sd-button__content"},d&&s("sd-icon",{key:"07327cab83e95c69cf8739be2eb08cdd8272393d",class:"sd-button__icon",name:d,size:r[t.size],color:"var(--sd-button-current-icon)"}),this.label&&s("span",{key:"4274f4b275c3ac9f3f09d4a6c1bf75d2d5f650ee",class:"sd-button__label"},this.label),b&&s("sd-icon",{key:"ba796a53ba1cb389db209d91c224b04381445b25",class:"sd-button__icon sd-button__icon--right",name:b,size:r[t.size],color:"var(--sd-button-current-icon)"})))}static get style(){return"sd-button{display:inline-flex;width:fit-content;height:fit-content}.sd-button{--sd-button-height:36px;--sd-button-padding-x:20px;--sd-button-gap:8px;--sd-button-font-family:inherit;--sd-button-font-size:16px;--sd-button-font-weight:500;--sd-button-text-decoration:none;--sd-button-label-min-width:auto;--sd-button-icon-only-size:var(--sd-button-height);--sd-button-bg:#025497;--sd-button-bg-hover:#004177;--sd-button-border:transparent;--sd-button-content:#FFFFFF;--sd-button-current-content:var(--sd-button-content);--sd-button-current-icon:var(--sd-button-content);display:inline-flex;align-items:center;justify-content:center;min-height:var(--sd-button-height);min-width:var(--sd-button-min-width, auto);padding:0 var(--sd-button-padding-x);border:var(--sd-button-button-border-width-default, 1px) solid var(--sd-button-border);border-radius:var(--sd-button-button-radius-sm, 4px);background:var(--sd-button-bg);color:var(--sd-button-current-content);cursor:pointer;box-sizing:border-box;font-family:var(--sd-button-font-family);font-size:var(--sd-button-font-size);font-weight:var(--sd-button-font-weight);line-height:1;text-decoration:var(--sd-button-text-decoration);transition:background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;white-space:nowrap;-webkit-user-select:none;user-select:none}.sd-button:hover:not(.sd-button--disabled){background:var(--sd-button-bg-hover)}.sd-button:focus-visible{outline:0;box-shadow:0 0 0 2px var(--sd-button-accent)}.sd-button--xs{--sd-button-height:var(--sd-button-button-xs-height, 24px);--sd-button-padding-x:var(--sd-button-button-xs-padding-x, 8px);--sd-button-gap:var(--sd-button-button-xs-gap, 4px);--sd-button-font-family:var(--sd-button-button-xs-typography-font-family, inherit);--sd-button-font-size:var(--sd-button-button-xs-typography-font-size, 12px);--sd-button-font-weight:var(--sd-button-button-xs-typography-font-weight, 500);--sd-button-text-decoration:var(--sd-button-button-xs-typography-text-decoration, none);--sd-button-label-min-width:var(--sd-button-label-xs-min-width, 36px);--sd-button-icon-only-size:var(--sd-button-button-icon-only-xs-width, var(--sd-button-height))}.sd-button--sm{--sd-button-height:var(--sd-button-button-sm-height, 28px);--sd-button-padding-x:var(--sd-button-button-sm-padding-x, 12px);--sd-button-gap:var(--sd-button-button-sm-gap, 6px);--sd-button-font-family:var(--sd-button-button-sm-typography-font-family, inherit);--sd-button-font-size:var(--sd-button-button-sm-typography-font-size, 12px);--sd-button-font-weight:var(--sd-button-button-sm-typography-font-weight, 500);--sd-button-text-decoration:var(--sd-button-button-sm-typography-text-decoration, none);--sd-button-label-min-width:var(--sd-button-label-sm-min-width, 70px);--sd-button-icon-only-size:var(--sd-button-button-icon-only-sm-width, var(--sd-button-height))}.sd-button--md{--sd-button-height:var(--sd-button-button-md-height, 36px);--sd-button-padding-x:var(--sd-button-button-md-padding-x, 20px);--sd-button-gap:var(--sd-button-button-md-gap, 8px);--sd-button-font-family:var(--sd-button-button-md-typography-font-family, inherit);--sd-button-font-size:var(--sd-button-button-md-typography-font-size, 16px);--sd-button-font-weight:var(--sd-button-button-md-typography-font-weight, 500);--sd-button-text-decoration:var(--sd-button-button-md-typography-text-decoration, none);--sd-button-label-min-width:var(--sd-button-label-md-min-width, 100px);--sd-button-icon-only-size:var(--sd-button-button-icon-only-md-width, var(--sd-button-height));border-radius:var(--sd-button-button-radius-md, 6px)}.sd-button--lg{--sd-button-height:var(--sd-button-button-lg-height, 62px);--sd-button-padding-x:var(--sd-button-button-lg-padding-x, 28px);--sd-button-gap:var(--sd-button-button-lg-gap, 12px);--sd-button-font-family:var(--sd-button-button-lg-typography-font-family, inherit);--sd-button-font-size:var(--sd-button-button-lg-typography-font-size, 18px);--sd-button-font-weight:var(--sd-button-button-lg-typography-font-weight, 500);--sd-button-text-decoration:var(--sd-button-button-lg-typography-text-decoration, none);--sd-button-label-min-width:var(--sd-button-label-lg-min-width, 120px);--sd-button-icon-only-size:var(--sd-button-button-icon-only-lg-width, var(--sd-button-height));border-radius:var(--sd-button-button-radius-md, 6px)}.sd-button--has-label{--sd-button-min-width:var(--sd-button-label-min-width, auto)}.sd-button--icon-only{width:var(--sd-button-icon-only-size, var(--sd-button-height));min-width:var(--sd-button-icon-only-size, var(--sd-button-height));height:var(--sd-button-icon-only-size, var(--sd-button-height));padding:0}.sd-button--icon-only .sd-button__content{gap:0}.sd-button--disabled{border-color:var(--sd-button-button-border-disabled, #CCCCCC);background:var(--sd-button-button-bg-disabled, #E1E1E1);--sd-button-current-content:var(--sd-button-button-text-disabled, #888888);--sd-button-current-icon:var(--sd-button-button-icon-disabled, #BBBBBB);cursor:not-allowed}.sd-button .sd-button__content{display:inline-flex;align-items:center;justify-content:center;gap:var(--sd-button-gap)}.sd-button .sd-button__label{font:inherit}"}},[512,"sd-button",{name:[1],label:[1],icon:[1],rightIcon:[1,"right-icon"],ariaLabel:[1,"aria-label"],disabled:[4],type:[1]}]);function f(){"undefined"!=typeof customElements&&["sd-button","sd-icon"].forEach((t=>{switch(t){case"sd-button":customElements.get(d(t))||customElements.define(d(t),v);break;case"sd-icon":customElements.get(d(t))||i()}}))}export{v as S,f as d}

package/dist/components/p-BQn6le_Y.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"}},dot:{size:"6",gap:"2",paddingY:"4"}},range:{bg:"#D9EAFF",height:"32",panelGap:"24",divider:"#E1E1E1"},legend:{typography:{fontWeight:"400",fontSize:"11",lineHeight:"18"},gap:"4",group:{gap:"12"}}}}};export{e as d}

package/dist/components/p-Bhh7ig9Q.js

@@ -1 +0,0 @@
-import{p as t,H as e,c as i,h as s,t as n}from"./p-pwNG5WaX.js";import{n as r}from"./p-CCwNgVmC.js";import{d}from"./p-B6L3bPm2.js";import{d as u}from"./p-DmDGMDzt.js";import{d as a}from"./p-CwQTEZWO.js";import{d as o}from"./p-DQj-S8AC.js";import{d as l}from"./p-D6cUtm8p.js";var p={numberInput:{sm:{height:"28",paddingX:"6",radius:"4",typography:{fontWeight:"400",fontSize:"12",lineHeight:"20"}},md:{height:"36",paddingX:"8",radius:"6",typography:{fontWeight:"400",fontSize:"14",lineHeight:"24"}},contents:{gap:"4"},border:{default:"#AAAAAA",focus:"#0075FF",danger:"#FB4444"},bg:{default:"#FFFFFF"},text:{default:"#222222",placeholder:"#AAAAAA",disabled:"#888888"},hint:{color:"#555555",typography:{fontSize:"12",lineHeight:"20"}},errorMessage:{color:"#E30000",typography:{fontSize:"12",lineHeight:"20"}},stepper:{sm:{size:"20"},md:{size:"24"},radius:"4",bg:{default:"#EFF6FF",disabled:"#EEEEEE"},icon:{default:"#0075FF",disabled:"#BBBBBB"}}}};const h=p.numberInput.sm,c=p.numberInput.md,b={sm:{height:h.height,paddingX:h.paddingX,radius:h.radius,fontSize:h.typography.fontSize,lineHeight:h.typography.lineHeight,fontWeight:h.typography.fontWeight},md:{height:c.height,paddingX:c.paddingX,radius:c.radius,fontSize:c.typography.fontSize,lineHeight:c.typography.lineHeight,fontWeight:c.typography.fontWeight}},m={border:p.numberInput.border,bg:p.numberInput.bg,text:p.numberInput.text},f={sm:{size:p.numberInput.stepper.sm.size},md:{size:p.numberInput.stepper.md.size},radius:p.numberInput.stepper.radius,bg:p.numberInput.stepper.bg,icon:p.numberInput.stepper.icon},g=p.numberInput.hint,y=p.numberInput.errorMessage,_=p.numberInput.contents.gap,x=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.update=i(this,"sdUpdate",7),this.focus=i(this,"sdFocus",7),this.blur=i(this,"sdBlur",7)}get el(){return this}size="sm";min=Number.NEGATIVE_INFINITY;max=Number.POSITIVE_INFINITY;step=1;useButton=!1;useDecimal=!1;value=null;label;labelWidth="";icon=void 0;labelTooltip="";labelTooltipProps=null;addonLabel="";addonAlign="start";placeholder="입력해 주세요.";disabled=!1;width;rules=[];autoFocus=!1;status;hint="";errorMessage="";inputPrefix="";inputSuffix="";inputClass="";readonly=!1;inputStyle={};error=!1;focused=!1;hovered=!1;internalValue=null;displayValue="";nativeEl=void 0;formField;name=r();update;focus;blur;toNumber(t){if(null==t||""===t)return null;if("number"==typeof t)return isNaN(t)?null:t;if("string"==typeof t)return this.parseInput(t);const e=Number(t);return isNaN(e)?null:e}formatWithCommas(t){if(null==t||isNaN(t))return"";const e=t<0,i=Math.abs(t),[s,n]=i.toString().split("."),r=(+s).toLocaleString(),d=e?"-"+r:r;return void 0!==n&&""!==n?d+"."+n:String(d)}parseInput(t){if(""===t.trim())return null;const e=t.replace(/,/g,"").trim();if(!/^-?(\d+\.?\d*|\d*\.\d+)$/.test(e))return null;const i=parseFloat(e);return isNaN(i)||!this.useDecimal&&e.includes(".")?null:i}clampMinMax(t){return isNaN(t)?0:Math.min(Math.max(t,this.min),this.max)}updateDisplay(){this.displayValue=this.formatWithCommas(this.internalValue)}isIncrementDisabled(){return!(!this.disabled&&!this.readonly)||null!==this.internalValue&&this.internalValue>=this.max}isDecrementDisabled(){return!(!this.disabled&&!this.readonly)||null!==this.internalValue&&this.internalValue<=this.min}valueChanged(t){const e=this.toNumber(t);this.internalValue=null!==e?this.clampMinMax(e):null,this.updateDisplay()}internalValueChanged(t){this.updateDisplay(),t!==this.value&&(this.value=t,this.update?.emit(t))}async sdValidate(){this.formField?.sdValidate()}async sdReset(){this.formField?.sdReset()}async sdResetValidate(){this.formField?.sdResetValidation()}async sdFocus(){this.formField?.sdFocus()}async sdGetNativeElement(){return this.nativeEl||null}componentWillLoad(){const t=this.toNumber(this.value);null!==t&&(this.internalValue=this.clampMinMax(t)),this.updateDisplay()}componentDidLoad(){this.autoFocus&&this.nativeEl?.focus()}handleInput=t=>{const e=t.target,i=e.value;if(""===i)return this.internalValue=null,void(this.displayValue="");const s=i.replace(/,/g,""),n=(s.match(/\./g)||[]).length;if(n>1)return void(e.value=this.displayValue);if("-"===s||"."===s||"-."===s)return void(e.value=s);if(s.endsWith(".")&&1===n){const t=s.slice(0,-1),i=this.parseInput(t);if(null!==i){const t=this.formatWithCommas(i);return void(e.value=t+".")}}const r=this.parseInput(s);if(null!==r){if(r<this.min)return void(e.value=this.displayValue);if(r>this.max)return void(e.value=this.displayValue);this.internalValue=r,this.displayValue=this.formatWithCommas(r),e.value=this.displayValue}else e.value=this.displayValue};handleFocus=t=>{this.focused=!0,this.focus?.emit(t)};handleBlur=async t=>{this.updateDisplay(),this.nativeEl&&(this.nativeEl.value=this.displayValue),this.rules&&this.rules.length>0&&await(this.formField?.sdValidate()),this.focused=!1,this.blur?.emit(t)};handleKeyDown=t=>{"ArrowUp"===t.key?(t.preventDefault(),this.handleIncrement()):"ArrowDown"===t.key&&(t.preventDefault(),this.handleDecrement())};handleIncrement=()=>{if(this.isIncrementDisabled())return;const t=this.internalValue??this.min??0;let e=t+this.step;e>this.max&&(e=this.max),e!==t&&(this.internalValue=e)};handleDecrement=()=>{if(this.isDecrementDisabled())return;const t=this.internalValue??this.min??0;let e=t-this.step;e<this.min&&(e=this.min),e!==t&&(this.internalValue=e)};render(){const t=b[this.size]??b.sm,e="md"===this.size?14:12;return s("sd-field",{key:"36525cd069e57fc9177e25065381f722d1afa66e",name:this.name,label:this.label,labelWidth:this.labelWidth,addonLabel:this.addonLabel,addonAlign:this.addonAlign,hint:this.hint,errorMessage:this.errorMessage,width:this.width,rules:this.rules,error:this.error,disabled:this.disabled,readonly:this.readonly,focused:this.focused,hovered:this.hovered,status:this.status,size:this.size,icon:this.icon,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:t=>this.formField=t,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1,style:{"--sd-number-input-font-size":`${t.fontSize}px`,"--sd-number-input-line-height":`${t.lineHeight}px`,"--sd-number-input-font-weight":t.fontWeight,"--sd-number-input-padding-x":`${t.paddingX}px`,"--sd-number-input-text-color":m.text.default,"--sd-number-input-placeholder-color":m.text.placeholder,"--sd-number-input-disabled-color":m.text.disabled,"--sd-number-input-stepper-size":`${f[this.size]?.size??f.sm.size}px`,"--sd-number-input-stepper-radius":`${f.radius}px`,"--sd-number-input-stepper-bg":f.bg.default,"--sd-number-input-stepper-bg-disabled":f.bg.disabled,"--sd-number-input-stepper-icon-color":f.icon.default,"--sd-number-input-stepper-icon-disabled":f.icon.disabled,"--sd-system-size-field-sm-height":`${t.height}px`,"--sd-system-radius-field-sm":`${t.radius}px`,"--sd-system-color-field-border-default":m.border.default,"--sd-system-color-field-border-focus":m.border.focus,"--sd-system-color-field-border-danger":m.border.danger,"--sd-system-color-field-bg-default":m.bg.default,"--sd-textinput-input-text-error-message":y.color,"--sd-textinput-input-error-message-typography-font-size":`${y.typography.fontSize}px`,"--sd-textinput-input-error-message-typography-line-height":`${y.typography.lineHeight}px`,"--sd-textinput-input-text-hint":g.color,"--sd-textinput-input-hint-typography-font-size":`${g.typography.fontSize}px`,"--sd-textinput-input-hint-typography-line-height":`${g.typography.lineHeight}px`,"--sd-textinput-input-contents-gap":`${_}px`}},s("div",{key:"47e0981ffcd5dd5182fa5586fda0014be865da9e",class:{"sd-number-input__content":!0,"sd-number-input__content--no-stepper":!this.useButton}},this.useButton&&s("button",{key:"7f5afc1ded2c889ccf7d689f4ee058cb171571d9",type:"button",class:"sd-number-input__stepper sd-number-input__stepper--decrement",disabled:this.isDecrementDisabled(),onClick:this.handleDecrement,tabindex:-1},s("sd-icon",{key:"fd980fd4e568feaaebb19621ca837201bea519dd",name:"minus",size:e,color:this.isDecrementDisabled()?f.icon.disabled:f.icon.default})),this.inputPrefix&&s("span",{key:"2af6450d437cc765697e0bb4c8a0fcb58a9abd2f",class:"sd-number-input__prefix"},this.inputPrefix),s("input",{key:"21396363bd0e08f1639cd5a56b0bb7d5c9acd6c1",name:this.name,ref:t=>this.nativeEl=t,class:`sd-number-input__native ${this.inputClass}`,type:"text",inputMode:"numeric",value:this.displayValue,placeholder:this.placeholder??"입력해 주세요.",disabled:this.disabled,readonly:this.readonly,autofocus:this.autoFocus,onInput:this.handleInput,onKeyDown:this.handleKeyDown,onFocus:this.handleFocus,onBlur:this.handleBlur,style:{textAlign:this.useButton?"center":"right",...this.inputStyle}}),this.inputSuffix&&s("span",{key:"d3cd84cd41e0161cfe0b13ed44b412991e498a92",class:"sd-number-input__suffix"},this.inputSuffix),this.useButton&&s("button",{key:"0a1fdf262b953ce79515ab9771d3177560e11eed",type:"button",class:"sd-number-input__stepper sd-number-input__stepper--increment",disabled:this.isIncrementDisabled(),onClick:this.handleIncrement,tabindex:-1},s("sd-icon",{key:"5ffd93512d528309a9051d01f59bb31f1b1f9bb8",name:"add",size:e,color:this.isIncrementDisabled()?f.icon.disabled:f.icon.default}))))}static get watchers(){return{value:[{valueChanged:0}],internalValue:[{internalValueChanged:0}]}}static get style(){return"sd-number-input{display:inline-flex}sd-number-input .sd-number-input__content{width:100%;height:100%;display:flex;flex-flow:row nowrap;align-items:center;gap:var(--sd-number-input-padding-x);color:var(--sd-number-input-text-color);font-size:var(--sd-number-input-font-size);line-height:var(--sd-number-input-line-height);font-weight:var(--sd-number-input-font-weight);padding:0 var(--sd-number-input-padding-x)}sd-number-input .sd-number-input__content--no-stepper{padding:0 calc(var(--sd-number-input-padding-x) * 2)}sd-number-input .sd-number-input__content .sd-number-input__native{width:100%;height:100%;min-width:0;border:none;outline:none;background:transparent;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;padding-block:0;padding-inline:0}sd-number-input .sd-number-input__content .sd-number-input__native[disabled]{cursor:not-allowed;color:var(--sd-number-input-disabled-color)}sd-number-input .sd-number-input__content .sd-number-input__native[readonly]{color:var(--sd-system-color-field-text-read-only)}sd-number-input .sd-number-input__content .sd-number-input__native::placeholder{color:var(--sd-number-input-placeholder-color)}sd-number-input .sd-number-input__content .sd-number-input__prefix,sd-number-input .sd-number-input__content .sd-number-input__suffix{flex-shrink:0;white-space:nowrap;color:var(--sd-number-input-placeholder-color);font-size:inherit;line-height:inherit}sd-number-input .sd-number-input__content .sd-number-input__stepper{flex-shrink:0;width:var(--sd-number-input-stepper-size);height:var(--sd-number-input-stepper-size);border:none;border-radius:var(--sd-number-input-stepper-radius);background-color:var(--sd-number-input-stepper-bg);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;margin:0;transition:background-color 0.15s ease}sd-number-input .sd-number-input__content .sd-number-input__stepper:hover:not(:disabled){filter:brightness(0.95)}sd-number-input .sd-number-input__content .sd-number-input__stepper:disabled{background-color:var(--sd-number-input-stepper-bg-disabled);cursor:not-allowed}"}},[512,"sd-number-input",{size:[1],min:[2],max:[2],step:[2],useButton:[4,"use-button"],useDecimal:[4,"use-decimal"],value:[1032],label:[1],labelWidth:[8,"label-width"],icon:[16],labelTooltip:[1,"label-tooltip"],labelTooltipProps:[16],addonLabel:[1,"addon-label"],addonAlign:[1,"addon-align"],placeholder:[1],disabled:[4],width:[8],rules:[16],autoFocus:[4,"auto-focus"],status:[1],hint:[1],errorMessage:[1,"error-message"],inputPrefix:[1,"input-prefix"],inputSuffix:[1,"input-suffix"],inputClass:[1,"input-class"],readonly:[4],inputStyle:[16],error:[1028],focused:[1028],hovered:[1028],name:[1],internalValue:[32],displayValue:[32],sdValidate:[64],sdReset:[64],sdResetValidate:[64],sdFocus:[64],sdGetNativeElement:[64]},void 0,{value:[{valueChanged:0}],internalValue:[{internalValueChanged:0}]}]);function v(){"undefined"!=typeof customElements&&["sd-number-input","sd-button","sd-field","sd-floating-portal","sd-icon","sd-tooltip"].forEach((t=>{switch(t){case"sd-number-input":customElements.get(n(t))||customElements.define(n(t),x);break;case"sd-button":customElements.get(n(t))||d();break;case"sd-field":customElements.get(n(t))||u();break;case"sd-floating-portal":customElements.get(n(t))||a();break;case"sd-icon":customElements.get(n(t))||o();break;case"sd-tooltip":customElements.get(n(t))||l()}}))}export{x as S,v as d}

package/dist/components/p-C4uWhzoG.js

@@ -1 +0,0 @@
-var e={default:"#888888",disabled:"#BBBBBB"},t={fontWeight:"400",fontSize:"12",lineHeight:"20"},d={default:"#222222",disabled:"#888888"},i={depth1:"12",depth2:"20",depth3:"28"},a={default:{fontWeight:"400",fontSize:"12",lineHeight:"20"},selected:{fontWeight:"700"}},n={default:"#FFFFFF",hover:"#0075FF"},l={default:"#222222",hover:"#FFFFFF",disabled:"#888888",selected:"#0075FF"},h={bg:{default:"#EFF6FF"},border:{color:"#E1E1E1",width:"1"}};const o={paddingX:"12",gap:"8"},s={fontSize:t.fontSize,lineHeight:t.lineHeight,fontWeight:t.fontWeight},f={icon:{default:e.default,disabled:e.disabled},text:{default:d.default,disabled:d.disabled}},F={paddingY:"4",paddingRight:"12",paddingLeft:{depth1:i.depth1,depth2:i.depth2,depth3:i.depth3},gap:"8"},g={fontSize:a.default.fontSize,lineHeight:a.default.lineHeight,fontWeight:a.default.fontWeight,selectedFontWeight:a.selected.fontWeight},r={bg:{default:n.default,hover:n.hover},content:{default:l.default,hover:l.hover,disabled:l.disabled,selected:l.selected},depth1:{bg:h.bg.default,border:h.border.color,borderWidth:h.border.width},depth2:{bg:{middle:{bg:"#F6F6F6"}}.middle.bg}},c={radius:"4"},u=11,b=1e3,p="표시할 항목이 없습니다.";function W(e){return e.reduce(((e,t)=>t.children?e+W(t.children):e+1),0)}function B(e,t){const d=t.toLowerCase();return e.reduce(((e,i)=>{const a=i.label.toLowerCase().includes(d);if(i.children){const d=B(i.children,t);d.length>0?e.push({...i,children:d}):a&&e.push({...i,children:[]})}else a&&e.push({...i});return e}),[])}export{p as E,F as L,b as S,r as a,g as b,W as c,u as d,c as e,B as f,f as g,s as h,o as i}

package/dist/components/p-C8c6MuKQ.js

@@ -1 +0,0 @@
-import{p as e,H as i,c as t,h as s,t as l}from"./p-pwNG5WaX.js";import{n as r}from"./p-CCwNgVmC.js";import{d as o}from"./p-B6L3bPm2.js";import{d as a}from"./p-DMrXwfmf.js";import{d}from"./p-DmDGMDzt.js";import{d as n}from"./p-CwQTEZWO.js";import{d as c}from"./p-DhtKHJ7-.js";import{d as h}from"./p-DQj-S8AC.js";import{d as p}from"./p-D6cUtm8p.js";var f={height:"28",paddingX:"12",gap:"8",radius:"4",typography:{fontWeight:"400",fontSize:"12",lineHeight:"20"},size:{icon:"16"},text:{default:"#222222",placeholder:"#AAAAAA",disabled:"#888888"},icon:{disabled:"#BBBBBB"}};const u={height:f.height,paddingX:f.paddingX,gap:f.gap,radius:f.radius,fontSize:f.typography.fontSize,lineHeight:f.typography.lineHeight,fontWeight:f.typography.fontWeight,iconSize:f.size.icon},m={text:f.text,icon:{default:"#888888",disabled:f.icon.disabled}},k=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.update=t(this,"sdUpdate",7),this.reject=t(this,"sdReject",7)}get el(){return this}value=null;placeholder="Click to upload";disabled=!1;inline=!1;multiple=!1;accept;maxFileSize;maxTotalSize;maxFiles;name=r();label="";labelWidth="";addonLabel="";addonAlign="start";hint="";errorMessage="";width="";rules;error=!1;status;icon=void 0;labelTooltip="";labelTooltipProps=null;focused=!1;hovered=!1;internalValue=null;showTooltip=!1;fileInputRef;fileNamesRef;formField;update;reject;valueChanged(e){this.internalValue=e}componentDidLoad(){this.checkOverflow()}componentDidUpdate(){this.checkOverflow()}async sdValidate(){return this.formField?.sdValidate()??Promise.resolve(!0)}async sdReset(){const e=this.multiple?[]:null;this.value=e,this.internalValue=e,this.fileInputRef&&(this.fileInputRef.value=""),await(this.formField?.sdResetValidation())}async sdResetValidate(){await(this.formField?.sdResetValidation())}toBytes(e){if(null!=e)return"string"==typeof e?Number(e):e}validateFiles(e,i=0){const t=this.toBytes(this.maxFileSize),s=this.toBytes(this.maxTotalSize),l=null!=this.maxFiles?Number(this.maxFiles):void 0;if(null!=l&&i+e.length>l)return{accepted:[],rejected:e,reason:"max-files"};if(null!=t){const i=e.filter((e=>e.size>t));if(i.length>0)return{accepted:[],rejected:i,reason:"max-file-size"}}return null!=s&&e.reduce(((e,i)=>e+i.size),0)>s?{accepted:[],rejected:e,reason:"max-total-size"}:{accepted:e,rejected:[]}}handleFileChange=e=>{const i=e.target.files;if(!i||0===i.length)return;const t=Array.from(i);if(this.multiple){const e=Array.isArray(this.internalValue)?this.internalValue:[],{accepted:i,rejected:s,reason:l}=this.validateFiles(t,e.length);if(this.fileInputRef&&(this.fileInputRef.value=""),null!=l)return void this.reject?.emit({files:s,reason:l});const r=[...e,...i];this.internalValue=r,this.value=r,this.update?.emit(this.value)}else{const{accepted:e,rejected:i,reason:s}=this.validateFiles(t);if(null!=s)return this.reject?.emit({files:i,reason:s}),void(this.fileInputRef&&(this.fileInputRef.value=""));this.internalValue=e[0],this.value=this.internalValue,this.update?.emit(this.value)}};handleClear=e=>{if(this.disabled)return;e.stopPropagation();const i=this.multiple?[]:null;this.value=i,this.internalValue=i,this.update?.emit(i),this.fileInputRef&&(this.fileInputRef.value="")};handleClick=()=>{this.disabled||this.fileInputRef?.click()};hasFiles(){return!this.multiple&&!!this.internalValue&&(!Array.isArray(this.internalValue)||this.internalValue.length>0)}hasChips(){return Array.isArray(this.internalValue)&&this.internalValue.length>0}getDisplayText(){return this.hasFiles()&&this.internalValue?.name||(this.placeholder??"Click to upload")}handleChipRemove=e=>{if(!Array.isArray(this.internalValue))return;const i=[...this.internalValue];i.splice(e,1),this.internalValue=i,this.value=i,this.update?.emit(this.value)};renderChipList(){return this.hasChips()?s("div",{class:"sd-file-picker__chip-list"},this.internalValue.map(((e,i)=>s("sd-chip",{value:e.name,onSdRemove:()=>this.handleChipRemove(i)})))):null}checkOverflow(){this.fileNamesRef&&(this.showTooltip=this.fileNamesRef.scrollWidth>this.fileNamesRef.clientWidth)}getIconColor(){return this.disabled?m.icon.disabled:m.icon.default}render(){const e=this.hasFiles(),i=this.getDisplayText(),t={"--sd-file-picker-font-size":`${u.fontSize}px`,"--sd-file-picker-line-height":`${u.lineHeight}px`,"--sd-file-picker-font-weight":u.fontWeight,"--sd-file-picker-padding-x":`${u.paddingX}px`,"--sd-file-picker-gap":`${u.gap}px`,"--sd-file-picker-text-color":m.text.default,"--sd-file-picker-placeholder-color":m.text.placeholder,"--sd-file-picker-disabled-color":m.text.disabled,"--sd-system-size-field-sm-height":`${u.height}px`,"--sd-system-radius-field-sm":`${u.radius}px`},l=s("div",{role:"button",tabindex:this.disabled?-1:0,class:"sd-file-picker__content",onClick:this.handleClick,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.handleClick())}},s("input",{ref:e=>this.fileInputRef=e,type:"file",class:"sd-file-picker__input",disabled:this.disabled,multiple:this.multiple,accept:this.accept,onInput:this.handleFileChange,"aria-label":this.placeholder??"Click to upload"}),s("sd-icon",{name:"attachFile",size:Number(u.iconSize),color:this.getIconColor(),class:"sd-file-picker__icon"}),s("div",{ref:e=>this.fileNamesRef=e,class:{"sd-file-picker__text":!0,"sd-file-picker__text--placeholder":!e,"sd-file-picker__text--active":e}},i),!this.disabled&&e&&s("sd-ghost-button",{icon:"close",size:"xxs",ariaLabel:"clear",disabled:this.disabled,class:"sd-file-picker__clear-icon",onClick:this.handleClear}),this.showTooltip&&e&&this.hovered&&s("div",{class:"sd-file-picker__tooltip"},i));return this.inline?s("div",{class:{"sd-file-picker--inline":!0,"sd-file-picker--inline-disabled":this.disabled},style:t,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1},l,this.renderChipList()):s("div",{class:"sd-file-picker__wrapper",style:t},s("sd-field",{name:this.name,label:this.label,labelWidth:this.labelWidth,addonLabel:this.addonLabel,addonAlign:this.addonAlign,hint:this.hint,errorMessage:this.errorMessage,width:this.width,rules:this.rules,error:this.error,disabled:this.disabled,focused:this.focused,hovered:this.hovered,status:this.status,icon:this.icon,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:e=>this.formField=e,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1},l),this.renderChipList())}static get watchers(){return{value:[{valueChanged:0}]}}static get style(){return"sd-file-picker{display:flex;flex-direction:column;width:100%}.sd-file-picker__wrapper{display:flex;flex-direction:column;width:100%}.sd-file-picker__chip-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.sd-file-picker__content{width:100%;height:100%;display:flex;align-items:center;padding:0 var(--sd-file-picker-padding-x);gap:var(--sd-file-picker-gap);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;vertical-align:middle}.sd-file-picker__text{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:var(--sd-file-picker-font-weight);font-size:var(--sd-file-picker-font-size);line-height:var(--sd-file-picker-line-height);color:var(--sd-file-picker-placeholder-color)}.sd-file-picker__text--active{color:var(--sd-file-picker-text-color)}.sd-file-picker__text--placeholder{color:var(--sd-file-picker-placeholder-color)}.sd-file-picker__icon{flex-shrink:0}.sd-file-picker__clear-icon{flex-shrink:0;cursor:pointer;transition:opacity 0.2s ease}.sd-file-picker__clear-icon:hover{opacity:0.7}.sd-file-picker__input{display:none}.sd-file-picker__tooltip{position:absolute;top:calc(100% - 4px);left:50%;transform:translate(-50%);z-index:998;white-space:nowrap;padding:8px 12px;background:rgba(0, 0, 0, 0.8);color:white;font-size:12px;line-height:18px;border-radius:4px;pointer-events:none}.sd-field--disabled .sd-file-picker__content{cursor:not-allowed}.sd-field--disabled .sd-file-picker__text{color:var(--sd-file-picker-disabled-color)}.sd-file-picker--inline .sd-file-picker__content{border:none;background-color:transparent;padding:0;height:auto}.sd-file-picker--inline .sd-file-picker__text{color:var(--sd-file-picker-placeholder-color)}.sd-file-picker--inline:hover:not(.sd-file-picker--inline-disabled) .sd-file-picker__text{color:var(--sd-file-picker-text-color)}.sd-file-picker--inline .sd-file-picker__text--active{color:var(--sd-file-picker-text-color)}.sd-file-picker--inline.sd-file-picker--inline-disabled .sd-file-picker__content{cursor:not-allowed}.sd-file-picker--inline.sd-file-picker--inline-disabled .sd-file-picker__text{color:var(--sd-file-picker-disabled-color)}"}},[512,"sd-file-picker",{value:[1040],placeholder:[513],disabled:[516],inline:[516],multiple:[516],accept:[1],maxFileSize:[8,"max-file-size"],maxTotalSize:[8,"max-total-size"],maxFiles:[8,"max-files"],name:[1],label:[1],labelWidth:[8,"label-width"],addonLabel:[1,"addon-label"],addonAlign:[1,"addon-align"],hint:[1],errorMessage:[1,"error-message"],width:[8],rules:[16],error:[1028],status:[1],icon:[16],labelTooltip:[1,"label-tooltip"],labelTooltipProps:[16],focused:[1028],hovered:[1028],internalValue:[32],showTooltip:[32],sdValidate:[64],sdReset:[64],sdResetValidate:[64]},void 0,{value:[{valueChanged:0}]}]);function x(){"undefined"!=typeof customElements&&["sd-file-picker","sd-button","sd-chip","sd-field","sd-floating-portal","sd-ghost-button","sd-icon","sd-tooltip"].forEach((e=>{switch(e){case"sd-file-picker":customElements.get(l(e))||customElements.define(l(e),k);break;case"sd-button":customElements.get(l(e))||o();break;case"sd-chip":customElements.get(l(e))||a();break;case"sd-field":customElements.get(l(e))||d();break;case"sd-floating-portal":customElements.get(l(e))||n();break;case"sd-ghost-button":customElements.get(l(e))||c();break;case"sd-icon":customElements.get(l(e))||h();break;case"sd-tooltip":customElements.get(l(e))||p()}}))}export{k as S,x as d}

package/dist/components/p-CkR5oiLy.js

@@ -1 +0,0 @@
-import{p as e,H as t,c as s,h as i,t as n}from"./p-pwNG5WaX.js";import{d as l}from"./p-DQj-S8AC.js";var o={textLink:{gap:"4",size:{icon:"16"},typography:{default:{fontSize:"12",textDecoration:"none"},underline:{fontSize:"12",textDecoration:"underline"}},content:{disabled:"#888888"},icon:{default:"#006AC1",disabled:"#BBBBBB"}}};const a={gap:o.textLink.gap,iconSize:Number(o.textLink.size.icon),arrowFrame:16,arrowIconSize:12,arrowColor:"#888888"},d={default:o.textLink.typography.default,underline:o.textLink.typography.underline},c={content:o.textLink.content,icon:o.textLink.icon},r=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.click=s(this,"sdClick",7)}label="";icon="";iconColor="";labelClass="";useArrow=!1;underline=!1;disabled=!1;click;handleClick=()=>{this.disabled||this.click.emit()};render(){const e=this.underline?d.underline:d.default,t=["sd-text-link__label",this.labelClass].filter(Boolean).join(" "),s=this.disabled?c.icon.disabled:a.arrowColor,n={"--sd-text-link-gap":`${a.gap}px`,"--sd-text-link-font-size":`${e.fontSize}px`,"--sd-text-link-text-decoration":e.textDecoration,...this.disabled?{"--sd-text-link-color":c.content.disabled}:{}};return i("span",{key:"23ddcce86220acc4e6c8a585e4240ecb7baee9f8",role:"button",tabindex:this.disabled?-1:0,class:{"sd-text-link":!0,"sd-text-link--disabled":this.disabled},style:n,onClick:this.handleClick,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.handleClick())}},this.icon&&i("sd-icon",{key:"d265458a74db086efa270fd165fa5fa9855b708b",name:this.icon,size:a.iconSize,color:this.disabled?c.icon.disabled:this.iconColor||c.icon.default,class:"sd-text-link__icon"}),i("span",{key:"9cb7e5909036aea5b70496fbe5ca69ce10ab3035",class:t},this.label),this.useArrow&&i("span",{key:"5ebe27c5929095d1799d81e930b2efa8d616f5bd",class:"sd-text-link__arrow",style:{width:`${a.arrowFrame}px`,height:`${a.arrowFrame}px`,display:"inline-flex",alignItems:"center",justifyContent:"center"}},i("sd-icon",{key:"5fc735391386ac733b77bfac6947cccc61fad198",name:"chevronRight",size:a.arrowIconSize,color:s})))}static get style(){return"sd-text-link{display:inline-flex}sd-text-link .sd-text-link{display:inline-flex;align-items:center;gap:var(--sd-text-link-gap);cursor:pointer;user-select:none}sd-text-link .sd-text-link__label{font-size:var(--sd-text-link-font-size, 12px);text-decoration:var(--sd-text-link-text-decoration);color:var(--sd-text-link-color, inherit)}sd-text-link .sd-text-link:not(.sd-text-link--disabled):hover .sd-text-link__label{text-decoration:underline}sd-text-link .sd-text-link--disabled{cursor:not-allowed}"}},[512,"sd-text-link",{label:[1],icon:[1],iconColor:[1,"icon-color"],labelClass:[1,"label-class"],useArrow:[516,"use-arrow"],underline:[516],disabled:[516]}]);function x(){"undefined"!=typeof customElements&&["sd-text-link","sd-icon"].forEach((e=>{switch(e){case"sd-text-link":customElements.get(n(e))||customElements.define(n(e),r);break;case"sd-icon":customElements.get(n(e))||l()}}))}export{r as S,x as d}

package/dist/components/p-CvfW21oo.js

@@ -1 +0,0 @@
-var r={button:{xs:{icon:"12"},sm:{icon:"16"},md:{icon:"20"},lg:{icon:"24"},border:{disabled:"#CCCCCC"},bg:{disabled:"#E1E1E1"},text:{disabled:"#888888"},brand:{strong:{bg:{default:"#025497",hover:"#004177"},content:"#FFFFFF"},subtle:{bg:{default:"#1F8AE1",hover:"#006AC1"},content:"#FFFFFF"},outline:{bg:{default:"#FFFFFF",hover:"#EAF5FE"},border:"#025497",content:"#025497"}},dropdown:{brand:{strong:{split:"#006AC1"},subtle:{split:"#5CB0F3"}},danger:{strong:{split:"#FF7C7C"}}},neutral:{outline:{bg:{default:"#FFFFFF",hover:"#EEEEEE"},border:"#888888",content:"#222222"}},danger:{strong:{bg:{default:"#E30000",hover:"#AD0000"},content:"#FFFFFF"},outline:{bg:{default:"#FFFFFF",hover:"#FCEFEF"},border:"#E30000",content:"#E30000"}}}};const a="#0075FF",e={primary:r.button.brand.strong.bg.default,secondary:r.button.brand.subtle.bg.default,primary_outline:r.button.brand.outline.bg.default,neutral_outline:r.button.neutral.outline.bg.default,danger:r.button.danger.strong.bg.default,danger_outline:r.button.danger.outline.bg.default},n={primary_xs:{variant:"primary",size:"xs",color:e.primary},secondary_xs:{variant:"primary",size:"xs",color:e.secondary},primary_outline_xs:{variant:"outline",size:"xs",color:e.primary_outline},neutral_outline_xs:{variant:"outline",size:"xs",color:e.neutral_outline},danger_xs:{variant:"primary",size:"xs",color:e.danger},danger_outline_xs:{variant:"outline",size:"xs",color:e.danger_outline},primary_sm:{variant:"primary",size:"sm",color:e.primary},secondary_sm:{variant:"primary",size:"sm",color:e.secondary},primary_outline_sm:{variant:"outline",size:"sm",color:e.primary_outline},neutral_outline_sm:{variant:"outline",size:"sm",color:e.neutral_outline},danger_sm:{variant:"primary",size:"sm",color:e.danger},danger_outline_sm:{variant:"outline",size:"sm",color:e.danger_outline},primary_md:{variant:"primary",size:"md",color:e.primary},secondary_md:{variant:"primary",size:"md",color:e.secondary},primary_outline_md:{variant:"outline",size:"md",color:e.primary_outline},neutral_outline_md:{variant:"outline",size:"md",color:e.neutral_outline},danger_md:{variant:"primary",size:"md",color:e.danger},danger_outline_md:{variant:"outline",size:"md",color:e.danger_outline},primary_lg:{variant:"primary",size:"lg",color:e.primary},secondary_lg:{variant:"primary",size:"lg",color:e.secondary},primary_outline_lg:{variant:"outline",size:"lg",color:e.primary_outline},neutral_outline_lg:{variant:"outline",size:"lg",color:e.neutral_outline},danger_lg:{variant:"primary",size:"lg",color:e.danger},danger_outline_lg:{variant:"outline",size:"lg",color:e.danger_outline}},i={xs:Number(r.button.xs.icon),sm:Number(r.button.sm.icon),md:Number(r.button.md.icon),lg:Number(r.button.lg.icon)},o={primary:r.button.brand.strong.bg.hover,secondary:r.button.brand.subtle.bg.hover,primary_outline:r.button.brand.outline.bg.hover,neutral_outline:r.button.neutral.outline.bg.hover,danger:r.button.danger.strong.bg.hover,danger_outline:r.button.danger.outline.bg.hover},t={primary:r.button.brand.strong.content,secondary:r.button.brand.subtle.content,primary_outline:r.button.brand.outline.content,neutral_outline:r.button.neutral.outline.content,danger:r.button.danger.strong.content,danger_outline:r.button.danger.outline.content},l={primary:"transparent",secondary:"transparent",primary_outline:r.button.brand.outline.border,neutral_outline:r.button.neutral.outline.border,danger:"transparent",danger_outline:r.button.danger.outline.border},s=/_(xs|sm|md|lg)$/,d=r=>r in n,m=r=>r.replace(s,"");export{n as B,l as P,t as a,r as b,o as c,a as d,i as e,m as g,d as i}

package/dist/components/p-D7g33VZR.js

@@ -1 +0,0 @@
-import{p as t,H as e,c as s,h as i,t as h}from"./p-pwNG5WaX.js";import{c as o,d as r,f as l,E as n,e as c}from"./p-C4uWhzoG.js";import{d}from"./p-Cye8r1MG.js";import{d as a}from"./p-DQj-S8AC.js";import{d as u}from"./p-DP0Dp12H.js";import{d as m}from"./p-EcuI_UmK.js";const p=t(class t extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.optionSelect=s(this,"sdOptionSelect",7)}type="default";options=[];value=null;emitValue=!1;useSearch=!1;useSelectAll=!1;triggerWidth="200px";maxWidth="640px";maxHeight="260px";searchKeyword="";isScrolled=!1;focusedIndex=-1;optionSelect;listEl;lastScrolledIndex=-1;keydownAttached=!1;suppressHover=!1;get isDepth(){return"default_depth"===this.type||"multi_depth"===this.type}get isMulti(){return"multi"===this.type||"multi_depth"===this.type}static SELECT_ALL_OPTION={value:"__select_all__",label:"전체"};get showSelectAll(){return this.useSelectAll&&this.isMulti&&this.getAllNonDisabledLeaves().length>0}getAllNonDisabledLeaves(){const t=e=>e.flatMap((e=>e.disabled?[]:e.children?t(e.children):[e]));return t(this.options)}get selectAllState(){if(!this.showSelectAll)return!1;const t=this.getAllNonDisabledLeaves();if(0===t.length)return!1;const e=this.getSelectedValues(),s=t.filter((t=>e.has(t.value))).length;return 0!==s&&(s===t.length||null)}get showSearch(){return!!this.useSearch&&(this.isDepth?o(this.options):this.options.length)>=r}get filteredOptions(){if(""===this.searchKeyword)return this.options;if(this.isDepth)return l(this.options,this.searchKeyword);const t=this.searchKeyword.toLowerCase();return this.options.filter((e=>e.label.toLowerCase().includes(t)))}get isEmpty(){return this.isDepth?0===o(this.filteredOptions)&&0===this.filteredOptions.length:0===this.filteredOptions.length}getSelectedValues(){return null!=this.value&&Array.isArray(this.value)?this.emitValue?new Set(this.value):new Set(this.value.map((t=>t.value))):new Set}isOptionSelected(t){return this.isMulti?this.getSelectedValues().has(t.value):this.emitValue||null==this.value||"object"!=typeof this.value||Array.isArray(this.value)?this.value===t.value:this.value.value===t.value}getGroupSelectionState(t){if(!this.isMulti||!t.children)return!1;const e=this.getSelectedValues();if(0===e.size)return!1;const s=this.collectVisibleLeaves(t);if(0===s.length)return!1;const i=s.filter((t=>e.has(t.value))).length;return 0!==i&&(i===s.length||null)}getCountInfo(t){if(!this.isMulti||!t.children)return;const e=this.getSelectedValues(),s=this.collectVisibleLeaves(t);return{selected:s.filter((t=>e.has(t.value))).length,total:s.length}}findOriginalOption(t,e){for(const s of e){if(s.value===t)return s;if(s.children){const e=this.findOriginalOption(t,s.children);if(e)return e}}}collectLeaves(t){return t.children?t.children.flatMap((t=>this.collectLeaves(t))):[t]}collectVisibleLeaves(t){if(t.disabled)return[];if(!t.children)return[t];if(0===t.children.length){const e=this.findOriginalOption(t.value,this.options);return e?this.collectLeaves(e).filter((t=>!t.disabled)):[]}return t.children.flatMap((t=>this.collectVisibleLeaves(t)))}get navigableOptions(){const e=[];this.showSelectAll&&e.push(t.SELECT_ALL_OPTION);const s=t=>{for(const i of t){const t=!!i.children;(!t||this.isMulti)&&!i.disabled&&e.push(i),t&&i.children&&i.children.length>0&&s(i.children)}};return s(this.filteredOptions),e}isSelectAllOption(e){return this.showSelectAll&&e.value===t.SELECT_ALL_OPTION.value}emitSelectAll(){if(!this.showSelectAll)return;const e=this.getAllNonDisabledLeaves();this.optionSelect.emit({option:{...t.SELECT_ALL_OPTION,children:e},leaves:e})}handleSelectAllClick=t=>{t.stopPropagation(),this.emitSelectAll()};isOptionFocused(t){if(this.focusedIndex<0)return!1;const e=this.navigableOptions[this.focusedIndex];return null!=e&&e.value===t.value}resetFocusOnFilter(){this.focusedIndex=this.navigableOptions.length>0?0:-1,this.suppressHover&&(document.removeEventListener("mousemove",this.releaseHoverSuppress,!0),this.suppressHover=!1)}handleSearchFilter=t=>{this.searchKeyword=t.detail};handleScroll=t=>{this.isScrolled=t.target.scrollTop>0};emitOptionSelect(t){this.optionSelect.emit({option:t,leaves:this.collectVisibleLeaves(t)})}handleOptionClick=t=>{t.stopPropagation(),this.emitOptionSelect(t.detail)};handleOptionHover=t=>{if(this.suppressHover)return;const e=this.navigableOptions.findIndex((e=>e.value===t.value));e>=0&&(this.focusedIndex=e)};releaseHoverSuppress=()=>{this.suppressHover=!1,document.removeEventListener("mousemove",this.releaseHoverSuppress,!0)};handleKeyDown=t=>{const e=this.navigableOptions;if("ArrowDown"===t.key){if(0===e.length)return;t.preventDefault(),t.stopPropagation(),this.focusedIndex=this.focusedIndex<0?0:(this.focusedIndex+1)%e.length,this.beginHoverSuppression()}else if("ArrowUp"===t.key){if(0===e.length)return;t.preventDefault(),t.stopPropagation(),this.focusedIndex=this.focusedIndex<=0?e.length-1:this.focusedIndex-1,this.beginHoverSuppression()}else if("Enter"===t.key){if(this.focusedIndex<0||this.focusedIndex>=e.length)return;t.preventDefault(),t.stopPropagation();const s=e[this.focusedIndex];this.isSelectAllOption(s)?this.emitSelectAll():this.emitOptionSelect(s)}};beginHoverSuppression(){this.suppressHover||(this.suppressHover=!0,document.addEventListener("mousemove",this.releaseHoverSuppress,!0))}scrollFocusedIntoView(){const t=this.listEl,e=t?.querySelector(".sd-select-list-item--focused");if(!t||!e)return;const s=t.getBoundingClientRect(),i=e.getBoundingClientRect();i.top<s.top?t.scrollTop+=i.top-s.top:i.bottom>s.bottom&&(t.scrollTop+=i.bottom-s.bottom)}connectedCallback(){this.keydownAttached||(document.addEventListener("keydown",this.handleKeyDown,!0),this.keydownAttached=!0)}disconnectedCallback(){this.keydownAttached&&(document.removeEventListener("keydown",this.handleKeyDown,!0),this.keydownAttached=!1),this.suppressHover&&(document.removeEventListener("mousemove",this.releaseHoverSuppress,!0),this.suppressHover=!1)}componentDidRender(){this.focusedIndex!==this.lastScrolledIndex&&(this.lastScrolledIndex=this.focusedIndex,this.focusedIndex>=0&&this.scrollFocusedIntoView())}renderOptions(t,e=1){return t.map((t=>{const s=!!t.children;return[i("sd-select-list-item",{option:t,depth:e,isSelected:s?this.getGroupSelectionState(t):this.isOptionSelected(t),isFocused:this.isOptionFocused(t),useCheckbox:this.isMulti,countInfo:this.getCountInfo(t),onSdListItemClick:this.handleOptionClick,onMouseEnter:()=>this.handleOptionHover(t)}),s&&t.children?this.renderOptions(t.children,e+1):null]}))}render(){return i("div",{key:"49f10bc8511fedcc0224729593498273088e16a3",class:"sd-select-listbox",style:{"--listbox-trigger-width":this.triggerWidth??"200px","--listbox-max-width":this.maxWidth??"640px","--listbox-max-height":this.maxHeight??"260px","--listbox-radius":`${c.radius}px`}},this.showSearch&&i("sd-select-list-item-search",{key:"2eab7f77c0e900f90a79b2b2e9a7e60da2349409",isScrolled:this.isScrolled,onSdSearchFilter:this.handleSearchFilter}),i("div",{key:"46407c47a1d24ee8d997060c2b54f2443c163700",class:"sd-select-listbox__list",onScroll:this.handleScroll,ref:t=>{this.listEl=t}},this.showSelectAll&&i("sd-select-list-item",{key:"9c4a35e6515fb9bc9cd4feafc69a44c432b75139",option:t.SELECT_ALL_OPTION,depth:1,isSelected:this.selectAllState,isFocused:this.isOptionFocused(t.SELECT_ALL_OPTION),useCheckbox:!0,onSdListItemClick:this.handleSelectAllClick,onMouseEnter:()=>this.handleOptionHover(t.SELECT_ALL_OPTION)}),this.isEmpty?i("div",{class:"sd-select-listbox__empty"},n):this.isDepth?this.renderOptions(this.filteredOptions):this.filteredOptions.map((t=>i("sd-select-list-item",{option:t,depth:1,isSelected:this.isOptionSelected(t),isFocused:this.isOptionFocused(t),useCheckbox:this.isMulti,onSdListItemClick:this.handleOptionClick,onMouseEnter:()=>this.handleOptionHover(t)})))))}static get watchers(){return{searchKeyword:[{resetFocusOnFilter:0}]}}static get style(){return":host{display:block}:host .sd-select-listbox{display:flex;flex-direction:column;width:var(--listbox-trigger-width);max-width:var(--listbox-max-width);max-height:var(--listbox-max-height);border-radius:var(--listbox-radius);background:white;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.1);overflow:hidden;outline:none}:host .sd-select-listbox__list{flex:1;min-height:0;overflow-y:auto;padding-bottom:0}:host .sd-select-listbox__empty{padding:12px;text-align:center;font-size:12px;line-height:20px;color:#888888}"}},[513,"sd-select-listbox",{type:[1],options:[16],value:[8],emitValue:[4,"emit-value"],useSearch:[4,"use-search"],useSelectAll:[4,"use-select-all"],triggerWidth:[1,"trigger-width"],maxWidth:[1,"max-width"],maxHeight:[1,"max-height"],searchKeyword:[32],isScrolled:[32],focusedIndex:[32]},void 0,{searchKeyword:[{resetFocusOnFilter:0}]}]);function f(){"undefined"!=typeof customElements&&["sd-select-listbox","sd-checkbox","sd-icon","sd-select-list-item","sd-select-list-item-search"].forEach((t=>{switch(t){case"sd-select-listbox":customElements.get(h(t))||customElements.define(h(t),p);break;case"sd-checkbox":customElements.get(h(t))||d();break;case"sd-icon":customElements.get(h(t))||a();break;case"sd-select-list-item":customElements.get(h(t))||u();break;case"sd-select-list-item-search":customElements.get(h(t))||m()}}))}export{p as S,f as d}