@sellmate/design-system 1.0.15 → 1.0.17

package/dist/collection/components/sd-icon/sd-icon.js

@@ -45,7 +45,7 @@ export class SdIcon {
                 "mutable": false,
                 "complexType": {
                     "original": "IconName",
-                    "resolved": "\"youtube\" | \"warningOutline\" | \"warningFilled\" | \"warehouseSolid\" | \"warehouseLine\" | \"visibilityOn\" | \"visibilityOff\" | \"user\" | \"synchronize\" | \"star\" | \"setting\" | \"search\" | \"row\" | \"robot\" | \"reset\" | \"pdf\" | \"pageMove\" | \"pageEdit\" | \"outLine\" | \"notion\" | \"notificationOutline\" | \"notificationFilled\" | \"minus\" | \"logout\" | \"location\" | \"line\" | \"inline\" | \"imageLine\" | \"imageFill\" | \"history\" | \"helpOutline\" | \"helpFilled\" | \"global\" | \"event\" | \"etc\" | \"drag\" | \"download\" | \"remove\" | \"date\" | \"dashboard\" | \"copy\" | \"close\" | \"clockOutline\" | \"clockFilled\" | \"CheckOutline\" | \"CheckFilled\" | \"check\" | \"caretUp\" | \"caretRight\" | \"caretLeft\" | \"caretDown\" | \"cancelOutline\" | \"cancelFilled\" | \"box\" | \"board\" | \"bell\" | \"barcode\" | \"badgeNew\" | \"attachFile\" | \"arrowUp\" | \"arrowRightEnd\" | \"arrowRight\" | \"arrowLeftEnd\" | \"arrowLeft\" | \"arrowDown\" | \"arrow2UpDown\" | \"arrow2Up\" | \"arrow2Right\" | \"arrow2Left\" | \"arrow2Down\" | \"archive\" | \"alignKorean\" | \"alert\" | \"add\"",
+                    "resolved": "\"CheckFilled\" | \"CheckOutline\" | \"add\" | \"alert\" | \"alignKorean\" | \"archive\" | \"arrow2Down\" | \"arrow2Left\" | \"arrow2Right\" | \"arrow2Up\" | \"arrow2UpDown\" | \"arrowDown\" | \"arrowLeft\" | \"arrowLeftEnd\" | \"arrowRight\" | \"arrowRightEnd\" | \"arrowUp\" | \"attachFile\" | \"badgeNew\" | \"barcode\" | \"bell\" | \"board\" | \"box\" | \"cancelFilled\" | \"cancelOutline\" | \"caretDown\" | \"caretLeft\" | \"caretRight\" | \"caretUp\" | \"check\" | \"clockFilled\" | \"clockOutline\" | \"close\" | \"copy\" | \"dashboard\" | \"date\" | \"download\" | \"drag\" | \"etc\" | \"event\" | \"global\" | \"helpFilled\" | \"helpOutline\" | \"history\" | \"imageFill\" | \"imageLine\" | \"inline\" | \"line\" | \"location\" | \"logout\" | \"minus\" | \"notificationFilled\" | \"notificationOutline\" | \"notion\" | \"outLine\" | \"pageEdit\" | \"pageMove\" | \"pdf\" | \"remove\" | \"reset\" | \"robot\" | \"row\" | \"search\" | \"setting\" | \"star\" | \"synchronize\" | \"user\" | \"visibilityOff\" | \"visibilityOn\" | \"warehouseLine\" | \"warehouseSolid\" | \"warningFilled\" | \"warningOutline\" | \"youtube\"",
                     "references": {
                         "IconName": {
                             "location": "global",
@@ -167,4 +167,3 @@ export class SdIcon {
         };
     }
 }
-//# sourceMappingURL=sd-icon.js.map

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

@@ -272,7 +272,8 @@ export class SdInput {
                         "Rule": {
                             "location": "import",
                             "path": "../../types/form",
-                            "id": "src/types/form.d.ts::Rule"
+                            "id": "src/types/form.d.ts::Rule",
+                            "referenceLocation": "Rule"
                         }
                     }
                 },
@@ -495,7 +496,8 @@ export class SdInput {
                         "SdTooltipProps": {
                             "location": "import",
                             "path": "../sd-tooltip/sd-tooltip",
-                            "id": "src/components/sd-tooltip/sd-tooltip.tsx::SdTooltipProps"
+                            "id": "src/components/sd-tooltip/sd-tooltip.tsx::SdTooltipProps",
+                            "referenceLocation": "SdTooltipProps"
                         }
                     }
                 },
