@prolibu-suite/cobalt-core 0.9.5 → 0.10.0

package/dist/components/co-event-calendar.js

@@ -1 +1 @@
-import{t,p as e,H as i,c as s,h as a}from"./index.js";import{g as o}from"./p-CnNpoKwg.js";import{d as n}from"./p-CuZXTvDM.js";import{d as r}from"./p-CR0izsJC.js";import{d as c}from"./p-Dj1EZ5qD.js";import{d as l}from"./p-C-5cLeKr.js";import{d}from"./p-DolCkNsL.js";import{t as h,b as u,p as m,f,a as b,g as v}from"./p-e5KibEs8.js";import{c as p,t as g,b as y}from"./p-Ch837Ggl.js";const x=/^\d{4}-\d{2}-\d{2}$/,_=864e5;function k(t){if(!x.exec(t))return null;const[e,i,s]=t.split("-").map(Number);return i<1||i>12||s<1||s>31?null:Date.UTC(e,i-1,s)}function w(t){return g(t).slice(0,10)}function D(t,e={}){if(!t||!t.id||!t.start)return null;const i=e.defaultDurationMinutes??60,s=!0===t.allDay;let a,o,n,r;if(s){const e=k(t.start.slice(0,10));if(null===e)return null;if(a=e,n=w(e),t.end){const i=k(t.end.slice(0,10));o=null!==i&&i>e?i:e+_}else o=e+_;r=w(o)}else{let e;try{e=p(t.start)}catch{return null}if(a=e,n=t.start,t.end){let s;try{s=p(t.end)}catch{return null}o=s>e?s:e+6e4*i}else o=e+6e4*i;r=g(o)}const c=t.status?e.statusColors?.[t.status]:void 0,l=t.editable??!0;return{id:t.id,title:t.title??"",allDay:s,start:n,end:r,startMs:a,endMs:o,status:t.status,responseState:t.responseState,backgroundColor:t.backgroundColor??t.color??c?.backgroundColor,borderColor:t.borderColor??c?.borderColor,className:t.className,editable:l,startEditable:t.startEditable??l,durationEditable:t.durationEditable??l,display:t.display??"block",extendedProps:t.extendedProps??{}}}const C=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.coEventClick=s(this,"coEventClick",3),this.coDateSelect=s(this,"coDateSelect",3),this.coEventDrop=s(this,"coEventDrop",3),this.coEventDblClick=s(this,"coEventDblClick",3),this.coDatesSet=s(this,"coDatesSet",3),this.coViewChange=s(this,"coViewChange",3),this.coMoreClick=s(this,"coMoreClick",3),this.view="month",this.events=[],this.locale="es-CO",this.editable=!0,this.selectable=!0,this.dayMaxEvents=3,this.firstDayOfWeek=1,this.availableViews=["month"],this.defaultDurationMinutes=60,this.allDaySlot=!0,this.minTime="00:00",this.maxTime="24:00",this.slotMinutes=15,this.snapMinutes=15,this.scrollTime="07:00",this.nowIndicator=!0,this.loading=!1,this.goToday=()=>this.setAnchor(h()),this.goPrev=()=>this.step(-1),this.goNext=()=>this.step(1),this.handleDaySelect=t=>{var e;const i=t.detail.date;this.coDateSelect.emit({start:i,end:u(i,1),allDay:!0,rect:null!==(e=t.detail.rect)&&void 0!==e?e:null})},this.handleRangeSelect=t=>{var e;this.coDateSelect.emit({start:t.detail.start,end:t.detail.end,allDay:!1,rect:null!==(e=t.detail.rect)&&void 0!==e?e:null})},this.handleEventClick=t=>{var e;const i=this.normalized.find((e=>e.id===t.detail.id));i&&this.coEventClick.emit({event:i,rect:null!==(e=t.detail.rect)&&void 0!==e?e:null})},this.handleEventDblClick=t=>{var e;const i=this.normalized.find((e=>e.id===t.detail.id));i&&this.coEventDblClick.emit({event:i,rect:null!==(e=t.detail.rect)&&void 0!==e?e:null})},this.handleEventDrop=t=>{const e=this.normalized.find((e=>e.id===t.detail.id));e&&this.coEventDrop.emit({event:e,start:t.detail.start,end:t.detail.end,oldStart:t.detail.oldStart,oldEnd:t.detail.oldEnd,allDay:t.detail.allDay,revert:()=>{}})},this.handleMoreClick=t=>{const e=t.detail.date,i=this.tz,s=this.normalized.filter((t=>(t.allDay?t.start.slice(0,10):function(t,e){return new Intl.DateTimeFormat("en-CA",{timeZone:e,year:"numeric",month:"2-digit",day:"2-digit"}).format(new Date(t))}(t.startMs,i))===e));this.coMoreClick.emit({date:e,events:s})}}async clearRangeSelection(){var t,e;const i=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector("co-calendar-timegrid, co-calendar-month");await(null===(e=null==i?void 0:i.clearSelection)||void 0===e?void 0:e.call(i))}componentWillLoad(){this.anchor=this.date&&m(this.date)?this.date:h()}componentDidLoad(){this.emitDatesSet()}onDateChange(t){t&&m(t)&&t!==this.anchor&&(this.anchor=t,this.emitDatesSet())}get tz(){return this.timeZone||y()}get normalized(){const t=this._normCache;if(t&&t.events===this.events&&t.dd===this.defaultDurationMinutes&&t.sc===this.statusColors)return t.result;const e=function(t,e={}){if(!Array.isArray(t))return[];const i=[];for(const s of t){const t=D(s,e);t&&i.push(t)}return i}(function(t){if(Array.isArray(t))return t;if("string"==typeof t&&t.trim())try{const e=JSON.parse(t);return Array.isArray(e)?e:[]}catch(t){return[]}return[]}(this.events),{defaultDurationMinutes:this.defaultDurationMinutes,statusColors:z(this.statusColors)});return this._normCache={events:this.events,dd:this.defaultDurationMinutes,sc:this.statusColors,result:e},e}get viewsList(){return Array.isArray(this.availableViews)?this.availableViews:(this.availableViews+"").split(",").map((t=>t.trim())).filter(Boolean)}dowOf(t){const[e,i,s]=t.split("-").map(Number);return new Date(Date.UTC(e,i-1,s)).getUTCDay()}weekStart(t){const e=(this.dowOf(t)-this.firstDayOfWeek+7)%7;return u(t,-e)}get visibleDates(){if("week"===this.view){const t=this.weekStart(this.anchor);return Array.from({length:7},((e,i)=>u(t,i)))}return"day"===this.view?[this.anchor]:[]}visibleRange(){if("week"===this.view){const t=this.weekStart(this.anchor);return{start:t,end:u(t,7)}}if("day"===this.view)return{start:this.anchor,end:u(this.anchor,1)};const t=m(this.anchor),e=f(t.year,t.month,this.firstDayOfWeek);return{start:e[0][0].value,end:u(e[e.length-1][6].value,1)}}emitDatesSet(){const{start:t,end:e}=this.visibleRange();this.coDatesSet.emit({view:this.view,start:t,end:e,activeDate:this.anchor})}setAnchor(t){this.anchor=t,this.date=t,this.emitDatesSet()}step(t){this.setAnchor("month"===this.view?b(this.anchor,t):u(this.anchor,"day"===this.view?t:7*t))}switchView(t){t!==this.view&&(this.view=t,this.coViewChange.emit({view:t}),this.emitDatesSet())}title(){const t=m(this.anchor);if("month"===this.view)return v(t.year,t.month,this.locale,"long");if("day"===this.view)return new Intl.DateTimeFormat(this.locale,{weekday:"short",day:"numeric",month:"short",year:"numeric"}).format(E(this.anchor));const e=this.weekStart(this.anchor),i=u(e,6),s=new Intl.DateTimeFormat(this.locale,{day:"numeric",month:"short"}),a=new Intl.DateTimeFormat(this.locale,{year:"numeric"}).format(E(i));return`${s.format(E(e))} – ${s.format(E(i))} ${a}`}render(){var t;const e=o(this.locale),i=this.viewsList,s=m(this.anchor);return a("div",{key:"d0a147fee3fa5ad01d40dacbbc2a0b1adf8f3808",class:"cal"},a("div",{key:"35feaa81dc6f139fcced1ee691864b1587b19931",class:"cal__toolbar",part:"toolbar"},a("button",{key:"d05cf866772e81bacd7c904ff31d7f5032431672",type:"button",class:"cal__btn",onClick:this.goToday},null!==(t=e.today)&&void 0!==t?t:"Today"),a("div",{key:"b3c1389ec39de8121d807c8eec944751245b2324",class:"cal__title-group"},a("button",{key:"17224b09c008cf0d5bae8e585f3ffc7981bf63bb",type:"button",class:"cal__icon-btn","aria-label":e.prevMonth,onClick:this.goPrev},a("co-icon",{key:"2bf18c14b972a6a2b0136e67279b743b69074060",name:"caret-left",size:16})),a("h2",{key:"7ad21c7a35e45355870f699ecbbe79099de7e7e6",class:"cal__title","aria-live":"polite"},this.title()),a("button",{key:"4bb0d0287b41b4f100d09c9627afeb91bc5b57d7",type:"button",class:"cal__icon-btn","aria-label":e.nextMonth,onClick:this.goNext},a("co-icon",{key:"9bf5ab51b1d31e4d5c8274be1ca5b71ef96335a1",name:"caret-right",size:16}))),i.length>1?a("div",{class:"cal__views",role:"tablist"},i.map((t=>{var i;return a("button",{type:"button",role:"tab","aria-selected":this.view===t?"true":"false",class:{"cal__view-btn":!0,"cal__view-btn--active":this.view===t},onClick:()=>this.switchView(t)},null!==(i=e[t])&&void 0!==i?i:t)}))):a("span",{class:"cal__views-spacer"})),a("div",{key:"468dd7e859c0f9cbbe7d9e48e0c4cd55fdea2ddf",class:"cal__body",part:"body"},"month"===this.view?a("co-calendar-month",{loading:this.loading,events:this.normalized,year:s.year,month:s.month,locale:this.locale,firstDayOfWeek:this.firstDayOfWeek,timeZone:this.tz,minDate:this.minDate,maxDate:this.maxDate,editable:this.editable,selectable:this.selectable,maxLanes:this.dayMaxEvents,onCoDaySelect:this.handleDaySelect,onCoEventClick:this.handleEventClick,onCoEventDblClick:this.handleEventDblClick,onCoEventDrop:this.handleEventDrop,onCoMoreClick:this.handleMoreClick}):"week"===this.view||"day"===this.view?a("co-calendar-timegrid",{loading:this.loading,events:this.normalized,dates:this.visibleDates,locale:this.locale,timeZone:this.tz,editable:this.editable,selectable:this.selectable,minDate:this.minDate,maxDate:this.maxDate,onCoRangeSelect:this.handleRangeSelect,onCoEventClick:this.handleEventClick,onCoEventDblClick:this.handleEventDblClick,onCoEventDrop:this.handleEventDrop,defaultDurationMinutes:this.defaultDurationMinutes,allDaySlot:this.allDaySlot,minTime:this.minTime,maxTime:this.maxTime,slotMinutes:this.slotMinutes,snapMinutes:this.snapMinutes,scrollTime:this.scrollTime,nowIndicator:this.nowIndicator}):a("div",{class:"cal__placeholder"},a("co-icon",{name:"calendar-dots",size:32}),a("p",null,this.view+" view — coming soon"))))}get el(){return this}static get watchers(){return{date:[{onDateChange:0}]}}static get style(){return":host{display:flex;flex-direction:column;gap:var(--co-spacing-md);font-family:var(--co-font-family-primary);color:var(--co-semantic-text-default);block-size:100%;min-block-size:0}.cal{display:flex;flex-direction:column;gap:var(--co-spacing-md);block-size:100%;min-block-size:0}.cal__toolbar{display:flex;align-items:center;gap:var(--co-spacing-md)}.cal__title-group{flex:1 1 auto;min-width:0;display:flex;align-items:center;justify-content:center;gap:var(--co-spacing-xs)}.cal__title{margin:0;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:var(--co-font-size-20, 20px);font-weight:400;letter-spacing:-0.01em;text-transform:capitalize;color:var(--co-semantic-text-default)}.cal__views-spacer{flex:0 0 auto;inline-size:1px}.cal__btn{height:32px;padding:0 var(--co-spacing-md);background:none;border:1px solid var(--co-semantic-border-default);border-radius:var(--co-border-radius-full);font-family:inherit;font-size:var(--co-font-size-14, 14px);color:var(--co-semantic-text-default);cursor:pointer;transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out)}.cal__btn:hover{background:var(--co-semantic-surface-hover)}.cal__btn:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:1px}.cal__icon-btn{height:32px;width:32px;display:inline-flex;align-items:center;justify-content:center;background:none;border:0;border-radius:var(--co-border-radius-xs);color:var(--co-semantic-text-default);cursor:pointer;transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out)}.cal__icon-btn:hover{background:var(--co-semantic-surface-hover)}.cal__icon-btn:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:1px}.cal__views{display:inline-flex;gap:2px;padding:2px;background:var(--co-semantic-surface-hover);border-radius:var(--co-border-radius-xs)}.cal__view-btn{height:28px;padding:0 var(--co-spacing-md);background:none;border:0;border-radius:var(--co-border-radius-xxs);font-family:inherit;font-size:var(--co-font-size-14, 14px);color:var(--co-semantic-text-secondary);cursor:pointer;text-transform:capitalize}.cal__view-btn--active{background:var(--co-semantic-surface-page);color:var(--co-semantic-text-default);font-weight:600;box-shadow:0 1px 2px rgba(0, 0, 0, 0.08)}.cal__view-btn:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:1px}.cal__body{flex:1 1 auto;min-block-size:0;display:flex;flex-direction:column}.cal__body co-calendar-month{flex:1 1 auto;min-block-size:0}.cal__body co-calendar-timegrid{flex:1 1 auto;min-block-size:0}.cal__placeholder{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--co-spacing-sm);color:var(--co-semantic-text-muted);text-transform:capitalize}"}},[1,"co-event-calendar",{view:[1537],date:[1025],events:[1],locale:[1],timeZone:[1,"time-zone"],editable:[4],selectable:[4],dayMaxEvents:[2,"day-max-events"],minDate:[1,"min-date"],maxDate:[1,"max-date"],firstDayOfWeek:[2,"first-day-of-week"],availableViews:[1,"available-views"],statusColors:[1,"status-colors"],defaultDurationMinutes:[2,"default-duration-minutes"],allDaySlot:[4,"all-day-slot"],minTime:[1,"min-time"],maxTime:[1,"max-time"],slotMinutes:[2,"slot-minutes"],snapMinutes:[2,"snap-minutes"],scrollTime:[1,"scroll-time"],nowIndicator:[4,"now-indicator"],loading:[4],anchor:[32],clearRangeSelection:[64]},void 0,{date:[{onDateChange:0}]}]);function z(t){if(t){if("string"==typeof t)try{return JSON.parse(t)}catch(t){return}return t}}function E(t){const[e,i,s]=t.split("-").map(Number);return new Date(Date.UTC(e,i-1,s,12))}function S(){"undefined"!=typeof customElements&&["co-event-calendar","co-calendar-month","co-calendar-timegrid","co-icon","co-provider-logo","co-skeleton"].forEach((e=>{switch(e){case"co-event-calendar":customElements.get(t(e))||customElements.define(t(e),C);break;case"co-calendar-month":customElements.get(t(e))||n();break;case"co-calendar-timegrid":customElements.get(t(e))||r();break;case"co-icon":customElements.get(t(e))||c();break;case"co-provider-logo":customElements.get(t(e))||l();break;case"co-skeleton":customElements.get(t(e))||d()}}))}S();const j=C,M=S;export{j as CoEventCalendar,M as defineCustomElement}
+import{t,p as e,H as i,c as s,h as a}from"./index.js";import{g as o}from"./p-jYd9gu_c.js";import{d as n}from"./p-Bv6U5y3d.js";import{d as r}from"./p-CXPRaTuo.js";import{d as c}from"./p-DNJAIVfI.js";import{d as l}from"./p-C-5cLeKr.js";import{d}from"./p-DkDTmHCg.js";import{t as h,b as u,p as m,f,a as b,g as v}from"./p-e5KibEs8.js";import{c as p,t as g,b as y}from"./p-Ch837Ggl.js";const x=/^\d{4}-\d{2}-\d{2}$/,_=864e5;function k(t){if(!x.exec(t))return null;const[e,i,s]=t.split("-").map(Number);return i<1||i>12||s<1||s>31?null:Date.UTC(e,i-1,s)}function w(t){return g(t).slice(0,10)}function D(t,e={}){if(!t||!t.id||!t.start)return null;const i=e.defaultDurationMinutes??60,s=!0===t.allDay;let a,o,n,r;if(s){const e=k(t.start.slice(0,10));if(null===e)return null;if(a=e,n=w(e),t.end){const i=k(t.end.slice(0,10));o=null!==i&&i>e?i:e+_}else o=e+_;r=w(o)}else{let e;try{e=p(t.start)}catch{return null}if(a=e,n=t.start,t.end){let s;try{s=p(t.end)}catch{return null}o=s>e?s:e+6e4*i}else o=e+6e4*i;r=g(o)}const c=t.status?e.statusColors?.[t.status]:void 0,l=t.editable??!0;return{id:t.id,title:t.title??"",allDay:s,start:n,end:r,startMs:a,endMs:o,status:t.status,responseState:t.responseState,backgroundColor:t.backgroundColor??t.color??c?.backgroundColor,borderColor:t.borderColor??c?.borderColor,className:t.className,editable:l,startEditable:t.startEditable??l,durationEditable:t.durationEditable??l,display:t.display??"block",extendedProps:t.extendedProps??{}}}const C=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.coEventClick=s(this,"coEventClick",3),this.coDateSelect=s(this,"coDateSelect",3),this.coEventDrop=s(this,"coEventDrop",3),this.coEventDblClick=s(this,"coEventDblClick",3),this.coDatesSet=s(this,"coDatesSet",3),this.coViewChange=s(this,"coViewChange",3),this.coMoreClick=s(this,"coMoreClick",3),this.view="month",this.events=[],this.locale="es-CO",this.editable=!0,this.selectable=!0,this.dayMaxEvents=3,this.firstDayOfWeek=1,this.availableViews=["month"],this.defaultDurationMinutes=60,this.allDaySlot=!0,this.minTime="00:00",this.maxTime="24:00",this.slotMinutes=15,this.snapMinutes=15,this.scrollTime="07:00",this.nowIndicator=!0,this.loading=!1,this.goToday=()=>this.setAnchor(h()),this.goPrev=()=>this.step(-1),this.goNext=()=>this.step(1),this.handleDaySelect=t=>{var e;const i=t.detail.date;this.coDateSelect.emit({start:i,end:u(i,1),allDay:!0,rect:null!==(e=t.detail.rect)&&void 0!==e?e:null})},this.handleRangeSelect=t=>{var e;this.coDateSelect.emit({start:t.detail.start,end:t.detail.end,allDay:!1,rect:null!==(e=t.detail.rect)&&void 0!==e?e:null})},this.handleEventClick=t=>{var e;const i=this.normalized.find((e=>e.id===t.detail.id));i&&this.coEventClick.emit({event:i,rect:null!==(e=t.detail.rect)&&void 0!==e?e:null})},this.handleEventDblClick=t=>{var e;const i=this.normalized.find((e=>e.id===t.detail.id));i&&this.coEventDblClick.emit({event:i,rect:null!==(e=t.detail.rect)&&void 0!==e?e:null})},this.handleEventDrop=t=>{const e=this.normalized.find((e=>e.id===t.detail.id));e&&this.coEventDrop.emit({event:e,start:t.detail.start,end:t.detail.end,oldStart:t.detail.oldStart,oldEnd:t.detail.oldEnd,allDay:t.detail.allDay,revert:()=>{}})},this.handleMoreClick=t=>{const e=t.detail.date,i=this.tz,s=this.normalized.filter((t=>(t.allDay?t.start.slice(0,10):function(t,e){return new Intl.DateTimeFormat("en-CA",{timeZone:e,year:"numeric",month:"2-digit",day:"2-digit"}).format(new Date(t))}(t.startMs,i))===e));this.coMoreClick.emit({date:e,events:s})}}async clearRangeSelection(){var t,e;const i=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector("co-calendar-timegrid, co-calendar-month");await(null===(e=null==i?void 0:i.clearSelection)||void 0===e?void 0:e.call(i))}componentWillLoad(){this.anchor=this.date&&m(this.date)?this.date:h()}componentDidLoad(){this.emitDatesSet()}onDateChange(t){t&&m(t)&&t!==this.anchor&&(this.anchor=t,this.emitDatesSet())}get tz(){return this.timeZone||y()}get normalized(){const t=this._normCache;if(t&&t.events===this.events&&t.dd===this.defaultDurationMinutes&&t.sc===this.statusColors)return t.result;const e=function(t,e={}){if(!Array.isArray(t))return[];const i=[];for(const s of t){const t=D(s,e);t&&i.push(t)}return i}(function(t){if(Array.isArray(t))return t;if("string"==typeof t&&t.trim())try{const e=JSON.parse(t);return Array.isArray(e)?e:[]}catch(t){return[]}return[]}(this.events),{defaultDurationMinutes:this.defaultDurationMinutes,statusColors:z(this.statusColors)});return this._normCache={events:this.events,dd:this.defaultDurationMinutes,sc:this.statusColors,result:e},e}get viewsList(){return Array.isArray(this.availableViews)?this.availableViews:(this.availableViews+"").split(",").map((t=>t.trim())).filter(Boolean)}dowOf(t){const[e,i,s]=t.split("-").map(Number);return new Date(Date.UTC(e,i-1,s)).getUTCDay()}weekStart(t){const e=(this.dowOf(t)-this.firstDayOfWeek+7)%7;return u(t,-e)}get visibleDates(){if("week"===this.view){const t=this.weekStart(this.anchor);return Array.from({length:7},((e,i)=>u(t,i)))}return"day"===this.view?[this.anchor]:[]}visibleRange(){if("week"===this.view){const t=this.weekStart(this.anchor);return{start:t,end:u(t,7)}}if("day"===this.view)return{start:this.anchor,end:u(this.anchor,1)};const t=m(this.anchor),e=f(t.year,t.month,this.firstDayOfWeek);return{start:e[0][0].value,end:u(e[e.length-1][6].value,1)}}emitDatesSet(){const{start:t,end:e}=this.visibleRange();this.coDatesSet.emit({view:this.view,start:t,end:e,activeDate:this.anchor})}setAnchor(t){this.anchor=t,this.date=t,this.emitDatesSet()}step(t){this.setAnchor("month"===this.view?b(this.anchor,t):u(this.anchor,"day"===this.view?t:7*t))}switchView(t){t!==this.view&&(this.view=t,this.coViewChange.emit({view:t}),this.emitDatesSet())}title(){const t=m(this.anchor);if("month"===this.view)return v(t.year,t.month,this.locale,"long");if("day"===this.view)return new Intl.DateTimeFormat(this.locale,{weekday:"short",day:"numeric",month:"short",year:"numeric"}).format(E(this.anchor));const e=this.weekStart(this.anchor),i=u(e,6),s=new Intl.DateTimeFormat(this.locale,{day:"numeric",month:"short"}),a=new Intl.DateTimeFormat(this.locale,{year:"numeric"}).format(E(i));return`${s.format(E(e))} – ${s.format(E(i))} ${a}`}render(){var t;const e=o(this.locale),i=this.viewsList,s=m(this.anchor);return a("div",{key:"eb07a859a28ba0d09a3880a77a5b122c1ae063fb",class:"cal"},a("div",{key:"693683cddfad9a1aed4be0bf3651cfff8b2ba1c7",class:"cal__toolbar",part:"toolbar"},a("button",{key:"48f8fc44179b2950ea0498205f8f8a5d91d33e04",type:"button",class:"cal__btn",onClick:this.goToday},null!==(t=e.today)&&void 0!==t?t:"Today"),a("div",{key:"387a1cee67da85bf72e791ca2adc67f7482eb629",class:"cal__title-group"},a("button",{key:"24d316422fb98f7d7c66ed6154a90f54a56cab12",type:"button",class:"cal__icon-btn","aria-label":e.prevMonth,onClick:this.goPrev},a("co-icon",{key:"d0c575fce693943e91de8c578bb3371bfdb6425a",name:"caret-left",size:16})),a("h2",{key:"1bc26dd2c49d67854a1fc922cffc519485437f6a",class:"cal__title","aria-live":"polite"},this.title()),a("button",{key:"0e152157ed337011d00699b450b6a5cd10016b97",type:"button",class:"cal__icon-btn","aria-label":e.nextMonth,onClick:this.goNext},a("co-icon",{key:"c821a72abc278e325cadfeae54b4d2b05984d3ba",name:"caret-right",size:16}))),i.length>1?a("div",{class:"cal__views",role:"tablist"},i.map((t=>{var i;return a("button",{type:"button",role:"tab","aria-selected":this.view===t?"true":"false",class:{"cal__view-btn":!0,"cal__view-btn--active":this.view===t},onClick:()=>this.switchView(t)},null!==(i=e[t])&&void 0!==i?i:t)}))):a("span",{class:"cal__views-spacer"})),a("div",{key:"2472ed0d314a489f41f2f46dc7988ce8860a64c2",class:"cal__body",part:"body"},"month"===this.view?a("co-calendar-month",{loading:this.loading,events:this.normalized,year:s.year,month:s.month,locale:this.locale,firstDayOfWeek:this.firstDayOfWeek,timeZone:this.tz,minDate:this.minDate,maxDate:this.maxDate,editable:this.editable,selectable:this.selectable,maxLanes:this.dayMaxEvents,onCoDaySelect:this.handleDaySelect,onCoEventClick:this.handleEventClick,onCoEventDblClick:this.handleEventDblClick,onCoEventDrop:this.handleEventDrop,onCoMoreClick:this.handleMoreClick}):"week"===this.view||"day"===this.view?a("co-calendar-timegrid",{loading:this.loading,events:this.normalized,dates:this.visibleDates,locale:this.locale,timeZone:this.tz,editable:this.editable,selectable:this.selectable,minDate:this.minDate,maxDate:this.maxDate,onCoRangeSelect:this.handleRangeSelect,onCoEventClick:this.handleEventClick,onCoEventDblClick:this.handleEventDblClick,onCoEventDrop:this.handleEventDrop,defaultDurationMinutes:this.defaultDurationMinutes,allDaySlot:this.allDaySlot,minTime:this.minTime,maxTime:this.maxTime,slotMinutes:this.slotMinutes,snapMinutes:this.snapMinutes,scrollTime:this.scrollTime,nowIndicator:this.nowIndicator}):a("div",{class:"cal__placeholder"},a("co-icon",{name:"calendar-dots",size:32}),a("p",null,this.view+" view — coming soon"))))}get el(){return this}static get watchers(){return{date:[{onDateChange:0}]}}static get style(){return":host{display:flex;flex-direction:column;gap:var(--co-spacing-md);font-family:var(--co-font-family-primary);color:var(--co-semantic-text-default);block-size:100%;min-block-size:0}.cal{display:flex;flex-direction:column;gap:var(--co-spacing-md);block-size:100%;min-block-size:0}.cal__toolbar{display:flex;align-items:center;gap:var(--co-spacing-md)}.cal__title-group{flex:1 1 auto;min-width:0;display:flex;align-items:center;justify-content:center;gap:var(--co-spacing-xs)}.cal__title{margin:0;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:var(--co-font-size-20, 20px);font-weight:400;letter-spacing:-0.01em;text-transform:capitalize;color:var(--co-semantic-text-default)}.cal__views-spacer{flex:0 0 auto;inline-size:1px}.cal__btn{height:32px;padding:0 var(--co-spacing-md);background:none;border:1px solid var(--co-semantic-border-default);border-radius:var(--co-border-radius-full);font-family:inherit;font-size:var(--co-font-size-14, 14px);color:var(--co-semantic-text-default);cursor:pointer;transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out)}.cal__btn:hover{background:var(--co-semantic-surface-hover)}.cal__btn:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:1px}.cal__icon-btn{height:32px;width:32px;display:inline-flex;align-items:center;justify-content:center;background:none;border:0;border-radius:var(--co-border-radius-xs);color:var(--co-semantic-text-default);cursor:pointer;transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out)}.cal__icon-btn:hover{background:var(--co-semantic-surface-hover)}.cal__icon-btn:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:1px}.cal__views{display:inline-flex;gap:2px;padding:2px;background:var(--co-semantic-surface-hover);border-radius:var(--co-border-radius-xs)}.cal__view-btn{height:28px;padding:0 var(--co-spacing-md);background:none;border:0;border-radius:var(--co-border-radius-xxs);font-family:inherit;font-size:var(--co-font-size-14, 14px);color:var(--co-semantic-text-secondary);cursor:pointer;text-transform:capitalize}.cal__view-btn--active{background:var(--co-semantic-surface-page);color:var(--co-semantic-text-default);font-weight:600;box-shadow:0 1px 2px rgba(0, 0, 0, 0.08)}.cal__view-btn:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:1px}.cal__body{flex:1 1 auto;min-block-size:0;display:flex;flex-direction:column}.cal__body co-calendar-month{flex:1 1 auto;min-block-size:0}.cal__body co-calendar-timegrid{flex:1 1 auto;min-block-size:0}.cal__placeholder{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--co-spacing-sm);color:var(--co-semantic-text-muted);text-transform:capitalize}"}},[1,"co-event-calendar",{view:[1537],date:[1025],events:[1],locale:[1],timeZone:[1,"time-zone"],editable:[4],selectable:[4],dayMaxEvents:[2,"day-max-events"],minDate:[1,"min-date"],maxDate:[1,"max-date"],firstDayOfWeek:[2,"first-day-of-week"],availableViews:[1,"available-views"],statusColors:[1,"status-colors"],defaultDurationMinutes:[2,"default-duration-minutes"],allDaySlot:[4,"all-day-slot"],minTime:[1,"min-time"],maxTime:[1,"max-time"],slotMinutes:[2,"slot-minutes"],snapMinutes:[2,"snap-minutes"],scrollTime:[1,"scroll-time"],nowIndicator:[4,"now-indicator"],loading:[4],anchor:[32],clearRangeSelection:[64]},void 0,{date:[{onDateChange:0}]}]);function z(t){if(t){if("string"==typeof t)try{return JSON.parse(t)}catch(t){return}return t}}function E(t){const[e,i,s]=t.split("-").map(Number);return new Date(Date.UTC(e,i-1,s,12))}function S(){"undefined"!=typeof customElements&&["co-event-calendar","co-calendar-month","co-calendar-timegrid","co-icon","co-provider-logo","co-skeleton"].forEach((e=>{switch(e){case"co-event-calendar":customElements.get(t(e))||customElements.define(t(e),C);break;case"co-calendar-month":customElements.get(t(e))||n();break;case"co-calendar-timegrid":customElements.get(t(e))||r();break;case"co-icon":customElements.get(t(e))||c();break;case"co-provider-logo":customElements.get(t(e))||l();break;case"co-skeleton":customElements.get(t(e))||d()}}))}S();const j=C,M=S;export{j as CoEventCalendar,M as defineCustomElement}

