@sellmate/design-system 1.0.15 → 1.0.17

package/dist/components/sd-guide.js

@@ -1,126 +1 @@
-import { p as proxyCustomElement, H, h, t as transformTag } from './p-CR2Jbl0B.js';
-import { d as defineCustomElement$4 } from './p-lbT0o9hE.js';
-import { d as defineCustomElement$3 } from './p-zvhzq4Sw.js';
-import { d as defineCustomElement$2 } from './p-CbEUJ3R6.js';
-
-const sdGuideCss = () => `@charset "UTF-8";sd-button{display:inline-flex;width:fit-content;height:fit-content}.sd-button{text-decoration:none;cursor:pointer;border-radius:4px;transition:all 0.2s ease-in-out;position:relative;overflow:hidden;white-space:nowrap;-webkit-user-select:none;user-select:none;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;border:none}.sd-button--xs{padding:0 8px;font-size:12px;font-weight:500;line-height:20px;min-height:24px}.sd-button--sm{padding:0 12px;font-size:12px;font-weight:500;line-height:20px;min-height:28px}.sd-button--md{padding:0 20px;font-size:16px;font-weight:500;line-height:26px;min-height:34px}.sd-button--lg{padding:0 28px;font-size:18px;font-weight:500;line-height:30px;min-height:62px}.sd-button--primary{background-color:var(--button-color);color:white;transition:filter 0.2s ease}.sd-button--primary::before{content:"";position:absolute;inset:0;background:#000000;opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--primary:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.25}.sd-button--outline{background:white;border:1px solid var(--button-color);color:var(--button-color)}.sd-button--outline::before{content:"";position:absolute;inset:0;background:var(--button-color);opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--outline:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.15}.sd-button--outline .sd-button__content{position:relative;z-index:1}.sd-button--ghost{background-color:transparent;color:var(--button-color);border-color:transparent}.sd-button--ghost::before{content:"";position:absolute;inset:0;background:var(--button-color);opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--ghost:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.15}.sd-button--ghost .sd-button__content{position:relative;z-index:1}.sd-button--disabled{border:1px solid #cccccc;background:#e1e1e1;color:#888888;cursor:not-allowed !important}.sd-button--icon-only{padding:0;width:fit-content;height:fit-content;aspect-ratio:1/1}.sd-button--no-hover:hover::before{opacity:0 !important}.sd-button .sd-button__content{display:inline-flex;align-items:center;justify-content:center;gap:4px;z-index:1;font-weight:500}sd-guide{display:inline-flex;align-items:center;height:fit-content;width:fit-content}sd-guide .sd-guide{display:inline-flex;align-items:center;height:fit-content;width:fit-content}sd-guide .sd-guide .sd-button{padding:0 16px 0 12px;border-radius:16px;color:#333333 !important;display:flex;align-items:center;transition:none}sd-guide .sd-guide .sd-button .sd-button__content{color:#333333 !important}sd-guide .sd-guide .sd-button .sd-button__content .sd-button__label{color:#333333 !important;margin-left:4px}sd-guide .sd-guide--active .sd-button{border:1px solid #00973c}sd-guide .sd-guide--active .sd-button .sd-button__content .sd-button__label{color:white !important}.sd-guide__popup{position:relative;padding:20px 32px;border-radius:8px;box-shadow:4px 4px 24px 4px rgba(0, 0, 0, 0.1);background:white}.sd-guide__popup>.sd-guide__popup__close{position:absolute;top:12px;right:12px}.sd-guide__popup__header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.sd-guide__popup__header .sd-guide__popup__title{margin-top:0;font-size:16px;font-weight:700;line-height:26px;color:#333333}.sd-guide__popup__list{width:100%;padding:0;margin:0}.sd-guide__popup__list__item{display:flex;width:100%;align-items:start;list-style:none;color:#333333;font-size:12px;font-weight:400}.sd-guide__popup__list__item p{width:100%;padding:0;margin:0;word-wrap:break-word;word-break:break-word;white-space:normal;overflow-wrap:break-word;min-width:0}.sd-guide__popup__list__item::before{display:block;content:"-";width:6px;color:#333333;font-size:12px;font-weight:400;margin-left:10px;margin-right:12px;flex-shrink:0}.sd-guide__popup__list__item--depth-2::before{content:"•"}.sd-guide__popup__list__item--depth-2{padding-left:26px}`;
-
-const GUIDE_LABEL = {
-    help: '활용 TIP',
-    pdf: 'PDF Guide',
-    youtube: 'Video Guide',
-    notion: '사용법 안내',
-    event: 'Event Button',
-};
-const GUIDE_ICON = {
-    help: {
-        name: 'helpOutline',
-        size: 20,
-        color: 'green_75',
-    },
-    pdf: { name: 'pdf', size: 20, color: 'red_75' },
-    youtube: { name: 'youtube', size: 20, color: 'red_75' },
-    notion: { name: 'notion', size: 16, color: 'black' },
-    event: { name: 'event', size: 16, color: 'brilliantblue_70' },
-};
-const SdGuide$1 = /*@__PURE__*/ proxyCustomElement(class SdGuide extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-    }
-    get el() { return this; }
-    type = 'help';
-    label = '';
-    message = '';
-    guideUrl = '';
-    popupTitle = '';
-    popupWidth;
-    popupShow = false;
-    guideRef;
-    handleClickGuide = () => {
-        if (this.type === 'help') {
-            this.popupShow = !this.popupShow;
-            return;
-        }
-        if (this.guideUrl) {
-            window.open(this.guideUrl, '_blank');
-        }
-    };
-    get guideClass() {
-        const classes = ['sd-guide', `sd-guide--${this.type}`];
-        if (this.popupShow)
-            classes.push('sd-guide--active');
-        return classes.join(' ');
-    }
-    closeDropdown = () => {
-        this.popupShow = false;
-    };
-    render() {
-        const { name: iconName, size: iconSize, color: iconColor } = GUIDE_ICON[this.type];
-        return (h("div", { key: '2a7d3d040d3fbe7d0c22afc62d67a848fbae67d9', class: "sd-guide", style: {
-                '--sd-guide-color': GUIDE_ICON[this.type].color,
-            } }, h("sd-button", { key: '9130f229be86d72882a2f6e270ca33e2cebf859b', ref: el => (this.guideRef = el), class: this.guideClass, variant: this.popupShow ? 'primary' : 'outline', label: this.label || GUIDE_LABEL[this.type], size: "sm", color: this.popupShow ? GUIDE_ICON[this.type].color : 'grey_45', icon: iconName, iconColor: this.popupShow ? 'white' : iconColor, iconSize: iconSize, noHover: this.popupShow, onClick: this.handleClickGuide }), this.type === 'help' && this.popupShow && (h("sd-portal", { key: '79f69b8923af6257fe456a8bed5411778c0ca46b', open: this.popupShow, parentRef: this.guideRef, onSdClose: this.closeDropdown, offset: [0, 4] }, h("div", { key: 'c4b798c0e3e66eb1abafa7c1aae7872c28b0be5b', style: { position: 'absolute', width: '0px', height: '0px' } }, h("div", { key: 'ca09e67a231f8d1786d7b8ff410cdf38fb58a12c', class: "sd-guide__popup", style: { width: this.popupWidth ? this.popupWidth + 'px' : '426px' } }, h("sd-button", { key: '800299db98f85865f808de807e44601819584a96', class: "sd-guide__popup__close", icon: "close", color: "grey_65", size: "md", variant: "ghost", noHover: true, onClick: this.closeDropdown }), h("div", { key: 'e907cf708ec51b3d0284afca4041915c03f2c8ee', class: "sd-guide__popup__header" }, h("sd-icon", { key: 'f19b549aa7d30dd70bd679b01d448270b8621f11', name: "helpOutline", size: 24, color: "green_65" }), h("h3", { key: 'abc78d35daea9bb4a974f05aed10e0bcc15444b7', class: "sd-guide__popup__title" }, this.popupTitle || GUIDE_LABEL[this.type])), h("ul", { key: 'cb20eda71c4173fd439f81767df734b33c5b6e09', class: "sd-guide__popup__list" }, this.renderListItem(this.message))))))));
-    }
-    // 현재 2depth까지만 스타일 적용
-    renderListItem(message, depth = 0) {
-        const listItems = [];
-        if (Array.isArray(message)) {
-            const depthMsg = message.map(msg => this.renderListItem(msg, depth + 1));
-            listItems.push(...depthMsg.flat());
-        }
-        else {
-            listItems.push(this.renderLi(message, depth));
-        }
-        return listItems;
-    }
-    renderLi = (message, depth) => {
-        return (h("li", { class: `sd-guide__popup__list__item sd-guide__popup__list__item--depth-${depth}` }, h("p", { innerHTML: message })));
-    };
-    static get style() { return sdGuideCss(); }
-}, [768, "sd-guide", {
-        "type": [1],
-        "label": [1],
-        "message": [1],
-        "guideUrl": [1, "guide-url"],
-        "popupTitle": [1, "popup-title"],
-        "popupWidth": [2, "popup-width"],
-        "popupShow": [32]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["sd-guide", "sd-button", "sd-icon", "sd-portal"];
-    components.forEach(tagName => { switch (tagName) {
-        case "sd-guide":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), SdGuide$1);
-            }
-            break;
-        case "sd-button":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$4();
-            }
-            break;
-        case "sd-icon":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$3();
-            }
-            break;
-        case "sd-portal":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const SdGuide = SdGuide$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SdGuide, defineCustomElement };
-//# sourceMappingURL=sd-guide.js.map
-
-//# sourceMappingURL=sd-guide.js.map
+import{p as t,H as e,h as o,t as i}from"./p-4iQAU7kM.js";import{d as n}from"./p-BJ1sZUZE.js";import{d as s}from"./p-IlOHs7VA.js";import{d}from"./p-zP9SItz2.js";const p={help:"활용 TIP",pdf:"PDF Guide",youtube:"Video Guide",notion:"사용법 안내",event:"Event Button"},r={help:{name:"helpOutline",size:20,color:"green_75"},pdf:{name:"pdf",size:20,color:"red_75"},youtube:{name:"youtube",size:20,color:"red_75"},notion:{name:"notion",size:16,color:"black"},event:{name:"event",size:16,color:"brilliantblue_70"}},a=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost()}get el(){return this}type="help";label="";message="";guideUrl="";popupTitle="";popupWidth;popupShow=!1;guideRef;handleClickGuide=()=>{"help"!==this.type?this.guideUrl&&window.open(this.guideUrl,"_blank"):this.popupShow=!this.popupShow};get guideClass(){const t=["sd-guide","sd-guide--"+this.type];return this.popupShow&&t.push("sd-guide--active"),t.join(" ")}closeDropdown=()=>{this.popupShow=!1};render(){const{name:t,size:e,color:i}=r[this.type];return o("div",{key:"2a7d3d040d3fbe7d0c22afc62d67a848fbae67d9",class:"sd-guide",style:{"--sd-guide-color":r[this.type].color}},o("sd-button",{key:"e354fa7a48aacabbd7688f9546d71ec138b4a648",ref:t=>this.guideRef=t,class:this.guideClass,variant:this.popupShow?"primary":"outline",label:this.label||p[this.type],size:"sm",color:this.popupShow?r[this.type].color:"grey_45",icon:t,iconColor:this.popupShow?"white":i,iconSize:e,noHover:this.popupShow,onSdClick:this.handleClickGuide}),"help"===this.type&&this.popupShow&&o("sd-portal",{key:"157583215cdba27ae493a07aaa3eb4a0e3923971",open:this.popupShow,parentRef:this.guideRef,onSdClose:this.closeDropdown,offset:[0,4]},o("div",{key:"6aaa8f4ee6f44225ee63ef740d7398e87207c0c0",style:{position:"absolute",width:"0px",height:"0px"}},o("div",{key:"9184936963f96e2537b3713bd5ee38d0c058c72b",class:"sd-guide__popup",style:{width:this.popupWidth?this.popupWidth+"px":"426px"}},o("sd-button",{key:"a1f653f7e40f6ad4e97dca82e10d4f03843469fd",class:"sd-guide__popup__close",icon:"close",color:"grey_65",size:"md",variant:"ghost",noHover:!0,onSdClick:this.closeDropdown}),o("div",{key:"561433ec3fcf6f9de4badd8e24ffaffbab4e62df",class:"sd-guide__popup__header"},o("sd-icon",{key:"69aafb073fa680f8353deccb860320da083ff121",name:"helpOutline",size:24,color:"green_65"}),o("h3",{key:"71f7fcb3068d572523c6bf53276e654feb1056f6",class:"sd-guide__popup__title"},this.popupTitle||p[this.type])),o("ul",{key:"407db996ded71b9a5786b1e7967349517c7eb877",class:"sd-guide__popup__list"},this.renderListItem(this.message))))))}renderListItem(t,e=0){const o=[];if(Array.isArray(t)){const i=t.map((t=>this.renderListItem(t,e+1)));o.push(...i.flat())}else o.push(this.renderLi(t,e));return o}renderLi=(t,e)=>o("li",{class:"sd-guide__popup__list__item sd-guide__popup__list__item--depth-"+e},o("p",{innerHTML:t}));static get style(){return'@charset "UTF-8";sd-button{display:inline-flex;width:fit-content;height:fit-content}.sd-button{text-decoration:none;cursor:pointer;border-radius:4px;transition:all 0.2s ease-in-out;position:relative;overflow:hidden;white-space:nowrap;-webkit-user-select:none;user-select:none;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;border:none}.sd-button--xs{padding:0 8px;font-size:12px;font-weight:500;line-height:20px;min-height:24px}.sd-button--sm{padding:0 12px;font-size:12px;font-weight:500;line-height:20px;min-height:28px}.sd-button--md{padding:0 20px;font-size:16px;font-weight:500;line-height:26px;min-height:34px}.sd-button--lg{padding:0 28px;font-size:18px;font-weight:500;line-height:30px;min-height:62px}.sd-button--primary{background-color:var(--button-color);color:white;transition:filter 0.2s ease}.sd-button--primary::before{content:"";position:absolute;inset:0;background:#000000;opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--primary:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.25}.sd-button--outline{background:white;border:1px solid var(--button-color);color:var(--button-color)}.sd-button--outline::before{content:"";position:absolute;inset:0;background:var(--button-color);opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--outline:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.15}.sd-button--outline .sd-button__content{position:relative;z-index:1}.sd-button--ghost{background-color:transparent;color:var(--button-color);border-color:transparent}.sd-button--ghost::before{content:"";position:absolute;inset:0;background:var(--button-color);opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--ghost:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.15}.sd-button--ghost .sd-button__content{position:relative;z-index:1}.sd-button--disabled{border:1px solid #cccccc;background:#e1e1e1;color:#888888;cursor:not-allowed !important}.sd-button--icon-only{padding:0;width:fit-content;height:fit-content;aspect-ratio:1/1}.sd-button--no-hover:hover::before{opacity:0 !important}.sd-button .sd-button__content{display:inline-flex;align-items:center;justify-content:center;gap:4px;z-index:1;font-weight:500}sd-guide{display:inline-flex;align-items:center;height:fit-content;width:fit-content}sd-guide .sd-guide{display:inline-flex;align-items:center;height:fit-content;width:fit-content}sd-guide .sd-guide .sd-button{padding:0 16px 0 12px;border-radius:16px;color:#333333 !important;display:flex;align-items:center;transition:none}sd-guide .sd-guide .sd-button .sd-button__content{color:#333333 !important}sd-guide .sd-guide .sd-button .sd-button__content .sd-button__label{color:#333333 !important;margin-left:4px}sd-guide .sd-guide--active .sd-button{border:1px solid #00973c}sd-guide .sd-guide--active .sd-button .sd-button__content .sd-button__label{color:white !important}.sd-guide__popup{position:relative;padding:20px 32px;border-radius:8px;box-shadow:4px 4px 24px 4px rgba(0, 0, 0, 0.1);background:white}.sd-guide__popup>.sd-guide__popup__close{position:absolute;top:12px;right:12px}.sd-guide__popup__header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.sd-guide__popup__header .sd-guide__popup__title{margin-top:0;font-size:16px;font-weight:700;line-height:26px;color:#333333}.sd-guide__popup__list{width:100%;padding:0;margin:0}.sd-guide__popup__list__item{display:flex;width:100%;align-items:start;list-style:none;color:#333333;font-size:12px;font-weight:400}.sd-guide__popup__list__item p{width:100%;padding:0;margin:0;word-wrap:break-word;word-break:break-word;white-space:normal;overflow-wrap:break-word;min-width:0}.sd-guide__popup__list__item::before{display:block;content:"-";width:6px;color:#333333;font-size:12px;font-weight:400;margin-left:10px;margin-right:12px;flex-shrink:0}.sd-guide__popup__list__item--depth-2::before{content:"•"}.sd-guide__popup__list__item--depth-2{padding-left:26px}'}},[512,"sd-guide",{type:[1],label:[1],message:[1],guideUrl:[1,"guide-url"],popupTitle:[1,"popup-title"],popupWidth:[2,"popup-width"],popupShow:[32]}]),l=a,u=function(){"undefined"!=typeof customElements&&["sd-guide","sd-button","sd-icon","sd-portal"].forEach((t=>{switch(t){case"sd-guide":customElements.get(i(t))||customElements.define(i(t),a);break;case"sd-button":customElements.get(i(t))||n();break;case"sd-icon":customElements.get(i(t))||s();break;case"sd-portal":customElements.get(i(t))||d()}}))};export{l as SdGuide,u as defineCustomElement}