@@ -567,7 +569,8 @@ export class SdInput {
                         "Event": {
                             "location": "import",
                             "path": "@stencil/core",
-                            "id": "../../node_modules/@stencil/core/internal/stencil-core/index.d.ts::Event"
+                            "id": "../../node_modules/@stencil/core/internal/stencil-core/index.d.ts::Event",
+                            "referenceLocation": "Event"
                         }
                     }
                 }
@@ -588,7 +591,8 @@ export class SdInput {
                         "Event": {
                             "location": "import",
                             "path": "@stencil/core",
-                            "id": "../../node_modules/@stencil/core/internal/stencil-core/index.d.ts::Event"
+                            "id": "../../node_modules/@stencil/core/internal/stencil-core/index.d.ts::Event",
+                            "referenceLocation": "Event"
                         }
                     }
                 }
@@ -698,4 +702,3 @@ export class SdInput {
             }];
     }
 }
-//# sourceMappingURL=sd-input.js.map

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

@@ -44,4 +44,3 @@ export class SdLoadingSpinner {
         };
     }
 }
-//# sourceMappingURL=sd-loading-spinner.js.map

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

@@ -8,7 +8,7 @@ export class SdModalCard {
     buttonFlexDirection = 'row';
     buttonProps;
     message = [];
-    modalClass = '';
+    sdClass = '';
     close;
     confirm;
     get pointColor() {
@@ -25,12 +25,12 @@ export class SdModalCard {
         }
     }
     get getModalClass() {
-        let modalClass = `sd-modal-card ${this.modalClass}`;
+        let modalClass = `sd-modal-card ${this.sdClass}`;
         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 }) }))))));
+        return (h("div", { key: '0390932a29db512f09a47fbb030b1140410b6a73', class: this.getModalClass, style: { '--point-color': this.pointColor } }, this.useCloseButton && (h("sd-icon", { key: '338844b48a075507352a72a6f8784d912e1f51a0', class: "sd-modal-card__close-button", name: "close", size: "20", color: "grey_65", onClick: () => this.close.emit() })), this.type !== 'normal' && (h("sd-icon", { key: '5209a86ad65c6f255a37691897940d50b15d59e8', class: "sd-modal-card__icon", name: this.type === 'info' ? 'notificationOutline' : 'warningOutline', size: "32", color: this.type === 'info' ? 'brilliantblue_75' : 'red_75' })), h("h2", { key: '5586e88dd9882f89ccd3aff047435c7dc821cebc', class: "sd-modal-card__title" }, this.modalTitle), h("slot", { key: '0f12630ca6434885e4efc0810ae552dc0f0433b5' }, h("div", { key: '04af07e88d2b65274a3ca28b3975d496917f1139', class: `sd-modal-card__message-container` }, this.message.map(msg => (h("p", { class: "sd-modal-card__message" }, msg))))), h("div", { key: 'b81e9fae8781fe8e57c54c0b51adc141c13c7ba8', class: `sd-modal-card__button-container flex-${this.buttonFlexDirection}` }, this.buttonProps?.map(button => (h("sd-button", { sdClass: `sd-modal-card__button ${button.class || ''}`, variant: button.variant ? button.variant : 'outline', label: button.label, color: button.color, size: button.size, onSdClick: () => !button.type || button.type === 'confirm' ? this.confirm.emit() : this.close.emit() }))))));
     }
     static get is() { return "sd-modal-card"; }
     static get originalStyleUrls() {
@@ -186,7 +186,7 @@ export class SdModalCard {
                 "setter": false,
                 "defaultValue": "[]"
             },
-            "modalClass": {
+            "sdClass": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
@@ -203,7 +203,7 @@ export class SdModalCard {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "modal-class",
+                "attribute": "sd-class",
                 "defaultValue": "''"
             }
         };
@@ -252,4 +252,3 @@ export class SdModalCard {
             }];
     }
 }
-//# sourceMappingURL=sd-modal-card.js.map

package/dist/collection/components/sd-number-input/sd-number-input.css