package/dist/components/co-event-popover.js

@@ -1 +1 @@
-import{t as o,p as t,H as e,c as s,h as i,a}from"./index.js";import{c as n}from"./p-BMdapAL8.js";const c=t(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.coClose=s(this,"coClose",3),this.open=!1,this.placement="right-start",this.dot=!0,this.closeOnEscape=!0,this.closeOnClickOutside=!0,this.position=()=>{if(!this.open||!this.panelEl||!this.anchorRect)return;const o=this.anchorRect,t={top:o.top,left:o.left,right:o.left+o.width,bottom:o.top+o.height,width:o.width,height:o.height},e=this.panelEl.getBoundingClientRect(),{top:s,left:i}=n(t,e,{placement:this.placement,offset:8,flip:!0});this.panelEl.style.top=s+"px",this.panelEl.style.left=i+"px"},this.onScroll=()=>{this.open&&this.requestClose()},this.onKeydown=o=>{this.open&&this.closeOnEscape&&"Escape"===o.key&&(o.stopPropagation(),this.requestClose())},this.onPointerDown=o=>{if(!this.open||!this.closeOnClickOutside||!this.panelEl)return;const t=o.composedPath();t.includes(this.panelEl)||t.includes(this.el)||this.requestClose()}}componentDidLoad(){this.open&&this.onOpenChange(!0)}onOpenChange(o){var t;o?(this.prevFocus=null!==(t=document.activeElement)&&void 0!==t?t:void 0,requestAnimationFrame((()=>this.promoteAndPosition()))):(this.dismissPanel(),this.prevFocus&&this.prevFocus.focus())}onAnchorChange(){this.open&&this.position()}disconnectedCallback(){this.teardownListeners()}promoteAndPosition(){var o,t;if(this.open&&this.panelEl){try{null===(t=(o=this.panelEl).showPopover)||void 0===t||t.call(o)}catch(o){}this.position(),this.panelEl.focus({preventScroll:!0}),window.addEventListener("resize",this.onScroll),window.addEventListener("scroll",this.onScroll,!0),window.addEventListener("keydown",this.onKeydown,!0),window.addEventListener("pointerdown",this.onPointerDown,!0)}}dismissPanel(){var o,t;try{null===(t=null===(o=this.panelEl)||void 0===o?void 0:o.hidePopover)||void 0===t||t.call(o)}catch(o){}this.teardownListeners()}teardownListeners(){window.removeEventListener("resize",this.onScroll),window.removeEventListener("scroll",this.onScroll,!0),window.removeEventListener("keydown",this.onKeydown,!0),window.removeEventListener("pointerdown",this.onPointerDown,!0)}requestClose(){this.coClose.emit()}render(){return i(a,{key:"4a80f76492bda89a6082b4794f0c924ec929dc85"},i("div",{key:"e8ede438958439ae0e9f2689da9fcc88419b9837",class:"pop",popover:"manual",role:"dialog","aria-modal":"false","aria-label":this.popoverLabel,tabIndex:-1,ref:o=>this.panelEl=o},i("div",{key:"f09ced9c1d8e312df3218929b267e976c64207e8",class:"pop__actions",part:"actions"},i("slot",{key:"6cfe39bfca0783530950a4e9c482b17f2104157d",name:"actions"})),i("div",{key:"1f3938226f5767fd39d1e80c28f01f2daf023540",class:"pop__head"},this.dot&&i("span",{key:"729486152ea2ab84a72270deeef917ae89ddcdba",class:"pop__dot",style:this.color?{background:this.color}:{}}),i("div",{key:"2b9f20c48495de4327ae9e27cf1fd305a860dc39",class:"pop__body",part:"body"},i("slot",{key:"675ce278c7de391af91e8c9235a35aa85964726d"})))))}get el(){return this}static get watchers(){return{open:[{onOpenChange:0}],anchorRect:[{onAnchorChange:0}]}}static get style(){return":host{display:contents}.pop{position:fixed;margin:0;inset:auto;width:400px;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);overflow:auto;background:var(--co-semantic-surface-page);border:1px solid var(--co-semantic-border-default);border-radius:var(--co-border-radius-md, 14px);box-shadow:var(--co-shadow-xl, var(--co-shadow-lg));padding:0;z-index:1000;font-family:var(--co-font-family-primary);color:var(--co-semantic-text-default);animation:co-pop-in var(--co-motion-duration-fast) var(--co-motion-ease-out);outline:none}@keyframes co-pop-in{from{opacity:0;transform:scale(0.96)}to{opacity:1;transform:scale(1)}}.pop__actions{display:flex;justify-content:flex-end;gap:var(--co-spacing-xxs);padding:var(--co-spacing-sm2) var(--co-spacing-sm2) 0}.pop__head{display:flex;gap:var(--co-spacing-md);padding:var(--co-spacing-xs) var(--co-spacing-xl) var(--co-spacing-xl)}.pop__dot{flex:0 0 auto;width:14px;height:14px;border-radius:var(--co-border-radius-xxs);margin-top:5px;background:var(--co-color-primary-azul)}.pop__body{min-width:0;flex:1 1 auto}"}},[257,"co-event-popover",{open:[1540],anchorRect:[16],placement:[1],color:[1],dot:[4],closeOnEscape:[4,"close-on-escape"],closeOnClickOutside:[4,"close-on-click-outside"],popoverLabel:[1,"popover-label"]},void 0,{open:[{onOpenChange:0}],anchorRect:[{onAnchorChange:0}]}]);function r(){"undefined"!=typeof customElements&&["co-event-popover"].forEach((t=>{"co-event-popover"===t&&(customElements.get(o(t))||customElements.define(o(t),c))}))}r();const d=c,h=r;export{d as CoEventPopover,h as defineCustomElement}
+import{t as o,p as t,H as e,c as s,h as i,a}from"./index.js";import{c as n}from"./p-DFHRS9cJ.js";const c=t(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.coClose=s(this,"coClose",3),this.open=!1,this.placement="right-start",this.dot=!0,this.closeOnEscape=!0,this.closeOnClickOutside=!0,this.position=()=>{if(!this.open||!this.panelEl||!this.anchorRect)return;const o=this.anchorRect,t={top:o.top,left:o.left,right:o.left+o.width,bottom:o.top+o.height,width:o.width,height:o.height},e=this.panelEl.getBoundingClientRect(),{top:s,left:i}=n(t,e,{placement:this.placement,offset:8,flip:!0});this.panelEl.style.top=s+"px",this.panelEl.style.left=i+"px"},this.onScroll=()=>{this.open&&this.requestClose()},this.onKeydown=o=>{this.open&&this.closeOnEscape&&"Escape"===o.key&&(o.stopPropagation(),this.requestClose())},this.onPointerDown=o=>{if(!this.open||!this.closeOnClickOutside||!this.panelEl)return;const t=o.composedPath();t.includes(this.panelEl)||t.includes(this.el)||this.requestClose()}}componentDidLoad(){this.open&&this.onOpenChange(!0)}onOpenChange(o){var t;o?(this.prevFocus=null!==(t=document.activeElement)&&void 0!==t?t:void 0,requestAnimationFrame((()=>this.promoteAndPosition()))):(this.dismissPanel(),this.prevFocus&&this.prevFocus.focus())}onAnchorChange(){this.open&&this.position()}disconnectedCallback(){this.teardownListeners()}promoteAndPosition(){var o,t;if(this.open&&this.panelEl){try{null===(t=(o=this.panelEl).showPopover)||void 0===t||t.call(o)}catch(o){}this.position(),this.panelEl.focus({preventScroll:!0}),window.addEventListener("resize",this.onScroll),window.addEventListener("scroll",this.onScroll,!0),window.addEventListener("keydown",this.onKeydown,!0),window.addEventListener("pointerdown",this.onPointerDown,!0)}}dismissPanel(){var o,t;try{null===(t=null===(o=this.panelEl)||void 0===o?void 0:o.hidePopover)||void 0===t||t.call(o)}catch(o){}this.teardownListeners()}teardownListeners(){window.removeEventListener("resize",this.onScroll),window.removeEventListener("scroll",this.onScroll,!0),window.removeEventListener("keydown",this.onKeydown,!0),window.removeEventListener("pointerdown",this.onPointerDown,!0)}requestClose(){this.coClose.emit()}render(){return i(a,{key:"8febb91e9c26e67bdd8edde9bd95e24b9a6f4b04"},i("div",{key:"1311c574b0bae76fb85952da3b5e8531d77e1b25",class:"pop",popover:"manual",role:"dialog","aria-modal":"false","aria-label":this.popoverLabel,tabIndex:-1,ref:o=>this.panelEl=o},i("div",{key:"9d275e1b245f0bd4f95ba13743d6a9080b3d581a",class:"pop__actions",part:"actions"},i("slot",{key:"322fefefddfe8ba575185fa093a980197f267311",name:"actions"})),i("div",{key:"22243bc4a6d4723843c490b9fa41796f31f401f8",class:"pop__head"},this.dot&&i("span",{key:"09d3e746f133432f0946e023e93aa92bcf5f9952",class:"pop__dot",style:this.color?{background:this.color}:{}}),i("div",{key:"27d6f3ca1896ea02e08515db3fc8a7a58a51daeb",class:"pop__body",part:"body"},i("slot",{key:"d098bfca183fe303f6cb85f496f7ed1914b5e26b"})))))}get el(){return this}static get watchers(){return{open:[{onOpenChange:0}],anchorRect:[{onAnchorChange:0}]}}static get style(){return":host{display:contents}.pop{position:fixed;margin:0;inset:auto;width:400px;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);overflow:auto;background:var(--co-semantic-surface-page);border:1px solid var(--co-semantic-border-default);border-radius:var(--co-border-radius-md, 14px);box-shadow:var(--co-shadow-xl, var(--co-shadow-lg));padding:0;z-index:1000;font-family:var(--co-font-family-primary);color:var(--co-semantic-text-default);animation:co-pop-in var(--co-motion-duration-fast) var(--co-motion-ease-out);outline:none}@keyframes co-pop-in{from{opacity:0;transform:scale(0.96)}to{opacity:1;transform:scale(1)}}.pop__actions{display:flex;justify-content:flex-end;gap:var(--co-spacing-xxs);padding:var(--co-spacing-sm2) var(--co-spacing-sm2) 0}.pop__head{display:flex;gap:var(--co-spacing-md);padding:var(--co-spacing-xs) var(--co-spacing-xl) var(--co-spacing-xl)}.pop__dot{flex:0 0 auto;width:14px;height:14px;border-radius:var(--co-border-radius-xxs);margin-top:5px;background:var(--co-color-primary-azul)}.pop__body{min-width:0;flex:1 1 auto}"}},[257,"co-event-popover",{open:[1540],anchorRect:[16],placement:[1],color:[1],dot:[4],closeOnEscape:[4,"close-on-escape"],closeOnClickOutside:[4,"close-on-click-outside"],popoverLabel:[1,"popover-label"]},void 0,{open:[{onOpenChange:0}],anchorRect:[{onAnchorChange:0}]}]);function r(){"undefined"!=typeof customElements&&["co-event-popover"].forEach((t=>{"co-event-popover"===t&&(customElements.get(o(t))||customElements.define(o(t),c))}))}r();const d=c,h=r;export{d as CoEventPopover,h as defineCustomElement}

package/dist/components/co-fab.js

