xv-webcomponents 2.0.0-beta.2 → 2.0.0-beta.28

package/dist/components/xv-table.js

@@ -0,0 +1 @@
+import{p as t,H as e,c as i,h as s,a as r,t as n}from"./p-CspyoLL9.js";import{X as a,S as o}from"./p-HjYAjHna.js";import{d as h}from"./p-D4FwGeDJ.js";import{d as l}from"./p-BfhvpeQh.js";import{d}from"./p-Dwbe941A.js";import{d as c}from"./p-DIvi4fI3.js";import{d as u}from"./p-CvgDDcjp.js";import{d as v}from"./p-DPnvoOYj.js";import{d as b}from"./p-B0kwaJ8n.js";import{d as p}from"./p-i7_81si-.js";import{d as g}from"./p-DFtMwE-h.js";const f="table-layouts";let m=null,x=!1;const y=(t,e)=>`${t||"anonymous"}:${e}`,w=t=>new Promise(((e,i)=>{t.onsuccess=()=>e(t.result),t.onerror=()=>i(t.error)})),k=async t=>{const e=await(m||(m=new Promise((t=>{if("undefined"==typeof indexedDB)return t(null);let e;try{e=indexedDB.open("xv-webcomponents",1)}catch(e){return t(null)}e.onupgradeneeded=()=>{const t=e.result;if(t.objectStoreNames.contains(f))return;const i=t.createObjectStore(f,{keyPath:"id"});i.createIndex("owner","owner"),i.createIndex("updatedAt","updatedAt")},e.onsuccess=()=>t(e.result),e.onerror=()=>t(null),e.onblocked=()=>t(null)})),m));if(!e)return null;try{return e.transaction(f,t).objectStore(f)}catch(t){return null}},C=async()=>{if(!x){x=!0;try{const t=await k("readwrite");if(!t)return;const e=IDBKeyRange.upperBound(Date.now()-15552e6);(await w(t.index("updatedAt").getAll(e))).forEach((e=>t.delete(e.id)))}catch(t){}}},z="xv-table-row",D="xv-table-cell",O=[10,20,30,40,50,100],j=/^(asc|desc)\((.+)\)$/,S=(t,e)=>{if("string"!=typeof t)return null!=t?t:e;if(!t.trim())return e;try{return JSON.parse(t)}catch(t){return e}},R=t=>{const e=(("string"==typeof t&&t.includes(",")?t.split(",").map((t=>Number(t.trim()))):S(t,O))||[]).filter((t=>Number.isFinite(t)&&t>0));return e.length?e:O},L=t=>{if(!t)return null;if("string"!=typeof t)return t.name?{name:t.name,direction:t.direction||a.ASC}:null;const e=j.exec(t.trim());return e?{name:e[2],direction:e[1]}:null},M=t=>t.sortName||t.id,_=(t,e)=>"function"==typeof e.value?e.value(t):null==t?void 0:t[e.value||e.id],A=t=>null==t||""===t,E=/^\d{4}-\d{2}-\d{2}([T ]|$)|^\d{1,2}[./-]\d{1,2}[./-]\d{2,4}$/,$=t=>{if(t instanceof Date)return t.getTime();if("number"==typeof t||"boolean"==typeof t)return t;const e=t+"",i=E.test(e.trim())?Date.parse(e):NaN;return Number.isNaN(i)?e:i},I=(t,e)=>Math.ceil((t||0)/(e||10))||1,B=(t,e)=>Math.min(Math.max(t||1,1),Math.max(e,1)),N=t=>t.filter((t=>!t.hidden)),P=(t,e,i)=>{var s;return e&&(null===(s=t[i])||void 0===s||s)},T=(t,e)=>{const i=e.maxWidth||Number.MAX_SAFE_INTEGER;return Math.round(Math.min(Math.max(t,e.minWidth||64),i))},H=(t,e,i=0)=>e?e+i:N(t).reduce(((t,e)=>"number"==typeof e.width?t+e.width:e.width?t:t+120),0)+i,K=(t,e=[],i=[])=>{const s=N(t),r=s.length>0&&s.every((t=>!!t.width));return[...e.map((t=>t+"px")),...s.map((t=>t.width?"number"==typeof t.width?r?`minmax(${t.width}px,${t.width}fr)`:t.width+"px":/^([0-9.]+)%$/.test(t.width)?`minmax(0,${t.width})`:t.width:`minmax(${t.minWidth||64}px,1fr)`)),...i.map((t=>t+"px"))]},F=(t,e)=>{const i=new Map(e.map((t=>[t.id,t]))),s=t.map((t=>t.id)),r={},n={};return t.forEach((t=>{const e=i.get(t.id);"number"==typeof t.width&&t.width!==(null==e?void 0:e.width)&&(r[t.id]=t.width),!!t.hidden!=!!(null==e?void 0:e.hidden)&&(n[t.id]=!!t.hidden)})),{v:1,order:s.join()===e.map((t=>t.id)).join()?[]:s,widths:r,hidden:n}},V=(t,e)=>{const i=t.map((t=>Object.assign({},t)));if(!e||1!==e.v)return i;const s=new Map(i.map((t=>[t.id,t]))),r=e.order.map((t=>s.get(t))).filter(Boolean);return i.forEach(((t,e)=>{r.includes(t)||r.splice(Math.min(e,r.length),0,t)})),r.forEach((t=>{const i=e.widths[t.id];i&&(t.width=i);const s=e.hidden[t.id];void 0!==s&&t.hideable&&(t.hidden=s)})),r},W="eventChange",J=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.sortChange=i(this,"sortChange",7),this.selectedChange=i(this,"selectedChange",7),this.expandedChange=i(this,"expandedChange",7),this.pageChange=i(this,"pageChange",7),this.layoutChange=i(this,"layoutChange",7),this.rowClick=i(this,"rowClick",7),this.rowOrderChange=i(this,"rowOrderChange",7),this.columns=[],this.rows=[],this.rowKey="id",this.size=o.MD,this.block=!1,this.loading=!1,this.skeletonRows=0,this.hover=!1,this.rowClickable=!1,this.label="",this.description="",this.emptyLabel="",this.selectedLabel="",this.columnsLabel="Columns",this.resetLabel="Reset",this.expandLabel="Toggle row",this.reorderLabel="Drag to reorder",this.sortMode="none",this.sortBy="",this.selection="none",this.selected=[],this.expandMode="none",this.expanded=[],this.paginationMode="none",this.page=1,this.pageSize=10,this.total=0,this.pageSizeOptions=[10,20,30,40,50,100],this.resizable=!1,this.reorderable=!1,this.rowReorderable=!1,this.rowReorderHandle="icon",this.stickyHeader=!1,this.minWidth=0,this.storageKey="",this.storageOwner="anonymous",this.layout=null,this.locale="",this.columnState=[],this.sortState=null,this.selectedValues=[],this.expandedValues=[],this.layoutPending=!1,this.columnDragging=!1,this.dragOverId="",this.dropRowIndex=-1,this.slottedRowCount=0,this.derivedTracks=[],this.hasSlottedHeader=!1,this.hasSlottedHeading=!1,this.hasSlottedEmpty=!1,this.overflowing=!1,this.declared=[],this.declaredSignature="",this.fromMarkup=!1,this.rowData=[],this.seededExpanded=!1,this.collapsed=new WeakSet,this.dragRowIndex=-1,this.layoutToken=0,this.dragColumnId="",this.measureOverflow=()=>{if(!this.scrollEl)return;const t=this.scrollEl.scrollWidth-this.scrollEl.clientWidth>1;t!==this.overflowing&&(this.overflowing=t)},this.toggleSort=t=>{var e;if(!this.isSortable(t)||this.columnDragging)return;const i=M(t),s=(t=>t===a.ASC?a.DESC:a.ASC)((null===(e=this.sortState)||void 0===e?void 0:e.name)===i?this.sortState.direction:null);this.sortState={name:i,direction:s},this.sortChange.emit(this.sortState)},this.resizeStart=(t,e,i)=>{if(0!==t.button)return;t.preventDefault(),t.stopPropagation();const s=this.visible,r=s.indexOf(e),n=r+1<s.length?r+1:r-1,a=s[n],o=this.headerCells(),h=o[r].getBoundingClientRect().width,l=a?o[n].getBoundingClientRect().width:0,d=t.clientX,c=this.leadingTracks.length;let u=h,v=l;i.setPointerCapture(t.pointerId);const b=t=>{var i;u=T(h+t.clientX-d,e),a&&(v=T(l-(u-h),a),u=T(h+(l-v),e));const s=K(this.columnState,this.leadingTracks,this.trailingTracks);s[r+c]=u+"px",a&&(s[n+c]=v+"px"),null===(i=this.gridEl)||void 0===i||i.style.setProperty("--xv-table-columns",s.join(" "))},p=()=>{i.removeEventListener("pointermove",b),i.removeEventListener("pointerup",p),i.removeEventListener("pointercancel",p),this.columnState=this.columnState.map((t=>t.id===e.id?Object.assign(Object.assign({},t),{width:u}):a&&t.id===a.id?Object.assign(Object.assign({},t),{width:v}):t)),this.commitLayout()};i.addEventListener("pointermove",b),i.addEventListener("pointerup",p),i.addEventListener("pointercancel",p)},this.resizeReset=t=>{var e;const i=null===(e=this.declared.find((e=>e.id===t.id)))||void 0===e?void 0:e.width;this.columnState=this.columnState.map((e=>e.id===t.id?Object.assign(Object.assign({},e),{width:i}):e)),this.commitLayout()},this.headPointerDown=t=>{const e=this.headerCellFrom(t);e&&t.composedPath().some((t=>{var e;return null===(e=null==t?void 0:t.classList)||void 0===e?void 0:e.contains("resize")}))&&this.resizeStart(t,e.column,t.composedPath()[0])},this.headKeyDown=t=>{if("Enter"!==t.key&&" "!==t.key)return;const e=this.headerCellFrom(t);e&&(t.preventDefault(),this.toggleSort(e.column))},this.headDblClick=t=>{if(!t.composedPath().some((t=>{var e;return null===(e=null==t?void 0:t.classList)||void 0===e?void 0:e.contains("resize")})))return;const e=this.headerCellFrom(t);e&&this.resizeReset(e.column)},this.headDragStart=t=>{const e=this.headerCellFrom(t);e&&this.dragStart(t,e.column)},this.headDragOver=t=>{const e=this.headerCellFrom(t);e&&this.dragOver(t,e.column,e.cell)},this.headDrop=t=>{const e=this.headerCellFrom(t);e&&this.drop(t,e.column)},this.dragStart=(t,e)=>{var i;this.dragColumnId=e.id,this.columnDragging=!0,null===(i=t.dataTransfer)||void 0===i||i.setData("text/plain",e.id),t.dataTransfer&&(t.dataTransfer.effectAllowed="move")},this.dragOver=(t,e,i)=>{this.dragColumnId&&e.id!==this.dragColumnId&&P(e,this.reorderable,"reorderable")&&(t.preventDefault(),this.dragOverId!==e.id&&(this.dragOverId=e.id,this.headerCells().forEach((t=>t.classList.toggle("drag-over",t===i)))))},this.drop=(t,e)=>{if(t.preventDefault(),this.clearDragOver(),!this.dragColumnId||e.id===this.dragColumnId)return;if(!P(e,this.reorderable,"reorderable"))return;const i=this.visible,s=i.findIndex((t=>t.id===this.dragColumnId)),r=i.findIndex((t=>t.id===e.id));s<0||r<0||(this.columnState=((t,e)=>{const i=[...e];return t.map((t=>t.hidden?t:i.shift()||t))})(this.columnState,((t,e,i)=>{const s=[...t];return s.splice(i,0,s.splice(e,1)[0]),s})(i,s,r)),this.commitLayout())},this.dragEnd=()=>{this.dragColumnId="",this.clearDragOver(),setTimeout((()=>this.columnDragging=!1),0)},this.toggleSelectAll=()=>{this.setSelection(this.selectedValues.length?[]:this.rowValues())},this.toggleColumn=t=>{this.columnState=this.columnState.map((e=>e.id===t.id?Object.assign(Object.assign({},e),{hidden:!e.hidden}):e)),this.commitLayout()},this.rowDragStart=t=>{const e=this.rowFrom(t);!e||e.group||e.disabled||(this.dragRowIndex=this.bodyRows().indexOf(e),this.dragRowIndex<0||(e.classList.add("is-dragging"),t.dataTransfer&&(t.dataTransfer.effectAllowed="move")))},this.rowDragOver=t=>{if(this.dragRowIndex<0)return;const e=this.rowFrom(t);if(!e||e.group)return;const i=this.bodyRows().indexOf(e);i<0||i===this.dragRowIndex||(t.preventDefault(),i!==this.dropRowIndex&&(this.dropRowIndex=i,this.bodyRows().forEach(((t,e)=>{t.classList.toggle("drop-above",e===i&&i<this.dragRowIndex),t.classList.toggle("drop-below",e===i&&i>this.dragRowIndex)}))))},this.rowDrop=t=>{if(this.dragRowIndex<0)return;t.preventDefault();const e=this.dropRowIndex,i=this.dragRowIndex;this.rowDragEnd(),e<0||i===e||this.rowOrderChange.emit({from:i,to:e})},this.rowDragEnd=()=>{this.bodyRows().forEach((t=>t.classList.remove("is-dragging","drop-above","drop-below"))),this.dragRowIndex=-1,this.dropRowIndex=-1},this.bodyChange=t=>{var e;const i=t.composedPath(),s=i.find((t=>{var e;return(null===(e=null==t?void 0:t.tagName)||void 0===e?void 0:e.toLowerCase())===z}));if(!s||s.disabled)return;const r=i.find((t=>{var e;return null===(e=null==t?void 0:t.classList)||void 0===e?void 0:e.contains("control_input")}));if(r&&(null===(e=s.shadowRoot)||void 0===e?void 0:e.contains(r))){if(t.stopPropagation(),s.hasAttribute("header"))return this.toggleSelectAll();this.toggleRowSelection(s.value)}},this.gridClick=t=>{if(t.composedPath().some((t=>{var e;return null===(e=null==t?void 0:t.classList)||void 0===e?void 0:e.contains("resize")})))return;const e=this.headerCellFrom(t);if(e)return this.toggleSort(e.column);this.bodyClick(t)},this.bodyClick=t=>{const e=t.composedPath(),i=e.find((t=>{var e;return(null===(e=null==t?void 0:t.tagName)||void 0===e?void 0:e.toLowerCase())===z}));i&&!i.disabled&&(e.some((t=>{var e;return"expand-button"===(null===(e=null==t?void 0:t.getAttribute)||void 0===e?void 0:e.call(t,"part"))}))?this.toggleExpanded(i.value):this.rowClickable&&(e.some((t=>{var e;return t!==i&&(null===(e=null==t?void 0:t.matches)||void 0===e?void 0:e.call(t,'a,button,input,select,textarea,[role="button"],xv-button-v2,xv-link-v2,xv-checkbox-v2,xv-radio-v2,xv-overflow-menu-v2,xv-tooltip-v2'))}))||this.rowClick.emit({value:i.value,index:this.renderedRows().indexOf(i)})))},this.paginationChanged=t=>{t.stopPropagation(),this.page=t.detail.page||this.page,this.pageSize=t.detail.itemsPerPage||this.pageSize,this.pageChange.emit({page:this.page,pageSize:this.pageSize})}}componentWillLoad(){this.declared=S(this.columns,[]),this.rowData=S(this.rows,[]),this.columnState=this.declared.map((t=>Object.assign({},t))),this.sortState=L(this.sortBy),this.selectedValues=S(this.selected,[]),this.expandedValues=S(this.expanded,[]),this.slottedRowCount=this.slottedRows().length,(this.storageKey||this.layout)&&this.restoreLayout()}componentDidLoad(){this.el.addEventListener(W,this.bodyChange),"undefined"!=typeof MutationObserver&&(this.rowObserver=new MutationObserver((t=>{t.some((t=>this.touchesStructure(t)))&&(this.syncStructure(),this.syncRows())})),this.rowObserver.observe(this.el,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["column-id","width","sortable","hideable","parent"]})),"undefined"!=typeof ResizeObserver&&(this.sizeObserver=new ResizeObserver((()=>this.measureOverflow())),this.scrollEl&&this.sizeObserver.observe(this.scrollEl),this.gridEl&&this.sizeObserver.observe(this.gridEl)),this.syncStructure(),this.syncRows()}componentDidRender(){this.syncRows()}disconnectedCallback(){var t,e;this.el.removeEventListener(W,this.bodyChange),null===(t=this.rowObserver)||void 0===t||t.disconnect(),this.rowObserver=void 0,null===(e=this.sizeObserver)||void 0===e||e.disconnect(),this.sizeObserver=void 0}columnsChanged(){this.declared=S(this.columns,[]),this.restoreLayout()}layoutInputChanged(){this.restoreLayout()}sortByChanged(){this.sortState=L(this.sortBy)}selectedChanged(){this.selectedValues=S(this.selected,[])}expandedChanged(){this.expandedValues=S(this.expanded,[])}rowsChanged(){this.rowData=S(this.rows,[])}async selectAll(){this.setSelection(this.rowValues())}async clearSelection(){this.setSelection([])}async resetLayout(){this.columnState=this.declared.map((t=>Object.assign({},t))),await(async(t,e)=>{if(e)try{const i=await k("readwrite");if(!i)return;await w(i.delete(y(t,e)))}catch(t){}})(this.storageOwner,this.storageKey),this.layoutChange.emit(F(this.columnState,this.declared))}async getLayout(){return F(this.columnState,this.declared)}async restoreLayout(){const t=++this.layoutToken,e=S(this.layout,null);if(e)return void(this.columnState=V(this.declared,e));if(!this.storageKey)return void(this.columnState=this.declared.map((t=>Object.assign({},t))));this.layoutPending=!0;const i=await(async(t,e)=>{if(!e)return null;const i=(async()=>{var i;try{const s=await k("readonly");if(!s)return null;const r=await w(s.get(y(t,e)));return null!==(i=null==r?void 0:r.layout)&&void 0!==i?i:null}catch(t){return null}})(),s=await((t,e,i=1500)=>Promise.race([t,new Promise((t=>setTimeout((()=>t(e)),i)))]))(i,null);return C(),s})(this.storageOwner,this.storageKey);t===this.layoutToken&&(this.columnState=V(this.declared,i),this.layoutPending=!1)}commitLayout(){const t=F(this.columnState,this.declared);(async(t,e,i)=>{if(e)try{const s=await k("readwrite");if(!s)return;const r={id:y(t,e),owner:t||"anonymous",storageKey:e,layout:i,updatedAt:Date.now()};await w(s.put(r))}catch(t){}})(this.storageOwner,this.storageKey,t),this.layoutChange.emit(t)}get localeTag(){var t;return this.locale||(null===(t=this.el.closest("[lang]"))||void 0===t?void 0:t.getAttribute("lang"))||"de"}get visible(){return N(this.columnState)}get hasSelection(){return"none"!==this.selection}get hasExpand(){return"none"!==this.expandMode}get template(){return this.columnState.length?((t,e=[],i=[])=>K(this.columnState,e,i).join(" "))(0,this.leadingTracks,this.trailingTracks):[...this.leadingTracks.map((t=>t+"px")),...this.derivedTracks,...this.trailingTracks.map((t=>t+"px"))].join(" ")}get leadingTracks(){return[...this.rowReorderable?[48]:[],...this.hasExpand?[48]:[],...this.hasSelection?[48]:[]]}get trailingTracks(){return[]}get dataRows(){const t=this.rowData,e="client"===this.sortMode&&this.sortState?((t,e,i,s)=>{if(!e||i===a.NONE)return t;const r=i===a.DESC?-1:1,n=t.map((t=>({row:t,key:_(t,e)})));return n.sort(((t,e)=>{const i=((t,e,i)=>{if(A(t)&&A(e))return 0;if(A(t))return 1;if(A(e))return-1;if("number"==typeof t&&"number"==typeof e)return t-e;const s=$(t),r=$(e);return"string"==typeof s||"string"==typeof r?(s+"").localeCompare(r+"",i,{numeric:!0,sensitivity:"base"}):Number(s)-Number(r)})(t.key,e.key,s);return A(t.key)!==A(e.key)?i:i*r})),n.map((t=>t.row))})(t,this.columnBySortName(this.sortState.name),this.sortState.direction,this.localeTag):t;return"client"===this.paginationMode?(t=>{const e=this.pageSize||10,i=(B(this.page,I(t.length,e))-1)*e;return t.slice(i,i+e)})(e):e}get rowTotal(){return"server"===this.paginationMode?this.total:this.topRows(this.slottedRows()).length||this.rowData.length}get isEmpty(){return!this.loading&&!this.rowTotal&&(!!this.emptyLabel||this.hasSlottedEmpty)}columnBySortName(t){return this.columnState.find((e=>M(e)===t))||null}touchesStructure(t){if("attributes"===t.type)return!0;const e=t=>{var e;const i=null===(e=t.tagName)||void 0===e?void 0:e.toLowerCase();return i===z||i===D||!!t.slot};return Array.from(t.addedNodes).some(e)||Array.from(t.removedNodes).some(e)}isBodyRow(t){return!t.hasAttribute("header")&&"footer"!==t.getAttribute("slot")}slottedRows(){return this.slottedRowsAll().filter((t=>this.isBodyRow(t)))}topRows(t){return t.filter((t=>this.isBodyRow(t)&&!this.parentOf(t)))}slottedRowsAll(){return Array.from(this.el.children).filter((t=>t.tagName.toLowerCase()===z))}renderedRows(){var t;const e=this.slottedRows();return e.length?e:Array.from((null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelectorAll(z+":not([header])"))||[])}rowValues(){const t=this.slottedRows();if(t.length){const e=this.parentValues(t);return t.filter((t=>!this.isDisabled(t))).map((t=>t.value)).filter((t=>!e.has(t+"")))}return this.dataRows.map((t=>null==t?void 0:t[this.rowKey]))}isDisabled(t){return!!t.disabled||t.hasAttribute("disabled")}parentOf(t){return(t.parent||t.getAttribute("parent")||"")+""}parentValues(t){return new Set(t.map((t=>this.parentOf(t))).filter(Boolean))}childValuesOf(t){return this.buildTree(this.slottedRows()).get(t+"")||[]}buildTree(t){const e=new Map;return t.forEach((t=>{const i=this.parentOf(t);if(!i)return;const s=e.get(i)||[];this.isDisabled(t)||s.push(t.value),e.set(i,s)})),e}syncRowTree(t,e,i){const s=this.pageWindow(t),r=new Map;t.forEach((t=>{var e;const i=(null!==(e=t.value)&&void 0!==e?e:"")+"";i&&!this.parentOf(t)&&r.set(i,t)})),t.forEach((t=>{var n;const a=t,o=this.parentOf(t),h=(null!==(n=a.value)&&void 0!==n?n:"")+"";if(o){const e=r.get(o),n=i.has(o)&&(!s||!!e&&s.has(e));return this.showRow(t,n),void(a.expandable=!1)}const l=e.has(h),d=!!t.querySelector('[slot="expand"]');a.expandable=l||d,a.hasPanel=d,t.classList.toggle("has-children",l),this.showRow(t,!s||!this.isBodyRow(t)||s.has(t))}))}showRow(t,e){if(!e)return this.collapsed.add(t),void(t.hidden=!0);this.collapsed.delete(t)&&(t.hidden=!1)}pageWindow(t){if("client"!==this.paginationMode)return null;const e=this.topRows(t);if(!e.length)return null;const i=this.pageSize||10,s=(B(this.page,I(e.length,i))-1)*i;return new Set(e.slice(s,s+i))}syncCells(t,e){Array.from(t.children).filter((t=>"expand"!==t.getAttribute("slot"))).forEach(((t,i)=>{var s;const r=this.declared[i];if(!r)return;const n=this.columnState.find((t=>t.id===r.id)),a=t;a.columnId=r.id,r.align&&(a.align=r.align),r.overflow&&(a.overflow=r.overflow),r.clampLines&&(a.clampLines=r.clampLines),t.style.order=(null!==(s=e.get(r.id))&&void 0!==s?s:i)+"",t.hidden=!!(null==n?void 0:n.hidden)}))}syncStructure(){const t=this.slottedRowsAll();this.slottedRowCount=this.slottedRows().length;const e=Array.from(this.el.children).some((t=>"label"===t.slot||"description"===t.slot));this.hasSlottedHeading!==e&&(this.hasSlottedHeading=e);const i=Array.from(this.el.children).some((t=>"empty"===t.slot));this.hasSlottedEmpty!==i&&(this.hasSlottedEmpty=i),this.seedExpanded(t),this.syncDerivedTracks(t)}seedExpanded(t){if(this.seededExpanded||!t.length)return;this.seededExpanded=!0;const e=t.filter((t=>t.hasAttribute("expanded"))).map((t=>t.value)).filter((t=>""!==t&&void 0!==t)),i=[...this.expandedValues,...e.filter((t=>!this.expandedValues.includes(t)))];i.length!==this.expandedValues.length&&(this.expandedValues=i)}syncRows(){const t=this.slottedRowsAll(),e=this.buildTree(t),i=new Set(this.expandedValues.map(String)),s=new Set(this.selectedValues.map(String)),r=new Map(this.columnState.map(((t,e)=>[t.id,e])));this.syncRowTree(t,e,i),this.syncHeaderCells(t.find((t=>t.hasAttribute("header")))),t.forEach((t=>{const n=t.value,a=t;if(a.selectionMode=this.selection,a.expandMode=this.expandMode,a.size=this.size,a.hover=this.hover,a.rowReorderable=this.rowReorderable,a.rowReorderHandle=this.rowReorderHandle,a.expandLabel=this.expandLabel,a.reorderLabel=this.reorderLabel,t.hasAttribute("header")){const e=this.rowValues(),i=this.selectedValues.length;return a.selected=!!i&&i===e.length,a.partial=!!i&&i<e.length,a.selectable=e.length>0,void this.syncCells(t,r)}const o=e.get(n+"")||[];if(o.length){const t=o.filter((t=>s.has(t+"")));a.selected=t.length===o.length,a.partial=!!t.length&&t.length<o.length}else a.selected=s.has(n+""),a.partial=!1;a.expanded=i.has(n+""),this.syncCells(t,r)}))}isSortable(t){return!!t.sortable&&"none"!==this.sortMode}syncHeaderCells(t){t&&Array.from(t.children).filter((t=>t.tagName.toLowerCase()===D)).forEach(((t,e)=>{var i;const s=t.columnId||t.getAttribute("column-id"),r=s?this.columnState.find((t=>t.id===s)):this.visible[e],n=t;if(n.header=!0,n.reorderLabel=this.reorderLabel,!r)return n.resizable=!1,void(n.reorderable=!1);const a=this.isSortable(r);n.columnId=r.id,this.fromMarkup||(n.sortable=a),n.sortDirection=a&&(null===(i=this.sortState)||void 0===i?void 0:i.name)===M(r)?this.sortState.direction:"",n.resizable=P(r,this.resizable,"resizable"),n.reorderable=P(r,this.reorderable,"reorderable"),r.headerAlign&&(n.align=r.headerAlign),t.draggable=n.reorderable}))}syncDerivedTracks(t){const e=t.find((t=>t.hasAttribute("header")))||null;if(this.hasSlottedHeader!==!!e&&(this.hasSlottedHeader=!!e),!e||!this.fromMarkup&&this.declared.length||this.deriveColumns(e),this.columnState.length)return;const i=e||t[0];if(!i)return;const s=Array.from(i.children).filter((t=>"expand"!==t.getAttribute("slot"))).map((t=>(t.width||t.getAttribute("width")||"")+"")),r=s.length>0&&s.every((t=>/^[0-9.]+$/.test(t))),n=s.map((t=>t?/^[0-9.]+$/.test(t)?r?`minmax(${t}px,${t}fr)`:t+"px":t:"minmax(64px,1fr)"));n.join(" ")!==this.derivedTracks.join(" ")&&(this.derivedTracks=n)}deriveColumns(t){const e=Array.from(t.children).filter((t=>t.tagName.toLowerCase()===D));if(!e.length)return;const i=new Set,s=e.map(((t,e)=>{var s;const r=t,n=(e,i)=>null!=i?i:t.hasAttribute(e),a=(r.width||t.getAttribute("width")||"")+"",o=/^([0-9.]+)(px)?$/.exec(a);let h=r.columnId||t.getAttribute("column-id")||"col-"+e;for(;i.has(h);)h=`${h}-${e}`;return i.add(h),{id:h,label:(null===(s=t.textContent)||void 0===s?void 0:s.trim())||"",sortable:n("sortable",r.sortable),hideable:n("hideable",r.hideable),width:a?o?Number(o[1]):a:void 0}})),r=s.map((t=>`${t.id}|${t.sortable}|${t.hideable}|${t.width}`)).join();r!==this.declaredSignature&&(this.declaredSignature=r,this.fromMarkup=!0,this.declared=s,this.columnState=s.map((t=>Object.assign({},t))),this.storageKey&&this.restoreLayout())}headerCells(){var t;const e=this.slottedRowsAll().find((t=>t.hasAttribute("header")))||(null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector(z+"[header]"));return e?Array.from(e.children).filter((t=>t.tagName.toLowerCase()===D&&!t.hidden)):[]}columnOf(t){const e=t.columnId||t.getAttribute("column-id");if(e)return this.columnState.find((t=>t.id===e))||null;const i=this.headerCells().indexOf(t);return this.visible[i]||null}headerCellFrom(t){const e=t.composedPath().find((t=>{var e;return(null===(e=null==t?void 0:t.tagName)||void 0===e?void 0:e.toLowerCase())===D&&t.hasAttribute("header")}));if(!e)return null;const i=this.columnOf(e);return i?{cell:e,column:i}:null}clearDragOver(){this.dragOverId="",this.headerCells().forEach((t=>t.classList.remove("drag-over")))}setSelection(t){this.selectedValues=t;const e=!!t.length&&t.length===this.rowValues().length;this.selectedChange.emit({values:t,all:e,partial:!!t.length&&!e})}toggleRowSelection(t){const e=this.childValuesOf(t);if(e.length){const t=e.some((t=>this.selectedValues.includes(t)));return void this.setSelection(t?this.selectedValues.filter((t=>!e.includes(t))):[...this.selectedValues,...e])}if("single"===this.selection)return void this.setSelection(this.selectedValues.includes(t)?[]:[t]);const i=this.selectedValues.includes(t)?this.selectedValues.filter((e=>e!==t)):[...this.selectedValues,t];this.setSelection(i)}toggleExpanded(t){const e=this.expandedValues.includes(t)?this.expandedValues.filter((e=>e!==t)):"single"===this.expandMode?[t]:[...this.expandedValues,t];this.expandedValues=e,this.expandedChange.emit({values:e})}bodyRows(){return this.renderedRows().filter((t=>"footer"!==t.getAttribute("slot")&&!t.hidden))}rowFrom(t){return this.rowReorderable&&t.composedPath().find((t=>{var e;return(null===(e=null==t?void 0:t.tagName)||void 0===e?void 0:e.toLowerCase())===z}))||null}renderHead(){const t=this.rowValues(),e=this.selectedValues.length;return s("xv-table-row",{header:!0,part:"head",size:this.size,selectionMode:this.selection,expandMode:this.expandMode,expandable:"none"!==this.expandMode,rowReorderable:this.rowReorderable,rowReorderHandle:this.rowReorderHandle,selected:!!e&&e===t.length,partial:!!e&&e<t.length,selectable:t.length>0},this.visible.map((t=>{var e;const i=this.isSortable(t),r=i&&(null===(e=this.sortState)||void 0===e?void 0:e.name)===M(t);return s("xv-table-cell",{key:t.id,header:!0,part:"header-cell",columnId:t.id,align:t.headerAlign||"start",tooltip:t.headerTooltip||"",sortable:i,sortDirection:r?this.sortState.direction:"",resizable:P(t,this.resizable,"resizable"),reorderable:P(t,this.reorderable,"reorderable"),reorderLabel:this.reorderLabel,ref:e=>e&&(e.draggable=P(t,this.reorderable,"reorderable"))},t.label)})))}renderDataRow(t,e){const i=null==t?void 0:t[this.rowKey];return s("xv-table-row",{key:null!=i?i:e,value:i,size:this.size,hover:this.hover,selectionMode:this.selection,expandMode:this.expandMode,expandable:"none"!==this.expandMode,rowReorderable:this.rowReorderable,rowReorderHandle:this.rowReorderHandle,expandLabel:this.expandLabel,reorderLabel:this.reorderLabel,selected:this.selectedValues.includes(i),expanded:this.expandedValues.includes(i)},this.visible.map((e=>s("xv-table-cell",{key:e.id,columnId:e.id,align:e.align||"start",overflow:e.overflow||"ellipsis",clampLines:e.clampLines||2},((t,e,i)=>{if(A(t))return"";switch(e.format){case"number":return new Intl.NumberFormat(i).format(Number(t));case"currency":return new Intl.NumberFormat(i,{style:"currency",currency:e.formatArg||"EUR"}).format(Number(t));case"date":{const e=t instanceof Date?t:new Date(t+"");return Number.isNaN(e.getTime())?t+"":new Intl.DateTimeFormat(i).format(e)}case"period":{const[e,s]=Array.isArray(t)?t:[],r=(t,e)=>{if(A(t))return"";const s=t instanceof Date?t:new Date(t+"");return Number.isNaN(s.getTime())?"":new Intl.DateTimeFormat(i,e).format(s)};return[r(e,{day:"2-digit",month:"2-digit"}),r(s,{day:"2-digit",month:"2-digit",year:"2-digit"})].filter(Boolean).join(" - ")}case"list":return Array.isArray(t)?t.join(e.formatArg||", "):t+"";default:return t+""}})(_(t,e),e,this.localeTag)))))}renderSkeleton(){return Array.from({length:this.skeletonRows}).map(((t,e)=>s("div",{class:"skeleton_row",key:"skeleton-"+e,"aria-hidden":"true"},this.visible.map((t=>s("div",{class:"skeleton_cell",key:t.id},s("span",{class:"skeleton_bar"})))))))}renderColumnPicker(){const t=(()=>this.columnState.filter((t=>t.hideable)))();if(!t.length)return null;const e=(t=>!(!t||!t.order.length&&!Object.keys(t.widths).length&&!Object.keys(t.hidden).length))(F(this.columnState,this.declared));return s("xv-overflow-menu-v2",{class:"picker",part:"column-picker",position:"right",tooltip:this.columnsLabel},s("span",{slot:"trigger",class:"picker_trigger"},s("svg",{viewBox:"0 0 640 512",width:"16",height:"16",role:"img","aria-hidden":"true"},s("path",{fill:"currentColor",d:"M448 80l0 352 128 0c8.8 0 16-7.2 16-16l0-320c0-8.8-7.2-16-16-16L448 80zm-48 0L240 80l0 352 160 0 0-352zM192 432l0-352L64 80c-8.8 0-16 7.2-16 16l0 320c0 8.8 7.2 16 16 16l128 0zM0 96C0 60.7 28.7 32 64 32l512 0c35.3 0 64 28.7 64 64l0 320c0 35.3-28.7 64-64 64L64 480c-35.3 0-64-28.7-64-64L0 96z"})),e&&s("span",{class:"picker_marker"})),s("div",{class:"picker_list"},t.map((t=>s("xv-checkbox-v2",{key:t.id,class:"picker_item",checked:!t.hidden,label:t.label||t.id,size:this.size,onEventChange:()=>this.toggleColumn(t)}))),e&&s("xv-button-v2",{variant:"tertiary",size:"sm",onClick:()=>this.resetLayout()},this.resetLabel)))}render(){const t=!!this.label||!!this.description||this.hasSlottedHeading,e=this.selectedValues.length,i=!!this.slottedRowCount,n=I(this.rowTotal,this.pageSize);return s(r,{key:"c2f1eeb31477c009112ea67964859a06f32fb0be",class:{"is-dragging":this.columnDragging}},t&&s("div",{key:"b16d5ed6a0ec41e1e93938c136720a9b3f076718",class:"heading",part:"heading"},s("slot",{key:"b5597ee8f3e1b43c8a003bf51f0dd1fdea307584",name:"label"},this.label&&s("h3",{key:"7b5c70866bbea7f38bd9ed3f12f5f79abdec9b5b",class:"heading_title",part:"title"},this.label)),s("slot",{key:"e3fc65553d7d8afa5617116ef03c0e71c4083092",name:"description"},this.description&&s("p",{key:"f3545d3da1697eadb58b081db1f63dbc758446a2",class:"heading_description",part:"description"},this.description))),s("div",{key:"b2363cd4706ef813a7986a46e634c7a17c2887e7",class:"bar",part:"bar"},s("div",{key:"b4ed99838d302c23e539d3f0aed986d6597cfa97",class:"bar_toolbar",part:"toolbar"},s("slot",{key:"7dfe5fe111ac94245b57d9b16db98e86df96e14d",name:"toolbar"}),this.renderColumnPicker()),!!e&&s("div",{key:"00e6baa9e59099c688f398f98552e96accfcfdbd",class:"bar_batch",part:"batch"},s("slot",{key:"719ccca8dc2d5728ceec0fa5953ec45148fbfca7",name:"batch"}),!!this.selectedLabel&&s("span",{key:"ae71c3c543d5faef29145a32c0cee9f2d9c5441e",class:"bar_count"},this.selectedLabel.replace("{count}",e+"")))),s("div",{key:"0739869a681a870c611b50b8cec858bf8c60b2fb",class:{scroll:!0,"scroll--overflowing":this.overflowing},part:"scroll",ref:t=>this.scrollEl=t},s("div",{key:"978390fa1eed594533ac9911eae893cdbcb48f01",class:"grid",part:"grid",role:"table",onPointerDown:this.headPointerDown,onDblClick:this.headDblClick,onKeyDown:this.headKeyDown,onDragStart:this.headDragStart,onDragOver:this.headDragOver,onDrop:this.headDrop,onDragEnd:this.dragEnd,ref:t=>this.gridEl=t,style:{"--xv-table-columns":this.template,"--xv-table-min-width":H(this.columnState,this.minWidth,[...this.leadingTracks,...this.trailingTracks].reduce(((t,e)=>t+e),0))+"px"},onClick:this.gridClick},!this.hasSlottedHeader&&this.renderHead(),s("div",{key:"22295be916a60272a46fe01cf3399b345e274948",class:"body",part:"body",role:"rowgroup",hidden:this.layoutPending,onDragStart:this.rowReorderable?this.rowDragStart:void 0,onDragOver:this.rowReorderable?this.rowDragOver:void 0,onDrop:this.rowReorderable?this.rowDrop:void 0,onDragEnd:this.rowReorderable?this.rowDragEnd:void 0},this.loading&&this.skeletonRows>0?this.renderSkeleton():i?null:this.dataRows.map(((t,e)=>this.renderDataRow(t,e))),s("slot",{key:"05441531d73c716d3846794bea921eafa2b61533"})),s("slot",{key:"e9f573271b2a6b19f212b598cd4471ee0070e340",name:"footer"}))),this.isEmpty&&s("div",{key:"4ceb6586322442b2fe48c3191641ce7857ef8f4b",class:"empty",part:"empty"},s("slot",{key:"6213459f9c9657174edbb8b41daa48672b8f0a51",name:"empty"},this.emptyLabel)),this.loading&&!this.skeletonRows&&s("div",{key:"edd362ca185dcd335b76b6c1c1369b886a97864c",class:"loading",part:"loading"},s("xv-loader-v2",{key:"8d73899654faa6bb8b403f1aad2a426ad595bfa9",size:o.LG})),"none"!==this.paginationMode&&!!this.rowTotal&&s("xv-pagination",{key:"64f7884cf9dd446c5cad790f5bca97fbe33522b9",class:"pagination",part:"pagination",size:this.size,variant:"full",block:!0,total:n,page:this.page,totalItems:this.rowTotal,itemsPerPage:this.pageSize,itemsPerPageOptions:R(this.pageSizeOptions),responsiveVariant:{compact:[0,768]},onPageChange:this.paginationChanged}))}get el(){return this}static get watchers(){return{columns:[{columnsChanged:0}],layout:[{layoutInputChanged:0}],storageKey:[{layoutInputChanged:0}],storageOwner:[{layoutInputChanged:0}],sortBy:[{sortByChanged:0}],selected:[{selectedChanged:0}],expanded:[{expandedChanged:0}],rows:[{rowsChanged:0}]}}static get style(){return'@charset "UTF-8";:host{--xv-table-columns:1fr;--xv-table-height:40px;--xv-table-padding-x:var(--spacing-05);--xv-table-padding-y:var(--spacing-03);--xv-table-border-color:var(--border-subtle-01);--xv-table-header-bg:var(--layer-accent-01);--xv-table-loading-bg:var(--layer-02);--xv-table-loading-opacity:0.8;--xv-table-max-height:none;--xv-table-scroll-width:1180px;display:block;position:relative;color:var(--text-primary);font-family:var(--ff-body);font-size:var(--fz-md)}:host([block]){width:100%}:host([size=xs]){--xv-table-height:24px;--xv-table-padding-x:var(--spacing-03);--xv-table-padding-y:var(--spacing-01)}:host([size=sm]){--xv-table-height:32px;--xv-table-padding-x:var(--spacing-04);--xv-table-padding-y:var(--spacing-02)}:host([size=md]){--xv-table-height:40px;--xv-table-padding-x:var(--spacing-05);--xv-table-padding-y:var(--spacing-03)}:host([size=lg]){--xv-table-height:48px;--xv-table-padding-x:var(--spacing-05);--xv-table-padding-y:var(--spacing-04)}:host([size=xl]){--xv-table-height:64px;--xv-table-padding-x:var(--spacing-06);--xv-table-padding-y:var(--spacing-05)}:host(.is-dragging){cursor:grabbing;user-select:none}.heading{padding:var(--spacing-05) var(--spacing-05) var(--spacing-06)}.heading_title{margin:0;font-family:var(--ff-heading);font-size:var(--fz-xl);font-weight:400;line-height:28px}.heading_description{margin:var(--spacing-02) 0 0;color:var(--text-secondary);line-height:18px}.bar{position:sticky;left:0;z-index:10}.bar_toolbar{display:flex;align-items:center;gap:var(--spacing-03);min-height:var(--xv-table-height)}.bar_toolbar ::slotted(*){flex:1 1 auto;min-width:0}.bar_batch{position:absolute;inset:0;z-index:2;display:flex;align-items:center;gap:var(--spacing-03);padding:0 var(--spacing-05);border-radius:3px 3px 0 0;background:var(--interactive-01);color:var(--text-on-color)}.bar_count{margin-left:auto;font-weight:600}.scroll{position:relative}@media screen and (max-width: 1180px){.scroll{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:var(--layer-accent-03) transparent}.grid{min-width:max(var(--xv-table-min-width), var(--xv-table-scroll-width))}}.scroll--overflowing{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:var(--layer-accent-03) transparent}:host([min-width]:not([min-width="0"])) .scroll{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:var(--layer-accent-03) transparent}:host([min-width]:not([min-width="0"])) .grid{min-width:var(--xv-table-min-width)}:host([sticky-header]) .scroll{min-height:0;max-height:var(--xv-table-max-height);overflow-y:auto}.grid{display:grid;grid-template-columns:var(--xv-table-columns);box-sizing:border-box;border:1px solid var(--xv-table-border-color);border-bottom:0}:host([sticky-header]) ::slotted(xv-table-row[header]),:host([sticky-header]) xv-table-row[header]{position:sticky;top:0;z-index:5}.body{grid-column:1/-1;display:grid;grid-template-columns:subgrid}.body[hidden]{display:none}.skeleton_row{grid-column:1/-1;display:grid;grid-template-columns:subgrid;min-height:var(--xv-table-height);box-shadow:inset 0 -1px 0 0 var(--border-subtle-00)}.skeleton_cell{display:flex;align-items:center;padding:var(--xv-table-padding-y) var(--xv-table-padding-x)}.skeleton_bar{width:100%;height:12px;border-radius:2px;background:var(--layer-accent-01);animation:xv-table-pulse 1.4s ease-in-out infinite}@keyframes xv-table-pulse{0%,100%{opacity:1}50%{opacity:0.4}}.empty{display:flex;align-items:center;justify-content:center;min-height:calc(var(--xv-table-height) * 2);border:1px solid var(--xv-table-border-color);border-top:0;color:var(--text-secondary)}.loading{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center}.loading::before{content:"";position:absolute;inset:0;background:var(--xv-table-loading-bg);opacity:var(--xv-table-loading-opacity)}.picker{margin-left:auto}.picker_list{display:flex;flex-direction:column;gap:var(--spacing-02);max-height:320px;overflow-y:auto;padding:var(--spacing-03)}.picker_trigger{position:relative;display:inline-flex;color:var(--icon-primary)}.picker_marker{position:absolute;top:-2px;right:-4px;width:6px;height:6px;border-radius:50%;background:var(--background-brand)}.pagination{border:1px solid var(--xv-table-border-color);border-top:0}'}},[257,"xv-table",{columns:[1],rows:[1],rowKey:[1,"row-key"],size:[513],block:[516],loading:[516],skeletonRows:[2,"skeleton-rows"],hover:[516],rowClickable:[516,"row-clickable"],label:[1],description:[1],emptyLabel:[1,"empty-label"],selectedLabel:[1,"selected-label"],columnsLabel:[1,"columns-label"],resetLabel:[1,"reset-label"],expandLabel:[1,"expand-label"],reorderLabel:[1,"reorder-label"],sortMode:[1,"sort-mode"],sortBy:[1,"sort-by"],selection:[513],selected:[1],expandMode:[513,"expand-mode"],expanded:[1],paginationMode:[1,"pagination-mode"],page:[1026],pageSize:[1026,"page-size"],total:[2],pageSizeOptions:[1,"page-size-options"],resizable:[4],reorderable:[4],rowReorderable:[4,"row-reorderable"],rowReorderHandle:[1,"row-reorder-handle"],stickyHeader:[516,"sticky-header"],minWidth:[514,"min-width"],storageKey:[1,"storage-key"],storageOwner:[1,"storage-owner"],layout:[1],locale:[1],columnState:[32],sortState:[32],selectedValues:[32],expandedValues:[32],layoutPending:[32],columnDragging:[32],dragOverId:[32],dropRowIndex:[32],slottedRowCount:[32],derivedTracks:[32],hasSlottedHeader:[32],hasSlottedHeading:[32],hasSlottedEmpty:[32],overflowing:[32],selectAll:[64],clearSelection:[64],resetLayout:[64],getLayout:[64]},void 0,{columns:[{columnsChanged:0}],layout:[{layoutInputChanged:0}],storageKey:[{layoutInputChanged:0}],storageOwner:[{layoutInputChanged:0}],sortBy:[{sortByChanged:0}],selected:[{selectedChanged:0}],expanded:[{expandedChanged:0}],rows:[{rowsChanged:0}]}]);function U(){"undefined"!=typeof customElements&&["xv-table","xv-button-v2","xv-checkbox-v2","xv-loader-v2","xv-overflow-menu-v2","xv-pagination","xv-radio-v2","xv-table-cell","xv-table-row","xv-tooltip-v2"].forEach((t=>{switch(t){case"xv-table":customElements.get(n(t))||customElements.define(n(t),J);break;case"xv-button-v2":customElements.get(n(t))||h();break;case"xv-checkbox-v2":customElements.get(n(t))||l();break;case"xv-loader-v2":customElements.get(n(t))||d();break;case"xv-overflow-menu-v2":customElements.get(n(t))||c();break;case"xv-pagination":customElements.get(n(t))||u();break;case"xv-radio-v2":customElements.get(n(t))||v();break;case"xv-table-cell":customElements.get(n(t))||b();break;case"xv-table-row":customElements.get(n(t))||p();break;case"xv-tooltip-v2":customElements.get(n(t))||g()}}))}U();const Y=J,G=U;export{Y as XvTable,G as defineCustomElement}