@@ -12,9 +12,6 @@ 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;
@@ -22,34 +19,12 @@ sd-number-input .sd-number-input {
   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%;
@@ -66,6 +41,10 @@ sd-number-input .sd-number-input .sd-number-input__input {
   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;

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

@@ -1,4 +1,5 @@
 import { h, } from "@stencil/core";
+import { nanoid } from "nanoid/non-secure";
 export class SdNumberInput {
     el;
     min = Number.NEGATIVE_INFINITY;
@@ -8,20 +9,24 @@ export class SdNumberInput {
     useDecimal = false;
     value = null;
     label;
+    insideLabel = false;
     placeholder = '입력해 주세요.';
     disabled = false;
     width;
-    rules;
+    rules = [];
     autoFocus = false;
     status;
     inputClass = '';
     readonly = false;
     inputStyle = {};
+    error = false;
+    focused = false;
+    hovered = false;
     internalValue = null;
     displayValue = '';
-    hovered = false;
-    error = false;
     nativeEl = undefined;
+    formField;
+    name = nanoid();
     update;
     focus;
     blur;
@@ -92,16 +97,18 @@ export class SdNumberInput {
             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;
-            }
-        }
+    }
+    async sdValidate() {
+        this.formField?.sdValidate();
+    }
+    async sdReset() {
+        this.formField?.sdReset();
+    }
+    async sdResetValidate() {
+        this.formField?.sdResetValidation();
+    }
+    async sdFocus() {
+        this.formField?.sdFocus();
     }
     componentWillLoad() {
         if (this.value !== null && this.value !== undefined) {
@@ -164,11 +171,15 @@ export class SdNumberInput {
     handleFocus = (event) => {
         this.focus?.emit(event);
     };
-    handleBlur = (event) => {
+    handleBlur = async (event) => {
         this.updateDisplay();
         if (this.nativeEl) {
             this.nativeEl.value = this.displayValue;
         }
+        if (this.rules && this.rules.length > 0) {
+            await this.formField?.sdValidate();
+        }
+        this.focused = false;
         this.blur?.emit(event);
     };
     handleKeyDown = (event) => {
@@ -228,17 +239,17 @@ export class SdNumberInput {
         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: {
+        return (h("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: el => (this.formField = el), style: inputWidth }, h("label", { key: '76bbc2fb1e36d25887ac0559ff7f34617a35883e', 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: {
+            }, onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false), style: this.inputStyle }, h("input", { key: '7978c4e8383017b9a8213e827f92c2d9ccc7b275', name: this.name, 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, onFocus: this.handleFocus, onBlur: this.handleBlur }), this.useButton && (h("div", { key: 'aff328615ab939724ee0f77f4b7ac8b046eb16d1', class: "sd-number-input__buttons" }, h("button", { key: 'a27a592cc4e74b3272e3473988dbd877e9d0afd3', 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: {
+            }, disabled: this.isDecrementDisabled(), onClick: this.handleDecrement, tabindex: -1 }, h("sd-icon", { key: '79853e0a9ab38cfaafbd8027dae1a0732702d5bc', name: "minus", size: 12, color: this.isDecrementDisabled() ? 'grey_45' : 'brilliantblue_70' })), h("button", { key: '0993c22719cdbdf3982dea138653ba1f2f6aa523', 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' })))))));
+            }, disabled: this.isIncrementDisabled(), onClick: this.handleIncrement, tabindex: -1 }, h("sd-icon", { key: '6da02951a443a1a46fd44f6bd7c1a7ed41af0b01', name: "add", size: 12, color: this.isIncrementDisabled() ? 'grey_45' : 'brilliantblue_70' })))))));
     }
     static get is() { return "sd-number-input"; }
     static get originalStyleUrls() {
@@ -392,6 +403,26 @@ export class SdNumberInput {
                 "reflect": false,
                 "attribute": "label"
             },
+            "insideLabel": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "inside-label",
+                "defaultValue": "false"
+            },
             "placeholder": {
                 "type": "string",
                 "mutable": false,
@@ -455,12 +486,14 @@ export class SdNumberInput {
                 "type": "unknown",
                 "mutable": false,
                 "complexType": {
-                    "original": "Array<(value: string | number | null) => boolean | string>",
-                    "resolved": "(((value: string | number | null) => string | boolean)[]) | undefined",
+                    "original": "Rule[]",
+                    "resolved": "Rule[] | undefined",
                     "references": {
-                        "Array": {
-                            "location": "global",
-                            "id": "global::Array"
+                        "Rule": {
+                            "location": "import",
+                            "path": "../../types/form",
+                            "id": "src/types/form.d.ts::Rule",
+                            "referenceLocation": "Rule"
                         }
                     }
                 },
@@ -471,7 +504,8 @@ export class SdNumberInput {
                     "text": ""
                 },
                 "getter": false,
-                "setter": false
+                "setter": false,
+                "defaultValue": "[]"
             },
             "autoFocus": {
                 "type": "boolean",
@@ -569,15 +603,73 @@ export class SdNumberInput {
                 "getter": false,
                 "setter": false,
                 "defaultValue": "{}"
+            },
+            "error": {
+                "type": "boolean",
+                "mutable": true,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "error",
+                "defaultValue": "false"
+            },
+            "focused": {
+                "type": "boolean",
+                "mutable": true,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "focused",
+                "defaultValue": "false"
+            },
+            "hovered": {
+                "type": "boolean",
+                "mutable": true,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "hovered",
+                "defaultValue": "false"
             }
         };
     }
     static get states() {
         return {
             "internalValue": {},
-            "displayValue": {},
-            "hovered": {},
-            "error": {}
+            "displayValue": {}
         };
     }
     static get events() {
@@ -613,7 +705,8 @@ export class SdNumberInput {
                         "Event": {
                             "location": "import",
                             "path": "@stencil/core",
-                            "id": "../../node_modules/@stencil/core/internal/stencil-core/index.d.ts::Event"
+                            "id": "../../node_modules/@stencil/core/internal/stencil-core/index.d.ts::Event",
+                            "referenceLocation": "Event"
                         }
                     }
                 }
@@ -634,7 +727,8 @@ export class SdNumberInput {
                         "Event": {
                             "location": "import",
                             "path": "@stencil/core",
-                            "id": "../../node_modules/@stencil/core/internal/stencil-core/index.d.ts::Event"
+                            "id": "../../node_modules/@stencil/core/internal/stencil-core/index.d.ts::Event",
+                            "referenceLocation": "Event"
                         }
                     }
                 }
@@ -642,6 +736,74 @@ export class SdNumberInput {
     }
     static get methods() {
         return {
+            "sdValidate": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
+            "sdReset": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
+            "sdResetValidate": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
+            "sdFocus": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
             "sdGetNativeElement": {
                 "complexType": {
                     "signature": "() => Promise<HTMLInputElement | null>",
@@ -676,4 +838,3 @@ export class SdNumberInput {
             }];
     }
 }
-//# sourceMappingURL=sd-number-input.js.map

package/dist/collection/components/sd-pagination/sd-pagination.js

@@ -68,12 +68,12 @@ export class SdPagination {
         }
     }
     render() {
-        return (h("div", { key: '3113faf5d75fa4a13e267653cae820035270e652', class: this.paginationClasses }, h("div", { key: 'a770afe37da389511bbfda99324e7794ffa299f5', class: "prepend-btns" }, this.renderPrevButtons()), this.simple ? (h("div", { class: "pagination-info" }, h("span", { class: "current-page" }, this.currentPage), h("span", null, "/"), h("span", { class: "last-page" }, this.lastPage))) : (this.pageNumbers.map(n => (h("button", { type: "button", "aria-current": this.currentPage === n ? 'page' : undefined, class: {
+        return (h("div", { key: 'feed08139c382f91539bc316a967ed1738529688', class: this.paginationClasses }, h("div", { key: '42c908d7a685f2acab29a94d040e4f4c513fff38', class: "prepend-btns" }, this.renderPrevButtons()), this.simple ? (h("div", { class: "pagination-info" }, h("span", { class: "current-page" }, this.currentPage), h("span", null, "/"), h("span", { class: "last-page" }, this.lastPage))) : (this.pageNumbers.map(n => (h("button", { type: "button", "aria-current": this.currentPage === n ? 'page' : undefined, class: {
                 'pagination-btn': true,
                 'pagination-btn--selected': this.currentPage === n,
             }, disabled: this.currentPage === n, style: {
                 '--pagination-btn-width': `${this.buttonWidth}px`,
-            }, onClick: () => this.handlePageChange(n) }, n)))), h("div", { key: '7e3842b531373d6485ae8912addea1aa531ca891', class: "append-btns" }, this.renderNextButtons())));
+            }, onClick: () => this.handlePageChange(n) }, n)))), h("div", { key: '2be11ae773c0bce71ecaf53f99daff3f5b2d567d', class: "append-btns" }, this.renderNextButtons())));
     }
     static get is() { return "sd-pagination"; }
     static get originalStyleUrls() {
@@ -169,4 +169,3 @@ export class SdPagination {
             }];
     }
 }
-//# sourceMappingURL=sd-pagination.js.map

package/dist/collection/components/sd-popover/sd-popover.js

@@ -30,11 +30,11 @@ export class SdPopover {
         this.showPopover = false;
     };
     render() {
-        return (h(Fragment, { key: '2a61062e200ac3ca2704756d7d1f6f16977c48f7' }, this.label ? (h("sd-button", { ref: el => (this.buttonEl = el), label: this.label, icon: this.icon, size: this.buttonSize, color: this.color, variant: this.buttonVariant, class: "sd-popover", onClick: () => (this.showPopover = !this.showPopover) })) : (h("sd-icon", { ref: el => (this.buttonEl = el), name: this.icon, size: this.iconSize, color: this.color, class: "sd-popover", onClick: () => (this.showPopover = !this.showPopover) })), this.showPopover && (h("sd-floating-portal", { key: '2d624846b0c7cef09f303437989653c7320a832c', parentRef: this.buttonEl, onSdClose: this.handleClose, placement: this.placement }, h("div", { key: 'f71d28238094e82c43d00e1ab4933b6945f5df4d', class: {
+        return (h(Fragment, { key: '883bea0d5ef88bb63b4a1a2d778aedf0bce6f000' }, this.label ? (h("sd-button", { ref: el => (this.buttonEl = el), label: this.label, icon: this.icon, size: this.buttonSize, color: this.color, variant: this.buttonVariant, class: "sd-popover", onSdClick: () => (this.showPopover = !this.showPopover) })) : (h("sd-icon", { ref: el => (this.buttonEl = el), name: this.icon, size: this.iconSize, color: this.color, class: "sd-popover", onClick: () => (this.showPopover = !this.showPopover) })), this.showPopover && (h("sd-floating-portal", { key: 'f38658d537cd8cebb84e579b02c73209e8a81d3a', parentRef: this.buttonEl, onSdClose: this.handleClose, placement: this.placement }, h("div", { key: '472702d7d51c08051670012fc2e930f41ad7f1b5', class: {
                 'sd-floating-menu': true,
                 [`sd-floating-menu--${this.placement}`]: true,
                 [this.menuClass]: !!this.menuClass,
-            } }, h("i", { key: '9173ac0cadb39409fee25809542420423e4a327c', class: `sd-floating-menu__arrow sd-floating-menu__arrow--${this.placement}` }, h(TooltipArrow, { key: '137ffab11643f153b52bd4a068b597fd98fd7698' })), h("div", { key: '283f18867bd48ca58ca9621f46637f78aea108b7', class: "sd-floating-menu__content" }, this.menuTitle && h("div", { key: '58c8799e22cd93294d44f9320a07b4d9b51df001', class: "sd-floating-menu__title" }, this.menuTitle), this.messages.length > 0 && (h("div", { key: 'b8ef358d0e952024e361e93cc56f315fd7fa37e5', class: "sd-floating-menu__messages" }, this.messages.map(message => (h("div", null, message))))), this.buttons.length > 0 && (h("div", { key: '53abc6fde61026b2e42cdd9aa3914b86047ac1c8', class: `sd-floating-menu__buttons sd-floating-menu__buttons--${this.buttons.length}` }, this.buttons.map(button => (h("sd-button", { ...button })))))), this.useClose && (h("button", { key: 'a39ea568a1cb13be87c350f646b0a519fc3f94d7', title: "close", class: "sd-floating-menu__close-button", onClick: () => this.handleClose() }, h("sd-icon", { key: 'a00c0ffe7b173471e4ecdb9b98116f4993745bba', name: "close", size: "12", color: "gery_55" }))))))));
+            } }, h("i", { key: '1895eba14b74f393c7221db83fdf97e9a8f3a1aa', class: `sd-floating-menu__arrow sd-floating-menu__arrow--${this.placement}` }, h(TooltipArrow, { key: '4307eb8e750dc36cae5477b366a4ea08a59a5a45' })), h("div", { key: '840d94cf1d4e3c63346cd48a2d47c1c0b0633046', class: "sd-floating-menu__content" }, this.menuTitle && h("div", { key: 'ede807dfdb2efc2a8bf8f89ef597965092c79211', class: "sd-floating-menu__title" }, this.menuTitle), this.messages.length > 0 && (h("div", { key: '613ea1b46810eec1958b735fc23811d66ff2ebf8', class: "sd-floating-menu__messages" }, this.messages.map(message => (h("div", null, message))))), this.buttons.length > 0 && (h("div", { key: '06712ed73687c0e99778d5fda6d75a4e07d815dd', class: `sd-floating-menu__buttons sd-floating-menu__buttons--${this.buttons.length}` }, this.buttons.map(button => (h("sd-button", { ...button })))))), this.useClose && (h("button", { key: '20d628d8d31bd6464c26f3cf5ba894c5c3a2428f', title: "close", class: "sd-floating-menu__close-button", onClick: () => this.handleClose() }, h("sd-icon", { key: 'cd1dcbe02ed55a25364e88621db5ab287eb7ed8e', name: "close", size: "12", color: "gery_55" }))))))));
     }
     static get is() { return "sd-popover"; }
     static get originalStyleUrls() {
@@ -114,7 +114,7 @@ export class SdPopover {
                 "mutable": false,
                 "complexType": {
                     "original": "IconName",
-                    "resolved": "\"youtube\" | \"warningOutline\" | \"warningFilled\" | \"warehouseSolid\" | \"warehouseLine\" | \"visibilityOn\" | \"visibilityOff\" | \"user\" | \"synchronize\" | \"star\" | \"setting\" | \"search\" | \"row\" | \"robot\" | \"reset\" | \"pdf\" | \"pageMove\" | \"pageEdit\" | \"outLine\" | \"notion\" | \"notificationOutline\" | \"notificationFilled\" | \"minus\" | \"logout\" | \"location\" | \"line\" | \"inline\" | \"imageLine\" | \"imageFill\" | \"history\" | \"helpOutline\" | \"helpFilled\" | \"global\" | \"event\" | \"etc\" | \"drag\" | \"download\" | \"remove\" | \"date\" | \"dashboard\" | \"copy\" | \"close\" | \"clockOutline\" | \"clockFilled\" | \"CheckOutline\" | \"CheckFilled\" | \"check\" | \"caretUp\" | \"caretRight\" | \"caretLeft\" | \"caretDown\" | \"cancelOutline\" | \"cancelFilled\" | \"box\" | \"board\" | \"bell\" | \"barcode\" | \"badgeNew\" | \"attachFile\" | \"arrowUp\" | \"arrowRightEnd\" | \"arrowRight\" | \"arrowLeftEnd\" | \"arrowLeft\" | \"arrowDown\" | \"arrow2UpDown\" | \"arrow2Up\" | \"arrow2Right\" | \"arrow2Left\" | \"arrow2Down\" | \"archive\" | \"alignKorean\" | \"alert\" | \"add\"",
+                    "resolved": "\"CheckFilled\" | \"CheckOutline\" | \"add\" | \"alert\" | \"alignKorean\" | \"archive\" | \"arrow2Down\" | \"arrow2Left\" | \"arrow2Right\" | \"arrow2Up\" | \"arrow2UpDown\" | \"arrowDown\" | \"arrowLeft\" | \"arrowLeftEnd\" | \"arrowRight\" | \"arrowRightEnd\" | \"arrowUp\" | \"attachFile\" | \"badgeNew\" | \"barcode\" | \"bell\" | \"board\" | \"box\" | \"cancelFilled\" | \"cancelOutline\" | \"caretDown\" | \"caretLeft\" | \"caretRight\" | \"caretUp\" | \"check\" | \"clockFilled\" | \"clockOutline\" | \"close\" | \"copy\" | \"dashboard\" | \"date\" | \"download\" | \"drag\" | \"etc\" | \"event\" | \"global\" | \"helpFilled\" | \"helpOutline\" | \"history\" | \"imageFill\" | \"imageLine\" | \"inline\" | \"line\" | \"location\" | \"logout\" | \"minus\" | \"notificationFilled\" | \"notificationOutline\" | \"notion\" | \"outLine\" | \"pageEdit\" | \"pageMove\" | \"pdf\" | \"remove\" | \"reset\" | \"robot\" | \"row\" | \"search\" | \"setting\" | \"star\" | \"synchronize\" | \"user\" | \"visibilityOff\" | \"visibilityOn\" | \"warehouseLine\" | \"warehouseSolid\" | \"warningFilled\" | \"warningOutline\" | \"youtube\"",
                     "references": {
                         "IconName": {
                             "location": "global",
@@ -184,7 +184,8 @@ export class SdPopover {
                         "ButtonSize": {
                             "location": "import",
                             "path": "../sd-button/sd-button",
-                            "id": "src/components/sd-button/sd-button.tsx::ButtonSize"
+                            "id": "src/components/sd-button/sd-button.tsx::ButtonSize",
+                            "referenceLocation": "ButtonSize"
                         }
                     }
                 },
@@ -210,7 +211,8 @@ export class SdPopover {
                         "ButtonVariant": {
                             "location": "import",
                             "path": "../sd-button/sd-button",
-                            "id": "src/components/sd-button/sd-button.tsx::ButtonVariant"
+                            "id": "src/components/sd-button/sd-button.tsx::ButtonVariant",
+                            "referenceLocation": "ButtonVariant"
                         }
                     }
                 },
@@ -357,4 +359,3 @@ export class SdPopover {
             }];
     }
 }
-//# sourceMappingURL=sd-popover.js.map

package/dist/collection/components/sd-portal/sd-portal.js

@@ -113,7 +113,7 @@ export class SdPortal {
         this.close.emit();
     }
     render() {
-        return h("slot", { key: '5469d915f8a11d490a1839167b3ae771624d257b' });
+        return h("slot", { key: 'ba2bf5df16f9bef0acef1ac8a08b090a23d02bc7' });
     }
     static get is() { return "sd-portal"; }
     static get properties() {
@@ -273,4 +273,3 @@ export class SdPortal {
             }];
     }
 }
