ids-enterprise-wc 1.0.0-beta.16 → 1.0.0-beta.18

package/chunks/ids-chunk-OQWFORYP.js

@@ -0,0 +1,176 @@
+import{a as de}from"./ids-chunk-TVIZTYHR.js";import{a as he}from"./ids-chunk-AWYR6KFP.js";import{a as le}from"./ids-chunk-XVRCT2S7.js";import{a as re}from"./ids-chunk-OPOTJ7IF.js";import{a as ne}from"./ids-chunk-DK5QOJMP.js";import{a as se,b as ae}from"./ids-chunk-CK6SA7FU.js";import{a as Z,b as ee}from"./ids-chunk-XE4WFW5M.js";import{a as oe}from"./ids-chunk-RCDMHHTV.js";import{a as te,b as K,c as ie,f as P,g as A,h as U,j}from"./ids-chunk-X4NATGYL.js";import{e as D,f as C}from"./ids-chunk-5Q3WPKMB.js";import{a}from"./ids-chunk-4NXTNKXV.js";import{a as Q,b as g,c as F,d,e as X,g as s}from"./ids-chunk-Y32WUP63.js";var we=`:host {
+  contain: content;
+  height: 100%;
+}
+
+.ids-week-view {
+  display: flex;
+  background-color: var(--ids-week-view-color-background);
+  color: var(--ids-week-view-color-text);
+  border: 1px solid var(--ids-week-view-color-border);
+  flex-direction: column;
+  overflow: hidden;
+  max-height: calc(100vh - 25px);
+}
+.ids-week-view .week-view-table-header th {
+  background-clip: padding-box;
+  border-top: 0;
+  height: 24px;
+  line-height: 24px;
+  text-align: left;
+  z-index: 3;
+}
+.ids-week-view .week-view-table-header .week-view-header-wrapper {
+  padding: 0 5px;
+  text-align: center;
+}
+.ids-week-view .week-view-table-header .week-view-header-wrapper .week-view-header-day-of-week {
+  line-height: var(--ids-week-view-row-height);
+}
+.ids-week-view .week-view-table-header .week-view-header-wrapper.is-day-view .week-view-header-day-of-week.is-emphasis {
+  line-height: 40px;
+}
+.ids-week-view .week-view-table-header .week-view-all-day-wrapper {
+  position: relative;
+  box-sizing: border-box;
+  border-color: var(--ids-week-view-color-border);
+  height: 44px;
+  text-transform: unset;
+  border-top-width: 1px;
+  border-top-style: solid;
+}
+.ids-week-view .week-view-table-header th:nth-child(1) .week-view-all-day-wrapper {
+  border-top-color: transparent;
+  padding: 5px;
+}
+.ids-week-view .week-view-table {
+  border-collapse: separate;
+  border-spacing: 0;
+  width: 100%;
+}
+.ids-week-view .week-view-table .week-view-allday-row {
+  height: 40px;
+}
+.ids-week-view .week-view-table .week-view-hour-row,
+.ids-week-view .week-view-table .week-view-half-hour-row {
+  height: var(--ids-week-view-row-height);
+}
+.ids-week-view .week-view-table th,
+.ids-week-view .week-view-table td {
+  border-bottom: 1px solid;
+  border-color: var(--ids-week-view-color-border);
+  padding: 0;
+  height: var(--ids-week-view-row-height);
+}
+.ids-week-view .week-view-table th:nth-child(1) {
+  width: 60px;
+}
+.ids-week-view .week-view-table tr td:nth-child(1) .week-view-cell-wrapper {
+  padding: 0 5px;
+}
+.ids-week-view .week-view-table tr:nth-child(odd) td {
+  border-bottom: 1px solid var(--ids-week-view-row-odd-color-border);
+}
+.ids-week-view .week-view-table th:not(:last-child),
+.ids-week-view .week-view-table td:not(:last-child) {
+  border-right-width: 1px;
+  border-right-style: solid;
+}
+.ids-week-view .week-view-header-wrapper.is-today {
+  color: var(--ids-week-view-today-color);
+  box-shadow: 0 4px 0 0 var(--ids-week-view-today-color);
+}
+.ids-week-view .week-view-container {
+  background-color: var(--ids-week-view-color-background);
+  overflow: auto;
+}
+.ids-week-view .week-view-container th {
+  background-color: var(--ids-week-view-header-color-background);
+  position: sticky;
+  top: 0;
+  z-index: 3;
+}
+.ids-week-view .week-view-cell-wrapper {
+  position: relative;
+  padding: 0;
+  height: var(--ids-week-view-row-height);
+  min-width: 50px;
+}
+.ids-week-view .week-view-time-marker {
+  display: block;
+  position: relative;
+  z-index: 2;
+  box-sizing: border-box;
+  border: 1px solid var(--ids-week-view-time-marker-color);
+  height: 1px;
+  margin-top: -2px;
+  top: var(--timeline-shift);
+}
+
+ids-toolbar ids-menu-button[menu=view-picker] {
+  margin-inline-end: 8px;
+}
+
+:host([dir=rtl]) .week-view-all-day-wrapper {
+  text-align: right;
+}
+:host([dir=rtl]) .ids-week-view .week-view-table th:not(:first-child),
+:host([dir=rtl]) .ids-week-view .week-view-table td:not(:first-child) {
+  border-right-width: 1px;
+  border-right-style: solid;
+}
+:host([dir=rtl]) .ids-week-view .week-view-table th:first-child,
+:host([dir=rtl]) .ids-week-view .week-view-table td:first-child {
+  border-right-width: 0;
+}`;var me=he(de(re(ne(oe)))),L,ce,_,ve,w,u,y,O,$,ue,T,I,Y,S,B,N,fe,E,R,V,pe,q,be,M,G,H=class extends me{constructor(){super();d(this,L);d(this,_);d(this,w);d(this,y);d(this,$);d(this,I);d(this,S);d(this,N);d(this,E);d(this,V);d(this,q);d(this,M);g(this,"dayMap",[]);g(this,"vetoableEventTypes",["beforeweekrendered"]);g(this,"ro",null);g(this,"onLocaleChange",()=>{s(this,w,u).call(this)});g(this,"onLanguageChange",()=>{s(this,w,u).call(this),s(this,I,Y).call(this)});d(this,T,void 0)}connectedCallback(){super.connectedCallback(),s(this,w,u).call(this),s(this,L,ce).call(this)}disconnectedCallback(){super.disconnectedCallback(),this.timer?.destroy(),this.timer=null,this.state={},this.ro?.unobserve(this.container),this.ro=null}static get attributes(){return[...super.attributes,a.END_DATE,a.END_HOUR,a.FIRST_DAY_OF_WEEK,a.SHOW_TIMELINE,a.SHOW_TODAY,a.START_DATE,a.START_HOUR,a.TIMELINE_INTERVAL]}template(){return'<div class="ids-week-view"></div>'}changeDate(e){let t=P(this.startDate,this.endDate),r=t!==7,i,n;e==="next"&&(i=A(this.startDate,t,"days"),n=A(this.endDate,t-1,"days")),e==="previous"&&(i=U(this.startDate,t,"days"),n=U(this.endDate,t+1,"days")),e==="today"&&(i=r?new Date:K(new Date,this.firstDayOfWeek),n=A(i,t-1,"days")),s(this,_,ve).call(this,()=>{this.startDate=i,this.endDate=n}),this.state.activeDate=this.startDate,this.triggerDateChange(this.startDate,e)}async renderEventsData(e=!1){if(!e&&typeof this.state.beforeEventsRender=="function"){this.eventsData=await this.state.beforeEventsRender(this.startDate,this.endDate);return}this.removeAllEvents(),!(!this.state.hasRendered||!this.eventsData?.length)&&this.eventsData.forEach(t=>{let r=new Date(t.starts),i=new Date(t.ends);this.startDate<=i&&r<this.endDate&&s(this,V,pe).call(this,t)})}get showToday(){let e=this.getAttribute(a.SHOW_TODAY);return D(e)}set showToday(e){D(e)?this.setAttribute(a.SHOW_TODAY,"true"):this.removeAttribute(a.SHOW_TODAY),s(this,w,u).call(this)}get startDate(){let e=this.getAttribute(a.START_DATE),t=new Date(e??"");return e&&j(t)?t:K(new Date,this.firstDayOfWeek)}set startDate(e){e?this.setAttribute(a.START_DATE,e.toString()):this.removeAttribute(a.START_DATE),s(this,w,u).call(this)}get endDate(){let e=this.getAttribute(a.END_DATE),t=new Date(e??"");return e&&j(t)?A(t,1,"days"):ie(new Date,this.firstDayOfWeek)}set endDate(e){e?this.setAttribute(a.END_DATE,e.toString()):this.removeAttribute(a.END_DATE),s(this,w,u).call(this)}onFirstDayOfWeekChange(){s(this,w,u).call(this)}get startHour(){let e=this.getAttribute(a.START_HOUR),t=C(e);return e&&t>=0&&t<=24?t:7}set startHour(e){e!==null?this.setAttribute(a.START_HOUR,String(e)):this.removeAttribute(a.START_HOUR),s(this,w,u).call(this)}get endHour(){let e=this.getAttribute(a.END_HOUR),t=C(e);return e&&t>=0&&t<=24?t:19}set endHour(e){e!==null?this.setAttribute(a.END_HOUR,String(e)):this.removeAttribute(a.END_HOUR),s(this,w,u).call(this)}get showTimeline(){let e=this.getAttribute(a.SHOW_TIMELINE);return e?D(e):!0}set showTimeline(e){let t=D(e);this.setAttribute(a.SHOW_TIMELINE,String(t)),s(this,y,O).call(this)}get timelineInterval(){let e=this.getAttribute(a.TIMELINE_INTERVAL),t=C(e);return t>0?t:3e4}set timelineInterval(e){e?this.setAttribute(a.TIMELINE_INTERVAL,String(e)):this.removeAttribute(a.TIMELINE_INTERVAL),s(this,y,O).call(this)}};L=new WeakSet,ce=function(){return this.ro=new ResizeObserver(e=>{requestAnimationFrame(()=>{for(let t of e)t.contentRect.width>0&&s(this,I,Y).call(this)})}),this.ro.observe(this.container),this},_=new WeakSet,ve=function(e){this.state.wait=!0,e(),this.state.wait=!1,s(this,w,u).call(this)},w=new WeakSet,u=function(){if(!this.locale||this.state.wait||!this.container||!this.triggerVetoableEvent("beforeweekrendered"))return;let t=P(this.startDate,this.endDate),r=this.endHour-this.startHour+1,i=t===1||t===0,n=this.localeAPI.locale.options.calendars,b=n[0]?.dateFormat?.dayOfWeek,c=b&&b.split(" ")[0]==="EEE",o=m=>m?i?32:20:16;this.dayMap=[];let f=Array.from({length:t},(m,p)=>{let h=this.startDate.setDate(this.startDate.getDate()+p),W=this.localeAPI.formatDate(h,{day:"numeric"}),J=this.localeAPI.formatDate(h,{weekday:"short"}),z=te(new Date(h));return`
+        <th data-key="${this.generateDateKey(new Date(h))}">
+          <div class="week-view-header-wrapper${z?" is-today":""}${i?" is-day-view":""}">
+            <ids-text
+              class="week-view-header-day-of-week${c?"":" is-emphasis"}"
+              font-size="${o(!c)}"
+              ${z?'font-weight="semi-bold"':""}
+            >${c?J:W}</ids-text>
+            <ids-text
+              class="week-view-header-day-of-week${c?" is-emphasis":""}"
+              font-size="${o(c)}"
+              ${z?'font-weight="semi-bold"':""}
+            >${c?W:J}</ids-text>
+          </div>
+          <div class="week-view-all-day-wrapper"></div>
+        </th>
+      `}).join(""),l=Array.from({length:t}).map((m,p)=>{let h=this.startDate;return h.setDate(h.getDate()+p),`<td data-date="${h.getDate()}">
+        <div class="week-view-cell-wrapper"></div>
+      </td>`}).join(""),v=this.startHour,k=Array.from({length:r}).map((m,p)=>{let h=v+p;return`
+      <tr class="week-view-hour-row" data-hour="${h}">
+        <td>
+          <div class="week-view-cell-wrapper">
+            <ids-text font-size="12">${n?this.localeAPI.formatHour(this.startHour+p):""}</ids-text>
+          </div>
+        </td>
+        ${l}
+      </tr>
+      <tr class="week-view-half-hour-row" data-hour="${h}.5">
+        <td>
+          <div class="week-view-cell-wrapper"></div>
+        </td>
+        ${l}
+      </tr>`}).join(""),x=`<div class="week-view-container">
+      <table class="week-view-table">
+        <thead class="week-view-table-header">
+          <tr>
+            <th>
+              <div class="week-view-header-wrapper${i?" is-day-view":""}">
+                <ids-text translate-text="true" audible="true">Hour</ids-text>
+              </div>
+              <div class="week-view-all-day-wrapper">
+                <ids-text font-size="12" translate-text="true">AllDay</ids-text>
+              </div>
+            </th>
+            ${f}
+          </tr>
+        </thead>
+        <tbody>
+          ${k}
+        </tbody>
+      </table>
+    </div>`;this.container.querySelector(".week-view-container")?.remove(),this.container.insertAdjacentHTML("beforeend",x),this.state.hasRendered=!0,this.triggerEvent("afterweekrendered",this),this.container.querySelectorAll("th").forEach(m=>{let p=m.getAttribute("data-key");if(p){let h=parseInt(p);this.dayMap.push({key:h,elem:m})}}),s(this,y,O).call(this),this.renderEventsData()},y=new WeakSet,O=function(){if(this.container?.querySelectorAll(".week-view-time-marker").forEach(n=>n.remove()),this.timer&&this.timer?.destroy(!0),!this.showTimeline||!this.state.hasRendered)return;this.container?.querySelectorAll(".week-view-hour-row:nth-child(1) td").forEach(n=>n.insertAdjacentHTML("afterbegin",'<div class="week-view-time-marker"></div>'));let e=this.endHour-this.startHour+1,t=this.container?.querySelector(".week-view-hour-row"),r=this.timelineInterval,i=()=>{let n=new Date,b=n.getHours(),c=n.getMinutes(),o=b-this.startHour+c/60,f=n.getTime()-this.startDate.getTime(),l=o>0&&o<=e?o*52:0;t&&(t.style.setProperty("--timeline-shift",`${l}px`),t.dataset.diffInMilliseconds=f.toString())};i(),s(this,$,ue).call(this),X(this,T,se(()=>i(),r))},$=new WeakSet,ue=function(){F(this,T)&&ae(F(this,T))},T=new WeakMap,I=new WeakSet,Y=function(){let e=this.container?.offsetTop;this.container?.style.setProperty("--offset-top",`${e}px`)},S=new WeakSet,B=function(e,t){let r=e.getHours(),i=e.getMinutes(),n=e.getSeconds();return t?r+(i>=30?.5:0):r+i/60+n/600},N=new WeakSet,fe=function(e){let t=new Date(e.starts),r=t.getDate(),i=s(this,S,B).call(this,t,!0);return this.container?.querySelector(`[data-hour="${i}"] [data-date="${r}"]`)||null},E=new WeakSet,R=function(e,t){let r=new le,i=this.eventTypesData?.find(n=>n.id===e.type);return r.eventTypeData=i,r.eventData=e,t?.length&&(r.cssClass=t),r},V=new WeakSet,pe=function(e){let t,r,i=new Date(e.starts),n=new Date(e.ends),b=this.generateDateKey(i),c=this.generateDateKey(n),o=this.dayMap.filter(l=>l.key>=b&&l.key<=c),f=D(e.isAllDay);if(o.length===1&&!f){t=s(this,E,R).call(this,e),r=s(this,N,fe).call(this,e),r&&s(this,q,be).call(this,r,t);return}if(o.length===1&&f){t=s(this,E,R).call(this,e,["all-day"]),r=o[0].elem.querySelector(".week-view-all-day-wrapper"),r&&s(this,M,G).call(this,r,t);return}if(o.length>1&&f)for(let l=0;l<o.length;l++){let v=l===0?"calendar-event-start":"calendar-event-continue";l===o.length-1&&(v="calendar-event-ends"),t=s(this,E,R).call(this,e,["all-day",v]),r=o[l].elem.querySelector(".week-view-all-day-wrapper"),r&&s(this,M,G).call(this,r,t)}},q=new WeakSet,be=function(e,t){let r=parseFloat(e.parentElement?.getAttribute("data-hour")||""),i=s(this,S,B).call(this,t.startDate,!1),n=e.querySelector(".week-view-cell-wrapper"),b=.25,c=this.endHour+1-i,o=t.duration;if(o=Math.max(b,o),o=Math.min(c,o),t.height=`${o*50+o/.5-1}px`,o<.5&&(t.cssClass=["reduced-padding"]),o<1.5&&(t.cssClass=["is-ellipsis"]),o>=2&&(t.displayTime=!0,t.overflow="normal"),i+o>this.endHour&&(t.cssClass=["is-cutoff"]),i>r){let v=.016666666666666784,k=i-r,x=e.parentElement?.offsetHeight||26;t.yOffset=`${k/v*(x/30)}px`}let f=e.querySelectorAll("ids-calendar-event"),l=f.length;if(l>0){let v=100/(l+1);t.width=`${v}%`,t.xOffset=`${v*l}%`,f.forEach((k,x)=>{k.width=`${v}%`,k.xOffset=`${v*x}%`})}this.triggerEvent("beforeeventrendered",this,{detail:{elem:this,events:this.eventsData,event:t,dateCell:t,container:n},bubbles:!0}),n?.appendChild(t),this.triggerEvent("aftereventrendered",this,{detail:{elem:this,events:this.eventsData,event:t,dateCell:t,container:n},bubbles:!0})},M=new WeakSet,G=function(e,t){let i=e.querySelectorAll("ids-calendar-event").length;i>=1&&(t.yOffset=`${22*i}px`),i>=2&&this.container?.querySelectorAll(".week-view-all-day-wrapper").forEach(n=>{n.style.height=`${44+(i-1)*23}px`}),this.triggerEvent("beforeeventrendered",this,{detail:{elem:this,events:this.eventsData,event:t,dateCell:t,container:e},bubbles:!0}),e.appendChild(t),this.triggerEvent("aftereventrendered",this,{detail:{elem:this,events:this.eventsData,event:t,dateCell:t,container:e},bubbles:!0})},H=Q([Z("ids-week-view"),ee(we)],H);export{H as a};