@@ -1 +1 @@
-import{t as o,p as a,H as t,c as e,h as i}from"./index.js";import{d as r}from"./p-Dj1EZ5qD.js";const s=a(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.coClick=e(this,"coClick",7),this.icon="plus",this.variant="primary",this.size="m",this.disabled=!1,this.position="none",this.expandOnHover=!1,this.handleClick=()=>{this.disabled||this.coClick.emit()},this.handleExpandMeasure=()=>{this.expandOnHover&&this.labelEl&&this.el.style.setProperty("--co-fab-label-w",this.labelEl.offsetWidth+"px")}}render(){const o="xl"===this.size||"l"===this.size?24:"s"===this.size?18:20,a=!!this.label,t=a&&this.expandOnHover;return i("button",{key:"33b456dcff41cacf4783c6aacdd8d99e6b699eff",class:{"co-fab":!0,["co-fab--"+this.variant]:!0,["co-fab--"+this.size]:!0,"co-fab--extended":a&&!this.expandOnHover,"co-fab--hover-expand":t,"co-fab--disabled":this.disabled,["co-fab--"+this.position]:"none"!==this.position},type:"button",disabled:this.disabled,onClick:this.handleClick,onPointerEnter:this.handleExpandMeasure,onFocusin:this.handleExpandMeasure,"aria-label":this.ariaLabelText||this.label||this.icon},i("co-icon",{key:"4d7ab37bc111369fc17277ece2e397b4207ec3f4",name:this.icon,size:o}),this.label&&i("span",{key:"7de41d3f16a27dc3ce66c6b1d2731f5774046630",class:"co-fab__label",ref:o=>this.labelEl=o},this.label))}get el(){return this}static get style(){return":host{display:inline-flex;font-family:var(--co-font-family-primary);line-height:1}.co-fab{display:inline-flex;align-items:center;justify-content:center;gap:var(--co-spacing-sm2);border:none;border-radius:var(--co-border-radius-full);cursor:pointer;font-family:inherit;font-weight:500;white-space:nowrap;box-sizing:border-box;transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out), box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out), transform var(--co-motion-duration-fast) var(--co-motion-ease-out);box-shadow:0 4px 12px rgba(31, 28, 27, 0.15)}.co-fab--xl{--co-fab-size:64px;width:64px;height:64px;font-size:var(--co-font-size-16)}.co-fab--l{--co-fab-size:56px;width:56px;height:56px;font-size:var(--co-font-size-16)}.co-fab--m{--co-fab-size:48px;width:48px;height:48px;font-size:var(--co-font-size-14)}.co-fab--s{--co-fab-size:40px;width:40px;height:40px;font-size:var(--co-font-size-14)}.co-fab--extended{width:auto;border-radius:var(--co-border-radius-lg)}.co-fab--extended.co-fab--xl{padding:0 var(--co-spacing-xl)}.co-fab--extended.co-fab--l{padding:0 var(--co-spacing-xl)}.co-fab--extended.co-fab--m{padding:0 var(--co-spacing-lg)}.co-fab--extended.co-fab--s{padding:0 var(--co-spacing-md)}.co-fab--hover-expand{justify-content:flex-start;overflow:hidden;transition:width var(--co-motion-duration-slow) var(--co-motion-ease-in-out), background var(--co-motion-duration-fast) var(--co-motion-ease-out),     box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out), transform var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-fab--hover-expand.co-fab--xl{padding:0 20px}.co-fab--hover-expand.co-fab--l{padding:0 16px}.co-fab--hover-expand.co-fab--m{padding:0 14px}.co-fab--hover-expand.co-fab--s{padding:0 11px}.co-fab--hover-expand:hover:not(:disabled),.co-fab--hover-expand:focus-visible{width:calc(var(--co-fab-size) + var(--co-spacing-sm2) + var(--co-fab-label-w, 0px));transition:width var(--co-motion-duration-slower) var(--co-motion-ease-spring), background var(--co-motion-duration-fast) var(--co-motion-ease-out),     box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out), transform var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-fab--hover-expand co-icon{flex-shrink:0;transition:transform var(--co-motion-duration-slower) var(--co-motion-ease-spring)}.co-fab--hover-expand:hover:not(:disabled) co-icon,.co-fab--hover-expand:focus-visible co-icon{transform:rotate(90deg)}.co-fab--hover-expand .co-fab__label{flex-shrink:0;opacity:0;transform:translateX(-6px);transition:opacity var(--co-motion-duration-fast) var(--co-motion-ease-out), transform var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-fab--hover-expand:hover:not(:disabled) .co-fab__label,.co-fab--hover-expand:focus-visible .co-fab__label{opacity:1;transform:translateX(0);transition:opacity var(--co-motion-duration-base) var(--co-motion-ease-out) 0.1s, transform var(--co-motion-duration-slow) var(--co-motion-ease-spring) 0.1s}@media (prefers-reduced-motion: reduce){.co-fab--hover-expand:hover:not(:disabled) .co-fab__label,.co-fab--hover-expand:focus-visible .co-fab__label{transition-delay:0s}}.co-fab--primary{background:var(--co-fab-bg, var(--co-color-base-negro, #1f1c1b));color:var(--co-semantic-on-primary)}.co-fab--primary:hover:not(:disabled){box-shadow:0 6px 20px rgba(31, 28, 27, 0.2);transform:translateY(-1px)}.co-fab--secondary{background:var(--co-semantic-surface-secondary);color:var(--co-semantic-text-default);border:1px solid var(--co-semantic-border-subtle)}.co-fab--secondary:hover:not(:disabled){background:var(--co-semantic-surface-hover)}.co-fab--stroke{background:transparent;color:var(--co-semantic-text-default);border:1px solid var(--co-semantic-border-default)}.co-fab--stroke:hover:not(:disabled){background:var(--co-semantic-surface-hover)}.co-fab:active:not(:disabled){transform:translateY(0) scale(0.96)}.co-fab--disabled{opacity:0.4;cursor:not-allowed;box-shadow:none}.co-fab--bottom-right{position:fixed;bottom:var(--co-fab-offset-bottom, 24px);right:var(--co-fab-offset-right, 24px);z-index:1000}.co-fab--bottom-left{position:fixed;bottom:var(--co-fab-offset-bottom, 24px);left:var(--co-fab-offset-left, 24px);z-index:1000}.co-fab--top-right{position:fixed;top:var(--co-fab-offset-top, 24px);right:var(--co-fab-offset-right, 24px);z-index:1000}.co-fab--top-left{position:fixed;top:var(--co-fab-offset-top, 24px);left:var(--co-fab-offset-left, 24px);z-index:1000}.co-fab__label{line-height:1}"}},[1,"co-fab",{icon:[1],label:[1],variant:[1],size:[1],ariaLabelText:[1,"aria-label-text"],disabled:[4],position:[1],expandOnHover:[4,"expand-on-hover"]}]);function n(){"undefined"!=typeof customElements&&["co-fab","co-icon"].forEach((a=>{switch(a){case"co-fab":customElements.get(o(a))||customElements.define(o(a),s);break;case"co-icon":customElements.get(o(a))||r()}}))}n();const c=s,f=n;export{c as CoFab,f as defineCustomElement}
+import{t as o,p as a,H as t,c as e,h as i}from"./index.js";import{d as r}from"./p-DNJAIVfI.js";const s=a(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.coClick=e(this,"coClick",7),this.icon="plus",this.variant="primary",this.size="m",this.disabled=!1,this.position="none",this.expandOnHover=!1,this.handleClick=()=>{this.disabled||this.coClick.emit()},this.handleExpandMeasure=()=>{this.expandOnHover&&this.labelEl&&this.el.style.setProperty("--co-fab-label-w",this.labelEl.offsetWidth+"px")}}render(){const o="xl"===this.size||"l"===this.size?24:"s"===this.size?18:20,a=!!this.label,t=a&&this.expandOnHover;return i("button",{key:"f0d1612601922430df403628c5349b322ee8e88d",class:{"co-fab":!0,["co-fab--"+this.variant]:!0,["co-fab--"+this.size]:!0,"co-fab--extended":a&&!this.expandOnHover,"co-fab--hover-expand":t,"co-fab--disabled":this.disabled,["co-fab--"+this.position]:"none"!==this.position},type:"button",disabled:this.disabled,onClick:this.handleClick,onPointerEnter:this.handleExpandMeasure,onFocusin:this.handleExpandMeasure,"aria-label":this.ariaLabelText||this.label||this.icon},i("co-icon",{key:"fc53d94af9263b20cfce36656608962158d480ab",name:this.icon,size:o}),this.label&&i("span",{key:"5a16cdace79b8fb7b6ead260d14ee4ae018ed02b",class:"co-fab__label",ref:o=>this.labelEl=o},this.label))}get el(){return this}static get style(){return":host{display:inline-flex;font-family:var(--co-font-family-primary);line-height:1}.co-fab{display:inline-flex;align-items:center;justify-content:center;gap:var(--co-spacing-sm2);border:none;border-radius:var(--co-border-radius-full);cursor:pointer;font-family:inherit;font-weight:500;white-space:nowrap;box-sizing:border-box;transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out), box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out), transform var(--co-motion-duration-fast) var(--co-motion-ease-out);box-shadow:0 4px 12px rgba(31, 28, 27, 0.15)}.co-fab--xl{--co-fab-size:64px;width:64px;height:64px;font-size:var(--co-font-size-16)}.co-fab--l{--co-fab-size:56px;width:56px;height:56px;font-size:var(--co-font-size-16)}.co-fab--m{--co-fab-size:48px;width:48px;height:48px;font-size:var(--co-font-size-14)}.co-fab--s{--co-fab-size:40px;width:40px;height:40px;font-size:var(--co-font-size-14)}.co-fab--extended{width:auto;border-radius:var(--co-border-radius-lg)}.co-fab--extended.co-fab--xl{padding:0 var(--co-spacing-xl)}.co-fab--extended.co-fab--l{padding:0 var(--co-spacing-xl)}.co-fab--extended.co-fab--m{padding:0 var(--co-spacing-lg)}.co-fab--extended.co-fab--s{padding:0 var(--co-spacing-md)}.co-fab--hover-expand{justify-content:flex-start;overflow:hidden;transition:width var(--co-motion-duration-slow) var(--co-motion-ease-in-out), background var(--co-motion-duration-fast) var(--co-motion-ease-out),     box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out), transform var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-fab--hover-expand.co-fab--xl{padding:0 20px}.co-fab--hover-expand.co-fab--l{padding:0 16px}.co-fab--hover-expand.co-fab--m{padding:0 14px}.co-fab--hover-expand.co-fab--s{padding:0 11px}.co-fab--hover-expand:hover:not(:disabled),.co-fab--hover-expand:focus-visible{width:calc(var(--co-fab-size) + var(--co-spacing-sm2) + var(--co-fab-label-w, 0px));transition:width var(--co-motion-duration-slower) var(--co-motion-ease-spring), background var(--co-motion-duration-fast) var(--co-motion-ease-out),     box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out), transform var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-fab--hover-expand co-icon{flex-shrink:0;transition:transform var(--co-motion-duration-slower) var(--co-motion-ease-spring)}.co-fab--hover-expand:hover:not(:disabled) co-icon,.co-fab--hover-expand:focus-visible co-icon{transform:rotate(90deg)}.co-fab--hover-expand .co-fab__label{flex-shrink:0;opacity:0;transform:translateX(-6px);transition:opacity var(--co-motion-duration-fast) var(--co-motion-ease-out), transform var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-fab--hover-expand:hover:not(:disabled) .co-fab__label,.co-fab--hover-expand:focus-visible .co-fab__label{opacity:1;transform:translateX(0);transition:opacity var(--co-motion-duration-base) var(--co-motion-ease-out) 0.1s, transform var(--co-motion-duration-slow) var(--co-motion-ease-spring) 0.1s}@media (prefers-reduced-motion: reduce){.co-fab--hover-expand:hover:not(:disabled) .co-fab__label,.co-fab--hover-expand:focus-visible .co-fab__label{transition-delay:0s}}.co-fab--primary{background:var(--co-fab-bg, var(--co-color-base-negro, #1f1c1b));color:var(--co-semantic-on-primary)}.co-fab--primary:hover:not(:disabled){box-shadow:0 6px 20px rgba(31, 28, 27, 0.2);transform:translateY(-1px)}.co-fab--secondary{background:var(--co-semantic-surface-secondary);color:var(--co-semantic-text-default);border:1px solid var(--co-semantic-border-subtle)}.co-fab--secondary:hover:not(:disabled){background:var(--co-semantic-surface-hover)}.co-fab--stroke{background:transparent;color:var(--co-semantic-text-default);border:1px solid var(--co-semantic-border-default)}.co-fab--stroke:hover:not(:disabled){background:var(--co-semantic-surface-hover)}.co-fab:active:not(:disabled){transform:translateY(0) scale(0.96)}.co-fab--disabled{opacity:0.4;cursor:not-allowed;box-shadow:none}.co-fab--bottom-right{position:fixed;bottom:var(--co-fab-offset-bottom, 24px);right:var(--co-fab-offset-right, 24px);z-index:1000}.co-fab--bottom-left{position:fixed;bottom:var(--co-fab-offset-bottom, 24px);left:var(--co-fab-offset-left, 24px);z-index:1000}.co-fab--top-right{position:fixed;top:var(--co-fab-offset-top, 24px);right:var(--co-fab-offset-right, 24px);z-index:1000}.co-fab--top-left{position:fixed;top:var(--co-fab-offset-top, 24px);left:var(--co-fab-offset-left, 24px);z-index:1000}.co-fab__label{line-height:1}"}},[1,"co-fab",{icon:[1],label:[1],variant:[1],size:[1],ariaLabelText:[1,"aria-label-text"],disabled:[4],position:[1],expandOnHover:[4,"expand-on-hover"]}]);function n(){"undefined"!=typeof customElements&&["co-fab","co-icon"].forEach((a=>{switch(a){case"co-fab":customElements.get(o(a))||customElements.define(o(a),s);break;case"co-icon":customElements.get(o(a))||r()}}))}n();const c=s,f=n;export{c as CoFab,f as defineCustomElement}

package/dist/components/co-file-field.js