package/dist/components/sd-icon.js

@@ -1,9 +1 @@
-import { S as SdIcon$1, d as defineCustomElement$1 } from './p-zvhzq4Sw.js';
-
-const SdIcon = SdIcon$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SdIcon, defineCustomElement };
-//# sourceMappingURL=sd-icon.js.map
-
-//# sourceMappingURL=sd-icon.js.map
+import{S as s,d as o}from"./p-IlOHs7VA.js";const p=s,r=o;export{p as SdIcon,r as defineCustomElement}

package/dist/components/sd-input.js

@@ -1,9 +1 @@
-import { S as SdInput$1, d as defineCustomElement$1 } from './p-DQE5-tOR.js';
-
-const SdInput = SdInput$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SdInput, defineCustomElement };
-//# sourceMappingURL=sd-input.js.map
-
-//# sourceMappingURL=sd-input.js.map
+import{S as o,d as s}from"./p-BumvzURf.js";const m=o,p=s;export{m as SdInput,p as defineCustomElement}

package/dist/components/sd-loading-spinner.js

@@ -1,9 +1 @@
-import { S as SdLoadingSpinner$1, d as defineCustomElement$1 } from './p-GS-rEltm.js';
-
-const SdLoadingSpinner = SdLoadingSpinner$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SdLoadingSpinner, defineCustomElement };
-//# sourceMappingURL=sd-loading-spinner.js.map
-
-//# sourceMappingURL=sd-loading-spinner.js.map
+import{S as s,d as o}from"./p-D9QyXmjs.js";const m=s,p=o;export{m as SdLoadingSpinner,p as defineCustomElement}

