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

package/chunks/ids-chunk-KOVKQPD6.js

@@ -1,49 +0,0 @@
-import{a as f}from"./ids-chunk-MXFCUDLP.js";import{a as b}from"./ids-chunk-T6ZV4PDM.js";import{a as v}from"./ids-chunk-B6P5AQ2Z.js";import{a as h,b as d}from"./ids-chunk-XE4WFW5M.js";import{a as p}from"./ids-chunk-DCNGT4R2.js";import{e as c}from"./ids-chunk-TJKIW3GF.js";import{a as s}from"./ids-chunk-6EMRTLSG.js";import{a as u}from"./ids-chunk-5K6IDMGA.js";var m=`
-/* Ids Scroll view Component */
-.ids-scroll-view {
-  display: flex;
-  outline: none;
-  overflow-x: scroll;
-  scroll-snap-type: x mandatory;
-  scroll-behavior: smooth;
-  -ms-overflow-style: none;
-  scrollbar-width: none;
-}
-.ids-scroll-view::-webkit-scrollbar {
-  display: none;
-}
-.ids-scroll-view ::slotted([slot=scroll-view-item]) {
-  flex-shrink: 0;
-  scroll-snap-align: start;
-  width: 100%;
-}
-.ids-scroll-view ::slotted([slot=scroll-view-item]) > * {
-  display: block;
-  margin: 0;
-}
-
-.ids-scroll-view-controls {
-  display: flex;
-  justify-content: center;
-}
-.ids-scroll-view-controls.suppress-controls {
-  display: none;
-}
-.ids-scroll-view-controls .circle-button [icon] {
-  color: var(--ids-scroll-view-color-icon-default);
-}
-.ids-scroll-view-controls .circle-button.selected [icon] {
-  color: var(--ids-scroll-view-color-icon-selected);
-}
-.ids-scroll-view-controls .circle-button.selected [icon]::part(svg) {
-  fill: var(--ids-scroll-view-color-icon-selected);
-}`;var g=b(f(v(p))),l=class extends g{constructor(){super()}static get attributes(){return[...super.attributes,s.LOOP,s.SHOW_TOOLTIP,s.SUPPRESS_CONTROLS]}connectedCallback(){super.connectedCallback(),this.#i(),this.#l()}disconnectedCallback(){super.disconnectedCallback()}template(){let t="ids-scroll-view-controls";return this.suppressControls&&(t+=` ${s.SUPPRESS_CONTROLS}`),`<div class="ids-scroll-view-container" part="container">
-      <div class="ids-scroll-view" part="scroll-view" role="complementary" tabindex="-1">
-        <slot name="scroll-view-item"></slot>
-      </div>
-      <div class="${t}" part="controls" role="tablist"></div>
-    </div>`}vetoableEventTypes=["beforefirst","beforeprevious","beforenext","beforelast","beforeslideto"];#t=0;#s=!1;get circleButtons(){return[...this.controls?.querySelectorAll(".circle-button")??[]]}get controls(){return this.shadowRoot?.querySelector(".ids-scroll-view-controls")}set loop(t){let e=c(t);e!==this.loop&&(e?this.setAttribute(s.LOOP,""):this.removeAttribute(s.LOOP))}get loop(){return this.hasAttribute(s.LOOP)}set showTooltip(t){let e=c(t);e!==this.showTooltip&&(e?this.setAttribute(s.SHOW_TOOLTIP,""):this.removeAttribute(s.SHOW_TOOLTIP),this.#r())}get showTooltip(){return this.hasAttribute(s.SHOW_TOOLTIP)}set suppressControls(t){let e=c(t);e!==this.suppressControls&&(e?(this.setAttribute(s.SUPPRESS_CONTROLS,""),this.controls?.classList.add(s.SUPPRESS_CONTROLS)):(this.removeAttribute(s.SUPPRESS_CONTROLS),this.controls?.classList.remove(s.SUPPRESS_CONTROLS)))}get suppressControls(){return this.hasAttribute(s.SUPPRESS_CONTROLS)}first(){let t={activeNumber:this.#t};this.triggerVetoableEvent("beforefirst",t)&&this.#t!==0&&this.#e(0,!0,!0)}previous(){let t=this.#t,e={activeNumber:t};if(this.triggerVetoableEvent("beforeprevious",e)){if(t<=0){if(!this.loop)return;t=this.circleButtons.length-1}else t--;t!==this.#t&&this.#e(t,!0,!0)}}next(){let t=this.#t,e={activeNumber:t};if(this.triggerVetoableEvent("beforenext",e)){if(t>=this.circleButtons.length-1){if(!this.loop)return;t=0}else t++;t!==this.#t&&this.#e(t,!0,!0)}}last(){let t=this.#t,e={activeNumber:t};this.triggerVetoableEvent("beforelast",e)&&(t=this.circleButtons.length-1,t!==this.#t&&this.#e(t,!0,!0))}slideTo(t){let e={activeNumber:this.#t,slideTo:t};this.triggerVetoableEvent("beforeslideto",e)&&this.#e(t,!0,!0)}currentSlideNumber(){let t=this.container,e;return t&&(e=t.scrollLeft/t.offsetWidth,this.localeAPI?.isRTL()&&(e*=-1)),typeof e=="number"&&!Number.isNaN(e)?Math.trunc(e):void 0}#o(t){let e=this.container,o=parseInt(t,10);if(e&&!Number.isNaN(o)){let r=e.offsetWidth*o;this.localeAPI?.isRTL()&&(r*=-1);let i=r-e.scrollLeft;i&&(e.scrollBy({left:i}),this.triggerEvent("scrolled",this,{detail:{elem:this,activeNumber:this.#t,left:i}}))}}#r(){this.circleButtons.forEach(t=>{this.showTooltip?t.setAttribute("tooltip",(t.text||"").trim()):t.removeAttribute("tooltip"),t.handleTooltipEvents()})}#i(){this.controls&&(this.controls.innerHTML=""),this.querySelectorAll("[slot]").forEach((t,e)=>{let o=` class="circle-button${e===0?" selected":""}"`,r=e===0?' aria-selected="true"':"",i=t.getAttribute("label")||t.getAttribute("alt")||"",n=this.showTooltip?`tooltip="${i}"`:"";this.controls?.insertAdjacentHTML("beforeend",`
-        <ids-button data-slide-number="${e}" part="button" exportparts="button: scroll-view-button" role="tab"${o}${r}${n}>
-          <ids-icon icon="empty-circle-filled"></ids-icon>
-          <span class="audible">${i}</span>
-        </ids-button>`)})}#e(t,e=!1,o=!1){let r=this.circleButtons,i=parseInt(t,10);if(!Number.isNaN(i)&&i!==this.#t){let n=r[this.#t],a=r[i];this.#t=i,n?.classList.remove("selected"),n?.removeAttribute("aria-selected"),a?.classList.add("selected"),a?.setAttribute("aria-selected","true"),e&&this.#o(i),o&&a?.focus()}}#l(){this.offEvent("click.scrollview",this.controls),this.onEvent("click.scrollview",this.controls,e=>{e.preventDefault(),this.#s=!0,this.#e(e.target?.getAttribute("data-slide-number"),!0,!1)}),this.unlisten("ArrowLeft"),this.unlisten("ArrowRight"),this.unlisten("Enter"),this.listen(["ArrowLeft","ArrowRight","Enter"],this.controls,e=>{this.#s=!0,e.key==="ArrowLeft"&&this.previous(),e.key==="ArrowRight"&&this.next(),e.key==="Enter"&&(e.preventDefault(),e.stopPropagation())});let t=this.container?.querySelector('slot[name="scroll-view-item"]');this.offEvent("click.scrollview",t),this.onEvent("slotchange",t,()=>this.#i()),this.offEvent("scroll.scrollview",this.container),this.onEvent("scroll.scrollview",this.container,e=>{let o=e.target;o&&o.scrollLeft%o.offsetWidth===0&&(this.#s||this.#e(this.currentSlideNumber(),!1,!0),this.#s=!1)})}};l=u([h("ids-scroll-view"),d(m)],l);export{l as a};

package/chunks/ids-chunk-KWQEIDDP.js

@@ -1,177 +0,0 @@
-import{a as V}from"./ids-chunk-KSU4TFM3.js";import{a as q}from"./ids-chunk-EJPAX7HS.js";import{a as W}from"./ids-chunk-H2YLORNF.js";import{a as R}from"./ids-chunk-MXFCUDLP.js";import{a as $}from"./ids-chunk-B6P5AQ2Z.js";import{a as L,b as _}from"./ids-chunk-CK6SA7FU.js";import{a as S,b as M}from"./ids-chunk-XE4WFW5M.js";import{a as N}from"./ids-chunk-DCNGT4R2.js";import{a as C,b as T,c as O,f as E,g as m,h as x,j as A}from"./ids-chunk-N7P4D4N3.js";import{e as p,f as g}from"./ids-chunk-TJKIW3GF.js";import{a as s}from"./ids-chunk-6EMRTLSG.js";import{a as I}from"./ids-chunk-5K6IDMGA.js";var z=`
-: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 F=q(V(R($(N)))),k=class extends F{dayMap=[];vetoableEventTypes=["beforeweekrendered"];ro=null;constructor(){super()}connectedCallback(){super.connectedCallback(),this.#e(),this.#o()}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,s.END_DATE,s.END_HOUR,s.FIRST_DAY_OF_WEEK,s.SHOW_TIMELINE,s.SHOW_TODAY,s.START_DATE,s.START_HOUR,s.TIMELINE_INTERVAL]}template(){return'<div class="ids-week-view"></div>'}#o(){return this.ro=new ResizeObserver(e=>{requestAnimationFrame(()=>{for(let t of e)t.contentRect.width>0&&this.#s()})}),this.ro.observe(this.container),this}onLocaleChange=()=>{this.#e()};onLanguageChange=()=>{this.#e(),this.#s()};changeDate(e){let t=E(this.startDate,this.endDate),r=t!==7,i,a;e==="next"&&(i=m(this.startDate,t,"days"),a=m(this.endDate,t-1,"days")),e==="previous"&&(i=x(this.startDate,t,"days"),a=x(this.endDate,t+1,"days")),e==="today"&&(i=r?new Date:T(new Date,this.firstDayOfWeek),a=m(i,t-1,"days")),this.#l(()=>{this.startDate=i,this.endDate=a}),this.state.activeDate=this.startDate,this.triggerDateChange(this.startDate,e)}#l(e){this.state.wait=!0,e(),this.state.wait=!1,this.#e()}#e(){if(!this.locale||this.state.wait||!this.container||!this.triggerVetoableEvent("beforeweekrendered"))return;let t=E(this.startDate,this.endDate),r=this.endHour-this.startHour+1,i=t===1||t===0,a=this.localeAPI.locale.options.calendars,v=a[0]?.dateFormat?.dayOfWeek,d=v&&v.split(" ")[0]==="EEE",n=u=>u?i?32:20:16;this.dayMap=[];let w=Array.from({length:t},(u,c)=>{let l=this.startDate.setDate(this.startDate.getDate()+c),D=this.localeAPI.formatDate(l,{day:"numeric"}),H=this.localeAPI.formatDate(l,{weekday:"short"}),y=C(new Date(l));return`
-        <th data-key="${this.generateDateKey(new Date(l))}">
-          <div class="week-view-header-wrapper${y?" is-today":""}${i?" is-day-view":""}">
-            <ids-text
-              class="week-view-header-day-of-week${d?"":" is-emphasis"}"
-              font-size="${n(!d)}"
-              ${y?'font-weight="semi-bold"':""}
-            >${d?H:D}</ids-text>
-            <ids-text
-              class="week-view-header-day-of-week${d?" is-emphasis":""}"
-              font-size="${n(d)}"
-              ${y?'font-weight="semi-bold"':""}
-            >${d?D:H}</ids-text>
-          </div>
-          <div class="week-view-all-day-wrapper"></div>
-        </th>
-      `}).join(""),o=Array.from({length:t}).map((u,c)=>{let l=this.startDate;return l.setDate(l.getDate()+c),`<td data-date="${l.getDate()}">
-        <div class="week-view-cell-wrapper"></div>
-      </td>`}).join(""),h=this.startHour,f=Array.from({length:r}).map((u,c)=>{let l=h+c;return`
-      <tr class="week-view-hour-row" data-hour="${l}">
-        <td>
-          <div class="week-view-cell-wrapper">
-            <ids-text font-size="12">${a?this.localeAPI.formatHour(this.startHour+c):""}</ids-text>
-          </div>
-        </td>
-        ${o}
-      </tr>
-      <tr class="week-view-half-hour-row" data-hour="${l}.5">
-        <td>
-          <div class="week-view-cell-wrapper"></div>
-        </td>
-        ${o}
-      </tr>`}).join(""),b=`<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>
-            ${w}
-          </tr>
-        </thead>
-        <tbody>
-          ${f}
-        </tbody>
-      </table>
-    </div>`;this.container.querySelector(".week-view-container")?.remove(),this.container.insertAdjacentHTML("beforeend",b),this.state.hasRendered=!0,this.triggerEvent("afterweekrendered",this),this.container.querySelectorAll("th").forEach(u=>{let c=u.getAttribute("data-key");if(c){let l=parseInt(c);this.dayMap.push({key:l,elem:u})}}),this.#t(),this.renderEventsData()}#t(){if(this.container?.querySelectorAll(".week-view-time-marker").forEach(a=>a.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(a=>a.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 a=new Date,v=a.getHours(),d=a.getMinutes(),n=v-this.startHour+d/60,w=a.getTime()-this.startDate.getTime(),o=n>0&&n<=e?n*52:0;t&&(t.style.setProperty("--timeline-shift",`${o}px`),t.dataset.diffInMilliseconds=w.toString())};i(),this.#d(),this.#i=L(()=>i(),r)}#d(){this.#i&&_(this.#i)}#i;#s(){let e=this.container?.offsetTop;this.container?.style.setProperty("--offset-top",`${e}px`)}#a(e,t){let r=e.getHours(),i=e.getMinutes(),a=e.getSeconds();return t?r+(i>=30?.5:0):r+i/60+a/600}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&&this.#w(t)})}#h(e){let t=new Date(e.starts),r=t.getDate(),i=this.#a(t,!0);return this.container?.querySelector(`[data-hour="${i}"] [data-date="${r}"]`)||null}#r(e,t){let r=new W,i=this.eventTypesData?.find(a=>a.id===e.type);return r.eventTypeData=i,r.eventData=e,t?.length&&(r.cssClass=t),r}#w(e){let t,r,i=new Date(e.starts),a=new Date(e.ends),v=this.generateDateKey(i),d=this.generateDateKey(a),n=this.dayMap.filter(o=>o.key>=v&&o.key<=d),w=p(e.isAllDay);if(n.length===1&&!w){t=this.#r(e),r=this.#h(e),r&&this.#c(r,t);return}if(n.length===1&&w){t=this.#r(e,["all-day"]),r=n[0].elem.querySelector(".week-view-all-day-wrapper"),r&&this.#n(r,t);return}if(n.length>1&&w)for(let o=0;o<n.length;o++){let h=o===0?"calendar-event-start":"calendar-event-continue";o===n.length-1&&(h="calendar-event-ends"),t=this.#r(e,["all-day",h]),r=n[o].elem.querySelector(".week-view-all-day-wrapper"),r&&this.#n(r,t)}}#c(e,t){let r=parseFloat(e.parentElement?.getAttribute("data-hour")||""),i=this.#a(t.startDate,!1),a=e.querySelector(".week-view-cell-wrapper"),v=.25,d=this.endHour+1-i,n=t.duration;if(n=Math.max(v,n),n=Math.min(d,n),t.height=`${n*50+n/.5-1}px`,n<.5&&(t.cssClass=["reduced-padding"]),n<1.5&&(t.cssClass=["is-ellipsis"]),n>=2&&(t.displayTime=!0,t.overflow="normal"),i+n>this.endHour&&(t.cssClass=["is-cutoff"]),i>r){let h=.016666666666666784,f=i-r,b=e.parentElement?.offsetHeight||26;t.yOffset=`${f/h*(b/30)}px`}let w=e.querySelectorAll("ids-calendar-event"),o=w.length;if(o>0){let h=100/(o+1);t.width=`${h}%`,t.xOffset=`${h*o}%`,w.forEach((f,b)=>{f.width=`${h}%`,f.xOffset=`${h*b}%`})}this.triggerEvent("beforeeventrendered",this,{detail:{elem:this,events:this.eventsData,event:t,dateCell:t,container:a},bubbles:!0}),a?.appendChild(t),this.triggerEvent("aftereventrendered",this,{detail:{elem:this,events:this.eventsData,event:t,dateCell:t,container:a},bubbles:!0})}#n(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(a=>{a.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})}get showToday(){let e=this.getAttribute(s.SHOW_TODAY);return p(e)}set showToday(e){p(e)?this.setAttribute(s.SHOW_TODAY,"true"):this.removeAttribute(s.SHOW_TODAY),this.#e()}get startDate(){let e=this.getAttribute(s.START_DATE),t=new Date(e??"");return e&&A(t)?t:T(new Date,this.firstDayOfWeek)}set startDate(e){e?this.setAttribute(s.START_DATE,e.toString()):this.removeAttribute(s.START_DATE),this.#e()}get endDate(){let e=this.getAttribute(s.END_DATE),t=new Date(e??"");return e&&A(t)?m(t,1,"days"):O(new Date,this.firstDayOfWeek)}set endDate(e){e?this.setAttribute(s.END_DATE,e.toString()):this.removeAttribute(s.END_DATE),this.#e()}onFirstDayOfWeekChange(){this.#e()}get startHour(){let e=this.getAttribute(s.START_HOUR),t=g(e);return e&&t>=0&&t<=24?t:7}set startHour(e){e!==null?this.setAttribute(s.START_HOUR,String(e)):this.removeAttribute(s.START_HOUR),this.#e()}get endHour(){let e=this.getAttribute(s.END_HOUR),t=g(e);return e&&t>=0&&t<=24?t:19}set endHour(e){e!==null?this.setAttribute(s.END_HOUR,String(e)):this.removeAttribute(s.END_HOUR),this.#e()}get showTimeline(){let e=this.getAttribute(s.SHOW_TIMELINE);return e?p(e):!0}set showTimeline(e){let t=p(e);this.setAttribute(s.SHOW_TIMELINE,String(t)),this.#t()}get timelineInterval(){let e=this.getAttribute(s.TIMELINE_INTERVAL),t=g(e);return t>0?t:3e4}set timelineInterval(e){e?this.setAttribute(s.TIMELINE_INTERVAL,String(e)):this.removeAttribute(s.TIMELINE_INTERVAL),this.#t()}};k=I([S("ids-week-view"),M(z)],k);export{k as a};

package/chunks/ids-chunk-LE7C5GBB.js

@@ -1,280 +0,0 @@
-import{a as E}from"./ids-chunk-JEL6K34H.js";import{a as S}from"./ids-chunk-GJU74P7B.js";import{a as w}from"./ids-chunk-ONPEMRJP.js";import{c as u}from"./ids-chunk-M7IB5XSG.js";import{a as I}from"./ids-chunk-ZIGY2P3N.js";import{a as m}from"./ids-chunk-BWPOZP66.js";import{a as k}from"./ids-chunk-T2TIUOXF.js";import{a as T}from"./ids-chunk-7O3OTI42.js";import{a as L}from"./ids-chunk-MXFCUDLP.js";import{a as y}from"./ids-chunk-B6P5AQ2Z.js";import{a as f,b as p}from"./ids-chunk-XE4WFW5M.js";import{a as v}from"./ids-chunk-DCNGT4R2.js";import{a as g}from"./ids-chunk-CS7RTATZ.js";import{a as A}from"./ids-chunk-RMV7ZP4H.js";import{e as d,f as l,g as x}from"./ids-chunk-TJKIW3GF.js";import{a as i}from"./ids-chunk-6EMRTLSG.js";import{a as b}from"./ids-chunk-5K6IDMGA.js";var D=`
-/* Ids Axis Chart Component */
-.chart-legend {
-  display: flex;
-  padding-inline-start: 8px;
-  flex-direction: row;
-  margin-top: -4px;
-  justify-content: flex-start;
-  width: inherit;
-}
-.chart-legend a {
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  align-items: center;
-  border: 1px solid transparent;
-  display: flex;
-  font-family: var(--ids-font-family-default);
-  font-size: var(--ids-chart-legend-font-size);
-  color: var(--ids-chart-legend-color-text);
-  padding-inline-start: 8px;
-  padding-inline-end: 8px;
-  padding-block-start: 2px;
-  padding-block-end: 2px;
-  text-decoration: none;
-}
-.chart-legend a:focus {
-  outline: none;
-  border-color: var(--ids-color-border-focus);
-  box-shadow: var(--ids-shadow-focus);
-}
-.chart-legend .swatch {
-  display: inline-flex;
-  margin-inline-end: 8px;
-  height: 12px;
-  width: 12px;
-}
-.chart-legend .swatch.color-1 {
-  background-color: var(--ids-chart-color-1);
-}
-.chart-legend .swatch.color-2 {
-  background-color: var(--ids-chart-color-2);
-}
-.chart-legend .swatch.color-3 {
-  background-color: var(--ids-chart-color-3);
-}
-.chart-legend .swatch.color-4 {
-  background-color: var(--ids-chart-color-4);
-}
-.chart-legend .swatch.color-5 {
-  background-color: var(--ids-chart-color-5);
-}
-.chart-legend .swatch.color-6 {
-  background-color: var(--ids-chart-color-6);
-}
-.chart-legend .swatch.color-7 {
-  background-color: var(--ids-chart-color-7);
-}
-.chart-legend .swatch.color-8 {
-  background-color: var(--ids-chart-color-8);
-}
-.chart-legend .swatch.color-9 {
-  background-color: var(--ids-chart-color-9);
-}
-.chart-legend .swatch.color-10 {
-  background-color: var(--ids-chart-color-10);
-}
-.chart-legend .swatch.color-11 {
-  background-color: var(--ids-chart-color-11);
-}
-.chart-legend .swatch.color-12 {
-  background-color: var(--ids-chart-color-12);
-}
-.chart-legend .swatch.color-13 {
-  background-color: var(--ids-chart-color-13);
-}
-.chart-legend .swatch.color-14 {
-  background-color: var(--ids-chart-color-14);
-}
-.chart-legend .swatch.color-15 {
-  background-color: var(--ids-chart-color-15);
-}
-.chart-legend .swatch.color-16 {
-  background-color: var(--ids-chart-color-16);
-}
-.chart-legend .swatch.color-17 {
-  background-color: var(--ids-chart-color-17);
-}
-.chart-legend .swatch.color-18 {
-  background-color: var(--ids-chart-color-18);
-}
-.chart-legend .swatch.color-19 {
-  background-color: var(--ids-chart-color-19);
-}
-.chart-legend .swatch.color-20 {
-  background-color: var(--ids-chart-color-20);
-}
-.chart-legend .swatch.color-21 {
-  background-color: var(--ids-chart-color-21);
-}
-
-.ids-chart-container {
-  display: flex;
-  flex-direction: column;
-}
-.ids-chart-container.legend-top {
-  margin-block-end: 8px;
-  flex-direction: column-reverse;
-}
-.ids-chart-container.legend-top .chart-legend {
-  margin-inline-start: 0;
-  justify-content: end;
-}
-.ids-chart-container.legend-right, .ids-chart-container.legend-left {
-  flex-direction: row;
-}
-.ids-chart-container.legend-right .chart-legend, .ids-chart-container.legend-left .chart-legend {
-  margin-inline-start: 0;
-  flex-direction: column;
-  justify-content: center;
-}
-.ids-chart-container.legend-right .chart-legend a, .ids-chart-container.legend-left .chart-legend a {
-  margin-block-end: 8px;
-  width: max-content;
-}
-.ids-chart-container.legend-left {
-  flex-direction: row-reverse;
-}
-
-.ids-axis-chart {
-  display: flex;
-}
-.ids-axis-chart.hidden {
-  display: none;
-}
-.ids-axis-chart .grid {
-  shape-rendering: crispedges;
-  stroke: var(--ids-axis-chart-grid-color);
-  stroke-width: 1;
-  stroke-dasharray: 2 2;
-}
-.ids-axis-chart .grid.horizontal-lines line:last-child {
-  stroke: var(--ids-axis-chart-last-line-color-border);
-  stroke-dasharray: none;
-}
-.ids-axis-chart .grid.hidden {
-  stroke-width: 0;
-}
-.ids-axis-chart.horizontal .grid.horizontal-lines line:last-child {
-  stroke: inherit;
-  stroke-dasharray: inherit;
-}
-.ids-axis-chart.horizontal .grid.vertical-lines line:first-child {
-  stroke: var(--ids-axis-chart-first-line-color);
-  stroke-dasharray: none;
-}
-.ids-axis-chart g[tabindex="0"]:focus {
-  outline: var(--ids-axis-chart-outline-focus);
-}
-.ids-axis-chart .labels {
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  font-family: var(--ids-axis-chart-font-family);
-  font-size: var(--ids-axis-chart-font-size);
-}
-.ids-axis-chart .labels text {
-  fill: var(--ids-axis-chart-color-text);
-}
-.ids-axis-chart .labels.x-labels {
-  text-anchor: middle;
-}
-.ids-axis-chart .labels.y-labels {
-  text-anchor: end;
-}
-.ids-axis-chart .labels.axis-labels text {
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  font-weight: var(--ids-axis-chart-font-weight);
-  text-anchor: middle;
-}
-.ids-axis-chart .audible {
-  opacity: 0;
-}
-
-.ids-chart-container.selectable .audible {
-  font-size: 1px;
-}
-.ids-chart-container.full-height {
-  height: 100%;
-  overflow-y: hidden;
-}
-.ids-chart-container.full-height svg {
-  flex-grow: 1;
-}
-.ids-chart-container.full-width {
-  width: 100%;
-  overflow-x: hidden;
-}
-
-ids-empty-message:not([hidden]),
-::slotted(ids-empty-message:not([hidden])) {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  height: 100%;
-}
-ids-empty-message:not([hidden])[hidden],
-::slotted(ids-empty-message:not([hidden]))[hidden] {
-  display: none;
-}
-
-.tooltip-center {
-  margin-block: var(--ids-space-30);
-  text-align: center;
-}
-
-.tooltip.chart-legend {
-  flex-direction: column;
-  margin-block-end: var(--ids-space-40);
-  padding: 0;
-}
-.tooltip.chart-legend .swatch {
-  margin-inline: var(--ids-space-30);
-  padding: 0;
-}
-
-.tooltip-row span {
-  padding-inline-start: var(--ids-space-20);
-  padding-inline-end: var(--ids-space-30);
-}
-
-:host([dir=rtl]) .ids-axis-chart {
-  transform: scale(-1, 1);
-}
-:host([dir=rtl]) .ids-axis-chart:not(.horizontal) .labels.y-labels text {
-  transform: scale(-1, 1) translate(var(--ids-axis-chart-ylabels-x, -45px), 0);
-}
-:host([dir=rtl]) .labels.x-labels {
-  transform: scale(-1, 1);
-  transform-origin: unset;
-}`;var M=200,_=700,z=500,H=E(S(L(y(v)))),c=class extends H{initialized=!1;dataLoaded=new A;svg;canvas;emptyMessage;legend;sectionWidths=[];sectionWidth=NaN;sectionHeights=[];sectionHeight=NaN;resizeToParentHeight=!1;resizeToParentWidth=!1;datasource=new T;vetoableEventTypes=["beforeselected","beforedeselected"];isGrouped=!1;constructor(){super(),this.state=this.state||{},this.state.horizontal=!1,this.state.yAxisFormatter={notation:"compact",compactDisplay:"short"}}onSelectableChange(){this.legendsClickable?.(this.selectable)}connectedCallback(){super.connectedCallback?.(),this.svg=this.shadowRoot?.querySelector("svg"),this.emptyMessage=this.querySelector("ids-empty-message")||this.shadowRoot?.querySelector("ids-empty-message"),this.legend=this.shadowRoot?.querySelector('[name="legend"]'),g.onThemeLoaded()?this.init():Promise.all([g.onThemeLoaded().promise,this.dataLoaded]).then(()=>{this.init()})}init(){this.getAttribute(i.WIDTH)&&(this.width=this.getAttribute(i.WIDTH)),this.getAttribute(i.HEIGHT)&&(this.height=this.getAttribute(i.HEIGHT)),this.initialized=!0,this.#I(),this.#u(),this.redraw()}disconnectedCallback(){super.disconnectedCallback(),this.#t?.disconnect(),this.#t=void 0,this.emptyMessage?.remove(),this.emptyMessage=void 0,this.svg?.remove(),this.svg=void 0,this.legend?.remove(),this.legend=void 0}static get attributes(){return[...super.attributes,i.ANIMATED,i.ALIGN_X_LABELS,i.AXIS_LABEL_BOTTOM,i.AXIS_LABEL_END,i.AXIS_LABEL_MARGIN,i.AXIS_LABEL_START,i.AXIS_LABEL_TOP,i.DATA,i.HEIGHT,i.HORIZONTAL,i.MARGINS,i.TICKS,i.SHOW_HORIZONTAL_GRID_LINES,i.SHOW_VERTICAL_GRID_LINES,i.ROTATE_NAME_LABELS,i.STACKED,i.TITLE,i.WIDTH]}template(){return`<div class="ids-chart-container" part="container">
-      <svg class="ids-axis-chart${this.horizontal?" horizontal":""}" part="chart" width="${this.width}" height="${this.height}" xmlns="http://www.w3.org/2000/svg">
-      </svg>
-      <slot name="legend">
-      </slot>
-      <slot name="empty-message">
-        <ids-empty-message icon="empty-no-data" hidden>
-          <ids-text type="h2" font-size="20" label="true" slot="label">${this.localeAPI?.translate("NoData")||"No data available"}</ids-text>
-        </ids-empty-message>
-      </slot>
-      <slot name="tooltip">
-        <ids-tooltip id="tooltip"></ids-tooltip>
-      </slot>
-    </div>`}#u(){this.onLocaleChange=()=>{this.redraw();let t=this.shadowRoot?.querySelector("ids-empty-message ids-text");t&&(t.textContent=this.localeAPI?.translate("NoData"))},this.onLanguageChange=()=>{let t=this.shadowRoot?.querySelector("ids-empty-message ids-text");t&&(t.textContent=this.localeAPI?.translate("NoData"))}}#o=0;#a=0;#t=void 0;#h(){this.#t?.disconnect(),this.#t??=new ResizeObserver(w(t=>{let e=t[0].contentRect,s=this.resizeToParentWidth?e.width:this.width,a=this.resizeToParentHeight?this.svg.getBoundingClientRect().height:this.height;this.resize(s,a)},M)),this.#t.observe(this.chartContainer)}#l(){let t=this.getAttribute(i.WIDTH),e=this.getAttribute(i.HEIGHT);t!=="inherit"&&e!=="inherit"&&(this.#t?.disconnect(),this.#t=void 0)}resize(t,e){this.initialized&&(t&&this.svg?.setAttribute(i.WIDTH,String(t)),e&&this.svg?.setAttribute(i.HEIGHT,String(e)),this.redraw())}redraw(){if(this.initialized){if(this.data&&this.data.length===0&&this.initialized){this.#C(),this.legend&&(this.legend.innerHTML=this.legendTemplate());return}this.legend&&(this.legend.innerHTML=this.legendTemplate()),this.#f(),this.afterCalculateCallback(),this.#y(),this.svg&&(this.svg.innerHTML=this.#v()),this.adjustLabels(),this.#b(),this.legendsClickable?.(this.selectable),this.triggerEvent("rendered",this,{detail:{svg:this.svg,data:this.data,markerData:this.markerData}}),this.afterConnectedCallback()}}#b(){if(!this.localeAPI?.isRTL())return;let t={x:[...this.svg?.querySelectorAll(".labels.x-labels text")??[]],y:[...this.svg?.querySelectorAll(".labels.y-labels text")??[]]},e=this.#a+this.margins.left,s=r=>{let n=l(r)-e;return n+=this.horizontal?this.margins.leftInner+this.margins.rightInner:0,n},a=t.x.map(r=>s(r.getAttribute("x"))).reverse();t.x.forEach((r,n)=>{this.horizontal||r.setAttribute("transform",`rotate(${this.rotateNameLabels}, ${a[n]}, ${r.getAttribute("y")})`),r.setAttribute("x",a[n]),r.setAttribute("text-anchor","start"),this.alignXLabels==="middle"&&r.setAttribute("transform-origin","0 -4px")}),s=r=>`-${l(r)+e}px`,t.y.forEach(r=>{if(this.horizontal){let n=r.getAttribute("transform")?.split(",");if(n?.length===3){let o=l(n[1]),h=l(n[2]);r.setAttribute("transform-origin",`${o}px ${h}px`),r.setAttribute("transform",`rotate(${this.rotateNameLabels}) scale(-1, 1)`)}else{let h=`scale(-1, 1) translate(${s(r.getAttribute("x"))}, 0)`;r.style.setProperty("transform",h)}}else{let n=s(r.getAttribute("x"));r.style.setProperty("--ids-axis-chart-ylabels-x",n)}})}markerData={markerCount:0,groupCount:0,min:0,max:0,scale:new m(this.yAxisMin,0),gridTop:0,gridBottom:0,gridLeft:0,gridRight:0,groupTotals:[0]};#f(){let t=0,e=0;this.markerData={markerCount:0,groupCount:0,min:0,max:0,scale:new m(this.yAxisMin,0),gridTop:0,gridBottom:0,gridLeft:0,gridRight:0,groupTotals:[0]},this.data?.forEach((r,n)=>{t++,e=0,this.markerData.groupTotals[n]=0,r.data?.forEach(o=>{o.value>this.markerData.max&&(this.markerData.max=o.value),this.markerData.groupTotals[n]+=o.value,o.value<this.markerData.min&&(this.markerData.min=o.value),this.markerData.min===void 0&&(this.markerData.min=o.value),e++}),e>this.markerData.markerCount&&(this.markerData.markerCount=e),this.markerData.groupCount=t});let s=Math.max(...this.markerData.groupTotals),a=new m(this.yAxisMin,this.stacked?s:this.markerData.max,{maxTicks:this.ticks});this.markerData.scale=a,this.markerData.scaleValues=[];for(let r=a.niceMin||0;r<=a.niceMax;r+=Number(a.tickSpacing))this.markerData.scaleValues.push(r);this.xMaxTextWidth(),this.yMaxTextWidth(),this.markerData.gridTop=this.margins.top+this.textWidths.top,this.markerData.gridBottom=this.height-this.margins.bottom-this.textWidths.bottom,this.markerData.gridLeft=this.textWidths.left+this.margins.left+this.margins.leftInner*2+this.margins.rightInner,this.markerData.gridRight=this.width-this.margins.right-this.textWidths.right,this.horizontal?(this.#p(),this.#L()):(this.#x(),this.#A())}#p(){this.markerData.points=[],this.data?.forEach(t=>{let e=this.textWidths.top+this.margins.top+this.margins.topInner,s=[];for(let a=0;a<this.markerData.markerCount;a++){let r=t.data?.[a]?.value||0,o=(r-(this.markerData.scale.niceMin||0))/(this.markerData.scale.niceMax-this.markerData.scale.niceMin)*(this.markerData.gridRight-this.markerData.gridLeft);s.push({top:e,left:this.markerData.gridRight-o,value:r}),e+=this.#s()}this.markerData.points?.push(s)})}#x(){this.markerData.points=[],this.data?.forEach(t=>{let e=this.textWidths.left+this.margins.left+this.margins.leftInner*2,s=[];for(let a=0;a<this.markerData.markerCount;a++){let r=t.data?.[a]?.value||0,o=(r-(this.markerData.scale.niceMin||0))/(this.markerData.scale.niceMax-this.markerData.scale.niceMin)*(this.markerData.gridBottom-this.markerData.gridTop);s.push({left:e,top:this.markerData.gridBottom-o,value:r}),e+=this.#s()}this.markerData.points?.push(s)})}#A(){this.sectionWidth=(this.markerData.gridRight-this.markerData.gridLeft)/this.markerData.markerCount;let t=this.textWidths.left+this.margins.left+this.margins.leftInner*2;this.sectionWidths=[];for(let e=0;e<this.markerData.markerCount+1;e++)this.sectionWidths.push({left:t,width:this.sectionWidth}),t+=this.sectionWidth}#L(){this.sectionHeight=(this.markerData.gridBottom-this.markerData.gridTop)/this.markerData.markerCount;let t=this.textWidths.top+this.margins.top+this.margins.topInner;this.isGrouped&&(t-=(this.markerData.groupCount||0)%2),this.sectionHeights=[];for(let e=0;e<this.markerData.markerCount;e++)this.sectionHeights.push({top:t,height:this.sectionHeight}),t+=this.sectionHeight}#y(){let t="";if(!this.shadowRoot?.styleSheets)return;this.data?.forEach((s,a)=>{let r=s,n=r.patternColor;!n&&r.color&&r.color.substr(0,1)==="#"&&(n=r.color),!n&&r.color&&r.color.substr(0,1)!=="#"&&r.color.substr(0,11)!=="--ids-color"&&(n=`var(--ids-color-${r.color})`),!n&&r.color&&r.color.substr(0,1)!=="#"&&r.color.substr(0,11)==="--ids-color"&&(n=`var(${r.color})`),n||(n=`var(${this.colors[a]})`),t+=`--ids-chart-color-${a+1}: ${n} !important;`});let e=this.shadowRoot.styleSheets[0];e.cssRules&&e.cssRules[0].selectorText===":host"&&e.deleteRule(0),e.insertRule(`:host {
-      ${t}
-    }`)}#v(){return`<title>${this.title}</title>
-      <defs>
-        ${this.#$()}
-      </defs>
-      <g class="grid vertical-lines${this.showVerticalGridLines?"":" hidden"}">
-        ${this.#E()}
-      </g>
-      <g class="grid horizontal-lines${this.showHorizontalGridLines?"":" hidden"}">
-        ${this.#w()}
-      </g>
-      ${this.chartTemplate()}
-      <g class="labels x-labels">
-        ${this.#S()}
-      </g>
-      <g class="labels y-labels">
-        ${this.#D()}
-      </g>
-      <g class="labels axis-labels">
-        ${this.#k()}
-      </g>`}chartTemplate(){return""}tooltipElements(){return[]}tooltipTemplate(){return"<b>${label}</b> ${value}"}attachTooltipEvents(){this.tooltipElements().forEach(t=>{this.onEvent("hoverend",t,async()=>{let e=this.container?.querySelector("ids-tooltip");e&&(e.innerHTML=this.#T(t),e.target=t,e.placement="top",e.visible=!0)})})}tooltipData(t,e=0){let s=this.data[e]?.data;return{label:s[t]?.name||this.data[0].data[t].name,value:s[t]?.value||0,tooltip:s[t]?.tooltip}}#T(t){let e=Number(t.getAttribute("group-index")),s=Number(t.getAttribute("index")),a=this.tooltipData(s,e);if(a.tooltip)return a.tooltip.replace("${value}",a.value).replace("${label}",a.label);if(this.stacked||this.isGrouped){let r=`<div class="tooltip-center"><b>${a.label}</b></div><div class="tooltip chart-legend">`;for(let n=0;n<this.data.length;n++){let o=this.data[n],h=o.name,C=this.data[n].data[s]?.value,N=o.pattern?"":` color-${n+1}`,$=o.pattern?`<svg width="12" height="12" xmlns="http://www.w3.org/2000/svg"><rect width="12" height="12" fill="url(#${o.pattern})"></rect></svg>`:"";h&&C&&(r+=`<div class="tooltip-row">
-            <div class="swatch${N}">${$}</div>
-            <span>${this.data[n].name}</span>
-            <b>${this.data[n].data[s].value}</b></div>`)}return`${r}</div>`}return x(this.tooltipTemplate(),a)}#e;#I(){this.#e={bottom:"",end:"",start:"",top:""}}#i(t){if(this.#e){let e=this.#e[t],s={bottom:this.axisLabelBottom,end:this.axisLabelEnd,start:this.axisLabelStart,top:this.axisLabelTop};typeof e<"u"&&e!==s[t]&&(this.#e[t]=s[t]||"",this.initialized&&this.redraw())}}#k(){let t="";if(this.#e){let s={start:12,mid:this.width/2,end:this.width-12},a={start:12,mid:this.height/2,end:this.height-12},n=this.localeAPI?.isRTL()?" scale(-1, 1)":"",o={top:`translate(${s.mid}, ${a.start})${n}`,bottom:`translate(${s.mid}, ${a.end})${n}`,start:`translate(${s.start}, ${a.mid}) rotate(-90)${n}`,end:`translate(${s.end}, ${a.mid}) rotate(90)${n}`};["top","bottom","start","end"].forEach(h=>{this.#e[h]&&(t+=`<text
-          class="axis-label-${h}"
-          transform="${o[h]}"
-        >${this.#e[h]}</text>`)})}return t}#w(){let t="",e=this.margins.top+this.margins.topInner,s=this.textWidths.left+this.margins.left+this.margins.leftInner,a=this.width-this.margins.right,{markerCount:r,scaleValues:n}=this.markerData,o=this.horizontal?r+1:n?.length||0;for(let h=0;h<o;h++)t+=`<line x1="${s}" x2="${a}" y1="${e}" y2="${e}"></line>`,e+=this.horizontal?this.#s():this.#r();return t}#E(){let t="",e=this.textWidths.left+this.margins.left;e+=this.margins.leftInner*(this.horizontal?1:2);let s=this.margins.top,a=this.height-this.margins.bottom-this.textWidths.bottom,{markerCount:r,scaleValues:n}=this.markerData,o=this.horizontal?n?.length||0:r;for(let h=0;h<o;h++)t+=`<line x1="${e}" x2="${e}" y1="${s}" y2="${a}"></line>`,e+=this.horizontal?this.#r():this.#s();return t}#n(t){return this.xAxisFormatter?typeof this.xAxisFormatter=="function"?this.xAxisFormatter(t,this.data,this):"":t}formatYLabel(t){return this.yAxisFormatter?typeof this.yAxisFormatter=="function"?this.yAxisFormatter(t,this.data,this):new Intl.NumberFormat(this.locale||"en",this.yAxisFormatter).format(t):t}#d(){let t="",e=0,s=0,a=this.#s();if(this.horizontal){e=this.textWidths.left+this.margins.left,s=this.margins.top+this.margins.topInner+3+a/2,this.axisLabelTop&&(s+=this.axisLabelMargin);for(let n=0;n<this.markerData.markerCount;n++){let o=this.rotateNameLabels!==0?` transform="rotate(${this.rotateNameLabels}, ${e}, ${s})"`:"",h=this.#n(this.data[0]?.data[n]?.name);t+=`<text x="${e}" y="${s}" aria-hidden="true"${o}>${h}</text>`,s+=a}}else{e=this.textWidths.left+this.margins.left+this.margins.leftInner*2,s=this.height-this.margins.top-this.margins.bottom+this.margins.bottomInner,this.axisLabelTop&&(s+=this.axisLabelMargin);for(let r=0;r<this.markerData.markerCount;r++){let n=this.#n(this.data[0]?.data[r]?.name),o;if(this.alignXLabels==="middle"){let h=e+this.sectionWidths[r].width/2;o=this.rotateNameLabels!==0?` transform="rotate(${this.rotateNameLabels}, ${h}, ${s})" transform-origin="8px 8px"`:"",t+=`<text x="${h}" y="${s}" alignment-baseline="middle" text-anchor="middle" aria-hidden="true"${o}>${n}</text>`}else o=this.rotateNameLabels!==0?` transform="rotate(${this.rotateNameLabels}, ${e}, ${s})" text-anchor="end"`:"",t+=`<text x="${e}" y="${s}" aria-hidden="true"${o}>${n}</text>`;e+=this.alignXLabels==="middle"?this.sectionWidths[r].width:a}}return t}#c(){let t="",e=0,s=0;return this.horizontal?(e=this.textWidths.left+this.margins.left+this.margins.leftInner,s=this.height-this.margins.top-this.margins.bottom+this.margins.bottomInner,this.axisLabelTop&&(s+=this.axisLabelMargin),this.markerData.scaleValues?.slice().forEach(a=>{t+=`<text x="${e}" y="${s}" aria-hidden="true">${this.formatYLabel(a)}</text>`,e+=this.#r()})):(e=this.textWidths.left+this.margins.left,s=this.margins.top+3,this.markerData.scaleValues?.slice().reverse().forEach(r=>{t+=`<text x="${e}" y="${s}" aria-hidden="true">${this.formatYLabel(r)}</text>`,s+=this.#r()})),t}#s(){if(this.horizontal){let{gridTop:s,gridBottom:a,markerCount:r}=this.markerData;return(a-s)/r}let t=this.textWidths.left+this.margins.left+this.margins.leftInner;return(this.width-this.margins.right-this.margins.rightInner*2-t)/(this.markerData.markerCount-1)}#r(){let t=this.markerData.scaleValues?.length||0,e=0;return this.horizontal?(e+=this.margins.left+this.margins.right,e+=this.textWidths.left+this.textWidths.right,e+=this.margins.leftInner*2+this.margins.rightInner,e=this.width-e):(e+=this.margins.top+this.margins.bottom,e+=this.textWidths.top+this.textWidths.bottom,e=this.height-e),e/(t-1)}#S(){return this.horizontal?this.#c():this.#d()}#D(){return this.horizontal?this.#d():this.#c()}#C(){this.svg?.classList.add("hidden"),this.emptyMessage?.style.setProperty("height",`${this.height}px`),this.emptyMessage?.removeAttribute("hidden")}#N(){this.svg?.classList.remove("hidden"),this.emptyMessage?.style.setProperty("height",""),this.emptyMessage?.setAttribute("hidden","")}#$(){let t="";return this.data?.forEach((e,s)=>{let a=k[e.pattern];if(a){let r=`${this.color(s)}`||"#000000";a=a.replace('fill="#000000"',`fill="${r}"`),t+=a}}),t}onTitleChange(t=""){let e=this.container?.querySelector(i.TITLE);e&&(e.textContent=t)}set height(t){if(t==="inherit"){this.setAttribute(i.HEIGHT,"inherit"),this.chartContainer?.classList.add("full-height"),this.chartContainer?.style.removeProperty("height"),this.resizeToParentHeight=!0,this.#h();return}if(!Number.isNaN(Number(t))){let e=Number(t);this.setAttribute(i.HEIGHT,String(e)),this.svg?.setAttribute(i.HEIGHT,String(e)),this.redraw()}this.chartContainer?.classList.remove("full-height"),this.resizeToParentHeight=!1,this.#l()}get height(){let t=this.getAttribute(i.HEIGHT),e=l(t);return t==="inherit"&&this.svg?this.svg.getBoundingClientRect().height:Number.isNaN(e)?z:e}set horizontal(t){if(!/^ids-(axis|bar)-chart$/gi.test(this.nodeName))return;let e=d(t);e!==this.state.horizontal&&(this.state.horizontal=e,e?(this.setAttribute(i.HORIZONTAL,""),this.svg?.classList.add(i.HORIZONTAL)):(this.removeAttribute(i.HORIZONTAL),this.svg?.classList.remove(i.HORIZONTAL)),this.redraw())}get horizontal(){return this.state.horizontal}set width(t){if(t==="inherit"){this.setAttribute(i.WIDTH,"inherit"),this.chartContainer?.classList.add("full-width"),this.chartContainer?.style.removeProperty("width"),this.resizeToParentWidth=!0,this.#h();return}if(!Number.isNaN(Number(t))){let e=Number(t);this.setAttribute(i.WIDTH,String(e)),this.svg?.setAttribute(i.WIDTH,String(e)),this.#M(Number(e)),this.redraw()}this.chartContainer?.classList.remove("full-width"),this.resizeToParentWidth=!1,this.#l()}get width(){let t=this.getAttribute(i.WIDTH),e=l(t);return t==="inherit"&&this.svg?this.chartContainer.offsetWidth:Number.isNaN(e)?_:e}get chartContainer(){return this.shadowRoot?.querySelector(".ids-chart-container")||null}#M(t){this.chartContainer?.style.setProperty("width",`${t}px`)}#m(){let t=0;for(let e=0;e<this.markerData.markerCount;e++){let s=this.#n(this.data[0]?.data[e]?.name),a=u(this,s);a>t&&(t=a)}return t}#g(){let t=0;return this.markerData.scaleValues?.slice().forEach(e=>{let s=this.formatYLabel(e),a=u(this,s);a>t&&(t=a)}),t}xMaxTextWidth(){this.#o=this.horizontal?this.#g():this.#m()}yMaxTextWidth(){this.#a=this.horizontal?this.#m():this.#g()}set margins(t){this.state.margins=t,this.redraw()}get margins(){return this.state?.margins||{left:this.axisLabelsMargin.start,right:(this.legendPlacement==="right"?150:4)+this.axisLabelsMargin.end,top:16+this.axisLabelsMargin.top,bottom:12+this.axisLabelsMargin.bottom+this.bottomRotateMargin,leftInner:8,rightInner:8,topInner:0,bottomInner:12}}get bottomRotateMargin(){if(!this.rotateNameLabels)return 0;let t=this.rotateNameLabels%90,e=this.#o-12,s=e/90;return Math.abs(t)===0?e:s*Math.abs(t)}get axisLabelsMargin(){let t=this.axisLabelMargin;return{bottom:this.axisLabelBottom?t:0,end:this.axisLabelEnd?t:0,start:this.axisLabelStart?t:0,top:this.axisLabelTop?t:0}}set textWidths(t){this.state.textWidths=t,this.redraw()}get textWidths(){return this.state.textWidths||{left:this.legendPlacement==="left"?34:this.#a||4,right:0,top:0,bottom:24}}set data(t){if(t){this.#N(),this.datasource.data=t,this.dataLoaded.resolve(),this.redraw(),this.reanimate();return}this.datasource.data=[]}get data(){return this?.datasource?.data||[]}set yAxisMin(t){this.setAttribute(i.Y_AXIS_MIN,String(t)),this.redraw()}get yAxisMin(){return parseInt(this.getAttribute(i.Y_AXIS_MIN)??"")||0}set ticks(t){this.setAttribute(i.TICKS,String(t)),this.redraw()}get ticks(){let t=this.getAttribute(i.TICKS);if(t)return Number(t)}set showVerticalGridLines(t){this.setAttribute(i.SHOW_VERTICAL_GRID_LINES,String(t)),this.redraw()}get showVerticalGridLines(){let t=this.getAttribute(i.SHOW_VERTICAL_GRID_LINES);return t!==null?d(t):this.horizontal}set showHorizontalGridLines(t){this.setAttribute(i.SHOW_HORIZONTAL_GRID_LINES,String(t)),this.redraw()}get showHorizontalGridLines(){let t=this.getAttribute(i.SHOW_HORIZONTAL_GRID_LINES);return t!==null?d(t):!this.horizontal}get colors(){return I}color(t){return this.data[t].patternColor?this.data[t].patternColor:`var(${this.data[t].color?`color-${t+1}`:this.colors[t]})`}set xAxisFormatter(t){this.state.xAxisFormatter=t,this.redraw()}get xAxisFormatter(){return this.state.xAxisFormatter}set yAxisFormatter(t){this.state.yAxisFormatter=t,this.redraw()}get yAxisFormatter(){return this.state.yAxisFormatter}reanimate(){!this.animated||!this.initialized||requestAnimationFrame(()=>{this.container?.querySelectorAll("animate").forEach(t=>{t.beginElement&&t.beginElement()}),this.container?.querySelectorAll("animateTransform").forEach(t=>{t.beginElement&&t.beginElement()})})}get cubicBezier(){return`calcMode="spline" keyTimes="0; 1" keySplines="0.17, 0.04, 0.03, 0.94" begin="0s" dur="${this.animationSpeed}s"`}set animated(t){let e=d(this.animated);this.setAttribute(i.ANIMATED,String(t)),this.redraw(),e&&this.reanimate()}get animated(){return this.getAttribute(i.ANIMATED)===null?!0:d(this.getAttribute(i.ANIMATED))}set animationSpeed(t){this.setAttribute(i.ANIMATION_SPEED,String(t)),this.animated&&this.reanimate()}get animationSpeed(){return parseFloat(this.getAttribute(i.ANIMATION_SPEED)??"")||.8}set alignXLabels(t){this.setAttribute(i.ALIGN_X_LABELS,t),this.redraw()}get alignXLabels(){return this.getAttribute(i.ALIGN_X_LABELS)||"start"}set stacked(t){this.setAttribute(i.STACKED,String(t)),this.redraw()}get stacked(){return d(this.getAttribute(i.STACKED))||!1}set axisLabelBottom(t){t?this.setAttribute(i.AXIS_LABEL_BOTTOM,t):this.removeAttribute(i.AXIS_LABEL_BOTTOM),this.#i("bottom")}get axisLabelBottom(){return this.getAttribute(i.AXIS_LABEL_BOTTOM)}set axisLabelEnd(t){t?this.setAttribute(i.AXIS_LABEL_END,t):this.removeAttribute(i.AXIS_LABEL_END),this.#i("end")}get axisLabelEnd(){return this.getAttribute(i.AXIS_LABEL_END)}set axisLabelMargin(t){let e=l(this.getAttribute(i.AXIS_LABEL_MARGIN));Number.isNaN(e)?this.removeAttribute(i.AXIS_LABEL_MARGIN):this.setAttribute(i.AXIS_LABEL_MARGIN,String(e)),this.#i("end")}get axisLabelMargin(){let t=l(this.getAttribute(i.AXIS_LABEL_MARGIN));return Number.isNaN(t)?16:t}set axisLabelStart(t){t?this.setAttribute(i.AXIS_LABEL_START,t):this.removeAttribute(i.AXIS_LABEL_START),this.#i("start")}get axisLabelStart(){return this.getAttribute(i.AXIS_LABEL_START)}set axisLabelTop(t){t?this.setAttribute(i.AXIS_LABEL_TOP,t):this.removeAttribute(i.AXIS_LABEL_TOP),this.#i("top")}get axisLabelTop(){return this.getAttribute(i.AXIS_LABEL_TOP)}set rotateNameLabels(t){t?this.setAttribute(i.ROTATE_NAME_LABELS,String(t)):this.removeAttribute(i.ROTATE_NAME_LABELS),this.initialized&&this.redraw()}get rotateNameLabels(){return Number(this.getAttribute(i.ROTATE_NAME_LABELS))||0}afterCalculateCallback(){}afterConnectedCallback(){}};c=b([f("ids-axis-chart"),p(D)],c);export{c as a};