@@ -1 +1 @@
-import{t as e,p as i,H as o,c as t,h as r}from"./index.js";import{R as a}from"./p-CWneqh4n.js";import{d as s}from"./p-Dj1EZ5qD.js";import{d as l}from"./p-BTQEg3UO.js";import{d as c}from"./p-gI62K3Be.js";const n={es:{uploadButton:"Cargar archivo",dropHint:"Arrastra y suelta archivos aquí",helperBoth:"Puedes subir hasta {n} archivos, cada uno hasta {x}",helperFiles:"Puedes subir hasta {n} archivos",helperBytes:"Cada archivo hasta {x}",uploadedTitle:"Archivos subidos",removeFile:"Eliminar archivo",copyUrl:"Copiar enlace",downloadFile:"Descargar",copied:"Copiado",dragToReorder:"Arrastra para reordenar",openPreview:"Abrir vista previa",errInvalidFormat:"Formato no permitido: .{x}",errTooLarge:"Archivo demasiado grande: {x}",errMaxFiles:"Puedes subir hasta {n} archivos"},en:{uploadButton:"Upload file",dropHint:"Drag and drop files here",helperBoth:"You can upload up to {n} files, each up to {x}",helperFiles:"You can upload up to {n} files",helperBytes:"Each file up to {x}",uploadedTitle:"Uploaded files",removeFile:"Remove file",copyUrl:"Copy link",downloadFile:"Download",copied:"Copied",dragToReorder:"Drag to reorder",openPreview:"Open preview",errInvalidFormat:"Invalid format: .{x}",errTooLarge:"File too large: {x}",errMaxFiles:"You can upload up to {n} files"},pt:{uploadButton:"Carregar arquivo",dropHint:"Arraste e solte arquivos aqui",helperBoth:"Você pode enviar até {n} arquivos, cada um até {x}",helperFiles:"Você pode enviar até {n} arquivos",helperBytes:"Cada arquivo até {x}",uploadedTitle:"Arquivos enviados",removeFile:"Remover arquivo",copyUrl:"Copiar link",downloadFile:"Baixar",copied:"Copiado",dragToReorder:"Arraste para reordenar",openPreview:"Abrir pré-visualização",errInvalidFormat:"Formato inválido: .{x}",errTooLarge:"Arquivo muito grande: {x}",errMaxFiles:"Você pode enviar até {n} arquivos"}};function d(e,i){var o,t;return e.replace("{n}",(null!==(o=i.n)&&void 0!==o?o:"")+"").replace("{x}",null!==(t=i.x)&&void 0!==t?t:"")}function f(e){if(null==e||isNaN(e))return"";if(e<1024)return e+" B";const i=e=>e.toFixed(2).replace(/\.?0+$/,"");return e<1048576?i(e/1024)+" KB":i(e/1048576)+" MB"}const h=new Set(["png","jpg","jpeg","gif","webp","svg","avif","bmp"]);function p(e){const i=(e.name||e.url||"").split("?")[0],o=i.lastIndexOf(".");return o>=0&&h.has(i.slice(o+1).toLowerCase())}function u(e){return"done"===e.status&&(!(!e.thumbnail&&!e.url)&&(!!e.thumbnail||p(e)))}function v(e){return p(e)?e.url||e.thumbnail:e.thumbnail||e.url}const m=i(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coFilesSelected=t(this,"coFilesSelected",3),this.coRemove=t(this,"coRemove",3),this.coClear=t(this,"coClear",3),this.coReorder=t(this,"coReorder",3),this.coCopy=t(this,"coCopy",3),this.coPreviewOpen=t(this,"coPreviewOpen",3),this.disabled=!1,this.readonly=!1,this.required=!1,this.multiple=!1,this.maxFiles=100,this.status="default",this.layout="vertical",this.reorderable=!0,this.files="[]",this.dragOver=!1,this.localError="",this.copiedKey="",this.armedKey="",this.dragKey="",this.overKey="",this.failedPreviews=new Set,this.tempSeq=0,this.lastFilesStr="",this.lastParsed=[],this.handleDragOver=e=>{this.disabled||this.readonly||this.dragKey||(e.preventDefault(),this.dragOver=!0)},this.handleDragLeave=e=>{const i=e.relatedTarget;i&&e.currentTarget instanceof Node&&e.currentTarget.contains(i)||(this.dragOver=!1)},this.handleDrop=e=>{var i;e.preventDefault(),this.dragOver=!1,this.dragKey||(null===(i=e.dataTransfer)||void 0===i?void 0:i.files)&&this.handleFiles(e.dataTransfer.files)},this.handleBrowse=e=>{var i;this.disabled||this.readonly||e&&this.fromActionsSlot(e)||null===(i=this.inputEl)||void 0===i||i.click()},this.handleInputChange=e=>{const i=e.target;i.files&&this.handleFiles(i.files),i.value=""},this.disarmDrag=()=>{this.armedKey&&!this.dragKey&&(this.armedKey="")},this.handleRowDragEnd=()=>{this.resetDragState()}}connectedCallback(){window.addEventListener("mouseup",this.disarmDrag)}disconnectedCallback(){window.removeEventListener("mouseup",this.disarmDrag),clearTimeout(this.copiedTimer),this.closeLightbox()}get parsedFiles(){const e=this.files;if("string"!=typeof e||!e.trim())return[];if(e===this.lastFilesStr)return this.lastParsed;let i=[];try{const o=JSON.parse(e);Array.isArray(o)&&(i=o)}catch(e){}return this.lastFilesStr=e,this.lastParsed=i,i}get strings(){return function(e){return n[function(e){const i=(e||"").toLowerCase();return i.startsWith("es")?"es":i.startsWith("pt")?"pt":"en"}(e)]}(this.locale)}get acceptList(){const e=this.accept;if(!e)return[];let i=[];try{const o=JSON.parse(e);Array.isArray(o)&&(i=o.map(String))}catch(o){i=e.split(",")}return i.map((e=>e.trim().toLowerCase().replace(/^\./,""))).filter((e=>e&&"*"!==e))}get isInvalid(){return"error"===this.status||!!this.localError}get inputAccept(){const e=this.acceptList;if(e.length)return e.map((e=>e.includes("/")?e:"."+e)).join(",")}extOf(e){const i=e.lastIndexOf(".");return i>=0?e.slice(i+1).toLowerCase():""}validate(e){const i=this.acceptList;if(i.length){const o=this.extOf(e.name),t=i.includes(o),r=i.some((i=>i.includes("/")&&e.type===i));if(!t&&!r)return d(this.strings.errInvalidFormat,{x:o})}return this.maxBytes&&e.size>this.maxBytes?d(this.strings.errTooLarge,{x:f(e.size)}):null}handleFiles(e){if(this.disabled||this.readonly)return;this.localError="";const i=Array.from(e);if(!i.length)return;const o=this.multiple?i:i.slice(0,1);if(this.multiple){const e=this.maxFiles-this.parsedFiles.length;if(e<=0)return void(this.localError=d(this.strings.errMaxFiles,{n:this.maxFiles}));o.length>e&&(o.length=e)}const t=[],r=[];for(const e of o){const i=this.validate(e);i?this.localError=i:(t.push(e),r.push(`tmp-${Date.now()}-${this.tempSeq++}`))}t.length&&this.coFilesSelected.emit({files:t,tempIds:r})}fromActionsSlot(e){return e.composedPath().some((e=>{var i,o;return"actions"===(null===(o=(i=e).getAttribute)||void 0===o?void 0:o.call(i,"slot"))}))}keyFor(e){var i;return e.id||e.tempId||`${e.name}:${null!==(i=e.size)&&void 0!==i?i:""}`}handleCopy(e){var i;const o=e.url||"";if(!o)return;const t=this.keyFor(e);this.coCopy.emit({id:t,url:o}),(null===(i=navigator.clipboard)||void 0===i?void 0:i.writeText)&&navigator.clipboard.writeText(o).then((()=>{this.copiedKey=t,clearTimeout(this.copiedTimer),this.copiedTimer=setTimeout((()=>this.copiedKey=""),1500)})).catch((()=>{}))}handlePreviewOpen(e){const i=e.url||e.thumbnail;if(!i)return;this.coPreviewOpen.emit({id:this.keyFor(e),url:i});const o=this.parsedFiles.filter((e=>u(e)&&!this.failedPreviews.has(this.keyFor(e)))),t=o.map((e=>({src:v(e),thumbnail:e.thumbnail,alt:e.name}))),r=Math.max(0,o.findIndex((i=>this.keyFor(i)===this.keyFor(e))));this.closeLightbox();const a=document.createElement("co-lightbox");a.images=JSON.stringify(t),a.startIndex=r,this.locale&&(a.locale=this.locale),a.addEventListener("coClose",(()=>this.closeLightbox())),document.body.appendChild(a),this.lightboxEl=a,requestAnimationFrame((()=>{a.open=!0}))}closeLightbox(){const e=this.lightboxEl;this.lightboxEl=void 0,e&&(e.open=!1,setTimeout((()=>e.remove()),220))}handlePreviewError(e){this.failedPreviews=new Set([...this.failedPreviews,this.keyFor(e)])}handleRowDragStart(e,i){this.armedKey===i?(this.dragKey=i,e.dataTransfer&&(e.dataTransfer.effectAllowed="move",e.dataTransfer.setData("text/plain",i))):e.preventDefault()}handleRowDragOver(e,i){this.dragKey&&this.dragKey!==i&&(e.preventDefault(),e.dataTransfer&&(e.dataTransfer.dropEffect="move"),this.overKey=i)}handleRowDrop(e,i){e.preventDefault(),e.stopPropagation();const o=this.parsedFiles.map((e=>this.keyFor(e))),t=o.indexOf(this.dragKey),r=o.indexOf(i);this.resetDragState(),t<0||r<0||t===r||(o.splice(r,0,...o.splice(t,1)),this.coReorder.emit(o))}resetDragState(){this.armedKey="",this.dragKey="",this.overKey=""}capacityHint(e){const i=this.maxBytes?f(this.maxBytes):"";return this.multiple&&this.maxBytes?d(e.helperBoth,{n:this.maxFiles,x:i}):this.multiple?d(e.helperFiles,{n:this.maxFiles}):this.maxBytes?d(e.helperBytes,{x:i}):""}render(){const e=this.strings,i=this.parsedFiles,o=this.localError||this.helperText,t=!(this.readonly||(this.multiple?this.multiple&&i.length>=this.maxFiles:0!==i.length)),s="default"!==this.status?"co-file-field--"+this.status:"",l=i.filter((e=>u(e)&&!this.failedPreviews.has(this.keyFor(e)))),c=this.reorderable&&this.multiple&&!this.disabled&&!this.readonly&&i.length>1,n=this.capacityHint(e);return r("div",{key:"615291bd9c075d4f26f264602da03427e13bf35b",class:{"co-file-field":!0,"co-file-field--disabled":this.disabled,"co-file-field--invalid":this.isInvalid,[s]:!!s},part:"wrapper"},this.label&&r("div",{key:"0c4fbdb6c5824824bbe39a96c568f06f442955ef",class:"co-file-field__labels"},r("label",{key:"4f8767b17adcd04d553c2cf6668c60c30a780783",class:"co-file-field__label",part:"label"},this.label,r(a,{key:"82fb4a69b136fcdcdd3b3e81ea8d2deb8ca64e10",required:this.required}))),t&&r("div",{key:"bce9efbedf17d917ae4bf00ae839409f63e4cccd",class:{"co-file-field__dropzone":!0,"co-file-field__dropzone--drag":this.dragOver},part:"dropzone",role:"button",tabIndex:this.disabled?-1:0,onClick:this.handleBrowse,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||this.fromActionsSlot(e)||(e.preventDefault(),this.handleBrowse())},onDragOver:this.handleDragOver,onDragLeave:this.handleDragLeave,onDrop:this.handleDrop},r("button",{key:"82c82cf57f9692bc560d4c82e0bc22a539e25e08",class:"co-file-field__upload-btn",part:"upload-button",type:"button",tabIndex:-1},r("co-icon",{key:"e2dc567ce78647717c894c877334e2eecab6b80e",name:"file-arrow-up",size:18}),r("span",{key:"9c0082e62f13a53d5d598623e35678db84df52b3"},this.uploadButtonText||e.uploadButton)),r("span",{key:"3f43f21c3fb54f1d21143aa7cdf9a485ee89cf69",class:"co-file-field__dropzone-text"},this.dropText||e.dropHint),n&&r("span",{key:"d4b2a12ffde1a17c5f1cdded7fb50f035ffb6f0c",class:"co-file-field__dropzone-hint"},n),r("div",{key:"38e36894d82bb094d4dbd37fb10b915607bf3f13",class:"co-file-field__actions",part:"actions"},r("slot",{key:"993f64d18baed0474f29e50418bd5883ac6bc90c",name:"actions"})),r("input",{key:"33dcec562a9c266ca3920537297ddbff2688a0a3",ref:e=>this.inputEl=e,class:"co-file-field__input",type:"file",multiple:this.multiple,accept:this.inputAccept,disabled:this.disabled,onChange:this.handleInputChange,"aria-hidden":"true",tabIndex:-1})),i.length>0&&r("div",{key:"a78a747ee890c15d082c99770c0a8487405301ee",class:"co-file-field__uploaded"},this.multiple&&r("div",{key:"08336c691f85e1c39216779a850e1c4eb4ad92eb",class:"co-file-field__uploaded-title",part:"uploaded-title"},`${this.uploadedTitle||e.uploadedTitle} (${i.length})`),l.length>0&&r("div",{key:"374c52cbaf91ab19d1781c6f4faaed809146aea5",class:"co-file-field__previews",part:"previews"},l.map((i=>r("button",{class:"co-file-field__preview",part:"preview",type:"button",key:"prev-"+this.keyFor(i),title:i.name,"aria-label":e.openPreview,onClick:()=>this.handlePreviewOpen(i)},r("img",{src:i.thumbnail||i.url,alt:i.name,loading:"lazy",onError:()=>this.handlePreviewError(i)}))))),r("ul",{key:"93ab31f0a3567287db8de9b5b00f4e3772988c82",class:"co-file-field__list",part:"list"},i.map((i=>{const o=this.keyFor(i),t=c&&"done"===i.status;return r("li",{class:{"co-file-field__row":!0,["co-file-field__row--"+i.status]:!0,"co-file-field__row--dragging":this.dragKey===o,"co-file-field__row--drop-target":this.overKey===o},part:"row",key:o,draggable:this.armedKey===o,onDragStart:e=>this.handleRowDragStart(e,o),onDragOver:e=>this.handleRowDragOver(e,o),onDrop:e=>this.handleRowDrop(e,o),onDragEnd:this.handleRowDragEnd},t?r("co-tooltip",{content:e.dragToReorder},r("span",{class:"co-file-field__drag-handle",part:"drag-handle",onMouseDown:()=>this.armedKey=o},r("co-icon",{name:"list",size:18}))):r("co-icon",{name:"error"===i.status?"warning-circle":"uploading"===i.status?"spinner-gap":"file",size:18,class:{"co-file-field__row-icon":!0,"co-file-field__row-icon--spin":"uploading"===i.status}}),r("div",{class:"co-file-field__row-body"},r("span",{class:"co-file-field__row-name",title:i.name},function(e,i=35){return!e||e.length<=i?e:"..."+e.slice(-i)}(i.name)),"uploading"===i.status&&r("div",{class:"co-file-field__progress"},r("div",{class:"co-file-field__progress-bar",style:"number"==typeof i.progress?{width:i.progress+"%"}:void 0})),"error"===i.status&&i.error&&r("span",{class:"co-file-field__row-error"},i.error)),null!=i.size&&r("span",{class:"co-file-field__row-size"},f(i.size)),"done"===i.status&&!!i.url&&r("co-tooltip",{content:e.downloadFile},r("a",{class:"co-file-field__action",href:i.url,target:"_blank",rel:"noopener noreferrer",download:i.name,tabIndex:-1,"aria-label":e.downloadFile},r("co-icon",{name:"download",size:18}))),"done"===i.status&&!!i.url&&r("co-tooltip",{content:this.copiedKey===o?e.copied:e.copyUrl},r("button",{class:{"co-file-field__action":!0,"co-file-field__action--copied":this.copiedKey===o},type:"button",tabIndex:-1,"aria-label":e.copyUrl,onClick:()=>this.handleCopy(i)},r("co-icon",{name:this.copiedKey===o?"check":"copy",size:18}))),!this.disabled&&!this.readonly&&r("co-tooltip",{content:e.removeFile},r("button",{class:"co-file-field__action",type:"button",tabIndex:-1,"aria-label":e.removeFile,onClick:()=>this.coRemove.emit(o)},r("co-icon",{name:"trash",size:18}))))})))),o&&r("div",{key:"d05514a8115362aa08a872baaf1293a55048ad79",class:{"co-file-field__helper":!0,"co-file-field__helper--error":this.isInvalid},part:"helper"},this.isInvalid&&r("co-icon",{key:"0e5f2c0feb7dff2da1d549b498ed1e7ae6051448",name:"warning-circle",size:14,class:"co-file-field__helper-icon"}),r("span",{key:"716ea5cc929a44f1da1984952da2bb5a9ce0a791",class:"co-file-field__helper-text"},o)))}get el(){return this}static get style(){return":host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-file-field{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-file-field__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs)}.co-file-field__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap;cursor:default}.co-field-required{margin-left:2px;color:var(--co-color-status-error)}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}.co-file-field__dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--co-spacing-md);padding:var(--co-spacing-4xl) var(--co-spacing-2xl);background:color-mix(in srgb, var(--co-semantic-surface-hover) 55%, transparent);-webkit-backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));border:1px dashed var(--co-semantic-border-field);border-radius:var(--co-border-radius-sm);cursor:pointer;text-align:center;transition:border-color var(--co-motion-duration-fast) var(--co-motion-ease-out), background var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-file-field__dropzone:hover{border-color:var(--co-semantic-border-focus)}.co-file-field__dropzone--drag{border-color:var(--co-semantic-border-focus);background:var(--co-semantic-surface-hover)}.co-file-field__upload-btn{display:inline-flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-md) var(--co-spacing-xl);margin-bottom:var(--co-spacing-xs);background:var(--co-semantic-surface-secondary);color:var(--co-semantic-text-default);border:none;border-radius:var(--co-border-radius-full);box-shadow:var(--co-shadow-lg);font-family:inherit;font-size:var(--co-font-size-16);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;cursor:pointer;transition:box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out), transform var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-file-field__upload-btn:hover{box-shadow:var(--co-shadow-xl, var(--co-shadow-lg));transform:translateY(-1px)}.co-file-field__upload-btn co-icon{display:inline-flex;flex-shrink:0}.co-file-field__dropzone-text{color:var(--co-semantic-text-default);font-size:var(--co-font-size-18);line-height:1.25}.co-file-field__dropzone-hint{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);line-height:1.25}.co-file-field__actions{display:contents}.co-file-field__input{display:none}.co-file-field__uploaded{display:flex;flex-direction:column;gap:var(--co-spacing-lg);margin-top:var(--co-spacing-sm2)}.co-file-field__uploaded-title{color:var(--co-semantic-text-default);font-size:var(--co-font-size-22);font-weight:500;letter-spacing:-0.03em;line-height:1.25}.co-file-field__previews{display:grid;grid-template-columns:repeat(auto-fill, minmax(150px, 180px));gap:var(--co-spacing-md)}.co-file-field__preview{padding:0;border:none;border-radius:var(--co-border-radius-sm);overflow:hidden;aspect-ratio:3 / 2;background:var(--co-semantic-surface-hover);cursor:pointer}.co-file-field__preview img{display:block;width:100%;height:100%;object-fit:cover;transition:transform var(--co-motion-duration-base) var(--co-motion-ease-out)}.co-file-field__preview:hover img{transform:scale(1.02)}.co-file-field__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-file-field__row{display:flex;align-items:center;gap:var(--co-spacing-lg);padding:var(--co-spacing-xl);background:var(--co-semantic-surface-hover);border:1px solid transparent;border-radius:var(--co-border-radius-sm)}.co-file-field__row--error{border-color:var(--co-semantic-status-error)}.co-file-field__row--dragging{opacity:0.5}.co-file-field__row--drop-target{border-color:var(--co-semantic-border-focus);background:var(--co-semantic-surface-hover)}.co-file-field__drag-handle{flex-shrink:0;display:flex;align-items:center;color:var(--co-semantic-text-secondary);cursor:grab}.co-file-field__drag-handle:active{cursor:grabbing}.co-file-field__row-icon{flex-shrink:0;color:var(--co-semantic-text-secondary);display:flex;align-items:center}.co-file-field__row--error .co-file-field__row-icon{color:var(--co-semantic-status-error)}.co-file-field__row-icon--spin{animation:co-file-spin 0.8s linear infinite}@keyframes co-file-spin{to{transform:rotate(360deg)}}.co-file-field__row-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--co-spacing-xs)}.co-file-field__row-name{color:var(--co-semantic-text-default);font-size:var(--co-font-size-14);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-file-field__row-error{color:var(--co-semantic-status-error);font-size:var(--co-font-size-12)}.co-file-field__row-size{flex-shrink:0;color:var(--co-semantic-text-default);font-size:var(--co-font-size-14);line-height:1;white-space:nowrap}.co-file-field__progress{position:relative;height:4px;border-radius:var(--co-border-radius-full);background:var(--co-semantic-surface-hover);overflow:hidden}.co-file-field__progress-bar{position:absolute;inset:0;width:40%;border-radius:var(--co-border-radius-full);background:var(--co-semantic-status-info);transition:width var(--co-motion-duration-base) var(--co-motion-ease-out)}.co-file-field__progress-bar:not([style]){animation:co-file-indeterminate 1.2s ease-in-out infinite}@keyframes co-file-indeterminate{0%{left:-40%}100%{left:100%}}.co-file-field__action{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;cursor:pointer;text-decoration:none;color:var(--co-semantic-text-secondary);transition:color var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-file-field__action:hover{color:var(--co-semantic-text-default)}.co-file-field__action--copied,.co-file-field__action--copied:hover{color:var(--co-color-primary-verde)}.co-file-field__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-file-field__helper-icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-file-field__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);line-height:1}.co-file-field--disabled{opacity:0.6;pointer-events:none}.co-file-field--invalid .co-file-field__dropzone,.co-file-field--error .co-file-field__dropzone{border-color:var(--co-semantic-status-error)}.co-file-field__helper--error .co-file-field__helper-icon,.co-file-field__helper--error .co-file-field__helper-text{color:var(--co-semantic-status-error)}:host([layout='horizontal']) .co-file-field{display:grid;grid-template-columns:var(--co-field-label-width, max-content) 1fr;align-items:start;column-gap:var(--co-spacing-md);row-gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-file-field__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-file-field__label{white-space:normal}:host([layout='horizontal']) .co-file-field>:not(.co-file-field__labels){grid-column:2;min-width:0}@supports not (background: color-mix(in srgb, red, transparent)){.co-file-field__dropzone{background:var(--co-semantic-surface-hover)}}"}},[257,"co-file-field",{label:[1],disabled:[4],readonly:[4],required:[4],multiple:[4],accept:[1],maxFiles:[2,"max-files"],maxBytes:[2,"max-bytes"],status:[1],helperText:[1,"helper-text"],layout:[513],locale:[1],uploadButtonText:[1,"upload-button-text"],dropText:[1,"drop-text"],uploadedTitle:[1,"uploaded-title"],reorderable:[4],files:[1],dragOver:[32],localError:[32],copiedKey:[32],armedKey:[32],dragKey:[32],overKey:[32],failedPreviews:[32]}]);function g(){"undefined"!=typeof customElements&&["co-file-field","co-icon","co-lightbox","co-tooltip"].forEach((i=>{switch(i){case"co-file-field":customElements.get(e(i))||customElements.define(e(i),m);break;case"co-icon":customElements.get(e(i))||s();break;case"co-lightbox":customElements.get(e(i))||l();break;case"co-tooltip":customElements.get(e(i))||c()}}))}g();const b=m,_=g;export{b as CoFileField,_ as defineCustomElement}
+import{t as e,p as i,H as o,c as t,h as r}from"./index.js";import{R as a}from"./p-CWneqh4n.js";import{g as s,f as c}from"./p-gKnOhsd2.js";import{d as l}from"./p-DNJAIVfI.js";import{d as n}from"./p-Be_kyNRE.js";import{d}from"./p-DIo66nBr.js";import{d as f}from"./p-BxP8OBw6.js";function h(e){if(null==e||isNaN(e))return"";if(e<1024)return e+" B";const i=e=>e.toFixed(2).replace(/\.?0+$/,"");return e<1048576?i(e/1024)+" KB":i(e/1048576)+" MB"}const p=new Set(["png","jpg","jpeg","gif","webp","svg","avif","bmp"]),u=new Set(["mp4","mov","webm","m4v","ogv"]);function v(e){const i=(e||"").split("?")[0],o=i.lastIndexOf(".");return o>=0?i.slice(o+1).toLowerCase():""}function m(e){return v(e.name)||v(e.url)}function _(e){return p.has(m(e))}function g(e){return u.has(m(e))}function b(e){return"done"===e.status&&!!e.url&&g(e)}function y(e){return g(e)||_(e)?e.url||e.thumbnail:e.thumbnail||e.url}const x=i(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coFilesSelected=t(this,"coFilesSelected",3),this.coRemove=t(this,"coRemove",3),this.coClear=t(this,"coClear",3),this.coReorder=t(this,"coReorder",3),this.coCopy=t(this,"coCopy",3),this.coPreviewOpen=t(this,"coPreviewOpen",3),this.disabled=!1,this.readonly=!1,this.required=!1,this.multiple=!1,this.maxFiles=100,this.status="default",this.layout="vertical",this.reorderable=!0,this.files="[]",this.dragOver=!1,this.localError="",this.copiedKey="",this.armedKey="",this.dragKey="",this.overKey="",this.failedPreviews=new Set,this.tempSeq=0,this.lastFilesStr="",this.lastParsed=[],this.handleDragOver=e=>{this.disabled||this.readonly||this.dragKey||(e.preventDefault(),this.dragOver=!0)},this.handleDragLeave=e=>{const i=e.relatedTarget;i&&e.currentTarget instanceof Node&&e.currentTarget.contains(i)||(this.dragOver=!1)},this.handleDrop=e=>{var i;e.preventDefault(),this.dragOver=!1,this.dragKey||(null===(i=e.dataTransfer)||void 0===i?void 0:i.files)&&this.handleFiles(e.dataTransfer.files)},this.handleBrowse=e=>{var i;this.disabled||this.readonly||e&&this.fromActionsSlot(e)||null===(i=this.inputEl)||void 0===i||i.click()},this.handleInputChange=e=>{const i=e.target;i.files&&this.handleFiles(i.files),i.value=""},this.disarmDrag=()=>{this.armedKey&&!this.dragKey&&(this.armedKey="")},this.handleRowDragEnd=()=>{this.resetDragState()}}componentWillLoad(){this.failedPreviews||(this.failedPreviews=new Set)}connectedCallback(){window.addEventListener("mouseup",this.disarmDrag)}disconnectedCallback(){window.removeEventListener("mouseup",this.disarmDrag),clearTimeout(this.copiedTimer),this.closeLightbox()}get parsedFiles(){const e=this.files;if("string"!=typeof e||!e.trim())return[];if(e===this.lastFilesStr)return this.lastParsed;let i=[];try{const o=JSON.parse(e);Array.isArray(o)&&(i=o)}catch(e){}return this.lastFilesStr=e,this.lastParsed=i,i}get strings(){return s(this.locale)}get acceptList(){const e=this.accept;if(!e)return[];let i=[];try{const o=JSON.parse(e);Array.isArray(o)&&(i=o.map(String))}catch(o){i=e.split(",")}return i.map((e=>e.trim().toLowerCase().replace(/^\./,""))).filter((e=>e&&"*"!==e))}get isInvalid(){return"error"===this.status||!!this.localError}get inputAccept(){const e=this.acceptList;if(e.length)return e.map((e=>e.includes("/")?e:"."+e)).join(",")}extOf(e){const i=e.lastIndexOf(".");return i>=0?e.slice(i+1).toLowerCase():""}validate(e){const i=this.acceptList;if(i.length){const o=this.extOf(e.name),t=i.includes(o),r=i.some((i=>i.includes("/")&&e.type===i));if(!t&&!r)return c(this.strings.errInvalidFormat,{x:o})}return this.maxBytes&&e.size>this.maxBytes?c(this.strings.errTooLarge,{x:h(e.size)}):null}handleFiles(e){if(this.disabled||this.readonly)return;this.localError="";const i=Array.from(e);if(!i.length)return;const o=this.multiple?i:i.slice(0,1);if(this.multiple){const e=this.maxFiles-this.parsedFiles.length;if(e<=0)return void(this.localError=c(this.strings.errMaxFiles,{n:this.maxFiles}));o.length>e&&(o.length=e)}const t=[],r=[];for(const e of o){const i=this.validate(e);i?this.localError=i:(t.push(e),r.push(`tmp-${Date.now()}-${this.tempSeq++}`))}t.length&&this.coFilesSelected.emit({files:t,tempIds:r})}fromActionsSlot(e){return e.composedPath().some((e=>{var i,o;return"actions"===(null===(o=(i=e).getAttribute)||void 0===o?void 0:o.call(i,"slot"))}))}keyFor(e){var i;return e.id||e.tempId||`${e.name}:${null!==(i=e.size)&&void 0!==i?i:""}`}handleCopy(e){var i;const o=e.url||"";if(!o)return;const t=this.keyFor(e);this.coCopy.emit({id:t,url:o}),(null===(i=navigator.clipboard)||void 0===i?void 0:i.writeText)&&navigator.clipboard.writeText(o).then((()=>{this.copiedKey=t,clearTimeout(this.copiedTimer),this.copiedTimer=setTimeout((()=>this.copiedKey=""),1500)})).catch((()=>{}))}previewItems(){return this.parsedFiles.filter((e=>function(e){return function(e){return"done"===e.status&&!b(e)&&!(!e.thumbnail&&!e.url)&&(!!e.thumbnail||_(e))}(e)||b(e)}(e)&&(b(e)||!this.failedPreviews.has(this.keyFor(e)))))}handlePreviewOpen(e){const i=e.url||e.thumbnail;if(!i)return;this.coPreviewOpen.emit({id:this.keyFor(e),url:i});const o=this.previewItems(),t=o.map((e=>b(e)?{src:y(e),thumbnail:e.thumbnail,alt:e.name,kind:"video",poster:e.thumbnail}:{src:y(e),thumbnail:e.thumbnail,alt:e.name})),r=Math.max(0,o.findIndex((i=>this.keyFor(i)===this.keyFor(e))));this.closeLightbox();const a=document.createElement("co-lightbox");a.images=JSON.stringify(t),a.startIndex=r,this.locale&&(a.locale=this.locale),a.addEventListener("coClose",(()=>this.closeLightbox())),document.body.appendChild(a),this.lightboxEl=a,requestAnimationFrame((()=>{a.open=!0}))}closeLightbox(){const e=this.lightboxEl;this.lightboxEl=void 0,e&&(e.open=!1,setTimeout((()=>e.remove()),220))}handlePreviewError(e){this.failedPreviews=new Set([...this.failedPreviews,this.keyFor(e)])}handleRowDragStart(e,i){this.armedKey===i?(this.dragKey=i,e.dataTransfer&&(e.dataTransfer.effectAllowed="move",e.dataTransfer.setData("text/plain",i))):e.preventDefault()}handleRowDragOver(e,i){this.dragKey&&this.dragKey!==i&&(e.preventDefault(),e.dataTransfer&&(e.dataTransfer.dropEffect="move"),this.overKey=i)}handleRowDrop(e,i){e.preventDefault(),e.stopPropagation();const o=this.parsedFiles.map((e=>this.keyFor(e))),t=o.indexOf(this.dragKey),r=o.indexOf(i);this.resetDragState(),t<0||r<0||t===r||(o.splice(r,0,...o.splice(t,1)),this.coReorder.emit(o))}resetDragState(){this.armedKey="",this.dragKey="",this.overKey=""}capacityHint(e){const i=this.maxBytes?h(this.maxBytes):"";return this.multiple&&this.maxBytes?c(e.helperBoth,{n:this.maxFiles,x:i}):this.multiple?c(e.helperFiles,{n:this.maxFiles}):this.maxBytes?c(e.helperBytes,{x:i}):""}render(){const e=this.strings,i=this.parsedFiles,o=this.localError||this.helperText,t=!(this.readonly||(this.multiple?this.multiple&&i.length>=this.maxFiles:0!==i.length)),s="default"!==this.status?"co-file-field--"+this.status:"",c=this.previewItems(),l=this.reorderable&&this.multiple&&!this.disabled&&!this.readonly&&i.length>1,n=this.capacityHint(e);return r("div",{key:"47a8258c141901fcb3621a24d638f0849946172e",class:{"co-file-field":!0,"co-file-field--disabled":this.disabled,"co-file-field--invalid":this.isInvalid,[s]:!!s},part:"wrapper"},this.label&&r("div",{key:"603d04815a5730f45a2462d6c2904de4c7aa83af",class:"co-file-field__labels"},r("label",{key:"e280970feef1f6fad7c9ce336a5002746231a7c6",class:"co-file-field__label",part:"label"},this.label,r(a,{key:"075b35392df1a5be556dcc9dcbd2130d0a3c91a1",required:this.required}))),t&&r("div",{key:"d9dec9f08bc063239bd7b75acc43813ab3f9aebb",class:{"co-file-field__dropzone":!0,"co-file-field__dropzone--drag":this.dragOver},part:"dropzone",role:"button",tabIndex:this.disabled?-1:0,onClick:this.handleBrowse,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||this.fromActionsSlot(e)||(e.preventDefault(),this.handleBrowse())},onDragOver:this.handleDragOver,onDragLeave:this.handleDragLeave,onDrop:this.handleDrop},r("button",{key:"61afb508be3e46257e2ffdb2bdc62d66e37055ed",class:"co-file-field__upload-btn",part:"upload-button",type:"button",tabIndex:-1},r("co-icon",{key:"96bb8ef3107abbee44fb5bd7c80ff2cbf39915ec",name:"file-arrow-up",size:18}),r("span",{key:"53950664f09064e29d1427530058e0634b287a92"},this.uploadButtonText||e.uploadButton)),r("span",{key:"de085f9dac492ea1b7db278a34e25ec2a8baa1d3",class:"co-file-field__dropzone-text"},this.dropText||e.dropHint),n&&r("span",{key:"1617a52c9773a31ff8617e7310401a95911ecc2f",class:"co-file-field__dropzone-hint"},n),r("div",{key:"f6f07691b5ec339f2ae0fa302415dd3dba04fe69",class:"co-file-field__actions",part:"actions"},r("slot",{key:"b5332b03438a34a82ffb565b1d2901a69729af61",name:"actions"})),r("input",{key:"5d0089ebcd857f1fa97bedcd743ab0530e75715a",ref:e=>this.inputEl=e,class:"co-file-field__input",type:"file",multiple:this.multiple,accept:this.inputAccept,disabled:this.disabled,onChange:this.handleInputChange,"aria-hidden":"true",tabIndex:-1})),i.length>0&&r("div",{key:"cec19c438ec510dbae564c33dd3e6b739e156294",class:"co-file-field__uploaded"},this.multiple&&r("div",{key:"e97f2fe09fb30521d5b22238d2714d8f1002a2ed",class:"co-file-field__uploaded-title",part:"uploaded-title"},`${this.uploadedTitle||e.uploadedTitle} (${i.length})`),c.length>0&&r("div",{key:"569f37799d34182ff00996dd011232daf7f141a8",class:"co-file-field__previews",part:"previews"},c.map((i=>{const o=this.keyFor(i),t=b(i),a=this.failedPreviews.has(o)?"":i.thumbnail;return r("button",{class:{"co-file-field__preview":!0,"co-file-field__preview--video":t},part:"preview",type:"button",key:"prev-"+o,title:i.name,"aria-label":`${t?e.playVideo:e.openPreview}: ${i.name}`,onClick:()=>this.handlePreviewOpen(i)},(!t||!!a)&&r("img",{src:t?a:i.thumbnail||i.url,alt:i.name,loading:"lazy",onError:()=>this.handlePreviewError(i)}),t&&r("span",{class:"co-file-field__preview-play","aria-hidden":"true"},r("span",{class:"co-file-field__preview-play-badge"},r("co-icon",{name:"play",size:20,weight:"fill"})),!a&&r("span",{class:"co-file-field__preview-ext"},m(i).toUpperCase())))}))),r("ul",{key:"2de5c71b79f82cd50c5aea5818d9848956eeb1eb",class:"co-file-field__list",part:"list"},i.map((i=>{const o=this.keyFor(i),t=l&&"done"===i.status;return r("li",{class:{"co-file-field__row":!0,["co-file-field__row--"+i.status]:!0,"co-file-field__row--dragging":this.dragKey===o,"co-file-field__row--drop-target":this.overKey===o},part:"row",key:o,draggable:this.armedKey===o,onDragStart:e=>this.handleRowDragStart(e,o),onDragOver:e=>this.handleRowDragOver(e,o),onDrop:e=>this.handleRowDrop(e,o),onDragEnd:this.handleRowDragEnd},t?r("co-tooltip",{content:e.dragToReorder},r("span",{class:"co-file-field__drag-handle",part:"drag-handle",onMouseDown:()=>this.armedKey=o},r("co-icon",{name:"list",size:18}))):r("co-icon",{name:"error"===i.status?"warning-circle":"uploading"===i.status?"spinner-gap":"file",size:18,class:{"co-file-field__row-icon":!0,"co-file-field__row-icon--spin":"uploading"===i.status}}),r("div",{class:"co-file-field__row-body"},r("span",{class:"co-file-field__row-name",title:i.name},function(e,i=35){return!e||e.length<=i?e:"..."+e.slice(-i)}(i.name)),"uploading"===i.status&&r("div",{class:"co-file-field__progress"},r("div",{class:"co-file-field__progress-bar",style:"number"==typeof i.progress?{width:i.progress+"%"}:void 0})),"error"===i.status&&i.error&&r("span",{class:"co-file-field__row-error"},i.error)),null!=i.size&&r("span",{class:"co-file-field__row-size"},h(i.size)),"done"===i.status&&!!i.url&&r("co-tooltip",{content:e.downloadFile},r("a",{class:"co-file-field__action",href:i.url,target:"_blank",rel:"noopener noreferrer",download:i.name,tabIndex:-1,"aria-label":e.downloadFile},r("co-icon",{name:"download",size:18}))),"done"===i.status&&!!i.url&&r("co-tooltip",{content:this.copiedKey===o?e.copied:e.copyUrl},r("button",{class:{"co-file-field__action":!0,"co-file-field__action--copied":this.copiedKey===o},type:"button",tabIndex:-1,"aria-label":e.copyUrl,onClick:()=>this.handleCopy(i)},r("co-icon",{name:this.copiedKey===o?"check":"copy",size:18}))),!this.disabled&&!this.readonly&&r("co-tooltip",{content:e.removeFile},r("button",{class:"co-file-field__action",type:"button",tabIndex:-1,"aria-label":e.removeFile,onClick:()=>this.coRemove.emit(o)},r("co-icon",{name:"trash",size:18}))))})))),o&&r("div",{key:"a6a14de91f12490b54717153520e3f59b9c9ef10",class:{"co-file-field__helper":!0,"co-file-field__helper--error":this.isInvalid},part:"helper"},this.isInvalid&&r("co-icon",{key:"500ff53b0e1b4f894891bfc3f442ca170a2da2d0",name:"warning-circle",size:14,class:"co-file-field__helper-icon"}),r("span",{key:"c723bcbf23a6bcecb9f781aede09120f78fe9b55",class:"co-file-field__helper-text"},o)))}get el(){return this}static get style(){return":host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-file-field{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-file-field__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs)}.co-file-field__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap;cursor:default}.co-field-required{margin-left:2px;color:var(--co-color-status-error)}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}.co-file-field__dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--co-spacing-md);padding:var(--co-spacing-4xl) var(--co-spacing-2xl);background:color-mix(in srgb, var(--co-semantic-surface-hover) 55%, transparent);border:1px dashed var(--co-semantic-border-field);border-radius:var(--co-border-radius-sm);cursor:pointer;text-align:center;transition:border-color var(--co-motion-duration-fast) var(--co-motion-ease-out), background var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-file-field__dropzone:hover{border-color:var(--co-semantic-border-focus)}.co-file-field__dropzone--drag{border-color:var(--co-semantic-border-focus);background:var(--co-semantic-surface-hover)}.co-file-field__upload-btn{display:inline-flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-md) var(--co-spacing-xl);margin-bottom:var(--co-spacing-xs);background:var(--co-semantic-surface-secondary);color:var(--co-semantic-text-default);border:none;border-radius:var(--co-border-radius-full);box-shadow:var(--co-shadow-lg);font-family:inherit;font-size:var(--co-font-size-16);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;cursor:pointer;transition:box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out), transform var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-file-field__upload-btn:hover{box-shadow:var(--co-shadow-xl, var(--co-shadow-lg));transform:translateY(-1px)}.co-file-field__upload-btn co-icon{display:inline-flex;flex-shrink:0}.co-file-field__dropzone-text{color:var(--co-semantic-text-default);font-size:var(--co-font-size-18);line-height:1.25}.co-file-field__dropzone-hint{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);line-height:1.25}.co-file-field__actions{display:contents}.co-file-field__input{display:none}.co-file-field__uploaded{display:flex;flex-direction:column;gap:var(--co-spacing-lg);margin-top:var(--co-spacing-sm2)}.co-file-field__uploaded-title{color:var(--co-semantic-text-default);font-size:var(--co-font-size-22);font-weight:500;letter-spacing:-0.03em;line-height:1.25}.co-file-field__previews{display:grid;grid-template-columns:repeat(auto-fill, minmax(150px, 180px));gap:var(--co-spacing-md)}.co-file-field__preview{padding:0;border:none;border-radius:var(--co-border-radius-sm);overflow:hidden;aspect-ratio:3 / 2;background:var(--co-semantic-surface-hover);cursor:pointer}.co-file-field__preview img{display:block;width:100%;height:100%;object-fit:cover;transition:transform var(--co-motion-duration-base) var(--co-motion-ease-out)}.co-file-field__preview:hover img{transform:scale(1.02)}.co-file-field__preview--video{position:relative;background:var(--co-color-base-negro)}.co-file-field__preview-play{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--co-spacing-sm2);color:var(--co-color-base-blanco);pointer-events:none}.co-file-field__preview-play-badge{display:flex;width:40px;height:40px;align-items:center;justify-content:center;border-radius:var(--co-border-radius-full);background:var(--co-color-opacity-negro-80);box-shadow:inset 0 0 0 1px var(--co-color-opacity-blanco-25);transition:transform var(--co-motion-duration-base) var(--co-motion-ease-out)}.co-file-field__preview--video:hover .co-file-field__preview-play-badge{transform:scale(1.08)}.co-file-field__preview-play-badge co-icon{transform:translateX(1px)}.co-file-field__preview-ext{font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12);font-weight:var(--co-font-weight-medium);letter-spacing:var(--co-font-letter-spacing-overline);color:var(--co-color-opacity-blanco-80)}.co-file-field__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-file-field__row{display:flex;align-items:center;gap:var(--co-spacing-lg);padding:var(--co-spacing-xl);background:var(--co-semantic-surface-hover);border:1px solid transparent;border-radius:var(--co-border-radius-sm)}.co-file-field__row--error{border-color:var(--co-semantic-status-error)}.co-file-field__row--dragging{opacity:0.5}.co-file-field__row--drop-target{border-color:var(--co-semantic-border-focus);background:var(--co-semantic-surface-hover)}.co-file-field__drag-handle{flex-shrink:0;display:flex;align-items:center;color:var(--co-semantic-text-secondary);cursor:grab}.co-file-field__drag-handle:active{cursor:grabbing}.co-file-field__row-icon{flex-shrink:0;color:var(--co-semantic-text-secondary);display:flex;align-items:center}.co-file-field__row--error .co-file-field__row-icon{color:var(--co-semantic-status-error)}.co-file-field__row-icon--spin{animation:co-file-spin 0.8s linear infinite}@keyframes co-file-spin{to{transform:rotate(360deg)}}.co-file-field__row-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--co-spacing-xs)}.co-file-field__row-name{color:var(--co-semantic-text-default);font-size:var(--co-font-size-14);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-file-field__row-error{color:var(--co-semantic-status-error);font-size:var(--co-font-size-12)}.co-file-field__row-size{flex-shrink:0;color:var(--co-semantic-text-default);font-size:var(--co-font-size-14);line-height:1;white-space:nowrap}.co-file-field__progress{position:relative;height:4px;border-radius:var(--co-border-radius-full);background:var(--co-semantic-surface-hover);overflow:hidden}.co-file-field__progress-bar{position:absolute;inset:0;width:40%;border-radius:var(--co-border-radius-full);background:var(--co-semantic-status-info);transition:width var(--co-motion-duration-base) var(--co-motion-ease-out)}.co-file-field__progress-bar:not([style]){animation:co-file-indeterminate 1.2s ease-in-out infinite}@keyframes co-file-indeterminate{0%{left:-40%}100%{left:100%}}.co-file-field__action{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;cursor:pointer;text-decoration:none;color:var(--co-semantic-text-secondary);transition:color var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-file-field__action:hover{color:var(--co-semantic-text-default)}.co-file-field__action--copied,.co-file-field__action--copied:hover{color:var(--co-color-primary-verde)}.co-file-field__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-file-field__helper-icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-file-field__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);line-height:1}.co-file-field--disabled{opacity:0.6;pointer-events:none}.co-file-field--invalid .co-file-field__dropzone,.co-file-field--error .co-file-field__dropzone{border-color:var(--co-semantic-status-error)}.co-file-field__helper--error .co-file-field__helper-icon,.co-file-field__helper--error .co-file-field__helper-text{color:var(--co-semantic-status-error)}:host([layout='horizontal']) .co-file-field{display:grid;grid-template-columns:var(--co-field-label-width, max-content) 1fr;align-items:start;column-gap:var(--co-spacing-md);row-gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-file-field__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-file-field__label{white-space:normal}:host([layout='horizontal']) .co-file-field>:not(.co-file-field__labels){grid-column:2;min-width:0}@supports not (background: color-mix(in srgb, red, transparent)){.co-file-field__dropzone{background:var(--co-semantic-surface-hover)}}"}},[257,"co-file-field",{label:[1],disabled:[4],readonly:[4],required:[4],multiple:[4],accept:[1],maxFiles:[2,"max-files"],maxBytes:[2,"max-bytes"],status:[1],helperText:[1,"helper-text"],layout:[513],locale:[1],uploadButtonText:[1,"upload-button-text"],dropText:[1,"drop-text"],uploadedTitle:[1,"uploaded-title"],reorderable:[4],files:[1],dragOver:[32],localError:[32],copiedKey:[32],armedKey:[32],dragKey:[32],overKey:[32],failedPreviews:[32]}]);function w(){"undefined"!=typeof customElements&&["co-file-field","co-icon","co-lightbox","co-tooltip","co-video"].forEach((i=>{switch(i){case"co-file-field":customElements.get(e(i))||customElements.define(e(i),x);break;case"co-icon":customElements.get(e(i))||l();break;case"co-lightbox":customElements.get(e(i))||n();break;case"co-tooltip":customElements.get(e(i))||d();break;case"co-video":customElements.get(e(i))||f()}}))}w();const k=x,z=w;export{k as CoFileField,z as defineCustomElement}