package/dist/components/sd-modal-card.js

@@ -1,89 +1 @@
-import { p as proxyCustomElement, H, c as createEvent, h, t as transformTag } from './p-CR2Jbl0B.js';
-import { r as resolveColor } from './p-DcGvp3RM.js';
-import { d as defineCustomElement$3 } from './p-lbT0o9hE.js';
-import { d as defineCustomElement$2 } from './p-zvhzq4Sw.js';
-
-const sdModalCardCss = () => `sd-modal-card{display:block}sd-modal-card .sd-modal-card{position:relative;padding:40px 32px;border-radius:8px;box-shadow:4px 4px 24px 4px rgba(0, 0, 0, 0.2);background:white}sd-modal-card .sd-modal-card__close-button{position:absolute;top:16px;right:16px;cursor:pointer}sd-modal-card .sd-modal-card sd-icon.sd-modal-card__icon{display:block;width:32px;height:32px;margin:0 auto 12px auto}sd-modal-card .sd-modal-card__title{color:var(--point-color);font-size:18px;font-weight:700;line-height:30px;text-align:center;margin:0 0 20px 0}sd-modal-card .sd-modal-card__message{color:#222222;font-weight:400;font-size:12px;line-height:22px;text-align:center;margin:0}sd-modal-card .sd-modal-card__button-container{display:flex;margin:32px auto 0 auto;justify-content:center;align-items:center;gap:8px}sd-modal-card .sd-modal-card__button-container.flex-column{flex-direction:column}sd-modal-card .sd-modal-card__button-container button.sd-modal-card__button{width:89px}`;
-
-const SdModalCard$1 = /*@__PURE__*/ proxyCustomElement(class SdModalCard extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.close = createEvent(this, "sdClose");
-        this.confirm = createEvent(this, "sdConfirm");
-    }
-    type = 'info';
-    system = 'normal';
-    useCloseButton = true;
-    modalTitle = 'normal';
-    buttonFlexDirection = 'row';
-    buttonProps;
-    message = [];
-    modalClass = '';
-    close;
-    confirm;
-    get pointColor() {
-        if (this.type !== 'normal') {
-            return 'grey_95';
-        }
-        switch (this.system) {
-            case 'positive':
-                return resolveColor('brilliantblue_75');
-            case 'negative':
-                return resolveColor('red_75');
-            default:
-                return resolveColor('grey_95');
-        }
-    }
-    get getModalClass() {
-        let modalClass = `sd-modal-card ${this.modalClass}`;
-        modalClass += ' ' + `sd-modal-card-${this.system}`;
-        return modalClass;
-    }
-    render() {
-        return (h("div", { key: '7374943ac733d43b7d6c027f074c2dfdfd859e51', class: this.getModalClass, style: { '--point-color': this.pointColor } }, this.useCloseButton && (h("sd-icon", { key: '75fd15b1241d8b4829372377a8212556828ef2f9', class: "sd-modal-card__close-button", name: "close", size: "20", color: "grey_65", onClick: () => this.close.emit() })), this.type !== 'normal' && (h("sd-icon", { key: '54619f342718bb9dd0589d5963ad390f1b792843', class: "sd-modal-card__icon", name: this.type === 'info' ? 'notificationOutline' : 'warningOutline', size: "32", color: this.type === 'info' ? 'brilliantblue_75' : 'red_75' })), h("h2", { key: '4197761d82baa632c67ff238388aa3162592d9ed', class: "sd-modal-card__title" }, this.modalTitle), h("slot", { key: '586ee3e295b2091d657d54f17945d4ac12541932' }, h("div", { key: 'dad5890bd4d0dfcfca45811ae58fe3e67d29e226', class: `sd-modal-card__message-container` }, this.message.map(msg => (h("p", { class: "sd-modal-card__message" }, msg))))), h("div", { key: '3af309aaa37574e5a3e74cbb3c9047216c1b74a8', class: `sd-modal-card__button-container flex-${this.buttonFlexDirection}` }, this.buttonProps?.map(button => (h("sd-button", { class: 'sd-modal-card__button', variant: button.variant ? button.variant : 'outline', label: button.label, color: button.color, size: button.size, onClick: () => !button.type || button.type === 'confirm' ? this.confirm.emit() : this.close.emit(), ...(button.class && { class: button.class }) }))))));
-    }
-    static get style() { return sdModalCardCss(); }
-}, [772, "sd-modal-card", {
-        "type": [1],
-        "system": [1],
-        "useCloseButton": [4, "use-close-button"],
-        "modalTitle": [1, "modal-title"],
-        "buttonFlexDirection": [1, "button-flex-direction"],
-        "buttonProps": [16],
-        "message": [16],
-        "modalClass": [1, "modal-class"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["sd-modal-card", "sd-button", "sd-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "sd-modal-card":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), SdModalCard$1);
-            }
-            break;
-        case "sd-button":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$3();
-            }
-            break;
-        case "sd-icon":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const SdModalCard = SdModalCard$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SdModalCard, defineCustomElement };
-//# sourceMappingURL=sd-modal-card.js.map
-
-//# sourceMappingURL=sd-modal-card.js.map
+import{p as s,H as t,c as o,h as a,t as e}from"./p-4iQAU7kM.js";import{r as d}from"./p-DcGvp3RM.js";import{d as i}from"./p-BJ1sZUZE.js";import{d as c}from"./p-IlOHs7VA.js";const l=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.close=o(this,"sdClose"),this.confirm=o(this,"sdConfirm")}type="info";system="normal";useCloseButton=!0;modalTitle="normal";buttonFlexDirection="row";buttonProps;message=[];sdClass="";close;confirm;get pointColor(){if("normal"!==this.type)return"grey_95";switch(this.system){case"positive":return d("brilliantblue_75");case"negative":return d("red_75");default:return d("grey_95")}}get getModalClass(){let s="sd-modal-card "+this.sdClass;return s+=" sd-modal-card-"+this.system,s}render(){return a("div",{key:"0390932a29db512f09a47fbb030b1140410b6a73",class:this.getModalClass,style:{"--point-color":this.pointColor}},this.useCloseButton&&a("sd-icon",{key:"338844b48a075507352a72a6f8784d912e1f51a0",class:"sd-modal-card__close-button",name:"close",size:"20",color:"grey_65",onClick:()=>this.close.emit()}),"normal"!==this.type&&a("sd-icon",{key:"5209a86ad65c6f255a37691897940d50b15d59e8",class:"sd-modal-card__icon",name:"info"===this.type?"notificationOutline":"warningOutline",size:"32",color:"info"===this.type?"brilliantblue_75":"red_75"}),a("h2",{key:"5586e88dd9882f89ccd3aff047435c7dc821cebc",class:"sd-modal-card__title"},this.modalTitle),a("slot",{key:"0f12630ca6434885e4efc0810ae552dc0f0433b5"},a("div",{key:"04af07e88d2b65274a3ca28b3975d496917f1139",class:"sd-modal-card__message-container"},this.message.map((s=>a("p",{class:"sd-modal-card__message"},s))))),a("div",{key:"b81e9fae8781fe8e57c54c0b51adc141c13c7ba8",class:"sd-modal-card__button-container flex-"+this.buttonFlexDirection},this.buttonProps?.map((s=>a("sd-button",{sdClass:"sd-modal-card__button "+(s.class||""),variant:s.variant?s.variant:"outline",label:s.label,color:s.color,size:s.size,onSdClick:()=>s.type&&"confirm"!==s.type?this.close.emit():this.confirm.emit()})))))}static get style(){return"sd-modal-card{display:block}sd-modal-card .sd-modal-card{position:relative;padding:40px 32px;border-radius:8px;box-shadow:4px 4px 24px 4px rgba(0, 0, 0, 0.2);background:white}sd-modal-card .sd-modal-card__close-button{position:absolute;top:16px;right:16px;cursor:pointer}sd-modal-card .sd-modal-card sd-icon.sd-modal-card__icon{display:block;width:32px;height:32px;margin:0 auto 12px auto}sd-modal-card .sd-modal-card__title{color:var(--point-color);font-size:18px;font-weight:700;line-height:30px;text-align:center;margin:0 0 20px 0}sd-modal-card .sd-modal-card__message{color:#222222;font-weight:400;font-size:12px;line-height:22px;text-align:center;margin:0}sd-modal-card .sd-modal-card__button-container{display:flex;margin:32px auto 0 auto;justify-content:center;align-items:center;gap:8px}sd-modal-card .sd-modal-card__button-container.flex-column{flex-direction:column}sd-modal-card .sd-modal-card__button-container button.sd-modal-card__button{width:89px}"}},[772,"sd-modal-card",{type:[1],system:[1],useCloseButton:[4,"use-close-button"],modalTitle:[1,"modal-title"],buttonFlexDirection:[1,"button-flex-direction"],buttonProps:[16],message:[16],sdClass:[1,"sd-class"]}]),r=l,n=function(){"undefined"!=typeof customElements&&["sd-modal-card","sd-button","sd-icon"].forEach((s=>{switch(s){case"sd-modal-card":customElements.get(e(s))||customElements.define(e(s),l);break;case"sd-button":customElements.get(e(s))||i();break;case"sd-icon":customElements.get(e(s))||c()}}))};export{r as SdModalCard,n as defineCustomElement}

