@sellmate/design-system 1.0.76 → 1.0.77

package/dist/components/sd-select-multiple.js

@@ -1 +0,0 @@
-import{p as e,c as s,h as t,t as i}from"./p-CNAzAL53.js";import{S as l}from"./p-Cy6HMEsK.js";import{B as o}from"./p-Btx5sC7s.js";import{n as r}from"./p-CCwNgVmC.js";import{d}from"./p-BZm6KN1s.js";import{d as n}from"./p-BZc6lwGD.js";import{d as a}from"./p-DAC3TaZV.js";import{d as c}from"./p-BM0sVq5Z.js";import{d as p}from"./p-Csfj4h1A.js";import{d as h}from"./p-DaAhgdib.js";import{d as m}from"./p-7DKZPPev.js";import{d as u}from"./p-iAWNMLXh.js";import{d as b}from"./p-C-BOe23n.js";import{d as f}from"./p-CqghR1aS.js";import{d as w}from"./p-rnbt1m4L.js";import{d as g}from"./p-6PsyRF61.js";const x=e(class extends o{constructor(e){super(!1),!1!==e&&this.__registerHost(),this.update=s(this,"sdUpdate",7),this.dropDownShow=s(this,"sdDropDownShow",7)}get el(){return this}value=null;options=[];placeholder="선택";optionPlaceholder="선택지가 없습니다.";width="200px";dropdownHeight="260px";autoFocus=!1;disabled=!1;clearable=!1;searchable=!1;useAll=!1;useCheckbox=!1;label="";labelWidth="";icon=void 0;labelTooltip="";labelTooltipProps=null;rules=[];error=!1;optionRenderer;isOpen=!1;itemIndex=-1;isScrolled=!1;update;dropDownShow;selectRef;triggerRef;formField;filteredOptions=[];dropDownWidth="200px";name=r();async sdOpen(){this.isOpen=!0}async sdValidate(){this.formField?.sdValidate()}async sdReset(){this.formField?.sdReset()}async sdResetValidate(){this.formField?.sdResetValidation()}async sdFocus(){this.formField?.sdFocus()}async isOpenChanged(){this.onDropdownToggle(this.isOpen),this.dropDownShow?.emit({isOpen:this.isOpen}),!1===this.isOpen&&await(this.formField?.sdValidate())}componentWillLoad(){this.filteredOptions=this.options,this.dropDownWidth=this.width,this.initializeEvent()}componentDidLoad(){this.autoFocus&&this.selectRef?.focus()}componentDidRender(){const e=this.triggerRef,s=e?.getBoundingClientRect();this.dropDownWidth=s?.width?s.width+"px":this.width}disconnectedCallback(){this.cleanupEvent()}handleDocumentClick(e){this.selectRef?.contains(e.target)||(this.isOpen=!1)}handleDocumentKeydown(e){if(e.stopPropagation(),["ArrowDown","ArrowUp","Enter","Escape"].includes(e.key))switch(e.preventDefault(),e.key){case"ArrowDown":case"ArrowUp":const s=new l(this.searchable,this.filteredOptions).getNextIndex(this.itemIndex,e.key);this.itemIndex=s;break;case"Enter":const t=this.filteredOptions[this.itemIndex];t&&!t.disabled&&this.handleOptionSelection(t);break;case"Escape":this.isOpen=!1}}handleOptionSelection=e=>{if(!e||e.disabled)return;const s=this.value?.some((s=>s.value===e.value));this.value=s?this.value?.filter((s=>s.value!==e.value))||null:[...this.value||[],e],this.update?.emit(this.value)};getSelectedOption(){return this.options.filter((e=>this.value?.includes(e)))}closeDropdown(){this.isOpen=!1}handleTriggerClick=e=>{e.stopPropagation(),this.disabled||(this.isOpen=!this.isOpen,this.dropDownShow?.emit({isOpen:this.isOpen}))};handleOptionClick=e=>{const{option:s,event:t}=e;t.stopPropagation(),this.handleOptionSelection(s)};render(){return t("sd-field",{key:"6fc9d0059e91044ef8e40881276bbef857ef1225",label:this.label,labelWidth:this.labelWidth,name:this.name,rules:this.rules,error:this.error,disabled:this.disabled,icon:this.icon,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:e=>this.formField=e},t("div",{key:"b2591c655dc27b1db16e8f40c0a33997acbee35b",class:{"sd-select-multiple":!0,"sd-select-multiple--open":this.isOpen,"sd-select-multiple--disabled":this.disabled,"sd-select-multiple--error":!!this.error},ref:e=>this.selectRef=e},this.renderTrigger(),this.renderDropdown()))}renderTrigger(){const e=this.getSelectedOption();return t("div",{class:"sd-select-multiple__trigger",tabindex:this.disabled?-1:0,onClick:this.handleTriggerClick,ref:e=>this.triggerRef=e},t("span",{class:"sd-select-multiple__value"},e&&0!==e.length?e.map((e=>e.label)).join(", "):this.placeholder),this.clearable&&e?.length>0&&!this.disabled&&t("sd-icon",{key:"close-icon",name:"close",size:10,color:"#888",class:"sd-select-multiple__clear",onClick:async e=>{e.stopPropagation(),this.value=null,await(this.formField?.sdValidate())}}),t("sd-icon",{key:"arrow-icon",name:"arrowDown",color:"#888",class:{"sd-select-multiple__arrow":!0,"sd-select-multiple__arrow--open":this.isOpen}}))}renderDropdown(){if(!1===this.isOpen)return null;const e=this.selectRef?.querySelector(".sd-select-multiple__trigger")||this.selectRef;return t("sd-portal",{open:this.isOpen,parentRef:e,onSdClose:this.closeDropdown},t("sd-select-dropdown",{value:this.value,options:this.options,itemIndex:this.itemIndex,width:this.dropDownWidth,dropdownHeight:this.dropdownHeight,searchable:this.searchable,optionPlaceholder:this.optionPlaceholder,useCheckbox:this.useCheckbox,useAll:this.useAll,onSdOptionClick:({detail:e})=>this.handleOptionClick(e),onSdOptionFiltered:({detail:e})=>this.filteredOptions=e}))}static get watchers(){return{isOpen:[{isOpenChanged:0}]}}static get style(){return"sd-select-multiple{display:inline-flex;flex-flow:column nowrap;height:fit-content}sd-select-multiple *:focus,sd-select-multiple *:focus-visible,sd-select-multiple *:focus-within{outline:none !important}sd-select-multiple .sd-select-multiple{width:100%}sd-select-multiple .sd-select-multiple .sd-select-multiple__trigger{padding:4px 28px 4px 12px;display:flex;width:100%;align-items:center;cursor:pointer}.sd-field--disabled sd-select-multiple .sd-select-multiple .sd-select-multiple__trigger{cursor:not-allowed}sd-select-multiple .sd-select-multiple .sd-select-multiple__trigger .sd-select-multiple__value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:20px;font-size:12px;font-weight:400;text-align:left}sd-select-multiple .sd-select-multiple .sd-select-multiple__trigger .sd-select-multiple__clear{margin:0 4px;width:8px;height:8px;background-color:transparent;outline:none;border:none}sd-select-multiple .sd-select-multiple__arrow{position:absolute;top:8px;right:8px;width:12px;height:12px;color:#888888;transition:transform 0.3s ease;margin-left:8px}sd-select-multiple .sd-select-multiple__arrow--open{transform:rotate(180deg)}"}},[512,"sd-select-multiple",{value:[1040],options:[1040],placeholder:[1],optionPlaceholder:[1,"option-placeholder"],width:[1],dropdownHeight:[1,"dropdown-height"],autoFocus:[4,"auto-focus"],disabled:[4],clearable:[4],searchable:[4],useAll:[4,"use-all"],useCheckbox:[4,"use-checkbox"],label:[1],labelWidth:[8,"label-width"],icon:[16],labelTooltip:[1,"label-tooltip"],labelTooltipProps:[16],rules:[16],error:[4],optionRenderer:[16],isOpen:[32],itemIndex:[32],isScrolled:[32],sdOpen:[64],sdValidate:[64],sdReset:[64],sdResetValidate:[64],sdFocus:[64]},void 0,{isOpen:[{isOpenChanged:0}]}]),k=x,_=function(){"undefined"!=typeof customElements&&["sd-select-multiple","sd-button","sd-checkbox","sd-field","sd-floating-portal","sd-ghost-button","sd-icon","sd-input","sd-portal","sd-select-dropdown","sd-select-option","sd-select-search-input","sd-tooltip"].forEach((e=>{switch(e){case"sd-select-multiple":customElements.get(i(e))||customElements.define(i(e),x);break;case"sd-button":customElements.get(i(e))||d();break;case"sd-checkbox":customElements.get(i(e))||n();break;case"sd-field":customElements.get(i(e))||a();break;case"sd-floating-portal":customElements.get(i(e))||c();break;case"sd-ghost-button":customElements.get(i(e))||p();break;case"sd-icon":customElements.get(i(e))||h();break;case"sd-input":customElements.get(i(e))||m();break;case"sd-portal":customElements.get(i(e))||u();break;case"sd-select-dropdown":customElements.get(i(e))||b();break;case"sd-select-option":customElements.get(i(e))||f();break;case"sd-select-search-input":customElements.get(i(e))||w();break;case"sd-tooltip":customElements.get(i(e))||g()}}))};export{k as SdSelectMultiple,_ as defineCustomElement}

