@sellmate/design-system 1.3.0 → 1.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{component.table-CMqGfEui.js → component.table-qOFez3z3.js} +3 -0
- package/dist/cjs/design-system.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/sd-calendar_2.cjs.entry.js +6 -5
- package/dist/cjs/sd-key-value-table.cjs.entry.js +1 -1
- package/dist/cjs/sd-pagination_4.cjs.entry.js +19 -28
- package/dist/cjs/sd-table.cjs.entry.js +25 -27
- package/dist/cjs/{sd-table.config-BIpldZtw.js → sd-table.config-B7psrvV4.js} +4 -2
- package/dist/cjs/sd-td.cjs.entry.js +18 -9
- package/dist/collection/components/sd-calendar/sd-calendar.css +2 -0
- package/dist/collection/components/sd-calendar/sd-calendar.js +5 -4
- package/dist/collection/components/sd-table/sd-table.js +24 -26
- package/dist/collection/components/sd-table/sd-td/sd-td.js +18 -9
- package/dist/collection/components/sd-table/sd-tr/sd-tr.css +6 -2
- package/dist/collection/components/sd-table/sd-tr/sd-tr.js +16 -25
- package/dist/components/{p-BkWaPXXj.js → p-BDVrZ5mV.js} +1 -1
- package/dist/components/p-CETxX4-M.js +1 -0
- package/dist/components/p-DQFHAKL_.js +1 -0
- package/dist/components/p-DiP0LJGq.js +1 -0
- package/dist/components/{p-CPuyhF6g.js → p-DwgaMhOM.js} +1 -1
- package/dist/components/p-DykVq5VY.js +1 -0
- package/dist/components/sd-calendar.js +1 -1
- package/dist/components/sd-date-picker.js +1 -1
- package/dist/components/sd-key-value-table.js +1 -1
- package/dist/components/sd-table.js +1 -1
- package/dist/components/sd-td.js +1 -1
- package/dist/components/sd-thead.js +1 -1
- package/dist/components/sd-tr.js +1 -1
- package/dist/design-system/design-system.esm.js +1 -1
- package/dist/design-system/p-29fd86d8.entry.js +1 -0
- package/dist/design-system/p-36d744fb.entry.js +1 -0
- package/dist/design-system/{p-fe0a5368.entry.js → p-42f7febe.entry.js} +1 -1
- package/dist/design-system/p-522d1481.entry.js +1 -0
- package/dist/design-system/p-DQFHAKL_.js +1 -0
- package/dist/design-system/p-DykVq5VY.js +1 -0
- package/dist/design-system/{p-00854a0a.entry.js → p-d890a680.entry.js} +1 -1
- package/dist/esm/{component.table-BnfUIhUj.js → component.table-DQFHAKL_.js} +3 -0
- package/dist/esm/design-system.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/sd-calendar_2.entry.js +6 -5
- package/dist/esm/sd-key-value-table.entry.js +1 -1
- package/dist/esm/sd-pagination_4.entry.js +19 -28
- package/dist/esm/{sd-table.config-B-VgXXT7.js → sd-table.config-DU7Pc6YH.js} +4 -2
- package/dist/esm/sd-table.entry.js +25 -27
- package/dist/esm/sd-td.entry.js +18 -9
- package/dist/types/components/sd-table/sd-table.d.ts +1 -1
- package/dist/types/components/sd-table/sd-td/sd-td.d.ts +2 -2
- package/dist/types/components/sd-table/sd-tr/sd-tr.d.ts +1 -2
- package/hydrate/index.js +70 -66
- package/hydrate/index.mjs +70 -66
- package/package.json +1 -1
- package/dist/components/p-B8o25hOw.js +0 -1
- package/dist/components/p-BnfUIhUj.js +0 -1
- package/dist/components/p-WAsath62.js +0 -1
- package/dist/components/p-mmdt-WnS.js +0 -1
- package/dist/design-system/p-563b6fc2.entry.js +0 -1
- package/dist/design-system/p-BnfUIhUj.js +0 -1
- package/dist/design-system/p-f721a6c6.entry.js +0 -1
- package/dist/design-system/p-ffaa4b5d.entry.js +0 -1
- package/dist/design-system/p-mmdt-WnS.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,H as s,c as t,h as i,t as a}from"./p-BjkROjjt.js";import{n as d}from"./p-CCwNgVmC.js";import{d as o,D as l,a as r}from"./p-JlZdKw4C.js";import{d as n}from"./p-VuxN5d2D.js";import{d as h}from"./p-
|
|
1
|
+
import{p as e,H as s,c as t,h as i,t as a}from"./p-BjkROjjt.js";import{n as d}from"./p-CCwNgVmC.js";import{d as o,D as l,a as r}from"./p-JlZdKw4C.js";import{d as n}from"./p-VuxN5d2D.js";import{d as h}from"./p-CETxX4-M.js";import{d as c}from"./p-CpgTSxf0.js";import{d as p}from"./p-CIUE4qr7.js";import{d as m}from"./p-D7nYP2a4.js";import{d as b}from"./p-BSfu4DO2.js";import{d as u}from"./p-DlREBZ-C.js";import{d as f}from"./p-Z5Vk33zf.js";const g=e(class e extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.update=t(this,"sdUpdate",7),this.viewChange=t(this,"sdViewChange",7)}static CLOSE_ANIMATION_DURATION=150;get el(){return this}value=null;size="sm";placeholder="YYYY-MM-DD";selectable;disabled=!1;width="";label="";labelWidth="";addonLabel="";addonAlign="start";hint="";errorMessage="";rules=[];error=!1;icon=void 0;labelTooltip="";labelTooltipProps=null;isOpen=!1;isAnimatingOut=!1;focused=!1;hovered=!1;update;viewChange;triggerRef;formField;closeAnimationTimer;name=d();watchIsOpen(e){this.focused=e}async sdValidate(){return this.formField?.sdValidate()}async sdReset(){return this.formField?.sdReset()}async sdResetValidate(){return this.formField?.sdResetValidation()}closeDropdown(){this.isOpen&&(this.isOpen=!1,this.isAnimatingOut=!0,this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.closeAnimationTimer=setTimeout((()=>{this.isAnimatingOut=!1}),e.CLOSE_ANIMATION_DURATION))}handleTriggerClick=()=>{this.disabled||(this.isOpen?this.closeDropdown():(this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer),this.isAnimatingOut=!1,this.isOpen=!0))};handleSelect=e=>{e.stopPropagation(),this.closeDropdown(),this.value=e.detail;const s=this.value;requestAnimationFrame((()=>{this.update.emit(s)}))};handleViewChange=e=>{this.viewChange.emit(e.detail)};disconnectedCallback(){this.closeAnimationTimer&&clearTimeout(this.closeAnimationTimer)}render(){const e=r[this.size]??r.sm;return i("sd-field",{key:"825c845ea1ada63a9f21cfc43aad04a598325c13",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,size:this.size,icon:this.icon,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:e=>this.formField=e,onMouseEnter:()=>this.hovered=!0,onMouseLeave:()=>this.hovered=!1,style:{"--sd-system-size-field-sm-height":`${e.height}px`,"--sd-system-radius-field-sm":`${e.radius}px`,"--sd-system-color-field-border-default":l.border.default,"--sd-system-color-field-border-focus":l.border.focus,"--sd-system-color-field-bg-default":l.bg.default}},i("div",{key:"b9dd1a8df29f340ad67331dbebd3ec71b79d128a",class:"sd-date-picker",ref:e=>{this.triggerRef=e}},i("sd-date-picker-trigger",{key:"b9bed57fa4a2b06b004ec5a1b723ed5af25fda19",displayText:this.value??"",placeholder:this.placeholder,disabled:this.disabled,size:this.size,onSdTriggerClick:this.handleTriggerClick})),(this.isOpen||this.isAnimatingOut)&&i("sd-portal",{key:"776e0ce183edd9c7903ce1a75208addc47c20408",open:this.isOpen,parentRef:this.triggerRef,onSdClose:()=>this.closeDropdown()},i("sd-calendar",{key:"f86b502f6b17ee9ff262c1a64e1b0e24defc1660",value:this.value,selectable:this.selectable,onSdUpdate:this.handleSelect,onSdViewChange:this.handleViewChange})))}static get watchers(){return{isOpen:[{watchIsOpen:0}]}}static get style(){return"sd-date-picker{display:inline-flex}sd-date-picker sd-portal{display:none}sd-date-picker .sd-date-picker{position:relative;width:100%;height:100%}"}},[512,"sd-date-picker",{value:[1025],size:[513],placeholder:[513],selectable:[16],disabled:[516],width:[8],label:[1],labelWidth:[8,"label-width"],addonLabel:[1,"addon-label"],addonAlign:[1,"addon-align"],hint:[1],errorMessage:[1,"error-message"],rules:[16],error:[1028],icon:[16],labelTooltip:[1,"label-tooltip"],labelTooltipProps:[16],name:[1],isOpen:[32],isAnimatingOut:[32],focused:[32],hovered:[32],sdValidate:[64],sdReset:[64],sdResetValidate:[64]},void 0,{isOpen:[{watchIsOpen:0}]}]);function k(){"undefined"!=typeof customElements&&["sd-date-picker","sd-button","sd-calendar","sd-date-picker-trigger","sd-field","sd-floating-portal","sd-ghost-button","sd-icon","sd-portal","sd-tooltip"].forEach((e=>{switch(e){case"sd-date-picker":customElements.get(a(e))||customElements.define(a(e),g);break;case"sd-button":customElements.get(a(e))||n();break;case"sd-calendar":customElements.get(a(e))||h();break;case"sd-date-picker-trigger":customElements.get(a(e))||o();break;case"sd-field":customElements.get(a(e))||c();break;case"sd-floating-portal":customElements.get(a(e))||p();break;case"sd-ghost-button":customElements.get(a(e))||m();break;case"sd-icon":customElements.get(a(e))||b();break;case"sd-portal":customElements.get(a(e))||u();break;case"sd-tooltip":customElements.get(a(e))||f()}}))}export{g as S,k as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as e,H as a,c as d,h as n,t as r}from"./p-BjkROjjt.js";import{u as t,t as l,W as s,C as c}from"./p-DnW8EAqd.js";import{d as i}from"./p-D7nYP2a4.js";import{d as o}from"./p-BSfu4DO2.js";const h=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.update=d(this,"sdUpdate",7),this.viewChange=d(this,"sdViewChange",7)}value=null;selectable;events;currentYear;currentMonth;update;viewChange;dateUtil=t();_eventMapCache;get eventMap(){const e=this._eventMapCache;if(e&&e.src===this.events)return e.map;const a=new Map;return(this.events??[]).forEach((e=>e.dates.forEach((d=>{const n=a.get(d)??[];n.push({color:e.color,label:e.label}),a.set(d,n)})))),this._eventMapCache={src:this.events,map:a},a}get legendItems(){const e=new Set,a=[];return(this.events??[]).forEach((d=>{const n=`${d.color}|${d.label}`;e.has(n)||(e.add(n),a.push({color:d.color,label:d.label}))})),a}componentWillLoad(){this.syncViewFromValue()}handleValueChange(){this.syncViewFromValue()}syncViewFromValue(){const e=this.value||l,[a,d]=e.split("-").map(Number);this.currentYear=a,this.currentMonth=d}formatDate(e,a,d){return`${e}-${String(a).padStart(2,"0")}-${String(d).padStart(2,"0")}`}get cells(){const e=this.currentYear,a=this.currentMonth,d=new Date(e,a-1,1).getDay(),n=new Date(e,a,0).getDate(),r=1===a?12:a-1,t=1===a?e-1:e,l=new Date(t,r,0).getDate(),s=12===a?1:a+1,c=12===a?e+1:e,i=[];for(let e=d-1;e>=0;e--){const a=l-e;i.push({date:this.formatDate(t,r,a),day:a,inCurrentMonth:!1})}for(let d=1;d<=n;d++)i.push({date:this.formatDate(e,a,d),day:d,inCurrentMonth:!0});const o=(7-i.length%7)%7;for(let e=1;e<=o;e++)i.push({date:this.formatDate(c,s,e),day:e,inCurrentMonth:!1});return i}emitViewChange(){this.viewChange.emit({year:this.currentYear,month:this.currentMonth})}goPrevYear=e=>{e.stopPropagation(),this.currentYear-=1,this.emitViewChange()};goNextYear=e=>{e.stopPropagation(),this.currentYear+=1,this.emitViewChange()};goPrevMonth=e=>{e.stopPropagation();const{newYear:a,newMonth:d}=this.dateUtil.calculateYearMonth(this.currentYear,this.currentMonth,"prev");this.currentYear=a,this.currentMonth=d,this.emitViewChange()};goNextMonth=e=>{e.stopPropagation();const{newYear:a,newMonth:d}=this.dateUtil.calculateYearMonth(this.currentYear,this.currentMonth,"next");this.currentYear=a,this.currentMonth=d,this.emitViewChange()};isDisabled(e){if(!this.selectable)return!1;const[a,d]=this.selectable;return""!==a&&e<a||""!==d&&e>d}handleDayClick(e){this.isDisabled(e.date)||(this.value=e.date,this.update.emit(e.date))}render(){const e={"--calendar-bg":c.bg,"--calendar-padding":`${c.paddingXY}px`,"--calendar-gap":`${c.gap}px`,"--calendar-radius":`${c.radius}px`,"--calendar-header-gap":`${c.header.gap}px`,"--calendar-header-divider":c.header.divider,"--calendar-header-font-size":`${c.header.fontSize}px`,"--calendar-header-line-height":`${c.header.lineHeight}px`,"--calendar-header-font-weight":c.header.fontWeight,"--calendar-week-font-size":`${c.week.fontSize}px`,"--calendar-week-line-height":`${c.week.lineHeight}px`,"--calendar-week-font-weight":c.week.fontWeight,"--calendar-week-color":c.week.color,"--calendar-grid-row-gap":`${c.grid.rowGap}px`,"--calendar-day-size":`${c.day.size}px`,"--calendar-day-circle-size":`${c.day.circleSize}px`,"--calendar-day-circle-radius":`${c.day.circleRadius}px`,"--calendar-day-text":c.day.defaultText,"--calendar-day-hover-text":c.day.hoverText,"--calendar-day-hover-border":c.day.hoverBorder,"--calendar-day-select-bg":c.day.selectBg,"--calendar-day-select-text":c.day.selectText,"--calendar-day-disabled-text":c.day.disabledText,"--calendar-day-font-size":`${c.day.fontSize}px`,"--calendar-day-line-height":`${c.day.lineHeight}px`,"--calendar-day-font-weight":c.day.fontWeight,"--calendar-day-bold-font-weight":c.day.boldFontWeight,"--calendar-day-dot-size":`${c.day.dot.size}px`,"--calendar-day-dot-gap":`${c.day.dot.gap}px`,"--calendar-day-dot-padding-y":`${c.day.dot.paddingY}px`,"--calendar-legend-font-size":`${c.legend.fontSize}px`,"--calendar-legend-line-height":`${c.legend.lineHeight}px`,"--calendar-legend-font-weight":c.legend.fontWeight,"--calendar-legend-gap":`${c.legend.gap}px`,"--calendar-legend-group-gap":`${c.legend.groupGap}px`},a=this.eventMap,d=this.legendItems,r=(this.events?.length??0)>0;return n("div",{key:"79cfdb58f8d44085c87cfea6458e60654bfa09bb",class:"sd-calendar",style:e},n("div",{key:"065620bcd155de11ef2272720de57ef6fcd9fd20",class:"sd-calendar__header"},n("div",{key:"ae27c8fe51c44137932b18cc83b64dcce7e2bbaa",class:"sd-calendar__nav-group"},n("sd-ghost-button",{key:"8207f6d77705999419f451db032c059564ea0c17",ariaLabel:"prevYear",size:"xxs",icon:"chevronLeft",onClick:this.goPrevYear}),n("span",{key:"b5bf63784dd06c3ce5a4d4c5514fea22efb08793",class:"sd-calendar__label"},this.currentYear),n("sd-ghost-button",{key:"14512de68825e3b158704c3084306029ade8fcc1",ariaLabel:"nextYear",size:"xxs",icon:"chevronRight",onClick:this.goNextYear})),n("span",{key:"e37eb90d72c2e64b8ebb1da4ddf3fccb7ff18cc3",class:"sd-calendar__divider","aria-hidden":"true"}),n("div",{key:"07b1696b663ddb992e5a8d8b5ab98205ba136d9d",class:"sd-calendar__nav-group sd-calendar__nav-group-month"},n("sd-ghost-button",{key:"b742889a44643d3e4d3b6da90784923c40e5a07f",ariaLabel:"prevMonth",size:"xxs",icon:"chevronLeft",onClick:this.goPrevMonth}),n("span",{key:"c97402106312c3a6eb220798263ba818419e7d27",class:"sd-calendar__label sd-calendar__label-month"},this.currentMonth,"월"),n("sd-ghost-button",{key:"55411b1328acb781d71a7a84996d2a29886612cd",ariaLabel:"nextMonth",size:"xxs",icon:"chevronRight",onClick:this.goNextMonth}))),n("div",{key:"d10b03d31be412b545999d7e70bd9a349e5f1880",class:"sd-calendar__week"},s.map((e=>n("span",{key:e,class:"sd-calendar__week-cell"},e)))),n("div",{key:"0b8f82db3753fe08435b07dee695d49a192786c0",class:"sd-calendar__grid"},this.cells.map((e=>{const d=e.inCurrentMonth&&""!==this.value&&this.value===e.date,t=e.inCurrentMonth&&l===e.date,s=e.inCurrentMonth&&this.isDisabled(e.date),c=e.inCurrentMonth?a.get(e.date):void 0;return n("button",{type:"button",key:e.date,class:{"sd-calendar__day":!0,"sd-calendar__day--empty":!e.inCurrentMonth,"sd-calendar__day--today":t,"sd-calendar__day--selected":d,"sd-calendar__day--disabled":s},disabled:!e.inCurrentMonth||s,tabindex:e.inCurrentMonth?void 0:-1,"aria-hidden":e.inCurrentMonth?void 0:"true",onClick:()=>e.inCurrentMonth&&this.handleDayClick(e)},n("span",{class:"sd-calendar__day-circle"},e.inCurrentMonth?e.day:""),r&&n("span",{class:"sd-calendar__dot-row","aria-hidden":"true"},c?.map(((e,a)=>n("span",{key:`${e.color}|${e.label}|${a}`,class:"sd-calendar__dot",style:{backgroundColor:e.color}})))))}))),d.length>0&&[n("span",{key:"a837c5956da658561fcbd2e646b0abbb0fa84a20",class:"sd-calendar__divider-bottom","aria-hidden":"true"}),n("div",{key:"190b9947e5ecd627fad03b40c58c2e0c8719daaa",class:"sd-calendar__legend"},d.map((e=>n("span",{key:`${e.color}|${e.label}`,class:"sd-calendar__legend-item"},n("span",{class:"sd-calendar__legend-dot",style:{backgroundColor:e.color},"aria-hidden":"true"}),n("span",{class:"sd-calendar__legend-label"},e.label)))))])}static get watchers(){return{value:[{handleValueChange:0}]}}static get style(){return"sd-calendar{display:block}sd-calendar .sd-calendar{display:flex;flex-direction:column;gap:var(--calendar-gap);width:328px;min-height:328px;padding:var(--calendar-padding);background:var(--calendar-bg);border-radius:var(--calendar-radius);box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.2);user-select:none}sd-calendar .sd-calendar__header{display:flex;align-items:center;justify-content:center;gap:var(--calendar-header-gap);font-size:var(--calendar-header-font-size);line-height:var(--calendar-header-line-height);font-weight:var(--calendar-header-font-weight);color:var(--calendar-day-text)}sd-calendar .sd-calendar__nav-group{display:inline-flex;align-items:center;gap:var(--calendar-gap)}sd-calendar .sd-calendar__nav-group-month{width:100%}sd-calendar .sd-calendar__label{display:inline-flex;align-items:center;justify-content:center;min-width:40px;text-align:center}sd-calendar .sd-calendar__label-month{width:100%}sd-calendar .sd-calendar__divider{display:inline-block;width:1px;height:16px;background:var(--calendar-header-divider)}sd-calendar .sd-calendar__week{display:grid;grid-template-columns:repeat(7, var(--calendar-day-size))}sd-calendar .sd-calendar__week-cell{display:inline-flex;align-items:center;justify-content:center;height:20px;font-size:var(--calendar-week-font-size);line-height:var(--calendar-week-line-height);font-weight:var(--calendar-week-font-weight);color:var(--calendar-week-color)}sd-calendar .sd-calendar__grid{display:grid;grid-template-columns:repeat(7, var(--calendar-day-size));row-gap:var(--calendar-grid-row-gap)}sd-calendar .sd-calendar__day{display:inline-flex;flex-direction:column;align-items:center;justify-content:flex-start;width:var(--calendar-day-size);min-height:var(--calendar-day-circle-size);padding:0;border:none;background:transparent;cursor:pointer;font-size:var(--calendar-day-font-size);line-height:var(--calendar-day-line-height);font-weight:var(--calendar-day-font-weight);color:var(--calendar-day-text)}sd-calendar .sd-calendar__day-circle{display:inline-flex;align-items:center;justify-content:center;width:var(--calendar-day-circle-size);height:var(--calendar-day-circle-size);border-radius:calc(var(--calendar-day-circle-radius) * 1px);border:1px solid transparent;box-sizing:border-box}sd-calendar .sd-calendar__day:not(:disabled):hover .sd-calendar__day-circle{border-radius:16px;border:1px solid var(--calendar-day-hover-border)}sd-calendar .sd-calendar__day--today .sd-calendar__day-circle{font-weight:700}sd-calendar .sd-calendar__day--selected .sd-calendar__day-circle{border-radius:16px;background:var(--calendar-day-select-bg);color:var(--calendar-day-select-text)}sd-calendar .sd-calendar__day--selected:not(:disabled):hover .sd-calendar__day-circle{background:var(--calendar-day-select-bg);color:var(--calendar-day-select-text)}sd-calendar .sd-calendar__day--disabled{color:var(--calendar-day-disabled-text);background:none !important;cursor:not-allowed}sd-calendar .sd-calendar__day--empty{visibility:hidden;pointer-events:none}sd-calendar .sd-calendar__dot-row{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--calendar-day-dot-gap);box-sizing:border-box;width:100%;min-height:14px;padding-top:var(--calendar-day-dot-padding-y);padding-bottom:var(--calendar-day-dot-padding-y)}sd-calendar .sd-calendar__dot{display:inline-block;width:var(--calendar-day-dot-size);height:var(--calendar-day-dot-size);border-radius:50%}sd-calendar .sd-calendar__divider-bottom{display:block;width:100%;height:1px;background:var(--calendar-header-divider)}sd-calendar .sd-calendar__legend{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;column-gap:var(--calendar-legend-group-gap);row-gap:4px;font-size:var(--calendar-legend-font-size);line-height:var(--calendar-legend-line-height);font-weight:var(--calendar-legend-font-weight);color:var(--calendar-day-text)}sd-calendar .sd-calendar__legend-item{display:inline-flex;align-items:center;gap:var(--calendar-legend-gap)}sd-calendar .sd-calendar__legend-dot{display:inline-block;width:var(--calendar-day-dot-size);height:var(--calendar-day-dot-size);border-radius:50%;flex-shrink:0}sd-calendar .sd-calendar__legend-label{display:inline-block}"}},[512,"sd-calendar",{value:[1025],selectable:[16],events:[16],currentYear:[32],currentMonth:[32]},void 0,{value:[{handleValueChange:0}]}]);function g(){"undefined"!=typeof customElements&&["sd-calendar","sd-ghost-button","sd-icon"].forEach((e=>{switch(e){case"sd-calendar":customElements.get(r(e))||customElements.define(r(e),h);break;case"sd-ghost-button":customElements.get(r(e))||i();break;case"sd-icon":customElements.get(r(e))||o()}}))}export{h as S,g as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var e={table:{header:{height:"36",paddingX:"16",gap:"4",bg:"#F5FAFF",typography:{fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontWeight:"500",fontSize:"12",lineHeight:"20",textDecoration:"none"},resizingBar:{color:"#CCCCCC",height:"16"}},body:{default:{height:"44",paddingY:"8"},dense:{height:"32",paddingY:"6"},paddingX:"16",frame:{padding:"8"},typography:{fontFamily:"Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif",fontWeight:"400",fontSize:"12",lineHeight:"20",textDecoration:"none"}},border:{color:"#E1E1E1",width:"1"},content:{gap:"8"},radius:"8",keyValue:{body:{padding:"8"},height:"44",search:{paddingX:"32",bg:"#F9F9F9"}},separator:{color:"#EEEEEE",Width:"6"}}};export{e as t}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as t,H as e,h as s,d as i,t as o}from"./p-BjkROjjt.js";import{T as r}from"./p-sZMi_32I.js";import{T as l,i as a,b as n,a as h}from"./p-DykVq5VY.js";import{d}from"./p-INdVvadB.js";import{d as c}from"./p-BSfu4DO2.js";const p=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost()}get el(){return this}columns;selectable;stickyColumn;rowKey="";row={};separator;tableId="";columnWidths=[];isVisible=!0;spansVersion=0;_columns=[];_selectable=!1;_stickyColumn={left:0,right:0};_scrolledLeft=!1;_scrolledRight=!1;_dense=!1;tableEl=null;_prevRowKey=null;componentWillLoad(){this.syncTableContext(),this.columnWidths=this.columnWidths??[],this.resolveConfig(),this.columnWidths=this._columns.map((t=>t.autoWidth?0:parseInt(t.width||"120",10))),this.updateVisibilitySync()}componentDidLoad(){if(this.syncTableContext(),this.separator){const t=this.el.previousElementSibling;if("sd-tr"===t?.tagName?.toLowerCase()){const e=t.rowKey;this._prevRowKey=e,this.tableEl?.registerSeparatorSync?.(e)}}}disconnectedCallback(){null!==this._prevRowKey&&(this.tableEl?.unregisterSeparatorSync?.(this._prevRowKey),this._prevRowKey=null)}syncTableContext(){const t=this.el.closest("sd-table"),e=this.el.getRootNode(),s=e instanceof ShadowRoot?e.host:null,i=t??s;this.tableEl=i;const o=i?.getTableIdSync?.(),l=i?.getAttribute(r),a=(null!=o&&""!==o&&"undefined"!==o?o:null)??(null!=l&&""!==l&&"undefined"!==l?l:null)??"";""!==a&&a!==this.tableId&&(this.tableId=a)}resolveConfig(){const t=this.tableEl?.getConfigSync?.();this._columns=this.columns??t?.columns??[],this._selectable=this.selectable??t?.selectable??!1,this._stickyColumn=this.stickyColumn??t?.stickyColumn??{left:0,right:0},this._scrolledLeft=t?.scrolledLeft??!1,this._scrolledRight=t?.scrolledRight??!1,this._dense=t?.dense??!1,t?.columnWidths&&0===(this.columnWidths??[]).length&&(this.columnWidths=[...t.columnWidths])}async refreshConfig(){this.resolveConfig()}async bumpSpansVersion(){this.spansVersion=this.spansVersion+1}async updateVisibility(){this.updateVisibilitySync()}updateVisibilitySync(){const t=parseInt(this.rowKey,10),e=this.tableEl?.getPaginationInfoSync?.();this.isVisible=!e||t>=e.startIndex&&t<e.endIndex}async setColumnWidths(t){this.columnWidths=t}async refreshSelection(){const t=this.el.querySelector("sd-checkbox");t&&(t.value=this.isSelected())}get visibleColumns(){return this._columns.filter((t=>!1!==t.visible))}formatValue(t){return null==t?"":"number"==typeof t?t.toLocaleString():String(t)}getCellValue(t){const{field:e,format:s,name:i}=t,o="function"==typeof e?e(this.row):""!==e?this.row[e]:this.row[i];return s?s(o,this.row):this.formatValue(o)}getStickyStyle(t){if(this.tableEl?.getStickyStyleSync)return this.tableEl.getStickyStyleSync(t);const e=this.columnWidths.slice(0,t).reduce(((t,e)=>t+e),0)+(this._selectable?52:0),s=this.columnWidths.filter(((e,s)=>s>=this.visibleColumns.length-(this._stickyColumn.right||0)&&s>t)).reduce(((t,e)=>t+e),0),i=this.visibleColumns[t],o={"--sticky-left-offset":`${e}px`,"--sticky-right-offset":`${s}px`};return i?.autoWidth||(o.width=`${this.columnWidths[t]}px`,o.minWidth=`${this.columnWidths[t]}px`,o.maxWidth=`${this.columnWidths[t]}px`),o}isSelected(){return!!this.tableEl?.isRowSelectedSync&&this.tableEl.isRowSelectedSync(this.row)}handleSelect(){this.tableEl?.updateRowSelectSync&&this.tableEl.updateRowSelectSync(this.row)}getSpanFor(t){if(this.tableEl?.getSpanSync)return this.tableEl.getSpanSync(this.rowKey,"string"==typeof t.field?t.field:t.name)}isCovered(t){return!!this.tableEl?.isCoveredSync&&this.tableEl.isCoveredSync(this.rowKey,t,this._columns)}getCellClassFor(t){if(this.tableEl?.getCellClassSync)return this.tableEl.getCellClassSync(this.rowKey,"string"==typeof t.field?t.field:t.name)}getFramePaddingStyle(t){if(this._dense&&this.tableEl?.isCellUseFrameSync?.(this.rowKey,t))return{padding:`${l.framePadding}px`}}expandCellClass(t){return null==t||""===t?{}:Object.fromEntries(t.split(/\s+/).filter(Boolean).map((t=>[t,!0])))}isVisualLastRowBeforeSeparator(t){return!!this.tableEl?.isVisualLastRowBeforeSeparatorSync&&this.tableEl.isVisualLastRowBeforeSeparatorSync(this.rowKey,"string"==typeof t.field?t.field:t.name)}isVisualLastRowBeforeSeparatorForSelfRow(){return!!this.tableEl?.isVisualLastRowBeforeSeparatorSync&&this.tableEl.isVisualLastRowBeforeSeparatorSync(this.rowKey,"")}render(){const t=this._stickyColumn.left||0,e=this._stickyColumn.right||0,o=this.visibleColumns.slice(0,t),r=this.visibleColumns.slice(t,this.visibleColumns.length-e),d=this.visibleColumns.slice(this.visibleColumns.length-e),c=this.tableEl?.hasRowspanSync?.()??!1,p=this.tableEl?.hasUseFrameInRowSync?.(this.rowKey)??!1,b=this._dense&&!p?l.dense:l.default,f={display:this.isVisible?"":"none","--table-body-height":`${b.height}px`,"--table-body-padding-y":`${b.paddingY}px`,"--table-body-padding-x":`${l.paddingX}px`,"--table-body-font-family":h.fontFamily,"--table-body-font-weight":h.fontWeight,"--table-body-font-size":`${h.fontSize}px`,"--table-body-line-height":`${h.lineHeight}px`,"--table-body-text-decoration":h.textDecoration,"--table-border-color":n.color,"--table-border-width":`${n.width}px`,"--table-separator-color":a.color,"--table-separator-width":`${a.width}px`};return s(i,{style:f},this.separator?s("tr",{class:"tr tr--separator"},s("td",{colSpan:this.visibleColumns.length+(this._selectable?1:0),class:"td td--separator"})):s("tr",{class:{tr:!0,"tr--no-hover":c}},this._selectable&&s("td",{class:{td:!0,"td--selected":!0,"td--before-separator":this.isVisualLastRowBeforeSeparatorForSelfRow(),"sticky-left":!0,"sticky-left-edge":0===t,"is-scrolled-left":0===t&&this._scrolledLeft},style:{"--sticky-left-offset":"0px"}},s("sd-checkbox",{value:this.isSelected(),onSdUpdate:()=>this.handleSelect()})),o.map(((e,i)=>{if(this.isCovered(i))return null;const o="string"==typeof e.field?e.field:e.name,r=this.getSpanFor(e),l=this.getCellClassFor(e);return s("td",{key:e.name,rowSpan:r?.rowspan,colSpan:r?.colspan,class:{td:!0,[`td--${e.align||"left"}`]:!0,"td--before-separator":this.isVisualLastRowBeforeSeparator(e),"sticky-left":!0,"sticky-left-edge":i===t-1,"is-scrolled-left":i===t-1&&this._scrolledLeft,[`${e.tdClass}`]:Boolean(e.tdClass),...this.expandCellClass(l)},style:{...this.getStickyStyle(i),...this.getFramePaddingStyle(o)}},s("slot",{name:`${this.tableId}-${o}-${this.rowKey}`},s("span",null,this.getCellValue(e))))})),r.map(((e,i)=>{const o=t+i;if(this.isCovered(o))return null;const r="string"==typeof e.field?e.field:e.name,l=this.getSpanFor(e),a=this.getCellClassFor(e);return s("td",{key:e.name,rowSpan:l?.rowspan,colSpan:l?.colspan,class:{td:!0,[`td--${e.align||"left"}`]:!0,"td--before-separator":this.isVisualLastRowBeforeSeparator(e),[`${e.tdClass}`]:Boolean(e.tdClass),...this.expandCellClass(a)},style:{...this.getStickyStyle(o),...this.getFramePaddingStyle(r)}},s("slot",{name:`${this.tableId}-${r}-${this.rowKey}`},s("span",null,this.getCellValue(e))))})),d.map(((t,i)=>{const o=this.visibleColumns.length-e+i;if(this.isCovered(o))return null;const r="string"==typeof t.field?t.field:t.name,l=this.getSpanFor(t),a=this.getCellClassFor(t);return s("td",{key:t.name,rowSpan:l?.rowspan,colSpan:l?.colspan,class:{td:!0,[`td--${t.align||"left"}`]:!0,"td--before-separator":this.isVisualLastRowBeforeSeparator(t),"sticky-right":!0,"sticky-right-edge":0===i,"is-scrolled-right":0===i&&this._scrolledRight,[`${t.tdClass}`]:Boolean(t.tdClass),...this.expandCellClass(a)},style:{...this.getStickyStyle(o),...this.getFramePaddingStyle(r)}},s("slot",{name:`${this.tableId}-${r}-${this.rowKey}`},s("span",null,this.getCellValue(t))))}))))}static get style(){return'sd-tr{display:contents}sd-tr *{box-sizing:border-box}.tr{display:table-row}.tr:hover .td{background-color:#F9F9F9}.tr--no-hover:hover .td{background-color:white}.tr--separator:hover .td{background-color:var(--table-separator-color, #eeeeee)}.td{display:table-cell;height:var(--table-body-height, 44px);padding:var(--table-body-padding-y, 0) var(--table-body-padding-x, 16px);border-bottom:var(--table-border-width, 1px) solid var(--table-border-color, #E1E1E1);background:white;vertical-align:middle;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:keep-all}.td--left{text-align:left}.td--center{text-align:center}.td--right{text-align:right}.td--selected{position:relative;width:52px !important;max-width:52px !important;min-width:52px !important;padding:0 10px 0 24px;text-align:left}.td--selected sd-checkbox label{position:relative}.td--selected sd-checkbox label:before{content:"";position:absolute;inset:-6px}.td.sticky-left{position:sticky;background-color:white;z-index:100 !important;left:var(--sticky-left-offset, 0)}.td.sticky-right{position:sticky;background-color:white;z-index:100 !important;right:var(--sticky-right-offset, 0)}.td.sticky-left-edge:after{content:"";position:absolute;top:0;left:100%;right:-20px;width:20px;height:100%;z-index:101 !important;box-shadow:inset 12px 0 20px -25px;opacity:0;pointer-events:none;transition:opacity 0.2s}.td.sticky-right-edge:after{content:"";position:absolute;top:0;left:-20px;width:20px;height:100%;z-index:101 !important;box-shadow:inset -12px 0 20px -25px;opacity:0;pointer-events:none;transition:opacity 0.2s}.td.sticky-left-edge.is-scrolled-left{overflow:visible}.td.sticky-left-edge.is-scrolled-left:after{opacity:1}.td.sticky-right-edge.is-scrolled-right{overflow:visible}.td.sticky-right-edge.is-scrolled-right:after{opacity:1}.tr:hover .td.sticky-left,.tr:hover .td.sticky-right{background-color:#F9F9F9}.tr--no-hover:hover .td.sticky-left,.tr--no-hover:hover .td.sticky-right{background-color:white}.tr--separator:hover .td.sticky-left,.tr--separator:hover .td.sticky-right{background-color:var(--table-separator-color, #eeeeee)}.tr--separator .td--separator{height:var(--table-separator-width, 6px);padding:0;background-color:var(--table-separator-color, #eeeeee);border-bottom:none}.td.td--before-separator{border-bottom:none}.td--divider-left{border-left:var(--table-border-width, 1px) solid var(--table-border-color, #E1E1E1)}.td--divider-right{border-right:var(--table-border-width, 1px) solid var(--table-border-color, #E1E1E1)}'}},[772,"sd-tr",{columns:[16],selectable:[4],stickyColumn:[16],rowKey:[1,"row-key"],row:[16],separator:[4],tableId:[32],columnWidths:[32],isVisible:[32],spansVersion:[32],_columns:[32],_selectable:[32],_stickyColumn:[32],_scrolledLeft:[32],_scrolledRight:[32],_dense:[32],refreshConfig:[64],bumpSpansVersion:[64],updateVisibility:[64],setColumnWidths:[64],refreshSelection:[64]}]);function b(){"undefined"!=typeof customElements&&["sd-tr","sd-checkbox","sd-icon"].forEach((t=>{switch(t){case"sd-tr":customElements.get(o(t))||customElements.define(o(t),p);break;case"sd-checkbox":customElements.get(o(t))||d();break;case"sd-icon":customElements.get(o(t))||c()}}))}export{p as S,b as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,H as e,c as s,h as i,d as o,t as l}from"./p-BjkROjjt.js";import{T as r}from"./p-sZMi_32I.js";import{r as a,d as h,b as n,e as d,f as c,g as p,h as b}from"./p-mmdt-WnS.js";import{d as f}from"./p-VuxN5d2D.js";import{d as y}from"./p-INdVvadB.js";import{d as g}from"./p-CIUE4qr7.js";import{d as u}from"./p-BSfu4DO2.js";import{d as m}from"./p-Z5Vk33zf.js";const x=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.sdColumnSort=s(this,"sdColumnSort",7)}get el(){return this}columns;selectable;resizable;stickyColumn;stickyHeader;scrolledLeft;scrolledRight;rows=[];columnWidths=[];sdColumnSort;tableId="";_columns=[];_selectable=!1;_resizable=!1;_stickyColumn={left:0,right:0};_stickyHeader=!1;_scrolledLeft=!1;_scrolledRight=!1;tableEl=null;handleColumnsChange(t){Array.isArray(t)&&0===(this.columnWidths??[]).length&&(this.columnWidths=t.map((t=>t.autoWidth?0:parseInt(t.width||"120",10))))}componentWillLoad(){this.syncTableContext(),this.columnWidths=Array.isArray(this.columnWidths)?this.columnWidths:[],this.resolveConfig(),0===(this.columnWidths??[]).length&&(this.columnWidths=this._columns.map((t=>t.autoWidth?0:parseInt(t.width||"120",10))))}componentDidLoad(){this.syncTableContext(),this.resolveConfig()}syncTableContext(){const t=this.el.closest("sd-table"),e=this.el.getRootNode(),s=e instanceof ShadowRoot?e.host:null,i=t??s;this.tableEl=i;const o=i?.getTableIdSync?.(),l=i?.getAttribute(r),a=(null!=o&&""!==o&&"undefined"!==o?o:null)??(null!=l&&""!==l&&"undefined"!==l?l:null)??"";""!==a&&a!==this.tableId&&(this.tableId=a)}resolveConfig(){const t=this.tableEl?.getConfigSync?.(),e=Array.isArray(this.columns)?this.columns:Array.isArray(t?.columns)?t.columns:[];this._columns=e,this._selectable=this.selectable??t?.selectable??!1,this._resizable=this.resizable??t?.resizable??!1,this._stickyColumn=this.stickyColumn??t?.stickyColumn??{left:0,right:0},this._stickyHeader=this.stickyHeader??t?.stickyHeader??!1,this._scrolledLeft=this.scrolledLeft??t?.scrolledLeft??!1,this._scrolledRight=this.scrolledRight??t?.scrolledRight??!1,Array.isArray(t?.columnWidths)&&0===(this.columnWidths??[]).length&&(this.columnWidths=[...t.columnWidths]),Array.isArray(this.columnWidths)||(this.columnWidths=[])}async refreshConfig(){this.resolveConfig()}async setColumnWidths(t){this.columnWidths=Array.isArray(t)?t:[]}async refreshSelection(){const t=this.el.querySelector("sd-checkbox");t&&(t.value=this.getIsAllChecked())}get visibleColumns(){return this._columns.filter((t=>!1!==t.visible))}getStickyStyle(t){if(this.tableEl?.getStickyStyleSync)return this.tableEl.getStickyStyleSync(t);const e=this.columnWidths.slice(0,t).reduce(((t,e)=>t+e),0)+(this._selectable?52:0),s=this.columnWidths.filter(((e,s)=>s>=this.visibleColumns.length-(this._stickyColumn.right||0)&&s>t)).reduce(((t,e)=>t+e),0),i=this.visibleColumns[t],o={"--sticky-left-offset":`${e}px`,"--sticky-right-offset":`${s}px`};return i?.autoWidth||(o.width=`${this.columnWidths[t]}px`,o.minWidth=`${this.columnWidths[t]}px`,o.maxWidth=`${this.columnWidths[t]}px`),o}handleResize(t,e,s=!1){this.tableEl?.handleResize&&this.tableEl.handleResize(t,e,s)}handleColumnSort=t=>{this.sdColumnSort.emit({column:t})};handleSelectAll(t){const e=!!t,s=Array.isArray(this.rows)?this.rows:[];this.tableEl?.toggleSelectAllSync&&this.tableEl.toggleSelectAllSync(e,s)}getIsAllChecked(){const t=Array.isArray(this.rows)?this.rows:[];return!!(this.tableEl?.getIsAllCheckedSync&&t.length>0)&&this.tableEl.getIsAllCheckedSync(t)}render(){const t=Array.isArray(this.rows)?this.rows:[],e=this._stickyColumn.left||0,s=this._stickyColumn.right||0,l=this.visibleColumns.slice(0,e),r=this.visibleColumns.slice(e,this.visibleColumns.length-s),f=this.visibleColumns.slice(this.visibleColumns.length-s),y=this.visibleColumns.length-1;return i(o,{key:"c2852fc7d6fe9e8116fabbbcc140f4db8319bfdc",slot:`${this.tableId}-head`,style:{"--table-header-height":`${b.height}px`,"--table-header-padding-x":`${b.paddingX}px`,"--table-header-gap":`${b.gap}px`,"--table-header-bg":p.bg,"--table-header-font-family":c.fontFamily,"--table-header-font-weight":c.fontWeight,"--table-header-font-size":`${c.fontSize}px`,"--table-header-line-height":`${c.lineHeight}px`,"--table-header-text-decoration":c.textDecoration,"--table-header-resizer-color":d.color,"--table-header-resizer-height":`${d.height}px`,"--table-border-color":n.color,"--table-border-width":`${n.width}px`}},i("thead",{key:"970cb1c96145326f38b79636a72982b0e9c81fa0",class:{thead:!0,"thead--sticky":this._stickyHeader}},i("tr",{key:"839fb6e9fd68ef10dea1f1d470a6b3e707475a8d",class:"tr"},this._selectable&&i("th",{key:"d669372261627013bc1b39157139d180b3d1a6c1",class:{th:!0,"th--selected":!0,"sticky-left":!0,"sticky-left-edge":0===e,"is-scrolled-left":0===e&&this._scrolledLeft},style:{"--sticky-left-offset":"0px"}},i("sd-checkbox",{key:"6263984430b4aa53e6ac24fb0f6a6c05838a71d5",value:this.getIsAllChecked(),disabled:0===t.length,onSdUpdate:t=>this.handleSelectAll(t.detail)})),l.map(((t,s)=>i("th",{key:t.name,class:{th:!0,[`${t.thClass}`]:Boolean(t.thClass),"sticky-left":!0,"sticky-left-edge":s===e-1,"is-scrolled-left":s===e-1&&this._scrolledLeft},style:{...t.thStyle,...this.getStickyStyle(s)}},i("div",{class:`th__content th__content--${t.align||"left"}`},i("div",{class:"th__content--label"},t.label),t.icon&&i("sd-icon",{name:t.icon,size:"12",color:a(t.icon,t.iconColor)}),t.sort&&i("sd-icon",{name:h(t.sort),size:"12",color:a(h(t.sort),t.iconColor),onClick:()=>this.handleColumnSort(t),style:{cursor:"pointer"}}),t.tooltip&&i("sd-tooltip",{...t.tooltipOptions},i("div",{slot:"content"},t.tooltip.map((t=>i("p",null,t)))))),this._resizable&&s!==y&&i("div",{class:"th__resizer",onMouseDown:t=>this.handleResize(s,t)})))),r.map(((t,s)=>{const o=e+s;return i("th",{key:t.name,class:{th:!0,[`${t.thClass}`]:Boolean(t.thClass)},style:{...t.thStyle,...this.getStickyStyle(o)}},i("div",{class:`th__content th__content--${t.align||"left"}`},i("div",{class:"th__content--label"},t.label),t.icon&&i("sd-icon",{name:t.icon,size:"12",color:a(t.icon,t.iconColor)}),t.sort&&i("sd-icon",{name:h(t.sort),size:"12",color:a(h(t.sort),t.iconColor),onClick:()=>this.handleColumnSort(t),style:{cursor:"pointer"}}),t.tooltip&&i("sd-tooltip",{...t.tooltipOptions},i("div",{slot:"content"},t.tooltip.map((t=>i("p",null,t)))))),this._resizable&&o!==y&&i("div",{class:"th__resizer",onMouseDown:t=>this.handleResize(o,t)}))})),f.map(((t,e)=>{const o=this.visibleColumns.length-s+e;return i("th",{key:t.name,class:{th:!0,[`${t.thClass}`]:Boolean(t.thClass),"sticky-right":!0,"sticky-right-edge":0===e,"is-scrolled-right":0===e&&this._scrolledRight},style:{...t.thStyle,...this.getStickyStyle(o)}},i("div",{class:`th__content th__content--${t.align||"left"}`},i("div",{class:"th__content--label"},t.label),t.icon&&i("sd-icon",{name:t.icon,size:"12",color:a(t.icon,t.iconColor)}),t.sort&&i("sd-icon",{name:h(t.sort),size:"12",color:a(h(t.sort),t.iconColor),onClick:()=>this.handleColumnSort(t),style:{cursor:"pointer"}}),t.tooltip&&i("sd-tooltip",{...t.tooltipOptions},i("div",{slot:"content"},t.tooltip.map((t=>i("p",null,t)))))),this._resizable&&i("div",{class:"th__resizer th__resizer--left",onMouseDown:t=>this.handleResize(o,t,!0)}))})))))}static get watchers(){return{columns:[{handleColumnsChange:0}]}}static get style(){return'sd-thead{display:contents}sd-thead *{box-sizing:border-box}.thead{display:table-header-group;height:var(--table-header-height, 36px)}.thead--sticky{position:sticky;top:0;z-index:120}.tr{display:table-row;width:100%}.th{display:table-cell;background:var(--table-header-bg, #F5FAFF);height:var(--table-header-height, 36px);padding:0 var(--table-header-padding-x, 16px);font-family:var(--table-header-font-family, inherit);font-weight:var(--table-header-font-weight, 500);font-size:var(--table-header-font-size, 12px);line-height:var(--table-header-line-height, 20px);text-decoration:var(--table-header-text-decoration, none);vertical-align:middle;border-bottom:var(--table-border-width, 1px) solid var(--table-border-color, #E1E1E1);-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:keep-all}.th--selected{position:relative;width:52px !important;max-width:52px !important;min-width:52px !important;padding:0 10px 0 24px;text-align:left}.th--selected sd-checkbox label{position:relative}.th--selected sd-checkbox label:before{content:"";position:absolute;inset:-6px}.th.sticky-left{position:sticky;background-color:var(--table-header-bg, #F5FAFF);z-index:110 !important;left:var(--sticky-left-offset, 0)}.th.sticky-right{position:sticky;background-color:var(--table-header-bg, #F5FAFF);z-index:110 !important;right:var(--sticky-right-offset, 0)}.th.sticky-left-edge:after{content:"";position:absolute;top:0;left:100%;right:-20px;width:20px;height:100%;z-index:101 !important;box-shadow:inset 12px 0 20px -25px;opacity:0;pointer-events:none;transition:opacity 0.2s}.th.sticky-right-edge:after{content:"";position:absolute;top:0;left:-20px;width:20px;height:100%;z-index:101 !important;box-shadow:inset -12px 0 20px -25px;opacity:0;pointer-events:none;transition:opacity 0.2s}.th.sticky-left-edge.is-scrolled-left{overflow:visible}.th.sticky-left-edge.is-scrolled-left:after{opacity:1}.th.sticky-right-edge.is-scrolled-right{overflow:visible}.th.sticky-right-edge.is-scrolled-right:after{opacity:1}.th__content{display:flex;flex-flow:row nowrap;align-items:center;gap:var(--table-header-gap, 4px)}.th__content--left{justify-content:flex-start}.th__content--center{justify-content:center}.th__content--right{justify-content:flex-end}.th__content--label{white-space:nowrap;text-overflow:ellipsis;word-break:keep-all}.th__resizer{position:absolute;top:50%;right:0;transform:translateY(-50%);width:4px;height:var(--table-header-resizer-height, 16px);cursor:col-resize;z-index:3;border-left:var(--table-border-width, 1px) solid var(--table-header-resizer-color, #CCCCCC);border-right:var(--table-border-width, 1px) solid var(--table-header-resizer-color, #CCCCCC)}.th__resizer--left{right:auto;left:0}'}},[512,"sd-thead",{columns:[16],selectable:[4],resizable:[4],stickyColumn:[16],stickyHeader:[4,"sticky-header"],scrolledLeft:[4,"scrolled-left"],scrolledRight:[4,"scrolled-right"],rows:[16],columnWidths:[1040],tableId:[32],_columns:[32],_selectable:[32],_resizable:[32],_stickyColumn:[32],_stickyHeader:[32],_scrolledLeft:[32],_scrolledRight:[32],refreshConfig:[64],setColumnWidths:[64],refreshSelection:[64]},void 0,{columns:[{handleColumnsChange:0}]}]);function k(){"undefined"!=typeof customElements&&["sd-thead","sd-button","sd-checkbox","sd-floating-portal","sd-icon","sd-tooltip"].forEach((t=>{switch(t){case"sd-thead":customElements.get(l(t))||customElements.define(l(t),x);break;case"sd-button":customElements.get(l(t))||f();break;case"sd-checkbox":customElements.get(l(t))||y();break;case"sd-floating-portal":customElements.get(l(t))||g();break;case"sd-icon":customElements.get(l(t))||u();break;case"sd-tooltip":customElements.get(l(t))||m()}}))}export{x as S,k as d}
|
|
1
|
+
import{p as t,H as e,c as s,h as i,d as o,t as l}from"./p-BjkROjjt.js";import{T as r}from"./p-sZMi_32I.js";import{r as a,d as h,b as n,e as c,f as d,g as p,h as b}from"./p-DykVq5VY.js";import{d as f}from"./p-VuxN5d2D.js";import{d as y}from"./p-INdVvadB.js";import{d as g}from"./p-CIUE4qr7.js";import{d as u}from"./p-BSfu4DO2.js";import{d as m}from"./p-Z5Vk33zf.js";const x=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.sdColumnSort=s(this,"sdColumnSort",7)}get el(){return this}columns;selectable;resizable;stickyColumn;stickyHeader;scrolledLeft;scrolledRight;rows=[];columnWidths=[];sdColumnSort;tableId="";_columns=[];_selectable=!1;_resizable=!1;_stickyColumn={left:0,right:0};_stickyHeader=!1;_scrolledLeft=!1;_scrolledRight=!1;tableEl=null;handleColumnsChange(t){Array.isArray(t)&&0===(this.columnWidths??[]).length&&(this.columnWidths=t.map((t=>t.autoWidth?0:parseInt(t.width||"120",10))))}componentWillLoad(){this.syncTableContext(),this.columnWidths=Array.isArray(this.columnWidths)?this.columnWidths:[],this.resolveConfig(),0===(this.columnWidths??[]).length&&(this.columnWidths=this._columns.map((t=>t.autoWidth?0:parseInt(t.width||"120",10))))}componentDidLoad(){this.syncTableContext(),this.resolveConfig()}syncTableContext(){const t=this.el.closest("sd-table"),e=this.el.getRootNode(),s=e instanceof ShadowRoot?e.host:null,i=t??s;this.tableEl=i;const o=i?.getTableIdSync?.(),l=i?.getAttribute(r),a=(null!=o&&""!==o&&"undefined"!==o?o:null)??(null!=l&&""!==l&&"undefined"!==l?l:null)??"";""!==a&&a!==this.tableId&&(this.tableId=a)}resolveConfig(){const t=this.tableEl?.getConfigSync?.(),e=Array.isArray(this.columns)?this.columns:Array.isArray(t?.columns)?t.columns:[];this._columns=e,this._selectable=this.selectable??t?.selectable??!1,this._resizable=this.resizable??t?.resizable??!1,this._stickyColumn=this.stickyColumn??t?.stickyColumn??{left:0,right:0},this._stickyHeader=this.stickyHeader??t?.stickyHeader??!1,this._scrolledLeft=this.scrolledLeft??t?.scrolledLeft??!1,this._scrolledRight=this.scrolledRight??t?.scrolledRight??!1,Array.isArray(t?.columnWidths)&&0===(this.columnWidths??[]).length&&(this.columnWidths=[...t.columnWidths]),Array.isArray(this.columnWidths)||(this.columnWidths=[])}async refreshConfig(){this.resolveConfig()}async setColumnWidths(t){this.columnWidths=Array.isArray(t)?t:[]}async refreshSelection(){const t=this.el.querySelector("sd-checkbox");t&&(t.value=this.getIsAllChecked())}get visibleColumns(){return this._columns.filter((t=>!1!==t.visible))}getStickyStyle(t){if(this.tableEl?.getStickyStyleSync)return this.tableEl.getStickyStyleSync(t);const e=this.columnWidths.slice(0,t).reduce(((t,e)=>t+e),0)+(this._selectable?52:0),s=this.columnWidths.filter(((e,s)=>s>=this.visibleColumns.length-(this._stickyColumn.right||0)&&s>t)).reduce(((t,e)=>t+e),0),i=this.visibleColumns[t],o={"--sticky-left-offset":`${e}px`,"--sticky-right-offset":`${s}px`};return i?.autoWidth||(o.width=`${this.columnWidths[t]}px`,o.minWidth=`${this.columnWidths[t]}px`,o.maxWidth=`${this.columnWidths[t]}px`),o}handleResize(t,e,s=!1){this.tableEl?.handleResize&&this.tableEl.handleResize(t,e,s)}handleColumnSort=t=>{this.sdColumnSort.emit({column:t})};handleSelectAll(t){const e=!!t,s=Array.isArray(this.rows)?this.rows:[];this.tableEl?.toggleSelectAllSync&&this.tableEl.toggleSelectAllSync(e,s)}getIsAllChecked(){const t=Array.isArray(this.rows)?this.rows:[];return!!(this.tableEl?.getIsAllCheckedSync&&t.length>0)&&this.tableEl.getIsAllCheckedSync(t)}render(){const t=Array.isArray(this.rows)?this.rows:[],e=this._stickyColumn.left||0,s=this._stickyColumn.right||0,l=this.visibleColumns.slice(0,e),r=this.visibleColumns.slice(e,this.visibleColumns.length-s),f=this.visibleColumns.slice(this.visibleColumns.length-s),y=this.visibleColumns.length-1;return i(o,{key:"c2852fc7d6fe9e8116fabbbcc140f4db8319bfdc",slot:`${this.tableId}-head`,style:{"--table-header-height":`${b.height}px`,"--table-header-padding-x":`${b.paddingX}px`,"--table-header-gap":`${b.gap}px`,"--table-header-bg":p.bg,"--table-header-font-family":d.fontFamily,"--table-header-font-weight":d.fontWeight,"--table-header-font-size":`${d.fontSize}px`,"--table-header-line-height":`${d.lineHeight}px`,"--table-header-text-decoration":d.textDecoration,"--table-header-resizer-color":c.color,"--table-header-resizer-height":`${c.height}px`,"--table-border-color":n.color,"--table-border-width":`${n.width}px`}},i("thead",{key:"970cb1c96145326f38b79636a72982b0e9c81fa0",class:{thead:!0,"thead--sticky":this._stickyHeader}},i("tr",{key:"839fb6e9fd68ef10dea1f1d470a6b3e707475a8d",class:"tr"},this._selectable&&i("th",{key:"d669372261627013bc1b39157139d180b3d1a6c1",class:{th:!0,"th--selected":!0,"sticky-left":!0,"sticky-left-edge":0===e,"is-scrolled-left":0===e&&this._scrolledLeft},style:{"--sticky-left-offset":"0px"}},i("sd-checkbox",{key:"6263984430b4aa53e6ac24fb0f6a6c05838a71d5",value:this.getIsAllChecked(),disabled:0===t.length,onSdUpdate:t=>this.handleSelectAll(t.detail)})),l.map(((t,s)=>i("th",{key:t.name,class:{th:!0,[`${t.thClass}`]:Boolean(t.thClass),"sticky-left":!0,"sticky-left-edge":s===e-1,"is-scrolled-left":s===e-1&&this._scrolledLeft},style:{...t.thStyle,...this.getStickyStyle(s)}},i("div",{class:`th__content th__content--${t.align||"left"}`},i("div",{class:"th__content--label"},t.label),t.icon&&i("sd-icon",{name:t.icon,size:"12",color:a(t.icon,t.iconColor)}),t.sort&&i("sd-icon",{name:h(t.sort),size:"12",color:a(h(t.sort),t.iconColor),onClick:()=>this.handleColumnSort(t),style:{cursor:"pointer"}}),t.tooltip&&i("sd-tooltip",{...t.tooltipOptions},i("div",{slot:"content"},t.tooltip.map((t=>i("p",null,t)))))),this._resizable&&s!==y&&i("div",{class:"th__resizer",onMouseDown:t=>this.handleResize(s,t)})))),r.map(((t,s)=>{const o=e+s;return i("th",{key:t.name,class:{th:!0,[`${t.thClass}`]:Boolean(t.thClass)},style:{...t.thStyle,...this.getStickyStyle(o)}},i("div",{class:`th__content th__content--${t.align||"left"}`},i("div",{class:"th__content--label"},t.label),t.icon&&i("sd-icon",{name:t.icon,size:"12",color:a(t.icon,t.iconColor)}),t.sort&&i("sd-icon",{name:h(t.sort),size:"12",color:a(h(t.sort),t.iconColor),onClick:()=>this.handleColumnSort(t),style:{cursor:"pointer"}}),t.tooltip&&i("sd-tooltip",{...t.tooltipOptions},i("div",{slot:"content"},t.tooltip.map((t=>i("p",null,t)))))),this._resizable&&o!==y&&i("div",{class:"th__resizer",onMouseDown:t=>this.handleResize(o,t)}))})),f.map(((t,e)=>{const o=this.visibleColumns.length-s+e;return i("th",{key:t.name,class:{th:!0,[`${t.thClass}`]:Boolean(t.thClass),"sticky-right":!0,"sticky-right-edge":0===e,"is-scrolled-right":0===e&&this._scrolledRight},style:{...t.thStyle,...this.getStickyStyle(o)}},i("div",{class:`th__content th__content--${t.align||"left"}`},i("div",{class:"th__content--label"},t.label),t.icon&&i("sd-icon",{name:t.icon,size:"12",color:a(t.icon,t.iconColor)}),t.sort&&i("sd-icon",{name:h(t.sort),size:"12",color:a(h(t.sort),t.iconColor),onClick:()=>this.handleColumnSort(t),style:{cursor:"pointer"}}),t.tooltip&&i("sd-tooltip",{...t.tooltipOptions},i("div",{slot:"content"},t.tooltip.map((t=>i("p",null,t)))))),this._resizable&&i("div",{class:"th__resizer th__resizer--left",onMouseDown:t=>this.handleResize(o,t,!0)}))})))))}static get watchers(){return{columns:[{handleColumnsChange:0}]}}static get style(){return'sd-thead{display:contents}sd-thead *{box-sizing:border-box}.thead{display:table-header-group;height:var(--table-header-height, 36px)}.thead--sticky{position:sticky;top:0;z-index:120}.tr{display:table-row;width:100%}.th{display:table-cell;background:var(--table-header-bg, #F5FAFF);height:var(--table-header-height, 36px);padding:0 var(--table-header-padding-x, 16px);font-family:var(--table-header-font-family, inherit);font-weight:var(--table-header-font-weight, 500);font-size:var(--table-header-font-size, 12px);line-height:var(--table-header-line-height, 20px);text-decoration:var(--table-header-text-decoration, none);vertical-align:middle;border-bottom:var(--table-border-width, 1px) solid var(--table-border-color, #E1E1E1);-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:keep-all}.th--selected{position:relative;width:52px !important;max-width:52px !important;min-width:52px !important;padding:0 10px 0 24px;text-align:left}.th--selected sd-checkbox label{position:relative}.th--selected sd-checkbox label:before{content:"";position:absolute;inset:-6px}.th.sticky-left{position:sticky;background-color:var(--table-header-bg, #F5FAFF);z-index:110 !important;left:var(--sticky-left-offset, 0)}.th.sticky-right{position:sticky;background-color:var(--table-header-bg, #F5FAFF);z-index:110 !important;right:var(--sticky-right-offset, 0)}.th.sticky-left-edge:after{content:"";position:absolute;top:0;left:100%;right:-20px;width:20px;height:100%;z-index:101 !important;box-shadow:inset 12px 0 20px -25px;opacity:0;pointer-events:none;transition:opacity 0.2s}.th.sticky-right-edge:after{content:"";position:absolute;top:0;left:-20px;width:20px;height:100%;z-index:101 !important;box-shadow:inset -12px 0 20px -25px;opacity:0;pointer-events:none;transition:opacity 0.2s}.th.sticky-left-edge.is-scrolled-left{overflow:visible}.th.sticky-left-edge.is-scrolled-left:after{opacity:1}.th.sticky-right-edge.is-scrolled-right{overflow:visible}.th.sticky-right-edge.is-scrolled-right:after{opacity:1}.th__content{display:flex;flex-flow:row nowrap;align-items:center;gap:var(--table-header-gap, 4px)}.th__content--left{justify-content:flex-start}.th__content--center{justify-content:center}.th__content--right{justify-content:flex-end}.th__content--label{white-space:nowrap;text-overflow:ellipsis;word-break:keep-all}.th__resizer{position:absolute;top:50%;right:0;transform:translateY(-50%);width:4px;height:var(--table-header-resizer-height, 16px);cursor:col-resize;z-index:3;border-left:var(--table-border-width, 1px) solid var(--table-header-resizer-color, #CCCCCC);border-right:var(--table-border-width, 1px) solid var(--table-header-resizer-color, #CCCCCC)}.th__resizer--left{right:auto;left:0}'}},[512,"sd-thead",{columns:[16],selectable:[4],resizable:[4],stickyColumn:[16],stickyHeader:[4,"sticky-header"],scrolledLeft:[4,"scrolled-left"],scrolledRight:[4,"scrolled-right"],rows:[16],columnWidths:[1040],tableId:[32],_columns:[32],_selectable:[32],_resizable:[32],_stickyColumn:[32],_stickyHeader:[32],_scrolledLeft:[32],_scrolledRight:[32],refreshConfig:[64],setColumnWidths:[64],refreshSelection:[64]},void 0,{columns:[{handleColumnsChange:0}]}]);function k(){"undefined"!=typeof customElements&&["sd-thead","sd-button","sd-checkbox","sd-floating-portal","sd-icon","sd-tooltip"].forEach((t=>{switch(t){case"sd-thead":customElements.get(l(t))||customElements.define(l(t),x);break;case"sd-button":customElements.get(l(t))||f();break;case"sd-checkbox":customElements.get(l(t))||y();break;case"sd-floating-portal":customElements.get(l(t))||g();break;case"sd-icon":customElements.get(l(t))||u();break;case"sd-tooltip":customElements.get(l(t))||m()}}))}export{x as S,k as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as a}from"./p-DQFHAKL_.js";import{s as o}from"./p-GBlVDmy4.js";const t={height:a.table.header.height,paddingX:a.table.header.paddingX,gap:a.table.header.gap},i={fontFamily:a.table.header.typography.fontFamily,fontWeight:a.table.header.typography.fontWeight,fontSize:a.table.header.typography.fontSize,lineHeight:a.table.header.typography.lineHeight,textDecoration:a.table.header.typography.textDecoration},e={bg:a.table.header.bg},n={color:a.table.header.resizingBar.color,height:a.table.header.resizingBar.height},r={default:{height:a.table.body.default.height,paddingY:a.table.body.default.paddingY},dense:{height:a.table.body.dense.height,paddingY:a.table.body.dense.paddingY},paddingX:a.table.body.paddingX,framePadding:a.table.body.frame.padding},s={fontFamily:a.table.body.typography.fontFamily,fontWeight:a.table.body.typography.fontWeight,fontSize:a.table.body.typography.fontSize,lineHeight:a.table.body.typography.lineHeight,textDecoration:a.table.body.typography.textDecoration},d={color:a.table.border.color,width:a.table.border.width},g={color:a.table.separator.color,width:a.table.separator.Width},p=a.table.radius,h={pageEdit:o.color.darkblue.strong,arrowDown:o.color.darkblue.strong,arrowUp:o.color.darkblue.strong,updown:o.color.grey.strong,pageMove:o.color.darkblue.strong,star:o.color.blue.strong},f=(a,o)=>o??h[a],w=a=>"asc"===a?"arrowDown":"desc"===a?"arrowUp":"updown";export{r as T,s as a,d as b,p as c,w as d,n as e,i as f,e as g,t as h,g as i,f as r}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{S as
|
|
1
|
+
import{S as o,d as s}from"./p-CETxX4-M.js";const p=o,r=s;export{p as SdCalendar,r as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{S as o,d as
|
|
1
|
+
import{S as o,d as r}from"./p-BDVrZ5mV.js";const s=o,m=r;export{s as SdDatePicker,m as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,H as t,c as s,h as a,t as d}from"./p-BjkROjjt.js";import{s as l}from"./p-GBlVDmy4.js";import{t as r}from"./p-BnfUIhUj.js";import{d as i}from"./p-VuxN5d2D.js";import{d as o}from"./p-WAsath62.js";import{d as n}from"./p-INdVvadB.js";import{d as u}from"./p-BkWaPXXj.js";import{d as c}from"./p-JlZdKw4C.js";import{d as k}from"./p-Cx_d5vsS.js";import{d as b}from"./p-BFC3Etk2.js";import{d as p}from"./p-CpgTSxf0.js";import{d as v}from"./p-xX3QT-8K.js";import{d as m}from"./p-CIUE4qr7.js";import{d as h}from"./p-D7nYP2a4.js";import{d as y}from"./p-BSfu4DO2.js";import{d as f}from"./p-BRk9YZBe.js";import{d as g}from"./p-Bs1Z5QtN.js";import{d as _}from"./p-DlREBZ-C.js";import{d as x}from"./p-FKKk7Bk8.js";import{d as w}from"./p-wOAxmZ1V.js";import{d as j}from"./p-t161LJqb.js";import{d as E}from"./p-C3fqSH7A.js";import{d as S}from"./p-Da5i_Sa6.js";import{d as N}from"./p-CLxVZFEG.js";import{d as B}from"./p-oyZgWRnC.js";import{d as C}from"./p-X-8I-A3g.js";import{d as z}from"./p-Z5Vk33zf.js";const F=r.table,U=Number(F.keyValue.height),q=Number(F.radius),D=Number(F.body.paddingX),T=Number(F.keyValue.body.padding),Z=Number(F.header.gap),A=Number(F.content.gap),I=Number(F.border.width),V=Number(F.keyValue.search.paddingX),L={border:F.border.color,thBg:F.header.bg,thLabel:l.color.fg.primary,required:l.color.fg.accent,helpIcon:l.color.fg.success,tdBg:l.color.bg.frame,tdText:l.color.fg.primary,searchBg:F.keyValue.search.bg},W={labelFontFamily:F.header.typography.fontFamily,labelFontSize:Number(F.header.typography.fontSize),labelFontWeight:Number(F.header.typography.fontWeight),labelLineHeight:Number(F.header.typography.lineHeight),tdFontFamily:F.body.typography.fontFamily,tdFontSize:Number(F.body.typography.fontSize),tdFontWeight:Number(F.body.typography.fontWeight),tdLineHeight:Number(F.body.typography.lineHeight)},$=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.change=s(this,"sdChange",7),this.searchEvent=s(this,"sdSearch",7)}fields=[];search=!1;useTop=!1;change;searchEvent;emit=(e,t)=>{this.change.emit({name:e,value:t})};handleSearchClick=()=>{this.searchEvent.emit()};renderField(e){const t=t=>this.emit(e.name,t.detail);switch(e.type){case"input":return a("sd-input",{width:"100%",...e.options??{},onSdUpdate:t});case"textarea":return a("sd-textarea",{width:"100%",...e.options??{},onSdUpdate:t});case"number-input":return a("sd-number-input",{width:"100%",...e.options??{},onSdUpdate:t});case"select":return a("sd-select",{width:"100%",...e.options??{},onSdUpdate:t});case"radio":{const{value:s,direction:d,...l}=e.options??{};return a("sd-radio-group",{...l,value:s,direction:d??"horizontal",onSdUpdate:t})}case"checkbox":{const{value:s,...d}=e.options??{};return a("sd-checkbox",{...d,value:s,onSdUpdate:t})}case"date-picker":return a("sd-date-picker",{width:"100%",...e.options??{},onSdUpdate:t});case"date-range-picker":return a("sd-date-range-picker",{width:"100%",...e.options??{},onSdUpdate:t});case"file-picker":return a("sd-file-picker",{width:"100%",...e.options??{},onSdUpdate:t});default:return a("span",{class:"sd-key-value-table__text"},e.options?.value??"")}}renderHelpIcon(e){return a("span",{class:"sd-key-value-table__help"},a("sd-tooltip",{icon:"helpOutline",iconSize:16,color:L.helpIcon,trigger:"hover"},e))}computeAutoSkipTh(){const e=this.fields.map((e=>e.map((()=>!1))));return this.fields.forEach(((t,s)=>{t.forEach(((t,a)=>{const d=null!=t.thRowSpan&&t.thRowSpan>1?t.thRowSpan:1;if(!(d<=1))for(let t=1;t<d;t++){const d=e[s+t];d&&a<d.length&&(d[a]=!0)}}))})),e}computeMaxCols(e){let t=0;return this.fields.forEach(((s,a)=>{let d=0;s.forEach(((t,s)=>{let l;l=t.hideTh?0:e[a]?.[s]?1:null!=t.thColSpan&&t.thColSpan>1?t.thColSpan:1,d+=l+(null!=t.tdColSpan&&t.tdColSpan>1?t.tdColSpan:1)})),d>t&&(t=d)})),t}renderTh(e,t,s){const d=null!=e.thRowSpan&&e.thRowSpan>1?e.thRowSpan:void 0,l=null!=e.thColSpan&&e.thColSpan>1?e.thColSpan:void 0,r={"sd-key-value-table__th":!0};return"string"==typeof e.thClass?r[e.thClass]=!0:Array.isArray(e.thClass)&&e.thClass.forEach((e=>r[e]=!0)),a("th",{key:`th-${t}-${s}`,class:r,style:e.thStyle,scope:"row",rowSpan:d,colSpan:l},a("div",{class:"sd-key-value-table__th-inner"},a("span",{class:"sd-key-value-table__label"},e.label,e.required&&a("sd-icon",{class:"sd-key-value-table__required",name:"star",size:12,color:L.required,label:"required"})),e.helpText&&this.renderHelpIcon(e.helpText)))}renderTd(e,t,s){return a("td",{key:`td-${t}-${s}`,class:"sd-key-value-table__td",rowSpan:null!=e.tdRowSpan&&e.tdRowSpan>1?e.tdRowSpan:void 0,colSpan:null!=e.tdColSpan&&e.tdColSpan>1?e.tdColSpan:void 0},a("div",{class:"sd-key-value-table__td-inner"},a("slot",{name:"field-"+e.name},this.renderField(e))))}warnDuplicateNames(){const e=new Set,t=new Set;this.fields.forEach((s=>s.forEach((s=>{e.has(s.name)?t.add(s.name):e.add(s.name)})))),t.size>0&&console.warn(`[sd-key-value-table] Duplicate field name(s) detected: ${[...t].join(", ")}. Slot names ("field-{name}") and sdChange events rely on unique names.`)}render(){if(0===this.fields.length)return null;const e={"--sd-kvt-row-height":U+"px","--sd-kvt-th-width":"120px","--sd-kvt-radius":q+"px","--sd-kvt-padding-x":D+"px","--sd-kvt-padding-y":T+"px","--sd-kvt-gap":Z+"px","--sd-kvt-label-gap":A+"px","--sd-kvt-border-width":I+"px","--sd-kvt-border-color":L.border,"--sd-kvt-th-bg":L.thBg,"--sd-kvt-th-color":L.thLabel,"--sd-kvt-required-color":L.required,"--sd-kvt-td-bg":L.tdBg,"--sd-kvt-td-color":L.tdText,"--sd-kvt-label-font-family":W.labelFontFamily,"--sd-kvt-label-font-size":W.labelFontSize+"px","--sd-kvt-label-font-weight":""+W.labelFontWeight,"--sd-kvt-label-line-height":W.labelLineHeight+"px","--sd-kvt-td-font-family":W.tdFontFamily,"--sd-kvt-td-font-size":W.tdFontSize+"px","--sd-kvt-td-font-weight":""+W.tdFontWeight,"--sd-kvt-td-line-height":W.tdLineHeight+"px","--sd-kvt-search-bg":L.searchBg,"--sd-kvt-search-padding-x":V+"px"};this.warnDuplicateNames();const t=this.computeAutoSkipTh(),s=this.computeMaxCols(t),d=a("table",{class:{"sd-key-value-table":!0,"sd-key-value-table--use-top":this.useTop},style:e},a("colgroup",null,Array.from({length:s},((e,t)=>a("col",{key:"col-"+t,style:t%2==0?{width:"120px"}:void 0})))),a("tbody",null,this.fields.map(((e,s)=>a("tr",{class:"sd-key-value-table__row",key:"row-"+s},e.map(((e,a)=>[e.hideTh||t[s][a]?null:this.renderTh(e,s,a),this.renderTd(e,s,a)])))))));return this.search?a("div",{class:{"sd-key-value-table__wrapper":!0,"sd-key-value-table__wrapper--use-top":this.useTop},style:e},d,a("div",{class:"sd-key-value-table__search-panel"},a("sd-button",{label:"검색",name:"neutral_outline_md",onSdClick:this.handleSearchClick}))):d}static get style(){return"sd-key-value-table{display:block}sd-key-value-table .sd-key-value-table__wrapper{display:flex;align-items:stretch;width:100%;border:var(--sd-kvt-border-width) solid var(--sd-kvt-border-color);border-radius:var(--sd-kvt-radius);overflow:hidden}sd-key-value-table .sd-key-value-table__wrapper .sd-key-value-table{flex:1 1 auto;border:0;border-radius:0}sd-key-value-table .sd-key-value-table__wrapper.sd-key-value-table__wrapper--use-top{border-top-left-radius:0;border-top-right-radius:0}sd-key-value-table .sd-key-value-table__search-panel{display:flex;align-items:center;justify-content:center;flex:0 0 auto;padding:var(--sd-kvt-padding-y) var(--sd-kvt-search-padding-x);background:var(--sd-kvt-search-bg);border-left:var(--sd-kvt-border-width) solid var(--sd-kvt-border-color)}sd-key-value-table .sd-key-value-table{width:100%;table-layout:fixed;border:var(--sd-kvt-border-width) solid var(--sd-kvt-border-color);border-radius:var(--sd-kvt-radius);border-collapse:separate;border-spacing:0;overflow:hidden}sd-key-value-table .sd-key-value-table.sd-key-value-table--use-top{border-top-left-radius:0;border-top-right-radius:0}sd-key-value-table .sd-key-value-table__th,sd-key-value-table .sd-key-value-table__td{height:var(--sd-kvt-row-height);padding:var(--sd-kvt-padding-y) var(--sd-kvt-padding-x);box-sizing:border-box;vertical-align:middle;text-align:left;font-weight:normal;border-top:var(--sd-kvt-border-width) solid var(--sd-kvt-border-color)}sd-key-value-table .sd-key-value-table tbody>tr:first-child>.sd-key-value-table__th,sd-key-value-table .sd-key-value-table tbody>tr:first-child>.sd-key-value-table__td{border-top:0}sd-key-value-table .sd-key-value-table__th{width:var(--sd-kvt-th-width);background:var(--sd-kvt-th-bg);color:var(--sd-kvt-th-color)}sd-key-value-table .sd-key-value-table__th-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--sd-kvt-gap);width:100%;height:100%}sd-key-value-table .sd-key-value-table__label{display:inline-flex;align-items:center;gap:var(--sd-kvt-label-gap);font-family:var(--sd-kvt-label-font-family);font-size:var(--sd-kvt-label-font-size);font-weight:var(--sd-kvt-label-font-weight);line-height:var(--sd-kvt-label-line-height);color:var(--sd-kvt-th-color)}sd-key-value-table .sd-key-value-table__required{display:inline-flex;align-items:center;flex-shrink:0}sd-key-value-table .sd-key-value-table__help{display:inline-flex;align-items:center;flex-shrink:0}sd-key-value-table .sd-key-value-table__td{background:var(--sd-kvt-td-bg);color:var(--sd-kvt-td-color)}sd-key-value-table .sd-key-value-table__td-inner{display:flex;align-items:center;width:100%;height:100%}sd-key-value-table .sd-key-value-table__td-inner>slot{display:block;flex:1 1 auto;min-width:0}sd-key-value-table .sd-key-value-table__td-inner sd-input,sd-key-value-table .sd-key-value-table__td-inner sd-textarea,sd-key-value-table .sd-key-value-table__td-inner sd-number-input,sd-key-value-table .sd-key-value-table__td-inner sd-select,sd-key-value-table .sd-key-value-table__td-inner sd-date-picker,sd-key-value-table .sd-key-value-table__td-inner sd-date-range-picker,sd-key-value-table .sd-key-value-table__td-inner sd-file-picker{width:100%}sd-key-value-table .sd-key-value-table__text{font-family:var(--sd-kvt-td-font-family);font-size:var(--sd-kvt-td-font-size);font-weight:var(--sd-kvt-td-font-weight);line-height:var(--sd-kvt-td-line-height);color:var(--sd-kvt-td-color)}"}},[772,"sd-key-value-table",{fields:[16],search:[4],useTop:[4,"use-top"]}]),H=$,K=function(){"undefined"!=typeof customElements&&["sd-key-value-table","sd-button","sd-calendar","sd-checkbox","sd-date-picker","sd-date-picker-trigger","sd-date-range-picker","sd-date-range-picker-calendar","sd-field","sd-file-picker","sd-floating-portal","sd-ghost-button","sd-icon","sd-input","sd-number-input","sd-portal","sd-radio","sd-radio-group","sd-select","sd-select-list-item","sd-select-list-item-search","sd-select-listbox","sd-select-trigger","sd-textarea","sd-tooltip"].forEach((e=>{switch(e){case"sd-key-value-table":customElements.get(d(e))||customElements.define(d(e),$);break;case"sd-button":customElements.get(d(e))||i();break;case"sd-calendar":customElements.get(d(e))||o();break;case"sd-checkbox":customElements.get(d(e))||n();break;case"sd-date-picker":customElements.get(d(e))||u();break;case"sd-date-picker-trigger":customElements.get(d(e))||c();break;case"sd-date-range-picker":customElements.get(d(e))||k();break;case"sd-date-range-picker-calendar":customElements.get(d(e))||b();break;case"sd-field":customElements.get(d(e))||p();break;case"sd-file-picker":customElements.get(d(e))||v();break;case"sd-floating-portal":customElements.get(d(e))||m();break;case"sd-ghost-button":customElements.get(d(e))||h();break;case"sd-icon":customElements.get(d(e))||y();break;case"sd-input":customElements.get(d(e))||f();break;case"sd-number-input":customElements.get(d(e))||g();break;case"sd-portal":customElements.get(d(e))||_();break;case"sd-radio":customElements.get(d(e))||x();break;case"sd-radio-group":customElements.get(d(e))||w();break;case"sd-select":customElements.get(d(e))||j();break;case"sd-select-list-item":customElements.get(d(e))||E();break;case"sd-select-list-item-search":customElements.get(d(e))||S();break;case"sd-select-listbox":customElements.get(d(e))||N();break;case"sd-select-trigger":customElements.get(d(e))||B();break;case"sd-textarea":customElements.get(d(e))||C();break;case"sd-tooltip":customElements.get(d(e))||z()}}))};export{H as SdKeyValueTable,K as defineCustomElement}
|
|
1
|
+
import{p as e,H as t,c as s,h as a,t as d}from"./p-BjkROjjt.js";import{s as l}from"./p-GBlVDmy4.js";import{t as r}from"./p-DQFHAKL_.js";import{d as i}from"./p-VuxN5d2D.js";import{d as o}from"./p-CETxX4-M.js";import{d as n}from"./p-INdVvadB.js";import{d as u}from"./p-BDVrZ5mV.js";import{d as c}from"./p-JlZdKw4C.js";import{d as k}from"./p-Cx_d5vsS.js";import{d as b}from"./p-BFC3Etk2.js";import{d as p}from"./p-CpgTSxf0.js";import{d as v}from"./p-xX3QT-8K.js";import{d as m}from"./p-CIUE4qr7.js";import{d as h}from"./p-D7nYP2a4.js";import{d as y}from"./p-BSfu4DO2.js";import{d as f}from"./p-BRk9YZBe.js";import{d as g}from"./p-Bs1Z5QtN.js";import{d as _}from"./p-DlREBZ-C.js";import{d as x}from"./p-FKKk7Bk8.js";import{d as w}from"./p-wOAxmZ1V.js";import{d as E}from"./p-t161LJqb.js";import{d as j}from"./p-C3fqSH7A.js";import{d as S}from"./p-Da5i_Sa6.js";import{d as N}from"./p-CLxVZFEG.js";import{d as C}from"./p-oyZgWRnC.js";import{d as B}from"./p-X-8I-A3g.js";import{d as z}from"./p-Z5Vk33zf.js";const F=r.table,D=Number(F.keyValue.height),U=Number(F.radius),q=Number(F.body.paddingX),T=Number(F.keyValue.body.padding),Z=Number(F.header.gap),V=Number(F.content.gap),A=Number(F.border.width),L=Number(F.keyValue.search.paddingX),H={border:F.border.color,thBg:F.header.bg,thLabel:l.color.fg.primary,required:l.color.fg.accent,helpIcon:l.color.fg.success,tdBg:l.color.bg.frame,tdText:l.color.fg.primary,searchBg:F.keyValue.search.bg},I={labelFontFamily:F.header.typography.fontFamily,labelFontSize:Number(F.header.typography.fontSize),labelFontWeight:Number(F.header.typography.fontWeight),labelLineHeight:Number(F.header.typography.lineHeight),tdFontFamily:F.body.typography.fontFamily,tdFontSize:Number(F.body.typography.fontSize),tdFontWeight:Number(F.body.typography.fontWeight),tdLineHeight:Number(F.body.typography.lineHeight)},K=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.change=s(this,"sdChange",7),this.searchEvent=s(this,"sdSearch",7)}fields=[];search=!1;useTop=!1;change;searchEvent;emit=(e,t)=>{this.change.emit({name:e,value:t})};handleSearchClick=()=>{this.searchEvent.emit()};renderField(e){const t=t=>this.emit(e.name,t.detail);switch(e.type){case"input":return a("sd-input",{width:"100%",...e.options??{},onSdUpdate:t});case"textarea":return a("sd-textarea",{width:"100%",...e.options??{},onSdUpdate:t});case"number-input":return a("sd-number-input",{width:"100%",...e.options??{},onSdUpdate:t});case"select":return a("sd-select",{width:"100%",...e.options??{},onSdUpdate:t});case"radio":{const{value:s,direction:d,...l}=e.options??{};return a("sd-radio-group",{...l,value:s,direction:d??"horizontal",onSdUpdate:t})}case"checkbox":{const{value:s,...d}=e.options??{};return a("sd-checkbox",{...d,value:s,onSdUpdate:t})}case"date-picker":return a("sd-date-picker",{width:"100%",...e.options??{},onSdUpdate:t});case"date-range-picker":return a("sd-date-range-picker",{width:"100%",...e.options??{},onSdUpdate:t});case"file-picker":return a("sd-file-picker",{width:"100%",...e.options??{},onSdUpdate:t});default:return a("span",{class:"sd-key-value-table__text"},e.options?.value??"")}}renderHelpIcon(e){return a("span",{class:"sd-key-value-table__help"},a("sd-tooltip",{icon:"helpOutline",iconSize:16,color:H.helpIcon,trigger:"hover"},e))}computeAutoSkipTh(){const e=this.fields.map((e=>e.map((()=>!1))));return this.fields.forEach(((t,s)=>{t.forEach(((t,a)=>{const d=null!=t.thRowSpan&&t.thRowSpan>1?t.thRowSpan:1;if(!(d<=1))for(let t=1;t<d;t++){const d=e[s+t];d&&a<d.length&&(d[a]=!0)}}))})),e}computeMaxCols(e){let t=0;return this.fields.forEach(((s,a)=>{let d=0;s.forEach(((t,s)=>{let l;l=t.hideTh?0:e[a]?.[s]?1:null!=t.thColSpan&&t.thColSpan>1?t.thColSpan:1,d+=l+(null!=t.tdColSpan&&t.tdColSpan>1?t.tdColSpan:1)})),d>t&&(t=d)})),t}renderTh(e,t,s){const d=null!=e.thRowSpan&&e.thRowSpan>1?e.thRowSpan:void 0,l=null!=e.thColSpan&&e.thColSpan>1?e.thColSpan:void 0,r={"sd-key-value-table__th":!0};return"string"==typeof e.thClass?r[e.thClass]=!0:Array.isArray(e.thClass)&&e.thClass.forEach((e=>r[e]=!0)),a("th",{key:`th-${t}-${s}`,class:r,style:e.thStyle,scope:"row",rowSpan:d,colSpan:l},a("div",{class:"sd-key-value-table__th-inner"},a("span",{class:"sd-key-value-table__label"},e.label,e.required&&a("sd-icon",{class:"sd-key-value-table__required",name:"star",size:12,color:H.required,label:"required"})),e.helpText&&this.renderHelpIcon(e.helpText)))}renderTd(e,t,s){return a("td",{key:`td-${t}-${s}`,class:"sd-key-value-table__td",rowSpan:null!=e.tdRowSpan&&e.tdRowSpan>1?e.tdRowSpan:void 0,colSpan:null!=e.tdColSpan&&e.tdColSpan>1?e.tdColSpan:void 0},a("div",{class:"sd-key-value-table__td-inner"},a("slot",{name:"field-"+e.name},this.renderField(e))))}warnDuplicateNames(){const e=new Set,t=new Set;this.fields.forEach((s=>s.forEach((s=>{e.has(s.name)?t.add(s.name):e.add(s.name)})))),t.size>0&&console.warn(`[sd-key-value-table] Duplicate field name(s) detected: ${[...t].join(", ")}. Slot names ("field-{name}") and sdChange events rely on unique names.`)}render(){if(0===this.fields.length)return null;const e={"--sd-kvt-row-height":D+"px","--sd-kvt-th-width":"120px","--sd-kvt-radius":U+"px","--sd-kvt-padding-x":q+"px","--sd-kvt-padding-y":T+"px","--sd-kvt-gap":Z+"px","--sd-kvt-label-gap":V+"px","--sd-kvt-border-width":A+"px","--sd-kvt-border-color":H.border,"--sd-kvt-th-bg":H.thBg,"--sd-kvt-th-color":H.thLabel,"--sd-kvt-required-color":H.required,"--sd-kvt-td-bg":H.tdBg,"--sd-kvt-td-color":H.tdText,"--sd-kvt-label-font-family":I.labelFontFamily,"--sd-kvt-label-font-size":I.labelFontSize+"px","--sd-kvt-label-font-weight":""+I.labelFontWeight,"--sd-kvt-label-line-height":I.labelLineHeight+"px","--sd-kvt-td-font-family":I.tdFontFamily,"--sd-kvt-td-font-size":I.tdFontSize+"px","--sd-kvt-td-font-weight":""+I.tdFontWeight,"--sd-kvt-td-line-height":I.tdLineHeight+"px","--sd-kvt-search-bg":H.searchBg,"--sd-kvt-search-padding-x":L+"px"};this.warnDuplicateNames();const t=this.computeAutoSkipTh(),s=this.computeMaxCols(t),d=a("table",{class:{"sd-key-value-table":!0,"sd-key-value-table--use-top":this.useTop},style:e},a("colgroup",null,Array.from({length:s},((e,t)=>a("col",{key:"col-"+t,style:t%2==0?{width:"120px"}:void 0})))),a("tbody",null,this.fields.map(((e,s)=>a("tr",{class:"sd-key-value-table__row",key:"row-"+s},e.map(((e,a)=>[e.hideTh||t[s][a]?null:this.renderTh(e,s,a),this.renderTd(e,s,a)])))))));return this.search?a("div",{class:{"sd-key-value-table__wrapper":!0,"sd-key-value-table__wrapper--use-top":this.useTop},style:e},d,a("div",{class:"sd-key-value-table__search-panel"},a("sd-button",{label:"검색",name:"neutral_outline_md",onSdClick:this.handleSearchClick}))):d}static get style(){return"sd-key-value-table{display:block}sd-key-value-table .sd-key-value-table__wrapper{display:flex;align-items:stretch;width:100%;border:var(--sd-kvt-border-width) solid var(--sd-kvt-border-color);border-radius:var(--sd-kvt-radius);overflow:hidden}sd-key-value-table .sd-key-value-table__wrapper .sd-key-value-table{flex:1 1 auto;border:0;border-radius:0}sd-key-value-table .sd-key-value-table__wrapper.sd-key-value-table__wrapper--use-top{border-top-left-radius:0;border-top-right-radius:0}sd-key-value-table .sd-key-value-table__search-panel{display:flex;align-items:center;justify-content:center;flex:0 0 auto;padding:var(--sd-kvt-padding-y) var(--sd-kvt-search-padding-x);background:var(--sd-kvt-search-bg);border-left:var(--sd-kvt-border-width) solid var(--sd-kvt-border-color)}sd-key-value-table .sd-key-value-table{width:100%;table-layout:fixed;border:var(--sd-kvt-border-width) solid var(--sd-kvt-border-color);border-radius:var(--sd-kvt-radius);border-collapse:separate;border-spacing:0;overflow:hidden}sd-key-value-table .sd-key-value-table.sd-key-value-table--use-top{border-top-left-radius:0;border-top-right-radius:0}sd-key-value-table .sd-key-value-table__th,sd-key-value-table .sd-key-value-table__td{height:var(--sd-kvt-row-height);padding:var(--sd-kvt-padding-y) var(--sd-kvt-padding-x);box-sizing:border-box;vertical-align:middle;text-align:left;font-weight:normal;border-top:var(--sd-kvt-border-width) solid var(--sd-kvt-border-color)}sd-key-value-table .sd-key-value-table tbody>tr:first-child>.sd-key-value-table__th,sd-key-value-table .sd-key-value-table tbody>tr:first-child>.sd-key-value-table__td{border-top:0}sd-key-value-table .sd-key-value-table__th{width:var(--sd-kvt-th-width);background:var(--sd-kvt-th-bg);color:var(--sd-kvt-th-color)}sd-key-value-table .sd-key-value-table__th-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--sd-kvt-gap);width:100%;height:100%}sd-key-value-table .sd-key-value-table__label{display:inline-flex;align-items:center;gap:var(--sd-kvt-label-gap);font-family:var(--sd-kvt-label-font-family);font-size:var(--sd-kvt-label-font-size);font-weight:var(--sd-kvt-label-font-weight);line-height:var(--sd-kvt-label-line-height);color:var(--sd-kvt-th-color)}sd-key-value-table .sd-key-value-table__required{display:inline-flex;align-items:center;flex-shrink:0}sd-key-value-table .sd-key-value-table__help{display:inline-flex;align-items:center;flex-shrink:0}sd-key-value-table .sd-key-value-table__td{background:var(--sd-kvt-td-bg);color:var(--sd-kvt-td-color)}sd-key-value-table .sd-key-value-table__td-inner{display:flex;align-items:center;width:100%;height:100%}sd-key-value-table .sd-key-value-table__td-inner>slot{display:block;flex:1 1 auto;min-width:0}sd-key-value-table .sd-key-value-table__td-inner sd-input,sd-key-value-table .sd-key-value-table__td-inner sd-textarea,sd-key-value-table .sd-key-value-table__td-inner sd-number-input,sd-key-value-table .sd-key-value-table__td-inner sd-select,sd-key-value-table .sd-key-value-table__td-inner sd-date-picker,sd-key-value-table .sd-key-value-table__td-inner sd-date-range-picker,sd-key-value-table .sd-key-value-table__td-inner sd-file-picker{width:100%}sd-key-value-table .sd-key-value-table__text{font-family:var(--sd-kvt-td-font-family);font-size:var(--sd-kvt-td-font-size);font-weight:var(--sd-kvt-td-font-weight);line-height:var(--sd-kvt-td-line-height);color:var(--sd-kvt-td-color)}"}},[772,"sd-key-value-table",{fields:[16],search:[4],useTop:[4,"use-top"]}]),$=K,O=function(){"undefined"!=typeof customElements&&["sd-key-value-table","sd-button","sd-calendar","sd-checkbox","sd-date-picker","sd-date-picker-trigger","sd-date-range-picker","sd-date-range-picker-calendar","sd-field","sd-file-picker","sd-floating-portal","sd-ghost-button","sd-icon","sd-input","sd-number-input","sd-portal","sd-radio","sd-radio-group","sd-select","sd-select-list-item","sd-select-list-item-search","sd-select-listbox","sd-select-trigger","sd-textarea","sd-tooltip"].forEach((e=>{switch(e){case"sd-key-value-table":customElements.get(d(e))||customElements.define(d(e),K);break;case"sd-button":customElements.get(d(e))||i();break;case"sd-calendar":customElements.get(d(e))||o();break;case"sd-checkbox":customElements.get(d(e))||n();break;case"sd-date-picker":customElements.get(d(e))||u();break;case"sd-date-picker-trigger":customElements.get(d(e))||c();break;case"sd-date-range-picker":customElements.get(d(e))||k();break;case"sd-date-range-picker-calendar":customElements.get(d(e))||b();break;case"sd-field":customElements.get(d(e))||p();break;case"sd-file-picker":customElements.get(d(e))||v();break;case"sd-floating-portal":customElements.get(d(e))||m();break;case"sd-ghost-button":customElements.get(d(e))||h();break;case"sd-icon":customElements.get(d(e))||y();break;case"sd-input":customElements.get(d(e))||f();break;case"sd-number-input":customElements.get(d(e))||g();break;case"sd-portal":customElements.get(d(e))||_();break;case"sd-radio":customElements.get(d(e))||x();break;case"sd-radio-group":customElements.get(d(e))||w();break;case"sd-select":customElements.get(d(e))||E();break;case"sd-select-list-item":customElements.get(d(e))||j();break;case"sd-select-list-item-search":customElements.get(d(e))||S();break;case"sd-select-listbox":customElements.get(d(e))||N();break;case"sd-select-trigger":customElements.get(d(e))||C();break;case"sd-textarea":customElements.get(d(e))||B();break;case"sd-tooltip":customElements.get(d(e))||z()}}))};export{$ as SdKeyValueTable,O as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,H as e,c as s,e as i,f as a,h as n,d as h,t as r}from"./p-BjkROjjt.js";import{T as o}from"./p-sZMi_32I.js";import{T as l,a as d,b as c,c as u}from"./p-mmdt-WnS.js";import{d as b}from"./p-VuxN5d2D.js";import{d as g}from"./p-INdVvadB.js";import{d as f}from"./p-kSfaCwf1.js";import{d as p}from"./p-CpgTSxf0.js";import{d as m}from"./p-CIUE4qr7.js";import{d as y}from"./p-BSfu4DO2.js";import{d as w}from"./p-BeBiPTbd.js";import{d as C}from"./p-DlREBZ-C.js";import{d as S}from"./p-t161LJqb.js";import{d as v}from"./p-C3fqSH7A.js";import{d as k}from"./p-Da5i_Sa6.js";import{d as x}from"./p-CLxVZFEG.js";import{d as R}from"./p-oyZgWRnC.js";import{d as _}from"./p-BRxXhFqt.js";import{d as P}from"./p-CPuyhF6g.js";import{d as E}from"./p-Z5Vk33zf.js";import{d as M}from"./p-B8o25hOw.js";let I=(t=21)=>{let e="",s=crypto.getRandomValues(new Uint8Array(t|=0));for(;t--;)e+="useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict"[63&s[t]];return e};const A=t(class t extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.sdSelectChange=s(this,"sdSelectChange",7),this.sdPageChange=s(this,"sdPageChange",7),this.sdRowsPerPageChange=s(this,"sdRowsPerPageChange",7),this.sdVirtualUpdate=s(this,"sdVirtualUpdate",7),this.sdVirtualReachEnd=s(this,"sdVirtualReachEnd",7)}static DEFAULT_NO_DATA_LABEL="데이터가 없습니다.";get el(){return this}tableId=I(8);fallbackTableId=I(8);columns=[];rows;selected=[];rowKey="id";selectable=!1;resizable=!1;width;height;stickyHeader=!1;stickyColumn={left:0,right:0};radius="default";noDataLabel=t.DEFAULT_NO_DATA_LABEL;resolvedNoDataLabel=t.DEFAULT_NO_DATA_LABEL;isLoading=!1;pagination;useInternalPagination=!1;useRowsPerPageSelect=!1;dense=!1;useVirtualScroll=!1;rowHeight;get effectiveRowHeight(){return null!=this.rowHeight?this.rowHeight:Number(this.dense?l.dense.height:l.default.height)}virtualBuffer=5;virtualEndThreshold=10;rowsPerPageOption=[{label:"10개씩 보기",value:10},{label:"25개씩 보기",value:25},{label:"50개씩 보기",value:50},{label:"100개씩 보기",value:100}];sdSelectChange;sdPageChange;sdRowsPerPageChange;sdVirtualUpdate;sdVirtualReachEnd;currentPage=1;innerRowsPerPage=10;innerSelected=new Set;columnWidths=[];scrolledLeft=!1;scrolledRight=!1;rowCount=0;loadingScrollTop=0;noDataBodyHeight=60;autoThead=!1;autoTbody=!1;vsStart=0;vsEnd=0;lastReachEndNotifiedRowCount=-1;scrollContainer=null;noDataContentEl=null;noDataContentResizeObserver;onScroll;spanRegistry=new Map;useFrameRegistry=new Map;cellClassRegistry=new Map;separatorPrevIndices=new Set;rowIndexMap=new Map;rebuildRowIndexMap(){if(this.rowIndexMap.clear(),!Array.isArray(this.rows))return;const t=this.rowKey;this.rows.forEach(((e,s)=>{const i=e?.[t];null!=i&&this.rowIndexMap.set(i+"",s)}))}resolveRowIndex(t){const e=this.rowIndexMap.get(t);if(void 0!==e)return e;const s=Number(t);return Number.isFinite(s)?s:null}toFiniteNumber(t,e){const s="number"==typeof t?t:Number(t);return Number.isFinite(s)?s:e}isRowsPerPageValue(t){return null===t||"string"==typeof t||"number"==typeof t}isValidTableId(t){return"string"==typeof t&&t.trim().length>0&&"undefined"!==t&&"null"!==t}getResolvedTableId(){if(this.isValidTableId(this.tableId))return this.tableId;const t=this.el?.getAttribute(o);return this.isValidTableId(t)?t:this.fallbackTableId}syncTableIdAttribute(){const t=this.getResolvedTableId();this.el?.getAttribute(o)!==t&&this.el.setAttribute(o,t)}handleIsLoadingChange(t){t&&(this.loadingScrollTop=this.scrollContainer?.scrollTop??0),this.syncNoDataContentObserver()}handleUseVirtualScrollChange(t){t&&i((()=>this.propagateVirtualUpdate()))}handleColumnsChange(t){this.columnWidths=t.map((t=>t.autoWidth?0:parseInt(t.width||"120",10))),this.refreshChildrenConfig()}handleRowsChange(t){Array.isArray(t)&&(this.rowCount=t.length,this.rebuildRowIndexMap(),this.useVirtualScroll&&this.propagateVirtualUpdate(!0),this.pushRowsToChildren(t),this.syncNoDataContentObserver())}handleRowKeyChange(){this.rebuildRowIndexMap()}handleTableIdChange(){this.syncTableIdAttribute()}handleNoDataLabelChange(e){this.resolvedNoDataLabel="string"==typeof e&&e.trim().length>0&&"undefined"!==e&&"null"!==e?e:t.DEFAULT_NO_DATA_LABEL}handleConfigChange(){this.refreshChildrenConfig()}handleSelectedChange(t){this.innerSelected=new Set(t)}handlePaginationChange(t){null!=t?.page&&t.page!==this.currentPage&&(this.currentPage=t.page),null!=t?.rowsPerPage&&t.rowsPerPage!==this.innerRowsPerPage&&(this.innerRowsPerPage=t.rowsPerPage)}detectChildren(){const t=!!this.el.querySelector(":scope > sd-thead"),e=!!this.el.querySelector(":scope > sd-tbody");this.autoThead=!t,this.autoTbody=!e}componentWillLoad(){this.syncTableIdAttribute(),this.handleNoDataLabelChange(this.noDataLabel),this.detectChildren(),this.innerSelected=new Set(this.selected||[]),this.columnWidths=(this.columns||[]).map((t=>t.autoWidth?0:parseInt(t.width||"120",10))),this.rebuildRowIndexMap(),null!=this.pagination?.page&&(this.currentPage=this.pagination.page),null!=this.pagination?.rowsPerPage&&(this.innerRowsPerPage=this.pagination.rowsPerPage);const t=this.el;t.isRowSelectedSync=this.isRowSelectedSync.bind(this),t.updateRowSelectSync=this.updateRowSelectSync.bind(this),t.toggleSelectAllSync=this.toggleSelectAllSync.bind(this),t.getIsAllCheckedSync=this.getIsAllCheckedSync.bind(this),t.getStickyStyleSync=this.getStickyStyleSync.bind(this),t.setRowCountSync=this.setRowCountSync.bind(this),t.handleResize=this.handleResize.bind(this),t.getPaginationInfoSync=this.getPaginationInfoSync.bind(this),t.getVirtualScrollRangeSync=this.getVirtualScrollRangeSync.bind(this),t.getConfigSync=this.getConfigSync.bind(this),t.getTableIdSync=()=>this.getResolvedTableId(),t.getVirtualScrollConfigSync=this.getVirtualScrollConfigSync.bind(this),t.calculateVisibleRange=this.calculateVisibleRange.bind(this),t.registerSpanSync=this.registerSpanSync.bind(this),t.unregisterSpanSync=this.unregisterSpanSync.bind(this),t.getSpanSync=this.getSpanSync.bind(this),t.isCoveredSync=this.isCoveredSync.bind(this),t.isVisualLastRowSync=this.isVisualLastRowSync.bind(this),t.registerSeparatorSync=this.registerSeparatorSync.bind(this),t.unregisterSeparatorSync=this.unregisterSeparatorSync.bind(this),t.isVisualLastRowBeforeSeparatorSync=this.isVisualLastRowBeforeSeparatorSync.bind(this),t.hasRowspanSync=this.hasRowspanSync.bind(this),t.registerCellClassSync=this.registerCellClassSync.bind(this),t.unregisterCellClassSync=this.unregisterCellClassSync.bind(this),t.getCellClassSync=this.getCellClassSync.bind(this),t.registerUseFrameSync=this.registerUseFrameSync.bind(this),t.unregisterUseFrameSync=this.unregisterUseFrameSync.bind(this),t.hasUseFrameInRowSync=this.hasUseFrameInRowSync.bind(this),Array.isArray(this.rows)&&(this.rowCount=this.rows.length,this.pushRowsToChildren(this.rows))}componentDidLoad(){Array.isArray(this.rows)&&this.pushRowsToChildren(this.rows),i((()=>{const t=this.el.shadowRoot?.querySelector(".sd-table__scroll-container");if(!t)return;let e=!1;this.onScroll=()=>{const s=t.scrollLeft,i=s>0,a=s+t.clientWidth<t.scrollWidth;this.scrolledLeft===i&&this.scrolledRight===a||(this.scrolledLeft=i,this.scrolledRight=a,this.refreshChildrenConfig()),this.useVirtualScroll&&!e&&(e=!0,requestAnimationFrame((()=>{e=!1,this.propagateVirtualUpdate()})))},this.scrollContainer=t,t.addEventListener("scroll",this.onScroll,{passive:!0}),this.onScroll(),this.useVirtualScroll&&this.propagateVirtualUpdate()})),this.syncNoDataContentObserver()}disconnectedCallback(){this.scrollContainer&&this.onScroll&&this.scrollContainer.removeEventListener("scroll",this.onScroll),this.noDataContentResizeObserver?.disconnect(),this.noDataContentResizeObserver=void 0}syncNoDataContentObserver(){if(0!==this.rowCount||this.isLoading)return this.noDataContentResizeObserver?.disconnect(),this.noDataContentResizeObserver=void 0,void(this.noDataBodyHeight=60);this.observeNoDataContentHeight()}observeNoDataContentHeight(){if("undefined"==typeof ResizeObserver)return;const t=this.noDataContentEl;t&&(this.noDataContentResizeObserver?.disconnect(),this.noDataContentResizeObserver=new ResizeObserver((()=>{const e=Math.max(60,Math.ceil(t.scrollHeight));e!==this.noDataBodyHeight&&(this.noDataBodyHeight=e)})),this.noDataContentResizeObserver.observe(t),this.noDataBodyHeight=Math.max(60,Math.ceil(t.scrollHeight)))}queryChildEl(t){return this.el.querySelector(t)??this.el.shadowRoot?.querySelector(t)??null}queryAllTr(){return[...Array.from(this.el.querySelectorAll("sd-tr")),...Array.from(this.el.shadowRoot?.querySelectorAll("sd-tr")??[])]}pushRowsToChildren(t){const e=this.queryChildEl("sd-tbody");e&&(e.rows=t);const s=this.queryChildEl("sd-thead");s&&(s.rows=t)}handleStructureSlotChange=()=>{Array.isArray(this.rows)&&this.pushRowsToChildren(this.rows),this.refreshChildrenConfig()};refreshChildrenSelection(){const t=this.queryChildEl("sd-thead");t?.refreshSelection?.(),this.queryAllTr().forEach((t=>t?.refreshSelection?.()))}refreshChildrenConfig(){const t=this.queryChildEl("sd-thead");t?.refreshConfig?.(),this.queryAllTr().forEach((t=>t?.refreshConfig?.()))}maybeEmitVirtualReachEnd(t,e){const s=Math.max(1,this.virtualEndThreshold);e>=Math.max(0,this.rowCount-s)&&this.lastReachEndNotifiedRowCount!==this.rowCount&&(this.lastReachEndNotifiedRowCount=this.rowCount,this.sdVirtualReachEnd.emit({from:t,to:e,rowCount:this.rowCount,threshold:s}))}propagateVirtualUpdate(t=!1){if(!this.scrollContainer||!this.useVirtualScroll)return;const e=this.toFiniteNumber(this.scrollContainer.scrollTop,0),s=this.toFiniteNumber(this.scrollContainer.clientHeight,0),{start:i,end:a}=this.calculateVisibleRange(e,s);if(!Number.isFinite(i)||!Number.isFinite(a))return;const n=this.vsStart!==i||this.vsEnd!==a;if(!n&&!t)return;this.vsStart=i,this.vsEnd=a;const h=i*this.effectiveRowHeight,r=Math.max(0,(this.rowCount-a)*this.effectiveRowHeight),o=this.queryChildEl("sd-tbody");o?.setSpacersSync?.(h,r),n&&this.sdVirtualUpdate.emit({from:i,to:a}),this.maybeEmitVirtualReachEnd(i,a)}getVirtualScrollConfigSync(){return{useVirtualScroll:this.useVirtualScroll,rowHeight:this.effectiveRowHeight,virtualBuffer:this.virtualBuffer,vsStart:this.vsStart,vsEnd:this.vsEnd,rowCount:this.rowCount}}getConfigSync(){return{columns:this.columns,selectable:this.selectable,resizable:this.resizable,stickyColumn:this.stickyColumn,stickyHeader:this.stickyHeader,scrolledLeft:this.scrolledLeft,scrolledRight:this.scrolledRight,columnWidths:this.columnWidths,dense:this.dense}}registerUseFrameSync(t,e){if(null==t||""===e)return;let s=this.useFrameRegistry.get(t);s||(s=new Set,this.useFrameRegistry.set(t,s)),s.add(e)}unregisterUseFrameSync(t,e){if(null==t||""===e)return;const s=this.useFrameRegistry.get(t);s&&(s.delete(e),0===s.size&&this.useFrameRegistry.delete(t))}hasUseFrameInRowSync(t){const e=this.useFrameRegistry.get(t);return null!=e&&e.size>0}isRowSelectedSync(t){return Array.from(this.innerSelected).some((e=>e[this.rowKey??"id"]===t[this.rowKey??"id"]))}async isRowSelected(t){return this.isRowSelectedSync(t)}updateRowSelectSync(t){const e=Array.from(this.innerSelected),s=this.isRowSelectedSync(t)?e.filter((e=>e[this.rowKey??"id"]!==t[this.rowKey??"id"])):[...e,t];s.length!==e.length&&(this.innerSelected=new Set(s),this.selected=Array.from(this.innerSelected),this.sdSelectChange.emit(Array.from(this.innerSelected)),this.refreshChildrenSelection())}async updateRowSelect(t){this.updateRowSelectSync(t)}toggleSelectAllSync(t,e){if(t){const t=new Set([...e]);this.innerSelected=new Set([...this.innerSelected,...t])}else{const t=e.map((t=>t[this.rowKey??"id"]));this.innerSelected=new Set([...this.innerSelected].filter((e=>!t.includes(e[this.rowKey??"id"]))))}this.selected=Array.from(this.innerSelected),this.sdSelectChange.emit(Array.from(this.innerSelected)),this.refreshChildrenSelection()}async toggleSelectAll(t,e){this.toggleSelectAllSync(t,e)}getIsAllCheckedSync(t){const e=t.length,s=t.filter((t=>Array.from(this.innerSelected).some((e=>e[this.rowKey??"id"]===t[this.rowKey??"id"])))).length;return 0!==s&&(s===e||null)}async getIsAllChecked(t){return this.getIsAllCheckedSync(t)}changePage(t){this.useInternalPagination?(this.currentPage=t,this.sdPageChange.emit(this.currentPage),this.updateRowsVisibility()):this.sdPageChange.emit(t)}updateRowsVisibility(){this.queryAllTr().forEach((t=>t?.updateVisibility?.()))}changeRowsPerPage(t){const e=null!=t&&""!==t?Number(t):0;if(!this.useInternalPagination)return void this.sdRowsPerPageChange.emit(e);this.innerRowsPerPage=e;const s=Math.max(1,Math.ceil(this.rowCount/e));this.currentPage>s&&(this.currentPage=s),this.sdRowsPerPageChange.emit(e),this.updateRowsVisibility()}get lastPageNumber(){if(this.useInternalPagination)return Math.max(1,Math.ceil(this.rowCount/this.innerRowsPerPage));const{lastPage:t,rowsPerPage:e=10}=this.pagination||{};return t??Math.max(1,Math.ceil(this.rowCount/e))}handleResize(t,e,s=!1){if("undefined"==typeof document)return;const i=e.clientX,a=this.columnWidths[t],n=e=>{const n=this.columns[t];if(null==n)return;const h=n.maxWidth||9999,r=e.clientX-i,o=Math.min(Math.max(a+(s?-r:r),n.minWidth||50),h);this.columnWidths=this.columnWidths.map(((e,s)=>s===t?o:e));const l=this.queryChildEl("sd-thead");l?.setColumnWidths?.(this.columnWidths),this.queryAllTr().forEach((t=>t?.setColumnWidths?.(this.columnWidths)));const d=this.stickyColumn?.right||0,c=this.columns.filter((t=>!1!==t.visible)).length;d>0&&t===c-d&&requestAnimationFrame((()=>{this.onScroll?.()}))},h=()=>{document.removeEventListener("mousemove",n),document.removeEventListener("mouseup",h)};document.addEventListener("mousemove",n),document.addEventListener("mouseup",h)}getStickyStyleSync(t){const e=this.columnWidths.slice(0,t).reduce(((t,e)=>t+e),this.selectable?52:0),s=this.columnWidths.filter(((e,s)=>s>=this.columns.filter((t=>!1!==t.visible)).length-(this.stickyColumn?.right||0)&&s>t)).reduce(((t,e)=>t+e),0),i=this.columns.filter((t=>!1!==t.visible))[t],a={"--sticky-left-offset":e+"px","--sticky-right-offset":s+"px"};return i?.autoWidth||(a.width=this.columnWidths[t]+"px",a.minWidth=this.columnWidths[t]+"px",a.maxWidth=this.columnWidths[t]+"px"),a}async getStickyStyle(t){return this.getStickyStyleSync(t)}spanKey(t,e){return`${t}::${e}`}requestAllTrUpdate(){this.queryAllTr().forEach((t=>{"function"==typeof t.bumpSpansVersion?t.bumpSpansVersion():a(t)}))}registerSpanSync(t,e,s,i){if(null==t||""===e)return;const a=Math.max(1,Math.floor(s||1)),n=Math.max(1,Math.floor(i||1)),h=this.spanKey(t,e),r=this.spanRegistry.get(h);if(1===a&&1===n){if(!r)return;return this.spanRegistry.delete(h),void this.requestAllTrUpdate()}r&&r.rowspan===a&&r.colspan===n||(this.spanRegistry.set(h,{rowspan:a,colspan:n}),this.requestAllTrUpdate())}unregisterSpanSync(t,e){if(null==t||""===e)return;const s=this.spanKey(t,e);this.spanRegistry.has(s)&&(this.spanRegistry.delete(s),this.requestAllTrUpdate())}getSpanSync(t,e){return this.spanRegistry.get(this.spanKey(t,e))}registerCellClassSync(t,e,s){if(null==t||""===e)return;const i=this.spanKey(t,e),a=(s??"").trim();""!==a?this.cellClassRegistry.set(i,a):this.cellClassRegistry.delete(i)}unregisterCellClassSync(t,e){null!=t&&""!==e&&this.cellClassRegistry.delete(this.spanKey(t,e))}getCellClassSync(t,e){return this.cellClassRegistry.get(this.spanKey(t,e))}hasRowspanSync(){for(const t of this.spanRegistry.values())if(t.rowspan>1)return!0;return!1}isCoveredSync(t,e,s){if(0===this.spanRegistry.size)return!1;const i=s.filter((t=>!1!==t.visible));for(let s=0;s<e;s++){const a=i[s];if(null==a)continue;const n=this.spanRegistry.get(this.spanKey(t,"string"==typeof a.field?a.field:a.name));if(n&&s+n.colspan>e)return!0}const a=this.resolveRowIndex(t);if(null==a)return!1;for(const[t,s]of this.spanRegistry){if(s.rowspan<=1)continue;const n=t.indexOf("::");if(n<0)continue;const h=t.slice(0,n),r=t.slice(n+2),o=this.resolveRowIndex(h);if(null==o)continue;if(o>=a)continue;if(o+s.rowspan<=a)continue;const l=i.findIndex((t=>("string"==typeof t.field?t.field:t.name)===r));if(!(l<0)&&l<=e&&l+s.colspan>e)return!0}return!1}resolveVisualBottom(t,e){const s=this.resolveRowIndex(t);if(null==s)return null;const i=this.spanRegistry.get(this.spanKey(t,e));return s+Math.max(1,i?.rowspan??1)-1}isVisualLastRowSync(t,e){if(this.rowCount<=0)return!1;const s=this.resolveVisualBottom(t,e);if(null==s)return!1;const i=this.getPaginationInfoSync();return s===(i?Math.min(i.endIndex-1,this.rowCount-1):this.rowCount-1)}registerSeparatorSync(t){const e=this.resolveRowIndex(t);null!=e&&this.separatorPrevIndices.add(e)}unregisterSeparatorSync(t){const e=this.resolveRowIndex(t);null!=e&&this.separatorPrevIndices.delete(e)}isVisualLastRowBeforeSeparatorSync(t,e){if(0===this.separatorPrevIndices.size)return!1;const s=this.resolveVisualBottom(t,e);return null!=s&&this.separatorPrevIndices.has(s)}setRowCountSync(t){const e=Math.max(0,Math.floor(this.toFiniteNumber(t,0)));e!==this.rowCount&&(this.lastReachEndNotifiedRowCount=-1),this.rowCount=e,this.useVirtualScroll&&this.propagateVirtualUpdate(!0)}async setRowCount(t){this.setRowCountSync(t)}calculateVisibleRange(t,e){const s=Math.max(1,this.toFiniteNumber(this.effectiveRowHeight,40)),i=Math.max(0,Math.floor(this.toFiniteNumber(this.virtualBuffer,5))),a=Math.max(0,this.toFiniteNumber(t,0)),n=Math.max(0,this.toFiniteNumber(e,0)),h=Math.max(0,Math.floor(this.toFiniteNumber(this.rowCount,0))),r=Math.floor(a/s),o=Math.ceil(n/s);return{start:Math.max(0,r-i),end:Math.min(h,r+o+i)}}getPaginationInfoSync(){if(!this.useInternalPagination||!this.pagination)return null;const t=(this.currentPage-1)*this.innerRowsPerPage;return{startIndex:t,endIndex:t+this.innerRowsPerPage,currentPage:this.currentPage,rowsPerPage:this.innerRowsPerPage}}async getPaginationInfo(){return this.getPaginationInfoSync()}getVirtualScrollRangeSync(){return this.useVirtualScroll&&this.vsEnd>0?{from:this.vsStart,to:this.vsEnd}:null}renderAutoRows(){if(this.useVirtualScroll)return null;const t=this.rows??[],e=this.getPaginationInfoSync(),s=e?.startIndex??0;return(e?t.slice(e.startIndex,e.endIndex):t).map(((t,e)=>{const i=s+e;return n("sd-tr",{key:i,"row-key":i+"",row:t})}))}get tableClasses(){return["sd-table",this.stickyHeader&&"sd-table--sticky-header",this.selectable&&"sd-table--selectable",this.resizable&&"sd-table--resizable",(this.selectable||(this.stickyColumn?.left??0)>0||(this.stickyColumn?.right??0)>0)&&"sd-table--sticky-column",this.scrolledLeft&&"sd-table--scrolled-left",this.scrolledRight&&"sd-table--scrolled-right",0===this.rowCount&&!this.isLoading&&"sd-table--no-data"].filter(Boolean).join(" ")}render(){const t=this.getResolvedTableId(),e=0===this.rowCount&&!this.isLoading,s=e?`max(${this.height||"96px"}, ${36+this.noDataBodyHeight}px)`:this.height||"100%";return n(h,{key:"02d716bdac3832710bf58d63741aeeb4b04d434b",style:{"--table-radius":u+"px","--table-border-color":c.color,"--table-border-width":c.width+"px","--table-body-font-family":d.fontFamily,"--table-body-font-weight":d.fontWeight,"--table-body-font-size":d.fontSize+"px","--table-body-line-height":d.lineHeight+"px","--table-body-text-decoration":d.textDecoration}},n("div",{key:"88faad346e032ca727375889aa0552a330f5799a",class:"sd-table__container",style:{"--table-width":this.width,"--table-height":s,"--table-container-height":`calc(${s} - ${this.pagination&&this.rowCount>0&&!this.useVirtualScroll?48:0}px)`}},n("div",{key:"783934f349e0da5bab77cbb44cc12f0dfeb9ec71",class:{"sd-table__wrapper":!0,"sd-table__wrapper--radius-use-top":"useTop"===this.radius}},n("div",{key:"d3a76ad0e853c6adf16df633c0e0b7f5bb580f24",class:{"sd-table__scroll-container":!0,"sd-table__scroll-container--loading":this.isLoading,"sd-table__scroll-container--no-data":e}},this.isLoading&&n("div",{key:"cc77ce58ff0eebf3fc1d7dd9dbf11578f94d4dd1",class:"sd-table__loading",style:{top:this.loadingScrollTop+"px"}},n("sd-circle-progress",{key:"bda7ed774342089a23d13b49a506b04527026275",indeterminate:!0})),e&&n(n.Fragment,null,n("div",{key:"f2ce89d0ae9eefe0f0f8509e477756cb74dbef86",class:"sd-table__no-data-header-overlay"}),n("div",{key:"84d739563123d0f0fc33166b1a6e80021ba06e1c",class:"sd-table__no-data"},n("div",{key:"3507f718a25b79c44fdf283fb41356ab72f2a384",class:"sd-table__no-data-content",ref:t=>{this.noDataContentEl=t,t&&this.syncNoDataContentObserver()}},n("slot",{key:"818129819b2ff4a6f9fc1224dc59a9aa5861296d",name:"no-data"},n("span",{key:"c03cfb713e6dadd5ab4c60d7d27fd502d7aa9348"},this.resolvedNoDataLabel))))),n("table",{key:"8864714a828069985bac6535bc40cbb043dfcb28",class:this.tableClasses},this.autoThead?n("slot",{name:t+"-head",onSlotchange:this.handleStructureSlotChange},n("sd-thead",{rows:this.rows??[]})):n("slot",{name:t+"-head",onSlotchange:this.handleStructureSlotChange}),this.autoTbody?n("slot",{name:t+"-body",onSlotchange:this.handleStructureSlotChange},n("sd-tbody",{rows:this.rows??[]},this.renderAutoRows())):n("slot",{name:t+"-body",onSlotchange:this.handleStructureSlotChange})))),this.pagination&&this.pagination.rowsPerPage>0&&this.rowCount>0&&!this.useVirtualScroll&&n("div",{key:"bdac4b4d551152ec7ee0cdc31bfb992748836928",class:"sd-table__pagination"},n("sd-pagination",{key:"2c60fff7f8ac3a3bd22da2173b8a9187bb686ddf",currentPage:this.useInternalPagination?this.currentPage:this.pagination.page,lastPage:this.useInternalPagination?this.lastPageNumber:this.pagination.lastPage,onSdPageChange:t=>this.changePage(t.detail)}),this.useRowsPerPageSelect&&n("sd-select",{key:"7a662f58e13c15e705341773570f899f503f12c0",value:this.useInternalPagination?this.innerRowsPerPage:this.pagination.rowsPerPage,options:this.rowsPerPageOption,width:"128px",emitValue:!0,onSdUpdate:t=>{this.isRowsPerPageValue(t.detail)&&this.changeRowsPerPage(t.detail)}}))))}static get watchers(){return{isLoading:[{handleIsLoadingChange:0}],useVirtualScroll:[{handleUseVirtualScrollChange:0}],columns:[{handleColumnsChange:0}],rows:[{handleRowsChange:0}],rowKey:[{handleRowKeyChange:0}],tableId:[{handleTableIdChange:0}],noDataLabel:[{handleNoDataLabelChange:0}],selectable:[{handleConfigChange:0}],resizable:[{handleConfigChange:0}],stickyColumn:[{handleConfigChange:0}],stickyHeader:[{handleConfigChange:0}],dense:[{handleConfigChange:0}],selected:[{handleSelectedChange:0}],pagination:[{handlePaginationChange:0}]}}static get style(){return"sd-table,:host{display:block;width:100%;max-width:100%;min-width:0}sd-table *,:host *{box-sizing:border-box}.sd-table__container{height:var(--table-height, 100%);width:var(--table-width, 100%);max-width:100%;min-width:0;color:#222222;display:flex;flex-direction:column}.sd-table__wrapper{width:100%;min-width:0;height:var(--table-container-height, 400px);border:var(--table-border-width, 1px) solid var(--table-border-color, #E1E1E1);border-radius:var(--table-radius, 8px);overflow:hidden}.sd-table__wrapper--radius-use-top{border-radius:0 0 var(--table-radius, 8px) var(--table-radius, 8px)}.sd-table__scroll-container{width:100%;height:100%;display:flex;flex-direction:column;position:relative;font-family:var(--table-body-font-family, inherit);font-weight:var(--table-body-font-weight, 400);font-size:var(--table-body-font-size, 12px);line-height:var(--table-body-line-height, 20px);text-decoration:var(--table-body-text-decoration, none);overflow:auto;background:#FFFFFF}.sd-table__scroll-container--loading{overflow:hidden !important;pointer-events:none}.sd-table__scroll-container--no-data{overflow:hidden;pointer-events:none}.sd-table__no-data{position:absolute;top:36px;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;font-size:var(--table-body-font-size, 12px);color:#888888;pointer-events:none;z-index:200;background:rgba(255, 255, 255, 0.6)}.sd-table__no-data-header-overlay{position:absolute;top:0;left:0;right:0;height:36px;background:rgba(255, 255, 255, 0.6);z-index:210;pointer-events:none}.sd-table__no-data-content{pointer-events:auto;min-height:60px;width:100%;display:flex;align-items:center;justify-content:center}.sd-table__loading{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255, 255, 255, 0.6);z-index:200;display:flex;align-items:center;justify-content:center;pointer-events:none}.sd-table{background-color:white;display:table;width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.sd-table--selectable sd-thead,.sd-table--selectable sd-tbody{--selectable:true}.sd-table--sticky-header sd-thead thead{position:sticky;top:0;z-index:120}.sd-table--sticky-column sd-thead,.sd-table--sticky-column sd-tbody{--sticky-column:true}.sd-table--scrolled-left sd-thead,.sd-table--scrolled-left sd-tbody{--scrolled-left:true}.sd-table--scrolled-right sd-thead,.sd-table--scrolled-right sd-tbody{--scrolled-right:true}.sd-table--resizable sd-thead{--resizable:true}.sd-table--no-data sd-thead{opacity:0.4}.sd-table__pagination{position:relative;background:#F9F9F9;height:48px;display:flex;align-items:center;justify-content:center;border:var(--table-border-width, 1px) solid var(--table-border-color, #E1E1E1);margin-top:-1px;border-radius:var(--table-radius, 8px)}.sd-table__pagination sd-select{position:absolute;right:10px;top:50%;transform:translateY(-50%)}"}},[769,"sd-table",{tableId:[513,"table-id"],columns:[16],rows:[16],selected:[1040],rowKey:[1,"row-key"],selectable:[4],resizable:[4],width:[1],height:[1],stickyHeader:[4,"sticky-header"],stickyColumn:[16],radius:[1],noDataLabel:[1,"no-data-label"],isLoading:[4,"is-loading"],pagination:[16],useInternalPagination:[4,"use-internal-pagination"],useRowsPerPageSelect:[4,"use-rows-per-page-select"],dense:[4],useVirtualScroll:[4,"use-virtual-scroll"],rowHeight:[2,"row-height"],virtualBuffer:[2,"virtual-buffer"],virtualEndThreshold:[2,"virtual-end-threshold"],rowsPerPageOption:[16],resolvedNoDataLabel:[32],currentPage:[32],innerRowsPerPage:[32],innerSelected:[32],columnWidths:[32],scrolledLeft:[32],scrolledRight:[32],rowCount:[32],loadingScrollTop:[32],noDataBodyHeight:[32],autoThead:[32],autoTbody:[32],isRowSelected:[64],updateRowSelect:[64],toggleSelectAll:[64],getIsAllChecked:[64],getStickyStyle:[64],setRowCount:[64],getPaginationInfo:[64]},void 0,{isLoading:[{handleIsLoadingChange:0}],useVirtualScroll:[{handleUseVirtualScrollChange:0}],columns:[{handleColumnsChange:0}],rows:[{handleRowsChange:0}],rowKey:[{handleRowKeyChange:0}],tableId:[{handleTableIdChange:0}],noDataLabel:[{handleNoDataLabelChange:0}],selectable:[{handleConfigChange:0}],resizable:[{handleConfigChange:0}],stickyColumn:[{handleConfigChange:0}],stickyHeader:[{handleConfigChange:0}],dense:[{handleConfigChange:0}],selected:[{handleSelectedChange:0}],pagination:[{handlePaginationChange:0}]}]),L=A,V=function(){"undefined"!=typeof customElements&&["sd-table","sd-button","sd-checkbox","sd-circle-progress","sd-field","sd-floating-portal","sd-icon","sd-pagination","sd-portal","sd-select","sd-select-list-item","sd-select-list-item-search","sd-select-listbox","sd-select-trigger","sd-tbody","sd-thead","sd-tooltip","sd-tr"].forEach((t=>{switch(t){case"sd-table":customElements.get(r(t))||customElements.define(r(t),A);break;case"sd-button":customElements.get(r(t))||b();break;case"sd-checkbox":customElements.get(r(t))||g();break;case"sd-circle-progress":customElements.get(r(t))||f();break;case"sd-field":customElements.get(r(t))||p();break;case"sd-floating-portal":customElements.get(r(t))||m();break;case"sd-icon":customElements.get(r(t))||y();break;case"sd-pagination":customElements.get(r(t))||w();break;case"sd-portal":customElements.get(r(t))||C();break;case"sd-select":customElements.get(r(t))||S();break;case"sd-select-list-item":customElements.get(r(t))||v();break;case"sd-select-list-item-search":customElements.get(r(t))||k();break;case"sd-select-listbox":customElements.get(r(t))||x();break;case"sd-select-trigger":customElements.get(r(t))||R();break;case"sd-tbody":customElements.get(r(t))||_();break;case"sd-thead":customElements.get(r(t))||P();break;case"sd-tooltip":customElements.get(r(t))||E();break;case"sd-tr":customElements.get(r(t))||M()}}))};export{L as SdTable,V as defineCustomElement}
|
|
1
|
+
import{p as t,H as e,c as s,e as i,f as a,h as n,d as h,t as r}from"./p-BjkROjjt.js";import{T as o}from"./p-sZMi_32I.js";import{T as l,a as d,b as c,c as u}from"./p-DykVq5VY.js";import{d as b}from"./p-VuxN5d2D.js";import{d as g}from"./p-INdVvadB.js";import{d as f}from"./p-kSfaCwf1.js";import{d as p}from"./p-CpgTSxf0.js";import{d as y}from"./p-CIUE4qr7.js";import{d as m}from"./p-BSfu4DO2.js";import{d as w}from"./p-BeBiPTbd.js";import{d as C}from"./p-DlREBZ-C.js";import{d as S}from"./p-t161LJqb.js";import{d as v}from"./p-C3fqSH7A.js";import{d as k}from"./p-Da5i_Sa6.js";import{d as x}from"./p-CLxVZFEG.js";import{d as R}from"./p-oyZgWRnC.js";import{d as _}from"./p-BRxXhFqt.js";import{d as P}from"./p-DwgaMhOM.js";import{d as E}from"./p-Z5Vk33zf.js";import{d as M}from"./p-DiP0LJGq.js";let I=(t=21)=>{let e="",s=crypto.getRandomValues(new Uint8Array(t|=0));for(;t--;)e+="useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict"[63&s[t]];return e};const A=t(class t extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.sdSelectChange=s(this,"sdSelectChange",7),this.sdPageChange=s(this,"sdPageChange",7),this.sdRowsPerPageChange=s(this,"sdRowsPerPageChange",7),this.sdVirtualUpdate=s(this,"sdVirtualUpdate",7),this.sdVirtualReachEnd=s(this,"sdVirtualReachEnd",7)}static DEFAULT_NO_DATA_LABEL="데이터가 없습니다.";get el(){return this}tableId=I(8);fallbackTableId=I(8);columns=[];rows;selected=[];rowKey="id";selectable=!1;resizable=!1;width;height;stickyHeader=!1;stickyColumn={left:0,right:0};radius="default";noDataLabel=t.DEFAULT_NO_DATA_LABEL;resolvedNoDataLabel=t.DEFAULT_NO_DATA_LABEL;isLoading=!1;pagination;useInternalPagination=!1;useRowsPerPageSelect=!1;dense=!1;useVirtualScroll=!1;rowHeight;get effectiveRowHeight(){return null!=this.rowHeight?this.rowHeight:Number(this.dense?l.dense.height:l.default.height)}virtualBuffer=5;virtualEndThreshold=10;rowsPerPageOption=[{label:"10개씩 보기",value:10},{label:"25개씩 보기",value:25},{label:"50개씩 보기",value:50},{label:"100개씩 보기",value:100}];sdSelectChange;sdPageChange;sdRowsPerPageChange;sdVirtualUpdate;sdVirtualReachEnd;currentPage=1;innerRowsPerPage=10;innerSelected=new Set;columnWidths=[];scrolledLeft=!1;scrolledRight=!1;rowCount=0;loadingScrollTop=0;noDataBodyHeight=60;autoThead=!1;autoTbody=!1;vsStart=0;vsEnd=0;lastReachEndNotifiedRowCount=-1;scrollContainer=null;noDataContentEl=null;noDataContentResizeObserver;onScroll;spanRegistry=new Map;useFrameRegistry=new Map;cellClassRegistry=new Map;separatorPrevIndices=new Set;rowIndexMap=new Map;rebuildRowIndexMap(){if(this.rowIndexMap.clear(),!Array.isArray(this.rows))return;const t=this.rowKey;this.rows.forEach(((e,s)=>{const i=e?.[t];null!=i&&this.rowIndexMap.set(i+"",s)}))}resolveRowIndex(t){const e=this.rowIndexMap.get(t);if(void 0!==e)return e;const s=Number(t);return Number.isFinite(s)?s:null}toFiniteNumber(t,e){const s="number"==typeof t?t:Number(t);return Number.isFinite(s)?s:e}isRowsPerPageValue(t){return null===t||"string"==typeof t||"number"==typeof t}isValidTableId(t){return"string"==typeof t&&t.trim().length>0&&"undefined"!==t&&"null"!==t}getResolvedTableId(){if(this.isValidTableId(this.tableId))return this.tableId;const t=this.el?.getAttribute(o);return this.isValidTableId(t)?t:this.fallbackTableId}syncTableIdAttribute(){const t=this.getResolvedTableId();this.el?.getAttribute(o)!==t&&this.el.setAttribute(o,t)}handleIsLoadingChange(t){t&&(this.loadingScrollTop=this.scrollContainer?.scrollTop??0),this.syncNoDataContentObserver()}handleUseVirtualScrollChange(t){t&&i((()=>this.propagateVirtualUpdate()))}handleColumnsChange(t){this.columnWidths=t.map((t=>t.autoWidth?0:parseInt(t.width||"120",10))),this.refreshChildrenConfig()}handleRowsChange(t){Array.isArray(t)&&(this.rowCount=t.length,this.rebuildRowIndexMap(),this.useVirtualScroll&&this.propagateVirtualUpdate(!0),this.pushRowsToChildren(t),this.syncNoDataContentObserver())}handleRowKeyChange(){this.rebuildRowIndexMap()}handleTableIdChange(){this.syncTableIdAttribute()}handleNoDataLabelChange(e){this.resolvedNoDataLabel="string"==typeof e&&e.trim().length>0&&"undefined"!==e&&"null"!==e?e:t.DEFAULT_NO_DATA_LABEL}handleConfigChange(){this.refreshChildrenConfig()}handleSelectedChange(t){this.innerSelected=new Set(t)}handlePaginationChange(t){null!=t?.page&&t.page!==this.currentPage&&(this.currentPage=t.page),null!=t?.rowsPerPage&&t.rowsPerPage!==this.innerRowsPerPage&&(this.innerRowsPerPage=t.rowsPerPage)}detectChildren(){const t=!!this.el.querySelector(":scope > sd-thead"),e=!!this.el.querySelector(":scope > sd-tbody");this.autoThead=!t,this.autoTbody=!e}componentWillLoad(){this.syncTableIdAttribute(),this.handleNoDataLabelChange(this.noDataLabel),this.detectChildren(),this.innerSelected=new Set(this.selected||[]),this.columnWidths=(this.columns||[]).map((t=>t.autoWidth?0:parseInt(t.width||"120",10))),this.rebuildRowIndexMap(),null!=this.pagination?.page&&(this.currentPage=this.pagination.page),null!=this.pagination?.rowsPerPage&&(this.innerRowsPerPage=this.pagination.rowsPerPage);const t=this.el;t.isRowSelectedSync=this.isRowSelectedSync.bind(this),t.updateRowSelectSync=this.updateRowSelectSync.bind(this),t.toggleSelectAllSync=this.toggleSelectAllSync.bind(this),t.getIsAllCheckedSync=this.getIsAllCheckedSync.bind(this),t.getStickyStyleSync=this.getStickyStyleSync.bind(this),t.setRowCountSync=this.setRowCountSync.bind(this),t.handleResize=this.handleResize.bind(this),t.getPaginationInfoSync=this.getPaginationInfoSync.bind(this),t.getVirtualScrollRangeSync=this.getVirtualScrollRangeSync.bind(this),t.getConfigSync=this.getConfigSync.bind(this),t.getTableIdSync=()=>this.getResolvedTableId(),t.getVirtualScrollConfigSync=this.getVirtualScrollConfigSync.bind(this),t.calculateVisibleRange=this.calculateVisibleRange.bind(this),t.registerSpanSync=this.registerSpanSync.bind(this),t.unregisterSpanSync=this.unregisterSpanSync.bind(this),t.getSpanSync=this.getSpanSync.bind(this),t.isCoveredSync=this.isCoveredSync.bind(this),t.registerSeparatorSync=this.registerSeparatorSync.bind(this),t.unregisterSeparatorSync=this.unregisterSeparatorSync.bind(this),t.isVisualLastRowBeforeSeparatorSync=this.isVisualLastRowBeforeSeparatorSync.bind(this),t.hasRowspanSync=this.hasRowspanSync.bind(this),t.registerCellClassSync=this.registerCellClassSync.bind(this),t.unregisterCellClassSync=this.unregisterCellClassSync.bind(this),t.getCellClassSync=this.getCellClassSync.bind(this),t.registerUseFrameSync=this.registerUseFrameSync.bind(this),t.unregisterUseFrameSync=this.unregisterUseFrameSync.bind(this),t.hasUseFrameInRowSync=this.hasUseFrameInRowSync.bind(this),t.isCellUseFrameSync=this.isCellUseFrameSync.bind(this),Array.isArray(this.rows)&&(this.rowCount=this.rows.length,this.pushRowsToChildren(this.rows))}componentDidLoad(){Array.isArray(this.rows)&&this.pushRowsToChildren(this.rows),i((()=>{const t=this.el.shadowRoot?.querySelector(".sd-table__scroll-container");if(!t)return;let e=!1;this.onScroll=()=>{const s=t.scrollLeft,i=s>0,a=s+t.clientWidth<t.scrollWidth;this.scrolledLeft===i&&this.scrolledRight===a||(this.scrolledLeft=i,this.scrolledRight=a,this.refreshChildrenConfig()),this.useVirtualScroll&&!e&&(e=!0,requestAnimationFrame((()=>{e=!1,this.propagateVirtualUpdate()})))},this.scrollContainer=t,t.addEventListener("scroll",this.onScroll,{passive:!0}),this.onScroll(),this.useVirtualScroll&&this.propagateVirtualUpdate()})),this.syncNoDataContentObserver()}disconnectedCallback(){this.scrollContainer&&this.onScroll&&this.scrollContainer.removeEventListener("scroll",this.onScroll),this.noDataContentResizeObserver?.disconnect(),this.noDataContentResizeObserver=void 0}syncNoDataContentObserver(){if(0!==this.rowCount||this.isLoading)return this.noDataContentResizeObserver?.disconnect(),this.noDataContentResizeObserver=void 0,void(this.noDataBodyHeight=60);this.observeNoDataContentHeight()}observeNoDataContentHeight(){if("undefined"==typeof ResizeObserver)return;const t=this.noDataContentEl;t&&(this.noDataContentResizeObserver?.disconnect(),this.noDataContentResizeObserver=new ResizeObserver((()=>{const e=Math.max(60,Math.ceil(t.scrollHeight));e!==this.noDataBodyHeight&&(this.noDataBodyHeight=e)})),this.noDataContentResizeObserver.observe(t),i((()=>{if(!this.noDataContentEl)return;const t=Math.max(60,Math.ceil(this.noDataContentEl.scrollHeight));t!==this.noDataBodyHeight&&(this.noDataBodyHeight=t)})))}queryChildEl(t){return this.el.querySelector(t)??this.el.shadowRoot?.querySelector(t)??null}queryAllTr(){return[...Array.from(this.el.querySelectorAll("sd-tr")),...Array.from(this.el.shadowRoot?.querySelectorAll("sd-tr")??[])]}pushRowsToChildren(t){const e=this.queryChildEl("sd-tbody");e&&(e.rows=t);const s=this.queryChildEl("sd-thead");s&&(s.rows=t)}handleStructureSlotChange=()=>{Array.isArray(this.rows)&&this.pushRowsToChildren(this.rows),this.refreshChildrenConfig()};refreshChildrenSelection(){const t=this.queryChildEl("sd-thead");t?.refreshSelection?.(),this.queryAllTr().forEach((t=>t?.refreshSelection?.()))}refreshChildrenConfig(){const t=this.queryChildEl("sd-thead");t?.refreshConfig?.(),this.queryAllTr().forEach((t=>t?.refreshConfig?.()))}maybeEmitVirtualReachEnd(t,e){const s=Math.max(1,this.virtualEndThreshold);e>=Math.max(0,this.rowCount-s)&&this.lastReachEndNotifiedRowCount!==this.rowCount&&(this.lastReachEndNotifiedRowCount=this.rowCount,this.sdVirtualReachEnd.emit({from:t,to:e,rowCount:this.rowCount,threshold:s}))}propagateVirtualUpdate(t=!1){if(!this.scrollContainer||!this.useVirtualScroll)return;const e=this.toFiniteNumber(this.scrollContainer.scrollTop,0),s=this.toFiniteNumber(this.scrollContainer.clientHeight,0),{start:i,end:a}=this.calculateVisibleRange(e,s);if(!Number.isFinite(i)||!Number.isFinite(a))return;const n=this.vsStart!==i||this.vsEnd!==a;if(!n&&!t)return;this.vsStart=i,this.vsEnd=a;const h=i*this.effectiveRowHeight,r=Math.max(0,(this.rowCount-a)*this.effectiveRowHeight),o=this.queryChildEl("sd-tbody");o?.setSpacersSync?.(h,r),n&&this.sdVirtualUpdate.emit({from:i,to:a}),this.maybeEmitVirtualReachEnd(i,a)}getVirtualScrollConfigSync(){return{useVirtualScroll:this.useVirtualScroll,rowHeight:this.effectiveRowHeight,virtualBuffer:this.virtualBuffer,vsStart:this.vsStart,vsEnd:this.vsEnd,rowCount:this.rowCount}}getConfigSync(){return{columns:this.columns,selectable:this.selectable,resizable:this.resizable,stickyColumn:this.stickyColumn,stickyHeader:this.stickyHeader,scrolledLeft:this.scrolledLeft,scrolledRight:this.scrolledRight,columnWidths:this.columnWidths,dense:this.dense}}registerUseFrameSync(t,e){if(null==t||""===e)return;let s=this.useFrameRegistry.get(t);s||(s=new Set,this.useFrameRegistry.set(t,s)),s.add(e)}unregisterUseFrameSync(t,e){if(null==t||""===e)return;const s=this.useFrameRegistry.get(t);s&&(s.delete(e),0===s.size&&this.useFrameRegistry.delete(t))}hasUseFrameInRowSync(t){const e=this.useFrameRegistry.get(t);return null!=e&&e.size>0}isCellUseFrameSync(t,e){return this.useFrameRegistry.get(t)?.has(e)??!1}isRowSelectedSync(t){return Array.from(this.innerSelected).some((e=>e[this.rowKey??"id"]===t[this.rowKey??"id"]))}async isRowSelected(t){return this.isRowSelectedSync(t)}updateRowSelectSync(t){const e=Array.from(this.innerSelected),s=this.isRowSelectedSync(t)?e.filter((e=>e[this.rowKey??"id"]!==t[this.rowKey??"id"])):[...e,t];s.length!==e.length&&(this.innerSelected=new Set(s),this.selected=Array.from(this.innerSelected),this.sdSelectChange.emit(Array.from(this.innerSelected)),this.refreshChildrenSelection())}async updateRowSelect(t){this.updateRowSelectSync(t)}toggleSelectAllSync(t,e){if(t){const t=new Set([...e]);this.innerSelected=new Set([...this.innerSelected,...t])}else{const t=e.map((t=>t[this.rowKey??"id"]));this.innerSelected=new Set([...this.innerSelected].filter((e=>!t.includes(e[this.rowKey??"id"]))))}this.selected=Array.from(this.innerSelected),this.sdSelectChange.emit(Array.from(this.innerSelected)),this.refreshChildrenSelection()}async toggleSelectAll(t,e){this.toggleSelectAllSync(t,e)}getIsAllCheckedSync(t){const e=t.length,s=t.filter((t=>Array.from(this.innerSelected).some((e=>e[this.rowKey??"id"]===t[this.rowKey??"id"])))).length;return 0!==s&&(s===e||null)}async getIsAllChecked(t){return this.getIsAllCheckedSync(t)}changePage(t){this.useInternalPagination?(this.currentPage=t,this.sdPageChange.emit(this.currentPage),this.updateRowsVisibility()):this.sdPageChange.emit(t)}updateRowsVisibility(){this.queryAllTr().forEach((t=>t?.updateVisibility?.()))}changeRowsPerPage(t){const e=null!=t&&""!==t?Number(t):0;if(!this.useInternalPagination)return void this.sdRowsPerPageChange.emit(e);this.innerRowsPerPage=e;const s=Math.max(1,Math.ceil(this.rowCount/e));this.currentPage>s&&(this.currentPage=s),this.sdRowsPerPageChange.emit(e),this.updateRowsVisibility()}get lastPageNumber(){if(this.useInternalPagination)return Math.max(1,Math.ceil(this.rowCount/this.innerRowsPerPage));const{lastPage:t,rowsPerPage:e=10}=this.pagination||{};return t??Math.max(1,Math.ceil(this.rowCount/e))}handleResize(t,e,s=!1){if("undefined"==typeof document)return;const i=e.clientX,a=this.columnWidths[t],n=e=>{const n=this.columns[t];if(null==n)return;const h=n.maxWidth||9999,r=e.clientX-i,o=Math.min(Math.max(a+(s?-r:r),n.minWidth||50),h);this.columnWidths=this.columnWidths.map(((e,s)=>s===t?o:e));const l=this.queryChildEl("sd-thead");l?.setColumnWidths?.(this.columnWidths),this.queryAllTr().forEach((t=>t?.setColumnWidths?.(this.columnWidths)));const d=this.stickyColumn?.right||0,c=this.columns.filter((t=>!1!==t.visible)).length;d>0&&t===c-d&&requestAnimationFrame((()=>{this.onScroll?.()}))},h=()=>{document.removeEventListener("mousemove",n),document.removeEventListener("mouseup",h)};document.addEventListener("mousemove",n),document.addEventListener("mouseup",h)}getStickyStyleSync(t){const e=this.columnWidths.slice(0,t).reduce(((t,e)=>t+e),this.selectable?52:0),s=this.columnWidths.filter(((e,s)=>s>=this.columns.filter((t=>!1!==t.visible)).length-(this.stickyColumn?.right||0)&&s>t)).reduce(((t,e)=>t+e),0),i=this.columns.filter((t=>!1!==t.visible))[t],a={"--sticky-left-offset":e+"px","--sticky-right-offset":s+"px"};return i?.autoWidth||(a.width=this.columnWidths[t]+"px",a.minWidth=this.columnWidths[t]+"px",a.maxWidth=this.columnWidths[t]+"px"),a}async getStickyStyle(t){return this.getStickyStyleSync(t)}spanKey(t,e){return`${t}::${e}`}requestAllTrUpdate(){this.queryAllTr().forEach((t=>{"function"==typeof t.bumpSpansVersion?t.bumpSpansVersion():a(t)}))}registerSpanSync(t,e,s,i){if(null==t||""===e)return;const a=Math.max(1,Math.floor(s||1)),n=Math.max(1,Math.floor(i||1)),h=this.spanKey(t,e),r=this.spanRegistry.get(h);if(1===a&&1===n){if(!r)return;return this.spanRegistry.delete(h),void this.requestAllTrUpdate()}r&&r.rowspan===a&&r.colspan===n||(this.spanRegistry.set(h,{rowspan:a,colspan:n}),this.requestAllTrUpdate())}unregisterSpanSync(t,e){if(null==t||""===e)return;const s=this.spanKey(t,e);this.spanRegistry.has(s)&&(this.spanRegistry.delete(s),this.requestAllTrUpdate())}getSpanSync(t,e){return this.spanRegistry.get(this.spanKey(t,e))}registerCellClassSync(t,e,s){if(null==t||""===e)return;const i=this.spanKey(t,e),a=(s??"").trim();""!==a?this.cellClassRegistry.set(i,a):this.cellClassRegistry.delete(i)}unregisterCellClassSync(t,e){null!=t&&""!==e&&this.cellClassRegistry.delete(this.spanKey(t,e))}getCellClassSync(t,e){return this.cellClassRegistry.get(this.spanKey(t,e))}hasRowspanSync(){for(const t of this.spanRegistry.values())if(t.rowspan>1)return!0;return!1}isCoveredSync(t,e,s){if(0===this.spanRegistry.size)return!1;const i=s.filter((t=>!1!==t.visible));for(let s=0;s<e;s++){const a=i[s];if(null==a)continue;const n=this.spanRegistry.get(this.spanKey(t,"string"==typeof a.field?a.field:a.name));if(n&&s+n.colspan>e)return!0}const a=this.resolveRowIndex(t);if(null==a)return!1;for(const[t,s]of this.spanRegistry){if(s.rowspan<=1)continue;const n=t.indexOf("::");if(n<0)continue;const h=t.slice(0,n),r=t.slice(n+2),o=this.resolveRowIndex(h);if(null==o)continue;if(o>=a)continue;if(o+s.rowspan<=a)continue;const l=i.findIndex((t=>("string"==typeof t.field?t.field:t.name)===r));if(!(l<0)&&l<=e&&l+s.colspan>e)return!0}return!1}resolveVisualBottom(t,e){const s=this.resolveRowIndex(t);if(null==s)return null;const i=this.spanRegistry.get(this.spanKey(t,e));return s+Math.max(1,i?.rowspan??1)-1}registerSeparatorSync(t){const e=this.resolveRowIndex(t);null!=e&&this.separatorPrevIndices.add(e)}unregisterSeparatorSync(t){const e=this.resolveRowIndex(t);null!=e&&this.separatorPrevIndices.delete(e)}isVisualLastRowBeforeSeparatorSync(t,e){if(0===this.separatorPrevIndices.size)return!1;const s=this.resolveVisualBottom(t,e);return null!=s&&this.separatorPrevIndices.has(s)}setRowCountSync(t){const e=Math.max(0,Math.floor(this.toFiniteNumber(t,0)));e!==this.rowCount&&(this.lastReachEndNotifiedRowCount=-1),this.rowCount=e,this.useVirtualScroll&&this.propagateVirtualUpdate(!0)}async setRowCount(t){this.setRowCountSync(t)}calculateVisibleRange(t,e){const s=Math.max(1,this.toFiniteNumber(this.effectiveRowHeight,40)),i=Math.max(0,Math.floor(this.toFiniteNumber(this.virtualBuffer,5))),a=Math.max(0,this.toFiniteNumber(t,0)),n=Math.max(0,this.toFiniteNumber(e,0)),h=Math.max(0,Math.floor(this.toFiniteNumber(this.rowCount,0))),r=Math.floor(a/s),o=Math.ceil(n/s);return{start:Math.max(0,r-i),end:Math.min(h,r+o+i)}}getPaginationInfoSync(){if(!this.useInternalPagination||!this.pagination)return null;const t=(this.currentPage-1)*this.innerRowsPerPage;return{startIndex:t,endIndex:t+this.innerRowsPerPage,currentPage:this.currentPage,rowsPerPage:this.innerRowsPerPage}}async getPaginationInfo(){return this.getPaginationInfoSync()}getVirtualScrollRangeSync(){return this.useVirtualScroll&&this.vsEnd>0?{from:this.vsStart,to:this.vsEnd}:null}renderAutoRows(){if(this.useVirtualScroll)return null;const t=this.rows??[],e=this.getPaginationInfoSync(),s=e?.startIndex??0;return(e?t.slice(e.startIndex,e.endIndex):t).map(((t,e)=>{const i=s+e;return n("sd-tr",{key:i,"row-key":i+"",row:t})}))}get tableClasses(){return["sd-table",this.stickyHeader&&"sd-table--sticky-header",this.selectable&&"sd-table--selectable",this.resizable&&"sd-table--resizable",(this.selectable||(this.stickyColumn?.left??0)>0||(this.stickyColumn?.right??0)>0)&&"sd-table--sticky-column",this.scrolledLeft&&"sd-table--scrolled-left",this.scrolledRight&&"sd-table--scrolled-right",0===this.rowCount&&!this.isLoading&&"sd-table--no-data"].filter(Boolean).join(" ")}render(){const t=this.getResolvedTableId(),e=0===this.rowCount&&!this.isLoading,s=e?`max(${this.height||"96px"}, ${36+this.noDataBodyHeight}px)`:this.height||"100%";return n(h,{key:"2b7c1eaf862c45c73751af6035a022e8ce0314b4",style:{"--table-radius":u+"px","--table-border-color":c.color,"--table-border-width":c.width+"px","--table-body-font-family":d.fontFamily,"--table-body-font-weight":d.fontWeight,"--table-body-font-size":d.fontSize+"px","--table-body-line-height":d.lineHeight+"px","--table-body-text-decoration":d.textDecoration}},n("div",{key:"35851e539eef8ff69ff03bd31f5d55d95eb8bf7a",class:"sd-table__container",style:{"--table-width":this.width,"--table-height":s,"--table-container-height":`calc(${s} - ${this.pagination&&this.rowCount>0&&!this.useVirtualScroll?48:0}px)`}},n("div",{key:"e3bf5576fd1b1ee9ffab5d240de904204f4288d5",class:{"sd-table__wrapper":!0,"sd-table__wrapper--radius-use-top":"useTop"===this.radius}},n("div",{key:"a67ebcb802a3ed443cca1fc33a00787642e08e84",class:{"sd-table__scroll-container":!0,"sd-table__scroll-container--loading":this.isLoading,"sd-table__scroll-container--no-data":e}},this.isLoading&&n("div",{key:"2cdaff94dab50598c05364930dd3e763a6f2f79a",class:"sd-table__loading",style:{top:this.loadingScrollTop+"px"}},n("sd-circle-progress",{key:"49211d7555a38996d3fd9cfce0df50bb626fa1d6",indeterminate:!0})),e&&n(n.Fragment,null,n("div",{key:"3da9d42ecedbdc63858a06040f0e22d265a8183b",class:"sd-table__no-data-header-overlay"}),n("div",{key:"20b5d8be682572a4ddbce21b6cd265894d014499",class:"sd-table__no-data"},n("div",{key:"a024fa084f4a137a70fe176cee6918b4f701fd42",class:"sd-table__no-data-content",ref:t=>{this.noDataContentEl=t,t&&this.syncNoDataContentObserver()}},n("slot",{key:"9603eefa63fd5bc05dfa132c6be2302497d4c228",name:"no-data"},n("span",{key:"0dad4e143d8251e375f748d1e5e1a77909fab164"},this.resolvedNoDataLabel))))),n("table",{key:"83325a8970f18bb9cf7a78dc665d16a24edc18da",class:this.tableClasses},this.autoThead?n("slot",{name:t+"-head",onSlotchange:this.handleStructureSlotChange},n("sd-thead",{rows:this.rows??[]})):n("slot",{name:t+"-head",onSlotchange:this.handleStructureSlotChange}),this.autoTbody?n("slot",{name:t+"-body",onSlotchange:this.handleStructureSlotChange},n("sd-tbody",{rows:this.rows??[]},this.renderAutoRows())):n("slot",{name:t+"-body",onSlotchange:this.handleStructureSlotChange})))),this.pagination&&this.pagination.rowsPerPage>0&&this.rowCount>0&&!this.useVirtualScroll&&n("div",{key:"935b0f916cbc1de29a7f6b3805a5a3c25eaba467",class:"sd-table__pagination"},n("sd-pagination",{key:"7faad5d0b2efe652a9ed989910551aa8bc5592ec",currentPage:this.useInternalPagination?this.currentPage:this.pagination.page,lastPage:this.useInternalPagination?this.lastPageNumber:this.pagination.lastPage,onSdPageChange:t=>this.changePage(t.detail)}),this.useRowsPerPageSelect&&n("sd-select",{key:"d514c41459a60ac47ffcd476a635c47386232c50",value:this.useInternalPagination?this.innerRowsPerPage:this.pagination.rowsPerPage,options:this.rowsPerPageOption,width:"128px",emitValue:!0,onSdUpdate:t=>{this.isRowsPerPageValue(t.detail)&&this.changeRowsPerPage(t.detail)}}))))}static get watchers(){return{isLoading:[{handleIsLoadingChange:0}],useVirtualScroll:[{handleUseVirtualScrollChange:0}],columns:[{handleColumnsChange:0}],rows:[{handleRowsChange:0}],rowKey:[{handleRowKeyChange:0}],tableId:[{handleTableIdChange:0}],noDataLabel:[{handleNoDataLabelChange:0}],selectable:[{handleConfigChange:0}],resizable:[{handleConfigChange:0}],stickyColumn:[{handleConfigChange:0}],stickyHeader:[{handleConfigChange:0}],dense:[{handleConfigChange:0}],selected:[{handleSelectedChange:0}],pagination:[{handlePaginationChange:0}]}}static get style(){return"sd-table,:host{display:block;width:100%;max-width:100%;min-width:0}sd-table *,:host *{box-sizing:border-box}.sd-table__container{height:var(--table-height, 100%);width:var(--table-width, 100%);max-width:100%;min-width:0;color:#222222;display:flex;flex-direction:column}.sd-table__wrapper{width:100%;min-width:0;height:var(--table-container-height, 400px);border:var(--table-border-width, 1px) solid var(--table-border-color, #E1E1E1);border-radius:var(--table-radius, 8px);overflow:hidden}.sd-table__wrapper--radius-use-top{border-radius:0 0 var(--table-radius, 8px) var(--table-radius, 8px)}.sd-table__scroll-container{width:100%;height:100%;display:flex;flex-direction:column;position:relative;font-family:var(--table-body-font-family, inherit);font-weight:var(--table-body-font-weight, 400);font-size:var(--table-body-font-size, 12px);line-height:var(--table-body-line-height, 20px);text-decoration:var(--table-body-text-decoration, none);overflow:auto;background:#FFFFFF}.sd-table__scroll-container--loading{overflow:hidden !important;pointer-events:none}.sd-table__scroll-container--no-data{overflow:hidden;pointer-events:none}.sd-table__no-data{position:absolute;top:36px;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;font-size:var(--table-body-font-size, 12px);color:#888888;pointer-events:none;z-index:200;background:rgba(255, 255, 255, 0.6)}.sd-table__no-data-header-overlay{position:absolute;top:0;left:0;right:0;height:36px;background:rgba(255, 255, 255, 0.6);z-index:210;pointer-events:none}.sd-table__no-data-content{pointer-events:auto;min-height:60px;width:100%;display:flex;align-items:center;justify-content:center}.sd-table__loading{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255, 255, 255, 0.6);z-index:200;display:flex;align-items:center;justify-content:center;pointer-events:none}.sd-table{background-color:white;display:table;width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.sd-table--selectable sd-thead,.sd-table--selectable sd-tbody{--selectable:true}.sd-table--sticky-header sd-thead thead{position:sticky;top:0;z-index:120}.sd-table--sticky-column sd-thead,.sd-table--sticky-column sd-tbody{--sticky-column:true}.sd-table--scrolled-left sd-thead,.sd-table--scrolled-left sd-tbody{--scrolled-left:true}.sd-table--scrolled-right sd-thead,.sd-table--scrolled-right sd-tbody{--scrolled-right:true}.sd-table--resizable sd-thead{--resizable:true}.sd-table--no-data sd-thead{opacity:0.4}.sd-table__pagination{position:relative;background:#F9F9F9;height:48px;display:flex;align-items:center;justify-content:center;border:var(--table-border-width, 1px) solid var(--table-border-color, #E1E1E1);margin-top:-1px;border-radius:var(--table-radius, 8px)}.sd-table__pagination sd-select{position:absolute;right:10px;top:50%;transform:translateY(-50%)}"}},[769,"sd-table",{tableId:[513,"table-id"],columns:[16],rows:[16],selected:[1040],rowKey:[1,"row-key"],selectable:[4],resizable:[4],width:[1],height:[1],stickyHeader:[4,"sticky-header"],stickyColumn:[16],radius:[1],noDataLabel:[1,"no-data-label"],isLoading:[4,"is-loading"],pagination:[16],useInternalPagination:[4,"use-internal-pagination"],useRowsPerPageSelect:[4,"use-rows-per-page-select"],dense:[4],useVirtualScroll:[4,"use-virtual-scroll"],rowHeight:[2,"row-height"],virtualBuffer:[2,"virtual-buffer"],virtualEndThreshold:[2,"virtual-end-threshold"],rowsPerPageOption:[16],resolvedNoDataLabel:[32],currentPage:[32],innerRowsPerPage:[32],innerSelected:[32],columnWidths:[32],scrolledLeft:[32],scrolledRight:[32],rowCount:[32],loadingScrollTop:[32],noDataBodyHeight:[32],autoThead:[32],autoTbody:[32],isRowSelected:[64],updateRowSelect:[64],toggleSelectAll:[64],getIsAllChecked:[64],getStickyStyle:[64],setRowCount:[64],getPaginationInfo:[64]},void 0,{isLoading:[{handleIsLoadingChange:0}],useVirtualScroll:[{handleUseVirtualScrollChange:0}],columns:[{handleColumnsChange:0}],rows:[{handleRowsChange:0}],rowKey:[{handleRowKeyChange:0}],tableId:[{handleTableIdChange:0}],noDataLabel:[{handleNoDataLabelChange:0}],selectable:[{handleConfigChange:0}],resizable:[{handleConfigChange:0}],stickyColumn:[{handleConfigChange:0}],stickyHeader:[{handleConfigChange:0}],dense:[{handleConfigChange:0}],selected:[{handleSelectedChange:0}],pagination:[{handlePaginationChange:0}]}]),V=A,L=function(){"undefined"!=typeof customElements&&["sd-table","sd-button","sd-checkbox","sd-circle-progress","sd-field","sd-floating-portal","sd-icon","sd-pagination","sd-portal","sd-select","sd-select-list-item","sd-select-list-item-search","sd-select-listbox","sd-select-trigger","sd-tbody","sd-thead","sd-tooltip","sd-tr"].forEach((t=>{switch(t){case"sd-table":customElements.get(r(t))||customElements.define(r(t),A);break;case"sd-button":customElements.get(r(t))||b();break;case"sd-checkbox":customElements.get(r(t))||g();break;case"sd-circle-progress":customElements.get(r(t))||f();break;case"sd-field":customElements.get(r(t))||p();break;case"sd-floating-portal":customElements.get(r(t))||y();break;case"sd-icon":customElements.get(r(t))||m();break;case"sd-pagination":customElements.get(r(t))||w();break;case"sd-portal":customElements.get(r(t))||C();break;case"sd-select":customElements.get(r(t))||S();break;case"sd-select-list-item":customElements.get(r(t))||v();break;case"sd-select-list-item-search":customElements.get(r(t))||k();break;case"sd-select-listbox":customElements.get(r(t))||x();break;case"sd-select-trigger":customElements.get(r(t))||R();break;case"sd-tbody":customElements.get(r(t))||_();break;case"sd-thead":customElements.get(r(t))||P();break;case"sd-tooltip":customElements.get(r(t))||E();break;case"sd-tr":customElements.get(r(t))||M()}}))};export{V as SdTable,L as defineCustomElement}
|
package/dist/components/sd-td.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,H as
|
|
1
|
+
import{p as t,H as s,f as e,h as i,d as n,t as h}from"./p-BjkROjjt.js";import{T as d}from"./p-sZMi_32I.js";const a=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost()}get el(){return this}field;rowKey;align;rowspan;colspan;sdClass;dividerLeft=!1;dividerRight=!1;useFrame=!1;handleFieldChange(t,s){this.syncSlotName(),this.syncSpanRegistration(),this.syncCellClassRegistration(s),this.syncUseFrameRegistration(s)}handleRowKeyChange(t,s){this.syncSlotName(),this.syncSpanRegistration(),this.syncCellClassRegistration(void 0,s),this.syncUseFrameRegistration(void 0,s)}handleSpanChange(){this.syncSpanRegistration()}handleSdClassChange(){this.syncCellClassRegistration()}handleDividerChange(){this.syncCellClassRegistration()}handleUseFrameChange(){this.syncUseFrameRegistration(),this.requestParentTrUpdate()}componentWillLoad(){this.syncSlotName(),this.syncSpanRegistration(),this.syncCellClassRegistration(),this.syncUseFrameRegistration();const t=this.el.parentElement;"sd-tr"===t?.tagName?.toLowerCase()&&e(t)}componentDidLoad(){this.syncSlotName(),this.syncSpanRegistration(),this.syncCellClassRegistration(),this.syncUseFrameRegistration()}connectedCallback(){this.syncSpanRegistration(),this.syncCellClassRegistration(),this.syncUseFrameRegistration()}disconnectedCallback(){const t=this.findTable();null!=t&&""!==this.field&&null!=this.rowKey&&(t.unregisterSpanSync?.(this.rowKey+"",this.field),t.unregisterCellClassSync?.(this.rowKey+"",this.field),t.unregisterUseFrameSync?.(this.rowKey+"",this.field),this.requestParentTrUpdate())}findTable(){return this.el.closest("sd-table")}requestParentTrUpdate(){const t=this.el.parentElement;"sd-tr"===t?.tagName?.toLowerCase()&&("function"==typeof t.bumpSpansVersion?t.bumpSpansVersion():e(t))}syncSpanRegistration(){const t=this.findTable();null!=t?.registerSpanSync&&""!==this.field&&null!=this.rowKey&&(t.registerSpanSync(this.rowKey+"",this.field,Math.max(1,Math.floor(Number(this.rowspan)||1)),Math.max(1,Math.floor(Number(this.colspan)||1))),this.requestParentTrUpdate())}syncCellClassRegistration(t,s){const e=this.findTable();if(!e)return;const i=t??this.field,n=s??(null!=this.rowKey?this.rowKey+"":void 0);if(""!==i&&null!=n&&e.unregisterCellClassSync?.(n,i),!e.registerCellClassSync||""===this.field||null==this.rowKey)return;const h=[this.sdClass,this.dividerLeft&&"td--divider-left",this.dividerRight&&"td--divider-right"].filter(Boolean).join(" ")||void 0;e.registerCellClassSync(this.rowKey+"",this.field,h),this.requestParentTrUpdate()}syncUseFrameRegistration(t,s){const e=this.findTable();if(!e)return;const i=t??this.field,n=s??(null!=this.rowKey?this.rowKey+"":void 0);""!==i&&null!=n&&e.unregisterUseFrameSync?.(n,i),""!==this.field&&null!=this.rowKey&&(this.useFrame?e.registerUseFrameSync?.(this.rowKey+"",this.field):e.unregisterUseFrameSync?.(this.rowKey+"",this.field))}syncSlotName(){const t=this.el.closest("sd-table"),s=t?.getTableIdSync?.(),e=t?.getAttribute(d),i=(null!=s&&""!==s&&"undefined"!==s?s:null)??(null!=e&&""!==e&&"undefined"!==e?e:null)??"";""!==this.field&&void 0!==this.rowKey&&""!==i&&this.el.setAttribute("slot",`${i}-${this.field}-${this.rowKey}`)}render(){return i(n,{key:"505b602b609050870e7e80df9157dbc50d0cb8c1",class:{["align-"+this.align]:!!this.align}},i("slot",{key:"9910f02d98ce5e115b2a380954dd0a994f9f1c12"}))}static get watchers(){return{field:[{handleFieldChange:0}],rowKey:[{handleRowKeyChange:0}],rowspan:[{handleSpanChange:0}],colspan:[{handleSpanChange:0}],sdClass:[{handleSdClassChange:0}],dividerLeft:[{handleDividerChange:0}],dividerRight:[{handleDividerChange:0}],useFrame:[{handleUseFrameChange:0}]}}static get style(){return"sd-td *{box-sizing:border-box}sd-td{display:contents}sd-td.align-left{text-align:left}sd-td.align-center{text-align:center}sd-td.align-right{text-align:right}"}},[772,"sd-td",{field:[1],rowKey:[1,"row-key"],align:[1],rowspan:[2],colspan:[2],sdClass:[1,"sd-class"],dividerLeft:[4,"divider-left"],dividerRight:[4,"divider-right"],useFrame:[4,"use-frame"]},void 0,{field:[{handleFieldChange:0}],rowKey:[{handleRowKeyChange:0}],rowspan:[{handleSpanChange:0}],colspan:[{handleSpanChange:0}],sdClass:[{handleSdClassChange:0}],dividerLeft:[{handleDividerChange:0}],dividerRight:[{handleDividerChange:0}],useFrame:[{handleUseFrameChange:0}]}]),l=a,r=function(){"undefined"!=typeof customElements&&["sd-td"].forEach((t=>{"sd-td"===t&&(customElements.get(h(t))||customElements.define(h(t),a))}))};export{l as SdTd,r as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{S as o,d as s}from"./p-
|
|
1
|
+
import{S as o,d as s}from"./p-DwgaMhOM.js";const a=o,p=s;export{a as SdThead,p as defineCustomElement}
|
package/dist/components/sd-tr.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{S as o,d as s}from"./p-
|
|
1
|
+
import{S as o,d as s}from"./p-DiP0LJGq.js";const p=o,r=s;export{p as SdTr,r as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,g as a,b as l}from"./p-0U6dRjlq.js";export{s as setNonce}from"./p-0U6dRjlq.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((async e=>(await a(),l(JSON.parse('[["p-9681b0ba",[[512,"sd-button",{"name":[1],"label":[1],"icon":[1],"rightIcon":[1,"right-icon"],"ariaLabel":[1,"aria-label"],"disabled":[4],"type":[1]}],[512,"sd-icon",{"name":[1],"size":[8],"color":[1],"rotate":[2],"label":[1],"iconStyle":[16]}]]],["p-fe0a5368",[[772,"sd-key-value-table",{"fields":[16],"search":[4],"useTop":[4,"use-top"]}]]],["p-563b6fc2",[[769,"sd-table",{"tableId":[513,"table-id"],"columns":[16],"rows":[16],"selected":[1040],"rowKey":[1,"row-key"],"selectable":[4],"resizable":[4],"width":[1],"height":[1],"stickyHeader":[4,"sticky-header"],"stickyColumn":[16],"radius":[1],"noDataLabel":[1,"no-data-label"],"isLoading":[4,"is-loading"],"pagination":[16],"useInternalPagination":[4,"use-internal-pagination"],"useRowsPerPageSelect":[4,"use-rows-per-page-select"],"dense":[4],"useVirtualScroll":[4,"use-virtual-scroll"],"rowHeight":[2,"row-height"],"virtualBuffer":[2,"virtual-buffer"],"virtualEndThreshold":[2,"virtual-end-threshold"],"rowsPerPageOption":[16],"resolvedNoDataLabel":[32],"currentPage":[32],"innerRowsPerPage":[32],"innerSelected":[32],"columnWidths":[32],"scrolledLeft":[32],"scrolledRight":[32],"rowCount":[32],"loadingScrollTop":[32],"noDataBodyHeight":[32],"autoThead":[32],"autoTbody":[32],"isRowSelected":[64],"updateRowSelect":[64],"toggleSelectAll":[64],"getIsAllChecked":[64],"getStickyStyle":[64],"setRowCount":[64],"getPaginationInfo":[64]},null,{"isLoading":[{"handleIsLoadingChange":0}],"useVirtualScroll":[{"handleUseVirtualScrollChange":0}],"columns":[{"handleColumnsChange":0}],"rows":[{"handleRowsChange":0}],"rowKey":[{"handleRowKeyChange":0}],"tableId":[{"handleTableIdChange":0}],"noDataLabel":[{"handleNoDataLabelChange":0}],"selectable":[{"handleConfigChange":0}],"resizable":[{"handleConfigChange":0}],"stickyColumn":[{"handleConfigChange":0}],"stickyHeader":[{"handleConfigChange":0}],"dense":[{"handleConfigChange":0}],"selected":[{"handleSelectedChange":0}],"pagination":[{"handlePaginationChange":0}]}]]],["p-aeccfb2b",[[512,"sd-modal-container",{"autoRemove":[4,"auto-remove"],"entries":[32],"open":[64],"openLoading":[64],"createCustom":[64],"dismissById":[64],"update":[64]}]]],["p-a71d4947",[[772,"sd-barcode-input",{"value":[1032],"size":[1],"addonLabel":[1,"addon-label"],"addonAlign":[1,"addon-align"],"placeholder":[1],"disabled":[4],"clearable":[4],"width":[8],"rules":[16],"autoFocus":[4,"auto-focus"],"status":[1],"hint":[1],"errorMessage":[1,"error-message"],"inputClass":[1,"input-class"],"readonly":[4],"error":[1028],"focused":[1028],"hovered":[1028],"label":[1],"labelWidth":[8,"label-width"],"icon":[16],"labelTooltip":[1,"label-tooltip"],"labelTooltipProps":[16],"inputStyle":[16],"name":[1],"internalValue":[32],"sdGetNativeElement":[64],"sdValidate":[64],"sdReset":[64],"sdResetValidate":[64],"sdFocus":[64]},null,{"value":[{"valueChanged":0}],"internalValue":[{"internalValueChanged":0}]}]]],["p-92f368a2",[[512,"sd-popover",{"show":[1028],"placement":[513],"color":[513],"icon":[513],"iconSize":[514,"icon-size"],"label":[1],"name":[1],"rightIcon":[1,"right-icon"],"ariaLabel":[1,"aria-label"],"disabled":[4],"type":[1],"menuTitle":[1,"menu-title"],"messages":[16],"leftLink":[16],"button":[16],"menuClass":[1,"menu-class"],"useClose":[4,"use-close"]}]]],["p-9f7f1b8b",[[512,"sd-guide",{"type":[513],"label":[513],"message":[1],"url":[1],"popupTitle":[1,"popup-title"],"popupWidth":[2,"popup-width"],"popupShow":[32]}]]],["p-fe3ae346",[[512,"sd-toast-container",{"position":[1],"maxVisible":[2,"max-visible"],"defaultDuration":[2,"default-duration"],"zIndex":[2,"z-index"],"toasts":[32],"expanded":[32],"create":[64],"dismiss":[64],"dismissAll":[64]}]]],["p-4a91875c",[[772,"sd-action-modal",{"modalTitle":[1,"modal-title"],"buttonProps":[16],"width":[8],"height":[8]}]]],["p-481e6934",[[512,"sd-chip",{"name":[1],"value":[1025],"error":[1028],"disabled":[4],"placeholder":[1],"rules":[16],"internalValue":[32],"isEditing":[32],"sdValidate":[64],"sdReset":[64],"sdResetValidate":[64],"sdResetValidation":[64],"sdFocus":[64],"sdGetNativeElement":[64]},null,{"value":[{"valueChanged":0}]}]]],["p-a640e509",[[512,"sd-dropdown-button",{"name":[1],"label":[1],"items":[16],"disabled":[4],"isOpen":[32],"isAnimatingOut":[32],"itemIndex":[32],"sdOpen":[64],"sdClose":[64]},null,{"isOpen":[{"handleOpenChange":0}]}]]],["p-fc5c4f85",[[772,"sd-popup",{"popupTitle":[1,"popup-title"],"type":[1],"useFooter":[4,"use-footer"],"submitButtonProps":[16]}]]],["p-e8e64511",[[512,"sd-tabs",{"value":[1537],"tabs":[1040],"size":[513],"isSub":[516,"is-sub"]},null,{"value":[{"valueChanged":0}]}]]],["p-9b9bf9db",[[512,"sd-loading-container",{"visible":[32],"message":[32],"show":[64],"hide":[64]}]]],["p-d39e515d",[[512,"sd-badge",{"color":[1]}]]],["p-cc97f4b4",[[772,"sd-card",{"bordered":[4],"sdClass":[1,"sd-class"]}]]],["p-399d416c",[[514,"sd-date-box",{"date":[8],"disabled":[4],"selected":[4],"isStartDate":[4,"is-start-date"],"isEndDate":[4,"is-end-date"],"isToday":[4,"is-today"],"inRange":[4,"in-range"],"type":[1]}]]],["p-679bce6c",[[772,"sd-form",{"formClass":[1,"form-class"],"sdRegisterField":[64],"sdUnregisterField":[64],"sdValidate":[64],"sdReset":[64],"sdResetValidation":[64]}]]],["p-74bf0ed9",[[512,"sd-linear-progress",{"indeterminate":[516],"value":[2],"type":[513],"label":[1]}]]],["p-c7099e9e",[[512,"sd-radio-button",{"value":[1032],"options":[1040],"size":[1],"disabled":[4],"name":[1]}]]],["p-ae117afa",[[512,"sd-switch",{"value":[1028],"label":[1],"disabled":[4]}]]],["p-f721a6c6",[[772,"sd-td",{"field":[1],"rowKey":[1,"row-key"],"align":[1],"rowspan":[2],"colspan":[2],"sdClass":[1,"sd-class"],"dividerLeft":[4,"divider-left"],"dividerRight":[4,"divider-right"],"useFrame":[4,"use-frame"]},null,{"field":[{"handleFieldChange":0}],"rowKey":[{"handleRowKeyChange":0}],"rowspan":[{"handleSpanChange":0}],"colspan":[{"handleSpanChange":0}],"sdClass":[{"handleSdClassChange":0}],"dividerLeft":[{"handleDividerChange":0}],"dividerRight":[{"handleDividerChange":0}],"useFrame":[{"handleUseFieldChange":0}]}]]],["p-e611dcd4",[[512,"sd-toggle",{"value":[1540],"label":[1],"disabled":[4]}]]],["p-11b904a3",[[512,"sd-toast",{"icon":[1],"message":[1],"link":[1],"linkLabel":[1,"link-label"],"buttonLabel":[1,"button-label"],"useClose":[4,"use-close"],"type":[1]}]]],["p-00b2c850",[[512,"sd-text-link",{"label":[1],"icon":[1],"iconColor":[1,"icon-color"],"labelClass":[1,"label-class"],"useArrow":[516,"use-arrow"],"underline":[516],"disabled":[516]}]]],["p-84a94775",[[512,"sd-circle-progress",{"indeterminate":[516],"value":[2],"type":[513],"label":[1]}]]],["p-a97033a2",[[772,"sd-confirm-modal",{"type":[1],"modalTitle":[1,"modal-title"],"titleClass":[1,"title-class"],"topMessage":[16],"bottomMessage":[16],"mainButtonName":[1,"main-button-name"],"mainButtonLabel":[1,"main-button-label"],"subButtonLabel":[1,"sub-button-label"],"tagPreset":[1,"tag-preset"],"tagLabel":[1,"tag-label"],"slotLabel":[1,"slot-label"],"tagContents":[16],"hasSlottedContent":[32]}],[512,"sd-loading-modal",{"state":[513],"message":[1],"useButton":[516,"use-button"],"buttonLabel":[1,"button-label"],"width":[8],"height":[8]}]]],["p-f7074386",[[512,"sd-date-range-picker-calendar",{"value":[16],"selectable":[16],"maxRange":[2,"max-range"],"currentYear":[32],"currentMonth":[32],"pendingStart":[32],"hoverDate":[32],"displayValue":[32]},null,{"value":[{"handleValueChange":0}]}]]],["p-e902a3f4",[[512,"sd-radio",{"value":[1032],"val":[8],"disabled":[4],"label":[1]},null,{"value":[{"valueChanged":0}]}]]],["p-dbeaeb31",[[512,"sd-tag",{"name":[1],"label":[1],"icon":[1],"isLeft":[4,"is-left"]}]]],["p-00854a0a",[[512,"sd-thead",{"columns":[16],"selectable":[4],"resizable":[4],"stickyColumn":[16],"stickyHeader":[4,"sticky-header"],"scrolledLeft":[4,"scrolled-left"],"scrolledRight":[4,"scrolled-right"],"rows":[16],"columnWidths":[1040],"tableId":[32],"_columns":[32],"_selectable":[32],"_resizable":[32],"_stickyColumn":[32],"_stickyHeader":[32],"_scrolledLeft":[32],"_scrolledRight":[32],"refreshConfig":[64],"setColumnWidths":[64],"refreshSelection":[64]},null,{"columns":[{"handleColumnsChange":0}]}],[772,"sd-tr",{"columns":[16],"selectable":[4],"stickyColumn":[16],"rowKey":[1,"row-key"],"row":[16],"separator":[4],"tableId":[32],"columnWidths":[32],"isVisible":[32],"spansVersion":[32],"_columns":[32],"_selectable":[32],"_stickyColumn":[32],"_scrolledLeft":[32],"_scrolledRight":[32],"_dense":[32],"refreshConfig":[64],"bumpSpansVersion":[64],"updateVisibility":[64],"setColumnWidths":[64],"refreshSelection":[64]}],[512,"sd-pagination",{"currentPage":[1026,"current-page"],"lastPage":[2,"last-page"],"simple":[4]}],[769,"sd-tbody",{"rows":[16],"tableId":[32],"topSpacerHeight":[32],"bottomSpacerHeight":[32]},null,{"rows":[{"handleRowsChange":0}]}]]],["p-ffaa4b5d",[[512,"sd-calendar",{"value":[1025],"selectable":[16],"events":[16],"currentYear":[32],"currentMonth":[32]},null,{"value":[{"handleValueChange":0}]}],[512,"sd-date-picker-trigger",{"displayText":[1,"display-text"],"placeholder":[1],"disabled":[4],"size":[1]}]]],["p-a7ea1cf0",[[772,"sd-portal",{"to":[1],"parentRef":[16],"offset":[16],"viewportPadding":[2,"viewport-padding"],"zIndex":[2,"z-index"],"open":[4]},[[9,"scroll","updatePosition"],[9,"resize","updatePosition"],[9,"mousedown","handleMouseDown"],[8,"click","handleWindowClick"]],{"open":[{"handleOpenChange":0}]}]]],["p-03badf68",[[512,"sd-ghost-button",{"icon":[1],"size":[1],"intent":[1],"ariaLabel":[1,"aria-label"],"disabled":[4]}]]],["p-32e2d71e",[[772,"sd-field",{"name":[1],"rules":[16],"error":[1028],"disabled":[1028],"readonly":[1028],"hovered":[1028],"focused":[1028],"status":[1],"hint":[1],"errorMessage":[1,"error-message"],"width":[8],"size":[513],"label":[1],"labelWidth":[8,"label-width"],"addonLabel":[1,"addon-label"],"addonAlign":[1,"addon-align"],"icon":[16],"labelTooltip":[1,"label-tooltip"],"labelTooltipProps":[16],"errorMsg":[32],"sdValidate":[64],"sdReset":[64],"sdResetValidation":[64],"sdFocus":[64]}],[512,"sd-tooltip",{"trigger":[1],"placement":[1],"color":[1],"tooltipType":[1,"tooltip-type"],"icon":[1],"iconSize":[2,"icon-size"],"label":[1],"name":[1],"rightIcon":[1,"right-icon"],"ariaLabel":[1,"aria-label"],"disabled":[4],"type":[1],"sdClass":[1,"sd-class"],"showTooltip":[32],"slotContentHTML":[32]}],[772,"sd-floating-portal",{"to":[1],"parentRef":[16],"offset":[16],"zIndex":[2,"z-index"],"placement":[1],"open":[4]},[[9,"scroll","updatePosition"],[9,"resize","updatePosition"],[9,"mousedown","handleMouseDown"],[8,"click","handleWindowClick"],[8,"keydown","handleKeydown"]]]]],["p-8f4ccae4",[[512,"sd-date-picker",{"value":[1025],"size":[513],"placeholder":[513],"selectable":[16],"disabled":[516],"width":[8],"label":[1],"labelWidth":[8,"label-width"],"addonLabel":[1,"addon-label"],"addonAlign":[1,"addon-align"],"hint":[1],"errorMessage":[1,"error-message"],"rules":[16],"error":[1028],"icon":[16],"labelTooltip":[1,"label-tooltip"],"labelTooltipProps":[16],"name":[1],"isOpen":[32],"isAnimatingOut":[32],"focused":[32],"hovered":[32],"sdValidate":[64],"sdReset":[64],"sdResetValidate":[64]},null,{"isOpen":[{"watchIsOpen":0}]}],[512,"sd-date-range-picker",{"value":[1040],"size":[513],"placeholder":[513],"selectable":[16],"maxRange":[2,"max-range"],"disabled":[516],"width":[8],"label":[1],"labelWidth":[8,"label-width"],"addonLabel":[1,"addon-label"],"addonAlign":[1,"addon-align"],"hint":[1],"errorMessage":[1,"error-message"],"rules":[16],"error":[1028],"icon":[16],"labelTooltip":[1,"label-tooltip"],"labelTooltipProps":[16],"name":[1],"isOpen":[32],"isAnimatingOut":[32],"focused":[32],"hovered":[32],"sdValidate":[64],"sdReset":[64],"sdResetValidate":[64]},null,{"isOpen":[{"watchIsOpen":0}]}],[512,"sd-file-picker",{"value":[1040],"placeholder":[513],"disabled":[516],"inline":[516],"multiple":[516],"accept":[1],"maxFileSize":[8,"max-file-size"],"maxTotalSize":[8,"max-total-size"],"maxFiles":[8,"max-files"],"name":[1],"label":[1],"labelWidth":[8,"label-width"],"addonLabel":[1,"addon-label"],"addonAlign":[1,"addon-align"],"hint":[1],"errorMessage":[1,"error-message"],"width":[8],"rules":[16],"error":[1028],"status":[1],"icon":[16],"labelTooltip":[1,"label-tooltip"],"labelTooltipProps":[16],"focused":[1028],"hovered":[1028],"internalValue":[32],"showTooltip":[32],"sdValidate":[64],"sdReset":[64],"sdResetValidate":[64]},null,{"value":[{"valueChanged":0}]}],[772,"sd-input",{"value":[1032],"type":[1],"size":[1],"addonLabel":[1,"addon-label"],"addonAlign":[1,"addon-align"],"placeholder":[1],"disabled":[4],"clearable":[4],"width":[8],"rules":[16],"autoFocus":[4,"auto-focus"],"autocomplete":[1],"maxlength":[2],"minlength":[2],"inputmode":[1],"enterkeyhint":[1],"spellcheck":[4],"status":[1],"hint":[1],"errorMessage":[1,"error-message"],"inputClass":[1,"input-class"],"readonly":[4],"error":[1028],"focused":[1028],"hovered":[1028],"label":[1],"labelWidth":[8,"label-width"],"icon":[16],"labelTooltip":[1,"label-tooltip"],"labelTooltipProps":[16],"inputStyle":[16],"name":[1],"internalValue":[32],"passwordVisible":[32],"sdGetNativeElement":[64],"sdValidate":[64],"sdReset":[64],"sdResetValidate":[64],"sdFocus":[64]},null,{"value":[{"valueChanged":0}],"internalValue":[{"internalValueChanged":0}]}],[512,"sd-number-input",{"size":[1],"min":[2],"max":[2],"step":[2],"useButton":[4,"use-button"],"useDecimal":[4,"use-decimal"],"value":[1032],"label":[1],"labelWidth":[8,"label-width"],"addonLabel":[1,"addon-label"],"addonAlign":[1,"addon-align"],"placeholder":[1],"disabled":[4],"width":[8],"rules":[16],"autoFocus":[4,"auto-focus"],"status":[1],"hint":[1],"errorMessage":[1,"error-message"],"inputPrefix":[1,"input-prefix"],"inputSuffix":[1,"input-suffix"],"inputClass":[1,"input-class"],"readonly":[4],"inputStyle":[16],"error":[1028],"focused":[1028],"hovered":[1028],"name":[1],"internalValue":[32],"displayValue":[32],"sdValidate":[64],"sdReset":[64],"sdResetValidate":[64],"sdFocus":[64],"sdGetNativeElement":[64]},null,{"value":[{"valueChanged":0}],"internalValue":[{"internalValueChanged":0}]}],[512,"sd-textarea",{"value":[1025],"placeholder":[1],"disabled":[4],"readonly":[4],"autoFocus":[4,"auto-focus"],"textareaClass":[1,"textarea-class"],"textareaStyle":[16],"maxLength":[2,"max-length"],"rows":[2],"spellcheck":[4],"width":[8],"label":[1],"labelWidth":[8,"label-width"],"addonLabel":[1,"addon-label"],"addonAlign":[1,"addon-align"],"hint":[1],"errorMessage":[1,"error-message"],"icon":[16],"labelTooltip":[1,"label-tooltip"],"labelTooltipProps":[16],"rules":[16],"error":[1028],"status":[1],"focused":[1028],"hovered":[1028],"name":[1],"internalValue":[32],"sdGetNativeElement":[64],"sdValidate":[64],"sdReset":[64],"sdResetValidate":[64],"sdFocus":[64]},null,{"value":[{"valueChanged":0}],"internalValue":[{"internalValueChanged":0}]}],[512,"sd-radio-group",{"value":[1032],"options":[1040],"direction":[1],"disabled":[4],"groupName":[1,"group-name"]},null,{"value":[{"valueChanged":0}]}]]],["p-3b8954d9",[[512,"sd-checkbox",{"value":[1028],"val":[8],"disabled":[516],"inverse":[516],"label":[1],"isChecked":[32]},null,{"value":[{"watchValueHandler":0}]}]]],["p-a98f9a29",[[512,"sd-select-list-item",{"option":[16],"depth":[2],"isSelected":[4,"is-selected"],"isFocused":[4,"is-focused"],"useCheckbox":[4,"use-checkbox"],"countInfo":[16]}],[512,"sd-select-list-item-search",{"isScrolled":[4,"is-scrolled"],"searchText":[32],"sdFocus":[64]}]]],["p-e23dac79",[[512,"sd-select",{"type":[1],"value":[1032],"options":[16],"placeholder":[1],"maxDropdownWidth":[1,"max-dropdown-width"],"dropdownHeight":[1,"dropdown-height"],"disabled":[4],"label":[1],"labelWidth":[8,"label-width"],"addonLabel":[1,"addon-label"],"addonAlign":[1,"addon-align"],"error":[1028],"hint":[1],"errorMessage":[1,"error-message"],"rules":[16],"icon":[16],"labelTooltip":[1,"label-tooltip"],"labelTooltipProps":[16],"emitValue":[4,"emit-value"],"width":[8],"useSearch":[4,"use-search"],"allSelectedLabel":[1,"all-selected-label"],"useSelectAll":[4,"use-select-all"],"name":[1],"isOpen":[32],"isAnimatingOut":[32],"triggerWidth":[32],"resolvedDropdownHeight":[32],"resolvedMaxDropdownWidth":[32],"focused":[32],"hovered":[32],"sdFocus":[64],"sdOpen":[64]},null,{"isOpen":[{"watchIsOpen":0}]}],[513,"sd-select-listbox",{"type":[1],"options":[16],"value":[8],"emitValue":[4,"emit-value"],"useSearch":[4,"use-search"],"useSelectAll":[4,"use-select-all"],"triggerWidth":[1,"trigger-width"],"maxWidth":[1,"max-width"],"maxHeight":[1,"max-height"],"searchKeyword":[32],"isScrolled":[32],"focusedIndex":[32]},null,{"searchKeyword":[{"resetFocusOnFilter":0}]}],[512,"sd-select-trigger",{"displayText":[1,"display-text"],"placeholder":[1],"disabled":[4],"isOpen":[4,"is-open"],"sdFocus":[64]}]]]]'),e))));
|
|
1
|
+
import{p as e,g as a,b as l}from"./p-0U6dRjlq.js";export{s as setNonce}from"./p-0U6dRjlq.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((async e=>(await a(),l(JSON.parse('[["p-9681b0ba",[[512,"sd-button",{"name":[1],"label":[1],"icon":[1],"rightIcon":[1,"right-icon"],"ariaLabel":[1,"aria-label"],"disabled":[4],"type":[1]}],[512,"sd-icon",{"name":[1],"size":[8],"color":[1],"rotate":[2],"label":[1],"iconStyle":[16]}]]],["p-42f7febe",[[772,"sd-key-value-table",{"fields":[16],"search":[4],"useTop":[4,"use-top"]}]]],["p-29fd86d8",[[769,"sd-table",{"tableId":[513,"table-id"],"columns":[16],"rows":[16],"selected":[1040],"rowKey":[1,"row-key"],"selectable":[4],"resizable":[4],"width":[1],"height":[1],"stickyHeader":[4,"sticky-header"],"stickyColumn":[16],"radius":[1],"noDataLabel":[1,"no-data-label"],"isLoading":[4,"is-loading"],"pagination":[16],"useInternalPagination":[4,"use-internal-pagination"],"useRowsPerPageSelect":[4,"use-rows-per-page-select"],"dense":[4],"useVirtualScroll":[4,"use-virtual-scroll"],"rowHeight":[2,"row-height"],"virtualBuffer":[2,"virtual-buffer"],"virtualEndThreshold":[2,"virtual-end-threshold"],"rowsPerPageOption":[16],"resolvedNoDataLabel":[32],"currentPage":[32],"innerRowsPerPage":[32],"innerSelected":[32],"columnWidths":[32],"scrolledLeft":[32],"scrolledRight":[32],"rowCount":[32],"loadingScrollTop":[32],"noDataBodyHeight":[32],"autoThead":[32],"autoTbody":[32],"isRowSelected":[64],"updateRowSelect":[64],"toggleSelectAll":[64],"getIsAllChecked":[64],"getStickyStyle":[64],"setRowCount":[64],"getPaginationInfo":[64]},null,{"isLoading":[{"handleIsLoadingChange":0}],"useVirtualScroll":[{"handleUseVirtualScrollChange":0}],"columns":[{"handleColumnsChange":0}],"rows":[{"handleRowsChange":0}],"rowKey":[{"handleRowKeyChange":0}],"tableId":[{"handleTableIdChange":0}],"noDataLabel":[{"handleNoDataLabelChange":0}],"selectable":[{"handleConfigChange":0}],"resizable":[{"handleConfigChange":0}],"stickyColumn":[{"handleConfigChange":0}],"stickyHeader":[{"handleConfigChange":0}],"dense":[{"handleConfigChange":0}],"selected":[{"handleSelectedChange":0}],"pagination":[{"handlePaginationChange":0}]}]]],["p-aeccfb2b",[[512,"sd-modal-container",{"autoRemove":[4,"auto-remove"],"entries":[32],"open":[64],"openLoading":[64],"createCustom":[64],"dismissById":[64],"update":[64]}]]],["p-a71d4947",[[772,"sd-barcode-input",{"value":[1032],"size":[1],"addonLabel":[1,"addon-label"],"addonAlign":[1,"addon-align"],"placeholder":[1],"disabled":[4],"clearable":[4],"width":[8],"rules":[16],"autoFocus":[4,"auto-focus"],"status":[1],"hint":[1],"errorMessage":[1,"error-message"],"inputClass":[1,"input-class"],"readonly":[4],"error":[1028],"focused":[1028],"hovered":[1028],"label":[1],"labelWidth":[8,"label-width"],"icon":[16],"labelTooltip":[1,"label-tooltip"],"labelTooltipProps":[16],"inputStyle":[16],"name":[1],"internalValue":[32],"sdGetNativeElement":[64],"sdValidate":[64],"sdReset":[64],"sdResetValidate":[64],"sdFocus":[64]},null,{"value":[{"valueChanged":0}],"internalValue":[{"internalValueChanged":0}]}]]],["p-92f368a2",[[512,"sd-popover",{"show":[1028],"placement":[513],"color":[513],"icon":[513],"iconSize":[514,"icon-size"],"label":[1],"name":[1],"rightIcon":[1,"right-icon"],"ariaLabel":[1,"aria-label"],"disabled":[4],"type":[1],"menuTitle":[1,"menu-title"],"messages":[16],"leftLink":[16],"button":[16],"menuClass":[1,"menu-class"],"useClose":[4,"use-close"]}]]],["p-9f7f1b8b",[[512,"sd-guide",{"type":[513],"label":[513],"message":[1],"url":[1],"popupTitle":[1,"popup-title"],"popupWidth":[2,"popup-width"],"popupShow":[32]}]]],["p-fe3ae346",[[512,"sd-toast-container",{"position":[1],"maxVisible":[2,"max-visible"],"defaultDuration":[2,"default-duration"],"zIndex":[2,"z-index"],"toasts":[32],"expanded":[32],"create":[64],"dismiss":[64],"dismissAll":[64]}]]],["p-4a91875c",[[772,"sd-action-modal",{"modalTitle":[1,"modal-title"],"buttonProps":[16],"width":[8],"height":[8]}]]],["p-481e6934",[[512,"sd-chip",{"name":[1],"value":[1025],"error":[1028],"disabled":[4],"placeholder":[1],"rules":[16],"internalValue":[32],"isEditing":[32],"sdValidate":[64],"sdReset":[64],"sdResetValidate":[64],"sdResetValidation":[64],"sdFocus":[64],"sdGetNativeElement":[64]},null,{"value":[{"valueChanged":0}]}]]],["p-a640e509",[[512,"sd-dropdown-button",{"name":[1],"label":[1],"items":[16],"disabled":[4],"isOpen":[32],"isAnimatingOut":[32],"itemIndex":[32],"sdOpen":[64],"sdClose":[64]},null,{"isOpen":[{"handleOpenChange":0}]}]]],["p-fc5c4f85",[[772,"sd-popup",{"popupTitle":[1,"popup-title"],"type":[1],"useFooter":[4,"use-footer"],"submitButtonProps":[16]}]]],["p-e8e64511",[[512,"sd-tabs",{"value":[1537],"tabs":[1040],"size":[513],"isSub":[516,"is-sub"]},null,{"value":[{"valueChanged":0}]}]]],["p-9b9bf9db",[[512,"sd-loading-container",{"visible":[32],"message":[32],"show":[64],"hide":[64]}]]],["p-d39e515d",[[512,"sd-badge",{"color":[1]}]]],["p-cc97f4b4",[[772,"sd-card",{"bordered":[4],"sdClass":[1,"sd-class"]}]]],["p-399d416c",[[514,"sd-date-box",{"date":[8],"disabled":[4],"selected":[4],"isStartDate":[4,"is-start-date"],"isEndDate":[4,"is-end-date"],"isToday":[4,"is-today"],"inRange":[4,"in-range"],"type":[1]}]]],["p-679bce6c",[[772,"sd-form",{"formClass":[1,"form-class"],"sdRegisterField":[64],"sdUnregisterField":[64],"sdValidate":[64],"sdReset":[64],"sdResetValidation":[64]}]]],["p-74bf0ed9",[[512,"sd-linear-progress",{"indeterminate":[516],"value":[2],"type":[513],"label":[1]}]]],["p-c7099e9e",[[512,"sd-radio-button",{"value":[1032],"options":[1040],"size":[1],"disabled":[4],"name":[1]}]]],["p-ae117afa",[[512,"sd-switch",{"value":[1028],"label":[1],"disabled":[4]}]]],["p-522d1481",[[772,"sd-td",{"field":[1],"rowKey":[1,"row-key"],"align":[1],"rowspan":[2],"colspan":[2],"sdClass":[1,"sd-class"],"dividerLeft":[4,"divider-left"],"dividerRight":[4,"divider-right"],"useFrame":[4,"use-frame"]},null,{"field":[{"handleFieldChange":0}],"rowKey":[{"handleRowKeyChange":0}],"rowspan":[{"handleSpanChange":0}],"colspan":[{"handleSpanChange":0}],"sdClass":[{"handleSdClassChange":0}],"dividerLeft":[{"handleDividerChange":0}],"dividerRight":[{"handleDividerChange":0}],"useFrame":[{"handleUseFrameChange":0}]}]]],["p-e611dcd4",[[512,"sd-toggle",{"value":[1540],"label":[1],"disabled":[4]}]]],["p-11b904a3",[[512,"sd-toast",{"icon":[1],"message":[1],"link":[1],"linkLabel":[1,"link-label"],"buttonLabel":[1,"button-label"],"useClose":[4,"use-close"],"type":[1]}]]],["p-00b2c850",[[512,"sd-text-link",{"label":[1],"icon":[1],"iconColor":[1,"icon-color"],"labelClass":[1,"label-class"],"useArrow":[516,"use-arrow"],"underline":[516],"disabled":[516]}]]],["p-84a94775",[[512,"sd-circle-progress",{"indeterminate":[516],"value":[2],"type":[513],"label":[1]}]]],["p-a97033a2",[[772,"sd-confirm-modal",{"type":[1],"modalTitle":[1,"modal-title"],"titleClass":[1,"title-class"],"topMessage":[16],"bottomMessage":[16],"mainButtonName":[1,"main-button-name"],"mainButtonLabel":[1,"main-button-label"],"subButtonLabel":[1,"sub-button-label"],"tagPreset":[1,"tag-preset"],"tagLabel":[1,"tag-label"],"slotLabel":[1,"slot-label"],"tagContents":[16],"hasSlottedContent":[32]}],[512,"sd-loading-modal",{"state":[513],"message":[1],"useButton":[516,"use-button"],"buttonLabel":[1,"button-label"],"width":[8],"height":[8]}]]],["p-f7074386",[[512,"sd-date-range-picker-calendar",{"value":[16],"selectable":[16],"maxRange":[2,"max-range"],"currentYear":[32],"currentMonth":[32],"pendingStart":[32],"hoverDate":[32],"displayValue":[32]},null,{"value":[{"handleValueChange":0}]}]]],["p-e902a3f4",[[512,"sd-radio",{"value":[1032],"val":[8],"disabled":[4],"label":[1]},null,{"value":[{"valueChanged":0}]}]]],["p-dbeaeb31",[[512,"sd-tag",{"name":[1],"label":[1],"icon":[1],"isLeft":[4,"is-left"]}]]],["p-d890a680",[[512,"sd-thead",{"columns":[16],"selectable":[4],"resizable":[4],"stickyColumn":[16],"stickyHeader":[4,"sticky-header"],"scrolledLeft":[4,"scrolled-left"],"scrolledRight":[4,"scrolled-right"],"rows":[16],"columnWidths":[1040],"tableId":[32],"_columns":[32],"_selectable":[32],"_resizable":[32],"_stickyColumn":[32],"_stickyHeader":[32],"_scrolledLeft":[32],"_scrolledRight":[32],"refreshConfig":[64],"setColumnWidths":[64],"refreshSelection":[64]},null,{"columns":[{"handleColumnsChange":0}]}],[772,"sd-tr",{"columns":[16],"selectable":[4],"stickyColumn":[16],"rowKey":[1,"row-key"],"row":[16],"separator":[4],"tableId":[32],"columnWidths":[32],"isVisible":[32],"spansVersion":[32],"_columns":[32],"_selectable":[32],"_stickyColumn":[32],"_scrolledLeft":[32],"_scrolledRight":[32],"_dense":[32],"refreshConfig":[64],"bumpSpansVersion":[64],"updateVisibility":[64],"setColumnWidths":[64],"refreshSelection":[64]}],[512,"sd-pagination",{"currentPage":[1026,"current-page"],"lastPage":[2,"last-page"],"simple":[4]}],[769,"sd-tbody",{"rows":[16],"tableId":[32],"topSpacerHeight":[32],"bottomSpacerHeight":[32]},null,{"rows":[{"handleRowsChange":0}]}]]],["p-36d744fb",[[512,"sd-calendar",{"value":[1025],"selectable":[16],"events":[16],"currentYear":[32],"currentMonth":[32]},null,{"value":[{"handleValueChange":0}]}],[512,"sd-date-picker-trigger",{"displayText":[1,"display-text"],"placeholder":[1],"disabled":[4],"size":[1]}]]],["p-a7ea1cf0",[[772,"sd-portal",{"to":[1],"parentRef":[16],"offset":[16],"viewportPadding":[2,"viewport-padding"],"zIndex":[2,"z-index"],"open":[4]},[[9,"scroll","updatePosition"],[9,"resize","updatePosition"],[9,"mousedown","handleMouseDown"],[8,"click","handleWindowClick"]],{"open":[{"handleOpenChange":0}]}]]],["p-03badf68",[[512,"sd-ghost-button",{"icon":[1],"size":[1],"intent":[1],"ariaLabel":[1,"aria-label"],"disabled":[4]}]]],["p-32e2d71e",[[772,"sd-field",{"name":[1],"rules":[16],"error":[1028],"disabled":[1028],"readonly":[1028],"hovered":[1028],"focused":[1028],"status":[1],"hint":[1],"errorMessage":[1,"error-message"],"width":[8],"size":[513],"label":[1],"labelWidth":[8,"label-width"],"addonLabel":[1,"addon-label"],"addonAlign":[1,"addon-align"],"icon":[16],"labelTooltip":[1,"label-tooltip"],"labelTooltipProps":[16],"errorMsg":[32],"sdValidate":[64],"sdReset":[64],"sdResetValidation":[64],"sdFocus":[64]}],[512,"sd-tooltip",{"trigger":[1],"placement":[1],"color":[1],"tooltipType":[1,"tooltip-type"],"icon":[1],"iconSize":[2,"icon-size"],"label":[1],"name":[1],"rightIcon":[1,"right-icon"],"ariaLabel":[1,"aria-label"],"disabled":[4],"type":[1],"sdClass":[1,"sd-class"],"showTooltip":[32],"slotContentHTML":[32]}],[772,"sd-floating-portal",{"to":[1],"parentRef":[16],"offset":[16],"zIndex":[2,"z-index"],"placement":[1],"open":[4]},[[9,"scroll","updatePosition"],[9,"resize","updatePosition"],[9,"mousedown","handleMouseDown"],[8,"click","handleWindowClick"],[8,"keydown","handleKeydown"]]]]],["p-8f4ccae4",[[512,"sd-date-picker",{"value":[1025],"size":[513],"placeholder":[513],"selectable":[16],"disabled":[516],"width":[8],"label":[1],"labelWidth":[8,"label-width"],"addonLabel":[1,"addon-label"],"addonAlign":[1,"addon-align"],"hint":[1],"errorMessage":[1,"error-message"],"rules":[16],"error":[1028],"icon":[16],"labelTooltip":[1,"label-tooltip"],"labelTooltipProps":[16],"name":[1],"isOpen":[32],"isAnimatingOut":[32],"focused":[32],"hovered":[32],"sdValidate":[64],"sdReset":[64],"sdResetValidate":[64]},null,{"isOpen":[{"watchIsOpen":0}]}],[512,"sd-date-range-picker",{"value":[1040],"size":[513],"placeholder":[513],"selectable":[16],"maxRange":[2,"max-range"],"disabled":[516],"width":[8],"label":[1],"labelWidth":[8,"label-width"],"addonLabel":[1,"addon-label"],"addonAlign":[1,"addon-align"],"hint":[1],"errorMessage":[1,"error-message"],"rules":[16],"error":[1028],"icon":[16],"labelTooltip":[1,"label-tooltip"],"labelTooltipProps":[16],"name":[1],"isOpen":[32],"isAnimatingOut":[32],"focused":[32],"hovered":[32],"sdValidate":[64],"sdReset":[64],"sdResetValidate":[64]},null,{"isOpen":[{"watchIsOpen":0}]}],[512,"sd-file-picker",{"value":[1040],"placeholder":[513],"disabled":[516],"inline":[516],"multiple":[516],"accept":[1],"maxFileSize":[8,"max-file-size"],"maxTotalSize":[8,"max-total-size"],"maxFiles":[8,"max-files"],"name":[1],"label":[1],"labelWidth":[8,"label-width"],"addonLabel":[1,"addon-label"],"addonAlign":[1,"addon-align"],"hint":[1],"errorMessage":[1,"error-message"],"width":[8],"rules":[16],"error":[1028],"status":[1],"icon":[16],"labelTooltip":[1,"label-tooltip"],"labelTooltipProps":[16],"focused":[1028],"hovered":[1028],"internalValue":[32],"showTooltip":[32],"sdValidate":[64],"sdReset":[64],"sdResetValidate":[64]},null,{"value":[{"valueChanged":0}]}],[772,"sd-input",{"value":[1032],"type":[1],"size":[1],"addonLabel":[1,"addon-label"],"addonAlign":[1,"addon-align"],"placeholder":[1],"disabled":[4],"clearable":[4],"width":[8],"rules":[16],"autoFocus":[4,"auto-focus"],"autocomplete":[1],"maxlength":[2],"minlength":[2],"inputmode":[1],"enterkeyhint":[1],"spellcheck":[4],"status":[1],"hint":[1],"errorMessage":[1,"error-message"],"inputClass":[1,"input-class"],"readonly":[4],"error":[1028],"focused":[1028],"hovered":[1028],"label":[1],"labelWidth":[8,"label-width"],"icon":[16],"labelTooltip":[1,"label-tooltip"],"labelTooltipProps":[16],"inputStyle":[16],"name":[1],"internalValue":[32],"passwordVisible":[32],"sdGetNativeElement":[64],"sdValidate":[64],"sdReset":[64],"sdResetValidate":[64],"sdFocus":[64]},null,{"value":[{"valueChanged":0}],"internalValue":[{"internalValueChanged":0}]}],[512,"sd-number-input",{"size":[1],"min":[2],"max":[2],"step":[2],"useButton":[4,"use-button"],"useDecimal":[4,"use-decimal"],"value":[1032],"label":[1],"labelWidth":[8,"label-width"],"addonLabel":[1,"addon-label"],"addonAlign":[1,"addon-align"],"placeholder":[1],"disabled":[4],"width":[8],"rules":[16],"autoFocus":[4,"auto-focus"],"status":[1],"hint":[1],"errorMessage":[1,"error-message"],"inputPrefix":[1,"input-prefix"],"inputSuffix":[1,"input-suffix"],"inputClass":[1,"input-class"],"readonly":[4],"inputStyle":[16],"error":[1028],"focused":[1028],"hovered":[1028],"name":[1],"internalValue":[32],"displayValue":[32],"sdValidate":[64],"sdReset":[64],"sdResetValidate":[64],"sdFocus":[64],"sdGetNativeElement":[64]},null,{"value":[{"valueChanged":0}],"internalValue":[{"internalValueChanged":0}]}],[512,"sd-textarea",{"value":[1025],"placeholder":[1],"disabled":[4],"readonly":[4],"autoFocus":[4,"auto-focus"],"textareaClass":[1,"textarea-class"],"textareaStyle":[16],"maxLength":[2,"max-length"],"rows":[2],"spellcheck":[4],"width":[8],"label":[1],"labelWidth":[8,"label-width"],"addonLabel":[1,"addon-label"],"addonAlign":[1,"addon-align"],"hint":[1],"errorMessage":[1,"error-message"],"icon":[16],"labelTooltip":[1,"label-tooltip"],"labelTooltipProps":[16],"rules":[16],"error":[1028],"status":[1],"focused":[1028],"hovered":[1028],"name":[1],"internalValue":[32],"sdGetNativeElement":[64],"sdValidate":[64],"sdReset":[64],"sdResetValidate":[64],"sdFocus":[64]},null,{"value":[{"valueChanged":0}],"internalValue":[{"internalValueChanged":0}]}],[512,"sd-radio-group",{"value":[1032],"options":[1040],"direction":[1],"disabled":[4],"groupName":[1,"group-name"]},null,{"value":[{"valueChanged":0}]}]]],["p-3b8954d9",[[512,"sd-checkbox",{"value":[1028],"val":[8],"disabled":[516],"inverse":[516],"label":[1],"isChecked":[32]},null,{"value":[{"watchValueHandler":0}]}]]],["p-a98f9a29",[[512,"sd-select-list-item",{"option":[16],"depth":[2],"isSelected":[4,"is-selected"],"isFocused":[4,"is-focused"],"useCheckbox":[4,"use-checkbox"],"countInfo":[16]}],[512,"sd-select-list-item-search",{"isScrolled":[4,"is-scrolled"],"searchText":[32],"sdFocus":[64]}]]],["p-e23dac79",[[512,"sd-select",{"type":[1],"value":[1032],"options":[16],"placeholder":[1],"maxDropdownWidth":[1,"max-dropdown-width"],"dropdownHeight":[1,"dropdown-height"],"disabled":[4],"label":[1],"labelWidth":[8,"label-width"],"addonLabel":[1,"addon-label"],"addonAlign":[1,"addon-align"],"error":[1028],"hint":[1],"errorMessage":[1,"error-message"],"rules":[16],"icon":[16],"labelTooltip":[1,"label-tooltip"],"labelTooltipProps":[16],"emitValue":[4,"emit-value"],"width":[8],"useSearch":[4,"use-search"],"allSelectedLabel":[1,"all-selected-label"],"useSelectAll":[4,"use-select-all"],"name":[1],"isOpen":[32],"isAnimatingOut":[32],"triggerWidth":[32],"resolvedDropdownHeight":[32],"resolvedMaxDropdownWidth":[32],"focused":[32],"hovered":[32],"sdFocus":[64],"sdOpen":[64]},null,{"isOpen":[{"watchIsOpen":0}]}],[513,"sd-select-listbox",{"type":[1],"options":[16],"value":[8],"emitValue":[4,"emit-value"],"useSearch":[4,"use-search"],"useSelectAll":[4,"use-select-all"],"triggerWidth":[1,"trigger-width"],"maxWidth":[1,"max-width"],"maxHeight":[1,"max-height"],"searchKeyword":[32],"isScrolled":[32],"focusedIndex":[32]},null,{"searchKeyword":[{"resetFocusOnFilter":0}]}],[512,"sd-select-trigger",{"displayText":[1,"display-text"],"placeholder":[1],"disabled":[4],"isOpen":[4,"is-open"],"sdFocus":[64]}]]]]'),e))));
|