package/dist/components/xv-tabs-v2.js

@@ -1 +1 @@
-import{p as t,H as e,c as a,h as s,a as o,t as i}from"./p-BNP2Lw34.js";import{S as r}from"./p-HjYAjHna.js";import{d as n}from"./p-Dzz9jxLm.js";var b,d;!function(t){t.TABS="xv-tabs-v2",t.TAB="xv-tab-v2"}(b||(b={})),function(t){t.DEFAULT="",t.GLUED="glued"}(d||(d={}));const h=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.activeChange=a(this,"activeChange",7),this.active=0,this.variant=d.DEFAULT,this.hideSingleTab=!1,this.tabElements=[],this.showArrows=!1,this.collectTabs=()=>{const t=Array.from(this.el.querySelectorAll(b.TAB));this.tabElements.length&&t.length===this.tabElements.length||(this.tabElements=t,this.tabElements.forEach((t=>{t.hasAttribute("name")&&!this.active&&(this.active=t.getAttribute("name"))})),setTimeout((()=>this.updateArrowVisibility()),100))}}updateArrowVisibility(){var t;const e=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector(".tab-headers_container");e&&(this.showArrows=e.scrollWidth>e.clientWidth)}updateTabClasses(){this.tabElements.forEach(((t,e)=>{t.classList.toggle("active",(t.getAttribute("name")||""+e)===""+this.active)}))}handleTabClick(t){t!==this.active&&(this.active=t,this.activeChange.emit(Number(this.active)||this.active),this.scrollToActiveTab())}scrollToActiveTab(){this.showArrows&&setTimeout((()=>{this.el.shadowRoot.querySelector(".tab-headers_tab.active").scrollIntoView({behavior:"smooth",inline:"center",block:"nearest"})}))}setTab(t=1){const e=this.tabElements.findIndex(((t,e)=>(t.getAttribute("name")||""+e)===""+this.active))+t;if(e<0||e>=this.tabElements.length)return;const a=this.tabElements[e];a&&!a.hasAttribute("disabled")&&this.handleTabClick(a.getAttribute("name")||e)}render(){var t,e,a,i;return this.loading?s(o,{class:"xv-tabs",variant:this.variant},s("xv-loader-v2",{size:r.XL})):s(o,{class:"xv-tabs",variant:this.variant},s("div",{class:"tab-headers",hidden:this.hideSingleTab&&1===(null===(t=this.tabElements)||void 0===t?void 0:t.length),role:"tablist"},s("button",{hidden:!this.showArrows||!(null===(e=this.tabElements)||void 0===e?void 0:e.length),"aria-label":"Previous",class:"tab-headers_btn prev",onClick:()=>this.setTab(-1)}),s("div",{class:"tab-headers_container"},(null===(a=this.tabElements)||void 0===a?void 0:a.length)?this.tabElements.map(((t,e)=>s("button",{role:"tab",disabled:!!t.getAttribute("disabled")||!!(null==t?void 0:t.disabled),class:{"tab-headers_tab":!0,active:(t.getAttribute("name")||""+e)===""+this.active},onClick:()=>this.handleTabClick(t.getAttribute("name")||""+e)},t.getAttribute("label")||"Tab "+(e+1)))):this.emptyMessage&&s("p",{class:"xv-tabs_empty"},this.emptyMessage)),s("button",{"aria-label":"Next",hidden:!this.showArrows||!(null===(i=this.tabElements)||void 0===i?void 0:i.length),class:"tab-headers_btn next",onClick:()=>this.setTab(1)})),s("div",{class:"tab-content-wrapper",role:"tabpanel",tabindex:-1},s("slot",{onSlotchange:this.collectTabs})))}componentDidRender(){this.updateTabClasses()}get el(){return this}static get style(){return':host(.xv-tabs){display:flex;flex-direction:column}:host(.xv-tabs) .tab-headers{position:relative;display:flex;flex-wrap:nowrap}:host(.xv-tabs) .tab-headers[hidden]{visibility:hidden}:host(.xv-tabs) .tab-headers_container{display:flex;flex:1 1 auto;white-space:nowrap;overflow-x:auto;scroll-behavior:smooth}:host(.xv-tabs) .tab-headers_container::-webkit-scrollbar{display:none}:host(.xv-tabs) .tab-headers_tab{background:none;padding:11px var(--gap-md, 16px);cursor:pointer;font:inherit;transition:border-color 0.3s ease, font-weight 0.3s ease, color 0.3s ease;position:relative;border:2px solid transparent;border-bottom-color:var(--border-border-subtle-01, #D1D1D1);background-blend-mode:multiply;color:var(--text-secondary, #515151);font-family:var(--ff-body, Work Sans), sans-serif;font-size:var(--fz-md, 14px);line-height:18px;letter-spacing:0.16px;height:40px;white-space:nowrap}:host(.xv-tabs) .tab-headers_tab:after{content:"";position:absolute;transition:background-color 0.3s ease, width 0.3s ease;top:100%;left:0;right:0;width:0;height:2px;background-color:var(--interactive-01, #273435)}:host(.xv-tabs) .tab-headers_tab:focus-visible{outline:none;border:2px solid var(--interactive-01, #273435)}:host(.xv-tabs) .tab-headers_tab:hover{border-bottom-color:var(--border-strong-01, #8B8B8B)}:host(.xv-tabs) .tab-headers_tab.active{color:var(--text-primary, #333);font-weight:700}:host(.xv-tabs) .tab-headers_tab.active:after{width:100%}:host(.xv-tabs) .tab-headers_tab.active:focus-visible{border-color:var(--interactive-01, #273435)}:host(.xv-tabs) .tab-headers_tab:disabled{color:var(--text-on-color-disabled, #8B8B8B);border-bottom-color:var(--border-disabled, #D1D1D1);cursor:not-allowed}:host(.xv-tabs) .tab-headers_tab:disabled:after{background-color:var(--border-disabled, #D1D1D1)}:host(.xv-tabs) .tab-headers_btn{outline:none;width:40px;height:40px;background:none;border:none;cursor:pointer;position:relative;transition:0.25s ease-in-out opacity}:host(.xv-tabs) .tab-headers_btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border:solid currentColor;border-width:0 2px 2px 0;display:inline-block;padding:4px;transform:translate(-50%, -50%) rotate(45deg)}:host(.xv-tabs) .tab-headers_btn:active{opacity:0.3}:host(.xv-tabs) .tab-headers_btn.prev:before{transform:translate(-50%, -50%) rotate(135deg)}:host(.xv-tabs) .tab-headers_btn.next:before{transform:translate(-50%, -50%) rotate(-45deg)}:host(.xv-tabs) .tab-content-wrapper{position:relative;overflow:hidden;padding:var(--gap-md, 16px) 0}:host(.xv-tabs) ::slotted(xv-tab-v2){display:none;width:100%;pointer-events:none}:host(.xv-tabs) ::slotted(xv-tab-v2.active){display:contents;pointer-events:auto}:host(.xv-tabs) .xv-tabs_empty{display:block;text-align:center;margin:20px auto;font-size:var(--fz-xl);color:var(--text-primary)}:host([variant=glued]) .tab-headers_tab{border:none;background-color:var(--layer-accent-01, #F7F7F7)}:host([variant=glued]) .tab-headers_tab:not(:last-of-type){border-right:1px solid var(--border-strong-01)}:host([variant=glued]) .tab-headers_tab:after{top:0}:host([variant=glued]) .tab-headers_tab.active{border-right:none;background-color:transparent}:host([loading]){display:flex;align-items:center;justify-content:center;min-height:300px}'}},[257,"xv-tabs-v2",{active:[1544],loading:[516],variant:[1],emptyMessage:[1,"empty-message"],hideSingleTab:[4,"hide-single-tab"],tabElements:[32],showArrows:[32]},[[9,"resize","updateArrowVisibility"]]]);function l(){"undefined"!=typeof customElements&&["xv-tabs-v2","xv-loader-v2"].forEach((t=>{switch(t){case"xv-tabs-v2":customElements.get(i(t))||customElements.define(i(t),h);break;case"xv-loader-v2":customElements.get(i(t))||n()}}))}l();const v=h,c=l;export{v as XvTabsV2,c as defineCustomElement}
+import{p as t,H as e,c as a,h as s,a as o,t as i}from"./p-CspyoLL9.js";import{S as r}from"./p-HjYAjHna.js";import{d as n}from"./p-Dwbe941A.js";var b,d;!function(t){t.TABS="xv-tabs-v2",t.TAB="xv-tab-v2"}(b||(b={})),function(t){t.DEFAULT="",t.GLUED="glued"}(d||(d={}));const h=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.activeChange=a(this,"activeChange",7),this.active=0,this.variant=d.DEFAULT,this.hideSingleTab=!1,this.tabElements=[],this.showArrows=!1,this.collectTabs=()=>{const t=Array.from(this.el.querySelectorAll(b.TAB));this.tabElements.length&&t.length===this.tabElements.length||(this.tabElements=t,this.tabElements.forEach((t=>{t.hasAttribute("name")&&!this.active&&(this.active=t.getAttribute("name"))})),setTimeout((()=>this.updateArrowVisibility()),100))}}updateArrowVisibility(){var t;const e=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector(".tab-headers_container");e&&(this.showArrows=e.scrollWidth>e.clientWidth)}updateTabClasses(){this.tabElements.forEach(((t,e)=>{t.classList.toggle("active",(t.getAttribute("name")||""+e)===""+this.active)}))}handleTabClick(t){t!==this.active&&(this.active=t,this.activeChange.emit(Number(this.active)||this.active),this.scrollToActiveTab())}scrollToActiveTab(){this.showArrows&&setTimeout((()=>{this.el.shadowRoot.querySelector(".tab-headers_tab.active").scrollIntoView({behavior:"smooth",inline:"center",block:"nearest"})}))}setTab(t=1){const e=this.tabElements.findIndex(((t,e)=>(t.getAttribute("name")||""+e)===""+this.active))+t;if(e<0||e>=this.tabElements.length)return;const a=this.tabElements[e];a&&!a.hasAttribute("disabled")&&this.handleTabClick(a.getAttribute("name")||e)}render(){var t,e,a,i;return this.loading?s(o,{class:"xv-tabs",variant:this.variant},s("xv-loader-v2",{size:r.XL})):s(o,{class:"xv-tabs",variant:this.variant},s("div",{class:"tab-headers",hidden:this.hideSingleTab&&1===(null===(t=this.tabElements)||void 0===t?void 0:t.length),role:"tablist"},s("button",{hidden:!this.showArrows||!(null===(e=this.tabElements)||void 0===e?void 0:e.length),"aria-label":"Previous",class:"tab-headers_btn prev",onClick:()=>this.setTab(-1)}),s("div",{class:"tab-headers_container"},(null===(a=this.tabElements)||void 0===a?void 0:a.length)?this.tabElements.map(((t,e)=>s("button",{role:"tab",disabled:!!t.getAttribute("disabled")||!!(null==t?void 0:t.disabled),class:{"tab-headers_tab":!0,active:(t.getAttribute("name")||""+e)===""+this.active},onClick:()=>this.handleTabClick(t.getAttribute("name")||""+e)},t.getAttribute("label")||"Tab "+(e+1)))):this.emptyMessage&&s("p",{class:"xv-tabs_empty"},this.emptyMessage)),s("button",{"aria-label":"Next",hidden:!this.showArrows||!(null===(i=this.tabElements)||void 0===i?void 0:i.length),class:"tab-headers_btn next",onClick:()=>this.setTab(1)})),s("div",{class:"tab-content-wrapper",role:"tabpanel",tabindex:-1},s("slot",{onSlotchange:this.collectTabs})))}componentDidRender(){this.updateTabClasses()}get el(){return this}static get style(){return':host(.xv-tabs){display:flex;flex-direction:column}:host(.xv-tabs) .tab-headers{position:relative;display:flex;flex-wrap:nowrap}:host(.xv-tabs) .tab-headers[hidden]{visibility:hidden}:host(.xv-tabs) .tab-headers_container{display:flex;flex:1 1 auto;white-space:nowrap;overflow-x:auto;scroll-behavior:smooth}:host(.xv-tabs) .tab-headers_container::-webkit-scrollbar{display:none}:host(.xv-tabs) .tab-headers_tab{background:none;padding:11px var(--gap-md, 16px);cursor:pointer;font:inherit;transition:border-color 0.3s ease, font-weight 0.3s ease, color 0.3s ease;position:relative;border:2px solid transparent;border-bottom-color:var(--border-border-subtle-01, #D1D1D1);background-blend-mode:multiply;color:var(--text-secondary, #515151);font-family:var(--ff-body, Work Sans), sans-serif;font-size:var(--fz-md, 14px);line-height:18px;letter-spacing:0.16px;height:40px;white-space:nowrap}:host(.xv-tabs) .tab-headers_tab:after{content:"";position:absolute;transition:background-color 0.3s ease, width 0.3s ease;top:100%;left:0;right:0;width:0;height:2px;background-color:var(--interactive-01, #273435)}:host(.xv-tabs) .tab-headers_tab:focus-visible{outline:none;border:2px solid var(--interactive-01, #273435)}:host(.xv-tabs) .tab-headers_tab:hover{border-bottom-color:var(--border-strong-01, #8B8B8B)}:host(.xv-tabs) .tab-headers_tab.active{color:var(--text-primary, #333);font-weight:700}:host(.xv-tabs) .tab-headers_tab.active:after{width:100%}:host(.xv-tabs) .tab-headers_tab.active:focus-visible{border-color:var(--interactive-01, #273435)}:host(.xv-tabs) .tab-headers_tab:disabled{color:var(--text-on-color-disabled, #8B8B8B);border-bottom-color:var(--border-disabled, #D1D1D1);cursor:not-allowed}:host(.xv-tabs) .tab-headers_tab:disabled:after{background-color:var(--border-disabled, #D1D1D1)}:host(.xv-tabs) .tab-headers_btn{outline:none;width:40px;height:40px;background:none;border:none;cursor:pointer;position:relative;transition:0.25s ease-in-out opacity}:host(.xv-tabs) .tab-headers_btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border:solid currentColor;border-width:0 2px 2px 0;display:inline-block;padding:4px;transform:translate(-50%, -50%) rotate(45deg)}:host(.xv-tabs) .tab-headers_btn:active{opacity:0.3}:host(.xv-tabs) .tab-headers_btn.prev:before{transform:translate(-50%, -50%) rotate(135deg)}:host(.xv-tabs) .tab-headers_btn.next:before{transform:translate(-50%, -50%) rotate(-45deg)}:host(.xv-tabs) .tab-content-wrapper{position:relative;overflow:hidden;padding:var(--gap-md, 16px) 0}:host(.xv-tabs) ::slotted(xv-tab-v2){display:none;width:100%;pointer-events:none}:host(.xv-tabs) ::slotted(xv-tab-v2.active){display:contents;pointer-events:auto}:host(.xv-tabs) .xv-tabs_empty{display:block;text-align:center;margin:20px auto;font-size:var(--fz-xl);color:var(--text-primary)}:host([variant=glued]) .tab-headers_tab{border:none;background-color:var(--layer-accent-01, #F7F7F7)}:host([variant=glued]) .tab-headers_tab:not(:last-of-type){border-right:1px solid var(--border-strong-01)}:host([variant=glued]) .tab-headers_tab:after{top:0}:host([variant=glued]) .tab-headers_tab.active{border-right:none;background-color:transparent}:host([loading]){display:flex;align-items:center;justify-content:center;min-height:300px}'}},[257,"xv-tabs-v2",{active:[1544],loading:[516],variant:[1],emptyMessage:[1,"empty-message"],hideSingleTab:[4,"hide-single-tab"],tabElements:[32],showArrows:[32]},[[9,"resize","updateArrowVisibility"]]]);function l(){"undefined"!=typeof customElements&&["xv-tabs-v2","xv-loader-v2"].forEach((t=>{switch(t){case"xv-tabs-v2":customElements.get(i(t))||customElements.define(i(t),h);break;case"xv-loader-v2":customElements.get(i(t))||n()}}))}l();const v=h,c=l;export{v as XvTabsV2,c as defineCustomElement}

