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

package/chunks/ids-chunk-NRQJHPAB.js

@@ -0,0 +1,289 @@
+import{a as J}from"./ids-chunk-53T43YKS.js";import{a as j}from"./ids-chunk-TCS5VVFC.js";import{a as Z}from"./ids-chunk-PRFN5Z6E.js";import{a as z}from"./ids-chunk-GF3Z4WJB.js";import{a as G}from"./ids-chunk-CJLHHOE4.js";import{a as X}from"./ids-chunk-UJBFVJOR.js";import{a as U}from"./ids-chunk-CYUUIMSF.js";import{b as q}from"./ids-chunk-SKASXVWN.js";import{a as W}from"./ids-chunk-D2KOMV4A.js";import{a as H}from"./ids-chunk-T6ZV4PDM.js";import{a as B}from"./ids-chunk-DK5QOJMP.js";import{a as K}from"./ids-chunk-VPHXGWIQ.js";import{a as V,b as N}from"./ids-chunk-XE4WFW5M.js";import{a as Y}from"./ids-chunk-RW2HYK23.js";import{j as v,k as $,t as M}from"./ids-chunk-DLJMMPZB.js";import{e as r,f as b,h as _}from"./ids-chunk-5Q3WPKMB.js";import{a as e}from"./ids-chunk-ECJIHQ7J.js";import{a as P,b as h,d as a,g as s}from"./ids-chunk-Y32WUP63.js";var Q=`/* Ids Date Picker Component */
+:host {
+  display: block;
+}
+
+:host([size=full]) {
+  width: 100%;
+}
+:host([size=full]) ::part(container) {
+  display: block;
+}
+
+.ids-date-picker {
+  display: inline-block;
+  max-width: 100%;
+  position: relative;
+}
+.ids-date-picker ids-trigger-field,
+.ids-date-picker .ids-trigger-field {
+  display: inline-block;
+  max-width: 100%;
+}
+.ids-date-picker ids-trigger-field[size=full] {
+  display: block;
+}
+.ids-date-picker.full {
+  display: block;
+}
+.ids-date-picker.full ids-trigger-field,
+.ids-date-picker.full .ids-trigger-field {
+  display: block;
+}
+.ids-date-picker.is-open:not(.is-dropdown) ids-trigger-button::part(button) {
+  color: var(--ids-date-picker-open-trigger-button-color-text);
+}
+.ids-date-picker.is-open:not(.is-dropdown) ids-trigger-field::part(field-container) {
+  border-color: var(--ids-date-picker-color-border);
+}
+.ids-date-picker ids-month-view {
+  width: 100%;
+}
+.ids-date-picker:not(.has-time) ids-month-view::part(table-container) {
+  margin-bottom: 10px;
+}
+.ids-date-picker ids-popup::part(popup) {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+.ids-date-picker .popup-footer {
+  display: flex;
+}
+.ids-date-picker .popup-btn {
+  width: 100%;
+}
+.ids-date-picker .popup-btn::part(button) {
+  display: flex;
+  padding-block: var(--ids-space-50);
+  border-radius: 0;
+  justify-content: center;
+}
+.ids-date-picker .popup-btn::part(button):not(:focus) {
+  border: 1px solid transparent;
+  border-top-color: var(--ids-date-picker-popup-button-color-border);
+}
+.ids-date-picker .popup-btn:not(.popup-btn-apply)::part(button) {
+  color: var(--ids-date-picker-popup-button-color-text-default);
+}
+.ids-date-picker .popup-btn:not(.popup-btn-apply)::part(button):hover {
+  color: var(--ids-date-picker-popup-button-color-text-hover);
+}
+.ids-date-picker .popup-btn:not([hidden]):not(:last-child):not(:focus)::part(button) {
+  border-inline-end-color: var(--ids-date-picker-popup-button-color-border);
+}
+.ids-date-picker .popup-btn-apply:not([disabled])::part(button) {
+  color: var(--ids-date-picker-popup-button-primary-color-text);
+}
+.ids-date-picker .popup-btn-apply[disabled]::part(button) {
+  color: var(--ids-date-picker-popup-button-primary-color-text-disabled);
+}
+.ids-date-picker ids-time-picker {
+  display: flex;
+  justify-content: center;
+}
+
+.ids-date-picker.is-dropdown .dropdown-btn::part(button) {
+  color: var(--ids-date-picker-dropdown-button-color-text);
+  padding: 4px;
+  border: none;
+  border-radius: var(--ids-border-radius-01);
+}
+.ids-date-picker.is-dropdown .dropdown-btn::part(button):focus {
+  box-shadow: 0 0 0 2px transparent, 0 0 0 1px var(--ids-date-picker-dropdown-color-focus), 0 0 4px 3px rgba(54, 138, 192, 0.3);
+}
+.ids-date-picker.is-dropdown .dropdown-btn-text,
+.ids-date-picker.is-dropdown .dropdown-btn-icon {
+  padding-inline-start: 0;
+}
+.ids-date-picker.is-dropdown .dropdown-btn-icon {
+  margin-top: 2px;
+}
+.ids-date-picker.is-dropdown.is-expanded .dropdown-btn::part(button) {
+  color: var(--ids-button-tertiary-color-text-hover);
+}
+.ids-date-picker.is-dropdown.is-expanded .dropdown-btn-icon {
+  transform: rotate(180deg);
+}
+.ids-date-picker.is-dropdown ids-expandable-area::part(container) {
+  margin: 0;
+  padding: 0;
+  width: 100%;
+  position: absolute;
+  z-index: 3;
+  border: none;
+  top: 43px;
+  left: 0;
+}
+.ids-date-picker.is-dropdown ids-expandable-area::part(header) {
+  display: none;
+}
+.ids-date-picker.is-dropdown ids-expandable-area::part(pane) {
+  background-color: var(--ids-color-background-default);
+}
+.ids-date-picker.is-dropdown ids-expandable-area::part(pane-content) {
+  margin-top: 0;
+}
+.ids-date-picker.is-dropdown .picklist {
+  display: flex;
+}
+.ids-date-picker.is-dropdown .picklist::after {
+  background-color: var(--ids-date-picker-picklist-separator-color-background);
+  position: absolute;
+  content: " ";
+  width: 1px;
+  left: 0;
+  right: 0;
+  margin-left: auto;
+  margin-right: auto;
+  height: calc(75% + 14px);
+  top: calc(12.5% - 4px);
+}
+.ids-date-picker.is-dropdown:not(.is-expanded) .picklist::after {
+  background-color: transparent;
+}
+.ids-date-picker.is-dropdown .picklist-section {
+  height: 100%;
+  width: 50%;
+  flex: 0 0 50%;
+}
+.ids-date-picker.is-dropdown .picklist-list {
+  display: flex;
+  list-style: none;
+  align-items: center;
+  flex-direction: column;
+  justify-content: space-around;
+  padding: 0;
+  margin-top: 0;
+  margin-bottom: 0;
+  height: 100%;
+}
+.ids-date-picker.is-dropdown .picklist-item {
+  border: 1px solid transparent;
+  box-sizing: border-box;
+  display: flex;
+  cursor: var(--ids-cursor-pointer);
+  color: var(--ids-date-picker-picklist-item-color-text-default);
+  padding-top: 1px;
+  padding-bottom: 1px;
+  user-select: none;
+  height: 12.5%;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+}
+.ids-date-picker.is-dropdown .picklist-item ids-text {
+  line-height: 0;
+}
+.ids-date-picker.is-dropdown .picklist-item.is-selected {
+  color: var(--ids-date-picker-picklist-item-color-text-selected);
+  background-color: var(--ids-date-picker-picklist-item-color-background-selected);
+}
+.ids-date-picker.is-dropdown .picklist-item.is-selected ids-text::part(text) {
+  font-weight: 600;
+}
+.ids-date-picker.is-dropdown .picklist-item:focus {
+  border-color: var(--ids-date-picker-item-color-border-focus);
+  box-shadow: var(--ids-date-picker-item-shadow-focus);
+  outline: none;
+}
+.ids-date-picker.is-dropdown .picklist-item.is-year-nav, .ids-date-picker.is-dropdown .picklist-item.is-month-nav {
+  z-index: 1;
+}
+.ids-date-picker.is-dropdown .picklist-item.is-month-nav {
+  width: calc(100% + 1px);
+}
+
+:host([is-calendar-toolbar=true]) {
+  display: flex;
+}
+
+:host([dir=rtl]) .ids-date-picker .popup-btn + .popup-btn::part(button):not(:focus) {
+  border-left-color: transparent;
+}
+
+.ids-date-picker.color-variant-borderless ids-trigger-field::part(container) {
+  margin: 1px 0;
+}
+.ids-date-picker.color-variant-borderless ids-trigger-field::part(field-container) {
+  border: none;
+}
+.ids-date-picker.color-variant-borderless ids-trigger-field::part(input) {
+  padding-inline-end: 0 !important;
+}
+.ids-date-picker.color-variant-borderless.field-height-lg ids-trigger-field::part(input) {
+  padding-inline: 16px;
+  height: 50px;
+}
+.ids-date-picker.color-variant-borderless.field-height-md ids-trigger-field::part(input) {
+  padding-inline: 12px;
+  height: 40px;
+}
+.ids-date-picker.color-variant-borderless.field-height-sm ids-trigger-field::part(input) {
+  padding-inline: 8px;
+  height: 35px;
+}
+.ids-date-picker.color-variant-borderless.field-height-xs ids-trigger-field::part(input) {
+  padding-inline: 4px;
+  height: 30px;
+}`;var nt=U(X(q(K(Z(j(z(W(H(B(Y)))))))))),I,tt,S,et,d,p,y,it,T,rt,w,st,x,ot,g,D,m,L,f,R,k,F,A=class extends nt{constructor(){super();a(this,I);a(this,S);a(this,d);a(this,y);a(this,T);a(this,w);a(this,x);a(this,g);a(this,m);a(this,f);a(this,k);h(this,"isFormComponent",!0);h(this,"picker");h(this,"triggerButton");h(this,"triggerField");h(this,"colorVariants",["alternate-formatter","borderless","in-cell"]);h(this,"onLocaleChange",()=>{requestAnimationFrame(()=>{this.picker&&(this.picker.format=this.format),this.triggerField.format=this.format,s(this,g,D).call(this),this.firstDayOfWeek===null&&(this.firstDayOfWeek=this.localeAPI?.calendar().firstDayofWeek||0)})});h(this,"onLanguageChange",()=>{s(this,m,L).call(this)});this.picker=this.container?.querySelector("ids-date-picker-popup")||void 0,this.triggerButton=this.container?.querySelector("ids-trigger-button"),this.triggerField=this.container?.querySelector("ids-trigger-field")}connectedCallback(){super.connectedCallback()}mountedCallback(){this.configurePicker(),s(this,I,tt).call(this),s(this,S,et).call(this),s(this,g,D).call(this)}static get attributes(){return[...super.attributes,...G,e.DISABLED,e.EXPANDED,e.ID,e.LABEL,e.MASK,e.NO_MARGINS,e.PLACEHOLDER,e.READONLY,e.SIZE,e.TABBABLE,e.VALIDATE,e.VALIDATION_EVENTS,e.VALUE]}onColorVariantRefresh(){this.triggerField&&(this.triggerField.colorVariant=this.colorVariant)}onLabelRequiredChange(){this.triggerField&&(this.triggerField.labelRequired=this.labelRequired)}onLabelChange(){this.triggerField&&(this.triggerField.label=this.label)}onLabelStateChange(){this.triggerField&&(this.triggerField.labelState=this.labelState)}onFieldHeightChange(t){if(this.triggerField)if(t){let i=t==="compact"?{name:"compact",val:""}:{name:"field-height",val:t};this.triggerField.setAttribute(i.name,i.val)}else this.triggerField.removeAttribute("compact"),this.triggerField.removeAttribute("field-height")}onPlace(t){return t}template(){let t=this.colorVariant?` color-variant="${this.colorVariant}"`:"",i=this.fieldHeight?` field-height="${this.fieldHeight}"`:"",o=this.labelState?` label-state="${this.labelState}"`:"",n=this.compact?" compact":"",l=this.noMargins?" no-margins":"",u=this.localeAPI?.translate?.("PressDown")||"Press Down arrow to select";return`
+      <div ${_("ids-date-picker",this.isCalendarToolbar&&"is-calendar-toolbar",this.isDropdown&&"is-dropdown")} ${this.isCalendarToolbar?' tabindex="0"':""} part="container">
+        ${this.isCalendarToolbar?`
+          <ids-text font-size="20" class="datepicker-text">${this.value}</ids-text>
+          <ids-text audible="true" translate-text="true">SelectDay</ids-text>
+          <ids-trigger-button>
+            <ids-text audible="true" translate-text="true">DatePickerTriggerButton</ids-text>
+            <ids-icon icon="schedule" class="datepicker-icon"></ids-icon>
+          </ids-trigger-button>
+        `:""}
+        ${this.isDropdown?`
+          <ids-toggle-button icon-off="dropdown" icon-on="dropdown" icon="dropdown" icon-align="end" class="dropdown-btn">
+            <ids-icon icon="dropdown" class="dropdown-btn-icon"></ids-icon>
+            <ids-text class="dropdown-btn-text" font-size="20">${this.value}</ids-text>
+          </ids-toggle-button>
+          <ids-expandable-area type="toggle-btn" expanded="${this.expanded}">
+            <div class="picklist" slot="pane" role="application"></div>
+          </ids-expandable-area>
+        `:""}
+        ${this.isDropdown||this.isCalendarToolbar?"":`
+          <ids-trigger-field
+            part="trigger-field"
+            ${this.id?`id-"${this.id}"`:""}
+            ${this.label?`label="${this.label}"`:""}
+            placeholder="${this.placeholder}"
+            size="${this.size}"
+            format="${this.format}"
+            ${this.validate?`validate="${this.validate}"`:""}
+            validation-events="${this.validationEvents}"
+            value="${this.value}"
+            ${this.disabled?`disabled="${this.disabled}"`:""}
+            ${this.readonly?`readonly="${this.readonly}"`:""}
+            ${this.dirtyTracker?`dirty-tracker="${this.dirtyTracker}"`:""}
+            ${t}${i}${n}${l}${o}
+          >
+            <span slot="label-post" class="audible">, ${u}</span>
+            <ids-trigger-button
+              id="triggerBtn-${this.id?this.id:""}"
+              slot="trigger-end" part="trigger-button">
+              <ids-text audible="true" translate-text="true">DatePickerTriggerButton</ids-text>
+              <ids-icon part="icon" icon="schedule"></ids-icon>
+            </ids-trigger-button>
+          </ids-trigger-field>
+        `}
+        ${this.isDropdown?"":`
+          <ids-date-picker-popup
+            id="popup-${this.id?this.id:""}"
+            expanded="${this.expanded}"
+            show-today="${this.showToday}"
+            show-week-numbers="${this.showWeekNumbers}"
+            first-day-of-week="${this.firstDayOfWeek}"
+            year="${this.year}"
+            month="${this.month}"
+            day="${this.day}"
+            use-range="${this.useRange}"
+            minute-interval="${this.minuteInterval}"
+            second-interval="${this.secondInterval}"
+            use-current-time="${this.useCurrentTime}"
+          ></ids-date-picker-popup>
+        `}
+      </div>
+    `}onDirtyTrackerChange(t){t?this.triggerField?.setAttribute(e.DIRTY_TRACKER,t):this.triggerField?.removeAttribute(e.DIRTY_TRACKER)}get popup(){return this.picker}configurePicker(){if(this.picker=this.container?.querySelector("ids-date-picker-popup"),this.picker&&this.picker.isConnected){if(this.picker.appendToTargetParent(),this.picker.popupOpenEventsTarget=document.body,this.picker.onOutsideClick=t=>{this.picker&&(t.composedPath()?.includes(this.picker)||(this.triggerEvent("outsideclick.datepicker",this),s(this,d,p).call(this,!1)))},this.picker.onTriggerClick=()=>{this.disabled||this.readonly||this.picker?.toggleVisibility()},this.picker.setAttribute(e.TRIGGER_TYPE,"click"),this.picker.setAttribute(e.TARGET,`#${this.triggerField.getAttribute("id")}`),this.picker.setAttribute(e.TRIGGER_ELEM,`#${this.triggerButton.getAttribute("id")}`),this.picker.popup){if(this.picker.popup.setAttribute(e.ARROW_TARGET,`#${this.triggerButton.getAttribute("id")}`),this.localeAPI&&this.localeAPI.isRTL){let t=`${this.localeAPI.isRTL()||["lg","full"].includes(this.size)?"right":"left"}`;this.picker.popup.setAttribute(e.ALIGN,`bottom, ${t}`)}this.picker.popup.onXYSwitch=J}this.picker.refreshTriggerEvents(),this.triggerField&&(this.picker.format=this.format,this.picker.value=this.triggerField.value)}}getActiveDate(){return this.picker?.getActiveDate()||this.activeDate}parseEventDate(t){if(!t||typeof t!="string")return;let i=new Date(t);if(!v(i))return;let o=i.getMonth(),n=i.getFullYear(),l=i.getDate();this.year!==n&&(this.year=n),this.month!==o&&(this.month=o),this.day!==l&&(this.day=l)}focus(){this.triggerField?.focus(),this.container?.querySelector("ids-toggle-button")?.container?.focus(),this.isCalendarToolbar&&this.container?.focus()}open(){s(this,d,p).call(this,!0)}close(){s(this,d,p).call(this,!1)}onIdChange(t){t?this.triggerField?.setAttribute(e.ID,t):(this.removeAttribute(e.ID),this.triggerField?.removeAttribute(e.ID))}get hasFocus(){let t=this.triggerField?.container.querySelector("input"),i=this.container?.querySelector(".dropdown-btn")?.shadowRoot?.querySelector("button");return t?.matches(":focus")||i?.matches(":focus")}get value(){return this.getAttribute(e.VALUE)??""}set value(t){let i=this.container?.querySelector(".datepicker-text"),o=this.container?.querySelector(".dropdown-btn-text");this.dateValue=this.getDateValue(t),!this.disabled&&!this.readonly&&(this.setAttribute(e.VALUE,String(t)),this.triggerField?.setAttribute(e.VALUE,t),i&&(i.innerText=t??""),o&&(o.innerText=t??""))}get placeholder(){return r(this.getAttribute(e.PLACEHOLDER))?this.format:""}set placeholder(t){r(t)?(this.setAttribute(e.PLACEHOLDER,this.placeholder),this.triggerField?.setAttribute(e.PLACEHOLDER,this.placeholder)):(this.removeAttribute(e.PLACEHOLDER),this.triggerField?.removeAttribute(e.PLACEHOLDER))}get disabled(){let t=this.getAttribute(e.DISABLED);return r(t)}set disabled(t){let i=r(t);i?(this.setAttribute(e.DISABLED,"true"),this.triggerField?.setAttribute(e.DISABLED,i)):(this.removeAttribute(e.DISABLED),this.triggerField?.removeAttribute(e.DISABLED))}get readonly(){let t=this.getAttribute(e.READONLY);return r(t)}set readonly(t){r(t)?(this.setAttribute(e.READONLY,"true"),this.triggerField?.setAttribute(e.READONLY,"true")):(this.removeAttribute(e.READONLY),this.triggerField?.removeAttribute(e.READONLY))}get size(){return this.getAttribute(e.SIZE)??"sm"}set size(t){t?(this.setAttribute(e.SIZE,t),this.triggerField?.setAttribute(e.SIZE,t),t==="full"&&this.container?.classList.add("full")):(this.removeAttribute(e.SIZE),this.triggerField?.setAttribute(e.SIZE,"sm"),this.container?.classList.remove("full"))}get tabbable(){let t=this.getAttribute(e.TABBABLE);return t!==null?r(t):!0}set tabbable(t){this.setAttribute(e.TABBABLE,String(t)),this.triggerButton?.setAttribute(e.TABBABLE,t)}get validate(){return this.getAttribute(e.VALIDATE)}set validate(t){t?(this.setAttribute(e.VALIDATE,t),this.triggerField?.setAttribute(e.VALIDATE,t),this.triggerField?.setAttribute(e.VALIDATION_EVENTS,this.validationEvents),this.triggerField?.handleValidation()):(this.removeAttribute(e.VALIDATE),this.triggerField?.removeAttribute(e.VALIDATE),this.triggerField?.removeAttribute(e.VALIDATION_EVENTS),this.triggerField?.handleValidation()),s(this,m,L).call(this)}get validationEvents(){return this.getAttribute(e.VALIDATION_EVENTS)??"change blur"}set validationEvents(t){t?(this.setAttribute(e.VALIDATION_EVENTS,t),this.triggerField?.setAttribute(e.VALIDATION_EVENTS,t)):(this.removeAttribute(e.VALIDATION_EVENTS),this.triggerField?.removeAttribute(e.VALIDATION_EVENTS))}onFormatChange(t){t?(this.picker?.setAttribute(e.FORMAT,t),this.triggerField?.setAttribute(e.FORMAT,t)):(this.picker?.removeAttribute(e.FORMAT),this.triggerField?.removeAttribute(e.FORMAT)),this.placeholder&&(this.placeholder=this.format),s(this,g,D).call(this)}get isCalendarToolbar(){let t=this.getAttribute(e.IS_CALENDAR_TOOLBAR);return r(t)}set isCalendarToolbar(t){let i=r(t);i?this.setAttribute(e.IS_CALENDAR_TOOLBAR,"true"):this.removeAttribute(e.IS_CALENDAR_TOOLBAR),this.container?.classList.toggle("is-calendar-toolbar",i)}get isDropdown(){let t=this.getAttribute(e.IS_DROPDOWN);return r(t)}set isDropdown(t){let i=r(t);i?this.setAttribute(e.IS_DROPDOWN,"true"):this.removeAttribute(e.IS_DROPDOWN),this.container?.classList.toggle("is-dropdown",i)}get showToday(){let t=this.getAttribute(e.SHOW_TODAY);return t!==null?r(t):!0}set showToday(t){this.setAttribute(e.SHOW_TODAY,String(t)),this.picker?.setAttribute(e.SHOW_TODAY,String(t))}set noMargins(t){if(r(t)){this.setAttribute(e.NO_MARGINS,""),this.triggerField?.setAttribute(e.NO_MARGINS,"");return}this.removeAttribute(e.NO_MARGINS),this.triggerField?.removeAttribute(e.NO_MARGINS)}get noMargins(){return r(this.getAttribute(e.NO_MARGINS))}onFirstDayOfWeekChange(t){this.picker?.setAttribute(e.FIRST_DAY_OF_WEEK,String(t))}onMonthChange(t,i){i?this.picker?.setAttribute(e.MONTH,String(t)):this.picker?.removeAttribute(e.MONTH),this.isCalendarToolbar&&s(this,d,p).call(this,i)}onYearChange(t,i){i?this.picker?.setAttribute(e.YEAR,String(t)):this.picker?.removeAttribute(e.YEAR),this.isCalendarToolbar&&s(this,d,p).call(this,i)}onDayChange(t,i){i?this.picker?.setAttribute(e.DAY,String(t)):this.picker?.removeAttribute(e.DAY),this.isCalendarToolbar&&s(this,d,p).call(this,i)}get input(){return this.triggerField}get expanded(){return r(this.getAttribute(e.EXPANDED))}set expanded(t){if(!this.isDropdown||!this.container)return;let i=r(t);i?(this.setAttribute(e.EXPANDED,`${i}`),this.picker?.setAttribute(e.EXPANDED,String(t)),s(this,w,st).call(this,i)):(this.removeAttribute(e.EXPANDED),this.picker?.removeAttribute(e.EXPANDED)),this.container.classList.toggle("is-expanded",i)}onDisableSettingsChange(t){this.picker&&(this.picker.disableSettings=t)}onLegendSettingsChange(t){this.picker&&(this.picker.legend=t)}onRangeSettingsChange(t){if(this.picker&&(this.picker.rangeSettings=t,t?.start&&t?.end)){let i=this.localeAPI.formatDate(s(this,k,F).call(this,t.start),{pattern:this.format}),o=this.localeAPI.formatDate(s(this,k,F).call(this,t.end),{pattern:this.format});this.value=`${i}${this.rangeSettings.separator}${o}`}}onUseRangeChange(t){let i=this.container?.querySelector(".popup-btn-apply");t?(this.picker?.setAttribute(e.USE_RANGE,String(t)),i?.removeAttribute("hidden"),i?.setAttribute("disabled","true")):(this.picker?.removeAttribute(e.USE_RANGE),i?.setAttribute("hidden","true"),i?.removeAttribute("disabled"))}get mask(){let t=this.getAttribute(e.MASK);return r(t)}set mask(t){r(t)?(this.setAttribute(e.MASK,"true"),this.triggerField?.setAttribute(e.MASK,this.useRange?"rangeDate":"date")):(this.removeAttribute(e.MASK),this.triggerField?.removeAttribute(e.MASK))}get minuteInterval(){return b(this.getAttribute(e.MINUTE_INTERVAL))}set minuteInterval(t){let i=b(t);i?this.setAttribute(e.MINUTE_INTERVAL,String(i)):this.removeAttribute(e.MINUTE_INTERVAL),this.picker&&(this.picker.minuteInterval=i)}get secondInterval(){return b(this.getAttribute(e.SECOND_INTERVAL))}set secondInterval(t){let i=b(t);i?this.setAttribute(e.SECOND_INTERVAL,String(i)):this.removeAttribute(e.SECOND_INTERVAL),this.picker&&(this.picker.secondInterval=i)}get showClear(){return r(this.getAttribute(e.SHOW_CLEAR))}set showClear(t){let i=r(t);i?this.setAttribute(e.SHOW_CLEAR,"true"):this.removeAttribute(e.SHOW_CLEAR),this.picker&&(this.picker.showClear=i)}get showCancel(){return r(this.getAttribute(e.SHOW_CANCEL))}set showCancel(t){let i=r(t);i?this.setAttribute(e.SHOW_CANCEL,"true"):this.removeAttribute(e.SHOW_CANCEL),this.picker&&(this.picker.showCancel=i)}get showPicklistYear(){let t=this.getAttribute(e.SHOW_PICKLIST_YEAR);return t?r(t):!0}set showPicklistYear(t){let i=r(t);this.setAttribute(e.SHOW_PICKLIST_YEAR,String(i)),this.picker&&(this.picker.showPicklistYear=i)}get showPicklistMonth(){let t=this.getAttribute(e.SHOW_PICKLIST_MONTH);return t?r(t):!0}set showPicklistMonth(t){let i=r(t);this.setAttribute(e.SHOW_PICKLIST_MONTH,String(i)),this.picker&&(this.picker.showPicklistMonth=i)}get showPicklistWeek(){return r(this.getAttribute(e.SHOW_PICKLIST_WEEK))}set showPicklistWeek(t){let i=r(t);this.setAttribute(e.SHOW_PICKLIST_WEEK,String(i)),this.picker&&(this.picker.showPicklistWeek=i)}get useCurrentTime(){return r(this.getAttribute(e.USE_CURRENT_TIME))}set useCurrentTime(t){let i=r(t);i?this.setAttribute(e.USE_CURRENT_TIME,i.toString()):this.removeAttribute(e.USE_CURRENT_TIME),this.picker&&(this.picker.useCurrentTime=i)}set showWeekNumbers(t){r(t)?this.setAttribute(e.SHOW_WEEK_NUMBERS,""):this.removeAttribute(e.SHOW_WEEK_NUMBERS)}get showWeekNumbers(){return r(this.getAttribute(e.SHOW_WEEK_NUMBERS))}};I=new WeakSet,tt=function(){return this.offEvent("change.date-picker-input"),this.onEvent("change.date-picker-input",this.triggerField,t=>{this.setAttribute(e.VALUE,t.detail.value),this.picker?.setAttribute(e.VALUE,t.detail.value)}),this.offEvent("dayselected.date-picker-popup"),this.onEvent("dayselected.date-picker-popup",this.container,t=>{this.setAttribute(e.VALUE,t.detail.value),this.parseEventDate(t.detail.date),this.triggerField?.setAttribute(e.VALUE,t.detail.value)}),this.offEvent("hide.date-picker-popup"),this.onEvent("hide.date-picker-popup",this.picker,t=>{t.stopPropagation(),t.detail.doFocus&&this.triggerField?.focus(),s(this,y,it).call(this)}),this.offEvent("focus.date-picker-input"),this.onEvent("focus.date-picker-input",this.triggerField,()=>{s(this,d,p).call(this,!1)}),this},S=new WeakSet,et=function(){return this.offEvent("keydown.date-picker-keyboard"),this.onEvent("keydown.date-picker-keyboard",this,t=>{s(this,T,rt).call(this,t)}),this},d=new WeakSet,p=function(t){this.isDropdown||(t&&!this.readonly&&!this.disabled?(s(this,x,ot).call(this),this.value&&this.picker?.setAttribute("value",this.value),this.picker?.show(),this.container?.classList.add("is-open"),this.picker?.focus(),this.isCalendarToolbar&&this.container?.removeAttribute("tabindex")):(this.picker?.hide(),this.container?.classList.remove("is-open"),this.isCalendarToolbar&&this.container?.setAttribute("tabindex","0")))},y=new WeakSet,it=function(){let t=this.getActiveDate(),i={detail:{elem:this,date:t,useRange:this.useRange,rangeStart:this.useRange&&this.rangeSettings.start?new Date(this.rangeSettings.start):null,rangeEnd:this.useRange&&this.rangeSettings.end?new Date(this.rangeSettings.end):null,value:this.getFormattedDate(t)}};this.triggerEvent("dayselected",this,i)},T=new WeakSet,rt=function(t){if(!this.container)return;let i=t.key,o=()=>{t.stopPropagation(),t.stopImmediatePropagation(),t.preventDefault()};i==="ArrowDown"&&!this.picker?.popup?.visible&&(o(),s(this,d,p).call(this,!0)),i==="Escape"&&(o(),s(this,d,p).call(this,!1),this.focus())},w=new WeakSet,st=function(t){let i={bubbles:!0,detail:{elem:this,expanded:t}};this.triggerEvent("expanded",this,i)},x=new WeakSet,ot=function(){if(this.isCalendarToolbar)return;let t=this.localeAPI.parseDate(this.triggerField?.value,{dateFormat:this.format}),i=this.localeAPI.isIslamic()?t&&$(t[0],t[1],t[2]):t,o=c=>{let E=c.getMonth(),C=c.getFullYear(),O=c.getDate();this.year!==C&&(this.year=C),this.month!==E&&(this.month=E),this.day!==O&&(this.day=O)};if(s(this,f,R).call(this)){let c=this.container?.querySelector("ids-time-picker");c&&(c.value=this.triggerField?.value)}if(!this.useRange){o(i||new Date);return}let n=this.triggerField.value?.split(this.rangeSettings.separator)||[],l=n[0]?this.localeAPI.parseDate(n[0],{dateFormat:this.format}):null,u=n[1]?this.localeAPI.parseDate(n[1],{dateFormat:this.format}):null;this.picker&&(this.picker.rangeSettings.start=l,this.picker.rangeSettings.end=u),o(l??new Date)},g=new WeakSet,D=function(){if(this.triggerField&&this.mask){let t=this.triggerField.maskOptions.format,i=this.triggerField.maskOptions.delimiter;if(this.triggerField.mask=this.useRange?"rangeDate":"date",this.triggerField.maskOptions={format:this.format,delimiter:this.rangeSettings.separator},this.useRange&&this.value){let[o,n]=this.value.split(i||this.rangeSettings.separator).map(l=>this.localeAPI.parseDate(l?.trim(),{pattern:t||this.format}));this.triggerField.value=[this.getFormattedDate(o??""),this.rangeSettings.separator,this.getFormattedDate(n??"")].join("")}else this.triggerField.value=this.getFormattedDate(this.dateValue??"")}},m=new WeakSet,L=function(){this.validate?.includes("availableDate")&&this.triggerField?.addValidationRule({id:"availableDate",type:"error",message:this.localeAPI?.translate("UnavailableDate"),check:t=>{if(!t.value)return!0;let i=this.localeAPI.parseDate(t.value,this.format);return v(i)&&!this.picker?.isDisabledByDate(i)}})},f=new WeakSet,R=function(){return this.format?.includes("h")||this.format?.includes("m")||this.format?.includes("s")},k=new WeakSet,F=function(t){let i=v(t)?t:new Date(t),o=this.container?.querySelector("ids-time-picker");if(!s(this,f,R).call(this)||!o)return i;let n=o.hours,l=o.minutes,u=o.seconds,c=o.period,E=this.localeAPI?.calendar().dayPeriods?.indexOf(c);return i.setHours(M(n,E),l,u),i},A=P([V("ids-date-picker"),N(Q)],A);var Pt=A;export{Pt as a};