package/dist/components/co-file-type-tile.js

@@ -1 +1 @@
-import{C as o,d as s}from"./p-D4qzGifz.js";const p=o,r=s;export{p as CoFileTypeTile,r as defineCustomElement}
+import{C as o,d as s}from"./p-vby0ITbe.js";const p=o,r=s;export{p as CoFileTypeTile,r as defineCustomElement}

package/dist/components/co-helper-text.js

@@ -1 +1 @@
-import{t as e,p as t,H as c,h as s}from"./index.js";import{d as o}from"./p-Dj1EZ5qD.js";const r=t(class extends c{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.status="default",this.STATUS_ICON={default:"info",error:"x-circle",success:"check-circle",warning:"warning",info:"info"}}render(){return s("div",{key:"09ca6f7214d2c25432ffb9e9fa90036d81c48200",class:{"co-helper-text":!0,["co-helper-text--"+this.status]:!0},part:"helper-text"},s("co-icon",{key:"d3757438d31d6a14d4c52157197818846ac3fd11",name:this.STATUS_ICON[this.status],size:14,weight:"fill",class:"co-helper-text__icon"}),s("span",{key:"7ae8d75fa07b8a6046e02d36c05b73676a68425e",class:"co-helper-text__message"},s("slot",{key:"d13a404f19f6b04d0b63aa2a4f68caf84d33e619"},this.message)))}static get style(){return":host{display:block}.co-helper-text{display:flex;align-items:center;gap:var(--co-spacing-xs);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12);line-height:1.4}.co-helper-text__icon{flex-shrink:0}.co-helper-text--default{color:var(--co-semantic-text-muted)}.co-helper-text--error{color:var(--co-semantic-status-error)}.co-helper-text--success{color:var(--co-semantic-status-success)}.co-helper-text--warning{color:var(--co-semantic-status-warning)}.co-helper-text--info{color:var(--co-semantic-status-info)}"}},[257,"co-helper-text",{status:[1],message:[1]}]);function a(){"undefined"!=typeof customElements&&["co-helper-text","co-icon"].forEach((t=>{switch(t){case"co-helper-text":customElements.get(e(t))||customElements.define(e(t),r);break;case"co-icon":customElements.get(e(t))||o()}}))}a();const i=r,n=a;export{i as CoHelperText,n as defineCustomElement}
+import{t as e,p as t,H as c,h as s}from"./index.js";import{d as o}from"./p-DNJAIVfI.js";const r=t(class extends c{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.status="default",this.STATUS_ICON={default:"info",error:"x-circle",success:"check-circle",warning:"warning",info:"info"}}render(){return s("div",{key:"2c4ae2b671b16dfda50eea3dd33b92c5661812fb",class:{"co-helper-text":!0,["co-helper-text--"+this.status]:!0},part:"helper-text"},s("co-icon",{key:"18a15852e651204d06279be5a685c79ed927c6d0",name:this.STATUS_ICON[this.status],size:14,weight:"fill",class:"co-helper-text__icon"}),s("span",{key:"62c3d084abd1b62f90b2631953f51306293b23b7",class:"co-helper-text__message"},s("slot",{key:"06604123763ac0f84fe1bc2ec1dd840d6ee2756d"},this.message)))}static get style(){return":host{display:block}.co-helper-text{display:flex;align-items:center;gap:var(--co-spacing-xs);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12);line-height:1.4}.co-helper-text__icon{flex-shrink:0}.co-helper-text--default{color:var(--co-semantic-text-muted)}.co-helper-text--error{color:var(--co-semantic-status-error)}.co-helper-text--success{color:var(--co-semantic-status-success)}.co-helper-text--warning{color:var(--co-semantic-status-warning)}.co-helper-text--info{color:var(--co-semantic-status-info)}"}},[257,"co-helper-text",{status:[1],message:[1]}]);function a(){"undefined"!=typeof customElements&&["co-helper-text","co-icon"].forEach((t=>{switch(t){case"co-helper-text":customElements.get(e(t))||customElements.define(e(t),r);break;case"co-icon":customElements.get(e(t))||o()}}))}a();const i=r,n=a;export{i as CoHelperText,n as defineCustomElement}

package/dist/components/co-icon-button.js

@@ -1 +1 @@
-import{C as o,d as s}from"./p-DgUBcJIS.js";const p=o,r=s;export{p as CoIconButton,r as defineCustomElement}
+import{C as o,d as r}from"./p-B4NCaKrR.js";const s=o,a=r;export{s as CoIconButton,a as defineCustomElement}

package/dist/components/co-icon.js

@@ -1 +1 @@
-import{C as o,d as s}from"./p-Dj1EZ5qD.js";const p=o,r=s;export{p as CoIcon,r as defineCustomElement}
+import{C as o,d as s}from"./p-DNJAIVfI.js";const p=o,r=s;export{p as CoIcon,r as defineCustomElement}

package/dist/components/co-input.js

