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

package/chunks/ids-chunk-7YEFZHAA.js

@@ -1,471 +0,0 @@
-import{a as v}from"./ids-chunk-KGKJNMJS.js";import{a as I}from"./ids-chunk-2AF7ZFGA.js";import{a as P}from"./ids-chunk-ZOAWEGT3.js";import{a as T}from"./ids-chunk-U34YTPJC.js";import{a as S}from"./ids-chunk-OUX67T2L.js";import{a as A}from"./ids-chunk-B6P5AQ2Z.js";import{a as $}from"./ids-chunk-SNYFQ5ZT.js";import{a as D,b as w}from"./ids-chunk-XE4WFW5M.js";import{b as g,c as f,d as E,h as x,j as u}from"./ids-chunk-EJFTSZLS.js";import{d as k}from"./ids-chunk-ODGLGMPF.js";import{e as h}from"./ids-chunk-TJKIW3GF.js";import{a as s}from"./ids-chunk-EHQM67XJ.js";import{a as y}from"./ids-chunk-U7OOVFXE.js";var C=`
-.ids-calendar {
-  display: flex;
-  flex-direction: row;
-  width: 100%;
-}
-
-.calendar-legend-pane,
-.calendar-details-pane {
-  display: none;
-  width: 220px;
-  height: auto;
-}
-
-.ids-calendar.show-legend .calendar-legend-pane,
-.ids-calendar.show-details .calendar-details-pane {
-  display: block;
-}
-
-.calendar-contents {
-  flex-grow: 1;
-}
-
-.calendar-toolbar-pane {
-  display: block;
-  border-width: 1px 1px 0;
-  border-style: solid;
-  background-color: var(--ids-calendar-toolbar-color-background);
-  border-color: var(--ids-calendar-toolbar-color-border);
-  left: 0;
-  top: 0;
-  z-index: 4;
-  flex-shrink: 0;
-}
-
-ids-toolbar-section::part(container),
-.ids-toolbar-section {
-  align-items: center;
-}
-
-.calendar-details-pane ids-accordion-header[color=azure]::part(header) {
-  background-color: var(--ids-color-azure-60);
-}
-.calendar-details-pane ids-accordion-header[color=amber]::part(header) {
-  background-color: var(--ids-color-amber-60);
-}
-.calendar-details-pane ids-accordion-header[color=amethyst]::part(header) {
-  background-color: var(--ids-color-amethyst-60);
-}
-.calendar-details-pane ids-accordion-header[color=emerald]::part(header) {
-  background-color: var(--ids-color-emerald-60);
-}
-.calendar-details-pane ids-accordion-header[color=ruby]::part(header) {
-  background-color: var(--ids-color-ruby-60);
-}
-.calendar-details-pane ids-accordion-header[color=turquoise]::part(header) {
-  background-color: var(--ids-color-turquoise-60);
-}
-.calendar-details-pane ids-accordion-header[color=slate]::part(header) {
-  background-color: var(--ids-color-neutral-60);
-}
-.calendar-details-pane ids-accordion-header::part(header) {
-  color: var(--ids-color-neutral-00);
-}
-.calendar-details-pane ids-accordion-header ids-text::part(text) {
-  overflow: hidden;
-  width: 150px;
-  white-space: nowrap;
-}
-.calendar-details-pane .panel-content {
-  padding-top: 15px;
-  padding-bottom: 15px;
-}
-.calendar-details-pane .panel-content hr {
-  border-bottom: none;
-  margin: 20px 0;
-}
-
-ids-accordion-panel::part(content) {
-  padding: 4px 0;
-}
-
-.btn-previous,
-.btn-next {
-  height: 36px;
-}
-
-.btn-today-text {
-  color: var(--ids-color-azure-60);
-}
-
-.calendar-events-list {
-  margin-top: 20px;
-  padding: 0;
-}
-.calendar-events-list .detail-item[color=azure] {
-  border-inline-start-color: var(--ids-color-azure-60);
-}
-.calendar-events-list .detail-item[color=amber] {
-  border-inline-start-color: var(--ids-color-amber-60);
-}
-.calendar-events-list .detail-item[color=amethyst] {
-  border-inline-start-color: var(--ids-color-amethyst-60);
-}
-.calendar-events-list .detail-item[color=emerald] {
-  border-inline-start-color: var(--ids-color-emerald-60);
-}
-.calendar-events-list .detail-item[color=ruby] {
-  border-inline-start-color: var(--ids-color-ruby-60);
-}
-.calendar-events-list .detail-item[color=turquoise] {
-  border-inline-start-color: var(--ids-color-turquoise-60);
-}
-.calendar-events-list .detail-item[color=slate] {
-  border-inline-start-color: var(--ids-color-neutral-60);
-}
-.calendar-events-list .detail-item {
-  background-color: var(--ids-calendar-toolbar-color-background);
-  border-style: solid;
-  border-color: var(--ids-calendar-toolbar-color-border);
-  border-width: 1px;
-  border-inline-start-width: 4px;
-  cursor: pointer;
-  display: flex;
-  flex-direction: row;
-  list-style: none;
-  align-items: center;
-  padding: 15px;
-}
-.calendar-events-list .detail-item:focus {
-  border-color: var(--ids-color-primary);
-  outline: none;
-}
-.calendar-events-list .calendar-detail-content {
-  flex-grow: 1;
-}
-.calendar-events-list .detail-item-duration {
-  padding: 0 8px;
-}
-
-.event-type-label,
-.event-types-legend {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-}
-
-.event-types-legend {
-  display: none;
-  padding: 10px;
-}
-.event-types-legend .event-type-color[color=azure] {
-  background-color: var(--ids-color-azure-60);
-}
-.event-types-legend .event-type-color[color=amber] {
-  background-color: var(--ids-color-amber-60);
-}
-.event-types-legend .event-type-color[color=amethyst] {
-  background-color: var(--ids-color-amethyst-60);
-}
-.event-types-legend .event-type-color[color=emerald] {
-  background-color: var(--ids-color-emerald-60);
-}
-.event-types-legend .event-type-color[color=ruby] {
-  background-color: var(--ids-color-ruby-60);
-}
-.event-types-legend .event-type-color[color=turquoise] {
-  background-color: var(--ids-color-turquoise-60);
-}
-.event-types-legend .event-type-color[color=slate] {
-  background-color: var(--ids-color-neutral-60);
-}
-
-.event-type-label {
-  margin: 0 8px;
-}
-
-.event-type-color {
-  display: inline-block;
-  width: 12px;
-  height: 12px;
-  border-radius: 10px;
-  margin: 0 3px;
-}
-
-.inline-container {
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-}
-
-#event-form-popup {
-  width: 320px;
-}
-#event-form-popup::part(popup) {
-  padding-top: 0;
-  padding-bottom: 0;
-}
-
-#event-form-header {
-  align-items: center;
-  color: var(--ids-color-neutral-10);
-  height: 40px;
-  padding-inline-start: 16px;
-  padding-inline-end: 8px;
-}
-#event-form-header ids-icon[data-action=close] {
-  color: var(--ids-color-neutral-10);
-  padding: 5px;
-  border-radius: 50%;
-  cursor: pointer;
-}
-#event-form-header ids-icon[data-action=close]:hover {
-  background-color: rgba(0, 0, 0, 0.1);
-}
-
-#event-form {
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  height: 100%;
-}
-#event-form #event-form-header[color=azure] {
-  background-color: var(--ids-color-azure-60);
-}
-#event-form #event-form-header[color=amber] {
-  background-color: var(--ids-color-amber-60);
-}
-#event-form #event-form-header[color=amethyst] {
-  background-color: var(--ids-color-amethyst-60);
-}
-#event-form #event-form-header[color=emerald] {
-  background-color: var(--ids-color-emerald-60);
-}
-#event-form #event-form-header[color=ruby] {
-  background-color: var(--ids-color-ruby-60);
-}
-#event-form #event-form-header[color=turquoise] {
-  background-color: var(--ids-color-turquoise-60);
-}
-#event-form #event-form-header[color=slate] {
-  background-color: var(--ids-color-neutral-60);
-}
-#event-form ids-list-box {
-  max-width: 278px;
-}
-#event-form ids-list-box-option {
-  text-align: left;
-}
-#event-form ids-date-picker,
-#event-form ids-time-picker {
-  max-width: 128px;
-}
-
-#event-form-content {
-  flex-grow: 1;
-  box-sizing: border-box;
-  padding: 12px 20px;
-  position: relative;
-}
-
-#event-form-actions ids-button {
-  flex-grow: 1;
-  border: 1px solid var(--ids-color-neutral-40);
-  border-bottom-width: 0;
-}
-#event-form-actions ids-button::part(button) {
-  border-radius: 0;
-  padding-top: 13px;
-  padding-bottom: 13px;
-}
-#event-form-actions ids-button[data-action=close] {
-  border-inline-start-width: 0;
-}
-#event-form-actions ids-button[data-action=submit] {
-  border-inline-end-width: 0;
-  margin-inline-start: -1px;
-}
-#event-form-actions ids-button[data-action=submit]::part(button) {
-  color: var(--ids-color-azure-70);
-}
-#event-form-actions ids-button[data-action=submit]::part(button):hover {
-  color: var(--ids-color-azure-80);
-}
-
-@media (max-width: 840px) {
-  .ids-calendar {
-    display: block;
-  }
-  .ids-calendar.show-legend .calendar-legend-pane {
-    display: none;
-  }
-  .calendar-view-pane,
-  .calendar-details-pane {
-    width: 100%;
-  }
-  #event-form-popup {
-    top: 0;
-    left: 0;
-    height: 100%;
-    width: 100%;
-  }
-  #event-form-popup::part(popup) {
-    height: 100%;
-    width: 100%;
-  }
-  #event-form-content ids-date-picker,
-  #event-form-content ids-time-picker {
-    max-width: unset;
-  }
-  #event-form-content .inline-container {
-    display: block;
-  }
-}`;var L=P(I(S(A($)))),p=class extends L{#h=parseInt(T.md);#t;#n="";constructor(){super(),this.state||(this.state={})}static get attributes(){return[...super.attributes,s.DATE,s.SHOW_DETAILS,s.SHOW_LEGEND]}set showDetails(e){if(h(e))this.setAttribute(s.SHOW_DETAILS,""),this.updateEventDetails(this.state.selected),this.container?.classList.add("show-details");else{let t=this.container?.querySelector(".calendar-details-pane");t&&(t.innerHTML=""),this.removeAttribute(s.SHOW_DETAILS),this.container?.classList.remove("show-details")}}get showDetails(){return this.hasAttribute(s.SHOW_DETAILS)}set showLegend(e){h(e)?(this.setAttribute(s.SHOW_LEGEND,""),this.renderLegend(this.eventTypesData),this.container?.classList.add("show-legend")):(this.removeAttribute(s.SHOW_LEGEND),this.querySelector("#event-types-legend")?.remove(),this.container?.classList.remove("show-legend"))}get showLegend(){return this.hasAttribute(s.SHOW_LEGEND)}get showToday(){let e=this.getAttribute(s.SHOW_TODAY);return h(e)}set showToday(e){let t=h(e);t?this.setAttribute(s.SHOW_TODAY,"true"):this.removeAttribute(s.SHOW_TODAY),this.#p(t)}#p(e){let t=this.container?.querySelector("ids-toolbar-section");e?t?.insertAdjacentHTML("beforeend",this.#s()):this.container?.querySelector(".btn-today")?.remove()}set date(e){let t=new Date(e);u(t)?(this.setAttribute(s.DATE,e.toString()),this.state.skipRender||(this.changeDate(t,this.state.view==="day"),this.updateEventDetails())):this.setAttribute(s.DATE,new Date().toString())}get date(){let e=new Date(this.getAttribute(s.DATE)||Date.now());return u(e)?e:new Date}connectedCallback(){super.connectedCallback(),this.changeView("month"),this.#m(),this.#u(),this.viewPickerConnected(),this.onLocaleChange(this.localeAPI)}disconnectedCallback(){super.disconnectedCallback?.(),this.#t&&(this.#t.disconnect(),this.#t=null)}#u(){let e=k(this,"ids-container")||this.container,t;this.#t=new ResizeObserver(a=>{cancelAnimationFrame(t),t=requestAnimationFrame(()=>this.#S(a))}),this.#t.observe(e)}onEventTypesChange(e){this.renderLegend(e),this.#c(e,this.state.isMobile)}onLocaleChange=e=>{this.updateEventDetails(this.state.selected),this.renderLegend(this.eventTypesData),this.#r(e);let t=this.container?.querySelector("ids-month-view");t&&(t.locale=this.locale,t.language=this.language.name);let a=this.container?.querySelector("ids-week-view");a&&(a.locale=this.locale,a.language=this.language.name),this.container?.querySelectorAll("[translate-text]").forEach(n=>{n.language=this.language.name}),requestAnimationFrame(()=>{this.querySelectorAll("ids-checkbox[data-id]").forEach(n=>{n.setAttribute("language",this.language.name)})})};template(){return`
-      <div class="ids-calendar">
-        <div class="calendar-legend-pane"><slot name="legend"></slot></div>
-        <div class="calendar-contents">
-          <div class="calendar-toolbar-pane">${this.#v()}</div>
-          <div class="calendar-view-pane"></div>
-        </div>
-        <div class="calendar-details-pane"></div>
-      </div>
-    `}detailAccordionTemplate(e){return`<ids-accordion allow-one-pane="true">${e.map((a,n)=>`
-      <ids-accordion-panel expanded="${n===0}">
-        <ids-accordion-header color="${a.color}" slot="header">
-          <ids-text font-weight="semi-bold" overflow="ellipsis">${a.shortSubject||a.subject}</ids-text>
-        </ids-accordion-header>
-        <div slot="content" class="panel-content">
-          ${a.status?`<ids-data-label label="${this.localeAPI.translate("Status")}">${a.status}</ids-data-label><hr>`:""}
-          <ids-data-label label="${this.localeAPI.translate("Date")}">${a.dateRange}</ids-data-label><hr>
-          <ids-data-label label="Event Type">${a.eventType}</ids-data-label><hr>
-          <ids-data-label label="${this.localeAPI.translate("Duration")}">${a.duration}</ids-data-label>
-          ${a.comments?`<hr><ids-data-label label="${this.localeAPI.translate("Comments")}">${a.comments}</ids-data-label>`:""}
-        </div>
-      </ids-accordion-panel>
-    `).join("")}</ids-accordion>`}detailListTemplate(e){return`<ul class="calendar-events-list">${e.map(a=>`
-      <li color="${a.color}" class="detail-item" tabindex="0" data-id="${a.id}">
-        <div class="calendar-detail-content">
-          <ids-text font-size="18" font-weight="semi-bold">${a.subject}</ids-text>
-          <ids-text font-size="14">${a.dateRange}</ids-text>
-          <ids-text font-size="14">${a.comments||""}${a.status?` | ${a.status}`:""}</ids-text>
-        </div>
-        <ids-text font-size="12" class="detail-item-duration">${a.duration}</ids-text>
-        <ids-icon icon="caret-right"></ids-icon>
-      </li>
-    `).join("")}</ul>`}#s(){return this.showToday?`<ids-button css-class="no-padding" class="btn-today">
-      <ids-text class="btn-today-text" font-size="16" translate-text="true" font-weight="semi-bold">Today</ids-text>
-    </ids-button>`:""}#v(){let e=`<ids-button class="btn-previous">
-      <ids-text audible="true" translate-text="true">PreviousMonth</ids-text>
-      <ids-icon icon="chevron-left"></ids-icon>
-    </ids-button>
-    <ids-button class="btn-next">
-      <ids-text audible="true" translate-text="true">NextMonth</ids-text>
-      <ids-icon icon="chevron-right"></ids-icon>
-    </ids-button>`,t=`<ids-button class="btn-picker" id="btn-picker" css-class="no-padding">
-      <ids-text font-size="20"></ids-text>
-      <ids-icon icon="calendar"></ids-icon>
-    </ids-button>
-    <ids-date-picker-popup
-      show-today="true"
-      target="#btn-picker"
-      trigger-elem="#btn-picker"
-      trigger-type="click"></ids-date-picker-popup>`,a=this.#s();return`
-      <ids-toolbar slot="toolbar" id="calendar-toolbar" class="calendar-toolbar" tabbable="true">
-        <ids-toolbar-section type="buttonset" class="toolbar-buttonset">
-          ${e}
-          ${t}
-          ${a}
-        </ids-toolbar-section>
-        <ids-toolbar-section type="buttonset" align="end">
-          ${this.viewPicker?this.createViewPickerTemplate("month"):""}
-        </ids-toolbar-section>
-      </ids-toolbar>
-    `}createNewEvent(e,t=!1){let a=new Date(this.date),n=a.getFullYear(),i=a.getMonth(),r=a.getDate(),o={id:e,subject:"New Event",isAllDay:"true",starts:new Date(n,i,r,0,0,0).toISOString(),ends:new Date(n,i,r,23,59,59,999).toISOString(),type:"dto",comments:"New Event Comments"};if(t){let d=this.getView(),l=d instanceof v?d.getSelectedDay():this.container;l&&this.#i(l,o)}else this.addEvent(o)}#d(e){let t=new Date(e.starts),a=new Date(e.ends),n=this.getEventTypeById(e.type),i=this.eventTypesData.map(d=>`
-      <ids-list-box-option value="${d.id}">
-        <ids-text>${d.label}</ids-text>
-      </ids-list-box-option>
-    `).join(""),r=(d,l,c)=>`
-      <ids-date-picker
-        id="${d}"
-        label="${this.localeAPI.translate(l)}"
-        size="full"
-        year="${c.getFullYear()}"
-        month="${c.getMonth()}"
-        day="${c.getDate()}"
-        value="${this.localeAPI.formatDate(c)}"
-        mask>
-      </ids-date-picker>
-    `,o=(d,l)=>`
-      <ids-time-picker
-        id="${d}"
-        label="&nbsp"
-        size="full"
-        disabled="${h(e.isAllDay)}"
-        value="${this.localeAPI.formatHour(l.getHours()+l.getMinutes()/60)}">
-      </ids-time-picker>
-    `;return`
-      <form id="event-form" data-id="${e.id}" slot="content">
-        <div id="event-form-header" class="inline-container" color="${n?.color||"azure"}">
-          <ids-text font-size="16" font-weight="semi-bold">${n?.label||""}</ids-text>
-          <ids-icon icon="close" data-action="close" aria-label="Close" role="button"></ids-icon>
-        </div>
-        <div id="event-form-content">
-          <ids-input size="full" id="event-subject" type="text" label="${this.localeAPI.translate("Subject")}" value="${e.subject}"></ids-input>
-          <ids-dropdown size="full" id="event-type" label="${this.localeAPI.translate("EventType")}" value="${e.type}">
-            <ids-list-box>${i}</ids-list-box>
-          </ids-dropdown>
-          <ids-checkbox id="event-is-all-day" label="${this.localeAPI.translate("AllDay")}" checked="${e.isAllDay}"></ids-checkbox>
-          <div class="inline-container">
-            ${r("event-from-date","From",t)}
-            ${o("event-from-hour",t)}
-          </div>
-          <div class="inline-container">
-            ${r("event-to-date","To",a)}
-            ${o("event-to-hour",a)}
-          </div>
-          <ids-textarea size="full" id="event-comments" label="${this.localeAPI.translate("Comments")}" autoselect="true">${e.comments||""}</ids-textarea>
-        </div>
-        <div id="event-form-actions" class="inline-container">
-          <ids-button data-action="close" no-padding no-margins>
-            <ids-text font-weight="semi-bold" translate-text="true">Cancel</ids-text>
-          </ids-button>
-          <ids-button data-action="submit" no-padding no-margins>
-            <ids-text font-weight="semi-bold" translate-text="true">Submit</ids-text>
-          </ids-button>
-        </div>
-      </form>
-    `}#m(){let e,t=0,a;this.offEvent("dayselected.calendar-container"),this.onEvent("dayselected.calendar-container",this.container,n=>{n.stopPropagation(),clearTimeout(e),t++;let i=()=>{this.#o(n.detail.date),this.state.selected=n.detail?.events||[],this.updateEventDetails(n.detail?.events)},r=()=>{let o=Date.now().toString()+Math.floor(Math.random()*100);this.createNewEvent(o,!0)};e=setTimeout(()=>{i(),t=0},200),t===2&&n.detail.date.getTime()===a?.getTime()&&(clearTimeout(e),i(),r(),t=0),a=n.detail.date}),this.offEvent("viewchange.calendar"),this.onEvent("viewchange.calendar",this,n=>{n.stopPropagation(),this.#o(n.detail.date),this.changeView(n.detail.view),this.renderEventsData()}),this.offEvent("datechange.calendar-container"),this.onEvent("datechange.calendar-container",this.container,n=>{n.stopPropagation(),this.#o(n.detail.date),this.renderEventsData()}),this.offEvent("change.calendar-legend"),this.onEvent("change.calendar-legend",this.container?.querySelector(".calendar-legend-pane"),n=>{n.stopPropagation(),this.#a(),this.#D(n.detail.elem,n.detail.checked),this.relayCalendarData(),this.updateEventDetails(this.state.selected)}),this.offEvent("overflow-click.calendar-container"),this.onEvent("overflow-click.calendar-container",this.container,n=>{n.stopPropagation(),n.detail.date&&(this.setViewPickerValue("day"),this.updateEventDetails(this.state.selected))}),this.onEvent("click.details-item",this.container?.querySelector(".calendar-details-pane"),n=>{let i=n.target.closest(".detail-item");if(i){n.stopPropagation(),n.stopImmediatePropagation();let r=i.getAttribute("data-id"),o=this.getEventById(r);o&&(this.#n=r,this.#a(),this.container&&this.#i(this.container,o))}}),this.offEvent("click-calendar-event",this),this.onEvent("click-calendar-event",this,n=>{let i=n.detail.elem;this.#n=i.eventData.id,this.#a(),this.#i(i.container,i.eventData)}),this.viewPicker&&this.attachViewPickerEvents("month"),this.#b()}#e(){return this.container?.querySelector("#event-form-popup")}#b(){let e=this.container?.querySelector("ids-toolbar-section.toolbar-buttonset"),t=this.container?.querySelector("ids-date-picker-popup");this.offEvent("show.popup"),this.onEvent("show.popup",t,()=>{this.#r(this.localeAPI)}),this.offEvent("hide.popup"),this.onEvent("hide.popup",t,a=>{a.stopPropagation(),a.detail.doFocus&&t&&t.target?.focus()}),this.offEvent("click.month-view-buttons"),this.onEvent("click.month-view-buttons",e,a=>{a.stopPropagation();let n=a.target,i=this.container?.querySelector("ids-month-view"),r=this.container?.querySelector("ids-week-view");if(n.classList.contains("btn-previous")&&(i?.changeDate("previous-month"),r?.changeDate("previous")),n.classList.contains("btn-next")&&(i?.changeDate("next-month"),r?.changeDate("next")),n.classList.contains("btn-today")){let o=i||r;o?.changeDate("today"),o?.focus()}if(n.classList.contains("btn-apply")){let o=t?.year??null,d=t?.month??null;i&&(i.year=o,i.month=d),t&&(t.expanded=!1)}}),this.offEvent("dayselected.month-view-datepicker"),this.onEvent("dayselected.month-view-datepicker",t,a=>{a.stopPropagation();let n=a.detail.date;this.changeDate(n,this.state.view==="day")}),this.offEvent("expanded.month-view-picklist"),this.onEvent("expanded.month-view-picklist",t,a=>{let n=a.detail.expanded;this.container?.querySelector(".btn-today")?.setAttribute("hidden",n.toString()),this.container?.querySelector(".btn-apply")?.setAttribute("hidden",(!n).toString()),this.container?.querySelector(".btn-previous")?.setAttribute("hidden",n.toString()),this.container?.querySelector(".btn-next")?.setAttribute("hidden",n.toString()),n?this.container?.querySelector("td.is-selected")?.removeAttribute("tabindex"):this.container?.querySelector("td.is-selected")?.setAttribute("tabindex","0")}),this.showToday?(this.offEvent("click.week-view-today"),this.onEvent("click.week-view-today",this.container?.querySelector(".btn-today"),()=>{this.getView()?.changeDate("today")})):this.offEvent("click.week-view-today")}#g(){let e=this.#e();this.offEvent("dayselected.calendar-event-form"),this.onEvent("dayselected.calendar-event-form",e,t=>{t.stopPropagation()}),this.offEvent("click.calendar-event-form",e),this.onEvent("click.calendar-event-form",e,t=>{if(t.target&&t.target.hasAttribute("data-action")){t.stopPropagation();let a=t.target.getAttribute("data-action");if(a==="close"){this.#a();return}if(a==="submit"){let n=this.#e()?.querySelector("#event-form");this.#y(n),this.#a()}}}),this.offEvent("change.calendar-event-form",e),this.onEvent("change.calendar-event-form",e,t=>{t.stopPropagation();let a=t.detail.checked;this.#f(a)})}#i(e,t){let a=this.#e();a?a.innerHTML=`${this.#d(t)}`:this.container?.insertAdjacentHTML("beforeend",`
-        <ids-popup
-          id="event-form-popup"
-          arrow="right"
-          x="160"
-          align="center"
-          animated="false"
-          visible="false"
-          type="menu"
-          position-style="absolute">
-          ${this.#d(t)}
-        </ids-popup>
-      `),this.positionFormPopup(e),this.#g(),this.#e()?.querySelector("#event-subject")?.focus()}#f(e){let t=this.#e();t&&t.querySelectorAll("ids-time-picker").forEach(a=>{a.disabled=e})}positionFormPopup(e){let t=this.#e();t&&e&&(t.alignTarget=null,t.alignTarget=e,t.place(),t.visible=!0)}#a(){let e=this.#e();e&&(this.offEvent("click.calendar-event-form",e),e.remove())}#y(e){let t=e.getAttribute("data-id"),a=e.querySelector("#event-subject")?.value,n=e.querySelector("#event-type")?.value,i=e.querySelector("#event-is-all-day")?.checked,r=i==="true"?"true":"false",o=e.querySelector("#event-comments")?.value,d=e.querySelector("#event-from-date"),l=e.querySelector("#event-from-hour"),c=new Date(d.year,d.month,d.day,i?0:l.hours24,i?0:l.minutes,i?0:l.seconds).toISOString(),m=e.querySelector("#event-to-date"),b=e.querySelector("#event-to-hour"),M=new Date(m.year,m.month,m.day,i?23:b.hours24,i?59:b.minutes,i?59:b.seconds).toISOString(),q={id:t,subject:a,type:n,isAllDay:r,starts:c,ends:M,comments:o};this.updateEvent(q)}#D(e,t){let a=e.getAttribute("data-id"),n=this.getEventTypeById(a);n&&(n.checked=t)}changeView(e="month"){if(this.state.view===e)return;let t=e==="month"?this.#E():this.#x(e==="day");this.insertViewTemplate(t),this.relayCalendarData(),this.state.view=e}changeDate(e,t){let a=this.getView();if(!(!a||!u(e))){if(a.tagName==="IDS-MONTH-VIEW")a.setAttribute(s.YEAR,String(e.getFullYear())),a.setAttribute(s.MONTH,String(e.getMonth())),a.setAttribute(s.DAY,String(e.getDate()));else if(a.tagName==="IDS-WEEK-VIEW"){let n=t?e:g(e),i=t?e:f(e);a.setAttribute(s.START_DATE,String(n)),a.setAttribute(s.END_DATE,String(i))}}}insertViewTemplate(e){let t=this.container?.querySelector(".calendar-view-pane");t&&(t.innerHTML=e)}relayCalendarData(){let e=this.getView(),t=this.#l(this.eventsData);e?.offEvent("beforeeventrendered"),e?.onEvent("beforeeventrendered",e,a=>{this.triggerEvent("beforeeventrendered",this,{detail:a.detail})}),e?.offEvent("aftereventrendered"),e?.onEvent("aftereventrendered",e,a=>{this.triggerEvent("aftereventrendered",this,{detail:a.detail})}),e&&(e.eventsData=t,e.eventTypesData=this.eventTypesData)}#o(e){this.state.skipRender=!0,e=e||this.date;let t=`${e.getMonth()+1}/${e.getDate()}/${e.getFullYear()}`;this.setAttribute("date",t),this.#r(void 0,e),this.state.skipRender=!1}#r(e,t){let n=this.container?.querySelector(".btn-picker")?.querySelector("ids-text"),i=t||this.date,r=this.formatMonthRange(e)||null;n&&(n.textContent=r);let o=this.container?.querySelector("ids-date-picker-popup");o&&o?.updateMonthYearPickerTriggerDisplay&&(o.day=i.getDate(),o.month=i.getMonth(),o.year=i.getFullYear(),o?.updateMonthYearPickerTriggerDisplay(e,i))}#w(){let e=this.getView();return e&&e instanceof v?(this.state.selected=e.getActiveDayEvents(),this.state.selected):[]}#E(){let e=this.date;return`
-      <ids-month-view
-        month="${e.getMonth()}"
-        day="${e.getDate()}"
-        year="${e.getFullYear()}">
-        <slot name="MonthViewCalendarEventTemplate" slot="customCalendarEvent"></slot>
-      </ids-month-view>
-    `}#x(e=!1){let t=this.date,a=e?t:g(t),n=e?t:f(t);return`
-      <ids-week-view
-        start-date="${a}"
-        end-date="${n}"
-      ></ids-week-view>
-    `}#l(e){if(!this.eventTypesData?.length)return e;let t=this.eventTypesData.filter(a=>a.checked).map(a=>a.id);return e.filter(a=>t.includes(a.type))}formatDateRange(e,t){let a={dateStyle:"long",timeStyle:"short"},n=this.localeAPI.formatDate(e,a),i=this.localeAPI.formatDate(t,a);return`${n} - ${i}`.replace(/ /g," ")}formatDuration(e,t){let a=E(e,t,!0);if(a>=24){let i=Math.round(a/24),r=this.localeAPI.translate(i===1?"Day":"Days");return`${this.localeAPI.parseNumber(i.toString())} ${r}`}if(a<1){let i=e.getMinutes(),o=t.getMinutes()-i,d=this.localeAPI.translate(o===1?"Minute":"Minutes");return`${this.localeAPI.parseNumber(o.toString())} ${d}`}let n=this.localeAPI.translate(a===1?"Hour":"Hours");return`${this.localeAPI.parseNumber(a.toString())} ${n}`}#k(e){let t=new Date(e.starts),a=new Date(e.ends),n=this.getEventTypeById(e.type);return{...e,dateRange:this.formatDateRange(t,a),duration:this.formatDuration(t,a),eventType:e.type,color:n?.color||"azure"}}updateEventDetails(e){let t=this.container?.querySelector(".calendar-details-pane");if(!this.showDetails||!t)return;if(this.getView()?.tagName!=="IDS-MONTH-VIEW"){t.innerHTML="";return}e=e||this.#w()||[],e=this.#l(e);let n=e.map(i=>this.#k(i));t.innerHTML=this.state.isMobile?this.detailListTemplate(n):this.detailAccordionTemplate(n)}addEvent(e){this.eventsData=this.eventsData.concat(e),this.triggerEvent("eventadded",this,{detail:{elem:this,value:e},bubbles:!0,cancelable:!0,composed:!0})}updateEvent(e){let t=this.eventsData.slice(0),a=t.find(n=>n.id===e.id);if(a){let n=Object.assign(a,e);this.eventsData=t,this.triggerEvent("eventupdated",this,{detail:{elem:this,value:n},bubbles:!0,cancelable:!0,composed:!0})}else this.addEvent(e)}clearEvents(){this.eventsData=[],this.beforeEventsRender=null}renderLegend(e=[]){if(this.querySelector("#event-types-legend")?.remove(),!this.showLegend||!e.length||this.querySelector('[slot="legend"]'))return;let a=`
-      <ids-accordion id="event-types-legend" slot="legend">
-        <ids-accordion-panel expanded="true">
-          <ids-accordion-header slot="header" expander-type="caret">
-            <ids-text translate-text="true">Legend</ids-text>
-          </ids-accordion-header>
-          <div slot="content"><p>${e.map(n=>`
-      <ids-checkbox
-        class="event-type-checkbox"
-        checked="${n.checked}"
-        data-id="${n.id}"
-        label="${n.translationKey?this.localeAPI.translate(n.translationKey):n.label}"
-        color="${n.color}"
-        disabled="${n.disabled||"false"}">
-      </ids-checkbox>
-    `).join("")}</p></div>
-        </ids-accordion-panel>
-      </ids-accordion>
-    `;this.insertAdjacentHTML("afterbegin",a)}getView(){return this.container?.querySelector("ids-month-view")||this.container?.querySelector("ids-week-view")}#c(e,t){let a=this.getView();if(!(a instanceof v))return;let n=null;t&&Array.isArray(e)&&e.length&&(n=e.map(i=>({name:i.label,color:`${i.color}-60`,dayOfWeek:[],cssClass:"event-type",fontSize:14}))),a.legend=n}#S(e){let a=e[0].contentRect.width<=this.#h;this.state.isMobile!==a&&(this.state.isMobile=a,this.updateEventDetails(this.state.selected),this.#c(this.eventTypesData,a),this.positionFormPopup(this.getView()?.getEventElemById(this.#n)?.container))}get startDate(){let e=this.getView()?.startDate;if(!e){let t=this.date;return t.setDate(1),t}return e}get endDate(){let e=this.getView()?.endDate;if(!e){let t=this.date;return t.setMonth(t.getMonth()+1,0),t}return e}async renderEventsData(e=!1){if(!e&&typeof this.state.beforeEventsRender=="function"){this.eventsData=await this.state.beforeEventsRender(this.startDate,this.endDate);return}Array.isArray(this.eventsData)&&(this.relayCalendarData(),this.updateEventDetails())}formatMonthRange(e){let t=e||this.localeAPI;if(!t)return"";let a=this.startDate,n=x(this.endDate,1,"days"),i=t.formatDate(a,{month:"long"}),r=t.formatDate(n,{month:"long"}),o=t.formatDate(a,{year:"numeric"});return t.formatDate(n,{year:"numeric"})!==o?`${t.formatDate(a,{month:"short",year:"numeric"})} - ${t.formatDate(n,{month:"short",year:"numeric"})}`:r!==i?`${t.formatDate(a,{month:"short"})} - ${r} ${o}`:t.formatDate(a,{month:"long",year:"numeric"})}};p=y([D("ids-calendar"),w(C)],p);export{p as a};

package/chunks/ids-chunk-AXGKBQMU.js

@@ -1,113 +0,0 @@
-import{a as P}from"./ids-chunk-CWPNXLZ2.js";import{a as y}from"./ids-chunk-EEMGR5HE.js";import{a as A}from"./ids-chunk-OUX67T2L.js";import{a as I}from"./ids-chunk-B6P5AQ2Z.js";import{c as $}from"./ids-chunk-CK6SA7FU.js";import{a as w}from"./ids-chunk-SNYFQ5ZT.js";import{a as v,b as E}from"./ids-chunk-XE4WFW5M.js";import{e as m}from"./ids-chunk-TJKIW3GF.js";import{a as p}from"./ids-chunk-EHQM67XJ.js";import{a as S}from"./ids-chunk-U7OOVFXE.js";var D=`
-/* Ids Splitter Component */
-.ids-splitter {
-  display: flex;
-  position: relative;
-  height: 100%;
-  width: 100%;
-}
-.ids-splitter.axis-x {
-  flex-direction: row;
-}
-.ids-splitter.axis-y {
-  flex-direction: column;
-}
-.ids-splitter .splitter-drag-handle {
-  background-color: var(--ids-splitter-handle-color-background-hover);
-  border-radius: var(--ids-splitter-handle-border-radius);
-  display: block;
-  height: var(--ids-splitter-handle-height);
-  opacity: 0;
-  position: absolute;
-  margin-inline-start: -3px;
-  width: var(--ids-splitter-handle-width);
-  z-index: 1;
-}
-.ids-splitter .splitter-dragger {
-  position: absolute;
-}
-.ids-splitter .splitter-dragger .split-bar {
-  border-inline-start: 1px solid var(--ids-splitter-bar-color-border);
-  display: flex;
-  position: relative;
-  height: 100%;
-  width: 100%;
-  align-items: center;
-  justify-content: center;
-}
-.ids-splitter .splitter-dragger .split-bar:hover {
-  border-inline-start: 2px solid var(--ids-splitter-bar-color-border-hover);
-}
-.ids-splitter .splitter-dragger .split-bar:hover .splitter-drag-handle {
-  opacity: 1;
-}
-.ids-splitter .splitter-dragger .split-bar::before {
-  content: "";
-  position: absolute;
-  height: 100%;
-  margin-inline-start: -4px;
-  width: var(--ids-splitter-bar-buffer-width);
-}
-.ids-splitter .splitter-dragger[axis=x] {
-  height: 100%;
-  top: 0;
-}
-.ids-splitter .splitter-dragger[axis=x] .split-bar {
-  width: var(--ids-splitter-bar-width);
-}
-.ids-splitter .splitter-dragger[axis=y] {
-  left: 0;
-  width: 100%;
-}
-.ids-splitter .splitter-dragger[axis=y] .split-bar {
-  border-block-start: 1px solid var(--ids-splitter-bar-color-border);
-  border-inline-start: 0;
-  height: var(--ids-splitter-bar-width);
-}
-.ids-splitter .splitter-dragger[axis=y] .split-bar::before {
-  height: var(--ids-splitter-bar-buffer-width);
-  margin-inline-start: 0;
-  margin-block-start: -2px;
-  width: 100%;
-  z-index: -1;
-}
-.ids-splitter .splitter-dragger[axis=y] .split-bar:hover {
-  border-block-start: 2px solid var(--ids-splitter-bar-color-border-hover);
-}
-.ids-splitter .splitter-dragger[axis=y][is-dragging] .split-bar, .ids-splitter .splitter-dragger[axis=y]:focus .split-bar {
-  border-inline-start: 0;
-  border-block-start: 2px solid var(--ids-splitter-bar-color-border-dragging);
-}
-.ids-splitter .splitter-dragger[axis=y] .splitter-drag-handle {
-  margin-block-start: -4px;
-  margin-inline-start: 0;
-  height: var(--ids-splitter-handle-width);
-  width: var(--ids-splitter-handle-height);
-}
-.ids-splitter .splitter-dragger[is-dragging], .ids-splitter .splitter-dragger:focus {
-  outline: none;
-}
-.ids-splitter .splitter-dragger[is-dragging] .split-bar, .ids-splitter .splitter-dragger:focus .split-bar {
-  border-inline-start: 2px solid var(--ids-splitter-bar-color-border-dragging);
-}
-.ids-splitter .splitter-dragger[is-dragging] .splitter-drag-handle, .ids-splitter .splitter-dragger:focus .splitter-drag-handle {
-  opacity: 1;
-}
-.ids-splitter .splitter-dragger[disabled] {
-  display: none;
-}
-
-::slotted(ids-splitter-pane) {
-  display: grid;
-  overflow: auto;
-}`;var R=A(I(w)),x={align:"start",axis:"x",disabled:!1,label:"Resize",resizeOnDragEnd:!1,savePosition:!1,uniqueId:null},T=["x","y"],g={beforecollapsed:"beforecollapsed",collapsed:"collapsed",beforeexpanded:"beforeexpanded",expanded:"expanded",beforesizechanged:"beforesizechanged",sizechanged:"sizechanged"},b="collapsed",z=class extends R{constructor(){super(),this.state={...this.state,...x}}static get attributes(){return[...super.attributes,p.AXIS,p.DISABLED,p.LABEL,p.RESIZE_ON_DRAG_END,p.SAVE_POSITION,p.UNIQUE_ID]}template(){let i=` class="ids-splitter axis-${this.axis}"`,t=this.disabled?" disabled":"";return`
-      <div part="splitter" role="presentation"${i}${t}>
-        <slot></slot>
-      </div>`}connectedCallback(){super.connectedCallback(),this.#g()}sizes(){return this.#t}minSizes(){return this.#s}maxSizes(){return this.#d}collapse(i={}){if(this.disabled&&!i.initial)return;let t=i.pair||this.getPair(i);if(t&&t.start){let s=!0,e=n=>{s=!!m(n)};if(this.#h(g.beforecollapsed,t,e),!s)return;let{pane:d,idx:a}=t.start,h=this.#t[a],r=this.#t[a]>this.#s[a];if(this.#c[a]=r?this.#t[a]:this.#m,r){let n=this.#s[a]-this.#t[a],o=this.#o(n);this.#x({...t,diff:o,initial:i.initial})}h!==this.#t[a]&&(d.setAttribute(b,""),this.#h(g.collapsed,t))}}expand(i={}){if(this.disabled)return;let t=i.pair||this.getPair(i);if(t&&t.start){let s=!0,e=n=>{s=!!m(n)};if(this.#h(g.beforeexpanded,t,e),!s)return;let{pane:d,idx:a}=t.start,h=this.#t[a];if(m(d.getAttribute(b))){let n=this.#c[a]-this.#s[a];this.#x({...t,diff:this.#o(n)})}h!==this.#t[a]&&(d.removeAttribute(b),this.#h(g.expanded,t))}}getAllPairs(){return this.#e}getPair(i={}){let{startPane:t,endPane:s}=i,e,d=a=>typeof a=="string"||a instanceof y;if(d(t)&&d(s)){let a=n=>typeof n=="string"?this.querySelector(n):n,h=a(t),r=a(s);this.#e.forEach(n=>{(n.start.pane===h||n.end.pane===r)&&(e=n)})}return e}#n={size:0};#i={};#r={};#l=[];#e=[];#m=0;#c=[];#t=[];#s=[];#d=[];#p=new ResizeObserver(()=>this.#S());#y(){this.#k(),this.#v(),this.#E(),this.#L(),this.#O(),this.#R(),this.#$(),this.#C(),this.#I()}#b="IntersectionObserver"in window?new IntersectionObserver(i=>{i.forEach(t=>{t.isIntersecting&&(this.#b?.disconnect(),this.#y())})}):null;#a=new P(this);clearPosition=this.#a.clearPosition.bind(this.#a);clearPositionAll=this.#a.clearPositionAll.bind(this.#a);idTobeUse=this.#a.idTobeUse.bind(this.#a);#g(){this.#b&&this.container?this.#b.observe(this.container):this.#y()}#S(){this.#v(),requestAnimationFrame(()=>{this.#E(),this.#$(),this.#I()})}#v(){let i={};return this.axis==="y"?i={orientation:"vertical",dimension:"height",posStart:"top",posEnd:"bottom",delta:"dragDeltaY",translate:"translateY",minTransform:"minTransformY",maxTransform:"maxTransformY",useRTL:!1}:i={orientation:"horizontal",dimension:"width",posStart:"left",posEnd:"right",delta:"dragDeltaX",translate:"translateX",minTransform:"minTransformX",maxTransform:"maxTransformX",useRTL:this.localeAPI?.isRTL()},this.#i={...i,barPixel:0,barPercentage:this.#u(0)},this}#E(){return this.#n?(this.#n.rect=this.container?.getBoundingClientRect()||{},this.#n.posStart=this.#n.rect[this.#i.posStart],this.#n.size=this.#n.rect[this.#i.dimension],this):this}#L(){let i=[...this.childNodes].filter(r=>r instanceof y),t={minSize:0,size:100/i.length},s={adjustable:{minSizes:[],sizes:[]},sum:{minSizes:0,sizes:0}};i.forEach((r,n)=>{let o=r.getAttribute("min-size"),l=r.getAttribute("size");l!==null&&o===null?(l=this.#f(l),s.sum.sizes+=l,s.adjustable.sizes.push({elem:r,idx:n,size:l})):l===null&&o!==null?(o=this.#f(o),s.sum.minSizes+=o,s.adjustable.minSizes.push({elem:r,idx:n,minSize:o})):l!==null&&o!==null&&(l=this.#f(l),o=this.#f(o),l=o>l?o:l,s.sum.minSizes+=o,s.sum.sizes+=l,s.adjustable.minSizes.push({elem:r,idx:n,minSize:o}),s.adjustable.sizes.push({elem:r,idx:n,size:l}))});let e=100;if(i.length===2){let r=i[0].getAttribute("max-size");if(r!==null){r=this.#f(r),r=r>e?e:r;let n=s.adjustable.sizes,o=s.adjustable.minSizes,l={sizes:n.length,minSizes:o.length},c={idx:0,elem:i[0]};l.sizes&&!l.minSizes&&n[0].idx===0&&n[0].size>=r?(s.sum.sizes-=n[0].size-r,n[0].size=r):!l.sizes&&l.minSizes&&o[0].idx===0&&o[0].minSize>=r?(r=o[0].minSize,s.sum.sizes+=r,s.adjustable.sizes.push({...c,size:r})):l.sizes&&l.minSizes&&n[0].idx===0&&o[0].idx===0&&o[0].minSize>=r?(r=o[0].minSize,s.sum.sizes-=n[0].size-r,n[0].size=r):!l.sizes&&!l.minSizes&&(s.sum.sizes+=r,s.adjustable.sizes.push({...c,size:r})),this.#d=[r]}}let d=()=>{if(s.sum.minSizes>=e){let r=s.sum.minSizes-e,n=s.adjustable.minSizes.sort((o,l)=>l.minSize-o.minSize);for(let o=0,l=n.length,c=r;o<l&&c>0;o++)n[o].minSize>=c?(n[o].minSize-=c,c=0):(c-=n[o].minSize,n[o].minSize=0);s.adjustable.minSizes=n.sort((o,l)=>o.idx-l.idx)}if(s.sum.sizes>=e){let r=s.sum.sizes-e,n=s.adjustable.sizes.sort((o,l)=>l.size-o.size);for(let o=0,l=n.length,c=r;o<l&&c>0;o++)n[o].size>=c?(n[o].size-=c,c=0):(c-=n[o].size,n[o].size=0);s.sum.sizes=e,s.adjustable.sizes=n.sort((o,l)=>o.idx-l.idx)}};d();let a=()=>{if(s.sum.sizes>0){let r=i.length-s.adjustable.sizes.length;r>0&&(t.size=(e-s.sum.sizes)/r)}};if(a(),s.sum.minSizes>0){let r=!1;s.adjustable.minSizes.forEach((n,o)=>{let l=s.adjustable.sizes[n.idx]?.size;l&&n.minSize>l?(s.adjustable.sizes[o].size=n.minSize,r=!0):!l&&n.minSize>t.size&&(s.adjustable.sizes.push({elem:n,idx:n.idx,size:n.minSize}),s.sum.sizes+=n.minSize,r=!0),r&&(a(),d())})}let h=this.#a.restorePosition();return h&&(s.adjustable.sizes=i.map((r,n)=>({elem:r,idx:n,size:h?.sizes?.[n]}))),this.#s=[],this.#t=[],this.#l=i.map((r,n)=>{let o=s.adjustable.minSizes.find(f=>f.idx===n),l=s.adjustable.sizes.find(f=>f.idx===n),c=o?o.minSize:t.minSize,u=l?l.size:t.size;return r.style[this.#i.dimension]=`${u}%`,this.#s.push(c),this.#t.push(u),r}),this.#m=t.size,this.#c=[...this.#t],this}#A(i){return`split-${i}`}#O(){let i=' class="splitter-dragger"',t=this.disabled?' disabled aria-disabled="true"':"";return this.#l.forEach((s,e)=>{if(e>0){let d=document.createElement("template");d.innerHTML=`
-          <ids-draggable axis=${this.axis} id="${this.#A(e)}"
-            aria-orientation="${this.#i.orientation}"
-            role="separator" aria-label="${this.label}" tabindex="0"${i}${t}>
-            <div class="split-bar" part="split-bar" role="presentation">
-              <div class="splitter-drag-handle"></div>
-            </div>
-          <ids-draggable>`,this.container?.appendChild(d.content.cloneNode(!0))}}),this}#z(i){this.shadowRoot?.querySelectorAll(".splitter-drag-handle")?.forEach(s=>{let e=this.container?.getBoundingClientRect()||{left:0,top:0,width:0,height:0};if(!s)return;let d=32,a=d/2,h,r,n;if(this.axis==="y"){h=i.clientX-e.left-a,h<a&&(h=0),r=e.width-d,n=h>r?r:h,s.style.left=`${n}px`;return}h=i.clientY-e.top-a,h<a&&(h=0),r=e.height-d,n=h>r?r:h,s.style.top=`${n}px`})}#R(){return this.shadowRoot?.host.setAttribute("role","group"),this.#l.forEach((i,t)=>{if(t>0){let s=this.container?.querySelector(`#${this.#A(t)}`),e=t-1,d={pane:this.#l[e],idx:e,size:this.#t[e],minSize:this.#s[e]},a={pane:i,idx:t,size:this.#t[t],minSize:this.#s[t]};d.id=d.pane.getAttribute("id"),d.id||(d.id=this.#j(),d.pane.setAttribute("id",d.id)),a.id=a.pane.getAttribute("id"),a.id||(a.id=this.#j(),a.pane.setAttribute("id",a.id)),this.#e.push({splitBar:s,start:d,end:a,idx:e})}}),this}#$(){let i={min:0,mid:0,max:0},{minTransform:t,maxTransform:s,translate:e,useRTL:d}=this.#i,a=this.#d.length===1;return this.#l.forEach((h,r)=>{let n=this.#o(this.#t[r]);if(i.min=i.mid,i.mid=i.max,i.max+=n,r>0){let o={};o={min:r>1?this.#i.barPixel:0,max:this.#i.barPixel};let l=this.#e[r-1],c=l.splitBar,u=i.min+this.#o(this.#s[l.start.idx])+o.min,f=i.max-this.#o(this.#s[l.end.idx])-o.max;if(a&&(f=this.#o(this.#d[0])-o.max),d){let j=f*-1,L=u*-1,O=i.mid*-1;c&&(c.style.setProperty("transform",`${e}(${O}px)`),c[t]=`${j}px`,c[s]=`${L}px`)}else c&&(c.style.setProperty("transform",`${e}(${i.mid}px)`),c[t]=`${u}px`,c[s]=`${f}px`)}}),this}#I(){return this.#e.forEach(i=>{m(i.start.pane.getAttribute(b))&&this.collapse({pair:i,initial:!0})}),this}#B(i){let{start:t,initial:s}=i;return window.requestAnimationFrame(()=>{let e=t.idx===0?0:this.#i.barPercentage;this.#t[t.idx]>this.#s[t.idx]+e?t.pane.removeAttribute(b):(!t.pane.hasAttribute(b)||s)&&(this.#c[t.idx]=this.#m,t.pane.setAttribute(b,""))}),this}#M(){let i=(t,s=p.DISABLED,e="")=>{this.disabled?t.setAttribute(s,e):t.removeAttribute(s)};return this.container&&i(this.container),this.#e.forEach(t=>{i(t.splitBar),i(t.splitBar,"aria-disabled","true")}),this}#w(i){if(!this.#r.isMoving){let t=!0,s=h=>{t=!!m(h)};if(this.#h(g.beforesizechanged,i,s),!t){i.splitBar.isDragging=!1;return}let e=this.#d.length===1,{start:d,end:a}=i;d.size=this.#t[d.idx],a.size=this.#t[a.idx],this.#r={isMoving:!0,startSize:d.size*-1,endSize:a.size,pad:1},e&&(this.#r.max=this.#d[d.idx]-this.#t[d.idx]+this.#s[a.idx])}}#P(i){this.#r.isMoving&&(this.#N(i),this.#B(i),this.#h(g.sizechanged,i),this.#a.savePosition()),this.#r={}}#x(i){if(this.#w(i),this.#r.isMoving){let t=this.#D({...i,diff:this.#u(i.diff)});if(t*=this.#i.useRTL?-1:1,this.#P({...i,diff:t}),t){let s=i.splitBar,e=window.getComputedStyle(s).getPropertyValue("transform")?.replace(/^matrix\((.+)\)$/g,"$1").split(","),a={x:+e[4],y:+e[5]}[this.axis]+this.#o(t);s?.style.setProperty("transform",`${this.#i.translate}(${a}px)`)}}}#D(i){let{startSize:t,endSize:s,pad:e,max:d,isMoving:a}=this.#r,{useRTL:h,barPercentage:r}=this.#i,{start:n,end:o,diff:l}=i,c=typeof d<"u"?d:s,u={};u.min=n.idx===0?0:r,u.max=r;let f=l*(h?-1:1);return a&&(h&&f<0&&f<t+n.minSize+e?f=t+n.minSize+u.min:h&&f>0&&f>c-o.minSize-e||!h&&l>0&&l>c-o.minSize-e-u.max?f=c-o.minSize-u.max:!h&&l<0&&l<t+n.minSize+e+u.min&&(f=t+n.minSize+u.min)),f===1/0?0:f}#T(i){let{start:t,end:s}=i,e={diff:this.#D(i)};return e.start=t.size+e.diff,e.end=s.size-e.diff,t.pane.style[this.#i.dimension]=`${e.start}%`,s.pane.style[this.#i.dimension]=`${e.end}%`,t.pane.setAttribute(p.SIZE,`${e.start}%`),s.pane.setAttribute(p.SIZE,`${e.end}%`),e}#h(i,t,s){let{start:e,end:d,splitBar:a}=t,h={detail:{elem:this,start:e,end:d,splitBar:a,sizes:this.sizes(),minSizes:this.minSizes(),maxSizes:this.maxSizes()}};typeof s=="function"&&(h.detail.response=s),this.triggerEvent(i,this,h)}#N(i){let{start:t,end:s,idx:e,diff:d}=i,a=this.#T({start:t,end:s,diff:d});this.#t[t.idx]=a.start,this.#t[s.idx]=a.end,t.size=a.start,s.size=a.end;let{minTransform:h,maxTransform:r,useRTL:n}=this.#i,o=this.#e.length-1;if(o>0){let l=this.#o(a.diff),c={prev:this.#e[e-1]?.splitBar,next:this.#e[e+1]?.splitBar};e===0?n?c.next[r]-=l:c.next[h]+=l:e===o?n?c.prev[h]-=l:c.prev[r]+=l:(n?c.prev[h]-=l:c.prev[r]+=l,n?c.next[r]-=l:c.next[h]+=l)}}#f(i){return/%$/i.test(`${i}`)?parseInt(`${i}`,10):this.#u(i)}#u(i){let t=e=>{let d=e<0;return e=Math.abs(e),e/this.#n.size*100*(d?-1:1)},s=0;if(typeof i=="number")s=t(i);else{let e=parseInt(`${i}`,10);!Number.isNaN(e)&&/px$/i.test(`${i}`)&&(s=t(e))}return s}#o(i){let t=e=>{let d=e<0;return e=Math.abs(e),this.#n.size*(e/100)*(d?-1:1)},s=0;if(typeof i=="number")s=t(i);else{let e=parseInt(`${i}`,10);!Number.isNaN(e)&&/%$/i.test(`${i}`)&&(s=t(e))}return s}#j(){return`splitter-pane-${Math.floor(Math.random()*Date.now())}`}#C(){let i=this.shadowRoot?.querySelector("slot");return this.offEvent("slotchange.splitter",i),this.onEvent("slotchange.splitter",i,()=>{this.#g()}),this.#e.forEach((t,s)=>{let e=t.splitBar,d=`splitter${s}`;this.offEvent(`dragstart.${d}`,e),this.onEvent(`dragstart.${d}`,e,()=>{this.disabled||this.#w(t)}),this.offEvent(`drag.${d}`,e),this.onEvent(`drag.${d}`,e,a=>{if(this.#z(a.detail),!this.disabled&&!this.resizeOnDragEnd&&this.#r.isMoving){let h=this.#u(a.detail[this.#i.delta]);this.#T({...t,diff:h})}}),this.offEvent(`dragend.${d}`,e),this.onEvent(`dragend.${d}`,e,a=>{if(!this.disabled){let h=this.#u(a.detail[this.#i.delta]);this.#P({...t,diff:h})}}),this.offEvent(`click.${d}`,e),this.onEvent(`click.${d}`,e,()=>{e.focus()}),this.offEvent(`keydown.${d}`,e),this.onEvent(`keydown.${d}`,e,a=>{if(!this.disabled){let h=["ArrowDown","ArrowRight","ArrowUp","ArrowLeft","Space"],r=a.code;if(h.indexOf(r)>-1){if(r!=="Space"){let n=this.#i.useRTL,o=10;r==="ArrowDown"||r==="ArrowLeft"?o*=n||!this.isHorizontal?1:-1:(r==="ArrowUp"||r==="ArrowRight")&&(o*=n||!this.isHorizontal?-1:1),this.#x({...t,diff:o})}a.preventDefault(),a.stopPropagation()}}})}),this.#p.disconnect(),this.container&&this.#p.observe(this.container),this.onEvent("mouseenter.splitter",this.container,t=>{this.#z(t)}),this.onEvent("mousemove.splitter",this.container,t=>{this.#z(t)}),this.onEvent("themechanged.splitter",document,()=>{this.#p.disconnect(),$(()=>{this.container&&this.#p.observe(this.container)},350)}),this}onLanguageChange=()=>{this.#S()};#k(){let i=this.shadowRoot?.querySelector("slot");return this.offEvent("slotchange.splitter",i),this.#p.disconnect(),this.#b?.disconnect(),this.#e.forEach((t,s)=>{let{start:e,end:d,splitBar:a}=t,h=`splitter${s}`;e.pane.removeAttribute("style"),d.pane.removeAttribute("style"),this.offEvent(`dragstart.${h}`,a),this.offEvent(`drag.${h}`,a),this.offEvent(`dragend.${h}`,a),this.offEvent(`click.${h}`,a),this.offEvent(`keydown.${h}`,a),a?.remove?.()}),this.#n={size:0},this.#i={},this.#r={},this.#l=[],this.#e=[],this.#m=0,this.#c=[],this.#t=[],this.#s=[],this}get isHorizontal(){return this.#i.orientation==="horizontal"}set axis(i){if(i!==this.state.axis){let t=s=>`axis-${s}`;this.container?.classList.remove(...T.map(s=>t(s))),T.indexOf(i)>-1?(this.setAttribute(p.AXIS,i),this.state.axis=i):(this.removeAttribute(p.AXIS),this.state.axis=x.axis),this.container?.classList.add(t(this.state.axis)),this.#g()}}get axis(){return this.state.axis}set disabled(i){let t=m(i);t!==this.state.disabled&&(this.state.disabled=t,t?this.setAttribute(p.DISABLED,""):this.removeAttribute(p.DISABLED),this.#M())}get disabled(){return this.state.disabled}set label(i){i!==this.state.label&&(i?(this.setAttribute(p.LABEL,i),this.state.label=i):(this.removeAttribute(p.LABEL),this.state.label=x.label))}get label(){return this.state.label}set resizeOnDragEnd(i){let t=m(i);t!==this.state.resizeOnDragEnd&&(this.state.resizeOnDragEnd=t,t?this.setAttribute(p.RESIZE_ON_DRAG_END,""):this.removeAttribute(p.RESIZE_ON_DRAG_END))}get resizeOnDragEnd(){return this.state.resizeOnDragEnd}set savePosition(i){let t=m(i);t!==this.state.savePosition&&(this.state.savePosition=t,t?this.setAttribute(p.SAVE_POSITION,""):this.removeAttribute(p.SAVE_POSITION))}get savePosition(){return this.state.savePosition}set uniqueId(i){let t=/number|string/g.test(typeof i)?`${i}`:null;if(typeof t=="string"&&t!==""){t!==this.state.uniqueId&&(this.setAttribute(p.UNIQUE_ID,t),this.state.uniqueId=t);return}this.removeAttribute(p.UNIQUE_ID),this.state.uniqueId=x.uniqueId}get uniqueId(){return this.state.uniqueId}};z=S([v("ids-splitter"),E(D)],z);export{z as a};