package/dist/components/xv-tag-combobox.js

@@ -1 +1 @@
-import{p as t,H as s,c as i,h as o,a as e,t as h}from"./p-BNP2Lw34.js";import{S as r}from"./p-HjYAjHna.js";import{r as n}from"./index.js";import{d as a}from"./p-Dzz9jxLm.js";import{d as l}from"./p-DTwz9Fsh.js";const c=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.valueChange=i(this,"valueChange",7),this.inputChange=i(this,"inputChange",7),this.options=[],this.label="",this.size=r.MD,this.placeholder="",this.allowCreate=!0,this.maxSuggestions=200,this.disabled=!1,this.loading=!1,this.readonly=!1,this.error=!1,this.warning=!1,this.value=[],this.normalizedOptions=[],this.selected=[],this.inputValue="",this.open=!1,this.filtered=[],this.highlighted=-1,this.uid="xv"+Math.random().toString(36).slice(2,9),this.COMPARE_TAG_SIZE={[r.XS]:"sm",[r.SM]:"sm",[r.MD]:"sm",[r.LG]:"md",[r.XL]:"lg"},this.onKeyDown=t=>{if(this.disabled||this.readonly||this.loading)return;const s=t.key;"ArrowDown"===s?(t.preventDefault(),this.open||(this.open=!0),this.highlighted=Math.min(this.highlighted+1,this.filtered.length-1),this.highlighted<0&&(this.highlighted=0),this.scrollHighlightedIntoView()):"ArrowUp"===s?(t.preventDefault(),this.highlighted=Math.max(this.highlighted-1,0),this.scrollHighlightedIntoView()):"Enter"===s?(t.preventDefault(),this.open&&this.highlighted>=0&&this.highlighted<this.filtered.length?this.selectOption(this.filtered[this.highlighted]):this.inputValue.trim()&&this.allowCreate&&this.createFromInput()):","===s?this.inputValue.trim()&&(t.preventDefault(),this.allowCreate&&this.createFromInput()):"Escape"===s?(this.open=!1,this.highlighted=-1):"Backspace"!==s||this.inputValue?"Tab"===s&&this.open&&this.highlighted>=0&&this.filtered[this.highlighted]&&this.selectOption(this.filtered[this.highlighted]):this.selected.length&&(t.preventDefault(),this.removeTag(this.selected.length-1))}}componentWillLoad(){this.normalizedOptions=this.normalizeOptions(this.options),this.selected=this.valueToOpts(this.value),this.recomputeFiltered(),this.onDocumentClick=this.onDocumentClick.bind(this),window.addEventListener("click",this.onDocumentClick,!0)}disconnectedCallback(){window.removeEventListener("click",this.onDocumentClick,!0)}watchOptions(){this.normalizedOptions=this.normalizeOptions(this.options),this.recomputeFiltered()}watchValue(){this.selected=this.valueToOpts(this.value),this.recomputeFiltered()}normalizeOptions(t){return(t||[]).map((t=>"string"==typeof t?{label:t,value:t}:t))}valueToOpts(t){const s=this.normalizedOptions;return(t||[]).map((t=>s.find((s=>s.value===t))||{label:t,value:t}))}emitChange(){this.valueChange.emit(this.selected.map((t=>t.value)))}onDocumentClick(t){const s=t.composedPath?t.composedPath():t.path;s&&(s.some((t=>t===this.host))||(this.open=!1,this.highlighted=-1))}recomputeFiltered(){const t=(this.inputValue||"").trim().toLowerCase(),s=new Set(this.selected.map((t=>t.value))),i=this.normalizedOptions.filter((t=>!s.has(t.value)));if(!t)return void(this.filtered=i.slice(0,this.maxSuggestions));const o=i.filter((s=>s.label.toLowerCase().startsWith(t))),e=i.filter((s=>!s.label.toLowerCase().startsWith(t)&&s.label.toLowerCase().includes(t)));this.filtered=[...o,...e].slice(0,this.maxSuggestions)}onInput(t){this.loading||(this.inputValue=t.target.value,this.inputChange.emit(this.inputValue),this.open=!0,this.highlighted=-1,this.recomputeFiltered())}selectOption(t){this.disabled||this.loading||(this.selected.find((s=>s.value===t.value))||(this.selected=[...this.selected,t],this.emitChange()),this.inputValue="",this.open=!1,this.recomputeFiltered(),requestAnimationFrame((()=>{var t;return null===(t=this.inputEl)||void 0===t?void 0:t.focus()})))}createFromInput(){const t=(this.inputValue||"").trim();if(!t)return;const s=this.normalizedOptions.find((s=>s.label.toLowerCase()===t.toLowerCase()||s.value===t));this.selectOption(s||{label:t,value:t})}removeTag(t,s){var i;null==s||s.preventDefault(),this.disabled||this.loading||(this.selected=this.selected.filter(((s,i)=>i!==t)),this.emitChange(),this.recomputeFiltered(),null===(i=this.inputEl)||void 0===i||i.focus())}scrollHighlightedIntoView(){requestAnimationFrame((()=>{var t;const s=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.getElementById(`${this.uid}-opt-${this.highlighted}`);s&&s.scrollIntoView&&s.scrollIntoView({block:"nearest"})}))}onOptionMouseEnter(t){this.highlighted=t}optionId(t){return`${this.uid}-opt-${t}`}highlightLabel(t){const s=(this.inputValue||"").trim();if(!s)return[t];const i=t.toLowerCase().indexOf(s.toLowerCase());return-1===i?[t]:[t.slice(0,i),{match:t.slice(i,i+s.length)},t.slice(i+s.length)]}onOpen(){this.disabled||this.readonly||this.loading||(this.open=!0)}blockClick(){var t;this.disabled||this.readonly||this.loading||(null===(t=this.inputEl)||void 0===t||t.focus(),this.onOpen())}async focusInput(){var t;null===(t=this.inputEl)||void 0===t||t.focus()}async clear(){this.selected=[],this.emitChange()}render(){const t=this.open&&this.filtered.length>0,s=t?this.uid+"-listbox":void 0,i=this.highlighted>=0?this.optionId(this.highlighted):void 0,h=n({error:this.error,warning:this.warning,helper:this.helper});return o(e,{key:"5b78581d7d76f3f8548a8879831c1774b0f6e3ba",class:"xv-combobox",part:"root",size:this.size},this.label&&o("label",{key:"d2d7249c6b2c65018ab203ce71b72df3e19aa2d8",class:"label"},this.label),o("div",{key:"5d5782acb42a47e6b61151eeb3a2b20bb440b335",class:{control:!0,"control--disabled":this.disabled,"control--error":!!this.error,"control--readonly":!!this.readonly},onClick:()=>this.blockClick()},o("div",{key:"bcebbb940ffacac018068926ff3f714d60848d31",class:"control-chips",role:"list"},this.selected.map(((t,s)=>o("xv-tag-v2",{role:"listitem",part:"chip","data-value":t.value,size:this.COMPARE_TAG_SIZE[this.size],disabled:this.disabled,bg:(null==t?void 0:t.bg)||"var(--layer-accent-01, #F7F7F7)",color:(null==t?void 0:t.color)||"var(--text-primary, #333)",closeable:!this.readonly,onCloseClick:({detail:t})=>this.removeTag(s,t)},t.label))),o("input",{key:"231998800b3984fc5d8f98e3b387c856aefe2c3f",ref:t=>this.inputEl=t,class:"control-input",readonly:this.readonly,placeholder:this.selected.length?"":this.placeholder,value:this.inputValue,onInput:t=>this.onInput(t),onKeyDown:t=>this.onKeyDown(t),onFocus:()=>{this.onOpen(),this.recomputeFiltered()},"aria-autocomplete":"list","aria-expanded":this.open?"true":"false","aria-controls":s,"aria-activedescendant":i,disabled:this.disabled})),this.loading&&o("span",{key:"06553869f491586642f501cb5fcfc14e2ba6f1f4",class:"control-loader",part:"loader","aria-hidden":"true"},o("xv-loader-v2",{key:"db81d3335f20e26a0049508340da8cb3f59c24d9",size:"sm",variant:"horizontal"}))),h&&o("p",{key:"912315e151754bf4f8c63fbec64f3433bdbfac9d",class:{message:!0,[h.level]:!0}},h.text),t&&o("ul",{key:"c68bdb4c63e330440a038be034c1edefee84015c",id:this.uid+"-listbox",class:"suggestions",role:"listbox",part:"listbox"},this.filtered.map(((t,s)=>o("li",{id:this.optionId(s),class:{"suggestions-opt":!0,"suggestions-opt--highlight":s===this.highlighted},role:"option","aria-selected":s===this.highlighted,onMouseEnter:()=>this.onOptionMouseEnter(s),onMouseDown:t=>t.preventDefault(),onClick:()=>this.selectOption(t)},o("div",{class:"suggestions-opt-content"},t.bg?o("span",{class:"suggestions-opt-content--color",style:{background:t.bg}}):null,o("span",{class:"suggestions-opt-content--label"},this.highlightLabel(t.label).map(((t,s)=>"string"==typeof t?o("span",{key:s},t):o("strong",{key:s},t.match))))))))))}get host(){return this}static get watchers(){return{options:[{watchOptions:0}],value:[{watchValue:0}]}}static get style(){return':host{display:block;font-family:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;width:100%;box-sizing:border-box;position:relative;text-align:left}:host .label{display:block;margin-bottom:var(--spacing-03);color:var(--text-secondary, #515151);font-family:var(--ff-body), sans-serif;font-size:var(--fz-sm, 12px);font-style:normal;font-weight:400;line-height:var(--fz-md);letter-spacing:0.32px}:host .control{overflow:auto;border-radius:3px;border:1px solid var(--border-subtle-01);outline:2px solid transparent;padding-block:var(--spacing-02);padding-inline:var(--spacing-05);box-sizing:border-box;display:flex;align-items:center;min-height:40px;cursor:text}:host .control:focus-within{outline:2px solid var(--focus)}:host .control--error{outline-color:var(--support-error)}:host .control--readonly{border-radius:0;border-top-width:0;border-left-width:0;border-right-width:0;outline-color:transparent}:host .control--disabled{opacity:0.6;cursor:not-allowed}:host .control-chips{display:flex;align-items:center;flex-wrap:wrap;gap:6px;width:100%}:host .control-loader{flex:0 0 auto;display:inline-flex;align-items:center;margin-left:var(--spacing-03);pointer-events:none}:host .control-input{flex:1;min-width:120px;border:none;outline:none;font-size:inherit;color:inherit;background:transparent;padding:0;margin:0}:host .control-input:disabled{cursor:not-allowed}:host .control-input::placeholder{color:var(--text-placeholder)}:host .message{margin:var(--spacing-02) 0 0;color:var(--text-helper, #646464);font-size:var(--fz-sm, 12px);font-style:normal;font-weight:400;line-height:var(--fz-md, 16px);letter-spacing:0.32px}:host .message.error{color:var(--text-error)}:host .message.warning{color:var(--text-secondary, #515151)}:host .suggestions{position:absolute;top:100%;left:0;right:0;background:var(--layer-02, #fff);border-radius:3px;border:1px solid var(--border-subtle-01);box-shadow:0 6px 18px rgba(0, 0, 0, 0.06);max-height:220px;overflow:auto;z-index:50;margin:var(--spacing-01) 0 0;padding:var(--spacing-03) 0}:host .suggestions-opt{padding:8px 12px;cursor:pointer;display:flex;align-items:center}:host .suggestions-opt :hover,:host .suggestions-opt--highlight{background-color:var(--layer-hover-02, #F7F7F7)}:host .suggestions-opt-content{display:flex;align-items:center;gap:8px}:host .suggestions-opt-content--color{width:12px;height:12px;border-radius:3px;border:1px solid rgba(0, 0, 0, 0.06)}:host .suggestions-opt-content--label strong{font-weight:700}:host([size=xs]){font-size:0.8em}:host([size=xs]) .control{min-height:16px}:host([size=sm]){font-size:0.9em}:host([size=sm]) .control{min-height:32px}:host([size=lg]){font-size:1.2em}:host([size=lg]) .control{min-height:48px}:host([size=xl]){font-size:1.4em}:host([size=xl]) .control{min-height:60px}'}},[1,"xv-tag-combobox",{options:[16],label:[1],size:[1],placeholder:[1],allowCreate:[4,"allow-create"],maxSuggestions:[2,"max-suggestions"],disabled:[4],loading:[4],readonly:[4],error:[8],warning:[8],helper:[1],value:[16],normalizedOptions:[32],selected:[32],inputValue:[32],open:[32],filtered:[32],highlighted:[32],focusInput:[64],clear:[64]},void 0,{options:[{watchOptions:0}],value:[{watchValue:0}]}]);function d(){"undefined"!=typeof customElements&&["xv-tag-combobox","xv-loader-v2","xv-tag-v2"].forEach((t=>{switch(t){case"xv-tag-combobox":customElements.get(h(t))||customElements.define(h(t),c);break;case"xv-loader-v2":customElements.get(h(t))||a();break;case"xv-tag-v2":customElements.get(h(t))||l()}}))}d();const p=c,g=d;export{p as XvTagCombobox,g as defineCustomElement}
+import{p as t,H as s,c as i,h as o,a as e,t as h}from"./p-CspyoLL9.js";import{S as a}from"./p-HjYAjHna.js";import{r}from"./index.js";import{d as n}from"./p-Dwbe941A.js";import{d as l}from"./p-DNRISLNf.js";const c=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.valueChange=i(this,"valueChange",7),this.inputChange=i(this,"inputChange",7),this.options=[],this.label="",this.size=a.MD,this.placeholder="",this.allowCreate=!0,this.maxSuggestions=200,this.disabled=!1,this.loading=!1,this.readonly=!1,this.error=!1,this.warning=!1,this.value=[],this.normalizedOptions=[],this.selected=[],this.inputValue="",this.open=!1,this.filtered=[],this.highlighted=-1,this.uid="xv"+Math.random().toString(36).slice(2,9),this.COMPARE_TAG_SIZE={[a.XS]:"sm",[a.SM]:"sm",[a.MD]:"sm",[a.LG]:"md",[a.XL]:"lg"},this.onKeyDown=t=>{if(this.disabled||this.readonly||this.loading)return;const s=t.key;"ArrowDown"===s?(t.preventDefault(),this.open||(this.open=!0),this.highlighted=Math.min(this.highlighted+1,this.filtered.length-1),this.highlighted<0&&(this.highlighted=0),this.scrollHighlightedIntoView()):"ArrowUp"===s?(t.preventDefault(),this.highlighted=Math.max(this.highlighted-1,0),this.scrollHighlightedIntoView()):"Enter"===s?(t.preventDefault(),this.open&&this.highlighted>=0&&this.highlighted<this.filtered.length?this.selectOption(this.filtered[this.highlighted]):this.inputValue.trim()&&this.allowCreate&&this.createFromInput()):","===s?this.inputValue.trim()&&(t.preventDefault(),this.allowCreate&&this.createFromInput()):"Escape"===s?(this.open=!1,this.highlighted=-1):"Backspace"!==s||this.inputValue?"Tab"===s&&this.open&&this.highlighted>=0&&this.filtered[this.highlighted]&&this.selectOption(this.filtered[this.highlighted]):this.selected.length&&(t.preventDefault(),this.removeTag(this.selected.length-1))}}componentWillLoad(){this.normalizedOptions=this.normalizeOptions(this.options),this.selected=this.valueToOpts(this.value),this.recomputeFiltered(),this.onDocumentClick=this.onDocumentClick.bind(this),window.addEventListener("click",this.onDocumentClick,!0)}disconnectedCallback(){window.removeEventListener("click",this.onDocumentClick,!0)}watchOptions(){this.normalizedOptions=this.normalizeOptions(this.options),this.recomputeFiltered()}watchValue(){this.selected=this.valueToOpts(this.value),this.recomputeFiltered()}normalizeOptions(t){return(t||[]).map((t=>"string"==typeof t?{label:t,value:t}:t))}valueToOpts(t){const s=this.normalizedOptions;return(t||[]).map((t=>s.find((s=>s.value===t))||{label:t,value:t}))}emitChange(){this.valueChange.emit(this.selected.map((t=>t.value)))}onDocumentClick(t){const s=t.composedPath?t.composedPath():t.path;s&&(s.some((t=>t===this.host))||(this.open=!1,this.highlighted=-1))}recomputeFiltered(){const t=(this.inputValue||"").trim().toLowerCase(),s=new Set(this.selected.map((t=>t.value))),i=this.normalizedOptions.filter((t=>!s.has(t.value)));if(!t)return void(this.filtered=i.slice(0,this.maxSuggestions));const o=i.filter((s=>s.label.toLowerCase().startsWith(t))),e=i.filter((s=>!s.label.toLowerCase().startsWith(t)&&s.label.toLowerCase().includes(t)));this.filtered=[...o,...e].slice(0,this.maxSuggestions)}onInput(t){this.loading||(this.inputValue=t.target.value,this.inputChange.emit(this.inputValue),this.open=!0,this.highlighted=-1,this.recomputeFiltered())}selectOption(t){this.disabled||this.loading||(this.selected.find((s=>s.value===t.value))||(this.selected=[...this.selected,t],this.emitChange()),this.inputValue="",this.open=!1,this.recomputeFiltered(),requestAnimationFrame((()=>{var t;return null===(t=this.inputEl)||void 0===t?void 0:t.focus()})))}createFromInput(){const t=(this.inputValue||"").trim();if(!t)return;const s=this.normalizedOptions.find((s=>s.label.toLowerCase()===t.toLowerCase()||s.value===t));this.selectOption(s||{label:t,value:t})}removeTag(t,s){var i;null==s||s.preventDefault(),this.disabled||this.loading||(this.selected=this.selected.filter(((s,i)=>i!==t)),this.emitChange(),this.recomputeFiltered(),null===(i=this.inputEl)||void 0===i||i.focus())}scrollHighlightedIntoView(){requestAnimationFrame((()=>{var t;const s=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.getElementById(`${this.uid}-opt-${this.highlighted}`);s&&s.scrollIntoView&&s.scrollIntoView({block:"nearest"})}))}onOptionMouseEnter(t){this.highlighted=t}optionId(t){return`${this.uid}-opt-${t}`}highlightLabel(t){const s=(this.inputValue||"").trim();if(!s)return[t];const i=t.toLowerCase().indexOf(s.toLowerCase());return-1===i?[t]:[t.slice(0,i),{match:t.slice(i,i+s.length)},t.slice(i+s.length)]}onOpen(){this.disabled||this.readonly||this.loading||(this.open=!0)}blockClick(){var t;this.disabled||this.readonly||this.loading||(null===(t=this.inputEl)||void 0===t||t.focus(),this.onOpen())}async focusInput(){var t;null===(t=this.inputEl)||void 0===t||t.focus()}async clear(){this.selected=[],this.emitChange()}render(){const t=this.open&&this.filtered.length>0,s=t?this.uid+"-listbox":void 0,i=this.highlighted>=0?this.optionId(this.highlighted):void 0,h=r({error:this.error,warning:this.warning,helper:this.helper});return o(e,{key:"5351ddba9ec53411d14582d3e4c013000f560540",class:"xv-combobox",part:"root",size:this.size},this.label&&o("label",{key:"9072c85cbd926b16e08827dacccd4d7f0a86d411",class:"label"},this.label),o("div",{key:"d63f9438b385fc05b53f29be87d5e1cf77a02f88",class:{control:!0,"control--disabled":this.disabled,"control--error":!!this.error,"control--readonly":!!this.readonly},onClick:()=>this.blockClick()},o("div",{key:"e303fef8789d9f1df8a9febe667f8fa0d72f4aaa",class:"control-chips",role:"list"},this.selected.map(((t,s)=>o("xv-tag-v2",{role:"listitem",part:"chip","data-value":t.value,size:this.COMPARE_TAG_SIZE[this.size],disabled:this.disabled,bg:(null==t?void 0:t.bg)||"var(--layer-accent-01, #F7F7F7)",color:(null==t?void 0:t.color)||"var(--text-primary, #333)",closeable:!this.readonly,onCloseClick:({detail:t})=>this.removeTag(s,t)},t.label))),o("input",{key:"08ec28c65696a36238aa4f2c7f9ba2a89c34e31c",ref:t=>this.inputEl=t,class:"control-input",readonly:this.readonly,placeholder:this.selected.length?"":this.placeholder,value:this.inputValue,onInput:t=>this.onInput(t),onKeyDown:t=>this.onKeyDown(t),onFocus:()=>{this.onOpen(),this.recomputeFiltered()},"aria-autocomplete":"list","aria-expanded":this.open?"true":"false","aria-controls":s,"aria-activedescendant":i,disabled:this.disabled})),this.loading&&o("span",{key:"434666b2391399635cfe9c18320e4e10c0b67abf",class:"control-loader",part:"loader","aria-hidden":"true"},o("xv-loader-v2",{key:"66ffdb3f446ee255495d05c9a456a868b208c52a",size:"sm",variant:"horizontal"}))),h&&o("p",{key:"47f10c7a1e7a0eb5f9cfef0a303a667278833673",class:{message:!0,[h.level]:!0}},h.text),t&&o("ul",{key:"cba3064999cd0fa1159bb1a5b0967633de6d2e6f",id:this.uid+"-listbox",class:"suggestions",role:"listbox",part:"listbox"},this.filtered.map(((t,s)=>o("li",{id:this.optionId(s),class:{"suggestions-opt":!0,"suggestions-opt--highlight":s===this.highlighted},role:"option","aria-selected":s===this.highlighted,onMouseEnter:()=>this.onOptionMouseEnter(s),onMouseDown:t=>t.preventDefault(),onClick:()=>this.selectOption(t)},o("div",{class:"suggestions-opt-content"},t.bg?o("span",{class:"suggestions-opt-content--color",style:{background:t.bg}}):null,o("span",{class:"suggestions-opt-content--label"},this.highlightLabel(t.label).map(((t,s)=>"string"==typeof t?o("span",{key:s},t):o("strong",{key:s},t.match))))))))))}get host(){return this}static get watchers(){return{options:[{watchOptions:0}],value:[{watchValue:0}]}}static get style(){return':host{display:block;font-family:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;width:100%;box-sizing:border-box;position:relative;text-align:left}:host .label{display:block;margin-bottom:var(--spacing-03);color:var(--text-secondary, #515151);font-family:var(--ff-body), sans-serif;font-size:var(--fz-sm, 12px);font-style:normal;font-weight:400;line-height:var(--fz-md);letter-spacing:0.32px}:host .control{overflow:auto;border-radius:3px;border:1px solid var(--border-subtle-01);outline:2px solid transparent;padding-block:var(--spacing-02);padding-inline:var(--spacing-05);box-sizing:border-box;display:flex;align-items:center;min-height:40px;cursor:text}:host .control:focus-within{outline:2px solid var(--focus)}:host .control--error{outline-color:var(--support-error)}:host .control--readonly{border-radius:0;border-top-width:0;border-left-width:0;border-right-width:0;outline-color:transparent}:host .control--disabled{opacity:0.6;cursor:not-allowed}:host .control-chips{display:flex;align-items:center;flex-wrap:wrap;gap:6px;width:100%}:host .control-loader{flex:0 0 auto;display:inline-flex;align-items:center;margin-left:var(--spacing-03);pointer-events:none}:host .control-input{flex:1;min-width:120px;border:none;outline:none;font-size:inherit;color:inherit;background:transparent;padding:0;margin:0}:host .control-input:disabled{cursor:not-allowed}:host .control-input::placeholder{color:var(--text-placeholder)}:host .message{margin:var(--spacing-02) 0 0;color:var(--text-helper, #646464);font-size:var(--fz-sm, 12px);font-style:normal;font-weight:400;line-height:var(--fz-md, 16px);letter-spacing:0.32px}:host .message.error{color:var(--text-error)}:host .message.warning{color:var(--text-secondary, #515151)}:host .suggestions{position:absolute;top:100%;left:0;right:0;background:var(--layer-02, #fff);border-radius:3px;border:1px solid var(--border-subtle-01);box-shadow:0 6px 18px rgba(0, 0, 0, 0.06);max-height:220px;overflow:auto;z-index:50;margin:var(--spacing-01) 0 0;padding:var(--spacing-03) 0}:host .suggestions-opt{padding:8px 12px;cursor:pointer;display:flex;align-items:center}:host .suggestions-opt :hover,:host .suggestions-opt--highlight{background-color:var(--layer-hover-02, #F7F7F7)}:host .suggestions-opt-content{display:flex;align-items:center;gap:8px}:host .suggestions-opt-content--color{width:12px;height:12px;border-radius:3px;border:1px solid rgba(0, 0, 0, 0.06)}:host .suggestions-opt-content--label strong{font-weight:700}:host([size=xs]){font-size:0.8em}:host([size=xs]) .control{min-height:16px}:host([size=sm]){font-size:0.9em}:host([size=sm]) .control{min-height:32px}:host([size=lg]){font-size:1.2em}:host([size=lg]) .control{min-height:48px}:host([size=xl]){font-size:1.4em}:host([size=xl]) .control{min-height:60px}'}},[1,"xv-tag-combobox",{options:[16],label:[1],size:[1],placeholder:[1],allowCreate:[4,"allow-create"],maxSuggestions:[2,"max-suggestions"],disabled:[4],loading:[4],readonly:[4],error:[8],warning:[8],helper:[1],value:[16],normalizedOptions:[32],selected:[32],inputValue:[32],open:[32],filtered:[32],highlighted:[32],focusInput:[64],clear:[64]},void 0,{options:[{watchOptions:0}],value:[{watchValue:0}]}]);function d(){"undefined"!=typeof customElements&&["xv-tag-combobox","xv-loader-v2","xv-tag-v2"].forEach((t=>{switch(t){case"xv-tag-combobox":customElements.get(h(t))||customElements.define(h(t),c);break;case"xv-loader-v2":customElements.get(h(t))||n();break;case"xv-tag-v2":customElements.get(h(t))||l()}}))}d();const p=c,g=d;export{p as XvTagCombobox,g as defineCustomElement}