package/chunks/{ids-chunk-G23255XM.js → ids-chunk-OST56ZL2.js}

@@ -1,5 +1,5 @@
-import{a as w}from"./ids-chunk-LE7C5GBB.js";import{a as A,b as k}from"./ids-chunk-XE4WFW5M.js";import{f as E}from"./ids-chunk-TJKIW3GF.js";import{a as u}from"./ids-chunk-6EMRTLSG.js";import{a as v}from"./ids-chunk-5K6IDMGA.js";var S=`
-/* Ids Line Chart Component */ /* Ids Axis Chart Component */
+import{a as T}from"./ids-chunk-L2DNFLX3.js";import{a as z,b as B}from"./ids-chunk-XE4WFW5M.js";import{f as N}from"./ids-chunk-5Q3WPKMB.js";import{a as f}from"./ids-chunk-4NXTNKXV.js";import{a as V,d as y,g as b}from"./ids-chunk-Y32WUP63.js";var L=`/* Ids Line Chart Component */
+/* Ids Axis Chart Component */
 .chart-legend {
   display: flex;
   padding-inline-start: 8px;
@@ -314,16 +314,16 @@ ids-empty-message:not([hidden])[hidden],
 }
 .ids-chart-container.selectable .ids-axis-chart .bars .bar.not-selected {
   opacity: 0.5;
-}`;var y=class extends w{constructor(){super(),this.DEFAULT_SELECTABLE=!1}static get attributes(){return[...super.attributes,u.BAR_PERCENTAGE,u.CATEGORY_PERCENTAGE]}connectedCallback(){super.connectedCallback()}afterConnectedCallback(){this.#r(),this.#e(),this.attachTooltipEvents()}afterCalculateCallback(){this.#s()}chartTemplate(){return`<g class="bars" role="list" aria-label="${`${this.stacked?"":this.data[0]?.name}`}">
-      ${this.#a()}
-    </g>`}#e(){if(!this.initialized||!this.selectable||!this.data?.length||!this.selectionElements?.length)return;let e=r=>typeof r=="number"&&r>-1,o=()=>{this.data.forEach(r=>{delete r.selected,r.data?.forEach(a=>{delete a?.selected})})},n=this.data.findIndex(r=>r.selected);if(e(n)){o(),this.data[n].data?.forEach(r=>{r.selected=!0}),this.selectionElements.forEach(r=>{r.getAttribute("group-index")===`${n}`?r.setAttribute("selected",""):r.classList.add("not-selected")});return}let i;for(let r=0,a=this.data.length;r<a&&(i=this.data[r].data?.findIndex(h=>h.selected),!e(i));r++);e(i)&&(o(),this.data.forEach(r=>{let a=r?.data?.[i];a&&(a.selected=!0)}),this.selectionElements.forEach(r=>{r.getAttribute("index")===`${i}`?r.setAttribute("selected",""):r.classList.add("not-selected")}))}getSelected(){let e=this.selectionElements.filter(a=>a.hasAttribute("selected"));if(!e.length)return{};let o=e[0].getAttribute("group-index");if(!e.some(a=>a.getAttribute("group-index")!==o)){let a=this.data[o];return{bars:e,data:a,groupIndex:o}}let i=[],r=e.map(a=>{let h=a.getAttribute("group-index"),l=a.getAttribute("index"),b=this.data[h].data[l];return b&&i.push(b),{group:h,index:l}});return{bars:e,data:i,indexes:r}}setSelected(e){if(!this.initialized||!this.selectable||!this.data?.length||!this.selectionElements?.length)return;let o=E(e.groupIndex),n=E(e.index);if(!Number.isNaN(o))if(Number.isNaN(n))this.setSelection(o,!0);else{let i=this.selectionElements.findIndex(r=>r.getAttribute("group-index")===`${o}`&&r.getAttribute("index")===`${n}`);typeof i=="number"&&i>-1&&this.setSelection(i)}}setSelection(e,o){if(Number.isNaN(e)||!this.selectionElements?.[0])return!1;let n=t=>this.selectionElements.filter(c=>t(c)),i={selected:n(t=>t.hasAttribute("selected"))};if(o)i.target=n(t=>t.getAttribute("group-index")===`${e}`),i.inverse=n(t=>t.getAttribute("group-index")!==`${e}`);else{let t=this.selectionElements?.[e]?.getAttribute("index");i.target=n(c=>c.getAttribute("index")===`${t}`),i.inverse=n(c=>c.getAttribute("index")!==`${t}`)}let r=!1,a=t=>{let c=t[0].getAttribute("group-index");if(r=!t.some(d=>d.getAttribute("group-index")!==c),r){let d=this.data[c];return{bars:t,data:d,groupIndex:c}}let s=[],g=t.map(d=>{let f=d.getAttribute("group-index"),p=d.getAttribute("index"),m=this.data[f].data[p];return m&&s.push(m),{group:f,index:p}});return{bars:t,data:s,indexes:g}},h=()=>{let t=a(i.selected);if(!this.triggerVetoableEvent("beforedeselected",t))return!1;let c=s=>{delete s.selected};return r?c(t.data):t.data.forEach(s=>c(s)),this.selectionElements.forEach(s=>s.classList.remove("not-selected")),i.selected.forEach(s=>s.removeAttribute("selected")),this.triggerEvent("deselected",this,{bubbles:!0,detail:{elem:this,...t}}),!0};if(i.selected.length){if(!i.target.some(c=>!c.hasAttribute("selected")))return h();if(!h())return!1}let l=a(i.target);if(!this.triggerVetoableEvent("beforeselected",l))return!1;let b=t=>{t.selected=!0};return r?b(l.data):l.data.forEach(t=>b(t)),i.target.forEach(t=>t.setAttribute("selected","")),i.inverse.forEach(t=>t.classList.add("not-selected")),this.triggerEvent("selected",this,{bubbles:!0,detail:{elem:this,...l}}),!0}get selectionElements(){return this.selectable?[...this.container?.querySelectorAll("rect.bar")??[]]:[]}tooltipElements(){return[...this.container?.querySelectorAll("rect.bar")??[]]}#r(){if(this.horizontal)return;let e=this.shadowRoot?.querySelector(".vertical-lines");if(e){let o=e.querySelectorAll("line");o.forEach((r,a)=>{a!==0&&(r.setAttribute("x1",String(this.sectionWidths.at(a)?.left)),r.setAttribute("x2",String(this.sectionWidths.at(a)?.left)))});let n=this.sectionWidths.at(-1)?.left,i=`<line x1="${n}" x2="${n}" y1="${o[0].getAttribute("y1")}" y2="${o[0].getAttribute("y2")}"/>`;e.insertAdjacentHTML("beforeend",i)}}#a(){if(this.horizontal)return this.#i();let e="",o=[],n=this.groupCount,i=this.isGrouped,r=this.sectionWidth,a=this.categoryPercentage*r,h=1,l=i?(a-n*h)/n:a;return l*=this.barPercentage,this.markerData.points?.forEach((b,t)=>{b.forEach((c,s)=>{let g;i?(g=this.sectionWidths[s].left+(r-a)/2+(a-l*n)/2,g+=l*t+t*h):g=this.sectionWidths[s].left+(r-a)/2+(a-l)/2;let d=this.markerData.gridBottom,f=d-c.top,p=this.data[t]?.pattern?` fill="url(#${this.data[t]?.pattern})"`:"",m=this.data[0]?.data[s]?.name,x=c.top;this.stacked&&(x=t>0?x-o[s]:x,o[s]=(o[s]||0)+f),e+=`<g role="listitem">
-          <text class="audible" x="${g}" y="${this.markerData.gridBottom}">${m} ${c.value}</text>
-          <rect class="bar color-${t+1}" aria-hidden="true" group-index="${t}" index="${s}" width="${l}" height="${f}" x="${g}" y="${x}"${p}>
-            <animate attributeName="height" from="0" to="${f}" ${this.animated?this.cubicBezier:this.cubicBezier.replace("0.8s","0.01s")}></animate>
-            <animate attributeName="y" from="${d}" to="${x}" ${this.animated?this.cubicBezier:this.cubicBezier.replace("0.8s","0.01s")}></animate>
-          </rect></g>`})}),e}#i(){let e="",o=[],n=this.groupCount,i=this.isGrouped,r=this.sectionHeight,a=this.categoryPercentage*r,h=1,l=i?(a-n*h)/n:a;return l*=this.barPercentage,this.markerData.points?.forEach((b,t)=>{b.forEach((c,s)=>{let g;i?(g=this.sectionHeights[s].top+(r-a)/2+(a-l*n)/2,g+=l*t+t*h):g=this.sectionHeights[s].top+(r-a)/2+(a-l)/2;let d=this.markerData.gridLeft-this.margins.leftInner-this.margins.rightInner,f=d,m=this.markerData.gridRight-c.left,x=this.data[t]?.pattern?` fill="url(#${this.data[t]?.pattern})"`:"",$=this.data[0]?.data[s]?.name;this.stacked&&(d=t>0?o[s]:d,o[s]=(o[s]||d)+m),e+=`<g role="listitem">
-          <text class="audible" x="${d}" y="${this.markerData.gridBottom}">${$} ${c.value}</text>
-          <rect class="bar color-${t+1}" aria-hidden="true" group-index="${t}" index="${s}" width="${m}" height="${l}" x="${d}" y="${g}"${x}>
-            <animate attributeName="x" from="${f}" to="${d}" ${this.animated?this.cubicBezier:this.cubicBezier.replace("0.8s","0.01s")}></animate>
-            <animate attributeName="width" from="0" to="${m}" ${this.animated?this.cubicBezier:this.cubicBezier.replace("0.8s","0.01s")}></animate>
-          </rect></g>`})}),e}get groupCount(){return this.markerData?.groupCount||1}#s(){this.isGrouped=!this.stacked&&this.groupCount>1}#t(e){return!Number.isNaN(e)&&e>0&&e<=1}get alignXLabels(){return this.getAttribute(u.ALIGN_X_LABELS)||"middle"}set barPercentage(e){this.#t(Number(e))?this.setAttribute(u.BAR_PERCENTAGE,String(e)):this.removeAttribute(u.BAR_PERCENTAGE),this.redraw()}get barPercentage(){let e=Number(this.getAttribute(u.BAR_PERCENTAGE));return this.#t(e)?e:this.isGrouped?.7:.5}set categoryPercentage(e){this.#t(Number(e))?this.setAttribute(u.CATEGORY_PERCENTAGE,String(e)):this.removeAttribute(u.CATEGORY_PERCENTAGE),this.redraw()}get categoryPercentage(){let e=Number(this.getAttribute(u.CATEGORY_PERCENTAGE));return this.#t(e)?e:.9}};y=v([A("ids-bar-chart"),k(S)],y);export{y as a};
+}`;var w,R,S,P,$,_,G,D,C,H,E,k,A=class extends T{constructor(){super();y(this,w);y(this,S);y(this,$);y(this,G);y(this,C);y(this,E);this.DEFAULT_SELECTABLE=!1}static get attributes(){return[...super.attributes,f.BAR_PERCENTAGE,f.CATEGORY_PERCENTAGE]}connectedCallback(){super.connectedCallback()}afterConnectedCallback(){b(this,S,P).call(this),b(this,w,R).call(this),this.attachTooltipEvents()}afterCalculateCallback(){b(this,C,H).call(this)}chartTemplate(){return`<g class="bars" role="list" aria-label="${`${this.stacked?"":this.data[0]?.name}`}">
+      ${b(this,$,_).call(this)}
+    </g>`}getSelected(){let e=this.selectionElements.filter(a=>a.hasAttribute("selected"));if(!e.length)return{};let o=e[0].getAttribute("group-index");if(!e.some(a=>a.getAttribute("group-index")!==o)){let a=this.data[o];return{bars:e,data:a,groupIndex:o}}let i=[],r=e.map(a=>{let h=a.getAttribute("group-index"),c=a.getAttribute("index"),m=this.data[h].data[c];return m&&i.push(m),{group:h,index:c}});return{bars:e,data:i,indexes:r}}setSelected(e){if(!this.initialized||!this.selectable||!this.data?.length||!this.selectionElements?.length)return;let o=N(e.groupIndex),n=N(e.index);if(!Number.isNaN(o))if(Number.isNaN(n))this.setSelection(o,!0);else{let i=this.selectionElements.findIndex(r=>r.getAttribute("group-index")===`${o}`&&r.getAttribute("index")===`${n}`);typeof i=="number"&&i>-1&&this.setSelection(i)}}setSelection(e,o){if(Number.isNaN(e)||!this.selectionElements?.[0])return!1;let n=t=>this.selectionElements.filter(l=>t(l)),i={selected:n(t=>t.hasAttribute("selected"))};if(o)i.target=n(t=>t.getAttribute("group-index")===`${e}`),i.inverse=n(t=>t.getAttribute("group-index")!==`${e}`);else{let t=this.selectionElements?.[e]?.getAttribute("index");i.target=n(l=>l.getAttribute("index")===`${t}`),i.inverse=n(l=>l.getAttribute("index")!==`${t}`)}let r=!1,a=t=>{let l=t[0].getAttribute("group-index");if(r=!t.some(d=>d.getAttribute("group-index")!==l),r){let d=this.data[l];return{bars:t,data:d,groupIndex:l}}let s=[],g=t.map(d=>{let u=d.getAttribute("group-index"),v=d.getAttribute("index"),x=this.data[u].data[v];return x&&s.push(x),{group:u,index:v}});return{bars:t,data:s,indexes:g}},h=()=>{let t=a(i.selected);if(!this.triggerVetoableEvent("beforedeselected",t))return!1;let l=s=>{delete s.selected};return r?l(t.data):t.data.forEach(s=>l(s)),this.selectionElements.forEach(s=>s.classList.remove("not-selected")),i.selected.forEach(s=>s.removeAttribute("selected")),this.triggerEvent("deselected",this,{bubbles:!0,detail:{elem:this,...t}}),!0};if(i.selected.length){if(!i.target.some(l=>!l.hasAttribute("selected")))return h();if(!h())return!1}let c=a(i.target);if(!this.triggerVetoableEvent("beforeselected",c))return!1;let m=t=>{t.selected=!0};return r?m(c.data):c.data.forEach(t=>m(t)),i.target.forEach(t=>t.setAttribute("selected","")),i.inverse.forEach(t=>t.classList.add("not-selected")),this.triggerEvent("selected",this,{bubbles:!0,detail:{elem:this,...c}}),!0}get selectionElements(){return this.selectable?[...this.container?.querySelectorAll("rect.bar")??[]]:[]}tooltipElements(){return[...this.container?.querySelectorAll("rect.bar")??[]]}get groupCount(){return this.markerData?.groupCount||1}get alignXLabels(){return this.getAttribute(f.ALIGN_X_LABELS)||"middle"}set barPercentage(e){b(this,E,k).call(this,Number(e))?this.setAttribute(f.BAR_PERCENTAGE,String(e)):this.removeAttribute(f.BAR_PERCENTAGE),this.redraw()}get barPercentage(){let e=Number(this.getAttribute(f.BAR_PERCENTAGE));return b(this,E,k).call(this,e)?e:this.isGrouped?.7:.5}set categoryPercentage(e){b(this,E,k).call(this,Number(e))?this.setAttribute(f.CATEGORY_PERCENTAGE,String(e)):this.removeAttribute(f.CATEGORY_PERCENTAGE),this.redraw()}get categoryPercentage(){let e=Number(this.getAttribute(f.CATEGORY_PERCENTAGE));return b(this,E,k).call(this,e)?e:.9}};w=new WeakSet,R=function(){if(!this.initialized||!this.selectable||!this.data?.length||!this.selectionElements?.length)return;let e=r=>typeof r=="number"&&r>-1,o=()=>{this.data.forEach(r=>{delete r.selected,r.data?.forEach(a=>{delete a?.selected})})},n=this.data.findIndex(r=>r.selected);if(e(n)){o(),this.data[n].data?.forEach(r=>{r.selected=!0}),this.selectionElements.forEach(r=>{r.getAttribute("group-index")===`${n}`?r.setAttribute("selected",""):r.classList.add("not-selected")});return}let i;for(let r=0,a=this.data.length;r<a&&(i=this.data[r].data?.findIndex(h=>h.selected),!e(i));r++);e(i)&&(o(),this.data.forEach(r=>{let a=r?.data?.[i];a&&(a.selected=!0)}),this.selectionElements.forEach(r=>{r.getAttribute("index")===`${i}`?r.setAttribute("selected",""):r.classList.add("not-selected")}))},S=new WeakSet,P=function(){if(this.horizontal)return;let e=this.shadowRoot?.querySelector(".vertical-lines");if(e){let o=e.querySelectorAll("line");o.forEach((r,a)=>{a!==0&&(r.setAttribute("x1",String(this.sectionWidths.at(a)?.left)),r.setAttribute("x2",String(this.sectionWidths.at(a)?.left)))});let n=this.sectionWidths.at(-1)?.left,i=`<line x1="${n}" x2="${n}" y1="${o[0].getAttribute("y1")}" y2="${o[0].getAttribute("y2")}"/>`;e.insertAdjacentHTML("beforeend",i)}},$=new WeakSet,_=function(){if(this.horizontal)return b(this,G,D).call(this);let e="",o=[],n=this.groupCount,i=this.isGrouped,r=this.sectionWidth,a=this.categoryPercentage*r,h=1,c=i?(a-n*h)/n:a;return c*=this.barPercentage,this.markerData.points?.forEach((m,t)=>{m.forEach((l,s)=>{let g;i?(g=this.sectionWidths[s].left+(r-a)/2+(a-c*n)/2,g+=c*t+t*h):g=this.sectionWidths[s].left+(r-a)/2+(a-c)/2;let d=this.markerData.gridBottom,u=d-l.top,v=this.data[t]?.pattern?` fill="url(#${this.data[t]?.pattern})"`:"",x=this.data[0]?.data[s]?.name,p=l.top;this.stacked&&(p=t>0?p-o[s]:p,o[s]=(o[s]||0)+u),u<0&&(u=0),c<0&&(c=0),e+=`<g role="listitem">
+          <text class="audible" x="${g}" y="${this.markerData.gridBottom}">${x} ${l.value}</text>
+          <rect class="bar color-${t+1}" aria-hidden="true" group-index="${t}" index="${s}" width="${c}" height="${u}" x="${g}" y="${p}"${v}>
+            <animate attributeName="height" from="0" to="${u}" ${this.animated?this.cubicBezier:this.cubicBezier.replace("0.8s","0.01s")}></animate>
+            <animate attributeName="y" from="${d}" to="${p}" ${this.animated?this.cubicBezier:this.cubicBezier.replace("0.8s","0.01s")}></animate>
+          </rect></g>`})}),e},G=new WeakSet,D=function(){let e="",o=[],n=this.groupCount,i=this.isGrouped,r=this.sectionHeight,a=this.categoryPercentage*r,h=1,c=i?(a-n*h)/n:a;return c*=this.barPercentage,this.markerData.points?.forEach((m,t)=>{m.forEach((l,s)=>{let g;i?(g=this.sectionHeights[s].top+(r-a)/2+(a-c*n)/2,g+=c*t+t*h):g=this.sectionHeights[s].top+(r-a)/2+(a-c)/2;let d=this.markerData.gridLeft-this.margins.leftInner-this.margins.rightInner,u=d,x=this.markerData.gridRight-l.left,p=this.data[t]?.pattern?` fill="url(#${this.data[t]?.pattern})"`:"",W=this.data[0]?.data[s]?.name;this.stacked&&(d=t>0?o[s]:d,o[s]=(o[s]||d)+x),e+=`<g role="listitem">
+          <text class="audible" x="${d}" y="${this.markerData.gridBottom}">${W} ${l.value}</text>
+          <rect class="bar color-${t+1}" aria-hidden="true" group-index="${t}" index="${s}" width="${x}" height="${c}" x="${d}" y="${g}"${p}>
+            <animate attributeName="x" from="${u}" to="${d}" ${this.animated?this.cubicBezier:this.cubicBezier.replace("0.8s","0.01s")}></animate>
+            <animate attributeName="width" from="0" to="${x}" ${this.animated?this.cubicBezier:this.cubicBezier.replace("0.8s","0.01s")}></animate>
+          </rect></g>`})}),e},C=new WeakSet,H=function(){this.isGrouped=!this.stacked&&this.groupCount>1},E=new WeakSet,k=function(e){return!Number.isNaN(e)&&e>0&&e<=1},A=V([z("ids-bar-chart"),B(L)],A);export{A as a};

package/chunks/ids-chunk-OUKDRX3A.js

@@ -0,0 +1,56 @@
+import{a as c}from"./ids-chunk-DK5QOJMP.js";import{a as n,b as u}from"./ids-chunk-XE4WFW5M.js";import{a as p}from"./ids-chunk-RCDMHHTV.js";import{e as o}from"./ids-chunk-5Q3WPKMB.js";import{a as r}from"./ids-chunk-4NXTNKXV.js";import{a as d,d as b,g}from"./ids-chunk-Y32WUP63.js";var A=`/* Ids Progress Bar */
+:host-context(ids-data-grid-cell) {
+  margin: var(--ids-progress-bar-grid-cell-margin);
+}
+
+:host {
+  width: 100%;
+}
+
+.ids-progress-bar {
+  contain: content;
+}
+.ids-progress-bar .progress-label {
+  color: var(--ids-progress-bar-label-color-text);
+}
+.ids-progress-bar .progress-bar {
+  background-color: var(--ids-progress-bar-color-background-default);
+  border-radius: var(--ids-progress-bar-border-radius);
+  border: var(--ids-progress-bar-border);
+  height: var(--ids-progress-bar-height);
+  margin: var(--ids-progress-bar-margin);
+  width: 100%;
+}
+.ids-progress-bar .progress-bar::-webkit-progress-bar {
+  background-color: var(--ids-progress-bar-color-background-default);
+  border-radius: var(--ids-progress-bar-border-radius);
+}
+.ids-progress-bar .progress-bar::-webkit-progress-value {
+  background-color: var(--ids-progress-bar-fill-color-background);
+  border-radius: var(--ids-progress-bar-border-radius);
+  transition: width var(--ids-motion-duration) var(--ids-motion-ease);
+}
+.ids-progress-bar .progress-bar::-moz-progress-bar {
+  background-color: var(--ids-progress-bar-fill-color-background);
+  border-radius: var(--ids-progress-bar-border-radius);
+  transition: width var(--ids-motion-duration) var(--ids-motion-ease);
+}
+.ids-progress-bar.label-audible .progress-bar {
+  margin: var(--ids-progress-bar-label-audible-margin);
+}
+.ids-progress-bar.disabled .progress-label {
+  color: var(--ids-progress-bar-color-text-disabled);
+}
+.ids-progress-bar.disabled .progress-bar {
+  border-color: var(--ids-progress-bar-color-background-disabled);
+}
+.ids-progress-bar.disabled .progress-bar::-webkit-progress-value {
+  background-color: var(--ids-progress-bar-color-background-disabled);
+  border-color: var(--ids-progress-bar-color-background-disabled);
+}`;var E=c(p),h="ids-progress-bar-id",m="100",L="0",a,v,i=class extends E{constructor(){super();b(this,a)}static get attributes(){return[r.DISABLED,r.LABEL,r.LABEL_AUDIBLE,r.MAX,r.VALUE]}template(){let s=o(this.labelAudible)?' audible="true"':"",t=o(this.disabled)?" disabled":"";return t+=o(this.labelAudible)?" label-audible":"",`
+      <div class="ids-progress-bar${t}">
+        <label for="${h}" class="progress-label">
+          <ids-text${s}>${this.label}</ids-text>
+        </label>
+        <progress class="progress-bar" id="${h}" max="${this.max}" value="${this.value}">${this.completed}</progress>
+      </div>`}get completed(){let s=parseFloat(this.value),t=parseFloat(this.max);return`${Math.round(100*s/t)}%`}set disabled(s){let t=this.shadowRoot?.querySelector(".ids-progress-bar"),e=o(s);e?(this.setAttribute(r.DISABLED,e.toString()),t?.classList.add(r.DISABLED)):(this.removeAttribute(r.DISABLED),t?.classList.remove(r.DISABLED))}get disabled(){return this.getAttribute(r.DISABLED)}set label(s){s?this.setAttribute(r.LABEL,s.toString()):this.removeAttribute(r.LABEL);let t=this.shadowRoot?.querySelector(".progress-label ids-text");t&&(t.innerHTML=s?s.toString():"")}get label(){return this.getAttribute(r.LABEL)||""}set labelAudible(s){let t=this.shadowRoot?.querySelector(".ids-progress-bar"),e=this.shadowRoot?.querySelector(".progress-label ids-text"),l=o(s);l?(this.setAttribute(r.LABEL_AUDIBLE,l.toString()),t?.classList.add(r.LABEL_AUDIBLE),e?.setAttribute(r.AUDIBLE,l.toString())):(this.removeAttribute(r.LABEL_AUDIBLE),t?.classList.remove(r.LABEL_AUDIBLE),e?.removeAttribute(r.AUDIBLE))}get labelAudible(){return this.getAttribute(r.LABEL_AUDIBLE)}set max(s){let t=this.shadowRoot?.querySelector(".progress-bar"),e=(s||m).toString();this.setAttribute(r.MAX,e),t?.setAttribute(r.MAX,e)}get max(){return this.getAttribute(r.MAX)||m}set value(s){this.setAttribute(r.VALUE,(s||L).toString()),g(this,a,v).call(this,s)}get value(){return this.getAttribute(r.VALUE)||L}};a=new WeakSet,v=function(s){let t=this.shadowRoot?.querySelector(".progress-bar");if(t){let e=t.getAttribute(r.VALUE);s!==null&&e!==s.toString()&&(t.setAttribute(r.VALUE,s.toString()),t.innerHTML=this.completed,this.triggerEvent("updated",this,{detail:{elem:this,completed:this.completed,max:this.max,value:this.value}}))}},i=d([n("ids-progress-bar"),u(A)],i);export{i as a};

package/chunks/{ids-chunk-2KRKXDVS.js → ids-chunk-PGBU3C4E.js}

@@ -1 +1 @@
-import{b as n,c as o}from"./ids-chunk-U34YTPJC.js";import{a as t}from"./ids-chunk-6EMRTLSG.js";var r=i=>class extends i{constructor(...e){super(...e)}static get attributes(){return[...i.attributes,t.RESPOND_UP,t.RESPOND_DOWN]}connectedCallback(){super.connectedCallback?.()}disconnectedCallback(){super.disconnectedCallback?.(),this.#n(),this.#o()}#e;#s;onBreakpointUpResponse;set respondUp(e){e?(this.setAttribute(t.RESPOND_UP,String(e)),this.#r(e)):(this.removeAttribute(t.RESPOND_UP),this.#n())}get respondUp(){return this.getAttribute(t.RESPOND_UP)}#r(e){this.#n(),this.#e=o(e),this.#s=s=>{typeof this.onBreakpointUpResponse=="function"&&this.onBreakpointUpResponse(e,s.matches)},this.#e.addEventListener("change",this.#s)}#n(){this.#e&&(this.#e.removeEventListener("change",this.#s),this.#s=void 0,this.#e=void 0)}#t;#i;onBreakpointDownResponse;set respondDown(e){e?(this.setAttribute(t.RESPOND_DOWN,String(e)),this.#a(e)):(this.removeAttribute(t.RESPOND_DOWN),this.#o())}get respondDown(){return this.getAttribute(t.RESPOND_DOWN)}#a(e){this.#o(),this.#t=n(e),this.#i=s=>{typeof this.onBreakpointDownResponse=="function"&&this.onBreakpointDownResponse(e,s.matches)},this.#t.addEventListener("change",this.#i)}#o(){this.#t&&(this.#t.removeEventListener("change",this.#i),this.#i=void 0,this.#t=void 0)}respondToCurrentBreakpoint(){let e=s=>new MediaQueryListEvent("change",{bubbles:!0,matches:s.matches});this.#e&&this.#e.dispatchEvent(e(this.#e)),this.#t&&this.#t.dispatchEvent(e(this.#t))}},h=r;export{h as a};
+import{b as n,c as o}from"./ids-chunk-U34YTPJC.js";import{a as t}from"./ids-chunk-4NXTNKXV.js";var r=i=>class extends i{constructor(...e){super(...e)}static get attributes(){return[...i.attributes,t.RESPOND_UP,t.RESPOND_DOWN]}connectedCallback(){super.connectedCallback?.()}disconnectedCallback(){super.disconnectedCallback?.(),this.#n(),this.#o()}#e;#s;onBreakpointUpResponse;set respondUp(e){e?(this.setAttribute(t.RESPOND_UP,String(e)),this.#r(e)):(this.removeAttribute(t.RESPOND_UP),this.#n())}get respondUp(){return this.getAttribute(t.RESPOND_UP)}#r(e){this.#n(),this.#e=o(e),this.#s=s=>{typeof this.onBreakpointUpResponse=="function"&&this.onBreakpointUpResponse(e,s.matches)},this.#e.addEventListener("change",this.#s)}#n(){this.#e&&(this.#e.removeEventListener("change",this.#s),this.#s=void 0,this.#e=void 0)}#t;#i;onBreakpointDownResponse;set respondDown(e){e?(this.setAttribute(t.RESPOND_DOWN,String(e)),this.#a(e)):(this.removeAttribute(t.RESPOND_DOWN),this.#o())}get respondDown(){return this.getAttribute(t.RESPOND_DOWN)}#a(e){this.#o(),this.#t=n(e),this.#i=s=>{typeof this.onBreakpointDownResponse=="function"&&this.onBreakpointDownResponse(e,s.matches)},this.#t.addEventListener("change",this.#i)}#o(){this.#t&&(this.#t.removeEventListener("change",this.#i),this.#i=void 0,this.#t=void 0)}respondToCurrentBreakpoint(){let e=s=>new MediaQueryListEvent("change",{bubbles:!0,matches:s.matches});this.#e&&this.#e.dispatchEvent(e(this.#e)),this.#t&&this.#t.dispatchEvent(e(this.#t))}},h=r;export{h as a};

package/chunks/ids-chunk-PK6NH6UP.js

@@ -0,0 +1,80 @@
+import{a as y}from"./ids-chunk-S3IRDAIM.js";import{a as E}from"./ids-chunk-T6ZV4PDM.js";import{a as v}from"./ids-chunk-DK5QOJMP.js";import{a as p,b as x}from"./ids-chunk-XE4WFW5M.js";import{a as f}from"./ids-chunk-RCDMHHTV.js";import{a as i}from"./ids-chunk-4NXTNKXV.js";import{a as u,b as g,d as o,g as s}from"./ids-chunk-Y32WUP63.js";var C=`::slotted(img) {
+  contain: content;
+  margin-bottom: var(--ids-block-grid-margin);
+}
+
+:host {
+  width: var(--ids-block-grid-item-width);
+}
+
+:host([selection=single]),
+:host([selection=mixed]),
+:host([selection=multiple]) {
+  width: var(--ids-block-grid-item-selectable-width);
+  max-width: var(--ids-block-grid-item-width-max);
+  box-sizing: border-box;
+}
+:host([selection=single]) .ids-block-grid-item-container,
+:host([selection=mixed]) .ids-block-grid-item-container,
+:host([selection=multiple]) .ids-block-grid-item-container {
+  padding: var(--ids-block-grid-item-selectable-container-padding);
+}
+
+:host([selection=multiple][type=block]) {
+  width: var(--ids-block-grid-item-selectable-multiple-width);
+}
+:host([selection=multiple][type=block]) ::slotted(ids-text) {
+  text-align: left;
+}
+:host([selection=multiple][type=block]) .ids-block-grid-item-container {
+  padding: var(--ids-block-grid-item-selectable-container-multiple-padding);
+}
+:host([selection=multiple][type=block]) .ids-block-grid-item-checkbox {
+  top: var(--ids-block-grid-item-selectable-size-multiple-block-checkbox-top);
+  left: var(--ids-block-grid-item-selectable-size-multiple-block-checkbox-left);
+  right: var(--ids-block-grid-item-selectable-multiple-block-checkbox-right);
+}
+
+.ids-block-grid-item-container:focus-visible {
+  outline: none;
+}
+.ids-block-grid-item-container.is-selectable {
+  border-radius: var(--ids-block-grid-item-border-radius);
+  cursor: var(--ids-cursor-pointer);
+}
+.ids-block-grid-item-container.is-selectable ::slotted(img) {
+  border-radius: var(--ids-block-grid-item-selectable-border-radius-container);
+}
+.ids-block-grid-item-container.is-selectable:hover {
+  background-color: var(--ids-block-grid-item-color-background-selectable-hover);
+  cursor: var(--ids-cursor-pointer);
+}
+.ids-block-grid-item-container.is-selectable:focus {
+  outline: var(--ids-block-grid-item-selectable-container-focus);
+  box-shadow: var(--ids-block-grid-item-shadow-selectable-container-focus);
+}
+.ids-block-grid-item-container.is-selected:not(:focus) {
+  border-radius: var(--ids-block-grid-item-border-radius-selected);
+  background-color: var(--ids-block-grid-item-color-background-selected);
+  outline: var(--ids-block-grid-item-outline-selected);
+}
+.ids-block-grid-item-container.is-selected .ids-block-grid-item-checkbox, .ids-block-grid-item-container.is-selectable:hover .ids-block-grid-item-checkbox, .ids-block-grid-item-container.is-selectable:focus .ids-block-grid-item-checkbox {
+  visibility: visible;
+}
+.ids-block-grid-item-container.pre-selected {
+  background-color: var(--ids-block-grid-item-pre-color-background-selected);
+  cursor: var(--ids-cursor-pointer);
+}
+.ids-block-grid-item-checkbox {
+  position: absolute;
+  top: var(--ids-block-grid-checkbox-top-size);
+  right: var(--ids-block-grid-checkbox-right-size);
+  visibility: hidden;
+}`;var q=E(v(y(f))),n,S,d,I,a,D,l,h,r,k,b,A,c=class extends q{constructor(e={}){super();o(this,n);o(this,d);o(this,a);o(this,l);o(this,r);o(this,b);g(this,"checkboxHasFocus",!1);this.state={checkboxHasFocus:!1},e.selection&&(this.selection=e.selection)}connectedCallback(){var e;super.connectedCallback(),s(e=s(this,n,S).call(this),d,I).call(e)}template(){return`
+      <div class="ids-block-grid-item-container" tabindex="0">
+        <div class="ids-block-grid-item-checkbox">
+          <ids-checkbox></ids-checkbox>
+        </div>
+        <slot></slot>
+      </div>
+    `}};n=new WeakSet,S=function(){this.onEvent("click",this,s(this,a,D));let e=this.container?.querySelector("ids-checkbox");return this.onEvent("click.checkbox",e,t=>{t.stopPropagation(),t.preventDefault(),this.selection==="single"?s(this,l,h).call(this,t):s(this,r,k).call(this,t)}),this.onEvent("focus.blockitem",this,()=>{this.querySelector("ids-card")?.container?.querySelector("ids-hyperlink")?.container?.focus()}),this},d=new WeakSet,I=function(){return this.listen(["Tab"],this,e=>{!this.checkboxHasFocus&&this.selection==="mixed"?(e.preventDefault(),e.stopPropagation(),this.checkboxHasFocus=!0,this.container?.querySelector("ids-checkbox")?.container?.classList.add("has-focus")):(this.nextElementSibling&&!e.shiftKey?(e.preventDefault(),e.stopPropagation(),this.nextElementSibling?.container?.focus()):this.previousElementSibling&&e.shiftKey&&(e.preventDefault(),e.stopPropagation(),this.previousElementSibling?.container?.focus()),this.checkboxHasFocus=!1,this.container?.querySelector("ids-checkbox")?.container?.classList.remove("has-focus"))}),this.listen([" "],this,()=>{this.checkboxHasFocus&&this.selection==="mixed"?this.container?.querySelector("ids-checkbox")?.dispatchEvent(new Event("click")):this.dispatchEvent(new Event("click"))}),this},a=new WeakSet,D=function(e){this.container?.focus(),this.selection==="single"?s(this,l,h).call(this,e):this.selection==="multiple"?s(this,r,k).call(this,e):s(this,b,A).call(this)},l=new WeakSet,h=function(e){this.selected==="true"?(this.setAttribute(i.SELECTED,"false"),this.container?.querySelector("ids-checkbox")?.setAttribute(i.CHECKED,"false")):([...this.parentElement?.querySelectorAll('ids-block-grid-item[selection="single"]')??[]].forEach(m=>{m.container?.querySelector("ids-checkbox")?.setAttribute(i.CHECKED,"false"),m.setAttribute(i.SELECTED,"false")}),this.setAttribute(i.SELECTED,"true"),this.container?.querySelector("ids-checkbox")?.setAttribute(i.CHECKED,"true"));let t={detail:{elem:this,nativeEvent:e,selected:this.selected,selection:this.selection}};this.triggerEvent("selectionchanged",this,t)},r=new WeakSet,k=function(e){this.container?.querySelector("ids-checkbox")?.setAttribute(i.CHECKED,String(this.selected!=="true")),this.setAttribute(i.SELECTED,String(this.selected!=="true"));let t={detail:{elem:this,nativeEvent:e,selected:this.selected,selection:this.selection}};this.triggerEvent("selectionchanged",this,t)},b=new WeakSet,A=function(){this.preselected==="true"?this.setAttribute(i.PRE_SELECTED,"false"):([...this.parentElement?.querySelectorAll('ids-block-grid-item[selection="mixed"]')??[]].forEach(t=>{t.setAttribute(i.PRE_SELECTED,"false")}),this.setAttribute(i.PRE_SELECTED,"true"))},c=u([p("ids-block-grid-item"),x(C)],c);export{c as a};

package/chunks/ids-chunk-PQ5O6G32.js

@@ -0,0 +1,119 @@
+import{a as i}from"./ids-chunk-XUBQJWA7.js";import{a as p}from"./ids-chunk-SQGTVQTQ.js";import{a as f,b as u}from"./ids-chunk-XE4WFW5M.js";import{a as o}from"./ids-chunk-4NXTNKXV.js";import{a as h,d as l,g as a}from"./ids-chunk-Y32WUP63.js";var b=`/* Ids Modal Component */
+:host {
+  display: block;
+  position: fixed;
+  height: 100%;
+  width: 100%;
+  top: 0;
+  left: 0;
+}
+
+:host(:not([visible])) {
+  pointer-events: none;
+}
+
+.ids-modal {
+  display: block;
+  pointer-events: none;
+}
+.ids-modal[visible] {
+  pointer-events: auto;
+}
+.ids-modal.fullsize {
+  height: 100%;
+}
+.ids-modal:not(.scrollable) .has-scrollbar {
+  overflow: hidden;
+}
+.ids-modal.scrollable .has-scrollbar {
+  overflow: auto;
+}
+
+.ids-modal-header {
+  padding: var(--ids-modal-header-padding);
+}
+
+.ids-modal-content {
+  padding: var(--ids-modal-content-padding);
+  flex-grow: 1;
+  flex-shrink: 1;
+}
+
+.ids-modal-header + .ids-modal-content {
+  padding-block-start: 0;
+}
+
+.ids-modal-header,
+.ids-modal-footer {
+  align-items: center;
+  display: flex;
+}
+
+.ids-modal-footer {
+  margin: var(--ids-modal-footer-margin);
+  border-top: 1px solid var(--ids-modal-footer-color-border);
+}
+.ids-modal-footer[hidden] {
+  border-top: none;
+}
+
+.ids-modal-container {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-around;
+  height: 100%;
+  width: 100%;
+}
+
+::slotted([slot=buttons]) {
+  flex-grow: 1;
+  display: flex;
+}
+
+.modal-control-close {
+  position: absolute;
+  top: 4px;
+  right: 4px;
+}
+.modal-control-close[dir=rtl] {
+  left: 4px;
+  right: unset;
+}
+
+::slotted([slot=buttons]:not(:first-of-type)) {
+  border-inline-start: 1px solid var(--ids-modal-footer-color-border);
+}
+
+.ids-modal-button:not(.ids-modal-icon-button):not(:first-of-type) {
+  border-left: 1px solid var(--ids-modal-footer-color-border);
+}
+
+@media screen and (min-width: 600px) {
+  ::slotted([slot=title]) {
+    font-size: var(--ids-font-size-60);
+  }
+}
+:host {
+  display: block;
+}
+
+.ids-message-status {
+  padding-inline-end: 8px;
+  color: var(--ids-message-color-text);
+}
+.ids-message-status.error {
+  color: var(--ids-message-color-icon-error);
+}
+.ids-message-status.warning {
+  color: var(--ids-message-color-icon-warning);
+}
+.ids-message-status.success {
+  color: var(--ids-message-color-icon-success);
+}
+.ids-message-status.info {
+  color: var(--ids-message-color-icon-info);
+}
+
+.ids-message-content {
+  max-width: 400px;
+}`;var c,y,d,g,m,x,n=class extends p{constructor(){super();l(this,c);l(this,d);l(this,m);this.state||(this.state={}),this.state.message="",this.state.status=i[0]}static get attributes(){return[...super.attributes,o.MESSAGE,o.OPACITY,o.STATUS]}connectedCallback(){super.connectedCallback(),this.status=this.getAttribute(o.STATUS),this.opacity=this.getAttribute(o.OPACITY);let t=this.querySelector("*:not([slot])");t&&(this.message=t.innerHTML),a(this,d,g).call(this,this.status)}get ariaLabelContent(){return`${this.status!=="none"?`${this.status}: `:""}${this.messageTitle}`}get message(){return this.state.message}set message(t){let e=this.xssSanitize(t);e!==this.state.message&&a(this,c,y).call(this,e)}get opacity(){return this.state.opacity}set opacity(t){if(t){this.state.opacity=t;let e=this.shadowRoot?.querySelector("ids-overlay");e&&(e.opacity=t)}}get status(){return this.state.status||"default"}set status(t){let e=i[0];t&&i.includes(t)&&(e=t);let s=this.state.status;e!==s&&(this.state.status=e,typeof t=="string"&&t.length&&e!==i[0]?this.setAttribute(o.STATUS,e):this.removeAttribute(o.STATUS),a(this,d,g).call(this,e),this.refreshAriaLabel())}};c=new WeakSet,y=function(t){let e=this.querySelector("*:not([slot])");e?e.innerHTML="":(e=document.createElement("div"),this.appendChild(e)),e.insertAdjacentHTML("afterbegin",String(t)),this.state.message=t},d=new WeakSet,g=function(t){let e=this.container?.querySelector(".ids-modal-header"),s=e?.querySelector("ids-icon");t=t==="warning"?"alert":t,t&&t!==i[0]?(s||(e?.insertAdjacentHTML("afterbegin",`<ids-icon slot="icon" icon="${t}" class="ids-icon ids-message-status"></ids-icon>`),s=e?.querySelector("ids-icon")),s&&(s.icon=t,a(this,m,x).call(this,s,t))):s?.remove()},m=new WeakSet,x=function(t,e){let s=t.classList;i.forEach(r=>{e=e==="alert"?"warning":e,r=r==="alert"?"warning":r,e!=="none"&&e===r?s.add(r):s.remove(r)})},n=h([f("ids-message"),u(b)],n);export{n as a};