@@ -1 +1 @@
-import{t as i,p as t,H as o,c as e,h as n}from"./index.js";import{R as c}from"./p-CWneqh4n.js";import{d as a}from"./p-Dj1EZ5qD.js";const s=t(class extends o{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.coInput=e(this,"coInput",7),this.coChange=e(this,"coChange",7),this.coClear=e(this,"coClear",7),this.coFocus=e(this,"coFocus",7),this.coBlur=e(this,"coBlur",7),this.coAction=e(this,"coAction",7),this.placeholder="",this.value="",this.disabled=!1,this.readonly=!1,this.clearable=!1,this.layout="vertical",this.type="text",this.required=!1,this.autoFocus=!1,this.status="default",this.size="md",this.variant="default",this.fill=!1,this.hasFocus=!1,this.handleInput=i=>{this.value=i.target.value,this.coInput.emit(this.value)},this.handleChange=()=>{this.coChange.emit(this.value)},this.handleFocus=()=>{this.hasFocus=!0,this.coFocus.emit()},this.handleBlur=()=>{this.hasFocus=!1,this.coBlur.emit()},this.handleKeyDown=i=>{if("Enter"===i.key){const i=this.el.closest("form");i&&i.requestSubmit()}},this.handleClear=()=>{var i;this.value="",this.coClear.emit(),this.coInput.emit(""),null===(i=this.inputEl)||void 0===i||i.focus()},this.handleAction=()=>{this.coAction.emit()}}onValueChange(i){if(!this.inputEl||this.hasFocus)return;const t=null==i?"":i+"";this.inputEl.value!==t&&(this.inputEl.value=t)}async setFocus(){var i;null===(i=this.inputEl)||void 0===i||i.focus()}componentDidLoad(){var i;this.autoFocus&&(null===(i=this.inputEl)||void 0===i||i.focus())}get hasAction(){return!(!this.actionLabel&&!this.actionIcon)}get hasValue(){return null!=this.value&&""!==this.value}get statusFieldIcon(){switch(this.status){case"success":return"check";case"error":case"warning":return"warning";case"info":return"info";default:return null}}get helperIcon(){switch(this.status){case"error":case"warning":return"warning-circle";case"success":return"check-circle";case"info":return"info";default:return null}}renderFill(){const i=this.clearable&&this.hasValue&&!this.disabled&&!this.readonly,t=this.iconLeft||"magnifying-glass";return n("div",{class:{"co-input":!0,"co-input--fill":!0,["co-input--"+this.size]:!0,"co-input--disabled":this.disabled,"co-input--focused":this.hasFocus,"co-input--filled":this.hasValue},part:"wrapper"},n("div",{class:"co-input__field-row"},n("div",{class:"co-input__field",part:"field"},n("co-icon",{name:t,size:17,class:"co-input__icon co-input__icon--left"}),n("div",{class:"co-input__input-wrapper"},n("input",{ref:i=>this.inputEl=i,class:"co-input__native",type:this.type,name:this.name,value:this.value,placeholder:this.placeholder,disabled:this.disabled,readOnly:this.readonly,required:this.required,autoComplete:this.autocomplete,onInput:this.handleInput,onChange:this.handleChange,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeyDown:this.handleKeyDown,part:"input"})),this.clearable&&n("button",{class:{"co-input__clear":!0,"co-input__clear--hidden":!i},type:"button",tabIndex:-1,onClick:this.handleClear,"aria-label":"Clear input",part:"clear"},n("co-icon",{name:"x",size:14})))))}render(){if(this.fill)return this.renderFill();const i=this.clearable&&this.hasValue&&!this.disabled&&!this.readonly;return n("div",{class:{"co-input":!0,["co-input--"+this.layout]:!0,["co-input--"+this.size]:!0,"co-input--disabled":this.disabled,"co-input--focused":this.hasFocus,"co-input--filled":this.hasValue,["co-input--"+this.status]:"default"!==this.status,"co-input--has-action":this.hasAction,"co-input--flat":"flat"===this.variant},part:"wrapper"},(this.label||this.secondaryLabel)&&n("div",{class:"co-input__labels"},this.label&&n("label",{class:"co-input__label",part:"label"},this.label,n(c,{required:this.required})),this.secondaryLabel&&n("span",{class:"co-input__secondary-label",part:"secondary-label"},this.secondaryLabel)),n("div",{class:"co-input__field-row"},n("div",{class:"co-input__field",part:"field"},this.iconLeft&&n("co-icon",{name:this.iconLeft,size:16,class:"co-input__icon co-input__icon--left"}),n("slot",{name:"chips"}),n("div",{class:"co-input__input-wrapper"},n("input",{ref:i=>this.inputEl=i,class:"co-input__native",type:this.type,name:this.name,value:this.value,placeholder:this.placeholder,disabled:this.disabled,readOnly:this.readonly,required:this.required,autoComplete:this.autocomplete,onInput:this.handleInput,onChange:this.handleChange,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeyDown:this.handleKeyDown,part:"input"})),this.clearable&&n("button",{class:{"co-input__clear":!0,"co-input__clear--hidden":!i},type:"button",tabIndex:-1,onClick:this.handleClear,"aria-label":"Clear input",part:"clear"},n("co-icon",{name:"x-circle",size:16,weight:"fill"})),this.iconRight&&n("co-icon",{name:this.iconRight,size:16,class:"co-input__icon co-input__icon--right"}),this.statusFieldIcon&&n("co-icon",{name:this.statusFieldIcon,size:16,class:"co-input__status-icon"}),n("slot",{name:"suffix"}),n("slot",null),n("slot",{name:"action"})),this.hasAction&&n("button",{class:"co-input__action",type:"button",onClick:this.handleAction,disabled:this.disabled,part:"action"},this.actionIcon&&n("co-icon",{name:this.actionIcon,size:16,class:"co-input__action-icon"}),this.actionLabel&&n("span",{class:"co-input__action-label"},this.actionLabel))),this.helperText&&n("div",{class:"co-input__helper co-input__helper--"+this.status,part:"helper"},this.helperIcon&&n("co-icon",{name:this.helperIcon,size:14,class:"co-input__helper-icon"}),n("span",{class:"co-input__helper-text"},this.helperText)))}get el(){return this}static get watchers(){return{value:[{onValueChange:0}]}}static get style(){return":host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-input{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-input{display:grid;grid-template-columns:var(--co-field-label-width, max-content) 1fr;align-items:start;column-gap:var(--co-spacing-md);row-gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-input__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-input__label{white-space:normal}:host([layout='horizontal']) .co-input>:not(.co-input__labels){grid-column:2;min-width:0}.co-input__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-input__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;cursor:default}.co-input__secondary-label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;text-align:right}.co-input__field-row{display:flex;align-items:stretch}.co-input__field{display:flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-sm2) var(--co-spacing-md);background:var(--co-semantic-surface-page);border:1px solid var(--co-semantic-border-field);border-radius:var(--co-border-radius-xs);transition:border-color var(--co-motion-duration-fast) var(--co-motion-ease-out), box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out);min-height:40px;box-sizing:border-box;overflow:hidden;flex:1;min-width:0}.co-input--flat .co-input__field{background:transparent;border-color:transparent}.co-input--s .co-input__field{min-height:28px;padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-input--sm .co-input__field{min-height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-14)}.co-input--lg .co-input__field{min-height:48px;padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-input--has-action .co-input__field{border-radius:var(--co-border-radius-xs) 0 0 var(--co-border-radius-xs);border-right:none}.co-input__field ::slotted([slot=\"action\"]){margin-left:auto;margin-right:calc(-1 * var(--co-spacing-md));margin-top:calc(-1 * var(--co-spacing-sm2));margin-bottom:calc(-1 * var(--co-spacing-sm2));border-radius:0 var(--co-border-radius-xs) var(--co-border-radius-xs) 0;flex-shrink:0}.co-input__field ::slotted([slot=\"chips\"]){display:flex;gap:var(--co-spacing-xxs);align-items:center;flex-wrap:wrap;min-width:0}.co-input__input-wrapper{flex:1;display:flex;align-items:center;min-width:0;min-height:22px;padding:0}.co-input__native{width:100%;border:none;outline:none;background:transparent;font-family:inherit;font-size:inherit;font-weight:400;letter-spacing:inherit;line-height:1;color:var(--co-semantic-text-default);padding:0;margin:0}.co-input__native::placeholder{color:var(--co-semantic-text-muted)}.co-input__native[type='number']::-webkit-inner-spin-button,.co-input__native[type='number']::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.co-input__native[type='number']{-moz-appearance:textfield;appearance:textfield}.co-input__icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-input__clear{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:16px;padding:0;margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);transition:color var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-input__clear--hidden{visibility:hidden;pointer-events:none}.co-input__clear:hover{color:var(--co-semantic-text-default)}.co-input__action{display:flex;align-items:center;gap:var(--co-spacing-sm);padding:var(--co-spacing-sm2) var(--co-spacing-md) var(--co-spacing-sm2) var(--co-spacing-sm2);background:var(--co-semantic-surface-primary);color:var(--co-semantic-on-primary);border:none;border-radius:0 var(--co-border-radius-xs) var(--co-border-radius-xs) 0;cursor:pointer;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;flex-shrink:0;transition:opacity var(--co-motion-duration-fast) var(--co-motion-ease-out);box-sizing:border-box}.co-input__action:hover{opacity:0.85}.co-input__action:disabled{opacity:0.4;cursor:not-allowed}.co-input__action-icon{display:flex;align-items:center;flex-shrink:0}.co-input__action-label{display:flex;align-items:center}.co-input__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-input__helper-icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-input__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1;letter-spacing:var(--co-font-letter-spacing-body)}.co-input--focused .co-input__field{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-input--disabled .co-input__labels .co-input__label,.co-input--disabled .co-input__labels .co-input__secondary-label{color:var(--co-semantic-text-disabled)}.co-input--disabled .co-input__field{background:var(--co-semantic-surface-disabled);border-color:transparent;cursor:not-allowed}.co-input--disabled .co-input__native{color:var(--co-semantic-text-disabled);cursor:not-allowed}.co-input--disabled .co-input__native::placeholder{color:var(--co-semantic-text-disabled)}.co-input--disabled .co-input__icon{color:var(--co-semantic-text-disabled)}.co-input__status-icon{flex-shrink:0;display:flex;align-items:center}.co-input--success .co-input__status-icon{color:var(--co-semantic-status-success)}.co-input--error .co-input__status-icon{color:var(--co-semantic-status-error)}.co-input--warning .co-input__status-icon{color:var(--co-color-status-review)}.co-input--info .co-input__status-icon{color:var(--co-semantic-status-info)}.co-input--error .co-input__field{border-color:var(--co-semantic-status-error)}.co-input--error.co-input--focused .co-input__field{border-color:var(--co-semantic-status-error);box-shadow:0 0 0 2px rgba(170, 46, 27, 0.12)}.co-input__helper--error .co-input__helper-icon,.co-input__helper--error .co-input__helper-text{color:var(--co-semantic-status-error)}.co-input--success .co-input__field{border-color:var(--co-semantic-status-success)}.co-input--success.co-input--focused .co-input__field{border-color:var(--co-semantic-status-success);box-shadow:0 0 0 2px rgba(10, 119, 36, 0.12)}.co-input__helper--success .co-input__helper-icon,.co-input__helper--success .co-input__helper-text{color:var(--co-semantic-status-success)}.co-input--warning .co-input__field{border-color:var(--co-color-status-review)}.co-input--warning.co-input--focused .co-input__field{border-color:var(--co-color-status-review);box-shadow:0 0 0 2px rgba(133, 87, 31, 0.12)}.co-input__helper--warning .co-input__helper-icon,.co-input__helper--warning .co-input__helper-text{color:var(--co-color-status-review)}.co-input--info .co-input__field{border-color:var(--co-semantic-status-info)}.co-input--info.co-input--focused .co-input__field{border-color:var(--co-semantic-status-info);box-shadow:0 0 0 2px rgba(45, 108, 197, 0.12)}.co-input__helper--info .co-input__helper-icon,.co-input__helper--info .co-input__helper-text{color:var(--co-semantic-status-info)}.co-field-required{margin-left:2px;color:var(--co-color-status-error)}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}@supports not (background: color-mix(in srgb, red, transparent)){.co-input__field{background:var(--co-semantic-surface-secondary)}}.co-input--fill .co-input__field{background:var(--co-color-gray-100, #f6f6f6);border:none;box-shadow:none;border-radius:10px;padding:0 12px;gap:var(--co-spacing-sm2);min-height:46px;font-size:13.5px;-webkit-backdrop-filter:none;backdrop-filter:none}.co-input--fill.co-input--s .co-input__field{min-height:38px}.co-input--fill.co-input--sm .co-input__field{min-height:42px}.co-input--fill.co-input--lg .co-input__field{min-height:52px}.co-input--fill .co-input__native{font-size:13.5px;font-family:var(--co-font-family-primary);letter-spacing:var(--co-font-letter-spacing-body)}.co-input--fill .co-input__native::placeholder{color:var(--co-color-gray-400, #a0a0a0)}.co-input--fill .co-input__icon{color:var(--co-color-gray-400, #a0a0a0)}.co-input--fill .co-input__clear{color:var(--co-color-gray-400, #a0a0a0)}.co-input--fill .co-input__clear:hover{color:var(--co-color-gray-600, #585858)}.co-input--fill.co-input--focused .co-input__field{border-color:transparent;box-shadow:none}"}},[257,"co-input",{label:[1],secondaryLabel:[1,"secondary-label"],placeholder:[1],value:[1025],helperText:[1,"helper-text"],disabled:[4],readonly:[4],clearable:[4],iconLeft:[1,"icon-left"],iconRight:[1,"icon-right"],layout:[513],type:[1],name:[1],required:[4],autoFocus:[4,"auto-focus"],autocomplete:[1],status:[1],size:[513],variant:[513],fill:[4],actionLabel:[1,"action-label"],actionIcon:[1,"action-icon"],hasFocus:[32],setFocus:[64]},void 0,{value:[{onValueChange:0}]}]);function r(){"undefined"!=typeof customElements&&["co-input","co-icon"].forEach((t=>{switch(t){case"co-input":customElements.get(i(t))||customElements.define(i(t),s);break;case"co-icon":customElements.get(i(t))||a()}}))}r();const l=s,p=r;export{l as CoInput,p as defineCustomElement}
+import{t,p as i,H as o,c as n,h as e}from"./index.js";import{R as c}from"./p-CWneqh4n.js";import{d as a}from"./p-DNJAIVfI.js";const s=i(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.coInput=n(this,"coInput",7),this.coChange=n(this,"coChange",7),this.coClear=n(this,"coClear",7),this.coFocus=n(this,"coFocus",7),this.coBlur=n(this,"coBlur",7),this.coAction=n(this,"coAction",7),this.placeholder="",this.value="",this.disabled=!1,this.readonly=!1,this.clearable=!1,this.layout="vertical",this.type="text",this.required=!1,this.autoFocus=!1,this.status="default",this.size="md",this.variant="default",this.fill=!1,this.hasFocus=!1,this.shaking=!1,this.handleInput=t=>{this.value=t.target.value,this.coInput.emit(this.value)},this.handleChange=()=>{this.coChange.emit(this.value)},this.handleFocus=()=>{this.hasFocus=!0,this.coFocus.emit()},this.handleBlur=()=>{this.hasFocus=!1,this.coBlur.emit()},this.handleKeyDown=t=>{if("Enter"===t.key){const t=this.el.closest("form");t&&t.requestSubmit()}},this.handleClear=()=>{var t;this.value="",this.coClear.emit(),this.coInput.emit(""),null===(t=this.inputEl)||void 0===t||t.focus()},this.handleAction=()=>{this.coAction.emit()},this.handleShakeEnd=t=>{"co-input-shake"===t.animationName&&(this.shaking=!1)}}onValueChange(t){if(!this.inputEl||this.hasFocus)return;const i=null==t?"":t+"";this.inputEl.value!==i&&(this.inputEl.value=i)}onStatusChange(t,i){"error"===t&&"error"!==i?this.shaking=!0:"error"!==t&&(this.shaking=!1)}async setFocus(){var t;null===(t=this.inputEl)||void 0===t||t.focus()}componentDidLoad(){var t;this.autoFocus&&(null===(t=this.inputEl)||void 0===t||t.focus())}get hasAction(){return!(!this.actionLabel&&!this.actionIcon)}get hasValue(){return null!=this.value&&""!==this.value}get statusFieldIcon(){switch(this.status){case"success":return"check";case"error":case"warning":return"warning";case"info":return"info";default:return null}}get helperIcon(){switch(this.status){case"error":case"warning":return"warning-circle";case"success":return"check-circle";case"info":return"info";default:return null}}renderFill(){const t=this.clearable&&this.hasValue&&!this.disabled&&!this.readonly,i=this.iconLeft||"magnifying-glass";return e("div",{class:{"co-input":!0,"co-input--fill":!0,["co-input--"+this.size]:!0,"co-input--disabled":this.disabled,"co-input--focused":this.hasFocus,"co-input--filled":this.hasValue},part:"wrapper"},e("div",{class:"co-input__field-row"},e("div",{class:"co-input__field",part:"field"},e("co-icon",{name:i,size:17,class:"co-input__icon co-input__icon--left"}),e("div",{class:"co-input__input-wrapper"},e("input",{ref:t=>this.inputEl=t,class:"co-input__native",type:this.type,name:this.name,value:this.value,placeholder:this.placeholder,disabled:this.disabled,readOnly:this.readonly,required:this.required,autoComplete:this.autocomplete,onInput:this.handleInput,onChange:this.handleChange,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeyDown:this.handleKeyDown,part:"input"})),this.clearable&&e("button",{class:{"co-input__clear":!0,"co-input__clear--hidden":!t},type:"button",tabIndex:-1,onClick:this.handleClear,"aria-label":"Clear input",part:"clear"},e("co-icon",{name:"x",size:14})))))}render(){if(this.fill)return this.renderFill();const t=this.clearable&&this.hasValue&&!this.disabled&&!this.readonly;return e("div",{class:{"co-input":!0,["co-input--"+this.layout]:!0,["co-input--"+this.size]:!0,"co-input--disabled":this.disabled,"co-input--focused":this.hasFocus,"co-input--filled":this.hasValue,["co-input--"+this.status]:"default"!==this.status,"co-input--has-action":this.hasAction,"co-input--flat":"flat"===this.variant,"co-input--shake":this.shaking},part:"wrapper"},(this.label||this.secondaryLabel)&&e("div",{class:"co-input__labels"},this.label&&e("label",{class:"co-input__label",part:"label"},this.label,e(c,{required:this.required})),this.secondaryLabel&&e("span",{class:"co-input__secondary-label",part:"secondary-label"},this.secondaryLabel)),e("div",{class:"co-input__field-row"},e("div",{class:"co-input__field",part:"field",onAnimationEnd:this.handleShakeEnd},this.iconLeft&&e("co-icon",{name:this.iconLeft,size:16,class:"co-input__icon co-input__icon--left"}),e("slot",{name:"chips"}),e("div",{class:"co-input__input-wrapper"},e("input",{ref:t=>this.inputEl=t,class:"co-input__native",type:this.type,name:this.name,value:this.value,placeholder:this.placeholder,disabled:this.disabled,readOnly:this.readonly,required:this.required,autoComplete:this.autocomplete,onInput:this.handleInput,onChange:this.handleChange,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeyDown:this.handleKeyDown,part:"input"})),this.clearable&&e("button",{class:{"co-input__clear":!0,"co-input__clear--hidden":!t},type:"button",tabIndex:-1,onClick:this.handleClear,"aria-label":"Clear input",part:"clear"},e("co-icon",{name:"x-circle",size:16,weight:"fill"})),this.iconRight&&e("co-icon",{name:this.iconRight,size:16,class:"co-input__icon co-input__icon--right"}),this.statusFieldIcon&&e("co-icon",{name:this.statusFieldIcon,size:16,class:"co-input__status-icon"}),e("slot",{name:"suffix"}),e("slot",null),e("slot",{name:"action"})),this.hasAction&&e("button",{class:"co-input__action",type:"button",onClick:this.handleAction,disabled:this.disabled,part:"action"},this.actionIcon&&e("co-icon",{name:this.actionIcon,size:16,class:"co-input__action-icon"}),this.actionLabel&&e("span",{class:"co-input__action-label"},this.actionLabel))),this.helperText&&e("div",{class:"co-input__helper co-input__helper--"+this.status,part:"helper"},this.helperIcon&&e("co-icon",{name:this.helperIcon,size:14,class:"co-input__helper-icon"}),e("span",{class:"co-input__helper-text"},this.helperText)))}get el(){return this}static get watchers(){return{value:[{onValueChange:0}],status:[{onStatusChange:0}]}}static get style(){return":host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-input{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-input{display:grid;grid-template-columns:var(--co-field-label-width, max-content) 1fr;align-items:start;column-gap:var(--co-spacing-md);row-gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-input__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-input__label{white-space:normal}:host([layout='horizontal']) .co-input>:not(.co-input__labels){grid-column:2;min-width:0}.co-input__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-input__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;cursor:default}.co-input__secondary-label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;text-align:right}.co-input__field-row{display:flex;align-items:stretch}.co-input__field{display:flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-sm2) var(--co-spacing-md);background:var(--co-semantic-surface-page);border:1px solid var(--co-semantic-border-field);border-radius:var(--co-border-radius-xs);transition:border-color var(--co-motion-duration-fast) var(--co-motion-ease-out), box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out);min-height:40px;box-sizing:border-box;overflow:hidden;flex:1;min-width:0}.co-input--flat .co-input__field{background:transparent;border-color:transparent}.co-input--s .co-input__field{min-height:28px;padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-input--sm .co-input__field{min-height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-14)}.co-input--lg .co-input__field{min-height:48px;padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-input--has-action .co-input__field{border-radius:var(--co-border-radius-xs) 0 0 var(--co-border-radius-xs);border-right:none}.co-input__field ::slotted([slot=\"action\"]){margin-left:auto;margin-right:calc(-1 * var(--co-spacing-md));margin-top:calc(-1 * var(--co-spacing-sm2));margin-bottom:calc(-1 * var(--co-spacing-sm2));border-radius:0 var(--co-border-radius-xs) var(--co-border-radius-xs) 0;flex-shrink:0}.co-input__field ::slotted([slot=\"chips\"]){display:flex;gap:var(--co-spacing-xxs);align-items:center;flex-wrap:wrap;min-width:0}.co-input__input-wrapper{flex:1;display:flex;align-items:center;min-width:0;min-height:22px;padding:0}.co-input__native{width:100%;border:none;outline:none;background:transparent;font-family:inherit;font-size:inherit;font-weight:400;letter-spacing:inherit;line-height:1;color:var(--co-semantic-text-default);padding:0;margin:0}.co-input__native::placeholder{color:var(--co-semantic-text-muted)}.co-input__native[type='number']::-webkit-inner-spin-button,.co-input__native[type='number']::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.co-input__native[type='number']{-moz-appearance:textfield;appearance:textfield}.co-input__icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-input__clear{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:16px;padding:0;margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);transition:color var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-input__clear--hidden{visibility:hidden;pointer-events:none}.co-input__clear:hover{color:var(--co-semantic-text-default)}.co-input__action{display:flex;align-items:center;gap:var(--co-spacing-sm);padding:var(--co-spacing-sm2) var(--co-spacing-md) var(--co-spacing-sm2) var(--co-spacing-sm2);background:var(--co-semantic-surface-primary);color:var(--co-semantic-on-primary);border:none;border-radius:0 var(--co-border-radius-xs) var(--co-border-radius-xs) 0;cursor:pointer;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;flex-shrink:0;transition:opacity var(--co-motion-duration-fast) var(--co-motion-ease-out);box-sizing:border-box}.co-input__action:hover{opacity:0.85}.co-input__action:disabled{opacity:0.4;cursor:not-allowed}.co-input__action-icon{display:flex;align-items:center;flex-shrink:0}.co-input__action-label{display:flex;align-items:center}.co-input__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-input__helper-icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-input__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1;letter-spacing:var(--co-font-letter-spacing-body)}.co-input--focused .co-input__field{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-input--disabled .co-input__labels .co-input__label,.co-input--disabled .co-input__labels .co-input__secondary-label{color:var(--co-semantic-text-disabled)}.co-input--disabled .co-input__field{background:var(--co-semantic-surface-disabled);border-color:transparent;cursor:not-allowed}.co-input--disabled .co-input__native{color:var(--co-semantic-text-disabled);cursor:not-allowed}.co-input--disabled .co-input__native::placeholder{color:var(--co-semantic-text-disabled)}.co-input--disabled .co-input__icon{color:var(--co-semantic-text-disabled)}.co-input__status-icon{flex-shrink:0;display:flex;align-items:center}.co-input--success .co-input__status-icon{color:var(--co-semantic-status-success)}.co-input--error .co-input__status-icon{color:var(--co-semantic-status-error)}.co-input--warning .co-input__status-icon{color:var(--co-color-status-review)}.co-input--info .co-input__status-icon{color:var(--co-semantic-status-info)}.co-input--error .co-input__field{border-color:var(--co-semantic-status-error)}.co-input--error.co-input--focused .co-input__field{border-color:var(--co-semantic-status-error);box-shadow:0 0 0 2px rgba(170, 46, 27, 0.12)}.co-input__helper--error .co-input__helper-icon,.co-input__helper--error .co-input__helper-text{color:var(--co-semantic-status-error)}.co-input--shake .co-input__field{animation:co-input-shake calc(var(--co-motion-duration-instant) * 3.5) var(--co-motion-ease-out) both}@keyframes co-input-shake{0%{transform:translateX(0);animation-timing-function:var(--co-motion-ease-out)}28.57%{transform:translateX(-6px);animation-timing-function:var(--co-motion-ease-out)}57.14%{transform:translateX(6px);animation-timing-function:var(--co-motion-ease-out)}78.57%{transform:translateX(-4px);animation-timing-function:var(--co-motion-ease-out)}100%{transform:translateX(0)}}.co-input--success .co-input__field{border-color:var(--co-semantic-status-success)}.co-input--success.co-input--focused .co-input__field{border-color:var(--co-semantic-status-success);box-shadow:0 0 0 2px rgba(10, 119, 36, 0.12)}.co-input__helper--success .co-input__helper-icon,.co-input__helper--success .co-input__helper-text{color:var(--co-semantic-status-success)}.co-input--warning .co-input__field{border-color:var(--co-color-status-review)}.co-input--warning.co-input--focused .co-input__field{border-color:var(--co-color-status-review);box-shadow:0 0 0 2px rgba(133, 87, 31, 0.12)}.co-input__helper--warning .co-input__helper-icon,.co-input__helper--warning .co-input__helper-text{color:var(--co-color-status-review)}.co-input--info .co-input__field{border-color:var(--co-semantic-status-info)}.co-input--info.co-input--focused .co-input__field{border-color:var(--co-semantic-status-info);box-shadow:0 0 0 2px rgba(45, 108, 197, 0.12)}.co-input__helper--info .co-input__helper-icon,.co-input__helper--info .co-input__helper-text{color:var(--co-semantic-status-info)}.co-field-required{margin-left:2px;color:var(--co-color-status-error)}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}@supports not (background: color-mix(in srgb, red, transparent)){.co-input__field{background:var(--co-semantic-surface-secondary)}}.co-input--fill .co-input__field{background:var(--co-color-gray-100, #f6f6f6);border:none;box-shadow:none;border-radius:10px;padding:0 12px;gap:var(--co-spacing-sm2);min-height:46px;font-size:13.5px;-webkit-backdrop-filter:none;backdrop-filter:none}.co-input--fill.co-input--s .co-input__field{min-height:38px}.co-input--fill.co-input--sm .co-input__field{min-height:42px}.co-input--fill.co-input--lg .co-input__field{min-height:52px}.co-input--fill .co-input__native{font-size:13.5px;font-family:var(--co-font-family-primary);letter-spacing:var(--co-font-letter-spacing-body)}.co-input--fill .co-input__native::placeholder{color:var(--co-color-gray-400, #a0a0a0)}.co-input--fill .co-input__icon{color:var(--co-color-gray-400, #a0a0a0)}.co-input--fill .co-input__clear{color:var(--co-color-gray-400, #a0a0a0)}.co-input--fill .co-input__clear:hover{color:var(--co-color-gray-600, #585858)}.co-input--fill.co-input--focused .co-input__field{border-color:transparent;box-shadow:none}"}},[257,"co-input",{label:[1],secondaryLabel:[1,"secondary-label"],placeholder:[1],value:[1025],helperText:[1,"helper-text"],disabled:[4],readonly:[4],clearable:[4],iconLeft:[1,"icon-left"],iconRight:[1,"icon-right"],layout:[513],type:[1],name:[1],required:[4],autoFocus:[4,"auto-focus"],autocomplete:[1],status:[1],size:[513],variant:[513],fill:[4],actionLabel:[1,"action-label"],actionIcon:[1,"action-icon"],hasFocus:[32],shaking:[32],setFocus:[64]},void 0,{value:[{onValueChange:0}],status:[{onStatusChange:0}]}]);function r(){"undefined"!=typeof customElements&&["co-input","co-icon"].forEach((i=>{switch(i){case"co-input":customElements.get(t(i))||customElements.define(t(i),s);break;case"co-icon":customElements.get(t(i))||a()}}))}r();const l=s,p=r;export{l as CoInput,p as defineCustomElement}

package/dist/components/co-json-field.js

@@ -1 +1 @@
-import{t as e,p as o,H as i,c as s,h as t}from"./index.js";import{R as a}from"./p-CWneqh4n.js";import{d as c}from"./p-Dj1EZ5qD.js";const n=o(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coInput=s(this,"coInput",7),this.coChange=s(this,"coChange",7),this.coValidity=s(this,"coValidity",7),this.coFocus=s(this,"coFocus",7),this.coBlur=s(this,"coBlur",7),this.value="",this.placeholder="{ }",this.required=!1,this.disabled=!1,this.readonly=!1,this.rows=8,this.status="default",this.invalidMessage="Invalid JSON",this.layout="vertical",this.size="md",this.draft="",this.internalInvalid=!1,this.hasFocus=!1,this.handleInput=e=>{this.draft=e.target.value,this.validate(!0),this.coInput.emit(this.draft)},this.handleFocus=()=>{this.hasFocus=!0,this.coFocus.emit()},this.handleBlur=()=>{this.hasFocus=!1,this.value=this.draft,this.coChange.emit(this.draft),this.coBlur.emit()}}componentWillLoad(){var e;this.draft=null!==(e=this.value)&&void 0!==e?e:"",this.validate(!1)}onValueChange(){var e;this.hasFocus||(this.draft=null!==(e=this.value)&&void 0!==e?e:"",this.validate(!1))}get isInvalid(){return"error"===this.status||this.internalInvalid}validate(e){const o=this.draft.trim(),i=""===o||this.tryParse(o);return!i!==this.internalInvalid&&(this.internalInvalid=!i,e&&this.coValidity.emit({valid:i,message:i?void 0:this.invalidMessage})),i}tryParse(e){try{return JSON.parse(e),!0}catch(e){return!1}}render(){const e=this.internalInvalid?this.invalidMessage:this.helperText,o="default"!==this.status?"co-json-field--"+this.status:"";return t("div",{key:"5b2311f320820573ac6f7fb501b1a566e1e640fb",class:{"co-json-field":!0,"co-json-field--disabled":this.disabled,"co-json-field--focused":this.hasFocus,"co-json-field--invalid":this.isInvalid,["co-json-field--"+this.size]:!0,[o]:!!o},part:"wrapper"},this.label&&t("div",{key:"98b624bc8d99515a83f19df185207ae696dcb943",class:"co-json-field__labels"},t("label",{key:"cfdccd9cedd268e5c8074b9f68c06618cf7d222d",class:"co-json-field__label",part:"label"},this.label,t(a,{key:"eb659605e09458ba403de648c4d499f08e899e90",required:this.required}))),t("div",{key:"25cc5eb6b413f4d2f3e57154849adc2e91d23cea",class:"co-json-field__field",part:"field"},t("textarea",{key:"5739bc7a9f45853d0c553bc03459028fb9225e1e",class:"co-json-field__native",rows:this.rows,spellcheck:!1,autocomplete:"off",value:this.draft,placeholder:this.placeholder,disabled:this.disabled,readOnly:this.readonly,required:this.required,"aria-invalid":this.isInvalid?"true":"false","aria-label":this.label?void 0:"JSON",onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,part:"input"})),this.name&&t("input",{key:"2a49f930780920205b51403271c86e2a7d49908f",type:"hidden",name:this.name,value:this.draft}),e&&t("div",{key:"3ffa24824f850162de4e3dbdf12535f35ccdb864",class:{"co-json-field__helper":!0,"co-json-field__helper--error":this.isInvalid},part:"helper"},this.isInvalid&&t("co-icon",{key:"f01083ead8818bdb50e0579f6805ab3c07d5829f",name:"warning-circle",size:14,class:"co-json-field__helper-icon"}),t("span",{key:"02d8146ec67d84171bb21ce58838e4ef9cc6391c",class:"co-json-field__helper-text"},e)))}get el(){return this}static get watchers(){return{value:[{onValueChange:0}]}}static get style(){return":host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-json-field{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-json-field__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-json-field__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;cursor:default}.co-field-required{margin-left:2px;color:var(--co-color-status-error)}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}.co-json-field__field{display:flex;background:var(--co-semantic-surface-page);border:1px solid var(--co-semantic-border-field);border-radius:var(--co-border-radius-xs);transition:border-color var(--co-motion-duration-fast) var(--co-motion-ease-out), box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out);box-sizing:border-box;overflow:hidden}.co-json-field__native{width:100%;resize:vertical;border:none;outline:none;background:transparent;font-family:var(--co-font-family-mono, monospace);font-size:var(--co-font-size-13, 13px);font-weight:400;line-height:1.5;color:var(--co-semantic-text-default);padding:var(--co-spacing-sm2) var(--co-spacing-md);margin:0;box-sizing:border-box;tab-size:2}.co-json-field__native::placeholder{color:var(--co-semantic-text-muted)}.co-json-field--s .co-json-field__native{padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12, 12px)}.co-json-field--sm .co-json-field__native{padding:var(--co-spacing-xs) var(--co-spacing-sm)}.co-json-field--lg .co-json-field__native{padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-14)}.co-json-field__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-json-field__helper-icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-json-field__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1;letter-spacing:var(--co-font-letter-spacing-body)}.co-json-field--focused .co-json-field__field{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-json-field--disabled{opacity:0.6;pointer-events:none}.co-json-field--disabled .co-json-field__field{background:var(--co-semantic-surface-disabled);border-color:transparent}.co-json-field--invalid .co-json-field__field,.co-json-field--error .co-json-field__field{border-color:var(--co-semantic-status-error)}.co-json-field--invalid.co-json-field--focused .co-json-field__field,.co-json-field--error.co-json-field--focused .co-json-field__field{border-color:var(--co-semantic-status-error);box-shadow:0 0 0 2px rgba(170, 46, 27, 0.12)}.co-json-field__helper--error .co-json-field__helper-icon,.co-json-field__helper--error .co-json-field__helper-text{color:var(--co-semantic-status-error)}:host([layout='horizontal']) .co-json-field{display:grid;grid-template-columns:var(--co-field-label-width, max-content) 1fr;align-items:start;column-gap:var(--co-spacing-md);row-gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-json-field__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-json-field__label{white-space:normal}:host([layout='horizontal']) .co-json-field>:not(.co-json-field__labels){grid-column:2;min-width:0}"}},[1,"co-json-field",{value:[1025],label:[1],placeholder:[1],name:[1],required:[4],disabled:[4],readonly:[4],rows:[2],status:[1],helperText:[1,"helper-text"],invalidMessage:[1,"invalid-message"],layout:[513],size:[513],draft:[32],internalInvalid:[32],hasFocus:[32]},void 0,{value:[{onValueChange:0}]}]);function r(){"undefined"!=typeof customElements&&["co-json-field","co-icon"].forEach((o=>{switch(o){case"co-json-field":customElements.get(e(o))||customElements.define(e(o),n);break;case"co-icon":customElements.get(e(o))||c()}}))}r();const l=n,d=r;export{l as CoJsonField,d as defineCustomElement}
+import{t as e,p as o,H as i,c as s,h as t}from"./index.js";import{R as a}from"./p-CWneqh4n.js";import{d as c}from"./p-DNJAIVfI.js";const n=o(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coInput=s(this,"coInput",7),this.coChange=s(this,"coChange",7),this.coValidity=s(this,"coValidity",7),this.coFocus=s(this,"coFocus",7),this.coBlur=s(this,"coBlur",7),this.value="",this.placeholder="{ }",this.required=!1,this.disabled=!1,this.readonly=!1,this.rows=8,this.status="default",this.invalidMessage="Invalid JSON",this.layout="vertical",this.size="md",this.draft="",this.internalInvalid=!1,this.hasFocus=!1,this.handleInput=e=>{this.draft=e.target.value,this.validate(!0),this.coInput.emit(this.draft)},this.handleFocus=()=>{this.hasFocus=!0,this.coFocus.emit()},this.handleBlur=()=>{this.hasFocus=!1,this.value=this.draft,this.coChange.emit(this.draft),this.coBlur.emit()}}componentWillLoad(){var e;this.draft=null!==(e=this.value)&&void 0!==e?e:"",this.validate(!1)}onValueChange(){var e;this.hasFocus||(this.draft=null!==(e=this.value)&&void 0!==e?e:"",this.validate(!1))}get isInvalid(){return"error"===this.status||this.internalInvalid}validate(e){const o=this.draft.trim(),i=""===o||this.tryParse(o);return!i!==this.internalInvalid&&(this.internalInvalid=!i,e&&this.coValidity.emit({valid:i,message:i?void 0:this.invalidMessage})),i}tryParse(e){try{return JSON.parse(e),!0}catch(e){return!1}}render(){const e=this.internalInvalid?this.invalidMessage:this.helperText,o="default"!==this.status?"co-json-field--"+this.status:"";return t("div",{key:"6e303939542b1c400432876149a7f7cf94dbfad4",class:{"co-json-field":!0,"co-json-field--disabled":this.disabled,"co-json-field--focused":this.hasFocus,"co-json-field--invalid":this.isInvalid,["co-json-field--"+this.size]:!0,[o]:!!o},part:"wrapper"},this.label&&t("div",{key:"77c4793e6755c159d70943be68d94dc9a8f6f82c",class:"co-json-field__labels"},t("label",{key:"fa060ddb64fea5a78f339cf10ff46b8bbc3f6c9c",class:"co-json-field__label",part:"label"},this.label,t(a,{key:"fd130517bb57f0b5c012f39e61cd4ef905c34b42",required:this.required}))),t("div",{key:"752bccc5c2193a81ef174415b0e22936d1729914",class:"co-json-field__field",part:"field"},t("textarea",{key:"397b3e80d4d252c55f55d9e6c444083f8ee2a28a",class:"co-json-field__native",rows:this.rows,spellcheck:!1,autocomplete:"off",value:this.draft,placeholder:this.placeholder,disabled:this.disabled,readOnly:this.readonly,required:this.required,"aria-invalid":this.isInvalid?"true":"false","aria-label":this.label?void 0:"JSON",onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,part:"input"})),this.name&&t("input",{key:"8d658f97252824dce51a262c19e251b664de9c4e",type:"hidden",name:this.name,value:this.draft}),e&&t("div",{key:"857a97a47b5a88b0a778680329670b474ff1eac1",class:{"co-json-field__helper":!0,"co-json-field__helper--error":this.isInvalid},part:"helper"},this.isInvalid&&t("co-icon",{key:"df90fefaedba9e8340b1fbfd19dd8350ab8e26af",name:"warning-circle",size:14,class:"co-json-field__helper-icon"}),t("span",{key:"3ba614c007e38009f7cda47be0d705d63397359f",class:"co-json-field__helper-text"},e)))}get el(){return this}static get watchers(){return{value:[{onValueChange:0}]}}static get style(){return":host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-json-field{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-json-field__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-json-field__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;cursor:default}.co-field-required{margin-left:2px;color:var(--co-color-status-error)}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}.co-json-field__field{display:flex;background:var(--co-semantic-surface-page);border:1px solid var(--co-semantic-border-field);border-radius:var(--co-border-radius-xs);transition:border-color var(--co-motion-duration-fast) var(--co-motion-ease-out), box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out);box-sizing:border-box;overflow:hidden}.co-json-field__native{width:100%;resize:vertical;border:none;outline:none;background:transparent;font-family:var(--co-font-family-mono, monospace);font-size:var(--co-font-size-13, 13px);font-weight:400;line-height:1.5;color:var(--co-semantic-text-default);padding:var(--co-spacing-sm2) var(--co-spacing-md);margin:0;box-sizing:border-box;tab-size:2}.co-json-field__native::placeholder{color:var(--co-semantic-text-muted)}.co-json-field--s .co-json-field__native{padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12, 12px)}.co-json-field--sm .co-json-field__native{padding:var(--co-spacing-xs) var(--co-spacing-sm)}.co-json-field--lg .co-json-field__native{padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-14)}.co-json-field__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-json-field__helper-icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-json-field__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1;letter-spacing:var(--co-font-letter-spacing-body)}.co-json-field--focused .co-json-field__field{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-json-field--disabled{opacity:0.6;pointer-events:none}.co-json-field--disabled .co-json-field__field{background:var(--co-semantic-surface-disabled);border-color:transparent}.co-json-field--invalid .co-json-field__field,.co-json-field--error .co-json-field__field{border-color:var(--co-semantic-status-error)}.co-json-field--invalid.co-json-field--focused .co-json-field__field,.co-json-field--error.co-json-field--focused .co-json-field__field{border-color:var(--co-semantic-status-error);box-shadow:0 0 0 2px rgba(170, 46, 27, 0.12)}.co-json-field__helper--error .co-json-field__helper-icon,.co-json-field__helper--error .co-json-field__helper-text{color:var(--co-semantic-status-error)}:host([layout='horizontal']) .co-json-field{display:grid;grid-template-columns:var(--co-field-label-width, max-content) 1fr;align-items:start;column-gap:var(--co-spacing-md);row-gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-json-field__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-json-field__label{white-space:normal}:host([layout='horizontal']) .co-json-field>:not(.co-json-field__labels){grid-column:2;min-width:0}"}},[1,"co-json-field",{value:[1025],label:[1],placeholder:[1],name:[1],required:[4],disabled:[4],readonly:[4],rows:[2],status:[1],helperText:[1,"helper-text"],invalidMessage:[1,"invalid-message"],layout:[513],size:[513],draft:[32],internalInvalid:[32],hasFocus:[32]},void 0,{value:[{onValueChange:0}]}]);function r(){"undefined"!=typeof customElements&&["co-json-field","co-icon"].forEach((o=>{switch(o){case"co-json-field":customElements.get(e(o))||customElements.define(e(o),n);break;case"co-icon":customElements.get(e(o))||c()}}))}r();const l=n,d=r;export{l as CoJsonField,d as defineCustomElement}