package/chunks/{ids-chunk-Z2TM5XYU.js → ids-chunk-O23GU4MI.js}

@@ -1,4 +1,4 @@
-import{a as b}from"./ids-chunk-KCHJRSC5.js";import{c as h}from"./ids-chunk-ZUHWNQKP.js";import{a as p,b as v}from"./ids-chunk-XE4WFW5M.js";import{e as a}from"./ids-chunk-VEAPPKDG.js";import{a as t}from"./ids-chunk-NSM2KAOK.js";import{a as u,d,g as c}from"./ids-chunk-Y32WUP63.js";var f=`@charset "UTF-8";
+import{a as b}from"./ids-chunk-PNFB5GRV.js";import{c as h}from"./ids-chunk-ZUHWNQKP.js";import{a as p,b as v}from"./ids-chunk-XE4WFW5M.js";import{e as a}from"./ids-chunk-5Q3WPKMB.js";import{a as t}from"./ids-chunk-ECJIHQ7J.js";import{a as u,d as l,g as c}from"./ids-chunk-Y32WUP63.js";var f=`@charset "UTF-8";
 /**
  * Css for clearable mixin
  */
@@ -63,11 +63,11 @@ import{a as b}from"./ids-chunk-KCHJRSC5.js";import{c as h}from"./ids-chunk-ZUHWN
 }
 
 .ids-textarea .icon-dirty {
-  top: 0;
+  top: 1px;
   margin-inline-start: 1px;
 }
 .ids-textarea .icon-dirty[dir=rtl] {
-  top: 1px;
+  top: 2px;
 }
 
 .label-state-hidden .ids-label-text.empty::before {
@@ -380,6 +380,10 @@ import{a as b}from"./ids-chunk-KCHJRSC5.js";import{c as h}from"./ids-chunk-ZUHWN
 .ids-input.field-height-xs {
   margin-block-end: var(--ids-font-size-20);
 }
+.ids-input.field-height-xs .icon-dirty {
+  left: -1px;
+  top: -1px;
+}
 .ids-input.field-height-xs .ids-label-text {
   font-size: var(--ids-input-label-font-size);
 }
@@ -410,6 +414,10 @@ import{a as b}from"./ids-chunk-KCHJRSC5.js";import{c as h}from"./ids-chunk-ZUHWN
 .ids-input.compact {
   margin-block-end: var(--ids-font-size-20);
 }
+.ids-input.compact .icon-dirty {
+  left: -1px;
+  top: -1px;
+}
 .ids-input.compact .ids-label-text {
   font-size: var(--ids-input-label-font-size);
 }
@@ -470,10 +478,16 @@ import{a as b}from"./ids-chunk-KCHJRSC5.js";import{c as h}from"./ids-chunk-ZUHWN
   font-size: var(--ids-data-grid-font-size-sm);
   padding-inline: var(--ids-space-20);
 }