package/dist/components/xv-tag-v2.js

@@ -1 +1 @@
-import{X as s,d as o}from"./p-DTwz9Fsh.js";const p=s,r=o;export{p as XvTagV2,r as defineCustomElement}
+import{X as o,d as s}from"./p-DNRISLNf.js";const p=o,r=s;export{p as XvTagV2,r as defineCustomElement}

package/dist/components/xv-text-input-v2.js

@@ -1 +1 @@
-import{X as o,d as s}from"./p-CEjlxnKY.js";const p=o,r=s;export{p as XvTextInputV2,r as defineCustomElement}
+import{X as o,d as s}from"./p-DFe9Mtw_.js";const t=o,p=s;export{t as XvTextInputV2,p as defineCustomElement}

package/dist/components/xv-textarea.js

@@ -1 +1 @@
-import{p as t,H as e,c as o,h as s,a as r,t as i}from"./p-BNP2Lw34.js";import{S as n}from"./p-HjYAjHna.js";import{r as a}from"./index.js";import{d as l}from"./p-Dzz9jxLm.js";import{d as c}from"./p-BRZwUlfE.js";const d=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.valueChange=o(this,"valueChange",7),this.internals=this.attachInternals(),this.value="",this.loading=!1,this.rows=4,this.size=n.MD,this.onInput=t=>{const e=t.target.value;(e.length<=this.max||void 0===this.max)&&(this.value=e,this.valueChange.emit(e),this.internals.setFormValue(this.value))}}componentWillLoad(){this.value&&this.internals.setFormValue(this.value)}render(){const t=a({error:this.error,warning:this.warning,helper:this.helper});return s(r,{key:"658e393a65602e686906bd2ad9eca9efd0d185fc",class:{disabled:!!this.disabled}},s("label",{key:"93ad9edea381b99bcb7bcf1f692db00800776bf3",class:"control"},(this.label||this.max)&&s("p",{key:"fa5d19c60d4d528fe1fb7e7d5505d9927e69b1ec",class:"control_label"},s("span",{key:"4bf48eb50474b3b74417a5ad3c01d09f6b485034"},this.label,this.info&&s("xv-tooltip-v2",{key:"d7f1d420fbb2fa18d598b83e75a5218e4de1bfd4",message:this.info})),void 0!==this.max&&!this.counterHide&&s("span",{key:"5053f5fa4902e4079d6163db7c13ff659bb656e5",class:"control_label__count"},this.value.length||0,"/",this.max)),s("div",{key:"52762934c658eb768e494963ece43228dfa5926e",class:{control_input:!0,readonly:!!this.readonly,error:!!this.error,warning:void 0!==this.warning}},s("textarea",{key:"7b2e78e20deaf989e72df9ff44a78d3111b775ac",class:{"no-resize":!!this.noResize},name:this.name,rows:this.rows,value:this.value,maxLength:this.max,disabled:this.disabled,readOnly:this.readonly,placeholder:this.placeholder,onInput:this.onInput}),s("div",{key:"9cea8ecb9db775ce6aaa7573a140d5d308ff0d30",class:"control_input__icons"},this._renderIcon()))),t&&s("p",{key:"7ddc85f57fca259024f1060ec85265f5c661e4e8",class:{message:!0,[t.level]:!0}},t.text))}_renderIcon(){return this.loading?s("xv-loader-v2",{size:n.XS}):this.error?s("span",{class:"status-icon error","aria-hidden":"true"},"!"):this.warning?s("span",{class:"status-icon warning","aria-hidden":"true"},"⚠"):null}static get formAssociated(){return!0}static get style(){return":host{display:inline-block;text-align:left;font-family:var(--ff-body), sans-serif}:host .control_label{display:flex;justify-content:space-between;column-gap:var(--spacing-03);margin:0 0 var(--spacing-03);color:var(--text-secondary, #515151);font-family:var(--ff-body), sans-serif;font-size:var(--fz-sm, 12px);font-style:normal;font-weight:400;line-height:var(--fz-md);letter-spacing:0.32px}:host .control_label__count{font-weight:400}:host .control_label [role=tooltip]{margin-left:var(--spacing-03)}:host .control_input{display:flex;position:relative;border:1px solid var(--border-subtle-01);font-size:var(--fz-md, 14px);outline:2px solid transparent;background-color:transparent;border-radius:3px;transition:250ms ease-in-out border-color, 250ms ease-in-out outline-color}:host .control_input:hover{border-color:var(--border-subtle-selected-01)}:host .control_input:focus-within{outline-color:var(--focus)}:host .control_input.error{outline-color:var(--support-error)}:host .control_input.readonly{outline-color:transparent;background:var(--field-01, #F7F7F7);background-blend-mode:multiply}:host .control_input.readonly textarea{color:var(--text-secondary)}:host .control_input.error textarea,:host .control_input.warning textarea{padding-inline-end:calc(var(--spacing-05, 16px) + 16px)}:host .control_input textarea{flex:1;border:none;outline:none;margin:0;background-color:transparent;padding-block:var(--spacing-05);padding-inline:var(--spacing-05);box-sizing:border-box;color:var(--text-primary);min-width:20px;font-size:inherit;font-style:normal;font-weight:400;letter-spacing:0.16px;font-family:inherit;line-height:20px}:host .control_input textarea::placeholder{color:var(--text-placeholder);font-family:inherit;font-weight:400;font-size:14px;letter-spacing:0.16px;line-height:20px}:host .control_input textarea.no-resize{resize:none}:host .control_input__icons{position:absolute;right:var(--spacing-05);top:var(--spacing-05);display:inline-flex;align-items:stretch;column-gap:2px}:host .control_input__icons .status-icon{display:inline-flex;align-items:center;align-self:center;font-size:16px;line-height:1}:host .control_input__icons .status-icon.error{background-color:var(--support-error);color:white;width:16px;height:16px;border-radius:8px;font-size:12px;font-weight:bold;align-items:center;justify-content:center}:host .control_input__icons .status-icon.warning{color:var(--support-warning)}:host .message{margin:var(--spacing-02) 0 0;color:var(--text-helper, #646464);font-size:var(--fz-sm, 12px);font-style:normal;font-weight:400;line-height:var(--fz-md, 16px);letter-spacing:0.32px}:host .message.error{color:var(--text-error)}:host .message.warning{color:var(--text-secondary, #515151)}:host(.disabled){cursor:not-allowed}:host(.disabled) .control_label,:host(.disabled) .control_input textarea,:host(.disabled) .control_input textarea::placeholder,:host(.disabled) .message:not(.error){color:var(--text-disabled);cursor:not-allowed}:host(.disabled) .control_input__icons,:host(.disabled) .message.error{opacity:0.5;cursor:not-allowed}:host([block]){display:block}:host([block]) .control_input textarea{width:100%}:host([size=xs]) .control_input textarea{padding-block:var(--spacing-03);font-size:0.8em}:host([size=sm]) .control_input textarea{padding-block:var(--spacing-04);font-size:0.9em}:host([size=lg]) .control_input textarea{padding-block:var(--spacing-06);font-size:1.1em}:host([size=xl]) .control_input textarea{padding-block:var(--spacing-07);font-size:1.2em}"}},[65,"xv-textarea",{value:[1025],name:[1],label:[1],placeholder:[1],helper:[1],info:[1],error:[8],warning:[8],disabled:[4],readonly:[4],block:[4],counterHide:[4,"counter-hide"],noResize:[4,"no-resize"],loading:[4],max:[2],rows:[2],size:[513]}]);function p(){"undefined"!=typeof customElements&&["xv-textarea","xv-loader-v2","xv-tooltip-v2"].forEach((t=>{switch(t){case"xv-textarea":customElements.get(i(t))||customElements.define(i(t),d);break;case"xv-loader-v2":customElements.get(i(t))||l();break;case"xv-tooltip-v2":customElements.get(i(t))||c()}}))}p();const h=d,f=p;export{h as XvTextarea,f as defineCustomElement}
+import{p as t,H as e,c as o,h as s,a as r,t as a}from"./p-CspyoLL9.js";import{S as i}from"./p-HjYAjHna.js";import{r as n}from"./index.js";import{d as l}from"./p-Dwbe941A.js";import{d as c}from"./p-DFtMwE-h.js";const d=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.valueChange=o(this,"valueChange",7),this.internals=this.attachInternals(),this.value="",this.loading=!1,this.rows=4,this.size=i.MD,this.onInput=t=>{const e=t.target.value;(e.length<=this.max||void 0===this.max)&&(this.value=e,this.valueChange.emit(e),this.internals.setFormValue(this.value))}}componentWillLoad(){this.value&&this.internals.setFormValue(this.value)}render(){const t=n({error:this.error,warning:this.warning,helper:this.helper});return s(r,{key:"8f8a6e5f1886e21e52ffc3e006c4d43b1de420eb",class:{disabled:!!this.disabled}},s("label",{key:"2097cfb9d893772a0aa1e2aa3aeadd5484ebb48e",class:"control"},(this.label||this.max)&&s("p",{key:"4a5ce1d5ad1d62ba1ab1249b2f15504eafc727af",class:"control_label"},s("span",{key:"f8344446dcf38978181473292c6a748d394538f6"},this.label,this.info&&s("xv-tooltip-v2",{key:"bf23e43f1b7f0ea94ba9cb376c4893ea413ec5df",message:this.info})),void 0!==this.max&&!this.counterHide&&s("span",{key:"7b377f47c6b426428fbaee01746415032b75d0b5",class:"control_label__count"},this.value.length||0,"/",this.max)),s("div",{key:"b7e1937e704f7493544443d159e7b3c1783a1e45",class:{control_input:!0,readonly:!!this.readonly,error:!!this.error,warning:void 0!==this.warning}},s("textarea",{key:"4c09ca41ec313fca1f2df3e4e941d342d6121b6a",class:{"no-resize":!!this.noResize},name:this.name,rows:this.rows,value:this.value,maxLength:this.max,disabled:this.disabled,readOnly:this.readonly,placeholder:this.placeholder,onInput:this.onInput}),s("div",{key:"68dcba186158bf977193f908cf2a129452ba904e",class:"control_input__icons"},this._renderIcon()))),t&&s("p",{key:"150534971f182c93c131fee2b00eae5cc78e7c30",class:{message:!0,[t.level]:!0}},t.text))}_renderIcon(){return this.loading?s("xv-loader-v2",{size:i.XS}):this.error?s("span",{class:"status-icon error","aria-hidden":"true"},"!"):this.warning?s("span",{class:"status-icon warning","aria-hidden":"true"},"⚠"):null}static get formAssociated(){return!0}static get style(){return":host{display:inline-block;text-align:left;font-family:var(--ff-body), sans-serif}:host .control_label{display:flex;justify-content:space-between;column-gap:var(--spacing-03);margin:0 0 var(--spacing-03);color:var(--text-secondary, #515151);font-family:var(--ff-body), sans-serif;font-size:var(--fz-sm, 12px);font-style:normal;font-weight:400;line-height:var(--fz-md);letter-spacing:0.32px}:host .control_label__count{font-weight:400}:host .control_label [role=tooltip]{margin-left:var(--spacing-03)}:host .control_input{display:flex;position:relative;border:1px solid var(--border-subtle-01);font-size:var(--fz-md, 14px);outline:2px solid transparent;background-color:transparent;border-radius:3px;transition:250ms ease-in-out border-color, 250ms ease-in-out outline-color}:host .control_input:hover{border-color:var(--border-subtle-selected-01)}:host .control_input:focus-within{outline-color:var(--focus)}:host .control_input.error{outline-color:var(--support-error)}:host .control_input.readonly{outline-color:transparent;background:var(--field-01, #F7F7F7);background-blend-mode:multiply}:host .control_input.readonly textarea{color:var(--text-secondary)}:host .control_input.error textarea,:host .control_input.warning textarea{padding-inline-end:calc(var(--spacing-05, 16px) + 16px)}:host .control_input textarea{flex:1;border:none;outline:none;margin:0;background-color:transparent;padding-block:var(--spacing-05);padding-inline:var(--spacing-05);box-sizing:border-box;color:var(--text-primary);min-width:20px;font-size:inherit;font-style:normal;font-weight:400;letter-spacing:0.16px;font-family:inherit;line-height:20px}:host .control_input textarea::placeholder{color:var(--text-placeholder);font-family:inherit;font-weight:400;font-size:14px;letter-spacing:0.16px;line-height:20px}:host .control_input textarea.no-resize{resize:none}:host .control_input__icons{position:absolute;right:var(--spacing-05);top:var(--spacing-05);display:inline-flex;align-items:stretch;column-gap:2px}:host .control_input__icons .status-icon{display:inline-flex;align-items:center;align-self:center;font-size:16px;line-height:1}:host .control_input__icons .status-icon.error{background-color:var(--support-error);color:white;width:16px;height:16px;border-radius:8px;font-size:12px;font-weight:bold;align-items:center;justify-content:center}:host .control_input__icons .status-icon.warning{color:var(--support-warning)}:host .message{margin:var(--spacing-02) 0 0;color:var(--text-helper, #646464);font-size:var(--fz-sm, 12px);font-style:normal;font-weight:400;line-height:var(--fz-md, 16px);letter-spacing:0.32px}:host .message.error{color:var(--text-error)}:host .message.warning{color:var(--text-secondary, #515151)}:host(.disabled){cursor:not-allowed}:host(.disabled) .control_label,:host(.disabled) .control_input textarea,:host(.disabled) .control_input textarea::placeholder,:host(.disabled) .message:not(.error){color:var(--text-disabled);cursor:not-allowed}:host(.disabled) .control_input__icons,:host(.disabled) .message.error{opacity:0.5;cursor:not-allowed}:host([block]){display:block}:host([block]) .control_input textarea{width:100%}:host([size=xs]) .control_input textarea{padding-block:var(--spacing-03);font-size:0.8em}:host([size=sm]) .control_input textarea{padding-block:var(--spacing-04);font-size:0.9em}:host([size=lg]) .control_input textarea{padding-block:var(--spacing-06);font-size:1.1em}:host([size=xl]) .control_input textarea{padding-block:var(--spacing-07);font-size:1.2em}"}},[65,"xv-textarea",{value:[1025],name:[1],label:[1],placeholder:[1],helper:[1],info:[1],error:[8],warning:[8],disabled:[4],readonly:[4],block:[4],counterHide:[4,"counter-hide"],noResize:[4,"no-resize"],loading:[4],max:[2],rows:[2],size:[513]}]);function p(){"undefined"!=typeof customElements&&["xv-textarea","xv-loader-v2","xv-tooltip-v2"].forEach((t=>{switch(t){case"xv-textarea":customElements.get(a(t))||customElements.define(a(t),d);break;case"xv-loader-v2":customElements.get(a(t))||l();break;case"xv-tooltip-v2":customElements.get(a(t))||c()}}))}p();const h=d,f=p;export{h as XvTextarea,f as defineCustomElement}