package/dist/components/co-lightbox.js

@@ -1 +1 @@
-import{C as o,d as s}from"./p-BTQEg3UO.js";const p=o,r=s;export{p as CoLightbox,r as defineCustomElement}
+import{C as o,d as s}from"./p-Be_kyNRE.js";const p=o,r=s;export{p as CoLightbox,r as defineCustomElement}

package/dist/components/co-list-footer.js

@@ -1 +1 @@
-import{C as s,d as o}from"./p-CA_JAK9s.js";const p=s,r=o;export{p as CoListFooter,r as defineCustomElement}
+import{C as o,d as s}from"./p-CT2enQ6h.js";const p=o,r=s;export{p as CoListFooter,r as defineCustomElement}

package/dist/components/co-list-item.js

@@ -1 +1 @@
-import{t,p as e,H as i,c as s,h as o}from"./index.js";import{d as c}from"./p-Dj1EZ5qD.js";import{d as a}from"./p-gI62K3Be.js";const n=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.coSelect=s(this,"coSelect",7),this.selected=!1,this.disabled=!1,this.dense=!1,this.labelTruncated=!1,this.descTruncated=!1,this.measureTruncation=()=>{const t=!!this.labelEl&&this.labelEl.scrollWidth>this.labelEl.clientWidth+1,e=!!this.descEl&&this.descEl.scrollWidth>this.descEl.clientWidth+1;t!==this.labelTruncated&&(this.labelTruncated=t),e!==this.descTruncated&&(this.descTruncated=e)},this.handleClick=()=>{this.disabled||this.coSelect.emit()},this.handleKeyDown=t=>{this.disabled||"Enter"!==t.key&&" "!==t.key&&"Spacebar"!==t.key||(t.preventDefault(),this.coSelect.emit())}}componentDidLoad(){"undefined"!=typeof ResizeObserver&&(this.ro=new ResizeObserver((()=>this.measureTruncation())),this.labelEl&&this.ro.observe(this.labelEl),this.descEl&&this.ro.observe(this.descEl)),this.measureTruncation()}disconnectedCallback(){var t;null===(t=this.ro)||void 0===t||t.disconnect(),this.ro=void 0}onTextChange(){requestAnimationFrame(this.measureTruncation)}render(){return o("div",{key:"4f75f2a1f42dea993a9b6fa7fe922bed8cbac7e5",class:{"co-list-item":!0,"co-list-item--selected":this.selected,"co-list-item--disabled":this.disabled,"co-list-item--dense":this.dense,"co-list-item--has-description":!!this.description},part:"item",role:"option",tabindex:this.disabled?-1:0,"aria-selected":this.selected?"true":"false","aria-disabled":this.disabled?"true":"false",onClick:this.handleClick,onKeyDown:this.handleKeyDown},o("span",{key:"f4da4a9cfc3685cd3124c95308857353729fe71e",class:"co-list-item__prefix"},this.icon&&o("co-icon",{key:"640630cb8639d9b897734ceb4fa91b6eddd2a432",name:this.icon,size:18}),o("slot",{key:"300cfc7354b11bce7c94a349d2ec0c6d58bc00da",name:"prefix"})),o("div",{key:"7278c5c18ce4f390e31fc2af8f360de91c2ca644",class:"co-list-item__content"},this.label&&o("co-tooltip",{key:"fb1a48e2364bd34d1940cddda3402c8a114720cc",block:!0,class:"co-list-item__tip",content:this.label,placement:"top",disabled:!this.labelTruncated},o("span",{key:"4079eb57702d8faa93f6dab67ddf3024ba2fea15",class:"co-list-item__label",ref:t=>{this.labelEl=t,t&&this.ro&&this.ro.observe(t)}},this.label)),this.description&&o("co-tooltip",{key:"b40df7e5bec902fad45f79e2984b226302b68d5f",block:!0,class:"co-list-item__tip",content:this.description,placement:"top",disabled:!this.descTruncated},o("span",{key:"2af014c92bbf2d596f7fd78d73309f6cb7813047",class:"co-list-item__description",ref:t=>{this.descEl=t,t&&this.ro&&this.ro.observe(t)}},this.description)),o("slot",{key:"1066c2e56c9855d77e28d891b77602988e70aba4"})),o("span",{key:"c6413614311416a7d06681c7d381a004dfd9891b",class:"co-list-item__suffix"},o("slot",{key:"aff9146f80c9b61c42e1da3926b7b6b8a7eaf1f7",name:"suffix"})))}get el(){return this}static get watchers(){return{label:[{onTextChange:0}],description:[{onTextChange:0}]}}static get style(){return":host{display:block}.co-list-item{display:flex;align-items:center;gap:var(--co-spacing-md);padding:var(--co-spacing-md) var(--co-spacing-lg);font-family:var(--co-font-family-primary);cursor:pointer;border-radius:var(--co-border-radius-sm);transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out);box-sizing:border-box;min-height:40px}.co-list-item--dense{gap:var(--co-spacing-sm);padding:6px var(--co-spacing-sm);border-radius:var(--co-border-radius-xxs);min-height:32px}.co-list-item--dense .co-list-item__label{font-size:var(--co-font-size-14)}.co-list-item:hover:not(.co-list-item--disabled){background:var(--co-semantic-surface-hover)}.co-list-item:focus-visible{outline:none;box-shadow:0 0 0 2px var(--co-semantic-border-focus)}.co-list-item--selected{background:var(--co-semantic-surface-muted)}.co-list-item--disabled{opacity:0.4;cursor:not-allowed}.co-list-item__prefix,.co-list-item__suffix{display:flex;align-items:center;gap:var(--co-spacing-sm);flex-shrink:0;color:var(--co-semantic-text-muted)}.co-list-item__prefix:empty,.co-list-item__suffix:empty{display:none}.co-list-item__content{display:flex;flex-direction:column;flex:1;min-width:0}.co-list-item__content>.co-list-item__tip{min-width:0;max-width:100%}.co-list-item__label{display:block;font-size:var(--co-font-size-14);font-weight:400;color:var(--co-semantic-text-default);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-list-item__description{display:block;font-size:var(--co-font-size-12);color:var(--co-semantic-text-muted);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}"}},[257,"co-list-item",{label:[1],description:[1],icon:[1],selected:[516],disabled:[4],dense:[516],labelTruncated:[32],descTruncated:[32]},void 0,{label:[{onTextChange:0}],description:[{onTextChange:0}]}]);function l(){"undefined"!=typeof customElements&&["co-list-item","co-icon","co-tooltip"].forEach((e=>{switch(e){case"co-list-item":customElements.get(t(e))||customElements.define(t(e),n);break;case"co-icon":customElements.get(t(e))||c();break;case"co-tooltip":customElements.get(t(e))||a()}}))}l();const d=n,r=l;export{d as CoListItem,r as defineCustomElement}
+import{t as e,p as t,H as i,c as s,h as o}from"./index.js";import{d as c}from"./p-DNJAIVfI.js";import{d as a}from"./p-DIo66nBr.js";const n=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coSelect=s(this,"coSelect",7),this.selected=!1,this.disabled=!1,this.dense=!1,this.labelTruncated=!1,this.descTruncated=!1,this.measureTruncation=()=>{const e=!!this.labelEl&&this.labelEl.scrollWidth>this.labelEl.clientWidth+1,t=!!this.descEl&&this.descEl.scrollWidth>this.descEl.clientWidth+1;e!==this.labelTruncated&&(this.labelTruncated=e),t!==this.descTruncated&&(this.descTruncated=t)},this.handleClick=()=>{this.disabled||this.coSelect.emit()},this.handleKeyDown=e=>{this.disabled||"Enter"!==e.key&&" "!==e.key&&"Spacebar"!==e.key||(e.preventDefault(),this.coSelect.emit())}}componentDidLoad(){"undefined"!=typeof ResizeObserver&&(this.ro=new ResizeObserver((()=>this.measureTruncation())),this.labelEl&&this.ro.observe(this.labelEl),this.descEl&&this.ro.observe(this.descEl)),this.measureTruncation()}disconnectedCallback(){var e;null===(e=this.ro)||void 0===e||e.disconnect(),this.ro=void 0}onTextChange(){requestAnimationFrame(this.measureTruncation)}render(){return o("div",{key:"23cfee682f0e7d3a22ca793b9e6b29eb89cf8ca1",class:{"co-list-item":!0,"co-list-item--selected":this.selected,"co-list-item--disabled":this.disabled,"co-list-item--dense":this.dense,"co-list-item--has-description":!!this.description},part:"item",role:"option",tabindex:this.disabled?-1:0,"aria-selected":this.selected?"true":"false","aria-disabled":this.disabled?"true":"false",onClick:this.handleClick,onKeyDown:this.handleKeyDown},o("span",{key:"a0f3c86656e408225fdbfeb610a088f8adebfa55",class:"co-list-item__prefix"},this.icon&&o("co-icon",{key:"18be77a790afd7b83f8ad07c9af5925abed4f23b",name:this.icon,size:18}),o("slot",{key:"2e198e4c541e1c86c6c266cf93408e195c851428",name:"prefix"})),o("div",{key:"cbb5768d0a7bb287dbab1e013ae5e03ff2194a1f",class:"co-list-item__content"},this.label&&o("co-tooltip",{key:"79730131bb1a74660d6dba076b622358b7c1ee15",block:!0,class:"co-list-item__tip",content:this.label,placement:"top",disabled:!this.labelTruncated},o("span",{key:"778b003dc31bc196a770a7dc6c4eebe649faf8c3",class:"co-list-item__label",ref:e=>{this.labelEl=e,e&&this.ro&&this.ro.observe(e)}},this.label)),this.description&&o("co-tooltip",{key:"56c81304ceec7039a659c1e2443a17df48bf88eb",block:!0,class:"co-list-item__tip",content:this.description,placement:"top",disabled:!this.descTruncated},o("span",{key:"5f1f870da25778bfbe801cfb769319cff71fac75",class:"co-list-item__description",ref:e=>{this.descEl=e,e&&this.ro&&this.ro.observe(e)}},this.description)),o("slot",{key:"136ec5db83f4d2a77126d734ecac511c92b36d91"})),o("span",{key:"759b18ea3bedcb7b7b8023cb6ca1444fbacb5748",class:"co-list-item__suffix"},o("slot",{key:"c6519a183c1b7cdb84e4d822a5e2fa523a99ab52",name:"suffix"})))}get el(){return this}static get watchers(){return{label:[{onTextChange:0}],description:[{onTextChange:0}]}}static get style(){return":host{display:block}.co-list-item{display:flex;align-items:center;gap:var(--co-spacing-md);padding:var(--co-spacing-md) var(--co-spacing-lg);font-family:var(--co-font-family-primary);cursor:pointer;border-radius:var(--co-border-radius-sm);transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out);box-sizing:border-box;min-height:40px}.co-list-item--dense{gap:var(--co-spacing-sm);padding:6px var(--co-spacing-sm);border-radius:var(--co-border-radius-xxs);min-height:32px}.co-list-item--dense .co-list-item__label{font-size:var(--co-font-size-14)}.co-list-item:hover:not(.co-list-item--disabled){background:var(--co-semantic-surface-hover)}.co-list-item:focus-visible{outline:none;box-shadow:0 0 0 2px var(--co-semantic-border-focus)}.co-list-item--selected{background:var(--co-semantic-surface-muted)}.co-list-item--disabled{opacity:0.4;cursor:not-allowed}.co-list-item__prefix,.co-list-item__suffix{display:flex;align-items:center;gap:var(--co-spacing-sm);flex-shrink:0;color:var(--co-semantic-text-muted)}.co-list-item__prefix:empty,.co-list-item__suffix:empty{display:none}.co-list-item__content{display:flex;flex-direction:column;flex:1;min-width:0}.co-list-item__content>.co-list-item__tip{min-width:0;max-width:100%}.co-list-item__label{display:block;font-size:var(--co-font-size-14);font-weight:400;color:var(--co-semantic-text-default);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-list-item__description{display:block;font-size:var(--co-font-size-12);color:var(--co-semantic-text-muted);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}"}},[257,"co-list-item",{label:[1],description:[1],icon:[1],selected:[516],disabled:[4],dense:[516],labelTruncated:[32],descTruncated:[32]},void 0,{label:[{onTextChange:0}],description:[{onTextChange:0}]}]);function l(){"undefined"!=typeof customElements&&["co-list-item","co-icon","co-tooltip"].forEach((t=>{switch(t){case"co-list-item":customElements.get(e(t))||customElements.define(e(t),n);break;case"co-icon":customElements.get(e(t))||c();break;case"co-tooltip":customElements.get(e(t))||a()}}))}l();const r=n,d=l;export{r as CoListItem,d as defineCustomElement}

package/dist/components/co-media-thumb.js

@@ -1 +1 @@
-import{t as e,p as t,H as i,h as a}from"./index.js";const s=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.video=!1,this.height="132px",this.radius=10}toCss(e){if("number"==typeof e)return e+"px";const t=(e+"").trim();return/^-?\d*\.?\d+$/.test(t)?t+"px":t}render(){var e;return a("div",{key:"12fa10a5ad7d6148b1dfbbe0c0e176770c87674e",class:{"co-media-thumb":!0,"co-media-thumb--video":this.video},part:"thumb",style:{height:this.toCss(this.height),borderRadius:this.radius+"px"}},this.src?a("img",{class:"co-media-thumb__img",src:this.src,alt:null!==(e=this.alt)&&void 0!==e?e:"",part:"img"}):a("slot",null),this.video&&a("div",{key:"d361913b211494e36be8f84eadd3e79087c97453",class:"co-media-thumb__scrim",part:"scrim"},a("div",{key:"ca2ee329750c62c701026b9e42e9983ca9dd3c11",class:"co-media-thumb__play",part:"play"},a("svg",{key:"e6b20bcfd2bd8862ab4bccf71da18222534650dd",class:"co-media-thumb__play-icon",width:"16",height:"18",viewBox:"0 0 16 18",fill:"none","aria-hidden":"true"},a("path",{key:"8a197ade5ab1afc39e4ffcd19b44b44933efffa6",d:"M2 2l12 7-12 7z",fill:"var(--co-color-base-negro, #1f1c1b)"})))))}static get style(){return":host{display:block}.co-media-thumb{position:relative;overflow:hidden;width:100%;background:var(--co-color-gray-100, #f6f6f6);box-sizing:border-box}.co-media-thumb__img{width:100%;height:100%;object-fit:cover;display:block}.co-media-thumb__scrim{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(31, 28, 27, 0.28)}.co-media-thumb__play{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:rgba(255, 255, 255, 0.92)}.co-media-thumb__play-icon{display:block;margin-left:2px;}"}},[257,"co-media-thumb",{src:[1],video:[4],height:[8],radius:[2],alt:[1]}]);function c(){"undefined"!=typeof customElements&&["co-media-thumb"].forEach((t=>{"co-media-thumb"===t&&(customElements.get(e(t))||customElements.define(e(t),s))}))}c();const o=s,d=c;export{o as CoMediaThumb,d as defineCustomElement}
+import{t as e,p as t,H as i,h as s}from"./index.js";const o=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.video=!1,this.height="132px",this.radius=10}toCss(e){if("number"==typeof e)return e+"px";const t=(e+"").trim();return/^-?\d*\.?\d+$/.test(t)?t+"px":t}render(){var e;return s("div",{key:"acd021eb5ebcc987eeb1528b874fdbdfa48f8b52",class:{"co-media-thumb":!0,"co-media-thumb--video":this.video},part:"thumb",style:{height:this.toCss(this.height),borderRadius:this.radius+"px"}},this.src?s("img",{class:"co-media-thumb__img",src:this.src,alt:null!==(e=this.alt)&&void 0!==e?e:"",part:"img"}):s("slot",null),this.video&&s("div",{key:"a6ec84bed9d75673b7b917b2cb513f01545d5bf2",class:"co-media-thumb__scrim",part:"scrim"},s("div",{key:"9ce636bf0a3d9e53eb271803fc0bbd60f4314989",class:"co-media-thumb__play",part:"play"},s("svg",{key:"07016dfed6ee4ff793650d830f152d2555731550",class:"co-media-thumb__play-icon",width:"16",height:"18",viewBox:"0 0 16 18",fill:"none","aria-hidden":"true"},s("path",{key:"825b3921b94248f28b30ce91b63525fd2fda5b35",d:"M2 2l12 7-12 7z",fill:"var(--co-color-base-negro, #1f1c1b)"})))))}static get style(){return":host{display:block}.co-media-thumb{position:relative;overflow:hidden;width:100%;background:var(--co-color-gray-100, #f6f6f6);box-sizing:border-box}.co-media-thumb__img{width:100%;height:100%;object-fit:cover;display:block}.co-media-thumb__scrim{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(31, 28, 27, 0.28)}.co-media-thumb__play{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:rgba(255, 255, 255, 0.92)}.co-media-thumb__play-icon{display:block;margin-left:2px;}"}},[257,"co-media-thumb",{src:[1],video:[4],height:[8],radius:[2],alt:[1]}]);function a(){"undefined"!=typeof customElements&&["co-media-thumb"].forEach((t=>{"co-media-thumb"===t&&(customElements.get(e(t))||customElements.define(e(t),o))}))}a();const c=o,d=a;export{c as CoMediaThumb,d as defineCustomElement}

package/dist/components/co-menu-divider.js

@@ -1 +1 @@
-import{t as e,p as r,H as s,h as t}from"./index.js";const o=r(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return t("hr",{key:"be5b2213b3e1d8bf8a0b3c238de90598117b5fce",class:"co-menu-divider",role:"separator"})}static get style(){return":host{display:block}.co-menu-divider{border:0;border-top:1px solid var(--co-semantic-border-subtle, rgba(31, 28, 27, 0.08));margin:var(--co-spacing-xs, 4px) 0}"}},[1,"co-menu-divider"]);function c(){"undefined"!=typeof customElements&&["co-menu-divider"].forEach((r=>{"co-menu-divider"===r&&(customElements.get(e(r))||customElements.define(e(r),o))}))}c();const n=o,d=c;export{n as CoMenuDivider,d as defineCustomElement}
+import{t as e,p as r,H as s,h as t}from"./index.js";const o=r(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return t("hr",{key:"9896239f2395bd79f45309fb61e0a0173572947a",class:"co-menu-divider",role:"separator"})}static get style(){return":host{display:block}.co-menu-divider{border:0;border-top:1px solid var(--co-semantic-border-subtle, rgba(31, 28, 27, 0.08));margin:var(--co-spacing-xs, 4px) 0}"}},[1,"co-menu-divider"]);function n(){"undefined"!=typeof customElements&&["co-menu-divider"].forEach((r=>{"co-menu-divider"===r&&(customElements.get(e(r))||customElements.define(e(r),o))}))}n();const i=o,c=n;export{i as CoMenuDivider,c as defineCustomElement}

package/dist/components/co-menu-item.js