-//# sourceMappingURL=sd-portal.js.map

package/dist/collection/components/sd-progress/sd-progress.js

@@ -33,10 +33,10 @@ export class SdProgress {
         return this.statusColor[this.progressStatus];
     }
     render() {
-        return (h("div", { key: '22105314465e3bc788e018884a68b4fe9050535b', style: {
+        return (h("div", { key: '43da9dac67e760bfe53b8db11c27eef7ef0d8b3b', style: {
                 '--progress-color': this.progressColor,
                 '--progress-percentage': `${this.progressPercentage}%`,
-            } }, this.type === 'bar' ? this.renderBarProgress() : this.renderSpinnerProgress(), this.label && h("div", { key: '2434c60a8412993b3637e48d2c34c8c1010f6358', class: "sd-progress__label" }, this.label)));
+            } }, this.type === 'bar' ? this.renderBarProgress() : this.renderSpinnerProgress(), this.label && h("div", { key: 'af4b1c44f655546fede8ad548bddc6afb7810d2b', class: "sd-progress__label" }, this.label)));
     }
     renderBarProgress() {
         return (h("div", { class: `sd-progress__bar sd-progress__bar--${this.progressStatus}` }, h("div", { class: ['sd-progress__bar__percent', this.progressPercentage < 100 ? 'proceed' : ''].join(' ') }), h("div", { class: "sd-progress__bar__indicator sd-progress__bar__indicator--left" }, this.progressPercentage, "%"), h("div", { class: "sd-progress__bar__indicator sd-progress__bar__indicator--right" }, this.progressPercentage, "%")));
@@ -216,4 +216,3 @@ export class SdProgress {
      });
    </script> */
 }
-//# sourceMappingURL=sd-progress.js.map

package/dist/collection/components/sd-radio/sd-radio.js

@@ -148,4 +148,3 @@ export class SdRadio {
             }];
     }
 }
-//# sourceMappingURL=sd-radio.js.map

package/dist/collection/components/sd-radio-button-group/sd-radio-button-group.js

@@ -190,4 +190,3 @@ export class SdRadioButtonGroup {
             }];
     }
 }
-//# sourceMappingURL=sd-radio-button-group.js.map