package/dist/components/sd-select-option-group.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface SdSelectOptionGroup extends Components.SdSelectOptionGroup, HTMLElement {}
-export const SdSelectOptionGroup: {
-    prototype: SdSelectOptionGroup;
-    new (): SdSelectOptionGroup;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/sd-select-option-group.js

@@ -1 +0,0 @@
-import{S as o,d as s}from"./p-DBex-RJU.js";const p=o,r=s;export{p as SdSelectOptionGroup,r as defineCustomElement}

package/dist/components/sd-select-option.js

@@ -1 +0,0 @@
-import{S as o,d as s}from"./p-CqghR1aS.js";const a=o,p=s;export{a as SdSelectOption,p as defineCustomElement}

package/dist/components/sd-select-search-input.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface SdSelectSearchInput extends Components.SdSelectSearchInput, HTMLElement {}
-export const SdSelectSearchInput: {
-    prototype: SdSelectSearchInput;
-    new (): SdSelectSearchInput;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/sd-select-search-input.js

@@ -1 +0,0 @@
-import{S as o,d as r}from"./p-rnbt1m4L.js";const s=o,t=r;export{s as SdSelectSearchInput,t as defineCustomElement}

package/dist/components/sd-select-v2-list-item-search.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface SdSelectV2ListItemSearch extends Components.SdSelectV2ListItemSearch, HTMLElement {}
-export const SdSelectV2ListItemSearch: {
-    prototype: SdSelectV2ListItemSearch;
-    new (): SdSelectV2ListItemSearch;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/sd-select-v2-list-item-search.js

@@ -1 +0,0 @@
-import{S as s,d as o}from"./p-9ZtJl4s6.js";const t=s,p=o;export{t as SdSelectV2ListItemSearch,p as defineCustomElement}

package/dist/components/sd-select-v2-list-item.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface SdSelectV2ListItem extends Components.SdSelectV2ListItem, HTMLElement {}
-export const SdSelectV2ListItem: {
-    prototype: SdSelectV2ListItem;
-    new (): SdSelectV2ListItem;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/sd-select-v2-list-item.js

@@ -1 +0,0 @@
-import{S as o,d as s}from"./p-DWMY9O2B.js";const p=o,r=s;export{p as SdSelectV2ListItem,r as defineCustomElement}

package/dist/components/sd-select-v2-listbox.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface SdSelectV2Listbox extends Components.SdSelectV2Listbox, HTMLElement {}
-export const SdSelectV2Listbox: {
-    prototype: SdSelectV2Listbox;
-    new (): SdSelectV2Listbox;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/sd-select-v2-listbox.js

@@ -1 +0,0 @@
-import{S as o,d as s}from"./p-BQvugXhH.js";const p=o,r=s;export{p as SdSelectV2Listbox,r as defineCustomElement}

package/dist/components/sd-select-v2-trigger.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface SdSelectV2Trigger extends Components.SdSelectV2Trigger, HTMLElement {}
-export const SdSelectV2Trigger: {
-    prototype: SdSelectV2Trigger;
-    new (): SdSelectV2Trigger;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/sd-select-v2-trigger.js

@@ -1 +0,0 @@
-import{S as s,d as o}from"./p-6AvsuYqF.js";const p=s,r=o;export{p as SdSelectV2Trigger,r as defineCustomElement}

package/dist/components/sd-select-v2.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface SdSelectV2 extends Components.SdSelectV2, HTMLElement {}
-export const SdSelectV2: {
-    prototype: SdSelectV2;
-    new (): SdSelectV2;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/sd-select-v2.js

@@ -1 +0,0 @@
-import{S as o,d as s}from"./p-BBD_1E3n.js";const p=o,r=s;export{p as SdSelectV2,r as defineCustomElement}

package/dist/components/table-test.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface TableTest extends Components.TableTest, HTMLElement {}
-export const TableTest: {
-    prototype: TableTest;
-    new (): TableTest;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/table-test.js

@@ -1 +0,0 @@
-import{p as e,H as t,c as a,h as s,t as r}from"./p-CNAzAL53.js";const d=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.tableReady=a(this,"tableReady",7)}get el(){return this}columns=[];rows=[];bordered=!0;striped=!1;cellRenderers=new Map;headerRenderers=new Map;tableReady;dataChanged(){this.tableReady.emit()}componentDidLoad(){this.tableReady.emit()}async setCellRenderer(e,t){this.cellRenderers=new Map(this.cellRenderers).set(e,t)}async setHeaderRenderer(e,t){this.headerRenderers=new Map(this.headerRenderers).set(e,t)}async removeCellRenderer(e){const t=new Map(this.cellRenderers);t.delete(e),this.cellRenderers=t}async clearAllRenderers(){this.cellRenderers=new Map,this.headerRenderers=new Map}renderCellContent(e,t,a){const r=t[e.field],d=this.cellRenderers.get(e.field);if(d){const n=d({field:e.field,value:r,row:t,rowIndex:a});return s("span",{class:"cell-content",innerHTML:n})}const n=this.el.querySelector(`[slot="cell-${e.field}"]`);if(n){const e=this.processTemplate(n.innerHTML,{value:r,row:t,rowIndex:a});return s("span",{class:"cell-content",innerHTML:e})}return s("span",{class:"cell-content"},r)}renderHeaderContent(e){const t=this.headerRenderers.get(e.field);if(t){const a=t({field:e.field,column:e});return s("span",{innerHTML:a})}const a=this.el.querySelector(`[slot="header-${e.field}"]`);return a?s("span",{innerHTML:a.innerHTML}):e.header||e.field}processTemplate(e,t){return e.replace(/\{\{value\}\}/g,this.escapeHtml((t.value??"")+"")).replace(/\{\{rowIndex\}\}/g,t.rowIndex+"").replace(/\{\{row\.(\w+)\}\}/g,((e,a)=>this.escapeHtml((t.row[a]??"")+"")))}escapeHtml(e){const t=document.createElement("div");return t.textContent=e,t.innerHTML}render(){return s("div",{key:"a34267f6b11cdd0dff53bfa3da62b7a47934c73b",class:"table-wrapper"},s("table",{key:"b23ac2cd9a785d8fc89c09a04a6aa29a63e6d2b4",class:{"data-table":!0,bordered:this.bordered,striped:this.striped}},s("thead",{key:"e08ff945e40f3ec6db10285840d4185d110a1dc0"},s("tr",{key:"ffe2e7253865f5a650611e2859f979d0204fca2a"},this.columns.map((e=>s("th",{key:e.field,style:{width:e.width}},this.renderHeaderContent(e)))))),s("tbody",{key:"2d47105abba4eecad71b549282650b7f2b056b4c"},this.rows.map(((e,t)=>s("tr",{key:t},this.columns.map((a=>s("td",{key:`${t}-${a.field}`},this.renderCellContent(a,e,t))))))))),s("div",{key:"99fe2715e69abf50f69a844e76a3ad422f5b870b",class:"templates-slot",hidden:!0},s("slot",{key:"8c56201e8edb251c5f7494e00acdc5e5fbb67d00"})))}static get watchers(){return{columns:[{dataChanged:0}],rows:[{dataChanged:0}]}}static get style(){return':host{display:block}.table-wrapper{width:100%;overflow-x:auto}.templates-slot{display:none}.data-table{width:100%;border-collapse:collapse;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;font-size:14px}.data-table th,.data-table td{padding:12px 16px;text-align:left;vertical-align:middle}.data-table th{font-weight:600;background-color:#f8f9fa;color:#333}.data-table.bordered th,.data-table.bordered td{border:1px solid #dee2e6}.data-table.striped tbody tr:nth-child(odd){background-color:#f8f9fa}.data-table tbody tr:hover{background-color:#e9ecef}.data-table .cell-flex{display:flex;align-items:center;gap:8px}.data-table .cell-image{width:24px;height:16px;object-fit:cover;border-radius:2px}'}},[769,"table-test",{columns:[16],rows:[16],bordered:[4],striped:[4],cellRenderers:[32],headerRenderers:[32],setCellRenderer:[64],setHeaderRenderer:[64],removeCellRenderer:[64],clearAllRenderers:[64]},void 0,{columns:[{dataChanged:0}],rows:[{dataChanged:0}]}]),n=d,l=function(){"undefined"!=typeof customElements&&["table-test"].forEach((e=>{"table-test"===e&&(customElements.get(r(e))||customElements.define(r(e),d))}))};export{n as TableTest,l as defineCustomElement}

package/dist/design-system/p-00612047.entry.js

@@ -1 +0,0 @@
-import{r as e,h as r,H as s}from"./p-Bp7ytJz5.js";import{p as c}from"./p-D1vaasIp.js";import{s as t}from"./p-BgFLSKqC.js";var a={track:"#EEEEEE",arc:"#2D8DFF"};const o=c.progress.color.label,i=t.color.content.tertiary,l={primary:{arc:a.arc,track:a.track},inverse:{arc:"#FFFFFF",track:"transparent"},error:{arc:"#E30000",track:a.track},complete:{arc:"#01BB4B",track:a.track}},n=2*Math.PI*34,p=class{constructor(r){e(this,r)}indeterminate=!1;value=0;type="primary";label;get clampedValue(){return Number.isFinite(this.value)?Math.max(0,Math.min(100,this.value)):0}render(){const e=l[this.type]??l.primary,c={"--sd-circle-progress-track":e.track,"--sd-circle-progress-arc":e.arc,"--sd-circle-progress-label-color":o,"--sd-circle-progress-percent-color":0===this.clampedValue?i:e.arc},t={};this.indeterminate||(t.strokeDasharray=`${this.clampedValue/100*n} ${n}`,t.strokeDashoffset="0");const a=!this.indeterminate;return r(s,{key:"46d74c0edb5a5e8cd0472c83efc45a0efaf353b4",style:c},r("svg",{key:"34117c89eb180370a215807e614ad08f4f72b517",class:"sd-circle-progress",viewBox:"0 0 80 80",xmlns:"http://www.w3.org/2000/svg"},r("circle",{key:"08ac6f011b6a4b6744ddcf437b1e0a5b96abfc6e",class:"sd-circle-progress__track",cx:40,cy:40,r:34,fill:"none","stroke-width":12}),r("circle",{key:"5ae0a53ce10bd5a8b2f316ebd00d3ee28c4336d6",class:"sd-circle-progress__arc",cx:40,cy:40,r:34,fill:"none","stroke-width":12,"stroke-linecap":"round",style:t})),a&&r("span",{key:"fd52ee1947d41b2117c9ea6e4cc9a448799342e3",class:"sd-circle-progress__percent"},Math.round(this.clampedValue),"%"),this.label&&r("span",{key:"a58776c4ef67eb900eba97ff4fed138c8f5e8452",class:"sd-circle-progress__label"},this.label))}};p.style='@charset "UTF-8";sd-circle-progress{display:inline-flex;flex-direction:column;align-items:center;gap:8px}sd-circle-progress .sd-circle-progress{width:80px;height:80px}sd-circle-progress .sd-circle-progress__track{stroke:var(--sd-circle-progress-track)}sd-circle-progress .sd-circle-progress__arc{stroke:var(--sd-circle-progress-arc);transform:rotate(-90deg);transform-origin:center center;transition:stroke-dasharray 0.4s linear, stroke-dashoffset 0.4s linear}sd-circle-progress .sd-circle-progress__percent{text-align:center;color:var(--sd-circle-progress-percent-color);font-family:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", sans-serif;font-size:16px;font-weight:700;line-height:26px}sd-circle-progress .sd-circle-progress__label{text-align:center;color:var(--sd-circle-progress-label-color);font-family:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", sans-serif;font-size:12px;font-weight:400;line-height:20px}sd-circle-progress{}sd-circle-progress[indeterminate] .sd-circle-progress{animation:sd-circle-progress-spin 2s linear infinite;transform-origin:center center}sd-circle-progress[indeterminate] .sd-circle-progress__arc{transform:none;transition:none;animation:sd-circle-progress-spin-path 1.5s ease-in-out infinite}@keyframes sd-circle-progress-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes sd-circle-progress-spin-path{0%{stroke-dasharray:1, 340;stroke-dashoffset:0}50%{stroke-dasharray:151, 340;stroke-dashoffset:-60}100%{stroke-dasharray:151, 340;stroke-dashoffset:-211}}';export{p as sd_circle_progress}

package/dist/design-system/p-07adda3c.entry.js

@@ -1 +0,0 @@
-import{r as d,h as r,F as c}from"./p-Bp7ytJz5.js";const s=class{constructor(r){d(this,r)}bordered=!1;sdClass="";render(){return r(c,{key:"299b67c4e5a95d03c67bfe7a7cc13cfda642e494"},r("div",{key:"44630cec810c1ee0cc6526764adbae866f3d68f0",class:`sd-card ${this.bordered?"sd-card--bordered":""} ${this.sdClass}`},r("slot",{key:"bbcb7e2332b1772cff4fd3b132e6378f6fbc0832"})))}};s.style="sd-card{display:block;height:fit-content}sd-card .sd-card{border-radius:8px;background:white}sd-card .sd-card--bordered{border:1px solid #E1E1E1}";export{s as sd_card}

package/dist/design-system/p-0e1b27cc.entry.js

@@ -1 +0,0 @@
-import{r as e,c as t,h as s}from"./p-Bp7ytJz5.js";var i={default:"#888888",disabled:"#BBBBBB"},l={fontWeight:"400",fontSize:"12",lineHeight:"20"},r={default:"#222222",disabled:"#888888"},c={depth1:"12",depth2:"20",depth3:"28"},d={default:{fontWeight:"400",fontSize:"12",lineHeight:"20"},selected:{fontWeight:"700"}},h={default:"#FFFFFF",hover:"#0075FF"},o={default:"#222222",hover:"#FFFFFF",disabled:"#888888",selected:"#0075FF"},n={bg:{default:"#EFF6FF"},border:{color:"#E1E1E1",width:"1"}};const a="12",g="8",u={fontSize:l.fontSize,lineHeight:l.lineHeight,fontWeight:l.fontWeight},v={icon:{default:i.default,disabled:i.disabled},text:{default:r.default,disabled:r.disabled}},m="4",p="12",f={depth1:c.depth1,depth2:c.depth2,depth3:c.depth3},b="8",x={fontSize:d.default.fontSize,lineHeight:d.default.lineHeight,fontWeight:d.default.fontWeight,selectedFontWeight:d.selected.fontWeight},_={bg:{default:h.default,hover:h.hover},content:{default:o.default,hover:o.hover,disabled:o.disabled,selected:o.selected},depth1:{bg:n.bg.default,border:n.border.color,borderWidth:n.border.width},depth2:{bg:{middle:{bg:"#F6F6F6"}}.middle.bg}};function k(e){return e.reduce(((e,t)=>t.children?e+k(t.children):e+1),0)}function w(e,t){const s=t.toLowerCase();return e.reduce(((e,i)=>{const l=i.label.toLowerCase().includes(s);if(i.children){const s=w(i.children,t);s.length>0?e.push({...i,children:s}):l&&e.push({...i,children:[]})}else l&&e.push({...i});return e}),[])}const y=class{constructor(s){e(this,s),this.listItemClick=t(this,"sdListItemClick",7)}option;depth=1;isSelected=!1;isFocused=!1;useCheckbox=!1;countInfo;listItemClick;get isGroup(){return!!this.option.children}get isSelectable(){return!this.isGroup||this.useCheckbox}get depthKey(){return this.depth<=1?"depth1":2===this.depth?"depth2":"depth3"}get paddingLeft(){return`${f[this.depthKey]}px`}handleClick=e=>{e.stopPropagation(),!this.option.disabled&&this.isSelectable&&this.listItemClick.emit(this.option)};handleCheckboxClick=e=>{e.stopPropagation()};handleCheckboxUpdate=e=>{e.stopPropagation(),!this.option.disabled&&this.isSelectable&&this.listItemClick.emit(this.option)};render(){const e=this.isGroup,t=e&&1===this.depth,i=e&&2===this.depth,l={"--list-item-padding-y":`${m}px`,"--list-item-padding-left":this.paddingLeft,"--list-item-padding-right":`${p}px`,"--list-item-gap":`${b}px`,"--list-item-font-size":`${x.fontSize}px`,"--list-item-line-height":`${x.lineHeight}px`,"--list-item-font-weight":x.fontWeight,"--list-item-bg":t?_.depth1.bg:i?_.depth2.bg:_.bg.default,"--list-item-bg-hover":_.bg.hover,"--list-item-color":_.content.default,"--list-item-color-hover":_.content.hover,"--list-item-color-disabled":_.content.disabled,"--list-item-color-selected":_.content.selected,"--list-item-font-weight-selected":x.selectedFontWeight};return t&&(l["--list-item-border-top"]=`${_.depth1.borderWidth}px solid ${_.depth1.border}`),s("div",{key:"62974a8d1442730ca752b3fc11f151c4a5be4ad1",class:{"sd-select-v2-list-item":!0,"sd-select-v2-list-item--group":e,"sd-select-v2-list-item--depth1-group":t,"sd-select-v2-list-item--depth2-group":i,"sd-select-v2-list-item--selected":!0===this.isSelected,"sd-select-v2-list-item--indeterminate":null===this.isSelected,"sd-select-v2-list-item--focused":this.isFocused,"sd-select-v2-list-item--selectable":this.isSelectable&&!this.option.disabled,"sd-select-v2-list-item--disabled":!!this.option.disabled},style:l,onClick:this.handleClick},this.useCheckbox&&s("sd-checkbox",{key:"cf29df3617e45f3b9415b8da1beed7ba5918b8cd",value:null===this.isSelected?null:!!this.isSelected,disabled:this.option.disabled,inverse:this.isFocused&&!1!==this.isSelected,class:"sd-select-v2-list-item__checkbox",onClick:this.handleCheckboxClick,onSdUpdate:this.handleCheckboxUpdate}),s("span",{key:"478e566c74c0078ef72b90d836f67156e905bbac",class:"sd-select-v2-list-item__label"},this.option.label),this.countInfo&&s("span",{key:"0cde990cb1fff4898581c8c7d321c8669dfac226",class:"sd-select-v2-list-item__count"},"(",this.countInfo.selected,"/",this.countInfo.total,")"))}};y.style="sd-select-v2-list-item{display:block}sd-select-v2-list-item .sd-select-v2-list-item{display:flex;align-items:center;gap:var(--list-item-gap);padding:var(--list-item-padding-y) var(--list-item-padding-right) var(--list-item-padding-y) var(--list-item-padding-left);font-size:var(--list-item-font-size);line-height:var(--list-item-line-height);font-weight:var(--list-item-font-weight);background:var(--list-item-bg);color:var(--list-item-color);cursor:default;user-select:none}sd-select-v2-list-item .sd-select-v2-list-item--selectable{cursor:pointer}sd-select-v2-list-item .sd-select-v2-list-item--depth1-group{border-top:var(--list-item-border-top);font-weight:700}sd-select-v2-list-item .sd-select-v2-list-item--depth2-group{font-weight:500}sd-select-v2-list-item .sd-select-v2-list-item--focused.sd-select-v2-list-item--selectable:not(.sd-select-v2-list-item--disabled){background:var(--list-item-bg-hover);color:var(--list-item-color-hover)}sd-select-v2-list-item .sd-select-v2-list-item--selected:not(.sd-select-v2-list-item--group){font-weight:var(--list-item-font-weight-selected);color:var(--list-item-color-selected)}sd-select-v2-list-item .sd-select-v2-list-item--selected.sd-select-v2-list-item--focused{color:var(--list-item-color-hover)}sd-select-v2-list-item .sd-select-v2-list-item--disabled{color:var(--list-item-color-disabled);cursor:not-allowed}sd-select-v2-list-item .sd-select-v2-list-item__label{flex:0 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}sd-select-v2-list-item .sd-select-v2-list-item__count{flex-shrink:0;font-weight:500;color:var(--list-item-color-disabled)}sd-select-v2-list-item .sd-select-v2-list-item--group.sd-select-v2-list-item--focused .sd-select-v2-list-item__count{color:#ffffff}sd-select-v2-list-item .sd-select-v2-list-item__checkbox{flex-shrink:0}";const F=class{constructor(s){e(this,s),this.searchFilter=t(this,"sdSearchFilter",7),this.searchFocus=t(this,"sdSearchFocus",7)}isScrolled=!1;searchText="";searchFilter;searchFocus;inputEl;debounceTimer;focusRafId;componentDidLoad(){requestAnimationFrame((()=>{this.focusRafId=requestAnimationFrame((()=>{this.inputEl?.focus()}))}))}async sdFocus(){this.inputEl?.focus()}handleInput=e=>{this.searchText=e.target.value,this.debounceTimer&&clearTimeout(this.debounceTimer),this.debounceTimer=setTimeout((()=>{this.searchFilter.emit(this.searchText)}),1e3)};handleClear=e=>{e.stopPropagation(),this.searchText="",this.debounceTimer&&clearTimeout(this.debounceTimer),this.searchFilter.emit(""),this.inputEl?.focus()};disconnectedCallback(){this.focusRafId&&cancelAnimationFrame(this.focusRafId),this.debounceTimer&&clearTimeout(this.debounceTimer)}render(){return s("div",{key:"75c6b01fbe256bca732553a27711fa7197535688",class:{"sd-select-v2-list-item-search":!0,"sd-select-v2-list-item-search--scrolled":this.isScrolled}},s("div",{key:"b66cd053b89942f3de55feecdd0eee79b863eb0d",class:"sd-select-v2-list-item-search__inner"},s("sd-icon",{key:"bed6f00452187d1087b6bb4653c04e8babeaa277",name:"search",size:16,color:"grey_70",class:"sd-select-v2-list-item-search__icon"}),s("input",{key:"4c29192547fcf9ec2563b7d843b8e77a3eb900b1",ref:e=>{this.inputEl=e},type:"text",class:"sd-select-v2-list-item-search__input",placeholder:"검색어 입력",value:this.searchText,onInput:this.handleInput,onFocus:()=>this.searchFocus.emit()}),s("button",{key:"55f94ce6eb29cec10897259b894c3460d766268e",type:"button",class:{"sd-select-v2-list-item-search__clear":!0,"sd-select-v2-list-item-search__clear--hidden":!this.searchText},onClick:this.handleClear,tabindex:this.searchText?0:-1,"aria-hidden":this.searchText?"false":"true"},s("sd-icon",{key:"a7332ec5ecebf522797bb6db1fdc385c0dfa1abe",name:"close",size:12,color:"#888888"}))))}};F.style="sd-select-v2-list-item-search{display:block}sd-select-v2-list-item-search .sd-select-v2-list-item-search{padding:4px 8px;position:sticky;top:0;z-index:1;background:white}sd-select-v2-list-item-search .sd-select-v2-list-item-search--scrolled{box-shadow:0 2px 4px rgba(0, 0, 0, 0.08)}sd-select-v2-list-item-search .sd-select-v2-list-item-search__inner{display:flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid #CCCCCC;border-radius:4px;background:white}sd-select-v2-list-item-search .sd-select-v2-list-item-search__inner:focus-within{border-color:#0075FF}sd-select-v2-list-item-search .sd-select-v2-list-item-search__icon{flex-shrink:0}sd-select-v2-list-item-search .sd-select-v2-list-item-search__input{flex:1;border:none;outline:none;font-size:12px;line-height:20px;color:#222222;background:transparent;min-width:0}sd-select-v2-list-item-search .sd-select-v2-list-item-search__input::placeholder{color:#AAAAAA}sd-select-v2-list-item-search .sd-select-v2-list-item-search__clear{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:2px;border:none;background:transparent;cursor:pointer;border-radius:2px}sd-select-v2-list-item-search .sd-select-v2-list-item-search__clear:hover{background:#F0F0F0}sd-select-v2-list-item-search .sd-select-v2-list-item-search__clear--hidden{visibility:hidden;pointer-events:none}";const S=class{constructor(s){e(this,s),this.optionSelect=t(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}getAllNonDisabledLeaves(){const e=t=>t.flatMap((t=>t.disabled?[]:t.children?e(t.children):[t]));return e(this.options)}get selectAllState(){if(!this.showSelectAll)return!1;const e=this.getAllNonDisabledLeaves();if(0===e.length)return!1;const t=this.getSelectedValues(),s=e.filter((e=>t.has(e.value))).length;return 0!==s&&(s===e.length||null)}get showSearch(){return!!this.useSearch&&(this.isDepth?k(this.options):this.options.length)>=11}get filteredOptions(){if(!this.searchKeyword)return this.options;if(this.isDepth)return w(this.options,this.searchKeyword);const e=this.searchKeyword.toLowerCase();return this.options.filter((t=>t.label.toLowerCase().includes(e)))}get isEmpty(){return this.isDepth?0===k(this.filteredOptions)&&0===this.filteredOptions.length:0===this.filteredOptions.length}getSelectedValues(){return this.value&&Array.isArray(this.value)?this.emitValue?new Set(this.value):new Set(this.value.map((e=>e.value))):new Set}isOptionSelected(e){return this.isMulti?this.getSelectedValues().has(e.value):this.emitValue||null==this.value||"object"!=typeof this.value||Array.isArray(this.value)?this.value===e.value:this.value.value===e.value}getGroupSelectionState(e){if(!this.isMulti||!e.children)return!1;const t=this.getSelectedValues();if(0===t.size)return!1;const s=this.collectVisibleLeaves(e);if(0===s.length)return!1;const i=s.filter((e=>t.has(e.value))).length;return 0!==i&&(i===s.length||null)}getCountInfo(e){if(!this.isMulti||!e.children)return;const t=this.getSelectedValues(),s=this.collectVisibleLeaves(e);return{selected:s.filter((e=>t.has(e.value))).length,total:s.length}}findOriginalOption(e,t){for(const s of t){if(s.value===e)return s;if(s.children){const t=this.findOriginalOption(e,s.children);if(t)return t}}}collectLeaves(e){return e.children?e.children.flatMap((e=>this.collectLeaves(e))):[e]}collectVisibleLeaves(e){if(e.disabled)return[];if(!e.children)return[e];if(0===e.children.length){const t=this.findOriginalOption(e.value,this.options);return t?this.collectLeaves(t).filter((e=>!e.disabled)):[]}return e.children.flatMap((e=>this.collectVisibleLeaves(e)))}get navigableOptions(){const e=[];this.showSelectAll&&e.push(S.SELECT_ALL_OPTION);const t=s=>{for(const i of s){const s=!!i.children;(!s||this.isMulti)&&!i.disabled&&e.push(i),s&&i.children&&i.children.length>0&&t(i.children)}};return t(this.filteredOptions),e}isSelectAllOption(e){return this.showSelectAll&&e.value===S.SELECT_ALL_OPTION.value}emitSelectAll(){if(!this.showSelectAll)return;const e=this.getAllNonDisabledLeaves();this.optionSelect.emit({option:{...S.SELECT_ALL_OPTION,children:e},leaves:e})}handleSelectAllClick=e=>{e.stopPropagation(),this.emitSelectAll()};isOptionFocused(e){if(this.focusedIndex<0)return!1;const t=this.navigableOptions[this.focusedIndex];return!!t&&t.value===e.value}resetFocusOnFilter(){this.focusedIndex=this.navigableOptions.length>0?0:-1,this.suppressHover&&(document.removeEventListener("mousemove",this.releaseHoverSuppress,!0),this.suppressHover=!1)}handleSearchFilter=e=>{this.searchKeyword=e.detail};handleScroll=e=>{this.isScrolled=e.target.scrollTop>0};emitOptionSelect(e){this.optionSelect.emit({option:e,leaves:this.collectVisibleLeaves(e)})}handleOptionClick=e=>{e.stopPropagation(),this.emitOptionSelect(e.detail)};handleOptionHover=e=>{if(this.suppressHover)return;const t=this.navigableOptions.findIndex((t=>t.value===e.value));t>=0&&(this.focusedIndex=t)};releaseHoverSuppress=()=>{this.suppressHover=!1,document.removeEventListener("mousemove",this.releaseHoverSuppress,!0)};handleKeyDown=e=>{const t=this.navigableOptions;if("ArrowDown"===e.key){if(0===t.length)return;e.preventDefault(),e.stopPropagation(),this.focusedIndex=this.focusedIndex<0?0:(this.focusedIndex+1)%t.length,this.beginHoverSuppression()}else if("ArrowUp"===e.key){if(0===t.length)return;e.preventDefault(),e.stopPropagation(),this.focusedIndex=this.focusedIndex<=0?t.length-1:this.focusedIndex-1,this.beginHoverSuppression()}else if("Enter"===e.key){if(this.focusedIndex<0||this.focusedIndex>=t.length)return;e.preventDefault(),e.stopPropagation();const s=t[this.focusedIndex];this.isSelectAllOption(s)?this.emitSelectAll():this.emitOptionSelect(s)}};beginHoverSuppression(){this.suppressHover||(this.suppressHover=!0,document.addEventListener("mousemove",this.releaseHoverSuppress,!0))}scrollFocusedIntoView(){const e=this.listEl,t=e?.querySelector(".sd-select-v2-list-item--focused");if(!e||!t)return;const s=e.getBoundingClientRect(),i=t.getBoundingClientRect();i.top<s.top?e.scrollTop+=i.top-s.top:i.bottom>s.bottom&&(e.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(e,t=1){return e.map((e=>{const i=!!e.children;return[s("sd-select-v2-list-item",{option:e,depth:t,isSelected:i?this.getGroupSelectionState(e):this.isOptionSelected(e),isFocused:this.isOptionFocused(e),useCheckbox:this.isMulti,countInfo:this.getCountInfo(e),onSdListItemClick:this.handleOptionClick,onMouseEnter:()=>this.handleOptionHover(e)}),i&&e.children?this.renderOptions(e.children,t+1):null]}))}render(){return s("div",{key:"34efe12dfb3829dd7024eb473d0bb6460ad07e61",class:"sd-select-v2-listbox",style:{"--listbox-trigger-width":this.triggerWidth,"--listbox-max-width":this.maxWidth,"--listbox-max-height":this.maxHeight,"--listbox-radius":"4px"}},this.showSearch&&s("sd-select-v2-list-item-search",{key:"d59a97386213e93f905a817b7c3242d1fb5d5035",isScrolled:this.isScrolled,onSdSearchFilter:this.handleSearchFilter}),s("div",{key:"0feb6763afe5ac661de85df2c1a3683e56b17035",class:"sd-select-v2-listbox__list",onScroll:this.handleScroll,ref:e=>{this.listEl=e}},this.showSelectAll&&s("sd-select-v2-list-item",{key:"b4a765ddfadd39808baafd925d0cd2fcdab78800",option:S.SELECT_ALL_OPTION,depth:1,isSelected:this.selectAllState,isFocused:this.isOptionFocused(S.SELECT_ALL_OPTION),useCheckbox:!0,onSdListItemClick:this.handleSelectAllClick,onMouseEnter:()=>this.handleOptionHover(S.SELECT_ALL_OPTION)}),this.isEmpty?s("div",{class:"sd-select-v2-listbox__empty"},"표시할 항목이 없습니다."):this.isDepth?this.renderOptions(this.filteredOptions):this.filteredOptions.map((e=>s("sd-select-v2-list-item",{option:e,depth:1,isSelected:this.isOptionSelected(e),isFocused:this.isOptionFocused(e),useCheckbox:this.isMulti,onSdListItemClick:this.handleOptionClick,onMouseEnter:()=>this.handleOptionHover(e)})))))}static get watchers(){return{searchKeyword:[{resetFocusOnFilter:0}]}}};S.style=":host{display:block}:host .sd-select-v2-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-v2-listbox__list{flex:1;min-height:0;overflow-y:auto;padding-bottom:0}:host .sd-select-v2-listbox__empty{padding:12px;text-align:center;font-size:12px;line-height:20px;color:#888888}";const C=class{constructor(s){e(this,s),this.triggerClick=t(this,"sdTriggerClick",7),this.triggerFocus=t(this,"sdTriggerFocus",7),this.triggerBlur=t(this,"sdTriggerBlur",7)}displayText="";placeholder="선택";disabled=!1;isOpen=!1;triggerClick;triggerFocus;triggerBlur;triggerEl;async sdFocus(){this.disabled||this.triggerEl?.focus()}handleClick=()=>{this.disabled||this.triggerClick.emit()};handleFocus=()=>{this.triggerFocus.emit()};handleBlur=()=>{this.triggerBlur.emit()};render(){const e=!!this.displayText;return s("div",{key:"ec8bf544b2878082a046fbe881afa2369709033f",ref:e=>{this.triggerEl=e},tabindex:this.disabled?-1:0,class:{"sd-select-v2-trigger":!0,"sd-select-v2-trigger--open":this.isOpen,"sd-select-v2-trigger--disabled":this.disabled},style:{"--trigger-padding-x":`${a}px`,"--trigger-gap":`${g}px`,"--trigger-font-size":`${u.fontSize}px`,"--trigger-line-height":`${u.lineHeight}px`,"--trigger-font-weight":u.fontWeight,"--trigger-color":this.disabled?v.text.disabled:e?v.text.default:v.icon.default,"--trigger-icon-color":this.disabled?v.icon.disabled:v.icon.default},onClick:this.handleClick,onFocus:this.handleFocus,onBlur:this.handleBlur},s("div",{key:"1a6a5cf66208aa5a996e788886ff593ec0830d51",class:"sd-select-v2-trigger__content"},s("span",{key:"bd905f9149f3842e5e169e1a6086b33164b0ab66",class:"sd-select-v2-trigger__text"},e?this.displayText:this.placeholder),s("sd-icon",{key:"cc487e430f42fdd61540e265a9e5bb01e9045a58",name:"chevronDown",size:12,color:"var(--trigger-icon-color)",class:{"sd-select-v2-trigger__icon":!0,"sd-select-v2-trigger__icon--open":this.isOpen}})))}};C.style="sd-select-v2-trigger{display:block;width:100%;height:100%}sd-select-v2-trigger .sd-select-v2-trigger{display:flex;width:100%;height:100%;cursor:pointer;user-select:none;overflow:hidden;border-radius:3px}sd-select-v2-trigger .sd-select-v2-trigger--disabled{cursor:not-allowed}sd-select-v2-trigger .sd-select-v2-trigger__content{display:flex;align-items:center;gap:var(--trigger-gap);flex:1;padding:0 var(--trigger-padding-x);min-width:0}sd-select-v2-trigger .sd-select-v2-trigger__text{flex:1;font-size:var(--trigger-font-size);line-height:var(--trigger-line-height);font-weight:var(--trigger-font-weight);color:var(--trigger-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}sd-select-v2-trigger .sd-select-v2-trigger__icon{flex-shrink:0;transition:transform 0.2s ease}sd-select-v2-trigger .sd-select-v2-trigger__icon--open{transform:rotate(180deg)}";export{y as sd_select_v2_list_item,F as sd_select_v2_list_item_search,S as sd_select_v2_listbox,C as sd_select_v2_trigger}

package/dist/design-system/p-140b40ab.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,a as i,h as o,F as s}from"./p-Bp7ytJz5.js";import{b as n}from"./p-B1XBwjCW.js";import{r as d}from"./p-BxPyZJaz.js";import{T as a}from"./p-BPGLtKk5.js";const r={xs:Number(n.button.xs.icon),sm:Number(n.button.sm.icon),md:Number(n.button.md.icon),lg:Number(n.button.lg.icon)},l=class{constructor(i){t(this,i),this.click=e(this,"sdClick",7)}get el(){return i(this)}variant="primary";size="sm";color="#025497";label="";disabled=!1;type="button";icon;iconColor;iconSize;iconRight;noHover=!1;sdClass="";click;handleClick=t=>{this.disabled||this.click.emit(t)};getButtonClasses(){const t=["sd-button"];return t.push(`sd-button--${this.variant}`),t.push(`sd-button--${this.size}`),t.push(`sd-button--color-${this.color}`),this.disabled&&t.push("sd-button--disabled"),this.label&&t.push("sd-button--has-label"),this.label||!this.icon&&!this.iconRight||t.push("sd-button--icon-only"),this.noHover&&t.push("sd-button--no-hover"),t.join(" ")}render(){const t=this.getButtonClasses(),e=d(this.color);return o("button",{key:"b18b0e46ec5a26e35fd0c782c975c1e3f94c7bea",class:`${t} ${this.sdClass}`,type:this.type,disabled:this.disabled,style:{"--button-color":e},onClick:this.handleClick},o("div",{key:"3364b81ca9323e88b56ccde7783417416ecec4a0",class:"sd-button__content"},this.icon&&o("sd-icon",{key:"dbe12d21483f50cab4e7284fc340e5b02ec6578d",class:"sd-button__icon sd-button__icon--left",name:this.icon,size:this.iconSize??r[this.size],color:this.iconColor??("primary"===this.variant?"#fff":e)}),this.label&&o("div",{key:"793b3ef70ff8fbe7a043baf3b00097ab0c3bb59b",class:"sd-button__label"},this.label),this.iconRight&&o("sd-icon",{key:"9b35739d4c18c38f9487c806d4becc312146bed4",class:"sd-button__icon sd-button__icon--right",name:this.iconRight,size:r[this.size],color:"primary"===this.variant?"#fff":e})))}};l.style='sd-button{display:inline-flex;width:fit-content;height:fit-content}.sd-button{--sd-button-height:34px;--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);text-decoration:none;cursor:pointer;border-radius:var(--sd-button-button-radius-sm, 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;padding:0 var(--sd-button-padding-x);min-width:var(--sd-button-min-width, auto);min-height:var(--sd-button-height);font-family:var(--sd-button-font-family);font-size:var(--sd-button-font-size);font-weight:var(--sd-button-font-weight);text-decoration:var(--sd-button-text-decoration)}.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, auto);--sd-button-icon-only-size:var(--sd-button-button-icon-only-xs-width, var(--sd-button-height));line-height:20px}.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, auto);--sd-button-icon-only-size:var(--sd-button-button-icon-only-sm-width, var(--sd-button-height));line-height:20px}.sd-button--md{--sd-button-height:var(--sd-button-button-md-height, 34px);--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, auto);--sd-button-icon-only-size:var(--sd-button-button-icon-only-md-width, var(--sd-button-height));line-height:26px}.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, auto);--sd-button-icon-only-size:var(--sd-button-button-icon-only-lg-width, var(--sd-button-height));line-height:30px}.sd-button--has-label{--sd-button-min-width:var(--sd-button-label-min-width, auto)}.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:var(--sd-button-button-border-width-default, 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:var(--sd-button-button-border-width-default, 1px) solid var(--sd-button-button-border-disabled, #CCCCCC);background:var(--sd-button-button-bg-disabled, #E1E1E1);color:var(--sd-button-button-text-disabled, #888888);cursor:not-allowed !important}.sd-button--icon-only{padding:0;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))}.sd-button--no-hover:hover::before{opacity:0 !important}.sd-button .sd-button__content{display:inline-flex;align-items:center;justify-content:center;gap:var(--sd-button-gap);z-index:1;font-weight:inherit}';var f={sm:{height:"28",gap:"6",icon:"12",typography:{fontWeight:"700",fontSize:"12",lineHeight:"20"}},md:{height:"36",gap:"8",icon:"16",typography:{fontWeight:"700",fontSize:"14",lineHeight:"24"}}},h={gap:"6",paddingX:"12",typography:{fontWeight:"500",fontSize:"12",lineHeight:"20"},bg:"#F6F6F6",border:{default:"#AAAAAA",disabled:"#CCCCCC",width:"1"}};const b={start:"flex-start",center:"center",end:"flex-end"},u=f.sm,c=f.md,p={sm:{height:u.height,gap:u.gap,icon:u.icon,fontSize:u.typography.fontSize,lineHeight:u.typography.lineHeight,fontWeight:u.typography.fontWeight},md:{height:c.height,gap:c.gap,icon:c.icon,fontSize:c.typography.fontSize,lineHeight:c.typography.lineHeight,fontWeight:c.typography.fontWeight}},g=["sd-select","sd-select-multiple","sd-select-multiple-group","sd-input","sd-barcode-input","sd-textarea","sd-number-input","sd-select-v2","sd-file-picker","sd-date-picker","sd-date-range-picker"],m=class{constructor(e){t(this,e)}get el(){return i(this)}name="";rules=[];error=!1;disabled=!1;hovered=!1;focused=!1;status;hint="";errorMessage="";width="";size="sm";label="";labelWidth="";addonLabel="";addonAlign="start";icon=void 0;labelTooltip="";labelTooltipProps=null;errorMsg="";hostElement=null;get value(){return this.hostElement?.value??null}get fieldStatus(){let t="";return this.disabled?(t="disabled",`sd-field--${t}`):this.focused?(t="focus",`sd-field--${t}`):(this.hovered&&(t="hover"),this.status&&(t=this.status),this.error&&(t="error"),t?`sd-field--${t}`:"")}componentDidLoad(){this.hostElement=this.findHostElement(),this.registerToForm()}disconnectedCallback(){this.unregisterFromForm()}findHostElement(){for(const t of g){const e=this.el.closest(t);if(e&&"value"in e)return e}return null}registerToForm(){const t=this.el.closest("sd-form");t&&"function"==typeof t.componentOnReady&&t.componentOnReady().then((t=>{t.sdRegisterField(this)}))}unregisterFromForm(){if(!this.name)return;const t=this.el.closest("sd-form");t?.componentOnReady().then((t=>{t.sdUnregisterField(this)}))}async sdValidate(){if(!this.rules||0===this.rules.length)return!0;for(const t of this.rules){const e=t(this.value??"");if(!0!==e)return this.setError(!0,e),!1}return this.setError(!1,""),!0}async sdReset(){this.hostElement&&(this.hostElement.value=null),this.setError(!1,"")}async sdResetValidation(){this.setError(!1,"")}async sdFocus(){this.hostElement?.focus?.(),this.hostElement?.scrollIntoView({behavior:"smooth",block:"center"})}setError(t,e){this.errorMsg=e,this.hostElement&&(this.hostElement.error=t)}render(){const t=this.addonLabel,e=this.size in p?this.size:"sm",i=p[e],s={"--sd-field-wrapper-height":`var(--sd-system-size-field-${e}-height)`,"--sd-field-control-radius":`var(--sd-system-radius-field-${e})`,"--sd-field-label-margin-right":`var(--sd-system-space-field-${e}-gap)`},n=this.label?{"--sd-field-label-height":`${i.height}px`,"--sd-field-label-gap":`${i.gap}px`,"--sd-field-label-font-size":`${i.fontSize}px`,"--sd-field-label-line-height":`${i.lineHeight}px`,"--sd-field-label-font-weight":i.fontWeight,...this.labelWidth?{"--sd-field-label-width":"number"==typeof this.labelWidth?`${this.labelWidth}px`:this.labelWidth}:{}}:{},d=t?{"--sd-field-addon-padding-x":`${h.paddingX}px`,"--sd-field-addon-font-size":`${h.typography.fontSize}px`,"--sd-field-addon-line-height":`${h.typography.lineHeight}px`,"--sd-field-addon-font-weight":h.typography.fontWeight,"--sd-field-addon-bg":h.bg,"--sd-field-addon-border-color":this.disabled?h.border.disabled:h.border.default,"--sd-field-addon-gap":`${h.gap}px`,"--sd-field-addon-border-width":`${h.border.width}px`,"--sd-field-addon-justify":b[this.addonAlign]??b.start,...this.labelWidth?{"--sd-field-addon-width":"number"==typeof this.labelWidth?`${this.labelWidth}px`:this.labelWidth}:{}}:{};return o("div",{key:"218df97b257b97f4801a31a11d4cf2072f981f07",class:{"sd-field":!0,"sd-field--has-label":!!this.label,"sd-field--has-addon":!!t,[this.fieldStatus]:!!this.fieldStatus},style:{...s,...n,...d}},o("div",{key:"66fb430b166850197649a46cd07068782636e932",class:"sd-field__wrapper"},this.renderLabel(this.label),o("div",{key:"f9dafcf19258a3253de84d35a7fd368d87232f95",class:"sd-field__main",style:this.width?{width:"number"==typeof this.width?`${this.width}px`:this.width,flex:"none"}:{}},o("div",{key:"1f4176fb04ba648fc2971904daa88974a4526868",class:{"sd-field__control":!0,"sd-field__control--has-addon":!!t}},t&&o("div",{key:"fd90999129ed8ab6b9870d73083048de8e8987f6",class:"sd-field__addon"},t),o("slot",{key:"9dbf3d99538016095c436619f9ad20f64fa20834"})),this.errorMsg||this.errorMessage?o("div",{class:"sd-field__error-message"},this.errorMsg||this.errorMessage):this.hint&&o("div",{class:"sd-field__hint"},this.hint))))}renderLabel(t){return t?o("label",{class:"sd-field__label"},this.icon&&o("sd-icon",{name:this.icon.name,size:this.icon.size??Number(p[this.size in p?this.size:"sm"].icon),color:this.icon.color,rotate:this.icon.rotate,class:"sd-field__label__icon"}),o("div",{class:"sd-field__label__text"},t),this.labelTooltip&&o("sd-tooltip",{class:"sd-field__label__tooltip",...this.labelTooltipProps},this.labelTooltip)):null}};m.style="sd-field{display:inline-flex;flex-flow:column nowrap;height:fit-content;width:100%}sd-field .sd-field *:focus,sd-field .sd-field *:focus-visible,sd-field .sd-field *:focus-within{outline:none !important}sd-field .sd-field.sd-field--disabled{cursor:not-allowed}sd-field .sd-field.sd-field--disabled .sd-field__wrapper{cursor:not-allowed !important}sd-field .sd-field.sd-field--disabled .sd-field__wrapper .sd-field__label-inside{border-color:#CCCCCC;color:#888888;cursor:not-allowed !important}sd-field .sd-field.sd-field--disabled .sd-field__wrapper .sd-field__control{background-color:#E1E1E1;border-color:#CCCCCC;color:#888888;cursor:not-allowed !important}sd-field .sd-field--has-label .sd-field__wrapper .sd-field__label{display:flex;align-items:center;flex-shrink:0;width:var(--sd-field-label-width, auto);height:var(--sd-field-label-height);margin-right:var(--sd-field-label-margin-right)}sd-field .sd-field--has-label .sd-field__wrapper .sd-field__label__icon{margin-right:var(--sd-field-label-gap);flex-shrink:0}sd-field .sd-field--has-label .sd-field__wrapper .sd-field__label__text{font-size:var(--sd-field-label-font-size);line-height:var(--sd-field-label-line-height);font-weight:var(--sd-field-label-font-weight);color:var(--sd-system-color-field-text-default);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}sd-field .sd-field--has-label .sd-field__wrapper .sd-field__label__tooltip{margin-left:var(--sd-field-label-gap);flex-shrink:0}sd-field .sd-field--has-addon .sd-field__control .sd-field__addon{display:flex;gap:var(--sd-field-addon-gap);align-items:center;justify-content:var(--sd-field-addon-justify, flex-start);white-space:nowrap;box-sizing:border-box;flex-shrink:0;width:var(--sd-field-addon-width, auto);padding:0 var(--sd-field-addon-padding-x);font-size:var(--sd-field-addon-font-size);line-height:var(--sd-field-addon-line-height);font-weight:var(--sd-field-addon-font-weight);background:var(--sd-field-addon-bg);border-right:var(--sd-field-addon-border-width) solid var(--sd-field-addon-border-color);border-radius:calc(var(--sd-field-control-radius) - 1px) 0 0 calc(var(--sd-field-control-radius) - 1px)}sd-field .sd-field__wrapper{width:100%;display:flex;align-items:flex-start;flex-flow:row nowrap;position:relative;color:var(--sd-system-color-field-text-default);-webkit-user-select:none;user-select:none}sd-field .sd-field__wrapper .sd-field__main{flex:1;min-width:0;display:flex;flex-direction:column}sd-field .sd-field__wrapper .sd-field__control{position:relative;height:var(--sd-field-wrapper-height);display:flex;min-width:0;border:1px solid var(--sd-system-color-field-border-default);border-radius:var(--sd-field-control-radius);background:var(--sd-system-color-field-bg-default)}sd-field .sd-field--error .sd-field__wrapper .sd-field__control:not(:hover){border:1px solid var(--sd-system-color-field-border-danger) !important}sd-field .sd-field.sd-field--pass .sd-field__wrapper .sd-field__control{border:1px solid var(--sd-system-color-field-border-success) !important}sd-field .sd-field:not(.sd-field--disabled) .sd-field__wrapper .sd-field__control:hover{border:1px solid var(--sd-system-color-field-border-focus) !important;box-shadow:0px 0px 4px 0px rgba(0, 113, 255, 0.4)}sd-field .sd-field.sd-field--focus .sd-field__wrapper .sd-field__control{border:1px solid var(--sd-system-color-field-border-focus) !important;box-shadow:0px 0px 4px 0px rgba(0, 113, 255, 0.4)}sd-field .sd-field .sd-field__error-message{color:var(--sd-textinput-textinput-text-error-message);font-size:var(--sd-textinput-textinput-error-message-typography-font-size);line-height:var(--sd-textinput-textinput-error-message-typography-line-height);margin-top:var(--sd-textinput-textinput-contents-gap)}sd-field .sd-field .sd-field__hint{color:var(--sd-textinput-textinput-text-hint);font-size:var(--sd-textinput-textinput-hint-typography-font-size);line-height:var(--sd-textinput-textinput-hint-typography-line-height);margin-top:var(--sd-textinput-textinput-contents-gap)}";const x=class{constructor(i){t(this,i),this.close=e(this,"sdClose",7)}get el(){return i(this)}to="body";parentRef=null;offset=[0,0];zIndex=998;placement="bottom";open=!1;close;container;wrapper;rafId;isInsideClick=!1;resizeObserver;mutationObserver;static ARROW_SIZE=11.2;componentDidLoad(){this.container=this.resolveContainer(),this.createWrapper(),this.moveSlotContent(),requestAnimationFrame((()=>{this.updatePosition(),this.wrapper&&(this.wrapper.style.visibility="visible")})),this.observeParent()}componentDidRender(){this.wrapper&&(this.open?(this.wrapper.style.display="block",requestAnimationFrame((()=>{this.updatePosition(),this.wrapper&&(this.wrapper.style.visibility="visible")}))):(this.wrapper.style.display="none",this.wrapper.style.visibility="hidden"))}disconnectedCallback(){this.rafId&&cancelAnimationFrame(this.rafId),this.unobserveParent(),this.wrapper?.remove()}resolveContainer(){const t="string"==typeof this.to?document.querySelector(this.to):this.to;return t instanceof HTMLElement?t:document.body}createWrapper(){this.wrapper=document.createElement("div"),Object.assign(this.wrapper.style,{position:"absolute",zIndex:(this.zIndex??998).toString(),transition:"opacity 0.4s",top:"-9999px",left:"-9999px"}),this.container.appendChild(this.wrapper)}moveSlotContent(){this.wrapper&&Array.from(this.el.childNodes).filter((t=>t.nodeType!==Node.COMMENT_NODE)).forEach((t=>this.wrapper.appendChild(t)))}updatePosition(){this.rafId&&cancelAnimationFrame(this.rafId),this.rafId=requestAnimationFrame((()=>{if(!this.parentRef||!this.wrapper)return;const t=this.parentRef.getBoundingClientRect();if(!t.width&&!t.height)return;const[e,i]=this.offset,o=x.ARROW_SIZE;let s=0,n=0;switch(this.placement){case"top":s=t.top+window.scrollY-this.wrapper.offsetHeight+i-o,n=t.left+window.scrollX+t.width/2-this.wrapper.offsetWidth/2+e;break;case"bottom":s=t.bottom+window.scrollY+i+o,n=t.left+window.scrollX+t.width/2-this.wrapper.offsetWidth/2+e;break;case"left":s=t.top+window.scrollY+t.height/2-this.wrapper.offsetHeight/2+i,n=t.left+window.scrollX-this.wrapper.offsetWidth-e-o;break;case"right":s=t.top+window.scrollY+t.height/2-this.wrapper.offsetHeight/2+i,n=t.right+window.scrollX+e+o}Object.assign(this.wrapper.style,{top:`${s}px`,left:`${n}px`})}))}observeParent(){this.parentRef&&(this.resizeObserver=new ResizeObserver((()=>this.updatePosition())),this.resizeObserver.observe(this.parentRef),this.mutationObserver=new MutationObserver((()=>this.updatePosition())),this.mutationObserver.observe(document.body,{childList:!0,subtree:!0}))}unobserveParent(){this.resizeObserver?.disconnect(),this.mutationObserver?.disconnect()}handleMouseDown(t){this.isInsideClick=!!(this.wrapper&&this.wrapper.contains(t.target)||this.parentRef&&this.parentRef.contains(t.target))}handleWindowClick(t){this.isInsideClick?this.isInsideClick=!1:this.wrapper?.contains(t.target)||this.close.emit()}handleKeydown(t){"Escape"===t.key&&this.close.emit()}render(){return o("slot",{key:"2ee14400df156cb766c0f88b77bc232263b3c7e2"})}};x.style=".sd-floating-menu{width:fit-content;padding:12px 16px;border-radius:6px;font-size:12px;font-weight:500;line-height:20px;position:relative;box-sizing:border-box;background:var(--sd-floating-bg, #07284A);color:var(--sd-floating-content, #FFFFFF);animation:sd-floating-fade-in 0.35s ease-out}.sd-floating-menu--top{animation-name:sd-floating-slide-top}.sd-floating-menu--bottom{animation-name:sd-floating-slide-bottom}.sd-floating-menu--left{animation-name:sd-floating-slide-left}.sd-floating-menu--right{animation-name:sd-floating-slide-right}.sd-floating-menu .sd-floating-menu__arrow{color:var(--sd-floating-bg, #07284A)}.sd-floating-menu--default{background:var(--sd-floating-bg, #07284A);color:var(--sd-floating-content, #FFFFFF);font-weight:500}.sd-floating-menu--default .sd-floating-menu__arrow{color:var(--sd-floating-bg, #07284A)}.sd-floating-menu--danger{background:var(--sd-floating-bg, #FCE6E6);color:var(--sd-floating-content, #FB4444);font-weight:700}.sd-floating-menu--danger .sd-floating-menu__arrow{color:var(--sd-floating-bg, #FCE6E6)}.sd-floating-menu--warning{background:var(--sd-floating-bg, #FEF1EA);color:var(--sd-floating-content, #FF6B00);font-weight:700}.sd-floating-menu--warning .sd-floating-menu__arrow{color:var(--sd-floating-bg, #FEF1EA)}.sd-floating-menu--accent{background:var(--sd-floating-bg, #E6F1FF);color:var(--sd-floating-content, #0075FF);font-weight:700}.sd-floating-menu--accent .sd-floating-menu__arrow{color:var(--sd-floating-bg, #E6F1FF)}.sd-floating-menu__arrow{position:absolute;display:flex;width:16px;height:12px}.sd-floating-menu__arrow svg{width:100%;height:100%}.sd-floating-menu__arrow--top{bottom:-12px;left:50%;transform:translateX(-50%)}.sd-floating-menu__arrow--bottom{top:-12px;left:50%;transform:translateX(-50%) rotate(180deg)}.sd-floating-menu__arrow--left{right:-12px;top:50%;transform:translateY(-50%) rotate(-90deg)}.sd-floating-menu__arrow--right{left:-12px;top:50%;transform:translateY(-50%) rotate(90deg)}.sd-floating-menu__content{font-size:12px;line-height:20px}.sd-floating-menu__content .sd-floating-menu__title{font-size:14px;font-weight:700;line-height:24px;margin-bottom:4px}.sd-floating-menu__content .sd-floating-menu__messages{font-weight:500}.sd-floating-menu__content .sd-floating-menu__buttons{margin-top:12px;display:flex;gap:8px;align-items:center}.sd-floating-menu__content .sd-floating-menu__buttons--1{justify-content:flex-end}.sd-floating-menu__content .sd-floating-menu__buttons--2{justify-content:space-between}.sd-floating-menu--popover{padding:16px 20px}.sd-floating-menu--popover .sd-floating-menu__content{gap:4px}.sd-floating-menu--popover .sd-floating-menu__title{font-size:14px;font-weight:700;line-height:24px}.sd-floating-menu--popover .sd-floating-menu__messages{font-size:12px;font-weight:500;line-height:20px}.sd-floating-menu--closing{animation:sd-floating-fade-out 0.15s ease-in forwards}.sd-floating-menu--closing.sd-floating-menu--top{animation-name:sd-floating-slide-out-top}.sd-floating-menu--closing.sd-floating-menu--bottom{animation-name:sd-floating-slide-out-bottom}.sd-floating-menu--closing.sd-floating-menu--left{animation-name:sd-floating-slide-out-left}.sd-floating-menu--closing.sd-floating-menu--right{animation-name:sd-floating-slide-out-right}.sd-floating-menu__close-button{position:absolute;top:12px;right:12px}@keyframes sd-floating-fade-out{from{opacity:1}to{opacity:0}}@keyframes sd-floating-slide-out-top{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(4px)}}@keyframes sd-floating-slide-out-bottom{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}@keyframes sd-floating-slide-out-left{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(4px)}}@keyframes sd-floating-slide-out-right{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-4px)}}@keyframes sd-floating-fade-in{from{opacity:0}to{opacity:1}}@keyframes sd-floating-slide-top{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes sd-floating-slide-bottom{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes sd-floating-slide-left{from{opacity:0;transform:translateX(4px)}to{opacity:1;transform:translateX(0)}}@keyframes sd-floating-slide-right{from{opacity:0;transform:translateX(-4px)}to{opacity:1;transform:translateX(0)}}";var v={bg:"#07284A",content:"#FFFFFF"},y={bg:"#FCEFEF",content:"#FB4444"},_={bg:"#FEF1EA",content:"#FF6B00"},w={bg:"#E6F1FF",content:"#0075FF"};const k={default:{bg:v.bg,content:v.content},danger:{bg:y.bg,content:y.content},warning:{bg:_.bg,content:_.content},accent:{bg:w.bg,content:w.content}},z=class{constructor(e){t(this,e)}get el(){return i(this)}trigger="hover";placement="top";color="#01BB4B";tooltipType="default";icon="helpOutline";iconSize=12;label="";buttonSize="sm";buttonVariant="primary";noHover=!0;sdClass="";showTooltip=!1;slotContentHTML="";buttonEl;menuEl;hideTimeout;closeTimeout;static CLOSE_ANIM_MS=150;show=()=>{this.cancelHideTimer(),this.showTooltip=!0,this.menuEl&&this.menuEl.classList.remove("sd-floating-menu--closing")};hide=()=>{this.menuEl&&this.menuEl.classList.add("sd-floating-menu--closing"),this.closeTimeout=setTimeout((()=>{this.showTooltip=!1}),z.CLOSE_ANIM_MS)};startHideTimer=()=>{this.hideTimeout=setTimeout((()=>this.hide()),100)};cancelHideTimer=()=>{this.hideTimeout&&(clearTimeout(this.hideTimeout),this.hideTimeout=void 0),this.closeTimeout&&(clearTimeout(this.closeTimeout),this.closeTimeout=void 0)};get tooltipOffset(){switch(this.placement??"top"){case"top":return[0,-4];case"bottom":return[0,4];case"left":case"right":return[4,0]}}handleClose=()=>this.hide();componentWillLoad(){this.slotContentHTML=this.el.innerHTML,this.el.replaceChildren(),this.el.classList.toggle("visible",!0)}render(){const t=this.trigger??"hover",e=this.placement??"top",i=this.tooltipType??"default",n=this.icon??"helpOutline",d=this.color??"#01BB4B",r=k[i]??k.default,l=()=>this.showTooltip=!this.showTooltip;return o(s,{key:"b5368ef5aced50890707aeb99c82de5784e7acf1"},o("div",{key:"aeac6276d7e36e315093770d03671d83b339137a",class:`sd-tooltip-trigger ${this.sdClass||""}`,..."hover"===t?{onMouseEnter:()=>this.show(),onMouseLeave:()=>this.startHideTimer()}:this.label?{}:{onClick:l}},this.label?o("sd-button",{ref:t=>this.buttonEl=t,label:this.label,icon:n,size:this.buttonSize??"sm",color:d,variant:this.buttonVariant??"primary",class:"sd-tooltip",..."click"===t&&this.label?{onSdClick:l}:{}}):o("sd-icon",{ref:t=>this.buttonEl=t,name:n,size:this.iconSize??12,color:d,class:"sd-tooltip"})),this.showTooltip&&o("sd-floating-portal",{key:"7e24c9f16d326f787a7441753ae138e08ebe3f78",parentRef:this.buttonEl,onSdClose:this.handleClose.bind(this),placement:e,offset:this.tooltipOffset},o("div",{key:"4681dfcb409ec7b072be6bf82bd42c5ebce29100",ref:t=>this.menuEl=t,class:{"sd-floating-menu":!0,[`sd-floating-menu--${i}`]:!0,[`sd-floating-menu--${e}`]:!0},style:{"--sd-floating-bg":r.bg,"--sd-floating-content":r.content},onMouseEnter:()=>this.show(),onMouseLeave:()=>this.startHideTimer()},o("i",{key:"e74368ffeabb85d4d4257e4695b1979c8f63495d",class:`sd-floating-menu__arrow sd-floating-menu__arrow--${e}`},o(a,{key:"e4f5b3031eb0cabcadf9fd0f564f6adf4515c14f"})),o("div",{key:"3399759f60874f2f8a5ebf3e2c618dab94289aec",class:"sd-floating-menu__content",innerHTML:this.slotContentHTML}))))}};z.style="sd-tooltip{visibility:hidden !important;display:inline-flex}sd-tooltip.visible{visibility:visible !important}sd-tooltip .sd-tooltip-trigger{display:inline-flex;position:relative;cursor:pointer;align-items:center;justify-content:center}";export{l as sd_button,m as sd_field,x as sd_floating_portal,z as sd_tooltip}

package/dist/design-system/p-1573f415.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,a as s,h as i,F as l}from"./p-Bp7ytJz5.js";import{n as o}from"./p-CCwNgVmC.js";import{B as n}from"./p-CRdYeSBK.js";import{S as r}from"./p-Cy6HMEsK.js";const h=class extends n{constructor(s){super(),t(this,s),this.update=e(this,"sdUpdate",7),this.dropDownShow=e(this,"sdDropDownShow",7)}get el(){return s(this)}value=null;options=[];placeholder="선택";optionPlaceholder="선택지가 없습니다.";width="200px";dropdownHeight="260px";disabled=!1;clearable=!1;searchable=!1;useCheckbox=!1;useAll=!1;allCheckedLabel="전체";allCheckOptionLabel="전체";label="";labelWidth="";icon=void 0;labelTooltip="";labelTooltipProps=null;rules=[];error=!1;containerStyle={};triggerStyle={};dropdownStyle={};optionStyle={};labelStyle={};optionRenderer;filteredOptions=[];isOpen=!1;searchText=null;itemIndex=-1;isScrolled=!1;isDropdownReady=!1;update;dropDownShow;selectRef;searchRef;triggerRef;optionRef;dropdownRef;formField;dropDownWidth="200px";name=o();async sdOpen(){await new Promise((t=>setTimeout(t,0))),this.isOpen=!0}async sdValidate(){this.formField?.sdValidate()}async sdReset(){this.formField?.sdReset()}async sdResetValidate(){this.formField?.sdResetValidation()}async sdFocus(){this.formField?.sdFocus()}valueChanged(){this.update?.emit(this.value)}optionsChanged(){this.filteredOptions=this.options,this.filterOptions()}searchTextChanged(){this.filterOptions()}async itemIndexChanged(t,e){if(this.searchable){const t=await this.getNativeInputElement();if(-1===this.itemIndex)return void t?.focus({preventScroll:!0});t?.matches(":focus")&&t?.blur()}const s=Array.from(this.dropdownRef?.querySelectorAll("sd-select-option-group")||[]),i=this.useAll?this.itemIndex+1:this.itemIndex,l=s?.[i];l&&this.isOpen&&(this.optionRef=l,await this.optionRef.isDisabled()?t>e?this.itemIndex++:this.itemIndex--:this.scrollToOption(l))}async isOpenChanged(){this.onDropdownToggle(this.isOpen),this.dropDownShow?.emit({isOpen:this.isOpen}),this.isDropdownReady=!1,!1!==this.isOpen?requestAnimationFrame((()=>{requestAnimationFrame((async()=>{const t=this.getSelectedOption();if(t&&t.length>0){const e=this.options.indexOf(t[0]),s=Array.from(this.dropdownRef?.querySelectorAll("sd-select-option-group")||[]),i=Math.min((this.useAll?e+1:e)+4,s.length-1),l=s?.[i];l&&this.scrollToOption(l)}if(this.isDropdownReady=!0,this.searchable){const t=await this.getNativeInputElement();t&&requestAnimationFrame((()=>{t.focus({preventScroll:!0})}))}}))})):await(this.formField?.sdValidate())}componentWillLoad(){this.filteredOptions=this.options,this.dropDownWidth=this.width,this.initializeEvent()}componentDidRender(){const t=this.triggerRef,e=t?.getBoundingClientRect();this.dropDownWidth=e?.width?`${e.width}px`:this.width}disconnectedCallback(){this.cleanupEvent()}handleDocumentClick(t){this.selectRef?.contains(t.target)||(this.isOpen=!1)}handleDocumentKeydown(t){if(t.stopPropagation(),["ArrowDown","ArrowUp","Enter","Escape"].includes(t.key))switch(t.preventDefault(),t.key){case"ArrowDown":case"ArrowUp":const e=new r(this.searchable,this.filteredOptions).getNextIndex(this.itemIndex,t.key);this.itemIndex=e;break;case"Enter":const s=this.filteredOptions[this.itemIndex];s&&!s.disabled&&this.handleOptionSelection(s);break;case"Escape":this.isOpen=!1}}handleTriggerClick=t=>{t.stopPropagation(),this.disabled||(this.isOpen=!this.isOpen,this.dropDownShow?.emit({isOpen:this.isOpen}))};handleAllOptionClick=t=>{if(t.isSelected){const t=this.filteredOptions.filter((t=>"item"===t.type&&!t.disabled));this.value=this.value?.filter((e=>!t.some((t=>t.value===e.value))))||this.value}else{const t=new Set([...this.value||[],...this.filteredOptions.filter((t=>"item"===t.type&&!t.disabled))]);this.value=Array.from(t)}};handleOptionClick=t=>{const{option:e,event:s}=t;s.stopPropagation(),"group"===e.type&&this.handleGroupOptionClick(t),"subgroup"===e.type&&this.handleSubGroupOptionClick(t),"item"===e.type&&this.handleOptionSelection(e)};handleGroupOptionClick=t=>{const{option:e,isSelected:s}=t;this.filteredOptions.filter((t=>t.parent===e.value&&!t.disabled)).forEach((t=>{this.handleSubGroupOptionClick({option:t,isSelected:s||null===s})}))};handleSubGroupOptionClick=t=>{const{option:e,isSelected:s}=t,i=this.filteredOptions.filter((t=>t.parent===e.value&&!t.disabled));if(s||null===s)this.value=this.value?.filter((t=>!i.some((e=>e.value===t.value))))||null;else{const t=i.filter((t=>!this.value?.some((e=>e.value===t.value))));this.value=[...this.value||[],...t]}};filterOptions(){if(!this.searchText||""===this.searchText.trim())return void(this.filteredOptions=this.options);const t=this.searchText.toLowerCase(),e=new Set;this.options.forEach((s=>{s.label.toLowerCase().includes(t)&&(e.add(s),this.addParentGroups(s,e))})),this.filteredOptions=this.options.filter((t=>e.has(t)))}addParentGroups(t,e){if(!t.parent)return;const s=this.options.find((e=>e.value===t.parent));s&&!e.has(s)&&(e.add(s),this.addParentGroups(s,e))}getSelectedOption(){return this.options.filter((t=>this.value?.includes(t)))}handleDropdownScroll=t=>{this.isScrolled=t.target.scrollTop>0};async getNativeInputElement(){return this.searchRef?this.searchRef.sdGetNativeElement():null}handleOptionSelection=t=>{if(!t||t.disabled)return;const e=this.value?.some((e=>e.value===t.value));this.value=e?this.value?.filter((e=>e.value!==t.value))||null:[...this.value||[],t]};getAllItemsUnderOption(t,e=!1){const s=s=>s.parent===t.value&&(e||!s.disabled);if("subgroup"===t.type)return this.filteredOptions.filter((t=>s(t)&&"item"===t.type));const i=[],l=this.filteredOptions.filter(s);l.filter((t=>"subgroup"===t.type)).forEach((t=>{const s=this.filteredOptions.filter((s=>!(s.parent!==t.value||"item"!==s.type||!e&&s.disabled)));i.push(...s)}));const o=l.filter((t=>"item"===t.type));return i.push(...o),i}isAllChildrenSelected(t){const e=this.getAllItemsUnderOption(t);if(0===e.length)return!1;const s=e.filter((t=>this.value?.some((e=>e.value===t.value))));return s.length===e.length||s.length>0&&null}getChildrenOptions(t){const e=this.getAllItemsUnderOption(t,!0);return{selectedCount:e.filter((t=>this.value?.some((e=>e.value===t.value)))).length,totalCount:e.length}}isAllOptionsSelected(){if(!this.value||0===this.value.length)return!1;const t=this.options.filter((t=>"item"===t.type&&!t.disabled));if(0===t.length)return!1;const e=new Set(this.value.map((t=>t.value)));return t.every((t=>e.has(t.value)))}getTriggerLabel(){const t=this.getSelectedOption();return t?0===t.length?this.placeholder:this.isAllOptionsSelected()?this.allCheckedLabel:t.map((t=>t.label)).join(", "):"선택"}closeDropdown(){this.isOpen=!1}async scrollToOption(t){this.dropdownRef&&t&&requestAnimationFrame((()=>{const e=this.dropdownRef,s=t.offsetTop,i=t.offsetHeight,l=e.scrollTop,o=e.clientHeight,n=e.querySelector(".sd-select-multiple-group__search-container"),r=n?n.offsetHeight:0,h=o-r,p=l+o;s<l+r?e.scrollTo({top:s-r,behavior:"instant"}):s+i>p&&e.scrollTo({top:s+i-h-r,behavior:"instant"})}))}render(){return i("sd-field",{key:"4140b6529565f97fa65d81ae1462108476d52bcc",label:this.label,labelWidth:this.labelWidth,name:this.name,rules:this.rules,error:this.error,disabled:this.disabled,icon:this.icon,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:t=>this.formField=t,style:{"--field-width":this.width||"200px"}},i("div",{key:"2dab2697f3e375d214b66464b0f57aa32e77757b",class:{"sd-select-multiple-group":!0,"sd-select-multiple-group--open":this.isOpen,"sd-select-multiple-group--disabled":this.disabled,"sd-select-multiple-group--label":!!this.label},ref:t=>this.selectRef=t},this.renderTrigger(),this.renderDropdown()))}renderTrigger(){const t=this.getSelectedOption();return i("div",{class:"sd-select-multiple-group__trigger",tabindex:this.disabled?-1:0,onClick:this.handleTriggerClick,style:this.triggerStyle},i("span",{class:"sd-select-multiple-group__value"},this.getTriggerLabel()),this.clearable&&t?.length>0&&!this.disabled&&i("sd-icon",{key:"close-icon",name:"close",size:10,color:"#888",class:"sd-select-multiple-group__clear",onClick:async t=>{t.stopPropagation(),this.value=null,await(this.formField?.sdValidate())}}),i("sd-icon",{key:"arrow-icon",name:"arrowDown",color:"#888",class:{"sd-select-multiple-group__arrow":!0,"sd-select-multiple-group__arrow--open":this.isOpen}}))}renderDropdown(){return!1===this.isOpen?null:i("sd-portal",{open:this.isOpen,parentRef:this.selectRef,onSdClose:this.closeDropdown},i("div",{style:{width:"0",height:"0",overflow:"visible"}},i("div",{class:{"sd-select-multiple-group__dropdown":!0,"sd-select-multiple-group__dropdown--ready":this.isDropdownReady},style:{"--select-width":this.dropDownWidth||"200px","--select-dropdown-height":this.dropdownHeight||"260px",...this.dropdownStyle},onScroll:this.handleDropdownScroll,ref:t=>this.dropdownRef=t},this.searchable&&i("sd-select-search-input",{ref:t=>this.searchRef=t,isScrolled:this.isScrolled,searchText:this.searchText,onSdSearchInput:t=>this.searchText=t.detail||"",onSdSearchFocus:()=>this.itemIndex=-1}),this.filteredOptions.length>0?i(l,null,this.useAll&&i("sd-select-option-group",{option:{label:this.allCheckOptionLabel,value:"",type:"all"},index:0,isSelected:this.isAllOptionsSelected(),isFocused:0===this.itemIndex,optionStyle:this.optionStyle,onOptionClick:({detail:t})=>this.handleAllOptionClick(t),useCheckbox:this.useCheckbox,useIndicator:!1}),this.filteredOptions.map(((t,e)=>i("slot",{name:`option-${t.value}`},i("sd-select-option-group",{option:t,index:e,isSelected:"item"===t.type?this.value?.some((e=>e.value===t.value)):this.isAllChildrenSelected(t),isFocused:e===this.itemIndex,optionStyle:this.optionStyle,onOptionClick:({detail:e})=>{("item"===t.type||this.useCheckbox)&&this.handleOptionClick(e)},useCheckbox:this.useCheckbox,..."item"!==t.type&&{countInfo:this.getChildrenOptions(t)}}))))):i("slot",{name:"option-placeholder"},i("div",{class:"sd-select-multiple-group__option-placeholder",style:this.optionStyle},this.optionPlaceholder)))))}static get watchers(){return{value:[{valueChanged:0}],options:[{optionsChanged:0}],searchText:[{searchTextChanged:0}],itemIndex:[{itemIndexChanged:0}],isOpen:[{isOpenChanged:0}]}}};h.style=".sd-select-multiple-group__dropdown .sd-select-multiple-group__option-placeholder{height:48px;display:flex;align-items:center;padding:8px 16px;font-size:12px;line-height:0;text-align:left;color:#888888}sd-select-multiple-group{display:inline-flex;flex-flow:column nowrap;width:fit-content;height:fit-content}sd-select-multiple-group:focus,sd-select-multiple-group:focus-visible,sd-select-multiple-group:focus-within{outline:none !important}sd-select-multiple-group .sd-select-multiple-group{width:100%}sd-select-multiple-group .sd-select-multiple-group .sd-select-multiple-group__trigger{padding:4px 20px 4px 12px;display:flex;width:100%;align-items:center;cursor:pointer}.sd-field--disabled sd-select-multiple-group .sd-select-multiple-group .sd-select-multiple-group__trigger{cursor:not-allowed}sd-select-multiple-group .sd-select-multiple-group .sd-select-multiple-group__trigger .sd-select-multiple-group__value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:20px;font-size:12px;font-weight:400}sd-select-multiple-group .sd-select-multiple-group .sd-select-multiple-group__trigger .sd-select-multiple-group__clear{margin:0 4px;width:8px;height:8px;background-color:transparent;outline:none;border:none}sd-select-multiple-group .sd-select-multiple-group .sd-select-multiple-group__arrow{position:absolute;top:8px;right:8px;width:12px;height:12px;color:#888888;transition:transform 0.3s ease}sd-select-multiple-group .sd-select-multiple-group .sd-select-multiple-group__arrow--open{transform:rotate(180deg)}.sd-select-multiple-group__dropdown{overflow:auto;width:var(--select-width, 200px);max-height:var(--select-dropdown-height, 260px);padding-bottom:2px;background-color:white;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.1);border-radius:4px;overflow-y:auto;color:#333333;opacity:0.5;transition:opacity 0.15s ease-in}.sd-select-multiple-group__dropdown--ready{opacity:1}";export{h as sd_select_multiple_group}

package/dist/design-system/p-1b9f6cef.entry.js

@@ -1 +0,0 @@
-import{r as o,c as e,a as t,h as s}from"./p-Bp7ytJz5.js";const p=class{constructor(t){o(this,t),this.optionClick=e(this,"optionClick",7)}get el(){return t(this)}option;index;isSelected=!1;isFocused=!1;optionStyle;disabled=!1;useCheckbox=!1;useIndicator=!0;countInfo={selectedCount:0,totalCount:0};isHovered=!1;async isDisabled(){return!!this.option.disabled||"group"===this.option.type||"subgroup"===this.option.type}optionClick;handleClick=(o,e,t)=>{t.stopPropagation(),"group"!==o.type&&"subgroup"!==o.type&&(this.option.disabled||this.disabled)||this.optionClick.emit({option:this.option,isSelected:e,index:this.index,event:t})};render(){return s("div",{key:"647a7be115df96fe30d3b69d3b09ee45d229d86c",class:{"sd-select__option-group":!0,"sd-select__option-group--selected":!!this.isSelected,"sd-select__option-group--disabled":!!this.option.disabled,"sd-select__option-group--focused":this.isFocused,"sd-select__option-group--use-checkbox":this.useCheckbox,"sd-select__option-group--group":"group"===this.option.type,"sd-select__option-group--subgroup":"subgroup"===this.option.type,"sd-select__option-group--item":"item"===this.option.type},onMouseEnter:()=>this.isHovered=!0,onMouseLeave:()=>this.isHovered=!1,style:this.optionStyle,"data-index":this.index,onClick:o=>this.handleClick(this.option,this.isSelected,o)},s("div",{key:"b1b1697c34e57667203992f8e4e6e9438f204dea",class:"sd-select__option-group__label-wrapper"},this.useCheckbox&&s("sd-checkbox",{key:"b67bec9cfd93739348f7d6c3e93945c28171e752",value:this.isSelected,disabled:this.option.disabled,onClick:o=>{o.preventDefault(),this.handleClick(this.option,this.isSelected,o)}}),s("span",{key:"a65090e487a45acec39155aa6df00a1500249e20",class:"sd-select__option-group-label"},this.option.label),this.useIndicator&&"item"!==this.option.type&&s("span",{key:"5024421742568127097655bcb39af70b61cc3403",class:"sd-select__option-group__count-indicator"},`(${this.countInfo?.selectedCount}/${this.countInfo?.totalCount})`)))}};p.style="sd-select-option-group{display:block;height:fit-content}sd-select-option-group .sd-select__option-group{display:flex;padding:4px 12px;padding-left:12px;font-size:12px;line-height:20px;cursor:pointer}sd-select-option-group .sd-select__option-group.sd-select__option-group--group:not(.sd-select__option-group--use-checkbox),sd-select-option-group .sd-select__option-group.sd-select__option-group--subgroup:not(.sd-select__option-group--use-checkbox){cursor:default !important}sd-select-option-group .sd-select__option-group.sd-select__option-group--group{background-color:#F5FAFF !important;color:#333333 !important;font-weight:700}sd-select-option-group .sd-select__option-group.sd-select__option-group--subgroup{padding-left:20px;background-color:#F9F9F9 !important;color:#333333 !important;font-weight:500}sd-select-option-group .sd-select__option-group.sd-select__option-group--item{padding-left:28px}sd-select-option-group .sd-select__option-group sd-checkbox__bg{border-color:#888888}sd-select-option-group .sd-select__option-group__label-wrapper{display:flex;width:100%;column-gap:8px;align-items:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}sd-select-option-group .sd-select__option-group__label-wrapper sd-checkbox{flex-shrink:0}sd-select-option-group .sd-select__option-group__label-wrapper .sd-select__option-group-label{flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}sd-select-option-group .sd-select__option-group__label-wrapper .sd-select__option-group__count-indicator{width:fit-content;flex-shrink:0;font-size:12px;font-weight:500;color:#888888}sd-select-option-group .sd-select__option-group--focused{background-color:#E6F1FF}sd-select-option-group .sd-select__option-group--selected.sd-select__option-group--item:not(:hover):not(.sd-select__option-group--use-checkbox),sd-select-option-group .sd-select__option-group--focused.sd-select__option-group--item:not(:hover):not(.sd-select__option-group--use-checkbox){color:#0075FF;font-weight:700}sd-select-option-group .sd-select__option-group--disabled{color:#AAAAAA;cursor:not-allowed}sd-select-option-group .sd-select__option-group:hover:not(.sd-select__option-group--disabled){background-color:#0075FF;color:white}sd-select-option-group .sd-select__option-group:hover.sd-select__option-group--selected:not(.sd-select__option-group--group):not(.sd-select__option-group--subgroup) sd-checkbox .sd-checkbox__bg{border-color:white !important}";export{p as sd_select_option_group}

package/dist/design-system/p-1cc7d81f.entry.js

@@ -1 +0,0 @@
-import{r as e,c as a,h as d}from"./p-Bp7ytJz5.js";import{u as r,t}from"./p-DTrMR0rx.js";import{W as c,C as n}from"./p-DMbVR8K4.js";const i=class{constructor(d){e(this,d),this.select=a(this,"sdSelect",7),this.viewChange=a(this,"sdViewChange",7)}value=null;selectable;currentYear;currentMonth;select;viewChange;dateUtil=r();componentWillLoad(){this.syncViewFromValue()}handleValueChange(){this.syncViewFromValue()}syncViewFromValue(){const e=this.value||t,[a,d]=e.split("-").map(Number);this.currentYear=a,this.currentMonth=d}formatDate(e,a,d){return`${e}-${String(a).padStart(2,"0")}-${String(d).padStart(2,"0")}`}get cells(){const e=this.currentYear,a=this.currentMonth,d=new Date(e,a-1,1).getDay(),r=new Date(e,a,0).getDate(),t=1===a?12:a-1,c=1===a?e-1:e,n=new Date(c,t,0).getDate(),i=12===a?1:a+1,l=12===a?e+1:e,s=[];for(let e=d-1;e>=0;e--){const a=n-e;s.push({date:this.formatDate(c,t,a),day:a,inCurrentMonth:!1})}for(let d=1;d<=r;d++)s.push({date:this.formatDate(e,a,d),day:d,inCurrentMonth:!0});const o=(7-s.length%7)%7;for(let e=1;e<=o;e++)s.push({date:this.formatDate(l,i,e),day:e,inCurrentMonth:!1});return s}emitViewChange(){this.viewChange.emit({year:this.currentYear,month:this.currentMonth})}goPrevYear=e=>{e.stopPropagation(),this.currentYear-=1,this.emitViewChange()};goNextYear=e=>{e.stopPropagation(),this.currentYear+=1,this.emitViewChange()};goPrevMonth=e=>{e.stopPropagation();const{newYear:a,newMonth:d}=this.dateUtil.calculateYearMonth(this.currentYear,this.currentMonth,"prev");this.currentYear=a,this.currentMonth=d,this.emitViewChange()};goNextMonth=e=>{e.stopPropagation();const{newYear:a,newMonth:d}=this.dateUtil.calculateYearMonth(this.currentYear,this.currentMonth,"next");this.currentYear=a,this.currentMonth=d,this.emitViewChange()};isDisabled(e){if(!this.selectable)return!1;const[a,d]=this.selectable;return!!(a&&e<a)||!!(d&&e>d)}handleDayClick(e){this.isDisabled(e.date)||this.select.emit(e.date)}render(){return d("div",{key:"ac86be94b03ba15d7dfd885f96fb29a988468e30",class:"sd-date-picker-calendar",style:{"--calendar-bg":n.bg,"--calendar-padding":`${n.paddingXY}px`,"--calendar-gap":`${n.gap}px`,"--calendar-radius":`${n.radius}px`,"--calendar-header-gap":`${n.header.gap}px`,"--calendar-header-divider":n.header.divider,"--calendar-header-font-size":`${n.header.fontSize}px`,"--calendar-header-line-height":`${n.header.lineHeight}px`,"--calendar-header-font-weight":n.header.fontWeight,"--calendar-week-font-size":`${n.week.fontSize}px`,"--calendar-week-line-height":`${n.week.lineHeight}px`,"--calendar-week-font-weight":n.week.fontWeight,"--calendar-week-color":n.week.color,"--calendar-grid-row-gap":`${n.grid.rowGap}px`,"--calendar-day-size":`${n.day.size}px`,"--calendar-day-circle-size":`${n.day.circleSize}px`,"--calendar-day-circle-radius":`${n.day.circleRadius}px`,"--calendar-day-text":n.day.defaultText,"--calendar-day-hover-text":n.day.hoverText,"--calendar-day-hover-border":n.day.hoverBorder,"--calendar-day-select-bg":n.day.selectBg,"--calendar-day-select-text":n.day.selectText,"--calendar-day-disabled-text":n.day.disabledText,"--calendar-day-font-size":`${n.day.fontSize}px`,"--calendar-day-line-height":`${n.day.lineHeight}px`,"--calendar-day-font-weight":n.day.fontWeight,"--calendar-day-bold-font-weight":n.day.boldFontWeight}},d("div",{key:"64a116ef69725d8f51eed4b54ed0f73e1dc23f9d",class:"sd-date-picker-calendar__header"},d("div",{key:"f0372d3d91dc9d1917ada3677baa4841074d6e22",class:"sd-date-picker-calendar__nav-group"},d("sd-ghost-button",{key:"133611ecd17975064fce932a6cc6c23478d93c3a",ariaLabel:"prevYear",size:"xxs",icon:"chevronLeft",onClick:this.goPrevYear}),d("span",{key:"4445d069e21ac31b46c62ee8d7c213b72c7f787c",class:"sd-date-picker-calendar__label"},this.currentYear),d("sd-ghost-button",{key:"407f906335b31b5c70018f53a21d0e7d0cbc39ee",ariaLabel:"nextYear",size:"xxs",icon:"chevronRight",onClick:this.goNextYear})),d("span",{key:"ddf5d7348d5833988b5a12ece9209624842e40ee",class:"sd-date-picker-calendar__divider","aria-hidden":"true"}),d("div",{key:"19a362b93db20bfaf63b6f8552a60d9baf3d7c24",class:"sd-date-picker-calendar__nav-group sd-date-picker-calendar__nav-group-month"},d("sd-ghost-button",{key:"9618b3ebfadf65a7d8abfa8a7360b8fcccbf68b5",ariaLabel:"prevMonth",size:"xxs",icon:"chevronLeft",onClick:this.goPrevMonth}),d("span",{key:"2b989a40ad784a08f42a6571817431c028720564",class:"sd-date-picker-calendar__label sd-date-picker-calendar__label-month"},this.currentMonth,"월"),d("sd-ghost-button",{key:"60ab56cdfbd93e2cd0fa4453d44e540393ac5296",ariaLabel:"nextMonth",size:"xxs",icon:"chevronRight",onClick:this.goNextMonth}))),d("div",{key:"337ad71a09089b1771e734aa591b243abe226d92",class:"sd-date-picker-calendar__week"},c.map((e=>d("span",{key:e,class:"sd-date-picker-calendar__week-cell"},e)))),d("div",{key:"baf0ad26ee64044f0af3b8126efaafe94feba8a4",class:"sd-date-picker-calendar__grid"},this.cells.map((e=>{const a=e.inCurrentMonth&&!!this.value&&this.value===e.date,r=e.inCurrentMonth&&t===e.date,c=e.inCurrentMonth&&this.isDisabled(e.date);return d("button",{type:"button",key:e.date,class:{"sd-date-picker-calendar__day":!0,"sd-date-picker-calendar__day--empty":!e.inCurrentMonth,"sd-date-picker-calendar__day--today":r,"sd-date-picker-calendar__day--selected":a,"sd-date-picker-calendar__day--disabled":c},disabled:!e.inCurrentMonth||c,tabindex:e.inCurrentMonth?void 0:-1,"aria-hidden":e.inCurrentMonth?void 0:"true",onClick:()=>e.inCurrentMonth&&this.handleDayClick(e)},d("span",{class:"sd-date-picker-calendar__day-circle"},e.inCurrentMonth?e.day:""))}))))}static get watchers(){return{value:[{handleValueChange:0}]}}};i.style="sd-date-picker-calendar{display:block}sd-date-picker-calendar .sd-date-picker-calendar{display:flex;flex-direction:column;gap:var(--calendar-gap);height:328px;padding:var(--calendar-padding);background:var(--calendar-bg);border-radius:var(--calendar-radius);box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.2);user-select:none}sd-date-picker-calendar .sd-date-picker-calendar__header{display:flex;align-items:center;justify-content:center;gap:var(--calendar-header-gap);font-size:var(--calendar-header-font-size);line-height:var(--calendar-header-line-height);font-weight:var(--calendar-header-font-weight);color:var(--calendar-day-text)}sd-date-picker-calendar .sd-date-picker-calendar__nav-group{display:inline-flex;align-items:center;gap:var(--calendar-gap)}sd-date-picker-calendar .sd-date-picker-calendar__nav-group-month{width:100%}sd-date-picker-calendar .sd-date-picker-calendar__label{display:inline-flex;align-items:center;justify-content:center;min-width:40px;text-align:center}sd-date-picker-calendar .sd-date-picker-calendar__label-month{width:100%}sd-date-picker-calendar .sd-date-picker-calendar__divider{display:inline-block;width:1px;height:16px;background:var(--calendar-header-divider)}sd-date-picker-calendar .sd-date-picker-calendar__week{display:grid;grid-template-columns:repeat(7, var(--calendar-day-size))}sd-date-picker-calendar .sd-date-picker-calendar__week-cell{display:inline-flex;align-items:center;justify-content:center;height:20px;font-size:var(--calendar-week-font-size);line-height:var(--calendar-week-line-height);font-weight:var(--calendar-week-font-weight);color:var(--calendar-week-color)}sd-date-picker-calendar .sd-date-picker-calendar__grid{display:grid;grid-template-columns:repeat(7, var(--calendar-day-size));row-gap:var(--calendar-grid-row-gap)}sd-date-picker-calendar .sd-date-picker-calendar__day{display:inline-flex;align-items:center;justify-content:center;width:var(--calendar-day-size);height:32px;padding:0;border:none;background:transparent;cursor:pointer;font-size:var(--calendar-day-font-size);line-height:var(--calendar-day-line-height);font-weight:var(--calendar-day-font-weight);color:var(--calendar-day-text)}sd-date-picker-calendar .sd-date-picker-calendar__day-circle{display:inline-flex;align-items:center;justify-content:center;width:var(--calendar-day-circle-size);height:var(--calendar-day-circle-size);border-radius:calc(var(--calendar-day-circle-radius) * 1px);border:1px solid transparent;box-sizing:border-box}sd-date-picker-calendar .sd-date-picker-calendar__day:not(:disabled):hover .sd-date-picker-calendar__day-circle{border-radius:16px;border:1px solid var(--calendar-day-hover-border)}sd-date-picker-calendar .sd-date-picker-calendar__day--today .sd-date-picker-calendar__day-circle{font-weight:700}sd-date-picker-calendar .sd-date-picker-calendar__day--selected .sd-date-picker-calendar__day-circle{border-radius:16px;background:var(--calendar-day-select-bg);color:var(--calendar-day-select-text)}sd-date-picker-calendar .sd-date-picker-calendar__day--selected:not(:disabled):hover .sd-date-picker-calendar__day-circle{background:var(--calendar-day-select-bg);color:var(--calendar-day-select-text)}sd-date-picker-calendar .sd-date-picker-calendar__day--disabled{color:var(--calendar-day-disabled-text);background:none !important;cursor:not-allowed}sd-date-picker-calendar .sd-date-picker-calendar__day--empty{visibility:hidden;pointer-events:none}";export{i as sd_date_picker_calendar}

package/dist/design-system/p-1fa6c17f.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,a as s,h as i,F as o}from"./p-Bp7ytJz5.js";import{n as r}from"./p-CCwNgVmC.js";import{B as n}from"./p-CRdYeSBK.js";import{S as l}from"./p-Cy6HMEsK.js";const h=class extends n{constructor(s){super(),t(this,s),this.update=e(this,"sdUpdate",7),this.dropDownShow=e(this,"sdDropDownShow",7)}get el(){return s(this)}value=null;options=[];placeholder="선택";optionPlaceholder="선택지가 없습니다.";width="200px";dropdownHeight="260px";autoFocus=!1;disabled=!1;clearable=!1;searchable=!1;label="";labelWidth="";addonLabel="";addonAlign="start";icon=void 0;labelTooltip="";labelTooltipProps=null;rules=[];error=!1;containerStyle={};triggerStyle={};dropdownStyle={};optionStyle={};labelStyle={};optionRenderer;filteredOptions=[];isOpen=!1;searchText=null;itemIndex=-1;isScrolled=!1;isDropdownReady=!1;update;dropDownShow;selectRef;searchRef;triggerRef;optionRef;dropdownRef;formField;dropDownWidth="200px";name=r();async sdOpen(){await new Promise((t=>setTimeout(t,0))),this.isOpen=!0}async sdValidate(){this.formField?.sdValidate()}async sdReset(){this.formField?.sdReset()}async sdResetValidate(){this.formField?.sdResetValidation()}async sdFocus(){this.formField?.sdFocus()}optionsChanged(){this.filteredOptions=this.options,this.filterOptions()}searchTextChanged(){this.filterOptions()}async itemIndexChanged(t,e){if(this.searchable){const t=await this.getNativeInputElement();if(-1===this.itemIndex)return void t?.focus({preventScroll:!0});t?.matches(":focus")&&t?.blur()}const s=Array.from(this.dropdownRef?.querySelectorAll("sd-select-option-group")||[]),i=s?.[this.itemIndex];i&&this.isOpen&&(this.optionRef=i,await this.optionRef.isDisabled()?t>e?this.itemIndex++:this.itemIndex--:this.scrollToOption(i))}async isOpenChanged(){this.onDropdownToggle(this.isOpen),this.dropDownShow?.emit({isOpen:this.isOpen}),this.isDropdownReady=!1,!1!==this.isOpen?requestAnimationFrame((()=>{requestAnimationFrame((async()=>{const t=this.getSelectedOption();if(t){const e=this.filteredOptions.indexOf(t),s=Array.from(this.dropdownRef?.querySelectorAll("sd-select-option-group")||[]),i=Math.min(e+4,s.length-1),o=s?.[i];o&&this.scrollToOption(o)}if(this.isDropdownReady=!0,this.searchable){const t=await this.getNativeInputElement();t&&requestAnimationFrame((()=>{t.focus({preventScroll:!0})}))}}))})):await(this.formField?.sdValidate())}componentWillLoad(){this.filteredOptions=this.options,this.dropDownWidth=this.width,this.initializeEvent()}componentDidLoad(){this.autoFocus&&this.selectRef?.focus()}componentDidRender(){const t=this.triggerRef,e=t?.getBoundingClientRect();this.dropDownWidth=e?.width?`${e.width}px`:this.width}disconnectedCallback(){this.cleanupEvent()}handleDocumentClick(t){this.selectRef?.contains(t.target)||(this.isOpen=!1)}handleDocumentKeydown(t){if(t.stopPropagation(),["ArrowDown","ArrowUp","Enter","Escape"].includes(t.key))switch(t.preventDefault(),t.key){case"ArrowDown":case"ArrowUp":const e=new l(this.searchable,this.filteredOptions).getNextIndex(this.itemIndex,t.key);this.itemIndex=e;break;case"Enter":const s=this.filteredOptions[this.itemIndex];s&&!s.disabled&&"item"===s.type&&this.handleOptionSelection(s);break;case"Escape":this.isOpen=!1}}handleTriggerClick=t=>{t.stopPropagation(),this.disabled||(this.isOpen=!this.isOpen,this.dropDownShow?.emit({isOpen:this.isOpen}))};handleOptionClick=t=>{const{option:e,event:s}=t;s.stopPropagation(),"item"===e.type&&this.handleOptionSelection(e)};filterOptions(){if(!this.searchText||""===this.searchText.trim())return void(this.filteredOptions=this.options);const t=this.searchText.toLowerCase(),e=new Set;this.options.forEach((s=>{s.label.toLowerCase().includes(t)&&(e.add(s),this.addParentGroups(s,e))})),this.filteredOptions=this.options.filter((t=>e.has(t)))}addParentGroups(t,e){if(!t.parent)return;const s=this.options.find((e=>e.value===t.parent));s&&!e.has(s)&&(e.add(s),this.addParentGroups(s,e))}getSelectedOption(){return this.options.find((t=>t.value===this.value))}handleDropdownScroll=t=>{this.isScrolled=t.target.scrollTop>0};async getNativeInputElement(){return this.searchRef?this.searchRef.sdGetNativeElement():null}handleOptionSelection=t=>{if(!t||t.disabled)return;this.value=t.value,this.isOpen=!1;const e=this.getSelectedOption();this.update?.emit({value:e?.value||null,option:e||null})};closeDropdown(){this.isOpen=!1}async scrollToOption(t){this.dropdownRef&&t&&requestAnimationFrame((()=>{const e=this.dropdownRef,s=t.offsetTop,i=t.offsetHeight,o=e.scrollTop,r=e.clientHeight,n=e.querySelector(".sd-select-group__search-container"),l=n?n.offsetHeight:0,h=r-l,d=o+r;s<o+l?e.scrollTo({top:s-l,behavior:"instant"}):s+i>d&&e.scrollTo({top:s+i-h-l,behavior:"instant"})}))}render(){return i("sd-field",{key:"aa5470eaba6489d6eb380996eeb0c0c985e20fbf",label:this.label,labelWidth:this.labelWidth,name:this.name,rules:this.rules,error:this.error,disabled:this.disabled,icon:this.icon,addonLabel:this.addonLabel,addonAlign:this.addonAlign,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:t=>this.formField=t,style:{"--field-width":this.width||"200px"}},i("div",{key:"90d4cc0bde3240be6a8406c9ea6c82c2fdad3482",class:{"sd-select-group":!0,"sd-select-group--open":this.isOpen,"sd-select-group--disabled":this.disabled,"sd-select-group--label":!!this.label},ref:t=>this.selectRef=t},this.renderTrigger(),this.renderDropdown()))}renderTrigger(){const t=this.getSelectedOption();return i("div",{class:"sd-select-group__trigger",tabindex:this.disabled?-1:0,onClick:this.handleTriggerClick,style:this.triggerStyle,ref:t=>this.triggerRef=t},i("span",{class:"sd-select-group__value"},t?t.label:this.placeholder),this.clearable&&t&&!this.disabled&&i("sd-icon",{key:"close-icon",name:"close",size:10,color:"grey_65",class:"sd-select-group__clear",onClick:async t=>{t.stopPropagation(),this.value=null,this.update?.emit({value:null,option:null}),await(this.formField?.sdValidate())}}),i("sd-icon",{key:"arrow-icon",name:"arrowDown",color:"grey_65",class:{"sd-select-group__arrow":!0,"sd-select-group__arrow--open":this.isOpen}}))}renderDropdown(){return!1===this.isOpen?null:i("sd-portal",{open:this.isOpen,parentRef:this.selectRef,onSdClose:this.closeDropdown},i("div",{style:{width:"0",height:"0",overflow:"visible"}},i("div",{class:{"sd-select-group__dropdown":!0,"sd-select-group__dropdown--ready":this.isDropdownReady},style:{"--select-width":this.dropDownWidth||"200px","--select-dropdown-height":this.dropdownHeight||"260px",...this.dropdownStyle},onScroll:this.handleDropdownScroll,ref:t=>this.dropdownRef=t},this.searchable&&i("sd-select-search-input",{ref:t=>this.searchRef=t,isScrolled:this.isScrolled,searchText:this.searchText,onSdSearchInput:t=>this.searchText=t.detail||"",onSdSearchFocus:()=>this.itemIndex=-1}),this.filteredOptions.length>0?i(o,null,this.filteredOptions.map(((t,e)=>i("slot",{name:`option-${t.value}`},i("sd-select-option-group",{option:t,index:e,isSelected:"item"===t.type&&t.value===this.value,isFocused:e===this.itemIndex,optionStyle:this.optionStyle,onOptionClick:({detail:e})=>{"item"===t.type&&this.handleOptionClick(e)},useCheckbox:!1,useIndicator:!1}))))):i("slot",{name:"option-placeholder"},i("div",{class:"sd-select-group__option-placeholder",style:this.optionStyle},this.optionPlaceholder)))))}static get watchers(){return{options:[{optionsChanged:0}],searchText:[{searchTextChanged:0}],itemIndex:[{itemIndexChanged:0}],isOpen:[{isOpenChanged:0}]}}};h.style=".sd-select-group__dropdown .sd-select-group__option-placeholder{height:48px;display:flex;align-items:center;padding:8px 16px;font-size:12px;line-height:0;text-align:left;color:#888888}sd-select-group{display:inline-flex;flex-flow:column nowrap;width:fit-content;height:fit-content}sd-select-group:focus,sd-select-group:focus-visible,sd-select-group:focus-within{outline:none !important}sd-select-group .sd-select-group{width:100%}sd-select-group .sd-select-group .sd-select-group__trigger{padding:4px 28px 4px 12px;display:flex;width:100%;height:100%;align-items:center;cursor:pointer}.sd-field--disabled sd-select-group .sd-select-group .sd-select-group__trigger{cursor:not-allowed}sd-select-group .sd-select-group .sd-select-group__trigger .sd-select-group__value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:20px;font-size:12px;font-weight:400;text-align:left}sd-select-group .sd-select-group .sd-select-group__trigger .sd-select-group__clear{margin:0 4px;width:8px;height:8px;background-color:transparent;outline:none;border:none}sd-select-group .sd-select-group .sd-select-group__arrow{position:absolute;top:8px;right:8px;width:12px;height:12px;color:#888888;transition:transform 0.3s ease}sd-select-group .sd-select-group .sd-select-group__arrow--open{transform:rotate(180deg)}.sd-select-group__dropdown{overflow:auto;width:var(--select-width, 200px);max-height:var(--select-dropdown-height, 260px);padding-bottom:2px;background-color:white;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.1);border-radius:4px;overflow-y:auto;color:#333333;opacity:0.5;transition:opacity 0.15s ease-in}.sd-select-group__dropdown--ready{opacity:1}";export{h as sd_select_group}

package/dist/design-system/p-4114eea3.entry.js

@@ -1 +0,0 @@
-import{r as e,c as t,a as s,h as i}from"./p-Bp7ytJz5.js";import{S as l}from"./p-Cy6HMEsK.js";import{B as o}from"./p-CRdYeSBK.js";import{n}from"./p-CCwNgVmC.js";const r=class extends o{constructor(s){super(),e(this,s),this.update=t(this,"sdUpdate",7),this.dropDownShow=t(this,"sdDropDownShow",7)}get el(){return s(this)}value=null;options=[];placeholder="선택";optionPlaceholder="선택지가 없습니다.";width="200px";dropdownHeight="260px";autoFocus=!1;disabled=!1;clearable=!1;searchable=!1;useAll=!1;useCheckbox=!1;label="";labelWidth="";icon=void 0;labelTooltip="";labelTooltipProps=null;rules=[];error=!1;optionRenderer;isOpen=!1;itemIndex=-1;isScrolled=!1;update;dropDownShow;selectRef;triggerRef;formField;filteredOptions=[];dropDownWidth="200px";name=n();async sdOpen(){this.isOpen=!0}async sdValidate(){this.formField?.sdValidate()}async sdReset(){this.formField?.sdReset()}async sdResetValidate(){this.formField?.sdResetValidation()}async sdFocus(){this.formField?.sdFocus()}async isOpenChanged(){this.onDropdownToggle(this.isOpen),this.dropDownShow?.emit({isOpen:this.isOpen}),!1===this.isOpen&&await(this.formField?.sdValidate())}componentWillLoad(){this.filteredOptions=this.options,this.dropDownWidth=this.width,this.initializeEvent()}componentDidLoad(){this.autoFocus&&this.selectRef?.focus()}componentDidRender(){const e=this.triggerRef,t=e?.getBoundingClientRect();this.dropDownWidth=t?.width?`${t.width}px`:this.width}disconnectedCallback(){this.cleanupEvent()}handleDocumentClick(e){this.selectRef?.contains(e.target)||(this.isOpen=!1)}handleDocumentKeydown(e){if(e.stopPropagation(),["ArrowDown","ArrowUp","Enter","Escape"].includes(e.key))switch(e.preventDefault(),e.key){case"ArrowDown":case"ArrowUp":const t=new l(this.searchable,this.filteredOptions).getNextIndex(this.itemIndex,e.key);this.itemIndex=t;break;case"Enter":const s=this.filteredOptions[this.itemIndex];s&&!s.disabled&&this.handleOptionSelection(s);break;case"Escape":this.isOpen=!1}}handleOptionSelection=e=>{if(!e||e.disabled)return;const t=this.value?.some((t=>t.value===e.value));this.value=t?this.value?.filter((t=>t.value!==e.value))||null:[...this.value||[],e],this.update?.emit(this.value)};getSelectedOption(){return this.options.filter((e=>this.value?.includes(e)))}closeDropdown(){this.isOpen=!1}handleTriggerClick=e=>{e.stopPropagation(),this.disabled||(this.isOpen=!this.isOpen,this.dropDownShow?.emit({isOpen:this.isOpen}))};handleOptionClick=e=>{const{option:t,event:s}=e;s.stopPropagation(),this.handleOptionSelection(t)};render(){return i("sd-field",{key:"6fc9d0059e91044ef8e40881276bbef857ef1225",label:this.label,labelWidth:this.labelWidth,name:this.name,rules:this.rules,error:this.error,disabled:this.disabled,icon:this.icon,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:e=>this.formField=e},i("div",{key:"b2591c655dc27b1db16e8f40c0a33997acbee35b",class:{"sd-select-multiple":!0,"sd-select-multiple--open":this.isOpen,"sd-select-multiple--disabled":this.disabled,"sd-select-multiple--error":!!this.error},ref:e=>this.selectRef=e},this.renderTrigger(),this.renderDropdown()))}renderTrigger(){const e=this.getSelectedOption();return i("div",{class:"sd-select-multiple__trigger",tabindex:this.disabled?-1:0,onClick:this.handleTriggerClick,ref:e=>this.triggerRef=e},i("span",{class:"sd-select-multiple__value"},e&&0!==e.length?e.map((e=>e.label)).join(", "):this.placeholder),this.clearable&&e?.length>0&&!this.disabled&&i("sd-icon",{key:"close-icon",name:"close",size:10,color:"#888",class:"sd-select-multiple__clear",onClick:async e=>{e.stopPropagation(),this.value=null,await(this.formField?.sdValidate())}}),i("sd-icon",{key:"arrow-icon",name:"arrowDown",color:"#888",class:{"sd-select-multiple__arrow":!0,"sd-select-multiple__arrow--open":this.isOpen}}))}renderDropdown(){if(!1===this.isOpen)return null;const e=this.selectRef?.querySelector(".sd-select-multiple__trigger")||this.selectRef;return i("sd-portal",{open:this.isOpen,parentRef:e,onSdClose:this.closeDropdown},i("sd-select-dropdown",{value:this.value,options:this.options,itemIndex:this.itemIndex,width:this.dropDownWidth,dropdownHeight:this.dropdownHeight,searchable:this.searchable,optionPlaceholder:this.optionPlaceholder,useCheckbox:this.useCheckbox,useAll:this.useAll,onSdOptionClick:({detail:e})=>this.handleOptionClick(e),onSdOptionFiltered:({detail:e})=>this.filteredOptions=e}))}static get watchers(){return{isOpen:[{isOpenChanged:0}]}}};r.style="sd-select-multiple{display:inline-flex;flex-flow:column nowrap;height:fit-content}sd-select-multiple *:focus,sd-select-multiple *:focus-visible,sd-select-multiple *:focus-within{outline:none !important}sd-select-multiple .sd-select-multiple{width:100%}sd-select-multiple .sd-select-multiple .sd-select-multiple__trigger{padding:4px 28px 4px 12px;display:flex;width:100%;align-items:center;cursor:pointer}.sd-field--disabled sd-select-multiple .sd-select-multiple .sd-select-multiple__trigger{cursor:not-allowed}sd-select-multiple .sd-select-multiple .sd-select-multiple__trigger .sd-select-multiple__value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:20px;font-size:12px;font-weight:400;text-align:left}sd-select-multiple .sd-select-multiple .sd-select-multiple__trigger .sd-select-multiple__clear{margin:0 4px;width:8px;height:8px;background-color:transparent;outline:none;border:none}sd-select-multiple .sd-select-multiple__arrow{position:absolute;top:8px;right:8px;width:12px;height:12px;color:#888888;transition:transform 0.3s ease;margin-left:8px}sd-select-multiple .sd-select-multiple__arrow--open{transform:rotate(180deg)}";export{r as sd_select_multiple}

package/dist/design-system/p-5e300b77.entry.js

@@ -1 +0,0 @@
-import{r as t,c as o,a as n,h as d}from"./p-Bp7ytJz5.js";import{B as r}from"./p-CRdYeSBK.js";import{B as e,g as s,c as i,P as a,d as u,b}from"./p-BsrEibf7.js";import{b as p}from"./p-B1XBwjCW.js";import{s as c}from"./p-BgFLSKqC.js";const g=Object.keys(e).filter((t=>!t.endsWith("_lg"))),h=Object.fromEntries(g.map((t=>[t,e[t]]))),w=u,l=a,m=i,f={primary:p.button.brand.strong.dropdown.divider,secondary:p.button.brand.subtle.dropdown.divider,primary_outline:m.primary_outline,neutral_outline:m.neutral_outline,danger:p.button.danger.strong.dropdown.divider,danger_outline:m.danger_outline},x=c.color.content.secondary,_=c.color.bg.accent.default,v=c.color.content.inverse,y={primary:x,secondary:x,primary_outline:x,neutral_outline:x,danger:x,danger_outline:x},k={primary:_,secondary:_,primary_outline:_,neutral_outline:_,danger:_,danger_outline:_},C={primary:v,secondary:v,primary_outline:v,neutral_outline:v,danger:v,danger_outline:v},z={xs:12,sm:12,md:16},F=p.button.bg.disabled,D=p.button.text.disabled,E=p.button.border.disabled,O=class extends r{constructor(n){super(),t(this,n),this.click=o(this,"sdClick",7),this.dropDownShow=o(this,"sdDropDownShow",7)}get el(){return n(this)}name="primary_sm";label="";items=[];disabled=!1;static CLOSE_ANIMATION_DURATION=150;isOpen=!1;isAnimatingOut=!1;itemIndex=-1;triggerRef;menuRef;closeAnimationTimer;click;dropDownShow;handleOpenChange(t){this.onDropdownToggle(t),this.dropDownShow.emit({isOpen:t}),t||(this.itemIndex=-1)}componentWillLoad(){this.initializeEvent()}disconnectedCallback(){this.cleanupEvent(),this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer)}async sdOpen(){this.disabled||0===this.items.length||(this.isOpen=!0)}async sdClose(){this.closeDropdown()}closeDropdown=()=>{this.isOpen&&(this.isOpen=!1,this.isAnimatingOut=!0,this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.closeAnimationTimer=setTimeout((()=>{this.isAnimatingOut=!1}),O.CLOSE_ANIMATION_DURATION))};handleDocumentClick(t){const o=t.target;o&&(this.el.contains(o)||this.menuRef?.contains(o)||this.closeDropdown())}handleDocumentKeydown(t){if(this.isOpen&&["ArrowDown","ArrowUp","Enter","Escape"].includes(t.key))switch(t.preventDefault(),t.stopPropagation(),t.key){case"ArrowDown":this.itemIndex=this.getNextEnabledIndex(1);break;case"ArrowUp":this.itemIndex=this.getNextEnabledIndex(-1);break;case"Enter":if(this.itemIndex<0)return;this.selectItem(this.items[this.itemIndex]);break;case"Escape":this.closeDropdown()}}get resolvedConfig(){if(!(this.name in h))throw new Error(`Invalid sd-dropdown-button name: ${this.name}`);return{config:h[this.name],preset:(()=>s(this.name))()}}getNextEnabledIndex(t){const o=this.items.reduce(((t,o,n)=>(o.disabled||t.push(n),t)),[]);if(0===o.length)return-1;const n=o.indexOf(this.itemIndex);return-1===n?1===t?o[0]:o[o.length-1]:o[(n+t+o.length)%o.length]}toggleDropdown=t=>{t.stopPropagation(),this.disabled||0===this.items.length||(this.isOpen?this.closeDropdown():(this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.isAnimatingOut=!1,this.isOpen=!0))};selectItem(t,o){o?.stopPropagation(),t&&!t.disabled&&(this.click.emit(t.value),this.closeDropdown())}getTriggerClasses(t,o,n,d){const r=["sd-dropdown-button__trigger",`sd-dropdown-button__trigger--${t}`,`sd-dropdown-button__trigger--${o}`];return n&&r.push("sd-dropdown-button__trigger--disabled"),d&&r.push("sd-dropdown-button__trigger--open"),r.join(" ")}getMenuItemClasses(t,o){const n=["sd-dropdown-button__menu-item"];return t&&n.push("sd-dropdown-button__menu-item--active"),o&&n.push("sd-dropdown-button__menu-item--disabled"),n.join(" ")}renderDropdown(t){return(this.isOpen||this.isAnimatingOut)&&this.triggerRef?d("sd-portal",{open:this.isOpen,parentRef:this.triggerRef,onSdClose:this.closeDropdown},d("div",{style:{position:"absolute",width:"0px",height:"0px"}},d("div",{class:"sd-dropdown-button__menu",role:"menu",ref:t=>this.menuRef=t,style:{"--sd-dropdown-button-menu-min-width":`${this.triggerRef.offsetWidth}px`,"--sd-dropdown-button-menu-item-color":y[t],"--sd-dropdown-button-menu-item-active-bg":k[t],"--sd-dropdown-button-menu-item-active-color":C[t],"--sd-dropdown-button-menu-border":"transparent"===m[t]?f[t]:m[t]}},this.items.map(((t,o)=>d("button",{type:"button",role:"menuitem",class:this.getMenuItemClasses(this.itemIndex===o&&!t.disabled,Boolean(t.disabled)),disabled:t.disabled,onClick:o=>this.selectItem(t,o),onMouseEnter:()=>{t.disabled||(this.itemIndex=o)}},t.icon&&d("sd-icon",{class:"sd-dropdown-button__menu-item-icon",name:t.icon,size:12,color:"var(--sd-dropdown-button-menu-item-current-color)"}),d("span",{class:"sd-dropdown-button__menu-item-label",innerHTML:t.label}))))))):null}render(){const{config:t,preset:o}=this.resolvedConfig;return d("div",{key:"3a9e74c689c0345c89dbaeba5814164b72fe7108",class:"sd-dropdown-button"},d("button",{key:"1633f3a0348082ec2433a6a1e7c41a64a797a725",type:"button",class:this.getTriggerClasses(o,t.size,this.disabled,this.isOpen),disabled:this.disabled,"aria-haspopup":"menu","aria-expanded":String(this.isOpen),onClick:this.toggleDropdown,ref:t=>this.triggerRef=t,style:{"--sd-dropdown-button-bg":t.color,"--sd-dropdown-button-bg-hover":w[o],"--sd-dropdown-button-border":m[o],"--sd-dropdown-button-content":l[o],"--sd-dropdown-button-divider":f[o],"--sd-dropdown-button-accent":b,"--sd-dropdown-button-disabled-bg":F,"--sd-dropdown-button-disabled-content":D,"--sd-dropdown-button-disabled-border":E}},d("span",{key:"7378e3aa3c4cf2991f3a92511f10ca1834af9563",class:"sd-dropdown-button__trigger-label"},this.label),d("span",{key:"d5b59ccaad1985e3a50bb9a53b0a156a1e2e28a9",class:"sd-dropdown-button__trigger-divider","aria-hidden":"true"}),d("span",{key:"a24ed74d95ac1866abf9f3ed7a1c4b7bfe2c56c8",class:{"sd-dropdown-button__trigger-icon":!0,"sd-dropdown-button__trigger-icon--open":this.isOpen},"aria-hidden":"true"},d("sd-icon",{key:"7cb8cf5665f3ee2e252f4c0471daee31f4af0c7b",name:"chevronDown",size:z[t.size],color:"var(--sd-dropdown-button-current-content)"}))),this.renderDropdown(o))}static get watchers(){return{isOpen:[{handleOpenChange:0}]}}};O.style="sd-dropdown-button{display:inline-flex;width:fit-content;height:fit-content}.sd-dropdown-button{display:inline-flex;position:relative}.sd-dropdown-button__trigger{--sd-dropdown-button-height:var(--sd-button-button-md-height, 36px);--sd-dropdown-button-padding-x:var(--sd-button-button-md-padding-x, 20px);--sd-dropdown-button-gap:var(--sd-button-button-md-gap, 8px);--sd-dropdown-button-font-family:var(--sd-button-button-md-typography-font-family, inherit);--sd-dropdown-button-font-size:var(--sd-button-button-md-typography-font-size, 12px);--sd-dropdown-button-font-weight:var(--sd-button-button-md-typography-font-weight, 500);--sd-dropdown-button-text-decoration:var(--sd-button-button-md-typography-text-decoration, none);--sd-dropdown-button-bg:#025497;--sd-dropdown-button-bg-hover:#004177;--sd-dropdown-button-border:transparent;--sd-dropdown-button-content:#FFFFFF;--sd-dropdown-button-current-content:var(--sd-dropdown-button-content);--sd-dropdown-button-divider:#006AC1;--sd-dropdown-button-accent:#0075FF;--sd-dropdown-button-disabled-bg:var(--sd-button-button-bg-disabled, #E1E1E1);--sd-dropdown-button-disabled-content:var(--sd-button-button-text-disabled, #888888);--sd-dropdown-button-disabled-border:var(--sd-button-button-border-disabled, #CCCCCC);display:inline-flex;align-items:stretch;justify-content:space-between;min-height:var(--sd-dropdown-button-height);padding:0;border:var(--sd-button-button-border-width-default, 1px) solid var(--sd-dropdown-button-border);border-radius:var(--sd-button-button-radius-sm, 4px);background:var(--sd-dropdown-button-bg);color:var(--sd-dropdown-button-current-content);cursor:pointer;box-sizing:border-box;font-family:var(--sd-dropdown-button-font-family);font-size:var(--sd-dropdown-button-font-size);font-weight:var(--sd-dropdown-button-font-weight);line-height:1;text-decoration:var(--sd-dropdown-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}.sd-dropdown-button__trigger:hover:not(.sd-dropdown-button__trigger--disabled){background:var(--sd-dropdown-button-bg-hover)}.sd-dropdown-button__trigger:focus-visible{outline:0;box-shadow:0 0 0 2px var(--sd-dropdown-button-accent)}.sd-dropdown-button__trigger--xs{--sd-dropdown-button-height:var(--sd-button-button-xs-height, 24px);--sd-dropdown-button-padding-x:var(--sd-button-button-xs-padding-x, 8px);--sd-dropdown-button-gap:var(--sd-button-button-xs-gap, 4px);--sd-dropdown-button-font-family:var(--sd-button-button-xs-typography-font-family, inherit);--sd-dropdown-button-font-size:var(--sd-button-button-xs-typography-font-size, 12px);--sd-dropdown-button-font-weight:var(--sd-button-button-xs-typography-font-weight, 500);--sd-dropdown-button-text-decoration:var(     --sd-button-button-xs-typography-text-decoration,     none   )}.sd-dropdown-button__trigger--sm{--sd-dropdown-button-height:var(--sd-button-button-sm-height, 28px);--sd-dropdown-button-padding-x:var(--sd-button-button-sm-padding-x, 12px);--sd-dropdown-button-gap:var(--sd-button-button-sm-gap, 6px);--sd-dropdown-button-font-family:var(--sd-button-button-sm-typography-font-family, inherit);--sd-dropdown-button-font-size:var(--sd-button-button-sm-typography-font-size, 12px);--sd-dropdown-button-font-weight:var(--sd-button-button-sm-typography-font-weight, 500);--sd-dropdown-button-text-decoration:var(     --sd-button-button-sm-typography-text-decoration,     none   )}.sd-dropdown-button__trigger--md{--sd-dropdown-button-height:var(--sd-button-button-md-height, 36px);--sd-dropdown-button-padding-x:var(--sd-button-button-md-padding-x, 20px);--sd-dropdown-button-gap:var(--sd-button-button-md-gap, 8px);--sd-dropdown-button-font-family:var(--sd-button-button-md-typography-font-family, inherit);--sd-dropdown-button-font-size:var(--sd-button-button-md-typography-font-size, 16px);--sd-dropdown-button-font-weight:var(--sd-button-button-md-typography-font-weight, 500);--sd-dropdown-button-text-decoration:var(     --sd-button-button-md-typography-text-decoration,     none   );border-radius:var(--sd-button-button-radius-md, 6px)}.sd-dropdown-button__trigger--disabled{border-color:var(--sd-dropdown-button-disabled-border);background:var(--sd-dropdown-button-disabled-bg);--sd-dropdown-button-current-content:var(--sd-dropdown-button-disabled-content);cursor:not-allowed}.sd-dropdown-button__trigger--disabled .sd-dropdown-button__trigger-divider{background:var(--sd-dropdown-button-disabled-border)}.sd-dropdown-button__trigger-label,.sd-dropdown-button__trigger-icon{display:inline-flex;align-items:center;justify-content:center}.sd-dropdown-button__trigger-label{flex:1 1 auto;min-width:0;padding:0 var(--sd-dropdown-button-padding-x)}.sd-dropdown-button__trigger-divider{align-self:stretch;width:1px;height:auto;background:var(--sd-dropdown-button-divider);opacity:0.9}.sd-dropdown-button__trigger-icon{flex:0 0 auto;min-width:calc(var(--sd-dropdown-button-height) - 2px);padding:0 calc(var(--sd-dropdown-button-gap) + 2px);transition:transform 0.2s ease}.sd-dropdown-button__trigger-icon--open{transform:rotate(180deg)}.sd-dropdown-button__menu{position:relative;display:grid;width:max-content;min-width:var(--sd-dropdown-button-menu-min-width, max-content);max-width:calc(100vw - 24px);padding:4px 0;border:0;border-radius:4px;background:#FFFFFF;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.1019607843);box-sizing:border-box;overflow:hidden}.sd-dropdown-button__menu-item{--sd-dropdown-button-menu-item-current-color:var(--sd-dropdown-button-menu-item-color);display:inline-flex;align-items:center;gap:8px;min-height:28px;width:100%;padding:0 12px;border:0;border-radius:0;background:transparent;color:var(--sd-dropdown-button-menu-item-current-color);cursor:pointer;box-sizing:border-box;font:inherit;text-align:left;transition:background-color 0.15s ease, color 0.15s ease}.sd-dropdown-button__menu-item--active{background:var(--sd-dropdown-button-menu-item-active-bg);--sd-dropdown-button-menu-item-current-color:var(--sd-dropdown-button-menu-item-active-color)}.sd-dropdown-button__menu-item--disabled{--sd-dropdown-button-menu-item-current-color:var(--sd-dropdown-button-disabled-content);cursor:not-allowed}.sd-dropdown-button__menu-item-icon{flex:0 0 auto}.sd-dropdown-button__menu-item-label{display:inline-flex;align-items:center;min-width:0;white-space:nowrap;font-size:12px}";export{O as sd_dropdown_button}

package/dist/design-system/p-711c59fc.entry.js

@@ -1 +0,0 @@
-import{r as e,c as t,a,h as s}from"./p-Bp7ytJz5.js";const r=class{constructor(a){e(this,a),this.tableReady=t(this,"tableReady",7)}get el(){return a(this)}columns=[];rows=[];bordered=!0;striped=!1;cellRenderers=new Map;headerRenderers=new Map;tableReady;dataChanged(){this.tableReady.emit()}componentDidLoad(){this.tableReady.emit()}async setCellRenderer(e,t){this.cellRenderers=new Map(this.cellRenderers).set(e,t)}async setHeaderRenderer(e,t){this.headerRenderers=new Map(this.headerRenderers).set(e,t)}async removeCellRenderer(e){const t=new Map(this.cellRenderers);t.delete(e),this.cellRenderers=t}async clearAllRenderers(){this.cellRenderers=new Map,this.headerRenderers=new Map}renderCellContent(e,t,a){const r=t[e.field],d=this.cellRenderers.get(e.field);if(d){const n=d({field:e.field,value:r,row:t,rowIndex:a});return s("span",{class:"cell-content",innerHTML:n})}const n=this.el.querySelector(`[slot="cell-${e.field}"]`);if(n){const e=this.processTemplate(n.innerHTML,{value:r,row:t,rowIndex:a});return s("span",{class:"cell-content",innerHTML:e})}return s("span",{class:"cell-content"},r)}renderHeaderContent(e){const t=this.headerRenderers.get(e.field);if(t){const a=t({field:e.field,column:e});return s("span",{innerHTML:a})}const a=this.el.querySelector(`[slot="header-${e.field}"]`);return a?s("span",{innerHTML:a.innerHTML}):e.header||e.field}processTemplate(e,t){return e.replace(/\{\{value\}\}/g,this.escapeHtml(String(t.value??""))).replace(/\{\{rowIndex\}\}/g,String(t.rowIndex)).replace(/\{\{row\.(\w+)\}\}/g,((e,a)=>this.escapeHtml(String(t.row[a]??""))))}escapeHtml(e){const t=document.createElement("div");return t.textContent=e,t.innerHTML}render(){return s("div",{key:"a34267f6b11cdd0dff53bfa3da62b7a47934c73b",class:"table-wrapper"},s("table",{key:"b23ac2cd9a785d8fc89c09a04a6aa29a63e6d2b4",class:{"data-table":!0,bordered:this.bordered,striped:this.striped}},s("thead",{key:"e08ff945e40f3ec6db10285840d4185d110a1dc0"},s("tr",{key:"ffe2e7253865f5a650611e2859f979d0204fca2a"},this.columns.map((e=>s("th",{key:e.field,style:{width:e.width}},this.renderHeaderContent(e)))))),s("tbody",{key:"2d47105abba4eecad71b549282650b7f2b056b4c"},this.rows.map(((e,t)=>s("tr",{key:t},this.columns.map((a=>s("td",{key:`${t}-${a.field}`},this.renderCellContent(a,e,t))))))))),s("div",{key:"99fe2715e69abf50f69a844e76a3ad422f5b870b",class:"templates-slot",hidden:!0},s("slot",{key:"8c56201e8edb251c5f7494e00acdc5e5fbb67d00"})))}static get watchers(){return{columns:[{dataChanged:0}],rows:[{dataChanged:0}]}}};r.style=':host{display:block}.table-wrapper{width:100%;overflow-x:auto}.templates-slot{display:none}.data-table{width:100%;border-collapse:collapse;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;font-size:14px}.data-table th,.data-table td{padding:12px 16px;text-align:left;vertical-align:middle}.data-table th{font-weight:600;background-color:#f8f9fa;color:#333}.data-table.bordered th,.data-table.bordered td{border:1px solid #dee2e6}.data-table.striped tbody tr:nth-child(odd){background-color:#f8f9fa}.data-table tbody tr:hover{background-color:#e9ecef}.data-table .cell-flex{display:flex;align-items:center;gap:8px}.data-table .cell-image{width:24px;height:16px;object-fit:cover;border-radius:2px}';export{r as table_test}

package/dist/design-system/p-850de8d4.entry.js

@@ -1 +0,0 @@
-import{r as e,c as i,a as t,h as s}from"./p-Bp7ytJz5.js";import{n as l}from"./p-CCwNgVmC.js";var r={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 o={height:r.height,paddingX:r.paddingX,gap:r.gap,radius:r.radius,fontSize:r.typography.fontSize,lineHeight:r.typography.lineHeight,fontWeight:r.typography.fontWeight,iconSize:r.size.icon},d={text:r.text,icon:{default:"#888888",disabled:r.icon.disabled}},a=class{constructor(t){e(this,t),this.update=i(this,"sdUpdate",7),this.reject=i(this,"sdReject",7)}get el(){return t(this)}value=null;placeholder="Click to upload";disabled=!1;inline=!1;multiple=!1;accept;maxFileSize;maxTotalSize;maxFiles;name=l();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?.sdReset())}async sdResetValidate(){await(this.formField?.sdResetValidation())}toBytes(e){if(null!=e)return"string"==typeof e?Number(e):e}validateFiles(e){const i=this.toBytes(this.maxFileSize),t=this.toBytes(this.maxTotalSize),s=null!=this.maxFiles?Number(this.maxFiles):void 0;if(null!=s&&e.length>s)return{accepted:[],rejected:e,reason:"max-files"};if(null!=i){const t=e.filter((e=>e.size>i));if(t.length>0)return{accepted:[],rejected:t,reason:"max-file-size"}}return null!=t&&e.reduce(((e,i)=>e+i.size),0)>t?{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),{accepted:s,rejected:l,reason:r}=this.validateFiles(t);if(r)return this.reject?.emit({files:l,reason:r}),void(this.fileInputRef&&(this.fileInputRef.value=""));this.internalValue=this.multiple?s:s[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.internalValue&&(!Array.isArray(this.internalValue)||this.internalValue.length>0)}getDisplayText(){return this.hasFiles()?Array.isArray(this.internalValue)?this.internalValue.map((e=>e.name)).join(", "):this.internalValue?.name||this.placeholder:this.placeholder}checkOverflow(){this.fileNamesRef&&(this.showTooltip=this.fileNamesRef.scrollWidth>this.fileNamesRef.clientWidth)}getIconColor(){return this.disabled?d.icon.disabled:d.icon.default}render(){const e=this.hasFiles(),i=this.getDisplayText(),t={"--sd-file-picker-font-size":`${o.fontSize}px`,"--sd-file-picker-line-height":`${o.lineHeight}px`,"--sd-file-picker-font-weight":o.fontWeight,"--sd-file-picker-padding-x":`${o.paddingX}px`,"--sd-file-picker-gap":`${o.gap}px`,"--sd-file-picker-text-color":d.text.default,"--sd-file-picker-placeholder-color":d.text.placeholder,"--sd-file-picker-disabled-color":d.text.disabled,"--sd-system-size-field-sm-height":`${o.height}px`,"--sd-system-radius-field-sm":`${o.radius}px`},l=s("div",{class:"sd-file-picker__content",onClick: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}),s("sd-icon",{name:"attachFile",size:Number(o.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):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,style:t},l)}static get watchers(){return{value:[{valueChanged:0}]}}};a.style="sd-file-picker{display:inline-flex;width:100%}.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)}";export{a as sd_file_picker}

package/dist/design-system/p-9fee77f0.entry.js

@@ -1 +0,0 @@
-import{r,h as s}from"./p-Bp7ytJz5.js";const e=class{constructor(s){r(this,s)}type="bar";error=!1;percentage=0;size=80;strokeWidth=12;label;statusColor={default:"#aaaaaa",progress:"#0075ff",complete:"#12B553",error:"#FB4444"};get progressPercentage(){return this.error?100:this.percentage}get progressStatus(){if(this.error)return"error";switch(this.percentage){case 100:return"complete";case 0:return"default";default:return"progress"}}get progressColor(){return this.statusColor[this.progressStatus]}render(){return s("div",{key:"34c1ecf23c120f53595529004ed3d6818896e816",style:{"--progress-color":this.progressColor,"--progress-percentage":`${this.progressPercentage}%`}},"bar"===this.type?this.renderBarProgress():this.renderSpinnerProgress(),this.label&&s("div",{key:"29461b9428416262c10b1917eaee4e0091d290dc",class:"sd-progress__label"},this.label))}renderBarProgress(){return s("div",{class:`sd-progress__bar sd-progress__bar--${this.progressStatus}`},s("div",{class:["sd-progress__bar__percent",this.progressPercentage<100?"proceed":""].join(" ")}),s("div",{class:"sd-progress__bar__indicator sd-progress__bar__indicator--left"},this.progressPercentage,"%"),s("div",{class:"sd-progress__bar__indicator sd-progress__bar__indicator--right"},this.progressPercentage,"%"))}renderSpinnerProgress(){const r=(this.size-this.strokeWidth)/2,e=2*Math.PI*r,t=e-this.progressPercentage/100*e,o=`${this.size}px`,i=this.size/2+"px";return s("div",{class:`sd-progress__spinner sd-progress__spinner--${this.progressStatus}`},s("svg",{width:o,height:o},s("circle",{cx:i,cy:i,r,stroke:"#EEEEEE","stroke-width":this.strokeWidth,fill:"transparent"}),s("circle",{cx:i,cy:i,r,stroke:this.progressColor,"stroke-width":this.strokeWidth,fill:"transparent","stroke-dasharray":e,"stroke-dashoffset":t,"stroke-linecap":"round",class:"transition-all duration-500"})),s("strong",{class:"sd-progress__spinner__label"},this.progressPercentage," %"))}};e.style="sd-progress{display:block}sd-progress .sd-progress__bar{position:relative;width:100%;height:20px;overflow:hidden;border-radius:4px;background-color:#EEEEEE;text-align:center}sd-progress .sd-progress__bar__percent{width:var(--progress-percentage);height:100%;border-radius:4px;background-color:var(--progress-color, #0075FF);transition:all 0.5s}sd-progress .sd-progress__bar__percent.proceed{border-top-right-radius:50%}sd-progress .sd-progress__bar__indicator{position:absolute;left:0;top:0;height:20px;width:100%;background-color:#EEEEEE;font-size:12px;font-weight:700;line-height:20px;z-index:1}sd-progress .sd-progress__bar__indicator--left{color:var(--progress-color, #0075FF);clip-path:inset(0 0 0 var(--progress-percentage))}sd-progress .sd-progress__bar__indicator--right{color:white;background-color:var(--progress-color, #0075FF);clip-path:inset(0 calc(100% - var(--progress-percentage)) 0 0)}sd-progress .sd-progress__spinner{display:flex;flex-direction:column;align-items:center;justify-content:center}sd-progress .sd-progress__spinner svg{transform:rotate(-90deg)}sd-progress .sd-progress__spinner__label{margin-top:8px;font-size:16px;color:var(--progress-color, #0075FF)}sd-progress .sd-progress__label{margin-top:4px;font-size:12px;color:#222222;text-align:center}";export{e as sd_progress}

package/dist/design-system/p-BPGLtKk5.js

@@ -1 +0,0 @@
-import{h as t}from"./p-Bp7ytJz5.js";const o=o=>t("svg",{width:"16",height:"12",viewBox:"0 0 16 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",...o},t("path",{d:"M8.83205 10.7519C8.43623 11.3457 7.56377 11.3457 7.16795 10.7519L1.04907e-06 -1.39876e-06L16 0L8.83205 10.7519Z",fill:"currentColor"}));export{o as T}