+.ids-input.color-variant-borderless.ids-input.field-height-xs slot[name=trigger-end] {
+  padding-inline-end: 0;
+}
 .ids-input.color-variant-borderless.ids-input.field-height-xxs .ids-input-field {
   font-size: var(--ids-data-grid-font-size-sm);
   padding-inline: var(--ids-space-10);
 }
+.ids-input.color-variant-borderless.ids-input.field-height-xxs slot[name=trigger-end] {
+  padding-inline-end: 0;
+}
 .ids-input.color-variant-in-cell {
   margin: 1px;
 }
@@ -967,7 +981,7 @@ import{a as b}from"./ids-chunk-KCHJRSC5.js";import{c as h}from"./ids-chunk-ZUHWN
 }
 .ids-input.color-variant-alternate-formatter:focus-within .ids-input-field {
   box-shadow: none;
-}`;var e,g,s,m,n=class extends b{constructor(){super();d(this,e);d(this,s)}get elements(){return{content:this.container?.querySelector(".ids-trigger-field-content"),label:this.container?.querySelector("label"),text:this.container?.querySelector("ids-text")}}connectedCallback(){super.connectedCallback(),c(this,e,g).call(this),c(this,s,m).call(this),this.readonly=a(this.getAttribute("readonly"))}static get attributes(){return[...super.attributes,t.FORMAT,t.TABBABLE]}onColorVariantRefresh(){this.buttons.forEach(i=>{i.colorVariant=this.colorVariant})}template(){this.templateHostAttributes();let{ariaLabel:i,containerClass:o,inputClass:r,inputState:l,labelHtml:x,placeholder:w,type:y,value:k}=this.templateVariables();return`<div class="ids-trigger-field ${o}" part="container">
+}`;var e,g,s,m,n=class extends b{constructor(){super();l(this,e);l(this,s)}get elements(){return{content:this.container?.querySelector(".ids-trigger-field-content"),label:this.container?.querySelector("label"),text:this.container?.querySelector("ids-text")}}connectedCallback(){super.connectedCallback(),c(this,e,g).call(this),c(this,s,m).call(this),this.readonly=a(this.getAttribute("readonly"))}static get attributes(){return[...super.attributes,t.FORMAT,t.TABBABLE]}onColorVariantRefresh(){this.buttons.forEach(i=>{i.colorVariant=this.colorVariant})}template(){this.templateHostAttributes();let{ariaLabel:i,containerClass:o,inputClass:r,inputState:d,labelHtml:x,placeholder:y,type:w,value:k}=this.templateVariables();return`<div class="ids-trigger-field ${o}" part="container">
       ${x}
       <div class="field-container" part="field-container">
         <slot name="trigger-start"></slot>