package/dist/components/xv-tile.js

@@ -1 +1 @@
-import{p as e,H as t,c as i,h as o,a as l,t as a}from"./p-BNP2Lw34.js";const r=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.tileChange=i(this,"tileChange",7),this.variant="base",this.checked=!1,this.readonly=!1,this.handleChange=e=>{const t=e.target;this.checked=!!t.checked,this.value=t.value,"selectable"===this.variant&&this.tileChange.emit({name:this.name,value:this.value})}}tileChangeHandle({detail:e}){const{name:t,value:i}=e||{};"selectable"!==this.variant||this.multiple||void 0===t||void 0===i||t===this.name&&i!==this.value&&(this.checked=!1)}handleClick(e){"expandable"!==this.variant||this.disabled||-1!==(null==e?void 0:e.pointerId)||(this.checked=!this.checked)}render(){return o(l,{key:"a2c476c09c531b51f71f991e1880b2a47204491a",class:"xv-tile--host"},o("label",{key:"3e2a54ab149f6043179bb7d1cc9e37496482cde4",class:{[this.el.className]:!!this.el.className,"xv-tile":!0,["xv-tile--variant-"+this.variant]:!!this.variant,"xv-tile--block":!!this.block,"xv-tile--disabled":!!this.disabled,selected:!!this.checked,"xv-tile--error":!!this.error}},o("div",{key:"fc25a98acbca605f9dc1184d60303e8114e2e43b",class:"xv-tile_content"},this.label&&o("p",{key:"0f466d3aa936261cdc54a0b7492b5f5737b2a778",class:"xv-tile_content__title"},this.label),o("slot",{key:"8e6c17221070c8c5bde4049b55943155ba2e7c17"})),"selectable"===this.variant&&o("div",{key:"98a511f78a1dfbbcc65e971a0dad71510a6830c5",class:"xv-tile_control"},o("input",this.multiple?{type:"checkbox",disabled:this.disabled||this.readonly,readonly:this.readonly,onChange:this.handleChange,name:this.name,value:this.value,checked:this.checked}:{type:"radio",disabled:this.disabled||this.readonly,readonly:this.readonly,onChange:this.handleChange,name:this.name,value:this.value,checked:this.checked})),("clickable"===this.variant||"expandable"===this.variant)&&o("div",{key:"0bcfa73c1f2fb1b2d6d2740258cde9483dbdcd87",class:"xv-tile_footer"},o("button",{key:"e6a2b02d5b4596596ba216c300c954fbb08268ee",class:{"xv-tile_footer__icon":!0,["icon--"+this.variant]:!0,open:this.checked}})),o("div",{key:"700535d5440bb57fd31382a2c0d0803f7cbdf239",class:{"xv-tile_expandable":!0,open:this.checked}},o("slot",{key:"3888e0d07a757ef7e9f8d9a16ca04c9cce814b06",name:"expandable"}))))}get el(){return this}static get style(){return'@charset "UTF-8";.xv-tile--host{display:contents}.xv-tile--host[message]{display:inherit;position:relative}.xv-tile--host[message]:hover:before{content:attr(message);display:block;position:absolute;background-color:var(--background-inverse, #333);color:var(--text-on-color, #fff);padding:1em 3em;border-radius:5px;font-size:0.8em;left:0;bottom:100%;white-space:wrap;opacity:1;z-index:2}.xv-tile--host .xv-tile{min-height:64px;min-width:128px;border-radius:3px;border:1px solid var(--border-tile-02, #ACACAC);outline:2px solid transparent;background-color:var(--layer-02, #FFF);text-align:left;user-select:none;grid-template-columns:1fr auto;grid-template-areas:"content control" "footer footer" "expandable expandable";display:inline-grid;color:var(--text-primary, #333)}.xv-tile--host .xv-tile--variant-selectable,.xv-tile--host .xv-tile--variant-expandable,.xv-tile--host .xv-tile--variant-clickable{cursor:pointer;transition:250ms ease-in-out background-color}.xv-tile--host .xv-tile--variant-selectable:hover,.xv-tile--host .xv-tile--variant-expandable:hover,.xv-tile--host .xv-tile--variant-clickable:hover{border-color:var(--border-tile-01, #D1D1D1);background-color:var(--layer-hover-02, #F7F7F7)}.xv-tile--host .xv-tile--variant-selectable:active,.xv-tile--host .xv-tile--variant-expandable:active,.xv-tile--host .xv-tile--variant-clickable:active{background-color:var(--layer-active-02, #D1D1D1)}.xv-tile--host .xv-tile--variant-selectable:focus-within,.xv-tile--host .xv-tile--variant-expandable:focus-within,.xv-tile--host .xv-tile--variant-clickable:focus-within{outline-width:1px;outline-color:var(--focus)}.xv-tile--host .xv-tile--variant-selectable.selected,.xv-tile--host .xv-tile--variant-expandable.selected,.xv-tile--host .xv-tile--variant-clickable.selected{background-color:var(--layer-selected-02, #E3E3E3)}.xv-tile--host .xv-tile--variant-selectable.selected:hover,.xv-tile--host .xv-tile--variant-expandable.selected:hover,.xv-tile--host .xv-tile--variant-clickable.selected:hover{background-color:var(--layer-selected-hover-02, #DADADA)}.xv-tile--host .xv-tile--block{display:grid}.xv-tile--host .xv-tile--error{border-color:var(--support-error);outline:2px solid var(--support-error)}.xv-tile--host .xv-tile--disabled{border-color:var(--border-disabled, #D1D1D1);background-color:var(--layer-01, #F7F7F7);color:var(--text-disabled, rgba(19, 19, 19, 0.25));user-select:none;pointer-events:none;cursor:not-allowed}.xv-tile--host .xv-tile_content{grid-area:content;font-style:normal;font-weight:400;font-size:var(--fz-md, 14px);line-height:20px;letter-spacing:0.16px}.xv-tile--host .xv-tile_content>*{margin:0;padding:0}.xv-tile--host .xv-tile_content__title{font-size:20px;line-height:28px;letter-spacing:unset}.xv-tile--host .xv-tile_content:not(:empty){padding:var(--spacing-05, 16px)}.xv-tile--host .xv-tile_control{grid-area:control}.xv-tile--host .xv-tile_control:not(:empty){padding-block:var(--spacing-05, 16px);padding-inline-end:var(--spacing-05, 16px)}.xv-tile--host .xv-tile_control input[type=checkbox],.xv-tile--host .xv-tile_control input[type=radio]{-webkit-appearance:none;appearance:none;background-color:#fff;margin:0;width:16px;height:16px;position:relative;display:inline-flex;align-items:center;justify-content:center}.xv-tile--host .xv-tile_control input[type=checkbox]:focus,.xv-tile--host .xv-tile_control input[type=radio]:focus{outline:1.4px solid var(--focus)}.xv-tile--host .xv-tile_control input[type=checkbox]:before,.xv-tile--host .xv-tile_control input[type=checkbox]:after,.xv-tile--host .xv-tile_control input[type=radio]:before,.xv-tile--host .xv-tile_control input[type=radio]:after{display:inline-block;border-radius:inherit;transition:200ms ease-in-out border-color, 200ms ease-in-out background-color}.xv-tile--host .xv-tile_control input[type=checkbox]:before,.xv-tile--host .xv-tile_control input[type=radio]:before{content:"";width:inherit;height:inherit;background-color:#fff;border:1px solid var(--icon-primary, #131313);box-sizing:border-box}.xv-tile--host .xv-tile_control input[type=checkbox]:after,.xv-tile--host .xv-tile_control input[type=radio]:after{position:absolute}.xv-tile--host .xv-tile_control input[type=checkbox]:checked:before,.xv-tile--host .xv-tile_control input[type=radio]:checked:before{border-color:var(--background-brand, #97BF0D)}.xv-tile--host .xv-tile_control input[type=checkbox]:checked:after,.xv-tile--host .xv-tile_control input[type=radio]:checked:after{content:""}.xv-tile--host .xv-tile_control input[type=checkbox]{border-radius:2px}.xv-tile--host .xv-tile_control input[type=checkbox]:after{width:5px;height:8px;border:solid #fff;margin-bottom:2px;border-width:0 2px 2px 0;transform:rotate(45deg)}.xv-tile--host .xv-tile_control input[type=checkbox]:checked:not([readonly]):before{background-color:var(--background-brand, #97BF0D)}.xv-tile--host .xv-tile_control input[type=checkbox]:checked[readonly]:before{background-color:transparent}.xv-tile--host .xv-tile_control input[type=checkbox]:checked[readonly]:before,.xv-tile--host .xv-tile_control input[type=checkbox]:checked[readonly]:after{border-color:var(--text-disabled, hsla(0, 0%, 7%, 0.25))}.xv-tile--host .xv-tile_control input[type=radio]{border-radius:50%}.xv-tile--host .xv-tile_control input[type=radio]:after{width:50%;height:50%;background-color:var(--background-brand, #97BF0D)}.xv-tile--host .xv-tile_footer{grid-area:footer;display:flex;justify-content:flex-end}.xv-tile--host .xv-tile_footer__icon{pointer-events:none;background-color:transparent;outline:none;border:none;margin:0;padding:var(--spacing-05, 16px);font-size:16px;display:inline-flex;align-items:center;justify-content:center}.xv-tile--host .xv-tile_footer__icon:before{content:"";display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px}.xv-tile--host .xv-tile_footer__icon.icon--clickable:before{content:"➔"}.xv-tile--host .xv-tile_footer__icon.icon--expandable:before{width:12px;height:12px;border-style:solid;border-width:0 2px 2px 0;transform:rotate(45deg);transform-origin:center;transition:200ms ease-in-out transform}.xv-tile--host .xv-tile_footer__icon.icon--expandable.open:before{transform:rotate(-135deg)}.xv-tile--host .xv-tile_expandable{grid-area:expandable;display:none}.xv-tile--host .xv-tile_expandable.open{display:block}.xv-tile--host .xv-tile_expandable [slot=expandable]{margin:0;padding-inline:var(--spacing-05, 16px);padding-block-end:var(--spacing-05, 16px)}'}},[260,"xv-tile",{variant:[513],label:[1],error:[4],multiple:[4],disabled:[4],block:[4],name:[1],message:[513],value:[1025],checked:[1028],readonly:[1028]},[[4,"tileChange","tileChangeHandle"],[0,"click","handleClick"]]]);function n(){"undefined"!=typeof customElements&&["xv-tile"].forEach((e=>{"xv-tile"===e&&(customElements.get(a(e))||customElements.define(a(e),r))}))}n();const s=r,c=n;export{s as XvTile,c as defineCustomElement}
+import{p as e,H as t,c as i,h as o,a as l,t as a}from"./p-CspyoLL9.js";const r=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.tileChange=i(this,"tileChange",7),this.variant="base",this.checked=!1,this.readonly=!1,this.handleChange=e=>{const t=e.target;this.checked=!!t.checked,this.value=t.value,"selectable"===this.variant&&this.tileChange.emit({name:this.name,value:this.value})}}tileChangeHandle({detail:e}){const{name:t,value:i}=e||{};"selectable"!==this.variant||this.multiple||void 0===t||void 0===i||t===this.name&&i!==this.value&&(this.checked=!1)}handleClick(e){"expandable"!==this.variant||this.disabled||-1!==(null==e?void 0:e.pointerId)||(this.checked=!this.checked)}render(){return o(l,{key:"7a4262c881da376efbba73e6ecdeef845caefa0e",class:"xv-tile--host"},o("label",{key:"9e3fcc2f59463c39d61352e84f89c6905b8b6754",class:{[this.el.className]:!!this.el.className,"xv-tile":!0,["xv-tile--variant-"+this.variant]:!!this.variant,"xv-tile--block":!!this.block,"xv-tile--disabled":!!this.disabled,selected:!!this.checked,"xv-tile--error":!!this.error}},o("div",{key:"aacc76f7706cef6b3f7dc642e07f0aa0ed641368",class:"xv-tile_content"},this.label&&o("p",{key:"c52856112766b1047581570dadd3ca3daa09e191",class:"xv-tile_content__title"},this.label),o("slot",{key:"c23faffc735f62a7007ad6ab25caad10278543d8"})),"selectable"===this.variant&&o("div",{key:"c9005b66ccb8feea162b43079762f7e2f8a7c5cf",class:"xv-tile_control"},o("input",this.multiple?{type:"checkbox",disabled:this.disabled||this.readonly,readonly:this.readonly,onChange:this.handleChange,name:this.name,value:this.value,checked:this.checked}:{type:"radio",disabled:this.disabled||this.readonly,readonly:this.readonly,onChange:this.handleChange,name:this.name,value:this.value,checked:this.checked})),("clickable"===this.variant||"expandable"===this.variant)&&o("div",{key:"08d6633d4a19ea03c761d18b20f164ae23002479",class:"xv-tile_footer"},o("button",{key:"ff242c00e2dadf564d146a02ac944d1bee7c7ec7",class:{"xv-tile_footer__icon":!0,["icon--"+this.variant]:!0,open:this.checked}})),o("div",{key:"27350c54f82cf8c78e49c04fc2b2b4fb0e4bbb96",class:{"xv-tile_expandable":!0,open:this.checked}},o("slot",{key:"85f9a007a422ca5e7c06239d771cc8ede86a4e21",name:"expandable"}))))}get el(){return this}static get style(){return'@charset "UTF-8";.xv-tile--host{display:contents}.xv-tile--host[message]{display:inherit;position:relative}.xv-tile--host[message]:hover:before{content:attr(message);display:block;position:absolute;background-color:var(--background-inverse, #333);color:var(--text-on-color, #fff);padding:1em 3em;border-radius:5px;font-size:0.8em;left:0;bottom:100%;white-space:wrap;opacity:1;z-index:2}.xv-tile--host .xv-tile{min-height:64px;min-width:128px;border-radius:3px;border:1px solid var(--border-tile-02, #ACACAC);outline:2px solid transparent;background-color:var(--layer-02, #FFF);text-align:left;user-select:none;grid-template-columns:1fr auto;grid-template-areas:"content control" "footer footer" "expandable expandable";display:inline-grid;color:var(--text-primary, #333)}.xv-tile--host .xv-tile--variant-selectable,.xv-tile--host .xv-tile--variant-expandable,.xv-tile--host .xv-tile--variant-clickable{cursor:pointer;transition:250ms ease-in-out background-color}.xv-tile--host .xv-tile--variant-selectable:hover,.xv-tile--host .xv-tile--variant-expandable:hover,.xv-tile--host .xv-tile--variant-clickable:hover{border-color:var(--border-tile-01, #D1D1D1);background-color:var(--layer-hover-02, #F7F7F7)}.xv-tile--host .xv-tile--variant-selectable:active,.xv-tile--host .xv-tile--variant-expandable:active,.xv-tile--host .xv-tile--variant-clickable:active{background-color:var(--layer-active-02, #D1D1D1)}.xv-tile--host .xv-tile--variant-selectable:focus-within,.xv-tile--host .xv-tile--variant-expandable:focus-within,.xv-tile--host .xv-tile--variant-clickable:focus-within{outline-width:1px;outline-color:var(--focus)}.xv-tile--host .xv-tile--variant-selectable.selected,.xv-tile--host .xv-tile--variant-expandable.selected,.xv-tile--host .xv-tile--variant-clickable.selected{background-color:var(--layer-selected-02, #E3E3E3)}.xv-tile--host .xv-tile--variant-selectable.selected:hover,.xv-tile--host .xv-tile--variant-expandable.selected:hover,.xv-tile--host .xv-tile--variant-clickable.selected:hover{background-color:var(--layer-selected-hover-02, #DADADA)}.xv-tile--host .xv-tile--block{display:grid}.xv-tile--host .xv-tile--error{border-color:var(--support-error);outline:2px solid var(--support-error)}.xv-tile--host .xv-tile--disabled{border-color:var(--border-disabled, #D1D1D1);background-color:var(--layer-01, #F7F7F7);color:var(--text-disabled, rgba(19, 19, 19, 0.25));user-select:none;pointer-events:none;cursor:not-allowed}.xv-tile--host .xv-tile_content{grid-area:content;font-style:normal;font-weight:400;font-size:var(--fz-md, 14px);line-height:20px;letter-spacing:0.16px}.xv-tile--host .xv-tile_content>*{margin:0;padding:0}.xv-tile--host .xv-tile_content__title{font-size:20px;line-height:28px;letter-spacing:unset}.xv-tile--host .xv-tile_content:not(:empty){padding:var(--spacing-05, 16px)}.xv-tile--host .xv-tile_control{grid-area:control}.xv-tile--host .xv-tile_control:not(:empty){padding-block:var(--spacing-05, 16px);padding-inline-end:var(--spacing-05, 16px)}.xv-tile--host .xv-tile_control input[type=checkbox],.xv-tile--host .xv-tile_control input[type=radio]{-webkit-appearance:none;appearance:none;background-color:#fff;margin:0;width:16px;height:16px;position:relative;display:inline-flex;align-items:center;justify-content:center}.xv-tile--host .xv-tile_control input[type=checkbox]:focus,.xv-tile--host .xv-tile_control input[type=radio]:focus{outline:1.4px solid var(--focus)}.xv-tile--host .xv-tile_control input[type=checkbox]:before,.xv-tile--host .xv-tile_control input[type=checkbox]:after,.xv-tile--host .xv-tile_control input[type=radio]:before,.xv-tile--host .xv-tile_control input[type=radio]:after{display:inline-block;border-radius:inherit;transition:200ms ease-in-out border-color, 200ms ease-in-out background-color}.xv-tile--host .xv-tile_control input[type=checkbox]:before,.xv-tile--host .xv-tile_control input[type=radio]:before{content:"";width:inherit;height:inherit;background-color:#fff;border:1px solid var(--icon-primary, #131313);box-sizing:border-box}.xv-tile--host .xv-tile_control input[type=checkbox]:after,.xv-tile--host .xv-tile_control input[type=radio]:after{position:absolute}.xv-tile--host .xv-tile_control input[type=checkbox]:checked:before,.xv-tile--host .xv-tile_control input[type=radio]:checked:before{border-color:var(--background-brand, #97BF0D)}.xv-tile--host .xv-tile_control input[type=checkbox]:checked:after,.xv-tile--host .xv-tile_control input[type=radio]:checked:after{content:""}.xv-tile--host .xv-tile_control input[type=checkbox]{border-radius:2px}.xv-tile--host .xv-tile_control input[type=checkbox]:after{width:5px;height:8px;border:solid #fff;margin-bottom:2px;border-width:0 2px 2px 0;transform:rotate(45deg)}.xv-tile--host .xv-tile_control input[type=checkbox]:checked:not([readonly]):before{background-color:var(--background-brand, #97BF0D)}.xv-tile--host .xv-tile_control input[type=checkbox]:checked[readonly]:before{background-color:transparent}.xv-tile--host .xv-tile_control input[type=checkbox]:checked[readonly]:before,.xv-tile--host .xv-tile_control input[type=checkbox]:checked[readonly]:after{border-color:var(--text-disabled, hsla(0, 0%, 7%, 0.25))}.xv-tile--host .xv-tile_control input[type=radio]{border-radius:50%}.xv-tile--host .xv-tile_control input[type=radio]:after{width:50%;height:50%;background-color:var(--background-brand, #97BF0D)}.xv-tile--host .xv-tile_footer{grid-area:footer;display:flex;justify-content:flex-end}.xv-tile--host .xv-tile_footer__icon{pointer-events:none;background-color:transparent;outline:none;border:none;margin:0;padding:var(--spacing-05, 16px);font-size:16px;display:inline-flex;align-items:center;justify-content:center}.xv-tile--host .xv-tile_footer__icon:before{content:"";display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px}.xv-tile--host .xv-tile_footer__icon.icon--clickable:before{content:"➔"}.xv-tile--host .xv-tile_footer__icon.icon--expandable:before{width:12px;height:12px;border-style:solid;border-width:0 2px 2px 0;transform:rotate(45deg);transform-origin:center;transition:200ms ease-in-out transform}.xv-tile--host .xv-tile_footer__icon.icon--expandable.open:before{transform:rotate(-135deg)}.xv-tile--host .xv-tile_expandable{grid-area:expandable;display:none}.xv-tile--host .xv-tile_expandable.open{display:block}.xv-tile--host .xv-tile_expandable [slot=expandable]{margin:0;padding-inline:var(--spacing-05, 16px);padding-block-end:var(--spacing-05, 16px)}'}},[260,"xv-tile",{variant:[513],label:[1],error:[4],multiple:[4],disabled:[4],block:[4],name:[1],message:[513],value:[1025],checked:[1028],readonly:[1028]},[[4,"tileChange","tileChangeHandle"],[0,"click","handleClick"]]]);function n(){"undefined"!=typeof customElements&&["xv-tile"].forEach((e=>{"xv-tile"===e&&(customElements.get(a(e))||customElements.define(a(e),r))}))}n();const c=r,s=n;export{c as XvTile,s as defineCustomElement}