package/dist/components/sd-number-input.js

@@ -1,312 +1 @@
-import { p as proxyCustomElement, H, c as createEvent, h, t as transformTag } from './p-CR2Jbl0B.js';
-import { d as defineCustomElement$2 } from './p-zvhzq4Sw.js';
-
-const sdNumberInputCss = () => `sd-icon{display:inline-block;line-height:0}sd-icon .sd-icon--rotate-90{transform:rotate(90deg)}sd-icon .sd-icon--rotate-180{transform:rotate(180deg)}sd-icon .sd-icon--rotate-270{transform:rotate(270deg)}sd-number-input .sd-number-input-container{display:inline-flex}sd-number-input .sd-number-input{box-sizing:border-box;display:flex;width:var(--input-width, 100%);align-items:center;height:28px;padding:4px 8px;border:1px solid #aaaaaa;border-radius:4px;color:#333333;font-size:12px;line-height:20px;background:white;position:relative}sd-number-input .sd-number-input--hovered{border-color:#0075ff;box-shadow:0 0 4px 0 rgba(0, 113, 255, 0.4)}sd-number-input .sd-number-input.sd-number-input--error{border-color:#fb4444}sd-number-input .sd-number-input.sd-number-input--pass{border-color:#2bce6c}sd-number-input .sd-number-input.sd-number-input--disabled{background-color:#eeeeee !important;border-color:#cccccc !important;cursor:not-allowed !important;box-shadow:none !important}sd-number-input .sd-number-input.sd-number-input--disabled .sd-number-input__input{color:#888888 !important;cursor:not-allowed !important}sd-number-input .sd-number-input .sd-number-input__input{display:block;width:100%;height:20px;line-height:20px;border:none;outline:none;background:transparent;font-size:inherit;color:#333333;margin-left:4px;margin-right:4px;padding-block:0;padding-inline:0;text-align:right}sd-number-input .sd-number-input .sd-number-input__input::placeholder{font-size:12px;height:20px;line-height:20px;color:#aaaaaa}sd-number-input .sd-number-input .sd-number-input__clear-icon{cursor:pointer;margin-left:8px}sd-number-input .sd-number-input .sd-number-input__buttons{padding:4px;display:flex;justify-content:space-between;align-items:center;position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity 0.2s ease}sd-number-input .sd-number-input .sd-number-input__button{width:20px;height:20px;border:none;border-radius:2px;background-color:#eff6ff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;margin:0;transition:background-color 0.2s ease}sd-number-input .sd-number-input .sd-number-input__button:hover:not(:disabled){background-color:#e6f1ff}sd-number-input .sd-number-input .sd-number-input__button:disabled{background-color:#eeeeee;cursor:not-allowed}sd-number-input .sd-number-input .sd-number-input__button--decrement{border-bottom-left-radius:0;border-bottom-right-radius:0}sd-number-input .sd-number-input .sd-number-input__button--increment{border-top-left-radius:0;border-top-right-radius:0}sd-number-input .sd-number-input .sd-number-input__label{margin-bottom:8px;font-weight:500;color:#333333}sd-number-input:focus-within .sd-number-input__buttons{opacity:1;pointer-events:auto}sd-number-input:focus-within .sd-number-input{border-color:#0075ff;box-shadow:0 0 4px 0 rgba(0, 113, 255, 0.4)}`;
-
-const SdNumberInput$1 = /*@__PURE__*/ proxyCustomElement(class SdNumberInput extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.update = createEvent(this, "sdUpdate");
-        this.focus = createEvent(this, "sdFocus");
-        this.blur = createEvent(this, "sdBlur");
-    }
-    get el() { return this; }
-    min = Number.NEGATIVE_INFINITY;
-    max = Number.POSITIVE_INFINITY;
-    step = 1;
-    useButton = false;
-    useDecimal = false;
-    value = null;
-    label;
-    placeholder = '입력해 주세요.';
-    disabled = false;
-    width;
-    rules;
-    autoFocus = false;
-    status;
-    inputClass = '';
-    readonly = false;
-    inputStyle = {};
-    internalValue = null;
-    displayValue = '';
-    hovered = false;
-    error = false;
-    nativeEl = undefined;
-    update;
-    focus;
-    blur;
-    formatWithCommas(value) {
-        if (value === null || value === undefined)
-            return '';
-        const isNegative = value < 0;
-        const absValue = Math.abs(value);
-        const [intPart, decPart] = absValue.toString().split('.');
-        const formatted = (+intPart).toLocaleString();
-        const result = isNegative ? '-' + formatted : formatted;
-        return decPart ? result + '.' + decPart : String(result);
-    }
-    parseInput(input) {
-        if (!input || input.trim() === '')
-            return null;
-        const cleaned = input.replace(/,/g, '').trim();
-        // -로 시작을 할 수 있을 수 있고, 소수점 0.n | .n
-        if (!/^-?(\d+\.?\d*|\d*\.\d+)$/.test(cleaned)) {
-            return null;
-        }
-        const parsed = parseFloat(cleaned);
-        if (isNaN(parsed))
-            return null;
-        // 소수점 사용 하지 않는데 . 이 있는 경우
-        if (!this.useDecimal && cleaned.includes('.')) {
-            return null;
-        }
-        return parsed;
-    }
-    clampMinMax(value) {
-        return Math.min(Math.max(value, this.min), this.max);
-    }
-    updateDisplay() {
-        this.displayValue = this.formatWithCommas(this.internalValue);
-    }
-    isIncrementDisabled() {
-        if (this.disabled || this.readonly)
-            return true;
-        if (this.internalValue !== null) {
-            return this.internalValue >= this.max;
-        }
-        return false;
-    }
-    isDecrementDisabled() {
-        if (this.disabled || this.readonly)
-            return true;
-        if (this.internalValue !== null) {
-            return this.internalValue <= this.min;
-        }
-        return false;
-    }
-    valueChanged(newValue) {
-        if (newValue === null || newValue === '') {
-            this.internalValue = null;
-        }
-        else {
-            const parsed = typeof newValue === 'string' ? this.parseInput(newValue) : newValue;
-            if (parsed !== null) {
-                this.internalValue = this.clampMinMax(parsed);
-            }
-        }
-        this.updateDisplay();
-    }
-    internalValueChanged(newValue) {
-        this.updateDisplay();
-        if (newValue !== this.value) {
-            this.value = newValue;
-            this.update?.emit(newValue);
-        }
-        if (!this.rules || this.rules.length === 0)
-            return;
-        this.error = false;
-        for (const rule of this.rules) {
-            const result = rule(newValue);
-            if (result !== true) {
-                this.error = true;
-                break;
-            }
-        }
-    }
-    componentWillLoad() {
-        if (this.value !== null && this.value !== undefined) {
-            const parsed = typeof this.value === 'string' ? this.parseInput(this.value) : this.value;
-            if (parsed !== null) {
-                this.internalValue = this.clampMinMax(parsed);
-            }
-        }
-        this.updateDisplay();
-    }
-    // TODO: 현재 숫자를 크게 넣어서 숫자e+21등의 형식으로 변환되면 값이 바뀌지않음 수정 필요
-    handleInput = (event) => {
-        const target = event.target;
-        const inputValue = target.value;
-        if (inputValue === '') {
-            this.internalValue = null;
-            this.displayValue = '';
-            return;
-        }
-        const commasRemoved = inputValue.replace(/,/g, '');
-        // 만약에 소수점 (.) 이 여러개 일 경우
-        const decimalCount = (commasRemoved.match(/\./g) || []).length;
-        if (decimalCount > 1) {
-            target.value = this.displayValue;
-            return;
-        }
-        // 가능: "-", ".", "-." (단순 기호만 있는 경우)
-        if (commasRemoved === '-' || commasRemoved === '.' || commasRemoved === '-.') {
-            target.value = commasRemoved;
-            return;
-        }
-        // 숫자 뒤에 . 이 있는 경우 (예: "1000.") -> 콤마 포맷 적용 + . 유지
-        if (commasRemoved.endsWith('.') && decimalCount === 1) {
-            const numberPart = commasRemoved.slice(0, -1);
-            const parsed = this.parseInput(numberPart);
-            if (parsed !== null) {
-                const formatted = this.formatWithCommas(parsed);
-                target.value = formatted + '.';
-                return;
-            }
-        }
-        const parsed = this.parseInput(commasRemoved);
-        if (parsed !== null) {
-            if (parsed < this.min) {
-                target.value = this.displayValue;
-                return;
-            }
-            if (parsed > this.max) {
-                target.value = this.displayValue;
-                return;
-            }
-            this.internalValue = parsed;
-            this.displayValue = this.formatWithCommas(parsed);
-            target.value = this.displayValue;
-        }
-        else {
-            target.value = this.displayValue;
-        }
-    };
-    handleFocus = (event) => {
-        this.focus?.emit(event);
-    };
-    handleBlur = (event) => {
-        this.updateDisplay();
-        if (this.nativeEl) {
-            this.nativeEl.value = this.displayValue;
-        }
-        this.blur?.emit(event);
-    };
-    handleKeyDown = (event) => {
-        if (event.key === 'ArrowUp') {
-            event.preventDefault();
-            this.handleIncrement();
-        }
-        else if (event.key === 'ArrowDown') {
-            event.preventDefault();
-            this.handleDecrement();
-        }
-    };
-    handleIncrement = () => {
-        if (this.isIncrementDisabled())
-            return;
-        const currentVal = this.internalValue ?? this.min ?? 0;
-        let nextVal = currentVal + this.step;
-        if (nextVal > this.max) {
-            nextVal = this.max;
-        }
-        if (nextVal === currentVal)
-            return;
-        this.internalValue = nextVal;
-    };
-    handleDecrement = () => {
-        if (this.isDecrementDisabled())
-            return;
-        const currentVal = this.internalValue ?? this.min ?? 0;
-        let nextVal = currentVal - this.step;
-        if (nextVal < this.min) {
-            nextVal = this.min;
-        }
-        if (nextVal === currentVal)
-            return;
-        this.internalValue = nextVal;
-    };
-    async sdGetNativeElement() {
-        return this.nativeEl || null;
-    }
-    getInputStatus() {
-        if (this.disabled)
-            return 'sd-number-input--disabled';
-        if (this.hovered)
-            return 'sd-number-input--hovered';
-        if (this.status)
-            return `sd-number-input--${this.status}`;
-        if (this.error)
-            return 'sd-number-input--error';
-        return '';
-    }
-    render() {
-        const inputWidth = this.width
-            ? {
-                '--input-width': typeof this.width === 'number' ? `${this.width}px` : this.width,
-            }
-            : {};
-        const inputStyles = {
-            textAlign: this.useButton ? 'center' : 'right',
-        };
-        return (h("div", { key: 'b46cd55c205c9d0f0b7e4af181cbef7cc558f464', class: "sd-number-input-container", style: inputWidth, onFocus: this.handleFocus, onBlur: this.handleBlur }, this.label && h("div", { key: 'f2e0ef64df2132b0efca4bd5d50441f191fcc307', class: "sd-number-input__label" }, this.label), h("label", { key: '98920eb7ee7e07ad4719069201beffdeb3c8510a', class: {
-                'sd-number-input': true,
-                [this.getInputStatus()]: true,
-                'sd-number-input--with-buttons': this.useButton,
-            }, onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false), style: this.inputStyle }, h("input", { key: 'b8ffd42e1a1d3936f6f8b5bf2351b46d31a193ad', ref: el => (this.nativeEl = el), class: `sd-number-input__input ${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, style: inputStyles }), this.useButton && (h("div", { key: 'b94de21e7b6b1020daac92cfefe9215444704a43', class: "sd-number-input__buttons" }, h("button", { key: '0a96725cc1c469db6c7520d21df06f757d20ffc6', type: "button", class: {
-                'sd-number-input__button': true,
-                'sd-number-input__button--decrement': true,
-            }, disabled: this.isDecrementDisabled(), onClick: this.handleDecrement, tabindex: -1 }, h("sd-icon", { key: '598f637e2ad3cb46f4c881552dc2812c86964c68', name: "minus", size: 12, color: this.isDecrementDisabled() ? 'grey_45' : 'brilliantblue_70' })), h("button", { key: '03532b7f895aaa6b616739c1a2272c0a517a2140', type: "button", class: {
-                'sd-number-input__button': true,
-                'sd-number-input__button--increment': true,
-            }, disabled: this.isIncrementDisabled(), onClick: this.handleIncrement, tabindex: -1 }, h("sd-icon", { key: 'bd9d565d790305f4153e52a4323dce18559df970', name: "add", size: 12, color: this.isIncrementDisabled() ? 'grey_45' : 'brilliantblue_70' })))))));
-    }
-    static get watchers() { return {
-        "value": ["valueChanged"],
-        "internalValue": ["internalValueChanged"]
-    }; }
-    static get style() { return sdNumberInputCss(); }
-}, [768, "sd-number-input", {
-        "min": [2],
-        "max": [2],
-        "step": [2],
-        "useButton": [4, "use-button"],
-        "useDecimal": [4, "use-decimal"],
-        "value": [1032],
-        "label": [1],
-        "placeholder": [1],
-        "disabled": [4],
-        "width": [8],
-        "rules": [16],
-        "autoFocus": [4, "auto-focus"],
-        "status": [1],
-        "inputClass": [1, "input-class"],
-        "readonly": [4],
-        "inputStyle": [16],
-        "internalValue": [32],
-        "displayValue": [32],
-        "hovered": [32],
-        "error": [32],
-        "sdGetNativeElement": [64]
-    }, undefined, {
-        "value": ["valueChanged"],
-        "internalValue": ["internalValueChanged"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["sd-number-input", "sd-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "sd-number-input":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), SdNumberInput$1);
-            }
-            break;
-        case "sd-icon":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const SdNumberInput = SdNumberInput$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SdNumberInput, defineCustomElement };
-//# sourceMappingURL=sd-number-input.js.map
-
-//# sourceMappingURL=sd-number-input.js.map
+import{p as t,H as e,c as s,h as i,t as n}from"./p-4iQAU7kM.js";import{n as r}from"./p-CCwNgVmC.js";import{d as u}from"./p-BJ1sZUZE.js";import{d}from"./p-B1d3IESD.js";import{d as a}from"./p-BRSMWd2J.js";import{d as o}from"./p-IlOHs7VA.js";import{d as l}from"./p-DGXSqFYF.js";const h=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.update=s(this,"sdUpdate"),this.focus=s(this,"sdFocus"),this.blur=s(this,"sdBlur")}get el(){return this}min=-1/0;max=1/0;step=1;useButton=!1;useDecimal=!1;value=null;label;insideLabel=!1;placeholder="입력해 주세요.";disabled=!1;width;rules=[];autoFocus=!1;status;inputClass="";readonly=!1;inputStyle={};error=!1;focused=!1;hovered=!1;internalValue=null;displayValue="";nativeEl=void 0;formField;name=r();update;focus;blur;formatWithCommas(t){if(null==t)return"";const e=t<0,s=Math.abs(t),[i,n]=(""+s).split("."),r=(+i).toLocaleString(),u=e?"-"+r:r;return n?u+"."+n:u+""}parseInput(t){if(!t||""===t.trim())return null;const e=t.replace(/,/g,"").trim();if(!/^-?(\d+\.?\d*|\d*\.\d+)$/.test(e))return null;const s=parseFloat(e);return isNaN(s)||!this.useDecimal&&e.includes(".")?null:s}clampMinMax(t){return 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){if(null===t||""===t)this.internalValue=null;else{const e="string"==typeof t?this.parseInput(t):t;null!==e&&(this.internalValue=this.clampMinMax(e))}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()}componentWillLoad(){if(null!=this.value){const t="string"==typeof this.value?this.parseInput(this.value):this.value;null!==t&&(this.internalValue=this.clampMinMax(t))}this.updateDisplay()}handleInput=t=>{const e=t.target,s=e.value;if(""===s)return this.internalValue=null,void(this.displayValue="");const i=s.replace(/,/g,""),n=(i.match(/\./g)||[]).length;if(n>1)return void(e.value=this.displayValue);if("-"===i||"."===i||"-."===i)return void(e.value=i);if(i.endsWith(".")&&1===n){const t=i.slice(0,-1),s=this.parseInput(t);if(null!==s){const t=this.formatWithCommas(s);return void(e.value=t+".")}}const r=this.parseInput(i);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.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)};async sdGetNativeElement(){return this.nativeEl||null}getInputStatus(){return this.disabled?"sd-number-input--disabled":this.hovered?"sd-number-input--hovered":this.status?"sd-number-input--"+this.status:this.error?"sd-number-input--error":""}render(){const t={textAlign:this.useButton?"center":"right"};return i("sd-field",{key:"ea231ae67c1e209d4c9adca87bd9760bcd28ec51",name:this.name,label:this.label,insideLabel:this.insideLabel,rules:this.rules,error:this.error,disabled:this.disabled,focused:this.focused,hovered:this.hovered,status:this.status,ref:t=>this.formField=t,style:this.width?{"--input-width":"number"==typeof this.width?this.width+"px":this.width}:{}},i("label",{key:"76bbc2fb1e36d25887ac0559ff7f34617a35883e",class:{"sd-number-input":!0,[this.getInputStatus()]:!0,"sd-number-input--with-buttons":this.useButton},onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1,style:this.inputStyle},i("input",{key:"7978c4e8383017b9a8213e827f92c2d9ccc7b275",name:this.name,ref:t=>this.nativeEl=t,class:"sd-number-input__input "+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,style:t,onFocus:this.handleFocus,onBlur:this.handleBlur}),this.useButton&&i("div",{key:"aff328615ab939724ee0f77f4b7ac8b046eb16d1",class:"sd-number-input__buttons"},i("button",{key:"a27a592cc4e74b3272e3473988dbd877e9d0afd3",type:"button",class:{"sd-number-input__button":!0,"sd-number-input__button--decrement":!0},disabled:this.isDecrementDisabled(),onClick:this.handleDecrement,tabindex:-1},i("sd-icon",{key:"79853e0a9ab38cfaafbd8027dae1a0732702d5bc",name:"minus",size:12,color:this.isDecrementDisabled()?"grey_45":"brilliantblue_70"})),i("button",{key:"0993c22719cdbdf3982dea138653ba1f2f6aa523",type:"button",class:{"sd-number-input__button":!0,"sd-number-input__button--increment":!0},disabled:this.isIncrementDisabled(),onClick:this.handleIncrement,tabindex:-1},i("sd-icon",{key:"6da02951a443a1a46fd44f6bd7c1a7ed41af0b01",name:"add",size:12,color:this.isIncrementDisabled()?"grey_45":"brilliantblue_70"})))))}static get watchers(){return{value:[{valueChanged:0}],internalValue:[{internalValueChanged:0}]}}static get style(){return"sd-icon{display:inline-block;line-height:0}sd-icon .sd-icon--rotate-90{transform:rotate(90deg)}sd-icon .sd-icon--rotate-180{transform:rotate(180deg)}sd-icon .sd-icon--rotate-270{transform:rotate(270deg)}sd-number-input .sd-number-input{box-sizing:border-box;display:flex;width:var(--input-width, 100%);align-items:center;height:28px;padding:4px 8px;border-radius:4px;color:#333333;font-size:12px;line-height:20px;position:relative}sd-number-input .sd-number-input .sd-number-input__input{display:block;width:100%;height:20px;line-height:20px;border:none;outline:none;background:transparent;font-size:inherit;color:#333333;margin-left:4px;margin-right:4px;padding-block:0;padding-inline:0;text-align:right}sd-number-input .sd-number-input .sd-number-input__input[disabled]{cursor:not-allowed;color:#888888}sd-number-input .sd-number-input .sd-number-input__input::placeholder{font-size:12px;height:20px;line-height:20px;color:#aaaaaa}sd-number-input .sd-number-input .sd-number-input__clear-icon{cursor:pointer;margin-left:8px}sd-number-input .sd-number-input .sd-number-input__buttons{padding:4px;display:flex;justify-content:space-between;align-items:center;position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity 0.2s ease}sd-number-input .sd-number-input .sd-number-input__button{width:20px;height:20px;border:none;border-radius:2px;background-color:#eff6ff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;margin:0;transition:background-color 0.2s ease}sd-number-input .sd-number-input .sd-number-input__button:hover:not(:disabled){background-color:#e6f1ff}sd-number-input .sd-number-input .sd-number-input__button:disabled{background-color:#eeeeee;cursor:not-allowed}sd-number-input .sd-number-input .sd-number-input__button--decrement{border-bottom-left-radius:0;border-bottom-right-radius:0}sd-number-input .sd-number-input .sd-number-input__button--increment{border-top-left-radius:0;border-top-right-radius:0}sd-number-input .sd-number-input .sd-number-input__label{margin-bottom:8px;font-weight:500;color:#333333}sd-number-input:focus-within .sd-number-input__buttons{opacity:1;pointer-events:auto}sd-number-input:focus-within .sd-number-input{border-color:#0075ff;box-shadow:0 0 4px 0 rgba(0, 113, 255, 0.4)}"}},[512,"sd-number-input",{min:[2],max:[2],step:[2],useButton:[4,"use-button"],useDecimal:[4,"use-decimal"],value:[1032],label:[1],insideLabel:[4,"inside-label"],placeholder:[1],disabled:[4],width:[8],rules:[16],autoFocus:[4,"auto-focus"],status:[1],inputClass:[1,"input-class"],readonly:[4],inputStyle:[16],error:[1028],focused:[1028],hovered:[1028],internalValue:[32],displayValue:[32],sdValidate:[64],sdReset:[64],sdResetValidate:[64],sdFocus:[64],sdGetNativeElement:[64]},void 0,{value:[{valueChanged:0}],internalValue:[{internalValueChanged:0}]}]),p=h,b=function(){"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),h);break;case"sd-button":customElements.get(n(t))||u();break;case"sd-field":customElements.get(n(t))||d();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{p as SdNumberInput,b as defineCustomElement}

package/dist/components/sd-pagination.js

@@ -1,9 +1 @@
-import { S as SdPagination$1, d as defineCustomElement$1 } from './p-wRu9w6Gl.js';
-
-const SdPagination = SdPagination$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SdPagination, defineCustomElement };
-//# sourceMappingURL=sd-pagination.js.map
-
-//# sourceMappingURL=sd-pagination.js.map
+import{S as s,d as o}from"./p-BSPYsa_p.js";const p=s,a=o;export{p as SdPagination,a as defineCustomElement}