@@ -1 +1 @@
-import{t as e,p as i,H as t,c as o,h as s}from"./index.js";import{d as n}from"./p-Dj1EZ5qD.js";import{d as c}from"./p-DP0bbhfN.js";const a=i(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coSelect=o(this,"coSelect",7),this.coMenuSelect=o(this,"coMenuSelect",7),this.dense=!1,this.selected=!1,this.trailingCheck=!1,this.disabled=!1,this.variant="default",this.hasSubmenu=!1,this.submenuOpen=!1,this.handleClick=e=>{if(!this.disabled){if(this.hasSubmenu)return e.stopPropagation(),void this.openSubmenu();this.coSelect.emit(),this.coMenuSelect.emit()}},this.handleKeydown=e=>{var i;this.disabled||("Enter"===e.key||" "===e.key?(e.preventDefault(),this.handleClick(e)):"ArrowRight"===e.key&&this.hasSubmenu?(e.preventDefault(),this.openSubmenu(),requestAnimationFrame((()=>{var e;const i=this.el.querySelector("co-menu-item");null===(e=null==i?void 0:i.focusItem)||void 0===e||e.call(i)}))):"ArrowLeft"===e.key&&this.submenuOpen&&(e.preventDefault(),this.submenuOpen=!1,null===(i=this.rowEl)||void 0===i||i.focus()))},this.handleMouseEnter=()=>{!this.disabled&&this.hasSubmenu&&(this.cancelClose(),this.openSubmenu())},this.handleMouseLeave=()=>{this.hasSubmenu&&this.scheduleClose()},this.cancelClose=()=>{this.closeTimer&&(window.clearTimeout(this.closeTimer),this.closeTimer=void 0)}}async focusItem(){var e;null===(e=this.rowEl)||void 0===e||e.focus()}componentWillLoad(){this.hasSubmenu=this.detectSubmenu()}disconnectedCallback(){this.cancelClose()}detectSubmenu(){for(const e of Array.from(this.el.children)){const i=e.tagName.toLowerCase();if("co-menu-item"===i||"co-menu-divider"===i)return!0}return!1}openSubmenu(){this.submenuOpen=!0}scheduleClose(){this.cancelClose(),this.closeTimer=window.setTimeout((()=>{this.submenuOpen=!1}),260)}render(){var e;const i=s("button",{ref:e=>this.rowEl=e,class:{"co-menu-item":!0,"co-menu-item--dense":this.dense,"co-menu-item--selected":this.selected,"co-menu-item--disabled":this.disabled,"co-menu-item--danger":"danger"===this.variant,"co-menu-item--submenu":this.hasSubmenu,"co-menu-item--submenu-open":this.hasSubmenu&&this.submenuOpen},type:"button",role:"menuitem","aria-haspopup":this.hasSubmenu?"menu":void 0,"aria-expanded":this.hasSubmenu?this.submenuOpen?"true":"false":void 0,disabled:this.disabled,onClick:this.handleClick,onKeyDown:this.handleKeydown,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave},this.icon&&s("span",{class:"co-menu-item__icon"},s("co-icon",{name:this.icon,size:null!==(e=this.iconSize)&&void 0!==e?e:16})),s("span",{class:{"co-menu-item__label":!0,"co-menu-item__label--stacked":!!this.caption}},s("span",{class:"co-menu-item__label-main"},this.label,s("slot",{name:"label"})),this.caption&&s("span",{class:"co-menu-item__caption"},this.caption)),this.trailingCheck&&s("span",{class:"co-menu-item__check"},s("co-icon",{name:"check",size:15})),s("span",{class:"co-menu-item__suffix"},s("slot",{name:"suffix"}),this.hasSubmenu&&s("co-icon",{name:"caret-right",size:14})));return this.hasSubmenu?s("div",{class:"co-menu-item__wrap co-menu-item__wrap--submenu",onMouseEnter:this.cancelClose,onMouseLeave:this.handleMouseLeave},s("co-popover",{placement:"right-start",offset:4,open:this.submenuOpen,onCoOpen:()=>{this.submenuOpen=!0},onCoClose:()=>{this.submenuOpen=!1}},s("div",{slot:"trigger",class:"co-menu-item__trigger-wrap"},i),s("div",{class:"co-menu-item__submenu",role:"menu",onMouseEnter:this.cancelClose,onMouseLeave:this.handleMouseLeave},s("slot",null)))):s("div",{class:"co-menu-item__wrap"},i)}get el(){return this}static get style(){return":host{display:block}.co-menu-item__wrap{display:block}.co-menu-item{width:100%;display:flex;align-items:center;gap:var(--co-menu-item-gap, var(--co-spacing-sm, 8px));padding:var(--co-menu-item-padding, var(--co-spacing-sm, 8px) var(--co-spacing-md, 12px));background:transparent;border:0;border-radius:var(--co-border-radius-xs, 8px);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14, 14px);color:var(--co-semantic-text-default);text-align:left;cursor:pointer;transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out), color var(--co-motion-duration-fast) var(--co-motion-ease-out);min-height:var(--co-menu-item-height, 36px);box-sizing:border-box}.co-menu-item--dense{padding:var(--co-spacing-xs, 4px) var(--co-spacing-md, 12px);min-height:32px}.co-menu-item--selected{background:var(--co-color-gray-100, #f6f6f6)}.co-menu-item:hover,.co-menu-item--submenu-open{background:var(--co-semantic-surface-hover, rgba(31, 28, 27, 0.04))}.co-menu-item:focus-visible{outline:2px solid var(--co-semantic-border-focus, #2563eb);outline-offset:-2px}.co-menu-item--disabled{opacity:0.5;cursor:not-allowed;pointer-events:none}.co-menu-item--danger{color:var(--co-color-status-error, #aa2e1b)}.co-menu-item--danger:hover{background:var(--co-color-status-bg-error, #ffefef)}.co-menu-item__icon{display:inline-flex;align-items:center;flex-shrink:0;color:var(--co-menu-item-icon-color, currentColor)}.co-menu-item__check{display:inline-flex;align-items:center;flex-shrink:0;color:var(--co-semantic-text-default)}.co-menu-item__label{flex:1;display:inline-flex;align-items:center;gap:var(--co-spacing-xs, 4px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-menu-item__label--stacked{flex-direction:column;align-items:flex-start;gap:1px}.co-menu-item__label-main{display:inline-flex;align-items:center;gap:var(--co-spacing-xs, 4px)}.co-menu-item__caption{font-size:var(--co-font-size-11, 11px);color:var(--co-semantic-text-muted);line-height:1.3;white-space:nowrap}.co-menu-item__suffix{display:inline-flex;align-items:center;gap:var(--co-spacing-xs, 4px);flex-shrink:0;color:var(--co-semantic-text-muted)}.co-menu-item--submenu-open .co-menu-item__suffix{color:var(--co-semantic-text-default)}.co-menu-item__trigger-wrap{display:block}.co-menu-item__submenu{background:var(--co-semantic-surface-secondary, #fff);border-radius:var(--co-border-radius-sm, 12px);box-shadow:var(--co-shadow-lg, 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.04)),     inset 0 0 0 1px var(--co-color-opacity-negro-8, rgba(31, 28, 27, 0.08));padding:var(--co-menu-padding, var(--co-spacing-xs, 4px));min-width:180px;display:flex;flex-direction:column;gap:2px;position:relative}.co-menu-item__submenu::before,.co-menu-item__submenu::after{content:'';position:absolute;top:0;bottom:0;width:6px;}.co-menu-item__submenu::before{left:-6px}.co-menu-item__submenu::after{right:-6px}"}},[257,"co-menu-item",{icon:[1],iconSize:[2,"icon-size"],label:[1],caption:[1],dense:[4],selected:[4],trailingCheck:[4,"trailing-check"],disabled:[4],variant:[1],hasSubmenu:[32],submenuOpen:[32],focusItem:[64]}]);function r(){"undefined"!=typeof customElements&&["co-menu-item","co-icon","co-popover"].forEach((i=>{switch(i){case"co-menu-item":customElements.get(e(i))||customElements.define(e(i),a);break;case"co-icon":customElements.get(e(i))||n();break;case"co-popover":customElements.get(e(i))||c()}}))}r();const m=a,u=r;export{m as CoMenuItem,u as defineCustomElement}
+import{t as e,p as t,H as i,c as o,h as s}from"./index.js";import{d as n}from"./p-DNJAIVfI.js";import{d as c}from"./p-DRP8D9ro.js";const a="submenu-side",r=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coSelect=o(this,"coSelect",7),this.coMenuSelect=o(this,"coMenuSelect",7),this.dense=!1,this.selected=!1,this.trailingCheck=!1,this.disabled=!1,this.variant="default",this.hasSubmenu=!1,this.submenuOpen=!1,this.submenuPlacementValue="right-start",this.handleClick=e=>{if(!this.disabled){if(this.hasSubmenu)return e.stopPropagation(),void this.openSubmenu();this.coSelect.emit(),this.coMenuSelect.emit()}},this.handleKeydown=e=>{var t;this.disabled||("Enter"===e.key||" "===e.key?(e.preventDefault(),this.handleClick(e)):"ArrowRight"===e.key&&this.hasSubmenu?(e.preventDefault(),this.openSubmenu(),requestAnimationFrame((()=>{var e;const t=this.el.querySelector("co-menu-item");null===(e=null==t?void 0:t.focusItem)||void 0===e||e.call(t)}))):"ArrowLeft"===e.key&&this.submenuOpen&&(e.preventDefault(),this.submenuOpen=!1,null===(t=this.rowEl)||void 0===t||t.focus()))},this.handleMouseEnter=()=>{!this.disabled&&this.hasSubmenu&&(this.cancelClose(),this.openSubmenu())},this.handleMouseLeave=()=>{this.hasSubmenu&&this.scheduleClose()},this.handlePlacement=e=>{const t=function(e){const t=e.split("-")[0];return"left"===t||"right"===t?t:null}(e.detail.placement);t&&this.el.setAttribute(a,t)},this.cancelClose=()=>{this.closeTimer&&(window.clearTimeout(this.closeTimer),this.closeTimer=void 0)}}async focusItem(){var e;null===(e=this.rowEl)||void 0===e||e.focus()}componentWillLoad(){this.hasSubmenu=this.detectSubmenu()}disconnectedCallback(){this.cancelClose()}detectSubmenu(){for(const e of Array.from(this.el.children)){const t=e.tagName.toLowerCase();if("co-menu-item"===t||"co-menu-divider"===t)return!0}return!1}openSubmenu(){this.submenuOpen||this.closeSiblingSubmenus(),this.submenuPlacementValue=function(e){return"left"===e?"left-start":"right-start"}(function(e){var t;const i=null===(t=e.parentElement)||void 0===t?void 0:t.closest("co-menu-item"),o=null==i?void 0:i.getAttribute(a);return"left"===o||"right"===o?o:null}(this.el)),this.submenuOpen=!0}async closeSubmenu(){this.cancelClose(),this.submenuOpen=!1}closeSiblingSubmenus(){var e,t;const i=this.el.parentElement;if(i)for(const o of Array.from(i.children))o!==this.el&&"co-menu-item"===o.tagName.toLowerCase()&&(null===(t=(e=o).closeSubmenu)||void 0===t||t.call(e))}scheduleClose(){this.cancelClose(),this.closeTimer=window.setTimeout((()=>{this.submenuOpen=!1}),260)}render(){var e;const t=s("button",{ref:e=>this.rowEl=e,class:{"co-menu-item":!0,"co-menu-item--dense":this.dense,"co-menu-item--selected":this.selected,"co-menu-item--disabled":this.disabled,"co-menu-item--danger":"danger"===this.variant,"co-menu-item--submenu":this.hasSubmenu,"co-menu-item--submenu-open":this.hasSubmenu&&this.submenuOpen},type:"button",role:"menuitem","aria-haspopup":this.hasSubmenu?"menu":void 0,"aria-expanded":this.hasSubmenu?this.submenuOpen?"true":"false":void 0,disabled:this.disabled,onClick:this.handleClick,onKeyDown:this.handleKeydown,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave},this.icon&&s("span",{class:"co-menu-item__icon"},s("co-icon",{name:this.icon,size:null!==(e=this.iconSize)&&void 0!==e?e:16})),s("span",{class:{"co-menu-item__label":!0,"co-menu-item__label--stacked":!!this.caption}},s("span",{class:"co-menu-item__label-main"},this.label,s("slot",{name:"label"})),this.caption&&s("span",{class:"co-menu-item__caption"},this.caption)),this.trailingCheck&&s("span",{class:"co-menu-item__check"},s("co-icon",{name:"check",size:15})),s("span",{class:"co-menu-item__suffix"},s("slot",{name:"suffix"}),this.hasSubmenu&&s("co-icon",{name:"caret-right",size:14})));return this.hasSubmenu?s("div",{class:"co-menu-item__wrap co-menu-item__wrap--submenu",onMouseEnter:this.cancelClose,onMouseLeave:this.handleMouseLeave},s("co-popover",{placement:this.submenuPlacementValue,offset:4,open:this.submenuOpen,onCoOpen:()=>this.openSubmenu(),onCoClose:()=>{this.submenuOpen=!1},onCoPlacement:this.handlePlacement},s("div",{slot:"trigger",class:"co-menu-item__trigger-wrap"},t),s("div",{class:"co-menu-item__submenu",role:"menu",onMouseEnter:this.cancelClose,onMouseLeave:this.handleMouseLeave},s("slot",null)))):s("div",{class:"co-menu-item__wrap"},t)}get el(){return this}static get style(){return":host{display:block}.co-menu-item__wrap{display:block}.co-menu-item{width:100%;display:flex;align-items:center;gap:var(--co-menu-item-gap, var(--co-spacing-sm, 8px));padding:var(--co-menu-item-padding, var(--co-spacing-sm, 8px) var(--co-spacing-md, 12px));background:transparent;border:0;border-radius:var(--co-border-radius-xs, 8px);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14, 14px);color:var(--co-semantic-text-default);text-align:left;cursor:pointer;transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out), color var(--co-motion-duration-fast) var(--co-motion-ease-out);min-height:var(--co-menu-item-height, 36px);box-sizing:border-box}.co-menu-item--dense{padding:var(--co-spacing-xs, 4px) var(--co-spacing-md, 12px);min-height:32px}.co-menu-item--selected{background:var(--co-color-gray-100, #f6f6f6)}.co-menu-item:hover,.co-menu-item--submenu-open{background:var(--co-semantic-surface-hover, rgba(31, 28, 27, 0.04))}.co-menu-item:focus-visible{outline:2px solid var(--co-semantic-border-focus, #2563eb);outline-offset:-2px}.co-menu-item--disabled{opacity:0.5;cursor:not-allowed;pointer-events:none}.co-menu-item--danger{color:var(--co-color-status-error, #aa2e1b)}.co-menu-item--danger:hover{background:var(--co-color-status-bg-error, #ffefef)}.co-menu-item__icon{display:inline-flex;align-items:center;flex-shrink:0;color:var(--co-menu-item-icon-color, currentColor)}.co-menu-item__check{display:inline-flex;align-items:center;flex-shrink:0;color:var(--co-semantic-text-default)}.co-menu-item__label{flex:1;display:inline-flex;align-items:center;gap:var(--co-spacing-xs, 4px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-menu-item__label--stacked{flex-direction:column;align-items:flex-start;gap:1px}.co-menu-item__label-main{display:inline-flex;align-items:center;gap:var(--co-spacing-xs, 4px)}.co-menu-item__caption{font-size:var(--co-font-size-11, 11px);color:var(--co-semantic-text-muted);line-height:1.3;white-space:nowrap}.co-menu-item__suffix{display:inline-flex;align-items:center;gap:var(--co-spacing-xs, 4px);flex-shrink:0;color:var(--co-semantic-text-muted)}.co-menu-item--submenu-open .co-menu-item__suffix{color:var(--co-semantic-text-default)}.co-menu-item__trigger-wrap{display:block}.co-menu-item__submenu{background:var(--co-semantic-surface-secondary, #fff);border-radius:var(--co-border-radius-sm, 12px);box-shadow:var(--co-shadow-lg, 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.04)),     inset 0 0 0 1px var(--co-color-opacity-negro-8, rgba(31, 28, 27, 0.08));padding:var(--co-menu-padding, var(--co-spacing-xs, 4px));min-width:180px;display:flex;flex-direction:column;gap:2px;position:relative}.co-menu-item__submenu::before,.co-menu-item__submenu::after{content:'';position:absolute;top:0;bottom:0;width:6px;}.co-menu-item__submenu::before{left:-6px}.co-menu-item__submenu::after{right:-6px}"}},[257,"co-menu-item",{icon:[1],iconSize:[2,"icon-size"],label:[1],caption:[1],dense:[4],selected:[4],trailingCheck:[4,"trailing-check"],disabled:[4],variant:[1],hasSubmenu:[32],submenuOpen:[32],submenuPlacementValue:[32],focusItem:[64],closeSubmenu:[64]}]);function m(){"undefined"!=typeof customElements&&["co-menu-item","co-icon","co-popover"].forEach((t=>{switch(t){case"co-menu-item":customElements.get(e(t))||customElements.define(e(t),r);break;case"co-icon":customElements.get(e(t))||n();break;case"co-popover":customElements.get(e(t))||c()}}))}m();const u=r,l=m;export{u as CoMenuItem,l as defineCustomElement}

package/dist/components/co-menu.js

@@ -1 +1 @@
-import{t as e,p as t,H as o,c as s,h as n}from"./index.js";import{d as i}from"./p-DP0bbhfN.js";const c=t(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coOpen=s(this,"coOpen",3),this.coClose=s(this,"coClose",3),this.placement="bottom-end",this.offset=4,this.autoClose=!0,this.open=!1,this.handleKeydown=e=>{if(this.open)switch(e.key){case"Escape":e.preventDefault(),e.stopPropagation(),this.open=!1;break;case"ArrowDown":case"ArrowUp":e.preventDefault(),this.moveFocus("ArrowDown"===e.key?1:-1)}},this.handlePopoverOpen=()=>{this.open=!0,this.coOpen.emit()},this.handlePopoverClose=()=>{this.open=!1,this.coClose.emit()}}handleMenuSelect(){this.autoClose&&(this.open=!1)}onOpenChange(e){e?(document.addEventListener("keydown",this.handleKeydown,!0),requestAnimationFrame((()=>this.focusFirstItem()))):document.removeEventListener("keydown",this.handleKeydown,!0)}disconnectedCallback(){document.removeEventListener("keydown",this.handleKeydown,!0)}async focusFirstItem(){var e,t;null===(t=null===(e=this.getMenuItems()[0])||void 0===e?void 0:e.focusItem)||void 0===t||t.call(e)}getMenuItems(){return Array.from(this.el.querySelectorAll("co-menu-item"))}moveFocus(e){var t,o;const s=this.getMenuItems().filter((e=>!e.disabled));if(0===s.length)return;const n=document.activeElement;let i=s.findIndex((e=>e===n||e.contains(n)));-1===i&&(i=e>0?-1:s.length),null===(o=null===(t=s[(i+e+s.length)%s.length])||void 0===t?void 0:t.focusItem)||void 0===o||o.call(t)}render(){return n("co-popover",{key:"718b9e0d42dad29533ca48b7fef6ee22fa6cc333",placement:this.placement,offset:this.offset,open:this.open,onCoOpen:this.handlePopoverOpen,onCoClose:this.handlePopoverClose},n("slot",{key:"f9c94ff702e55f1410b1114b753c25b6e57095d7",name:"trigger",slot:"trigger"}),n("div",{key:"a9d5c6bf91ece47c8fb1ba73e6287035c97f21fd",class:"co-menu",role:"menu",style:this.width?{width:this.width,minWidth:this.width}:void 0},n("slot",{key:"8fc58143f17c900f7dfe82319e5d39eb2766e7a9"})))}get el(){return this}static get watchers(){return{open:[{onOpenChange:0}]}}static get style(){return":host{display:contents}.co-menu{background:var(--co-semantic-surface-secondary, #fff);border-radius:var(--co-border-radius-sm, 12px);box-shadow:var(--co-shadow-lg, 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.04)),     inset 0 0 0 1px var(--co-color-opacity-negro-8, rgba(31, 28, 27, 0.08));padding:var(--co-menu-padding, var(--co-spacing-xs, 4px));min-width:200px;display:flex;flex-direction:column;gap:2px;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14, 14px);color:var(--co-semantic-text-default)}"}},[257,"co-menu",{placement:[1],offset:[2],autoClose:[4,"auto-close"],open:[1540],width:[1],focusFirstItem:[64]},[[0,"coMenuSelect","handleMenuSelect"]],{open:[{onOpenChange:0}]}]);function r(){"undefined"!=typeof customElements&&["co-menu","co-popover"].forEach((t=>{switch(t){case"co-menu":customElements.get(e(t))||customElements.define(e(t),c);break;case"co-popover":customElements.get(e(t))||i()}}))}r();const a=c,d=r;export{a as CoMenu,d as defineCustomElement}
+import{t as e,p as t,H as o,c as s,h as n}from"./index.js";import{d as i}from"./p-DRP8D9ro.js";const c=t(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coOpen=s(this,"coOpen",3),this.coClose=s(this,"coClose",3),this.placement="bottom-end",this.offset=4,this.autoClose=!0,this.open=!1,this.handleKeydown=e=>{if(this.open)switch(e.key){case"Escape":e.preventDefault(),e.stopPropagation(),this.open=!1;break;case"ArrowDown":case"ArrowUp":e.preventDefault(),this.moveFocus("ArrowDown"===e.key?1:-1)}},this.handlePopoverOpen=()=>{this.open=!0,this.coOpen.emit()},this.handlePopoverClose=()=>{this.open=!1,this.coClose.emit()}}handleMenuSelect(){this.autoClose&&(this.open=!1)}onOpenChange(e){e?(document.addEventListener("keydown",this.handleKeydown,!0),requestAnimationFrame((()=>this.focusFirstItem()))):document.removeEventListener("keydown",this.handleKeydown,!0)}disconnectedCallback(){document.removeEventListener("keydown",this.handleKeydown,!0)}async focusFirstItem(){var e,t;null===(t=null===(e=this.getMenuItems()[0])||void 0===e?void 0:e.focusItem)||void 0===t||t.call(e)}getMenuItems(){return Array.from(this.el.querySelectorAll("co-menu-item"))}moveFocus(e){var t,o;const s=this.getMenuItems().filter((e=>!e.disabled));if(0===s.length)return;const n=document.activeElement;let i=s.findIndex((e=>e===n||e.contains(n)));-1===i&&(i=e>0?-1:s.length),null===(o=null===(t=s[(i+e+s.length)%s.length])||void 0===t?void 0:t.focusItem)||void 0===o||o.call(t)}render(){return n("co-popover",{key:"a386ccd371e9eb5627b6c70f43e66d6844df0b8a",placement:this.placement,offset:this.offset,open:this.open,onCoOpen:this.handlePopoverOpen,onCoClose:this.handlePopoverClose},n("slot",{key:"9115ac2e7689183d9d397bd602d1a8651dcf364d",name:"trigger",slot:"trigger"}),n("div",{key:"a56a14dfc5810144b93ca68ce54aceb7e5c2b85c",class:"co-menu",role:"menu",style:this.width?{width:this.width,minWidth:this.width}:void 0},n("slot",{key:"045510a7bbde56d841eee17d7561249a090e6de3"})))}get el(){return this}static get watchers(){return{open:[{onOpenChange:0}]}}static get style(){return":host{display:contents}.co-menu{background:var(--co-semantic-surface-secondary, #fff);border-radius:var(--co-border-radius-sm, 12px);box-shadow:var(--co-shadow-lg, 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.04)),     inset 0 0 0 1px var(--co-color-opacity-negro-8, rgba(31, 28, 27, 0.08));padding:var(--co-menu-padding, var(--co-spacing-xs, 4px));min-width:200px;display:flex;flex-direction:column;gap:2px;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14, 14px);color:var(--co-semantic-text-default)}"}},[257,"co-menu",{placement:[1],offset:[2],autoClose:[4,"auto-close"],open:[1540],width:[1],focusFirstItem:[64]},[[0,"coMenuSelect","handleMenuSelect"]],{open:[{onOpenChange:0}]}]);function a(){"undefined"!=typeof customElements&&["co-menu","co-popover"].forEach((t=>{switch(t){case"co-menu":customElements.get(e(t))||customElements.define(e(t),c);break;case"co-popover":customElements.get(e(t))||i()}}))}a();const r=c,d=a;export{r as CoMenu,d as defineCustomElement}