package/dist/components/xv-toggle-tip.js

@@ -1 +1 @@
-import{X as o,d as s}from"./p-DyGMZIub.js";const p=o,r=s;export{p as XvToggleTip,r as defineCustomElement}
+import{X as o,d as s}from"./p-Bej2l-wN.js";const p=o,r=s;export{p as XvToggleTip,r as defineCustomElement}

package/dist/components/xv-toggle.js

@@ -1 +1 @@
-import{p as t,H as e,c as o,h as s,a as i,t as l}from"./p-BNP2Lw34.js";import{S as n}from"./p-HjYAjHna.js";const a=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.toggleChange=o(this,"toggleChange",7),this.internals=this.attachInternals(),this.value="on",this.name="xv-toggle",this.checked=!1,this.size=n.MD,this.onChange=t=>{this.disabled||this.readonly||(this.checked=t.target.checked,this.toggleChange.emit(this.checked),this.internals.setFormValue(this.checked?this.value||"on":""))}}render(){return s(i,{key:"37a5b9544456493cc34c79b2b7f5b00e23e287c2",class:{"xv-toggle":!0,disabled:this.disabled,readonly:!!this.readonly,block:!!this.block}},this.label&&s("span",{key:"0a25845f45dafed5e868dc09443c45d566dc9c3f",class:"label"},this.label),s("label",{key:"5d1da814a7de2b5965d51fe2eb1f17cfa30f6a0d",class:"control"},s("slot",{key:"c739617e825bf2ed051175cbeb5eb83d1fc298f3",name:"before"}),s("div",{key:"32bd77c1ca5f8e58892cf41d9004f3f38a63bb10",class:"control_input"},s("input",{key:"9447c95ba00b07b288f650ac169f816607d624b9",type:"checkbox",readonly:this.readonly,name:this.name,value:this.value,checked:this.checked,disabled:this.disabled||this.readonly,onChange:this.onChange}),s("span",{key:"ce5ae18fa782dda6a28e45e297cc9e04ace9c7cd",class:"toggle"})),s("slot",{key:"e4005eee0f127a0a1a59c1930aae06fac534ae77",name:"after"})))}static get formAssociated(){return!0}static get style(){return':host(.xv-toggle){display:inline-flex;flex-direction:column;align-items:self-start;row-gap:var(--spacing-03, 8px);text-align:left;font-family:var(--ff-body, Tahoma)}:host(.xv-toggle) .label{color:var(--text-secondary, #515151);font-size:var(--fz-sm, 12px);line-height:var(--fz-md, 14px);letter-spacing:0.32px}:host(.xv-toggle) .control{display:inline-flex;column-gap:var(--spacing-03, 8px);align-items:center;cursor:pointer;color:var(--text-primary, #333);font-size:var(--fz-md, 14px);font-style:normal;font-weight:400;line-height:var(--fz-lg, 16px);letter-spacing:0.16px}:host(.xv-toggle) .control ::slotted([slot=before]),:host(.xv-toggle) .control ::slotted([slot=after]){margin:0 !important;padding:0 !important;user-select:none}:host(.xv-toggle) .control_input{display:inline-flex;position:relative;width:48px;height:24px}:host(.xv-toggle) .control_input .toggle{display:inline-block;position:relative;width:inherit;height:inherit;background-color:var(--border-strong-01, #8B8B8B);border-radius:100px;outline:2px solid transparent;transition:background-color 0.2s, outline-color 0.2s}:host(.xv-toggle) .control_input .toggle::before{display:inline-flex;align-items:center;justify-content:center;content:"";font-size:70%;color:transparent;position:absolute;height:calc(100% - 4px);aspect-ratio:1;top:2px;left:2px;background-color:var(--icon-on-color, white);border-radius:50%;transition:left 0.2s, transform 0.2s}:host(.xv-toggle) .control_input input[type=checkbox]{position:absolute;opacity:0;margin:0;padding:0;width:100%;height:100%}:host(.xv-toggle) .control_input input[type=checkbox]:checked+.toggle{background-color:var(--support-success, #97BF0D)}:host(.xv-toggle) .control_input input[type=checkbox]:checked+.toggle::before{color:var(--support-success, #97BF0D);left:calc(100% - 2px);transform:translateX(-100%)}:host(.xv-toggle) .control_input input[type=checkbox]:active:not(:disabled)+.toggle,:host(.xv-toggle) .control_input input[type=checkbox]:focus:not(:disabled)+.toggle{outline-color:var(--focus)}:host(.xv-toggle[size=xs]) .control_input{width:24px;height:12px}:host(.xv-toggle[size=sm]) .control_input{width:32px;height:16px}:host(.xv-toggle[size=lg]) .control_input{width:56px;height:28px}:host(.xv-toggle[size=xl]) .control_input{width:64px;height:32px}:host(.block){display:flex;align-items:stretch}:host(.disabled) .label,:host(.disabled) .control,:host(.readonly) .label,:host(.readonly) .control{cursor:not-allowed}:host(.disabled) .control_input input[type=checkbox]:checked+.toggle,:host(.disabled) .control_input .toggle{background-color:var(--button-disabled, #8B8B8B)}:host(.disabled) .control_input input[type=checkbox]:checked+.toggle::before,:host(.disabled) .control_input .toggle::before{background-color:var(--text-on-color-disabled, white)}'}},[321,"xv-toggle",{label:[1],value:[1],name:[1],checked:[1540],disabled:[4],readonly:[4],size:[513],block:[4]}]);function c(){"undefined"!=typeof customElements&&["xv-toggle"].forEach((t=>{"xv-toggle"===t&&(customElements.get(l(t))||customElements.define(l(t),a))}))}c();const r=a,g=c;export{r as XvToggle,g as defineCustomElement}
+import{p as t,H as e,c as o,h as s,a as i,t as l}from"./p-CspyoLL9.js";import{S as n}from"./p-HjYAjHna.js";const a=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.toggleChange=o(this,"toggleChange",7),this.internals=this.attachInternals(),this.value="on",this.name="xv-toggle",this.checked=!1,this.size=n.MD,this.onChange=t=>{this.disabled||this.readonly||(this.checked=t.target.checked,this.toggleChange.emit(this.checked),this.internals.setFormValue(this.checked?this.value||"on":""))}}render(){return s(i,{key:"752b686c9e361b4ca0a0ad48d61072a2c819373c",class:{"xv-toggle":!0,disabled:this.disabled,readonly:!!this.readonly,block:!!this.block}},this.label&&s("span",{key:"c99e7d648d7886db04fbfaf16bedf40b982f6b72",class:"label"},this.label),s("label",{key:"ff15e59d5b7ace403030f997d8b1ddf3640f0bf6",class:"control"},s("slot",{key:"bea4d7593d2c7caca6b69e5cc219c1b8dbb55d09",name:"before"}),s("div",{key:"7ad81dc90a00339c8653605cfeb5468377be366b",class:"control_input"},s("input",{key:"ffbcaac266859de781476ba06e9e56069fd11ad4",type:"checkbox",readonly:this.readonly,name:this.name,value:this.value,checked:this.checked,disabled:this.disabled||this.readonly,onChange:this.onChange}),s("span",{key:"d0b1915cd7ab776eb3b573802f5ee73ec417edde",class:"toggle"})),s("slot",{key:"4de504f5a68a747e097fed0260fe55b4dd93de57",name:"after"})))}static get formAssociated(){return!0}static get style(){return':host(.xv-toggle){display:inline-flex;flex-direction:column;align-items:self-start;row-gap:var(--spacing-03, 8px);text-align:left;font-family:var(--ff-body, Tahoma)}:host(.xv-toggle) .label{color:var(--text-secondary, #515151);font-size:var(--fz-sm, 12px);line-height:var(--fz-md, 14px);letter-spacing:0.32px}:host(.xv-toggle) .control{display:inline-flex;column-gap:var(--spacing-03, 8px);align-items:center;cursor:pointer;color:var(--text-primary, #333);font-size:var(--fz-md, 14px);font-style:normal;font-weight:400;line-height:var(--fz-lg, 16px);letter-spacing:0.16px}:host(.xv-toggle) .control ::slotted([slot=before]),:host(.xv-toggle) .control ::slotted([slot=after]){margin:0 !important;padding:0 !important;user-select:none}:host(.xv-toggle) .control_input{display:inline-flex;position:relative;width:48px;height:24px}:host(.xv-toggle) .control_input .toggle{display:inline-block;position:relative;width:inherit;height:inherit;background-color:var(--border-strong-01, #8B8B8B);border-radius:100px;outline:2px solid transparent;transition:background-color 0.2s, outline-color 0.2s}:host(.xv-toggle) .control_input .toggle::before{display:inline-flex;align-items:center;justify-content:center;content:"";font-size:70%;color:transparent;position:absolute;height:calc(100% - 4px);aspect-ratio:1;top:2px;left:2px;background-color:var(--icon-on-color, white);border-radius:50%;transition:left 0.2s, transform 0.2s}:host(.xv-toggle) .control_input input[type=checkbox]{position:absolute;opacity:0;margin:0;padding:0;width:100%;height:100%}:host(.xv-toggle) .control_input input[type=checkbox]:checked+.toggle{background-color:var(--support-success, #97BF0D)}:host(.xv-toggle) .control_input input[type=checkbox]:checked+.toggle::before{color:var(--support-success, #97BF0D);left:calc(100% - 2px);transform:translateX(-100%)}:host(.xv-toggle) .control_input input[type=checkbox]:active:not(:disabled)+.toggle,:host(.xv-toggle) .control_input input[type=checkbox]:focus:not(:disabled)+.toggle{outline-color:var(--focus)}:host(.xv-toggle[size=xs]) .control_input{width:24px;height:12px}:host(.xv-toggle[size=sm]) .control_input{width:32px;height:16px}:host(.xv-toggle[size=lg]) .control_input{width:56px;height:28px}:host(.xv-toggle[size=xl]) .control_input{width:64px;height:32px}:host(.block){display:flex;align-items:stretch}:host(.disabled) .label,:host(.disabled) .control,:host(.readonly) .label,:host(.readonly) .control{cursor:not-allowed}:host(.disabled) .control_input input[type=checkbox]:checked+.toggle,:host(.disabled) .control_input .toggle{background-color:var(--button-disabled, #8B8B8B)}:host(.disabled) .control_input input[type=checkbox]:checked+.toggle::before,:host(.disabled) .control_input .toggle::before{background-color:var(--text-on-color-disabled, white)}'}},[321,"xv-toggle",{label:[1],value:[1],name:[1],checked:[1540],disabled:[4],readonly:[4],size:[513],block:[4]}]);function c(){"undefined"!=typeof customElements&&["xv-toggle"].forEach((t=>{"xv-toggle"===t&&(customElements.get(l(t))||customElements.define(l(t),a))}))}c();const r=a,d=c;export{r as XvToggle,d as defineCustomElement}

package/dist/components/xv-tooltip-v2.js

@@ -1 +1 @@
-import{X as o,d as s}from"./p-BRZwUlfE.js";const p=o,r=s;export{p as XvTooltipV2,r as defineCustomElement}
+import{X as o,d as s}from"./p-DFtMwE-h.js";const t=o,p=s;export{t as XvTooltipV2,p as defineCustomElement}