@@ -975,7 +989,7 @@ import{a as b}from"./ids-chunk-KCHJRSC5.js";import{c as h}from"./ids-chunk-ZUHWN
         <input
           part="input"
           id="${this.id}-input"
-          ${y}${r}${w}${l}
+          ${w}${r}${y}${d}
           ${i}
           ${k}
           ></input>
@@ -991,4 +1005,4 @@ import{a as b}from"./ids-chunk-KCHJRSC5.js";import{c as h}from"./ids-chunk-ZUHWN
         >
           <ids-list-box slot="content" size="${this.size}"></ids-list-box>
         </ids-popup>`:""}
-    </div>`}get buttons(){return[...this.querySelectorAll("ids-trigger-button")]}set tabbable(i){let o=a(i);o?this.setAttribute(t.TABBABLE,`${h(`${i}`)}`):this.removeAttribute(t.TABBABLE),this.buttons.forEach(r=>{r.tabbable=o})}get tabbable(){return a(this.getAttribute(t.TABBABLE))}set disabled(i){super.disabled=i,a(i)?(this.readonly=!1,super.readonly=!1,this.buttons.forEach(o=>{o.setAttribute(t.DISABLED,""),o.readonly=!1})):this.buttons.forEach(o=>{o.removeAttribute(t.DISABLED)})}get disabled(){return super.disabled}set readonly(i){super.readonly=i,a(i)&&!this.readonlyBackground?this.buttons.forEach(o=>{o.setAttribute(t.READONLY,""),o.removeAttribute(t.DISABLED)}):this.buttons.forEach(o=>{o.removeAttribute(t.READONLY)})}get readonly(){return super.readonly}set format(i){i?this.setAttribute(t.FORMAT,i):this.removeAttribute(t.FORMAT)}get format(){return this.getAttribute(t.FORMAT)}onFieldHeightChange(i){this.buttons.forEach(o=>{if(i){let r=i==="compact"?{name:"compact",val:""}:{name:"field-height",val:i};o.setAttribute(r.name,r.val)}else o.removeAttribute("compact"),o.removeAttribute("field-height")})}trigger(){let i=!0,o=r=>{i=!!r};this.triggerEvent("beforetriggerclicked",this,{detail:{elem:this,response:o}}),i&&this.triggerEvent("triggerclicked",this,{detail:{elem:this}})}};e=new WeakSet,g=function(){this.onEvent("click.trigger-button",this,i=>{i.target&&this.trigger()})},s=new WeakSet,m=function(){let i=(o,r,l)=>{this.hasAttribute(r)?o?.setAttribute(r,l):o?.removeAttribute(r)};this.buttons?.forEach(o=>{i(o,t.COMPACT,""),i(o,t.FIELD_HEIGHT,this.fieldHeight)})},n=u([p("ids-trigger-field"),v(f)],n);export{n as a};
+    </div>`}get buttons(){return[...this.querySelectorAll("ids-trigger-button")]}set tabbable(i){let o=a(i);o?this.setAttribute(t.TABBABLE,`${h(`${i}`)}`):this.removeAttribute(t.TABBABLE),this.buttons.forEach(r=>{r.tabbable=o})}get tabbable(){return a(this.getAttribute(t.TABBABLE))}set disabled(i){super.disabled=i,a(i)?(this.readonly=!1,super.readonly=!1,this.buttons.forEach(o=>{o.setAttribute(t.DISABLED,""),o.readonly=!1})):this.buttons.forEach(o=>{o.removeAttribute(t.DISABLED)})}get disabled(){return super.disabled}set readonly(i){super.readonly=i,a(i)&&!this.readonlyBackground?this.buttons.forEach(o=>{o.setAttribute(t.READONLY,""),o.removeAttribute(t.DISABLED)}):this.buttons.forEach(o=>{o.removeAttribute(t.READONLY)})}get readonly(){return super.readonly}set format(i){i?this.setAttribute(t.FORMAT,i):this.removeAttribute(t.FORMAT)}get format(){return this.getAttribute(t.FORMAT)}onFieldHeightChange(i){this.buttons.forEach(o=>{if(i){let r=i==="compact"?{name:"compact",val:""}:{name:"field-height",val:i};o.setAttribute(r.name,r.val)}else o.removeAttribute("compact"),o.removeAttribute("field-height")})}trigger(){let i=!0,o=r=>{i=!!r};this.triggerEvent("beforetriggerclicked",this,{detail:{elem:this,response:o}}),i&&this.triggerEvent("triggerclicked",this,{detail:{elem:this}})}};e=new WeakSet,g=function(){this.onEvent("click.trigger-button",this,i=>{i.target&&this.trigger()})},s=new WeakSet,m=function(){let i=(o,r,d)=>{this.hasAttribute(r)?o?.setAttribute(r,d):o?.removeAttribute(r)};this.buttons?.forEach(o=>{i(o,t.COMPACT,""),i(o,t.FIELD_HEIGHT,this.fieldHeight)})},n=u([p("ids-trigger-field"),v(f)],n);export{n as a};

package/chunks/ids-chunk-OAJ57YHK.js

@@ -0,0 +1,73 @@
+import{a as S}from"./ids-chunk-D2KOMV4A.js";import{a as R}from"./ids-chunk-T6ZV4PDM.js";import{a as y}from"./ids-chunk-DK5QOJMP.js";import{a as I,b as G}from"./ids-chunk-XE4WFW5M.js";import{a as B}from"./ids-chunk-RW2HYK23.js";import{e as d}from"./ids-chunk-5Q3WPKMB.js";import{a as e}from"./ids-chunk-ECJIHQ7J.js";import{a as L,d as r,g as s}from"./ids-chunk-Y32WUP63.js";var x=`:host {
+  font-family: var(--ids-swappable-item-font-family);
+  border: var(--ids-swappable-item-border-default);
+  cursor: var(--ids-swappable-item-cursor-default);
+  display: block;
+  transition: height 0.4s ease, padding 0.4s ease;
+  overflow: hidden;
+}
+
+:host(:hover) {
+  position: relative;
+}
+:host(:hover)::before {
+  position: absolute;
+  left: 0;
+  top: 50%;
+  transform: translate(5px, -47%);
+  font-size: var(--ids-swappable-item-font-size-hover);
+  content: var(--ids-swappable-item-content-hover);
+  z-index: 999999;
+}
+
+:host([dir=rtl]:hover)::before {
+  left: unset;
+  right: 5px;
+  transform: translate(-1px, -47%);
+}
+
+:host(:focus) {
+  border: var(--ids-swappable-item-border-focus);
+  box-shadow: var(--ids-swappable-item-shadow-focus);
+  outline: var(--ids-swappable-item-outline-focus);
+}
+
+:host([selected]) {
+  cursor: var(--ids-swappable-item-cursor-selected);
+}
+
+:host([dragging]) {
+  opacity: var(--ids-swappable-item-opacity-dragging);
+}
+
+:host([dragging]:not(.slotted-ids-tab)),
+:host([selected]:not(.slotted-ids-tab)) {
+  background-color: var(--ids-swappable-item-color-background-selected);
+  color: var(--ids-swappable-item-color-text-selected);
+}
+
+:host([over]) {
+  border: var(--ids-swappable-item-over-border);
+}
+
+:host(.p-8) {
+  padding-block: var(--ids-space-40);
+  padding-inline-end: var(--ids-space-40);
+  padding-inline-start: var(--ids-space-60);
+}
+
+:host(.is-hidden) {
+  height: var(--ids-space-none);
+  padding: var(--ids-space-none);
+  border: none;
+  overflow: hidden;
+}
+
+::slotted(ids-tab) {
+  position: relative;
+  margin: -1px;
+}
+
+:host(.slotted-ids-tab:not(.orientation-vertical)) {
+  margin-inline-start: var(--ids-space-30);
+}`;var k=R(S(y(B))),b,T,o,u,c,D,E,w,n,p,l,g,f,M,m,C,A,O,v,N,h=class extends k{constructor(){super();r(this,b);r(this,o);r(this,c);r(this,E);r(this,n);r(this,l);r(this,f);r(this,m);r(this,A);r(this,v)}connectedCallback(){super.connectedCallback(),this.setAttribute(e.TABBABLE,"true"),this.hasAttribute(e.DRAG_MODE)||this.setAttribute(e.DRAG_MODE,"select"),this.attachEventListeners(),s(this,v,N).call(this)}static get attributes(){return[...super.attributes,e.DRAG_MODE,e.DRAGGING,e.ORIGINAL_TEXT,e.OVER,e.SELECTED,e.TABBABLE]}template(){return"<slot></slot>"}get rowIndex(){return Number(this.getAttribute("index")??-1)}get listViewItem(){let t=this.querySelector("slot, ids-list-view-item");return t?.matches("slot")?t?.assignedElements?.().find(i=>i.matches("ids-list-view-item")):t}set dragMode(t){t==="select"?this.setAttribute(e.DRAGGABLE,"false"):this.setAttribute(e.DRAGGABLE,"true")}get dragMode(){return this.getAttribute(e.DRAG_MODE)}set selected(t){d(t)?(this.setAttribute(e.SELECTED,""),this.setAttribute("aria-selected","selected"),this.setAttribute("draggable","true")):(this.removeAttribute(e.SELECTED),this.removeAttribute("aria-selected"),this.dragMode==="select"&&this.setAttribute("draggable","false"))}get selected(){return d(this.getAttribute(e.SELECTED))}get selectedItems(){return this.parentElement?.shadowRoot?.querySelectorAll("[selected]")}get allItems(){return this.parentElement?.querySelectorAll("ids-swappable-item")}set originalText(t){t?this.setAttribute(e.ORIGINAL_TEXT,t):this.removeAttribute(e.ORIGINAL_TEXT)}get originalText(){return this.getAttribute(e.ORIGINAL_TEXT)}get selection(){return this.parentElement?.getAttribute(e.SELECTION)}set tabbable(t){if(d(t)){this.setAttribute(e.TABBABLE,"true"),this.setAttribute(e.TABINDEX,"0");return}this.setAttribute(e.TABBABLE,"false"),this.setAttribute(e.TABINDEX,"-1")}get tabbable(){return d(this.getAttribute(e.TABBABLE)||!0)}attachEventListeners(){s(this,m,C).call(this),s(this,f,M).call(this),s(this,A,O).call(this)}};b=new WeakSet,T=function(t){t.dataTransfer?.setData("text/plain",t.target.innerText),this.setAttribute(e.DRAGGING,""),[...this.children].forEach(i=>{i.setAttribute(e.DRAGGING,"")})},o=new WeakSet,u=function(){this.dragMode==="select"&&this.setAttribute(e.DRAGGABLE,"true"),this.removeAttribute(e.DRAGGING),[...this.children].forEach(t=>{t.removeAttribute(e.DRAGGING),t.focus()}),this.removeAttribute(e.OVER),this.triggerEvent("afterdragend",this,{bubbles:!0,detail:{elem:this}})},c=new WeakSet,D=function(t){t.dataTransfer&&(t.dataTransfer.dropEffect="move"),this.hasAttribute(e.DRAGGING)?this.removeAttribute(e.OVER):this.setAttribute(e.OVER,"")},E=new WeakSet,w=function(){this.removeAttribute(e.OVER)},n=new WeakSet,p=function(){let t=()=>{this.removeAttribute(e.SELECTED),this.listViewItem?.removeAttribute(e.SELECTED)};this.dragMode==="select"?this.selected?t():(this.allItems?.forEach(i=>{i.removeAttribute(e.SELECTED),i.listViewItem?.removeAttribute(e.SELECTED)}),this.setAttribute(e.SELECTED,""),this.listViewItem?.setAttribute(e.SELECTED,"selected")):t()},l=new WeakSet,g=function(){this.selected?this.removeAttribute(e.SELECTED):this.setAttribute(e.SELECTED,"")},f=new WeakSet,M=function(){this.listen(["Enter","ArrowUp","ArrowDown"],this,t=>{if(t.preventDefault(),t.key==="ArrowDown"&&(t.target.parentElement?.nextElementSibling?.focus(),t.target.nextElementSibling?.focus()),t.key==="ArrowUp"&&t.target.previousElementSibling?.focus(),t.key==="Enter"){if(this.querySelector(".is-editing"))return;this.selection==="multiple"?s(this,l,g).call(this):s(this,n,p).call(this)}})},m=new WeakSet,C=function(){this.selection==="multiple"?(this.offEvent("click",this,s(this,l,g)),this.onEvent("click",this,s(this,l,g))):(this.offEvent("click",this,s(this,n,p)),this.onEvent("click",this,s(this,n,p)))},A=new WeakSet,O=function(){this.offEvent("dragstart",this,t=>s(this,b,T).call(this,t)),this.onEvent("dragstart",this,t=>s(this,b,T).call(this,t)),this.offEvent("dragend",this,()=>s(this,o,u).call(this)),this.onEvent("dragend",this,()=>s(this,o,u).call(this)),this.offEvent("drop",this,()=>s(this,o,u).call(this)),this.onEvent("drop",this,()=>s(this,o,u).call(this)),this.offEvent("dragover",this,t=>s(this,c,D).call(this,t)),this.onEvent("dragover",this,t=>s(this,c,D).call(this,t)),this.offEvent("dragleave",this,()=>s(this,E,w).call(this)),this.onEvent("dragleave",this,()=>s(this,E,w).call(this))},v=new WeakSet,N=function(){if(this.children.length>0){let t=[...this.children].filter(a=>a.name).map(a=>`slotted-${a.name}`),i=[...this.children].filter(a=>a.state?.orientation).map(a=>`orientation-${a.state.orientation}`);(t.length>0||i.length>0)&&this.classList.add(...t,...i)}},h=L([I("ids-swappable-item"),G(x)],h);export{h as a};

package/chunks/{ids-chunk-EJM3B5XG.js → ids-chunk-OF7JJVPN.js}

@@ -1,4 +1,4 @@
-import{a as n}from"./ids-chunk-T6ZV4PDM.js";import{a as d}from"./ids-chunk-CT5U7IVV.js";import{c as l}from"./ids-chunk-ZUHWNQKP.js";import{a as i,b as s}from"./ids-chunk-XE4WFW5M.js";import{a as c}from"./ids-chunk-4WDX2CDM.js";import{a}from"./ids-chunk-WYSIBKRB.js";import{a as e}from"./ids-chunk-NSM2KAOK.js";import{a as r}from"./ids-chunk-Y32WUP63.js";var u=`/* Ids Header Component */
+import{a as n}from"./ids-chunk-T6ZV4PDM.js";import{a as d}from"./ids-chunk-DK5QOJMP.js";import{c as l}from"./ids-chunk-ZUHWNQKP.js";import{a as i,b as s}from"./ids-chunk-XE4WFW5M.js";import{a as c}from"./ids-chunk-RW2HYK23.js";import{a}from"./ids-chunk-WYSIBKRB.js";import{a as e}from"./ids-chunk-ECJIHQ7J.js";import{a as r}from"./ids-chunk-Y32WUP63.js";var u=`/* Ids Header Component */
 .ids-header {
   background-color: var(--ids-header-color-background);
   border-bottom: 1px solid var(--ids-header-color-border-bottom);

package/chunks/ids-chunk-OINWZNY7.js

@@ -0,0 +1,100 @@
+import{a as O}from"./ids-chunk-PRFN5Z6E.js";import{a as B}from"./ids-chunk-UJBFVJOR.js";import{a as D}from"./ids-chunk-CYUUIMSF.js";import{b as G}from"./ids-chunk-SKASXVWN.js";import{a as w}from"./ids-chunk-C2X5YWTJ.js";import{a as R}from"./ids-chunk-D2KOMV4A.js";import{a as F}from"./ids-chunk-T6ZV4PDM.js";import{a as C}from"./ids-chunk-DK5QOJMP.js";import{a as T,b as S}from"./ids-chunk-XE4WFW5M.js";import{a as x}from"./ids-chunk-RW2HYK23.js";import{e as n}from"./ids-chunk-5Q3WPKMB.js";import{a as e}from"./ids-chunk-ECJIHQ7J.js";import{a as L,b as d,c as y,d as o,e as I,g as l}from"./ids-chunk-Y32WUP63.js";var V=`/* Ids Lookup Component */
+.data-grid-container {
+  overflow: hidden;
+  position: relative;
+  max-height: 400px;
+}
+
+.data-grid-parent-container {
+  overflow: auto;
+}
+
+ids-trigger-field::part(clearable-button) {
+  margin-inline-end: -3px;
+}
+
+:host-context(ids-data-grid-cell) {
+  border: 0;
+  outline: none;
+  width: 100%;
+}
+:host-context(ids-data-grid-cell) ids-trigger-field::part(container),
+:host-context(ids-data-grid-cell) ids-trigger-field::part(field-container) {
+  background-color: transparent;
+  border: 0;
+  border-radius: 0;
+  box-shadow: none;
+  outline: none;
+  height: 100%;
+  width: 100%;
+}
+
+:host-context([data-row-height=xxs]) ids-trigger-field::part(input) {
+  padding-inline: var(--ids-data-grid-padding-xxs);
+}
+
+:host-context([data-row-height=xs]) ids-trigger-field::part(input) {
+  padding-inline: var(--ids-data-grid-padding-xs);
+}
+
+:host-context([data-row-height=sm]) ids-trigger-field::part(input) {
+  padding-inline: var(--ids-data-grid-padding-sm);
+}
+
+:host-context([data-row-height=md]) ids-trigger-field::part(input) {
+  padding-inline: var(--ids-data-grid-padding-md);
+}
+
+:host-context([data-row-height=lg]) ids-trigger-field::part(input) {
+  padding-inline: var(--ids-data-grid-padding-lg);
+}
+
+.result-count {
+  font-size: var(--ids-lookup-result-count-font-size);
+  margin: var(--ids-lookup-result-count-margin);
+  vertical-align: middle;
+}`;var P=D(B(R(F(O(G(w(C(x)))))))),h,f,g,$,k,b,v,p,H,E,N,A,M,c=class extends P{constructor(){super();o(this,h);o(this,g);o(this,b);o(this,p);o(this,E);o(this,A);d(this,"triggerField");d(this,"searchField");d(this,"triggerButton");d(this,"dataGrid");d(this,"modal");d(this,"listBox");d(this,"state",{clearable:!0,dataGridSettings:{rowSelection:"multiple"},value:"",title:""});d(this,"isFormComponent",!0);Object.defineProperty(this,"title",{get:()=>y(this,g,k),set:t=>{I(this,g,t,$)},enumerable:!0,configurable:!0})}connectedCallback(){var t;super.connectedCallback(),this.triggerField=this.shadowRoot?.querySelector("ids-trigger-field"),this.triggerButton=this.shadowRoot?.querySelector('ids-trigger-button[part="trigger-lookup"]'),this.searchField=this.shadowRoot?.querySelector("ids-search-field"),this.dataGrid=this.shadowRoot?.querySelector("ids-data-grid"),this.dataGrid?.setAttribute(e.LIST_STYLE,"true"),this.modal=this.querySelector('[slot="lookup-modal"]')||this.shadowRoot?.querySelector("ids-modal"),this.modal&&(this.modal.target=this.triggerButton,this.modal.triggerType="click"),l(t=l(this,E,N).call(this),A,M).call(t)}disconnectedCallback(){super.disconnectedCallback?.(),this.dataGrid=void 0,this.modal=void 0,this.triggerField=void 0,this.triggerButton=void 0}static get attributes(){return[...super.attributes,e.AUTOCOMPLETE,e.CLEARABLE,e.DISABLED,e.FIELD,e.READONLY,e.SEARCHABLE,e.SEARCHFIELD_PLACEHOLDER,e.RECORD_COUNT,e.SIZE,e.TABBABLE,e.TITLE,e.VALUE]}template(){return`
+    <ids-trigger-field
+      label="${this.label}"
+      part="trigger-field"
+      value="${this.value===void 0?"":this.value}"
+      ${this.autocomplete?` autocomplete search-field="${this.field}"`:""}
+      ${this.clearable?' clearable="true"':""}
+      ${this.disabled?' disabled="true"':""}
+      ${this.readonly?' readonly="true"':""}
+      ${this.dirtyTracker?' dirty-tracker="true"':""}
+      ${this.compact?" compact":""}
+      ${this.size?` size="${this.size}"`:""}
+      ${this.fieldHeight?` field-height="${this.fieldHeight}"`:""}
+      ${this.validate?` validate="${this.validate}"`:""}
+      ${this.validate&&this.validationEvents?` validation-events="${this.validationEvents}"`:""}>
+      <ids-trigger-button
+        slot="trigger-end"
+        part="trigger-lookup"
+        tabbable="${this.tabbable}"
+        disabled="${this.disabled}"
+        readonly="${this.readonly}">
+        <ids-text audible="true">LookupTriggerButton</ids-text>
+        <ids-icon icon="search-list" part="icon"></ids-icon>
+      </ids-trigger-button>
+    </ids-trigger-field>
+    <slot name="lookup-modal">
+      <ids-modal id="lookup-modal" aria-labelledby="lookup-modal-title" part="modal">
+        <ids-text slot="title" font-size="24" type="h2" id="lookup-modal-title">${this.title}</ids-text>
+        ${this.searchable?`<ids-search-field clearable label="Search Field with Hidden Label" label-state="collapsed" size="full" placeholder="${this.searchfieldPlaceholder}"></ids-search-field>`:""}
+        <ids-layout-grid class="data-grid-parent-container" auto-fit="true" gap="md" no-margins="true" min-col-width="400px">
+          <ids-layout-grid-cell class="data-grid-container">
+              <ids-data-grid id="lookup-data-grid" label="${this.label}" part="data-grid" auto-fit="true">
+              </ids-data-grid>
+          </ids-layout-grid-cell>
+        </ids-layout-grid>
+
+        <ids-modal-button slot="buttons" id="modal-cancel-btn" appearance="secondary">
+          <span>Cancel</span>
+        </ids-modal-button>
+        <ids-modal-button slot="buttons" id="modal-apply-btn" appearance="primary">
+          <span>Apply</span>
+        </ids-modal-button>
+      </ids-modal>
+    </slot>
+    `}set autocomplete(t){n(t)?this.setAttribute(e.AUTOCOMPLETE,""):this.removeAttribute(e.AUTOCOMPLETE)}get autocomplete(){return this.hasAttribute(e.AUTOCOMPLETE)}onDirtyTrackerChange(t){t?this.container?.setAttribute(e.DIRTY_TRACKER,t.toString()):this.container?.removeAttribute(e.DIRTY_TRACKER)}set value(t){t!==this.state.value&&(this.state.value=(t??"").toString(),this.setAttribute(e.VALUE,this.state.value),this.triggerField&&this.triggerField.value!==this.state.value&&(this.triggerField.value=this.state.value,this.triggerField?.input?.dispatchEvent(new Event("change"))),this.triggerEvent("change",this,{detail:{elem:this,value:this.state.value}}))}get value(){return this.state.value}onLabelChange(){this.input&&(this.input.label=this.label)}onLabelStateChange(){this.input&&(this.input.labelState=this.labelState)}onLabelRequiredChange(){this.input&&(this.input.labelRequired=this.labelRequired)}set readonly(t){let i=n(t);if(this.triggerField){if(i){this.removeAttribute("disabled"),this.triggerField.readonly=!0,this.setAttribute("readonly","true");return}this.triggerField.readonly=!1,this.removeAttribute("readonly")}}get readonly(){return n(this.getAttribute("readonly"))||!1}set disabled(t){let i=n(t);if(this.triggerField){if(i){this.removeAttribute("readonly"),this.triggerField.disabled=!0,this.setAttribute("disabled","true");return}this.triggerField.disabled=!1,this.removeAttribute("disabled")}}get disabled(){return n(this.getAttribute("disabled"))||!1}set tabbable(t){let i=n(t);this.triggerField&&(this.setAttribute(e.TABBABLE,String(i)),this.triggerField.setAttribute(e.TABBABLE,String(i)))}get tabbable(){let t=this.getAttribute(e.TABBABLE);return this.readonly||this.disabled?!1:t===null?!0:n(this.getAttribute(e.TABBABLE))}set columns(t){this.dataGrid&&(this.dataGrid.columns=t)}get columns(){return this.dataGrid?.columns}set data(t){this.dataGrid&&(this.dataGrid.data=t),l(this,h,f).call(this)}get data(){return this.dataGrid?this.dataGrid.data:[]}set dataGridSettings(t){this.state.dataGridSettings=t;for(let[i,s]of Object.entries(t))this.dataGrid[i]=s;this.dataGrid&&(this.dataGrid.listStyle=!0)}get dataGridSettings(){return this.state.dataGridSettings}set validate(t){t?(this.setAttribute(e.VALIDATE,t.toString()),this.triggerField?.setAttribute(e.VALIDATE,t.toString()),this.triggerField?.setAttribute(e.VALIDATION_EVENTS,this.validationEvents),this.triggerField?.handleValidation()):(this.removeAttribute(e.VALIDATE),this.triggerField?.removeAttribute(e.VALIDATE),this.triggerField?.removeAttribute(e.VALIDATION_EVENTS),this.triggerField?.handleValidation())}get validate(){return this.getAttribute(e.VALIDATE)}set validationEvents(t){t?(this.setAttribute(e.VALIDATION_EVENTS,t.toString()),this.triggerField?.setAttribute(e.VALIDATION_EVENTS,t.toString())):(this.removeAttribute(e.VALIDATION_EVENTS),this.triggerField?.removeAttribute(e.VALIDATION_EVENTS))}get validationEvents(){return this.getAttribute(e.VALIDATION_EVENTS)||"change blur"}set field(t){t&&this.setAttribute(e.FIELD,t)}get field(){return this.getAttribute(e.FIELD)||"id"}set searchable(t){t?this.setAttribute(e.SEARCHABLE,""):this.removeAttribute(e.SEARCHABLE)}get searchable(){return this.hasAttribute(e.SEARCHABLE)||!1}set searchfieldPlaceholder(t){t?this.setAttribute(e.SEARCHFIELD_PLACEHOLDER,t):this.removeAttribute(e.SEARCHFIELD_PLACEHOLDER)}get searchfieldPlaceholder(){return this.getAttribute(e.SEARCHFIELD_PLACEHOLDER)||""}set recordCount(t){t?(this.setAttribute(e.RECORD_COUNT,t),l(this,b,v).call(this)):this.removeAttribute(e.RECORD_COUNT)}get recordCount(){return this.getAttribute(e.RECORD_COUNT)||""}set size(t){t?this.setAttribute(e.SIZE,t):this.removeAttribute(e.SIZE),this.triggerField&&this.triggerField.setAttribute(e.SIZE,this.size)}get size(){return this.getAttribute(e.SIZE)??"md"}set delimiter(t){t&&this.setAttribute(e.DELIMITER,t)}get delimiter(){return this.getAttribute(e.DELIMITER)||","}get input(){return this.container}set clearable(t){let i=n(t);i!==this.state.clearable&&(this.state.clearable=i,this.setAttribute(e.CLEARABLE,String(i)),this.triggerField?.setAttribute(e.CLEARABLE,String(i)))}get clearable(){return this.state.clearable||!0}onFieldHeightChange(t){if(t){let i=t==="compact"?{name:"compact",val:""}:{name:"field-height",val:t};this.triggerField?.setAttribute(i.name,i.val)}else this.triggerField?.removeAttribute("compact"),this.triggerField?.removeAttribute("field-height"),this.listBox?.removeAttribute("compact")}};h=new WeakSet,f=function(t=this.value){if(t===""){this.dataGrid?.selectedRows.length&&this.dataGrid.deSelectAllRows(),this.value!==t&&(this.value=t);return}let i=(r,u)=>r?.findIndex(m=>m[this.field]==u),s=t?.split(this.delimiter)||[],a=[];s.forEach((r,u)=>{let m=i(this.dataGrid?.data,r);m>-1?i(this.dataGrid?.selectedRows.map(_=>_.data),r)===-1&&this.dataGrid?.selectRow(m):a.push(u)}),a.forEach(r=>s.splice(r,1)),a=[],this.dataGrid?.selectedRows&&this.dataGrid?.selectedRows.length>s.length&&this.dataGrid?.selectedRows.forEach(r=>{s.includes(r.data[this.field])||a.push(r.index)}),a.forEach(r=>this.dataGrid?.deSelectRow(r)),this.value!==t&&(this.value=t)},g=new WeakSet,$=function(t){t&&(this.setAttribute(e.TITLE,""),this.state.title=t,l(this,b,v).call(this))},k=function(){return this.state.title||`${this.label}`},b=new WeakSet,v=function(){let t=this.modal?.querySelector('[slot="title"]');t&&(t.innerHTML=`${this.title}${this.recordCount?`<span class="result-count">${this.localeAPI.translate("Results").replace("{0}",this.recordCount)}</span>`:""}`)},p=new WeakSet,H=function(){this.value=this.dataGrid?.selectedRows.map(t=>t.data[this.field]).join(this.delimiter)||""},E=new WeakSet,N=function(){return this.onEvent("click.lookup",this.modal,t=>{let i=t.target?.getAttribute("id");i==="modal-cancel-btn"&&(this.modal?.hide(),l(this,h,f).call(this)),i==="modal-apply-btn"&&(this.modal?.hide(),l(this,p,H).call(this))}),this.onEvent("change.lookup",this.triggerField,()=>{let t=this.triggerField?.value,i=t!==this.value;if(!i){let s=this.dataGrid?.selectedRows?.map(r=>r?.data?.[this.field])||[],a=this.value?.split(this.delimiter)||[];if(s.length!==a.length&&(i=!0),!i){for(let r=0,u=a.length;r<u;r++)if(!s.includes(a[r])){i=!0;break}}}i&&l(this,h,f).call(this,t)}),this.onEvent("keydown.searchfield",this.searchField,t=>{t.key==="Enter"&&this.triggerEvent("search",this,{detail:{searchTerm:t.target.value,method:"enter"}})}),this.onEvent("cleared.searchfield",this.searchField,()=>{this.triggerEvent("cleared",this,{detail:{searchTerm:"",method:"clear"}})}),this.modal?.addEventListener("beforeshow",t=>{(this.readonly||this.disabled)&&t.detail.response(!1),this.querySelectorAll('[slot="lookup-modal"]').length!==1&&this.data?.length===0&&this.columns?.length===1&&this.columns[0].id===""&&t.detail.response(!1)}),this.dataGrid?.addEventListener("beforerowselected",t=>{this.triggerEvent("beforerowselected",this,{detail:t.detail})}),this.dataGrid?.addEventListener("rowselected",t=>{this.triggerEvent("rowselected",this,{detail:t.detail})}),this.dataGrid?.addEventListener("beforerowdeselected",t=>{this.triggerEvent("beforerowdeselected",this,{detail:t.detail})}),this.dataGrid?.addEventListener("rowdeselected",t=>{this.triggerEvent("rowdeselected",this,{detail:t.detail})}),this.dataGrid?.addEventListener("selectionchanged",t=>{this.triggerEvent("selectionchanged",this,{detail:t.detail})}),this},A=new WeakSet,M=function(){return this.listen(["ArrowDown"],this,()=>{this.modal?.show()}),this},c=L([T("ids-lookup"),S(V)],c);export{c as a};